body { margin:0; position: relative; background-color: #bcd3e8; font-size:12px; font-family:Arial; color: #333333; } p, h1, h2, h3, h4, h5, ul, li { margin:0; padding:0; } div { z-index: 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; text-decoration: none; } a:hover { color: #D66419; text-decoration: none; } .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;} .border { border: 1px solid #CCCCCC; } #newsletter_popup ul.particulier { position: relative; width: 250px; float: left; } #newsletter_popup ul.professionnel { position: relative; width: 250px; float: left; } #newsletter_popup ul li { width: 250px; } #newsletter_popup input.text { width: 200px; border: 1px solid #cccccc; padding: 4px 3px;} #overlay2 { position: absolute; top:0; left:0; width:100%; background-color: black; height: 100%; z-index:10000; 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; } .aide-ss { position: relative; margin: 0 auto; padding: 10px 10px 10px 70px; border: 1px solid #D66419; margin-bottom: 10px; line-height: 24px; font-weight: bold; background: url(../images/img-ss.jpg) no-repeat 10px 10px; } .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;} .btn2 { display: block; background: url(../images/btn/ajout_panier.jpg) no-repeat; width:200px; height: 42px; color: white; font-weight: bold; text-indent: 20px; border: 0; cursor: pointer; text-decoration: none; font-size: 13px; font-family: Arial; margin-bottom: 4px; } 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:980px; 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:5px; } #container-bottom { position: relative; width: 960px; height:5px; } a.plandusiteRR {text-decoration: none; color: #444; font-size: 14px;} a.plandusiteRR:hover {text-decoration: underline;} a.plandusiteRR2 {text-decoration: none; color: #666; font-size: 12px;} a.plandusiteRR2:hover {text-decoration: underline;} /* 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 { background-color: #bcd3e8; height:20px; color: #375D81; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } .titre_bleu_clair_pro { background-color: #9fd5b3; height:20px; color: #1d7634; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } .titre_bleu_clair_part { background-color: #bcd3e8; height:20px; color: #375D81; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } .titre_bleu_clair_ficheProduit { background-color: #bcd3e8; height:20px; color: #375D81; font-weight: bold; padding:5px; line-height: 20px; margin:0 0 10px 0; font-size: 18px; } .titre_bleu_clair_ficheProduit2 { background-color: #bcd3e8; height:20px; color: #375D81; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } /* BARRE TITRE GRIS */ .titre_gris { background: url(../images/template/img-bloc-top.jpg) repeat; height:16px; color: #333333; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 16px; margin:0; font-size: 14px; } /* BARRE TITRE ORANGE */ .titre_orange { background-color: #d66419; 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-item { position: relative; float: left; list-style: none; width: 160px; height: 160px; text-align: center; } .jcarousel-item .remise { position: absolute; top:32px; left:80px; 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:160px; left:110px; background: url(../images/template/img-port-gratuit2.png) no-repeat; width:70px; height: 67px; display: block;} .jcarousel-skin-promotions li p { margin-bottom: 8px; } .jcarousel-skin-promotions li p.prix { margin-top: 3px; margin-bottom: 3px; font-size: 11px; color:#375D81; } .jcarousel-skin-promotions li p a { font-size: 12px; color:#375D81; overflow: hidden; font-weight: bold; text-decoration: none; } .jcarousel-skin-promotions li p a:hover { text-decoration: underline; } .jcarousel-item h4 { font-size: 12px; color:#375D81; line-height: 25px;} .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:260px; } .jcarousel-skin-promotions .jcarousel-item { width: 160px; height: 260px; } .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 */ h1.titre_bleu_fonce { background-color: #375d81; height: 20px; color: #fff; text-transform: uppercase; font-weight: bold; width: 99%; padding:5px; line-height: 20px; font-size: 14px; margin-bottom: 8px; } a.lienentitre {text-decoration: none; font-weight: bold; } a.lienentitre:hover {text-decoration: underline; } ul.deux-colonnes { width: 940px; overflow: hidden; margin: 0 auto; } ul.deux-colonnes li.left { float: left; width:465px; } ul.deux-colonnes li.right { float: left; width:465px; 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-color: #375d81; height: 20px; color: white; text-transform: uppercase; font-weight: bold; width: 455px; padding:5px; line-height: 20px; font-size: 14px; margin-bottom: 8px; } ul.deux-colonnes li .titre_bleu_clair { background-color: #bcd3e8; height: 20px; color: white; text-transform: uppercase; font-weight: bold; width: 455px; padding:5px; line-height: 20px; font-size: 14px; } ul.deux-colonnes-small { width: 720px; overflow: hidden; margin: 0 auto; } ul.deux-colonnes-small li a { text-decoration: none; } ul.deux-colonnes-small li.left { float: left; width:355px; } ul.deux-colonnes-small li.right { float: left; width:355px; margin-left: 10px; } ul.deux-colonnes-small li.right h4 { margin:5px; color:#375D81; font-size: 14px; text-decoration: none; } ul.deux-colonnes-small li .titre_bleu_fonce { background-color: #375d81; height: 20px; color: #fff; text-transform: uppercase; font-weight: bold; width: 345px; padding:5px; line-height: 20px; font-size: 14px; margin-bottom: 8px; } ul.deux-colonnes-small h1.titre_bleu_fonce { background-color: #375d81; height: 20px; color: #fff; text-transform: uppercase; font-weight: bold; width: 345px; padding:5px; line-height: 20px; font-size: 14px; margin-bottom: 8px; } ul.deux-colonnes-small 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; padding-bottom: 20px; } ul#catalogue p { line-height: 20px; padding-bottom: 10px;} ul#catalogue li { position: relative; display: block; width:223px; height: 292px; float: left; text-align: center; padding:5px; border-bottom: 1px solid #EEEEEE; } ul#catalogue li .remise { position: absolute; top:48px; left:145px; background: url(../images/template/img-remise.png) no-repeat; width:85px; height: 32px; line-height: 25px; color:white; font-size: 11px; } 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 #EEEEEE; } ul#catalogue li p { margin: 5px; margin-top: 0; height: 50px; overflow: hidden; } ul#catalogue li a.prix { color: #375d81; text-decoration: none; font-size: 15px; } ul#catalogue li p a { color:#375D81; font-size: 14px; text-decoration: none; font-weight: bold; } ul#catalogue li p a:hover {text-decoration: underline; } ul#catalogue li h4 { margin:5px; color:#375D81; font-size: 14px; text-decoration: none; } ul#catalogue li p.detail { margin:6px auto; width:125px; background-color: #d66419; height: 12px; } ul#catalogue li p.detail a { color: #fff; text-decoration: none; font-weight: none; font-size: 12px; } ul#catalogue li p.detail:hover a { text-decoration: underline; } ul#catalogue li .image { height: 180px; margin-bottom: 6px; } /* 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: 3px; left:178px; background: url(../images/template/img-remise.png) no-repeat; width:79px; height: 32px; line-height: 25px; color: #fff; font-weight:bold; } #image-principale .port_gratuit { position: absolute; top:-10px; left:-10px; background: url(../images/template/img-port-gratuit0.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 #prix { font-size: 16px; color:#375D81; margin:20px 0; font-weight: bold; } #produit-info #prixT { height: 35px; width: 355px; } #produit-info #prixT div.cas1 { height: 35px; width: 354px; background-image: url(/images/prix_cas1.jpg); } #produit-info #prixT div.cas2 { height: 35px; width: 354px; background-image: url(/images/prix_cas2.jpg); } #produit-info #prixT div.cas3 { height: 35px; width: 354px; background-image: url(/images/prix_cas3.jpg); } #produit-info #prixT div.cas4 { height: 35px; width: 354px; background-image: url(/images/prix_cas4.jpg); } #produit-info #prixT div p.prixnnn { float: left; height: 35px; width: 129px; color: #fff; font-size: 16px; font-weight: bold; text-indent: 2px; padding-top:8px; } #produit-info #prixT div p.prixnnn span { text-decoration: line-through; } #produit-info #prixT div p.remisennn { float: left; height: 35px; width: 103px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-top: 2px; } #produit-info #prixT div p.remisennn span { font-size: 11px; } #produit-info #prixT div p.differennn { float: left; height: 35px; width: 120px; text-align: center; color: #fff; font-size: 15px; font-weight: bold; margin-top: 2px; } #produit-info #prixT div p.differennn span { font-size: 11px; } #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; } p.ficheProd_consulter { margin: 16px 0 8px 0; float: left; width: 98%; background: #bcd3e8; border: 1px solid #000; padding: 3px 0 3px 0; color: #000; font-size: 12px; } p.ficheProd_consulter a { color: #375d81; font-size: 12px; font-weight: bold; text-decoration: none; } p.ficheProd_consulter a:hover { color: #375d81; font-size: 12px; font-weight: bold; text-decoration: underline; } p.ficheProd_disponibilite { color:#375D81; font-weight:bold; margin: 16px 0 16px 0; } input.ficheProd_quantite { text-align:center; height: 18px; } p.ficheProd_quantiteTitre { float:left; padding-right:5px; } p.ficheProd_quantiteMoins { float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 18px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; } p.ficheProd_quantitePlus { float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 17px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding-top: 1px; } .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: 270px; height: 320px;} /* 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; padding: 10px 0; } 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 auto; } .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:940px; 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:350px; float: left; text-align: left;} ul.compte li.right div { margin-top: 10px; display:block; } ul.compte li.right div a { font-size: 12px; text-decoration: underline; text-transform: uppercase; font-weight: bold; } fieldset.create-account { border: 0; } fieldset.create-account p { margin: 10px 0; } fieldset.create-account hr { color: #333; background-color: #333; height: 1px; border: 0; } fieldset.create-account p.titre { font-size: 14px; font-weight: bold; margin-bottom: 2px; } fieldset.create-account p sup { color: #ff0000; } fieldset.create-account label { width: 150px; text-align: right; padding-right: 5px; float: left; line-height:25px; } fieldset.create-account input { border: 1px solid #375D81; } fieldset.create-account .inputtext { width: 300px; padding: 5px; } 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: 600px; } /* 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:1000px; margin: 0 auto 0 auto; background: url(../images/template/img-content-back-middle2.png) repeat-y; height: 25px; } #footer ul { width:720px; 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 ul li a { text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #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:1000px; margin:0 auto; background: url(../images/template/img-content-back-middle3.png) repeat-y; color:#fff; text-align: center; height: 20px; padding-top: 5px;} #footer_ref2 { position: relative; width:1000px; margin:0 auto; background: url(../images/template/img-content-back-middle3.png) repeat-y; color:#fff; } #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; 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; } /* HEADER */ .header { position: relative; width: 1000px; margin: 0 auto; padding: 151px 0 0 0; z-index: 15; background: url(../images/template/img-content-back-middle3.png) repeat-y; } .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; z-index: 10;} .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 p.logo { position: absolute; display: block; top: 1px; left: 67px; width: 316px; height: 62px; text-align: right;} .header h1.accroche { position: absolute; top: 8px; left: 142px; display: block; font-size: 11px; color: #fff;} h2.accroche { font-size: 11px; color: #fff; width: 100%; margin: auto; } h3.accroche { font-size: 11px; color: #fff; width: 100%; margin: auto; } .header .infirmiere { position: absolute; top:0px; left:10px; background: url(../images/template/img-infirmiere.jpg) no-repeat; width:115px; height: 159px; z-index: 2; } /* MINI BLOC */ .header .minibloc { position: relative; height: 25px; z-index:5005; } .header .minibloc-left { position: relative; float: left; background: url(../images/template/img-header-minibloc-left.jpg) no-repeat; width: 5px; height: 25px; display: block; } .header .minibloc-content { position: relative; float: left; background-color: #ffffff; height: 25px; font-size: 12px; color: #375D81; } .header .minibloc-right { position: relative; float: left; background: url(../images/template/img-header-minibloc-right.jpg) no-repeat; width: 5px; height: 25px; display: block; } span.icone-aide { position: relative; background: url(../images/template/img-header-minibloc-aide.jpg) no-repeat 0 2px; height: 25px; line-height: 25px; padding-left: 22px; display: block; font-weight: bold; float: left; width: 175px;} span.horaires { position: relative; float: left; line-height: 11px; font-size: 11px; font-weight: bold; text-align: center; padding:0 0px; width: 125px; } span.icone-connect { position: relative; background: url(../images/template/img-header-minibloc-seconnecter.jpg) no-repeat 5px 2px; height: 25px; line-height: 25px; padding:0 3px 0 27px; display: block; font-weight: bold; float: left; width: 80px; cursor: pointer; } span.icone-connect a { text-decoration: none; } span.fleche { background: url(../images/template/img-header-fleche.jpg) no-repeat 0 9px; width: 20px; height: 25px; display: block; float: left; } .header .aide { position: absolute; top:10px; left:490px; width: 350px; } .header .connect { position: absolute; top:10px; left:840px; } #connexion { position: absolute; top:21px; left: 0px; width: 130px; padding: 5px; background-color: #ffffff; display: none; z-index: 100;} #connexion label { font-size: 11px; font-weight: bold; } #connexion span { font-size: 11px; font-weight: normal; padding-bottom: 6px; display: block; } #connexion input.text { width: 120px;} /* PANIER */ .header .blocpanier { position: absolute; top:65px; left:730px; height: 50px; z-index: 10; } .header .blocpanier-left { position: relative; float: left; background: url(../images/template/img-header-blocpanier-left.jpg) no-repeat; width: 5px; height: 50px; display: block; } .header .blocpanier-content { position: relative; float: left; background-color: #ffffff; height: 50px; font-size: 12px; color: #375D81; width: 240px; } .header .blocpanier-right { position: relative; float: left; background: url(../images/template/img-header-blocpanier-right.jpg) no-repeat; width: 5px; height: 50px; display: block; } .header .blocpanier-content .panier { position: absolute; top:-12px; left:9px; background: url(../images/template/img-header-blocpanier-panier.jpg) no-repeat 0 0; width: 36px; height: 36px; display: block; } .header .blocpanier-content .commander a { position: absolute; bottom: 5px; right: 5px; background: url(../images/template/img-header-blocpanier-commander.jpg) no-repeat 0 0; width: 90px; height: 25px; display: block; cursor: pointer; } .header .blocpanier-content p.panier { position: absolute; top:5px; left:55px; background: none; width:130px; font-size: 14px; color: #375D81; display: block; } .header .blocpanier-content p.panier a { text-decoration: none; font-weight: bold; } .header .blocpanier-content p.panier a: hover { text-decoration: underline; } .header .blocpanier-content span.contenu-panier { position: absolute; top:28px; left:10px; width:190px; font-size: 12px; font-weight: bold; color: #375D81; display: block; } .header .blocpanier-content span.contenu-panier a { text-decoration: none; } .header .blocpanier-content span.contenu-panier a:hover { text-decoration: underline; } div.nvconnexion-cadre { position: absolute; top:1px; left: 605px; width: 200px; height: 116px; background-color: #fff; } div.panier-cadre { position: absolute; top:1px; left: 809px; width: 180px; height: 86px; background-color: #fff; } div.nvconnexion-entete { background: url(../images/template/connexion-cadenas.jpg) 5px 3px no-repeat; text-indent: 28px; height: 25px; padding-top: 5px; color: #365a7e; } div.nvconnexion-entete a { font-size: 12px; color: #365a7e; text-decoration: none; font-weight: bold; } div.nvconnexion-entete a:hover { text-decoration: underline; } div.panier-entete { background: url(../images/template/panier-entete.jpg) 5px 3px no-repeat; text-indent: 28px; height: 25px; padding-top: 5px; color: #365a7e; } div.panier-entete a { font-size: 12px; color: #365a7e; text-decoration: none; font-weight: bold; } div.panier-entete a:hover { text-decoration: underline; } div.nvconnexion-ok { background: url(../images/template/connexion-ok.jpg) 5px 3px no-repeat; text-indent: 28px; height: 25px; padding-top: 5px; color: #365a7e; } div.nvconnexion-ok a { font-size: 12px; color: #365a7e; text-decoration: none; font-weight: bold; } div.nvconnexion-ok a:hover { text-decoration: underline; } div.nvconnexion-form { text-align: center; margin-bottom: 8px; } div.nvconnexion-form input { width: 180px; border: 1px solid #e2e3ea; margin: 1px; } div.nvconnexion-lien { float: left; width: 140px; margin-left: 5px; } div.nvconnexion-lien a { font-size: 12px; color: #365a7e; text-decoration: none; } div.nvconnexion-lien a:hover { text-decoration: underline; } div.nvconnexion-deco { float: left; width: 190px; margin-top: 8px; margin-left: 5px; text-align: right; background: url(../images/template/deconnexion-ok.jpg) 103px 1px no-repeat; height: 25px; } div.nvconnexion-deco a { font-size: 12px; color: #365a7e; text-decoration: none; } div.nvconnexion-deco a:hover { text-decoration: underline; } div.nvconnexion-bouton { float: right; width: 50px; margin-top: 4px; text-align: center; } div.nvconnexion-bouton input { background-color: #d66519; color: #fff; font-weight: bold; width: 40px; height: 25px; border-style: none; text-align: center; cursor: pointer; } div.panier-contenu { float: left; width: 100px; margin-left: 5px; } div.panier-contenu a { font-size: 12px; color: #365a7e; text-decoration: none; } div.panier-contenu a:hover { text-decoration: underline; } div.panier-prix { float: right; width: 60px; text-align: right; margin-right: 5px; } div.panier-prix a { font-size: 12px; color: #365a7e; text-decoration: none; } div.panier-prix a:hover { text-decoration: underline; } div.panier-terminer {float: right; margin-top: 10px; margin-right: 8px; width: 68px; height: 22px; text-align: center; background-color: #d66519; color: #fff; padding-top: 5px; font-weight: bold; font-size: 14px; } div.contact-cadre { position: absolute; top:87px; left: 809px; width: 180px; height: 30px; background-color: #bcd3e8; } div.panier-contact1 { float:left; text-align: center; width: 180px; font-weight: bold; margin-top: 2px; color: #365a7e; } div.panier-contact2 { float:left; text-align: center; width: 180px; font-size: 10px; color: #365a7e; } div.nvaccueil-entete { width: 100%; height: 122px; margin-bottom: 1px; } div.nvaccueil-fauteuil { float: left; width: 640px; height: 266px; margin-right: 1px; } p.nvaccueil-fauteuilTitre { color: #fff; font-size: 12px; font-weight: bold; margin-left: 88px; text-align: left; margin-top: 2px; margin-bottom: 4px; } p.nvaccueil-fauteuilArgu { color: #fff; font-size: 11px; margin-left: 90px; text-align: left; } p.nvaccueil-fauteuilPrix { color: #fff; font-size: 11px; margin-left: 90px; text-align: left; margin-top: 4px; } .menu { position: relative; width: 980px; height: 40px; background-color: #ffffff; z-index: 15; left: 10px;} .menu .ligne { position: relative; clear: both; width: 980px; margin: 0 auto; border-bottom: 1px solid #375D81; height: 1px; font-size: 1px; } .menu ul.haut { position: relative; width: 980px; margin: 0 auto; height: 40px; padding: 0; z-index: 25; } .menu ul.haut li { float: left; margin: 0; padding: 0; text-align: center;} .menu ul.haut li a.part-right { font-size: 12px; text-decoration: none; font-weight: normal; display: block; border-right: 1px solid #375D81; padding: 5px 0 5px 0; } .menu ul.haut li:hover a.part-right { background-color: #375D81; color: #fff; } .menu ul.haut li a.part { font-size: 12px; text-decoration: none; font-weight: normal; display: block; padding: 5px 0 5px 0; } .menu ul.haut li:hover a.part { background-color: #375D81; color: #fff; } .menu ul.haut li a.pro-right { font-size: 12px; text-decoration: none; font-weight: normal; display: block; color: #1d7634; border-right: 1px solid #1d7634; padding: 5px 0 5px 0; } .menu ul.haut li:hover a.pro-right { background-color: #1d7634; color: #fff; } .menu ul.haut li a.pro { font-size: 12px; text-decoration: none; font-weight: normal; display: block; color: #1d7634; padding: 5px 0 5px 0; } .menu ul.haut li:hover a.pro { background-color: #1d7634; color: #fff; } .menu ul.haut li.une { line-height: 34px; } .menu ul.haut li.deux { line-height: 17px; } .menu ul.bas { position: relative; width: 980px; margin: 0 auto; height: 36px; padding: 3px 0 0 0; z-index: 20; } .menu ul.bas li { float: left; padding: 0 3px; text-align: center;} .menu ul.bas li a { font-size: 10px; text-decoration: none; font-weight: bold; display: block; } .menu ul.bas li:hover a { background-color:#375D81; color: #ffffff; } .menu ul.bas li a.lienPromo { font-size: 10px; text-decoration: none; font-weight: bold; display: block; color: #fff; } .menu ul.bas li:hover a.lienPromo { background-color:#d66519; color: #fff; font-size: 11px; } .menu ul.bas li.une { line-height: 34px; } .menu ul.bas li.deux { line-height: 17px; } .header .newsletter { position: absolute; top:132px; left: 150px; background: url(../images/template/img-header-back-newsletter.png) no-repeat; width: 316px; height: 24px; padding: 2px 5px; z-index: 10; } .header .newsletter label { font-size: 11px; font-weight: bold; color: #375D81; float: left; padding:5px 3px 0 2px; } .header .newsletter input.text { float: left; width: 153px; height: 18px; line-height: 18px; padding: 0 3px; } .header .newsletter input.submit { float: left; margin:1px 0 0 3px; } /* SEARCH */ .header .search { position: absolute; top:127px; right: 5px; background: url(../images/template/img-header-back-search.png) no-repeat; width: 438px; height: 25px; padding: 4px 5px; z-index: 2000; } .header .newsletter label { font-size: 11px; font-weight: bold; color: #375D81; float: left; padding:5px 3px 0 2px; } .header .search label { font-size: 11px; font-weight: bold; color: #375D81; float: left; padding:5px 3px 0 2px; } .header .search input.text { float: left; width: 235px; height: 20px; line-height: 20px; padding: 0 5px; } .header .search input.submit { float: left; margin:0px 0 0 3px; } .suggestionsBox { position: absolute; right: 45px; top:37px; padding:0 5px 5px 5px; width: 270px; background-color: #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #375D81; z-index: 2000; } ul.suggestionList { position: relative; padding: 5px; margin: 0; } ul.suggestionList h2 { font-size: 14px; color: #333333; padding-bottom: 4px; } ul.suggestionList li { padding: 3px 3px 3px 10px; cursor: pointer; } ul.suggestionList li:hover { background-color: #EEEEEE; } .fermer-suggestions { position: absolute; top:5px; right: 5px; } div.menu_professionnels { position: absolute; top: 90px; left: 13px; background: url(../images/template/menu_catalogue_pro.jpg) no-repeat; width: 180px; height: 27px; text-indent: 25px; padding-top: 5px; } div.menu_particuliers { position: absolute; top: 90px; left: 13px; background: url(../images/template/menu_catalogue_part.jpg) no-repeat; width: 180px; height: 27px; text-indent: 25px; padding-top: 5px; } div.menu_nouveautes { position: absolute; top: 90px; left: 499px; background: url(../images/template/menu_catalogue_new.png) no-repeat; width: 96px; height: 27px; padding-top: 5px; text-align: center; } div.menu_promotions { position: absolute; top: 90px; left: 399px; background: url(../images/template/menu_catalogue_promo.png) no-repeat; width: 96px; height: 27px; padding-top: 5px; text-align: center; } div.menu_location{ position: absolute; top: 90px; left: 299px; background: url(../images/template/menu_catalogue_location.png) no-repeat; width: 96px; height: 27px; padding-top: 5px; text-align: center; } a.menu_lienProfessionnels { color: #018430; font-size: 12px; font-weight: bold; text-decoration: none; } a.menu_lienProfessionnels:hover { text-decoration: underline; } a.menu_lienParticuliers { color: #1163b0; font-size: 12px; font-weight: bold; text-decoration: none; } a.menu_lienParticuliers:hover { text-decoration: underline; } a.menu_lienNouveautes { color: #375d81; font-size: 12px; font-weight: bold; text-decoration: none; } a.menu_lienNouveautes:hover { text-decoration: underline; } a.menu_lienPromotions { color: #d66519; font-size: 12px; font-weight: bold; text-decoration: none; } a.menu_lienPromotions:hover { text-decoration: underline; } a.menu_lienLocation { color: #925fa2; font-size: 12px; font-weight: bold; text-decoration: none; } a.menu_lienLocation:hover { text-decoration: underline; } .header .menu ul li .sub { position: absolute; display:none; z-index:1000; left: -1px; width:952px; margin: 0px 0 0 0px; background:#ffffff; border: 5px solid #375D81; padding: 10px; } .header .menu ul li .sub .leftsub { position: relative; float: left; width:698px; background: #ffffff; } .header .menu ul li .sub .rightsub { position: relative; float: right; width:250px; background: none; text-align: left; } .header .menu ul li .sub p { text-align: left; border-bottom: 1px solid #EEEEEE; padding: 5px; line-height: 18px; } .header .menu ul li .sub .sousmenu { padding: 10px 0 0 10px; } .header .menu ul li .sub .rightsub .sousmenu-image { text-align: center; background-color: #fff; } .header .menu ul li .sub .sousmenu ul.niveau2 { position: relative; width: 344px; float: left; background-color: #ffffff; } .header .menu ul li .sub .sousmenu ul.niveau2 li { position: relative; float: none; width: 336px; text-align: left; line-height: 16px; padding-bottom: 10px; background: url(../images/template/img-header-menu-puce.png) no-repeat 0px 5px; padding-left: 12px; background-color: #ffffff; } .header .menu ul li .sub .sousmenu ul.niveau2 li a { font-size: 12px; color: #333333; background-color: #ffffff; font-weight: bold; } .header .menu ul li .sub .sousmenu ul.niveau2 li a:hover { text-decoration: underline; } .header .menu ul li .sub .sousmenu ul.niveau2 li:hover { background-color: #ffffff; } .header .menu ul li .sub .sousmenu ul.niveau3 { position: relative; width: 344px; padding-top: 4px; } .header .menu ul li .sub .sousmenu ul.niveau3 li { float: none; width: 339px; background: none; line-height: 12px; padding: 2px 0 2px 5px; } .header .menu ul li .sub .sousmenu ul.niveau3 li a { text-align: left; font-size: 12px; color: #666666; font-weight: normal; } .header .menu ul li .sub .sousmenu ul.niveau3 li a:hover { text-decoration: underline; } .header .menu ul li .sub .sousmenu-tag { padding: 10px; background-color: #ffffff;} .header .menu ul li .sub .sousmenu-tag h2 { font-size: 12px; color: #999999; padding-bottom: 3px; background-color: #ffffff; } .header .menu ul li .sub .sousmenu-tag p { font-size: 11px; line-height: 14px; border: none; background-color: #ffffff; } .header .menu ul li .sub .sousmenu-tag a { font-size: 11px; color: #999999; float: left; padding-right: 5px; background-color: #ffffff; font-weight: normal; } .header .menu ul li .sub .sousmenu-tag a:hover { text-decoration: underline; } .header .menu ul li .sub .garanties { position: relative; background-color: #EEEEEE; padding: 10px; margin-top: 10px; width: 928px; } .header .menu ul li .sub .garanties ul { position: relative; padding-left: 20px; } .header .menu ul li .sub .garanties ul li { float: left; background: url(../images/template/img-header-puce-v.png) no-repeat 0 0 #EEEEEE; color: #333333; line-height: 21px; padding:0 30px 0 25px; } .header .menu ul li .sub .garanties ul li a { background-color: #EEEEEE; color: #333333; } .header .menu ul li .sub .garanties .img-garanties a { position: absolute; right: 30px; top:0; background: url(../images/template/img-header-garanties.png) no-repeat; width: 365px; height: 40px; display: block; text-indent: -9999em; } .pathway { position: relative; width: 1000px; margin:0 auto 0 auto; background: url(../images/template/img-content-back-middle3.png) repeat-y; color: #fff; height: 20px; overflow: hidden; padding-top: 5px; text-indent: 30px;} .pathway a { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none; } .pathway a:hover { text-decoration: underline; } /* CONTAINER */ #container { position: relative; width: 1000px; margin:0 auto 0 auto; background: url(../images/template/img-content-back-middle.png) repeat-y; z-index: 10; } #container-top { position: relative; width: 990px; height:5px; } #container-bottom { position: relative; width: 990px; height:5px; } /* NAVIGATION LEFT */ .navigation { position: relative; float: left; width: 205px; padding-right: 4px; border-right: 1px solid #EEEEEE; padding:0 0 10px 0; } ul.left-niveau2 { position: relative; padding-bottom: 10px; } ul.left-niveau2 li { padding-bottom: 4px;} ul.left-niveau2 li a { background: url(../images/template/img-header-menu-puce.png) no-repeat 0px 5px; color: #333333; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 16px; display: block; padding-left: 9px; } ul.left-niveau2 li a:hover { text-decoration: underline; } ul.left-niveau2 li a.selected { color: #333333; line-height: 14px; padding: 5px; background: url(../images/template/img-header-menu-puce.png) no-repeat -100px -100px #EEEEEE; } ul.left-niveau2 li a.lienPromo { background: url(../images/template/img-header-menu-puce.png) no-repeat 0px 5px; color: #d66519; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 14px; display: block; padding-left: 9px; } ul.left-niveau2 li a.lienPromo:hover { text-decoration: underline; } ul.left-niveau2 li a.selectedPromo { color: #d66519; line-height: 14px; padding: 5px; background: url(../images/template/img-header-menu-puce.png) no-repeat -100px -100px #EEEEEE; font-size: 12px; } p.paginationNS {float:left; border: 1px solid #000; background-color: #fff; width: 18px; height: 15px; text-align: center; color: #375d81; font-size: 12px; font-weight: bold; margin: 1px; } p.paginationS {float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 15px; text-align: center; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; margin: 1px;} div.servicePlus { width: 98%; height: 76px; color: #fff; background-color: #375d81; border: 1px solid #000; } div.servicePlus p.titre { font-weight: bold; font-size: 15px; margin: 5px; } div.servicePlus p.image { float: left; margin-bottom: 8px; width: 58px; font-weight: normal; text-align: center; } div.servicePlus p.texte { font-size: 13px; margin-bottom: 8px; margin-top: 8px; } div.servicePlus p.texte a { font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; } div.servicePlus p.texte a:hover{ font-weight: bold; color: #fff; text-decoration: underline; } div.livGratIncontinence { color: #fff; background-color: #d66419; border: 1px solid #000; width: 718px; height: 18px; font-weight: bold; font-size: 13px; text-indent: 5px; line-height: 18px; margin-bottom: 2px; cursor: pointer; } .navigation h3 { font-size: 14px; color: #D66419; padding: 5px 0;} .navigation .left-garanties { position: relative; background-color: #EEEEEE; padding: 10px; width: 180px; } .navigation .left-garanties p { padding-bottom: 16px; font-size: 14px; color: #D66419;} .navigation .left-garanties ul { position: relative; padding:0 0 3px 8px; } .navigation .left-garanties ul li { background: url(../images/template/img-header-puce-v.png) no-repeat 0 0 #EEEEEE; color: #333333; line-height: 21px; padding:0 0 8px 25px; } .navigation .left-garanties ul li a { background-color: #EEEEEE; color: #333333; text-decoration: none; } .navigation .left-garanties ul li a:hover { text-decoration: underline; } ul.left-niveau3 { position: relative; padding-top: 5px; } ul.left-niveau3 li { padding:0 0 3px 5px; background: none; } ul.left-niveau3 li a { color: #666666; text-decoration: none; font-weight: normal; font-size: 11px; line-height: 14px; display: block; background: none; } ul.left-niveau3 li a:hover { text-decoration: underline; } ul.left-niveau3 li a.selected { background: #EEEEEE; color: #333333; line-height: 14px; padding: 5px; } ul.societe { position: relative; padding-top: 5px; } ul.societe li { padding: 2px 0 2px 25px; color: #333333; } ul.societe li a { color: #333333; text-decoration: none; background: url(../images/template/img-header-menu-puce.png) no-repeat 0px 5px; padding-left: 15px; font-size: 12px} ul.societe li a:hover { text-decoration: underline; } /* ONE COLONNE */ .one-colonne { position: relative; width: 940px; margin: 0 auto; float: none; clear: both; } /* COLONNE DROITE */ .colonne-right { position: relative; float: right; width: 720px; padding-left: 10px; } /* HP */ .hp-anim { position: relative; background: url(../images/hp/img-hp-anim-11-2010.jpg) no-repeat; width: 940px; height: 250px; display: block;} .hp-anim h5 { position: absolute; top:170px; left:430px; font-size: 16px; } .hp-anim ul.categories { position: absolute; top:33px; left:690px; width: 300px; } .hp-anim ul.categories li { position: relative; padding: 2px 0; } .hp-anim ul.categories li a { font-size: 11px; font-weight: bold; color: white; text-decoration: none; } .hp-anim ul.categories li a:hover { text-decoration: underline; } .hp-zoom { position: relative; float: left; width: 630px; margin-bottom: 20px; } .hp-zoom ul { position: relative; padding: 5px; } .hp-zoom ul li { position: relative; width: 143px; height: 248px; padding: 5px; display: block; float: left; text-align: center; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .hp-zoom ul li h2 { font-size: 12px; height: 35px; } .hp-zoom ul li p { color: #D25300; font-weight: bold; font-size: 14px; padding: 5px 0; height: 20px;} .hp-zoom ul li.right { border-right: 1px solid #cccccc; } .hp-zoom ul li.bottom { border-bottom: 1px solid #cccccc; } .hp-droite { float: right; width: 290px; } .bandeau_orange { 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; } .bandeau_orange h1 { height: 20px; font-size:20px; color: white;font-weight: normal;} .lit-right { padding-right: 10px; text-align: right; } .lit-left { padding-left: 10px; text-align: left; } #anim-lit { position: relative; background: url(../images/landing/img-lits-landing.jpg) no-repeat; width: 940px; height: 390px;} #anim-lit #texte { position: absolute; top:310px; left:10px; width: 280px; font-size: 12px; color: #333333; font-weight: normal; } #anim-lit a { position: absolute; left:10px; top:270px; } #anim-lit a span { width: 1px; height: 1px; overflow: hidden; display: block; } p.prix { margin: 20px; clear: both; } p.prix label { width: 200px; text-align: right; padding-right: 10px; line-height: 18px; float: left; font-weight: bold;} ul.hp { position: relative; background: url(../images/hp/img-hp-garanties.jpg) no-repeat 15px 15px; padding:10px 0 10px 110px; } ul.hp li { background: url(../images/template/img-header-menu-puce.png) no-repeat 0px 6px; color: #333333; padding:0 0 5px 12px; } ul.hp li a { color: #333333; font-weight: bold; text-decoration: none; } ul.hp li a:hover { text-decoration: underline; } .top-noel { display: none; } .garanties-panier { position: relative; background-color: #EEEEEE; padding: 10px; margin-top: 10px; width: 928px; } .garanties-panier ul { position: relative; padding-left: 10px; } .garanties-panier ul li { float: left; background: url(../images/template/img-header-puce-v.png) no-repeat 0 0 #EEEEEE; color: #333333; line-height: 21px; padding:0 20px 0 25px; font-size: 14px; font-weight: bold; } .garanties-panier ul li a { background-color: #EEEEEE; color: #333333; } .garanties-panier .img-garanties a { position: absolute; right: 30px; top:0; background: url(../images/template/img-header-garanties.png) no-repeat; width: 365px; height: 40px; display: block; text-indent: -9999em; } /* HEADER */ div.newHeader_bandeBlanche { height: 1px; background: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; padding: 0; margin: 0; } div.newHeader { position: relative; width: 1000px; background: url(../images/template/img-content-back-middle3.png) repeat-y; margin: 0 auto; padding: 151px 0 0 0; z-index: 15; } /* BARRE TITRE BLEU CLAIR */ .titre_bleu_clair_pro { background-color: #9fd5b3; height:20px; color: #1d7634; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin: 0 0 10px 0; font-size: 14px; } .titre_bleu_clair_part { background-color: #bcd3e8; height:20px; color: #375D81; text-transform: uppercase; font-weight: bold; padding:5px; line-height: 20px; margin: 0 0 10px 0; font-size: 14px; } .titre_bleu_clair_ficheProduit2_part { background-color: #bcd3e8; height:20px; color: #375D81; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } .titre_bleu_clair_ficheProduit2_pro { background-color: #9fd5b3; height:20px; color: #1d7634; font-weight: bold; padding:5px; line-height: 20px; margin:10px 0 10px 0; font-size: 14px; } a.produit_rubriqueContact_part { text-decoration: none; font-weight: bold; color: #375D81;} a.produit_rubriqueContact_part:hover { text-decoration: underline; } a.produit_rubriqueContact_pro { text-decoration: none; font-weight: bold; color: #1d7634;} a.produit_rubriqueContact_pro:hover { text-decoration: underline; } p.produit_rappelAvis_part { font-weight: bold; text-decoration: none; color: #375d81; cursor: pointer; text-align: right; margin-top: 3px; width: 98%; } p.produit_rappelAvis_pro { font-weight: bold; text-decoration: none; color: #1d7634; cursor: pointer; text-align: right; margin-top: 3px; width: 98%; } p.ficheProd_quantiteTitre_part { float:left; padding-right:5px; color: #375d81; } p.ficheProd_quantiteTitre_pro { float:left; padding-right:5px; color: #1d7634; } p.ficheProd_quantiteMoins_part { float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 18px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; } p.ficheProd_quantiteMoins_pro { float:left; border: 1px solid #000; background-color: #1d7634; width: 18px; height: 18px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; } p.ficheProd_quantitePlus_part { float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 17px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding-top: 1px; } p.ficheProd_quantitePlus_pro { float:left; border: 1px solid #000; background-color: #1d7634; width: 18px; height: 17px; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; padding-top: 1px; } p.ficheProd_disponibilite_part { color:#375D81; font-weight:bold; margin: 16px 0 16px 0; width: 380px; } p.ficheProd_disponibilite_pro { color:#1d7634; font-weight:bold; margin: 16px 0 16px 0; width: 380px; } p.ficheProd_consulter_part { margin: 16px 0 8px 0; float: left; width: 98%; background: #bcd3e8; border: 1px solid #000; padding: 3px 0 3px 0; color: #000; font-size: 12px; } p.ficheProd_consulter_part a { color: #375d81; font-size: 12px; font-weight: bold; text-decoration: none; } p.ficheProd_consulter_part a:hover { color: #375d81; font-size: 12px; font-weight: bold; text-decoration: underline; } p.ficheProd_consulter_pro { margin: 16px 0 8px 0; float: left; width: 98%; background: #9fd5b3; border: 1px solid #000; padding: 3px 0 3px 0; color: #000; font-size: 12px; } p.ficheProd_consulter_pro a { color: #1d7634; font-size: 12px; font-weight: bold; text-decoration: none; } p.ficheProd_consulter_pro a:hover { color: #1d7634; font-size: 12px; font-weight: bold; text-decoration: underline; } p.pagination1_part {float:left; border: 1px solid #000; background-color: #fff; width: 18px; height: 15px; text-align: center; color: #375d81; font-size: 12px; font-weight: bold; margin: 1px; } p.pagination2_part {float:left; border: 1px solid #000; background-color: #375d81; width: 18px; height: 15px; text-align: center; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; margin: 1px;} p.pagination1_pro {float:left; border: 1px solid #000; background-color: #fff; width: 18px; height: 15px; text-align: center; color: #1d7634; font-size: 12px; font-weight: bold; margin: 1px; } p.pagination2_pro {float:left; border: 1px solid #000; background-color: #1d7634; width: 18px; height: 15px; text-align: center; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; margin: 1px;} /* CATALOGUE */ ul#catalogue div.titre { margin-bottom: 8px; height: 36px; } ul#catalogue li div.titre a.part { color:#375D81; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 18px; } ul#catalogue li div.titre a.part:hover {text-decoration: underline; } ul#catalogue li div.titre a.pro { color:#1d7634; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 18px; } ul#catalogue li div.titre a.pro:hover {text-decoration: underline; } ul#catalogue li div.prix_part { color: #375d81; text-decoration: none; font-size: 16px; height: 14px; margin: 2px; font-weight: bold; } ul#catalogue li div.prix_pro { color: #1d7634; text-decoration: none; font-size: 16px; height: 14px; margin: 2px; font-weight: bold; } ul#catalogue li div.apartir_part { color: #375d81; text-decoration: none; font-size: 11px; height: 10px; margin: 0; } ul#catalogue li div.apartir_pro { color: #1d7634; text-decoration: none; font-size: 11px; height: 10px; margin: 0; } ul#catalogue li div.detail { margin: auto; width:125px; background-color: #d66419; height: 24px; margin-top: 12px; } ul#catalogue li div.detail a { color: #fff; text-decoration: none; font-weight: none; font-size: 12px; line-height: 24px; } ul#catalogue li div.detail:hover a { text-decoration: underline; } /* CATALOGUE LP */ ul#catalogue-lp li { float: left; width: 338px; border: 1px solid #eee; margin: 5px; padding: 5px; height: 175px; } ul#catalogue-lp li h2.titre { margin-bottom: 10px; } ul#catalogue-lp li h2.titre a.part { font-weight: bold; font-size: 14px; color: #375d81; } ul#catalogue-lp li h2.titre a:hover.part { text-decoration: underline; } ul#catalogue-lp li h2.titre a.pro { font-weight: bold; font-size: 14px; color: #1d7634; } ul#catalogue-lp li h2.titre a:hover.pro { text-decoration: underline; } ul#catalogue-lp li div.image { float: left; width: 110px; height: 110px; text-align: center; border: 1px solid #eee; margin: 0 4px 0 2px; } ul#catalogue-lp li div.consulter { text-align: right; height: 20px; margin-top: 10px; width: 300px; } ul#catalogue-lp li div.rubriques { width: 220px; float: left; } ul#catalogue-lp li div.rubriques p.part { background: url(../images/template/lp-puce-rubrique-part.png) no-repeat 0 3px; margin: 0; padding: 0; padding-bottom: 2px; text-indent: 14px; width: 216px; } ul#catalogue-lp li div.rubriques p.pro { background: url(../images/template/lp-puce-rubrique-pro.png) no-repeat 0 3px; margin: 0; padding: 0; padding-bottom: 2px; text-indent: 14px; width: 216px; } ul#catalogue-lp li div.rubriques p.autres_rubriques { margin: 0; padding: 0; margin-top: 8px; width: 216px; } ul#catalogue-lp li div.rubriques p.autres_rubriques a { font-size: 11px; color: #333; font-weight: bold; } ul#catalogue-lp li div.rubriques p.autres_rubriques a:hover { text-decoration: underline; } ul#catalogue-lp li div.rubriques p a { font-size: 11px; color: #333; font-weight: normal; } ul#catalogue-lp li div.rubriques p a:hover { text-decoration: underline; } a.lienentitrepro {text-decoration: none; font-weight: bold; color: #1d7634; } a.lienentitrepro:hover {text-decoration: underline; } h1.titre_bleu_fonce { background-color: #fff; height: 20px; color: #375d81; text-transform: uppercase; font-weight: bold; width: 99%; padding:5px; line-height: 20px; font-size: 14px; margin-bottom: 8px; } #footer-part { position: relative; width:1000px; margin: 0 auto 0 auto; background: url(../images/template/img-content-back-middle2.png) repeat-y; height: 25px; } #footer-part ul { width:720px; overflow: hidden; margin:0 auto; text-align: center;} #footer-part ul li { display: inline; margin:0 5px; color: #375D81; line-height: 25px; font-weight: bold; font-size: 11px; } #footer-part ul li a { text-decoration: none; } #footer-part ul li a:hover { text-decoration: underline; } #footer-pro { position: relative; width:1000px; margin: 0 auto 0 auto; background: url(../images/template/img-content-back-middle2-pro.png) repeat-y; height: 25px; } #footer-pro ul { width:720px; overflow: hidden; margin:0 auto; text-align: center;} #footer-pro ul li { display: inline; margin:0 5px; color: #1d7634; line-height: 25px; font-weight: bold; font-size: 11px; } #footer-pro ul li a { color: #1d7634; text-decoration: none; } #footer-pro ul li a:hover { text-decoration: underline; } div.produitAssoc_cadre { height: 80px; width: 100%; border: 1px solid #eee; margin: 0 0 2px 0; cursor: pointer; } div.produitAssoc_cadre div.image { float: left; width: 90px; height: 80px; margin: 0; padding: 0; } div.produitAssoc_cadre div.titre { float: left; width: 520px; height: 18px; margin: 2px 0 0 0; } div.produitAssoc_cadre div.titre a.part { font-size: 12px; font-weight: bold; text-decoration: none; color: #375D81; } div.produitAssoc_cadre div.titre a.part:hover { text-decoration: underline; } div.produitAssoc_cadre div.titre a.pro { font-size: 12px; font-weight: bold; text-decoration: none; color: #1d7634; } div.produitAssoc_cadre div.titre a.pro:hover { text-decoration: underline; } div.produitAssoc_cadre div.details { float: left; width: 520px; } div.produitAssoc_cadre div.details a { text-decoration: none; font-size: 11px; color: #333; line-height: 11px; font-weight: bold; } div.produitAssoc_cadre div.details a:hover { text-decoration: underline; } div.produitAssoc_cadre div.apartir_part { color: #375d81; text-decoration: none; font-size: 11px; height: 10px; margin: 5px 0 0 0; } div.produitAssoc_cadre div.apartir_pro { color: #1d7634; text-decoration: none; font-size: 11px; height: 10px; margin: 5px 0 0 0; } div.produitAssoc_cadre div.prix_part { color: #375d81; text-decoration: none; font-size: 16px; height: 14px; margin: 5px 0 0 0; font-weight: bold; } div.produitAssoc_cadre div.prix_pro { color: #1d7634; text-decoration: none; font-size: 16px; height: 14px; margin: 5px 0 0 0; font-weight: bold; } div.new_newsletter { float: left; width: 228px; height: 52px; background: #ffffff url('../images/template/img-compte-newsletter.jpg') no-repeat 1px; padding-left: 54px; margin-left: 2px; } div.new_newsletter p.entete { font-size: 11px; font-weight: bold; color: #d66519; float: left; line-height: 14px; } div.new_newsletter p.titre { font-size: 11px; font-weight: normal; color: #375D81; float: left; line-height: 11px; }