@charset "utf-8";
/* CSS Document */

/* GENERALITES */

body, div, p, h1, h2, h3, h4, h5, h6, table, tr, td, input, textarea, img, form {margin:0; padding:0; border:0; font-family:Verdana; font-size:11px; font-weight:normal; font-style:normal; text-decoration:none; background:0;}

table {border-collapse:collapse;}
td {vertical-align:top;}
p {font-family:Verdana; font-size:11px; line-height:18px; margin:0 0 6px 0; color:#222222;}
a {color:inherit; text-decoration:none;}
#texte a {color:#FF9900;}
h1 {font-weight:bold; font-size:12px; color:#333333; letter-spacing:1px; margin:0 0 5px 0;}
h2 {font-weight:bold; font-size:10px; color:#333333; letter-spacing:1px; margin:15px 0 1px 0;}
h3 {}
.px9 {font-size:9px;}
p.note {font-size:10px; margin-bottom:0; line-height:14px;}
p.liste1 {margin-left:30px; text-indent:-10px;}
.exposant {vertical-align:super; font-size:9px;}
.cache {display:none;}





/* ZONES */
#entete {position:absolute; left:0px; top:5px; width:800px; height:40px; border-bottom:1px solid #000000;}
#titre {font:bold 30px Rockwell; color:#111111; margin:0 0 0 5px;}
#cheveux {position:absolute; left:342px;top:0;}


/* gauche */
#gauche {position:absolute; left:5px; top:70px; width:145px; height:550px; 
border-bottom:1px solid #444444; background-color:#444444;}
#gauche p {font-size:10px; margin:0; padding-left:7px;}

#gauche2 {position:absolute; left:5px; top:70px; width:145px; height:550px; 
border-bottom:1px solid #777777; }
#gauche2 p {font-size:10px; margin:0; padding-left:7px;}

#som1 {margin:20px 0 20px 0; padding:5px 0 10px 0px; border:1px solid #FF9900; background-color:#FFFFFF;}
#gauche2 #som1 {margin:20px 0 20px 0; padding:5px 0 10px 0px; border:1px solid #999999; background-color:#E5E5E5;}
#som1 p.titre {color:#FF9900; font-size:12px; font-weight:bold;}
#gauche2 #som1 p.titre {color:#444444; font-size:12px; font-weight:bold;}

#som2 {}
#som2 div {height:21px; margin:8px 0 0 10px; border:1px solid #999999;
border-right:0; background-color:#FFFFFF;}
#som2 p {margin-left:65px; padding:1px 5px 2px 7px;}

#somesp {background-image:url(img/boutons/esp.jpg); background-repeat:no-repeat; background-position:0 0;}
#sommob {background-image:url(img/boutons/vitrine4.jpg); background-repeat:no-repeat; background-position:0 0;}
#somvit {background-image:url(img/boutons/vit3.jpg); background-repeat:no-repeat; background-position:0 0;}
#somlum {background-image:url(img/boutons/lumiere2.jpg); background-repeat:no-repeat; background-position:0 0;}

#som3 {margin:0 0 20px 0; padding:5px 0 5px 0px; border:1px solid #009900; background-color:#FFFFFF;}
#gauche2 #som3 {margin:0 0 20px 0; padding:5px 0 5px 0px; border:1px solid #999999; background-color:#E5E5E5;}
#som3 p.titre {color:#006600; font-size:12px; font-weight:bold;}
#gauche2 #som3 p.titre {color:#444444; font-size:12px; font-weight:bold;}

#som4 {margin:20px 0 20px 0; padding:5px 0 5px 0px; border:1px solid #777777; background-color:#FFFFFF;}
#gauche2 #som4 {margin:20px 0 20px 0; padding:5px 0 5px 0px; border:1px solid #999999; background-color:#E5E5E5;}

#gauche a:hover div {background-color:#F3F3F3;}
#gauche a:hover p {background-color:#F3F3F3;}
#gauche2 a:hover p {background-color:#FFFFFF;}

#som1 a.surligne div {background-color:#FFFCC0;}
#som1 a.surligne p {background-color:#FFFCC0;}
#som3 a.surligne p {background-color:#C0FFC0;}
#som4 a.surligne p {background-color:#E0E0E0;}
#gauche2 #som4 a.surligne p {background-color:#FFFCC0;}




/* centre */
#centre {position:absolute; left:150px; top:70px; width:636px; height:550px; padding-left:14px; 
border-bottom:1px solid #777777;}

#centre.accueil {}
#centre.espaces {}
#centre.vitrines {}
#centre.lumiere {}

#texte {position:absolute; left:15px; top:0; width:350px;}
#signature {margin-top:20px;}


#d {position:absolute; right:0; bottom:0;}
#b {position:absolute; left:0; bottom:0;}


#bas {position:absolute; left:15px; top:340px; width:692px; height:182px; border:0px dashed #777777;}
#img1 {float:left;width:230px; height:180px; overflow:hidden;}
#img2 {float:left;width:230px; height:180px; overflow:hidden;}
#img3 {width:230px; height:180px; overflow:hidden;}

#droite {position:absolute; left:495px;top:0px; width:212px; height:340px; border:0px dashed #777777; 
border-bottom:0px solid #FFFFFF;}
#img4 {width:210px; height:170px; overflow:hidden;}
#img5 {width:210px; height:170px; overflow:hidden;}


#photo2 {position:absolute; right:30px; top:30px;}
#photo3 {position:absolute; right:30px; top:280px;}

#texte2 {position:absolute; width:250px;}
#texte2 h2 {color:#000000;}
#texte2 p {color:#000000;}





/* bas */

#bords {position:absolute; right:0; bottom:0; width:0px; height:25px; border-right:1px solid #777777;}

#pied {position:absolute; right:5px;bottom:-25px;}
#pied p {font-size:9px;}





/* diapos */
#h0 {position:absolute; left:9px; top:-24px; width:641px; height:63px; background-color:#444444;}
#h1 {position:absolute; left:20px; top:-3px;}
h1.titrediapo {font:bold 22px rockwell; color:#111111; color:#FFFFFF;}
#h2 {position:absolute; right:0; top:-24px; width:250px; height:51px; padding:8px 15px 5px 5px; text-align:right;
border-right:1px solid #777777;}
#h2 p {float:right; width:250px; margin:0; padding:2px 5px 1px 0; line-height:12px; text-align:right; 
background-color:#FFFFFF; font-size:9px; border-bottom: 1px solid #444444;}
#h2 p.actuel {background-color:#FFFCC0;}


#diapo {position:absolute; right:0; bottom:0; width:640px; height:490px; padding:0 0 20px 0;
overflow:auto; border-right:1px solid #777777; background-color:#222222;}
#diapo div {margin-left:auto; margin-right:auto; text-align:left;}
.w580 {width:580px;}
.w501 {width:501px;}
.w435 {width:435px;}
.w388 {width:388px;}
.w378 {width:378px;}
.w480 {width:480px;}
.w360 {width:360px;}

#diapo p {color:#FFFFFF;}
p.nom {clear:both; margin:5px 0 0 0;}
p.legende {position:relative; top:-3px; float:right; margin:0; font-size:9px;}
p.notes {margin:0 0 5px 0; font-size:10px; line-height:14px; font-style:italic;}

#diapo img {border:1px solid #FFFFFF;}



/* contact */
#formcontact {position:absolute; top:30px; right:0; width:320px; padding:10px 0 10px 10px;
background-color:#333333;}
.tb2 {width:300px; background-color:#FFFFFF;}
.tb2 td {padding:2px 0 2px 5px; border:1px solid #777777; color:#222222;}



/* presse */
#h3 {position:absolute; left:20px; top:-13px;}
#h4 {position:absolute; left:17px; top:23px; }
#h4 p {float:left; width:80px; margin:0; padding:2px 5px 1px 0; line-height:12px; text-align:center; 
background-color:#FFFFFF; font-size:9px; border-right: 1px solid #444444;}
#h4 p.actuel {background-color:#FFFCC0;}





/* TABLEAUX */
.tb1 {margin:20px 0 0px 0;}
.tb1td1 {width:110px; border-right:1px solid #FFAA00;}
.tb1td2 {width:230px; padding-left:5px;}
.tb1td2 p {font-size:10px; line-height:15px; margin:0 0 3px 0;}

#tbliens td {padding:5px 10px;}
#tbliens p {line-height:14px;}
#tbliens p img {height:20px; width:50px;}


/* CAS PARTICULIERS */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.floatright {float:right;}

.flash {font-style:italic; color:#FF9900;}

.coin1 {position:absolute; left:0; top:0;}
.coin2 {position:absolute; right:0; top:0;}
.coin3 {position:absolute; right:0; bottom:0;}
.coin4 {position:absolute; left:0; bottom:0;}

.traitnoir {border:1px solid #666666;}

.bouton {width:100px; height:22px; padding-top:2px; text-align:center;
background-image:url(img/boutons/blanc100.png); background-repeat:no-repeat;}
.bouton:hover {background-image:url(img/boutons/bleu100.png);}
.bouton input {width:98px; font-size:12px; color:#222222;}

.alerte {font-size:10px; color:#EE0000;}

.rouge {color:#CC0000;}

.texte {font-size:10px; line-height:15px; font-family:verdana;}