@charset "utf-8";
/* CSS Document */
a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #00a0c6; text-decoration: underline;}
a:active { color: #00a0c6; text-decoration: underline;}

body {
	background-color:#eae6da;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color: #514a4a;
	}

img {
	border: 0;
	}
	
/********************************************/
/* Conteneurs généraux */
/********************************************/
	
	#global {
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	padding:0;
	text-align: left;
	width: 990px;
	position:relative;
	}

#HtPage {
	width:990px;
	margin:0;
	padding:0;
	float:left;
	height:127px;
	background-color: transparent;
	background-image: url(images/accroche.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#BlocLogo {
	background:transparent url(images/emplacement_logo.gif) left top no-repeat;
	width:239px;
	height:127px;
	margin:0;
	padding:0;
	float:left;
	}
	
#EmplacementLogo {
	margin: 45px 0 0 20px;
	}
	
#Contenu {
	width: 990px;
	margin: 0;
	padding: 0;
	float:left;
	position:relative;
	}

#Flash {
	float:left;
}	

#Qui {
	background:#fff url(images/photos_prestations.jpg) left top no-repeat;
	width:620px;
	float:left;
	padding:30px 100px 0px 270px;
	margin:0;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	}	
	#Qui a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}
	
	#Technologie{
	background:#fff url(images/photos_contact.jpg) left top no-repeat;
	width:620px;
	float:left;
	padding:30px 100px 0px 270px;
	margin:0;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	}	
	#Technologie a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}
	
	#Options {
	background:#fff url(images/photos_qui.jpg) left top no-repeat;
	width:620px;
	float:left;
	padding:30px 100px 0px 270px;
	margin:0;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	}	
	#Options a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}
	
	

#AdresseBDP {
	width: 990px;
	text-align:center;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
	float:left;
	}
	#AdresseBDP a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}
	
	#liensSites {
	margin-left:auto;
	margin-right:auto;
	margin-top: 2px;;
	padding:0;
	text-align: left;
	width: 990px;
	position:relative;
	}
	#liensSites a {color: #5ea623; text-decoration:underline;}
	
	#lien {
	margin-left:auto;
	margin-right:auto;
	margin-top: 2px;;
	padding:0;
	text-align: left;
	width: 990px;
	position:relative;
	}
	#lien a {color: #5ea623; text-decoration:underline;}

/********************************************/
/* Rubriques */
/********************************************/


#Accueil {
	background:#fff url(images/photos_accueil.jpg) left top no-repeat;
	width:485px;
	height: 350px;
	float:left;
	padding:100px 265px 0 240px;
	margin:0;
	}	
	#Accueil a {
	color: #5ea623; font-weight: bold; text-decoration:none;
	}
	#Accueil .Adresse {
	color:#463d3d;
	line-height:16px;
	padding: 5px 0 0 290px;
	}
	#Accueil .AdresseWeb {
	font-size:16px;
	color:#5ea623;
	line-height:50px;
	text-decoration: none;
	}
	
	#Flash {
	width: 452px;
	height: 60px;
	top:300px;
	left:0;
	position:absolute;
}	

#txtbas {
	width: 264px;
	height: 139px;
	margin:0;
	padding:0;
	position:absolute;
	top: 304px;
	left: 466px;
	}
	
#References{
	background:#fff url(images/photos_references.jpg) right top no-repeat;
	width:670px;
	float:left;
	padding:30px 230px 0 90px;
	margin:0;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	}	
	#References a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}

#Departements {
	width: 246px;
	height: 246px;
	margin:0;
	padding:0;
	position:absolute;
	right: 1px;
	top: 191px;
	}
	#Departements img {
		margin:0 0 0 5px;
	}
	
	#couple {
	width: 246px;
	height: 246px;
	margin:0;
	padding:0;
	position:absolute;
	right: 1px;
	top: 250px;
	}
	#couple img {
		margin:0 0 0 5px;
	}

#Contact{
	background:#fff url(images/photos_contact.jpg) left top no-repeat;
	width:670px;
	float:left;
	padding:30px 90px 0 230px;
	margin:0;
	min-height: 456px;
	height: auto !important;
	height: 456px;
	}	
	#Contact a {
	color: #5ea623; font-weight: bold; text-decoration:underline;
	}
	#Contact .TableContact {
	width:300px;
	padding:1px;
	}
	#Contact .TableContact th {
	text-align:left;
	font-weight:bold;
	color: #5ea623;
	margin:1px;
	}
	#Contact .TableContact td {
	color:#54705e;
	font-weight:normal;
	margin:1px;
	}
	#Contact .Champs {
	color: #514a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	#Contact .Message {
	color: #5ea623;
	margin-left:30px;
	}


/********************************************/
/* Classes */
/********************************************/
	
.titre1 {
	border-bottom: 1px solid #d8dadb;
	font-size: 30px;
	line-height:26px;
	color: #5ea623;
	font-weight: bold;
	margin: 0;
	padding: 10px 30px 0 0;
	display:block;
	width:58%;
}
	
.titre2 {
	border-bottom: 1px solid #d8dadb;
	font-size: 15px;
	color: #5ea623;
	font-weight: bold;
	margin: 0;
	padding: 10px 30px 0 0;
	display:block;
	width:90%;
}

.Vert {
	color:#5ea623;
	}
	
.Gris {
	color:#d8dadb;
	}	

.TxtJustifie {
	text-align:justify;
	}

.TxtCentre {
	text-align:center;
	}
	
.ClearBoth {
	clear: both;
	}