/* STRUCTURE --------------------------------------------------------------------------------------------------------------------*/ body { background: #252122 url(/images/interface/body.jpg) no-repeat top center; } #global { position: relative; min-height: 100%; height:auto !important; height:100%; width: 100%; } #header { position: relative; z-index: 100; width: 960px; height: 274px; margin: auto; background: url(/images/interface/header.jpg) no-repeat top center; } #nav { width: 263px; margin: auto; height: 100%; position: absolute; top: 274px; z-index:1; padding-left: 17px; } #center { width: 960px; margin: auto; background: url(/images/interface/center.jpg) repeat-y center top; } #footer { clear: both; width: 960px; height:auto !important; min-height: 125px; height: 125px; position: relative; background: url(/images/interface/footer.jpg) no-repeat center top; margin: auto; } #footer #footerElements { width: 960px; margin: auto; position:relative; } /* REGLAGES CONTENT -------------------------------------------------------------------------------------------------------------*/ #content { width: 690px; background: url(/images/interface/content.jpg) no-repeat center top; text-align: justify; height:auto !important; min-height: 241px; height: 241px; margin: auto; font-size: 0.9em; padding-left: 310px; padding-right: 00px; padding-top: 57px; padding-bottom: 70px; } /* WCB ---------------------------------------------------------------------------------------------------------------------------*/ #header #headerElements #wcb { position: absolute; top: 500px; left: 17px; z-index:2; } #header #headerElements #wcb #boutonappel { text-indent : -9999px; height: 53px; width: 263px; overflow: hidden; background: url(/images/wcb.jpg) no-repeat top left; display: block;} /* H1- ---------------------------------------------------------------------------------------------------------------------------*/ #header #headerElements #logoH1 { position: absolute; top: 0; left: 0; width: 960px; height: 274px; } #header #headerElements h1 a { text-indent: -9999px; overflow: hidden; display: block; width: 960px; height: 274px; background: url(/images/h1.jpg) no-repeat top left;} #header #headerElements h1 { width: 960px; height: 274px; } /* NAVIGATION --------------------------------------------------------------------------------------------------------------------*/ #nav ul { padding-left: 30px; padding-top: 30px; margin-bottom: 15px; } #nav li a { color: #CCCCCC; text-decoration: none; background: url(/images/interface/off.gif) no-repeat center left; padding-left: 15px; } #nav li a:hover { color: #FFF; text-decoration: none; background: url(/images/interface/on.gif) no-repeat center left; padding-left: 115px; } #nav li.mentions { text-indent: -9999px; } #sous-nav ul { padding-left: 30px; padding-top: 30px; margin-bottom: 15px; } #sous-nav li a { color: #CCCCCC; text-decoration: none; background: url(/images/interface/off.gif) no-repeat center left; padding-left: 15px; } #sous-nav li a:hover { color: #D99FC5; text-decoration: none; background: url(/images/interface/off.gif) no-repeat center left; padding-left: 15px; } /* Boutons actifs -------------------------------------------------------------------------------------------------------------*/ #accueil #nav li.accueil a, #insitu #nav li.insitu a, #plush #nav li.plush a, #plaid #nav li.plaid a, #sak #nav li.sak a, #trooss #nav li.trooss a, #porte-money #nav li.porte-money a, #beejoo #nav li.beejoo a, #custom #nav li.custom a, #baby #nav li.baby a, #bootik #nav li.bootik a, #contact #nav li.contact a, #mentions #nav li.mentions a {color: #FFF; text-decoration: none; background: url(/images/interface/on.gif) no-repeat center left;padding-left: 115px;} /* Autres rubriques de la navigation -------------------------------------------------------------------------------------------*/ #nav #autres { padding-left: 0; padding-top: 53px; } #nav #autres a { background: url(); padding: 0; margin: 0; text-indent: -9999px; width: 263px; } #nav #autres li.newsletter a { background: url(/images/interface/newsletter.jpg) no-repeat center left; display: block; height: 55px; } #nav #autres li.panier a { background: url(/images/interface/panier.jpg) no-repeat center left; display: block; height: 52px; } #nav #autres li.promotions a { background: url(/images/interface/promo.jpg) no-repeat center left; display: block; height: 144px; } /* NAVIGATION FOOTER ----------------------------------------------------------------------------------------------------------------*/ #footer #footerElements { width: 690px; padding-left: 310px; padding-right: 60px; padding-bottom: 10px; font-size:14px; } #footer #footerElements ul { padding-top: 10px; padding-left: 0; } #footer #footerElements li { display: inline; padding-left: 7px; padding-right: 7px; } #footer #footerElements li a { color: #FFFFFF; font-size: 0.9em; text-decoration: none; } #footer #footerElements li a:hover { color: #E518E1; font-size: 0.9em; text-decoration : noe; } /* Boutons actifs -------------------------------------------------------------------------------------------------------------*/ #accueil #footer li.accueil a, #insitu #footer li.insitu a, #plaid #footer li.plaid a, #plush #footer li.plush a, #sak #footer li.sak a, #trooss #footer li.trooss a, #porte-money #footer li.porte-money a, #beejoo #footer li.beejoo a, #custom #footer li.custom a, #baby #footer li.baby a, #bootik #footer li.bootik a, #contact #footer li.contact a, #mentions #footer li.mentions a { color: #E518E1; font-size: 0.9em; text-decoration : none;} /* Boutons cachés -------------------------------------------------------------------------------------------------------------*/ #footer li.newsletter a, #footer li.panier a, #footer li.promotions a { display: none; } /* HCARD, POWERED, W3C -------------------------------------------------------------------------------------------------------------*/ #footer #footerElements .vcard { color: #FFFFFF; padding-left: 5px; padding-top: 25px; font-size: 0.9em; } #footer #footerElements .vcard a { color: #FFFFFF; font-size: 1em; text-decoration: none; } #footer #footerElements .vcard a:hover { color: #FF33FF; font-size: 1em; text-decoration: none; } #footer #footerElements .vcard .type { display:none; } #footer #footerElements .vcard .value, #footer #footerElements .vcard .org { font-weight: bold; } #footer #footerElements .vcard .sepAdr, #footer #footerElements .vcard .sepTel { display: block; height:1px; overflow:hidden; } /* Sep hcard : #footer #footerElements .vcard .sepAdr (avant Adresse) #footer #footerElements .vcard .sepCpV (avant Code postal + Ville) #footer #footerElements .vcard .sepTel (avant Téléphone Fix) #footer #footerElements .vcard .sepMob (avant Téléphone Mobile) #footer #footerElements .vcard .sepFax (avant Fax) #footer #footerElements .vcard .sepEma (avant E-mail) #footer #footerElements .vcard .sepSir (avant n° de Siret) */ #footer #footerElements #w3c { position:absolute; right: 60px; top: 67px; } /* AUTRES -------------------------------------------------------------------------------------------------------------------------*/ .left { float:left; margin-right: 15px; margin-bottom:10px; } img.left { border: 3px solid #AEAEAE; } .left:hover { float:left; margin-right: 15px; margin-bottom:10px; opacity:0.6; filter : alpha(opacity=60); } img.left:hover { border: 3px solid #FFF; } .right { float:right; margin-left: 10px; } img.right { border: 3px solid #AEAEAE;} .clear { cleat: both; } hr { border-top: 1px solid #464344; border-right: 1px solid #252122; border-bottom: 1px solid #252122; border-left: 1px solid #252122; margin-top: 2em; margin-bottom: 1em; } .block1 { width:412px; text-align: justify; } .block { width:500px; text-align: justify; } .anim { float:left; margin-left:20px;} #etoiles { top:0; left:200px; position: absolute;} #copyright { background-position: right bottom; text-align: right; margin-bottom:0px; margin-top:10px; font-size:0.8em; } .captcha { background-color:#FFFFFF; }