body { font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; }

#wrapper { width: 900px; border-left: 1px solid black; border-right: 1px solid black; margin: 0 auto; position: relative; }
h1 { background: white url( images/acc09/header.gif ) no-repeat top left; margin: 0; height: 87px; text-indent: -5000px; }
.service { font-weight: bold; position: absolute; right: 0; top: 49px; height: 27px; padding: 10px 0 0 40px; width: 365px; background: #FFCC33 url( images/acc06/panier.gif ) no-repeat left top; border-top: 1px solid black; margin: 0 }
.service a { background: #F9DE85; padding: 0 10px; color: black; font-weight: bold;  }
#search_form { border-top: 1px solid black; border-bottom: 1px solid black; height: 32px; padding-top: 6px; margin: 0; top: 87px; background: white url( images/acc06/recherche.gif ) no-repeat left center; }
#search_form label, #search_form input { vertical-align: middle; }
#search_form label { font-weight: bold; }
#search_form input { font-size: 10px; margin-left: 10px; }
#search_form input.textinput { width: 150px; }

ul#menu_societe { list-style-type: none; margin: 0; padding: 0; float: left; left: 0; z-index: 2; height: 28px; width: 464px; padding: 10px 0px 0 30px; border: 1px solid black; border-left: none;}
#menu_societe li { display: inline; }
#menu_societe li a:link { color: black; text-decoration: underline; font-weight: bold; }
#menu_societe li a:visited { color: #666; text-decoration: underline; font-weight: bold; }
#menu_societe li a:visited { color: black; text-decoration: underline; font-weight: bold; }

#menu_catalogue { width: 439px; clear:both; margin: 0; float: right; }
#menu_catalogue h2 { margin: 0; font-family: arial, helvetica, sans-serif; font-size: 24px; font-weight: normal; text-align: center; color: #999; padding: 8px 0; }
#menu_catalogue h2 strong { color: #3c6512 }
#menu_catalogue ul { list-style-type: none; display: inline; float: left; margin: 0; padding: 0 0 0 0; width: 145px; margin-right: 1px; font-family: Arial, Verdana, Sans-Serif; }
#menu_catalogue li ul { margin: 0; padding: 0 0 0 0; height: 205px; }
#menu_catalogue li li { float: none; width: auto; margin: 0 4px; padding: 5px 0; border-bottom: 1px dashed #666; }
#menu_catalogue li h3 { background: #333; color: white; margin: 0; padding: 3px; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 16px; }
#menu_catalogue li a:link { color: black; text-decoration: none; }
#menu_catalogue li a:visited { color: #666; text-decoration: none; }
#menu_catalogue li a:hover { color: black; text-decoration: underline; }

#menu_catalogue ul.exterieur { background: #F0F0F0 url( images/acc06/fond-menu-exterieur.jpg ) repeat-x top left; }
#menu_catalogue ul.interieur { background: #F0F0F0 url( images/acc06/fond-menu-interieur.jpg ) repeat-x top left; }
#menu_catalogue ul.accessoires { background: #F0F0F0 url( images/acc06/fond-menu-accessoires.jpg ) repeat-x top left; margin-right: 0 }

#menu_catalogue ul.exterieur h3 { background: #3D7335; }
#menu_catalogue ul.interieur h3 { background: #900; }
#menu_catalogue ul.accessoires h3 { background: #999; }

#terrasse { display: inline; float: left; width: 452px; height: 181px; margin: 0 7px 0 0; padding: 170px 0 10px 0; position: relative; left: -1px; border-left: solid 1px #000; background: #FFF0BF url( images/acc09/fond-terrasses.jpg ) no-repeat left top; overflow: hidden }

#terrasse p { margin: 5px 0 0 0; }
#terrasse p.first { margin: 0; }

#terrasse .dimensions { width: 251px; border-right: 1px solid black; overflow: hidden; float: left }
#terrasse select { width: 70px; }
#terrasse label { width: 167px; padding: 3px 7px 0 4px; text-align: left; float: left; font-size: 12px; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; }
#terrasse .resultat { padding: 10px 0 0 0; overflow: hidden; zoom: 1; }
#terrasse .prix { color: black; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Sans-Serif; margin: 0 0 0 5px }
#terrasse .prix strong { font-size: 18px; color: #900; }
#terrasse .explication { color: #666; margin: 0; padding: 10px 5px 0 5px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px }
#terrasse p.detail { text-align: left; color: #000000; text-decoration: underline; padding: 0px 0 0 4px; }
#terrasse .detail a { display: inline; padding: 2px 20px 3px 0; font-size: 11px; text-align: right; border: none; background: none; color: #666; text-decoration: underline; cursor: pointer; margin: 0; width: auto; line-height: 20px; color: #000000;}
#terrasse .detail a.on { background: transparent url( images/acc09/options-on.gif ) no-repeat right center; }
#terrasse .detail a.off { background: transparent url( images/acc09/options-off.gif ) no-repeat right center; }
#terrasse div.commande { padding: 0; text-align: right; position: absolute; right: 0; bottom: 5px }
#terrasse button.commande { 
	display: inline; float: right;
	padding: 0 50px 6px 3px; height: 40px; width: 161px;
	color: #000; text-align: right; font-weight: bold; font-size: 16px;
	border: none; background: #FFCC33 url( images/acc06/bouton-commander.gif ) no-repeat left top; font-family: Arial, Verdana, Sans-Serif; 
	vertical-align: top; cursor: pointer;
	}
#terrasse input.text { width: 66px; }
#terrasse button.commande span { display: block; line-height: 14px; }
#terrasse .conseiller { margin: 5px 5px 0 0; position: absolute; left: 8px; bottom: 15px }

#palissade { float: right; width: 439px; height: 192px; margin: 0; padding: 170px 0 0 0; background: white url( images/acc09/fond-palissades.jpg ) no-repeat right top; overflow: hidden;position: relative; }
#palissade .dimensions { float: left; border-right: 1px solid black; width: 220px; }
#palissade .dimensions p { padding-left: 17px; margin: 5px 0 0 0; }
#palissade select { width: 100px; }
#palissade label { width: 67px; padding: 3px 7px 0 4px; text-align: left; float: left; font-size: 12px; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; }
#palissade .resultat { padding: 10px 0 0 5px; overflow: hidden; zoom: 1; }
#palissade .resultat p { margin: 0;  }
#palissade .resultat p.prix {  color: black; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, Sans-Serif;  }
#palissade .prix strong { font-size: 18px; color: #900;  }
#palissade .detail { display: inline; font-size: 11px; text-align: left; border: none; background: none; color: #666; cursor: pointer; padding: 0; margin: 0 0 0 50px; width: 125px; border-bottom: solid 1px #666; }
#palissade .explication { clear: both; padding: 5px 4px; color: #666; font-size: 10px; }
#palissade div.commande { padding: 0; text-align: right; position: absolute; right: 0; bottom: 5px }
#palissade button.commande { 
	display: inline; float: right;
	padding: 0 50px 6px 3px; height: 40px; width: 161px;
	color: #000; text-align: right; font-weight: bold; font-size: 16px;
	border: none; background: #FFCC33 url( images/acc09/bouton-commander.gif ) no-repeat left top; font-family: Arial, Verdana, Sans-Serif; 
	vertical-align: top; cursor: pointer;
	}
#palissade button.commande span { display: block; line-height: 14px; }
#palissade .conseiller { margin: 5px 5px 0 0;  position: absolute; left: 8px; bottom: 15px  }
.conseiller { color: #666; padding-left: 15px; background: transparent url( images/acc09/conseiller.gif ) no-repeat left center; font-size: 11px; text-decoration: underline;  }

#additionnal_services {  clear: both;  background: #F0F0F0; height: 60px; margin: 0;  }
#additionnal_services p { border-top: 1px dashed #000; margin: 0 10px; padding: 10px 0;  }
#additionnal_services p a { background: url(images/acc09/puce.gif) no-repeat left center; padding: 0 0 0 14px; }
#realisations_clients { clear: both; background: #333 url( images/acc06/fond-realisations.gif ) no-repeat left bottom ;  height: 35px; color: white; }

#pied { clear: both; margin: 0; overflow: hidden; border-bottom: 1px solid black; }
#pied .compartiment { float: left; margin: 0; padding: 0; }
#pied ul { list-style-type: none;  }
#pied li { margin: 0; padding: 0; }
#pied #contact { width: 150px; padding: 7px 0 46px 30px; background: white url( images/acc06/contact.gif ) no-repeat left top; }
#pied #contact a { color: black;  }
#pied #adresses { border-left: 1px solid black; border-right: 1px solid black; padding: 7px 0 20px 30px; background: white url( images/acc06/fleche-bas.gif ) no-repeat left top; width: 500px; }
address { font-style: normal; }
address strong { background: #CCCCCC; color: #49535a;  }
#pied form{text-align:center;padding-top: 10px;}


#additionnal_services a:link { color: black; text-decoration: none; }
#additionnal_services a:visited { color: #666; text-decoration: none; }
#additionnal_services a:hover { color: black; text-decoration: underline; }
/* pour le reflow sur firefox */
.forceReflow{ padding-bottom: 1px; }

#promotion { display: inline; float: left; clear: left; width: 495px; margin: 39px 0 0 0; padding: 0 0 5px 0; border-top: solid 1px #000; border-right: solid 1px #000; background: #FFF }
#promotion h2 { display: none }

#promotion img { float: left; margin: 5px 0 0 5px; border-top: solid 20px #E5E5E5 }
#promotion div { float: left; width: 260px; margin: 5px 0 0 10px }
#promotion h3 { margin: 20px 0 6px 0; padding: 0 0 6px 0; color: #F00; border-bottom: dashed 1px #666; text-transform: uppercase; font: bold 12px Arial }
#promotion p { margin: 0 0 10px 0; font: bold 11px Arial }
#promotion p b, #promotion p strong { font-size: 16px; color: #F00 }

#promotion a { text-decoration: none }
#promotion a img { border: none }
#promotion a:hover { text-decoration: underline }

#promotion .consulter1 { float: left; clear: left; width: 115px; margin: 0 0 0 5px; padding: 0 2px 2px 98px; background: #E5E5E5; text-align: right }
#promotion .consulter2 { float: left; position: relative; top: -1px; width: 260px; margin-left: 10px; padding: 4px 0 0 0; border-top: dashed 1px #666; color: #F00; font: italic 11px Arial; text-align: right }

.promotions { font-weight: bold; color: #F00 !important; text-transform: uppercase }