/* ________________________________________________________________________________________ */
	/* --------- General Settings ------------------------------------------------------------- */
	
			html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
				border : 0;
				font: normal 12px/12px Arial, Helvetica, sans-serif;
				outline:none;
			}
			
			body {
				background:url(../images/fond-repeat.jpg) repeat-x top center;
				background-color:#9cabac;
				color:#000;
			}
			
			.total {
				width:100%;
				margin:0;
				padding:0;
			}
			
			
			.pied{ clear:both; }
			
			input[type=button]{
				font: normal bold 12px/12px Arial, Helvetica, sans-serif;
				color:#fff;
				border: solid 1px #c6d9e0;
				padding: 0px 10px 4px;
				margin:5px;
				cursor: pointer;
				background-color:#0571a7;
				height: 25px;
			}
			
			input[type=button]:hover{ color:#fff; background-color:#2088b8; }
			
			a {
				font: normal bold 10px/12px Arial, Helvetica, sans-serif;
				color: #0e4f85;
				text-decoration:none;
			}
			
			a:hover { text-decoration:underline; }
			
			
			
	/* ________________________________________________________________________________________ */
	/* --------- information menu ------------------------------------------------------------- */
	
				.cont_menu{
					margin:auto;
					width:430px;
					height:46px;
				}
	
				.btm_accueil, .btm_histoire, .btm_contact  {
					clear: both;
					position:relative;
					display:inline-block;
					height: 46px;
					width: 132px;
					background-position:0 0;
					cursor: pointer;
				}
			
				.btm_accueil span.hover, .btm_histoire span.hover, .btm_contact span.hover {
					position: absolute;
					display: block;
					height: 46px;
					width: 132px;
					background-position:bottom;
				}
				
				
				.btm_accueil{background:url(../images/btm_accueil.jpg) no-repeat; }
				.btm_accueil span.hover {background:url(../images/btm_accueil.jpg) no-repeat; background-position:bottom; }
	
				.btm_histoire{background:url(../images/btm_histoire.jpg) no-repeat; }
				.btm_histoire span.hover {background:url(../images/btm_histoire.jpg) no-repeat; background-position:bottom; }
	
				.btm_contact{background:url(../images/btm_contact.jpg) no-repeat; }
				.btm_contact span.hover {background:url(../images/btm_contact.jpg) no-repeat; background-position:bottom; }
			
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information headers ---------------------------------------------------------- */
	
			.header{
				width:960px;
				height:140px; 
				background:url(../images/header.jpg) no-repeat top center;
			}
			
			
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information slogan ----------------------------------------------------------- */
				
				.header .cont_slogan{
					height:80px;
				}
				
				.header .slogan_1{
					font: italic bold 22px/22px Arial, Helvetica, sans-serif ;
					color:#7c1372;
					width:500px;
					height:50px;
					padding-top:30px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
				}
				
				.slogan_2{
					width:100%;
					font: italic bold 16px/16px Arial, Helvetica, sans-serif ;
					text-align:right;
					
					color:#505354;
					
				}

			
			/* ________________________________________________________________________________________ */
			/* --------- information warper ----------------------------------------------------------- */
				
				.wrapper{
					margin:auto;
					width:960px;
					min-height:350px;
					background: url(../images/wrapper_fond.png) repeat-y top center;
				}
				
				
				.wrapper_head{
					margin:auto;
					width:960px;
					height:10px;
					background: url(../images/wrapper_header.png) no-repeat bottom center;
				}
				
				.wrapper_foot{
					margin:auto;
					width:960px;
					height:10px;
					background: url(../images/wrapper_footer.png) no-repeat top center;
				}
				
			/* ________________________________________________________________________________________ */
			/* --------- information imc -------------------------------------------------------------- */
			
				.cont_imc{
					width:310px;
					height:360px;
					background: url(../images/fond_imc.png) no-repeat center top ;
				}
				
				.cont_imc2{
					width:310px;
					height:411px;
					background: url(../images/fond_imc2.png) no-repeat center top ;
				}

				
				.haut_imc{
					margin:auto;
					width:100%;
					height:80px;
				}
				
				.haut_imc2{
					margin:auto;
					width:100%;
					height:60px;
				}

				
				.centre_imc{
					margin:auto;
					width:100%;
					height:230px;
				}
				
				.bas_imc{
					margin:auto;
					width:100%;
					height:74px;
					padding-top:6px;
				}
				
				.btm_imc {
					clear: both;
					position:relative;
					display:block;
					height: 38px;
					width: 142px;
					background:url(../images/btm_imc.jpg) no-repeat;
					background-position:0 0;
					cursor: pointer;
					border:none;
				}
			
				.btm_imc:hover {
					
					height: 38px;
					width: 142px;
					background:url(../images/btm_imc.jpg) no-repeat;
					background-position:bottom;					
				}
				
				
				.place_erreur{
					min-height:455px;
				}
				
				
				
			/* ________________________________________________________________________________________ */
			/* --------- information contenu ---------------------------------------------------------- */
			
			
			.marg_imc{
				margin-left:20px;
			}
			
			/* ________________________________________________________________________________________ */
			/* --------- information presentation ----------------------------------------------------- */
			
			
			.presentation{
				width:590px;
				height:410px;
				margin-left:20px;
				margin-top:5px;
				background:url(../images/presentation.png) no-repeat top center;
			}
			
			
			.presentation .paragraphe_1{
					font: italic bold 16px/24px Arial, Helvetica, sans-serif ;
					color:#719f0c;
					width:440px;
					letter-spacing:0px;
					padding-top:10px;
					margin-left:180px;
					text-align:left;
				}
				
				
			.presentation .titre_o{
					font: italic bold 22px/24px Arial, Helvetica, sans-serif ;
					color:#f07b04;
					width:290px;
					letter-spacing:0px;
					padding-top:15px;
					margin-left:200px;
					text-align:left;
			}
			
			.presentation .paragraphe_2_list{
					font: italic bold 16px/20px Arial, Helvetica, sans-serif ;
					color:#f07b04;
					width:420px;
					letter-spacing:0px;
					padding-top:10px;
					margin-left:150px;
					text-align:right;
				}

			.presentation .titre_v{
					font: italic bold 22px/24px Arial, Helvetica, sans-serif ;
					color:#8b0e41;
					width:200px;
					letter-spacing:0px;
					padding-top:15px;
					margin-left:280px;
					text-align:left;
			}
			
			
			.presentation .paragraphe_3_list{
					font: italic bold 16px/20px Arial, Helvetica, sans-serif ;
					color:#8b0e41;
					width:400px;
					letter-spacing:0px;
					padding-top:10px;
					margin-left:165px;
					text-align:right;
			}
			
			
			.presentation .paragraphe_4{
					font: italic bold 18px/24px Arial, Helvetica, sans-serif ;
					color:#505354;
					width:440px;
					letter-spacing:0px;
					padding-top:10px;
					margin-left:125px;
					text-align:right;
			}
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information content ---------------------------------------------------------- */
			
			
			
			.fond_content{
				width:870px;
				height:415px;
				
				background:url(../images/fond_content.png) no-repeat top center;
	
			}
			
			.header_resultat{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_resultat.png) no-repeat top center;
			}
			
			.header_etape1{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_etape1.png) no-repeat top center;
			}
			
		
			.header_etape2{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_etape2.png) no-repeat top center;
			}

			.header_etape3{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_etape3.png) no-repeat top center;
			}
			
			.header_etape4{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_etape4.png) no-repeat top center;
			}
			
			.header_etape5{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_etape5.png) no-repeat top center;
			}
			
			.header_contact{
				width:870px;
				height:47px;
				margin-top:5px;
				background:url(../images/header_contact.png) no-repeat top center;
			}
			
	/* ________________________________________________________________________________________ */
	/* --------- information inscription ------------------------------------------------------*/
	
		.text_inscription{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			text-align:justify;
		}
		
		.fond_inscription{
			width:590px;
			padding:10px;
		}
		
		.fond_inscription2{
			width:610px;
			padding:10px;
		}

		
		.titre_inscp{
			text-align:center;
			font: italic bold 16px/16px Arial, Helvetica, sans-serif;
			color:#6d0733;
		}
		
		.text_inscrp{
			color:#6d0733;
		}
		
		.btm_send {
			clear: both;
			position:relative;
			display:block;
			height: 38px;
			width: 142px;
			background:url(../images/btm_send.png) no-repeat;
			background-position:0 0;
			cursor: pointer;
			border:none;
		}
	
		.btm_send:hover {
			height: 38px;
			width: 142px;
			background:url(../images/btm_send.png) no-repeat;
			background-position:bottom;
			
		}

			
			
			/* ________________________________________________________________________________________ */
			/* --------- information resultat imc ----------------------------------------------------- */
			
				.content_gauche{
					float:left;
					width:400px;
					margin:auto;
				}
				
				.content_droite{
					float:left;
					width:300px;
					margin:auto;
				}
				
				.cadre_legende{
					margin:auto;
					width:260px;
					height:140px;
					background:url(../images/legende.png) no-repeat top center;
				}
				
				.bar_femme{
					margin:auto;
					width:260px;
					height:140px;
					background:url(../images/body_legend_femme.png) no-repeat top center;
				}
				
				.bar_homme{
					margin:auto;
					width:260px;
					height:140px;
					background:url(../images/body_legend_homme.png) no-repeat top center;
				}


				.background_body{
					width:260px;
					height:215px;
					background:url(../images/arriere_plan_resulat.png) no-repeat top center;
				}
				
				.aff_body{float:left; width:160px; height:215px; }
				.aff_titre{float:left; width:100px; height:215px; }
				
				.background_body .resultat{
					font: italic bold 22px/22px Arial, Helvetica, sans-serif ;
					width:240px;
					height:5px;
					padding-left:0px;
					padding-top:65px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
				}
				
				.titre_1, .titre_2{ color:#6a0f41; }
				.titre_3, .titre_4{ color:#146797; }
				.titre_5, .titre_6{ color:#3a7b28; }
				.titre_7, .titre_8{ color:#e47012; }
				.titre_9, .titre_10{ color:#5f060a; }
				
				
				.body_f_1{  background:url(../images/body_femme/body_f_1.png) no-repeat top center;}
				.body_f_2{  background:url(../images/body_femme/body_f_2.png) no-repeat top center;}
				.body_f_3{  background:url(../images/body_femme/body_f_3.png) no-repeat top center;}
				.body_f_4{  background:url(../images/body_femme/body_f_4.png) no-repeat top center;}
				.body_f_5{  background:url(../images/body_femme/body_f_5.png) no-repeat top center;}
				.body_f_6{  background:url(../images/body_femme/body_f_6.png) no-repeat top center;}
				.body_f_7{  background:url(../images/body_femme/body_f_7.png) no-repeat top center;}
				.body_f_8{  background:url(../images/body_femme/body_f_8.png) no-repeat top center;}
				.body_f_9{  background:url(../images/body_femme/body_f_9.png) no-repeat top center;}
				.body_f_10{ background:url(../images/body_femme/body_f_10.png) no-repeat top center;}
				
				.body_h_1{  background:url(../images/body_homme/body_h_1.png) no-repeat top center;}
				.body_h_2{  background:url(../images/body_homme/body_h_2.png) no-repeat top center;}
				.body_h_3{  background:url(../images/body_homme/body_h_3.png) no-repeat top center;}
				.body_h_4{  background:url(../images/body_homme/body_h_4.png) no-repeat top center;}
				.body_h_5{  background:url(../images/body_homme/body_h_5.png) no-repeat top center;}
				.body_h_6{  background:url(../images/body_homme/body_h_6.png) no-repeat top center;}
				.body_h_7{  background:url(../images/body_homme/body_h_7.png) no-repeat top center;}
				.body_h_8{  background:url(../images/body_homme/body_h_8.png) no-repeat top center;}
				.body_h_9{  background:url(../images/body_homme/body_h_9.png) no-repeat top center;}
				.body_h_10{ background:url(../images/body_homme/body_h_10.png) no-repeat top center;}
				
				
				.btm_bilan{
					clear: both;
					position:relative;
					display:inline-block;
					height: 48px;
					width: 229px;
					background-position:0 0;
					background:url(../images/btm_bilan.jpg) no-repeat;
					cursor: pointer;
				}
			
				.btm_bilan span.hover {
					position: absolute;
					display: block;
					height: 48px;
					width: 229px;
					background:url(../images/btm_bilan.jpg) no-repeat;
					background-position:bottom;
				}
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information histoire --------------------------------------------------------- */
			
			
				.frm_story{
					width:390px;
					background:url(../images/fond_histoire.png) no-repeat top center;
					min-height:385px;

				}
				
				.frm_story .titre{
				  width:100%;
				  font: italic bold  20px/28px Arial, Helvetica, sans-serif;
				  text-align:center;
				  color:#8b0e41;
				}
				
	
				.post{  }
		
				.post .entry{
					margin:auto;
					padding:5px 10px 20px; 
				}
		
				.post h2{
					margin:auto;
					display:block;
					font: normal bold 14px/20px Arial, Helvetica, sans-serif ;
					letter-spacing:1px;
					text-align:left;
					color:#8b0e41;
					
					
				}
				
				.frm_story p{
					
					font: normal 12px/20px Verdana, Geneva, sans-serif;
					text-align:justify;
					color:#505354;
				}
		
			
				.frm_story_img{
					float:left;
					width:190px;
					height:250px;
				}
				
				.frm_story_space{
					float:left;
					width:10px;
					height:250px;
				}


				
			/* ________________________________________________________________________________________ */
			/* --------- information liste erreur ----------------------------------------------------- */
				
				.list_error_imc{
					display:none;
					background:url(../images/icon_errorr.png) no-repeat top left;
					background-color:#ffe6e6;
					border:1px #F00 solid;
					width:200px;
					margin-left:30px;
					padding : 0 5px 10px 90px; 
					min-height:80px;
					-moz-border-radius:10px 10px 10px 10px;
					-khtml-border-radius:5px 5px 5px 5px;
					-webkit-border-radius:5px 5px 5px 5px;
				}
				
				.list_error_imc .img_g{float:left; margin:5px;}
				.list_error_imc span label{
					font: normal 10px/14px Verdana, Geneva, sans-serif;
					text-align:justify;
					color:#F00;
				}
				
				
				.list_error{
					display:none;
					background:url(../images/icon_errorr.png) no-repeat top left;
					background-color:#ffe6e6;
					border:1px #F00 solid;
					padding : 0 10px 10px 90px; 
					min-height:80px;
					-moz-border-radius:10px 10px 10px 10px;
					-khtml-border-radius:5px 5px 5px 5px;
					-webkit-border-radius:5px 5px 5px 5px;
				}
				
				.list_error .img_g{float:left; margin:5px;}
				.list_error span label{
					font: normal 10px/14px Verdana, Geneva, sans-serif;
					text-align:justify;
					color:#F00;
				}

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			background:#bdc5c6;
			color:#282828;
		}
		
		.footer_other{
			margin:auto;
			color:#282828;
		}
		
		
		
		
		.footer a  { 
			border-color: #3e3e3e;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:400;
			font-style:normal;
			color:#3E3E3E;
			text-transform:none;
			text-decoration:none;
			letter-spacing:normal;
			word-spacing:normal;
			line-height:15px;
			text-align:justify;
			vertical-align:baseline;
			direction:ltr;
		}
		
		
		.footer a:hover { 
			color: #ccc; 
		}

		.haut_footer{
			margin:auto;
			width:100%;
			background:url(../images/haut_footer.png) repeat-x top;
			height:37px;
		}
		
		.footer p { 
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:justify;
			line-height:12px;
			color: #4f5c5e; 
		}
		
		.footer .copyright, .footer_other .copyright  {
			margin:auto;
			width:100%;
			
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			padding-top:5px;
			padding-bottom:5px;
			text-align:center;
			color: #4d4d4d; 
		}
		
		.footer span { 
			font-size:10px;
			color: #767676;
		}
		
		.footer_other a {
			font-size:10px;
		}
		
		
		
		.footer ul { 
			border-top: #a0aaab 1px solid;
			margin: 0; 
			padding: 0; 
		}
		.footer ul li { 
			border-bottom: #a0aaab 1px dashed; 
			display: block; 
		}
		
		.footer .colonne .titre{
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold; 
			line-height: 16px;
			font-style: italic;
			font-size: 16px; 
			color: #4f5c5e; 
			margin-bottom: 5px; 
			padding-top: 3px;
			padding-left: 22px; 
			border-color: #3e3e3e;
		}
		
		
		.footer .colonne .navi{ background: url(../images/ico_navi.jpg) no-repeat 0 3px;  }
		.footer .colonne .actual{ background: url(../images/ico_actual.jpg) no-repeat 0 3px;  }
		.footer .colonne .part{ background: url(../images/ico_part.jpg) no-repeat 0 3px;  }
		
		
		.footer ul li a { 
			color:#5e5d5d;
			background: url(../images/bullet_footer.jpg) no-repeat; 
			border: none; 
			padding: 5px 0 5px 10px; 
			display: block; 
		}
		
		
		.footer .colonne  { margin: 0 10px 40px 10px; }
		.colonne a:visited { border: none; }
		.colonne a:hover {  color:#69940b; }