@font-face { font-family: 'OswaldRegular'; src: url('fonts/oswald/oswald-webfont.eot'); src: url('fonts/oswald/oswald-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald/oswald-webfont.woff') format('woff'), url('fonts/oswald/oswald-webfont.ttf') format('truetype'), url('fonts/oswald/oswald-webfont.svg#OswaldRegular') format('svg'); font-weight: normal; font-style: normal; } html{/*height:100%; */}/* Si hauteur réel fenetre windows < contenuue */ html, body {margin:0; padding:0; font-family:Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; /*height:100%; width:100%; */ } body{padding-top:0px; position:relative; background:#b5aeac; } *{box-sizing:border-box; } #body {position:relative; width:93%; max-width:1600px; margin:7px auto 0 auto; background:#fff; height:auto!important; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:8px 0 10px -3px #666666,-8px 0 10px -3px #666666; -webkit-box-shadow:8px 0 10px -3px #666666,-8px 0 10px -3px #666666; box-shadow:8px 0 10px -3px #666666,-8px 0 10px -3px #666666; } @media (max-width:1600px){#body {width:93%; }} @media (max-width:1279px){#body {width:100%; }} h1{color:#000; font-size:1.5rem; font-weight:bold; clear:both; } #titre_page{font-family:'OswaldRegular', Tahoma, sans-serif; color:#e40c1b; font-size:2.875rem; text-transform:uppercase; text-align:center; margin:15px 0 40px 0; } .titre_h1 {text-transform:uppercase; text-shadow:1px 1px 2px #999; } h2{color:#000; font-size:1.5rem; margin-top:0.5em; margin-bottom:0.5em; } h3{font-size:1.125rem; margin:0; font-weight:normal; } .h5, h5 {font-size:1.2rem; line-height:1.1; } a, a:hover {color:black; text-decoration:none; } ol, ul, li{list-style:none; padding:0; margin:0; } .link:hover{text-decoration:underline; } img{font-size:0.5625rem; line-height:0.5625rem; } label {margin-bottom:.0rem; } .capitalize{text-transform:capitalize; } .clear{display:block; clear:both; } .hidden{display:none; } .left{float:left; } .right{float:right; } .center{text-align:center; } .centrer .text {display:flex; flex-direction:column; justify-content:center; } .text_left{text-align:left; } .text_right{text-align:right; } .middle {vertical-align:middle; display:inline-block; line-height:1; } .verticaltext {display:block; transform:rotate(90deg); } .img-responsive {max-width:100%; max-height:100%; } .non_visible, #produit .non_visible, .hide {display:none!important; } .info_requis, .important {color:#FF0000; } .sticky-top {z-index:10; } input{border:1px solid #899E9B; } .texte_important{color:#ff0000;} [type=reset], [type=submit], [type=button]{padding:8px 14px; font-size:0.875rem; text-align:center; background:#cacaca; background:-webkit-linear-gradient( #fff, #cacaca); background:-moz-linear-gradient( #fff, #cacaca); background:-ms-linear-gradient( #fff, #cacaca); background:-o-linear-gradient( #fff, #cacaca); background:linear-gradient( #fff, #cacaca); } [type=submit], button, html [type=button]{cursor:pointer; } [type="text"], [type="email"], [type="date"], [type="password"], [type="search"], textarea, select, .form-control{background-color:#eff2fb; } .input_txt{border: 0;padding: 0;margin: 0;} .inverse_txt {unicode-bidi:bidi-override; direction: rtl;} .form-group label{font-weight:bold; } .form-control.inline{display:inline-block; width:auto; } .commentaire_lengh{width:2rem;font-weight:600;} .hr940{clear:both;} #fondCorps{position:relative; padding: 15px 20px; min-height:1400px; background-color:#fff; z-index: 1;} .infoGlobal {color:#f16e06; font-weight:bold; text-align:center; font-size:0.6875rem; } .infoGlobal{font-style: italic;} .infoGlobal h4{font-size: 1.1rem; margin-bottom: .0rem; padding-right: 0.5rem;} .infoGlobal h4{ display: inline;font-size: 1.1rem; margin-bottom: .0rem; text-decoration: underline;padding-right: 0.5rem;} .info_obligatoire{color:#0000ff;font-style: italic; } .infoGlobal a {color: #007bff; font-weight: 900; text-decoration: none;} .infoGlobal a:hover { text-decoration:underline;} #produit .infoGlobal {text-align:left; } .upline {padding:5px 0px 5px 0px; font-weight:200; font-size:0.95rem; line-height:1.0; } .downline {padding:5px 0px 5px 0px; font-size:0.6875rem; text-align:center; } .descriptionPage a, p a, .filAriane a{text-decoration:none; color:#66858D; } .descriptionPage a:hover,.descriptionPage a:focus, p a:hover,p a:focus, .filAriane a:focus, .filAriane a:active, .filAriane a:hover{text-decoration:underline; color:#66858D; } .contexte {color:#999999; font-size:0.625rem; } .petite_info {font-size:75%; } .infoLight {color:#969696; font-size: 90%;font-weight:600; } .info {color:#7E7F83; font-size:0.75rem; font-weight:normal; } .p_cadre {border:1px solid black; padding:20px 20px; margin:10px 0; } .p_cadre h3{margin-bottom:1em; } .overflow-x{overflow-x: auto;} iframe{ max-width: 100%;} #landing_page{overflow-x: auto;} .requis, .important {color:#FF0000; } .capcha{margin-bottom:5px; } form .asterix {color:red; } .alert, .messageErreur, .messageSucces, .messageAlerte{display:block; margin:1em 0; padding:8px 12px; text-align:center; color:black; border:1px #000 solid; } .alert-error, .messageErreur{border-color:red; background-color:#fddada; } .alert-success,.messageSucces{border-color:green; background-color:#ddf9e0; } .messageAlerte{border-color:#DE6A1C; background-color:#F9A41E; } .alert-info {color: #0c5460;background-color: #d1ecf1; border-color: #0d7180;} .info_dispo{font-style: italic; font-size: 0.8rem;} .messageImportant{color:#ff0000} #fondCorps .sticky-top {top: 46px;} /*container toujours 100% */ .container100 {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } /*container sans margin -5 */ .container5-row{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-5px; margin-left:-5px; } /* Colonne 2/10 de page */ .col10-lg-2, .col10-xl-2{position:relative; width:100%; min-height:1px; padding-right:5px; padding-left:5px; } @media (min-width:992px){.col10-lg-2 {-webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }} @media (min-width:1400px){.col10-xl-2 {-webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; }} @media (min-width:1200px){.col-xl-2 {-webkit-box-flex:0; -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%; }} .tooltip {z-index:1; } /* icone toogle */ .toggle{cursor:pointer; } .icon-toggle{display:block; font-size:0; background:transparent url("spritesheet2.png") no-repeat -19px -100px; width:14px; height:8px; -webkit-transition:transform 0.5s ease;} .toggle-close .icon-toggle{/*background-position: -5px -100px;*/transform: rotateX(180deg);} .toggle-close .interieur {display:none; } .toggle-open .toggle-bas .icon-toggle{background-position:-19px -100px; } .toggle-close .toggle-bas .icon-toggle{background-position:-5px -100px; } /*.toggle-open .interieur {display:block; }*/ /* fenêtre modal */ .modal-content {z-index:100; } @media (min-width:576px){.modal-dialog {margin:15rem auto; }} #showMessage{margin-top:1rem; } /* Voile noir */ #bgLoader{background-color:#00000091; top:0; left:0; right:0; bottom:0; position:fixed; z-index:20; } #shadow_page{z-index:1001; display:none; position:fixed; top:0px; left:0; height:100%; width:100%; background:#000; opacity:0.75; } #lightbox {display:none; z-index:1011; position:fixed; overflow:auto; padding-bottom:0px; height:100%; width:100%; right:0; top:0; } /* tableau */ .table .thead {margin:0; border-top:1px solid #dee2e6; border-bottom:1px solid #dee2e6; font-weight:bold; vertical-align:bottom; /*height:3em; line-height:3em; */} .table .thead div{vertical-align:bottom; /* line-height:1; display:inline-block; */} .table .tr{margin:0; padding:.75rem 0; vertical-align:top; border-top:1px solid #dee2e6; } .table-striped .tbody .tr:nth-of-type(odd) {background-color:rgba(0,0,0,.05); } table.landing_page{border-collapse:collapse; } table.landing_page td{border:1px solid #eee; } /* degradé / Couleur */ .degrade_gris {background:#1a1a1a; background:-moz-linear-gradient(top, #bdc1c9 0%, #f1f7fc 40%, #f1f7fc 60%, #bdc1c9 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c9), color-stop(40%,#f1f7fc), color-stop(60%,#f1f7fc), color-stop(100%,#bdc1c9)); background:-webkit-linear-gradient(top, #bdc1c9 0%,#f1f7fc 40%,#f1f7fc 60%,#bdc1c9 100%); background:-o-linear-gradient(top, #bdc1c9 0%,#f1f7fc 40%,#f1f7fc 60%,#bdc1c9 100%); background:-ms-linear-gradient(top, #bdc1c9 0%,#f1f7fc 40%,#f1f7fc 60%,#bdc1c9 100%); background:linear-gradient(to bottom, #bdc1c9 0%,#f1f7fc 40%,#f1f7fc 60%,#bdc1c9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a',GradientType=0 ); } .degrade_btn{background:#ff595b; background:-moz-linear-gradient(top, #ff494c 0%, #ff6f71 45%, #ff6f71 55%, #ff494c 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff494c), color-stop(45%,#ff6f71), color-stop(55%,#ff6f71), color-stop(100%,#ff494c)); background:-webkit-linear-gradient(top, #ff494c 0%,#ff6f71 45%,#ff6f71 55%,#ff494c 100%); background:-o-linear-gradient(top, #ff494c 0%,#ff6f71 45%,#ff6f71 55%,#ff494c 100%); background:-ms-linear-gradient(top, #ff494c 0%,#ff6f71 45%,#ff6f71 55%,#ff494c 100%); background:linear-gradient(to bottom, #ff494c 0%,#ff6f71 45%,#ff6f71 55%,#ff494c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dadada',GradientType=0 ); } .degrade_btn2{background:#379b42; background:-moz-linear-gradient(top, #379b42 0%, #7fff6f 45%, #7fff6f 55%, #379b42 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#379b42), color-stop(45%,#7fff6f), color-stop(55%,#7fff6f), color-stop(100%,#379b42)); background:-webkit-linear-gradient(top, #379b42 0%,#7fff6f 45%,#7fff6f 55%,#379b42 100%); background:-o-linear-gradient(top, #379b42 0%,#7fff6f 45%,#7fff6f 55%,#379b42 100%); background:-ms-linear-gradient(top, #379b42 0%,#7fff6f 45%,#7fff6f 55%,#379b42 100%); background:linear-gradient(to bottom, #379b42 0%,#7fff6f 45%,#7fff6f 55%,#379b42 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dadada',GradientType=0 ); } .degradeSeparation {background:#e2e2c8; background:-moz-linear-gradient(top, #b6b69c 0%, #e2e2c8 45%, #e2e2c8 55%, #70703d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b69c), color-stop(45%,#e2e2c8), color-stop(55%,#e2e2c8), color-stop(100%,#b6b69c)); background:-webkit-linear-gradient(top, #b6b69c 0%,#c5c592 45%,#c5c592 55%,#b6b69c 100%); background:-o-linear-gradient(top, #b6b69c 0%,#e2e2c8 45%,#e2e2c8 55%,#b6b69c 100%); background:-ms-linear-gradient(top, #b6b69c 0%,#e2e2c8 45%,#e2e2c8 55%,#b6b69c 100%); background:linear-gradient(to bottom, #b6b69c 0%,#e2e2c8 45%,#e2e2c8 55%,#b6b69c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b69c', endColorstr='#e2e2c8',GradientType=0 ); } .degrade_gris_clair, #navMenuStore .niveau1 .actif>a{background:#acacac; background:-moz-linear-gradient(top, #acacac 0%, #f6f6f6 45%, #f6f6f6 55%, #acacac 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(45%,#f6f6f6), color-stop(55%,#f6f6f6), color-stop(100%,#acacac)); background:-webkit-linear-gradient(top, #acacac 0%,#f6f6f6 45%,#f6f6f6 55%,#acacac 100%); background:-o-linear-gradient(top, #acacac 0%,#f6f6f6 45%,#f6f6f6 55%,#acacac 100%); background:-ms-linear-gradient(top, #acacac 0%,#f6f6f6 45%,#f6f6f6 55%,#acacac 100%); background:linear-gradient(to bottom, #acacac 0%,#f6f6f6 45%,#f6f6f6 55%,#acacac 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dadada',GradientType=0 ); } .orange{background-color:#e49e33; } .jaune{background-color:#f8e920; } .vertClair{background-color:#d1df99; } .vert{background-color:#42a033; } .bleu{background-color:#63a5dc; } .violet{background-color:#bc98e5; } .rose{background-color:#ee9e74; } /* fond site */ #site_photo_background {position:fixed; top:0; left:0; z-index:-1; } /*----------------------------- Boutons -----------------------------*/ .btn:hover {-webkit-transition:background-color 500ms linear; -ms-transition:background-color 500ms linear; transition:background-color 500ms linear; } .boutonAlerte, .bouton_valider, .bouton_neutre2{font-family:"Times New Roman", Georgia, Times, serif; font-weight:400; display:block; text-align:center; padding:8px 14px; cursor:pointer; border-radius:2px; text-decoration:none; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2); } .boutonAlerte{color:#3C3939; background-color:#F9A41E; background:-webkit-linear-gradient(#FFD188,#F9A41E); background:-moz-linear-gradient(#FFD188,#F9A41E); background:linear-gradient(#FFD188,#F9A41E); border:1px #DE6A1C solid; } .boutonAlerte:hover, .boutonAlerte:focus, .boutonAlerte:active {color:#3C3939!important; background-color:#FF8F00; background:-webkit-linear-gradient(#FFC466,#FF8F00); background:-moz-linear-gradient(#FFC466,#FF8F00); background:linear-gradient(#FFC466,#FF8F00); } .bouton_valider2 {color:#fff; background-color:#478b1f; background:-webkit-linear-gradient(#61bc2e,#478b1f); background:-moz-linear-gradient(#61bc2e,#478b1f); background:linear-gradient(#61bc2e,#478b1f); border:1px solid #3c751f; } .bouton_valider2:hover, .bouton_valider2:focus, .bouton_valider2:active {color:#fff!important; background:-webkit-linear-gradient(#61B930,#3C741A); background:-moz-linear-gradient(#61B930,#3C741A); background:linear-gradient(#61B930,#3C741A); } .bouton_neutre2 {color:#000; background-color:#ECCB86; background:-webkit-linear-gradient(#F0E7D2,#ECCB86); background:-moz-linear-gradient(#F0E7D2,#ECCB86); background:linear-gradient(#F0E7D2,#ECCB86); border:1px solid #3c751f; } .bouton_neutre2:hover, .bouton_neutre2:focus, .bouton_neutre2:active {background:-webkit-linear-gradient(#F0E7D2,#DAA73D); background:-moz-linear-gradient(#F0E7D2,#DAA73D); background:linear-gradient(#F0E7D2,#DAA73D); } .bSupprimer {display:block; position:relative; background:transparent url('spritesheet2.png') no-repeat -491px -215px!important; width:20px; height:20px; font-size:0; margin-left:5px; border:none!important; font-size:0!important; } .boutonSupprimer {display:block; position:relative; background:transparent url('spritesheet2.png') no-repeat -362px -5px!important; width:16px; height:16px; font-size:0; margin:0px; border:none; cursor:pointer; } .tousLes .boutonAlerte{width:100%; margin-bottom:2rem; } /* Picto rond */ /*transform:rotate(-7deg); :problème de rotation pour les petits fontes */ .picto_rond, .picto_promotion{position:relative; background:#e61421; border-radius:50%; width:60px; height:60px; border:2px solid #fff; text-align:center; color:#fff; } .picto_rond .centre, .picto_promotion .centre{position:absolute; width:100%; top:50%; transform:translate(0%, -50%); text-align:center; } .picto_rond .important, .picto_promotion .important{position:relative; display:block; font-size:1.25rem; color:#fff; font-weight:bold; } .picto_rond .petit_texte, .picto_promotion .petit_texte{position:relative; display:block; font-size:0.5625rem; color:#fff; } /* SWITCH */ .onoffswitch {position: relative; width: 70px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;} .onoffswitch-checkbox {display: none;} .onoffswitch-label {display: block; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #5d5d5d; border-radius: 20px;} .onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;} .onoffswitch-inner:before, .onoffswitch-inner:after{display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size:11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box;} .onoffswitch-inner:before{content: "€ TTC";padding-left: 10px;background-color: #09ad7e; color: #fff;} .onoffswitch-inner:after{content: "€ HT";padding-right: 10px;background-color: #eee; color: #999; text-align: right;} .onoffswitch-switch { display: block; width: 20px;height:20px;margin: 0px 3px 6px 6px; background: #fff; position: absolute; top: 0; bottom: 0; right: 42px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; } #header .onoffswitch{bottom: -3px;} /*----------------------------- HEADER -----------------------------*/ #bloc_header{position:relative; position: sticky;} #header{position:relative;height:186px; border-top-left-radius:8px; border-top-right-radius:8px; z-index:2; background: #000;color: #c2c7ce; padding: 10px 10px;} /* header BLOC COMPTE */ #bloc_navbar_compte{position:absolute;z-index: 26; display:block; top:5px; left:10px; font-family:"Times New Roman", Georgia, Times, serif; font-size:0.8125rem;} #bloc_navbar_compte .contenu{position:relative; } /* header menu non loggé */ #bloc_navbar_compte .espaceProTxt{display:none; } #menu_connexion{display:block; position:relative; border-radius:4px;;z-index:3; width: 240px;padding:5px;} #menu_connexion #mail_c, #menu_connexion #passe_c{display:block; position:relative; width:160px; padding:2px 4px; font-size:0.75rem; color:#8c8c8c; } #menu_connexion #passe_c{margin-top:10px; position:relative; float:left; } #menu_connexion #bloc_password{position:relative; float:left; width:160px; height:22px; } #menu_connexion #txt_password{position:absolute; top:5px; left:10px; font-size:0.6875rem; color:#696969; } #menu_connexion .bouton_ok{position: relative;float: left;height: 24px;line-height: 24px;padding: 0 10px;margin-top: 10px;margin-left: 10px;} #menu_connexion #liens_connexion {position:relative; height:15px; margin:5px 0 3px 0; } #menu_connexion #liens_connexion a, #menu_connexion .erreur_connexion{display:block; font-size:0.75rem; line-height:0.75rem; } #menu_connexion #liens_connexion a{color:#000; } #menu_connexion .erreur_connexion {color:#B53128; } #liens_connexion a:hover, #liens_connexion a:focus, #liens_connexion a:active, #zoneDeconnexion a:hover,#zoneDeconnexion a :active,#zoneDeconnexion a:focus{text-decoration:underline; } #menu_connexion .bloc_login_remenber{color:#000;} #menu_connexion .bloc_login_remenber input[type=checkbox]{position: relative;top: 2px;cursor:pointer;} #menu_connexion .bloc_login_remenber label{cursor:pointer;} /* header compte loggé */ .actif #menu_connexion{background:rgba(255, 255, 255, 0.5); } #menu_connexion.logged {width: 280px;} #menu_connexion.logged .user {text-transform:uppercase;height: 20px;overflow: hidden;width: 95%; } #menu_connexion.logged li{float:left; position:relative; min-height:12px; } #menu_connexion.logged li a, #menu_connexion.logged li span{display:block; position:relative; text-decoration:none; line-height:0.75rem; padding:0px 10px; color:#fff; border:none; } #menu_connexion.logged .first span, #menu_connexion.logged .first a{} #menu_connexion.logged .last span, #menu_connexion.logged .last a{border-right-width:0px; } .bouton_rond {position:relative; border-radius:50%; background-color:#bdc1c9; height:25px; width:25px; padding:0!important; font-weight:bold; font-family:"Times New Roman", Georgia, Times, serif; border:1px solid #8c8c8c; color:#000; } #menu_connexion .bouton_assistance{display:block; float:right; } #menu_connexion .bouton_assistance a{display:block; width:100%; height:100%; padding:1px 0 0 7px; line-height:20px; font-size:1.25rem; } /* header compte */ #menu_compte{position:absolute; height:12px; color:#fff; margin-left:0px; top:-20px; } #menu_compte li{float:left; position:relative; height:12px; } #menu_compte li a, #menu_compte li span{display:block; position:relative; text-decoration:none; text-align:center; padding:0px 10px; color:#fff; border-left:1px solid #fff; font-size:0.875rem; line-height:14px} #menu_compte .first span, #menu_compte .first a{border-left:0px solid #fff; padding-left:0; } #menu_compte li a span{padding:0px; display:inline; } #menu_compte li a:hover{text-decoration:underline; } #menu_compte .actif a, #menu_compte .actif a span{color:#B53128!important; } #menu_compte .user{color:#b87571; } #menu_connexion .alert {margin: 0; padding: 0.25rem 0.5rem;font-size:13px; } #zoneDeconnexion .texte {position:absolute; bottom:3px; right:15px; z-index:2; color:#b53128; font-weight:bold; font-size:0.9375rem; } /* header panier */ input[type="submit"].dispo_limite:hover, input[type="submit"].dispo_limite:active, input[type="submit"].dispo_limite:focus{font-weight:bold; border-color:#000; } #zonePanier .article{display:none; } #zonePanier{display:block; position:absolute; float:right; height:25px; left:12px; top:85px; border-radius:0px; background:none; z-index:25; } #logoPanier{display:block; height:100%; width:100%; } #zonePanier a{color:#fff; display:block; padding-top:5px; font-family:"Times New Roman", Georgia, Times, serif; font-size:0.8125rem; font-weight:bold; text-decoration:none; } #zonePanier a:hover,#zonePanier a:focus,#zonePanier a:active{text-decoration:underline; } #logoPanier .image{display:inline-block; position:relative; top:-5px; background:transparent url('spritesheet2.png') no-repeat -391px -3px; height:26px; width:25px; margin-right:5px; } /* header Recherche */ #bloc_recherche {position:absolute; display:block; bottom:5px; left:10px; margin:10px 0 10px 0px; z-index:110; width:100%; } #bloc_recherche .icone_recherche {position:absolute; top:3px; left:5px; width:19px; height:17px; background:transparent url('spritesheet2.png') no-repeat 0 0; background-position:-110px -117px; z-index:101; } #rechercheProduit {position:relative; display:block; float:left; margin:0; padding:4px 6px 4px 30px; width:162px; max-width:162px; font-size:0.75rem; color:#8c8c8c; z-index:100; font-family:"Times New Roman", Georgia, Times, serif; box-sizing:content-box; } #bloc_recherche .bouton_ok {position:relative; display:block; float:left; margin-left:3px; height:28px; width:36px; padding:0; font-family:"Times New Roman", Georgia, Times, serif; } #labelRecherche{display:none; } /* header logo */ .navbar-brand {padding:0; } .navbar-brand img{max-width:75%; } /* header accroche */ .navbar_accroche{position:relative; display:block; top:10px; font-size:1.4375rem; line-height:1.4375rem; color:#e40c1a; text-transform:uppercase; font-weight:400; font-family:'OswaldRegular', Tahoma, sans-serif; letter-spacing:1px; } /* header menu site */ #navbarMenuSite{font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; font-size:1rem; position:relative; top:0; right:5px; width:auto;z-index:3; } #navbarMenuSite .nav-link {position:relative; padding:0; height:23px; text-decoration:none; line-height:18px; text-transform :uppercase; color:#c2c7ce; } #navbarMenuSite>.nav-link::before{position:relative; display:inline-block; content:" "; background:transparent url('spritesheet2.png') -5px -88px no-repeat; width:5px; height:2px; top:-6px; margin-right:5px; }/*le tiret*/ #navbarMenuSite .nav-link:hover{text-decoration:underline; } /* header menu langue */ #choixLangue{position:absolute; bottom:0px; right:10px; display:block; font-weight:bold; line-height:1rem; } #choixLangue .bloc_langue{position:relative; display:inline-block;} /*#choixLangue .bloc_langue:nth-child(n+2){margin-left:10px; }*/ #choixLangue .bloc_langue{margin-left:5px; } #choixLangue .image {display:block; position:relative; top:0px; float:left; width:16px; height:12px; background:transparent url('spritesheet2.png') no-repeat /*scroll*/; }/*0 3px*/ #choixLangue .icone-lg-fr {background-position:-304px -99px; } #choixLangue .icone-lg-en {background-position:-304px -115px; } #choixLangue .texte {display:block; position:relative; float:left; background:none; border:none; margin:0px 0 0 5px; font-size:0.8125rem; color:#ccc; } #choixLangue .actif .texte {color:#fff; text-decoration:underline; } /*----------------------------- HEADER Menu Store -----------------------------*/ #navbarMenuStore{width: 100%; background: #acacac;} #bloc_navbarMenuStore{padding:0; } #navbarMenuStore .navbar-nav.menu-niveau1{width:100%; background:#acacac; } #navbarMenuStore .nav-item.level-1{height:46px; padding:0px; margin:0px; box-shadow:2px 0px 2px #222; z-index:106; text-align:center; border-bottom-right-radius:8px; cursor:pointer; font-weight:400; float:left; } #navbarMenuStore .level-1>.nav-link {display:block; height:44px; line-height:44px; padding:1px 5px; text-align:center; text-transform:uppercase; color:#fff; text-decoration:none; font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; } #navbarMenuStore .level-1>.nav-link .middle{position:relative; top:-2px; } #navbarMenuStore .level-1>.nav-link .texte{display:inline-block; font-size:0.875rem; line-height:16px; } #navbarMenuStore .level-1{position:initial; } #navbarMenuStore .dropdown-menu-niveau2 {border:1px; border-bottom-width:2px; -webkit-box-shadow:3px 3px 5px 6px #545454; -moz-box-shadow:3px 3px 5px 6px #545454; box-shadow:0px 3px 10px 4px #545454; margin:0; padding:0 0 5px 0; height:auto; width:100%; transition:box-shadow 1s .5s,max-height 1s .5s,border-bottom 1s .5s, opacity .5s .5s; z-index:20; display:none; opacity:1;/*display:block; opacity:0;*/} /*#navbarMenuStore .level-1:hover .dropdown-menu-niveau2 {display:block; max-height:100em; opacity:1; }*/ #navbarMenuStore:hover .level-1>.nav-link{opacity:0.5; } #navbarMenuStore .level-1:hover>.nav-link{background-color:transparent; background-image:none; opacity:1; } #navbarMenuStore .dropdown-menu-niveau2 a{color:black; } #navbarMenuStore .level-2{width:225px; display:inline-block; vertical-align:top; padding:15px 25px; } #navbarMenuStore .level-2>.nav-link{font-family:'OswaldRegular', Tahoma, sans-serif; border-bottom:1px solid #dbdbe0; margin-bottom:8px; padding:0; } #navbarMenuStore .level-3{line-height:20px; font-size:0.75rem; } /*----------------------------- fil ariane -----------------------------*/ .filAriane{display:inline-block; width:70%; margin-bottom:10px; font-size:0.75rem; font-weight:bold; float:left; } #produit .filAriane{margin-bottom:0px; } .marque_ariane{ max-height: 50px;padding-right: 5px;} .bloc_line{height:auto;position:relative;} /*----------------------------- ACCUEIL -----------------------------*/ #page_accueil{position:relative; margin:0px; width:100%; } #page_accueil .descriptif p {text-align:center; } #page_accueil #bloc_catalogue_nouveaute{display:block;margin-bottom: 20px; /*float:left; width:285px; margin:0 10px 20px 15px;*/ } #page_accueil #bloc_catalogue{position:relative; border-radius:8px!important; border:1px solid #a3a3a3!important; margin:0 0px 0px 0; background-color:#e5e5e5; height:calc(100% - 98px); width:100%; text-align:center; } #page_accueil #bloc_catalogue h2{margin-top:0; padding-top:0; } #page_accueil #bloc_catalogue a{height:100%; text-decoration:none; color:#000; text-align:center; } #page_accueil #bloc_catalogue .texte {position:absolute; width:100%; bottom:9px; left:0; background:none; font-size:1.125rem; color:#000; border:none; margin:0; font-weight:200; } .bloc_nouveaute_promo{position:relative; width:100%; height:44px; margin-top:5px; } .bloc_nouveaute_promo .bouton_division {position:relative; display:block; height:44px!important; padding:0px; margin:0px; border:1px solid #9c9c9c; z-index:2; text-align:center; border-radius:8px; cursor:pointer; font-weight:400; float:left; } .bloc_nouveaute_promo .bouton_division_3 {position:relative; width:100%; left:0; background-color:#3fa534; margin-bottom:6px; } .bloc_nouveaute_promo .bouton_division_0 {position:absolute; width:53%; z-index:2; left:0; background-color:yellow; } .bloc_nouveaute_promo .bouton_division_1 {position:absolute; right:0; width:51%; z-index:1; background-color:red; } .bloc_nouveaute_promo .case_menu {display:block; height:42px; line-height:42px; padding:0 5px; font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; font-size:1.125rem; text-align:center; text-transform:uppercase; color:#000; text-decoration:none; } #page_accueil #bloc_catalogue img{display:inline-table; margin-top: 5px; max-width:65%;max-height:80%;} .telechargement_nom .bloc_img{position:relative;display: inline-block; vertical-align: middle;width: 90px;height: 90px;background: #ccc; padding: 0px; text-align: left;line-height: 1rem;} .telechargement_nom .bloc_img .text{display: block;position:absolute;bottom:0; left:0; width:100%; background: #ccc; padding: 0 0 5px 5px; } /*----------------------------- CAROUSSEL -----------------------------*/ #carouselAccueil{margin:0; border-radius:8px; margin-bottom:20px; overflow:hidden; } #carouselAccueil .carousel-inner .carousel-item{border-radius:8px; overflow:hidden; } #carouselAccueil a:hover{text-decoration:none; } #carouselAccueil .carousel-item img{min-width:100%; width:100%; } #carouselAccueil .carousel-control-prev,#carouselAccueil .carousel-control-next{width:6%; min-width:56px; } #carouselAccueil .carousel-control-prev{left:0px; } #carouselAccueil .carousel-control-next{right:0px; } #carouselAccueil .carousel-control-next-icon, #carouselAccueil .carousel-control-prev-icon{background:url(spritesheet2.png) -224px -6px no-repeat; width:28px; height:31px;position:absolute; bottom:16px; } #carouselAccueil .carousel-control-prev-icon{background-position:-224px -6px; } #carouselAccueil .carousel-control-next-icon{background-position:-262px -6px; } #carouselAccueil .carousel-control-prev-icon:hover{background-position:-224px -39px; } #carouselAccueil .carousel-control-next-icon:hover{background-position:-262px -39px; } #carouselAccueil .carousel-indicators {bottom:70px; z-index:1; } #carouselAccueil .carousel-indicators li {cursor:pointer; width:13px; height:13px; background:url(spritesheet2.png) -180px -63px no-repeat; text-indent:-9999px; } .carousel-indicators li::before, .carousel-indicators li::after {display:none; } #carouselAccueil .carousel-indicators .active {background-position:-140px -63px; } #carouselAccueil .carousel-indicators li:hover {background-position:-160px -63px; } #carouselAccueil .banner{text-align:center; background:#a3a3a3; border-bottom-left-radius:8px; border-bottom-right-radius:8px; height:60px; } #carouselAccueil a:hover .banner{ background:#929292;} #carouselAccueil .banner .titre{color:#fff; padding:0;margin:0;} #carouselAccueil .banner .description{position:relative;top:-0px;color:#000;line-height:14px; } .banner .description p{padding:0;margin:0;} @media only screen and (max-width:1023px){ .banner .titre {font-size: 1.0rem;} } /* accueil liens divisions/catégories */ #page_accueil .lien_division{outline:0px solid red; text-align:center; margin-bottom:20px; } #page_accueil .lien_division .vignette{width:100%;} #page_accueil .lien_division .vignette img{width:100%;} #page_accueil .lien_division .texte {background-color:#fff; font-size:0; color:#000; border:none; margin:0; } /*----------------------------- vignette categories -----------------------------*/ #entete_categorie img{width:100%; border-radius:8px; margin-bottom:10px; } .vignetteCategorie{position:relative; width:100%;text-align:center; background:#fff; border:1px solid #000; border-radius:8px; margin-bottom:20px; min-height:200px;cursor:pointer;} .vignetteCategorie:hover a {color:#000; text-decoration:underline; } .vignetteCategorie .zonePhoto img{border-radius:8px; max-width:100%; max-height:100%; } .vignetteCategorie .nomCategorie a {font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; font-size:1.375rem; text-transform:uppercase; line-height:1.5rem; } .vignetteCategorie .nomCategorie{position:absolute; margin:0 auto; bottom:5px; width:100%; padding:0 5%; text-align:center; } .vignetteCategorie .zonePhoto{position:absolute; height:150px; width:100%; text-align:center; display:table; top:10px;/*bottom: 37px;*/} .vignetteCategorie .zonePhoto>a{height:150px; display:table-cell; vertical-align:middle; } /* vignette produits */ .productLk{margin-top:5px; margin-bottom:5px; } .card{position:relative; height:210px; border:1px solid #cccccc; border-radius:8px; margin-top:10px; padding:5px 5px 0 5px; overflow:hidden; } .grandeVignette .card{height:300px; } .productLk .marque .texte{font-size:0} .productLk .marque img{position:absolute; max-height:24px; max-width:80px; top:2px; left:2px; padding:1px 0 0 1px; z-index:2; } .grandeVignette .productLk .marque img {max-height:40px; max-width:150px; padding-right:5px; } .productLk .bloc_image {clear:both; position:absolute; padding: 0 5px;top:5px; left:0; height:140px; line-height:140px; width:100%; text-align:center; z-index:1; } .grandeVignette .productLk .bloc_image {height:220px; line-height:220px; } .productLk .bloc_image .img-responsive {margin:auto; } .productLk .card-title h2{position:absolute; top:155px; font-size:0.75rem; line-height:0.75rem; margin:0; clear:both; width:58%; padding:0; max-height:37px; overflow:hidden; background-color:#ffffff61} .grandeVignette .productLk .card-title h2{top:228px; font-size:0.9375rem; line-height:0.9375rem; max-height:2.8125rem; } .productLk .card-body {display:none; } .productLk .card-references{position:absolute; margin:0; top:193px; font-size:0.6125em;line-height: 0.5rem;text-align:left; font-weight:normal; } .grandeVignette .productLk .card-references {top:280px; font-size:0.7rem; max-height:0.7rem; overflow:hidden; } .productLk .bloc_achat, .productLk .bloc_dispo{position:absolute; max-width:84px; top:125px; right:0px; z-index:1; } .grandeVignette .productLk .bloc_achat, .grandeVignette .productLk .bloc_dispo {max-width:100px; top:192px; right:10px; } .productLk .panier_quantite, .produit_tableau .panier_quantite{display:inline-block; text-align:center; margin:0; width:25px; padding:1px; font-size:0.8125rem; line-height:0.8125rem; } .grandeVignette .productLk .panier_quantite {/* padding:3px 5px; */} .productLk .icone_achat, .produit_tableau .icone_achat{margin-right:5px; display:inline-block; font-size:0.8125rem; line-height:0.8125rem; text-indent:-5000px; width:22px; height:22px; background:transparent url('spritesheet2.png') no-repeat 0 -0px; background-position:-339px -5px; cursor:pointer; border:none; padding:0; } .productLk .icone_achat:hover, .productLk .icone_achat:focus, .productLk .icone_achat:active{background-position:-339px -5px; } .bloc_achat .remplie {background-color:#C1FF01} .productLk .bloc_prix {position:absolute; font-weight:bold; font-family:arial, sans-serif; text-align:right; top:154px; right:5px; font-size:0.6875rem; width:40%; } .grandeVignette .productLk .bloc_prix { width:auto; } .productLk .apartir{position:relative; display:inline; color:#000; top:-3px; display:none; } .grandeVignette .productLk .bloc_prix {top:230px; right:10px; } .productLk .card-initial-price{color:#6b6b6b; font-weight:400; text-decoration:line-through; font-size:0.6875rem; line-height:0.625rem; } .grandeVignette .productLk .card-initial-price{font-size:0.8125rem; line-height:0.8125rem; } .productLk .card-price {position:relative; display:block; margin-bottom:-2px; font-size:0.625rem; line-height:0.75rem; } .grandeVignette .productLk .card-price {font-size:0.875rem; line-height:0.875rem; } .productLk .prix_principal .card-price {color:#B9121B; font-size:0.8125rem; line-height:0.875rem; } .grandeVignette .productLk .prix_principal .card-price {font-size:1.25rem; line-height:1.25rem; } .productLk .prix_non_principal .card-price .petite_info{font-size:0.625rem; } .produitDansPanier {float:left; display:block; color:#3b7c22; width:50px; line-height:0.5625rem; font-size:0.5625rem; text-align:right; margin-top:7px; } .produitDansPanier .quantite{font-size:0.75rem; font-weight:bold; } .zoneImagesLarge .produitDansPanier {width:60px; } /* DISPO */ .dispo_ok, .dispo_erreur, .dispo_limite{display:inline-block; font-family:Arial; text-decoration:none; padding:3px 5px 3px 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; font-size:0.5625rem; line-height:0.625rem; } .dispo_ok{color:#ffffff; background:#37d647; background-image:-webkit-linear-gradient(top, #37d647, #2c7015); background-image:-moz-linear-gradient(top, #37d647, #2c7015); background-image:-ms-linear-gradient(top, #37d647, #2c7015); background-image:-o-linear-gradient(top, #37d647, #2c7015); background-image:linear-gradient(to bottom, #37d647, #2c7015); } .dispo_limite{color:#f8fabb; background:#eb8d00; background-image:-webkit-linear-gradient(top, #eb8d00, #382612); background-image:-moz-linear-gradient(top, #eb8d00, #382612); background-image:-ms-linear-gradient(top, #eb8d00, #382612); background-image:-o-linear-gradient(top, #eb8d00, #382612); background-image:linear-gradient(to bottom, #eb8d00, #382612); } .dispo_erreur{color:#e8e8e8; background:#cc4b4b; background-image:-webkit-linear-gradient(top, #cc4b4b, #4f0c1d); background-image:-moz-linear-gradient(top, #cc4b4b, #4f0c1d); background-image:-ms-linear-gradient(top, #cc4b4b, #4f0c1d); background-image:-o-linear-gradient(top, #cc4b4b, #4f0c1d); background-image:linear-gradient(to bottom, #cc4b4b, #4f0c1d); } /* mini PICTO */ .bloc_pictos .picto_image{position:relative; display:inline-block; background:transparent url(spritesheet2.png) no-repeat; } .productLk .bloc_pictos {position:absolute; top:130px;font-size: 0; z-index:2; } .grandeVignette .productLk .bloc_pictos {top:200px; } .productLk .bloc_pictos .picto_image{margin-right: 2px;} .productLk .bloc_pictos .picto_nouveaute_fr {width:34px; height:18px; background-position:-387px -210px; } .productLk .bloc_pictos .picto_nouveaute_en {width:34px; height:18px; background-position:-387px -210px; } .productLk .bloc_pictos .picto_video_fr {width:26px; height:18px; background-position:-6px -143px; } .productLk .bloc_pictos .picto_video_en {width:26px; height:18px; background-position:-6px -143px; } .productLk .bloc_pictos .picto_promotion_fr{background-position:-387px -272px; width:58px; height:18px; } .productLk .bloc_pictos .picto_promotion_en{background-position:-387px -272px; width:58px; height:18px; } .productLk .bloc_pictos .picto_arrivage_fr {width:66px; height:18px; background-position:-387px -293px; } .productLk .bloc_pictos .picto_arrivage_en {width:52px; height:18px; background-position:-387px -314px; } #produit .bloc_pictos .picto_image{float: left;font-size:0;margin-right: 5px;} #produit .bloc_pictos img{vertical-align: top;} #produit .bloc_pictos .picto_nouveaute_fr {width:58px; height:30px; background-position:-214px -288px; } #produit .bloc_pictos .picto_nouveaute_en {width:58px; height:30px; background-position:-214px -288px; } #produit .bloc_pictos .picto_arrivage_fr {width:110px; height:30px; background-position:-103px -5px; } #produit .bloc_pictos .picto_arrivage_en {width:88px; height:30px; background-position:-5px -5px; } #produit .bloc_pictos .picto_video_fr {width:58px; height:40px; background-position:-188px -245px; } #produit .bloc_pictos .picto_video_en {width:58px; height:40px; background-position:-188px -245px; } #produit .bloc_pictos .picto_promotion_fr{background-position:-455px -250px; width:97px; height:30px; } #produit .bloc_pictos .picto_promotion_en{background-position:-455px -250px; width:97px; height:30px; } /* #produit .bloc_pictos .picto_image { position: relative; display: inline-block; background: transparent url(spritesheet2.png) no-repeat;} */ #infos_pictos{ margin: 4rem 0 1rem 0;padding-top:1rem;border-top: 1px solid rgba(0,0,0,.1);} #produit #infos_pictos h3 {display:none;} #produit #infos_pictos .nom {font-size: 1rem;} #produit #infos_pictos .image {text-align: center;} #produit #infos_pictos .thumb {height: 80px;display: table-cell;vertical-align: middle;} #produit #infos_pictos .thumb img{min-height: 40px;max-height: 80px;} #produit #infos_pictos .description { line-height: 1.1rem;} /* TITRE / SEPARATION */ .titre_separation{position:relative; display:block; height:34px; text-align:center; color:#000; border-bottom-right-radius:8px; font-weight:400; border:1px solid #d4d4d4; box-shadow:2px 0px 2px #222; font-family:'OswaldRegular', Tahoma, sans-serif; font-size:1.25rem; margin:5px 0 10px 0; width:100%; } .titre_separation h1{margin:0; font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; } .titre_separation h3{line-height:32px; } #bloc_menu_store .titre_separation .lien_separation {display:block; width:100%; height:100%; line-height:34px; text-align:center!important; padding:0!important; font-size:0.875rem!important; } #bloc_menu_store .titre_separatio .lien_separation:hover {color:black; } /*----------------------------- BLOC MENU STORE -----------------------------*/ #bloc_menu_store{float:left; position:relative; width:234px; margin:0px 20px 15px 0px;} #bloc_menu_store .titre_separation .texte{padding-right:20px; bottom:2px; position:relative; } #bloc_menu_store .demi.titre_separation {width:calc(50% - 5px); } #bloc_menu_store .first.titre_separation{float:left; } #bloc_menu_store .last.titre_separation{float:right; } #bloc_menu_store .nouveaute{background:#ff595b; } #bloc_menu_store .arrivage{background:#ff595b; } #bloc_menu_store .promotion{background:#ffed00; } .bloc_sousMenuStore::before{clear:both; } .bloc_sousMenuStore .bouton_toggle {display:block;position: absolute;right: -5px;top: 3px; float:right; width:36px; height:26px; padding:8px 10px; cursor:pointer; } .bloc_sousMenuStore .toggle-bas{display:block; text-align:center; width:100%; height:10px; background:none; border:none; } .bloc_sousMenuStore .toggle-bas .icon-toggle{display:block; text-align:center; float:none; margin:0 auto; } .bloc_sousMenuStore .interieur{margin-bottom:10px; } .bloc_sousMenuStore .texte_filtre {display:block; float:left; font-size:0.75rem; margin-left:5px; max-width:65%; } .bloc_sousMenuStore .boutonSupprimer {position:absolute; right:38px; top:6px; width:20px; } .bloc_sousMenuPrix.bloc_sousMenuStore .boutonSupprimer { right:5px; } .bloc_sousMenuStore .sous_menu_ligne .boutonSupprimer {right:5px; top:0px; } .bloc_sousMenuStore .sous_menu_ligne{position:relative; display:block; width:100%; margin:5px 0px; font-family:'OswaldRegular', Tahoma, sans-serif!important; } .bloc_sousMenuStore .sous_menu_ligne::after{display:block; clear:both; content:' '; } .bloc_sousMenuStore input[type=checkbox]{float:left; } .bloc_sousMenuStore .bloc_marque .photo{display:block; float:left; margin-left:0px; width:60px; height:100%; line-height:100%; text-align:center; } .bloc_sousMenuStore .bloc_marque .photo img{max-height:20px; max-width:60px; position:relative; top:-2px; } .sous_menu_ligne .texte{position:relative; margin-left:10px; display:block; float:left; font-size:0.75rem; font-weight:400; color:#000; } .sous_menu_ligne .desactive_filtre {color:#B9121B; text-decoration:underline; font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:400; } .bloc_sousMenuStore a{display:block; cursor:pointer} .bloc_sousMenuStore .sous_menu_ligne .quantite{float:left; margin-left:5px; font-size:0.75rem; font-weight:200; color:#000; } .bloc_sousMenuStore .bloc_marque .texte, .bloc_sousMenuStore .bloc_marque .quantite{} #sousMenuStore {clear:both; } /* slider cara */ .slider.slider-horizontal {margin-left:10px; margin-top:30px; width:calc(100% - 15px); height:20px; } .slider-container{width:220px!important; height :25px; padding-top:20px} .slider-selection {background-image:-webkit-linear-gradient(top, #bdc1c9 0%, #b8b8b8 100%); background-image:-o-linear-gradient(top, #bdc1c9 0%, #b8b8b8 100%); background-image:linear-gradient(to bottom, #bdc1c9 0%, #b8b8b8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc1c9f9', endColorstr='#b8b8b8f5', GradientType=0); } .slider.slider-horizontal .tooltip{opacity:1; } /* tooltip */ .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color:#000; } .tooltip-inner{background-color:#454545; padding:3px 8px; } .tooltip-arrow {position:absolute; width:0; height:0; border-color:transparent; border-style:solid; } .slider .tooltip.top {padding:5px 0; } .tooltip.top .tooltip-arrow {bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#454545; } /* MENU STORE */ #navMenuStore{position:relative; width:100%; font-family:'OswaldRegular', Tahoma, sans-serif; font-weight:300; } #navMenuStore .centrage {position:relative; vertical-align:middle; display:inline-block; line-height:1; } /* Store */ #page_store, #produit{position:relative; float:left; width:calc(100% - 254px); } /*----------------------------- zone tri produits -----------------------------*/ .bloc_tri{position:relative; display:block; width:100%; margin:10px 0 0 0; font-size:0.75rem; } .bloc_tri .interieur{position:relative; padding:7px 0px 0px 00px; border:solid 1px #e0e0e0; border-radius:4px; font-size:0.6875rem; background-color:#f7f7f7; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)); background-image:-webkit-linear-gradient(top, #fff, #e9e9e9 ); background-image:-moz-linear-gradient(top, #fff, #e9e9e9 ); background-image:-ms-linear-gradient(top, #fff, #e9e9e9 ); background-image:-o-linear-gradient(top, #fff, #e9e9e9 ); background-image:linear-gradient(to bottom, #fff, #e9e9e9 ); } .bloc_tri p{margin:0; padding:0; } .bloc_tri .bloc_tri_type, .bloc_tri .bloc_tri_affichage{} .bloc_tri .bloc_tri_type select{max-width:170px; } .bloc_tri select{margin:0px; font-size:0.75rem; margin-bottom: 5px;} .bloc_tri label, .bloc_tri .label{font-size:0.65rem;margin:0px; display: block;} .bloc_nb_produit { float: right;} .form_itemsPage{float: left;} .bloc_tri_presentation{ float:right; } .bloc_tri .bloc_store_presentation {position:relative; display:block; float:right; margin-right:0px; bottom:0px; } .bloc_tri .bloc_store_presentation form{position:relative; display:block; float:left; } .bloc_tri .bloc_store_presentation .first{margin-left:0px; } .bloc_store_presentation .choix_vignette{background:transparent url('spritesheet2.png') no-repeat -562px -215px; width:17px; height:19px; font-size:0; border:none; } .bloc_store_presentation .vignette_par_4{background-position:-562px -215px; } .bloc_store_presentation .actif .vignette_par_4, .bloc_store_presentation .vignette_par_4:hover, .bloc_store_presentation .vignette_par_4:focus, .bloc_store_presentation .vignette_par_4:active{background-position:-562px -234px; } .bloc_store_presentation .vignette_par_3{background-position:-562px -253px; } .bloc_store_presentation .actif .vignette_par_3, .bloc_store_presentation .vignette_par_3:hover, .bloc_store_presentation .vignette_par_3:focus, .bloc_store_presentation .vignette_par_3:active{background-position:-562px -272px; } .bloc_store_presentation .vignette_par_2{background-position:-562px -291px; } .bloc_store_presentation .actif .vignette_par_2, .bloc_store_presentation .vignette_par_2:hover, .bloc_store_presentation .vignette_par_2:focus, .bloc_store_presentation .vignette_par_2:active{background-position:-562px -310px; } .indexPages{display:block; position:relative; float:right; width:auto; margin-top: 5px; } .indexPages li{float:left; } .indexPages a{padding:7px 10px; } .indexPagesActif{padding:0px 10px; } .indexPages a:hover,.indexPages a:focus,.indexPages a:active {text-decoration:underline; } .indexPagesActif{font-weight:bold; text-decoration:underline; } .indexPages .previous, .indexPages .next{display:block; position:relative; top:-6px; background:transparent url('spritesheet2.png') no-repeat; width:26px; height:26px; font-size:0; cursor:pointer; border:0; } .indexPages .previous{background-position:-268px -151px; } .indexPages .next{background-position:-268px -99px; } .indexPages .previous:focus, .indexPages .previous:hover, .indexPages .previous:active{background-position:-268px -177px; } .indexPages .next:focus, .indexPages .next:hover, .indexPages .next:active{background-position:-268px -125px; } #store_accueil .vignetteCategorie {border:none; min-height:auto; } #store_accueil .vignetteCategorie:before {content:''; display:none; width:0; vertical-align:middle; padding:0% 0; } #store_accueil .vignetteCategorie .zonePhoto {position:relative; top:0px; border:none; height:auto; width:100%; } #store_accueil .vignetteCategorie .zonePhoto>a {color:#fff; height:auto; display:block; /* vertical-align:middle; */} #store_accueil .vignetteCategorie .zonePhoto img { width:100%; border:1px solid #000; } #store_accueil .vignetteCategorie .nomCategorie { bottom:0px; } #store_accueil .vignetteCategorie .nomCategorie a {color:#fff; } /*----------------------------- partage produit -----------------------------*/ #partage_produit_mail {display:none; width:600px; min-height:580px; position:absolute; left:calc(50% - 300px); top:calc(50% - 450px); opacity:1; background:#fff; border:1px solid #cccccc; border-radius:8px; padding:2em; } #partage_produit_mail .close{position:absolute; top:5px; right:10px; display:block; outline-style:none; margin:0; padding:0; text-decoration:none; width:20px; height:22px; background:transparent url("spritesheet2.png") no-repeat -301px -63px; cursor:pointer; } #partage_produit_mail .vignetteProduit {position:relative; background:none; height:100%; width:100%; float:none; border:none; margin:0px; } #partage_produit_mail .vignetteProduit_conteneur {width:100%; height:auto; float:left; } #partage_produit_mail .vignetteProduit .zoneImages {max-width:100%; max-height:200px; display:block; text-align:center; } #partage_produit_mail .vignetteProduit .zoneTextes {width:100%; height:150px; margin-left:20px; display:block; float:left; } #partage_produit_mail .vignetteProduit .nomProduit {position:relative; top:0px; left:0px; margin:10px 0 0 0; clear:both; width:310px; font-size:0.9375rem; line-height:0.9375rem; font-weight:bold; } #partage_produit_mail .formulaire textarea {width:550px; height:50px; padding:10px; } /*----------------------------- PRODUIT -----------------------------*/ #modif-produit-lien {position:absolute; display:block; top:1px; right:-53px; width:53px; height:53px; border-top-right-radius:8px; border-bottom-right-radius:8px; cursor:pointer; z-index:10; } #pages_catalogue{float:right; margin-left:10px; font-weight:600; text-shadow:1px 1px 1px #ccc; } #produit .liens_sociaux{position:relative; margin-top:5px; float:right; width:120px; } #produit .liens_sociaux .texte{display:block; float:left; color:#3b55a0; margin-top:4px; font-size:0.75rem; font-weight:bold; } .liens_sociaux #lien_partage{display:block; position:relative; border-radius:0px; padding:0px; float:left; top:0; background:url("spritesheet2.png") no-repeat -5px -117px transparent; font-size:0; width:28px; height:20px; margin:0 10px 0 5px; } .liens_sociaux #lien_facebook {display:block; float:left; top:0; background:url("spritesheet2.png") no-repeat -231px -202px transparent; font-size:0; width:20px; height:20px; margin:0 0px; } #produit .marque a{display: block; width: 100%;height: 100%;cursor:pointer;} /* produit image */ #produit #zoneImage {position:relative; padding:0; text-align:center; } #produit #zoneImage .slider{margin-bottom:20px; overflow:hidden; width:100%; height:400px; } #produit #zoneImage .slider .items{display:block; width:100%; max-height:400px; text-align:center; } #produit #zoneImage .slider .item{/*display:block; text-align:center; */display:inline-block; } #produit #zoneImage .slider .item a{text-align:center; margin:0 auto; display:table-cell; vertical-align:middle; width:100%; height:400px; } #produit #zoneImage .slider img{margin:0 auto; max-width:100%; max-height:400px; } #produit #zoneImage .pagination{display:block; position:relative; padding:0; width:100%; height:40px; } /* produit image fleche prec/suiv */ #produit .prev,#produit .next {position:absolute; width:29px; height:33px; display:inline-block; } #produit .prev {left:75px; background:transparent url(spritesheet2.png) no-repeat -223px -5px; } #produit .prev:hover {background-position:-223px -38px; } #produit .next {right:75px; background:transparent url(spritesheet2.png) no-repeat -262px -5px; } #produit .next:hover {background-position:-262px -38px; } /* produit image bullet */ #produit .bullet {position:relative; margin:0 auto; width:200px; } #produit .bullet li {float:left; padding-left:3px} #produit .bullet a {display:block; width:13px; height:13px; background:url(spritesheet2.png) no-repeat -140px -63px; text-indent:-9999px} #produit .bullet .current a {background-position:-180px -63px; } #produit .bullet a:hover,#produit .bullet a:focus,#produit .bullet a:active{background-position:-160px -63px; } /* produit image thumb */ #produit #blocThumb {position:relative; display:inline-block; margin:0 auto 10px auto; text-align:center; } #produit #blocThumb a {display:block; width:92px; height:92px; border:1px solid black; float:left; margin-right:2px; margin-top:2px; } #produit #blocThumb .thumb {width:92px; height:90px; display:table-cell; vertical-align:middle; } #produit #blocThumb .thumb img {max-width:90px; max-height:90px; display:table-cell; margin:0 auto; text-align:center; } #produit #blocThumb .texte {position:absolute; bottom:5px; text-align:center; border:none; text-decoration:none; width:92px; font-size:0.6875rem; padding:0 5px; } #produit #blocThumb .texte{display:none; } /* produit marque / picto */ #produit #zoneInfo {position:relative; text-align:left; top:0px; margin:0px 0px 10px 0px; } #produit #zoneInfo .marque {position:relative; display:block; float:left; font-size:0; margin:0px 5px 0px 0; } #zoneInfo .bloc_pictos {position:relative; display:block; margin:0 0px 5px 0; } #zoneInfo .bloc_pictos .picto{height:40px;margin-right:5px; } /* produit nom / ref */ #produit #zoneInfo .nom {position:relative; width:100%; color:#000; font-weight:400; text-transform:uppercase; text-shadow:1px 1px 2px #999; font-size:1.5rem; clear:both; } #produit #bloc_ref{float:left; width: 60%; max-width: calc(100% - 350px);margin-bottom:10px; } #produit #bloc_ref .ref {color:#000; font-weight:400; font-size:1.0625rem; text-decoration:none; } #produit #bloc_ref .ref .modif_reference {display:inline-block; border:1px solid #000; padding:2px 5px; margin:0 5px 5px 0; } #produit #bloc_ref .ref .selected {border-color:#ffa91c; } /* produit bloc article */ #produit .blocArticle {display:block; position:relative; float:left; margin-bottom:10px; width: 40%; min-width: 350px;} #produit .bloc_dispo_prix_achat{display:block; position:relative; width: 100%; font-weight:normal; text-decoration:none!important; color:#000; border:#cacaca solid 1px; border-radius:4px; background:#e4ceb6; background:-moz-linear-gradient(top, #e4ceb6 0%, #f9f1c4 25%, #f9f1c4 75%, #e4ceb6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4ceb6), color-stop(25%,#f9f1c4), color-stop(75%,#f9f1c4), color-stop(100%,#e4ceb6)); background:-webkit-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); background:-o-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); background:-ms-linear-gradient(top, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); background:linear-gradient(to bottom, #e4ceb6 0%,#f9f1c4 25%,#f9f1c4 75%,#e4ceb6 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ceb6', endColorstr='#e4ceb6',GradientType=0 ); } #produit .bloc_dispo_prix_achat .bloc_dispo_prix_achat::after{display:block; clear:both; content:' '; } #produit .bloc_dispo_prix_achat .bloc_interieur{padding:10px 0px 10px 20px; position:relative; display:block; } #produit .bloc_dispo_prix_achat .bloc_interieur::after{display:block; clear:both; content:' '; } #produit .bloc_dispo_prix_achat .bloc_prix{margin-bottom:10px; } #produit .prix_non_solde{color:grey; font-weight:bold; text-decoration:line-through; } #produit .bloc_dispo_prix_achat .prix_non_solde{font-size:1.125rem; } #produit .bloc_dispo_prix_achat .prix{font-size:1.375rem; } #produit .bloc_dispo_prix_achat .prix_principal .prix{font-size:2rem; font-weight:bold; } #produit .bloc_dispo_prix_achat .prix_conseille{font-size:0.75rem; } #produit .bloc_dispo_prix_achat .prix_principal .prix_conseille{font-size:0.875rem; } #produit .bloc_dispo_prix_achat .prix_devise{font-size:1.125rem; } #produit .bloc_dispo_prix_achat .prix_principal .prix_devise{font-size:1.5rem; font-weight:bold; } #produit .bloc_dispo_prix_achat .picto_promotion{position:absolute; top:10px; right:25px; border-color:#e61421; } #produit .bloc_dispo_prix_achat .info_requis{margin:0 0 1rem 0; font-style:italic; line-height:1em; } #produit .bloc_dispo_prix_achat .ref{display:inline-block; width:194px; } #produit .bloc_dispo_prix_achat .bloc_achat{display:inline-block; } #produit .bloc_dispo_prix_achat .bloc_achat::after{display:block; clear:both; content:' '; } #produit .bloc_dispo_prix_achat .bloc_achat label{display:inline-block; float:left; margin-top:12px; font-size:0.8125rem; } #produit .bloc_dispo_prix_achat .bloc_achat .panier_quantite {display:inline-block; margin:5px; width:40px; padding:0 0.375em; } #produit .accroche{font-size:0.875rem; margin:0px 0 10px 0px; font-weight:bold; } #produit .accroche h2 {font-size:0.8125rem; margin-top:10px; font-weight:bold; } #produit #accroche h2 {font-size:0.8125rem; margin-top:10px; font-weight:bold; } #produit #bloc_contexte {margin:100px 0 20px 0; } #produit #description h1, #produit #description h2{max-width:100%; } #produit #description img, #produit #bloc_ficheTechnique img{max-width:100%; height:auto; } #bloc_description ul {padding-left:0px; margin-left:20px; } #bloc_description ul > li {list-style-type:square; } #produit .bloc_video{padding:20px 0; } /* produit tableau */ #produit_info {float:none; margin-top:10px; } #bloc_produit_tableaux {/*min-width:504px;*/ } #produit .produit_tableau .dispo img{width:40px; } #produit .produit_tableau .dispo_erreur.public_dispo, #produit .produit_tableau .dispo_ok.public_dispo{font-size:0.625rem; } #produit .produit_tableau .dispo_ok, #produit .produit_tableau .dispo_erreur, #produit.produit_tableau .dispo_limite{font-size:0.4375rem; padding:2px 8px 3px 8px; } #produit .produit_tableau .dispo{margin:0 0 4px 0; float:none; } /*#produit .produit_tableau .icone_achat {float:left; margin:0 0 0 5px; }*/ #produit .produit_tableau .icone_achat {background-position:-301px -37px; } #produit .produit_tableau .panier_quantite {margin:0; } .produit_tableau{margin:1px 0 10px 0; max-width:100%; overflow:auto; } .produit_tableau .achat{padding:0px 5px; } .produit_tableau .bouton{padding:4px 8px; } .produit_tableau .designation{max-width:150px; } .produit_tableau .photo img{max-height:38px; max-width:78px; width:auto; } .produit_tableau .photo{font-size:0;} .produit_tableau .prix_non_solde{font-size:0.5625rem; } .produit_tableau a:hover, .produit_tableau a:focus, .produit_tableau a:active {text-decoration:underline; } .produit_tableau table{border-collapse:collapse;/* min-width:800px;*/ max-width:100%; } .produit_tableau td {padding:5px 2px; height:25px; font-size:0.75rem; color:#3E1E08; text-align:center; border:1px solid #000000; } .produit_tableau th {font-size:0.75rem; color:white; padding:2px 2px 2px 2px; text-align:center; background-color:#bcaa8c; font-variant:small-caps; } .produit_tableau th, .produit_tableau td{border:1px solid #000000; } .paintball .produit_tableau th{background-color:#fdf501; color:#000; } .produit_tableau .pair td {background-color:#edeadf; } .airgun .produit_tableau th{background-color:#cd5301; } .airgun .produit_tableau .pair td {background-color:#EDE4DF; } .airsoft .produit_tableau th{background-color:#c5c592; color:#000} .outdoor .produit_tableau .pair td {background-color:#DFEDE3; } .outdoor .produit_tableau th{background-color:#5e8b01; } .paintball .produit_tableau .pair td {background-color:#F2F2B9; } /*----------------------------- Lien PDF / cerfa ... -----------------------------*/ .lien_pdf, .lien_cerfa {width:210px; margin-right:10px; display:block; float:left; margin-top:10px; } .lien_cerfa {width:210px; } .bloc_telechargement .image{float:left; background:transparent url('spritesheet2.png') no-repeat; width:60px; height:59px; } .lien_pdf .image{background-position:-75px -202px; } .lien_cerfa .image{background-position:-5px -202px; } .bloc_telechargement .texte, .lien_cerfa .texte{float:left; font-size:0.875rem; width:127px; margin:5px 0 0 10px; background:none; border:none; } .bloc_telechargement .texte:hover, .lien_pdf .texte:active, .lien_pdf .texte:focus{text-decoration:underline; } .catalogue img{max-height: 280px;} /*----------------------------- LIENS SOCIAUX -----------------------------*/ .icone_lien_sociaux .image{display:inline-block; position:relative; float:left; top:-12px; width:33px; height:33px; background:transparent url('spritesheet2.png') no-repeat 0 0px; margin:0px 0 0 5px; } .icone_lien_sociaux .icone_facebook{background-position:-188px -202px; } .icone_lien_sociaux .icone_youtube{background-position:-256px -245px; } .icone_lien_sociaux .texte {display:inline-block; float:left; background:none; border:none; margin:0px 0 0 5px; } /*----------------------------- PAGE Téléchargement -----------------------------*/ #pageTelechargement .catalogue {margin-bottom: 30px;text-align: center;} /*----------------------------- PAGE MARQUES -----------------------------*/ #bloc_marques {position:relative; display:block; margin:0 0 20px 40px; } #bloc_marques .bloc_marque{position:relative; width:180px; height:140px; float:left; margin:30px 20px 0 0; text-align:center; outline:0px solid red; } #bloc_marques .bloc_marque a{width:180px; height:140px; } /*#bloc_marques .bloc_marque a::after{display:block; clear:both; content:' '; }*/ #bloc_marques .last{margin-right:0; } #bloc_marques .photo{width:100%; height:140px; text-align:center; margin:0 auto; display:table-cell; vertical-align:middle; } #bloc_marques .photo img{max-width:100%; max-height:100%; } #bloc_marques .nom{font-family:"Times New Roman", Georgia, Times, serif; color:#666055; font-size:0.6875rem; line-height:0.75rem; text-transform:uppercase; font-weight:bold; } #bloc_marques .bloc_marque .texte{top:100px; left:-40px; width:290px; height:auto; border-top-right-radius:8px; } #bloc_marques .bloc_marque a:hover .nom, #bloc_marques .bloc_marque a:focus .nom, #bloc_marques .bloc_marque a:active .nom{color:red; } #bloc_marques .bloc_marque .texte{display:none;position:absolute;top:100px;padding:10px 10px 10px 10px;border-top-right-radius: 8px; z-index:602;text-align: center;box-shadow: 2px 4px 4px rgba(0,0,0,0.5);background:#ccccccf7; } @media (min-width: 768px){#bloc_marques .bloc_marque .texte{width:350px;left:-60px;}} #bloc_marques .bloc_marque .texte p, #bloc_marques .bloc_marque .texte a{z-index:603; margin:0; padding:0;} #bloc_marques .bloc_marque .texte a{color: #ae3e00;} #bloc_marques .bloc_marque .liens_intitule{ font-family: "Times New Roman", Georgia, Times, serif; } #bloc_marques .bloc_marque .rub_liens{ margin-top:10px!important; } #bloc_marques .bloc_marque:hover .texte, #bloc_marques .bloc_marque:focus .texte, #bloc_marques .bloc_marque:active .texte{display:block;} /*----------------------------- PANIER -----------------------------*/ #page_panier #photo {min-width:150px; } #page_panier #designation {min-width:100px; } #page_panier #informations {min-width:130px; } #page_panier #quantite {min-width:100px; } #page_panier .lienProduit, #page_panier .nom_rnp{color:black; text-decoration:none; font-weight:bold; font-size:0.75rem; } #page_panier .photoReduite {max-width:180px; max-height:50px; } #page_panier .boutonRecharger ,#page_compte .boutonRecharger{position:relative; margin-left:5px; bottom:4px; background:url('spritesheet2.png') no-repeat transparent -5px -61px; width:22px; height:22px; font-size:0; border:0; } #page_panier .lienProduit,#page_panier .nom_rnp{color:black; text-decoration:none; font-weight:bold; font-size:0.75rem; }/*nom article*/ #page_panier .lienProduit:hover,#page_panier .lienProduit:focus{text-decoration:underline; } #page_panier .nom_option { line-height:0.625rem; font-size:0.6875rem; text-transform:none; font-weight:normal; } #ajout_panier .ajout_reference {width:200px;margin-right: 2px;} #ajout_panier .quantite {width:80px; } #page_panier .zone_boutons{display:block; position:relative; } #page_panier #pContinuerAchat {float:left; position:relative; margin-left:0px; margin-bottom: 20px; } #page_panier #pContinuerAchat a{display:block; font-size:0.875rem; text-decoration:none; } #page_panier #pValiderPanier {float:right; position:relative; margin-left:20px; } #page_panier .commande_souche{width: 60%;float: right;margin-bottom: 5px;} #page_panier .boutonTexteSupprimer{color:#d13131!important; border-width:0!important; background:none!important; padding:0 0!important; border:none!important; padding:5px 12px; } #page_panier .boutonTexteSupprimer:hover, .boutonTexteSupprimer:focus, .boutonTexteSupprimer:active{text-decoration:underline!important; color:#d13131!important; } /* tab_bibliotheque */ .tab_bibliotheque {width:100%; } .tab_bibliotheque thead th{font-size:0.875rem; font-weight:bold; border-bottom:2px solid #2e2e2e; color:#000; text-align:left; } .tab_bibliotheque td {font-size:0.75rem; text-align:left; } .tab_bibliotheque.striped tr:nth-child(even) {background:#eff2fb; } .tab_bibliotheque tfoot, .tab_bibliotheque tfoot td {text-align:right; font-weight:bold; } .tab_bibliotheque .ssTotal {min-width: 100px;max-width: 150px;text-align:right; } .tab_bibliotheque .center {text-align:center; } #page_panier .tab_bibliotheque input[type="text"], #page_panier .tab_bibliotheque .quantite {display:inline-block;width: 80%; padding:0.25rem 0.25rem; text-align:center; } #page_panier .tab_bibliotheque #bloc_quantite {text-align: center;min-width: 90px; padding: 0;} #page_panier .tab_bibliotheque .quantite {width:50px; } #page_panier .informations{min-width:70px;max-width: 150px;text-align: right; padding-right: 5px;} #page_panier .bloc_quantite{max-width:90px;} #page_panier #label_ajout_reference { padding: 30px 0 10px 0; margin: 0; font-weight: bold; color: #b53128; } /*----------------------------- MON COMPTE -----------------------------*/ #page_compte .bouton2 {display:block; margin-bottom:10px; } #page_compte .bouton2 a{display:block; height:50px; line-height:48px; color:#000; font-size:1.125rem; text-align:center; border:2px #606261 solid; } #page_compte .menuCommande{padding:10px 100px; } #page_compte .menuCommande a{color:#000; } #page_compte #select_modif_coordonnee {width:330px; } /*-----------------------------Points de vente-----------------------------*/ #map_canvas {min-height:800px; height:100%; } #page_point_vente #liste_departement{margin-left:80px; margin-bottom:10px; } .requis_contact {font-size:0.75rem; color:#000; text-align:left; font-style:normal; font-weight:bolder; } #liste_revendeur .box_revendeurs {display:block; float:left; font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif; font-size:0.6875rem; color:#000; font-weight:bold; width: 155px; height: 130px; margin-right: 5px; background-color:#fff; margin-bottom:10px;overflow:hidden; } #liste_revendeur .titre_revendeurs {color:#C92323; font-weight:bold; text-align:left; text-transform :uppercase; font-size:0.75rem; } #liste_revendeur .box_revendeurs a{color:#66858D; text-decoration:none; } #liste_revendeur .box_revendeurs a:focus, #liste_revendeur .box_revendeurs a:hover{text-decoration:underline; } /*pied de page*/ #liste_revendeur .pied_page {width:210px; outline:0px solid red; padding-left:5px; padding-right:0px; } #liste_revendeur .link_prev, .link_next{display:block; position:relative;cursor:pointer; } #liste_revendeur .link_prev{float:left; } #liste_revendeur .link_next{float:right; } #liste_revendeur .pied_page .img{width:7px; height:11px; position:relative; top:5px; } #liste_revendeur .link_prev, #liste_revendeur .link_next{background:transparent url('spritesheet2.png') no-repeat 0px 0px; width:26px; height:26px; background-position:-268px -99px; } #liste_revendeur .link_prev{float:left; background-position:-268px -151px; } #liste_revendeur .link_prev:hover, #liste_revendeur .link_prev:focus, #liste_revendeur .link_prev:active{background-position:-268px -177px; } #liste_revendeur .link_next{float:right; background-position:-268px -99px; } #liste_revendeur .link_next:hover, #liste_revendeur .link_next:focus, #liste_revendeur .link_next:active{background-position:-268px -125px; } #liste_revendeur .link_prev .txt{position:absolute; text-align:left; padding-left:10px; top:3px; font-size:0; } #liste_revendeur .link_next .txt{text-align:right; padding-right:10px; font-size:0; } #liste_revendeur .requis_contact {font-size:0.8125rem; color:#000; text-align:left; font-style:normal; font-weight:bolder; } #liste_revendeur .rub_liens a {color:#684519; font-size:0.75rem; font-style:normal; font-weight:bolder; text-decoration:none; } #map_canvas legend {font-size: 1.0rem;margin:0;font-weight: bold;} #map_canvas p {margin:0 0 0.25rem 0;} #map_canvas h2 {font-size: 0.95rem;margin:0.125rem 0;} /*-------------------------------------------- Montage --------------------------------------------*/ .tab_montages table {border:1px solid #957956; } .tab_montages th {font-size:0.75rem; color:white; padding:2px 0px 2px 0px; text-align:center; border-color:#957956; background:#43412d; border-style:solid; border-width:1px; font-variant:small-caps; } .tab_montages .no_cellule {color:white; background-color:#fff; border-color:#fff; border-style:none; border-width:0px; } .tab_montages td {font-size:0.625rem; color:black; padding:2px 1px 2px 0px; text-align:center; background-color:#fff; border-color:#957956; border-style:solid; border-width:1px; } .tab_montages .paire {background-color:#edeadf; } .tab_montages .entete_ligne {background-color:#bcaa8c; font-weight:600; font-size:0.75rem; border-left-width:0; border-right-width:0; } .tab_montages td a{color:#3879d9; } .tab_montages td a:hover,.tab_montages td a:focus{text-decoration:underline; } .tab_montages.tab_ample th, .tab_montages.tab_ample td{padding:10px 1px 10px 0px; } /*-------------------------------------------- Contact --------------------------------------------*/ fieldset {padding:0 10px 5px 10px; border:1px solid grey; } #page_contact fieldset {padding-bottom:0; min-height:110px; margin-bottom:10px; } fieldset legend {text-decoration:none; color:#66858D; font-size:1rem; font-weight:800; width:auto; padding:0 5px; margin:0; } fieldset .form-group {margin-bottom:0rem; } #page_contact fieldset label {font-size:0.875rem; font-weight:200; } #page_contact .carre{display:inline-block; padding-right:40px; width:0px; height:18px; margin-right:7px; } /*-------------------------------------- Modif Adresse -----------------------------------------------*/ #select_modif_coordonnee {width:calc(100% - 49px); } #bloc_modif_coordonee .form-group, #show_nouvelle_adresse .form-group{ margin-bottom:0.25rem; } #bloc_modif_coordonee label, #show_nouvelle_adresse label{ margin-bottom:0rem; } /*-------------------------------------------- ScrollToTop --------------------------------------------*/ #scrollToTop{display:block; z-index:1001; } #scrollToTop a{display:block; z-index:1001; position:fixed; height:40px; width:45px; background:url('spritesheet2.png') no-repeat -60px -99px transparent; opacity:0.5; right:30px; bottom:40px; padding:40px 0px 0px 0px; margin:0 auto; text-indent:-9999px; font-family:"Times New Roman", Georgia, Times, serif; font-size:0.8125rem; font-weight:bold; text-align:center; } #scrollToTop a:hover{color:#000; cursor:pointer; text-decoration:none !important; text-indent:0px; opacity:1; } /*-------------------------------------------- FOOTER --------------------------------------------*/ #footer_fond{clear:both; } #footer{display:block; position:relative; margin:0px auto 0 auto; text-align:center; color:#fff} #footer li {display:inline-block; font-size:0.6875rem; padding:0px 5px 0 7px; border-left:1px solid #000; height:11px; line-height:0.625rem; } #footer .first {border-left:0px; padding-left:0px; } #footer .last {border-right:0px; padding-right:0px; } .footer_store{margin:5px auto; text-align:center; } #menu_footer{margin:5px auto; text-align:center; } #footer li a, #footer li span {display:block; padding:0; text-decoration:none; color:#000; font-size:0.6875rem; } #footer a:hover,#footer a:focus,#footer a:active,#footer a:hover span,#footer a:focus span,#footer a:active span, #footer .texte:hover,#footer .texte:focus,#footer .texte:active{text-decoration:underline!important; } #newsletter-footer {padding:30px 0; background-color:#dcdcdc; } /*-------------------------------------------- */ #bloc_navbarMenuSite{float: right;} .navbar-toggler, .navbar-toggler.btn-login { padding: 2px 6px;} .navbar-toggler {background: #333;border: 1px solid #202020;padding: 8px 7px;border-radius: 5px;cursor: pointer;} .navbar-toggler .icon-bar {display: block !important;width: 18px;height: 2px; background-color: #F5F5F5 !important; -webkit-border-radius: 1px;-moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin: 3px;} @media (min-width:1600px){ #page_accueil #bloc_catalogue img{width:65%; max-width:none; } } @media (max-width:1350px){ .navbar_accroche {top:0px} } @media (min-width:1330px){ .navbar-brand img{max-width:100%; } } @media (max-width:1280px){ #carouselAccueil .carousel-control-next-icon, #carouselAccueil .carousel-control-prev-icon{bottom:23px; } } @media only screen and (min-width:1024px){ .vignetteCategorie:before {content:''; display:inline-block; width:0; vertical-align:middle; padding:45% 0; } } @media (max-width:1023px){ #page_accueil #bloc_catalogue img{ max-width: 60%;max-height: 85%;} .bloc_nouveaute_promo .bouton_division_0 .case_menu, .bloc_nouveaute_promo .bouton_division_1 .case_menu{font-size:0.95rem; } } @media (max-width:1200px){ #navbarMenuStore .level-1>.nav-link .texte {font-size:0.75rem; line-height:0.75rem; } } @media only screen and (min-width:964px){ .bloc_tri .bloc_store_presentation {bottom:0px; } } @media (max-width:800px){ .navbar_accroche { max-width:300px; font-size:1.125rem; } } @media (max-width:720px){ .bloc_nouveaute_promo .bouton_division_0 .case_menu, .bloc_nouveaute_promo .bouton_division_1 .case_menu{font-size:1.125rem; } } @media only screen and (min-width:768px){ #menu_connexion.logged .mon_compte {width:90px; text-align:center; padding:2px 5px; color:#33302F; border:1px #606261 solid; border-radius:4px; } .line-title {display:none;} #body > .lien_site {display:block; width: 52px;} #page_accueil #bloc_catalogue{display:block;} #bouton_menu_store{display: none;} } @media only screen and (max-width:767px){ h1 { font-size: 1.2rem;} h2 { font-size: 1.2rem;} .not_useful{display:none; } #body{margin: 0px; /* overflow-x: scroll; Si page depasse MAIS BUG sur smartphone et firefox */} #fondCorps{overflow-x: auto;} .reflected:before, .reflected:after {display:none!important;} #header{ top: 0; left: 0;right: 0; z-index: 40;height:80px;width: 100%; padding: 0px 15px;margin-right: auto; margin-left: auto;} #header #bloc_head_logo .contenu{position:absolute;top:-21px;left:54px;width:140px;height:40px;outline: 0px solid red; } #header .navbar-brand{position: absolute;top: 0px;left: 0;} #header .navbar-brand img{height:33px; width: 122px;max-width:100%;} #bloc_navbarMenuStore{ position: fixed; left: 0;top:-0px; z-index: 1020;} .header-show #header{ position: -webkit-sticky;position: sticky; animation: stickAnim .3s;} @keyframes stickAnim { 0% {transform: translateY(-86px); } 100% {transform: translateY(0); } } #body > .lien_site {display:none; overflow: hidden; width: 0;} #modif-produit-lien{ display:none;} #page_accueil #bloc_catalogue{display:none;} #bloc_menu_store{display:block; width:calc(100% - 20px); margin: 0 10px; /*position: absolute;bottom: 0; */} #bloc_menu_store .demi, #bloc_menu_store #navMenuStore{display:none; } #bloc_menu_store .demi.titre_separation { width: 100%;} #page_store, #produit { float:none; width:100%; } .vignetteCategorie {min-height:220px; } .store_categorie .col10-lg-2, .store_categorie .col10-xl-2 {width:50%; } #fondCorps { padding: 15px 10px;} .filAriane{font-size:0.9rem; width:100%; float:none; } .bloc_tri .bloc_store_presentation{display: none;} .bloc_tri .col-sm-8{ -webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;} .bloc_tri .col-sm-4{ -webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;} .bloc_tri_presentation{} .bloc_tri label { float: none;} .bloc_tri .label{margin-left: 5px; margin-top: 5px;} .bloc_tri select:not([size]):not([multiple]) {height: calc(2.25rem + 2px);padding: .375rem .75rem;margin: 0; border-radius: 4px;} .bloc_nb_produit { float:left; margin-bottom: 0px;margin-top: 0px;} .bloc_tri .bloc_tri_type{ margin-right: 0px; margin-bottom: 0px;} .bloc_tri .bloc_tri_affichage { float: right; margin-right: 0px;} .bloc_tri .indexPages {float:right; } .bloc_tri .bloc_store_presentation {margin:5px 0;} .indexPages li {font-size:1rem; } .indexPages .previous, .indexPages .next {top:-3px; } #bouton_menu_store{display: block;position: fixed;bottom:0;left: -5px; border: none; width: calc(100% + 5px); margin: 0; background:#21c91e;box-shadow: 0 -2px 15px rgba(0,0,0,.3);text-align:center;z-index:61 ; font-size: 1.5rem; text-transform: uppercase; padding: 0 25px 0 30px;} #bouton_menu_store .icon-toggle{position: relative; top: 14px;background-position: -5px -100px;} /*#bouton_menu_store.toggle-open .icon-toggle {background-position: -5px -100px;} */ #bouton_menu_store.toggle-close .icon-toggle {/*background-position:-19px -100px;*/} #form_critere_recherche{display:none; width: calc(100% + 5px); padding: 0 10px 0 15px; background: #fff;z-index: 51; max-height: 100%; overflow-x: hidden; overflow-y: auto;padding-bottom: 48px; position: fixed;bottom:0;left: -5px; height: auto;} #form_critere_recherche.collapse.close{animation: caraAnimClose .3s; } #form_critere_recherche.collapse.show{display: block; animation: caraAnimOpen .3s; } @keyframes caraAnimOpen { 0% {transform: translateY(100%); opacity: 0; } 100% {transform: translateY(0); opacity: 1; } } @keyframes caraAnimClose { 0% {transform: translateY(0); opacity: 0; } 100% {transform: translateY(100%); opacity: 1; } } .productLk .card-title h2 {font-size: 1.0rem; line-height: 1.0rem;} .productLk .prix_principal .card-price { font-size: 1.125rem;line-height:1.125rem} .productLk .card-references { font-size: 0.9125em;top: 187px;} .productLk .card-title h2{ z-index: 2;max-height: 32px;overflow: hidden;} /*#produit #zoneImage .slider, #produit #zoneImage .slider .items, #produit #zoneImage .slider .item a{height: 200px;}*/ /*#produit #zoneImage .slider img { max-height: 200px;}*/ #produit .prev {left: 5px;} #produit .next {right: 5px;} #produit .bullet {max-width: calc(100% - 70px);} #produit #zoneInfo .nom{display: none;} #produit #bloc_ref {clear:both;width: 100%;max-width: 100%;} #produit .blocArticle{clear:both;width: 100%;min-width: 100%;} #produit .bloc_dispo_prix_achat .bloc_interieur {padding: 5px 0px 5px 5px;} #produit .bloc_dispo_prix_achat .prix_principal .prix {font-size: 1.4rem;} .produit_tableau {overflow: visible;} .produit_tableau table {width: 100%; table-layout: fixed;} .produit_tableau .col-title {font-size: 0.75rem; background-color: #bcaa8c;color: white;} .produit_tableau .col-title .line-title {color: white;top:9px;} .produit_tableau .col-title .line-info {font-size: 1rem; top:0;} .produit_tableau thead, .produit_tableau tbody th {display: none;} .produit_tableau tbody td {display: block;position: relative; padding: 5px 2px;height: auto;vertical-align: middle;;min-width: 100%;width: 100%;max-width: 100%;border: 0;border-bottom: 1px solid #b2b2b2;padding-left:120px;padding-right: 5px;text-align: left;} .produit_tableau .designation { max-width: auto;height: auto; vertical-align: middle; } .produit_tableau .line-title {display: block;position: absolute;left: 0;padding-left: 6px;width:120px;color: #333;white-space: nowrap;} .produit_tableau .line-info {position: relative;} #produit .produit_tableau .dispo {position: absolute;margin: 0 0 4px 0;right: 0;top: 0;} #bloc_log_panier_search, #bloc_head_logo, bloc_navbarMenu_lg{display: block; max-width: 100%; flex: 0 0 100%;} #menu-toggle{position: relative;top: 4px;left: 4px;} #bloc_recherche{margin: 0;right: 21px;left: auto;top: 7px;bottom:0; width: calc(100% - 220px);} #rechercheProduit{width:calc(100% - 78px); max-width: none;} .navbar_accroche{display:none;} #bloc_navbarMenuSite{ position: absolute; right: 20px;bottom: 2px;} #navbarMenuStore { background: transparent;} #navbarMenuStore .nav-item.level-1{box-shadow:none; background: #333333!important;border-bottom-right-radius: 0px; border-bottom: 1px solid #000;width:100%;} #navbarMenuStore .nav-item.level-1 a{color:#fff;} #navbarMenuStore .level-1>.nav-link .texte {font-size: 1.25rem;line-height: 1.25rem;} #sidebar-wrapper, #navbarMenuStore {position: absolute;top: 42px;z-index: 10;overflow-y: auto;width: 0;height: 600px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #navbarMenuStore.toggled{width:300px;} #header #choixLangue {position: absolute;bottom:16px;left: 0px; right: auto;} #navbarMenuSite{position: absolute;top: 40px;right: -5px;background: #333333!important; padding: 5px 10px; border: 1px solid #000;} #navbarMenuSite .nav-item{padding:2px 10px;} #bloc_navbar_compte{display:block; top: 42px; left: auto; right: 66px; width: 38px;z-index:12;} #bloc_navbar_compte .contenu {position: absolute;width: 250px;right:-8px;top: 40px;padding: 0;margin: 0;} .icon-user{background:url('icon-user-white.png') no-repeat -0px -0px transparent; background-size: 26px 30px; width: 26px;height: 30px; display: block;} .logged .icon-user{background:url('icon-user-red.png')no-repeat -0px -0px transparent; background-size: 26px 30px; width: 26px;height: 30px; display: block;} #menu_connexion{background: #414141; border-radius: 0px;} #zonePanier {left: -25px;top: 57px;} #zoneDeconnexion .texte{display:block;position: relative; bottom: auto; right: auto; font-size: 1.25rem;} #menu_connexion.logged .mon_compte{color: #fff;} #navbarMenuSite .nav-link{font-size: 1.5rem;height: 2.5rem;} #menu_connexion #mail_c, #menu_connexion #passe_c { width: 165px;} #menu_connexion #liens_connexion { height: 1rem; margin: 10px 0 10px 0;} #menu_connexion #liens_connexion a, #menu_connexion.logged a, #menu_connexion .bloc_login_remenber label{color: #fff;font-size: 1rem} #menu_connexion.logged .mon_compte{color: #fff;text-align: center;border: 1px solid #fff;} #menu_connexion.logged .mon_compte:hover{background-color: #ffffff8a;} #menu_connexion.logged #zoneDeconnexion .texte{color: #ff2f21} #footer li, #menu_footer li { border:none;} } @media only screen and (min-width:400px){ #header .maxi-navbar-brand{display:block;} #header .mini-navbar-brand{display:none;} } @media only screen and (max-width:399px){ #bloc_recherche{ width: 220px;} #header .maxi-navbar-brand{display:none;} #header .mini-navbar-brand{display:block;} #header .mini-navbar-brand img{height:33px;width: auto!important;} #header #bloc_head_logo .contenu {left: 44px;} }