@charset "utf-8";

/* CSS Document */
body{color:#344702;font-family: verdana, arial, sans-serif; font-size:12px;line-height: 1.5;}}	
li {list-style:none;}
a { color:#344702;}
h1{font-size:18px; clear:both;}
h1 a{text-decoration:none;}
h2{font-size:16px}
h3{font-size:14px}
#en_tete{ width:950px; margin:auto;}
img{border:0}

.menu{ height:24px;	background:url(../images/menu_03.jpg) repeat-x; border-left:1px solid #a8b876;	border-right:1px solid #a8b876;}
.menu td a{text-decoration:none; padding-left:6px; padding-right:6px;}
.menu a:hover{ color:#a8d40a;}

.logo{width:470px; height:164px;border:0px solid #F00;}	
.logo img{ border:none;}	

.bannerpub{width:470px;border:0px solid #000;margin-left:5px; margin-top:25px;}	
.bannerpub img{ border:0px solid #6e990a;}			

#global{background-color:#f3f8e4; width:950px; margin:auto;}

.menutop{ height:30px; width:950px; margin:auto; margin-bottom:15px; background:url(../images/menutop.jpg) repeat-x;}
.menutop td a{ text-decoration:none; padding-left:10px; padding-right:10px;}
.menutop .lien:hover, .menutop .visited{ margin-left:4px; margin-right:4px; background:url(../images/menutophover_07.jpg) repeat-x ;}

.left{ float:left;}
.menuleft{ width:160px; border:1px solid #a8b876; background:url(../images/menu.jpg) repeat-y;	margin-bottom:10px;}	
.menuleft li { display:inline-block; margin-left:-35px; background:url(../images/li_15.jpg) center bottom no-repeat; margin-bottom:3px;
	padding-bottom:5px; list-style:none; width:150px;}
.menuleft a {text-decoration:none; padding-bottom:3px; margin-bottom:3px; margin-left:10px; font-weight:700}	
.menuleft a:hover{ text-decoration:underline; color:#a8d40a;}	 

.leftside { width:160px; border:1px solid #a8b876; margin-bottom:10px; padding-bottom:10px }
.leftside img { border:none;}
.leftside p, h1, h2{padding-right:3px; padding-left:3px}

.content { float:left; margin-left:3px; 	width:480px; border:1px #cdb99f solid; margin-bottom:10px; }
.content img { border:none; }
.choix { background:#efeda3; width:470px; margin:auto; margin-top:10px; margin-bottom:10px; border:1px solid #cfb47d; padding-bottom:30px; }	

.item { width:440px; margin:auto; border-top:1px solid #cdb27b; clear:both;}		
.item img { float:left; padding:3px; }

.pubcontent { width:470px; margin:auto;	margin-bottom:15px; text-align:center}

.temoignages { margin:auto; width:470px;	margin-bottom:10px; background-color:#bdc886;padding-bottom:20px;}	
.temoignages h1 {padding-bottom:4px;	color:#FFF; display:block; background-color:#5a8409;  padding-left:5px}
.temoignages h1 a{color:#FFF;}
.temoignages p { padding-left:5px}
.temoignages ul li {list-style:circle;}
.temoignages td span{	padding-bottom:4px;	color:white; text-align:center;}		
/* .temoignages a { text-decoration:underline;}	 */
.temoignages a:hover { text-decoration:none;}

/* RIGHt SIDE */
.right {	float:right; width:300px; /*border:1px #cdb99f solid;*/}
.rightside {margin:auto; clear:both}
.right a {font-weight:700; text-decoration:underline}
.right a:hover { text-decoration:none;}

.rightside img{border:none;}
.rightside h1 {text-align:center; color:white; background:url(../images/hotline.jpg) no-repeat; padding-top:0px; margin-bottom:0px;}	
.rightside h2 {text-transform:uppercase; font-size:18px;}
.rightside div.item { width:287px; margin:auto; margin-top:0px; margin-bottom:10px; border:solid 1px #90bc0b; padding:0 5px 5px 5px}	
.rightside div p{ padding:4px;}
.rightside h1, .rightside h1 a{text-decoration:none; color:#FFF}


 
.placerannonce {	width:300px; height:100px; margin:auto; margin-top:10px; background:url(../images/pub_40.jpg) center no-repeat;}
.placerannonce p {padding-top:25px; padding-left:80px; font-weight:bold}
.placerannonce a {text-decoration:none}

/* ######### CSS pour Shade Tabs. */

.shadetabs{ padding:3px 0; margin-left:0; margin-top:1px; margin-bottom:0; list-style-type:none; text-align: left;}
.shadetabs li{ display: inline;margin:0; }
.shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #808080;
	color: #344702; background: white url(../images/dynamo_11.jpg) top left repeat-x; background-color: #efeda3;}

.shadetabs li a.selected{ background-image: url(../images/dynamo_12.jpg); border-bottom-color:#efeda3;}
.shadetabs li a.selected:hover{ text-decoration: none;}
.tabcontent{ display:none; padding-bottom:5px}
@media print { 
	.tabcontent { display:block !important;}
}

.tabcontentstyle{ border: 1px solid #cfb47d; width: 450px; margin-bottom: 1em; padding: 10px;}
.dynamique{ width:470px; margin:auto;  background:#efeda3;}	
/*.dynamique div{ background:#efeda3; }	 */

/*****fin du shade tabs****/
#pied_de_page{ width:100%; background:#5a8509; height:60px;	clear:both; }	
.pdp{margin:auto; width:800px; text-align:center;}	  
.clearer {width:0; height:0; padding:0; margin:0; clear:both; border:0}
.news-single-item img{float:left; margin:10px}

/* form elements */
form { margin:0px;  padding: 0 0px;}
fieldset  {border:0}
label { font-weight:normal; margin:5px 0;}
input { padding:2px; border:1px solid #333; font: normal 1em Verdana, sans-serif; display:block;}
input.csc-mailform-radio {display:display:-moz-inline-box;display:inline-block; margin-right:5px;border:0}
span.csc-mailform-radio {margin:5px 0}
span.csc-mailform-radio label {margin:0;}
input.button { margin: 0; border: 3px solid #333;  padding: 2px 3px;}
legend {display:none; position:absolute; left:-10000; top:-10000}
textarea { padding:2px; font-family: Verdana, sans-serif; border:1px solid #333; display:block; }

dd {clear:both}