/* déclarations font face */ 
@font-face {
  font-family: 'romansd';
  src: url('/fonts/roman_sd-webfont.eot');  /* IE6+ */
  src: local('?'), 
        url('/fonts/roman_sd-webfont.woff') format('woff'),  /* FF3.6 */
        url('/fonts/roman_sd-webfont.ttf') format('truetype');  /* Saf3+,Chrome,Opera10+ */
}

body{
	margin:0;
	padding:0;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}
a { color:#FFFFFF; font-weight:bold;}
img { border:none;}
#conteneur {
	width:955px;
	margin:0 auto;
	background-image:url(../images/bgConteneur.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-height:850px;
}
#conteneur .cadeau {
	position:absolute;
	width:75px;
	background-color:black;
	height:75px;
	opacity:0.5;
	margin-top:15px;
	margin-left:100px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
#conteneur .cadeau:hover {
	opacity:1;
}
#conteneur .cadeau img {
	margin:20px 0 0 20px;
}

#conteneur_vide{
	position:relative;
	width:955px;
	margin:0 auto;
	min-height:850px;
}
#centre {
	width:955px;
	margin:0 auto;
	background-position:top center;
	min-height:850px;
}
#corp { position:relative;}
#banniere { position:relative; clear:both; height:173px;}
#banniere h1.h1accueil {
	margin-top:-10px;
	letter-spacing:10px;
	text-align:center;
	font-family:romansd;
	font-size:40px;
	opacity:0.5;
}
#banniere h1.h1inscription {
	margin-top:30px;
	letter-spacing:5px;
	text-align:center;
	font-family:romansd;
	font-size:35px;
	opacity:0.8;
}

#menuHaut { margin:0;  padding:0; list-style:none;  height:73px; background-image:url(../images/bg-menuHaut.png); background-repeat:no-repeat; padding-top:15px; padding-left:150px;}
#menuHaut li { float:left; margin:0 10px; height:70px; width:70px; background-repeat:no-repeat; text-align:center; position:relative; }
#menuHaut li div.info { 
	position:absolute; 
	left:0;
	width:495px; 
	text-align:justify; 
	padding:10px; 
	z-index:1;
	background-image:url(../images/fade-noir-fonce.png);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#menuHaut li a { color:#FFFFFF; text-decoration:none; display:block; padding-top:40px; font-size:12px; font-weight:normal; height:30px; }

#menuHaut li.accueil { background-image:url(../images/bg-btn-accueil.png);}
#menuHaut li.staff {background-image:url(../images/bg-btn-qui.png); width:126px;}
#menuHaut li.contact {background-image:url(../images/bg-btn-contact.png); width:109px;}
#menuHaut li.compte {background-image:url(../images/bg-btn-compte.png); width:109px;}
#menuHaut li.enCeMoment {background-image:url(../images/bg-btn-en-ce-moment.png); width:109px; float:right; margin-right:20px;}
/*HOVER*/
#menuHaut li.accueil:hover { background-image:url(../images/bg-btn-accueil-a.png);}
#menuHaut li.staff:hover {background-image:url(../images/bg-btn-qui-a.png); width:126px;}
#menuHaut li.contact:hover {background-image:url(../images/bg-btn-contact-a.png); width:109px;}
#menuHaut li.compte:hover {background-image:url(../images/bg-btn-compte-a.png); width:109px;}
#menuHaut li.enCeMoment:hover {background-image:url(../images/bg-btn-en-ce-moment-a.png); width:109px;}

#menuHaut #langues { list-style:none; margin:0; padding:0; list-style:none; line-height:normal; width:140px; text-align:left;}
#menuHaut #langues li.titre { clear:both; width:100%;  text-align:left; margin-bottom:5px;}
#menuHaut #langues li { float:left; margin-right:5px; margin:0; padding:0; height:auto; width:auto; display:block; float:left; margin-right:5px;}
#menuHaut #langues li a { display:inline; margin:0; padding:0; line-height:normal;}
#menuHaut #langues li a:hover img { border:1px solid #FFFFFF;}
#menuHaut #langues li a  img { border:1px solid #404851;}

#enCemoment {
	position:absolute;
	right:20px;
	z-index:10200;
	background-image:url(../images/fade-noir.png);
	border:2px solid black;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#enCemoment ul{ 
	padding-left:0px;
	list-style:none; 
	background-image:url(../images/fade-noir-fonce.png);
}
#enCemoment ul li{ 
	padding:10px;
	text-align:center;
	border-bottom:1px dashed #efe2b5;
 }
#enCemoment ul li:first-child{
	border-top:1px dashed #efe2b5;
} 

#selectionMonde {
	left:50%;
	margin-left:-30px;
	position:absolute;
	top:420px;
	width:462px;
}
#choixMonde {
	/*position:absolute; top:-160px;*/
	background-image:url(../images/choix-monde.png);
	width:462px;
	background-repeat:no-repeat;
	text-align:center;
	height:194px;
	padding-left:25%;
	/*position:relative;*/
}

/* pour les info-bulles des planètes */
#tooltipMonde1 { position:absolute; top:26px; left:187px; }
#tooltipMonde2 { position:absolute; top:17px; left:452px; }
#tooltipMonde3 { position:absolute; top:31px; left:687px; }
div.infoBulle1 { 
	position:absolute; 
	top:5px;
	left:5px;
	width:204px;
	padding:5px;
	color:black;
}
div.infoBulle1 div.titre {
	text-align:center;
	letter-spacing:-3px;
	font-family:romansd;
	font-size:30px;
	border-bottom:2px groove grey;
}
div.infoBulle1 div.nouveau {
	color:grey;
	text-align:center;
	letter-spacing:5px;
	font-size:11px;
}
div.infoBulle1 div.inscriptionStats {  padding:10px 20px 20px 20px; }
div.infoBulle1 div.inscriptionStats a{ font-size:13px; text-decoration:none; }
div.infoBulle1 div.inscriptionStats a:hover{ color:#00A; }

div.infoBulle2 {
	position:absolute; 
	top:5px;
	left:5px;
	width:164px;
	padding:5px;
	color:black;
}
div.infoBulle2 div.titre {
	text-align:center;
	letter-spacing:-3px;
	font-family:romansd;
	font-size:25px;
	border-bottom:2px groove grey;
}
div.infoBulle2 div.nouveau {
	color:grey;
	text-align:center;
	letter-spacing:7px;
	font-size:11px;
}
div.infoBulle2 div.inscriptionStats { padding:15px 10px 10px 10px; }
div.infoBulle2 div.inscriptionStats a{ text-decoration:none; }
div.infoBulle2 div.inscriptionStats a:hover{ color:teal; }

div.infoBulle3 {
	position:absolute; 
	top:5px;
	left:5px;
	width:128px;
	padding:5px;
	color:black;
}
div.infoBulle3 div.titre {
	text-align:center;
	letter-spacing:-1px;
	font-family:romansd;
	font-size:20px;
	border-bottom:2px groove grey;
}
div.infoBulle3 div.inscriptionStats {  padding:10px 0 0 0; }
div.infoBulle3 div.inscriptionStats a{ font-size:10px; text-decoration:none; }
div.infoBulle3 div.inscriptionStats a:hover{ color:#006; }
/* fin info bulles planètes */

div.mondeChoisi { margin-left: 70px; color:#aaa; font-size:11px; margin-top:-3px;}
div.mondeChoisi span { cursor:pointer; }
div.mondeChoisi span.actif{ color:#fff; }

div.accrocheLien {
	position:absolute;
	top:17px; 
	left:19px;
	font-size:20px;
	font-family:romansd;
}
div.accrocheLien a {color:#313131; text-decoration:none;}
div.accrocheLien a:hover {color:#828282;}

div.accrocheInscription {padding-top:45px; text-align:left; margin-left:-15%; color:#000000;}
#sliderMonde { }
div.nomMonde { text-align:center; font-size:15px; font-weight:bold; color:#1c1c1c;}
.masqueSlider { }
#sliderMonde ul {
	list-style:none;
	margin:0;
	padding:0;
	height:194px;
	height:110px;
	padding-top:80px;

/*
	width:300px;
	text-align:center;
	margin:0 auto;*/
}
#sliderMonde ul li { display:block; float:left; height:50px; overflow:hidden;}
div.zoneChampsMonde {
	background-image:url(../images/zone-champ-choix-monde.png);
	background-repeat:no-repeat;
	height:59px;
	width:350px;
	margin:0 auto;
	/*position:absolute;*/
	/*left:507px;
	top:34px;*/
	z-index:10;
	clear:both;
}
div.zoneChampsMonde div.champs { float:left; margin-top:7px;}
div.zoneChampsMonde div.champs input {
	background:none;
	border:1px solid #000;
	background-color:#dbc3a8;
	width:170px;
	margin-left:40px;
	margin-bottom:2px;
	padding:0 10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
div.zoneChampsMonde div.champs input:focus {
	border:1px solid #86371d;
	background-color:#ebd3b8;
}
a.okChoixMonde {
	background-image:url(../images/btn-ok-choix-monde.png);
	background-repeat:no-repeat;
	width:92px; margin:0 auto;
	height:59px;
	display:block;
	float:left;
	text-decoration:none;
	margin-left:26px;
}

#scrollerMonde {
 float:left;
 width: 200px;
 min-height:40px;    
 overflow: hidden;
 margin-top:5px;
}


#contentMonde {
  width: 7250px;
}

#scrollerMonde #contentMonde .section{
 float:left;
 width: 200px;
}

.flecheChoixMonde{
  float:left;
  width:16px;
  margin-top:35px;
}

/*MODALE*/
#modale { position:absolute; margin:0 auto;position:relative; width:906px; height:436px; position:absolute;}
#modale div.centre { 
	background-image:url(../images/bg-centre-modale-accueil.png); 
	background-repeat:no-repeat; 
	background-position:center;
	width:0; 
	/* width:906px; */
	margin-left:450px; 
	height:436px; 
	z-index:1; 
	overflow:hidden; 
}
#modale div.centre div.content { margin-top:15px; margin-left:121px; padding-top:41px; width:79%;}
#pillierG { position:absolute; /*left:-40px;*/ left:370px; opacity:0; top:-13px; z-index:3;}
#pillierD { position:absolute; /*right:-73px;*/ right:370px; opacity:0; top:-13px; z-index:2;}
/*FIN MODALE*/

/* pour l'inscription */
.inscription .obligatoire {
	color:red;
	font-weight:bold;
}
.inscription .tdCharte{
	text-align:right;
	padding-top:20px;
}
.inscription input, .inscription .textcontact{
	padding:2px 5px;
	font-weight:bold;
	border:1px solid black;
	background-color:#f9f1d1;
	border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	opacity:0.85;
}
.inscription input:focus, .inscription .textcontact:focus {
	border:1px solid gold;
	background-color:#fff;
	opacity:1;
}
.information .cadreAide { 
	width:500px; 
	padding:20px;
}
.inscription .posSend {
	position:relative;
	padding-top:50px;
	text-align:center;
}
.inscription .posSend img {
	position:absolute;
	bottom:380px;
	right:-10px;
}
.inscription .posRF{ padding-top:5px; }
.inscription .envoyer {
	font-size:15px;
	cursor:pointer;
	font-family:romansd;
	border:5px outset grey;
	background-color:grey;
}
.inscription .envoyer:focus { border:5px outset #555; }
.inscription .textcontact {
	width:370px;
	height:100px;
	padding:10px;
}
/* fin d'inscription */

/* la box d'information */
#box{
	background-image:url(../images/txt-box.png);
	text-align:center;
	height:50px;
	line-height:50px;
	width:950px;
	font-size:25px;
	font-family:'Myriad Pro',Arial;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.ok { 
	border:1px solid #0f0;
	border-bottom:none;
	color:#afa; 
}
.ko { 
	border:1px solid #f00; 
	border-bottom:none;
	color:maroon; 
}
/* fin box d'information */

/* la carte du monde dans une table */
.worldMap table {
	width:100%; 
	margin:auto;
	background-image:url(../images/fade-bleu.png);
	border:2px solid black;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.worldMap table td {
	cursor:pointer;
	color:red;
	text-decoration: blink;
	border:1px solid #646a6a;
	font-size:8px;
	text-align:center;
	background-color:#e8e1c4;
	font-family:arial;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

td.wmapInfo {
	vertical-align:top;
	background-image:url(../images/fade-noir.png);
	border:2px solid black;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.wmapInfo h2{
	font-family:romansd;
	font-size:25px;
	padding:10px;
	margin:0 20px; 
	text-align:center;
	border-bottom:2px groove #e1d4a7;
}
.wmapInfo div.archipel{
	text-align:center;
}
.wmapInfo span#coordonnees {
	display:inline-block;
	width:50px; 
}
.wmapInfo div.infoActivation {
	position:absolute; /* par rapport à #conteneur_vide */
	width:246px;
	bottom:200px;
	color:#f4edc8;
	padding:0 20px;
	text-align:justify;
	left:0;
	margin:20px 0;
}
.wmapInfo div.inputActivation {
	margin-top:40px;
	margin-left:20px;
	text-align:center;
	padding:15px;
	background:url(../images/bt-loupe.png) no-repeat;
}
.wmapInfo div.pseudoBox {
	margin-left:62px;
	margin-top:-5px;
	padding-left:8px;
	border-left:3px double #545454;
}
.hoverWhite:hover{
	color:white;
}
input.find, input.findFriend{
	background:#fffde8;
	border:1px solid black;
	padding:0 0 0 4px;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
input.findFriend { width:130px; }
input.findFriend:focus{border-color:gold; background:#fff;}
/* fin de la carte du monde */ 


/* pour les stats */
div.detailArchi {
	height:130px;
	padding:15px;
	margin-top:20px;
}
div.detailArchi div.info { 
	color:#efe2b5;
	font-size:15px;
	text-align:center;
}

div.statsMonde { padding:15px; margin-top:50px; }
div.statsMonde p{
	padding:10px 0;
	border-bottom:1px dashed #efe2b5;
	margin:0;
	vertical-align:middle;
}
div.statsMonde p span{
	color:#efe2b5;
	font-size:15px;
	font-family:romansd;
	float:right;
}
div.statsMonde p span.pfort{
	color:#aed0aa;
	font-size:15px;
	font-family:Arial;
	float:right;
}
/* fin des stats */ 

/* les partenaires */
.partenaires { border-left:3px double #efe2b5;}
.partenaires div{
	color:#efe2b5;
	font-weight:bold;
}

.partenaires div.conteneurPartenaires {
	 text-align:center;
	height:330px;
	margin-right:-55px;
}
.partenaires a{ 
	display:block; 
	float:left; 
	margin:11px;
}

.infoPartners {
	float:left;
	color:red;
	font-size:1.3em;
	font-weight:bold;
}
.gestion_partenaires { vertical-align:top; }
.gestion_partenaires div.description{
	text-align:justify; 
	font-size:12px;
	margin-left:-65px;
	padding:0 10px;
}

/* fin partenaires */