/******** Modification : 07/12/2009 par KV ********/ /******** Modification : 07/12/2009 par KV ********/ /******** Modification : 12/2009 par AG ********/ /******** PRINCIPALES COULEURS UTILISEES ********/ /* orange: #f08e6c; turquoise: #007188; bleu: #73a5b9; */ /**************************************************************************************************************************/ /* RESET ******************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,del, dfn, font, img, ins, kbd, samp, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /**** Remember to define focus styles! ****/ :focus {outline: 0;} body { line-height: 16px; color: black; background: white; } /**** tables still need 'cellspacing="0"' in the markup ****/ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /**************************************************************************************************************************/ /* XHTML GENERAL **********************************************************************************************************/ html { font-size: 13px; } body { background: #ffffff; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #8d8c8b; } /* Bug Chrome */ body { -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; } @-webkit-keyframes fontfix{ from{ opacity: 1; } 50%{ opacity: 0.8; } to{ opacity: 1; } } /* Bug Chrome */ h1, h2, h3, h4, h5, h6, .like-h1 { margin: 1em 0 0.5em; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; } h1, .like-h1 { font-size: 24px; line-height: 27px; color: #007188; } h2 { font-size: 18px; line-height: 21px; color: #73a5b9; } h3 { font-size: 16px; line-height: 19px; color: #73a5b9; } h4 { font-size: 13px; line-height: 16px; color: #73a5b9; } p { margin: 0 0 16px; } strong { } a { color: #f08e6c; text-decoration:underline; } a:hover { color: #f08e6c; text-decoration: none; } th { color: #FFF; background-color: #4095a6; line-height: 16px; padding: 6px 3px; font-size: 13px; font-weight: bold; } td { padding: 12px 0 ; line-height: 1.4em; } form img {vertical-align: middle;} input { color:#606360; font-size: 0.86em; margin: 4px 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; padding: 3px 4px; } input[type="text"] { border: 1px solid #8d8c8a; } select, option { color:#606360; font-size: 0.86em; padding-left: 4px; } textarea { color:#606360; font-size: 0.86em; margin: 6px 0; font-family: Arial, Helvetica, sans-serif; padding: 3px 4px; border: 1px solid #8d8c8a;} input.form_image { margin: 0; } /* Supprime la marge des 4px verticaux pour les boutons */ /**************************************************************************************************************************/ /* CLASSES GENERALES*******************************************************************************************************/ .clearfloat { clear: both; } .fl-droite { float: right; } .fl-gauche { float: left; } .droite { text-align: right; } .gauche { text-align: left; } .centre { text-align: center; } .txt-italique { font-style: italic; } .nobr { white-space: nowrap; } .overflow-hide { overflow: hidden; height: 1%; } .nodisplay { display: none; } hr.filet { color: #8d8c8a; background-color: #8d8c8a; height: 1px; border: 0; margin: 0; display: block; } .carre_gris, .carre_gris2, .carre_orange, .carre_vert { position: absolute; top:-18px; left: 0px; background: transparent url(/_boutiques/JEANNEROSE//site_image/bloc_gris.gif) 0 0 no-repeat; width: 41px; height: 10px; display: block; } .carre_gris2 { left: 7px; } .carre_gris, .carre_gris2 { top: -14px; } #footer .carre_gris { top: -10px; } .carre_orange { background: transparent url(/_boutiques/JEANNEROSE//site_image/bloc_orange.gif) 0 0 no-repeat; top: -9px; } .carre_vert { background: transparent url(/_boutiques/JEANNEROSE//site_image/bloc_vert.gif) 0 0 no-repeat; top: -9px; } .conteneur_carre { border-top: 1px solid #8d8c8a; position: relative; padding: 8px 0 10px; width: 677px; margin: 0 0 20px 298px; min-height: 500px; } .conteneur_carre h1, .conteneur_carre h2.like-h1 { margin-top: 0; } .filet_carre { border-top: 1px solid #8d8c8a; position: relative; padding: 8px 0 10px; } .turquoise, .turquoise a { color: #0c7994; text-decoration: none; } .turquoise a:hover {color: #0c7994; text-decoration: underline; } .sous_titre { color: #73a5b9; font-size: 18px; line-height: 24px; display: block; } .gris a { color: #8d8c8a; } h2.bg_titre { color: #007188; font-size: 16px; text-transform: uppercase; text-align: center;} .bg_titre span:before, .bg_titre span:after { content:url(/_boutiques/JEANNEROSE//site_image/bloc_vert.gif); } .bg_titre span:before { padding-right: 10px; } .bg_titre span:after { padding-left: 10px; } /**************************************************************************************************************************/ /* STRUCTURE / ARMATURE ***************************************************************************************************/ #enveloppe-page { width: 975px; margin: auto; } /**** Entete ****/ #en-tete { position: relative; display: block; height: 156px; } #header-bandeau { background: #606360; color: #7bbdb6; height: 2.14em; line-height: 2.14em; padding: 0 1em 0 0; text-align: right; } #header-bandeau a { color: #FFF; } #header-bandeau a:hover { } #bandeau_header { float: left; margin-left: -10px; } /**** Page et colonnes ****/ /* Conteneur */ #conteneur { position: relative; display: block; background: #fff; } #conteneur-interne { display: block; overflow: hidden; padding: 0; } .rs_pagesWeb #conteneur-interne { padding-bottom: 30px; } /* Colonnes */ #col-g { background: #DCE1E3; float: left; position: relative; display: block; width: 180px; left: 0; margin: 0; padding: 0; } /* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;} #col-d { background: none; float: right; position: relative; display: none; width: 160px; right: 0; margin: 0; padding: 0; } /* Resolution bug des 3px ss IE6 */ * html #col-d { margin: 0 auto 0 -3px;} /* Colonne du tunnel de commande */ #col-commande { display: block; float: right; width: 296px; margin-left: 22px; } #col-commande h2 { text-transform: uppercase; } /* Colonne des news */ #col-news { float: right; margin: 0 10px; width: 180px; } /* Colonne du blog */ #col-blog { float: right; margin: 0 10px 0 0; width: 180px; } /* Pages */ #contenu-principal { position: relative; display: block; height: 1%; background: #fff; padding: 0; overflow: hidden; } .rs_mescommandes #contenu-principal { padding: 0 0 20px; } /* Pour IE6 on enleve le padding pour utiliser toute la largeur effective et ne pas faire glisser le contenu sous les colonnes */ .rs_panier-vide #contenu-principal { min-height: 500px; } /**** Pied de page ****/ #footer { padding: 0; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; width: 975px; margin: auto; } .rs_panier #footer , .rs_commande #footer, .rs_recap-commande #footer, .rs_choix-paiement #footer { position: relative; border-top: 1px solid #8d8c8a; padding: 17px 0 0; margin: 6px 0 0; } #footer ul { margin: 0; padding: 0; } #footer ul li { list-style-type: none; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; line-height: 18px; } #footer ul li a { color: #8d8c8a; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer #footer-col1, #footer #footer-col2, #footer #footer-col3 { padding: 0 10px 11px 0; display: inline; float: left; } #footer #footer-col1 { width:262px; } #footer #footer-col2 { width: 165px; } #footer #footer-col3 { width: 500px; } #footer #footer-col3 p { width: 218px; text-align: right; float: left; text-transform: uppercase; color: #afafaf; font-size: 13px; padding-top: 2px; } #footer #footer-col3 strong { color: #8d8c8a; font-size: 14px; font-weight: normal; } #footer #footer-col3 ul { margin: 0 58px 0 0; padding: 0; width: 222px; float: right; } #footer #footer-col3 ul li { margin: 0 0 0 11px; padding: 0; list-style-type: none; display: inline; float: left; } #footer #footer-col3 .vimeo p , #footer #footer-col3 .facebook p, #footer #footer-col3 .twitter p, #footer #footer-col3 .rss p { width: 31px; text-indent: 5000px; } #footer #footer-col3 ul li.vimeo a { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) 0 0 no-repeat; width: 31px; height: 31px; display: block; overflow: hidden; } #footer #footer-col3 ul li.vimeo a:hover { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) 0 -31px no-repeat; } #footer #footer-col3 ul li.facebook a { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -42px 0 no-repeat; width: 31px; height: 31px; display: block; overflow: hidden; } #footer #footer-col3 ul li.facebook a:hover { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -42px -31px no-repeat; } #footer #footer-col3 ul li.twitter a { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -84px 0 no-repeat; width: 31px; height: 31px; display: block; overflow: hidden; } #footer #footer-col3 ul li.twitter a:hover { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -84px -31px no-repeat; } #footer #footer-col3 ul li.rss a { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -126px 0 no-repeat; width: 31px; height: 31px; display: block; overflow: hidden; } #footer #footer-col3 ul li.rss a:hover { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_reseauxsociaux.gif) -126px -31px no-repeat; } #conteneur_pied-page { border-top: 1px solid #8d8c8a; clear: both; padding: 0 0 20px; margin: auto; } #pied-page { width: 975px; margin: auto; position: relative; font-size: 11px; padding: 4px 0 8px; } #copyright { width: 448px; float: left; display: inline; position: relative; } #pub_rs { width: 527px; float: left; display: inline; color: #8d8c8a; position: relative; } #pub_rs p { margin: 0 0 3px; } #pub_rs a { color: #007188; padding: 0 6px; } #pub_rs span { color: #b9b9b9; padding: 0 0 0 7px; } #pub_rs strong a { color: #8d8c8a; text-decoration: none; padding: 0; } #pub_rs strong a:hover { color: #8d8c8a; text-decoration: underline; } /**** Breadcrumb ****/ .breadcrumb { color: #8d8c8a; font-size: 11px; margin: 5px 0 23px; } .rs_ficheproduit .breadcrumb, .rs_ficheproduitRS .breadcrumb { margin: 30px 0 33px; } .rs_panier .breadcrumb, .rs_commande .breadcrumb, .rs_recap-commande .breadcrumb, .rs_choix-paiement .breadcrumb { margin-bottom: -1px; } .breadcrumb a { color: #8d8c8a; text-decoration: none; } .breadcrumb a:hover { color: #8d8c8a; text-decoration: underline; } .breadcrumb .breadcrumb_sep { } /* Le separateur du breadcrumb */ /**** Autres elements et blocs ****/ #logo { float: left; margin: 13px 0 0; } #logo img{max-width: 190px; height: auto;} #elem_message { background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_elem_message.png) 396px center no-repeat; border: 1px solid #f1bba8; clear: right; color: #e98e6f; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 28px; line-height: 28px; padding: 0 36px 0 6px; } #elem_message a { text-decoration: none; color: #e98e6f; } #elem_message strong { font-weight: normal; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; font-size: 17px; text-transform: uppercase; } #elem_blog { display: inline; float: right; margin: 0 10px 0.5em; position: relative; clear: right; width: 11.43em; } .flags_new { display: inline; float: right; margin: 30px 40px 0 0; } #elem_panier a, #elem_compte a, #elem_blog a { display: block; } #elem_panier a:hover, #elem_compte a:hover, #elem_blog a:hover { text-decoration: none; } #elem_blog strong { color: #2d2b2b; text-transform: uppercase; } #elem_panier { font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; color: #000; float: right; display: inline; width: 159px; margin: 16px 0 0; } #elem_panier a { text-decoration: none; background: transparent url(/_boutiques/JEANNEROSE//site_image/panier.gif) 0 0 no-repeat; padding: 14px 0 0 36px; height: 35px; } #elem_panier a:hover { text-decoration: none; } #elem_panier strong { color: #f08e6c; font-size: 13px; text-transform: uppercase; border-right: 1px solid #f08e6c; padding-right: 10px; font-weight: normal; } #elem_panier a:hover strong { text-decoration: underline; } #elem_panier a #compteur_panier { color: #000; font-size: 12px; } #elem_panier a:hover #compteur_panier { color: #f08e6c; } #elem_compte { font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; color: #007188; display: inline; float: right; margin: 22px 80px 0 0; text-transform: uppercase; } #elem_compte a { text-decoration: none; color: #007188; background: transparent url(/_boutiques/JEANNEROSE//site_image/picto_valide.png) right 8px no-repeat; padding: 8px 21px 8px 10px; display: block; } #elem_compte a:hover { text-decoration: underline; } #elem_compte strong { font-weight: normal; } #elem_menu { margin: 26px 0 0; padding: 0; float: right; position: relative; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; text-align: justify; } #elem_menu.menu_sans_mess { margin-top: 28px; } #elem_menu ul { margin: 0; padding: 0; /*width: 695px;*/ } #elem_menu ul li { text-align: right; list-style-type: none; margin: 0; padding: 0; float: left; display: inline; height: 18px; } #elem_menu ul li a { line-height: /*18px*/14px; font-size: 15px; display: block; letter-spacing: 1px; color: #007188; text-decoration: none; text-transform: uppercase; background: transparent url(/_boutiques/JEANNEROSE//site_image/separateur.gif) right 3px no-repeat; padding: 0 16px 0 17px; } #elem_menu.menuSmall ul li a { font-size: 14px; padding: 0 12px; } #elem_menu ul li a.separateur2 { background: transparent url(/_boutiques/JEANNEROSE//site_image/separateur2.gif) right -2px no-repeat; } #elem_menu ul li a.bg_color { background: #e5f1f3 url(/_boutiques/JEANNEROSE//site_image/separateur2.gif) right -2px no-repeat; } #elem_menu li a:hover, #elem_menu li a.active, #elem_menu li a.rspm_active_ssmenu { text-decoration: none; color: #f08e6c; } #elem_menu ul li ul { width: 693px; margin: 0; padding: 0; position: absolute; top: 18px; left: -5px; z-index: 5000; } .rs_lang2 #elem_menu ul li ul { width: 470px; } #elem_menu ul li ul li { padding: 0; margin: 0; list-style-type: none; color: #484848; display: inline; float: left; font-size: 12px; } #elem_menu ul li ul li a { padding: 0 20px; margin: 0; font-size: 12px; line-height: 15px; display: block; background: transparent url(/_boutiques/JEANNEROSE//site_image/separateur.gif) right 2px no-repeat; } #elem_menu ul li ul li a:hover { color: #f08e6c; text-decoration: none; } .rs_categorie_x6 #rspm_ssmenu_1_2_22916, .rs_categorie #rspm_ssmenu_1_2_20788, .rs_ficheproduit #rspm_ssmenu_1_2_20788, .rs_avis #rspm_ssmenu_1_2_20788 { display: block!important; } #elem_rechercher { background: #c8e3e0; margin: 0 0 0.5em 0; } .rs_ficheproduit .encart-dynamique { margin: 70px 0 0; width: 240px; } .rs_ficheproduitRS .encart-dynamique { margin: 70px 0 0; width: 100%; } .encart-dynamique { padding: 5px 0; border-top: 1px solid #8d8c8a; position: relative; color: #007188; } .encart-dynamique h2, #col-commande .encart-dynamique h2 { color: #007188; font-size: 16px; line-height: 19px; margin: 5px 0 10px; text-transform: uppercase; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; } .encart-dynamique h2 span { color: #73a5b9; font-size: 13px; line-height: 15px; display: block; } .banniere { padding: 0;} #elem_rechercher { height: 1%; /* pour IE6 */ padding: 10px 0; } #elem_newsletter { width: 975px; position: relative; border: 1px solid #8d8c8a; border-left: none; border-right: none; margin: 8px 0 0; font-size: 16px; color: #8d8c8a; text-transform: uppercase; } #elem_newsletter p { font-size: 15px; line-height: 23px; width: 650px; float: left; display: inline; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; margin: 0; } #elem_newsletter form { width: 323px; float: right; display: inline; } #elem_newsletter form input.form_text { background: #e8e8e8; border: none; width: 189px; height: 17px; padding: 3px; } #elem_newsletter .form_img { background: #fff; padding: 0; } #elem_rechercher form { background: #fff; border: 1px solid #85ABA7; margin: 0 10px; } #elem_rechercher input, #elem_newsletter input { border: none; border-color: transparent; /* pour IE */ display: inline; margin: 0; padding: 3px 0; } #elem_rechercher .form_champ { padding-left: 0.3em; width: 116px;} #elem_rechercher .form_img { background: #fff;} #elem_newsletter .form_champ { padding-left: 0.3em; width: 168px;} /* Menu de base */ .menu-base { padding: 8px 4px; } .menu-base ul { border-top: 1px solid #ddedec; font-size: 0.93em; margin: 0; padding: 0; } .menu-base li { border-bottom: 1px solid #ddedec; } .menu-base a { color: #2d2b2b; display: block; height: 1%; /* pour IE6 */ padding: 3px 3px 3px 6px; text-decoration: none; } .menu-base a:hover, .menu-base li.select a { background: #85aba7; } .fleche-gauche, .fleche-droite { /*margin-top: 40px;*/ overflow: hidden; text-align: center; } .fleche-gauche a, .fleche-droite a { } .fleche-gauche img, .fleche-droite img { position: relative; /*top: 50%;*/ } .fleche-gauche { float: left; } .fleche-droite { float: right; } /** Articles consultes **/ #bloc-historique { position: relative; } #historique { height: 100px; margin: 0 auto; overflow: hidden; position: relative; width: 100px; } #historique .bloc-produit { background: #fff; border: none; height: 100px; margin: 0 10px 0 0; width: 100px; } #historique .bloc-produit .bp-image { height: 100px; width: 100px; } #histo-slide { margin: 0; padding: 0; position: absolute; width: 2190px; } /**** Classes recurentes - Blocs ****/ .bloc_xs { width: 160px; margin: 3px auto; } .bloc_s { width: 400px; margin: 3px auto; } .bloc_m { width: 480px; margin: 3px auto; } .bloc_l { width: 620px; margin: 3px auto; } .bloc_100 { width: 100%; } .i-frame { background: #FFF; padding: 4px 8px; } .i-frame form input { margin: 3px 0 10px 0; } .i-frame p { margin: 0; } .box-img { } /**** Alertes ****/ .bloc_info-brute, .bloc_info-importante, .bloc_info, .bloc_alerte { color: #007188; line-height: 1.5em; min-height: 50px; padding: 8px 7px 8px 50px; font-size: 13px; } .bloc_info-brute { background: #e5f1f3; padding: 16px; } .rs_recap-commande .bloc_info-brute { padding: 14px 10px 5px; line-height: 16px; min-height: inherit; margin-bottom: 20px; } .rs_recap-commande .bloc_alerte { padding: 14px 10px 14px 50px; line-height: 16px; min-height: inherit; margin-bottom: 20px; } .rs_recap-commande .bloc_info-brute p { margin-bottom: 0; } .bloc_info { background: #e5f1f3 url(/_boutiques/JEANNEROSE//site_image/info.png) no-repeat 16px 10px; } .bloc_info-importante { background: #e5f1f3 url(/_boutiques/JEANNEROSE//site_image/info.png) no-repeat 16px 10px; } .bloc_alerte { background: #FCE5DE url(/_boutiques/JEANNEROSE//site_image/alerte.png) no-repeat 16px 10px; color: #F08E6C;} .alerte_erreur { color: #f08e6c; font-weight: bold; } .alerte_info { color: #009933; font-weight: bold; } /**** formulaire general d'avis (page avis.htm, ami.htm, avis_derniers.htm, avis_du_client.htm) ****/ .form-avis { margin: 0 auto 3em; /* centre le formulaire */ width: 30em; /* determiner une largeur pour le formulaire */ float: left; } .rs_avis_site .form-avis { margin: 0 0 3em ; } .form-avis fieldset { background: #f3f3f3; border: none; padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */ } .form-avis h3 { margin: 0 0 0.5em; font-family: Arial, Helvetica, sans-serif; color: #007188; text-transform: none; font-size: 18px; } .form-avis h4 { float: left; margin: 1em 0 0.5em; width: 100%; } .form-avis label { display: block; margin: 0 0 0.3em; } .form-avis p { float: left; margin: 0 0 1em; width: 49.94%; } .form-avis p input { border: 1px solid #ccc; padding: 0.3em 0; margin: 0 0 1.5em; text-indent: 4px; /* fonctionne partiellement sous IE mais ok */ width: 90%; } .form-avis textarea { border: 1px solid #ccc; display: block; margin: 0; padding: 0; width: 95%; } p.form-note { float: none; margin: 0.5em 0; width: 95%; } .form-avis .bouton { margin: 0.75em 5% 0.75em 0;} /* la marge droite de 5% est importante */ /*** formulaire general avec label et input sur 1 ligne ***/ .form-inline { margin: 0 auto 3em; /* centre le formulaire */ width: 658px; /* determiner une largeur pour le formulaire */ } .form-inline h3 { margin-bottom: 0.3em;} .form-inline fieldset { background: none; border: none; margin: 0; padding: 0; } .form-inline label { display: block; float: left; margin: 0; padding: 0 1% 0 0; text-align: right; width: 40%; } .form-inline fieldset p { clear: both; background: #f3f3f3; height: 1%; line-height: 1.8em; /* determiner une hauteur de base */ margin: 0; overflow: hidden; padding: 0.5em 0; /* espacement entre les champs */ } .form-inline p.optionnel { border-bottom: 1px solid #fff; } .form-inline p input, .form-inline textarea { border: 1px solid #8d8c8a; float: left; padding: 0.3em 0; margin: 0; text-indent: 4px; /* fonctionne partiellement sous IE mais ok */ width: 40%; } .form-inline p select { border: 1px solid #8d8c8a; } .form-inline p.form-checkbox input { border: none; height: 1.8em; /* hauteur de .form-inline */ margin: 0 1% 0 41%; vertical-align: bottom; width: auto; } label.nostyle { float: none; margin: 0; text-align: left; width: auto; } .form-inline textarea { text-indent: 0; } .form-inline .bouton { border: none; margin: 0.5em 8% 0 0; width: auto; } /*** formulaire de la page newsletter.htm ***/ #form-newsletter { margin: 0 auto 3em; /* centre le formulaire */ width: 30em; /* determiner une largeur pour le formulaire */ } #form-newsletter fieldset { background: #f3f3f3; border: none; padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */ } #form-newsletter label { display: block; margin: 0 0 0.3em; } #form-newsletter p { margin: 0 0 0.5em; width: 95%; } #form-newsletter p.separateur { border-top: 1px solid #fff; padding-top: 0.5em; } #form-newsletter p input.champ { padding: 0.3em 0; margin: 0 0 0.5em; text-indent: 4px; /* fonctionne partiellement sous IE mais ok */ width: 100%; } #form-newsletter span { display: inline-block; width: 48%; } #form-newsletter .bouton { margin: 0.75em 5% 0.75em 0;} /* la marge droite de 5% est importante */ /**************************************************************************************************************************/ /* PAGES ******************************************************************************************************************/ /**** Home ****/ #visuel_gamme { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/carrousel2_975x451.jpg) no-repeat; position: relative; width: 975px; height: 449px; overflow: hidden; margin: 0; display: block; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; } #visuel_gamme a {position: absolute; width: 975px; height: 449px; display: block; top: -21px; right: -28px; } #visuel_gamme #contenu_gamme { position: absolute; top: 21px; right: 28px; width: 270px; height: 301px; overflow: hidden; display: none; } #visuel_gamme #contenu_gamme h2 { font-size: 14px; line-height: 18px; color: #007188; margin: 0 0 21px; } #visuel_gamme #contenu_gamme p { color: #646463; font-size: 14px; line-height: 16px; text-align: right; } #visuel_gamme #contenu_gamme p strong { text-transform: uppercase; color: #007188; font-weight: normal; line-height: 17px; } #carrousel_entier { position: relative; height: 449px; overflow: hidden; } #carrousel_entier #message_carrousel { position: absolute; left: 0; bottom: 0; z-index: 5000; } #carrousel_home { display: block; font-family: "Optima LT W01 Roman",Arial,Helvetica,sans-serif; height: 449px; margin: 0; overflow: hidden; position: relative; width: 975px;} /* slide carrousel */ #carr_home_carrousel { display: block; width: 975px; height: 449px; } #carr_home_carrousel ul { margin:0; padding: 0; } #carrousel_pages{ display: none; } .carrousel_texte { position: absolute;left: -5000px; } /* slide carrousel */ #txt-home { float: left; display: inline; font-size: 13px; line-height: 16px; position: relative; padding: 0 132px 0 0; margin: 0; width: 195px; height: 232px; background: transparent url(/_boutiques/JEANNEROSE//site_image/bg_txthome.gif) 0 0 no-repeat; border-top: 1px solid #8d8c8a; } #txt-home #contenu_home { height: 174px; } #txt-home #contenu_home p { width: 175px; height: 112px; overflow: hidden; } #txt-home .sous_titre { font-size: 14px; line-height: 16px; margin: 0 0 15px; color: #73a5b9; display: block; } #txt-home .photo { position: absolute; top: -9px; right: 0; background: transparent url(/_boutiques/JEANNEROSE//site_image/SJR_photo.png) 0 0 no-repeat; width: 157px; height: 241px; } #txt-home .btn_ensavoirplus, #zd_video .btn_ensavoirplus { position: absolute; left: 0px; bottom: 13px; } #txt-home_V2 { float: left; display: inline; font-size: 13px; line-height: 16px; position: relative; padding: 0; margin: 31px 0 0; width: 317px; height: 232px; background: transparent url(/imgfck/193/Image/Visuels/visuel_home_texte.png) 0 0 no-repeat; background-size:cover; } #txt-home_V2 h1 { margin-left: 10px!important; color:#014d5d!important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } #txt-home_V2 a { display: block; text-decoration: none; } #txt-home_V2 p { font-size: 12px; line-height: 15px; background-color:rgba(0,0,0,0.2); color: #FFF; padding:7px 10px; margin-bottom: 0; position: absolute; bottom: 0; left: 0; } #zd_video { float: left; display: inline; width: 399px; position: relative; border-top: 1px solid #8d8c8a; margin-left: 28px; margin-top: 31px; } #conteneur_video { overflow: hidden; height: 232px; } #conteneur_video h2{ width: 170px; clear: left; float: left; } #conteneur_video p { width: 164px; height: 128px; overflow: hidden; } #conteneur_video ul { float: right; width: 219px; margin: 17px 0 0; padding: 0; } #conteneur_video ul li { margin: 0 0 0 26px; padding: 0; width: 193px; list-style-type: none; float: left; display: inline; } #conteneur_video ul li a { margin: 5px 0 0; text-decoration: none; color: #007188; font-size: 13px; display: block; line-height: 16px; overflow: hidden; background: transparent url(/_boutiques/JEANNEROSE//site_image/bg_video.gif) 0 0 no-repeat; } #conteneur_video ul li a:hover { text-decoration: underline; color: #007188; } #conteneur_video ul li a img { display: block; width: 179px; height: 123px; overflow: hidden; padding: 7px 8px 40px 8px; } #zd_boutique { float: right; display: inline; width: 193px; position: relative; border-top: 1px solid #8d8c8a; margin-top: 31px; } #conteneur_boutique img { margin-bottom: 4px; display: block; } #conteneur_boutique a , #conteneur_boutique a:hover { color: #007188; text-decoration: none; width: 193px; } #conteneur_boutique a:hover { text-decoration: underline; } #txt-home h1,#txt-home h2,#txt-home_V2 h1, #conteneur_video h2, #conteneur_boutique h2 { font-size: 16px; line-height: 16px; margin: 14px 0 0; color: #007188; } #conteneur_video h2, #conteneur_boutique h2{ margin-bottom: 16px; } #conteneur_boutique h2 { width: 193px; margin-bottom: 6px; } #recap_blog, #zd_home, #last_avis { float: left; display: inline; border-top: 1px solid #8d8c8a; position: relative; margin: 31px 0 12px; height: 142px; } .conteneur_zd_home { height: 132px; overflow: hidden; padding: 12px 0 0; } #recap_blog { width: 425px; } #recap_blog #conteneur_blog { float: left; width: 283px; } #conteneur_txt { height: 66px; font-size: 13px; line-height: 16px; overflow: hidden; } #recap_blog h2 { font-size: 16px; margin: 0 0 12px; } #recap_blog h2 a { color: #007188; text-decoration: none; } #recap_blog h3 { font-size: 13px; margin: 0; text-transform: none; line-height: 16px; font-family: Arial, Helevetica, sans-serif; } #recap_blog h3 a { color: #007188; text-decoration: none; } #recap_blog h2 a:hover, #recap_blog h3 a:hover { color: #007188; text-decoration: underline; } #recap_blog a.ombre, #zd_home a.ombre{ float: right; display: block; background: transparent url(/_boutiques/JEANNEROSE//site_image/ombre_site.png) 0 0 no-repeat; height: 125px; width: 125px; overflow: hidden;} #recap_blog a.ombre img, #zd_home a.ombre img { width: 120px; } #recap_blog .extrait_blog { height: 34px; overflow: hidden; } #recap_blog .extrait_blog a { color: #8d8c8a; text-decoration: none; } #recap_blog .extrait_blog a:hover { text-decoration: underline; } #recap_blog .extrait_blog span.ellipse { bottom: 0; position: absolute; right: 0;} #recap_blog .btn { position: absolute; bottom: 0px; left: 0px; } #zd_home { width: 283px; margin-left: 30px; } #zd_home a.btn_ensavoirplus img { float: none; background: none; width: 131px; height: 25px; position: absolute; left: 0px; bottom: 0px; } #zd_home h2 { margin: 0; color: #007188; font-size: 16px; line-height: 18px; } #zd_home h2 a { color: #007188; text-decoration: none; background: none; } #zd_home h2 a:hover { color: #007188; text-decoration: underline; } #zd_home h2 span { margin: 0; color: #73a5b9; display: block; font-size: 14px; line-height: 16px; } #zd_home h2 a span:hover { text-decoration: underline; } #last_avis { /*width: 204px;*/ width: 520px; float: right; } #last_avis h2 { color: #007188; font-size: 16px; line-height: 18px; margin: 0 0 12px; } #liste-avis2 { margin: 0 auto 9px; padding: 0; height: 66px; line-height: 16px; overflow: hidden; } #liste-avis2 li { margin: 0; padding: 0; list-style-type: none; } #liste-avis2 li .meta-avis strong a { color: #007188; text-decoration: none; font-weight: normal; } #liste-avis2 li .meta-avis strong a:hover { color: #007188; text-decoration: underline; font-weight: normal; } #liste-avis2 li .avis { background: none; font-size: 13px; line-height: 16px; } /**** Home boutique ****/ #carrousel { position: relative; width: 975px; height: 449px; overflow: hidden; margin: 0; } #carrousel p { margin: 0; padding: 0; } #carrousel #content_carrousel { overflow: hidden; position: relative; height: 449px; } #carrousel #content_carrousel dl, #carrousel #content_carrousel dt, #carrousel #content_carrousel dd { margin: 0; padding: 0; } #carrousel #content_carrousel dt {display: none; } #carrousel #content_carrousel dd a.grande-image { width: 975px; height: 449px; display: block; overflow: hidden; text-decoration: none; } #carrousel #content_carrousel dd .details-produit { overflow: hidden; position: absolute; top: 38px; left: 295px; height: 282px; overflow: hidden; } #carrousel #content_carrousel dd .details-produit h2, #carrousel #content_carrousel dd .details-produit h2 a { text-transform: none; color: #007188; font-size: 32px; line-height: 35px; height: 67px; margin: 0; overflow: hidden; text-decoration: none; } #carrousel #content_carrousel dd .details-produit h2 a:hover, #carrousel #content_carrousel dd .details-produit h2 a:hover span{ color: #D55A00; text-decoration: none; } #carrousel #content_carrousel dd .details-produit .desc_courte { font-size: 24px; line-height: 27px; height: 29px; color: #007188; overflow: hidden; } #carrousel #content_carrousel dd .details-produit .desc { font-size: 13px; line-height: 16px; height: 128px; color: #007188; overflow: hidden; margin: 17px 0 43px; width: 380px; font-family: Arial, Helvetica, sans-serif; } #carrousel #content_carrousel dd .details-produit .index { font-size: 18px; line-height: 21px; height: 23px; color: #5091a5; overflow: hidden; } #carrousel #content_carrousel dd .details-produit .bouton { position: absolute; bottom: 5px; left: 0; } #carrousel #liens_carrousel { position: absolute; top: 356px; left: 77px; height: 80px; } #carrousel #liens_carrousel ul { margin: 0; padding: 0; } #carrousel #liens_carrousel ul li { margin: 0 9px 0 0; padding: 0; list-style-type: none; width: 75px; height: 75px; float: left; display: inline; } #carrousel #liens_carrousel a { text-decoration: none; border: 1px solid #137894; width: 73px; height: 73px; display: block; } #carrousel #liens_carrousel a:hover, #carrousel #liens_carrousel li.active a { border: 1px solid #f08e6c; } #carrousel #liens_carrousel img { width: 73px; height: 73px; } #carrousel .fleche-gauche, #carrousel .fleche-droite { /*margin-top: 40px;*/ /*overflow: hidden;*/ text-align: center; position: absolute; top: 182px; z-index: 5050; } #carrousel.fleche-gauche a, #carrousel .fleche-droite a { } #carrousel .fleche-gauche img, #carrousel .fleche-droite img { position: relative; /*top: 50%;*/ } #carrousel .fleche-gauche { left: 33px;} #carrousel .fleche-droite { right: 33px; } /**** Categories ****/ /* .rs_categorie h1 { color: #8d8c8a; font-size: 22px; line-height: 25px; padding: 5px 10px 0 0; float: left; } */ .texte-rayon { margin: 0 0 7px; font-size: 15px; line-height: 19px; overflow: hidden; padding: 5px 0 0; } .syspage { margin: 10px 0; padding: 5px; text-align: center; } .syspage .syspage_prev, .syspage .syspage_next { display: none; } .syspage .syspage_precedent { padding: 0 10px 0 0; font-size: 12px; color: #78A8B7; border-right: 1px solid #8D8C8A; } .syspage .syspage_suivant {padding: 0 0 0 6px; font-size: 13px; color: #78A8B7; } .syspage a.syspage_precedent, .syspage a.syspage_suivant { color: #137894; text-decoration: none; } .syspage a.syspage_precedent:hover, .syspage a.syspage_suivant:hover { color: #137894; text-decoration: underline; } .syspage strong, .syspage_num { display: inline-block; border-right: 1px solid #8D8C8A; font-size: 13px; line-height: 13px; padding: 0 7px 0 5px; text-align: center; } .syspage strong { color: #137894; } .syspage_num, .syspage em { color: #45548a; } .syspage em { font-size: 15px; font-style: normal; } .syspage .pages { margin: 0;} .syspage a { color: #78A8B7; text-decoration: underline; } .syspage a:hover { color: #137894; text-decoration: none; } .syspage img { display: none; float: left; } /* desactivees pour le defaut */ .liste-produit { margin: 0 0 19px; overflow: hidden; padding: 0; position: relative; width: 975px; } .bloc-produit { clear: both; color: #2d2a2a; display: block; min-height: 182px; margin: 0 0 10px 0; width: 975px; padding: 25px 0 0; background: transparent url(/_boutiques/JEANNEROSE//site_image/bg_carre_cat.gif) 298px 0 no-repeat; } .bloc-produit h2 { margin: 0; text-transform: none; } .bloc-produit a { } .bloc-produit em, .bloc-produit strong { color: #f43555; } .bp-image { background: #fff; height: 178px; position: relative; text-align: center; width: 178px; /*border: 1px solid #8d8c8a;*/ float: left; display: inline; margin: 0 55px 0 62px; overflow: hidden; } .bp-image img { width: 178px; height: 178px; } .info-produit { overflow: hidden; float: left; display: inline; width: 475px; } .info-produit h2 { margin-top: 0; color: #137894; font-size: 28px; line-height: 31px; } .info-produit h2 a { text-decoration: none; color: #137894; } .info-produit h2 a:hover { text-decoration: none; color: #F08E6C; } .info-produit p { margin: 0; } .desc_courte { font-family: "Optima LT W01 Roman", Arial, sans-serif; font-size: 20px; line-height: 23px; display: block; } .desc { font-size: 13px; line-height: 16px; min-height: 80px; color: #8d8c8b; overflow: hidden; margin: 14px 0 10px; } .index { font-family: "Optima LT W01 Roman", Arial, sans-serif; font-size: 15px; line-height: 18px; color: #5091a5; } .info-produit_suppl { float: right; width: 165px; position: relative; height: 178px; } .info-produit_suppl p.prix { font-size: 20px; line-height: 23px; font-weight: bold; color: #8d8c8a; text-align: center; padding: 3px 0 0; } .info-produit_suppl .note_moyenne { margin: 15px 0 0 6px; } .info-produit_suppl p { text-align: center; padding: 10px 0 0; } .info-produit_suppl p a { color: #8d8c8a; text-decoration: none; } .info-produit_suppl p a:hover { color: #8d8c8a; text-decoration: underline; } .info-produit_suppl .btn_ensavoirplus { display: block; position: absolute; bottom: -2px; left: 15px; } /**** Categories x6 ****/ .liste-rayon { margin: 0; overflow: hidden; padding: 0; position: relative; left: -10px; width: 760px; } .bloc-rayon { display: inline; float: left; margin: 0 0 10px 10px; overflow: hidden; width: 180px; } .bloc-rayon h2 { font-size: 0.93em; font-weight: bold; height: 1.86em; margin: 0; text-align: right; text-transform: none; } .bloc-rayon h2 a { color: #4d8a84; } /* slide carrousel */ #carr_gamme_carrousel { display: block; width: 975px; height: 360px; margin-bottom: 1.5em; } #carr_gamme_carrousel ul { margin:0; padding: 0; } #carr_gamme_carrousel #carrousel_pages{ display: none; } .carrousel_texte { position: absolute;left: -5000px; } .listing_produit { margin: 0; padding: 0; } .listing_produit li { margin: 0 0 2em 4%; width: 22%; display: inline; float: left; font-family: "Optima LT W01 Roman", Arial, sans-serif; padding: 0; clear: inherit; overflow: hidden; text-align: center; } .listing_produit .bloc-produit { background: #fff; border: none; margin: 0 0 2em 4%; width: 22%; display: inline; float: left; font-family: "Optima LT W01 Roman", Arial, sans-serif; padding: 0; clear: inherit; overflow: hidden; text-align: center; min-height: 410px; } .listing_produit .info-produit { width: 100%; float: none; display: block; } .listing_produit .bloc-produit.first { margin-left: 0; clear: both;} .listing_produit .bloc-produit .bp-image { width: 100%; margin: 0; height: inherit; } .listing_produit .bloc-produit .bp-image img { width: inherit; height: inherit; max-width: 100%; margin: 0 0 5px; } .listing_produit .bloc-produit h2 a { font-size: 16px; line-height: 20px; text-transform: uppercase; margin-bottom: 7px; display: block; } .listing_produit .bloc-produit h2 a span.desc_courte { font-size: 12px; line-height: 15px; text-transform: uppercase; } .listing_produit .pro-asso-complement h2.index { display: block; margin: 0 0 7px; font-size: 13px; line-height: 15px; text-transform: none; } .listing_produit .pro-asso-prix { color: #8d8c8a; font-family: Arial, sans-serif; font-size: 20px; line-height: 22px; font-weight: bold; } .listing_produit .pro-asso-dispo{ display: block; margin-top: 3px; color: #8d8c8a; font-family: Arial, sans-serif; font-size: 13px; line-height: 15px; } /**** Fiches produits ****/ #bloc-img-produit { float: left; width: 298px; margin: 0 0 30px; } #bloc-img-produit.big { width: 330px; } #bloc-img-produit.big .photo { max-width: 100%; } /*#bloc-img-produit .photo { border: 1px solid #8d8c8a; }*/ #bloc-img-produit #vignettes { width: 240px; } #bloc-img-produit #vignettes a { display: block; float: left; margin: 10px 0 0 7px; } #bloc-img-produit #vignettes .first a { margin-left: 0; } /*#bloc-img-produit #vignettes img { border: 1px solid #8d8c8a; }*/ #detail-produit { margin: 0 0 0 298px; width: 677px; } #detail-produit.medium { margin: 0 0 0 361px; width: 614px; } #detail-produit h1 { margin: 0; text-transform: none; color: #137894; } #detail-produit .fn { display: block; font-size: 28px; line-height: 31px; text-transform: uppercase; } #detail-produit .desc_courte { color: #137894; font-size: 19px; line-height: 21px; margin-top: 5px!important; text-transform: uppercase; } #detail-produit h2.index { margin: 7px 0 0; text-transform: none; } #detail-produit .desc_courte, #detail-produit .desc, #detail-produit .index { margin: 0; } #detail-produit .desc { margin-top: 23px; height: inherit; } #detail-produit.medium .desc { margin-top: 17px; } #liens { height: 25px; margin: 13px 0 10px; overflow: hidden; } .lien_ensavoirplus, .lien_partager, #liens .votes, #liens .average { float: left; display: inline; margin: 5px 54px 0 0; } .lien_partager { height: 20px; margin: 5px 30px 2em 0; } #liens .rating { margin: 0; } #liens .votes, #liens .average { line-height: 25px; margin: 0 11px 0 0; } #liens .votes a {color: #8D8C8B; text-decoration: none;} .rs_ficheproduit .lien_partager, .rs_ficheproduitRS .lien_partager { float: none; display: block; clear: both; margin-top: 10px; } .liens .rating .votes.count { line-height: 25px; display: inline-block; float: left; margin-right: 20px; } .liens .rating .votes.count a{ color: #8d8c8b; text-decoration: none; font-weight: bold; } .description {} #encart_video { background: transparent url(/_boutiques/JEANNEROSE//site_image/bg_video_fp.gif) 0 0 no-repeat; padding: 9px 8px 42px 8px; width: 222px; height: 155px; } #encart_video img { width: 222px; height: 155px; } /* ONGLET RENTASHOP */ #prd-onglets_fp { margin: 25px 0 18px 0; /*clear: both;*/ } #prd-onglets_fp #onglets-box_fp { height: 26px; margin: 0 0 0 7px; } #prd-onglets_fp .bloc_onglet_prd { display: block; } #onglets-box_fp .onglet { position: relative; color: #73a5b9; display: block; float: left; text-align: center; text-decoration: none; padding: 0 18px 0 0; margin-left: -7px; font-size: 15px; background: transparent url(/_boutiques/JEANNEROSE//site_image/onglet.png) right top no-repeat; } #onglets-box_fp .onglet:hover, #onglets-box_fp .active { color: #007188; background: transparent url(/_boutiques/JEANNEROSE//site_image/onglet.png) right -26px no-repeat; } #onglets-box_fp .active { z-index: 101; height: 27px; } #onglets-box_fp .onglet span { padding: 4px 0 2px 10px; display: block; font-size: 15px; height: 20px; line-height: 20px; background: transparent url(/_boutiques/JEANNEROSE//site_image/onglet.png) left top no-repeat; } #onglets-box_fp .onglet:hover span, #onglets-box_fp .active span { background: transparent url(/_boutiques/JEANNEROSE//site_image/onglet.png) left -26px no-repeat; height: 20px; line-height: 20px; } #onglets-box_fp .active span { height: 21px; } #prd-onglets_fp .onglet-contenu { position: relative; background: #FFF; padding: 16px 19px 10px; border: none; font-size: 13px; line-height: 20px; border: 1px solid #8d8c8a; } #prd-onglets_fp .onglet-contenu p { font-size: 13px; line-height: 16px;} #prd-onglets_fp .contenu-sans-onglet { } #tab_1-1 { z-index: 100; } #tab_1-2 { z-index: 99; } #tab_1-3 { z-index: 98; } #tab_1-4 { z-index: 97; } #tab_1-5 { z-index: 96; } #tab_1-6 { z-index: 94; } /* FIN ONGLET RENTASHOP */ #bloc-achat { margin: 8px 0 0; display: block; overflow: hidden; } #bloc-achat form { line-height: 2em; margin: 0; width: 100%; } * html #bloc-achat form { width: 99%; } #bloc-achat label { display: inline-block; padding: 0; width: 30px; } #bloc-achat label.selecteur { width: 55px; } .selecteurs-produit { margin: 0; padding: 0; } .quantite { width: 2em; margin: 0 18px 0 0; } .prix { color: #8d8c8a; font-weight: bold; font-size: 20px; margin: 4px 0 10px; line-height: 23px; } .prix strong { color: #8d8c8a; font-size: 20px; font-weight: bold; } .prix del { color: #8d8c8a; font-size: 13px; font-weight: normal; text-decoration: none; } .prix span { font-weight: normal; font-size: 13px; line-height: 16px; } a.btn_ajt { float: left; display: inline; } #dispoPrd { display: inline; margin: 0 0 0 20px; } #rassurance { display: none; float: right; width: 170px; background: transparent url(/_boutiques/JEANNEROSE//site_image/perso_illustration.gif) right bottom no-repeat; border: 1px solid #8d8c8a; border-left: none; border-right: none; position: relative; padding: 0 0 113px; margin: -11px 0 20px 30px; } #rassurance h3 { text-transform: uppercase; font-size: 16px; line-height: 19px; color: #007188; margin: 13px 0 18px; } #rassurance h3 strong { display: block; text-transform: uppercase; color: #73a5b9; font-size: 13px; line-height: 15px; font-weight: normal; font-family: "Optima LT W01 Roman", Arial, sans-serif; } #rassurance p { margin: 0; padding: 0 0 5px 8px; background: transparent url(/_boutiques/JEANNEROSE//site_image/puce.gif) 0 7px no-repeat; line-height: 16px; color: #007188; } #rassurance p.last { width: 103px; } .lien-connexe { font-size: 0.86em; line-height: 1.72em; margin: 0 0 3em; } .lien-connexe a { color: #4d8a84; font-weight: bold; padding-left: 20px; } .lire-avis { background: url(/_boutiques/JEANNEROSE//site_image/lire-avis.png) 0 50% no-repeat; } .ecrire-avis { background: url(/_boutiques/JEANNEROSE//site_image/ecrire.png) 0 50% no-repeat; } .envoi-ami { background: url(/_boutiques/JEANNEROSE//site_image/envoi-ami.png) 0 50% no-repeat; } #bloc_pro_asso { position: relative; border-top: 1px solid #8d8c8a; } #bloc_pro_asso h2.titre { color: #007188; font-size: 16px; line-height: 15px; margin: 8px 0 16px; } #pro-asso, .listing_produit { margin: 0 auto; overflow: hidden; width: 975px; } #pro-asso-slide { margin: 0; padding: 0; } #pro-asso .bloc-produit { background: #fff; border: none; height: 243px; margin: 0 0 0 18px; width: 180px; display: inline; float: left; font-family: "Optima LT W01 Roman", Arial, sans-serif; padding: 0; clear: inherit; } #pro-asso .bloc-produit .bp-image { height: 178px; width: 178px; /*border: 1px solid #8d8c8a;*/ margin: 0 0 5px; } #pro-asso .bloc-produit h2 { font-weight: normal; height: 57px; overflow: hidden; color: #137894; } #pro-asso .info-produit { width: 180px; } #pro-asso .info-produit h2 { font-size: 18px; line-height: 21px; } #pro-asso .info-produit .desc_courte { font-size: 14px; color: #137894; line-height: 17px; } #pro-asso .info-produit a:hover .desc_courte { color: #F08E6C; } .bouton-exergue { font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; border: 1px solid #f08e6c; background: #FFF; color: #f08e6c; display: inline-block; padding: 3px 1em 2px 1em; text-decoration: none; font-size: 14px; } a.bouton-exergue:hover { background-color: #f08e6c; color: #fff; text-decoration: none; } /**** Ajout panier 2 ****/ .img_prd2 { float: left; border: 1px solid #8d8c8a; margin: 5px 0 0 15px; } #detail_produit2 { overflow: hidden; margin: 15px 0 0 220px; } #detail_produit2 h1 { margin: 0; text-transform: none; } #detail_produit2 h1 span { display: block; color: #137894; font-size: 20px; } /**** Foire aux questions ****/ .faq_questions { margin: 0 0 40px; padding: 0; } .faq_questions li { margin: 0; padding: 0 0 10px 10px; list-style-type: none; background: transparent url(/_boutiques/JEANNEROSE//site_image/puce2.gif) 0 8px no-repeat; } .faq_questions li a { text-decoration: none; } .faq_questions li a:hover { text-decoration: underline; } .reponses_faq { margin: 0 0 15px; } /**** Pages web ****/ #pagesWeb { padding: 0; } #pagesWeb .conteneur_carre { margin-left: 298px; width: 677px; } #pagesWeb .conteneur_carre h1 { margin: 10px 0 22px; } #pagesWeb .conteneur_carre h1 .sous_titre { color: #73a5b9; font-size: 18px; line-height: 24px; display: block; } .rs_VIDEO #pagesWeb ul { margin: 0; padding: 0; } .rs_VIDEO #pagesWeb ul li { margin: 0 0 30px; padding: 0; list-style-type: none; } .rs_VIDEO #pagesWeb iframe { float: left; overflow: hidden; margin:0 30px 0 0;} .rs_VIDEO #pagesWeb p { overflow: hidden; } .rs_JURIDIQUE #pagesWeb ul { margin: 0 0 40px; padding: 0; } .rs_JURIDIQUE #pagesWeb ul li { margin: 0; padding: 0; list-style-type: none; } .rs_JURIDIQUE #pagesWeb ul li p { margin: 0; } /*#pagesWeb .conteneur_carre img { border: 1px solid #8d8c8a; margin: 15px 0 5px; }*/ #img_col { float: left; width: 240px; margin: 0 58px 20px 0; } #img_col img { border: 1px solid #8d8c8a; max-width: 100%/*238px*/; height: auto; } #main #img_col { display: none; } /**** Page web specifique /html/sandrine-jeanne-rose-soins-cheveux-defrises ****/ .rs_SOINS-SJR #contenu-principal { margin-bottom: 40px;} .rs_SOINS-SJR .carre_vert { position: relative; top: 2px; } .rs_SOINS-SJR h1 { border-top: 1px solid #8D8C8A; padding-top: 12px; margin: 0; } .illustration { border: 1px solid #8D8C8B; float: left; margin: 0 53px 0 0; } .col-1-2 { display: inline; float: left; margin-bottom: 20px; width: 482px; } .margin-col-1-2 { margin-right: 10px;} .gamme-sjr { clear: both; list-style: none; margin: 0 2px 20px; overflow: hidden; padding: 0; } .gamme-sjr li { display: inline; float: left; margin: 0 5px; width: 150px; } .gamme-sjr a { text-decoration: none;} .gamme-sjr a:hover p { color: #F08E6C;} .gamme-sjr a:hover p.prix { color: #8D8C8B;} .gamme-sjr img { height: auto; width: 150px;} .gamme-sjr p { color: #137894; margin: 0 0 4px; } .gamme-sjr .intitule-produit { font: 14px/18px "Optima LT W01 Roman", Arial, Helvetica, sans-serif; margin-bottom: 0; } .gamme-sjr .sous-titre-produit { font: 12px/14px "Optima LT W01 Roman", Arial, Helvetica, sans-serif; height: 28px; } .gamme-sjr .prix { color: #8D8C8B; font: bold 12px/16px Arial,Helvetica,sans-serif; } /**** Processus de commande ****/ .separateur { color: #888; } #pdc_box { float: right; height: 25px; margin-bottom: 9px; } #pdc_box p { margin: 0; text-align: center; text-indent: -5000px; line-height: 25px; } #pdc_box ul { margin: 0; } #pdc_box ul li { list-style-type: none; float: left; } #pdc_box ul li#pdc_step1 { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) 0 0 no-repeat; width: 154px; height: 25px; } #pdc_box ul li#pdc_step1_currentstep { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) 0 -25px no-repeat; width: 154px; height: 25px; } #pdc_box ul li#pdc_step2 { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -154px 0 no-repeat; width: 220px; height: 25px; } #pdc_box ul li#pdc_step2_currentstep { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -154px -25px no-repeat; width: 220px; height: 25px; } #pdc_box ul li#pdc_step3 { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -374px 0 no-repeat; width: 175px; height: 25px; } #pdc_box ul li#pdc_step3_currentstep { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -374px -25px no-repeat; width: 175px; height: 25px; } #pdc_box ul li#pdc_step4 { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -549px 0 no-repeat; width: 129px; height: 25px; } #pdc_box ul li#pdc_step4_currentstep { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -549px -25px no-repeat; width: 129px; height: 25px; } #pdc_box ul li#pdc_step1_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) 0 0 no-repeat; width: 204px; height: 25px; } #pdc_box ul li#pdc_step1_currentstep_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) 0 -25px no-repeat; width: 204px; height: 25px; } #pdc_box ul li#pdc_step2_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -204px 0 no-repeat; width: 231px; height: 25px; } #pdc_box ul li#pdc_step2_currentstep_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -204px -25px no-repeat; width: 231px; height: 25px; } #pdc_box ul li#pdc_step3_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -438px 0 no-repeat; width: 142px; height: 25px; } #pdc_box ul li#pdc_step3_currentstep_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -438px -25px no-repeat; width: 142px; height: 25px; } #pdc_box ul li#pdc_step4_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -580px 0 no-repeat; width: 129px; height: 25px; } #pdc_box ul li#pdc_step4_currentstep_en { background: transparent url(/_boutiques/JEANNEROSE//site_image/fr/chemin_pdc.gif) -580px -25px no-repeat; width: 129px; height: 25px; } /**** Mescommandes_identification.htm ****/ .form-login { } .form-login label { display: inline-table; width: 120px; text-align: right; } .form-login input { width: 170px; } /**** panier.htm ****/ .rs_panier h1, .rs_commande h1, .rs_recap-commande h1, .rs_choix-paiement h1 { font-size: 16px; line-height: 19px; margin-top: 0; } .rs_panier h2, .rs_commande h2, .rs_recap-commande h2, .rs_choix-paiement h2 { font-size: 18px; line-height: 16px; text-transform: none; color: #007188; font-family: Arial, Helvetica, sans-serif; } .rs_panier h2 span { color: #8d8c8b; font-size: 13px; } #liste_prds {} #liste_prds input[type="text"] { border: 1px solid #8d8c8a; height: 18px; width: 18px; text-align: center; margin: 0; padding: 0; font-size: 13px; } #liste_prds .visuel_prd img { width: 85px; height: 85px; border: 1px solid #8d8c8a!important; float: left; margin: 0 14px 0 11px; } #liste_prds .detail_prd { overflow: hidden; display: table-cell; vertical-align: middle; height: 87px; padding-right: 30px; } #liste_prds .nom_prd { color: #137894; font-size: 20px; line-height: 22px; display: block; font-family: "Optima LT W01 Roman", Arial, sans-serif; } #liste_prds .nom_prd strong { font-weight: normal; margin: 0; } #liste_prds .desc_courte { color: #137894; font-size: 15px; line-height: 18px; display: block;} #ligne_emballage { padding: 7px 5px 5px 11px; } #liste_prd #accessoire_paquet label { padding-left: 10px; } #info_pdc { position: relative; padding: 0 0 0 71px; background: transparent url(/_boutiques/JEANNEROSE//site_image/perso_illustration2.gif) 2px bottom no-repeat; width: 225px; min-height: 160px; color: #007188; font-size: 13px; border: none; margin-top: -8px; } #info_pdc p { margin: 0 0 0 56px; } #info_pdc em { font-size: 11px; line-height: 13px; margin-top: 22px; display: block; margin-top: 18px; font-style: normal;} .rs_panier #info_pdc { border: 1px solid #8d8c8a; border-left: none; border-right: none; margin: 14px 0 0; background: transparent url(/_boutiques/JEANNEROSE//site_image/perso_illustration2.gif) left bottom no-repeat; width: 225px; min-height: 165px; } #info_pdc h2 { font-size: 16px; line-height: 19px;color:#007188; text-transform: uppercase; margin: 10px 0 15px; } #info_pdc h2 span { display: block; color: #73a5b9; font-size: 13px; } #detail_prix { width: 537px; float: right; margin-bottom: 13px; } p.sous-total { font-size: 13px; line-height: 30px; margin: 4px 0 21px; text-align: right; background: #f3f3f3; padding-right: 17px; } p.sous-total strong, p.total-ttc strong { display: inline-block; font-size: 16px; } p.total-ttc { font-size: 13px; background: #4095a6; font-weight: bold; line-height: 30px; margin: 4px 0; text-align: right; color: #FFF; padding-right: 17px; } .info-livraison { color: red; font-weight: bold; text-align: right; } /**** Commande.htm ****/ #conteneur_pdc { width: 657px; overflow: hidden; } #text_newAccount, #form_alreadyAccount { margin: 5px 0 0; width: 285px; min-height: 189px; float: left; display: inline; background: #f3f3f3; padding: 6px 15px 24px; } #form_alreadyAccount { padding-bottom: 6px; min-height: 207px; } #text_newAccount h2, #form_alreadyAccount h2 { margin: 0 0 15px; color: #007188; font-size: 18px; line-height: 21px; text-transform: none; } #text_newAccount { margin-right: 26px; } #form_alreadyAccount .form-inline { width: 286px; margin: 0; } #form_alreadyAccount .form-inline p { line-height: 19px; margin: 0 0 15px; padding: 0; } #form_alreadyAccount .form-inline label { float: none; text-align: left; width: 286px; } #form_alreadyAccount .form-inline input[type="text"], #form_alreadyAccount .form-inline input[type="password"]{ width: 284px; border: 1px solid #8d8c8a; } #form_alreadyAccount .form-inline input[type="image"] {margin: 15px 0 2px; padding: 0; } #form_alreadyAccount #mdp { font-size: 11px; line-height: 13px; margin: 0; padding: 0; text-align: right; } #form_newAccount { width: 658px;} form.com_id label { float: left; width: 45%; text-align: right; line-height: 22px; margin: 0 0 0 4px; } form.com_id textarea { margin: 0 0 0 4px; } form.com_id input { margin: 0 0 0 4px; /*height: 16px;*/ } form.com_id select { margin: 0 0 0 4px; padding: 1px; } .gdemarge { margin-left: 45%;} /**** Recap-commande.htm ****/ td.exergue { background: #efefef; font-size: 1.3em;} /**** choix-paiement.htm ****/ ul#paiement { padding: 0; margin: 30px 0 0; } ul#paiement li { margin: 0; padding: 20px 0 10px; background: none; list-style: none; border-top: 1px solid #8d8c8a; position: relative; } ul#paiement form a { background: none; border: none; display: inline; padding: 0; } .text_paiement, .bouton_paiement { float: left; display: inline; padding-right: 5%; } .text_paiement { width: 60%; font-size: 12px; } .bouton_paiement { width: 35%; padding: 0; } .info_paiement { padding: 10px; margin: 0 0 15px; background: #f3f3f3; color: #73a5b9; text-align: left; } .info_paiement p { margin: 0; } /*** Points de vente ***/ .liste-pv { margin: 0; padding: 0; float: left; display: inline; width: 48%; height: 145px; } .rs_points-vente .texte-rayon { margin: 0 0 30px; } /*** Presse ***/ .article-presse { margin: 40px 0 0; padding: 0; } .article-presse .presse_visuel { float: left; background: transparent url(/_boutiques/JEANNEROSE//site_image/ombre_presse.png) 0 0 no-repeat; display: block; width: 125px; height: 180px; margin-right: 20px; } .article-presse .presse_visuel img { width: 120px; } .article-presse h2 { margin-top: 0; text-transform: none; color: #007188; } .article-presse .date-presse { margin-bottom: 5px; } .article-presse .desc-article { overflow: hidden; width: 532px; } .article-presse .lien-dl-presse { margin: 10px 0 0 145px; } /*** liste des avis (fiche-produit.htm, avis.htm, avis_du_client.htm, avis_derniers.htm ***/ .rs_avis_site .conteneur_carre { width: 547px; margin-left: 428px; } .rs_avis_site h1 { margin-bottom: 40px; } .avis-box { margin: 16px 0 18px; border-top: 1px solid #8d8c8a; position: relative; } .avis-box .avisnotes {display : none;} .rs_ficheproduit .avis-box { width: 100%; } .rs_avis_du_client .avis-box, .rs_avis_derniers .avis-box, .rs_avis_site .avis-box { border: none; } .rs_avis_site .avis-box { margin-top: 0; overflow: hidden; } .avis-box h2 { color: #007188; font-size: 16px; line-height: 19px; margin-top: 10px; } .rs_avis_site .avis-box h2 { margin-top: 0; } #liste-avis { /*clear: both;*/ margin: 1em auto; /* centre les avis */ padding: 0; } #liste-avis li { list-style-type: none; padding: 0; margin: 0 0 25px 20px; width: 75%; overflow: hidden; } #prd-onglets_fp #liste-avis li { margin: 1em 0 0; width: 100%; } .rs_avis_derniers #liste-avis li { width: 90%; margin-left: 0;} .rs_avis_site #liste-avis li , .rs_avis_du_client #liste-avis li { margin-left: 0; } .rs_ficheproduit #liste-avis li { margin: 0 0 0 35px; display: inline; float: left; width: 298px; } .meta-avis { margin: 5px 0 3px; font-size: 13px; line-height: 25px; color: #007188; } .rs_index .meta-avis { line-height: 16px; } .rs_ficheproduit .meta-avis { margin: 20px 0 3px; line-height: 16px;} .meta-avis strong { font-style: normal; font-weight: normal; } .meta-avis a { color: #007188; text-decoration: none; } .meta-avis a:hover { color: #007188; text-decoration: underline; } .avis { padding: 0; margin: 0; } .avis img { margin-right: 5px; } .summary { max-height: 112px; overflow: hidden; } /**** Contact.htm ****/ .form-contact { background: #f3f3f3; padding: 10px 20px; width: 405px; } .form-contact label { display: block; line-height: 30px; margin-right: 4px; } .form-contact input { width: 395px; margin: 0; } .form-contact select, .form-contact textarea { margin: 0; width: 395px; } .form-contact input.sans { width: 89px; height: 25px; margin: 0; padding: 0; } .form-casting { width: 580px; } .form-casting label { float: left; width: 150px; line-height: 24px; } .form-casting input, .form-casting select, .form-casting textarea { width: 295px; } .form-casting input.sans { width: auto; height: auto; margin: 0; padding: 0; } .form-casting label.sans { display: inline; float: none; width: auto; height: auto; margin: 0; padding: 0; } .form-casting span.overflow-hide { display: block; } /**** News.htm ****/ .news { } .date { border-top: 1px solid #85aba7; color: #85aba7; margin: 2em 0 0 0; text-align: right; } .date span { background: #fff; padding: 0 0 0 0.5em; position: relative; top: -0.7em; } .rs_news #contenu-principal h2 { font-weight: bold; margin-top: 0; text-transform: none; } /**** FAQ ****/ h3.question_faq { font-family: Arial, Helvetica, sans-serif; color: #007188; text-transform: none; } /**** Parrainage ****/ .form-parrainplus p { margin: 0;} /**** Mon Compte ****/ .rs_mescommandes fieldset div { background: #F3F3F3; } .rs_mescommandes div input[type="image"] { padding: 0; margin: 5px 18px 10px 0; float: none; border: none; } .rs_mescommandes fieldset p.droite input { width: 55%; } .bonjour_compte { color: #8d8c8a; font-style: italic; font-size: 14px; line-height: 16px; margin: 15px 0 1px 0; float: right; } .deco_compte { color: #f08e6c; font-style: italic; font-size: 12px; line-height: 14px; clear: right; float: right; text-decoration: underline; margin-bottom: 30px; } .deco_compte:hover { text-decoration: none; } #onglet_liens { float: left; margin-bottom: 23px; width: 100%; } #onglet_liens a { color: #8d8c8a; font-size: 12px; line-height: 14px; display: block; padding-top: 33px; float: left; width: 25%; text-align: center; text-decoration: none; } #onglet_liens span { display: block; width: 35px; height: 30px; margin: 0 auto 5px; } #onglet_liens #onglLien1 span { background: transparent url(/#theme#/picto_compte.png) left top no-repeat; } #onglet_liens #onglLien2 span { background: transparent url(/#theme#/picto_compte.png) -35px top no-repeat; } #onglet_liens #onglLien3 span { background: transparent url(/#theme#/picto_compte.png) -70px top no-repeat; } #onglet_liens #onglLien4 span { background: transparent url(/#theme#/picto_compte.png) -105px top no-repeat; } #onglet_liens #onglLien5 span { background: transparent url(/#theme#/picto_compte.png) -140px top no-repeat; } #onglet_liens a:hover, #onglet_liens .actif { color: #f08e6c; text-decoration: none; } #onglet_liens #onglLien1:hover span, #onglet_liens #onglLien1.actif span{ background-position: left bottom; } #onglet_liens #onglLien2:hover span, #onglet_liens #onglLien2.actif span{ background-position: -35px bottom; } #onglet_liens #onglLien3:hover span, #onglet_liens #onglLien3.actif span{ background-position: -70px bottom; } #onglet_liens #onglLien4:hover span, #onglet_liens #onglLien4.actif span{ background-position: -105px bottom; } #onglet_liens #onglLien5:hover span, #onglet_liens #onglLien5.actif span{ background-position: -140px bottom; } .ongl_contenu { display: none; clear: both; } #onglContenu1 th { text-transform: lowercase; } #onglContenu3 .form-inline { width: 450px; margin: 0 auto; } #onglContenu4 .nb_points, #onglContenu5 .etat_nl, .etat_compte { height: 37px; background-color: #c8e3e0; text-align: center; padding-top: 15px; } #onglContenu4 .nb_points strong { font-size: 20px; color: #27c2b3; } /**** CMS ****/ .rs_modele_page_pointsvente .conteneur_carre { width: 100%; margin: 0 0 20px;} .pointsVente_M > div, .txt75 { width: 75%; margin: 0 auto 2em; } .pointsVente_M ul { margin: 0; padding: 0; list-style-type: none; } .pointsVente_M ul li { width: 29.33%; float: left; margin: 1em 2% 0.25em; overflow: hidden; } .pointsVente_M ul li img { float: left; margin-right: 20px; } .faux_titre_niv2 { color: #137894; font-size: 20px; line-height: 23px; text-transform: uppercase; margin-top: 10px; display: block; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif; } .text_medium { color: #137894; font-size: 14px; line-height: 17px; text-transform: uppercase;margin-top: 10px; display: block; font-family: "Optima LT W01 Roman", Arial, Helvetica, sans-serif;} .text_small { color:#8d8c8a; font-size: 13px; line-height: 15px; margin: 10px 0 7px; display: block; } /**************************************************************************************************************************/ /* STYLES SPECIFIQUES *****************************************************************************************************/ /**** Centrage ****/ .centrage { overflow: hidden; width: 658px; } .centrage ul { float: left; left: 50%; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: relative; } .centrage li { display: inline; float: left; margin: 0; padding: 0; position: relative; right: 50%; } input.search, input.go { margin: 4px 0 14px; } p.bouton input { width: auto; } /**** Tableaux a couleurs alternees ****/ .first-col { padding-left: 12px; } .col0 { width: 98.96%; padding: 0 1% 0 0; } .col1 { width: 40%; float: left; } .col2 { width: 50%; padding: 0 1% 0 0; float: left; } .col0 p, .col1 p, .col2 p { margin: 0; line-height: 21px; } .cellule_s { display: block; line-height: 2.2em; vertical-align: middle; padding: 1px 5px; } .cellule_s select { margin-top: 0.35em; } .cellule_s input[type="radio"] { margin-top: -1px; } .styleCell1 { background-color: #f3f3f3; } tr.styleCell1 td, tr.styleCell2 td{ border-bottom: 4px solid #FFF; padding: 12px 3px 12px; } tr.styleCell1 strong { line-height: 23px; margin: 3px; } .styleCell2 { background-color: #e8e8e8; } tr.styleCell2 strong { line-height: 23px; margin: 3px; } #form-panier { } #form-panier td { vertical-align: middle; } /**** Styles personnalises ****/ .erreur { color: red !important; font-weight:bold;} .erreur { color: red !important; font-weight:bold;} .noerreur { } .marginGuides { margin: 20px; } /**** Points de vente - Roland ****/ #filtresPV { margin-top: 20px; background: transparent url(/_boutiques/JEANNEROSE//site_image/bg_carre_cat.gif) no-repeat left top; min-height: 250px; } #filtresPV h2 { margin-top: 0; padding-top: 20px; } #filtresPV select { height: 2em; } #filtresPV #h2_listePV { color: #f08e6c; } #filtresPV .pt { width: 48%; margin: 0 1% 1% 0; overflow: hidden; position: relative; } #filtresPV .pt .inner { position: relative; padding: 0 15px; background: #f5f5f5; height: 145px; overflow: hidden; } /**** Points de vente - Marionnaud ****/ #colGPV { overflow: hidden;} #colGPV .selecteur { float: left; margin-right: 20px;} #contenu_ptM .liste-pv, #listePV_M .pt { float: left; width: 31.33%; margin: 0 1% 1% 0; overflow: hidden; position: relative; } #contenu_ptM select { height: 2em; } #contenu_ptM .liste-pv.pt .inner, #listePV_M .pt .pt-adresse{ position: relative; padding: 0 15px; background: #f5f5f5; height: 145px; overflow: hidden; } #listePV_M .pt .pt-adresse h3:before { content:"Marionnaud -"; padding-right: 5px;} #contenu_ptM #selecteurEtrangers { display: none; } /**************************************************************************************************************************/ /* STYLES SPECIFIQUES 2 *****************************************************************************************************/ .center { margin-left: auto; margin-right: auto; } .txtleft { text-align: left; } .txtright { text-align: right; } .txtcenter { text-align: center; } .mod { overflow: hidden; } /* spacing helpers p,m = padding,margin a,t,r,b,l = all,top,right,bottom,left s,m,l,n,0 = small(10px),medium(15px),large(20px), zero or none(0) source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css */ .man { margin: 0; } .pan { padding: 0; } /* custom spacing */ .maxs { margin: 5px; } .mas { margin: 10px; } .mam { margin: 15px; } .mal { margin: 20px; } .maxl { margin: 30px; } .maxxl { margin: 40px; } .paxs { padding: 5px; } .pas { padding: 10px; } .pam { padding: 15px; } .pal { padding: 20px; } .paxl { padding: 30px; } .paxxl { padding: 40px; } .mtn { margin-top: 0; } .mtxs { margin-top: 5px; } .mts { margin-top: 10px; } .mtm { margin-top: 15px; } .mtl { margin-top: 20px; } .mtxl { margin-top: 30px; } .mtxxl { margin-top: 40px; } .mrn { margin-right: 0; } .mrxs { margin-right: 5px; } .mrs { margin-right: 10px; } .mrm { margin-right: 15px; } .mrl { margin-right: 20px; } .mrxl { margin-right: 30px; } .mrxxl { margin-right: 40px; } .mbn { margin-bottom: 0; } .mbxs { margin-bottom: 5px; } .mbs { margin-bottom: 10px; } .mbm { margin-bottom: 15px; } .mbl { margin-bottom: 20px; } .mbxl { margin-bottom: 30px; } .mbxxl { margin-bottom: 40px; } .mln { margin-left: 0; } .mlxs { margin-left: 5px; } .mls { margin-left: 10px; } .mlm { margin-left: 15px; } .mll { margin-left: 20px; } .mlxl { margin-left: 30px; } .mlxxl { margin-left: 40px; } .ptn { padding-top: 0; } .ptxs { padding-top: 5px; } .pts { padding-top: 10px; } .ptm { padding-top: 15px; } .ptl { padding-top: 20px; } .ptxl { padding-top: 30px; } .ptxxl { padding-top: 40px; } .prn { padding-right: 0; } .prxs { padding-right: 5px; } .prs { padding-right: 10px; } .prm { padding-right: 15px; } .prl { padding-right: 20px; } .prxl { padding-right: 30px; } .prxxl { padding-right: 40px; } .pbn { padding-bottom: 0; } .pbxs { padding-bottom: 5px; } .pbs { padding-bottom: 10px; } .pbm { padding-bottom: 15px; } .pbl { padding-bottom: 20px; } .pbxl { padding-bottom: 30px; } .pbxxl { padding-bottom: 40px; } .pln { padding-left: 0; } .plxs { padding-left: 5px; } .pls { padding-left: 10px; } .plm { padding-left: 15px; } .pll { padding-left: 20px; } .plxl { padding-left: 30px; } .plxxl { padding-left: 40px; } /* blocks widths (percentages and pixels) */ .w5 { width: 5%; } .w10 { width: 10%; } .w15 { width: 15%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.3333%; } .w35 { width: 35%; } .w40 { width: 40%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w66 { width: 66.6666%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w85 { width: 85%; } .w90 { width: 90%; } .w100 { width: 100%; } .w50p { width: 50px; } .w100p { width: 100px; } .w150p { width: 150px; } .w200p { width: 200px; } .w300p { width: 300px; } .w400p { width: 400px; } .w500p { width: 500px; } .w600p { width: 600px; } .w700p { width: 700px; } .w800p { width: 800px; } .w960p { width: 960px; } .mw960p { max-width: 60px; } .w1140p { width: 1140px; } .mw1140p { max-width: 1140px; } /******************************************************** ********************************************************/ #fp_mod13{ padding-right: 17px; } .info-relais{ line-height: 18px; padding-left:22px; } .hide{ display: none; } .text-right{ text-align: right; } /*** INTE 26/09/2017 by TG ***/ h2 a{color: #73a5b9; text-decoration:none;} .rs_categorie .listing_produit, .rs_categorie_x6 .listing_produit, .cat_container{ width:731.25px; margin: 0; float: left; box-sizing: border-box; } .cat_container{ padding: 10px; } .zd_libre_cat{ padding: 10px; margin-top: 10px; overflow: hidden; } .zd_libre_cat img{ max-width: 100%; height: auto; } .rs_categorie .listing_produit .bloc-produit, .rs_categorie_x6 .listing_produit .bloc-produit{ width: 33.33%; box-sizing: border-box; padding: 20px; margin:0 0 2em; } .rs_categorie .listing_produit .bloc-produit:nth-child(3n+1), .rs_categorie_x6 .listing_produit .bloc-produit:nth-child(3n+1){ clear: left; } .rs_categorie .listing_categorie, .rs_categorie_x6 .listing_categorie{ width:243.75px; float: left; box-sizing: border-box; list-style: none; padding:10px; } .listing_categorie li{ padding: 10px 0 10px 10px; border-bottom: solid 1px #d3dfe4; } .listing_categorie li a{ text-decoration: none; display: block; color:#007188; } .listing_categorie li:hover a, .listing_categorie li.active a{ color:#f08e6c; }