/* ________________________________________________________________________________________ */
	/* --------- 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_total.jpg) no-repeat top center;
				background-color:#b7cdd5;
				color:#505150;
			}
			
			
			.body_alert{
				background:none;
				background-color:#b7cdd5;
				color:#505150;
			}
			
			.total {
				width:100%;
				margin:0;
				padding:0;
				min-height:800px;
			}
			
			.pied{ clear:both; }
			
			a {
				font: normal bold 12px/12px Arial, Helvetica, sans-serif;
				color: #0d7086;
				text-decoration:none;
			}
			
			a:hover { text-decoration:underline; }
			
			.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;
			}
			
			
			.list_valid{
				display:none;
				background:url(../images/icon_ok.png) no-repeat top left;
				background-color:#deebd5;
				border:1px #499018 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_valid .img_g{float:left; margin:5px;}
			
			.list_valid span label{
				font: normal 10px/14px Verdana, Geneva, sans-serif;
				text-align:justify;
				color:#499018;
			}
			
			.btm_video_haute{
				clear: both;
				position:relative;
				display:block;
				height: 36px;
				width: 151px;
				background-position:0 0;
				cursor: pointer;
				border:none;
				background:url(../images/btm_turquoise/btm_video_haute.png) no-repeat;
			}
			
			.btm_video_haute:hover{
				clear: both;
				position:relative;
				display:block;
				height: 36px;
				width: 151px;
				background:url(../images/btm_turquoise/btm_video_haute.png) no-repeat;
				background-position:bottom;
			}
			
			.btm_video_basse{
				clear: both;
				position:relative;
				display:block;
				height: 36px;
				width: 151px;
				background-position:0 0;
				cursor: pointer;
				border:none;
				background:url(../images/btm_turquoise/btm_video_basse.png) no-repeat;
			}
			
			.btm_video_basse:hover{
				clear: both;
				position:relative;
				display:block;
				height: 36px;
				width: 151px;
				background:url(../images/btm_turquoise/btm_video_basse.png) no-repeat;
				background-position:bottom;
			}
			




			
			
	/* ________________________________________________________________________________________ */
	/* --------- information headers ---------------------------------------------------------- */
			
			.header{
				height:90px;
		
			}
			
			/* ________________________________________________________________________________________ */
			/* --------- information slogan ----------------------------------------------------------- */
				
				.header .slogan_1{
					font: italic  bold 14px/16px Arial, Helvetica, sans-serif ;
					color:#207687;
					padding-top:52px;
				}
				
			/* ________________________________________________________________________________________ */
			/* --------- information top menu --------------------------------------------------------- */
			
				ul.nav { list-style: none; clear: left; margin-top:45px; float:right; }
				
				ul.nav li { float: left; height:24px; }
				
				ul.nav li a {
					float: left;
					font: italic bold 17px/24px arial, "Times New Roman", Times, serif ;
					color: #525252;
					letter-spacing:0px;
					text-decoration: none;
					padding:0 10px;
					
				}
				
				ul.nav li a:hover, ul.nav li a.current { color:#207687; text-decoration:none; }

	/* ________________________________________________________________________________________ */
	/* --------- information sub_headers ---------------------------------------------------------- */
			
			.sub_header{
				height:220px;
			}
			
			/* ________________________________________________________________________________________ */
			/* --------- information frm_gauche ------------------------------------------------------- */
			
				.frm_gauche{
					width:310px;
					height:220px;
					background:url(../images/frm_gauche_header.png) no-repeat top center;
				}
				
				.frm_gauche h2{
					font:  italic bold 14px/14px Arial, Helvetica, sans-serif ;
					color:#207687;
					padding:30px 20px 0px 35px;
				}
				
				.frm_gauche p{
					font: normal 12px/20px Arial, Helvetica, sans-serif ;
					text-align:justify;
					padding:10px 35px 0px 35px;
				}
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information témoignage ------------------------------------------------------- */
				
				.frm_argument{
					margin:auto;
					width:590px;
					height:220px;
					background: url(../images/frm_droite_header.png) no-repeat top center;
				}
				
				.cont_arg{
					width:590px;
					height:220px;
					margin:-1px 0px 0px -1px;
				}
				
				.cont_arg_one{background: url(../images/argument/argument_one.png) no-repeat top center; }
				.cont_arg_two{ background: url(../images/argument/argument_two.png) no-repeat top center; }
				.cont_arg_three{background: url(../images/argument/argument_three.png) no-repeat top center; } 
				
		
				.cont_arg .txt_story{
					margin:auto;
					float:left;
					width:590px;
					height:30px;
					margin:18px 0px 0px 8px;
				}
				
				.cont_arg .txt_story .titre{
					font:  italic bold 18px/18px "Times New Roman", Times, serif ;
					color:#000;
				}
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information warpper ----------------------------------------------------------- */
		
		.content{
			margin:auto;
			width:100%;
			
			margin-top:10px;
			background: url(../images/fond_content.png) repeat-y top center;
		}
		
		
		
		/* ________________________________________________________________________________________ */
		/* --------- information texte ------------------------------------------------------------ */
	
			.post{
				margin:auto;
				margin-bottom:5px;
				
			}
	
			.post h2{
				display:block;
				font: italic normal 22px/20px "Times New Roman", Times, serif;
				color:#0d7086;
				letter-spacing:-1px;
				padding:0px 0px 5px 15px;
				margin:15px 0px 5px 15px;
			}
			
			.post h3, .post h4{
				display:block;
				border-left:15px #2197b1 solid;
				font: italic normal 22px/26px "Times New Roman", Times, serif;
				color:#0d7086;
				letter-spacing:-1px;
				padding:10px 0px 10px 10px;
				margin:15px 0px 5px 15px;
			}
			
			
			.post h4{
				padding:10px 0px 10px 10px;
				margin:5px 0px 15px 0px;
			}
			
			.post h5{
				display:block;
				font: italic bold 16px/20px Arial, Helvetica, sans-serif;
				color:#0d7086;
				padding:5px 0px 0px 0px;
				
			}
			
			
			.post .entry{
				
			}
			
			.post .entry p{
				font:  normal 12px/18px Arial, Helvetica, sans-serif;
				text-align:justify;
				margin:5px 0px;
			}
			
			.post .entry .txt{
				font:  normal 14px/18px Arial, Helvetica, sans-serif;
				text-align:justify;
				color:#000;
				padding:0px 30px 5px 15px;
				margin:0px 0px 0px 15px;
			}
			
			
			
			
			.post .entry ul{
				list-style:outside;
				list-style-image:url(../images/puce_style.png);
				border-left:15px #2197b1 solid;
				padding:0px 0px 0px 20px;
				margin-left:15px;
			}
			
			.post .entry ul ul{
				list-style:outside;
				list-style-image:none;
				border:none;
				margin:0;
				padding:0;
				margin-left:20px;
				line-height:20px;
			}
			
			.post .entry ul li{
				font: italic normal 12px/20px Arial, Helvetica, sans-serif;
				color:#0d7086;
				

			}
			
			
			
		/* ________________________________________________________________________________________ */
		/* --------- information témoignage ------------------------------------------------------- */
		
			.frm_story{
				width:470px;
				height:120px;
				background: url(../images/fond_story.png) no-repeat bottom center;
			}
			
			.cont_story{
				margin:auto;
				width:470px;
				height:120px;
				
			}
			
			
			.cont_story_one {background: url(../images/story/story_1.png) no-repeat top left; margin:-1px 0px 0px -1px; }
			.cont_story_two {background: url(../images/story/story_2.png) no-repeat top left; margin:-1px 0px 0px -1px; }
			
			
			
			.cont_story .txt_story{
				margin:auto;
				float:left;
				width:320px;
				padding:5px 5px 0px 5px;
				height:120px;
				margin-left:140px;
				
			}
			
			.cont_story .txt_story h4{
				display:block;
				width:100%;
				font: italic bold 14px/18px Arial, Helvetica, sans-serif;
				color:#050a31;
				border-bottom:2px #c1cfd4 solid;
				
			}
			
			.cont_story .txt_story p{
				font:  normal 10.4px/1.2em “Lucida Grande”, sans-serif;
				text-align:justify;
				padding:2px 0px;
				color:#000;
			}
			
			

		/* ________________________________________________________________________________________ */
		/* --------- information sur les formulaire ----------------------------------------------- */
		
			.frm_form_one{
				width:430px;
				min-height:130px;
				background: url(../images/fond_form_1.png) no-repeat top center;
				padding-top:50px;
				margin-top:-20px;
			}
			
			.frm_form_confirmation{
				width:470px;
				min-height:130px;
				background: url(../images/fond_form_confirmation.png) no-repeat top center;
				padding-top:25px;
			}

			
			.frm_form_contact{
				width:630px;
				min-height:290px;
				background: url(../images/fond_form_contact.png) no-repeat top center;
				padding-top:30px;
				
			}
			
			.frm_retour{
				width:630px;
				min-height:207px;
				background: url(../images/fond_retour.png) no-repeat top center;
				padding-top:30px;
				
			}
			
			
			.frm_video{
				width:630px;
				min-height:207px;
				background: url(../images/fond_video.png) no-repeat top center;
				padding-top:30px;
				
			}
			
			
			
			
			
			.frm_form_step2{
				width:790px;
				min-height:344px;
				background: url(../images/fond_form_step2.png) no-repeat top center;
				padding-top:30px;
				
			}
			
			
			
			.frm_form_step3{
				width:790px;
				min-height:344px;
				background: url(../images/fond_form_step3.png) no-repeat top center;
				padding-top:30px;
				
			}
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information cadre_info ------------------------------------------------------- */
			
				.frm_info{
					width:310px;
					height:164px;
					background:url(../images/cadre_infos.png) no-repeat top center;
				}
				
				.frm_info h2{
					font:  italic bold 18px/14px Arial, Helvetica, sans-serif ;
					color:#207687;
					padding:20px 20px 0px 35px;
				}
				
				.frm_info p{
					font: normal 12px/20px Arial, Helvetica, sans-serif ;
					text-align:justify;
					padding:10px 35px 0px 35px;
				}
			
			/* ________________________________________________________________________________________ */
			/* --------- information cadre_info ------------------------------------------------------- */
			
				.frm_step{
					width:550px;
					height:164px;
				}
				
				
				.indik_step_2 { background:url(../images/step_2.png) no-repeat top center; }
				.indik_step_3 { background:url(../images/step_3.png) no-repeat top center; }
				.indik_step_4 { background:url(../images/step_4.png) no-repeat top center; }
				.indik_step_fin { background:url(../images/step_fin.png) no-repeat top center; }
			
			
			/* ________________________________________________________________________________________ */
			/* --------- information cadre_info ------------------------------------------------------- */
				
				
				.frm_reflexion{
					width:470px;
					height:460px;
					margin-top:70px;
					background:url(../images/homme_reflexion.png) no-repeat top center;
				}
				
				.frm_heureux{
					width:430px;
					height:347px;
					background:url(../images/homme_heureux.png) no-repeat top center;
				}
				
				
				

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			min-height:157px;
			background:url(../images/fond_footer.png) repeat-x top;
			background-color:#333333;
			color:#e6e1e1;
			margin-top:50px;
		}
		
		
		.footer p { 
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			
			line-height:12px;
			color: #959494; 
		}
		
		
		
		.footer ul { 
			margin: 0; 
			padding: 0; 
		}
		.footer ul li { 
			display: block; 
		}
		
		.footer .colonne h5{
			display:block;
			width:100%;
			font: bold  normal 16px/20px Arial, Helvetica, sans-serif ;
			color:#2197b1;
			height:25px;
			background:url(../images/footer_titre.png) repeat-x bottom;
			margin-top:5px;
			
		}
		
		
		.footer a { color:#959494; font-size:10px; }
		.footer a:hover{color:#2197b1; }
		
		.footer ul li a {
			color:#959494;
			border: none; 
			padding: 5px 0 5px 0px; 
			display: block; 
		}
		
		.footer .colonne  { margin: 0 10px 0px 10px; }
		.colonne a:visited { border: none; }
		.colonne a:hover {  color:#2197b1; }