/*   http://www.chevrelbureau.com/code/css/acb.css   */
/* dernière modif:24/06/04*/
/* règles générales */
body{color:black;font:90% arial,sans-serif;background:url(/img/fond600x5.png) white repeat-y;}
a{text-decoration:none;}
a:link{color:#ff8080;}
a:hover{color:mediumslateblue;text-decoration:underline;}
a:active{color:mediumpurple;}
a img{border:none;}
h2{font-size:1.3em;}
h4{font-size:0.9em;}
h3,div#colonnemilieu p:first-letter{font-size:1.1em;}
body,h1,h2,h3,h4,#menu ul{margin:0;padding:0;}

hr.sep {clear:both; height:1px; border:none; border-top:1px dotted gray; width:60%;}

/* global et générique */
.flotteG{float:left;display:block}
.flotteD{float:right;display:block}
.encadreimage{border:1px solid black;margin-right:4px;margin-bottom:4px;}
.barrer{font-style:italic;text-decoration:line-through;color:black;}
.txtd{text-align:right;}
.txtg{text-align:left;}
.txtc{text-align:center;}
.bloc-centrer{display:block;margin-left:auto;margin-right:auto;}
/* Menu */
#menu{width:160px;padding:1px;margin:2px;position:absolute; top:80px;}
#menu ul ul{margin-left:10px;font-size:0.8em;}
#menu li{margin:0;padding:3px;padding-right:0;list-style-type:none;}
#menu li span a { font-weight:bold; color:gray; text-transform: uppercase}
#menu li.selection span {display:block;background: url(/img/fond600x5bleu.png)}
#menu a{color:#FF6600;display:block;_width:70%;/*bug débordement cadre IE */ width:100%;/* annuler bug débordement cadre IE */ font:normal 0.95em Verdana,Geneva,Arial,Helvetica,sans-serif;}
#menu a:hover{text-decoration:none;color:darkgreen;background: white url(/img/curseur.gif) repeat-y right;}
#menu a.actif{color:#6B5FB1 !important;font-weight:bold !important;}
#menu h3{border-bottom:3px solid #FF9900;font-size:1.1em;font-weight:700;text-transform:uppercase;color:#655F4B;}
#menu h3.vert{border-bottom:3px solid limegreen;}
#menu ul.vert a{color:green;}
#menu ul.vert a:hover{background:#EBFEEE url(/img/curseur.gif) repeat-y right;}
/* #menu li *:first-letter {font-variant: small-caps} */
/* entête */
#titre{background:white;}
#titre h1{color:#2A4446;letter-spacing:4px;width:567px;padding:10px 0 10px 0;float:left;height:24px;text-align:right;font:oblique bold 24px/20px Garamond, serif;}
#titre div.logo{float:left;width:300px;height:60px;}
#titre p{clear:both;padding:0 0 0 0.5em;margin:0;letter-spacing:0.5em;border-top:3px solid maroon;min-width:590px;width:860px;max-width:860px;font:italic 1em "Times New Roman",Times,serif;background:url(/img/fond600x5.png)repeat-y;}
/* corps */
div#colonnemilieu{position:relative;margin-top:5px;margin-left:170px;max-width:750px;font-size:1em;width:700px;}
div#colonnemilieu h2{color:white;background:#FF9900;border:2px groove white;padding-left:3px;margin-bottom:4px;clear:both;font:normal normal 1.1em "Century Gothic",serif;}
div#colonnemilieu h3 {clear:both;}
div#colonnemilieu h3 {color:maroon; text-align:center; margin:0.5em 0 0.5em 0; letter-spacing:1px; border-bottom:1px solid orange;}
div#colonnemilieu p{text-indent:10px;padding:0 2px 0 2px;max-width:55em;}
div#colonnemilieu p.important{text-indent:0;padding:5px; border:3px solid red; font-size:1.2em; font-weight:bold;text-align:center; background-color:white;}
div#colonnemilieu p.tel_important {text-align:center; background-color:white;font-size:150%;color:#655F4B;border:3px solid #FF9900;}
div#colonnemilieu ul {margin-left:50px !important;}
div#colonnemilieu li {list-style-image:url(/img/pvert.gif); margin-left:1em;margin-bottom:0.5em;}
div.boitemodele{float:left;margin:2px;border:1px solid gray;}
div.boitemodele h4{text-align:center;border-bottom:1px solid gray;color:white;background:#FF9900;}
.promo{clear:both;text-align:right;color:#F90000;border:1px solid #717171;font:bold 1.3em sans-serif;background:ivory;}

/* gamme en promo */
div#colonnemilieu div.gamme {position:relative;}
div#colonnemilieu div.gamme div.enpromo {position:absolute; top:0; left:0; z-index:2; height:74px; width:74px; background:transparent url(/img/promo.png) no-repeat top left; text-indent:-1000em}

/* loupe sur image */

div.lightbox { position:relative; float:left;}

div#colonnemilieu  .loupe {position:absolute; bottom:10px; right:10px; z-index:2; height:60px; width:60px; background:transparent url(/code/js/lightbox/images/loupe.png) no-repeat bottom right; vertical-align:bottom;}



.lienimage{border:1px outset black;margin-top:4px;display:block;}
.lienimage:hover{border:1px solid red;display:block;}
.annotation{color:gray;font:0.8em Verdana,sans-serif;}
.bloc,.boitemodele img,.lienimage img{display:block;}
#cloisons td,#cloisons th{width:33%;vertical-align:top;border:1px dotted gray;font-family:monospace;color:orange;}
#cloisons{text-align:center;}
/* nouvelles accueil */
dl{}
dt{font-style:italic;color:green;width:25%;border-bottom:1px dotted gray;margin:2px 0;clear:both;}
dd{margin-left:40px;}
dd.important {border-left:4px solid #FF9900; padding-left:10px; margin-left:26px;background:url(/img/fond600x5bleu.png); background-repeat:repeat-y;}
dd.important strong {letter-spacing:1px;}
div.racine table{margin-left:auto; margin-right:auto; border-spacing: 2px 1px;}
div.racine td{height:125px; border:1px solid lightgray;}
div.racine td img{height:125px;display:block;}
div.racine th{font-family:serif;color:white;letter-spacing:2px;opacity:0.6;background:green;}
div.racine th a{color:white;text-decoration:none;}
div.racine table a,div.racine table a img{display:block;margin:auto;}
/* trombine christine */
.trombine {float:right; width:104px; position:relative;margin-right:10px;}
.trombine div#contact {display:none; width: 170px; border:2px solid #FF9900; position:absolute; top:0; margin-left:-175px; background:lightgreen;}
.trombine div#contact span {padding:0 4px;}
.trombine div#contact span.nom { font-family: "Century Gothic",serif;font-size:1.1em;border-bottom:1px solid #FF9900; background:#008000; color:white;display:block;}
.trombine div#contact .tel {padding:2px 0;font-size:1.1em;display:block;  background:white;text-align:center;}
.trombine div#contact .clic {font-size:0.8em;display:block; background:white;text-align:center;}
.trombine div#contact br {display:none;}
/* vCard en microformat */
.vcard {display:none;}