/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


	#fermer-link {
		color:#FFFF00;
		font:bold 13px Arial;
		text-align:justify;
		}
		#fermer-link:link, #fermer-link:visited{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#FFFF00;
				}
		#fermer-link:hover, #fermer-link:active{
				font:bold 13px Arial;
				text-decoration:none;
				color:#ffffff;
				}
ul.list{
	 margin:5px 10px;
	 list-style:none;
	 float:left;
	}
	ul.list li{
		color:#ffffff;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:25px;
		margin-left:30px;
		line-height:18px;
		text-align:justify;
		}
ul.list1{
	 margin:0px 10px;
	 list-style:none;
	 float:left;
	}
	ul.list1 li{
		color:#ffffff;
		font:normal 12px Arial;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:25px;
		margin-left:60px;
		margin-bottom:5px;
		line-height:18px;
		text-align:justify;
		}
ul.list2{
	 margin:5px 10px;
	 list-style:none;
	 float:left;
	}
	ul.list2 li{
		color:#ffffff;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:25px;
		line-height:18px;
		text-align:justify;
		}

.line{
	padding-bottom:10px;
	padding-top:10px;
	text-align:right;
	padding-right:14px;
	clear:both;
	}

#photo-accueil {
	width:80px;
	float:left;
	margin-right:15px;
	margin-left:100px;
}
#photo-accueil img{
	border:2px solid #ffffff;
}
	
.background{
	width:324px;
	height:108px;
	background:url(../images/charte/background.jpg) no-repeat left top;
	text-align:center;
	padding:2px 2px 10px 0px;
	float:left;
	}
	#contenuTexte .background p{
		font:normal 12px Arial;
		color:#0D3E08;
		text-align:center;
	}
.background1{
	width:290px;
	height:139px;
	background:url(../images/charte/background2.jpg) no-repeat left top;
	text-align:center;
	padding:2px 2px 10px 0px;
	}
	#contenuTexte .background1 p{
		font:normal 12px Arial;
		color:#0D3E08;
		text-align:center;
		line-height:12px;
	}
.txt{
	background:#3FB025; 
	border:2px solid #B3F58C;
	padding-top:5px;
	}
.txt1{
	background:#3FB025; 
	border:2px solid #B3F58C;
	padding:10px;
	}
.txt2{
	padding-top:8px; 
	padding-left:80px;
	}
.txt3{
	padding-top:5px; 
	padding-left:90px;
	}
.txt4{
	padding-top:15px; 
	padding-left:90px;
	}
.txt5{
	float:left;
	width:45px; 
	padding-top:30px;
	}
.txt6{
	padding-left:50px; 
	padding-top:5px;
	}
.txt7{
	float:left;
	width:300px; 
	padding-top:40px;
	padding-right:20px;
	}
.txt8{
	float:left;
	width:310px; 
	padding-right:20px;
	}
.txt9{
	float:left;
	width:310px; 
	padding-right:20px;
	padding-top:50px;
	}
.txt10{
	padding-top:15px; 
	}
.txt11{
	padding-top:8px; 
	text-align:center;
	}
.txt12{
	float:left;
	width:300px; 
	padding-top:60px;
	padding-right:20px;
	}
.icon-left{
	float:left;
	padding-left:80px;
	padding-right:15px;
	width:24px;
	}
.image-left{
	float:left;
	padding-right:10px;
	width:150px;
	}
.image-left1{
	float:left;
	width:150px;
	}
.image-right{
	float:right;
	clear:both;
	padding-top:5px;
	padding-left:10px;
	}
.bg-text{
	background-color:#45A316; 
	border:2px solid #B3F58C;
	}
.bg-text1{
	background-color:#45A316; 
	border:2px solid #B3F58C;
	margin-top:15px;
	}
.bg-text2{
	background-color:#359220; 
	height:29px; 
	border-bottom:1px solid #2B7C19; 
	font:bold 1.8em Arial; 
	color:#ffffff; 
	}
.bg-title{
	float:left; 
	width:520px;
	padding-left:10px;
	}
.bg-title1{
	width:625px;
	padding-top:5px;
	text-align:center;
	}
.text-title{
	padding:10px 10px 0px 10px;
	text-decoration:underline;
	}
.text-box{
	padding-left:25px; 
	padding-right:10px;
	}
.background3{
	width:290px;
	height:139px;
	background:url(../images/charte/background3.jpg) no-repeat left top;
	text-align:center;
	padding:2px 2px 10px 0px;
	}
	#contenuTexte .background3 p{
		font:normal 12px Arial;
		color:#0D3E08;
		text-align:center;
		line-height:12px;
	}
.background4{
	width:324px;
	height:108px;
	background:url(../images/charte/background4.jpg) no-repeat left top;
	text-align:center;
	padding:2px 2px 10px 0px;
	}
	#contenuTexte .background4 p{
		font:normal 12px Arial;
		color:#0D3E08;
		text-align:center;
		line-height:12px;
	}
.text-page{
	padding-left:30px;
	}
.diaporama-right{
	text-align:center;
	padding-bottom:5px;
	}
	
	
	
/*---contact---*/	
#box{
	margin-left:30px;
	}
#contact_adresse p{
	color:white;
	}
.mail_label{
	width:75px;
	float:left;
	display:inline;
	clear:both;
	margin-top:4px;
	color:#fff;
	font:normal 12px arial;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:150px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	border:1px solid #297718;
	background-color:#B3F58C;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.inputFormOver{
	border:1px solid green;
	background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.button{
	border:1px solid #4C9343;
	background-color: #286A20;
	width:65px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}
.buttonOver{
	border:1px solid #69A162;
	background-color: #78D058;
	width:65px;
	color:#131414;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}

/*---OUVRAGES---*/
.evenement{
	width:625px;
	margin-top:10px;
	float:left;
	background-color:#45A316; 
	border:2px solid #B3F58C;
	}
.titre{
	background-color:#359220; 
	border-bottom:1px solid #2B7C19; 
	padding-left:5px;
	clear:both;
	height:45px;
}

.image-thumb{
	margin-top:5px;
	width:120px;
	height:120px;
	float:left;
	margin-left:5px;
	}
.descriptif{
	padding:5px;
	float:left;
	text-align:justify;
	font:normal 12px Arial;
	color:#fff;
	width:485px;

	}
	
.descriptif1{
	padding:5px;
	float:left;
	text-align:justify;
	font:normal 12px Arial;
	color:#fff;
	width:615px;

	}