
/* Redefinitions des balises HTML */ 

*{margin:0;padding:0; font-family:verdana}

body, a {font-family:"verdana", Arial, Helvetica, Sans-serif; font-weight:normal;color:#000000}

img {border:0; display:block}

a {text-decoration:underline;outline:none}

a:hover {text-decoration:none}

select option{padding:0 3px;}

hr{display:none;}

/* Structure generale */ 

body {text-align:center; background:#5FCBE7 url(../images/static/bg-fd01.jpg) repeat-x}
.bodyOpeco{text-align:center;background:#62CCE6 url(../images/static/bg-fd-opeco.png) repeat-y scroll 0 0;background-position:top;}
.bodyIframe {text-align:left;background-image:none;background-color:#FFFFFF;padding:0}
#global{overflow:hidden;position:relative;width:939px;text-align:left;margin:0 auto;}
#top{position:relative; width:100%; z-index:2;background:transparent url(../images/static/bg-header.gif) no-repeat scroll left bottom;padding-bottom:3px}
#middle{position:relative; background:url(../images/static/bg-middle.gif) repeat-y right; width:100%;}
#bottom{position:relative;width:100%;clear:both;}

/* Classes generiques */ 
.titre01{font-weight:bold; color:#1EB6E8; text-transform:uppercase}
.titre02{display:block; font-weight:bold; color:#fff; background:url(../images/static/bg-fleche03.gif) no-repeat; font-size:16px; padding-left:20px}
.titre03{position:relative; overflow:hidden; height:24px; background:url(../images/static/bg-bt01c.gif) repeat-x;width:740px}
.titre03 .centre{text-align:center; display:block; padding-top:3px; color:#fff; font-weight:bold; font-size:15px}
.titre03 .gauche{background:url(../images/static/bg-bt01g.gif); width:18px; height:24px; display:block; position:absolute; left:0; top:0}
.titre03 .droite{background:url(../images/static/bg-bt01d.gif); width:18px; height:24px; display:block; position:absolute; right:0; top:0}
.titre04{display:block; font-weight:bold; font-size:11px; color:#FD5E00}
.titre05{color:#016599; font-size:10px; font-weight:bold}

.lien01{color:#8D8D8D; font-size:9px; text-decoration:none;}
.lien03{color:#fff; font-size:10px; text-decoration:none; background:url(../images/static/bg-fleche01.gif) no-repeat 0 2px; padding-left:12px}
.lien04{display:block; font-size:10px; color:#646663; text-decoration:none;cursor:pointer}
.lien04 span{display:block}
.lien05{display:block; font-size:9px; color:#fff; text-decoration:none; padding-left:13px}
.lien06{font-size:9px;color:#008ada;text-decoration:none;background:url(../images/static/bg-fleche05.gif) no-repeat 0 0.35em;padding:0 0 0 15px;}
.lien07{font-size:11px;font-weight:bold;color:#FD5E00;text-decoration:none;background:url(../images/static/bg-fleche06.gif) no-repeat 0 0.35em;padding:0 0 0 15px;}

.lien09{background:transparent url(../images/static/bg-puce-new.gif) no-repeat scroll 0 0;color:#008ADA;float:right;font-size:11px;font-weight:bold;height:23px;padding:7px 0 0 33px;text-decoration:none}
.lien10{font-size:11px;color:#FD5E00;text-decoration:none;background:url(../images/static/bg-fleche06.gif) no-repeat 0 0.35em;padding:0 0 0 15px; margin-left:55px; }
.lien11{background:transparent url(../images/static/bg-puce-new.gif) no-repeat scroll 0 0;color:#008ADA;float:right;font-size:11px;font-weight:bold;height:23px;padding:7px 0 0 33px;text-decoration:none;margin-right:15px;}

.text02{font-size:9px; color:#68686A}
.text03{font-size:14px; color:#fff}
.text04{font-size:11px; color:#7F7F7F}
.text05{font-size:11px; color:#5C5C5C}
.text06{font-size:11px; color:#626262}

.grostitre01{font-size:25px; color:#fff; font-weight:bold; line-height:1.0em;padding-bottom:7px}

.bt01{text-decoration:none; cursor:pointer; font-size:18px}
.bt01 span{float:left}
.bt01 span.gauche{background:url(../images/static/img-btg.gif); width:27px; height:42px}
.bt01 span.centre{background:url(../images/static/img-btc.gif) repeat-x; padding:6px 5px 0 0; padding-left:5px; display:block; color:#fff; font-weight:bold; height:42px;}
.bt01 span.droite{background:url(../images/static/img-btd.gif); width:6px; height:42px}

.bt01Bis{text-decoration:none; cursor:pointer; font-size:14px}
.bt01Bis span{float:left}
.bt01Bis span.gauche{background:url(../images/static/img-btg.gif); width:27px; height:42px}
.bt01Bis span.centre{background:url(../images/static/img-btc.gif) repeat-x; padding:2px 5px 0 0; padding-left:5px; display:block; color:#fff; font-weight:bold; height:42px;}
.bt01Bis span.droite{background:url(../images/static/img-btd.gif); width:6px; height:42px}

.bt03{cursor:pointer; color:#fff}
.bt03:hover{text-decoration:none}
.bt03 .bt_gauche{display:block; background:url(../images/static/bg-bt01-g.gif) no-repeat; width:3px; height:17px; float:left}
.bt03 .bt_centre {display:block; background:url(../images/static/bg-bt01-c.gif) repeat-x; height:17px; float:left; padding:0 2px}
.bt03 .bt_centre span{display:block; padding:0; margin:0;  margin-top:-2px; font-weight:bold; font-size:9px ; color:#fff}
.bt03 .bt_droite{display:block; background:url(../images/static/bg-bt01-d.gif) no-repeat; width:3px; height:17px; float:left}

.bt04{cursor:pointer; font-size:9px; color:#fff;text-decoration:none}
.bt04:hover{text-decoration:none;text-decoration:underline}
.bt04 .bt_gauche{display:block; background:transparent url(../images/static/bg-bt02g.gif) no-repeat; width:4px; height:30px; float:left}
.bt04 .bt_centre {display:block; background:transparent url(../images/static/bg-bt02c.gif) repeat-x; height:30px; float:left; padding:0 2px; text-align:center}
.bt04 .bt_centre span{display:block; padding:0; margin:0;  margin-top:-2px; font-weight:bold; font-size:9px ; color:#fff}
.bt04 .bt_droite{display:block; background:transparent url(../images/static/bg-bt02d.gif) no-repeat; width:4px; height:30px; float:left}

.bt05{cursor:pointer; font-size:9px; color:#fff;text-decoration:none}
.bt05:hover{text-decoration:none;text-decoration:underline}
.bt05 .bt_gauche{display:block; background:transparent url(../images/static/bg-bt03g.gif) no-repeat; width:22px; height:15px; float:left}
.bt05 .bt_centre {display:block; background:transparent url(../images/static/bg-bt03c.gif) repeat-x; height:15px; float:left; padding:0 2px; text-align:center}
.bt05 .bt_centre span{display:block; padding:0; margin:0;  margin-top:-2px; font-weight:bold; font-size:9px ; color:#fff}
.bt05 .bt_droite{display:block; background:transparent url(../images/static/bg-bt03d.gif) no-repeat; width:6px; height:15px; float:left}

.bt06 .gauche{display:block; background:transparent url(../images/static/bg-fing.gif) no-repeat; width:6px; height:23px; float:left}
.bt06 .centre{display:block; padding:0; margin:0;  margin-top:-2px; font-weight:bold; font-size:9px ; color:#2CA9DF; float:left;text-decoration:none;}
.bt06 .centre span{float:left; margin:5px 2px 0 5px}
.bt06 .centre img{float:left; margin-top:2px}
.bt06 .droite{display:block; background:transparent url(../images/static/bg-find.gif) no-repeat; width:5px; height:23px; float:left}

.bt07{text-decoration:none; cursor:pointer; font-size:18px}
.bt07 span{float:left}
.bt07 span.gauche{background:url(../images/static/bg-bt07g.gif); width:22px; height:39px}
.bt07 span.centre{background:url(../images/static/bg-bt07c.gif) repeat-x; padding:6px 5px 0 0; padding-left:5px; display:block; color:#fff; font-weight:bold; height:39px;}
.bt07 span.droite{background:url(../images/static/bg-bt07d.gif); width:6px; height:39px}

.bt08{font-size:12px; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer; background:url(../images/static/t.gif)}
.bt08 .gauche{display:block; background:transparent url(../images/static/bg-bt08g.gif) no-repeat; width:9px; height:24px; float:left}
.bt08 .centre {display:block; background:transparent url(../images/static/bg-bt08c.gif) repeat-x; height:24px; float:left; padding:0 2px; text-align:center}
.bt08 .centre span{display:block; padding:4px 0 0 0 }
.bt08 .centre img{float:left}
.bt08 .droite{display:block; background:transparent url(../images/static/bg-bt08d.gif) no-repeat; width:9px; height:24px; float:left}

.bt09{font-size:12px; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/static/t.gif); text-transform:uppercase}
a.bt09{cursor:pointer}
.bt09 .gauche{background:transparent url(../images/static/bg-bt09g.gif) no-repeat; width:15px; height:28px; float:left}
.bt09 .centre {background:transparent url(../images/static/bg-bt09c.gif) repeat-x; height:22px; float:left; padding:6px 2px 0; text-align:center}
.bt09 .droite{background:transparent url(../images/static/bg-bt09d.gif) no-repeat; width:16px; height:28px; float:left}

input{font-size:9px; color:#8D8D8D}

/* Marges haut */
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt45{margin-top:45px}

/* Marges bas */
.mb10 {margin-bottom:10px}
.mb5 {margin-bottom:5px}

/* Marges gauche */
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}

/* Bloc contenant des floats */
.block_float:after {content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}

/* Referencement */
.referencement { font-size:10px; color:#FFFFFF; font-weight:normal;text-align:center;margin:10px 0; padding:5px;border:1px solid #FFFFFF}

.btimprimer{display:block; background:url(../images/static/bg-bt-imprimer.gif) no-repeat; padding-left:15px; color:#0192CB; font-size:10px; text-decoration:none}

/* POPUPS en 782 de large */
.popup782{ display:none;top:0; left:0;position:absolute; z-index:9999; width:782px}
.popup782 .haut{font-size:23px; color:#fff; font-weight:bold; background:url(../images/static/bg-bando01.jpg) no-repeat; height:77px}
.popup782 .haut p{padding-top:25px}
.popup782 .separateur{position:relative; width:100%; overflow:hidden; height:1px; border-top:1px solid #E7E7E7; clear:both}
.popup782 .contenu {position:relative; overflow:hidden; width:100%; background:url(../images/static/bg-bando01r.jpg) repeat-y; padding-top:20px; color:#444444; text-align:left; font-size:11px}
.popup782 .bas{background:url(../images/static/bg-bando01bas.jpg) no-repeat; height:8px}
.popup782 .contenu .contenu1{overflow:hidden; width:735px; margin-left:25px}
.popup782 .titre01{color:#1299CC; font-size:13px;padding:0}

/* POPUPS en 300 de large */
.popup300{ display:none;top:0; left:0;position:absolute; z-index:9999; width:782px}
.popup300 .haut{font-size:23px; color:#fff; font-weight:bold; text-align:center;background:url(../images/static/bg-bando02.jpg) no-repeat; height:77px}
.popup300 .haut p{padding-top:10px}
.popup300 .haut img{margin:auto;padding-top:15px;}
.popup300 .separateur{position:relative; width:100%; overflow:hidden; height:1px; border-top:1px solid #E7E7E7; clear:both}
.popup300 .contenu {position:relative; overflow:hidden; width:100%; background:url(../images/static/bg-bando02r.jpg) repeat-y; padding:10px 0 10px 0; height:70px;color:#444444; text-align:center; font-size:11px}
.popup300 .bas{background:url(../images/static/bg-bando02bas.jpg) no-repeat; height:8px}
.popup300 .contenu .contenu1{overflow:hidden; width:735px; margin-left:25px}
.popup300 .titre01{color:#1299CC; font-size:13px; text-transform:lowercase; padding:0}
.popup300 .contenu p{padding:0 2px}

/* Bouton fermer des popup */
.btfermerpopup{position:absolute; top:0; right:0; text-decoration:none; background:url(../images/static/t.gif); cursor:pointer}
.btfermerpopup span{float:left}
.btfermerpopup span.gauche{background:url(../images/static/bg-bt-fermer-g-off.gif) no-repeat; width:20px; height:15px}
.btfermerpopup span.centre{background:#fff; font-size:10px; padding:0 1px; display:block; color:#fff; font-weight:bold; line-height:1.5em; color:#2482A7}
.btfermerpopup span.droite{background:url(../images/static/bg-bt-fermer-d-off.gif) no-repeat; width:22px; height:15px}
.btfermerpopup:hover span.gauche{background:url(../images/static/bg-bt-fermer-g-on.gif) no-repeat}
.btfermerpopup:hover span.centre{background:#FF8C01;color:#fff}
.btfermerpopup:hover span.droite{background:url(../images/static/bg-bt-fermer-d-on.gif) no-repeat}

/* STYLE NOEL AUTOMATISE */
#globalXmas{padding-bottom:10px;padding-right:30px;overflow:hidden}
#bottomXmas{position:relative;padding-top:3px; margin-left:-20px;width:990px;bottom:10px}
.bodyXmas{background:#FFFFFF url(../images/static/bg-noel.jpg) no-repeat;padding-bottom:20px}
.referencementXmas {font-size:10px;color:#49B2D2;font-weight:normal;text-align:center;margin:10px 0;padding:5px;border:1px solid #49B2D2;}
.basXmas{position:relative; display:block;margin-top:-22px}

/* MODIF SOLDES AUTOMATISE */
.referencementSoldes {background:#fff; border:none;color:#49B2D2;font-size:10px; font-weight:normal;text-align:center;margin:10px 0; padding:5px;} 
/* Fond orange */
.bodySoldes{background:#E08F33 url(../images/static/soldes-bg1.jpg) no-repeat;padding-bottom:20px} 
/* Fond bleu */
/* bodySoldes{background:#5FCBE7 url(../images/static/soldes-bg2.jpg) no-repeat;padding-bottom:20px} */

/* Liens Dialogue vendeur */
.storeContact {float:right}
