/* ________________________________________________________________________________________ */
/* --------- 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.png) repeat top;
		color:#505050;
	}
	
	.motif{
		background:url(../images/fond-repeat.jpg) 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 15px 4px;
		font-size: 12px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#f2f2f2;
		border: solid 1px #03375d;
		margin:5px;
		cursor: pointer;
		background:url(../images/fond_bouton.png) repeat-x top;
		height: 22px;
		-moz-border-radius:5px 5px 5px 5px;
		-khtml-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
		-moz-box-shadow: 0px 0px 4px #555; 
		-webkit-box-shadow: 0px 0px 4px #555; 
		box-shadow: 0px 0px 4px #555; 


		
	}
	  
	input[type=button]:hover{
		background:url(../images/fond_bouton_hover.png) repeat-x top;
		-moz-box-shadow: 0px 0px 4px #4b880b; 
		-webkit-box-shadow: 0px 0px 4px #4b880b; 
		box-shadow: 0px 0px 4px #4b880b; 
		
		
	}
	
	a {
		color: #4b880b;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
	}

	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:960px;
	}
	
	.cont_header{
		margin:auto;
		width:100%;
		height:181px;
	}
	
	.header .cont_slogan{
		margin:auto;
		height:105px;
	}

	
	.header .cont_menu{
		margin:auto;
		width:100%;
		height:76px;
		
	}
	
	.header .slogan_1{
		font-family: Cambria, serif;
		font-size: 20px;
		font-style: italic;
		font-weight: bold;
		line-height: 1.5em;
		color:#4b880b;
		padding-top:18px;
		padding-left:44px;
		margin-bottom:24px;
		max-width:290px;
		
	}
	
	.header .fond_slogan_2{
		color:#ffffff;
		width:626px;
		height:26px;
		background:url(../images/fond_slogan.png) no-repeat center;
	}
	
	.header .slogan_2{
		padding:6px;
		
		font-size: 14px;
		font-style:italic;
		font-weight: bold;
		text-align:justify;
		
		color:#ffffff;
		
	}


	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
	ul.nav {
		padding: 0px;
		margin: 0px 0;
		list-style: none;
		padding-left:45px;
		padding-top:23px;
		clear: left;
	}
	
	ul.nav li {
		float: left;
	}
	
	ul.nav li a {
		float: left;
		text-decoration: none;
		color: #000;
		height:26px;
		padding:0 10px;
		margin:0 3px;
		font-weight:bold;
		font-size:12px;
		background:none;
		line-height:23px;

	}
	
	ul.nav li a:hover {
		color: #c8ff00;
		background: url(../images/menu_hover.jpg) no-repeat top right;
	}
	
	ul.nav li a.current {
		padding-left:10px;
		color: #c8ff00;
		background: url(../images/menu_hover.jpg) no-repeat top right;
	}
	
	ul.nav li a.current span {
		position:absolute;
		margin-top:-13px;
		margin-left:-27px;
		height: 52px;
		width:43px;
		background: url(../images/menu_current.png) no-repeat top left;
	}
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information warper ----------------------------------------------------------- */
		
		.wrapper{
			margin:auto;
			width:100%;
			min-height:800px;
			margin-top:7px;
			background: url(../images/fond_content.jpg) repeat-y top center;
		}
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{
			margin:auto;
			margin-top:15px;
			margin-bottom:15px;
		}

		.post h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			font-style:italic;
			color:#4b880b;
			padding-left:24px;
			min-height:24px;
			line-height:20px;
			padding-top:5px;
			background: url(../images/logo_titre_post.jpg) no-repeat top left;
		}
		
		.post .entry{
			border:1px #FFF solid;
			padding:10px;
			-moz-border-radius:5px 5px 5px 5px;
			-khtml-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			-moz-box-shadow: 0px 0px 4px #555; 
			-webkit-box-shadow: 0px 0px 4px #555; 
			box-shadow: 0px 0px 4px #555; 
		}
		
		
		.gradient_court{
			min-height:79px;
			background: url(../images/gradient_court.jpg) repeat-x top center;
			background-color:#d5d5d5;
		}
		
		.gradient_long{
			min-height:173px;
			background: url(../images/gradient_long.jpg) repeat-x top center;
			background-color:#d5d5d5;
		}

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

	
		a.btm_site {
			float: left;
			text-decoration: none;
			color: #d5d5d5;
			padding: 9px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_site.jpg) no-repeat top right;
		}
		
		a.btm_site:hover{
			color: #e7e4df;
			background: url(../images/btm_site_hover.jpg) no-repeat top right;
		}
		
		a.btm_site span {
			float: left;
			padding-right: 26px;
			display: block;
			margin-top: -9px;
			height: 31px;
			background: url(../images/btm_site.jpg) no-repeat top left;
		
		}
		
		a.btm_site:hover span{
			background: url(../images/btm_site_hover.jpg) no-repeat top 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;
		}
		
		.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:#4b880b;
			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: #bebebd;
			background-color: #bebebd;
			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:452px;
		}
		
		
	/* _________________________________________________________________________ */
	/* --------- information blog meta ----------------------------------------- */
			
		.cont_date h4{
			display:block;
			font-size:30px;
			font-weight:bold;
			font-style:italic;
			font-weight:bold;
			color:#d3d2d2;
			padding-top:10px;
			text-align:center;
		}
		
		.cont_date span{
			display:block;
			font-size:16px;
			font-weight:normal;
			font-style:italic;
			font-weight:bold;
			color:#d3d2d2;
			margin-top:-5px;
			text-align:center;
		}
		
		.cont_post .meta{
			display:block;
			height:17px;
			background-color:#d9d9d9;
			border-bottom:1px #c2c2c2 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:#4b880b;
			
		}
		
		.cont_post .meta .imgdate{
			margin:0 0px -4px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:16px;
		}	
		
		.cont_post h2{
			background:none;
			padding:0px;
			min-height:0px;
			margin:0px;
			line-height:0;
			margin-bottom:12px;
		
		}
	
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu { 
			width:251px;
			margin:auto;
			text-align:center;
			background: url(../images/fond_submenu.jpg) no-repeat top; 
			min-height:205px;
		}
		

		.sub_menu h3 {
			display:block;
			width:141px;
			padding-left:110px;
			padding-top:20px;
			text-align:left;
			margin:auto;
			color:#4b880b;
			font-size:20px;
			font-style:italic;
			font-family:Arial, Helvetica, sans-serif;
		
		
		}

		.sub_menu a, .sub_menu .current_sub a {
			display: block; 
			color: #414141;
			padding: 3px 15px; 
			text-decoration:none;
			text-align:left;
			vertical-align:baseline;
			font-weight:normal;
			direction:ltr;
			background: url(../images/picto_sub_menu.png) no-repeat; 
			line-height:12px;
		}
		
		.sub_menu .current_sub  a {
			color: #4b880b;
			text-decoration: none;
			background: url(../images/picto_sub_menu_hover.png) no-repeat;
			

		}
		.sub_menu a:hover { 
			color: #4b880b;
			text-decoration: none;
			background: url(../images/picto_sub_menu_hover.png) no-repeat; 
		}
		
		.sub_menu ul{
			width:150px;
			padding-left:90px;
			
			margin:auto;
			margin-top:10px;
		}
		
		
		.sub_menu ul li { 
			height:20px;
		}
		
		.sub_menu ul ul{
			width:165px;
			padding-left:0px;
			margin:auto;
			
			margin-bottom:5px;
		}
		
		.sub_menu ul ul a{
			font-size:10px;
			line-height:10px;
			background:none;
		}
		
		.sub_menu ul ul a:hover{
			background:none;
		}
		
		.sub_menu ul ul li { 
			height:15px;
		}

		
		
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top;
			width:251px;
			height:249px;
			
		}
		.slider_up{
			position:absolute;
			float:left;
			z-index:10;
			width:251px;
			height:249px;
			margin-left:14px;
			background:url(../images/slider_up.png) no-repeat top;
		}
		

		.gallerybg {
			height:249px;
			padding:0 0 0 0;
		}
		
		.sliderbg{
			width:210px;
			height:226px;
			padding-left:41px;
			padding-top:23px;
			
			
		}
		
		.stepcarousel{
			
			position: relative; /*leave this value alone*/
			overflow: hidden; /*leave this value alone*/
			width: 167px; /*Width of Carousel Viewer itself*/
			height: 173px; /*Height should enough to fit largest content's height*/
			
		
		}
		
		.stepcarousel .belt{
			z-index:5;
			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: 254px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs pub ----------------------------------------------------- */
		
		.pub, .panier  { 
			width:200px;
			margin:auto;
			background-color:#d5d5d5;
			text-align:center;
			padding:10px;
			border: 1px solid #fff;
			-moz-box-shadow: 0px 0px 4px #555; 
			-webkit-box-shadow: 0px 0px 4px #555; 
			box-shadow: 0px 0px 4px #555; 
		}
		
		.panier{
			width:240px;
		}
		
		.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;	}
		
		.corner_pub_bottom{
			float:left;
			position:absolute;
			width:66px;
			height:53px;
			margin-left:150px;
			margin-top:-38px;
			background:url(../images/corner_pub_bottom.png) no-repeat bottom right;			
		}
		
		.corner_panier_bottom{
			float:left;
			position:absolute;
			width:66px;
			height:53px;
			margin-left:190px;
			margin-top:-38px;
			background:url(../images/corner_pub_bottom.png) no-repeat bottom right;			
		}

		
		
		.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:#161f2a;
			font-style:italic;
		}
		
		.pub a:hover, .panier a:hover {
			color:#4b880b;
			
		}


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

		.promos { 
			width:220px;
			margin:auto;
			min-height:216px;
			background: url(../images/fond_promotion.jpg) no-repeat top;
			text-align:center;
			padding:20px 0px 0px;
			margin-bottom:5px;
			margin-top:5px;
		}
		
		.promos .contenus{
			margin:auto;
			min-height:39px;
			width:85%;
		}
		
		.promos p{
			color:#161f2a;
			line-height:18px;
			text-align:justify;
			padding:5px 0px;
		}
		
		.promos h3{
			display:block;
			width:98%;
			font-size:16px;
			font-weight:normal;
			color:#FFF;
			margin-bottom:10px;
		}
		
		.promos a{ color:#1a2633; }
		.promos a:hover{ color:#38475b; }
		
		.keyword a{ color: #4b880b; }
		.promos a:hover{ color:#333; }
		
		#meta_sphere{
			margin:auto;
			margin-left:-15px;
			padding-right:15px;
			width:90%;
		}

	
	
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			min-height:144px;
			background-color:#4b880b;
			color:#161f2a;
		}
		
		.footer a { 
			font-size:10px;
			color:#fff;
			text-decoration:underline;
		}
		
		.footer a:hover { 
			font-size:10px;
			text-decoration:none;
		}
		

		.haut_footer{
			margin:auto;
			width:100%;
			background:url(../images/haut_footer.jpg) repeat-x top;
			height:36px;
		}
		
		.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:#4b880b;
			background-color:#f2f2f2;
			border:1px #333 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:#03375d;

		}
		
		.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;
			-moz-box-shadow: 0px 0px 2px #4b880b; 
			-webkit-box-shadow: 0px 0px 2px #4b880b; 
			box-shadow: 0px 0px 2px #4b880b; 

		}