@charset "utf-8";
/* CSS Document */

.ml:hover, .ml{
	color:#FFF;
	text-decoration:none;
}

body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#flottant{
	position:relative;
	left:15px;
	width:900px;
	height:534px;
	margin:auto;
	border:2px #bebfbf solid;
}

strong{
	font-weight:bold;
}

#footer{
	width:98%;
	background:url(../images/fond_footerSmall.gif) repeat-x #FFFFFF;
	height:110px;
	text-align:center;
	padding:10px;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	font-weight:bold;

}

#footer span{
}

.clearboth { clear: both; margin:0px; padding:0px; }

#logo{
	width:251px;
	height:161px;
	position:absolute;
	background-color:#FFFFFF;
	top:-40px;
	left:-58px;	
}



/*************************************
Début Phrase accroche
*************************************/

.separateurAccrocheTexte{
	height:70px;
}

.separateurAccrocheTexteOutil{
	height:40px;
}

.titreAccroche{
	font-family:cursive;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#6A6A6A;
}

/*************************************
Fin Phrase accroche
*************************************/



/********************************
début menu acces rapide
********************************/
.active_menu_rapide{
	color:#5D1F60;
	cursor:pointer;
}

.desactive_menu_rapide{
	/*color:#ae8fb0; */
	color:#5D1F60;
	cursor:pointer;
	
}

#menu_acces_rapide{
	position:relative;
	margin-right:30px;
	margin-top:20px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}

#menu_acces_rapide a{
	text-decoration:none;
}

/*astuce : p sur la meme ligne. (comme span)*/
#menu_acces_rapide p{
	display:inline-block;
	padding:0px;
	margin:0px;
}

/********************************
fin menu acces rapide
********************************/


/********************************
début menu 3 colonnes
********************************/
.premiereColone{
	position:relative;
	left:197px;
	width:116px;
	height:276px;
	float:left;
	
}

.deuxiemeColone{
	position:relative;
	left:266px;
	width:116px;
	height:276px;
	float:left;
}

.troisiemeColone{
	position:relative;
	left:336px;
	width:116px;
	height:276px;
	float:left;
}



.btPremiereColone{
	position:relative;
	left:196px;
	top:-8px;
	
}

.btDeuxiemeColone{
	position:relative;
	left:260px;
	top:-8px;
}

.btTroisiemeColone{
	position:relative;
	left:325px;
	top:-8px;
}

.couleurFade{
	color:#FFFFFF;
}

.txtPremiereColone{
	position:relative;
	top:-170px;
	left:214px;
	z-index:5;
	
}

.txtDeuxiemeColone{
	position:relative;
	top:-170px;
	left:326px;
	z-index:5;
}

.txtTroisiemeColone{
	position:relative;
	top:-170px;
	left:459px;
	z-index:5;
}


#txt_menu_3_colonnes{
	font-size:13px;
	font-weight:bold;
}

#txtSelectColonne{
}

#menu_3_colonnes{
	top:50px;
	height:435px;
	width:878px;
	margin-left:auto;
	margin-right:auto;
	/*border:#00FF00 solid 1px;*/
	background:url(../images/menu_3_colonnes.gif) no-repeat bottom;
	position:relative;
}

#bt3colonnes a{
	text-decoration:none;
	border:none;
}

#bt3colonnes a img{
	text-decoration:none;
	border:none;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

/********************************
fin menu 3 colonnes
********************************/


/********************************
debut menu rubrique
********************************/

#menu_rubrique{
	position:relative;
	top:150px;
	
}

#menu_rubrique ul{
	list-style:none;
}


#menu_rubrique ul li a{
	border:none;
	text-decoration:none;
}

#menu_rubrique ul li a img{
	border:none;
	text-decoration:none;
}


/********************************
fin menu rubrique
********************************/


/********************************
debut contenu rubrique
********************************/

#contenu_rubrique{
	top:-200px;
	left:85px;
	height:410px;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	/*border:#00FF00 solid 1px;*/
	position:relative;
	z-index:2;
	text-align:center;
	font-size:11px;
}


#contenu_rubrique p{
	margin:0px;
	padding:0px;
}


/********************************
fin contenu rubrique
********************************/





/********************************
debut background rubrique
********************************/

#background_rubrique{
	top:-234px;
	left:85px;
	height:70px;
	width:620px;
	margin-left:auto;
	margin-right:auto;
	/*border:#00FF00 solid 1px;*/
	background:url(../images/fond_perspective.gif) no-repeat bottom;
	position:relative;
	z-index:1;
}

/********************************
fin background rubrique
********************************/