/* * BBS Consultant * Ce template a été réalisé par http://www.bbs-consultant.com * Il est soumis à la licence GPL * Ce fichier définit le style visuel pour les différents éléments des pages. */ /* BODY & PAGE UTILE ------------------------------------------------------------------------------------------------- */ body {padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background: #EEEEEE;} #page {width: 1024px; position: relative; overflow: visible; margin: 0 auto; padding: 0; text-align: left; background:#FFFFFF;} /* ZONE ENTETE ------------------------------------------------------------------------------------------------- */ #entete {float:left; width:1024px; height:95px; margin:0; Background:url(images/fond_entete_article.jpg) no-repeat;} .logo {position:absolute; top:30px; left:30px; font-size:1.3em; color:#FFFFFF;} /* ZONE COMPTE THELIA ------------------------------------------------------------------------------------------------- */ #zone_compte {float: left; width: 1024px; height:35px; margin: 0; padding: 0; background:#87E990 url(images/fond_zone_compte_article.jpg) no-repeat;} #titrecompte {float:left; font-size: 1.1em; margin:0; padding:8px 0 0 20px; font-size: 0.8em; color:#18391E;} #zone_compte a:link {color:#18391E;} #zone_compte a:visited {color:#18391E;} #zone_compte a:hover {color:#F99D41;} #zone_compte a:active {color:#FF7F00;} #zone_fleurie{float: left; width: 1024px; height:38px; background:#000000 url(images/fond_zone_fleurie.jpg) no-repeat;} /* ZONE CONTENU DYNAMIQUE ------------------------------------------------------------------------------------------------- */ #contenu {clear:both;} /* ZONE SOMMAIRE ------------------------------------------------------------------------------------------------- */ #sommaire {float:left; width:170px; margin:0; padding:0; background:url(images/fond_sommaire.jpg) no-repeat;} #menu {padding:20px 0 0 0; margin:0; text-align:right;} #menu a:link {color:#18391E;} #menu a:visited {color:#9E9E9E;} #menu a:hover {color:#F99D41;} #menu a:active {color:#FF7F00;} dl{margin: 0; padding: 0;} dt {padding: 4px 19px 4px 0; background:url(images/fond_dt.jpg) 0 0 no-repeat; font-size: 0.9em; color: #FFFFFF; letter-spacing:2px;} dd {font-size: 0.88em; line-height:1.4em; padding-right:21px;} /* ZONE CENTRALE ------------------------------------------------------------------------------------------------- */ #zone_centrale {float:left; width:674px; margin:0; padding:0; background:url(images/fond_zone_centrale.jpg) repeat-y;} #zone_centrale a:link {color:#89B511;} #zone_centrale a:visited {color:#9E9E9E;} #zone_centrale a:hover {color:#F99D41;} #zone_centrale a:active {color:#FF7F00;} #zone_recommander{float:left; width:300px; margin:2px 0 0 0; font-size: 0.8em;} #zone_recommander a:link {color:#9E9E9E;} #zone_retour {float:right; width:300px; margin:2px 0 0 0; font-size: 0.8em; text-align:right;} #zone_produit {background:url(images/fond_haut_page.jpg) no-repeat; padding:10px 30px 0 30px; text-align:justify;} #zone_panier {float:left; width:410px; margin:20px 0 0 10px;} #zone_image {float:right; width:180px; margin:20px 0 0 10px;} #zone_photos {clear:both;} #vente-associee {clear:both;} #resultat_ajax {color:#F99D41;} h1 {font-size:1.2em;} h2 {font-size:0.9em; font-weight:normal; font-style:italic; color:#F4661B;} #vente-associee h5 {font-weight:normal; font-style:italic; color:#9E9E9E;} h6 {font-variant:small-caps; font-size: 1.0em; color:#7AA321; font-weight:normal; text-transform:lowercase; border-bottom:1px dashed #B2B2B2; padding:0 0 10px 0; margin:0;} img {border:none;} form fieldset {display: block; border: 1px solid #EEEEEE;} form fieldset legend {background:#D2DE92 url(images/fond_arrondi.jpg) right; background-repeat:no-repeat; font-size: 0.9em; color:#FFFFFF; letter-spacing:2px; padding: 3px 30px 2px 4px;} .ps {font-size: 0.8em; color:#89B511;} .stock {font-size: 0.8em; color:#F4661B;} .prix {font-size:0.9em; font-weight:bold; color:#F4661B;} .promotion {font-size:0.9em; font-weight:normal; color:#F4661B; text-decoration:line-through;} .reference {font-size: 0.8em; color:#9E9E9E;} .declinaison{font-size: 0.8em; color:#9E9E9E;} .zone_photos{clear:both; font-size:0.9em;} .invisible {display:none;} .caracteristique {} .notation {clear:both; font-size:0.9em;} .description {font-size: 0.9em;} .alerte {font-size: 0.8em; color:#FF7F00; padding:0 0 0 5px;} .nouveaute {font-size:0.8em; font-weight:normal; background:#FF7F00; color:#FFFFFF; padding:1px 2px 1px 2px;} ul {list-style-type:circle; font-size:0.9em;} /* OVERWRITE SPIP */ .spip strong{text-indent:0; color:#99B959; display:block; border-width:1px; border-style:dotted; border-color:#9E9E9E; padding:7px 7px 7px 7px;} .spip_note {font-size: 0.8em; color:#9E9E9E;} .spip {} /* ZONE LATERALE ------------------------------------------------------------------------------------------------- */ #zone_laterale {float:left; width:180px;} #zone_laterale a:link {font-size: 0.8em; color:#18391E;} #zone_laterale a:visited{font-size: 0.8em; color:#18391E;} #zone_laterale a:hover {font-size: 0.8em; color:#F99D41;} #zone_laterale a:active {font-size: 0.8em; color:#FF7F00;} #zone_laterale a.on {color:#9E9E9E; text-decoration:none;} #panier {margin:20px 0 0 5px; text-align:left; background:transparent;} #navigation {margin:20px 0 0 5px;} #navigation ol {list-style-type:none; margin:0px 0 0 10px; padding:0 0 10px 0;} #recherche {margin:10px 0 0 8px;} #outils {margin:20px 0 0 8px;} h4 {text-align:center; font-size: 1.0em; font-weight:bold; margin:0; padding:0;} h5 {text-align:left; font-size: 0.9em; font-weight:bold; color:#7AA321; margin:10px 0 0 0; padding:0;} ol {list-style-type:none; margin:0 0 20px 15px; padding:0;} .spip_out {} /* ZONE PIED DE PAGE ------------------------------------------------------------------------------------------------- */ #pied {clear:both; width:1024px; height:40px;} #signature {text-align:center; padding-top:10px; background: #FFFFFF url(images/fond_pied.jpg) no-repeat;} #signature p {font-size: 0.8em; color:#9E9E9E;}