body{
	width:100%;
	margin:0px;
	padding:0;
	color: #063a5e;
	background:#f3fbfe;
	font-family: Verdana;
	font-size:11px;
}

.banniere{height:147px; /*background:url('../images/banHaut.jpg') top no-repeat;*/}

.page{
	width:955px;
	margin:0 auto 0 auto;
	height:100%;
	border-left:1px solid #dff0fa;
	border-right:1px solid #dff0fa;
	height:auto;
	min-height:600px;
	background:#FFF url('../images/bg_page.gif') center top repeat-y;
}

.logo{margin:1px 0 0 0;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.contenu{width:783px; float:left; padding:10px 0 0 0;}

.colGauche{float:left; width:160px; margin-right:12px;}

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px;}
.imgD{float:right; margin-left:10px;}

.borderD{
	border-left:1px solid #dff0fa;
	border-top:1px solid #dff0fa;
	border-bottom:1px solid #dff0fa;}
	
.borderG{
	border-right:1px solid #dff0fa;
	border-top:1px solid #dff0fa;
	border-bottom:1px solid #dff0fa;}

.blocPrincipal{
	width:742px;
	margin-top:20px;
	min-height:300px;
	background:#FFF;
	border-left:1px solid #dff0fa;
	border-top:1px solid #dff0fa;
	padding:8px 20px;
}	
	
/****************************** MENU  ***********************************/

.colGauche a span{width:107px; text-align:right; background:#646466; border:1px solid #b1b1b1; padding:3px; display:block;}
.colGauche a,.colGauche a:visited{display:block; color:#FFF; font-size:11px; margin:18px 3px; padding:8px 0; font-family:Arial;}
.colGauche a:hover span, .colGauche #courante span{background:#f3fbfe; border:1px solid #dbedf7; color:#646466; cursor:pointer;}

.menu1{background:url('../images/fleche1.gif') right no-repeat;}
.menu2{background:url('../images/fleche2.gif') right no-repeat;}
.menu3{background:url('../images/fleche3.gif') right no-repeat;}
.menu4{background:url('../images/fleche4.gif') right no-repeat;}
.menu5{background:url('../images/fleche5.gif') right no-repeat;}
.menu6{background:url('../images/fleche6.gif') right no-repeat;}
.menu7{background:url('../images/fleche7.gif') right no-repeat;}
.menu8{background:url('../images/fleche8.gif') right no-repeat;}

#courante.menu1{background:url('../images/fleche1H.gif') right no-repeat;}
#courante.menu2{background:url('../images/fleche2H.gif') right no-repeat;}
#courante.menu3{background:url('../images/fleche3H.gif') right no-repeat;}
#courante.menu4{background:url('../images/fleche4H.gif') right no-repeat;}
#courante.menu5{background:url('../images/fleche5H.gif') right no-repeat;}
#courante.menu6{background:url('../images/fleche6H.gif') right no-repeat;}
#courante.menu7{background:url('../images/fleche7H.gif') right no-repeat;}
#courante.menu8{background:url('../images/fleche8H.gif') right no-repeat;}

.imgTel{margin:0 0 20px 20px;}

/****************************** ACCUEIL  ********************************/

.dernReal{width:460px; float:left;}

.vignReal{
	border:1px solid #d8d8d8;
	margin:10px 0;
	padding-bottom:9px;
}

.vignReal p{padding:2px 6px;}

.imgReal{width:142px; height:143px; text-align:center; float:left; border:1px solid #d8d8d8; margin:6px  0 6px 6px; line-height:142px;}
.imgReal img{vertical-align:middle;}
.imgReal .plus{position:relative; margin:-23px 1px 0 0; float:right;}


.presAccueil{float:right; width:271px;}
.presAccueil .texte{padding:9px 0;}

.savoirPlus span{width:74px; text-align:center; background:#646466; border:1px solid #b1b1b1; padding:0px; display:block;}
.savoirPlus,.savoirPlus:visited{display:block; color:#FFF; font-size:9px; margin:10px 0; padding:10px 0; font-family:Arial; width:100px;}
.savoirPlus:hover span{background:#f3fbfe; color:#646466; cursor:pointer;}

.savoirPlus{background:url('../images/bg_savoirPlus.gif') right no-repeat;}

/****************************** PRESENTATION  ******************************/

.slogan{font-size:14px; text-align:right; margin:15px 0 4px 0; padding:0 0 10px 80px; border-bottom:1px solid #646464; color:#f28f00;}

.gauchePres{float:left; width:340px;}
.gauchePres img{float:left; margin:8px; border:1px solid #646464; padding:1px;}
.droitePres{float:right; width:380px;}
.droitePres .texte{padding:10px 0; line-height:16px;}

.tablePres tr td{ border:1px solid #646464; vertical-align:top; height:56px; color:#FFF;}

/****************************** PROJET  ******************************/

.orangeProj, .vertProj, .bleuProj{
	float:left; padding:8px; font-size:14px; font-weight:bold;
	width:520px;
	text-align:justify;
	margin:20px 0 10px 0;
}

.orangeProj{color:#ec6a1c;}
.vertProj{color:#7a9c12;}
.bleuProj{color:#005fa3;}


/****************************** REALISATIONS  ******************************/

.menuReal{
	width:782px;
	height:200px;
	border-left:1px solid #dff0fa;
	border-top:1px solid #dff0fa;
	border-bottom:1px solid #dff0fa;
	background:#FFF;
}

.listProd{width:674px !important; width:664px; float:left; overflow:hidden; height:194px; padding:0 0 6px 4px; background:url('../images/bg_listProd.jpg') top left repeat-y;}

.unProd{
	float:left;
	background:#FFF;
	width:87px;
	height:87px;
	margin:7px 5px 6px 4px !important;
	margin:7px 2px 6px 4px;
	text-align:center;
	line-height:87px;
}

.unProd img{vertical-align:middle;}

	/***** FICHE PRODUITS */
				
	.ficheProd{
		float:left; 
		width:272px;
		margin-right:10px;
	}
				
	.ficheProd .texte b{color:#9ec014;}
				
	.blocProd{border:1px solid #d8d8d8; width:302px; float:left; margin-right:10px; padding:10px 0;}
	.blocProd .imgProd{width:300px; height:260px; line-height:260px; text-align:center;}
	.blocProd .imgProd img{vertical-align:middle;}

	.imgProdMini{float:right; padding:3px 0; border:1px solid #d8d8d8; margin-bottom:10px; height:138px; width:144px; text-align:center; line-height:138px;}
	.imgProdMini img{vertical-align:middle;}

	.blocProd .titreProd{margin:10px 10px 0 10px; color:#636466; background:#f3fbfe; padding:4px; border:1px solid #dff0fa; font-size:11px; font-style:italic;}

/************************************* DEVIS  ********************************/

.tableDevis{font-size:11px; border-collapse:collapse; margin:10px 0;}
.tableDevis tr td{border-bottom:1px dashed #646464; padding:3px 0;}
.tableDevis tr td b{color:#006cb4; }

/************************************* GALERIE  ********************************/

.menuGalerie{
	width:782px;
	height:200px;
	border-left:1px solid #dff0fa;
	border-top:1px solid #dff0fa;
	border-bottom:1px solid #dff0fa;
	background:#FFF;
}

.listGalerie{width:501px; float:left; height:192px; padding:4px 20px; background:url('../images/bg_listGalerie.jpg') top left repeat-y;}
.listGalerie div{width:165px; float:left;}
.listGalerie div label{display:block; margin-top:4px; color:#FFF; font-weight:bold; font-family:Arial;}

.blocGalerie{float:right; width:225px; margin:5px 8px 0 0 !important; margin:5px 4px 0 0;}
.blocGalerie .texte b{color:#f39300;}

.imgGalerie{
	display: block;
	float: left;
	width:121px;
	height:80px;
	line-height:80px;
	padding:3px 0;
	margin:10px 0 0 20px;
	text-align: center;
	border:1px solid #D8D8D8;
}

.imgGalerie img{vertical-align:middle;}

/************************************* CALENDRIER  **********************************/

.titreCal{background:url('../images/fleche8H.gif') right no-repeat; text-align:right; padding:10px 40px; color:#c01621; clear:both; margin:10px 0; font-size:15px; text-transform:uppercase;}

.tableCal{float:right; margin:0 0 25px 0; width:580px; text-align:center; border-collapse:collapse;}
.tableCal tr th{background:#006bb3; color:#FFF; font-weight:normal; padding:3px 0;}
.tableCal tr td{border-bottom:1px solid #5E5E5E; width:12%; padding:3px 0;}
.tableCal tr td b{color:#c01621; font-weight:normal;}
.tableCal tr .optionTab{text-align:left; border:none; font-size:9px; padding:3px 0;}

.imgCal{float:left;}

.lien_pdf {
	line-height: 37px;
	padding: 8px 40px 7px 0px;
	background: url(../illus/pdf_icon.gif) no-repeat right center scroll;
	color: #c60;
}

/************************************* CONTACT  **********************************/

.coord{	float:left;	width:255px;}	
.coord .texte{padding:10px 0;}	
.coord .texte b{color:#df1428;}	

.titreCoord{text-transform:uppercase; font-size:14px; font-style:italic; margin:10px 0;}
.texteCoord{font-size:11px; color:#063a5e}
.texteCoord b{color:#df1428; font-weight:normal;}
.texteCoord a, .texteCoord a:visited{color:#063a5e;}
.texteCoord a:hover{color:#df1428;}

.formContact{float:right; width:470px;}

.formulaireContact{margin:0;}
.formulaireContact table{float:left; margin:10px 0; width:370px;}
.formulaireContact table tr td{color:#063a5e; background:#f3fbfe; border:1px solid #dff0fa; padding-left:4px;}
.formulaireContact table tr td label{width:100%;}
.formulaireContact table tr td input{background:#f3fbfe; border:none;  font-size:11px; font-family:Verdana; color: #df1428; width:200px;}
.formulaireContact table tr td textarea{background:#f3fbfe; width:100%; border:none; font-size:11px; font-family:Verdana; color: #df1428;}

/************************************* MENTIONS LEGALES  ***********************/

.infosLegales{	float:left;	width:255px;}	
.infosLegales .texte b{color:#9ec014;}	

.mentionsLegales{float:right; width:470px;}
.mentionsLegales .texte b{color:#df1428;}	

/************************************* TITRES ET TEXTES  *************************/

.titre1{color:#636466; background:#f3fbfe; padding:4px 0 4px 15px; border:1px solid #dff0fa; font-size:12px;}
.titre2{color: #FFF; background:#019cd5 url('../images/bg_titre2.jpg') right top repeat-y; text-align:right; padding:10px 10px 0 0; font-size:14px; height:14px;}
.titre3{color: #FFF; background:url('../images/bg_titre3.jpg') right top repeat-y; text-align:right; padding:10px 10px 0 0; font-size:14px; height:14px;}
.titre4{color: #FFF; background:url('../images/bg_titre4.jpg') right top repeat-y; text-align:right; padding:10px 10px 0 0; font-size:14px; height:14px;}
.titre5{color: #FFF; background:#d31424 url('../images/bg_titre5.jpg') right top repeat-y; text-align:right; padding:10px 10px 0 0; font-size:14px; height:14px;}

.texte{text-align:justify; padding:3px 0; font-size:11px;}
.texte b{color:#006cb4;}

/********************************** PIED **********************************/

.pied {
	font-size:10px; 
	background:#FFF;
	border-left:1px solid #dff0fa;
	padding:0 20px;
	margin:0 auto 0 auto; 
	text-align:center;
}

.pied2{
	font-size:10px; 
	background:#FFF;
	border-top:1px solid #dff0fa;
	padding:10px 0;
	margin:0 auto 0 auto;
	min-height:100px;
	text-align:center;
}
.pied  .adressePied{font-size:9px; padding:10px 0 5px 0; font-family:Arial;}
.pied  .adressePied b{color:#0068b1;}
.pied  a,.pied  a:visited{color: #063a5e;}
.pied .mailto:hover{color:#0196d0;}

.logoPied{margin:20px 0 0 0;}

.menuPied{color:#646464; padding-bottom:10px; }
.menuPied a, .menuPied a:visited{color:#646464;}
.menuPied a:hover, .menuPied a#courante{color:#0196d0;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

hr{
	background:#f3fbfe; padding:4px 0 4px 15px; border:1px solid #dff0fa;
	height:10px;
	margin:0;
}

img.png {
behavior: url('../js/png.htc');
border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul{list-style-type:square; padding-left:20px; font-size:11px; text-align:left;}
ul li{margin:4px 0;}
ul li b{color:#006cb4;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{margin:0;}

a{color:#453b33; text-decoration:none;}
a:visited{color:#453b33; text-decoration:none;}
a:hover{color:#0068b1; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}


.pagination{margin:8px 0;text-align:center;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#453b33;}
.pagination a :visited {margin:2px;font-weight:bold;}
.pagination a:hover {margin:1px;font-weight:bold; padding:0px 4px 0px 4px; color:#dc6923; }
.pagination .courante  {padding:0px 4px 0px 4px;font-weight:bold; color:#FFFFFF; margin:1px;  background:#0068b1;}
