/* STYLE GLOBAL */ body { color:#222222; font-family:arial; font-size:10pt; background-color:#dddddd; padding:0; margin:0; } /* ----------------------------------------------------------------------------- LIENS -------------------------------------------------------------------------------*/ a:link.menu {color: #000000; text-decoration: underline; font-weight: bold ; font-size:12px; } a:visited.menu {color: #000000; text-decoration: underline; font-weight: bold ; font-size:12px; } a:active.menu {color: #000000; text-decoration: underline; font-size:12px; } a:hover.menu {color: #CF003A; text-decoration: none ; font-size:12px;} a:link.menuprods {color: #ffffff; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:visited.menuprods {color: #ffffff; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:active.menuprods {color: #ffffff; text-decoration: none; font-family:arial;font-weight: bold ;font-size:12px; } a:hover.menuprods {color: #ffcc00; text-decoration: underline ; font-family:arial;font-weight: bold ;font-size:12px;} a:link.inside {color: #000000; text-decoration: underline; font-weight: bold ; font-family:arial; font-size:9px; } a:visited.inside {color: #000000; text-decoration: underline; font-weight: bold ; font-family:arial; font-size:9px; } a:active.inside {color: #000000; text-decoration: underline; font-size:9px; font-family:arial; } a:hover.inside {color: #CF003A; text-decoration: none ; font-size:9px; font-family:arial;} a:link.menuprods2 {color: #333333; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:visited.menuprods2 {color: #333333; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:active.menuprods2 {color: #333333; text-decoration: none; font-family:arial;font-weight: bold ;font-size:12px; } a:hover.menuprods2 {color: #FD9500; text-decoration: underline ; font-family:arial;font-weight: bold ;font-size:12px;} a:link.menuprodsel {color: #ffcc00; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:visited.menuprodsel {color: #ffcc00; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } a:active.menuprodsel {color: #ffcc00; text-decoration: none; font-family:arial;font-weight: bold ;font-size:12px; } a:hover.menuprodsel {color: #FCAE06; text-decoration: underline ; font-family:arial;font-weight: bold ;font-size:12px;} a:link.menuprodser {color: #555555; text-decoration: none; font-family:arial;font-weight: bold ; font-size:10px; } a:visited.menuprodser {color: #555555; text-decoration: none; font-family:arial;font-weight: bold ; font-size:10px; } a:active.menuprodser {color: #555555; text-decoration: none; font-family:arial;font-weight: bold ;font-size:10px; } a:hover.menuprodser {color: #FF0000; text-decoration: underline ; font-family:arial;font-weight: bold ;font-size:10px;} a:link.typs {color: #2738A1; text-decoration: underline; font-weight: bold ; font-size:15px; } a:visited.typs {color: #4A5FDF; text-decoration: underline; font-weight: bold ; font-size:15px; } a:active.typs {color: #2738A1; text-decoration: none; font-weight: bold ; font-size:15px;} a:hover.typs {color: #4A5FDF; text-decoration: none; font-weight: bold ; font-size:15px;} a:link.cats {color: #2738A1; text-decoration: underline; font-weight: bold ; font-size:12px; } a:visited.cats {color: #4A5FDF; text-decoration: underline; font-weight: bold ; font-size:12px; } a:active.cats {color: #2738A1; text-decoration: none; font-weight: bold ; font-size:12px;} a:hover.cats {color: #4A5FDF; text-decoration: none; font-weight: bold ; font-size:12px;} a:link.cats2 {color: #2738A1; text-decoration: none; font-weight: bold ; font-family:arial; font-size:11px; } a:visited.cats2 {color: #4A5FDF; text-decoration: none; font-weight: bold ; font-family:arial; font-size:11px; } a:active.cats2 {color: #2738A1; text-decoration: none; font-weight: bold ; font-family:arial; font-size:11px;} a:hover.cats2 {color: #FFA202; text-decoration: underline; font-weight: bold ; font-family:arial; font-size:11px;} a:link.pageprod {color: #ffffff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:12px; } a:visited.pageprod {color: #ffffff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:12px; } a:active.pageprod {color: #ffffff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:12px;} a:hover.pageprod {color: #ffa751; text-decoration: none; font-weight: bold ; font-family:arial; font-size:12px;} a:link.arianein {color: #1b96ff; text-decoration: none; font-weight: normal ; font-family:arial; font-size:11px; } a:visited.arianein {color: #1b96ff; text-decoration: none; font-weight: normal ; font-family:arial; font-size:11px; } a:active.arianein {color: #1b96ff; text-decoration: none; font-weight: normal ; font-family:arial; font-size:11px;} a:hover.arianein {color: #ffa751; text-decoration: underline; font-weight: normal ; font-family:arial; font-size:11px;} a:link.nomprod {color: #1b96ff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:14px; } a:visited.nomprod {color: #1b96ff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:14px; } a:active.nomprod {color: #1b96ff; text-decoration: none; font-weight: bold ; font-family:arial; font-size:14px;} a:hover.nomprod {color: #ffa751; text-decoration: underline; font-weight: bold ; font-family:arial; font-size:14px;} a:link.plusdetail {color: #ff0000; text-decoration:none; font-weight:bold; font-family:arial; font-size:8pt; } a:visited.plusdetail {color: #ff0000; text-decoration:none; font-weight:bold; font-family:arial; font-size:8pt; } a:active.plusdetail {color: #ff0000; text-decoration:none; font-weight:bold; font-family:arial; font-size:8pt; } a:hover.plusdetail {color: #CF003A; text-decoration: underline; font-weight: bold ; font-family:arial; font-size:8pt;} a:link.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana ; background-color:#0172be} a:visited.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be} a:active.lienhermes {color: #ffffff; text-decoration: none; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be} a:hover.lienhermes {color: #f18f38; text-decoration: none ; font-weight: bold ; font-size:8px; font-family:verdana; background-color:#0172be} a:link.bouticcueil {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size:14px; font-family:arial ; line-height:18px} a:visited.bouticcueil {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size:14px; font-family:arial; line-height:18px} a:active.bouticcueil {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size:14px; font-family:arial; line-height:18px} a:hover.bouticcueil {color: #1b96ff; text-decoration: none ; font-weight: bold ; font-size:14px; font-family:arial; background-color:#ffffff; line-height:18px} a:link.arianeprod {color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; text-align: justify} a:visited.arianeprod {color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; text-align: justify} a:active.arianeprod {color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; text-align: justify} a:hover.arianeprod {color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; text-align: justify} a:link.reseaux {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size: 14pt ; text-align: justify} a:visited.reseaux {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size: 14pt ; text-align: justify} a:active.reseaux {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size: 14pt ; text-align: justify} a:hover.reseaux {color: #1b96ff; text-decoration: none; font-weight: bold ; font-size: 14pt ; text-align: justify} /* ----------------------------------------------------------------------------- IMAGES ADMIN PROMOS -------------------------------------------------------------------------------*/ a.imgs { position: relative; color: black; text-decoration: none; border-bottom: 1px gray dotted; /* on souligne le texte */ } a.imgs span { display: none; /* on masque l'infobulle */ } a.imgs:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imgs:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: -30px; /* on positionne notre infobulle */ left: 20px; background: white; border: 1px solid white; border-left: 4px solid white; } /* ----------------------------------------------------------------------------- TEXTES -------------------------------------------------------------------------------*/ .entete{color: #555555; text-decoration: none; font-weight: bold ; font-size: 12pt; font-family: bahaus, arial } .prod{color: #000000; text-decoration: none; font-weight: bold ; font-size: 10pt; font-family: arial } .cat{color: #666666; text-decoration: none; font-weight: normal ; font-family:arial; font-size: 11px ;} .pxht{color: #FF7800; text-decoration: none; font-weight: bold ; font-size: 10pt } .pxttc{color: #FFAF02; text-decoration: none; font-weight: bold ; font-size: 10pt } .descres{color: #666666; text-decoration: none; font-weight: none ; font-size: 8pt ; font-style: italic; text-align: justify } .search{color: #666666; text-decoration: none; font-weight: bold ; font-size: 10pt } .datenews{color: #555555; text-decoration:none; font-weight:bold; font-family:arial; font-size:9pt;} .titrenews{color: #1b96ff; text-decoration:none; font-weight:bold; font-family:arial; font-size:12pt;} .srch_intitule{color: #ffffff; text-decoration: none; font-weight: bold; font-family:arial; font-size: 10pt; text-align:right } .menutxt {color: #ffffff; text-decoration: none; font-family:arial;font-weight: bold ; font-size:12px; } .text_form {color: #1b96ff; text-decoration: none; font-family:verdana;font-weight: bold ; font-size:10pt; } .invitnl {color: #1b96ff; font-style: italic; font-family:arial;font-weight: normal ; font-size:13pt; } .prodh1{color: #1b96ff; text-decoration: none; font-weight: bold ; font-size: 14pt; font-family: arial } .prodprixd {color: #ffa751; font-size : 14pt; font-family: arial; font-weight: bold} .prodrefd {color: #1b96ff; font-size : 12pt; font-family: arial; font-weight: bold} .prodet{color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; text-align: justify } .panierin{color: #666666; text-decoration: none; font-weight: none ; font-size: 10pt ; } .contaccueil {color: #1b96ff; font-size : 14pt; font-family: arial; font-weight: normal} /* ----------------------------------------------------------------------------- BOUTIQUE -------------------------------------------------------------------------------*/ .divprod {float:left; width: 250px; height: 250px} .divprodin {padding:5px} .encartprod {border : 1px #1b96ff solid; width:240px; height: 240px; background-image:url(images/fond_prod.jpg); background-repeat:repeat-y; text-align: left} .prodprix {text-align: center; color: #ffa751; font-size : 14pt; font-family: arial; font-weight: bold} .pageprodiv {text-align: center; background-color: #1b96ff; padding: 3px 15px 3px 15px;} .pageprodivon {border : 1px #1b96ff solid; text-align: center; background-color: #ffffff; color: #1b96ff; padding: 3px 15px 3px 15px; font-weight: bold ; font-family:arial; font-size:12px} /* ----------------------------------------------------------------------------- FORMULAIRES -------------------------------------------------------------------------------*/ .formtxt {background-color:#d1eaff;font-family:Verdana;font-size:8pt;font-weight:normal; color:#000000;} .formsel {background-color:#d1eaff;font-family:Verdana;font-size:8pt;font-weight:normal; color:#000000;} .formsub {background-color:#1b96ff;font-family:Verdana;font-size:8pt;font-weight:bold;color:#ffffff;} .formsel2 {background-color:#d1eaff;font-family:Verdana;font-size:6pt;font-weight:normal; color:#000000;} /* ----------------------------------------------------------------------------- ADMINISTRATION -------------------------------------------------------------------------------*/ .admcommandes {background-color:#000000;font-family:Verdana;font-size:8pt;font-weight:normal;color:#ffffff} .admtextes {background-color:#FCDA00;font-family:Verdana;font-size:8pt;font-weight:normal;color:#000000} .admboutik {background-color:#EB7617;font-family:Verdana;font-size:8pt;font-weight:normal;color:#ffffff} .admliens {background-color:#E44D7E;font-family:Verdana;font-size:8pt;font-weight:normal;color:#ffffff} .admnewsletter {background-color:#A34283;font-family:Verdana;font-size:8pt;font-weight:normal;color:#ffffff} .admmag {background-color:#00A192;font-family:Verdana;font-size:8pt;font-weight:normal;color:#ffffff} /* ----------------------------------------------------------------------------- MENU HORIZONTAL -------------------------------------------------------------------------------*/ .preload1 {background: url(js/menudrop/three_1.gif);} .preload2 {background: url(js/menudrop/three_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(js/menudrop/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left; height:38px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(js/menudrop/three_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(js/menudrop/three_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(js/menudrop/three_0a.gif) no-repeat right top;} #nav li:hover a.top_link {color:#fff; background: url(js/menudrop/three_1.gif) no-repeat;} #nav li:hover a.top_link span {background:url(js/menudrop/three_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down {background:url(js/menudrop/three_1a.gif) no-repeat right top;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:38px; background: #d1eaff; padding:3px; border:1px solid #1b96ff; white-space:nowrap; width:200px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:198px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #d1eaff;} #nav li ul.sub li a.fly {background:#d1eaff url(js/menudrop/arrow.gif) 180px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#1b96ff; color:#fff; border-color:#fff;} #nav li:hover ul.sub li a.fly:hover {background:#1b96ff url(js/menudrop/arrow_over.gif) 180px 6px no-repeat; color:#fff;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:200px; top:-4px; background: #d1eaff; padding:3px; border:1px solid #1b96ff; white-space:nowrap; width:200px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#1b96ff url(js/menudrop/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#d1eaff url(js/menudrop/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#d1eaff;} #MENU0 {visibility:hidden} #MENU1 {visibility:hidden} #MENU2 {visibility:hidden} #MENU3 {visibility:hidden} #MENU4 {visibility:hidden} #MENU5 {visibility:hidden} #MENU6 {visibility:hidden} #MENU7 {visibility:hidden} #MENU8 {visibility:hidden} #MENU9 {visibility:hidden} #MENU10 {visibility:hidden} #MENU11 {visibility:hidden} #MENU12 {visibility:hidden} #MENU13 {visibility:hidden} #MENU14 {visibility:hidden} #MENU15 {visibility:hidden} #MENU16 {visibility:hidden} #MENU17 {visibility:hidden} /* ----------------------------------------------------------------------------- SLIDER -------------------------------------------------------------------------------*/ #slideshow { margin:0 auto; width:840px; height:263px; background:transparent url(js/slider/img/bg_slideshow.png) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:760px; height:263px; overflow:auto; /* allow scrollbar */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:740px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px; } /** * Slideshow controls style rules. */ .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #navDiapo{ display:block; width:20px; height:20px; position:absolute; right:15px; bottom:10px; cursor:pointer; } #leftControl { top:0; left:0; background:transparent url(js/slider/img/control_left.jpg) no-repeat 0 0; } #rightControl { top:0; right:0; background:transparent url(js/slider/img/control_right.jpg) no-repeat 0 0; } /** * Style rules for Demo page */ .slide h2, .slide p { margin:15px; } .slide h2 { font:italic 24px Georgia, "Times New Roman", Times, serif; color:#ffffff; letter-spacing:-1px; } .slide img { float:right; margin:0 15px; } #footer { height:100px; } #footer p { margin:30px auto 0 auto; display:block; width:760px; height:40px;