body {
font : normal 11px arial,verdana,sans-serif;
color:#5b5b62;
background-color:#fff;
text-align: center;
margin: 0;
padding: 0;
}

#conteneur {
/*position: relative;*/
text-align: left;
width: 760px;
margin: 0 auto; 
padding: 0;
background: #fff url(../images/fond.jpg) left top no-repeat;
}

#header {
height: 126px;
}

#logo {
padding:10px 0 0 0;
}

#centre {
clear:both;
min-height: 540px;
}

* html #centre {
height: 540px;
}

#gaucheAcc {
float:left;
width:459px;
margin:18px 0 0 0;
}

#gaucheAcc .moteurAcc {
width:441px;
height:251px;
background: url(../images/bg-moteur.jpg) left top no-repeat;
padding:7px 0 0 10px;
}

#gaucheAcc .moteurAcc .titRech {
font-size:13px;
font-weight:bold;
color:#000;
}

#gaucheAcc .moteurAcc .nbreponse {
float:left;
margin:10px 0 0 0;
width:163px;
font-size:12px;
color:#000;
}

#droiteAcc {
float:left;
width:300px;
margin:18px 0 0 0;
}

#droiteAcc .charte {
width:280px;
height:146px;
background: url(../images/bg-charte.jpg) left top no-repeat;
padding:13px 0 0 20px;
font-size:10px;
font-weight:bold;
color:#000;
}

#droiteAcc .charte a {
color:#000;
text-decoration:none;
}

#droiteAcc .charte .item {
margin:0 0 4px 0;
background: url(../images/pic-auto-bl.gif) left 2px no-repeat;
padding:0 0 0 28px;
line-height:13px;
}

#droiteAcc .finan {
width:300px;
height:111px;
background: url(../images/bg-financement.jpg) left top no-repeat;
text-align:center;
padding:10px 0 0 0;
margin:15px 0 0 0;
}

#droiteAcc .agences {
width:300px;
height:152px;
background: url(../images/bg-charte.jpg) left top no-repeat;
padding:7px 0 0 0;
margin:15px 0 0 0;
}

#droiteAcc .agences .carte {
float:left;
width:150px;
}

#droiteAcc .agences .carte .titAg {
font-size:12px;
font-weight:bold;
padding:0 0 0 10px;
color:#000;
}

#droiteAcc .agences .pic {
margin:10px 0 0 10px;
}

#droiteAcc .agences .points {
float:left;
width:150px;
}

#droiteAcc .agences .points .titPt {
font-size:12px;
font-weight:bold;
color:#3d6484;
line-height:16px;
}

#droiteAcc .agences .points .villes {
font-size:9px;
font-weight:bold;
line-height:10px;
margin:3px 0 0 0;
color:#000;
}

#droiteAcc .agences .points .btAg {
width:135px;
height:17px;
background-color:#3d6484;
text-align:center;
color:#fff;
padding:3px 0 0 0;
margin:6px 0 0 8px;
}

#droiteAcc .agences .points .btAg a {
color:#fff;
text-decoration:none;
}

#droiteAcc .newsletter {
clear:both;
width:185px;
height:45px;
background: url(../images/bg-newsletter.jpg) left top no-repeat;
color:#5b5b62;
font-size:15px;
line-height:16px;
padding:15px 0 0 115px;
margin:15px 0 0 0;
}

#droiteAcc .newsletter a {
color:#5b5b62;
text-decoration:none;
}

#gaucheAcc .vitrine {
width:441px;
height:251px;
background : url(../images/bg-vitrine.jpg) left top no-repeat;
margin:28px 0 0 0;
padding:7px 0 0 10px;
color:#000;
}

#gaucheAcc .vitrine .titVit {
font-size:13px;
font-weight:bold;
height:25px;
}

.vignoffre {
clear:both;
width:420px;
height:110px;
cursor:pointer;
margin:2px 0 0 0;
}

.vignoffre .photoV {
float:left;
width:155px;
height:100px;
}

.vignoffre .descV {
float:left;
width:252px;
height:91px;
background : url(../images/bg-detail-vitrine.jpg) left top no-repeat;
margin:0;
padding:10px 0 0 10px;

}

.vignoffre .nomV {
line-height:14px;
height:60px;
}

.vignoffre .prixV {
float:left;
width:130px;
height:23px;
line-height:23px;
}

.vignoffre .detailV {
float:left;
width:108px;
height:19px;
background-color:#3d6484;
text-align:center;
color:#fff;
padding:4px 0 0 0;
}

.vignoffre .detailV a {
color:#fff;
text-decoration:none;
}

.pagin {
clear:both;
width:761px;
text-align:center;
padding:8px 0 0 0;
background-color:#a1a1a1;
height:22px;
border-left:solid 1px #a1a1a1;
border-right:solid 1px #a1a1a1;
border-bottom:solid 1px #a1a1a1;
}

.pagin .nbreponse {
float:left;
margin:0 0 0 5px;
color:#fff;
font-weight:bold;
}

.contentpagin {
margin:0 auto;
/*background-color:#99CC00;*/
}

.nopage  {
float:left;
text-align:center;
margin:0 1px 0 1px;
}

.nopage a {
display:block;
color:#fff;
font-size:9px;
text-decoration:none;
background: url(../images/nopage-off.gif) left top no-repeat;
width:17px;
height:13px;
padding:3px 0 0 0;
}

.nopage a:hover {
color:#000;
text-decoration:none;
font-size:9px;
background: url(../images/nopage-on.gif) left top no-repeat;
width:17px;
height:13px;
padding:3px 0 0 0; 
}

.nopageC  {
float:left;
background: url(../images/nopage-cour.gif) left top no-repeat;
width:17px;
height:13px;
font-size:9px;
color:#000;
text-align:center;
padding:3px 0 0 0;
margin:0 1px 0 1px;
}



#page, #financetelem {
margin:45px 0 0 0;
}


#financetelem .intro {
font-size:11px;
font-weight:bold;
line-height:17px;
padding:0 0 10px 0;
}

#financetelem .projet {
width:480px;
height:270px;
background: #ced8e1 url(../images/bg-finan-projet.jpg) left top no-repeat;
padding:0 0 0 10px;
color: #262726;
}

#financetelem .projet .titre {
height:30px;
padding:7px 0 0 0;
color:#fff;
font-size:14px;
}


#page a {
color:#5b5b62;
}

#page h1 {
font-size:13px;
}

#page h2 {
font-size:12px;
}

#reseau {
/*border:solid 1px #b1b1b1;
width:760px;
height:520px;*/
margin:33px 0 0 0;
}

#reseauCarte {
float:left;
width:430px;
margin:12px 0 0 0px;
padding:0 0 0 0;
font-size:11px;
}

#reseauCoord {
float:left;
width:300px;
margin:50px 0 0 0;
line-height:15px;
color:#5b5b62;
font-size:11px;
}

#reseauCoord .nom {
font-size:12px;
font-weight:bold;
}

#reseauCoord a {
color:#3d6484;
text-decoration:none;
font-weight:bold;
}

#menubas .menu1 {
float:left;
width:250px;
height:145px;
margin:20px 0 0 0;
}

#menubas .menu2 {
float:left;
width:200px;
height:145px;
margin:20px 0 0 0;
}

#menubas .menu1 .item, #menubas .menu2 .item {
margin:0 0 10px 0;
background: url(../images/pic-auto.gif) left 2px no-repeat;
padding:0 0 0 28px;
line-height:14px;
text-align:left;
font-size:11px;
}


#copyright {
clear:both;
text-align:center;
padding:5px 0;
}

#map {
width:330px;
height:250px;
}

.separation {
 clear:both;
 visibility:hidden;
}

#pied {
clear:both;
height:170px;
width:760px;
background: url(../images/bg-pied.jpg) left top no-repeat;
color:#707070;
font-size:11px;
margin:20px 0 0 0;
}

#pied a {
color:#707070;
text-decoration:none;
}

.boutonsnav {
padding:3px 0 0 0;
height:30px;
}

.boutonsnav .pic {
vertical-align:-8px;
}

.boutonsnav a {
color:#5b5b62;
}

table#tab1 {
   width: 763px; 
   margin:0;
}


table#tab1 td {
  border-right:solid 1px #a1a1a1;
}


table#tab1 td a {
    color:#5b5b62;
    text-decoration:none;
}

table#tab1 td.data {
	font-size:11px;
	height:45px;
	line-height:12px;
	padding:0 0 0 5px;
}

table#tab1 td.one {
    border-left:solid 1px #a1a1a1;
	font-size:11px;
	text-align:center;
}

table#tab1 td.entone {
    border-left:solid 1px #a1a1a1;
	text-align:center;
	height:25px;
	background-color:#a1a1a1;
	padding:5px 0 0 0;
}

table#tab1 td.datact {
    text-align:center;
	font-size:11px;
}
  
table#tab1 .fdCelResult1 {
	background-color: #fff;
	text-align: left;
	cursor:pointer;
	color:#5b5b62;

}
table#tab1 .fdCelResult2 {
	background-color: #f2f2f2;
	text-align: left;
	cursor:pointer;
	color:#5b5b62;	
}

table#tab1 tr:hover .data, table#tab1 tr:hover .datact {
    background-color:#D7D7D7;
	color:#5b5b62;
}

table#tab1 .entete {
	height:30px;
	text-align:left;
    font-size:12px;
	background-color:#a1a1a1;
	color:#fff;
	line-height:30px;
	padding:0 0 0 5px;
	border-right:solid 1px #a1a1a1;
}

/* fiche detail  ------- */

#fiche {
border:solid 1px #b1b1b1;
width:757px;
margin:0;
padding:3px 0 0 3px;
color:#262726;
}

#detailG {
float:left;
width:280px;
height:165px;
}

#detailG .agrandir {
clear:both;
line-height:10px;
padding:5px 0 0 0;
}


#detailD {
float:left;
width:470px;
height:165px;
}

#detailD .modele {
float:left;
width:282px;
height:83px;
}

#detailD .modele .nostock {
font-size:10px;
height:25px;
padding:5px 0 0 0;
}

#detailD .modele .nom {
font-size:12px;
line-height:14px;
}

#detailD .prix {
float:left;
width:185px;
height:50px;
border:1px solid #ced8e1;
background-color:#f4f6f8;
color:#d50200;
text-align:center;
font-size:12px;
padding:10px 0 0 0;
margin:10px 0 0 0;
}

#detailD .prix .mensu {
padding:8px 0 0 0;
}

#detailD .prix .mensu a {
color:#262726;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#detailD .descriptif {
clear:both;
color:#262726;
border-top:1px solid #d3d3d3;
}

#tabFiche {
width:480px;
margin:0;
padding:0;
}

#tabFiche td {
padding:5px 0 0 0;
}

#tabFiche td.colTG {
width:130px;
}

#tabFiche td.colTD {
}


.lignebl {
clear:both;
border-bottom:1px solid #d3d3d3;
height:5px;
width:750px;
margin-bottom:5px;
}

#equipements {
width:735px;
border:1px solid #ced8e1;
background-color:#f4f6f8;
margin:10px 0 0 7px;
padding:5px 0 10px 5px;
}

#equipements .listeop {
float:left;
margin:0;
font-size:10px;
width:365px;
}

#equipements .listeeq {
float:left;
margin:0;
font-size:10px;
width:360px;
padding-left:5px;
border-left:1px solid #000;
}

#equipements .listeop .titre, #equipements .listeeq .titre {
font-size:12px;
text-decoration:underline;
}

#equipements .listeop .colequip, #equipements .listeeq .colequip {
float:left;
width:170px;
padding:10px 0 0 0;
line-height:13px;
}

#detailContact {
float:left;
height:205px;
width:430px;
background: url(../images/bg-detail-contact.jpg) left top no-repeat;
margin:0 0 0 7px;
padding:10px 0 0 10px;
}

#detailContact .titre {
font-size:12px;
font-weight:bold;
}

#detailAgence {
float:left;
height:205px;
width:290px;
background: url(../images/bg-detail-agence.jpg) left top no-repeat;
padding:10px 0 0 10px;
}

#detailAgence .titre {
font-size:12px;
font-weight:bold;
}

#detailAgence .adresse {
float:left;
width:155px;
font-size:10px;
line-height:13px;
padding:15px 0 0 0;
}

#detailAgence .adresse .traitbl {
border-bottom:1px solid #ced8e1;
height:5px;
width:125px;
margin-bottom:5px;
}

#detailAgence .carte {
float:left;
width:131px;
text-align:center;
padding:36px 0 0 0;
}

#detailAgence .carte .btAg {
width:100px;
height:17px;
background-color:#3d6484;
text-align:center;
color:#fff;
padding:3px 0 0 0;
margin:6px auto;
}

#detailAgence .carte .btAg a {
color:#fff;
text-decoration:none;
}

/*------------*/



#formDevis {margin:15px 0 0 0; color:#3d6484; }
#formDevis .input { font : normal 11px arial,verdana,sans-serif;margin:3px 8px 0 0;width:130px;}
#formDevis label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; color:#3d6484; WIDTH: 80px ; text-align:left; margin:4px 0 0 0;  }
#formDevis .textarea { font : normal 11px arial,verdana,sans-serif; width:320px; height:65px;margin-top:0px; }


#formSearch {margin:8px 0 0 0; }
#formSearch label { DISPLAY: inline ; FLOAT: left ; color:#3d6484; font : normal 12px arial,verdana,sans-serif; WIDTH: 100px ; text-align:left; margin:3px 0 2px 0;  }
#formSearch .select { font : normal 12px arial,verdana,sans-serif; width:230px;margin:3px 0 2px 0; }

.selecttri { font : normal 11px verdana,arial,sans-serif; width:160px;margin:0 0 5px 540px; }

#formContact {margin : 20px 0 0 0; }
#formContact .input { font : normal 11px arial,verdana,sans-serif;margin:3px 0 0 0;width:210px;}
#formContact .select { font : normal 11px arial,verdana,sans-serif;margin:3px 0 0 0;width:210px;}
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; WIDTH: 80px ; text-align:left; margin:4px 0 0 0;  }
#formContact .textarea { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; width:210px; height:80px;margin:3px 0 0 0; }

#formNews {margin : 50px 0 0 210px; }
#formNews .input { font : normal 11px arial,verdana,sans-serif;margin:3px 0 0 0;width:180px;}
#formNews label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; color:#3d6484; WIDTH: 100px ; text-align:left; margin:4px 0 0 0;  }

#formFinan {margin : 0; }
#formFinan label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; WIDTH: 200px ; text-align:left; margin-right:5px; margin-top:5px;  }
#formFinan .input { font : normal 11px arial,verdana,sans-serif; margin-top:5px;color: #000;background-color: #fff; }
#formFinan .select { font : normal 11px arial,verdana,sans-serif; margin-top:5px;color: #000;width:150px;background-color: #fff;}
#formFinan .button { font : normal 11px arial,verdana,sans-serif; color: #000;}