/* CSS Document by Meridian Communication */ /* www.optical-center.fr 2008 */ /* ----------------------------------- */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ----------------------------------- */ /* Colors Help { }*/ /* ----------------------------------- */ /* >>>>>>>>>>>>> generalites <<<< */ /* ----------------------------------- */ /* Specifique à 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: 1300px; 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:195px; width:706px; height:84px; background-color:#CC0088} #entete h1{display:none} /*/////////////// BOUTON ACCUEIL */ #entete #retour-accueil {position:absolute; top:2px; left:44px; 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} /*////////////// MENU NIV 1 */ /* --------------- #nav-niv-1 ---------*/ #entete #nav-niv-1 { display:none} /*////////////// MENU NIV 2 */ #entete #nav-niv-2 {display:none} /* ----------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> 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:293px; display:block; width:387px; height:400px; background-color:#FFF} #page.template18 h3 {position:absolute; top:168px; left:0px; 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 { display:none} #page.template18 #bas-gauche img#plan { display:none } #page.template18 #bas-gauche #texte {position:absolute; top:20px; left:0px; 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 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;} #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:0px; left:0px; display:block; width:681px; height:463px; 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:481px; height:363px; 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;} #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} /*/////////////// BOUTON ACCUEIL */ #entete #retour-accueil {position:absolute; top:2px; left:44px; 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} /* ----------------------------------- */ /* >>>>>>>>>>>>> pied de page <<<<< */ /* ----------------------------------- */ #pied-de-page {display:none}