body{
	width:100%;
	margin:0px;
	padding:0px;
	color: #6d6e70;
	background:#FFF url('../images/bg_site.jpg') top center repeat-x;
	font-family: Arial;
	font-size:11px;
}

.contenu{width:825px; padding:20px 15px 5px 15px;}

.page{
	width:855px;
	margin:0 auto 0 auto;
	padding:0 11px 0 11px;
	background:url('../images/bg_page.png') top center repeat-y !important;
	background:url('../images/bg_page.gif') top center repeat-y;
}

.banniere{width:855px; background:url('../images/bg_banniere.gif') top left repeat-x;}

.logo{margin:16px 0 0 12px; float:left;}

/* BLOCS  *******************************************************************************************************************************/

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

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

.imgG{float:left; margin:0 20px 5px 0; clear:left;}
.imgD{float:right; margin:0 0 5px 20px; clear:right;}

.colGauche{float:left;}
.colDroite{float:right;}


.divHaut{float:right; width:553px; height:260px; background:url('/images/loading.gif') middle center no-repeat; margin:0 10px 0 0;}

.divGauche{float:left; width:273px; margin:0;}

.btnCalculateur, .btnCalculateur:visited{display:block; width:148px; height:46px; background:url('../images/btnCalculateur.jpg') top left no-repeat; padding:75px 115px 0 10px; font-weight:bold; color:#FFF; font-size:12px; text-align:center; margin:5px 0 0 20px; float:right;}
.btnCalculateur:hover{background:url('../images/btnCalculateur2.jpg') top left no-repeat; color:#FFF;}

.divDevis, .divDevis:visited{background:url('../images/btnDevis.jpg') top left no-repeat; padding:70px 18px 0 125px; width:130px; height:51px; font-size:11px; color:#FFF; font-weight:bold; text-align:center; display:block; margin:0 0 18px 10px;}
.divDevis:hover{background:url('../images/btnDevis2.jpg') top left no-repeat;}

.divDpe2, .divDpe2:visited{width:273px; height:121px; font-size:11px; color:#FFF; font-weight:bold; text-align:center; display:block; margin:0 0 0 10px;}
.divDpe2:hover{}

.top{position:absolute; top:0; left:0;}
.bottom{position:absolute; bottom:0; left:0;}



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

#accueil .colGauche{width:530px;}
#accueil .colDroite{width:265px;}

#myOnPageContent{display:none;}

.btnLireSuite, .btnLireSuite:visited{color:#a3ce62; font-weight:bold;}

.unProd			{ width:256px; display:block; text-align:center; margin-top:10px;}
.unProd.centre	{ float:left;		margin:10px 0 0 30px;}
.unProd span	{ display:block; font-size:12px; font-weight:bold; color:#b0b0b1; padding:3px 0;}

.listeRubriques { width:100%; }


// Diaporama réalisation ---------------------------------------------------------------------------------------------------------------------------------------------------
.sample		{ padding:0; margin:5px 0; border:1px solid #FFF; outline:1px solid #7a7d7e;width:424px;}
#box1		{ position:absolute;		}
#box1 span	{ display:block; float:left;}
.mask1		{ position:relative;  width:424px; height:282px; overflow:hidden; }
// -------------------------------------------------------------------------------------------------------------------------------------------------------------------------





/* CATALOGUE  *******************************************************************************************************************************/

#catalogue .colGauche{width:550px; padding-top:8px;}
#catalogue .colDroite{width:250px;}

#catalogue .colDroite .texte{margin-left:38px;}

.list1{list-style-image:url('../images/puce2.gif'); color:#ba6d97;}
.list2{list-style-image:url('../images/puce4.gif'); color:#83ae47;}
.list3{list-style-image:url('../images/puce3.gif'); color:#5ac1e0;}

.lien1, .lien1:visited{color:#ba6d97; display:block; margin:4px 0;}
.lien1:hover{color:#656565;}

.lien2, .lien2:visited{color:#83ae47; display:block; margin:4px 0;}
.lien2:hover{color:#656565;}

.lien3, .lien3:visited{color:#5ac1e0; display:block; margin:4px 0;}
.lien3:hover{color:#656565;}

.lien4, .lien4:visited{color:#ba6d97; font-weight:bold; }
.lien4:hover{color:#656565;}



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

#contact .colGauche{width:530px;}
#contact .colDroite{width:270px;}

#contact .colGauche .texte{margin-left:38px;}
#contact .colDroite .coordonnees{margin-left:38px; text-align:left;}

.formulaireContact{margin:15px 0 0 0; padding:0; width:440px;}
.formulaireContact p{margin:8px 0; padding:0; position:relative;}
.formulaireContact label{width:90px; display:block; padding:5px 8px 5px 0; float:left; text-align:right; color:#ba6d97; font-weight:bold;}

.formulaireContact input{border:1px solid #d4e49a; font-size:11px; color:#58585a; width:330px; background:#FFF url('../images/bg_input.gif') top left repeat-x; padding:4px 3px; font-family:Arial;}
.formulaireContact select{border:1px solid #d4e49a; font-size:11px; color:#58585a; width:338px; background:#FFF url('../images/bg_input.gif') top left repeat-x; padding:4px 3px; font-family:Arial;}
.formulaireContact input#userCode{width:200px;}
.formulaireContact textarea{border:1px solid #d4e49a; font-size:11px; color:#58585a; width:330px; background:#FFF url('../images/bg_input.gif') top left repeat-x; padding:4px 3px; height:60px; font-family:Arial;}

.formulaireContact small{padding:5px 0; float:left;}
.formulaireContact b{color:#a1d064;}
.formulaireContact input.submit{border:none; font-weight:normal; font-size:13px; color:#ae5485; background:none; padding:3px 0; cursor:pointer; float:right; font-family:Century Gothic, Verdana; width:100px;}

.planmini{margin:15px 0 0 35px;}



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

.tableMentions{margin-bottom:15px;}
.tableMentions tr td{vertical-align:top; width:50%; margin-bottom:5px;}



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

.titre1{font-family:Century Gothic, Verdana; font-size:13px; color:#83ae47; margin-bottom:10px;}
.titre1 b{font-weight:normal; color:#83ae47;}
.titre1 small{color:#6d6e70; font-size:11px;}

.titre2{font-family:Verdana; font-size:10px; color:#ae5485; margin-bottom:10px; font-weight:bold;}
#catalogue .colDroite .titre2{font-family:Century Gothic, Verdana; font-size:14px; color:#ae5485; margin-bottom:0; font-weight:normal; background:url('../images/puce1.gif') left no-repeat; padding:5px 0 5px 38px;}
.titre2 a, .titre2 a:visited{color:#ae5485;}
.titre2 a:hover{color:#656565;}

.titre3{font-family:Verdana; font-size:10px; color:#83ae47; margin-bottom:10px; font-weight:bold;}
#catalogue .colDroite .titre3{font-family:Century Gothic, Verdana; font-size:14px; color:#83ae47; margin-bottom:0; font-weight:normal; background:url('../images/puce1.gif') left no-repeat; padding:5px 0 5px 38px;}
.titre3 a, .titre3 a:visited{color:#83ae47;}
.titre3 a:hover{color:#656565;}

.titre4{font-family:Verdana; font-size:10px; color:#4cbbdd; margin-bottom:10px; font-weight:bold;}
#catalogue .colDroite .titre4{font-family:Century Gothic, Verdana; font-size:14px; color:#4cbbdd; margin-bottom:0; font-weight:normal; background:url('../images/puce1.gif') left no-repeat; padding:5px 0 5px 38px;}
.titre4 a, .titre4 a:visited{color:#4cbbdd;}
.titre4 a:hover{color:#656565;}

.titre5{font-family:Century Gothic, Verdana; font-size:15px; color:#ae5485; margin-bottom:0; font-weight:normal; background:url('../images/puce1.gif') left no-repeat; padding:5px 0 5px 38px;}

.titre6{font-family:Century Gothic, Verdana; font-size:15px; color:#4cbbdd; margin-bottom:5px; font-weight:normal; background:url('../images/puce1.gif') left no-repeat; padding:5px 0 5px 38px;}

.texte{text-align:justify; padding:3px 0;}
p b{color:#83ae47; font-weight:normal;}

.barre{text-decoration:line-through;}
.clignote{text-decoration:blink;}




/* BAN HAUT  *******************************************************************************************************************************/

.minimenu{float:right; font-size:10px; margin:5px 10px 0 0;}

.menu{font-family:Arial; float:right; width:500px; margin:49px 0 0 0;}
.menu a, .menu a:visited{color:#6d6e70; display:block; padding:5px 10px 2px 10px; float:left; text-align:center; font-size:11px; font-family:Century Gothic,Verdana, Sans Serif; margin:0 2px; font-size:13px;}
.menu a#courant{color:#aacb3b; border-bottom:5px solid #aacb3b;}




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

.pied {
	font-size:10px; 
	color:#a4cf63; 
	width:855px;
	padding:5px 11px 15px 11px;
	margin:0 auto;
	line-height:19px;
	text-align:center;
	font-family:Arial;
	background:url('../images/bg_pied.png') bottom center no-repeat !important;
	background:url('../images/bg_pied.gif') bottom center no-repeat;
}

.pied  a,.pied  a:visited{color:#a4cf63;}
.pied a:hover{color:#27b6e2;}

.linkagePied{margin:10px auto 30px auto; width:855px;}
.linkagePied ul{float:left; width:340px; margin:0; padding:0; font-size:9px; list-style-type:none; color:#b0b0b1;}
.linkagePied ul li{margin:2px 0; text-align:justify;}
.linkagePied .png{float:left; margin:0 10px;}
.linkagePied a, .linkagePied a:visited{color:#b0b0b1;}
.linkagePied a:hover{color:#27b6e2;}

.logoPied{margin:10px auto; font-family:Century Gothic, Verdana; text-align:center; font-size:11px;}
.logoPied a, .logoPied a:visited{color:#a4cf63;}
.logoPied a:hover{color:#27b6e2;}




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

.separateur{border-bottom:1px solid #6d6e70; height:1px; display:block; margin:10px 0;}

ul {list-style-type:square; font-size:11px; margin:3px 0; padding:2px 20px;}

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

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

.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:#6d6e70; text-decoration:none;}
a:visited{color:#6d6e70; text-decoration:none;}
a:hover{color:#aacb3b; text-decoration:none;}

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

.pagination{padding:0; margin:10px 0 0 0; text-align:right;}
.pagination a, .pagination a :visited {color:#6d6e70; text-decoration:none; font-size:10px; padding:0 4px; margin:1px;}
.pagination a:hover {color:#87a93e; border:1px solid #87a93e; margin:0;}
.pagination .courante  {color:#87a93e; font-weight:bold;}

.planRub{font-size:11px; list-style-type:square; margin:0 10px; padding:0 15px; color:#aacb3b;}
.planRub li{margin:3px 0;}
.planRub li a, .planRub li a:visited{display:block; color:#6d6e70;}
.planRub li a:hover{color:#aacb3b;}
.planSousRub{font-size:11px; list-style-image:none; list-style-type:none; border-left:1px dotted #CECECE; padding-left:10px;}
.planSousRub li{margin:1px 0;}

/***************************************  BANDEAU JAVASCRIPT   ***********************************/
noscript div{
width:100%;
border-bottom:1px solid #F00;
background-color:#FF9;
color:#F00;
text-align:center;
padding:4px 0 4px 0;
font-weight:bold;
}

#Recommandation table{font-size:11px;}
#Recommandation textarea{width:100%;}

#BoxLogForum{width:40%;text-align:right;margin-left:20%;color:#333;}
#BoxLogForum input[type=submit]{color:#FFF; margin:10px 0 10px 75px; background:url('/images/btnAjout.gif') top left no-repeat; border:none; font-size:11px; font-family:Trebuchet MS, Tahoma, Arial; display:block; width:138px; height:19px; cursor:pointer; text-align:left; padding:0 0 0 5px;}
#BoxLogForum input[type=text]{margin-bottom:5px;}

#InfoDebug{
	position:absolute;
	background-color:#000;
	color:#fff;
	-moz-opacity: .90;
	filter:alpha(opacity=90);
	opacity: 0.90;
	border:2px solid #f00;
	width:260px;
	-moz-border-radius:0 0 10px 10px;
	z-index:9999;
}
#InfoDebug div{
	background-color:#fff;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:2px;
	padding:4px;
	cursor:move;
}
#InfoDebug p{padding:6px 10px 4px 10px;}