/* ________________________________________________________________________________________ */
/* --------- 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;
		outline:none;
		font:normal 12px/16px Arial, Helvetica, sans-serif;
	}

	
	body {
		background:url(../images/fond_repeat.jpg) repeat-x top;
		background-color:#efefed;
		color:#272726;
	}
	
	.total {
		width:100%;
		min-height:1000px;
		margin:0;
		padding:0;
	}
	
	.pied{ clear:both; }
	
	a { font:normal bold 12px/16px Arial, Helvetica, sans-serif; color:#272726;  }
	a:hover { text-decoration: none; }
	
	
	
	input[type=submit]{
		display:inline-block;
		padding:3px 15px 4px;
		color:#fff !important;
		text-decoration:none;
		border:none;
		font:normal bold 11px/13px Arial, Helvetica, sans-serif;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
		text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
		border-bottom:1px solid rgba(0, 0, 0, 0.25);
		position:relative;
		cursor:pointer;
		overflow:visible;
		width:auto;
		background-color:#454545;
	}
	
	
	
	input[type=submit]:hover{  background-color:#272726; cursor:pointer; }

	
	



	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{ height:345px; }
	.header .cont_slogan{ height:50px; }
	.header .cont_banner{ height:212px;}
	.header .cont_menu{   height:71px;}
		
	.header .slogan_1{
		font:italic normal 30px/20px Arial, Helvetica, sans-serif; 
		color:#9bbd07;
		text-align:center;
	}
	
	.header .slogan_2{
		font:normal 14px/24px Arial, Helvetica, sans-serif; 
		color:#242424;
		text-align:left;
	}
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
	
	.slider-one{   background:url(../images/slider-one_fond.jpg) no-repeat center top; height:212px; }
	.slider-two{   background:url(../images/slider-two_fond.jpg) no-repeat center top; height:212px;}
	.slider-three{ background:url(../images/slider-three_fond.jpg) no-repeat center top; height:212px;}
	
	
	.before-pres_one{
		position:absolute;
		width:270px;
		height:212px;
	 	background:url(../images/slider-one_before.png) no-repeat center top;
		z-index:10;
	}
	
	.slider-one_before { margin:10px 0px 0px 20px;  z-index:5;}
	
	
	
	.before-pres_two{
		position:absolute;
		width:310px;
		height:212px;
	 	background:url(../images/slider-two_before.png) no-repeat center top;
		z-index:10;
	}

	.slider-two_before { margin:10px 0px 0px 35px; z-index:5;}
	
		
	
	.before-pres_three{
		position:absolute;
		width:270px;
		height:212px;
	 	background:url(../images/slider-three_before.png) no-repeat center top;
		z-index:10;
	}

	.slider-three_before { margin:10px 0px 0px 10px; z-index:5; }

	



	
	

	
	
/* ________________________________________________________________________________________ */
/* --------- information warper ----------------------------------------------------------- */
		
	.wrapper{
		margin:auto;
		width:100%;
		
	
	}
	
	
	.good_height{
		min-height:800px;
	}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{margin:0 auto 15px auto; }
		
		.post .entry{
			
			padding:10px;
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
		}
		
		/* fond post -------------------------------- */ 
			.post_gradient_court{
				min-height:79px;
				background: url(../images/gradient_court.jpg) repeat-x top center;
				background-color:#d5d5d5;
			}
			
			.post_gradient_long{
				min-height:173px;
				background: url(../images/gradient_long.jpg) repeat-x top center;
				background-color:#d5d5d5;
			}
			
			.post_color_back{
				border:1px #9bbd07 solid;
				background-color:#f0f5da;
			}
			
			.post_color_dif{
				border:1px #a3a3a3 solid;
				background-color:#e5e5e3;
			}

			.post_color_dif p, .post_color_dif h2, .post_color_dif li, .post_color_dif a  {color:#333;}

		
		/* police, text, list post -------------------------------- */ 
			.post ul{ list-style:outside; margin-left:15px; }
			.post ul ul{ list-style:outside; margin-left:15px; }
			.post ul li, .post ul ul li { font:normal 12px/20px Arial, Helvetica, sans-serif; text-align:justify;  }

			.post h2{ font:normal bold 16px/24px Arial, Helvetica, sans-serif }
			
			.post p{ font:normal 12px/20px Arial, Helvetica, sans-serif }
			
			.post a{text-decoration:underline;}
			.post a:hover{text-decoration:none;}

			.placement_d{ margin:auto; float:right;}
			.placement_g{ margin:auto; float:left;}
			.placement_c{ margin:auto; margin:auto;}
			
		/* ente blog post -------------------------------- */ 
			
			.post .frm_meta { width:100%; height:60px; }
			.post .frm_blog_inf{width:74%; float:left; padding:10px 0 0 5px; }
			.post .frm_blog_inf h2{ font:italic bold 22px/24px Arial, Helvetica, sans-serif; } 
			
			.post .frm_blog_time{
				width:25%; 
				height:90%; 
				background:#e3f0a9 url(../images/frm_meta_time.jpg) no-repeat left bottom;  
				float:left; 
			}
			.post .frm_blog_time h4{
				font:italic bold 30px/30px Arial, Helvetica, sans-serif;
				padding:13px 0 0 5px;
				color:#272726;
				text-align:center;
			}
			
			.post .frm_blog_txt{
				padding:5px; 
				margin-top:-3px;  
				border-bottom:1px dotted #c9d8e7;
			}

				
		
	/* _________________________________________________________________________ */
	/* --------- information staff --------------------------------------------- */
			
		.staff{ 
			width:100%;
			margin-bottom:5px;
			background-color:#f0f5da;
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			border-bottom:1px dotted #589058;
		}
		
		.staff-img{ float:left; width:20%; }
		.staff-pres{float:left; width:80%;}
		
		.staff h2{ font:italic bold 16px/24px Arial, Helvetica, sans-serif; color:#9bbd07; padding-top:10px; }
		.staff p{font:italic bold 14px/24px Arial, Helvetica, sans-serif; }
		.staff span{font:normal normal 12px/18px Arial, Helvetica, sans-serif; 	}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information tables listes ---------------------------------------------------- */
	
		#box-table-a  th,#box-table-a  td { font:normal normal 12px/24px Arial, Helvetica, sans-serif; }
		
		#box-table-a th{background: #9bbd07; color:#FFF; border-bottom: 1px solid #fff; }
		#box-table-a td{padding: 3px; color: #272726; border-bottom: 1px solid #fff; }
		
		#box-table-a tr:hover td{ background: #bfdb46; }
		
	
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		


		
		
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
	
		.slider {
			width:100%;
			margin:auto;
		}
		
		.slider_nav{
			width:200px;
			margin:auto;
			padding-top:5px;
			padding-left:10px;
		}
	
		.slider img{
			width:190px;
			height:190px;
			padding: 10px; 
			background: #fff;
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
			border-bottom:1px solid rgba(0, 0, 0, 0.35);
			-moz-border-radius:8px; 
			-khtml-border-radius:8px; 
			-webkit-border-radius:8px;
			behavior: url(../border-radius.htc);
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		.footer{
			width:100%;
			min-height:202px;
			text-align:center;
			
			background: #efefed url(../images/footer_fond.jpg) repeat-x top center;
		}
		
		.footer a { font:normal normal 10px/18px Arial, Helvetica, sans-serif; text-decoration:underline; }
		.footer a:hover { text-decoration:none; }
		.footer span { font:normal normal 10px/18px Arial, Helvetica, sans-serif;}
			
			 
		.footer a.net_activite{ display:block; margin:auto; width:210px; height:60px; background:url(../images/net_activite.png) no-repeat top; }
		.footer a.net_activite:hover{ background:url(../images/net_activite_hover.png) no-repeat top; }
		
		.footer a.sitereal{ display:inline-block; margin:auto; width:134px; height:20px; margin-top:10px;background:url(../images/721z.png) no-repeat top; }
		.footer a.sitereal:hover{ background:url(../images/721z_hover.png) no-repeat top; }
		
		.footer a.hebergeur-pro{ display:inline-block; margin:auto; width:134px; height:20px; margin-top:10px; background:url(../images/hebergeur_pro.png) no-repeat top; }
		.footer a.hebergeur-pro:hover{ background:url(../images/hebergeur_pro_hover.png) no-repeat top; }

		
	/* ________________________________________________________________________________________ */
	/* --------- information style formulaire contenu ----------------------------------------- */
		
		.tableau_form_cont label{
			font-size:12px;
		}
		
		input[type=text], input[type=file], input[type=password], select, input[type=checkbox], input[type=radio], textarea {
			font-size:12px;
			color:#282928;
			padding:3px;
			background-color:#fff;
			border:1px #9bbd07 solid;
		}
		
		input[type=text]:hover, input[type=select]:hover, input[type=file]:hover, input[type=password]:hover, select:hover, textarea:hover {
			background-color:#f0f5da;
			border-color:#9bbd07;
		}
		
		input[type=text]:focus, input[type=select]:focus, input[type=file]:focus, input[type=password]:focus, select:focus, textarea:focus  {
			background-color:#FFF;
		}
		
		input[type=checkbox], input[type=radio]{
			border:none;
			background-color:none;
		}