* { margin:0; padding:0; list-style-type:none; border:0px none; font-family: Arial, Helvetica, sans-serif; font-size:11px; } /*-------------------- HACK HAUTEUR IE -------------------- */ * html #main-padding { height: 400px; } * html #side { height: 400px; } * html .bloc { height: 300px; } * html #diaporama { height: 310px; } * html .bloc-home { height: 255px; } * html .bobox { height: 35px; } /* -------------- LIENS -------------------- */ a, a:visited, a:active { text-decoration:none; color:#ff5d1d; font-weight:normal; font-size:1.2em; } a:hover { text-decoration:none; } .detail {padding:0px 0 0 0px; } .detail a{ background:url('images/picto-detail.png') center left no-repeat; padding-left:20px;} /* ------------ STRUCTURES ------------------ */ /* border:1px dotted #ff0000; ----- pour debug*/ html { } body { background:url('images/bg2.jpg') top left repeat-x; color:#5b6c78; } #box { width:1030px; margin:0px auto; background:#fff url('images/bg-box2.jpg') top left repeat-x;} #cadre_main { width:990px; margin:0 auto; } #header {float:left; height:363px; margin-top:0px; background:url('images/header.jpg') bottom left no-repeat; } #breadcrumb { } /* ------------ MENU TOP 950------------------ */ #side-top {float:left; width:1030px; margin-top:0px; background: url('images/logo-header2.jpg') top left no-repeat; } .compte { float:left; width:135px; height:88px; background: url('images/lien-top0.jpg') top center no-repeat;} .compte form { float:left; margin:30px 0 0 0; text-align:center; width:135px; padding:0; } .compte form input { color: #023c65; background: transparent; font-size:1.1em; font-weight:bold; width:140px; cursor:pointer; } .compte form input:hover { color: #ff6800; } .bouton-deconnection {color: #023c65; background: transparent; font-size:1.1em; font-weight:bold; width:140px; cursor:pointer; } .menu-top {float:right; width:540px; margin: 0 ; padding:0; } /* ------------ MENU li ------------------ */ .menu-top ul {padding: 0; margin:0;} .menu-top li {text-align: left; margin: 0;padding: 0; list-style-type: none; float:left; background: url('images/lien-top0.jpg') top center no-repeat; height:88px; } .menu-top li a { display:block; color: #023c65; text-decoration: none; font-weight:bold; width:135px; text-align:center; padding-top:30px; height:58px; } .menu-top li a:hover {background: url('images/lien-top0.jpg') top center no-repeat; color: #023c65; text-decoration: none; } /* ------------ MENU TOP 950------------------ */ .menu-top2 { float:left; margin:24px 0 0 0; padding: 0px; height:45px; } /* ------------ MENU li ------------------ */ .top2 {padding:0px 0; margin:17px 0 0 0} .top2 li {text-align: left; display:inline; margin: 0; list-style-type: none; padding-left:20px;} .top2 li a, .top2 li a:visited {color: #ffd8c9;text-decoration: none; } .top2 li a:hover {color:#fff;} /* ------------ MENU LEFT ------------------ */ #side-left { float:left; width:245px; min-height:600px; -height:600px; background:url('images/menu-left.jpg') top left no-repeat; } #menu-left {margin:27px 0 0 0;} #menu-left li {margin:0; padding:0px 0; width:200px; background:url('images/menu-li.png') bottom left no-repeat; line-height:1.2em; } #menu-left li a {display:block; color:#0666b3; padding:5px 0 5px 15px} #menu-left li a:hover { background:url('images/picto-lien.png') center left no-repeat; color:#ff5d1d; text-decoration:none} /* ------------ MAIN 950 ( 950 px site 1 colonne ) -------------------- */ #main-padding { display:block; float:left; margin:0 0 50px 0; width:745px; } #main { margin:10px 0 0 20px; } #main-padding #main ul { margin:8px 0; } #main-padding #main li { padding:0 0 5px 0px; margin:0 0 0 25px;} #main-padding #main p { line-height:1.5em; margin:10px 0; text-align:left;} /********************************************************* HOME **********************************************************/ .bloc-gauche { width:350px; float:left; margin:0px 15px 0 0; text-align:center } .bloc-droit { width:350px; float:left; margin:0px; text-align:center } /* ------------ BLOC HOME 2 ( 260 px site 3 colonnes )------------------ */ .bloc-home-2 { width:345px; margin:0px auto; height:240px; border-bottom:1px dotted #c4cdc5 !important; border-bottom:1px solid #dedede; } .bloc-home-2 h3 a { background:url('images/h3-link.png') center left no-repeat; padding:0 0 0 20px; color:#28161b; text-decoration:none; } .bloc-home-2 h3 a:hover { background:url('images/h3-hover.png') center left no-repeat;color: #ff5d1d; } .bloc-home-2 .pic { float:right; width:170px; text-align:left; } .bloc-home-2 .pic img {width:150px; } /* changer marge suivant largeur vignette */ .bloc-home-2 .descriptif { width:160px; margin:0px; float:left; }/* changer le float pour placement*/ .bloc-home-2 .descriptif table { width:100%; border-collapse:collapse; } .bloc-home-2 .descriptif th, .bloc-home-2 .descriptif td { border-bottom: 1px solid #eff0f0; padding:2px 0; text-align: left; vertical-align:top; font-size:0.9em } .bloc-home-2 .descriptif th { color:#45392d; width:80px; text-indent:0px; font-weight:bold;} #main .bloc-home-2 p { margin:5px 10px; } .bloc-home-2 .detail { text-align:right; margin: 3px 25px 0 0px } .bloc-home-2 .detail a { font-size:1.1em; } .bloc-home-2 .prix { padding:10px 0 0 0px; text-align:left; float:left;} /* ------------ RUBRIQUE ------------------ */ .rubrique { width:600px; margin:10px auto; color:#0666b3;} .rubrique p { font-size:1.2em;} .rubrique .pic { border:1px solid #d7d7d7; float:left; margin:0 7px 7px 0 } .rubrique .pic img { } /* largeur vignette 150 max */ .etiquette { color:#011BB5; float:right; font-size:1.6em; font-weight:bold;text-align:right;} /********************************************************* PRODUIT 1er AFFICHAGE **********************************************************/ /* ------------ BLOC PRODUIT 1 ( 540 px site 3 colonnes ) ------------------ */ .bloc-produit-1 { width:700px; margin:10px auto; padding:0 0 10px 0; padding-top:15px; border-bottom:1px dotted #c4cdc5 !important; border-bottom:1px solid #dedede; clear:both; } .bloc-produit-1 h3 { } .bloc-produit-1 h3 a { background:url('images/h3-link.png') center left no-repeat; padding:0 0 0 20px; color:#28161b; text-decoration:none; } .bloc-produit-1 h3 a:hover { background:url('images/h3-hover.png') center left no-repeat;color: #ff5d1d; } .bloc-produit-1 .pic { float:right; width:300px; margin-top:10px;} .bloc-produit-1 .pic img { } /* changer marge suivant largeur vignette */ .bloc-produit-1 .descriptif { width:380px; margin:0px; }/* changer le float pour placement*/ #main .bloc-produit-1 p { margin:5px } .bloc-produit-1 .detail { margin:15px 0 5px 0; float:right; } .bloc-produit-1 .prix { margin:0px 0 0px 0; padding:0px 10px 0 00px; text-align:left; float:right;} .bloc-produit-1 .table-produit { width:40%; border-collapse:collapse; } /* ------------ BLOC PRODUIT 2 ( 260 px site 1 colonne ) ------------------ */ .bloc-produit-2 { width:260px; float:left; margin:10px 0 0px 2px; padding:0 0 10px 0; } .bloc-produit-2 h3 { text-align:center;height:20px; margin:5px; } /* changer height sit titre long*/ .bloc-produit-2 .pic { width:260px;} .bloc-produit-2 .pic img {margin-left:30px; } /* changer marge suivant largeur vignette */ .bloc-produit-2 .descriptif { width:260px; }/* changer le float pour placement*/ #main .bloc-produit-2 p { padding:5px 20px; margin:0; } .bloc-produit-2 .detail {padding:5px 0 0 10px; width:240px; height:10px; } .bloc-produit-2 .prix { padding:5px 10px 0 10px; width:240px; height:20px; text-align:left;} /* ------------ BLOC PRODUIT 3 ( 175 px site 3 colonnes ) ------------------ */ .bloc-produit-3 { width:175px; float:left; margin:10px 0 0px 2px; padding:0 0 10px 0; background:url('images/3c-bgvignette-3.jpg') center bottom no-repeat; } .bloc-produit-3 h3 { text-align:center;height:20px; margin:5px; } /* changer height sit titre long*/ .bloc-produit-3 .pic { width:175px; } .bloc-produit-3 .pic img {margin-left:12px; } /* largeur vignette 150 max */ .bloc-produit-3 .descriptif { width:175px; }/* changer le float pour placement*/ #main .bloc-produit-3 p { padding:5px 20px; margin:0; } .bloc-produit-3 .detail {padding:5px 0 0 10px; width:150px; height:10px; } .bloc-produit-3 .prix { padding:5px 10px 0 10px; width:150px; height:20px; text-align:left;} /* ------------ BLOC DETAIL ------------------ */ .bloc-detail { width:700px; margin:0 ; } .bloc-detail h4 { border-bottom:1px dotted #c4cdc5 !important; border-bottom:1px solid #c4cdc5; margin: 20px 0px 10px 0px; color:#000; padding-bottom:7px} .bloc-detail .descriptif { text-align:justify; width: 520px; margin:0 auto; } .bloc-detail p { text-align:justify; } .bloc-detail .bt-info { float:right; padding:3px 0p 0 20px; text-decoration:none; font-size:0.9em;} .bloc-detail .table-produit { width:40%; border-collapse:collapse; } /* ------------ BLOC LIST ------------------ */ .bloc-liste-1 { width:520px; margin:0 auto; } .bloc-liste-1 h4 { border-bottom:1px dotted #c4cdc5 !important; border-bottom:1px solid #c4cdc5; margin: 5px 0px; color:#000; padding-bottom:7px} .bloc-liste-1 { width:520px; margin:0 auto; } .bloc-liste-1 h3 { background:none; margin:0; padding:0 } .bloc-liste-1 h3 a { font-size:1em; margin:5px 0 0 0px; color:#45392d; text-align:left; padding-left:25px; background:url('images/picto-titre.png') top left no-repeat; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; } .bloc-liste-1 h3 a:visited { color:#5e9dad; } .bloc-liste-1 h3 a:hover { color:#45392d; text-decoration:none } .bloc-liste-1 h4 a { color:#45392d; } .bloc-liste-1 h4 a:visited { color:#555c50; } .bloc-liste-1 h4 a:hover { color:#45392d; text-decoration:underline } /* ------------ PARTENAIRES ------------- */ .partenaire{ margin:5px 45px; float:right } .liens { margin:0 0 0 10px;} .thumbpic_liens { float:right; margin:0 0 5px 10px; border:1px solid #fff; } /* ------------ PLAN --------------------- */ .plan, .horaires {width:500px; margin:0 0 0 50px; padding:3px 5px 3px 5px;} .plan legend, .horaires legend {font-size:1.6em; margin:5px 0 0 0px; color:#0666b3; text-align:left; } .plan dl dt, .horaires dl dt{font-weight:bold; width: 150px; padding-left:0px; } .plan dl dd, .horaires dl dd{width:200px; padding-left:5px;} .horaires ul li{width:200px; padding-left:5px;} .plan a, .horaires a { } .plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;} /* ------------ NAV PAGINATION ------------------ */ .nav { float:right; width:500px; margin:5px 10px 10px 0; text-align:right;} .nav a:link, .nav a:visited { padding:3px 7px; background:#ceccc3; color:#FFF; border:1px solid #fff; } .nav a:hover { background:#b1b0a7; color:#fff; border:1px solid #fff; text-decoration:none; } .nav .actuel{ font-weight:bold; padding:3px 7px; background:#ff5d1d; color:#fff; border:1px solid #fff;} /* ------------ COMMUNS (dans la charte du site) --------------------- */ .prix { background: url(images/picto-prix.png) no-repeat left center; color:#000000; font-size:1.3em; font-weight:bold; padding-left:20px; } .prix-barre { font-size:0.8em; text-decoration:line-through;color:#666; } h2 { font-weight:bold; font-size:1.2em; } h3 { font-size:1.5em; margin:10px 0px; color:#28161b; text-align:left; padding:0px; } h4 { font-weight:bold; font-size:1.2em; text-align:left; margin:0; } strong { font-weight:bold; } .annotation {font-style:italic; font-size:0.9em; color:#666;} /* ------------ ICONS --------------------- */ .icon-pdf a { font-weight:normal; background:#ff5d1d url('images/icons/pdf.png') no-repeat left center; padding:3px 20px 3px 22px; border:1px solid #fff; margin-bottom:5px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; color:#fff } .icon-pdf a:visited { color:#fff; font-weight:normal; } .icon-pdf a:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-decoration:none } .icon-pdf { padding-bottom:5px; } .icon-link a {font-weight:normal; background:#ff5d1d url('images/icons/link.png') no-repeat left center; padding:3px 20px 3px 22px; border:1px solid #fff; margin-bottom:5px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; color:#fff } .icon-link a:visited { color:#fff; font-weight:normal; } .icon-link a:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; text-decoration:none } .icon-link { } .hidden, .menu-ref, .produit-ref { visibility:hidden; overflow: auto; display:none;} .retour { background:url('images/retour.png') no-repeat left center; padding:0px 15px 15px 0px; float:right; } .retour a { text-decoration:none; } .top { float:right; padding:10px 5px; } .top a { font-size:0.9em; color:#666; font-weight:normal; } .top a:hover { font-size:0.9em; color:#333; text-decoration:none; } /* Skinner couleur */ div.hr { height: 10px; clear:both; border-bottom:1px solid #dedede; margin:0; } div.hr hr { display: none; } .vide { width:300px; font-weight:bold; margin:0 auto; padding-top:30px; text-align:center; color:#777;} .alerte { background: #fefefd; text-align: center ; padding: 5px 0; font-weight:bold; color:#57911b} .alerte-panier { background:#f9fafb; text-align: center ; padding: 5px 0; font-weight:bold; } .alerte-panier a { background:#fff; padding:2px 5px; } /********************************************************* RECHERCHE **********************************************************/ .bloc-recherche { float:right; width:350px; font-weight:bold; height:45px; padding:0px 0 0px 0px; background:url('images/picto-recherche.png') no-repeat left center; margin-top:24px; } .bloc-recherche form { margin:14px 0 0 0 ; float:right; } .bloc-recherche select { font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:146px; vertical-align:middle;background:#fff; color:#000000; } /* Skinner couleur */ .bloc-recherche .input-rech { padding:4px; font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; background:#fff; color:#000000;} /* Skinner couleur */ .bloc-recherche option { vertical-align:middle; padding:2px; width:200px; color:#000000; } /* Skinner couleur */ .bloc-recherche label { float:left; width:130px; margin:5px;color:#fff; } .bloc-recherche form .bouton { float:left; cursor:pointer; color:#fff; text-decoration:none; padding:3px 0 2px 0 ; background:transparent; border:1px solid #fff; font-weight:bold; margin:0px 0 0 4px;; } .bloc-recherche input { float:left; } /********************************************************* FORMULAIRE **********************************************************/ .bouton { display:block; float:left; cursor:pointer; color:#fff; text-decoration:none; padding:2px 0 ; background:#ff5d1d; border:1px solid #fff; font-weight:bold; margin:0 3px; } .formulaire { margin:5px 0px; padding:5px 0; width:500px; margin:0 0 0 40px;} .formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px; vertical-align:middle; } .formulaire label { text-align: left; width: 120px; margin-right: 10px; } /*LABEL 1 SEULE LIGNE AVEC INPUT EN DESSOUS*/ .formulaire .label-titre { text-align: left; width: 400px; font-weight:bold; clear:both;} .formulaire input, .formulaire textarea, .formulaire select {padding:3px; border:1px solid #1F5C94; background:#fff; color:#000; } .formulaire input, .formulaire textarea{ width:150px; border:1px solid #B4B2B2; color:#000000;} /* charter bg couleur */ .formulaire option { width:180px; padding:2px 0;border-bottom:1px solid #d7d7d7; color:#000000;} /* charter bg couleur */ .formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; } .formulaire .bouton { display:block; float:left; cursor:pointer; color:#fff; text-decoration:none; padding:2px 0 ; background:#ff5d1d; border:1px solid #fff; font-weight:bold; margin:0 3px; } .formulaire br { clear: left; } .formulaire img { } /********************************************************* DIAPORAMA **********************************************************/ #diaporama { margin:20px auto; min-height:300px; width:700px; } #diaporama .thumb { width:175px; float:left; } #diaporama .thumb img {width:50px; height:50px; margin: 0 0 2px 0; border:1px solid #d7d7d7; } #diaporama .big { float:left; } #diaporama .big img { border:1px solid #d7d7d7; } /********************************************************* TABLEAU **********************************************************/ table { width:100%; border-collapse:collapse; } th, td { border-bottom: 1px solid #eff0f0; padding:4px 0; text-align: left; vertical-align:top; } th { color:#45392d; width:120px; text-indent:5px; font-weight:bold;} td { } tr:hover { cursor:default; } /********************************************************* PANIER **********************************************************/ /* ------------Panier dans menu Right ------------------ */ .menu-right .compte form {width:160px; float:right; cursor:pointer; padding-right:10px } .menu-right .panier form {width:160px;float:left; cursor:pointer; } .menu-right .info-panier {width:160px; margin:10px 0; padding:5px 0 5px 15px; border-top:1px solid #dedede; font-size:0.9em; } .menu-right .info-panier span { display:block; font-weight:bold; } /* ------------ FIN Panier dans menu Right ------------------ */ .ajouter-panier {float:left; width:700px; margin:10px auto; padding:20px 5px 10px 5px; background:#fff; border-bottom: 1px solid #e4e5e5;} .ajouter-panier form { } .ajouter-panier form input { width:140px; } .ajouter-panier form .bouton { cursor:pointer; color:#fff; text-decoration:none; padding:2px 0 ; background:#ff5d1d; border:1px solid #fff; font-weight:bold; margin:0 3px; font-size:0.9em; } .ajouter-panier form label, .ajouter-panier form textarea, .ajouter-panier form select { display: block; float: left; margin:0 4px 10px 0; vertical-align:middle; } .ajouter-panier label {float: left; text-align: left; margin-right: 4px; padding-top:3px } .ajouter-panier textarea, .ajouter-panier select { border:1px solid #d7d7d7; background:#fff; color:#000; } .formulaire textarea {border:1px solid #d7d7d7; color:#000000;} /* charter bg couleur */ .ajouter-panier option { padding:5px 0 0 2px; border-bottom:1px solid #d7d7d7; color:#000000;} /* charter bg couleur */ /* ------------FORMULAIRE-PANIER ------------------ */ .formulaire-panier { margin:5px 0; } .formulaire-panier radio, .formulaire-panier label, .formulaire-panier input, .formulaire-panier textarea, .formulaire-panier select { margin-bottom:10px; vertical-align:middle; }/* display: block; float: left; */ .formulaire-panier label, .formulaire-panier textarea, .formulaire-panier select { margin-bottom:10px; vertical-align:middle; display: block; float: left; } .formulaire-panier label { text-align: left; width: 120px; margin-right: 10px; } .formulaire-panier input, .formulaire-panier textarea, .formulaire select { border:1px solid #d5d5d5; padding:3px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; } .formulaire-panier input, .formulaire-panier textarea { width:200px; background:#fffffe } .formulaire-panier .bouton { width:150px; cursor:pointer; color:#fff; text-decoration:none; padding:2px 0 ; background:#ff5d1d; border:1px solid #fff; font-weight:bold; margin:5px 3px; } .formulaire-panier .bouton2 {width:150px; cursor:pointer; color:#ff5d1d; text-decoration:none; padding:2px 0 ; background:#fff; border:1px solid #ff5d1d; font-weight:bold; margin:0 3px; } .formulaire-panier input:hover, .formulaire-panier textarea:hover { border:1px outset #d5d5d5; } .formulaire-panier .input-radio { background:transparent; border:0px solid #fff; width:auto; } .formulaire-panier .input-radio:hover { border:none; } .formulaire-panier br { clear: left; } /*.formulaire-panier img { width:auto; height:auto; }*/ /* --TITRE OU PARAGRAPHE-- */ #panier { margin:0 0 0 20px; padding:0 10px; width:530px;} #panier h4 { padding:20px 0 0 0; margin:0; } #panier h1 {font-weight:bold; font-size:1.2em; border-bottom:1px dotted #c4cdc5 !important; border-bottom:1px solid #c4cdc5; margin: 20px 0px 10px 0px; color:#000; padding-bottom:7px} /* --STYLES CONCERNANT LES TABLEAUX -- */ #panier table { width:525px; border-collapse:collapse; margin:5px 0; border:0px solid #BBB; } #panier .no-border td { border-bottom:0px dotted #e0ded4; vertical-align:middle; } #panier th, #panier td { } #panier th { font-weight:bold; background:#5d9be3; color:#fff; padding:10px 0; } #panier td .qte {width:50px; border-bottom: 1px solid #e0ded4; padding:2px 2px; } #panier .left{ text-align:left;} #panier tr .bg { cursor:default; background:#ECECEC;; color:#000; } /* --SKIN LIGNE TABLEAU TOTAL-- */ #panier .total td { color:#5d9be3; padding:10px 0; } #panier .total-label { font-weight:bold; font-size:1.3em;} /* --FIN STYLES CONCERNANT LES TABLEAUX -- */ /* -- PANIER STYLES DL du PANIER -- */ #panier dl { width:400px; padding-left:50px; border-bottom:1px solid #e0ded4; } #panier dl h3 { padding:5px 10px; } #panier dt, #panier dd { padding:5px 10px; } #panier dt { width:60px; float: left; font-weight: bold; text-transform:none; } /* hack de commentaire avec un antislash pour ie5 mac \*/ #panier dt { clear:both; } /* end hack */ #panier dd { width:200px; float: left; line-height:1.4em; } #panier .panier-promos{background:url('includes/panier/images/01_panier_promos_bg.jpg') repeat-x left bottom; width:100%;} #panier .panier-promos .left{float:left; margin-right:3px; width:30%; min-height:90px;} #panier .panier-promos .titre{font-size:0.9em;font-weight:bold; text-align:center; margin-bottom:10px;} /* --BOUTON PANIER PROFESSIONNEL- */ #panier .txtButton { cursor:pointer; color: #FFFFFF; border: 1px solid #fff; padding: 4px 5px; text-align: center; text-decoration: none;} #panier .txtButton-1 { cursor:pointer; color: #FFFFFF; border: 1px solid #fff; padding: 2px 5px; background-color:#5d9be3; text-align: center; text-decoration: none; font-size:1.2em} #panier a.txtButton { color:#FF9933; padding: 4px 5px; text-align: center; text-decoration: none; cursor:pointer;} #panier a.txtButton:hover {color: #ff5d1d; } /* --BOUTON PANIER PROFESSIONNEL- */ #panier a.txtButton-1 {margin:0 auto;; width:255px; display:block; color: #FFFFFF; background-color:#5d9be3; border: 1px solid #fff; text-align: center; text-decoration: none; padding: 4px 5px; } #panier a.txtButton-1 :hover { color: #FFFFFF; background-color: #ff5d1d; border: 1px solid #fff; text-align: center; text-decoration: none; cursor:pointer;} /* --BOUTON PANIER PARTICULIER- */ #panier .txtButton-2 a {float: right; display:block; width:140px; color: #FFFFFF; background-color:#3896ad; border: 1px solid #fff; text-align: center; text-decoration: none; padding: 4px 5px; } #panier .txtButton-2 a:hover { color: #FFFFFF; background-color: #3faac4; border: 1px solid #fff; text-align: center; text-decoration: none; cursor:pointer;} /* --BOUTON PANIER- */ #panier fieldset{border:1px solid #DA85B7;padding:5px; color:#1687B3;} #panier legend{font-weight:bold;padding:2px;} /* --MODE PAIEMENT- */ #panier .paiement {margin:15px 0} #panier .paiement .left {width:33%; float:left; text-align:left;} #panier .paiement .left img { margin:5px 0;} #panier .paiement radio, #panier .paiement label, #panier .paiement input, #panier .paiement textarea, #panier .paiement select { display: block; float: left; margin-bottom:10px; vertical-align:middle; } #panier .paiement label { text-align: left; width: 90px; margin-right: 10px; font-weight:bold;} #panier .paiement input, #panier .paiement textarea, #panier .paiement select { padding:3px; color:#fff; } /* --FIN MODE PAIEMENT- */ /* ------------FIN PANIER------------------ */ /* ------------ COMBO ------------------ */ #combo { margin:5px 0 10px 0; } #combo select { border:1px solid #c0c4d5; padding:1px; } #combo label { padding-left:20px; background:url('images/search-folder-blue.gif') no-repeat left center; } /* ------------ DL DT DD ------------------ */ dl { margin: 5px 0; display:block; float:left; } dl h3{ text-transform:uppercase; } dt, dd { padding:5px 10px; } dt { float: left; font-weight: bold; text-transform:uppercase; } /* hack de commentaire avec un antislash pour ie5 mac \*/ dt { clear:both; } /* end hack */ dd { float: left; line-height:1.4em; } /* ------------ DEBUT SITEMAP ------------------ */ #sitemap {width:700px; margin:0 auto;} #sitemap h2 a {text-decoration:none;font-size:1.2em; height:20px; text-transform:uppercase;} #sitemap p {list-style-type:none; background: url('images/icons/link.png') no-repeat left center; list-style-position:inside; } #sitemap p a { text-decoration:none; margin-left:18px; } /* ------------ FIN SITEMAP ------------------ */ /* ------------ FOOTER ------------------ */ #footer {width:1030px; margin:0 auto;background:url('images/bg-footer.jpg') top center no-repeat; } #footer .logo { float:left; width:325px; } #footer .adresse { float:left; padding-top:20px; width:1000px; } #footer .adresse span { padding:0; } #footer .adresse a { background:url('images/picto-lien.png') center left no-repeat; padding-left:15px; text-transform:uppercase; } #footer .adresse a:hover { } #copyright { padding:5px 0 10px 0; text-align:center; font-size:1em; margin:0px auto; width:900px; } #copyright a { color:#333; } #copyright a:hover { color:#000; background:none; text-decoration:underline;} /* ------------ FOOTER - CATEGORIES ------------------ */ #categories-r {width:900px; text-align:center; margin:5px auto; } #categories-r { text-align:center;} #categories-r a { text-decoration:none; font-size:0.8em; font-weight:100; color:#a29c96} #categories-r a:hover { text-decoration:underline; color:#45392d} #categories-r p { margin:5px;} /* hack clear float */ .clr { clear: both; }