/* ________________________________________________________________________________________ */
/* --------- 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;
	}
	
	.text_coul{
		width:100%;
		margin:auto;
		display:block;
		height:30px;
		background-color:#0C9;
	}
	
	body {
		background:url(../images/motif.jpg) repeat left top;
		color:#f7eac7;
	}
	
	.motif{
		background:url(../images/fond_repeat.png) repeat-x top;
		width:100%;
		height:100%;
	}
	
	.total {
		width:100%;
		min-height:1000px;
		margin:0;
		padding:0;
		background:url(../images/header.jpg) no-repeat top;

	}
	
	.pied{
		clear:both;
	}
	
	input[type=button]{
			padding: 0px 10px 4px;
			font-size: 12px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			color:#f7eac7;
			border: solid 1px #03375d;
			margin:5px 2px;
			cursor: pointer;
			background:url(../images/fond_bouton.png) repeat-x top;
			border:1px #796564 solid;
			height: 22px;
			-moz-border-radius:5px 5px 5px 5px;
			-khtml-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
	}
	  
	input[type=button]:hover{
			background:url(../images/fond_bouton_hover.png) repeat-x top;
			color:#796564;
	}
	
	a {
		color: #f7eac7;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
	}

	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:960px;
		height:300px;
	}
	
	
	.header .cont_slogan{
		margin:auto;
		height:150px;
		padding-top:17px;
		
	}

	.header .cont_menu{
		margin:auto;
		width:940px;
		height:36px;
		background:url(../images/fond_menu.png) no-repeat center;
		
	}
	
	
	.header .slogan_1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 36px;
		font-weight: bold;
		font-style:italic;
		color:#f7eac8;
		padding-top:40px;
		text-shadow:2px 2px 2px #000000; 
	}
	
	.header .slogan_2{
		font-family: Cambria, serif;
		font-size: 14px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		
		line-height: 1.2em;
		text-shadow:2px 2px 2px #000000; 
		color:#f7eac8;
	}
	
	
	.header .animation{
		position:absolute;
		margin-top:-73px;
		margin-left:55px;
	}
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */

		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top center;
			width:253px;
			height:188px;
			margin-left:150px;
			margin-top:5px;
		}
		
		.slider-vide{
			margin:auto;
			background:none;
			width:253px;
			height:188px;
			margin-left:150px;
			margin-top:5px;
		}
		.slider_up{
			position:absolute;
			float:left;
			z-index:10;
			width:253px;
			height:188px;
			margin-left:150px;
			margin-top:5px;
			background:url(../images/slider_up.png) no-repeat top;
		}
		

		.gallerybg {
			height:140px;
			padding:0 0 0 0;
		}
		
		.sliderbg{
			width:180px;
			height:134px;
			padding-left:20px;
			padding-top:6px;
			
			
		}
		
		.stepcarousel{
			
			position: relative; /*leave this value alone*/
			overflow: hidden; /*leave this value alone*/
			width:200px; /*Width of Carousel Viewer itself*/
			height:140px; /*Height should enough to fit largest content's height*/
			
		
		}
		
		.stepcarousel .belt{
			
			position: absolute; /*leave this value alone*/
			left: 0;
			top: 0;
		}
		
		.stepcarousel .panel{
			z-index:5;
			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:253px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
	


	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
	ul.nav {
		width:98%;
		padding: 0px;
		margin: auto;
		list-style: none;
		clear: left;
	}
	
	ul.nav li {
		float: left;
	}
	
	ul.nav li a {
		float: left;
		text-decoration: none;
		color: #fff;
		height:20px;
		padding:4px 2px;
		margin-left:8px;
		margin-right:8px;
		font-weight:bold;
		text-align:center;
		font-size:12px;
		background:none;
		line-height:23px;
	}
	
	ul.nav li a:hover, ul.nav li a.current {
		color:#ffad3f;
		border-bottom:1px #ffad3f solid;
		padding:4px 2px;
	}
	
	
	
	
	

	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information warper ----------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
			min-height:800px;
			background: url(../images/wrapper_center.png) repeat-y top center;
		}
		
		.haut_content{
			margin:auto;
			width:100%;
			height:67px;
			margin-top:-8px;
			background: url(../images/wrapper_head.png) no-repeat top center;
		}
		
		.bas_content{
			margin:auto;
			width:100%;
			height:67px;
			background: url(../images/wrapper_foot.png) no-repeat bottom center;
		}
		
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
		
		

		.post{
			margin:auto;
			width:100%;
			margin-top:0px;
			margin-bottom:15px;
		}

		.post h2{
			margin:auto;
			display:block;
			width:100%;
			font: italic normal 18px/18px Arial, Helvetica, sans-serif;
			background: url(../images/logo.png) no-repeat right center;
			letter-spacing:1px;
			text-align:left;
			color:#f7eac7;
			padding-bottom:5px;
			border-bottom: 1px #6f5f50 dashed;
		}
		
		.post .entry{
			border:1px #796564 solid;
			padding:10px;
			-moz-border-radius:5px 5px 5px 5px;
			-khtml-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
		}
		
		
		.gradient_court{
			min-height:79px;
			background: url(../images/gradient_court.jpg) repeat-x top center;
			background-color:#4d3e2f;
		}
		
		.gradient_long{
			min-height:173px;
			background: url(../images/gradient_long.jpg) repeat-x top center;
			background-color:#4d3e2f;
		}

		
		.post p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:justify;
			line-height:22px;
		}
		.post ul{
			list-style:outside;
			margin-left:20px;
			line-height:20px;
			padding:0;
			
		}
		
		.post ul ul{
			list-style:outside;
			margin:0;
			padding:0;
			margin-left:20px;
			line-height:20px;
		}
		
		.placement_d{ margin:auto; float:right;}
		.placement_g{ margin:auto; float:left;}
		.placement_c{ margin:auto; margin:auto;}

	
		/* ________________________________________________________________________________________ */
		/* --------- btm site --------------------------------------------------------------------- */
		/* ---------------------------------------------------------------------------------------- */
			
			a.btm_site{
				float: left;
				text-decoration: none;
				color: #f7eac7;
				font:Arial, Helvetica, sans-serif;
				font-weight:bold;
				height: 22px;
				font-size:12px;
				margin:2px 3px 2px 10px;
				padding:9px 15px 0px 0px;
				text-align:center;
			}
			
			
			a.btm_site:hover{
				color: #796564;
				height: 22px;
				text-shadow: #000 0px -1px 0px;
			}
			
			
			a.btm_site span{
				float: left;
				padding-right:25px;
				display: block;
				margin-top: -9px;
				height: 31px;
				margin-left: -25px;
			} 
			
			a.btm_site{ text-shadow:none;}
			a.btm_site:hover{ text-shadow: #000 0px -1px 0px;}
	
			
			a.btm_site { 			background: url(../images/btm_site/btm_site_marron.png) no-repeat top right; }
			a.btm_site:hover { 		background: url(../images/btm_site/btm_site_marron.png) no-repeat bottom right; }
			a.btm_site span { 		background: url(../images/btm_site/btm_site_marron.png) no-repeat top left; }
			a.btm_site:hover span { background: url(../images/btm_site/btm_site_marron.png) no-repeat bottom left; }
		
		
		
	/* _________________________________________________________________________ */
	/* --------- information staff --------------------------------------------- */
			
		.staff{
			margin:auto;
			width:100%;
			
		}
		
		.staff-img{
			float:left;
			margin:auto;
			width:20%;
		}
		
		.staff-pres{
			float:left;
			margin:auto;
			padding-top:5px;
			width:80%;
			
		}
		
		.staff p, .staff h2, .staff li, .staff a.text, .staff span{
			margin:0px;
			padding:0;
			font-size: 16px;
			font-weight: normal;
			font-style:italic;
			text-transform: normal;
			letter-spacing: normal;
			line-height:18px;
			text-align:justify;
			background:none;
			border:none;
		}
		
		.staff p{
			font-size:14px;
			font-weight:bold;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.staff h2{
			font-size:16px;
			font-weight:bold;
			font-style:italic;
			color:#f7eac7;
			width:100%;
			min-height:0px;
			line-height:14px;
		}
		
		.staff span{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:18px;
			font-style:normal;
		}
		
		.staff hr{
			color: #796564;
			background-color: #796564;
			height: 1px;
			border: 0;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information blogs ------------------------------------------------------------ */
	
		.cont_blog{
			margin:auto;
			width:100%;
		}
		.cont_date{
			margin:auto;
			float:left;
			width:62px;
			height:68px;
			background: url(../images/date_blog.png) no-repeat top left;
			margin-top:25px;
			
		}
		
		.cont_post{
			margin:auto;
			float:left;
			width:518px;
			margin-left:-1px;
		}
		
		
	/* _________________________________________________________________________ */
	/* --------- information blog meta ----------------------------------------- */
			
		.cont_date h4{
			display:block;
			font-size:30px;
			font-weight:bold;
			font-style:italic;
			font-weight:bold;
			color:#f7eac7;
			padding-top:10px;
			text-align:center;
		}
		
		.cont_date span{
			display:block;
			font-size:16px;
			font-weight:normal;
			font-style:italic;
			font-weight:bold;
			color:#f7eac7;
			margin-top:-5px;
			text-align:center;
		}
		
		.cont_post .meta{
			display:block;
			height:17px;
			background-color:#6a594a;
			border-bottom:1px #786563 solid;
			margin-top:5px;
		}
		.cont_post .meta p, .entry .meta span {
			margin:0;
			padding:0;
			font-size: 10px;
			font-family: Verdana, Geneva, sans-serif;
			font-style:normal;
			line-height: normal;
			text-align:left;
			font-weight:normal;
			line-height: 16px;
			display:inline;
		}
		
		.cont_post .meta span{
			font-weight:bold;
			color:#1d1312;
			
		}
		
		.cont_post .meta .imgdate{
			margin:0 0px -4px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:16px;
		}	
		
		.cont_post h2{
			background:none;
			border:none;
			padding:0px;
			min-height:0px;
			margin:0px;
			line-height:0;
			margin-top:5px;
			margin-bottom:12px;
		
		}
		
		

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu { 
			width:220px;
			margin:auto;
			text-align:center;
		}

		.sub_menu h3 {
			margin:auto;
			display:block;
			width:100%;
			font: italic normal 18px/18px Arial, Helvetica, sans-serif;
			background: url(../images/logo.png) no-repeat right center;
			letter-spacing:1px;
			text-align:left;
			color:#f7eac7;
			padding-bottom:5px;
			border-bottom: 1px #6f5f50 dashed;
		}
		
		.sub_menu ul{
			width:100%;
			margin:auto;
			margin-bottom:30px;
			
		}
		
		.sub_menu ul li { 
			height:30px;
			width:220px;
			border-bottom:1px #6f5f50 dotted;
		}
		
		.sub_menu a, .sub_menu a.current_sub  {
			display: block; 
			color: #f7eac7;
			text-decoration:none;
			font: normal 12px/30px arial, "Times New Roman", Times, serif ;
			text-align:left;
			
		}
		
		.sub_menu a:hover{
			color: #fdf8ea;
			font-weight:normal;
			text-decoration: underline;
			border:none;
		}
		
		.sub_menu a.current_sub  {
			
			font-weight:normal;
			text-decoration: underline;
			font-weight:bold;
		}
		
		.sub_menu a.current_sub:hover{
			text-decoration: underline;
		}
		
		.sub_menu ul ul{
			width:220px;
			margin:auto;
			list-style:disc;
			color:#6f5f50;
		}
		
		.sub_menu ul ul a{
			font-size:10px;
			line-height:12px;
			background:none;
			
		}
		
		.sub_menu ul ul a:hover{
			background:none;
		}
		
		.sub_menu ul ul li { 
			height:20px;
			width:200px;
			margin-left:20px;
		}

		

		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs pub ----------------------------------------------------- */
		
		.pub, .panier  { 
			margin:auto;
			width:196px;
			min-height:118px;
			background-color:#5a4c3e;
			text-align:center;
			padding:10px;
			border: 1px #796564 solid;
			background:url(../images/gardient_marron.jpg) repeat-x top left;
			background-color:#0f0808;
		}
		
		.border{
			border:1px #2e0000 solid;
		}
		
		
		
		.corner_pub, .corner_panier{
			float:left;
			position:absolute;
			margin-left:-17px;
			margin-top:-18px;
			width:68px;
			height:68px;
					
		}
		.corner_pub{ background:url(../images/corner_pub.png) no-repeat top left;	}
		.corner_panier{ background:url(../images/corner_panier.png) no-repeat top left;	}
		
		.pub .contenus{
			margin:auto;
			min-height:39px;
			width:90%;
		}
		
		.panier .contenus2{
			margin:auto;
			min-height:39px;
			width:100%;
		}

		
		.pub p, .panier p{
			line-height:18px;
			text-align:justify;
			padding:10px 0px;
		}

		.pub a, .panier a{
			text-align:center;
			font-weight:bold;
			color:#f7eac7;
			font-style:italic;
		}
		
		.pub a:hover, .panier a:hover {
			color:#796564;
			
		}


	/* ________________________________________________________________________________________ */
	/* --------- information blocs promos -------------------------------------------------------- */

		.promos { 
			width:220px;
			margin:auto;
			min-height:216px;
			background: url(../images/fond_promotion.png) no-repeat top;
			text-align:center;
			padding:10px 0px 0px;
			margin-bottom:5px;
			margin-top:5px;
		}
		
		.promos .contenus{
			margin:auto;
			min-height:39px;
			width:85%;
		}
		
		.promos p{
			color:#2e1916;
			line-height:18px;
			text-align:justify;
			padding:5px 0px;
		}
		
		.promos h3{
			display:block;
			width:98%;
			font: italic normal 18px/18px Arial, Helvetica, sans-serif;
			color:#f7eac7;
			margin-bottom:10px;
		}
	
		.promos a{ color:#2e1916; }
		.promos a:hover{ color:#2e1916; }
		
		.keyword a{ color: #2e1916; }
		.keyword a:hover{ color:#2e1916; }
		
		#meta_sphere{
			margin:auto;
			margin-left:-15px;
			padding-right:15px;
			width:90%;
		}

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			min-height:144px;
			background: url(../images/footer.png) repeat top;
			color:#161f2a;
		}
		
		.footer .cont_footer{
			margin:auto;
			width:960px;
			padding-top:25px;
		}
		
		.footer a { 
			font-size:10px;
			color:#fff;
			text-decoration:underline;
		}
		
		.footer a:hover { 
			font-size:10px;
			text-decoration:none;
		}
		
		
		.footer_img{
			margin:auto;
			width:148px;
			height:144px;
			background:url(../images/img_footer.jpg) no-repeat bottom center;
		}
		
		
		.footer .copyright {
			margin:auto;
			width:100%;
			margin-top:10px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			color: #fff; 
		}
		
		.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;
		}
		
		
		
		.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:#2e0000;
			background-color:#f7eac7;
			border:1px #4a3533 solid;
			padding:2px 3px;
			-moz-border-radius:3px 3px 3px 3px;
			-khtml-border-radius:3px 3px 3px 3px;
			-webkit-border-radius:3px 3px 3px 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;
			border-color:#4a3533;

		}
		
		.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;

		}