/* CSS Document */
* { padding: 0; margin: 0; }
HTML { height: 100%; }
BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
A IMG { border: none; outline: none; }

/* Global */
#global { width: 100%; height: 800px; background: #FFF url(../pics/charte/bg-global.png) top left repeat-x; }

/* Header */
#header { height: 103px; }
#header H1 { }
#header H1 A { display: block; float: left; width: 234px; height: 99px; background: url(../pics/charte/bg-logo.jpg) top left no-repeat; text-decoration: none; font-size: 0px; text-indent: -10000px; line-height: 0px; outline: none; }

#header #logo { position: absolute; right: 50px; top: 0; }

/* Contenu */
#contenu { }

/* Colonne de gauche */
#colGauche { width: 210px; float: left; padding: 0 0 70px 0; background: #FFF url(../pics/charte/bg-colGauche.png) bottom left no-repeat; }
#colGauche H2 { color: #A13A3E; font-size: 13px; padding: 20px 5px 5px 2px; }
#colGauche UL { list-style: none; }
#colGauche LI { border-bottom: 1px solid #808080; margin: 0 5px 3px 5px; padding: 0px 0 2px 0;}
#colGauche LI A { display: block; margin: 0 0 0 5px; text-decoration: none; color: #A39471; font-size: 13px; line-height: 16px; }
#colGauche LI A:hover { background: #FFF; }

#colGauche #footerColGauche { height: 44px; background: url(../pics/charte/bg-footer-colGauche.png) top left no-repeat; }

/* Article */
#article { padding: 67px 20px 0 230px; background: #FFF url(../pics/charte/bg-article.gif) left bottom no-repeat;  }
#article H2 { border-bottom: 1px solid #808080; color:#A13A3E; font-size: 24px; margin: 0 0 20px 0; }
#article H3 { border-bottom: 1px solid #808080; color:#A13A3E; font-size: 19px; margin: 20px 0 20px 0; }
#article P  { color: #744400; margin: 0 0 20px 0; }
#article A  { color: #A13A3E; }
#article UL { list-style: inside; margin: 15px 0 25px 20px; }
#article UL LI { color: #744400; margin: 0 0 5px 0; }

.artGauche { float: left; width: 60%; }
.artDroite { float: right; width: 230px; padding: 0 30px 0 0; }
.artDroite IMG {  }

/* Images */
.vignette { width: 150px; margin: 20px 0 0 0; }
P.copyright { font-size: 12px; color: #000 !important; margin: 3px 0 0 0 !important; }
P.copyright A { color: #000 !important; text-decoration: none; }

#energyBox { }
#energyBox DIV.energy1 { float: left; width: 200px; padding: 0 0 20px 150px; }
#energyBox DIV.energy2 { float: left; width: 200px; padding: 30px 0 20px 150px; }

/* Liens */
.liens { height: 90px; }
.liens P { margin-bottom: 0 !important; font-size: 14px; line-height: 30px; }
.liens IMG { vertical-align: middle; }
.liensLeft { float: left; width: 150px; }
.liensRight { float: left; width: 350px; border-left: 1px solid #333; padding: 0 0 0 10px; }

/* News  - Accueil*/
.news { float: right; background: #C3BCA8 url(../pics/charte/bg-news.gif) left bottom no-repeat; width: 446px; padding: 0 0 20px 0; margin: 0 0 20px 20px; }
.news .newsHeader { height: 14px; background: url(../pics/charte/bg-news-header.gif) left top no-repeat; }
.news H3 { margin: 0 15px 0 15px !important; border-bottom: 1px solid #FFF !important; }
.news P { padding: 0 15px 0 15px; color: #5B5440 !important;  }
.news IMG.imgLeft { margin-left: 10px; border: 1px solid #FFF; }
H4.phrase { margin: 0 15px 10px 15px !important; padding: 5px 0 5px 0; border-bottom: 1px solid #FFF !important; font-size: 12px; color: #5B5440; font-style: italic; }


/* Actualités */
.actus { background: #C3BCA8 url(../pics/charte/bg-news.gif) left bottom no-repeat; width: 496px; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.actus .newsHeader { height: 14px; background: url(../pics/charte/bg-news-header.gif) left top no-repeat; }
.actus H3 { margin: 0 10px 20px 10px !important; border-bottom: 1px solid #FFF !important; }
.actus P { padding: 0 10px 0 10px; color: #5B5440 !important;  }
.actus IMG.imgLeft { margin-left: 10px; border: 1px solid #FFF; }

/* Formulaire Devis et contact */
#devis { }
#devis * { font-family: Verdana, Arial, Helvetica, sans-serif !important; }
#devis P { margin-bottom: 5px; }
#devis FIELDSET { border: 1px solid #744400; padding: 20px 10px 20px 10px; margin: 0 0 20px 0; }
#devis FIELDSET LEGEND { color: #744400; padding: 0 10px 0 10px; font-weight:bold; font-style: italic }
#devis LABEL { display: block; float: left; width: 200px; }
#devis LABEL.inline { display: inline !important; float: none !important; }
#devis INPUT { width: 250px; font-size: 15px; padding: 1px 2px 1px 2px; }
#devis INPUT.chk { width: 12px; vertical-align: middle; margin-right: 5px; }
#devis INPUT.bouton { }
#devis TEXTAREA { width: 450px; height: 215px; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 14px; padding: 1px 2px 1px 2px; }

/* Produits */
.produits { float: left; margin: 0 0 10px 10px; width: 125px; height: 135px; border: 1px solid #000; background: #FFF; text-align: center; font-size: 11px; padding: 15px 0 0 0; line-height: 17px; }
.produits A { text-decoration: none; color: #744400 !important; font-weight: bold; }

UL.descriptif { list-style: none !important; }
UL.descriptif LI { background: url(../pics/charte/actionok.png) top left no-repeat; padding: 0 0 3px 40px; }

/* Footer */
#footer { clear: both; border-top: 1px solid #333; padding: 30px 0 20px 0; line-height: 20px;}

/* Génériques */
.center { text-align: center; }
.spacer { clear: both !important; font-size: 0px !important; height: 0px; }
.clear { clear: both !important; }
.imgDroite { float: right; margin: 0 0 15px 15px; }
.imgLeft { float: left; margin: 0 15px 15px 0; }
.borderNone { border: none !important; }
.red { color: #C00; }
.right { text-align: right !important; }
.illDroite { float: right; width: 500px; }
.gauche { float: left; }
.droite { float: right; }

#sitemapLeft { float: left; width: 300px; font-size: 12px; margin-right: 30px;}
#sitemapRight { float: left; width: 400px; font-size: 12px; }
#sitemapLeft H3, #sitemapRight H3 { font-size: 13px; border: none; margin-bottom: 0px; }

/********** BOITE DE DIALOGUE DHTML **********/
#MB_overlay { position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999; background-color: #FFF !important; }
#MB_overlay[id] { position: fixed; }
#MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; }
#MB_window[id] { position: fixed!important; }
#MB_frame { position: relative; height: 100%; background-color: #ECF3F9; }
#MB_header { margin: 0; padding: 0; }
#MB_content { padding: 6px .75em; overflow: auto; }
#MB_caption { margin: 0; padding: .5em 2em .5em .75em; font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; text-align: left; }
#MB_close { position: absolute; top: 4px; right: 5px; display: block; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; }
#MB_close:hover { background: transparent; }
#MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(../spinner.gif) 50% 0 no-repeat; }
#MB_frame { padding-bottom: 7px; }
#MB_window { background-color: #EFEFEF; color: #000; }
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; }
#MB_caption { color: #000; }
#MB_close { color: #777; }
#MB_close:hover { color: #000; }
.MB_alert { margin: 10px 0; text-align: center; }