/* 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";
a:focus{
  outline: none;
}


.invisible
{
	display:none;
}
.txtorange{
	color:#e05805;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.bg-text{
  background: url(../images/text-bg.gif) no-repeat left top;
  width: 450px;
  height: 89px;
  padding-top: 35px;	
  text-align:center;
  margin-top: 5px;
  margin-bottom: 5px;
}
  .bg-text p{
    padding-left: 20px;
  }
ul.list{
	 		padding:0px 10px;
			list-style:none;
			float:left;
		 	}
		ul.list li{
			color:#000000;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
			text-align:left;
			margin-top:3px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:18px;
			}
ul.list1{
	 		padding:0px 80px;
			list-style:none;
			float:left;
      width: 460px;
		 	}
		ul.list1 li{
			color:#504F4F;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list2.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:18px;
			}
ul.list2{
	 		padding-top:0px;
      padding-left:80px;
			list-style:none;
			float:left;
      width: 150px;
		 	}
		ul.list2 li{
			color:#504F4F;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list2.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:18px;
			}
ul.list3{
	 		padding-top:0px;
      padding-left:5px;
			list-style:none;
			float:left;
      width: 150px;
		 	}
		ul.list3 li{
			color:#504F4F;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list2.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:18px;
			}
ul.list4{
	 		padding:0px 10px;
			list-style:none;
			float:left;
		 	}
		ul.list4 li{
			color:#000000;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;
			text-align:justify;
			margin-top:3px;
			background: url(../images/charte/icon-list1.jpg) no-repeat left 2px;
			padding-left:20px;
			line-height:18px;
			}
.page-link {
		color:#FF8503;
		font:normal 11px Arial;
		text-align:justify;
		}
		.page-link:link, .page-link:visited{
				font:normal 11px Arial;
				text-decoration:none;
				color:#FF8503;
				}
		.page-link:hover, .page-link:active{
				font:normal 11px Arial;
				text-decoration:underline;
				color:#FF8503;
				}
.mentions-link {
		color:#FA9819;
		font:bold 10px Arial;
		text-align:justify;
		}
		.mentions-link:link, .mentions-link:visited{
				font:bold 10px Arial;
				text-decoration:underline;
				color:#FA9819;
				}
		.mentions-link:hover, .mentions-link:active{
				font:bold 10px Arial;
				text-decoration:none;
				color:#987E5D;
				}
.savoir-title1{
  text-align:center;
  float: left;
  padding-left: 150px;
}
.savoir-title2{
  padding-left:110px;
  float: left;
}
.savoir-image2{
  text-align:left;
}
.savoir-text0{
  text-align:center;
  color:#A7856C;
  font-weight:bold;
  width:420px;
  padding-left: 35px;
}
.savoir-text1{
  font-weight: bold;
  color: #EBA010;
  float: left;
  padding-right:5px;
}
.bg-text0{
  background: url(../images/charte/bg-text1.gif) no-repeat left top;
  width:83px;
  height: 41px;
  float: left;
  padding-top: 0px;
  text-align: center;
  margin-right: 5px;
}
.bg-text1{
  background: url(../images/charte/bg-text2.gif) no-repeat left top;
  width:362px;
  height: 70px;
  float: left;
  padding-top: 0px;
  text-align: left;
  margin-right: 5px;
  padding-left: 5px;
}
.icon-list1{
  float:left;
  padding-top:12px;
  padding-right:6px;
  padding-left: 20px;
}
.icon-list2{
  float:left;
  padding-top:2px;
  padding-right:6px;
  padding-left: 20px;
}
.savoir-colleft{
  padding-top:10px;
  float:left;
  width:480px;
}
.text{
  background: url(../images/charte/icon-list2.jpg) no-repeat 5px 5px;
}
  .text span{
    padding-left:18px;
  }
.text-col0{
  float:left;
  width:115px;
  margin-left:2px;
}
.text-col{
  float:left;
  width:115px;
}

.text-col1{
  float:left;
  width:117px;
}
.savoir-bgleft{
    width:470px;
    height: 493px;
  	background:url(../images/charte/savoir-image1.jpg) no-repeat left top;
}
.bg-savoir{
  	background:url(../images/charte/bg-page2.gif) no-repeat left top;
    width: 960px;
    height: 483px;
    padding-right: 10px;
    padding-top: 20px;
}
.services-title1{
  text-align:center;
  float: left;
  padding-left: 290px;
}

.coll3{width: 300px; float: left; margin-right: 15px;}

.coll{float: left; padding-right: 23px;}

.enveho{
  float: right;
	width: 550px;
	padding: 0px 34px 0px 0px;
}

.enveho p{
  /*color:#89ae0c;*/
}



/*actualites*/

.actualites-box{
	margin: 0px 0px 25px 0px;
	width:920px;
	border:1px solid #5F8D96;
}
.actualites-box2{
	margin: 0px 0px 25px 0px;
	width:920px;
	border:1px solid #5F8D96;
}
.actualites-title{
	border-bottom:1px solid #5F8D96;
	width:915px;
	height:25px; 
	float:left; 
	padding-top:5px; 
	padding-left:5px; 
	margin-bottom:5px;
	background-color:#f993e0;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	}
.actualites-title2{
	border-bottom:1px solid #5F8D96;
	width:915px;
	height:25px;
	float:left;
	padding-top:5px;
	padding-left:5px;
	margin-bottom:5px;
	background-color:#f993e0;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	}
.actualites-img{
	float:left; 
	margin:5px; 
	cursor: pointer; 
	border:2px solid #5F8D96; 
	padding:1px;
	}
.actualites-text{
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	}
.actualites-text2{
	padding-left:5px;
	padding-right:5px;
	padding-bottom: 3px;
	text-align:justify;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	line-height: 25px;
	}
.actualites-textright{
	float:left; 
	padding-top:2px; 
	padding-right:5px;
	}
	
/*contact*/
.bg-contact{
	background:url(../images/charte/bg-contact.jpg) no-repeat left top;
	width:302px;
	height:45px;
	padding-top:40px;
	margin-top:50px;
	margin: auto;
}
	.bg-contact p{
		padding-top:50px;
		font-family:Arial;
		font-size:13px;
		color:#888686;
		font-weight:bold;
		text-align:center;
	}
#contact-plan{
	width:302px;
	height:168px;
	margin: auto;
	}
#divContact{
	font:normal 12px Arial;
	color:#000000;
	}
	#divContact table{
		font:normal 12px Arial;
		color:#000000;
		clear:both;
		width:300px;
		}
	#divContact td{
		font:normal 12px Arial;
		color:#000000;
		clear:left;
		border:none;
		}
	#text-contact{
		font:normal 8px Arial;
		color:#000000;
		background-color:#CFE7B0;
		clear:left;
		border:none;
		}
	#divContact lable{
		font:normal 12px Arial;
		color:#000000;
		}
#table-contact{
	border:1px solid #A6A6A6;
	background-color: #EFEFEF;
/*  margin-bottom:30px;*/
	}
label{
	width:100px;
	float:left;
	display:inline;
	clear:both;
	color:#ABDE00;
	font:bold 12px Arial;
	text-align:left;
	padding-left:35px;
	padding-top:5px;
	}
.mail_label{
	width:150px;
	float:left;
	display:inline;
	clear:both;
	color:#000000;
	font:normal 12px Arial;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:130px;
	float:left;
	color:#000;
	}
.inputForm{
  border:1px solid #A6A6A6;
	background-color:#9FCE00;
	width:230px;
	font:normal 12px Arial;
	color:#000000;
	margin-top:5px;
	}
.inputFormOver{
  border:1px solid #A6A6A6;
	background-color:#F7D910;
	width:230px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	margin-top:5px;
	}
.button{
	border:1px solid #555454;
	background-color: #404040;
	width:75px;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:5px;
	margin-top:10px;
	}
.buttonOver{
	border:1px solid #D55D16;
	background-color: #F76C19;
	width:75px;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:5px;
	margin-top:10px;
	}