/* on met tout ŕ zéro pour  */
/* * {margin:0;padding:0;} */

p, div, span, ul, li, h1, h2, h3, h4, dl, dt, dd, form {margin:0;padding:0;}

body {
	margin: 0;
	margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}


td, ul,li{
	margin: 0;
	margin: 0; /* pour éviter les marges */
  font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
a img {border:none;}


#container{	 margin-left: auto;
     margin-right: auto;
     width:970px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
#entete{background-color:#009999;	width:970px;padding:0;border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FF0000;}
.home {margin:0 0 1px 0;}
.page {margin:0;}

#entete p {float:right; font-weight:bold; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin:10px 10px 0 0;}
#entete a, #entete a:hover {color:#FFFFFF;text-decoration:none;}



#chemin {font-size:10px;color:#999999;margin: 5px 0 5px 10px;}
#chemin a, #chemin a:hover {font-size:10px;color:#999999;}
#chemin strong {color:#0078bb;}
#contenu_home{margin: 15px 0 0 0;}
#illus_home{
	float:left;
	display:inline;
	margin:0;
	padding:0 0 0 36px;
	background-color:#D3F1B2;
	background-image: url(img/illus_home.jpg);
	background-repeat: no-repeat;
	background-position: 36px;
}

#txt_home{width:398px;float:right;display:inline;margin: 0 28px 0 0;padding:0;	background-color:#ffffff;}
#txt_home p{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	color: #333333;}
/*---------------------------------------------------------------*/

#encart {font-size: 11px;margin-left:26px;font-weight:normal;}
#encart td{padding-bottom:11px;}
#contenu_home a{color:#990000; text-decoration:underline;}
#contenu_home a:hover{color:#990000; text-decoration:none;}
h1 	{padding: 0 0 9px 26px;font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;}
	
#vague{width:970px;height:83px;
	background-image: url(img/bandeau_vag.jpg);
	background-repeat: no-repeat;
	
}
#txt_vague img{margin-top:50px;}

#txt_vague {width:750px;	margin-left:200px;}






#parlez {background-image: url(img/bg_parlez.gif);
	background-repeat: repeat-y;}


#download {padding:12px 75px 0 26px;	background-image: url(img/bg_livret_download.jpg);background-repeat: no-repeat;height:100px;}
#download img{float:left;margin-right:10px;margin-bottom:20px;}
#download h1{font-size:16px;color:#009900;margin : 8px 0 0 0;}
#download p {font-weight:normal;font-size:11px;}


#contenu{
	background-image: url(img/bg_contenu.gif);
	background-repeat: repeat-y;
}
#contenu a{color:#990000; text-decoration:underline;}
#contenu a:hover{color:#990000; text-decoration:none;}

/*menu gauche---------------------------------------------------------------------*/
#gauche{float:left;
	width:220px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #D3F1AF;
	background-color: #d3f1af;
}
ul#menugauche {
font-size:11px;
	color :#333333;
	font-weight: bold;
	list-style-type: none;
	background-image: url(img/fleche.gif);
	

}
#menugauche li{
	padding:0;
	margin:0;
	height:23px;
	border-bottom-width: 2px;	border-bottom-style: solid;border-bottom-color: #ffffff;
	
}

#menugauche  a{padding-left:15px;	
	display :block;
	color :#333333;
	font-weight: bold;
	background-color:#D3F1AF;
	line-height:23px;
	text-decoration:none;
	height:23px;
	background-image: url(img/fl_menu_off.gif);
	background-repeat: no-repeat;
}


#menugauche .on {padding-left:15px;	
	display :block;
	color :#0078bb;
	background-color:#FFFFFF;
	font-weight: bold;
	background-image: url(img/fl_menu_on.gif);
	background-repeat: no-repeat;}
#menugauche   a:hover{
padding-left:15px;	
	display :block;
	color :#0078bb;
	background-color:#FFFFFF;
	font-weight: bold;
	background-image: url(img/fl_menu_on.gif);
	background-repeat: no-repeat;
}

/* fin du menu gauche */
/*colonne contenu droite------------------------------------------------------------------------------------------------*/

#droite {font-size:13px;
	margin: 0 0 0 254px;
	padding:0;
	width:678px;
	border: 1px solid #cccccc;
}


#droite ul{
	margin:0 0 15px 60px;
	padding:0;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(img/puce2.gif);
}

#droite li{
	margin-bottom:10px;
}

#droite h2 {font-size:12px;font-weight:bold;color:#666666;line-height:24px;padding-left:12px;margin:15px 0 15px;
	background-image: url(img/bg_h2.jpg);
	background-repeat: no-repeat;
}

#droite p{padding:15px 0 0 12px;}
#droite p strong{color:#333333;}

/*contenu bloc deux colonne*/
#droite #description {width:418px;float:left;}
#droite #illustration {margin:16px 0 30px 445px;}

#parlez_page {background-image: url(img/bg_parlez_page.gif);
	background-repeat: repeat-y;width:220px;}
#parlez_page h1 	{padding: 0 7px 15px 26px;font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;}

/*----Separation----------------------*/
/*home*/
#separe{clear:both;height:20px;width:970px;background-color:#D3F1B2;}
/*pages*/
#separe2 {clear:both;height:20px;}
/*dans cantenu quand illustration*/
#separe3 {clear:both;text-align:right;}
#separe3 img{margin-right:12px;margin-bottom:11px;}

/**************************/