@charset "utf-8";

@font-face{
font-family:Arno; 
src:url('../ArnoPro-Regular.otf');
} 

*{
	outline:none;
}

body {
	margin:auto;
	font-family:Arial;
	font-size:14px;
}

.title{
	font-family:Arno, Times;
}

/*/////////////////////////////////////
		    Header
/////////////////////////////////////*/

#header{
	background-color:#090a2c;
	/*background-image:url(../img/fond_entete.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	height:236px;
	position:relative;
	margin:auto;
}

#header .surhead{
	position:absolute;
	height:12px;
	font-size:10px;
	color:#8586ae;
	width:972px;
	left:50%;
	margin-left:-365px;
	z-index:2;
}

#header .img{
position:relative;
background:url(../img/fond_entete.jpg) no-repeat;
width:971px;
height:200px;
left:50%;
margin-left:-485px;
margin-top:-60px;
z-index:1;

}
/*/////////////////////////////////////
		    Menu (dpendant de Header)
/////////////////////////////////////*/

#menu {
	width:972px;
	height:60px;
	position:relative;
	bottom:-176px;
	margin:auto;
	z-index:3;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li{
	float:left;
}

#menu a{
	display:block;
	width:162px;
	height:60px;
	/*text-indent: -9999px;*/
	background:url(../img/btn_onglet.png) no-repeat;
	background-position:0 -60px;
	font-family:Arno, Times;
	font-size:22px;
	color:#2c2b59;
	text-decoration:none;
	text-align:center;
	padding-top:22px;
}

#menu a:hover{background-position:0 0; padding-top:12px;}


/*/////////////////////////////////////
		    Sous-menu Horoscope
/////////////////////////////////////*/

#soumenu {
	width:972px;
	height:118px;
	position:relative;
	margin:auto;
	z-index:4;
}

#soumenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#soumenu ul li{
	float:left;
}

#soumenu a{
	display:block;
	width:81px;
	height:118px;
	font-size:0.5em;
	text-indent: -9999px;
	background-position:0 -118px;
}
#soumenu a:hover{background-position:0 0}

a.btn-soumenu-belier{background:url(../img/btn_belier.png) no-repeat}
a.btn-soumenu-taureau{background:url(../img/btn_taureau.png) no-repeat}
a.btn-soumenu-gemeaux{background:url(../img/btn_gemeaux.png) no-repeat}
a.btn-soumenu-cancer{background:url(../img/btn_cancer.png) no-repeat}
a.btn-soumenu-lion{background:url(../img/btn_lion.png) no-repeat}
a.btn-soumenu-vierge{background:url(../img/btn_vierge.png) no-repeat}
a.btn-soumenu-balance{background:url(../img/btn_balance.png) no-repeat}
a.btn-soumenu-scorpion{background:url(../img/btn_scorpion.png) no-repeat}
a.btn-soumenu-sagittaire{background:url(../img/btn_sagittaire.png) no-repeat}
a.btn-soumenu-capricorne{background:url(../img/btn_capricorne.png) no-repeat}
a.btn-soumenu-verseau{background:url(../img/btn_verseau.png) no-repeat}
a.btn-soumenu-poissons{background:url(../img/btn_poissons.png) no-repeat}


/*/////////////////////////////////////
		    Conteneur
/////////////////////////////////////*/
             
#conteneur{
	width:970px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	overflow:auto;
}

/*/////////////////////////////////////
		    Colonne gauche (dpendant de Conteneur)
/////////////////////////////////////*/

#colonne_gauche{
	width:220px;
	float:left;
}

#colonne_gauche .title{
	font-weight:bold;
	font-size:23px;
	color:#2c2b59;
}

#colonne_gauche ul{
	list-style-type: none;
	padding:0;
	margin:0;
	margin-top:10px;
}


#colonne_gauche ul li a{
	color:#2fa0da;
	line-height:32px;
	background-image: url(../img/puce.png);
	background-repeat: no-repeat;
	background-position:0;
	padding-left:30px;
}

/*/////////////////////////////////////
		    Contenu Centre (dpendant de Conteneur)
/////////////////////////////////////*/

#contenu{
	width:510px;
	float:left;
	padding:0 10px 0 10px;
	color:#8a8a8a;
}

#contenu .page{
	padding:15px;
	background-color:#ffffff;
	border-color:#d0d0d0;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);*/
}
#contenu .page .title{
	font-weight:bold;
	font-size:26px;
	color:#2fa0da;
}

#contenu  .title{
	font-weight:bold;
	font-size:23px;
	color:#2c2b59;
}
#contenu a{
	color:#b4437b;
}

#contenu .defaut_haut{
	padding:15px;
	background-color:#ffffff;
	border-color:#d0d0d0;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);*/
}
#contenu .defaut_haut .title{
	font-weight:bold;
	font-size:26px;
	color:#2fa0da;
}



/*/////////////////////////////////////
		    Colonne droite (dpendant de Conteneur)
/////////////////////////////////////*/

#colonne_droite{
	width:220px;
	float:left;
	color:#8a8a8a;
}

#colonne_droite a{
	color:#404040;
}

#colonne_droite .inscription{
	float:right;
	width:195px;
	padding:10px;
	color:#fff;
	font-size:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);	*/
	background-image: -moz-linear-gradient(top, #72bbea, #2fa0da);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#72bbea), to(#2fa0da));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#72bbea,endColorstr=#2fa0da);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#72bbea,endColorstr=#2fa0da)";
}

#colonne_droite .inscription .title{
	font-size:30px;
	color:#fff;
	line-height:28px;
}

#colonne_droite .bgform{
	padding:5px;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);	*/
}

#colonne_droite .bgform2{
	background-color:#72bbea;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);	*/
}
#colonne_droite .bgform2:hover{
	background-color:#fff;
}

#colonne_droite input{
	border:0px;
	color:#2fa0da;
}
#colonne_droite input[type=submit]{
	border:0px;
	font-weight:bold;
	cursor:pointer;
	background-color:transparent;
	color:#404040;
}
#colonne_droite input[type=submit]:hover{
	color:#2fa0da;
}

#colonne_droite .ensemble{
	float:right;
	width:195px;
	padding:10px;
	margin-top:10px;
	color:#fff;
	font-size:12px;
	border-color:#d0d0d0;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);	*/
	background-image: -moz-linear-gradient(top, #fdfdfd, #f0f0f0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f0f0f0));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd,endColorstr=#f0f0f0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd,endColorstr=#f0f0f0)";
}
#colonne_droite .ensemble .title{
	font-size:22px;
	color:#b4437b;
	font-weight:bold;
	line-height:28px;
}
#colonne_droite .btn-ensemble{
	font-family:Arno, Times;
	font-size:16px;
	padding:1px 5px 1px 5px;
	background-color:#2c2b59;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);*/	
	text-decoration:none;
}


#colonne_droite .annuaire{
	float:right;
	width:195px;
	padding:10px;
	margin-top:10px;
	color:#797979;
	font-size:11px;
	border-color:#d0d0d0;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px; 
	border-radius:5px;
	/*behavior:url(ie-css3.htc);	*/
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f4f4f4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f4f4f4)";
}
#colonne_droite .annuaire .title{
	font-size:22px;
	color:#797979;
	font-weight:bold;
	line-height:10px;
}


/*/////////////////////////////////////
		    Pied de Page
/////////////////////////////////////*/

#footer{
	clear:both;
	background-color:#efefef;
	color:#8a8a8a;
}
#footer a{
	color:#b4437b;
	text-decoration:underline;
}

#infooter{
	width:970px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
}
#infooter ul{
	list-style-type:none;
	padding:0;
}
#infooter ul li a{
	color:#8a8a8a;
	font-size:11px;
	text-decoration:underline;
}