/* ________________________________________________________________________________________ */
/* --------- 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-size : 12px;
		outline:none;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	body {
		background:#ffffff;
		color:#333;
	}
	
	.total {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	
	.pied{
		clear:both;
	}
	
	.cont_header{
		margin:auto;
		background:url(../images/cont_header.jpg) repeat-x top;
		height:534px;
	}
	
	.header{
		margin:auto;
		background:url(../images/header.jpg) repeat-x top;
		width:960px;
		height:534px;
	}
	
	.cont_header_little{
		margin:auto;
		background:url(../images/cont_header_little.jpg) repeat-x top;
		height:143px;
	}
	
	.header_little{
		margin:auto;
		background:url(../images/header_little.jpg) repeat-x top;
		width:960px;
		height:143px;
	}

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information header ----------------------------------------------------------- */
	
		/* ---------  Partie n°1: emplacement menu  ------------------------- */
		.headerbar{
			margin:auto;
			width:100%;
			height:70px;
		}
		
		/* ---------  Partie n°2: emplacement galerie image  ---------------- */
		.galerie{
			margin:auto;
			width:100%;
			height:258px;
		}
		
		/* ---------  Partie n°3: emplacement presentation et slider  ------- */
		.presentation{
			margin:auto;
			width:100%;
			height:206px;
		}
		
	/* ________________________________________________________________________________________ */
	/* --------- information presentation ----------------------------------------------------------- */

		
		/* ---------  Phase d'accroche du site  ---------------- */
		.accroche{
			margin:auto;
			width:100%;
			text-align:center;
			vertical-align:middle;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: #2d6a01 0 1px 8px;
			height:32px;
			color:#2d6a01;
			padding-top:12px;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
		}
		
		.accroche2{
			margin:auto;
			width:100%;
			text-align:center;
			vertical-align:middle;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: #333 0px 1px 8px;
			height:16px;
			padding-top:4px;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
		}
		
		/* ---------  cadre de presentation du header (attention le 3éme cadre n'a pas la même class car il n'y a pas de margin-right)  ---------------- */
		.cadre_pres, .cadre_presder {
			margin:auto;
			float:left;
			width:210px;
			height:146px;
			margin-right: 5px;
			background:url(../images/presentation_header.jpg) no-repeat top;
		}
		
		.cadre_presder{
			margin-right:0px;
		}
		
		
		/* ---------  information sur l'interieur des cadres  ---------------- */
		
		.cadre_pres  h3, .cadre_presder h3{
			margin:auto;
			width:180px;
			height:17px;
			padding-top:5px;
			text-align:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			font-style:italic;
		}
		
		.cadre_pres  img, .cadre_presder img{
			margin:auto;
			float:left;
			width:75px;
			padding-left:2px;
			height:124px;
		}
		
		.cadre_pres span, .cadre_presder span{
			display:block;
			margin:auto;
			width:90%;
			height:74px;
			padding-top:10px;
			text-align:justify;
			font-size:10px;
			line-height:13px;
		}

	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top;
			width:100%;
			height:190px;
		}
		
		.slider .titre{
			margin:auto;
			width:100%;
			text-align:center;
			vertical-align:middle;
			font-family:Arial, Helvetica, sans-serif;
			height:20px;
			font-size:14px;
			font-weight:bold;
			font-style:italic;

		}

		.gallerybg {
			height:170px;
			padding:0 0 0 0;
		}
		
		.sliderbg{
			
			width:254px;
			height:150px;
		}
		
		.stepcarousel{
			position: relative; /*leave this value alone*/
			overflow: scroll; /*leave this value alone*/
			width: 254px; /*Width of Carousel Viewer itself*/
			height: 150px; /*Height should enough to fit largest content's height*/
			margin:4px 0px 0 13px;
		}
		
		.stepcarousel .belt{
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel{
			float: left; /*leave this value alone*/
			overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
			margin: 0px 0px 0px 0px; /*margin around each panel*/
			width: 254px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}

	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post, .post_2 {
			margin:auto;
			width:100%;
			margin-bottom:10px;
			min-height:156px;
			-moz-border-radius:8px;
			-khtml-border-radius:8px;
			-webkit-border-radius:8px;
		}
		
		.post {   background: url(../images/layout_1.jpg) repeat-x left top; background-color:#e9f3b6; border:1px #a3a783 solid; }
		.post_2 { background: url(../images/layout_2.jpg) repeat-x left top; background-color:#e1eaf2; border:1px #a7afb6 solid; }
		
		.lyt_spe_1, .lyt_spe_2{
			margin:auto;
			width:100%;
			height:26px;
			-moz-border-radius:0px 0px 8px 8px;
			-khtml-border-radius:0px 0px 8px 8px;
			-webkit-border-radius:0px 0px 8px 8px;
		}
		
		.lyt_spe_1{ background: url(../images/layout_1_f.jpg) repeat-x left bottom; }
		.lyt_spe_2{ background: url(../images/layout_2_f.jpg) repeat-x left bottom; }

		
		.entry{
			padding:10px;
			min-height:156px;
		}
		
		.entry .titre{
			display:block;
			width:100%;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
			border-bottom:1px #000000 dotted;
			padding-bottom:5px;
		}
		
		.entry .titre_coul{
			color:#f07a24;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
	
		}
		
		.entry .cont{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding-bottom:5px;
			color:#333;
			padding-top:5px;
			text-align:justify;
			line-height:14px;
		}
		.entry ul{
			list-style:inside;
			margin:10px;
			padding:0;
			line-height:20px;
		}
		
		.entry ul ul{
			list-style:inside;
			margin:0;
			padding:0;
			margin-left:10px;
		}

			
		.entry .entry-image {
			float: left;
			padding:0;
			margin: 10px 20px;
		}
			
		.entry .entry-image-r {
			float: right;
			padding:0;
			margin: 10px 20px;
		}
		
		.entry .entry-image-r img, .entry .entry-image img, .entry .entry-image-l img {
			border:2px #340b19 solid;
		}
		
		
		.entry a.lien_page {
			border: solid 1px #000;
			position: relative;
			text-shadow: #000 0 -1px 1px;
			cursor: pointer;
			display: inline-block;
			background:url(../images/fond_bouton.jpg) repeat-x top;
			font-size: 11px;
			height: 17px;
			padding: 0px 20px;
			padding-top:4px;
			text-decoration: none;
			color: #fff;
			-moz-border-radius:7px 7px 7px 7px;
			-khtml-border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
		}
		

		.entry a.lien_page:hover {
			text-decoration:underline;
			color:#c8db1f;
		}
	
		


	/* ________________________________________________________________________________________ */
	/* --------- information blocs n°1 -------------------------------------------------------- */

		.header_blocs{
			 margin:auto;
			 background:url(../images/header_bloc.jpg) no-repeat top;
			 width:267px;
			 height:26px;
			 margin-bottom:5px;
			 margin-left:-1px;
			 margin-top:-1px;
		}
		
		.header_blocs .titre_blocs, .header_blocs .titre_blocs_coul{
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-left:8px;
			padding-right:8px;
			padding-top:5px;
		}

		.header_blocs .titre_blocs_coul{
			color:#d4e82b;
			padding-left:0px;
			padding-right:0px;
		}
		
		.img_blocs{
		  margin:auto;
		  border:2px #d4e82b ridge;
		  margin:5px;
	  	}
		
		




		/* ________________________________________________________________________________________ */
		/* --------- information blocs gris ------------------------------------------------------- */
		
			.body_blocs{
				 margin:auto;
				 width:265px;
				 background-color:#f0f0f0;
				 border:1px #8a8a8a solid;
				 -moz-border-radius:8px;
				 -khtml-border-radius:8px;
				 -webkit-border-radius:8px;
			}
			
			.footer_blocs{
				margin:auto;
				background:url(../images/footer_bloc.jpg) no-repeat top;
				width:267px;
				height:20px;
			}
			
			.body_blocs .cont_blocs{
				padding-left:8px;
				padding-right:8px;
				padding-bottom:5px;
				text-align:justify;
				font-size:10px;
				line-height:13px;
			}
			
			a.lien_blocs{
				color:#dc6c1a;
				text-decoration:none;
				font-size:10px;
			}
		
			a.lien_blocs:hover{
				text-decoration:underline;
				
			}

			
		/* ________________________________________________________________________________________ */
		/* --------- information blocs bleu ------------------------------------------------------- */
		
			.body_blocs_2{
				 margin:auto;
				 width:265px;
				 background-color:#273340;
				 border:1px #92a110 solid;
				 -moz-border-radius:8px;
				 -khtml-border-radius:8px;
				 -webkit-border-radius:8px;
			}
			
			.footer_blocs_2{
				margin:auto;
				background:url(../images/footer_bloc_2.jpg) no-repeat top;
				width:267px;
				height:20px;
			}
			
			.body_blocs_2 .cont_blocs{
				padding-left:8px;
				padding-right:8px;
				padding-bottom:5px;
				text-align:justify;
				color:#FFF;
				font-size:10px;
				line-height:13px;
			}
			
			a.lien_blocs_2{
			color:#d4e82b;
			text-decoration:none;
			font-size:10px;
			}
		
			a.lien_blocs_2:hover{
				text-decoration:underline;	
			}
			


	/* ________________________________________________________________________________________ */
	/* --------- information blocs n°2 -------------------------------------------------------- */

		.body_blocs_plus{
			margin:auto;
			width:267px;
			height:120px;
			background:url(../images/body_bloc.jpg) no-repeat top;
		}
	
		.body_blocs_plus .icone{
			float:left;
			margin:auto;
			width:84px;
			height:120px;
		}
		
		.body_blocs_plus .cont_plus{
			float:left;
			margin:auto;
			width:183px;
			height:120px;
		}
		
		.cont_plus .descript, .cont_plus a.lien_plus{
			font-size:12px;
			font-weight:bold;
			color:#FFF;
			padding-left:8px;
			padding-right:8px;
			padding-top:20px;
			padding-bottom:10px;
		}
		
		.cont_plus a.lien_plus{
			color:#d4e82b;
			text-decoration:none;
			padding-left:8px;
			padding-right:8px;
			padding-top:0px;
	
		}
		
		.cont_plus a.lien_plus:hover{
			text-decoration:underline;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information presentation 2 ----------------------------------------------------- */

		
		/* ---------  cadre de presentation du header (attention le 3éme cadre n'a pas la même class car il n'y a pas de margin-right)  ---------------- */
		.cadre_pres_cont, .cadre_presder_cont {
			margin:auto;
			float:left;
			width:210px;
			height:166px;
			margin-right: 5px;
			background:url(../images/presentation_cont.jpg) no-repeat top;
		}
		
		.cadre_presder_cont{
			margin-right:0px;
		}
		
		.cadre_pres_cont_total {
			margin:auto;
			float:left;
			width:640px;
			height:166px;
			margin-right: 5px;
			background:url(../images/presentation_cont_total.jpg) no-repeat top;
		}
		

		/* ---------  information sur l'interieur des cadres  ---------------- */
		
		.cadre_pres_cont  h3, .cadre_presder_cont h3{
			margin:auto;
			width:210px;
			height:8px;
			padding-top:10px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#207700;
		}
		
		.cadre_pres_cont  img, .cadre_presder_cont img{
			margin:auto;
			float:left;
			width:80px;
			padding-left:2px;
			padding-bottom:10px;
			height:114px;
		}
		
		.cadre_pres_cont span, .cadre_presder_cont span{
			display:block;
			margin:auto;
			width:92%;
			padding-top:10px;
			text-align:justify;
			font-size:10px;
			line-height:13px;
			
		}
		
		.cadre_pres_cont_total h3{
			margin:auto;
			width:640px;
			height:8px;
			padding-top:10px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#207700;
		}
		
		.cadre_pres_cont_total img{
			margin:auto;
			float:left;
			width:110px;
			padding-left:2px;
			padding-bottom:10px;
			height:114px;
		}
		
		.cadre_pres_cont_total span{
			display:block;
			margin:auto;
			width:92%;
			padding-top:20px;
			text-align:justify;
			font-size:12px;
			font-weight:bold;
			line-height:16px;
			
		}
		
		.cadre_pres_cont_total a {
			cursor: pointer;
			font-size: 12px;
			color: #f49819;
			text-decoration:none;
		}
		

		.cadre_pres_cont_total a:hover {
			text-decoration:underline;
		}

		
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			background-color:#181818;
			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.jpg) repeat-x top;
			height:17px;
		}
		
		.footer p { 
			text-shadow: #000 0 -1px 1px; 
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:justify;
			line-height:12px;
			color: #4d4d4d; 
		}
		
		.footer .copyright {
			margin:auto;
			width:100%;
			border-top: 1px #3e3e3e solid;
			text-align:center;
			text-shadow: #000 0 -1px 1px;
			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;
			text-shadow: #000 0 -1px 1px;
		}
		
		
		
		.footer ul { 
			border-top: #333 1px dotted; 
			margin: 0; 
			padding: 0; 
		}
		.footer ul li { 
			border-bottom: #333 1px dotted; 
			display: block; 
			text-shadow: #000 0 -1px 1px;  
		}
		
		.footer .navi, .footer .part, .footer .comm {
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold; 
			line-height: 1;
			font-style: italic;
			font-size: 16px; 
			color: #525252; 
			margin-bottom: 10px; 
			padding-top: 2px;
			padding-left: 20px; 
			border-color: #3e3e3e;
			text-shadow: #000 0 -2px 2px; 
		}
		
		.footer .navi{ background: url(../images/cursor.jpg) no-repeat 0 3px;  }
		.footer .part{ background: url(../images/partenaire.jpg) no-repeat 0 3px;  }
		.footer .comm{ background: url(../images/navigation.jpg) no-repeat 0 3px;  }


		.footer ul li a { 
			color: #3e3e3e; 
			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: #ccc; }
		
	
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu{
			margin:auto;
			width:90%;
			color:#293642;
		}
		
		.sub_menu 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;
		}

		.sub_menu ul { 
			border-top: #333 1px dotted; 
			margin: 0; 
			padding: 0; 
		}
		.sub_menu ul li { 
			border-bottom: #333 1px dotted; 
			display: block; 
		}
		
		.sub_menu .current_sub a {
			color: #3e3e3e; 
			background: url(../images/bullet_hover.gif) no-repeat; 
			color: #cf5b05;
			border: none; 
			padding: 5px 0 5px 10px; 
			display: block; 
		}

		.sub_menu ul li a { 
			color: #3e3e3e; 
			background: url(../images/bullet.gif) no-repeat; 
			border: none; 
			padding: 5px 0 5px 10px; 
			display: block; 
		}
		
		.sub_menu ul li a:hover { 
			background: url(../images/bullet_hover.gif) no-repeat; 
		}
		
		.sub_menu .titre_menu {
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold; 
			line-height: 1;
			font-style: italic;
			font-size: 18px; 
			color: #2b3946; 
			margin-bottom: 10px; 
			padding-top: 2px;
			padding-left: 20px; 
			border-color: #3e3e3e;
			
		}

		.sub_menu .titre_menu{ background: url(../images/paperclip.gif) no-repeat 0 3px;  }
		
		.sub_menu { margin: 0 10px 40px 10px; }
		.sub_menu a:visited { border: none; }
		.sub_menu a:hover { color: #cf5b05;  }
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire colonne ----------------------------------------- */
		
		.tableau_form label{
			font-size:12px;
			margin-right:2px;
			color:#FFF;
		}
		
		.tableau_form input[type=submit], .tableau_form input[type=button], .tableau_form input[type=reset] {
			font-size: 10px;
			padding: 0px 10px;
			text-shadow: #000 0 -1px 1px;
			border: solid 1px #000;
			position: relative;
			cursor: pointer;
			display: inline-block;
			background:url(../images/fond_bouton.jpg) repeat-x top;
			font-size: 11px;
			height: 21px;
			text-decoration: none;
			color: #fff;
			-moz-border-radius:7px 7px 7px 7px;
			-khtml-border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
		}
		
		.tableau_form input[type=submit]:hover, .tableau_form input[type=button]:hover, .tableau_form input[type=reset]:hover{
			text-decoration:underline;
		}
		
		.tableau_form input[type=text], .tableau_form input[type=file], .tableau_form input[type=password], .tableau_form select, .tableau_form input[type=checkbox], .tableau_form input[type=radio]  {
			font-size:10px;
			color:#0b71ad;
			background-color:#d1ebfa;
			border:1px #0b71ad solid;
			padding:2px 3px;
		}
		
		.tableau_form input[type=text]:hover, .tableau_form input[type=select]:hover, .tableau_form input[type=file]:hover, .tableau_form input[type=password]:hover, .tableau_form select:hover, .tableau_form textarea:hover {
			background-color:#FFF;
		}
		
		.tableau_form input[type=text]:focus , .tableau_form input[type=select]:focus , .tableau_form input[type=file]:focus, .tableau_form input[type=password]:focus, .tableau_form select:focus, .tableau_form textarea:focus  {
			background-color:#FFF;
		}

	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire contenu ----------------------------------------- */
		
		.tableau_form_cont label{
			font-size:12px;
			margin-right:2px;
			color:#000;
		}
		
		.tableau_form_cont input[type=submit], .tableau_form_cont input[type=button], .tableau_form_cont input[type=reset] {
			font-size: 10px;
			padding: 0px 10px;
			text-shadow: #000 0 -1px 1px;
			border: solid 1px #000;
			position: relative;
			cursor: pointer;
			display: inline-block;
			background:url(../images/fond_bouton.jpg) repeat-x top;
			font-size: 11px;
			height: 21px;
			text-decoration: none;
			color: #fff;
			-moz-border-radius:7px 7px 7px 7px;
			-khtml-border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
		}
		
		.tableau_form_cont input[type=submit]:hover, .tableau_form_cont input[type=button]:hover, .tableau_form_cont input[type=reset]:hover{
			text-decoration:underline;
		}
		
		.tableau_form_cont input[type=text], .tableau_form_cont input[type=file], .tableau_form_cont input[type=password], .tableau_form_cont select, .tableau_form_cont input[type=checkbox], .tableau_form_cont input[type=radio]  {
			font-size:10px;
			color:#0b71ad;
			background-color:#fffff2;
			border:1px #b1b3a0 solid;
			padding:2px 3px;
		}
		
		.tableau_form_cont input[type=text]:hover, .tableau_form_cont input[type=select]:hover, .tableau_form_cont input[type=file]:hover, .tabtableau_form_contleau_form input[type=password]:hover, .tableau_form_cont select:hover, .tableau_form_cont textarea:hover {
			background-color:#FFF;
		}
		
		.tableau_form_cont input[type=text]:focus , .tableau_form_cont input[type=select]:focus , .tableau_form_cont input[type=file]:focus, .tableau_form_cont input[type=password]:focus, .tableau_form_cont select:focus, .tableau_form_cont textarea:focus  {
			background-color:#FFF;
		}
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire uniForm ----------------------------------------- */
		
		.uniForm label{
			font-size:12px;
			margin-right:2px;
			color:#000;
		}
		
		.uniForm input[type=submit], .uniForm input[type=button], .uniForm input[type=reset] {
			font-size: 10px;
			padding: 0px 10px;
			text-shadow: #000 0 -1px 1px;
			border: solid 1px #000;
			position: relative;
			cursor: pointer;
			display: inline-block;
			background:url(../images/fond_bouton.jpg) repeat-x top;
			font-size: 11px;
			height: 21px;
			text-decoration: none;
			color: #fff;
			-moz-border-radius:7px 7px 7px 7px;
			-khtml-border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
		}
		
		.uniForm input[type=submit]:hover, .uniForm input[type=button]:hover, .uniForm input[type=reset]:hover{
			text-decoration:underline;
		}