/* Général */
html, body {
	height: 100%;
	width: 100%;  
	/*overflow: none;*/
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
img{
	
	border:0;
	
}

li{
	margin:3px;
}
/*********************************** SUPER CONTENEUR *************************************/
#super_conteneur{
	width: 100%;
	color:#FFFFFF;
}
/*********************************** CONTAINER *************************************/
a {
  color:#ca286c;
	text-decoration:none;
}
a:hover, a:focus {
		
}
a.classic {
  color:#2B6AC6;
	text-decoration:underline;
}
a.classic:hover {
	text-decoration:underline;  
  color:#ca286c;
		
}
strong {
	/*color: #A1B55D;*/
}
.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-image:url(images/back_spacer.jpg);
	background-repeat:repeat-y;
}
.spacer2{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-image:url(images/back_spacer2.jpg);
	background-repeat:repeat-y;
}
/*********************************** HEADER ******************************************/
#header {
	margin:auto;
	width:100%;
	height:154px;
	background-image:url(images/back_header.gif);
	background-repeat:repeat-x;
}
#contenu_header {
	z-index:0;
	margin:auto;
	width:1000px;
	height:154px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;	
}
#logo{
	float:left;
	margin-left:14px;
	width:222px;
	height:149px;	
}
html>body #logo{
	float:left;
	margin-left:25px;
	width:222px;
	height:149px;	
}
/*********************************** MENU ********************************************/
#menu{
	float:right;
	margin:auto;
	margin-top:35px;
	width:740px;
	text-align:right;
}
#menu_link{
	/*color:#a2ab46;*/
	font-size:14px;
	margin-top:0px;
}
.separator{
	width:4px;
	height:25px;
	background-image:url(images/separator.gif);
	background-repeat:no-repeat;
}
#menu a{
	/*color:#fff;*/
	font-weight:0;
	padding:10px;
	font-size:14px;
}


/*********************************** OPTION ********************************************/
#options{
	float: right;
	width: 500px;
	margin-right:0px;
	margin-top:11px;
	height:22px;
	/*border: #0000ff solid 0px;*/ 
}

#recherche{
	width: 115px;
	height: 21px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	background-color: transparent;
	background-image: url("images/recherche.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	/*border:01px solid #ff0000;*/
}

.champ_recherche {
	width: 75px;
	float: left;
	padding: 01px 0px 0px 0px;
	border: 01px;
	font-size: 10px;
	font-weight: bold;
	color: #ca286c;
	/*background-color: #192836;*/ 
	/*border:0px;*/
  margin-top:3px;
  margin-left:3px;
  background-color:#EAE9EB;  
	/*border:01px solid #00ff00;*/
}

.champs_recherche_ok{
	width: 25px;    
	float: left;
	height: 20px;
	color: #bbbbbb;
	margin-left: 0px;
	background: none;
	border: none;
	/*float: left;*/
	cursor: pointer;
  /*border: 01px solid #0000ff;*/    
}

#champs_langue_accueil {
	width: 120px;
	height: 20px;
	float: right;
	padding-top: 22px;
	padding-left: 20px;
	background: url('images/trait_vertical_menu_haut.gif') no-repeat;
	background-position: left;
	border: 0px solid #0000ff;
}
/*********************************** FOND CONTENEUR CONTAINER CONTENU *****************/
#fond_couleur{
	height:300px;
	width:100%;
	background-image: url(images/back.gif);
	background-repeat:repeat-x;
  /*border: #f00 solid 01px;*/	
}
#conteneur{
	width: 1000px;
	height:100%;
	margin: auto;
	padding: 0px 0px 0px 0px;	
}
/*********************************** COLONNE GAUCHE DROITE ACCUEIL*******************************/
#colonne_gauche_accueil{
	position:relative;
	float: left;
	width:664px;
	border: #f00 solid 0px;
}
#colonne_droite_accueil{
	z-index:2;
	position:relative;
	float: right;
	margin-right:0px;
	width:301px;
	border: #f00 solid 0px;
}
html>body #colonne_droite_accueil{
	position:relative;
	float: right;
	width:301px;   
	border: #f00 solid 0px;
}
/*********************************** COLONNE GAUCHE DROITE INTERIEUR*******************************/
#colonne_gauche_int{
	position:relative;
	float: left;
	width:255px;
	border: #f00 solid 0px;
}
#colonne_droite_int{
	position:relative;
	float: right;
	width:725px;
	border: #f00 solid 0px;
}
/*********************************** GAUCHE ACCUEIL **************************************/
#gauche_accueil{
	float:left;
	width:636px;
	margin-left:0px;
}
html>body #gauche_accueil{
	float:left;
	width:636px;
	margin-left:7px;
}
#gauche_accueil_image{
	z-index:0;
	float:left;
	width:664px;
	height:366px;
	background-image:url(images/back_gauche_accueil.jpg);
	background-repeat:no-repeat;
}
.gauche_accueil_imagebloc{
	z-index:1;
	float:left;
	width:633px;
	height:300px;
	margin-top:15px;
	margin-left:15px;	
}
html>body .gauche_accueil_imagebloc{
	z-index:1;
	float:left;
	width:633px;
	height:300px;
	margin-top:15px;
	margin-left:15px;
}
#macaron_index{
	z-index:2;
	float:left; 
	/*position: absolute;*/
	margin-top:-58px;
	margin-left:-5px;
	/*margin-top:-58px;
	margin-left:-5px;*/
	width:270px;
	height:94px;
	/*border:1px solid #0000ff;*/
} 

#macaron_index div{   
	z-index:3;
	float:left;     	
	position:absolute;
	color:#fff;    
	font-size:16px; 
  text-align:center;	
	margin-left:80px;
	margin-top:38px;	 
	width:180px;
	/*border:1px solid #ff0000;*/
}
#macaron_index:hover div{      
	font-size:17px;
	
	/*width:182px;*/
	/*padding-left:88px;*/
	/*
	height:57px;
	padding-top:37px;
	/*border:1px solid #00ff00;*/
} 


#macaron_video{
	z-index:2;
	float:left; 
	/*position: absolute;*/
	margin-top:-59px;
	margin-left:5px;
	/*margin-top:-58px;
	margin-left:-5px;*/
	width:270px;
	height:94px;
	/*border:1px solid #0000ff;*/
}     
/*                  
#macaron_index div{   
	z-index:3;
	float:left;	
	position:absolute;
	color:#fff;    
	font-size:16px;	
	padding-left:90px; 
	width:180px;   	
	height:56px;
	padding-top:38px;
}                  
*/

#macaron_video div{   
	z-index:3;
	float:left;     	
	position:absolute;
	color:#fff;    
	font-size:16px; 
  text-align:center;	
	margin-left:05px;
	margin-top:38px;	 
	width:180px;
	/*border:1px solid #ff0000;*/
}
#macaron_video:hover div{      
	font-size:17px;
	
	/*width:182px;*/
	/*padding-left:88px;*/
	/*
	height:57px;
	padding-top:37px;
	/*border:1px solid #00ff00;*/
}     

#macaron_txt{
	z-index:3;
	float:left;
	font-size:16px;
	color:#fff;
	margin-top:-20px;
	margin-left:-185px;
	width:200px;
	height:50px;
}
/*********************************** DROITE ACCUEIL **************************************/
#droite_accueil{
	float:right;
	width:301px;
	margin-top:5px;
	margin-left:0px;
	padding-left:0px;	
}
#droite_accueil_actus{
	float:right;
	width:300px;
	height:177px;
	background-image:url(images/back_actus.jpg);
	background-repeat:no-repeat;	
	border:0px solid #00ff00;
}
#bloc_actus{
	width:280px;
	height:140px;
	margin-top:21px;
	margin-left:15px;
	background-image:url(images/titre_actu.gif);
	background-repeat:no-repeat;
	/*border:1px solid #fff;*/
	padding:0px;
}
#swf_actus {
  position: relative;
  margin: 0px;
  margin-top:24px;
	width:280px;
	height:100px;  
	/*border:1px solid #ff9900;*/  
}

#titre_actus{
	color:#000000;
	font-size:14px;
	font-weight:600;
	margin-top:5px;
  margin-left:22px;
}
#actus_txt{
	color:#e42569;
	font-size:16px;
	margin-top:10px;
	margin-left:12px;
	margin-right:10px;
}
#link_actus a{
	float:right;
	color:#004f9b;
	font-size:11px;
	font-style:italic;
	margin-top:5px;
	margin-right:15px;
}
#image_enfants{
	z-index:2;
	float:right;
	width:301px;
	height:246px;
	margin-top:10px;
	margin-right:17px;
	background-image:url(images/image_enfant2_accueil.gif);
	background-repeat:no-repeat;  
	/*border:1px solid #00ff00;*/     
}  

*+html #image_enfants{
	z-index:2;
	float:right;
	width:419px;
	height:246px;
	margin-top:10px;
	margin-left:-140px; 
	margin-right:17px;
	background-image:url(images/image_enfant1_accueil.gif);
	background-repeat:no-repeat; 
	/*border:1px solid #ff0000;*/
}


html>/**/body #image_enfants{
	z-index:2;
	float:right;
	width:389px;
	height:246px;
	margin-top:10px;
	margin-right:50px;
	background-image:url(images/image_enfant1_accueil.gif);
	background-repeat:no-repeat;  
	/*border:1px solid #0000ff;*/    
}
/*********************************** GAUCHE INT **************************************/
#gauche_int{
	float:left;
	margin-top:5px;
	margin-left:0px;
	padding-left:14px;
	width:255px;
}
#gauche_int_haut{
	float:left;
	width:247px;
	background-image:url(images/back_gauche_int_haut.gif);
	background-repeat:no-repeat;	
}
#gauche_int_pied{
	float:left;
	width:247px;
	height:22px;
	background-image:url(images/back_gauche_int_pied.gif);
	background-repeat:no-repeat;
}
.titre_menu{
	margin-top:35px;
	margin-left:26px;
	color:#ca286c;
	font-size:16px;
	font-weight:600;
}
.liste_menu{
	width:200px;
	margin-top:5px;
	color:#ca286c;
	font-size:14px;
	font-weight:0;
	min-height:120px;
}
.liste_menu ul{
	list-style:disk;
}
.liste_menu ul.sousMenu0{
	margin-top:-8px;
	list-style:circle;
}
.li_style{
	margin-bottom: 10px;
}
.liste_menu li{    
  margin-top:5px;
  margin-bottom:10px;
	line-height: 1.3em; 
}
.liste_menu li.sousmenu{    
  margin-top:5px;
  margin-bottom:5px;
  margin-left:10px;
  line-height: 1.3em; 
}
.liste_menu li a.sousMenu1{  
	/*color: #ff0000;*/
	/*border:1px solid #ff0000;*/
	font-size:12px;
	font-style:italic;
	/*color: #6d6d6d;*/
}
.liste_menu li a{  
	color: #1d1d1d;
	/*color: #6d6d6d;*/
}
.liste_menu li a:hover{
	/*text-decoration:underline;*/  
	color: #ca286c;
}   
.lien_menu_haut{
	color: #ffffff;
	/*border:1px solid #ff0000;*/
}
.lien_menu_haut:hover{
	/*text-decoration:underline;*/  
	color: #C8D739;
}
#image_alea{
	float:left;
	margin-left:-5px;
	width:264px;
	height:290px;
}
/*********************************** DROITE INT **************************************/
#droite_int{
	float:left;
	width:725px;
	border: #f00 solid 0px;
}
#droite_int_haut{
	z-index:1;
	float:left;
	width:709px;
	background-image:url(images/back_droite_int_haut.gif);
	background-repeat:no-repeat;
	border: #f00 solid 0px;
}
#droite_int_pied{
	float:left;
	width:725px;
	height:15px;
	background-image:url(images/back_droite_int_pied.gif);
	background-repeat:no-repeat;
}
#macaron{
	/*z-index:0;*/
	float:right; 
	/*position: absolute;*/
	margin-top:-36px;
	margin-right:-11px;
	
	margin-bottom: -50px;
	
	/*margin-top:-58px;
	margin-left:-5px;*/
	width:270px;
	height:94px;
	/*border:1px solid #0000ff;*/
}                
/*       
#macaron div{   
	z-index:3;
	float:right;   	
	position:absolute;
	color:#fff;    
	font-size:16px;	
	padding-left:17px; 
	width:253px;	
	height:56px;
	padding-top:38px;  	
}                    
*/   
#macaron div{   
	/*z-index:11;*/
	float:right;
	
	position:absolute;
	color:#fff;    
	font-size:16px;
 
	width:190px;
	margin-top:38px;
	text-align:center;  	
	/*border:1px solid #ff0000;*/
}
#macaron:hover div{      
	font-size:17px;
	width:190px;
	margin-top:37px;
	text-align:center;
	/*
	height:57px;
	padding-top:37px;
	/*border:1px solid #00ff00;*/
}     

#droite_int_gauche{
	float:left;
	width:680px;
	margin-top:30px;
	margin-left:5px;
	background-image:url(images/grille.gif);
	background-repeat:repeat-y;	
}
html>body #droite_int_gauche{
	float:left;
	width:660px;
	margin-top:30px;
	margin-left:27px;
	background-image:url(images/grille.gif);
	background-repeat:repeat-y;	
}
#contenu{
	float:left;
	width:560px;
	margin-top:0px;
	margin-left:0px;
}

#contenu_vrai{
	float:left;
	width:560px;
	margin-top:8px;
	margin-left:10px;
	border:0px solid #FF0000;
}
#droite_int_droite{
	float:right;
	text-align:center;
	width:75px;
	margin-right:0px;
	margin-top:25px;
}
#droite_int_droite img{
	padding-bottom:10px;
}
.image_int{
	float:left;
	margin:10px;
	margin-bottom:0;	
}
.titre_int{
	float:left;
	width:570px;
	height:40px;
	margin:9px;
	margin-bottom:0;
	color:#ca286c;
	font-size:17px;
	font-weight:600;
	background-image: url(images/trait_rose.gif) ;
	background-repeat: no-repeat;   
	background-position: left bottom;
	/*margin-left:9px;*/
	padding-top:2px;
	
	
}
.chapeau_int{
	float:left;
	width:570px;
	margin:10px;
	margin-bottom:0;
	color:#000000;
	font-size:16px;
	font-weight:0;
}
.surchapeau_int{
	float:left;
	margin:10px;
	margin-bottom:0;
	color:#000000;
	font-size:13px;
	font-weight:0;
}
.contenu_int{
	float:left;
	/*margin-right:12px;*/
	margin-left:6px;
	padding:3px;
	color:#6d6d6d;
	font-size:13px;
	font-weight:0;
}
/*********************************** FOOTER ACCUEIL******************************************/
#footer_accueil{
	float:left;
	margin:auto;
	background-color:#FFFFFF;
}
#footer_accueil_link{	
	margin-left:10px;
	color:#909186;
	font-size:14px;
	margin-top:10px;
	/*border:1px solid #ff0000;*/ 
	/*	
	margin-top:376px;
	width:450px;
	margin-left:-550px;
	z-index:4;
  */
}
#footer_accueil a{
	color:#909186;
	padding:6px;
	font-size:12px
}
/*********************************** FOOTER ******************************************/
#footer{
	float:right;
	margin:auto;
	background-color:#FFFFFF;
}
#footer_link{
	margin-right:22px;
	color:#909186;
	font-size:14px;
	margin-top:10px;
}
#footer a{
	color:#909186;padding:10px;
	font-size:12px
}
/*********************************** UTILES ******************************************/
.black {
	color: #2e2b2b;
	font-weight:600;
}
.orange {
	color: #ffb133;
	text-decoration:underline;
}
.bleu {
	color:#2d98d0;
}