	
	
	/* ________________________________________________________________________________________ */
	/* --------- 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:url(../images/fond_repeat.jpg) repeat-x top;
				background-color:#3b4853;
				color:#d9e0ec;
			}
			
			.total {
				width:100%;
				margin:0;
				padding:0;
				min-height:800px;
				z-index:2;
				background:url(../images/fond.jpg) no-repeat top center;
			}
			
			.pied{ clear:both; }
			
			a {
				font: normal bold 10px/12px Arial, Helvetica, sans-serif;
				color: #b5e112;
				text-decoration:underline;
			}
			
			a:hover { text-decoration:underline; }
			
			.img_banner{
				z-index:2;
			}
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information headers ---------------------------------------------------------- */
	
		
		.cont_slogan{
				width:224px; 
				padding-top:20px;
				margin-left:6px;
				margin-bottom:20px;
			}
		
		.slogan_1{
			font: normal 24px/20px Arial, Helvetica, sans-serif ;
			color:#FFF;
			padding:5px 11px 0px 11px;
		}
		
		.slogan_2{
			font:  normal 10px/14px arial, Arial, Helvetica, sans-serif ;
			color:#b5e112;
			padding:5px 11px;
			
		}
				
				
	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
		ul.nav {
			float:left;
            padding:7px 0px 0px 20px;
            margin: 0px;
            overflow: hidden;
        }
		
		ul.nav li {
			float: left;
			list-style: none;
		}
		ul.nav li.back {
			border-bottom: 3px solid #a1b74a;
			width: 9px;
			height: 18px;
			z-index: 8;
			position: absolute;
			cursor:pointer;
		}
		ul.nav li a {
			font: italic bold  12px/12px arial, Arial, Helvetica, sans-serif ;
			letter-spacing:1px;
			color:#FFF;
			outline: none;
			text-align: center;
			z-index: 10;
			margin: auto 10px;
			cursor:pointer;
			text-decoration: none;
			display: block;
			float: left;
			height: 26px;
			position: relative;
			overflow: hidden;
			
			
		}  
		
		ul.nav li a:hover, ul.nav li a:active, ul.nav li a:visited {
			border: none;
		}   


	
	/* ________________________________________________________________________________________ */
	/* --------- information warpper ---------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
		}
		
		
		.cont_post{
			margin:auto;
			width:715px;
			min-height:400px;
			background-color:#dde2e6;
			margin-top:33px;
			padding-bottom:4px;
			border-bottom:1px solid rgba(0, 0, 0, 0.25);
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);

			
		}
		
		.frm_cont_head{
			width:100%;
			height:15px;
			background:url(../images/frm_cont_head.png) no-repeat top center;
		}
		
		.frm_cont_foot{
			width:100%;
			height:25px;
			background:url(../images/frm_cont_foot.png) no-repeat top center;
			
		}

			
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{ margin:0px 0px 0px 0px;  }

		.post .entry{
			margin:auto;
			padding:10px 10px; 
			
		}

		.post h2{
			margin:auto;
			letter-spacing:1px;
			text-align:left;
			color:#68781f;
			padding:0px 5px;
			font: normal bold 16px/24px Arial, Helvetica, sans-serif;
			
		}
		
		.post p{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			text-align:justify;
			padding:5px 5px;
			color:#333;
		}
		.post a{
			color:#68781f;
		}
		
		.post a:hover{
			text-decoration:none;
		}
		
		
		.post .img_g{ float: left; margin: 10px 10px 0px 0px; }
		.post .img_d{ float: right; margin: 10px 0px 0px 10px;}	

		
		
		
		
		
		/* _________________________________________________________________________ */
		/* --------- information sur les listes ------------------------------------ */

			.post ul, .post ul ul{
				list-style:outside;
				margin-left:20px;
				padding:0;
			}
			
			.post ul ul{ list-style:square; }
			
			.post ul li, .post ul ul li{ font: normal 10px/18px Verdana, Geneva, sans-serif;}
		
		/* _________________________________________________________________________ */
		/* --------- information bouton post --------------------------------------- */
		
			.placement_d{ margin:auto; float:right;}
			.placement_g{ margin:auto; float:left;}
			.placement_c{ margin:auto; margin:auto;}
		
			a.btm_site {
					font: normal bold 12px/12px Arial, Helvetica, sans-serif;
					color:#fff;
					border: solid 1px #333;
					padding: 2px 10px;
					background-color:#333;
			}
		
			a.btm_site:hover{ color:#fff; background-color:#535353; text-decoration:none;}
			
			
			
			input[type=button]{
				font: normal bold 12px/12px Arial, Helvetica, sans-serif;
				color:#fff;
				border: solid 1px #333; 
				padding: 0px 10px 4px;
				margin:5px;
				cursor: pointer;
				background-color:#333;
				height: 25px;
			}
			
			input[type=button]:hover{ color:#fff; background-color:#535353; }

			
			
		
		/* _________________________________________________________________________ */
		/* --------- information blog meta ----------------------------------------- */
			
			.entry .meta{
				display:block;
				height:17px;
				border-top:1px #68781f dashed;
				margin-left:5px;
				
			}
			.entry .meta p, .entry .meta span {
				display:inline;
				margin:0;
				padding:0;
				font: normal  10px/16px Arial, Helvetica, sans-serif;
				color:#333;
				text-align:left;
				border:none;
			}
			
			.entry .meta span{
				font: normal bold  10px/16px Arial, Helvetica, sans-serif;
				color:#68781f;
			}
		
		
	
	/* ________________________________________________________________________________________ */
	/* --------- menu frm_nav de base ---------------------------------------------------------- */
		
		.frm_nav ul, .frm_txt { margin: 0; padding: 0; margin-bottom:0px; }
		
		.frm_nav ul li { 
			display: block; 
			background: url(../images/fond_submenu.jpg) no-repeat left;
			height:20px;
			margin-bottom:2px;
			
		}
		
		.frm_nav, .frm_txt{
			width:215px; 
			margin-left:15px;
			margin-bottom:15px;
		}
		
		.frm_nav_head{
			width:215px; 
			margin-left:15px;
		}
		
		.frm_nav_head .titre, .frm_txt .titre{
			display:block;
			padding:0px 0px;
			font: normal bold 16px/24px Arial, Helvetica, sans-serif;
			color: #a4abb7; 
		}
		
		.frm_nav ul li a { 
			display:block;
			font: normal  12px/20px Arial, Helvetica, sans-serif;
			color: #b5e112;	
			text-decoration:none;
			padding-left:16px;
			background: url(../images/puce.png) no-repeat left;
		}
		
		.frm_nav ul li a:hover { 
			color: #fff;  
			background: url(../images/puce_h.png) no-repeat left;
		}
		
		.frm_txt p{
			font: normal 10px/18px Verdana, Geneva, sans-serif;
			padding:0px 5px 0px 0px;
			text-align:justify;
		}
		
		
		.frm_txt .lien_site {
			padding:5px 5px 0px 0px;
			

		}
		.frm_txt .lien_site a{
			font-size:12px;
			color:#b5e112;
		}
		

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		.footer{
			margin:auto;
			background: url(../images/fond_footer.jpg) repeat-x top center;
			height:138px;
			margin:0px 5px 5px 5px;
		}
		
		.footer a { 
			font-size:10px;
			color:#b5e112;
			text-decoration:underline;
			border:none;
		}
		
		
		.footer a:hover { 
			font-size:10px;
			color:#FFF;
			text-decoration:none;
		}
		
		.footer .copyright {
			margin:auto;
			width:100%;
			text-align:center;
			font: normal 10px/8px Arial, Helvetica, sans-serif; 
			color: #a4abb7; 
		}
		
	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire contenu ----------------------------------------- */
	
		.tableau_form_cont label{
			font-size:12px;
		}
		
		
		.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:12px;
			color:#000;
			border:1px #a1b74a solid;
			height:17px;
			padding:3px;
			background-color:#ecf1f9;
		}
		
		.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;
		}




