@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/diaporama.css");
@import url("/skin/skin_default/nousjoindre.css");
@import url("/skin/skin_default/recherche.css");
@import url("/skin/skin_default/vegetaux.css");
@import url("/skin/skin_default/emploi.css");
@import url("/skin/skin_default/onparledenous.css");
@import url("/skin/skin_default/chronique.css");
@import url("/modules/actualites/module.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #9ba341;
	color: #42321a;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#top{
	background: #7d872d;
}
	#top div{
		width: 920px;
		margin: 0 auto;
		text-align: right;
		padding: 5px 15px;
	}
	#top ul,
	#top ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: inline;
		font-size: 10px;
	}
	#top ul li{
		
	}
	#top ul li a{
		color: #FFFFFF;
		text-decoration: none;
		background: url(/images/points-vertical.gif) right top repeat-y;
		padding-right: 10px;
		margin-right: 5px;
	}
	#top ul li a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
		#top input{
			border: none;
			background: #FFFFFF;
			color: #767a4a;
			padding: 2px 5px;
			font-size: 10px;
		}

#main{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0px;
}

#flashHeader{
	padding: 2px;
	background: #c3d030;
}

#logos{padding: 16px; margin:0 auto; width:950px; text-align:justify;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

a{
	color: #fffc00;
	text-decoration: none;
}
a:hover{
	color: #fffc00;
	text-decoration: underline;
}

.lienpoesie{
	margin-left:25px;
	
}
form{
	margin: 0px;
	padding: 0px;
}
img{border: none;}

a.btn input{
	background: #bbc35c;
	color: #333333;
	border: 1px solid #899521;
	border-top-color: #dadf99;
	border-left-color: #dadf99;
	padding: 3px 8px;
	cursor: pointer;
	font-size: 14px;
}
a:hover.btn input{
	background: #5d651a;
	color: #c1c88e;
	border: 1px solid #34390f;
	border-top-color: #a4a97f;
	border-left-color: #a4a97f;
}
#top a.btn input{
	background: #9ba341;
	color: #333333;
	border: 1px solid #5e6811;
	border-top-color: #c7cc81;
	border-left-color: #c7cc81;
	padding: 1px 2px;
	cursor: pointer;
	font-size: 10px;
}
#top a:hover.btn input{
	background: #5d651a;
	color: #bbbe9f;
	border: 1px solid #222803;
	border-top-color: #9aa04d;
	border-left-color: #9aa04d;
}

div.sptools{
	float: right;
	padding: 20px 0px 0px 0px;
	width: 400px;
}



	div.sptools ul{float: right;}
	div.sptools ul,
	div.sptools ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 10px;
	}
	div.sptools ul li{display: inline;}
	div.sptools ul li a{
		float: left;
		padding: 5px;
		margin: 0px 10px 0px 0px;
	}
	div.sptools ul li a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	div.sptools ul li a.add{padding-left: 16px; background: url(/images/icon-set.gif) 0px 7px no-repeat;}
	div.sptools ul li a:hover.add{padding-left: 16px; background: url(/images/icon-set.gif) 0px -33px no-repeat;}
	
	div.sptools ul li a.del{padding-left: 16px; background: url(/images/icon-set.gif) 0px -353px no-repeat;}
	div.sptools ul li a:hover.del{padding-left: 16px; background: url(/images/icon-set.gif) 0px -393px no-repeat;}
	
	div.sptools ul li a.voir{padding-left: 16px; background: url(/images/icon-set.gif) 0px -433px no-repeat;}
	div.sptools ul li a:hover.voir{padding-left: 16px; background: url(/images/icon-set.gif) 0px -473px no-repeat;}
	
	div.sptools ul li a.clear{padding-left: 16px; background: url(/images/icon-set.gif) 0px -513px no-repeat;}
	div.sptools ul li a:hover.clear{padding-left: 16px; background: url(/images/icon-set.gif) 0px -553px no-repeat;}
	
	div.sptools ul li a.print{padding-left: 16px; background: url(/images/icon-set.gif) 0px -73px no-repeat;}
	div.sptools ul li a:hover.print{padding-left: 16px; background: url(/images/icon-set.gif) 0px -113px no-repeat;}
	
	div.sptools ul li a.back{padding-left: 16px; background: url(/images/icon-set.gif) 0px -273px no-repeat;}
	div.sptools ul li a:hover.back{padding-left: 16px; background: url(/images/icon-set.gif) 0px -313px no-repeat;}

#popFeuilleHolder{position:absolute;left:0%;}
#popFeuille{position:fixed;width:100%;height:100%;left:0%;}


/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}

/*************** LIGHTBOX ***************/
#overlay{background: #5d651a;}
#imageDataContainer,
#outerImageContainer{background: #c3d030;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/lb-prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/lb-next.gif) right 15% no-repeat;}
#imageData #bottomNavClose img{display: none;}
#imageData #bottomNavClose{
	background: url(/images/fr/lb-close.gif) 0px 0px no-repeat;
	width: 94px;
	height: 27px;
}
#imageData #bottomNavClose:hover{
	background: url(/images/fr/lb-close.gif) 0px -73px no-repeat;
}
#loadingLink{display: none;}
#loading{
	background: url(/images/lb-loading.gif) center no-repeat;
}
#imageDetails{}

#imageData #caption{
	color: #FFFFFF;
	font: bold 13px/14px Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	display: block;
}
#imageData #numberDisplay{color: #f3f6d6;}

.noScreen{
	display: none;
}

#alert{position: relative;}
	#alert div{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 500px;
		background: #b7c056;
		border: 1px solid #8c942a;
		padding: 10px;
		font-size: 13px;
	}

table.form em{
	font: bold 12px "Courier New", Courier, monospace;
	color: #d1df38;
}
table.form em{padding: 0px 0px 0px 6px;}

table.form th{
	padding: 20px 0px 5px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #7d872d;
}
table.form td{
	padding: 10px 10px 0px 0px;
}
table.form input{
	border:1px solid #7d872d;
	padding:2px 4px 4px 4px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#split{width: 938px; padding: 0px 6px 20px 6px;}
	#split #menul{
		width: 220px;
		float: left;
	}
	#split #printp{
		width: 688px;
		float: right;
	}
	#split #printp h1,
	#split #printp h2,
	#split #printp h3,
	#split #printp h4,
	#split #printp h5,
	#split #printp h6,
	#split #printp p{
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#split #printp h2,
	#split #printp h4{
		padding-bottom: 10px;
	}
	
	#texteFooter{
		font-size:9px;
		color:#525915;
		line-height:14px;
		width:950px;
		margin:0 auto;
		text-align:justify;
	}
	#texteFooter a{
		color:#525915;
		font-weight:bold;
	}
/***************************** page concours ***********************************************/
div#concours_holder{overflow:hidden;}
div#concours_holder ul{
	list-style:none;
}
ul#concours_img{
	overflow:hidden;
	margin:0;
	padding:0;
}
ul#concours_img li{
	float:left;
	width:160px;
	margin:0px 10px;
	border:5px solid #fff;
}
ul#concours_img li span{
	display:block;	
	width:160px;
	height:240px;
	background-position:center center;
	cursor: pointer;
}

ul#concours_img li span strong{
	display:block;	
	float:left;
	background:#7d872d;
	width:36px;
	height:36px;
	color:#e6e420;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}


div#answer{
	overflow:hidden;
	padding:10px 0 30px 0;
	}
	
div#answer span.btn,
div#coord span.btn{
	display:block;
	padding:10px 0px;
	margin-top:10px;
	clear:both;
}
div#answer span.btn a,
div#coord span.btn a{
	float:right
}
	
	
div#answer form{}
div#answer form input[type=text]{
	width:32px;	
	height:32px;
	padding:0;
	margin:0 0px 0 0;
	border:3px solid #7d872d;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:32px;
	text-align:center;
	color:#5d651f;
	float:left;
}
div#answer form input[type=text].wrong{
	border:3px solid #900;
}
div#answer form input[type=text].good{

}
div#answer ul{padding:10px 0 0;overflow:hidden;margin:0px;}
div#answer ul li{
	float:left;
	margin:0px 10px 10px;
	width:295px;
	padding:0 0 8px;
	border-bottom:1px solid #889034;
}
div#answer ul li span{
	display:block;
	width:240px;
	float:right;
	font-size:12px;
}
div#answer ul li span i{
	font-weight:bold;
}

div#msg{overflow:hidden;padding:20px 0 0px;border-top:1px solid #889034;}
div#msg p{padding-left:10px;}


div#coord{overflow:hidden;padding:0px 0 60px;}
div#coord form{ overflow:hidden;}
div#coord form div{
	display:block;
	width:455px;
	overflow:hidden;
	margin:5px 10px;
	float:left;
}

div#coord form div div{
	display:block;
	float:none;
	width:455px;
	overflow:hidden;
	margin:10px 0;
}
div#coord form em{
	color: #D1DF38;
    font: bold 12px "Courier New",Courier,monospace;
	padding:0 0 0 6px;
}
div#coord form label{
	width:150px;
	float:left;
	text-align:right;
}
div#coord form #divCalcCha{
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
}
div#coord form #divCalcCha label{
	width:100%;
	display:block;
	text-align:left;
}
div#coord form #divCalcCha span{
	float:left;
}
div#coord form #divCalcCha input{
	float:left;
}
div#coord form div input{
	float:left;
	width:200px;
	margin:0 0 0 5px;
    border: 1px solid #7D872D;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
    padding: 2px 4px 4px;
}
div#coord form input#math{
	width:20px;
}
div#coord form span.btn{
	padding:20px 10px;
	clear:both;
	display:block;
	overflow:hidden;
}

#concours_holder a.avis-concours{
	position:absolute;
	top:50px;
	right:10px;
}

#accept-email {
	padding:0 0 0 100px;
}

#accept-email #emailOk {
	width:20px;
	border:none;
}

#accept-email label.emailOk {
	width:300px;
	text-align:left;
	margin:0 0 0 10px;
}

/****************************************PAGES CHRONIQUES*****************************************/
.ul_chron {
	float:left;	
	list-style-type:none;
	margin-top:12px;
}

.ul_chron li {
	margin-bottom:20px;
	background:url(/images/fleche.gif) left no-repeat;	
}

.ul_chron li a {
	margin-left:10px;	
}

.accueil_img_chron {
	float:left;
	margin-left:30px;
}

.accueil_img_chron img.chron_second {
	width:290px;
	height:193px;
	margin-top:20px;
	margin-left:20px;
	border:2px solid #c0ce30;
}

.accueil_img_chron img.chron_first {
	width:128px;
	height:193px;
	margin-top:20px;
	margin-left:15px;
	border:2px solid #c0ce30;
}

.accueil_img_chron img.chron_third {
	width:126px;
	height:193px;
	margin-top:20px;
	margin-left:20px;
	border:2px solid #c0ce30;
}

.clearboth {
	clear:both;	
}

.link-clear {
	clear:right;	
}

.link-clear a {
	margin-right:20px;	
	margin-left:5px;
}

.link-marg {
	float:left;	
}

.link-marg a {
	margin-right:40px;	
	margin-left:5px;
}

#chron .float-marg {
	margin-left:20px;
	float:left;
}

.float-left {
	float:left;	
}

#chron {
	width:310px;
	float:right;
	margin-right:20px;
}

.div_chron {
	float:left;
	height:170px;
	margin-right:14px;
	padding-bottom:20px;	
}

.div_chron img {
	border:1px solid #7d872d;	
}

.div_chron .txt_img_chron {
	width:150px;
	color:#fffc00;
	line-height:12px;	
}

.nbveg {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style:italic;
}

.imgchrontxt img {
	margin-right:15px;	
}

.linetrough {
	text-decoration:line-through;	
}

.chron-txt {
	float:left;
	width:560px;
}

.hrflashinfo {
	width:294px;
	margin-left:620px;
	height:0px;
	float:left;	
}

.flashinfo {
	margin-left:207px;	
}