body { margin:0; position: relative; background: url(../images/template/img-back.jpg) repeat-x 0px 0px #375D81; font-size:12px; font-family:Arial; color: #333333; } p, h1, h2, h3, h4, h5, ul, li { margin:0; padding:0; } li { list-style: none; } .r { text-indent: -9999em; float: left; } .clear { clear: both; } img { border: 0;} .prix-barre { text-decoration:line-through; } a { color: #375D81; } a:hover { color: #D66419; } .error { color: #D66419; font-weight: bold;} span.majuscule { text-transform: uppercase; } .error, .notice, .success {padding:5px;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} #overlay2 { position: absolute; top:0; left:0; width:100%; background-color: black; height: 100%; z-index:10000; -moz-opacity: 0.7; opacity: 0.7; display: none; cursor: pointer;} #poptarifs { position: absolute; top:300px; left:30%; width:450px; background-color: white; border: 5px solid #D66419; margin:0 auto 0 auto; z-index:10002; padding:10px; display: none; } #passoubli { position: absolute; top:5%; left:27%; background-color: white; border: 5px solid #D66419; margin:0 auto 0 auto; z-index:100000; padding:10px; display: none; } fieldset.passoubli { width: 500px; border: 0; padding:10px; } fieldset.passoubli p { margin:10px 0; } fieldset.passoubli label { float: left; padding-right: 5px; text-align: right; width:150px; line-height: 18px; } fieldset.passoubli input[type=text], fieldset.passoubli input[type=password] { border: 1px solid #D66419; } .btn, a.btn { display: block; background: url(../images/template/img-btn.gif) no-repeat; width:150px; height: 30px; color: white; font-weight: bold; text-transform: uppercase; line-height: 30px; text-align: center; border: 0; cursor: pointer; text-decoration: none; font-size: 12px;} a.btn:hover { text-decoration: underline; color: white; } .btn-bleu, a.btn-bleu { display: block; background: url(../images/template/img-btn-bleu.gif) no-repeat; width:150px; height: 30px; color: white; font-weight: bold; text-transform: uppercase; line-height: 30px; text-align: center; border: 0; cursor: pointer; text-decoration: none;} a.btn-bleu:hover { text-decoration: underline; color: white; } p#description_page { overflow: hidden; height: 1px; width:960px; margin:0 auto; color:white;} #header { position: relative; margin:0 auto; width:970px; height: 212px; } #header h2 a { position: absolute; top:0; left: 150px; background: url(../images/template/img-sofamed.jpg) no-repeat; width:326px; height: 112px; text-indent: -9999em; display: block;} #header h2.v2 a { position: absolute; top:23px; left: 130px; background: url(../images/template/img-sofamed2.jpg) no-repeat; width:316px; height: 62px; text-indent: -9999em; display: block;} #header #infirmiere { position: absolute; top:15px; left:10px; background: url(../images/template/img-infirmiere.jpg) no-repeat; width:115px; height: 170px; } #header #garanties { position: absolute; top:42px; right: 30px; background: url(../images/template/img-reference.jpg) no-repeat; width: 371px; height: 99px;} #header #print-prix a { position: absolute; top:-1px; right:0px; background: url(../images/template/img-print-prix.gif) no-repeat; width:194px; height:22px; display: block; } #header ul#menu { position: relative; top:151px; width: 870px; margin-left: 100px; height: 34px; overflow: hidden; z-index: 10;} #header ul#menu li { float: left; margin:0 2px; } #header ul#menu li a { background: url(../images/template/img-onglet-bleu.gif) no-repeat; width:100px; height: 34px; display: block; text-align: center; line-height: 34px; text-decoration:none; color: #375D81; font-weight: bold; } #header ul#menu li a h3 { font-size: 12px; } #header ul#menu li a h3.deux-lignes { font-size: 12px; line-height: 12px; padding: 4px 0 0 0; } #header ul#menu li a:hover { background: url(../images/template/img-onglet-blanc.gif) no-repeat; width:100px; height: 34px; display: block; text-align: center; line-height: 34px; text-decoration:none; color: #375D81; font-weight: bold; } #header ul#menu li.on a { background: url(../images/template/img-onglet-blanc.gif) no-repeat; width:100px; height: 34px; display: block; text-align: center; line-height: 34px; text-decoration:none; color: #375D81; font-weight: bold; } #header #navigation { position: relative; width:970px; top:151px; background-color: white; height: 30px; clear: both; } #header #navigation .left { float: left; background: url(../images/template/img-barre-navigation-left.png) no-repeat; width:6px; height: 30px; } #header #navigation .right { float: left; background: url(../images/template/img-barre-navigation-right.png) no-repeat; width:6px; height: 30px; } #header #navigation .middle_left { float: left; width: 648px; line-height: 30px; color: #375D81; } #header #navigation .middle_left a { color: #375D81; font-weight: bold; text-decoration: none;} #header #navigation .middle_left a:hover { text-decoration: underline;} #header #navigation .middle_left h3 { line-height: 30px; color: #375D81; float: left; margin-right: 5px; font-size: 12px; } #header #navigation .middle_right { float: left; width: 300px; text-align: right; line-height: 30px; padding-right:10px; color: #375D81; font-weight: bold; } #header #navigation .middle_right ul { overflow: hidden; } #header #navigation .middle_right ul li { display: inline; } #header #navigation .middle_right ul li img { float: left; padding: 7px 5px; } #header #noeud { position: absolute; top:-6px; left:2px; background: url(../images/template/noeud.png) no-repeat; width:330px; height: 191px; display: block; } #header #sapin { position: absolute; top:10px; left:470px; background: url(../images/template/sapin.png) no-repeat; width:134px; height: 175px; display: block; } #header .newsletter-form { position: absolute; top:5px; right: 5px; width: 450px; height: 30px; } #header .newsletter-form label { float: left; color: white; font-size: 11px; padding:4px 5px 0 0; font-weight: bold; } #header .newsletter-form input.text { float: left; background-color: white; padding:1px 5px; color: #333333; } #header .newsletter-form input.submit { float: left; padding:1px 0 0 4px; } #container { position: relative; width: 960px; margin:20px auto 0 auto; background: url(../images/template/img-cadre-back.png) repeat-y; } #container-top { position: relative; width: 960px; height:10px; background: url(../images/template/img-cadre-back-top.png) no-repeat; } #container-bottom { position: relative; width: 960px; height:10px; background: url(../images/template/img-cadre-back-bottom.png) no-repeat; } /* COLONNE LEFT */ #colonne-left { float: left; width: 190px; padding-left:15px; } /* PANIER */ #panier { position: relative; width:190px; height: 110px; margin:5px 0 0 0; background: url(../images/template/img-back-ray-gris.png) repeat; text-align: center; } #panier p { padding:35px 0px 0 60px; margin:0 0 5px 0; text-align: left; line-height: 18px; font-size: 11px; } #panier span#image-panier { position:absolute; top:10px; left:10px; display:block; background: url(../images/template/img-panier.gif) no-repeat; width:47px; height: 59px;} #panier h5 { position: absolute; top:15px; left:65px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #375D81; } #panier input[type=submit] { margin:0 auto; } /* RUBRIQUES */ h2.promotions { background: url(../images/template/img-back-ray-orange.png) repeat; height: 30px; line-height: 30px; color: white; font-size: 12px; text-transform: uppercase; margin:10px 0 0 0; padding:0 5px; overflow:hidden;} h2.promotions a { color: white; text-decoration: none;} h2.promotions a:hover { color: white; text-decoration: underline;} h2.promotions a span.ca { text-indent: -9999em; float: left; width:1px; height: 1px; overflow:hidden;} ul#rubriques-professionnels, ul#rubriques-particuliers { margin:0; padding:0; width:180px; color: #336699;; font-size: 12px;} ul#rubriques-professionnels h4, ul#rubriques-particuliers h4 { width: 180px; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height:20px; color: #375D81; text-transform: none; font-weight: bold; font-size: 12px; line-height: 20px; padding:5px; margin:10px 0;} ul#rubriques-professionnels li, ul#rubriques-particuliers li { list-style: none; margin:5px 0; text-transform: uppercase; font-weight: bold; width: 190px; border-bottom: 1px solid #E4E4E4; padding:2px 0 2px 0; overflow: hidden; } ul#rubriques-professionnels li a, ul#rubriques-particuliers li a { color: #375D81; text-transform: uppercase; text-decoration: none; display: block; font-weight: bold; outline: none; } ul#rubriques-professionnels li a:hover, ul#rubriques-particuliers li a:hover { color: #D66419; text-transform: uppercase; text-decoration: none; display: block; font-weight: bold; outline: none; } ul#rubriques-professionnels li.on a, ul#rubriques-particuliers li.on a { color: #D66419; } ul#rubriques-professionnels li h2, ul#rubriques-particuliers li h2 { font-size: 12px; margin:0; padding:0;} ul#rubriques-professionnels li h2.on a, ul#rubriques-particuliers li h2.on a { font-size: 12px; margin:0; padding:0; color: #D66419; } ul#rubriques-professionnels li .niveau2 a, ul#rubriques-particuliers li .niveau2 a { font-weight: normal; text-transform: none; padding:2px 0 2px 5px; } ul#rubriques-professionnels li .niveau2 a:hover, ul#rubriques-particuliers li .niveau2 a:hover { font-weight: normal; text-transform: none; padding:2px 0 2px 5px; } ul#rubriques-professionnels li .niveau2 a.on, ul#rubriques-particuliers li .niveau2 a.on { color:#D66419; } ul#rubriques-sofamed { margin:0; padding:0; width:180px; color: #336699;; font-size: 12px; } ul#rubriques-sofamed h4, ul#rubriques-particuliers h4 { width: 180px; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height:20px; color: #375D81; text-transform: none; font-weight: bold; font-size: 12px; line-height: 20px; padding:5px; margin:10px 0;} ul#rubriques-sofamed li { width: 190px; list-style: none; margin:5px 0; text-transform: uppercase; font-weight: bold; width: 190px; border-bottom: 1px solid #E4E4E4; padding:2px 0 2px 0; overflow: hidden;} ul#rubriques-sofamed li h2 { height: 20px; font-size: 12px; text-decoration: none;} ul#rubriques-sofamed li a { text-decoration: none;} ul#rubriques-sofamed li a:hover { text-decoration: none;} /* SERVICES */ ul#services { overflow: hidden; } ul#services h2 { width: 190px; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height:20px; color: #375D81; text-transform: none; font-weight: bold; font-size: 12px; line-height: 20px; padding:5px; margin:10px 0;} ul#services li { width: 170px; background: url(../images/template/img-etoile.png) no-repeat 0px 2px; padding:5px 0 5px 20px; font-weight: bold; color: #333333; font-size: 12px; } ul#services li a { text-decoration: none;} /* COLONNE RIGHT */ #colonne-right { position: relative; top:0px; left:20px; float: left; width: 720px; } /* BARRE COMPTE */ #barre-compte { width: 700px; height:30px; margin:5px 0 10px 0; background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; color: white; line-height: 30px; padding:5px 10px; font-weight: bold; font-size: 12px; overflow: hidden; } #barre-compte p { float: left; } #barre-compte p a { color: white; text-decoration:none; } #barre-compte p a:hover { color: white; text-decoration:underline; } #search { float: right; } #search input[type=text] { float: left; padding:9px 4px 0 4px; font-size: 12px; color:#333333; height:20px; width:242px; border:0; } #barre-compte fieldset { float: left; width:360px; border: 0; margin:0 0 0 150px; padding:2px 0 0 0; } #barre-compte fieldset label { margin:0; padding:0 5px 0 0; float: left; line-height:25px; } #barre-compte fieldset input[type=text] { margin:0 5px 0 0; padding:5px 4px 0 4px; font-size: 12px; color:#333333; height:20px; width:242px; border:0; float: left; } /* BARRE TITRE BLEU CLAIR */ .titre_bleu_clair { width: 710px; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height:20px; color: #375D81; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } /* BARRE TITRE ORANGE */ .titre_orange { width: 710px; background: url(../images/template/img-back-ray-orange.png) repeat; height:20px; color: #ffffff; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } #saison { height: 340px; width:720px; overflow: hidden; } #saison ul li a { cursor: pointer; } #saison ul li .anim-left { float: left; width:360px; height:300px; } #saison ul li .anim-right { position: relative; float: left; width:350px; background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; height:290px; text-align: left; padding:5px;} #saison ul li .anim-right h2 { font-size: 24px; color: white; height: auto; line-height: 30px; } #saison ul li .anim-right h3 { font-size: 18px; color: white; height: auto; line-height: 20px; text-align:right; } #saison ul li .anim-right h5 { position: absolute; bottom:5px; right:5px; margin:5px auto; width:150px; background: url(../images/template/img-btn-cliquez-ici.png) no-repeat; width:150px; height: 30px; } #saison ul li .anim-right h5 a { text-indent: -9999em; display: block; height: 30px; } #nav { height: 30px; overflow: hidden; padding:10px 0 0 0; } #nav a { margin:0 5px 0 0; padding:0 5px; height: 25px; line-height: 25px; background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; color: white; text-align: center; display: block; float: left; text-decoration: none; } #nav a:hover { text-decoration: none; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; } #nav a.active { background: url(../images/template/img-back-ray-orange.png) repeat; } #nav a:focus { background: url(../images/template/img-back-ray-orange.png) repeat; outline: none; } /* CAROUSEL */ .jcarousel-container { position: relative; margin:20px 0; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { position: relative; float: left; list-style: none; width: 160px; height: 160px; text-align: center; } .jcarousel-item .remise { position: absolute; top:40px; left:20px; background: url(../images/template/img-remise.png) no-repeat; width:79px; height: 32px; line-height: 25px; color:white;} .jcarousel-item .port_gratuit { position: absolute; top:100px; left:20px; background: url(../images/template/img-port-gratuit.png) no-repeat; width:70px; height: 67px; display: block;} .jcarousel-item h2 { font-size: 12px; color:#375D81; height:30px; overflow: hidden;} .jcarousel-item h4 { font-size: 12px; color:#375D81; line-height: 25px;} .jcarousel-item h5 { position: absolute; bottom:5px; right:5px; margin:5px auto; width:150px; background: url(../images/template/img-btn-voir-details.png) no-repeat; width:150px; height: 30px; } .jcarousel-item h5 a { text-indent: -9999em; display: block; height: 30px; } .jcarousel-next {z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-promotions .jcarousel-container-horizontal { width: 640px; padding:0 40px; } .jcarousel-skin-promotions .jcarousel-clip-horizontal { width: 640px; height:250px; } .jcarousel-skin-promotions .jcarousel-item { width: 160px; height: 250px; } .jcarousel-skin-promotions .jcarousel-item-horizontal { margin-right: 0px; } .jcarousel-skin-promotions .jcarousel-next-horizontal { position: absolute; top: 103px; right: 5px; width: 30px; height: 30px; cursor: pointer; background: transparent url(../images/template/img-navigation-right.png) no-repeat 0 0; } .jcarousel-skin-promotions .jcarousel-next-horizontal:hover { background-position: -30px 0; } .jcarousel-skin-promotions .jcarousel-next-horizontal:active { background-position: -30px 0; } .jcarousel-skin-promotions .jcarousel-prev-horizontal { position: absolute; top: 103px; left: 5px; width: 30px; height: 30px; cursor: pointer; background: transparent url(../images/template/img-navigation-left.png) no-repeat 0 0; } .jcarousel-skin-promotions .jcarousel-prev-horizontal:hover { background-position: -30px 0; } .jcarousel-skin-promotions .jcarousel-prev-horizontal:active { background-position: -30px 0; } .jcarousel-skin-saison .jcarousel-container-horizontal { width: 720px; padding:0 0px; } .jcarousel-skin-saison .jcarousel-clip-horizontal { width: 720px; height:300px; } .jcarousel-skin-saison .jcarousel-item { width: 720px; height: 300px; } .jcarousel-skin-saison .jcarousel-item-horizontal { margin-right: 0px; } .jcarousel-skin-saison .jcarousel-next-horizontal { position: absolute; top: 103px; right: 5px; width: 30px; height: 30px; cursor: pointer; background: transparent url(../images/template/img-navigation-right.png) no-repeat 0 0; } .jcarousel-skin-saison .jcarousel-next-horizontal:hover { background-position: -30px 0; } .jcarousel-skin-saison .jcarousel-next-horizontal:active { background-position: -30px 0; } .jcarousel-skin-saison .jcarousel-prev-horizontal { position: absolute; top: 103px; left: 5px; width: 30px; height: 30px; cursor: pointer; background: transparent url(../images/template/img-navigation-left.png) no-repeat 0 0; } .jcarousel-skin-saison .jcarousel-prev-horizontal:hover { background-position: -30px 0; } .jcarousel-skin-saison .jcarousel-prev-horizontal:active { background-position: -30px 0; } /* 2 COLONNES */ ul.deux-colonnes { width: 720px; overflow: hidden; } ul.deux-colonnes li.left { float: left; width:355px; } ul.deux-colonnes li.right { float: left; width:355px; margin-left: 10px; } ul.deux-colonnes li.right h4 { margin:5px; color:#375D81; font-size: 14px; text-decoration: none; } ul.deux-colonnes li .titre_bleu_fonce { background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; height: 20px; color: white; text-transform: uppercase; font-weight: bold; width: 345px; padding:5px; line-height: 20px; font-size: 14px; } ul.deux-colonnes li .titre_bleu_clair { background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height: 20px; color: white; text-transform: uppercase; font-weight: bold; width: 345px; padding:5px; line-height: 20px; font-size: 14px; } .minibloc { position: relative; margin:10px 0 0 0; height: 170px; } .minibloc img { float: left; margin:0 10px 10px 0; } .minibloc p { color: #333333; font-size: 12px; } .minibloc h5 { position: absolute; bottom:0; right:5px; } .minibloc .port_gratuit { position: absolute; top:45px; left:10px; background: url(../images/template/img-port-gratuit.png) no-repeat; width:70px; height: 67px; display: block;} /* CATALOGUE */ ul#catalogue { overflow: hidden; } ul#catalogue li { position: relative; display: block; width:225px; height: 295px; float: left; text-align: center; padding:5px; border-bottom: 1px solid #D7D7D7; } ul#catalogue li .remise { position: absolute; top:60px; left:80px; background: url(../images/template/img-remise.png) no-repeat; width:79px; height: 32px; line-height: 25px; color:white;} ul#catalogue li .port_gratuit { position: absolute; top:45px; left:10px; background: url(../images/template/img-port-gratuit.png) no-repeat; width:70px; height: 67px; display: block;} ul#catalogue li.cadre { border-right: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; } ul#catalogue li h2 { margin:5px; color:#375D81; height: 50px; overflow: hidden; font-size: 14px; } ul#catalogue li a h2 {text-decoration: none; } ul#catalogue li a:hover h2 {text-decoration: underline; } ul#catalogue li h4 { margin:5px; color:#375D81; font-size: 14px; text-decoration: none; } ul#catalogue li h5 { margin:5px auto; width:150px; background: url(../images/template/img-btn-voir-details.png) no-repeat; width:150px; height: 30px; } ul#catalogue li h5 a { text-indent: -9999em; display: block; height: 30px; } ul#catalogue li .image { height: 180px;} /* CATALOGUE SPECIALISE */ ul#documents { overflow: hidden; margin-top:10px; } ul#documents li { padding-left: 15px; margin:10px; background: url(../images/template/img-fleche-droite.png) no-repeat 0px 1px; } /* PRODUIT */ ul.navigation { overflow: hidden; } ul.navigation li.precedent { width:340px; float: left; text-align:left; background: url(../images/template/img-fleche-nav-left.gif) no-repeat 0 4px; padding-left:15px; } ul.navigation li.suivant { width:340px; float: left; text-align: right; background: url(../images/template/img-fleche-nav-right.gif) no-repeat 344px 4px; padding-right:15px; } #produit-image { position: relative; width:330px; height: 300px; float: left; background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; padding:10px;} #image-principale { position: relative; background-color: white; width:240px; height: 280px; float: left; text-align: center; vertical-align:middle; padding:10px ; } #image-principale .remise { position: absolute; top:60px; left:80px; background: url(../images/template/img-remise.png) no-repeat; width:79px; height: 32px; line-height: 25px; color:white;} #image-principale .port_gratuit { position: absolute; top:100px; left:20px; background: url(../images/template/img-port-gratuit.png) no-repeat; width:70px; height:67px; display: block;} ul#vignettes { overflow: hidden; float: left; width: 60px; margin-left: 10px; } ul#vignettes li { width: 50px; background-color: white; margin:0 0 10px 0; text-align: center; padding:5px; } #produit-info { position: relative; width: 350px; margin-left:10px; float: left;} #produit-info h1 { font-size: 16px; color:#375D81; margin-bottom: 15px; } #produit-info h2 { font-size: 16px; color:#375D81; margin:20px 0; } #produit-info h5 a { background: url(../images/template/img-btn.gif) no-repeat; width: 150px; height:30px; display: block; font-size: 11px; color: white; text-decoration: none; line-height: 30px; text-align: center; text-transform: uppercase; } #produit-info h5 a:hover { text-decoration: underline; } #option { font-size: 16px; color:#375D81; margin:10px 0; font-weight: bold; margin:20px 0; } #option select { font-size: 10px;} #option p { font-size:10px;color:#333333; clear: both; line-height: 18px; margin:2px 0;} #option p span { padding:8px 0 0 0; } #option label { width: 20px; float: left; padding-right:5px; height: 25px; } #quantite { font-size: 16px; color:#375D81; margin:10px 0; font-weight: bold; margin:20px 0; } #quantite input { border: 1px solid #333333; width: 32px; float: left; margin:1px 2px 0 2px; } #quantite img { float: left; } p.quick_description { margin:20px 0; line-height: 18px; } .titre_bleu_clair h2 { float: left; line-height: 20px;font-size: 14px; padding-left:4px; } .details { padding: 5px; line-height: 18px; margin-bottom: 25px; font-size: 12px; font-weight: normal; } #options_image { position: absolute; top:10px; left:10px; } #options_image #dis { width:0px; height: 280px; background-color: white; } /* PANIER */ .entete-panier { background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; height: 30px; color:white; } .ligne_separator { border-bottom: 1px solid #D7D7D7; height: 1px; font-size: 1px; } .code-avantage { background: url(../images/template/img-back-ray-bleu-fonce.png) repeat; } ul#action-panier { overflow: hidden; margin:10px 0; height: 30px; } ul#action-panier li.panier-continuer { float: left; width:250px; text-align: left; padding-left:20px; } ul#action-panier li.panier-payer { float: right; width:250px; text-align: right; padding-right:20px; } /* PATHWAY COMMANDE */ ul#pathway-commande { overflow: hidden; width:715px; height: 50px; margin:10px 0; } .etape-panier { background: url(../images/template/img-pathway-1.png) no-repeat; } .etape-identification { background: url(../images/template/img-pathway-2.png) no-repeat; } .etape-livraison { background: url(../images/template/img-pathway-3.png) no-repeat; } .etape-paiement { background: url(../images/template/img-pathway-4.png) no-repeat; } .etape-confirmation { background: url(../images/template/img-pathway-5.png) no-repeat; } ul#pathway-commande li { float: left; color: white; line-height: 50px; font-weight: bold; font-size: 14px; } ul#pathway-commande li a { color: white; text-decoration: none; } ul#pathway-commande li a:hover { color: white; text-decoration: underline; } ul#pathway-commande li.panier { padding-left:30px; } ul#pathway-commande li.identification { padding-left:65px; } ul#pathway-commande li.livraison { padding-left:60px; } ul#pathway-commande li.paiement { padding-left:80px; } ul#pathway-commande li.confirmation { padding-left:70px; } fieldset.login { border: 0; } fieldset.login p { margin:10px 0; } fieldset.login label { width: 100px; float: left; padding-right: 5px; text-align: right; line-height: 20px;} fieldset.commande_adresse { position: relative; border: 0; width:720px; margin:0 auto; font-size: 11px;} fieldset.commande_adresse legend { height: 30px; width:720px; line-height: 30px; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; color: white; font-size: 14px; font-weight: bold; margin-left: -5px; } span.adresse { font-size: 12px; line-height: 18px; padding-left: 10px; display: block;} fieldset.add_address { border:0; } fieldset.add_address p { margin:10px 0; font-size: 11px; color: black; clear: both;} fieldset.add_address label { float: left; padding-right:35px; width:100px; text-align: right; line-height: 16px; } fieldset.add_address input { border:1px solid #375D81; font-size: 11px; } fieldset.add_address select { border:1px solid #375D81; font-size: 11px; } .continuer { margin:300px; text-align: center; margin:30px auto; } /* VOTRE COMPTE */ ul.compte { overflow: hidden; margin-top:20px; } ul.compte li.left { width:100px; float: left; text-align: center;} ul.compte li.right { width:200px; float: left; text-align: left;} ul.compte li.right h5 a { margin-top: 10px; display:block; font-size: 12px; text-decoration: underline; text-transform: uppercase; } fieldset.create-account { border: 0; } fieldset.create-account p { margin:10px 0; } fieldset.create-account label { width: 150px; text-align: right; padding-right: 5px; float: left; line-height:20px; } fieldset.create-account input { border: 1px solid #375D81; } ul#commandes { overflow: hidden; } ul#commandes li.left { float: left; width:300px; } ul#commandes li.left label { font-weight: bold; padding-right: 5px; } ul#commandes li.right { float: left; width:300px; } /* CONTACT */ fieldset.contact { border: 0; } fieldset.contact p { margin:10px 0; } fieldset.contact label { width: 150px; text-align: right; padding-right: 5px; float: left; line-height:18px; } fieldset.contact input { border: 1px solid #375D81; } fieldset.contact textarea { width: 400px; height: 200px;} /* CONDITIONS */ .infoBoxHeading { font-weight: bold; font-size: 12px;} /* SOFAMED */ .videos { text-align: left; width: 400px; margin:20px 0 30px 0; padding: 0 0 0 40px; } .videos p { line-height: 18px; padding: 5px 0;} .videos h2 { text-align: left; font-size: 16px; color: #375D81; width: 400px; padding:0 0 0 0; } /* FAQ */ #faq ul { margin:20px; } #faq ul li { list-style: circle; margin:5px 0; list-style-position: inside; } #faq p { margin:20px; padding:0 0 0 20px; } #faq h3 { font-weight: bold; } /* AGENCES */ #agences { margin:0 0 0 20px; } #agences h2 { margin:30px 0 10px 0;} #footer { position: relative; width:950px; margin: 15px auto 0 auto; background: url(../images/template/img-back-ray-bleu-clair.png) repeat; height: 25px; } #footer ul { width:650px; overflow: hidden; margin:0 auto; text-align: center;} #footer ul li { display: inline; margin:0 5px; color: #375D81; line-height: 25px; font-weight: bold; font-size: 11px; } #footer_ref { position: relative; width:950px; margin:15px auto; background: none; color:white; } #footer_ref p { float: left; font-size: 14px; font-weight: bold; margin:0 3px 0 0; } #footer_ref h2 a { margin:0 0 5px 0; padding:0; font-size: 14px; font-weight: bold; color:white; text-decoration: none; } #footer_ref ul { overflow: hidden; } #footer_ref ul li { width:218px; float: left; color: white; margin:2px 15px 2px 0; height: 14px; overflow: hidden; font-size: 11px; } #footer_ref ul li a { color: white; text-decoration: none; } #footer_ref ul li a:hover { color: white; text-decoration: underline; } #footer_ref p.description-footer { font-size: 12px; font-weight: normal; margin:5px 0 0 0; clear: both;} #footer_ref p.description-footer a { color: white; text-decoration: none; } #footer-adresse { position: relative; width:950px; margin:10px auto; background: none; color:white; text-align: center; } #footer_ref2 { position: relative; width:950px; margin:15px auto; background: none; color:white; } #footer_ref2 a { color: white; text-decoration: none; font-size: 11px; } #footer_ref2 a:hover { color: white; text-decoration: underline; } #footer_ref2 ul {overflow: hidden; } #footer_ref2 ul li.left { width: 450px; float: left; } #footer_ref2 ul li.right { width: 430px; float: left; margin-left: 20px; border-left: 1px solid white; padding-left: 10px; } #footer_ref2 ul li.left h2, #footer_ref2 ul li.right h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px; } #slider { width:353px; height:188px; position: relative; overflow: hidden; } #sliderContent { width: 353px; position: absolute; top:0px; margin-left: 0; } .sliderImage { float: left; position: relative; display: none; width: 353px; color: #ffffff; } .sliderImage img { margin: 0 auto; width: auto; float: none; } .sliderImage span { position: absolute; bottom:0; padding: 10px 10px; width: 333px; background-color: #000; -moz-opacity: 0.7; opacity: 0.7; color: #ffffff; display: none; } .sliderImage span strong { font-size: 14px; } .top { position: relative; font-size: 12px; color: white; clear: both; } .top h2 { font-size: 16px; color: white; } .top .prix { font-size: 12px; color: white; } .top a { position: absolute; color: white; right:5px; font-size: 14px; } .detail { bottom:10px; right: 10px; } ul#zone-hp-produit { position: relative; overflow: hidden; width:716px; border:1px solid #cccccc; margin:10px 0; } ul#zone-hp-produit li { float: left; } ul#zone-hp-produit li a span { display: none; } ul#zone-hp-promo { position: relative; width: 718px; margin:10px 0; } ul#zone-hp-promo li { float: left; } ul#zone-hp-promo li a span { display: none; } ul#zone-hp-promo li.margin { margin-left:10px; } ul#links { margin: 10px;} ul#links li h2 a { padding: 4px 0; } ul#links li p { font-size: 12px; padding: 5px;} /* SITEMAP */ ul.plan-rubriques { position: relative; overflow: hidden; padding: 10px; } ul.plan-rubriques li { float: none; width:500px; line-height: 16px; overflow: hidden; padding: 5px 0; margin: 0 5px 0 0;} ul.plan-rubriques li h2 { font-size: 16px; padding: 10px 0; } ul.plan-rubriques li h3 a { font-size: 14px; text-decoration: none; padding-left: 5px; } ul.plan-rubriques li h4 a { font-size: 12px; text-decoration: none; } .standby { text-align: center; }