/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
	color: #600;
	text-align: center;
	background: #000 url(img/header.jpg) center 0 no-repeat;
}
a{color:#f90;}
a img{color: white; border:0;}
div#FlagBar {
	text-align:center;
	width: 648px;
	height: 40px;
	line-height: 40px;
}
div#main-wide {background: transparent url(img/body.jpg) center 376px no-repeat;}
div#main {
	width: 648px;
	margin: 0 auto;
	text-align: left;
}
h1#h1-etherya {
	text-indent: -5000px;
	padding-top: 200px;
	height: 18px;
}
div#content {
	padding: 0 67px 0 64px;
}
h2#comingsoon {
	display: block;
	margin: 0 auto;
	margin-top: 22px;
	height:41px;
}
div#annonces {
	width: 519px; height: 243px;
	padding-top: 14px;
	position: relative;
}
div#annonces-nb {
	position: absolute;
	right: 0; top:16px;
	width:120px;
	height: 15px;
}
div#annonces-nb a {
	width:15px; height: 15px; float: left; margin-right: 5px; display: block;
	background: transparent url(img/annonces-nums.jpg) 0 0 no-repeat;
	outline: none;
}
div#annonces-nb a#annonce-nb-1 {background-position: 0 0;}
div#annonces-nb a#annonce-nb-2 {background-position: -15px 0;}
div#annonces-nb a#annonce-nb-3 {background-position: -30px 0;}
div#annonces-nb a#annonce-nb-4 {background-position: -45px 0;}
div#annonces-nb a#annonce-nb-5 {background-position: -60px 0;}
div#annonces-nb a#annonce-nb-6 {background-position: -75px 0;}

div#annonces-nb a#annonce-nb-1:hover,div#annonces-nb a#annonce-nb-1.active {background-position: 0 -15px;}
div#annonces-nb a#annonce-nb-2:hover,div#annonces-nb a#annonce-nb-2.active {background-position: -15px -15px;}
div#annonces-nb a#annonce-nb-3:hover,div#annonces-nb a#annonce-nb-3.active {background-position: -30px -15px;}
div#annonces-nb a#annonce-nb-4:hover,div#annonces-nb a#annonce-nb-4.active {background-position: -45px -15px;}
div#annonces-nb a#annonce-nb-5:hover,div#annonces-nb a#annonce-nb-5.active {background-position: -60px -15px;}
div#annonces-nb a#annonce-nb-6:hover,div#annonces-nb a#annonce-nb-6.active {background-position: -75px -15px;}

div#annonces h3 {margin-bottom: 4px;}
div#annonces p {
	font-size: 13px;
	font-variant: small-caps;
	color: #e5b8b8;
}
div#annonces p strong {color: #c55e5e;}
div.annonce-text {
	padding: 0 8px;
}
#h3-mmorpg {
	margin: 10px auto 0 auto;
	text-indent: -5000px;
}
div#infopoints {
	height: 253px;
}
div#infopoints ul {
	padding-left:94px;
	list-style-type: none;
}
div#infopoints ul li {
	margin: 10px 0 15px 0;
	font-size:15px;
}
div#infopoints ul li h4 {
	font-variant: small-caps;
	font-size:18px;
	color:#e1d4a3;
}
div#infopoints ul li p {
	color:#887944;
}
div#social {
	height: 54px;
	text-align:  right;
}
div#socialtitre {
	float: left; height: 24px;
	margin-top: 13px;
}
div#social img {
	line-height: 54px;
}
form#preinscription {
	margin-top: 50px;
	padding: 4px 6px;
	height: 206px;
	position: relative;
}
form#preinscription h3 {
	font-size: 18px;
	color: #e1d4a3;
	font-variant: small-caps;
}
form#preinscription p.stitre {
	font-size: 16px;
	color: #807241;
	font-variant: small-caps;
	margin-bottom: 8px;
}
form#preinscription p {
	color: #fff;
	font-size: 11px;
}
form#preinscription label {
	display: block; width: 54px; height: 27px; float: left;
	background: transparent url(img/input-email.jpg) 0 0 no-repeat;
}
form#preinscription input.inputText {
	width: 245px; height: 17px; border: 0 none;
	background: transparent url(img/input-email.jpg) -54px 0 no-repeat;
	padding: 5px; color: #fff; font-size: 12px;
}
form#preinscription div#captcha {
	float:right;
	width:160px;
}
form#preinscription div#captcha img {
	border: 1px solid #bd5950;
	margin-bottom: 3px;
}
form#preinscription div#captcha .captchaTextInput {width: 156px;}
form#preinscription input#submit-preinscription {
	border: 0 none; width: 226px; height: 42px;
	position:absolute; bottom: 13px; left:146px;
	cursor: pointer;
}
form#preinscription p.checkboxline {padding:3px;}
form#preinscription p.legal {
	margin-top: 3px;
	font-size: 10px;
	line-height: normal;
	color: #aaa;
	font-style: italic;
}
div#footer-wide {
	padding-top: 184px;
	height: 80px;
	background: #000 url(img/footer.jpg) center bottom no-repeat;
}
div#footer {
	margin: 0 auto;
	color: #fff;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
div#footer a {
	color: #F30;
	text-decoration: none;
}
/* ---------------------------------------------------- */
/* -----------------|* ALERTBOX *|--------------------- */
/* ---------------------------------------------------- */
div#alertBox {
	width: 564px;
	position: absolute;
	top: 400px; left:400px;
	display: none;
	z-index: 200;
}
div#alertBoxTop {
	height: 25px;
	background: transparent url(img/alertbox/alertbox-topbottom-sprite.png) 0 0 no-repeat;
}
div#alertBox h3 {
	height: 21px;
	margin-bottom: 6px;
	background-color: transparent;
	background-position: 0 bottom;
	background-repeat: no-repeat;
}
div#alertBox h3#alertbox-error {
	background-image: url(img/alertbox/titre-erreur.png);
}
div#alertBoxContentShadow {
	background: transparent url(img/alertbox/alertbox-sideshadow.png) center 0 repeat-y;
}
div#alertBoxContent {
	background: transparent url(img/alertbox/alertbox-bg.jpg) center 0 repeat-y;
	margin: 0 auto;
	padding: 0 25px;
	display: block;
}
div#alertBoxBottom {
	position: relative;
	height: 59px;
	background: transparent url(img/alertbox/alertbox-topbottom-sprite.png) 0 -25px no-repeat;
}
div#alertBoxBottom a {
	display:block;
	position: absolute;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
}
/* Boutons communs */
div#alertBoxBottom a#annuler {
	width: 99px;
	background: transparent url(img/alertbox/alertbox-submits.jpg) 0 -58px no-repeat;
}
div#alertBoxBottom a#supprimer {
	width: 99px;
	background: transparent url(img/alertbox/alertbox-submits.jpg) 0 -29px no-repeat;
}
div#alertBoxBottom a#ok {
	width: 99px;
	background: transparent url(img/alertbox/alertbox-submits.jpg) 0 0 no-repeat;
}
div#alertBoxBottom a.submitLeft { bottom: 20px; left: 20px; }
div#alertBoxBottom a.submitRight { bottom: 20px; right: 20px; }
div#alertBoxBottom a.submitCenter { bottom: 20px; left: 230px; }
div#alertBoxContent p {
	color: #fff;
	font-size: 14px;
}
div#overlay {
	position: absolute;
	left:0; top:0;
	width: 100%;
	z-index: 50;
	background: transparent url(img/alertbox/overlay.png) 0 0 repeat;
}