/* CSS Document by Meridian Communication */ /* www.optical-center.fr 2008 */ /* ----------------------------------- */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ----------------------------------- */ /* Colors Help { }*/ /* ----------------------------------- */ /* >>>>>>>>>>>>> generalites <<<< */ /* ----------------------------------- */ /* Specifique a cette balise */ HTML{font-size: 100%; } /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em Arial, Verdana, Geneva, Helvetica, sans-serif; background:url(images/fond-body-haut.gif) center top no-repeat; } #page {position:relative; display:block; width: 960px; height: 600px; margin:0 auto; } input, select, textarea{font-size: 100%;} .accessiblite {display:none} #page #content a, #page #content a:link {text-decoration:none} #page #content a:visited {} #page #content a:hover {text-decoration:underline} a img, img {border: none;} /* hack FF pour masquer les contours pointill�???�??�?�© sur les liens -------------------------------------------------------*/ a{outline: none; color:#555} :focus{-moz-outline-style: none;} /*////// ENTETE //////*/ #entete { position:absolute; top:0; left:0; display:block; width:960px; height:166px;} #entete #bandeau-pub{ position:absolute; display:block; top:17px; left:150px; width:706px; height:84px; background-color:#FFF} #entete #slogan{ position:absolute; display:block; top:606px; left:770px; width:171px; height:14px;background:url(images/slogan.gif) 0 0 no-repeat; } #entete #slogan h2{ display:none} #entete h1{display:none} /*/////////////// BOUTON ACCUEIL */ #entete #retour-accueil {position:absolute; top:2px; left:20px; display:block; width:111px; height:110px; background-color:#FFF; } #entete #retour-accueil a{background:transparent url(images/logotype.png) 0 0 no-repeat; display:block; width:111px; height:110px;} #entete #retour-accueil a:hover {background:transparent url(images/logotype.png) 0px 0 no-repeat;width:111px; height:110px; } #entete #retour-accueil a span{display:none} /*/////////////// newsletter #entete #newsletter {position:absolute; top:20px; left:776px; display:block; width:85px; height:79px; background-color:#FFF; } #entete #newsletter a{background:transparent url(images/newsletterOff.png) 0 0 no-repeat; display:block; width:85px; height:79px;} #entete #newsletter a:hover {background:transparent url(images/newsletterOn.png) 0px 0 no-repeat;width:85px; height:79px; } #entete #newsletter a span{display:none}*/ /* #entete #newsletter a {background:url(images/Newsletter.jpg) no-repeat;display:block; width:90px;text-align:center;padding-top:60px;color:#737373;float:left;margin-right:10px;text-decoration:none} #entete #newsletter a#ce {background:url(images/espace_ce.png) no-repeat;} #entete #newsletter a#fid {background:url(images/Espace_fid.png) no-repeat;} #entete #newsletter a:hover span {text-decoration:underline} #entete #newsletter a span {font-size:1.2em;line-height:1.1em;} */ #entete #newsletter {position:absolute; top:20px; display:block; height: 110px; right:0;} .bouton_header_compte{ width:100px; height:50px; float:right; padding-top:2px; background-image:url(imagesFid2/espace_fid_cadre.png); background-repeat:no-repeat; background-position:center 10px; padding-top: 70px; text-align:center; color:#666666; } .bouton_header_new{ width:100px; height:50px; float:right; padding-top:2px; background-image:url(imagesFid2/newsletter_cadre.png); background-repeat:no-repeat; background-position:center 10px ; padding-top: 70px; text-align:center; color:#666666; } .bouton_header_ce{ width:90px; height:50px; float:right; padding-top:2px; background-image:url(imagesFid2/espace_ce_cadre.png); background-repeat:no-repeat; background-position:center 10px; padding-top: 70px; text-align:center; color:#666666; } #entete #newsletter div a:hover{ font-size:8pt; line-height:9pt; font-weight:bold; font-family:Arial; color:#D20204; } #entete #newsletter div a{ font-size:8pt; line-height:9pt; font-weight:bold; font-family:Arial; color:#000000; } /*////////////// MENU NIV 1 */ /* --------------- #nav-niv-1 ---------*/ #entete #nav-niv-1 { position:absolute; top: 117px; left:1px; display:block; width:960px; height:27px; background:transparent url(images/niv1-ul.gif) 0 0 repeat-x } #entete #nav-niv-1 ul {padding: 0px 0 0 0; } #entete #nav-niv-1 li {display:block; float:left; } #entete #nav-niv-1 li.last { } #entete #nav-niv-1 li a {display:block;overflow: hidden; text-indent: -5000px; } * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:27px; he\ight:0;} #entete #nav-niv-1 li img#img2 { display:none} #entete #nav-niv-1 li#item2 a, #entete #nav-niv-1 li#item2.active a, #entete #nav-niv-1 li#item2 a:hover { width:134px; height:27px; } #entete #nav-niv-1 li#item3 a, #entete #nav-niv-1 li#item3.active a, #entete #nav-niv-1 li#item3 a:hover { width:81px; height:27px; } #entete #nav-niv-1 li#item4 a, #entete #nav-niv-1 li#item4.active a, #entete #nav-niv-1 li#item4 a:hover { width:93px; height:27px; } #entete #nav-niv-1 li#item5 a, #entete #nav-niv-1 li#item5.active a, #entete #nav-niv-1 li#item5 a:hover { width:114px; height:27px; } #entete #nav-niv-1 li#item6 a, #entete #nav-niv-1 li#item6.active a, #entete #nav-niv-1 li#item6 a:hover { width:95px; height:27px; } #entete #nav-niv-1 li#item7 a, #entete #nav-niv-1 li#item7.active a, #entete #nav-niv-1 li#item7 a:hover { width:108px; height:27px; } #entete #nav-niv-1 li#item8 a, #entete #nav-niv-1 li#item8.active a, #entete #nav-niv-1 li#item8 a:hover { width:100px; height:27px; } #entete #nav-niv-1 li#item9 a, #entete #nav-niv-1 li#item9.active a, #entete #nav-niv-1 li#item9 a:hover { width:130px; height:27px;} #entete #nav-niv-1 li#item2 a {background:transparent url(images/niv1-item2-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item3 a {background:transparent url(images/niv1-item3-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item4 a {background:transparent url(images/niv1-item4-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5 a {background:transparent url(images/niv1-item5-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item6 a {background:transparent url(images/niv1-item6-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item7 a {background:transparent url(images/niv1-item7-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8 a {background:transparent url(images/niv1-item8-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item9 a {background:transparent url(images/niv1-item9-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item2.active a{background:transparent url(images/niv1-item2-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3.active a{background:transparent url(images/niv1-item3-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a{background:transparent url(images/niv1-item4-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a{background:transparent url(images/niv1-item5-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6.active a{background:transparent url(images/niv1-item6-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item7.active a{background:transparent url(images/niv1-item7-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8.active a{background:transparent url(images/niv1-item8-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item9.active a{background:transparent url(images/niv1-item9-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item2 a:hover {background:transparent url(images/niv1-item2-on.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item3 a:hover {background:transparent url(images/niv1-item3-on.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item4 a:hover {background:transparent url(images/niv1-item4-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5 a:hover {background:transparent url(images/niv1-item5-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6 a:hover {background:transparent url(images/niv1-item6-on.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item7 a:hover {background:transparent url(images/niv1-item7-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8 a:hover {background:transparent url(images/niv1-item8-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item9 a:hover {background:transparent url(images/niv1-item9-on.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item2.active a:hover {background:transparent url(images/niv1-item2-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3.active a:hover {background:transparent url(images/niv1-item3-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a:hover {background:transparent url(images/niv1-item4-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a:hover {background:transparent url(images/niv1-item5-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6.active a:hover {background:transparent url(images/niv1-item6-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item7.active a:hover {background:transparent url(images/niv1-item7-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8.active a:hover {background:transparent url(images/niv1-item8-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item9.active a:hover {background:transparent url(images/niv1-item9-active.gif) 0 0 no-repeat; } /*////////////// MENU NIV 2 */ #entete #nav-niv-2 {position:absolute; top:150px; display:block; margin-top:0px;} #entete .niv2-id2 {left:0px;} #entete .niv2-id4 {left:82px;} #entete .niv2-id5 {left:300px;} #entete .niv2-id6 {left:410px;} #entete .niv2-id7 {left:256px;} #entete .niv2-id8 {left:657px;} #entete .niv2-id3 { display:none; visibility:hidden} #entete .niv2-id10 { display:none; visibility:hidden } #entete #nav-niv-2 #item-niv2-25 {display:none; visibility:hidden} #page.template34 #entete #nav-niv-2 {display:none; visibility:hidden} #entete #nav-niv-2 ul {list-style-type:none; font-size:1.3em;} #entete #nav-niv-2 li { list-style-type:none; margin: 0px 0px 0px 0px; line-height:1.2em; display:block; float:left; background:url(images/niv2-interitem-off.gif) 0 0 no-repeat;} #entete #nav-niv-2 li { background:url(images/niv2-interitem-off.gif) 0 0 no-repeat;} #entete #nav-niv-2 li.first { background:none} #entete #nav-niv-2 li.last { padding:0; list-style-type:none;} #entete #nav-niv-2 li a { display:inline; height:auto; padding-left:22px; padding-right:10px} * html #entete #nav-niv-2 li a { height:1%;} #entete #nav-niv-2 li a, #entete #menu-niv-2 li a:link { text-decoration:none; color:#5f5f5f;} #entete #nav-niv-2 li a:hover {color:#d20204} #entete #nav-niv-2 li.active a {color: #d20204; } #entete #nav-niv-2 li.active a:hover {color: #d20204; } /*////////////// MENU NIV 3 */ #page #navigation #menu-niv-3 {position:absolute; top:198px; left:130px; display:block; width:153px; background-color:#FFF; margin-top:0px; background:url(images/rond-gris-vertical.gif) 1px 0px repeat-y; margin: 0 0 0 20px; z-index:103} #page #navigation #menu-niv-3 ul {margin: 0px 0 0px 4px; padding:0; list-style-type:none; font-size:11px; } #page #navigation #menu-niv-3 li {margin: 2px 0 5px 0; padding:0; list-style-type:none; } #page #navigation #menu-niv-3 li.last {margin: 1px 0 2px 0; padding:0; list-style-type:none;} #page #navigation #menu-niv-3 li a {padding-left: 13px; display:block} * html #page #navigation #menu-niv-3 li a { height:1%;} #page #navigation #menu-niv-3 li a, #page #navigation #menu-niv-3 li a:link { text-decoration:none; color:#666;} #page #navigation #menu-niv-3 li a:visited {color: #666; } #page #navigation #menu-niv-3 li.active a {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li a:hover {color: #000; background: url(images/puce-noire.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li.active a:hover {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat;} /* -------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 3 : accueil <<<< */ /* -------------------------------------------------------- */ #page.template3 #haut-gauche { position:absolute; top:173px; left:18px; display:block; width:645px; height:244px; background-color:#FFF} #page.template3 #haut-droite { position:absolute; top:173px; left:679px; display:block; width:263px; height:244px; background-color:#FFF} #page.template3 #bas-gauche { position:absolute; top:441px; left:18px; display:block; width:420px; height:135px; background-color:#444} #page.template3 #bas-milieu { position:absolute; top:441px; left:448px; display:block; width:251px; height:135px; background:url(images/fond-bas-milieu.jpg) top left no-repeat} #page.template3 #bas-droite { position:absolute; top:441px; left:710px; display:block; width:231px; height:135px; background-color:#666} #page.template3 div.carousel-wrap ul { display:none} #page.template3 #bas-milieu p{ font-size:1.2em; position:absolute; top:29px; left:88px; display:block; line-height:1.3em;} #page.template3 #bas-milieu form{ position:absolute; font-size:1.2em; top:55px; left:88px; display:block; line-height:1.3em;} #page.template3 #bas-milieu select{ position:absolute; top:9px; left:10px; border:solid 0px #FFF; width:146px; height:18px; color:#494949; background-color:#FFF} #page.template3 #bas-milieu input{ position:absolute; top:38px; left:15px; border:solid 0px #FFF; width:130px; height:17px; color:#494949} #page.template3 #bas-milieu p a{ text-decoration:none} #page.template3 #bas-milieu p a:hover {color: #da2000; } #page.template3 #bas-milieu #boutonValider {position:absolute; top:65px; left:78px; display:block; width:82px; height:13px; background-color:#FFF; } #page.template3 #bas-milieu #boutonValider a{background:transparent url(images/btn-valider-off.gif) 0 0 no-repeat; display:block; width:82px; height:13px;} #page.template3 #bas-milieu #boutonValider a:hover {background:transparent url(images/btn-valider-on.gif) 0px 0 no-repeat;width:82px; height:13px; } #page.template3 #bas-milieu #boutonValider a span{display:none} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> template numero 4 : collections > optique / solaire <<<< */ /* ------------------------------------------------------------------------ */ #page.template4 #centre-centre { position:absolute; top:169px; left:2px; display:block; width:958px; height:430px; background-color:#CCC} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> template numero 11 : collections > contacto <<<< */ /* ------------------------------------------------------------------------ */ #page.template11 #centre-centre { position:absolute; top:169px; left:2px; display:block; width:958px; height:430px; background-color:#CCC} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> template numero 5 : texte > mot du pr�???�??�?�©sident <<<< */ /* ------------------------------------------------------------------------ */ #page.template5 #centre-centre { position:absolute; top:169px; left:2px; display:block; width:958px; height:430px; background-color:#FFF} #page.template5 #centre-centre #presidentPhoto { position:absolute; top:5px; left:191px; display:block; width:113px; height:138px; background-color:#FFF} #page.template5 #centre-centre #presidentChapeau { position:absolute; top:33px; left:315px; display:block; width:264px; height:107px; background-color:#FFF} #page.template5 #centre-centre #presidentTexte { position:absolute; top:153px; left:56px; display:block; width:848px; height:229px; background-color:#FFF} #page.template5 #centre-centre #presidentSignature { position:relative; top:10px; left:50px; display:block; background-color:#FFF} #page.template5 #centre-centre h4 {font-size:1.2em; line-height:1.3em; padding-left:9px} #page.template5 #centre-centre p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; text-align:justify} #page.template5 #centre-centre ul { margin: 0 0 10px 0} #page.template5 #centre-centre li { font-size:1.2em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/puce-couleur-3.gif) 0 0 no-repeat} #page.template5 #centre-centre strong {color:#000} #page.template5 #centre-centre #presidentChapeau p {color:#818181} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> template numero 6 : texte > esprit OC <<<< */ /* ------------------------------------------------------------------------ */ #page.template6 #centre-centre { position:absolute; top:169px; left:2px; display:block; width:958px; height:430px; background-color:#FFF} #page.template6 #centre-centre #espritPhoto { position:absolute; top:5px; left:395px; display:block; width:447px; height:207px; background-color:#FFF} #page.template6 #centre-centre #espritChapeau { position:absolute; top:19px; left:60px; display:block; width:264px; height:163px; background-color:#FFF} /*#page.template6 #centre-centre #espritTexte { position:absolute; top:212px; left:56px; display:block; width:848px; height:208px; background-color:#FFF; overflow:auto}*/ #page.template6 #centre-centre #espritTexte {top:10px; display:block; width:848px; height:192px; } #page.template6 #centre-centre h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; color:#d20204} #page.template6 #centre-centre p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; text-align:justify;} #page.template6 #centre-centre ul { margin: 0 0 10px 0} #page.template6 #centre-centre li { font-size:1.2em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/puce-couleur-3.gif) 0 0 no-repeat} #page.template6 #centre-centre strong {color:#818181; text-transform:uppercase} #page.template6 #centre-centre #espritTexte p { display:block; width:812px} #page.template6 #centre-centre #espritChapeau p {color:#818181} #page.template6 .jScrollPaneContainer {position: absolute;top:222px; left:56px;overflow: hidden;z-index: 1;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 9 > collection un produit <<<< */ /* ----------------------------------------------------------------------------- */ .template9 #entete #nav-niv-2 { display:none } /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 14 : texte > texte gauche + visuel droit <<<< */ /* ----------------------------------------------------------------------------- */ #page.template14 #centre-gauche { position:absolute; top:215px; left:70px; display:block; width:619px; height:358px; background-color:#FFF} #page.template14 h3 {position:absolute; top:178px; left:44px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: bold; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat } #page.template14 #centre-droit { position:absolute; top:230px; left:680px; display:block; width:224px; height:336px; background-color:#FFF} #page.template14 #centre-droit img { border:solid #EEE 1px} body#id112 #page.template14 #centre-droit h4{font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; font-weight:normal; color:#d20204; text-transform:uppercase; margin:10px 0 0 0px} body#id112 #page.template14 #centre-droit img { border:solid #EEE 0px} #page.template14 #centre-gauche #texteTexte { display:block; width:589px; height:358px; } #page.template14 #centre-gauche h4 {font-size:1.2em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#d20204} #page.template14 #centre-gauche p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; text-align:justify; width:534px;} #page.template14 #centre-gauche ul { margin: 10px 0 10px 0; width:514px; color:#494949;} #page.template14 #centre-gauche li { font-size:1.2em; line-height:1.2em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat} #page.template14 #centre-gauche strong {color:#d20204; text-transform:uppercase; font-weight:bold;} #page.template14 .jScrollPaneContainer {position: absolute;top:5px; left:2px;overflow: hidden;z-index: 1;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 20 : texte seul <<<< */ /* ----------------------------------------------------------------------------- */ #page.template20 #centre-gauche { position:absolute; top:215px; left:70px; display:block; width:869px; height:358px; background-color:#FFF} #page.template20 h3 {position:absolute; top:178px; left:44px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: bold; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat } #page.template20 #centre-gauche #texteTexte { display:block; width:839px; height:358px; } #page.template20 #centre-gauche h4 {font-size:1.2em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#d20204} #page.template20 #centre-gauche p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; text-align:justify; width:784px;} /*#page.template20 #centre-gauche ul { margin: 0 0 10px 0} #page.template20 #centre-gauche li { font-size:1.2em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 0 no-repeat} */ #page.template20 #centre-gauche strong {color:#d20204; text-transform:uppercase; font-weight:bold;} #page.template20 .jScrollPaneContainer {position: absolute;top:5px; left:2px;overflow: hidden;z-index: 1;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 21 : visuel seul <<<< */ /* ----------------------------------------------------------------------------- */ #page.template21 h3 {position:absolute; top:178px; left:44px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: bold; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat } #page.template21 #centre-droit { position:absolute; top:178px; left:3px; display:block; width:224px; height:336px; background-color:#FFF} #page.template21 #centre-droit img { } /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 10 : texte > mentions l�???�??�?�©gales <<<< */ /* ----------------------------------------------------------------------------- */ #page.template10 #centre-gauche { position:absolute; top:169px; left:14px; display:block; width:456px; height:416px; background-color:#FFF} #page.template10 #centre-droit { position:absolute; top:169px; left:487px; display:block; width:456px; height:416px; background-color:#FFF} #page.template10 #content h3 {position:absolute; top:156px; left:14px; display:block; width:456px; height:20px; background-color:#FFF;font-size:1.1em; font-weight: bold; line-height:1em; color:#555 } #page.template10 #content h4 {font-size:1em; line-height:1em; margin: 4px 0; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 0px no-repeat; color:#d20204} #page.template10 #content p { font-size:0.9em; line-height:1.1em; margin:4px 0 2px 0; color:#555; text-align:justify;} #page.template10 #content ul { margin: 0 0 2px 0; color:#555;} #page.template10 #content li { font-size:0.9em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/li-puce.gif) 0 5px no-repeat} #page.template10 strong {color:#000; text-transform:uppercase} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 15 : texte > offres <<<< */ /* ----------------------------------------------------------------------------- */ #page.template15 #content { position:absolute; top:175px; left:2px; display:block; width:958px; height:400px; background-color:#FFF} #page.template15 #centre-gauche { position:absolute; top:0px; left:0px; display:block; width:262px; height:400px; background-color:#FFF} #page.template15 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#da2000 } #page.template15 #centre-droit { position:absolute; top:0px; left:273px; display:block; width:664px; height:400px; background-color:#FFF; text-align:center} #page.template15 #centre-droit img{ margin:0; padding:0} #page.template15 #centre-gauche #texteTexte { display:block; width:664px; height:400px; } #page.template15 #centre-droit h4 {font-size:1.5em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#d20204; width:650px; text-align:center; text-transform:uppercase; margin:20px 0px 10px 0; padding:0} #page.template15 #centre-droit h5 {font-size:1.2em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#494949; width:650px; text-align:center; margin:10px 0; padding:0 } #page.template15 #centre-droit p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; width:650px; text-align:center; padding:0} #page.template15 #centre-gauche droit {color:#d20204; text-transform:uppercase; font-weight:bold;} /*///////////menu-offre ////////////////////////////////////////////////////////*/ /* niveau 2 --------------------------------------------------------------------------------*/ #page.template15 #nav-niv-2 { position:absolute; left:0; top:0} #page.template15 #nav-niv-2 ul {margin:0px 0 0 0px; padding:0; list-style-type:none;} #page.template15 #nav-niv-2 ul li {margin:0 0 0px 0; padding:0} #page.template15 #nav-niv-2 ul li a{ margin:0; padding:0; font-size:1.2em; line-height:2.5em; text-transform:uppercase; text-indent:32px} #page.template15 #nav-niv-2 ul li a {display:block;overflow: hidden; padding:0;color:#CCC; text-decoration:none;} #page.template15 #nav-niv-2 ul li a, #page.template15 #nav-niv-2 ul li a.active, #page.template15 #nav-niv-2 ul li a:hover {width:262px; height:30px; border-bottom:solid #CCC 1px } #page.template15 #nav-niv-2 ul li a {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#101918} #page.template15 #nav-niv-2 ul li a:hover {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#da2000} #page.template15 #nav-niv-2 ul li a.active {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } #page.template15 #nav-niv-2 ul li a.active:hover {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } /* niveau 3 --------------------------------------------------------------------------------*/ #page.template15 #nav-niv-2 ul ul {margin:0px 0 0 0; padding:10px 0 10px 0 ; width:262px; background:url(images/li-offre-repeat-ul-ul.gif) top repeat-x; border-bottom:solid #CCC 1px } #page.template15 #nav-niv-2 ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template15 #nav-niv-2 ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template15 #nav-niv-2 ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template15 #nav-niv-2 ul ul li a, #page.template15 #nav-niv-2 ul ul li a:link { text-decoration:none; color:#000;list-style-type:none; font-size:1.1em; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; text-transform:uppercase} #page.template15 #nav-niv-2 ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat;} #page.template15 #nav-niv-2 ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } #page.template15 #nav-niv-2 ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } /* niveau 4 --------------------------------------------------------------------------------*/ #page.template15 #nav-niv-2 ul ul ul {margin:0px 0 0 0; padding:0px 0 0px 0 ; width:262px; background:none; border-bottom:solid #CCC 0px } #page.template15 #nav-niv-2 ul ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template15 #nav-niv-2 ul ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template15 #nav-niv-2 ul ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template15 #nav-niv-2 ul ul ul li a, #page.template15 #nav-niv-2 ul ul ul li a:link { text-decoration:none; color:#666;list-style-type:none; font-size:1em; font-style:italic; background:none; border-bottom:solid #CCC 0px; height:20px; background:none; text-transform:uppercase} #page.template15 #nav-niv-2 ul ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none;} #page.template15 #nav-niv-2 ul ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:none } #page.template15 #nav-niv-2 ul ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none } /*// fin menu-offre ////////////////////////////////////////////////////////*/ /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 34 : texte > lexique <<<< */ /* ----------------------------------------------------------------------------- */ #page.template34 #content { position:absolute; top:188px; left:2px; display:block; width:958px; height:400px; background-color:#FFF; border-top:solid #CCC 1px} #page.template34 #centre-gauche { position:absolute; top:0px; left:0px; display:block; width:262px; height:400px; background-color:#FFF} #page.template34 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#da2000 } #page.template34 #centre-droit { position:absolute; top:0px; left:273px; display:block; width:664px; height:400px; background-color:#FFF; text-align:left} #page.template34 #centre-droit img{ margin:0; padding:0} #page.template34 #centre-droit #texteTexte { display:block; width:684px; height:340px; } #page.template34 .jScrollPaneContainer {position: absolute;top:55px; left:2px;overflow: hidden;z-index: 1;} #page.template34 #centre-droit h4 {font-size:1.5em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#d20204; width:650px; text-align:center; text-transform:uppercase; margin:20px 0px 10px 0; padding:0} #page.template34 #centre-droit h5 {font-size:1.2em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:bold; color:#494949; width:650px; text-align:left; margin:10px 0; padding:0 } #page.template34 #centre-droit p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; width:650px; text-align:left; padding:0} #page.template34 #centre-droit p strong { font-weight:bold} #page.template34 #centre-gauche droit {color:#d20204; text-transform:uppercase; font-weight:bold;} /*///////////menu-offre ////////////////////////////////////////////////////////*/ /* niveau 2 --------------------------------------------------------------------------------*/ #page.template34 #nav-niv-2 { position:absolute; left:0; top:0} #page.template34 #nav-niv-2 ul {margin:0px 0 0 0px; padding:0; list-style-type:none;} #page.template34 #nav-niv-2 ul li {margin:0 0 0px 0; padding:0} #page.template34 #nav-niv-2 ul li a{ margin:0; padding:0; font-size:1.2em; line-height:2.5em; text-transform:uppercase; text-indent:32px} #page.template34 #nav-niv-2 ul li a {display:block;overflow: hidden; padding:0;color:#CCC; text-decoration:none;} #page.template34 #nav-niv-2 ul li a, #page.template34 #nav-niv-2 ul li a.active, #page.template34 #nav-niv-2 ul li a:hover {width:262px; height:30px; border-bottom:solid #CCC 1px } #page.template34 #nav-niv-2 ul li a {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#101918} #page.template34 #nav-niv-2 ul li a:hover {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#da2000} #page.template34 #nav-niv-2 ul li a.active {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } #page.template34 #nav-niv-2 ul li a.active:hover {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } /* niveau 3 --------------------------------------------------------------------------------*/ #page.template34 #nav-niv-2 ul ul {margin:0px 0 0 0; padding:10px 0 10px 0 ; width:262px; background:url(images/li-offre-repeat-ul-ul.gif) top repeat-x; border-bottom:solid #CCC 1px } #page.template34 #nav-niv-2 ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template34 #nav-niv-2 ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template34 #nav-niv-2 ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template34 #nav-niv-2 ul ul li a, #page.template34 #nav-niv-2 ul ul li a:link { text-decoration:none; color:#000;list-style-type:none; font-size:1.1em; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; text-transform:uppercase} #page.template34 #nav-niv-2 ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat;} #page.template34 #nav-niv-2 ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } #page.template34 #nav-niv-2 ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } /* niveau 4 --------------------------------------------------------------------------------*/ #page.template34 #nav-niv-2 ul ul ul {margin:0px 0 0 0; padding:0px 0 0px 0 ; width:262px; background:none; border-bottom:solid #CCC 0px } #page.template34 #nav-niv-2 ul ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template34 #nav-niv-2 ul ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template34 #nav-niv-2 ul ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template34 #nav-niv-2 ul ul ul li a, #page.template34 #nav-niv-2 ul ul ul li a:link { text-decoration:none; color:#666;list-style-type:none; font-size:1em; font-style:italic; background:none; border-bottom:solid #CCC 0px; height:20px; background:none; text-transform:uppercase} #page.template34 #nav-niv-2 ul ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none;} #page.template34 #nav-niv-2 ul ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:none } #page.template34 #nav-niv-2 ul ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none } /*// fin menu-offre ////////////////////////////////////////////////////////*/ /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 16 : magasin > accueil <<<< */ /* ----------------------------------------------------------------------------- */ #page.template16 #bas-gauche { position:absolute; top:170px; left:0px; display:block; width:282px; height:400px; } #page.template16 #bas-milieu { position:absolute; top:170px; left:282px; display:block; width:410px; height:410px; background-color:#FFF} #page.template16 #bas-droite { position:absolute; top:170px; left:700px; display:block; width:250px; height:400px; background-color:#FFF} #page.template16 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#494949; text-transform:uppercase } #page.template16 #bas-gauche h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; font-weight:normal; color:#d20204; text-transform:uppercase; margin:140px 0 0 13px} #page.template16 #bas-gauche img { text-align:center; margin:5px 0 0 10px} #page.template16 #bas-droite h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; font-weight:normal; color:#d20204; text-transform:uppercase; margin:50px 0 0 13px} #page.template16 #bas-droite h5 {font-size:1.2em; line-height:1.3em; padding-left:9px; font-weight:normal; color:#494949; margin:10px 0 0 13px} #page.template16 #bas-droite p {font-size:1.2em; line-height:1.3em; padding-left:9px; font-weight:normal; color:#494949; margin:0px 0 0 13px} #page.template16 #bas-droite a { text-decoration:none} #page.template16 #bas-gauche #texteTexte { display:block; width:664px; height:400px; } /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 17 : magasin > une r�???�??�?�©gion <<<< */ /* ----------------------------------------------------------------------------- */ #page.template17 #bas-gauche { position:absolute; top:198px; left:0px; display:block; width:382px; height:400px; } #page.template17 #bas-milieu { position:absolute; top:175px; left:382px; display:block; width:570px; height:400px; background-color:#FFF} #page.template17 #bas-milieu #googleMap {position:absolute; top:20px; left:20px; display:block; width:535px; height:376px; background:transparent url(images/fond-carte.jpg) no-repeat 0 0} #page.template17 #bas-milieu #map {position:absolute; top:7px; left:10px; display:block; width:515px; height:350px; background-color:#666666} #page.template17 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#494949; text-transform:uppercase } #page.template17 #bas-gauche h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; font-weight:normal; color:#d20204; text-transform:uppercase; margin:140px 0 0 13px} #page.template17 #bas-milieu #retour-faq {position:absolute; top:0px; left:20px; display:block; width:78px; height:19px; z-index:3 ; cursor:pointer } #page.template17 #bas-milieu #retour-faq a{background:transparent url(images/btn-retour-off.gif) 0 0 no-repeat; display:block; width:78px; height:19px;} #page.template17 #bas-milieu #retour-faq a:hover {background:transparent url(images/btn-retour-on.gif) 0px 0 no-repeat;width:78px; height:19px; } #page.template17 #bas-milieu #retour-faq a span{display:none} /* niveau 3 -------------------------------------------------*/ #page.template17 #nav-niv-3 ul {margin:0px 0 0 22px; padding:10px 0 10px 0 ; } #page.template17 #nav-niv-3 ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template17 #nav-niv-3 ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:15px;} #page.template17 #nav-niv-3 ul li a {padding-left:15px; margin-left:0px;} #page.template17 #nav-niv-3 ul li a, #page.template17 #nav-niv-3 ul li a:link { text-decoration:none; color:#494949;list-style-type:none; font-size:1.1em; background:none; text-transform:uppercase} #page.template17 #nav-niv-3 ul li a.active {color: #da2000; background:none;} #page.template17 #nav-niv-3 ul li a:hover {color: #da2000; text-decoration:none; } #page.template17 #nav-niv-3 ul li a.active:hover {color: #da2000; background:none; } #page.template17 #texteTexte { display:block; width:389px; height:255px;} #page.template17 a.magasins {background:url(images/icone-region.png) no-repeat 0 0;padding:6px 0 0 50px;width:120px;margin:0 0 5px 25px;display:block;height:40px;font-size:1.4em;line-height:1.3em;text-decoration:none;cursor:pointer} #page.template17 a.magasins.active, #page.template17 a.magasins:hover {color:#de2000;} #page.template17 a.audition {background:url(images/icone-region.png) no-repeat 0 -46px;padding:8px 0 0 50px;width:120px;display:block;height:37px;font-size:1.4em;line-height:1.3em;text-decoration:none;margin:0 0 0 25px;cursor:pointer} #page.template17 a.audition.active, #page.template17 a.audition:hover {color:#de2000;} #page.template17 .jScrollPaneContainer {position: absolute;top:106px; left:2px;overflow: hidden;z-index: 1;} #page.template17 .noAudition a.audition { display:none} #page.template17 .noAudition .jScrollPaneContainer {position: absolute;top:52px; left:2px;overflow: hidden;z-index: 1;} /**** fin menu ofrre //////*/ /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 18 : magasin > fiche <<<< */ /* ----------------------------------------------------------------------------- */ #page.template18 #bas-gauche { position:absolute; top:205px; left:2px; display:block; width:559px; height:400px; background:transparent url(images/fond-fiche.jpg) 0 0 no-repeat } #page.template18 #bas-milieu { position:absolute; top:185px; left:563px; display:block; width:387px; height:400px; background-color:#FFF} #page.template18 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#494949; text-transform:uppercase } #page.template18 #bas-gauche img#visuel {position:absolute; top:20px; left:20px; display:block; width:200px; z-index:3; background-color:#FFF } #page.template18 #bas-gauche img#plan {position:absolute; top:170px; left:20px; display:block; width:200px; z-index:3; background-color:#FFF } #page.template18 #bas-gauche #texte {position:absolute; top:20px; left:240px; display:block; width:290px; z-index:3; background-color:#FFF } #page.template18 #bas-gauche #texte h4 {font-size:1.3em; line-height:1.3em; font-weight:normal; color:#d20204; text-transform:uppercase; margin:0px 0 0 0px} #page.template18 #bas-gauche #texte h4.magasinoui {background:url(images/icone-audioEtOptique.png) no-repeat right top;padding:5px 95px 21px 0;display:inline-block;} #page.template18 #bas-gauche #texte h4.magasinnon {background:url(images/oc_audiologie_pictolunettes.png) no-repeat right top;padding:5px 52px 21px 0;display:inline-block;} *+html #page.template18 #bas-gauche #texte h4.magasinnon, *+html #page.template18 #bas-gauche #texte h4.magasinoui {display:inline} #page.template18 #bas-gauche #texte p {font-size:1.2em; line-height:1.3em; font-weight:normal; color:#494949; margin:5px 0 0 0px} #page.template18 #bas-gauche #texte p strong {color:#d20204; } #page.template18 #bas-gauche #btn-plan {position:absolute; top:320px; left:35px; display:block; width:142px; height:19px; z-index:3 } #page.template18 #bas-gauche #btn-plan a{background:transparent url(images/btn-plan-off.gif) 0 0 no-repeat; display:block; width:142px; height:19px; cursor:pointer} #page.template18 #bas-gauche #btn-plan a:hover {background:transparent url(images/btn-plan-on.gif) 0px 0 no-repeat;width:142px; height:19px; } #page.template18 #bas-gauche #btn-plan a span{display:none} #page.template18 #bas-gauche #retour-faq {position:absolute; top:360px; left:8px; display:block; width:78px; height:19px; z-index:3 } #page.template18 #bas-gauche #retour-faq a{background:transparent url(images/btn-retour-off.gif) 0 0 no-repeat; display:block; width:78px; height:19px; cursor:pointer} #page.template18 #bas-gauche #retour-faq a:hover {background:transparent url(images/btn-retour-on.gif) 0px 0 no-repeat;width:78px; height:19px; } #page.template18 #bas-gauche #retour-faq a span{display:none} #page.template18 #bas-gauche #precedent {position:absolute; top:361px; left:262px; display:block; width:144px; height:19px; z-index:3 } #page.template18 #bas-gauche #precedent a{background:transparent url(images/btn-prec-off.gif) 0 0 no-repeat; display:block; width:144px; height:19px;} #page.template18 #bas-gauche #precedent a:hover {background:transparent url(images/btn-prec-on.gif) 0px 0 no-repeat;width:144px; height:19px; } #page.template18 #bas-gauche #precedent a span{display:none} #page.template18 #bas-gauche #suivant {position:absolute; top:361px; left:422px; display:block; width:130px; height:19px; z-index:3 } #page.template18 #bas-gauche #suivant a{background:transparent url(images/btn-suiv-off.gif) 0 0 no-repeat; display:block; width:130px; height:19px;} #page.template18 #bas-gauche #suivant a:hover {background:transparent url(images/btn-suiv-on.gif) 0px 0 no-repeat;width:130px; height:19px; } #page.template18 #bas-gauche #suivant a span{display:none} #page.template18 #bas-milieu #googleMap {position:absolute; top:50px; left:0px; display:block; width:381px; height:263px; background:transparent url(images/fond-carte-mini.jpg) no-repeat 0 0} #page.template18 #bas-milieu h4 { font-size:1.2em; color:#494949; } #page.template18 #bas-milieu h4 strong {color:#da2000 } #page.template18 #bas-milieu #lienPlan {position:absolute; top:33px; left:13px; display:block; width:353px; height:20px; } #page.template18 #bas-milieu #programmeFidelite {position:absolute; top:318px; left:13px; display:block; width:353px; } #page.template18 #bas-milieu #programmeFidelite em { color:#da2000} #page.template18 #bas-milieu #programmeFidelite p {font-size:1.2em; color:#494949; line-height:1.3em; margin-top:4px} #page.template18 #bas-milieu #boutonSavoir{position:absolute; top:10px; left:210px; display:block; width:136px; height:26px; background-color:#FFF; } #page.template18 #bas-milieu #boutonSavoir a{background:transparent url(images/btn-savoir-off.gif) 0 0 no-repeat; display:block; width:136px; height:26px;} #page.template18 #bas-milieu #boutonSavoir a:hover {background:transparent url(images/btn-savoir-on.gif) 0px 0 no-repeat;width:136px; height:26px; } #page.template18 #bas-milieu #boutonSavoir a span{display:none} #page.template18 #bas-milieu #map {position:absolute; top:10px; left:13px; display:block; width:353px; height:240px; background-color:#666666} #page.template18 #bas-milieu #boutonImprimer{position:absolute; top:18px; left:340px; display:block; width:30px; height:29px; background-color:#FFF; } #page.template18 #bas-milieu #boutonImprimer a{background:transparent url(images/btn-print-off.gif) 0 0 no-repeat; display:block; width:30px; height:29px; cursor:pointer} #page.template18 #bas-milieu #boutonImprimer a:hover {background:transparent url(images/btn-print-on.gif) 0px 0 no-repeat;width:30px; height:29px; } #page.template18 #bas-milieu #boutonImprimer a span{display:none} /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> template numero 23 : magasin > visite virtuelle <<<< */ /* ------------------------------------------------------------------------ */ #page.template23 h3 {position:absolute; top:170px; left:40px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: bold; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat } #page.template23 #centre-centre { position:absolute; top:200px; left:40px; display:block; width:500px; height:368px; background-color:#FFF} #page.template23 #centre-centre object object{ position:absolute; top:0; left:0; display:block; width:500px; height:367px; background-color:#CCC; overflow:hidden} #page.template23 #centre-centre p { font-size:1.2em; line-height:1.3em; margin:3px 0 10px 0; color:#494949; text-align:justify;} #page.template23 #centre-droit { position:absolute; top:200px; left:564px; display:block; width:367px; background-color:#FFF} #page.template23 #centre-droit h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; color:#d20204} #page.template23 #centre-droit p { font-size:1.2em; line-height:1.3em; margin:0 0 10px 0; color:#494949; text-align:justify;} #page.template23 #centre-droit ul { margin: 10px 0 10px 0; color:#494949;} #page.template23 #centre-droit li { font-size:1.2em; line-height:1.3em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/li-puce.gif) 0 7px no-repeat} #page.template23 #centre-droit strong {color:#818181; text-transform:uppercase} #page.template23 #centre-droit #espritTexte p { display:block; width:812px} #page.template23 #centre-droit #espritChapeau p {color:#818181} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 12 : Faq <<<< */ /* ----------------------------------------------------------------------------- */ #page.template12 #centre-centre { position:absolute; top:189px; left:34px; display:block; width:926px; height:410px; overflow:hidden } #page.template12 h3 {position:absolute; top:156px; left:34px; display:block; width:456px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: bold; color:#555 } #page.template12 h3 a, #page.template12 h3 a:link, #page.template12 h3 a:hover, #page.template12 h3 a:visited, {color:#e72629} #page.template12 #centre-centre h4 {font-size:1.4em; line-height:1em; margin: 14px 0 0px 0; color:#e72629; width:600px} #page.template12 #centre-centre h5 {font-size:1.3em; line-height:1em; margin: 8px 0; padding-left:9px; width:600px; background:transparent url(images/h4-puce.gif) 0 0px no-repeat; color:#e72629} #page.template12 #centre-centre h6 {font-size:1.3em; line-height:1em; margin: 8px 0; padding-left:9px; width:600px; /*background:transparent url(images/h4-puce.gif) 0 0px no-repeat; */ color:#e72629} #page.template12 #centre-centre p { font-size:1.2em; line-height:1.4em; margin:5px 0 3px 0; color:#555; text-align:justify; width:800px} #page.template12 #centre-centre ul { margin: 0 0 2px 0; color:#555; margin-top:6px;} #page.template12 #centre-centre li { font-size:1.2em; line-height:1.4em; margin:3px 0 0px 0; margin-left:10px; padding-left:9px; background:transparent url(images/li-puce.gif) 0 7px no-repeat; width:800px} #page.template12 #centre-centre strong {color:#000; text-transform:uppercase} #page.template12 #centre-centre #questions { position:relative; display:block; width:946px; height:430px;} #page.template12 #centre-centre #unereponse { position:relative; display:block; width:946px; height:450px;} #page.template12 #centre-centre #unereponse #retour-faq {position:absolute; top:0px; right:50px; display:block; width:78px; height:19px; z-index:3 } #page.template12 #centre-centre #unereponse #retour-faq a{background:transparent url(images/btn-retour-off.gif) 0 0 no-repeat; display:block; width:78px; height:19px;} #page.template12 #centre-centre #unereponse #retour-faq a:hover {background:transparent url(images/btn-retour-on.gif) 0px 0 no-repeat;width:78px; height:19px; } #page.template12 #centre-centre #unereponse #retour-faq a span{display:none} #page.template12 #centre-droit { position:absolute; top:0px; left:600px; display:block; width:224px; height:336px; background-color:#FFF} #page.template12 #centre-droit img { border:solid #EEE 1px} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 7 : collection > une marque <<<< */ /* ----------------------------------------------------------------------------- */ #page.template7 #nav-niv-2 {display:none} #page.template7 #centre-centre { position:absolute; top:129px; left:2px; display:block; width:958px; height:430px;} #page.template7 #centre-bas { position:absolute; top:549px; left:2px; display:block; width:958px; height:50px; background-color:#FFF; border-top: solid 1px #DDD} #page.template7 #centre-centre #marqueLogoGrand { position:absolute; top:37px; left:132px; display:block; width:395px; height:62px; background-color:#FFF} #page.template7 #centre-centre #marqueTexte { position:absolute; top:120px; left:42px; display:block; width:591px; height:205px; background-color:#FFF} #page.template7 #centre-centre #marqueTexteMois { position:absolute; top:250px; background:transparent url(images/fond-marque-mois.gif) 0px 0 no-repeat; left:0px; display:block; width:631px; height:135px; } #page.template7 #centre-centre #marqueVisuelMois { position:absolute; top:100px; left:50px; display:block; width:631px; } #page.template7 #centre-centre #marqueVisuelMois img { height:32px; margin: 0 1px 0 0; padding: 15px 0; width:80px; border:solid #DDD 1px } #page.template7 #centre-centre #marqueTexteMois h4 {font-size:1.2em; line-height:1.3em; padding-left:125px; color:#FF0000; font-weight:bold} #page.template7 #centre-centre #marqueTexteMois p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; padding-left:125px} #page.template7 #centre-centre #marqueVisuel { position:relative; top:40px; left:669px; display:block; width:264px; height:362px; background-color:#FFF} #page.template7 #centre-centre h4 {font-size:1.2em; line-height:1.3em; padding-left:9px} #page.template7 #centre-centre p { font-size:1.2em; line-height:1.2em; margin:0 0 10px 0; color:#494949; text-align:justify} #page.template7 #centre-centre ul { margin: 0 0 10px 0} #page.template7 #centre-centre li { font-size:1.2em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px; background:transparent url(images/puce-couleur-3.gif) 0 0 no-repeat} /*/////////////// BOUTON video */ #page.template7 #centre-centre #marqueBoutonVideo{position:absolute; top:330px; left:0px; display:block; width:141px; height:26px; background-color:#FFF; } #page.template7 #centre-centre #marqueBoutonVideo a{background:transparent url(images/btn-video-off.gif) 0 0 no-repeat; display:block; width:141px; height:26px;} #page.template7 #centre-centre #marqueBoutonVideo a:hover {background:transparent url(images/btn-video-on.gif) 0px 0 no-repeat;width:141px; height:26px; } #page.template7 #centre-centre #marqueBoutonVideo a span{display:none} /*/////////////// BOUTON gamme */ #page.template7 #centre-centre #marqueBoutonGamme{position:absolute; top:330px; left:460px; display:block; width:176px; height:26px; background-color:#FFF; } #page.template7 #centre-centre #marqueBoutonGamme a{background:transparent url(images/btn-gamme-off.gif) 0 0 no-repeat; display:block; width:176px; height:26px;} #page.template7 #centre-centre #marqueBoutonGamme a:hover {background:transparent url(images/btn-gamme-on.gif) 0px 0 no-repeat;width:176px; height:26px; } #page.template7 #centre-centre #marqueBoutonGamme a span{display:none} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> id:16 : newsletter <<<< */ /* ----------------------------------------------------------------------------- */ #id16 #centre-gauche #email {border:#e72629 solid 1px; width:250px; margin-top:6px } #id16 #centre-gauche #ok {display:block; width:82px; height:13px; background-color:#FFF; border:0px solid #FFF; margin:5px 0 0 174px; cursor:pointer } #id16 #centre-gauche #ok {background:transparent url(images/btn-valider-off.gif) 0 0 no-repeat; display:block; width:82px; height:13px; cursor:pointer } #id16 #centre-gauche #ok:hover {background:transparent url(images/btn-valider-on.gif) 0px 0 no-repeat;width:82px; height:13px; cursor:pointer } #id16 #texteTexte, #id1032 #texteTexte, #id1033 #texteTexte { background:transparent url(images/Marina-enpied.jpg) right bottom no-repeat } #id1032 #centre-gauche #email {border:#e72629 solid 1px; width:250px } #id1032 #centre-gauche #ok {display:block; width:82px; height:13px; background-color:#FFF; border:0px solid #FFF; margin:5px 0 0 174px; cursor:pointer } #id1032 #centre-gauche #ok {background:transparent url(images/btn-valider-off.gif) 0 0 no-repeat; display:block; width:82px; height:13px; cursor:pointer } #id1032 #centre-gauche #ok:hover {background:transparent url(images/btn-valider-on.gif) 0px 0 no-repeat;width:82px; height:13px; cursor:pointer } /*/////////////// BOUTON ACCUEIL */ #entete #retour-accueil a{background:transparent url(images/logotype.png) 0 0 no-repeat; display:block; width:111px; height:110px;} #entete #retour-accueil a:hover {background:transparent url(images/logotype.png) 0px 0 no-repeat;width:111px; height:110px; } #entete #retour-accueil a span{display:none} /* ----------------------------------- */ /* >>>>>>>>>>>>> pied de page <<<<< */ /* ----------------------------------- */ #pied-de-page {position:absolute; top:606px; left:10px; display:block; width:553px;} #pied-de-page ul {height:12px; } #pied-de-page li {display:block; float:left; font-size:1.1em; } #pied-de-page li.last { } #pied-de-page li a {display:block;color:#b9b9b9; text-decoration:none; margin:0; padding:0} #pied-de-page li a span{margin:0 8px; color:#b9b9b9} #pied-de-page li a:visited {color:#b9b9b9;} #pied-de-page li a:hover{color:#8c8c8c; } #pied-de-page li a:active{color:#b9b9b9;} #pied-de-page li.active a {color:#e23c44;} #pied-de-page li.active a:hover{color:#e23c44; } /* ----------------------------------- */ /* >>>>>>>>>>>>> plan du site <<<<< */ /* ----------------------------------- */ #plan-du-site {padding:0 px; font-size:1.2em;} #plan-du-site ul{ margin:10px 20px; padding:0;} #plan-du-site ul li{ font-size:1.2em; text-transform:uppercase; padding:0 0 0 0px; margin:10px 0 0 0; list-style-type:upper-latin; text-decoration:none} #plan-du-site ul li a {border-bottom:solid 2px #e23c44; text-decoration:none; display:block; width:760px; padding:3px 0 5px 0px;} #plan-du-site ul ul{font-size:1em; line-height:1em; margin:10px 20px; padding:0;} #plan-du-site ul ul li{ font-size:1em; line-height:1.1em; text-transform:none; margin:0; padding:0; list-style-type:decimal; border-bottom:solid 0px #FFF } #plan-du-site ul ul li a{border-bottom:solid 0px #FFF ; padding:0} #plan-du-site ul ul ul{font-size:1em; margin:10px 20px; padding:0;} #plan-du-site ul ul ul li{ font-size:1em; list-style-type:lower-latin; border-bottom:solid 0px #FFF } #plan-du-site ul ul ul li a{ border-bottom:solid 0px #FFF; padding:0 } #plan-du-site ul ul ul ul{font-size:1em; margin:10px 20px; padding:0;} #plan-du-site ul ul ul ul li{ font-size:1em; list-style-type:decimal ; border-bottom:solid 0px #FFF} #plan-du-site ul ul ul ul li a{ border-bottom:solid 0px #FFF; padding:0} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 35 : texte > offres <<<< */ /* ----------------------------------------------------------------------------- */ #page.template35 #content { position:absolute;overflow:hidden;top:188px; left:2px; display:block; width:958px; height:400px; background-color:#FFF;} #page.template35 #centre-gauche { position:absolute; top:0px; left:0px; display:block; width:262px; height:400px; background-color:#FFF} #page.template35 h3 {display:block; height:20px;font-size:1.4em; line-height:1em; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat;color:#000;text-transform:uppercase;} body#id1071 #page.template35 h3 {display:none} #page.template35 #centre-droit { position:absolute; top:0px; left:273px; display:block; width:671px; height:400px; background-color:#FFF;overflow:hidden} #page.template35 #centre-droit img{ margin:0; padding:0} #page.template35 #centre-droit #texteTexte { display:block; width:670px; height:375px;} body#id1075 #page.template35 #centre-droit #texteTexte {background:url(images/audition-testAuditif.jpg) no-repeat right -20px;} #page.template35 #centre-droit h4 {font-size:1.5em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ font-weight:normal; color:#d20204; text-transform:uppercase; margin:15px 0px 10px 0; padding:0} #page.template35 #centre-droit h5 {font-size:1.4em; line-height:1.3em; /*padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat;*/ text-transform:uppercase;color:#494949; margin:10px 0; } #page.template35 #centre-droit p { font-size:1.4em; line-height:1.2em; margin:0 0 10px 0; color:#494949;padding:0;clear:left} #page.template35 #centre-droit strong { font-weight:bold; color:#000} body#id1073 #page.template35 #centre-droit strong {color:#494949;text-transform:uppercase} #page.template35 #centre-droit ol {list-style-type:decimal;list-style-position:inside;margin:15px 0;padding-left:40px;} #page.template35 #centre-droit ol li {font-size:1.4em; line-height:1.2em;color:#d20204;} #page.template35 #centre-droit ol li span {color:#494949} #page.template35 #centre-droit ul {margin:15px 0;padding-left:40px;} #page.template35 #centre-droit ul li {font-size:1.4em; line-height:1.2em;color:#494949;list-style-type:disc;list-style-position:inside} #page.template35 .jScrollPaneContainer {left:2px;top:5px;overflow:hidden;position:relative;z-index:1;} /*questionnaire*/ #page.template35 #centre-droit a.oui {background:url(images/spriteOuiNon.png) no-repeat 0 0;display:block;height:0;padding-top:18px;width:67px;overflow:hidden;float:left;margin-right:10px;cursor:pointer} #page.template35 #centre-droit a.oui:hover {background-position:-67px 0;} #page.template35 #centre-droit a.non {background:url(images/spriteOuiNon.png) no-repeat 0 -18px;display:block;height:0;padding-top:18px;width:67px;overflow:hidden;cursor:pointer} #page.template35 #centre-droit a.non:hover {background-position:-67px -18px;} #page.template35 #centre-droit p#reponse {background:url(images/fondReponse.png) no-repeat 0 0;padding:12px 20px 20px 17px;position:relative;left:32px;text-transform:uppercase;text-align:center;width:405px;font-weight:bold;font-size:1.5em;margin-top:25px;} #page.template35 #centre-droit p#reponse strong#big {font-size:1.2em;} /*///////////menu-offre ////////////////////////////////////////////////////////*/ /* niveau 2 --------------------------------------------------------------------------------*/ #page.template35 #entete #nav-niv-2 {display:none} #page.template35 #nav-niv-2 { position:absolute; left:0; top:0} #page.template35 #nav-niv-2 ul {margin:0px 0 0 0px; padding:0; list-style-type:none;} #page.template35 #nav-niv-2 ul li {margin:0 0 0px 0; padding:0} #page.template35 #nav-niv-2 ul li a{ margin:0; padding:0; font-size:1.2em; line-height:2.5em; text-transform:uppercase; text-indent:32px} #page.template35 #nav-niv-2 ul li a {display:block;overflow: hidden; padding:0;color:#CCC; text-decoration:none;} #page.template35 #nav-niv-2 ul li a, #page.template35 #nav-niv-2 ul li a.active, #page.template35 #nav-niv-2 ul li a:hover {width:262px; height:30px; border-bottom:solid #CCC 1px } #page.template35 #nav-niv-2 ul li a {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#101918} #page.template35 #nav-niv-2 ul li a:hover {background:#f6f6f6 url(images/li-offre-off.gif) 0 0 no-repeat; color:#da2000} #page.template35 #nav-niv-2 ul li a.active {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } #page.template35 #nav-niv-2 ul li a.active:hover {background:#da2000 url(images/li-offre-active.gif) 0 0 no-repeat; color:#FFF } /* niveau 3 --------------------------------------------------------------------------------*/ #page.template35 #nav-niv-2 ul ul {margin:0px 0 0 0; padding:10px 0 10px 0 ; width:262px; background:url(images/li-offre-repeat-ul-ul.gif) top repeat-x; border-bottom:solid #CCC 1px } #page.template35 #nav-niv-2 ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template35 #nav-niv-2 ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template35 #nav-niv-2 ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template35 #nav-niv-2 ul ul li a, #page.template35 #nav-niv-2 ul ul li a:link { text-decoration:none; color:#000;list-style-type:none; font-size:1.1em; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; text-transform:uppercase} #page.template35 #nav-niv-2 ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat;} #page.template35 #nav-niv-2 ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } #page.template35 #nav-niv-2 ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:transparent url(images/h4-puce.gif) 5px 9px no-repeat; } /* niveau 4 --------------------------------------------------------------------------------*/ #page.template35 #nav-niv-2 ul ul ul {margin:0px 0 0 0; padding:0px 0 0px 0 ; width:262px; background:none; border-bottom:solid #CCC 0px } #page.template35 #nav-niv-2 ul ul ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template35 #nav-niv-2 ul ul ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:20px;} #page.template35 #nav-niv-2 ul ul ul li a {padding-left:15px; border-bottom:solid #CCC 0px; margin-left:17px;} #page.template35 #nav-niv-2 ul ul ul li a, #page.template35 #nav-niv-2 ul ul ul li a:link { text-decoration:none; color:#666;list-style-type:none; font-size:1em; font-style:italic; background:none; border-bottom:solid #CCC 0px; height:20px; background:none; text-transform:uppercase} #page.template35 #nav-niv-2 ul ul ul li a.active {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none;} #page.template35 #nav-niv-2 ul ul ul li a:hover {color: #da2000; text-decoration:none; background:none; border-bottom:solid #CCC 0px ; height:20px; background:none } #page.template35 #nav-niv-2 ul ul ul li a.active:hover {color: #da2000; background:none; border-bottom:solid #CCC 0px; height:20px; background:none } /*// fin menu-offre ////////////////////////////////////////////////////////*/ /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 37 <<<< */ /* ----------------------------------------------------------------------------- */ #page.template37 #bas-gauche { position:absolute; top:198px; left:0px; display:block; width:382px; height:400px; } #page.template37 #bas-milieu { position:absolute; top:175px; left:382px; display:block; width:570px; height:400px; background-color:#FFF} #page.template37 #bas-milieu #googleMap {position:absolute; top:20px; left:20px; display:block; width:535px; height:376px; background:transparent url(images/fond-carte.jpg) no-repeat 0 0} #page.template37 #bas-milieu #map {position:absolute; top:7px; left:10px; display:block; width:515px; height:350px; background-color:#666666} #page.template37 h3 {position:absolute; top:168px; left:8px; display:block; width:856px; height:20px;font-size:1.4em; line-height:1em; margin: 10px 0 2px 0; font-weight: normal; color:#555; padding-left:27px; background:transparent url(images/h3-puce.gif) 0 1px no-repeat; color:#494949; text-transform:uppercase } #page.template37 #bas-gauche h4 {font-size:1.2em; line-height:1.3em; padding-left:9px; background:transparent url(images/h4-puce.gif) 0 2px no-repeat; font-weight:normal; color:#d20204; text-transform:uppercase; margin:140px 0 0 13px} #page.template37 #bas-milieu #retour-faq {position:absolute; top:0px; left:20px; display:block; width:78px; height:19px; z-index:3 ; cursor:pointer } #page.template37 #bas-milieu #retour-faq a{background:transparent url(images/btn-retour-off.gif) 0 0 no-repeat; display:block; width:78px; height:19px;} #page.template37 #bas-milieu #retour-faq a:hover {background:transparent url(images/btn-retour-on.gif) 0px 0 no-repeat;width:78px; height:19px; } #page.template37 #bas-milieu #retour-faq a span{display:none} /* niveau 3 -------------------------------------------------*/ #page.template37 #nav-niv-3 ul {margin:0px 0 0 22px; padding:10px 0 10px 0 ; } #page.template37 #nav-niv-3 ul li { background:none; padding: 0px 0 0px 0; margin:0 0 0px 0; font-weight:normal; } #page.template37 #nav-niv-3 ul li a {display:block;overflow: hidden; padding:0; margin:0px; text-decoration:none; text-transform:none ; text-indent:0; background:none; height:15px;} #page.template37 #nav-niv-3 ul li a {padding-left:15px; margin-left:0px;} #page.template37 #nav-niv-3 ul li a, #page.template37 #nav-niv-3 ul li a:link { text-decoration:none; color:#494949;list-style-type:none; font-size:1.1em; background:none; text-transform:uppercase} #page.template37 #nav-niv-3 ul li a.active {color: #da2000; background:none;} #page.template37 #nav-niv-3 ul li a:hover {color: #da2000; text-decoration:none; } #page.template37 #nav-niv-3 ul li a.active:hover {color: #da2000; background:none; } #page.template37 #texteTexte { display:block; width:389px; height:355px;} #page.template37 a.magasins {background:url(images/icone-region.png) no-repeat 0 0;padding:6px 0 0 50px;width:120px;margin:0 0 5px 25px;display:block;height:40px;font-size:1.4em;line-height:1.3em;text-decoration:none;cursor:pointer} #page.template37 a.magasins.active, #page.template37 a.magasins:hover {color:#de2000;} #page.template37 a.audition {background:url(images/icone-region.png) no-repeat 0 -46px;padding:8px 0 0 50px;width:120px;display:block;height:37px;font-size:1.4em;line-height:1.3em;text-decoration:none;margin:0 0 0 25px;cursor:pointer} #page.template37 a.audition.active, #page.template37 a.audition:hover {color:#de2000;} #page.template37 .jScrollPaneContainer {position: absolute;top:6px; left:2px;overflow: hidden;z-index: 1;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 43 <<<< */ /* ----------------------------------------------------------------------------- */ .template43 #entete #nav-niv-2 { display:none } /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template numero 45 <<<< */ /* ----------------------------------------------------------------------------- */ .template45 #entete #nav-niv-2 { display:none } /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 5 collection <<<< */ /* ----------------------------------------------------------------------------- */ body#id5 #entete #nav-niv-2 { display:none} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1104 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1104 #centre-droit #texteTexte{background:url(images/fond-id1104.jpg) no-repeat bottom right;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1105 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1105 #centre-droit #texteTexte p.floatRight{ float:right; padding-right:10px;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1073 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1073 #centre-droit #texteTexte p.floatLeft{ float:right; padding-right:10px;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1126 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1126 #page {background:url(images/fond-espaceCE.jpg) no-repeat 20px 161px;} body#id1126 #page.template20 .jScrollPaneContainer {left:10px;} body#id1126 #page .scroll-pane {background:none;} body#id1126 #page.template20 #centre-gauche {background:none;} body#id1126 #page.template20 h3 {color:#000;} body#id1126 #page.template20 em {color:#ed2424;} body#id1126 #page.template20 p {width:auto;text-align:left;display:inline} body#id1126 #page.template20 #texteTexte {position:relative} body#id1126 #page.template20 #form {width:293px;float:left} body#id1126 #page.template20 #form label {font-size:1.4em;color:#666666;line-height:1.2em;clear:left;display:block;margin-bottom:3px;} body#id1126 #page.template20 #form div.champs {background:url(images/inputLeft.png) no-repeat 0 0;height:18px;padding-left:5px;margin-bottom:6px} *+ html body#id1126 #page.template20 #form div.champs {background:url(images/inputLeft.png) no-repeat 0 1px;height:19px;} body#id1126 #page.template20 #form div.champs input {border:0 none;background:url(images/inputRight.png) no-repeat right top;height:16px;padding:3px 5px 0 0;} body#id1126 #page.template20 #form div.champs.block input {display:block;width:100%;} body#id1126 #page.template20 #form div.champs.inline {display:inline-block;margin-right:5px;} *+ html body#id1126 #page.template20 #form div.champs.inline {display:inline;} body#id1126 #page.template20 #form div.champs.inline input {display:inline;} body#id1126 #page.template20 #form span {margin-right:5px;font-size:1.1em;color:#666666;} body#id1126 #page.template20 #form div.champs.numero input {width:25px;text-align:center} body#id1126 #page.template20 #form div.champs.rue {margin-right:0;} body#id1126 #page.template20 #form div.champs.rue input {width:171px;} body#id1126 #page.template20 #form div.champs.commune input {width:101px;} body#id1126 #page.template20 #form div.champs.cp {margin-right:0;} body#id1126 #page.template20 #form div.champs.cp input {width:40px;text-align:center} body#id1126 #page.template20 #form div.champs.siren1 input {width:75px;text-align:center} body#id1126 #page.template20 #form div.champs.siren2 input {width:25px;text-align:center} body#id1126 #page.template20 #form div.champs span {float:left;} body#id1126 #page.template20 #form div.champs span.petit {float:none;font-size:1.1em;} body#id1126 #page.template20 #validation {margin-left:380px;padding-top:150px;} body#id1126 #page.template20 #validation a {display:block;overflow:hidden;padding-top:41px;height:0;width:195px;background:url(images/btn-valider.png) no-repeat 0 0;} body#id1126 #page.template20 #validation a:hover {background-position:0 -41px;} body#id1126 #page.template20 #erreur {width:240px;position:absolute;left:380px;top:0;} body#id1126 #page.template20 h4 {font-size:2.5em;margin-bottom:15px;} body#id1126 #page.template20 p.merci {font-size:1.7em;color:#666666} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1134 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1134 { background:none} body#id1134 h1{ display:none} body#id1134 #page { width:999px; height:500px;position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-499px; background:transparent url(images/fond-pre-home.jpg) 0 0 no-repeat;} body#id1134 #page #haut-gauche{ position:relative; top:8px; left:9px} body#id1134 #page #bas-droite{ } body#id1134 #page #bas-droite p { color:#797a81; padding-top:15px; font-size:1em; line-height:1.1em; margin: 0 auto; width:560px; text-align:justify} body#id1134 #page #texteTexte a { color:#882784; text-decoration:none} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id jeux sephora 1135 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1135 #page {font-family:Geneva, Arial, Helvetica, sans-serif; background:url(images/fondConcoursSephora1.jpg) no-repeat 2px 142px;} body#id1135 #page h6#carte{ position:absolute; display:block; left:448px; top:329px; color:#882784; font-size:1em; line-height:1.1em} body#id1135 #page #texteTexte { display:block; position:absolute; width:650px; height:376px; top:223px; left:268px; background:transparent url(images/fondConcoursSephoraAccueil.jpg) 0 0 no-repeat;} body#id1135 #page #jeParticipe {position:absolute; top:222px; left:8px; display:block; width:199px; height:40px; background-color:#FFF; } body#id1135 #page #jeParticipe a{background:transparent url(images/btnJeParticipe.png) 0 0 no-repeat; display:block; width:199px; height:40px;} body#id1135 #page #jeParticipe a:hover {background:transparent url(images/btnJeParticipeOff.png) 0px 0 no-repeat;width:199px; height:40px; } body#id1135 #page #jeParticipe a span{display:none} body#id1135 #page #texteTexte h4 { color:#313f95; font-size:1.4em; text-align:justify; line-height:1.7em; width:348px; } body#id1135 #page #texteTexte strong { font-weight:bold} body#id1135 #page #texteTexte h4.premier { padding-top:90px;} body#id1135 #page #texteTexte h4.deuxieme { padding-top:86px;} body#id1135 #page #texteTexte p { color:#882784; font-size:1em; line-height:1.1em} body#id1135 #page #texteTexte a { color:#882784; text-decoration:none} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id 1136 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1136 #page {background:url(images/fondConcoursSephora1.jpg) no-repeat 2px 142px; font-family:Geneva, Arial, Helvetica, sans-serif;} body#id1136 #page #inscription h6#carte{ position:absolute; display:block; left:448px; top:329px; color:#882784; font-size:1em; line-height:1.1em} /* inscprtions */ body#id1136 #page #inscription { display:block; position:absolute; width:650px; height:376px; top:223px; left:268px; background:transparent url(images/fondConcoursSephoraFormulaire.jpg) 0 0 no-repeat;} body#id1136 #page #inscription #valider {position:absolute; top:332px; left:143px; display:block; width:99px; height:32px; background-color:#FFF; } body#id1136 #page #inscription #valider a{background:transparent url(images/btnValider.png) 0 0 no-repeat; display:block; width:99px; height:32px;} body#id1136 #page #inscription #valider a:hover {background:transparent url(images/btnValiderOff.png) 0px 0 no-repeat;width:99px; height:32px; } body#id1136 #page #inscription #valider a span{display:none} body#id1136 #page #inscription p { color:#882784; font-size:1.2em; line-height:1.3em} body#id1136 #page #inscription p.premier { padding-top:40px;} body#id1136 #page #inscription a { color:#882784; text-decoration:none} body#id1136 #page #inscription a:hover { color:#882784; text-decoration:underline} body#id1136 #page #inscription form { margin-top:10px} body#id1136 #page #inscription label.input , body#id1136 #page #inscription input.input {display: block; position:relative; width: 350px;float: left;margin-bottom: 4px; } body#id1136 #page #inscription label.input {text-align: left; position:relative; width:134px; height:20px; padding-left:0px; padding-right: 10px; font-size:1.2em; line-height:1.3em !important; line-height:1em; color:#882784; font-weight:bold} body#id1136 #page #inscription span{ color:#882784; font-size:1.3em; line-height:1.2em;} body#id1136 #page #inscription select{border: 1px solid #e5e1e7; height:21px; color:#882784; padding:0 0 0 5px } body#id1136 #page #inscription input.champsTexteDate{ width: 30px; height:17px; border: 1px solid #e5e1e7; color:#882784 } body#id1136 #page #inscription input.champsTexte{ width: 260px; height:17px; border: 1px solid #e5e1e7; color:#882784} body#id1136 #page #inscription label.case , body#id1136 #page #inscription input.case {display: block; position:relative; width: 5px;float: left;margin-bottom: 0px;} body#id1136 #page #inscription label.case {text-align: left;width: 450px; padding-left:3px; padding-right: 0px; font-size:1em; line-height:18px;color:#e5e1e7} body#id1136 #page #inscription input.case { margin-left:0px !important; margin-left:0px; width:15px; border: 1px solid #e5e1e7; color:#882784} body#id1136 #page #inscription label.reglement {height:16px; margin-bottom:0} body#id1136 #page #inscription br {clear: left;} body#id1136 #page #inscription label.relement {height:16px; line-height:1em} body#id1136 #page #inscription p.case { line-height:0.8em; padding:5px 0 0 0; /*position:relative; top:5px; text-decoration:underline */} /* questions */ body#id1136 #page #question { color:#294c8c; display:block; position:absolute; width:650px; height:376px; top:223px; left:268px; background:none; margin-top:10px;} body#id1136 #page #question #valider {position:absolute; top:292px; left:93px; display:block; width:99px; height:32px; background-color:#FFF; } body#id1136 #page #question #valider a{background:transparent url(images/btnValider.png) 0 0 no-repeat; display:block; width:99px; height:32px;} body#id1136 #page #question #valider a:hover {background:transparent url(images/btnValiderOff.png) 0px 0 no-repeat;width:99px; height:32px; } body#id1136 #page #question #valider a span{display:none} body#id1136 #page #question p { color:#882784; font-size:1.2em; line-height:1.3em} body#id1136 #page #question p.premier { padding-top:40px;} body#id1136 #page #question a { color:#882784; text-decoration:none} body#id1136 #page #question a:hover { color:#882784; text-decoration:underline} body#id1136 #page #question form { margin-top:10px} body#id1136 #page #question label.input , body#id1136 #page #question input.input {display: block; position:relative; width: 350px;float: left;margin-bottom: 4px; } body#id1136 #page #question label.input {text-align: left; position:relative; width:444px; padding-left:0px; padding-right: 10px; font-size:1.5em; line-height:1.3em !important; line-height:1em; color:#294c8c; font-weight:bold} body#id1136 #page #question label.input span{color:#882784; font-weight:normal} body#id1136 #page #inscription span{ color:#882784; font-size:1.3em; line-height:1.2em;} body#id1136 #page #question select{border: 1px solid #e5e1e7; height:21px; color:#882784; padding:0 0 0 5px } body#id1136 #page #question .questions{ font-size:1.4em; padding-bottom:20px} body#id1136 #page #question .questions input { margin:10px 5px 0px 20px} body#id1136 #page #question input.champsTexteDate{ width: 30px; height:17px; border: 1px solid #e5e1e7; color:#882784 } body#id1136 #page #question input.champsTexte{ width: 260px; height:17px; border: 1px solid #e5e1e7; color:#882784} body#id1136 #page #question label.case , body#id1136 #page #question input.case {display: block; position:relative; width: 5px;float: left;margin-bottom: 0px;} body#id1136 #page #question label.case {text-align: left;width: 450px; padding-left:3px; padding-right: 0px; font-size:1em; line-height:18px;color:#e5e1e7} body#id1136 #page #question input.case { margin-left:0px !important; margin-left:0px; width:15px; border: 1px solid #e5e1e7; color:#882784} body#id1136 #page #question label.reglement {height:16px; margin-bottom:0} body#id1136 #page #question br {clear: left;} body#id1136 #page #question label.relement {height:16px; line-height:1em} body#id1136 #page #question p.case { line-height:0.8em; padding:5px 0 0 0; /*position:relative; top:5px; text-decoration:underline */} /* merci */ body#id1136 #page #merci { display:block; position:absolute; width:641px; height:376px; top:223px; left:268px; padding-top:10px } body#id1136 #page #merci #accueil {position:absolute; top:315px; left:125px; display:block; width:102px; height:33px; background-color:#FFF; } body#id1136 #page #merci #accueil a{background:transparent url(images/btnAccueilOff.png) 0 0 no-repeat; display:block; width:102px; height:33px;} body#id1136 #page #merci #accueil a:hover {background:transparent url(images/btnAccueil.png) 0px 0 no-repeat;width:102px; height:33px; } body#id1136 #page #merci #accueil a span{display:none} body#id1136 #page #merci h4 { color:#313f95; font-size:1.5em; line-height:1.7em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px} body#id1136 #page #merci strong { font-weight:bold;} body#id1136 #page #merci p { color:#294c8c; font-size:1.4em; line-height:1.4em; width:400px; margin:20px 0 } body#id1136 #page #merci a { color:#294c8c; text-decoration:none} body#id1136 #page #erreur p{ color:#294c8c; font-size:1.4em; line-height:1.4em; width:400px; margin:20px 0} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id jeux sephora id1171 <<<< */ /* ----------------------------------------------------------------------------- */ body#id1171 #page {font-family:Geneva, Arial, Helvetica, sans-serif; background:url(images/fondrayban.jpg) no-repeat 2px 142px;} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> page id id1172 pre home rayban <<<< */ /* ----------------------------------------------------------------------------- */ body#id1172 { background:none} body#id1172 h1{ display:none} body#id1172 #page { width:999px; height:500px;position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-499px; background:transparent url(images/fond-pre-home.jpg) 0 0 no-repeat;} body#id1172 #page #haut-gauche{ position:relative; top:8px; left:9px} body#id1172 #page #bas-droite{ } body#id1172 #page #bas-droite p { color:#797a81; padding-top:15px; font-size:1em; line-height:1.1em; margin: 0 auto; width:560px; text-align:center} body#id1172 #page #texteTexte a { color:#882784; text-decoration:none}