body{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
color: #666666;
}
table{ 
border: 0;
}
img{
border: 0;
padding: 0;
margin: 0;
}
img a{
border: 0;
padding: 0;
margin: 0;
}

a{
color: #666666;
}
a:link{
color: #666666;
}
a:visited{
color: #666666;
}
a:hover{
color: #666666;
text-decoration: none;
}
.colFlash{
width: 990px;
padding: 0 0 30px 0;
}











#infoProjet{
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}

#infoProjetGauche{
width: 342px;
border-left: 1px solid #666666;
padding-left: 10px;
padding-right: 10px;
text-align: left;
vertical-align: top;
line-height: 17px;
color: #333333;
background-image: url(design/bg_titre.gif);
}

#infoProjetDroite{
width: 342px;
border-left: 1px solid #666666;
padding-left: 10px;
text-align: left;
vertical-align: top;
line-height: 17px;
color: #333333;
background-image: url(design/bg_prix.gif);
}
#infoProjetGaucheBis{
width: 342px;
border-left: 1px solid #666666;
padding-left: 10px;
padding-right: 10px;
text-align: left;
vertical-align: top;
line-height: 17px;
color: #333333;
margin-top: 10px;
padding-top: 10px;
}

#infoProjetDroiteBis{
width: 342px;
border-left: 1px solid #666666;
padding-left: 10px;
text-align: left;
vertical-align: top;
line-height: 17px;
color: #333333;
margin-top: 10px;
padding-top: 10px;
}
.optionsProjet{
font-size: 10px;
line-height: 12px;
}
#infoProjetTitreBase{
/*background-color: #AAAAAA;*/
color: #333333;
padding: 0;
/*height: 112px;*/
}
#infoProjetTitre{
background-color: #AAAAAA;
color: #333333;
padding: 10px;
}
#infoProjetTitre p{
padding: 0;
margin: 0;
}
#infoTitreProjet{
color: #e8e8e8;
font-weight: bold;
font-size: 36px;
line-height: 36px;
padding: 10px 0 0 10px;
}
#infoProjetPrix{
background-color: #AAAAAA;
color: #333333;
padding: 0;
/*height: 112px;*/
}
#infoProjetPrixComplet{
background-color: #666666;
color: #e8e8e8;
padding: 10px;
font-weight: bold;
}
.prixComplet{
font-size: 17px;
}
#infoProjetPrixHe{
background-color: #AAA;
color: #333;
padding: 10px;
font-weight: bold;
}
.prixHe{
font-size: 17px;
}













#flecheGauche{
float: right;
width: 86px;
height: 16px;
margin: 0;
padding: 15px 0 0 0;
}
#flecheDroite{
float: right;
width: 65px;
height: 16px;
margin: 0;
padding: 0;
padding: 15px 0 0 0;
}
#suivprec{
float: right;
width: 5px;
height: 16px;
margin: 0;
padding: 0;
padding: 15px 0 0 0;
}
#flecheBasPrix{
float: right;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}
#flecheHautPrix{
float: right;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}
#trierParPrix{
float: right;
width: 94px;
height: 16px;
margin: 0;
padding: 0;
}
#grandTableau{
width: 100%;
background-image: url(design/feuille.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
#projetCommentaire{
color: #FFFFFF;
background-color: #666666;
padding: 10px;
}
#projetCommentaire p{
padding: 0;
margin: 0;
}
.blocVigProjet{
width: 186px;
height: 92px;
min-height: 100px;
padding: 0;
margin: 0 10px 10px 0;
overflow: hidden;
border: 0;
float: left;
text-align: center;
background-color: #e8e8e8;
}
.blocVigProjetDer{
width: 186px;
height: 92px;
min-height: 100px;
padding: 0;
margin: 0 0 10px 0;
overflow: hidden;
border: 0;
float: left;
text-align: center;
background-color: #e8e8e8;
}
.sepRea{
clear: both;
border-bottom: 1px solid #666666;
margin-bottom: 30px;
}
.blocVigRea{
width: 135px;
height: 100px;
min-height: 100px;
padding: 0;
margin: 0 10px 10px 0;
overflow: hidden;
border: 1px solid #cccccc;
float: left;
text-align: center;
background-color: #e8e8e8;
}
.blocVigReaDer{
width: 135px;
height: 100px;
min-height: 100px;
padding: 0;
margin: 0 0 10px 0;
overflow: hidden;
border: 1px solid #cccccc;
float: left;
text-align: center;
background-color: #e8e8e8;
}
.blocSep{
clear: both;
height: 30px;
}
.colListePlans{
width: 971px;
/*height: 20px;*/
/*border-top: 1px solid #666666;*/
text-align: left;
vertical-align: top;
/*background-color: #eeeeee;*/
padding-left: 10px;
padding-right: 10px;
}
.blocVigPlan{
width: 316px;
height: 210px;
min-height: 210px;
padding: 0;
margin: 0 10px 10px 0;
overflow: hidden;
border-bottom: 1px solid #666666;
float: left;
}
.blocVigPlanDer{
width: 316px;
height: 210px;
padding: 0;
margin:  0 0 10px 0;
overflow: hidden;
border-bottom: 1px solid #666666;
float: left;
}
.colEnteteGauche{
width: 207px;
height: 176px;
text-align: left;
vertical-align: middle;
}
.colEnteteCentre{
width: 737px;
padding-left: 47px;
text-align: left;
vertical-align: middle;
}
.colEnteteDroite{
border-left: 1px solid #666666;
}
.colGauche{
width: 207px;
text-align: left;
vertical-align: top;
}
.colCentre{
width: 737px;
padding-left: 47px;
padding-bottom: 20px;
text-align: left;
vertical-align: top;
}
.colCentreAgence{
width: 737px;
padding-left: 47px;
padding-bottom: 20px;
text-align: left;
vertical-align: top;
background-image: url(design/bg_agence.gif);
background-repeat: no-repeat;
background-position : bottom right;
}
.colCentreArchibio{
width: 737px;
padding-left: 47px;
padding-bottom: 20px;
text-align: left;
vertical-align: top;
background-image: url(design/bg_archibio.gif);
background-repeat: no-repeat;
background-position : bottom right;
}
.colCentrePerformances{
width: 737px;
padding-left: 47px;
padding-bottom: 20px;
text-align: left;
vertical-align: top;
background-image: url(design/bg_performances.gif);
background-repeat: no-repeat;
background-position : bottom right;
}
.colCentreGaranties{
width: 737px;
padding-left: 47px;
padding-bottom: 20px;
text-align: left;
vertical-align: top;
background-image: url(design/bg_archibio.gif);
background-repeat: no-repeat;
background-position : bottom right;
}
#contenu{
border-top: 3px solid #666666;
padding-top: 5px;/*24px;*/
padding-right: 10px;
}
#contenuEtroit{
border-top: 3px solid #666666;
padding-top: 5px;/*24px;*/
padding-right: 245px;
padding-bottom: 20px;
}
#blocChantiers{
background-color: #ff0000;
}
.colDroite{
border-top: 3px solid #666666;
border-left: 1px solid #666666;
text-align: left;
vertical-align: top;
}
.colDroiteBg{
border-top: 3px solid #666666;
border-left: 1px solid #666666;
text-align: left;
vertical-align: top;
background-image: url(design/bg_droite.gif);
background-repeat: repeat-x;
background-position : bottom left;
}
.colDroiteBgBis{
border-top: 3px solid #666666;
border-left: 1px solid #666666;
text-align: left;
vertical-align: top;
background-image: url(design/bg_droite2.gif);
background-repeat: repeat-x;
background-position : bottom left;
}
.colPiedGauche{
width: 971px;
height: 200px;
/*border-top: 1px solid #666666;*/
text-align: left;
vertical-align: top;
/*background-color: #eeeeee;*/
padding-left: 10px;
padding-right: 10px;

}
.colSeparateur{
width: 971px;
height: 20px;
/*border-top: 1px solid #666666;*/
text-align: left;
vertical-align: top;
/*background-color: #eeeeee;*/
padding-left: 10px;
padding-right: 10px;
}
#piedAdresse{
width: 280px;
height: 190px;
padding-left: 10px;
border-left: 1px solid #666666;
float: left;
background-image: url(design/afcobois.gif);
background-repeat: no-repeat;
background-position : bottom left;
}
#piedAdresse p{
padding: 0;
margin: 0;
}
#piedMenu{
width: 280px;
height: 190px;
padding-left: 10px;
border-left: 1px solid #666666;
float: left;
}
#piedMenu p{
padding: 0;
margin: 0;
}
#piedMenu a{
text-decoration: none;
}
#piedMenu a:link{
color: #666666;
}
#piedMenu a:visited{
color: #666666;
}
#piedMenu a:hover{
color: #333333;
}
#piedRef{
width: 370px;
height: 190px;
padding-left: 10px;
border-left: 1px solid #666666;
float: left;
}
#piedRef p{
padding: 0;
margin: 0;
}
.colPiedDroite{
border-left: 1px solid #666666;
}
.gris{
color: #666666;
background-image: none !important;
}
#lemenu{
font-size: 13px;
line-height: 20px;
background-color: #666666;
color: #E8E8E8;
padding: 10px 0 10px 10px;
margin-left: 10px;
}
#surlemenu{
border-top: 3px solid #666666;
height: 24px;
}
#souslemenu{
border-bottom: 1px solid #666666;
height: 24px;
margin-bottom: 34px;
}
#souslemenuintro{
/*border-bottom: 1px solid #666666;*/
height: 1px;
margin-bottom: 20px;
}
#lemenu a{
font-size: 13px;
line-height: 20px;
color: #E8E8E8;
text-decoration: none;
display: block;
background-image: url(design/puce-menu.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 9px;
/*background-color: transparent;*/
}
#lemenu a:visited{
color: #E8E8E8;
text-decoration: none;
/*background-color: transparent;*/
}
#lemenu a:hover{
color: #ffffff;
text-decoration: none;
background-image: url(design/puce-menu-hover.gif);
/*background-color: #E8E8E8;*/
}
a.actif{
font-weight: bold;
color: #ffffff !important;
background-image: none !important;
padding-left: 0 !important;
}
a.actif:link{
font-weight: bold;
color: #ffffff !important;
background-image: none !important;
padding-left: 0 !important;
}
a.actif:visited{
color: #ffffff !important;
}
a.actif:hover{
color: #cccccc !important;
}
ul{
list-style: none;
list-style-position: outside;
margin: 0;
padding-left: 0;
}
li{
padding-left: 0;
}

#separateur{
/*border-bottom: 1px solid #666666;*/
height: 5px;
margin-bottom: 34px;
background-image: url(design/bg_separateur.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
h1{
font-size: 52px;
line-height: 54px !important;
color: #B2B2B2;
}
.titreAccueil{
font-size: 50px;
font-weight: bold;
line-height: 52px !important;
color: #B2B2B2;
}
h2{
font-size: 18px;
/*
margin-top: 0px;
padding-top: 0px;
*/
}
h3{
font-size: 15px;
line-height: 19px;
}
h4{
font-size: 13px;
/*
margin-top: 0px;
padding-top: 0px;
*/
}
#tableContact{
width: 100%;
/*margin-top: 5px;*/
}
/*
#tableContact h2{
margin-top: 0;
}
*/
#tableForm{
width: 100%;
}
.contactGauche{
width: 215px;
padding-right: 10px !important;
text-align: left;
vertical-align: top;
padding-top: 20px !important;
}
.contactGauche h2{
margin-top: 0;
}
.contactDroiteMap{
text-align: left;
vertical-align: top;
padding-bottom: 30px;
padding-top: 20px !important;
}
.contactGaucheForm{
width: 215px;
padding-right: 10px !important;
padding-top: 4px !important;
text-align: right;
vertical-align: top;
font-weight: bold;
}
.contactDroite{
text-align: left;
vertical-align: top;
padding-bottom: 10px;
}
.contactSubmit{
text-align: left;
vertical-align: top;
padding-top: 7px;
padding-bottom: 60px;
}

input{
width: 500px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
text-indent: 10px;
background-color: #e8e8e0; 
height: 20px;
border: 1px solid #ccc; 
padding: 2px 0 2px 0;
}
textarea{
width: 500px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
text-indent: 10px;
background-color: #e8e8e0; 
height: 200px;
border: 1px solid #ccc; 
padding: 2px 0 2px 0;
}
a.lienForm{
text-decoration: none;
font-weight: bold;
color: #666666;
background-color: #e8e8e0;
padding: 6px 30px 6px 30px;
border: 1px solid #cccccc;
margin-right: 20px;
}
a.lienForm:link{
text-decoration: none;
font-weight: bold;
color: #666666;
background-color: #e8e8e0;
padding: 6px 30px 6px 30px;
border: 1px solid #cccccc;
margin-right: 20px;
}
a.lienForm:visited{
color: #666666;
background-color: #e8e8e0;
}
a.lienForm:hover{
color: #e8e8e0;
background-color: #666666;
}
#plan{
margin-bottom: 20px;
}
#plan a{
text-decoration: none;
background-color: #FFFFFF;
padding-left: 10px;
border-left: 1px solid #666666;
}
#plan a:link{
color: #666666;
}
#plan a:visited{
color: #666666;
}
#plan a:hover{
color: #FFFFFF;
background-color: #666666;
padding-left: 20px;
padding-right: 20px;
}
#plan ul{
list-style: none;
margin: 5px 10px !important;
padding-left: 0;
}

#plan ul ul{
list-style: none;
margin: 2px 30px !important;
padding-left: 0;
}

#plan li{
padding-left: 0;
}