/* 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;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
/*#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
*/

.line{
	padding-bottom:10px;
	padding-top:10px;
	text-align:right;
	padding-right:14px;
	clear:both;
	}
.line1{
	padding-bottom:10px;
	padding-top:10px;
	text-align:right;
	padding-right:25px;
	clear:both;
	}
.image-right{
	float:right;
	clear:both;
	padding-top:5px;
	padding-left:10px;
	}



	#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.png) no-repeat left 1px;
		padding-left:25px;
		margin-left:30px;
		line-height:18px;
		text-align:justify;
		}
ul.list1{
	 margin:5px 10px;
	 list-style:none;
	 float:left;
	}
	ul.list1 li{
		color:#ffffff;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.png) no-repeat left 1px;
		padding-left:25px;
		margin-left:10px;
		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-list1.png) no-repeat left 1px;
		padding-left:25px;
		margin-left:2px;
		line-height:18px;
		text-align:justify;
		}
ul.list3{
/*	 margin:5px 10px;
*/	 list-style:none;
	 float:left;
   padding-left: 35px;
   padding-bottom: 5px;
   padding-top: 5px;
	}
	ul.list3 li{
		color:#ffffff;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list1.png) no-repeat left 1px;
		padding-left:25px;
		margin-left:2px;
		line-height:18px;
		text-align:justify;
		}
.title{
	border:2px solid #80BC6C;
	width:426px; 
	margin-top:10px; 
	height:29px;
	}
.title1{
	width:190px;
	border:2px solid #80BC6C;
	margin-top:10px;
	}
.title2{
	width:200px;
	border:2px solid #80BC6C;
	margin-top:10px;
	}
.title3{
	width:205px; 
	margin-top:10px; 
	height:29px;
	}
.bg-text{
	background:#B3020D; 
	border:2px solid #80BC6C;
	padding:10px 5px 5px 5px;
	}
.bg-text0{
	background:#B3020D;
	border:2px solid #80BC6C;
	padding:0px 5px 5px 5px;
	float:left;
  }
.bg-text1{
	background:#B3020D;
	border:2px solid #80BC6C;
	padding:10px 5px 5px 5px;
	float:left;
	}
.bg-text2{
	background:#B3020D; 
	border:2px solid #80BC6C;
	padding:10px 10px 5px 10px;
	float:left;
	width:170px;
	}
.bg-text3{
	background:#B3020D; 
	border:2px solid #80BC6C;
	padding:10px 10px 5px 10px;
	float:left;
	width:170px;
	}
	.bg-text3 {
		color:#ffffff;
		font:normal 12px Arial;
		padding-bottom:15px;
	}
.bg-text4{
	background:#B3020D; 
	border:2px solid #80BC6C;
	width:426px;
	}
		.bg-text4 p{
			color:#ffffff;
			font:normal 12px Arial;
			padding-left:22px;
			padding-top:10px;
			}
#bg-text-contact{
	background:#B3020D; 
	border:2px solid #80BC6C;
	padding:2px 2px 0px 2px;
	width:192px;
	margin-right:10px;
	}
	#bg-text-contact p{
		text-align:center;
    line-height: 13px;
		}
.txt{
	float:left;
	width:42px;
	padding-top:80px; 
	}
.bg{
	width:194px;
	float:left;
	}
.bg1{
	width:200px;
	float:left;
	}
.bg2{
	width:194px;
	float:left;
  padding-left: 120px;
	}

/*---contact---*/	
#box{
	margin-left:0px;
	}
#contact_adresse p{
	color:white;
	}
.mail_label{
	width:85px;
	float:left;
	display:inline;
	clear:both;
	margin-top:4px;
	color:#ffffff;
	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:#9FD58E;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
.inputFormOver{
	border:1px solid green;
	background-color:#82C46C;
	width:200px;
	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: #9FD58E;
	width:65px;
	color:#AC0104;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}
.background{
	width:220px;
	height:108px;
	background:url(../images/charte/background.jpg) no-repeat left top;
	text-align:center;
	padding:2px 2px 10px 0px;
	}
	#contenuTexte .background p{
		font:normal 12px Arial;
		color:#0D3E08;
		text-align:center;
	}
#text-contact{
	text-align:center;
	}
	#text-contact p{
	text-align:center;
	}
	
/*---galery---*/	
#text-page{
	font: normal 12px Arial;
	color:#ffffff;
  }
.image-galery{
	float:left; 
	width:120px; 
	height:150px; 
	border:2px solid #F6E25A; 
	margin-left:10px; 
	margin-top:10px; 
	margin-bottom:10px;
	background-color:#AC0104;
	}
.gallery-title{
	background-color:#F2EF9B; 
	border-top:2px solid #F6E25A; 
	height:33px; 
	font:bold 12px Arial; 
	color:#AC0104;
	}
.gallery-article{
	font:bold 12px Arial; 
	color:#ffffff; 
	margin-top:10px; 
	line-height:18px; 
	padding-left:10px;
	}
.page{
	font:bold 12px Arial;
	color:#ffffff;
	clear:both; 
	margin-top:10px;
  }
.article-image{
	border:1px solid #FA86B4; 
	float:left; 
	margin-right:10px;
	margin-top:5px;
	}
.article-text{
	font:normal 12px Arial;
	color:#ffffff;
	text-align:justify;
	line-height:18px;
	}