form{
padding:0;
margin:0;}
body {
width:100%;
height:100%;
background-image: url(../images/commun/bg_boby.gif);
margin:0;
font-family:Verdana;
color:#666666;
font-size: 10px;
}
#hautGauche {
float:left;
}
#hautCentre {
width: 752px;
display:block;
height:13px;
margin:auto;
background-image:url(../images/commun/haut_centre.gif);
}
.conteneur{
width:752px;
background-image:url(../images/commun/bg_content.gif);
margin:auto;
}
#hautDroit {
float: right;
}
#basGauche {
float: left;
width:17px;
}
#basCentre {
width: 752px;
margin:auto;
background-image:url(../images/commun/bas_centre.gif);
height:13px;
}
#basDroit {
float:right;
width:17px;
}
#haut{
width:718px;
display:block;
background-image:url(../images/commun/bg_logo.png);
height:81px;
margin:auto;
}
#logo{
background-image:url(../images/commun/logo.gif);
height:81px;
width:346px;
float:left;
display:block;
}
#logo a{
height:81px;
width:346px;
display:block;
text-decoration:none;
}

#gaucheLogo{
width:366px;
float:left;
}
#centre{
margin:auto;
width:718px;
}
#adresse{
width:718px;
height:35px;
background-image:url(../images/commun/bg_adresse.png);
background-repeat:repeat;
margin:auto;
line-height:35px;
color:#5A4A12;
}
#cadreNews{
width:232px;
display:block;
float:left;
background-image:url(../images/commun/bg_news.gif);
}
#cadreNews p {
margin:2.5px 10px 1px 10px;
text-align:justify;
}
#cadreNews h1 {
font-size:11px;
color:#FF6600;
margin:0 10px 0 10px;
line-height:17px;
}
#cadreNews a.titre{
text-decoration:none;
color:#FF6600;}
#cadreNews a.summary{
text-decoration:none;
color:#666666;}

.spacerWidth {
width:5.5px;
height:5px;
display:block;
float:left;
}
.spacerEnd {
clear:both;
line-height:5px;
}
.txt_haut_gauche {
display:block;
width:6px;
height:5px;
background-image:url(../images/commun/txt_haut_gauche.gif);
background-repeat:no-repeat;
float:left;
}
.txt_haut_droit {
display:block;
width:6px;
height:5px;
background-image:url(../images/commun/txt_haut_droit.gif);
background-repeat:no-repeat;
float: right;
}
.txt_haut {
background-image:url(../images/commun/txt_haut.gif);
height:5px;
width:100%;
line-height:1px;
}
.txt_bas_gauche {
display:block;
width:6px;
height:5px;
background-image:url(../images/commun/txt_bas_gauche.gif);
background-repeat:no-repeat;
float:left;
}
.txt_bas_droit {
display:block;
width:6px;
height:5px;
background-image:url(../images/commun/txt_bas_droit.gif);
background-repeat:no-repeat;
float: right;
}
.txt_bas {
background-image:url(../images/commun/txt_bas.gif);
height:5px;
width:100%;
line-height:1px;
}
#pieces{
width:265px;
height:13px;
float:right;
margin:7px 3px 0 0;
background-image:url(../images/commun/accroche.gif);
font-size:0;
}
/*-------------------------------------------------------------
------- NAVIGATION ET BOUTON
-------------------------------------------------------------*/
#conteneurNavLogo{
width:360px;
margin-top:35px;
float:left;
}
a.siteMap   {
width:77px;
height:10px;
text-decoration:none;
background-image:url(../images/commun/bt_plan_site.gif);
float:right;
font-size:0;
}
a.partner   {
width:141px;
height:10px;
text-decoration:none;
background-image:url(../images/commun/bt_espace_pro.gif);
float:right;
font-size:0;
margin-right:10px;
}
a.siteMap:hover  {
background-image:url(../images/commun/bt_plan_site_o.gif);
}
a.contact   {
width:52px;
height:10px;
text-decoration:none;
background-image:url(../images/commun/bt_contact.gif);
float:right;
margin-left:10px;
font-size:0;
}
a.contact:hover  {
background-image:url(../images/commun/bt_contact_o.gif);
}
/*-------------------------------------------------------------
------- CONTENEUR content
-------------------------------------------------------------*/
#conteneurContent {
width:703px;
margin:auto;
background-image:url(../images/commun/milieux.gif);
}
#conteneurContent .haut {
background-color:#FF0000;
background-image:url(../images/commun/haut.gif);
height:3px;
font-size:0;
margin:auto;
clear:both;
}
#conteneurContent .bas {
height:3px;
font-size:0;
clear:both;
background-image:url(../images/commun/bas.gif);
}
#conteneurContent .col1 {
width:163px;
float:left;
}
#conteneurContent .col2 {
width:533px;
margin-left:7px;
float:left;
text-align:justify;
}
#conteneurContent .bodyContent {
margin:2px 5px 2px 5px;
}
	/*Navigation pAge---------------------*/
a.rubrique  {
width:163px;
height:25px;
line-height:23px;
display:block;
background-image:url(../images/commun/bg_nav_rub.png);
text-decoration:none;
text-indent:20px;
color:#006699;
font-size:11px;
font-weight:bold;
background-repeat:no-repeat;
}
a.rubrique:hover  {
background-color:#F4D877;
border-left:1px solid #999999;
border-right:1px solid #999999;
width:161px;
text-indent:19px;}
a.ssrubrique  {
width:163px;
height:25px;
line-height:23px;
display:block;
background-image:url(../images/commun/bg_nav_ssrub.png);
text-decoration:none;
text-indent:26px;
color:#006699;
background-repeat:no-repeat;}
a.ssrubrique:hover  {
background-color:#F4D877;
border-left:1px solid #999999;
border-right:1px solid #999999;
width:161px;
text-indent:25px;
}
.rubEncours{
height:25px;
line-height:23px;
display:block;
background-image:url(../images/commun/bg_nav_rub.png);
color:#006699;
font-size:11px;
font-weight:bold;
background-color:#F4D877;
border-left:1px solid #999999;
border-right:1px solid #999999;
width:161px;
text-indent:19px;
background-repeat:no-repeat;
}
.ssrubEncours{
height:25px;
line-height:23px;
display:block;
background-image:url(../images/commun/bg_nav_ssrub.png);
color:#006699;
background-color:#F4D877;
border-left:1px solid #999999;
border-right:1px solid #999999;
width:161px;
text-indent:25px;
background-repeat:no-repeat;}
	/*mise en forme de la page ---------------------*/
h1{
padding:0;
margin:0;
font-size:15px;
color:#182073;
line-height:27px;
font-weight:600;
}
h2{
padding:0;
margin:0;
font-size:9px;
color:#CCCCCC;
display:block;
float:right;
}
h3{
padding:0;
margin:0;
font-size:12px;
color:#FF6600;
line-height:27px;
font-weight:600;
}
hr{
padding:0;
margin:0;
color:#999999;
height:2px;
}
.imageGauche{
margin-right:5px;
padding-left:7px;
background-color:#EDBC17;
float:left;
}
.imageDroite{
margin-left:5px;
padding-right:7px;
background-color:#182073;
float:right;
}
#conteneurContent .col2 a {
text-decoration:none;
background-color:#D9E4FF;
color:#666666;

}
#conteneurContent .col2 a:hover {
text-decoration:none;
background-color:#F4D877;
}
#conteneurContent .col2 li {
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
list-style-position:outside;
margin: 0;
padding: 0 0 0 9px;
background-image:url(../images/commun/fleche_li.gif);
}
#conteneurContent .col2 ul {
margin: 0;
padding: 0 0 0 9px;
}
/*-------------------------------------------------------------
------- NAVIGATION GENERALE
-------------------------------------------------------------*/
a.bt1, a.bt2, a.bt3, a.bt4, a.bt5, .spacernav {
height:43px;
display:block;
text-decoration:none;
font-size:0;
float:left;
}
a.bt1 {
width:108px;
background-image:url(../images/navigation/bT_actu.gif);
}
a.bt2 {
width:88px;
background-image:url(../images/navigation/bt_dubois.gif);
}
a.bt3 {
width:81px;
background-image:url(../images/navigation/bt_services.gif);
}
a.bt4 {
width:141px;
background-image:url(../images/navigation/bt_devis.gif);
}
a.bt5 {
width:289px;
background-image:url(../images/navigation/bt_garage.gif);
}
a.bt1:hover {
background-image:url(../images/navigation/bT_actu_o.gif);
}
a.bt2:hover {
background-image:url(../images/navigation/bt_dubois_o.gif);
}
a.bt3:hover {
background-image:url(../images/navigation/bt_services_o.gif);
}
a.bt4:hover {
background-image:url(../images/navigation/bt_devis_o.gif);
}
a.bt5:hover {
background-image:url(../images/navigation/bt_garage_o.gif);
}

.spacernav {
width:2px;
background-image:url(../images/navigation/separation_bt.gif);
}
/*-------------------------------------------------------------
------- CONTENEUR content ACTUALITES
-------------------------------------------------------------*/
#conteneurContentActu {
width:703px;
margin:auto;
background-image:url(../images/actu/milieux.gif);
}
#conteneurContentActu .haut {
background-color:#FF0000;
background-image:url(../images/actu/haut.gif);
height:3px;
font-size:0;
margin:auto;
clear:both;
}
#conteneurContentActu .bas {
height:3px;
font-size:0;
clear:both;
background-image:url(../images/actu/bas.gif);
}
#conteneurContentActu .col1 a{
color:#FF0000;}

#conteneurContentActu .col1 {
width:249px;
float:left;
text-align:justify;
}
#conteneurContentActu .col2 {
margin-left:8px;
float:left;
text-align:justify;
width:445px;
}
#conteneurContentActu .bodyContent {
margin:2px 5px 2px 5px;
}
#conteneurContentActu  .col2 a {
text-decoration:none;
background-color:#D9E4FF;
color:#666666;}
#conteneurContentActu  .col1 a {
text-decoration:none;
color:#FF6600;
font-size:11px;
font-weight:bold;}
#conteneurContentActu  .col2 a:hover {
text-decoration:none;
}
#conteneurContentActu  .col2 li {
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
list-style-position:outside;
margin: 0;
padding: 0 0 0 9px;
background-image:url(../images/commun/fleche_li.gif);
}
#conteneurContentActu .col2 ul {
margin: 0;
padding: 0 0 0 9px;
}
/*-------------------------------------------------------------
------- contenet GARAGE
-------------------------------------------------------------*/
#garage{
width:522px;
float:left;
margin:5px 0 5px 0;}
#colContent{
width:372px;
display:block;
float:left;}
#colContent h1{
margin:0;
padding:0;
font-size:12px;
color:#FF6600;}
#colContent h2{
float:left;
display:block;
width:100%;
font-size:10px;
color:black;
text-align:left;}
#colContent .contact{
width:355px;
padding:15px 0px 15px 25px;
background-image:url(../images/garages/bg_identite.png);
height:180px;
background-repeat:no-repeat;}
#colContent .contact  p{
width:330px;
margin:0;
padding:0;}
#colContent .contact a{
text-decoration:none;
color:#FF6600;}
#colImg{
width:142px;
display:block;
float:left;
text-align:center;}
#colSevices{
width:355px;
padding-left:17px;
display:block;
float:left;}
/*-------------------------------------------------------------
------- Affichage liste de garage
-------------------------------------------------------------*/
#listGarages{
width:516px;
dislpay:block;
float:left;
margin-left:2px;
border:1px solid #C3C3C3;
background-image:url(../images/garages/bg_list.gif);
}
a.flecheHaut{
width:19px;
float:left;
display:block;
height:26px;
text-decoration:none;
background-image:url(../images/garages/fleche_haut.gif);}
a.flecheBas{
width:19px;
float:left;
display:block;
height:26px;
text-decoration:none;
background-image:url(../images/garages/fleche_bas.gif);}
#listGarages .titres{
float:left;
}
#listGarages .titres{
float:left;
}
#listGarages .nom{
display:block;
float:left;
width:150px;
padding-left:25px;
line-height:30px;
vertical-align:middle;}
#listGarages .ville{
height:30px;
display:block;
float:left;
width:215px;
padding-left:12px;
line-height:30px;
vertical-align:middle;}
#listGarages .picto{
float:left;
}
/*-------------------------------------------------------------
------- Affichage liste promos
-------------------------------------------------------------*/
#listPromo{
width:516px;
dislpay:block;
float:left;
margin-left:2px;
border:1px solid #C3C3C3;
background-image:url(../images/promotions/bg_list.gif);
}
#listPromo .titres{
float:left;
}
#articles{
line-height:15px;
}
#articles .produit{
display:block;
float:left;
width:274px;
vertical-align:middle;
padding-left:20px;}
#articles a.produit{
text-decoration:none;}
#articles .prix{
display:block;
float:left;
width:55px;
vertical-align:middle;
text-align:center;
text-decoration: line-through;}
#articles .promo{
display:block;
float:left;
width:62px;
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:12px;
color:#FF6600;}
#articles .qte{
display:block;
float:left;
width:45px;
vertical-align:middle;
text-align:center;}
/*-------------------------------------------------------------
------- CARTE GARAGES
-------------------------------------------------------------*/
#laCarte{
width:690px;
margin:auto;}
#carte{
width:690px;
height:580px;
background-image:url(../images/garages/bg_carte.png);
background-repeat:no-repeat;
float:left;}
#carteZoom{
width:690px;
height:520px;
background-image:url(../images/garages/bg_carte_zoom.png);
background-repeat:no-repeat;
float:left;}
#garages{
margin:auto;
width:690px;}
	#garages #top{
	font-size:0;
	display:block;
	float:left;
	width:690px;
	height:4px;
	background-image:url(../images/garages/top.gif);}
	#garages #middle{
	width:690px;
	background-image:url(../images/garages/middle.gif);}
			#garages #middle .bodyContent {
			margin:0 5px 0 5px;}
	#garages #bottom{
	font-size:0;
	width:690px;
	height:4px;
	background-image:url(../images/garages/bottom.gif);}
#actante{
margin:auto;
width:690px;
text-align:right;
font-size:9px;}