/* ________________________________________________________________________________________ */
/* --------- 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.jpg) repeat-x top;
		background-color:#ffffff;
		color:#414853;
	}
	
	.total {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:url(../images/charolais.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: #d5d5d5;
		border: solid 1px #bc5266;
		margin:5px;
		cursor: pointer;
		background:url(../images/fond_bouton.jpg) 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;
	}
	  
	input[type=button]:hover{
		background:url(../images/fond_bouton_hover.jpg) repeat-x top;
		border: solid 1px #c96979;
	}
	
	a {
		color: #860f1a;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
		color: #860f1a;
	}

	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:960px;
	}
	
	.cont_header{
		margin:auto;
		width:100%;
		height:238px;
		
	}
	
	.cont_menu{
		margin:auto;
		width:100%;
		height:33px;
		padding-top:8px;
	}
	
	.logo{
		margin:auto;
		height:185px;
		background:url(../images/logo.png) no-repeat top;
		
	}
	
	.header .cont_slogan{
		margin:auto;
		float:left;
	}
	
	.header .slogan_1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:26px;
		color:#d5d5d5;
		font-weight:bold;
		font-style:italic;
		text-align:left;
		vertical-align:bottom;
		height:35px;
		padding-top:60px;
		
	}
	
	.header .slogan_2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ecc9cb;
		font-weight:bold;
		text-align:left;
	}
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
	
	ul.nav {
		padding: 0px;
		margin: 0px 0;
		list-style: none;
		float: left;
		clear: left;
	}
	
	ul.nav li {
		float: left;
	}
	
	ul.nav li a {
		float: left;
		text-decoration: none;
		color: #d5d5d5;
		padding: 4px 14px 0 0;
		margin-right: 8px;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		background: url(../images/nav.jpg) no-repeat top right;

	}
	
	ul.nav li a span {
		float: left;
		padding-right: 32px;
		display: block;
		margin-top: -4px;
		height: 24px;
		background: url(../images/nav.jpg) no-repeat top left;
	}
	
	ul.nav li a:hover {
		color: #d5d5d5;
		background: url(../images/nav_hover.jpg) no-repeat top right;
	}
	
	ul.nav li a:hover span {
		background: url(../images/nav_hover.jpg) no-repeat top left;
	}
	
	ul.nav li a.current {
		background: url(../images/nav_hover.jpg) no-repeat top right;
		color: #d5d5d5;
	}
	
	ul.nav li a.current span {
		background: url(../images/nav_hover.jpg) no-repeat top left;
	}


	
	
	/* ________________________________________________________________________________________ */
	/* --------- information slider ----------------------------------------------------------- */
	
		.slider{
			margin:auto;
			background:url(../images/slider.png) no-repeat top;
			width:100%;
			height:148px;
			margin-top:10px;
		}
		

		.gallerybg {
			height:170px;
			padding:0 0 0 0;
		}
		
		.sliderbg{
			width:171px;
			height:114px;
			padding-top:12px;
			padding-left:37px
		}
		
		.stepcarousel{
			position: relative; /*leave this value alone*/
			overflow: hidden; /*leave this value alone*/
			width: 208px; /*Width of Carousel Viewer itself*/
			height: 126px; /*Height should enough to fit largest content's height*/
			margin:0px 0px 0 0px;
		}
		
		.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 warper ----------------------------------------------------------- */
		
	
		.wrapper{
			margin:auto;
			width:960px;
			background:url(../images/fond_wrapper.jpg) repeat-y top center;		
		}
		
		.footer_wrapper{
			margin:auto;
			width:960px;
			height:1px;
			background-color:#9c0b01;
		}
		
		
		
		
		

		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post{
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			background-color:#a3a09e;
			padding:1px;
		}
		
		.entry{
			background-color:#e2dddc;
			border:1px #ffffff solid;
			padding:22px;
		}
		
		
		.post .news_post{
			float:right;
			position:absolute;
			margin-left:507px;
			width:72px;
			height:72px;
			background:url(../images/news_cont.png) no-repeat top right;			
		}
		
		.post .gal_cont{
			float:right;
			position:absolute;
			margin-left:567px;
			width:72px;
			height:72px;
			background:url(../images/gal_cont.png) no-repeat top right;			
		}

		

		.entry h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			font-style:italic;
			color:#000;
		}
		
		
		.entry p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7f7d78;
			padding:5px 0px;
			text-align:justify;
			line-height:18px;
		}
		.entry ul{
			list-style:outside;
			margin-left:20px;
			padding:0;
			line-height:14px;
		}
		
		.entry ul ul{
			list-style:outside;
			margin:0;
			padding:0;
			margin-left: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: 4px 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: 32px;
			display: block;
			margin-top: -4px;
			height: 24px;
			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 blogs ------------------------------------------------------------ */
	
		.cont_blog{
			margin:auto;
			width:100%;
		}
		.cont_date{
			margin:auto;
			float:left;
			width:100px;
			height:73px;
			margin-top:10px;
			background: url(../images/date_blog.jpg) no-repeat top left;
		}
		
		.cont_post{
			margin:auto;
			float:left;
			width:540px;
		}
		
		
	/* _________________________________________________________________________ */
	/* --------- information blog meta ----------------------------------------- */
			
		.cont_date h4{
			display:block;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#d3d2d2;
			padding-top:44px;
			padding-left:14px;
		}
		
		.entry .meta{
			display:block;
			height:17px;
			background-color:#f4c8d0;
			border-bottom:1px #939192 dotted;
		}
		.entry .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;
			color:#000;
			display:inline;
		}
		
		.entry .meta span{
			font-weight:bold;
			color:#860f1a;
			border-bottom:1px #939192 dotted;
		}
		
		.entry .meta .imgdate{
			margin:0 0px -4px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:16px;

		}
		
	/* _________________________________________________________________________ */
	/* --------- 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-family: Cambria, serif;
			font-weight: normal;
			font-style:italic;
			text-transform: normal;
			letter-spacing: normal;
			line-height:18px;
			text-align:justify;
		}
		
		.staff p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#860f1a;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		.staff h2{
			display:block;
			width:100%;
			font-size: 18px;
			font-weight: bold;
		}
		
		.staff span{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7f7d78;
			line-height:18px;
			font-style:normal;
		}
		
		.staff hr{
			color: #a3a09e;
			background-color: #a3a09e;
			height: 1px;
			border: 0;

		}
		
	

	/* ________________________________________________________________________________________ */
	/* --------- information sub menu --------------------------------------------------------- */
		
		.sub_menu { 
			width:100%;
			margin:auto;
			
		}
		
		
		.sub_menu h3 {
			display:block;
			width:100%;
			font-size: 14px; 
			font-style:italic;
			color:#860f1a;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			padding-bottom:15px;
			margin-left:8px;
			text-align:left;
		}

		.sub_menu a, .sub_menu .current_sub  a {
			display: block; 
			color: #333;
			border: none; 
			padding: 5px 0 5px 20px; 
			text-decoration:none;
			text-align:justify;
			vertical-align:baseline;
			direction:ltr;
			background: url(../images/picto_sub_menu.png) no-repeat; 
			line-height:12px;
			
		}
		
		.sub_menu .current_sub  a {
			color: #860f1a;
			text-decoration:underline;
			background: url(../images/picto_sub_menu_hover.png) no-repeat; 
			
		}
		.sub_menu a:hover { 
			text-decoration: underline;
			color: #860f1a;
			background: url(../images/picto_sub_menu_hover.png) no-repeat; 

		}
		
		.sub_menu ul{
			list-style:none;
		}
		
		.sub_menu ul li { 
		}

		
		.sub_menu ul ul{
			list-style:none;
			margin-left:15px;
			
			
		}
		
		.sub_menu ul ul li a{
			font-size:10px;
			font-weight:normal;
			padding: 2px 0 3px 15px; 
			line-height:12px;
			background: url(../images/picto_subsub.png) no-repeat; 
		}
		
		.sub_menu ul ul li a:hover{
			background: url(../images/picto_subsub.png) no-repeat; 
		}
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information keyword --------------------------------------------------------- */
		
		.keyword { 
			width:90%;
			margin:auto;
			margin-left:9px;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
			
			background-color:#6d0801;
			border:1px solid #b64e49;
			text-align:center;
			padding:10px 0px;
			margin-top:10px;
			margin-bottom:10px;
		}
		
		
		.keyword h3 {
			font-size: 14px; 
			color:#ffffff;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: #000000 2px 2px 5px;
			text-align:center;
		}

		.keyword a{
			display: block; 
			color: #ce6b66;
			border: none; 
			padding: 5px; 
			text-decoration:none;
			text-align:center;
			vertical-align:baseline;
			line-height:12px;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
		}
		
		#meta_sphere{
			margin:auto;
			width:100%;
			background:none;
		}

		
		

		
	/* ________________________________________________________________________________________ */
	/* --------- information blocs promos ----------------------------------------------------- */
		
		.pub { 
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			width:220px;
			background: url(../images/centre_pub.jpg) repeat-y center;
		}
		
		.pub .head_pub{
			margin:auto;
			width:100%;
			min-height:106px;
			background: url(../images/header_pub.jpg) no-repeat top;
		}
		
		.pub .footer_pub{
			margin:auto;
			width:100%;
			height:20px;
			background: url(../images/footer_pub.jpg) no-repeat bottom;
		}
		
		.pub .contenus{
			margin:auto;
			width:85%;
		}
		
		.pub p{
			color:#cac4c8;
			line-height:18px;
			text-align:justify;
			padding:5px 0px;
		}
		
		.titre_pub{
			font-size: 14px; 
			color:#ffffff;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: #000000 2px 2px 5px;
			text-align:center;
		}
		
		.pub a{
			color:#fff;
			
		}
	/* ________________________________________________________________________________________ */
	/* --------- information blocs pub -------------------------------------------------------- */

		.promos { 
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			width:220px;
			background: url(../images/center_promos.jpg) repeat-y center;
		}
		
		.promos .head_promos{
			margin:auto;
			width:100%;
			height:71px;
			background: url(../images/header_promos.jpg) no-repeat top;
		}
		
		.promos .footer_promos{
			margin:auto;
			width:100%;
			height:39px;
			background: url(../images/footer_promos.jpg) no-repeat bottom;
		}
		
		.promos .contenus{
			margin:auto;
			width:85%;
		}
		
		.promos p{
			color:#242240;
			line-height:18px;
			text-align:justify;
		}
		
		.promos h3{
			font-size: 14px; 
			color:#ffffff;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			text-shadow: #000000 2px 2px 5px;
			padding-top:8px;
			text-align:center;
			
		}
		

	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			background-color:#5b0509;
			color:#9897b9;
		}
		
		.footer a { 
			font-size:10px;
			color:#fff;
		}
		
		.footer a:hover { 
			font-size:10px;
			color:#e3e7ed;
		}
		

		.haut_footer{
			margin:auto;
			width:100%;
			padding-top:75px;
			background:url(../images/footer.jpg) repeat-x top;
			height:150px;
		}
		
		
		.footer .copyright {
			margin:auto;
			width:100%;
			text-align:center;
			margin-top:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			color: #e3e7ed; 
		}
		
		.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:#860f1a;
			background-color:#e4ddda;
			border:1px #860f1a 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;
		}