/* CSS Document */

/* HEADER */

.zone-header{
	width:699px;
	height:277px;
	background-image:url(images/metiers/header-visuel.jpg);
	background-repeat:no-repeat;
	float:left;
}

.menu{
	width:654px;
	height:40px;
	margin-top:237px;
	float:left;
}

.zone-ss-menu{
	float:left;
	width:677px;
	height:5px;
}

.fleche-blanche{
	width:45px;
	height:52px;
	float:left;
}

/* ACTIVITE */
.zone-derniere-realisation{
	width:276px;
	height:233px;
	background-image:url(images/accueil/bg_realisation.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#CFCFCF;
	float:left;
}

.separation-realisation-actualites{
	width:276px;
	height:12px;
	background-image:url(images/accueil/separation_rea-actu.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#CFCFCF;
	float:left;
}

.titre-activite{
	margin-top:20px;
	margin-left:5px;
	margin-bottom:5px;
}

/* ACTUALITES */
.zone-actualites{
	width:276px;
	height:197px;
	background-color:#03182B;
	float:left;
}

.titre-actualites{
	margin-top:28px;
	margin-left:8px;
	margin-bottom:18px;
}

/* DEVIS */

.zone-titre-devis{
	width:699px;
	height:40px;
	background:url(images/mentions/titre-demande-devis.gif) bottom no-repeat;
	float:left;
}

/* CONTACT */

.zone-titre-contact{
	width:699px;
	height:40px;
	background:url(images/mentions/titre-nous-contacter.gif) bottom no-repeat;
	float:left;
	
}

.zone-contenu-contact{
	width:659px;
	height:338px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}

.separation-ligne-bleu{
	width:384px;
	height:1px;
	margin-top:5px;
	margin-bottom:15px;
	background-color:#0EAFE4;
}

.separation-ligne-noir{
	width:232px;
	height:1px;
	margin-top:5px;
	margin-bottom:10px;
	background-color:#000000;
}

/* MENTIONS */

.zone-titre-mentions{
	width:699px;
	height:40px;
	background:url(images/mentions/titre-mentions-legales.gif) bottom no-repeat;
	float:left;
}

.zone-contenu-mentions{
	width:659px;
	height:338px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}

/* PLAN DU SITE */

.zone-titre-plan{
	width:699px;
	height:40px;
	background:url(images/mentions/titre-plan-site.gif) bottom no-repeat;
	float:left;
}

.zone-contenu-plan{
	width:659px;
	height:338px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}

.separation-ligne-bleu{
	width:384px;
	height:1px;
	margin-top:5px;
	margin-bottom:15px;
	background-color:#0EAFE4;
}

.separation-ligne-noir{
	width:232px;
	height:1px;
	margin-top:5px;
	margin-bottom:10px;
	background-color:#000000;
}

/* REALISATIONS */

.zone-realisations{
	width:276px;
	height:442px;
	background-color:#03182B;
	float:left;
}

.titre-realisations{
	margin-top:28px;
	margin-left:8px;
	margin-bottom:18px;
}

.texte-realisations{
	width:240px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}	

.cadre-realisation{
	width:240px;
	height:85px;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
}

.puce-blanc{
	margin-top:1px;
	margin-right:5px;
}

.bouton-en-savoir-plus{
	float:right;
	margin-top:9px;
}

.vignette-realisation{
	border:#FFFFFF solid 3px;
	float:left;
}