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

.contenu{width:920px; padding:35px 20px 0 20px; background:#FFF url(/images/bg_contenu.jpg) top left no-repeat; min-height: 875px; position:relative;}


#calculateur .contenu{width:900px; padding:35px 30px 0 30px; background:#FFF url(/images/bg_contenu.jpg) top left no-repeat; min-height: 875px; position:relative;}
#mentions .contenu{width:900px; padding:35px 30px 15px 30px; background:#FFF url(/images/bg_contenu.jpg) top left no-repeat; min-height: 100px; position:relative;}

.page{
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
}

.banniere{width:960px; height:502px; background: url(/images/banniere.jpg) top left no-repeat;}

.gaucheBanniere{float:left; float:left; margin:24px 0 0 32px !important; margin:24px 0 0 15px; width:202px; padding:0 10px;}

.logo{margin:0 0 6px 30px; display:block; width:155px; height:85px;}

.telBanniere{ background: url(/images/bg_telBandeau.jpg) top left no-repeat; width:202px; height:32px; line-height:32px; text-transform: uppercase; font-family: Arial; font-weight: 800; color:#FFF; font-size: 25px; text-align:center; margin:0 auto;}

.questionBanniere{text-transform: uppercase; font-family: Arial; font-weight: 900; color:#084463; font-size: 16px; text-align:center; height:37px; line-height:30px; vertical-align:top; margin:0;}

.btnOui, .btnOui:visited{display:inline; padding:20px 36px 0 35px; font-size:15px; background: url(/images/btnOui.gif) top left no-repeat;}
.btnNon, .btnNon:visited{display:inline; padding:20px 36px 0 35px; font-size:15px; background: url(/images/btnNon.gif) top left no-repeat;}

.btnOui:hover, .btnNon:hover{background: url(/images/btnOui.gif) top left no-repeat;}

.btnAgence{display:block; width:275px; height:75px; margin:0 0 0 -40px;}


.droiteBanniere{float:right; width:695px; vertical-align:top; padding-top:12px; position:relative;}
.droiteBanniere a{display:block; float:left; margin:0 3px;}
.droiteBanniere .contenuOpaque{position: relative; z-index: 10;}



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

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

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

.imgG{float:left; margin:3px 25px 4px 0;}
.imgD{float:right; margin:3px 0 4px 25px;}

.colGauche{float:left; width:615px; margin:10px 0 0 15px;}
.colGauche .texte.vert{margin-bottom: 15px;}




/* COLDROITE  *******************************************************************************************************************************/

.colDroite{background:url(/images/bgDroite.gif) top left repeat-y; width:217px; position:absolute; top:25px; bottom:0; left:680px; right:22px; padding:20px 19px 30px 19px; z-index:10; display:block;}
.colDroite .png{position:absolute; top:-5px; left:0; z-index:1;}
.colDroite *{position:relative; z-index:2;}

.formulaireDroite{margin:20px 0 35px 0; width:211px;}
.formulaireDroite p{margin:5px 0; position:relative;}
.formulaireDroite label{display:block; text-transform: uppercase; font-family: Arial; font-weight: 800; font-size: 11px; color:#7c847e;}
.formulaireDroite input{padding:3px; background:#FFF; border:1px solid #7c847e; width:100%; font-family:Arial; color:#7c847e; font-size:11px;}
.formulaireDroite input#userCode{width:100px;}
.formulaireDroite textarea{padding:3px; height:40px; background:#FFF; border:1px solid #7c847e; width:100%; font-family:Arial; color:#7c847e; font-size:11px;}
.formulaireDroite input.submit{float:right; width:112px; height:32px; padding:0; margin:2px -10px 0 0; background:url(/images/btnSubmit.gif) top left no-repeat; border:none; cursor:pointer;}
.formulaireDroite small{display:block; float:left; height:32px; line-height:35px;}

.uneActu{border-bottom:1px dashed #bbc7be; padding:15px 0 10px 0;}
.titreActu{text-transform: uppercase; font-family: Arial; font-weight: 800; font-size: 12px; color:#7c847e;}
.dateActu{text-transform: uppercase; font-family: Arial; font-size: 12px; color:#bbc7be; padding:0;}
.texteActu{font-family: Arial; font-size: 11px; color:#7c847e; padding:2px 0;}
.btnLireSuite, .btnLireSuite:visited{display:block; float:right; padding:2px 18px; color:#FFF; background:#bbc7be; border:1px solid #fff; outline:1px solid #bbc7be; font-size:10px; margin:5px 0 0 0;}
.btnLireSuite:hover{color:#7c847e; border:1px solid #fff; outline:1px solid #7c847e;}

.btnLireSuite2, .btnLireSuite2:visited{display:block; float:right; padding:2px 18px; color:#FFF; background:#004368; border:1px solid #fff; outline:1px solid #004368; font-size:10px; margin:5px 0 0 0;}
.btnLireSuite2:hover{color:#FFF; background:#7c847e; border:1px solid #fff; outline:1px solid #7c847e;}

.btnToutesActu, .btnToutesActu:visited{font-weight:bold; display:block; margin:10px 0 20px 0; text-align:right; color:#004368;}
.btnToutesActu:hover{color:#8b948e;}

.titre1Droite{ background: url(/images/bg_titre1Droite.gif) top left no-repeat; width:217px; height:35px; line-height:35px; text-transform: uppercase; font-family: Arial; font-weight: 800; color:#ebefec; font-size: 20px; text-align:center; margin:5px 0;}

.titre2Droite{ background: url(/images/bg_titre2Droite.gif) top left no-repeat; width:217px; height:35px; line-height:35px; text-transform: uppercase; font-family: Arial; font-weight: 800; color:#004368; font-size: 20px; text-align:center; margin:5px 0;}

.texte a.btnContacterAgence, .texte a.btnContacterAgence:visited{display:block; padding:2px 0; color:#FFF; background:#bbc7be; border:1px solid #fff; outline:1px solid #bbc7be; font-size:10px; margin:5px 0; width:120px; text-align:center;}
.texte a.btnContacterAgence:hover{color:#FFF; border:1px solid #fff; outline:1px solid #004368; background:#004368; text-decoration:none;}




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

.uneDivAccueil1{
	float: left;
	width: 215px;
	height: 260px;
	margin: 10px 15px 20px 0;
}

.uneDivAccueil2{
	float: left;
	width: 215px;
	height: 260px;
	margin: 10px 0 20px 0;
	padding: 0 15px;
	border-left: 1px solid #b4c1b7;
	border-right: 1px solid #b4c1b7;
}

.uneDivAccueil3{
	float: left;
	width: 215px;
	height: 260px;
	margin: 10px 0 20px 0;
	padding: 0 15px;
	border-right: 1px solid #b4c1b7;
}

.uneDivAccueil4{
	float: right;
	width: 215px;
	height: 260px;
	margin: 10px 0 20px 10px;
}


.uneDivAccueil1 .texte, .uneDivAccueil2 .texte, .uneDivAccueil3 .texte, .uneDivAccueil4 .texte{
	font-size: 10px;
	color: #084463;
	margin: 0;
}




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

.formulaireDevis table{
	width: 100%;
	margin: 30px 0;
}

.formulaireDevis table tr td{padding:3px;}
.formulaireDevis label{display:block; font-family: Arial; font-weight: 800; font-size: 11px; color:#7c847e;}
.formulaireDevis input{padding:3px; background:#FFF; border:1px solid #7c847e; font-family:Arial; color:#7c847e; font-size:11px; width:190px;}
.formulaireDevis select{padding:2px; background:#FFF; border:1px solid #7c847e; font-family:Arial; color:#7c847e; font-size:11px; width:198px;}
.formulaireDevis input#userCode{width:100px;}
.formulaireDevis textarea{padding:3px; height:80px; background:#FFF; border:1px solid #7c847e; width: 615px;font-family:Arial; color:#7c847e; font-size:11px;}
.formulaireDevis input.submit{width:112px; height:32px; padding:0; background:url(/images/btnSubmit2.gif) top left no-repeat; border:none; cursor:pointer;}



/* DIV COULEUR  ************************************************************************************************************************************/

.divBleu.gauche{
	padding:22px 309px 22px 20px; 
	background:#004368; 
	width:631px; 
	margin:0 0 0 -20px;
	position:relative;
	z-index:2;
}

.divBlanc.gauche{
	padding:22px 309px 22px 20px; 
	background:#FFF; 
	width:631px; 
	margin:0 0 0 -20px;
	position:relative;
	z-index:2;
}

.divVert1.gauche{
	padding:22px 309px 22px 20px; 
	background:#b4c1b7; 
	width:631px; 
	margin:0 0 0 -20px;
	position:relative;
	z-index:2;
}

.divVert2.gauche{
	padding:22px 309px 22px 20px; 
	background:#78817a; 
	width:631px; 
	margin:0 0 0 -20px;
	position:relative;
	z-index:2;
}



.divBleu{
	background: #004368;
	padding:20px; 
	width:920px;
	color:#FFF;
	margin:0;
	position:relative;
	z-index:2;
}

.divBlanc{
	background: #FFF;
	padding:20px; 
	width:920px; 
	color:#003772;
	margin:0;
	position:relative;
	z-index:2;
}

.divVert1{
	background: #b4c1b7;
	padding:20px; 
	width:920px;
	color:#454a46;
	margin:0;
	position:relative;
	z-index:2;
}

.divVert2{
	background: #78817a;
	padding:20px; 
	width:920px;
	color:#FFF; 
	margin:0;
	position:relative;
	z-index:2;
}

.divBleu .imgG{float:left; margin-right:25px; outline:1px solid #FFF; border:1px solid #004368;}
.divBlanc .imgG{float:left; margin-right:25px; outline:1px solid #FFF; border:1px solid #004368;}
.divVert1 .imgG{float:left; margin-right:25px; outline:1px solid #FFF; border:1px solid #b4c1b7;}
.divVert2 .imgG{float:left; margin-right:25px; outline:1px solid #FFF; border:1px solid #78817a;}

.divBleu .imgD{float:right; margin-left:25px; outline:1px solid #FFF; border:1px solid #004368;}
.divBlanc .imgD{float:right; margin-left:25px; outline:1px solid #FFF; border:1px solid #004368;}
.divVert1 .imgD{float:right; margin-left:25px; outline:1px solid #FFF; border:1px solid #b4c1b7;}
.divVert2 .imgD{float:right; margin-left:25px; outline:1px solid #FFF; border:1px solid #78817a;}

.divVert1 .titre1, .divVert2 .titre1, .divBleu .titre1, .divBlanc .titre6{margin-left:-20px;}
.divVert1 .titre2, .divVert2 .titre2, .divBleu .titre2{margin-right:-40px;}

.divBleu .texte, .divBlanc .texte, .divVert1 .texte, .divVert2 .texte{margin-left:20px;}
.divBleu ul, .divBlanc ul, .divVert1 ul, .divVert2 ul{margin-left:20px;}




/* PARTENAIRES  ************************************************************************************************************************************/

#partenaires .colGauche{width:435px; margin:40px 0 10px 40px;}







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





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

.tableMentions{margin:10px 0;}
.tableMentions tr td{width:50%; vertical-align:top;}



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

.titre1{text-shadow: 1px 1px #d4d6d6; text-transform:uppercase; color:#084463; font-size:17px; background:#FFF url(/images/bg-titre1.gif) top left no-repeat; position:relative; height:33px; line-height:34px; padding:0 10px 0 40px; font-weight: 800; margin-bottom:10px;}
.titre1 .png{position:absolute; right:-6px; top:0;}
.titre1 small{font-size:14px; text-transform:none; color:#737373;}

.titre2{text-shadow: 1px 1px #d4d6d6; text-transform:uppercase; color:#084463; font-size:17px; background:#FFF url(/images/bg-titre2.gif) top left no-repeat; position:relative; height:33px; line-height:34px; padding:0 10px 0 40px; font-weight: 800; margin-bottom:10px;}
.titre2 .png{position:absolute; left:-6px; top:0;}

.titre3{text-shadow: 1px 1px #535353; text-transform:uppercase; color:#b4c1b7; font-size:15px; font-weight: 800; margin-bottom:5px;}

.titre4{color:#004368; text-shadow: 2px 2px #bdc1c4; text-transform:uppercase; font-size:28px; font-weight: 800; margin-bottom:10px;}
.titre4 small{display:block; color:#b4c1b7; text-align:right; font-size:21px; text-transform:none; text-shadow:none;}

.titre5{color:#6b736d; height:90px; line-height:90px; text-shadow: 1px 1px #d4d6d6; text-transform:uppercase; font-size:18px; font-weight: 800; background:url(/images/illusCamion.jpg) top right no-repeat;}

.titre6{text-shadow: 1px 1px #333333; text-transform:uppercase; color:#FFF; font-size:17px; background:#004368 url(/images/bg-titre4.gif) top left no-repeat; position:relative; height:33px; line-height:34px; padding:0 10px 0 40px; font-weight: 800; margin-bottom:10px;}
.titre6 .png{position:absolute; right:-6px; top:0;}

.blanc{color:#FFF;}
.bleu{color:#003772;}
.vert{color:#79827b;}
.vert2{color:#454a46;}

strong{color:#bc3e3c;}

.texte{text-align:justify; padding:5px 0; line-height: 1.4em;}
.texte b{font-weight:bold;}
strong{color:#bc3e3c; font-size:12px;}

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





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

.menu{font-family:Arial; width:920px; font-size:12px; margin:0 auto; padding:8px 0 0 0; text-transform:uppercase; clear:both;}
.menu .btn, .menu .btn:visited{width:129px; height:50px; line-height:54px; text-align: left ; font-size:17px; color:#b4c1b7; text-transform: uppercase; font-family: Arial; font-weight: 800; background:url('/images/bg_menu.gif') top left no-repeat; display:block; float:left; padding-left:55px; overflow:hidden;}
.menu .btn:hover, .menu .btn#courant{color:#7f8781; background:#dce5e9 url('/images/bg_menuHover.gif') top left no-repeat;}

.menu ul{float:left; margin:10px 0 0 0; width:163px; padding:0 0 0 20px; list-style-image: url(/images/puce1.gif);}
.menu ul li{margin:5px 0;}
.menu ul a, .menu ul a:visited{color:#084463; display:block; text-transform: none; padding:0; padding-left:0;}
.menu ul a:hover{color:#000; text-decoration: none;}
.menu ul a#encours{color:#084463; text-decoration:underline;}




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

.pied {
	font-size:10px; 
	color:#9ca89f; 
	width:100%;
	padding:0;
	text-align:left;
	margin:0 auto;
	font-family:Arial;
	background:#004368 url('../images/bg_pied.gif') top left repeat-x;
	padding:0 0 20px 0;
}

.contenuPied{width:960px; margin:0 auto 20px auto;}

.adressePied{background: url(/images/bg_adressePied.png) top left no-repeat !important; background: url(/images/bg_adressePied.gif) top left no-repeat; width:605px; height:37px; line-height: 35px; float:right; text-transform: uppercase; font-family: Arial; font-weight: 800; margin:-15px 10px 0 0; font-size: 11px; text-align: center; color:#FFF; position:relative; z-index:20;}

.pied  a,.pied  a:visited{color:#FFF;}
.pied a:hover{color:#f0bb7a;}

.titrePied{color:#FFF; text-transform: uppercase; font-family: Arial; font-weight: 800; font-size: 12px; margin:18px 0 3px 0;}
.pied a, .pied a:visited{color:#9ca89f;}
.pied a:hover{color:#FFF;}


.logoPied{margin:40px auto 20px auto; display:block; font-family:Century Gothic, Verdana; text-align:center; font-size:10px;}
.logoPied a, .logoPied a:visited{color:#FFF;}
.logoPied a:hover{color:#DEDEDE;}





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

.separateur{margin:12px 0; display:block; height:1px; border-bottom:2px dotted #084463;}
.separateur2{margin:10px 0; display:block; height:1px; border-bottom:1px solid #b4c1b7;}

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

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;}

.texte a, .texte a:visited{color:inherit; text-decoration:none;}
.texte a:hover{color:inherit; text-decoration:underline;}

a, a:visited{color:inherit; text-decoration:none;}
a:hover{text-decoration:none;}

a.lien, a.lien:visited{text-decoration:underline;}

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


#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;
	width:260px;
	-moz-border-radius:0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
	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;}