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

.line{
	padding-bottom:5px;
	text-align:center;
	}
.line1{
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	}
.background-green{
	background:url(../images/charte/background1.jpg) no-repeat left top;
	width:620px;
	height:114px;
	clear:both;
	padding-left:2px;
	padding-top:8px;
	}
	.background-green p{
		text-align:justify;
		font:normal 12px Arial;
		color:#000000;
		margin-right:15px;
		line-height:15px;
		}
.background-green1{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	width:620px;
	height:156px;
	clear:both;
	padding-top:10px;
	}
	.background-green1 p{
		text-align:justify;
		font:normal 12px Arial;
		color:#000000;
		line-height:15px;
		width:130px;
		float:left; 
		}
.background-green2{
	background:url(../images/charte/background2.jpg) no-repeat left top;
	width:620px;
	height:156px;
	clear:both;
	padding-top:10px;
	}
	.background-green2 p{
		text-align:justify;
		font:normal 12px Arial;
		color:#000000;
		line-height:15px;
		}
.background-green3{
	background:url(../images/charte/background3.jpg) no-repeat left top;
	width:620px;
	height:205px;
	clear:both;
	padding-top:10px;
	}
	.background-green3 p{
		text-align:justify;
		font:normal 12px Arial;
		color:#000000;
		line-height:15px;
		}
.background-green4{
	background:url(../images/charte/background4.jpg) no-repeat left top;
	width:620px;
	height:77px;
	clear:both;
	padding-left:2px;
	padding-top:8px;
	}
	.background-green4 p{
		text-align:justify;
		font:normal 12px Arial;
		color:#000000;
		margin-right:15px;
		line-height:15px;
		}
ul.list1{
	 margin:5px 120px;
	 list-style:none;
	}
	ul.list1 li{
		color:#000000;
		font:normal 12px Arial;
		margin-top:5px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:18px;
		line-height:20px;
		}
ul.list{
	 margin:5px 60px;
	 list-style:none;
	}
	ul.list li{
		color:#000000;
		font:normal 12px Arial;
		margin-top:5px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:18px;
		line-height:20px;
		}
ul.list2{
     clear:both;
	 margin:5px 160px;
	 list-style:none;
	}
	ul.list2 li{
		color:#000000;
		font:normal 12px Arial;
		margin-top:5px;
		background: url(../images/charte/icon-list1.jpg) no-repeat left 4px;
		padding-left:18px;
		line-height:20px;
		}
ul.list3{
	 margin:5px 190px;
	 list-style:none;
	}
	ul.list3 li{
		color:#000000;
		font:normal 12px Arial;
		margin-top:5px;
		background: url(../images/charte/icon-list1.jpg) no-repeat left 4px;
		padding-left:18px;
		line-height:20px;
		}
#page-dynamic{
	float:left;
	width:600px;
	padding-left:40px;
	}
#page-dynamic1{
	background: url(../images/charte/background-contact.jpg) no-repeat right 10px;
	float:left;
	width:625px;
	padding-left:40px;
	}
.image-left{
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	}
.image-left1{
	float:left;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:5px;
	padding-top:5px;
	}
.image-right{
	float:right;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;
	}
.image-right1{
	float:right;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:3px;
	}
#fermer-link {
	color:#1A882D;
	font:normal 14px Arial;
	text-align:justify;
	}
		a#fermer-link:link, #fermer-link:visited{
				font:bold 14px Arial;
				text-decoration:underline;
				color:#1A882D;
				text-decoration:underline;
				}
		a#fermer-link:hover, #fermer-link:active{
				font:bold 14px Arial;
				text-decoration:none;
				color:#60482C;
				text-decoration:none;
				}
/*---Contact---*/
#contact_adresse{
	background:url(../images/charte/contact-bg.jpg) no-repeat left 200px;
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
#divContact{
	font:12px #333333 Arial;
	background:url(../images/charte/contact-bg.jpg) no-repeat left 130px;
	}
.label{
	width:150px;
	float:left;
	display:inline;
	clear:both;
	margin-top:7px;
	color:#333333;
	font:normal 12px arial;
	text-align:left;
	padding-left:10px;
	background-color:red;
	}
.mail_label{
	width:90px;
	float:left;
	display:inline;
	margin-top:4px;
	color:#333333;
	font:normal 12px arial;
	text-align:left;
	}
.mail_label1{
	width:33px;
	float:left;
	display:inline;
	margin-top:4px;
	color:#333333;
	font:normal 12px arial;
	text-align:left;
	}
.mail_label2{
	width:58px;
	float:left;
	display:inline;
	margin-top:4px;
	color:#333333;
	font:normal 12px arial;
	text-align:right;
	}
.mail_input{
	width:300px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.mail_input1{
	width:100px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.mail_input2{
	width:300px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.mail_input3{
	width:300px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	background:url(../images/charte/button-contact.jpg) no-repeat left top;
	width:302px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver{
	background:url(../images/charte/button-contact-over.jpg) no-repeat left top;
	width:302px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputForm1{
	background:url(../images/charte/button-contactcod.jpg) no-repeat left top;
	width:70px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver1{
	background:url(../images/charte/button-contactcod-over.jpg) no-repeat left top;
	width:70px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputForm2{
	background:url(../images/charte/button-contactadress.jpg) no-repeat left top;
	width:165px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver2{
	background:url(../images/charte/button-contactadress-over.jpg) no-repeat left top;
	width:165px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputForm3{
	background:url(../images/charte/button-contactel.jpg) no-repeat left top;
	width:101px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver3{
	background:url(../images/charte/button-contactel-over.jpg) no-repeat left top;
	width:101px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputForm4{
	background:url(../images/charte/button-contactmobile.jpg) no-repeat left top;
	width:140px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver4{
	background:url(../images/charte/button-contactmobile-over.jpg) no-repeat left top;
	width:140px;
	height:22px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputForm5{
	background:url(../images/charte/button-contact1.jpg) no-repeat left top;
	width:302px;
	height:50px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.inputFormOver5{
	background:url(../images/charte/button-contact1-over.jpg) no-repeat left top;
	width:302px;
	height:50px;
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:3px;
	}
.button{
	background:url(../images/charte/bouton.jpg) no-repeat left top;
	width:71px;
	height:25px;
	color:#378344;
	font:bold 13px Arial;
	cursor:pointer;
	margin-bottom:5px;
	border-width:0px;
	}
.buttonOver{
	background:url(../images/charte/bouton-over.jpg) no-repeat left top;
	width:71px;
	height:25px;
	color:#5fa16b;
	font:bold 13px Arial;
	cursor:pointer;
	margin-bottom:5px;
	border-width:0px;
	}
.contactText{
	font-family:Arial;
	color:#000000;
	font-size:12px;
}
.box{
	color:#00CCFF;
	}
#contact-adresse{
	background:url(../images/charte/background-adress.jpg) no-repeat left top;
	width:265px;
	height:125px;
   }
#contact-logo{
	float:left; 
	width:265px;
	}
#page-contact{ 
	width:530px; 
	height:125px; 
	margin-left:70px; 
	border:1px solid #CFBD98; 
	margin-top:10px;
	}
#table2{
	border:0;
	cellspacing:7; 
	cellpadding:1;
	margin-left:100px;
	}
#table3{
	border:0;
	cellspacing:7; 
	cellpadding:1;
	margin-left:100px;
	}
#table4{
	border:0;
	text-align:center; 
	margin-left:25px;
	}
		#table4 td{
		text-align:center;
		font:normal 12px Arial;
		color:#000000;
		margin-right:15px;
		line-height:15px;
			}
.txt{
	width:350px;
	text-align:center;
	padding-left:120px;
	}
	.page-link {
		color:#DD3F1B;
		font:bold 12px Arial;
		text-align:justify;
		float:right;
		padding-bottom:10px;
		}
		a.page-link:link, .page-link:visited{
				font:bold 12px Arial;
				text-decoration:none;
				color:#DD3F1B;
				}
		a.page-link:hover, .page-link:active{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#61C3E7;
				}