/* :first-child premiers élément SI et SEULEMENT si ils se trouvent premier enfant de leur parent.... vert : #9bb397 ( 155 179 151 ) rouge #dc3545 rouge foncé #c82333; bleu lien #007bff; //////////// SHADOW ////////// http: //www.corelangs.com/css/box/shadow.html .top{box-shadow: 0 -5px 5px -5px #333;} // .top box-shadow: 0 -2px 5px 0px rgba(0, 0, 0, 0.5);0 -2px 5px 0px #333;}//Rémi .right{box-shadow: 5px 0 5px -5px #333;} .bottom{box-shadow: 0 5px 5px -5px #333;} // .bottom{box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);} //Rémi .left{box-shadow: -5px 0 5px -5px #333;} .all{box-shadow: 0 0 5px #333;} */ #infos{clear:both;} select.form-control:not([size]):not([multiple]){height: calc(2rem + 2px);} .titolo_exo_34pt_grigio{font-family: 'Exo', sans-serif; font-size: 34px; color: #35383e;} #social_networks{float: right; right:0px; top:0; position: absolute; z-index: 100;} #social_networks img{width: 40px;height:40px;} #produit .titre_categorie{display:inline-block;font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px; color: #35383E; max-width: 457px; height: auto; line-height: 18px;text-transform : uppercase; } #produit h1{width:calc(100% - 145px);display:inline-block;} .picto_categorie{float:right;top:-40px;right:0; text-transform : uppercase; font-family: 'Lato', sans-serif; font-size: 16px; color: #FFFFFF;} #description ul{padding-left: 0px; margin-left: 20px;} #description ul > li{list-style-type: disc;} .descriptionPage .histoire p{margin-right: 60px} #bloc_recherche img{font-size: 9px;line-height: 9px;} html{/*height: 100%;*/}/* Si hauteur réel fenetre windows < contenuue */ html{margin:0; padding:0; } body{padding-top: 0px; font-family: 'PT Sans', "Adobe Blank", arial, sans-serif;position: relative;min-width: 600px; /* background-color: #000;*/background:none; } *{box-sizing: border-box;} ol, ul{list-style: none;padding: 0;} .list-item{list-style: square; margin-left: 20px;} .link:hover{text-decoration: underline;} a, .link{color:#0c5460; font-weight: 700;cursor: pointer;} a:hover{color: #444;text-decoration: none;} h1{font-family: 'Exo', sans-serif; font-weight: 700; font-size: 48px; color: #35383E; line-height: 48px;/* padding-bottom: 40px;*/} .h5, h5{font-size: 1.2rem;line-height: 1.1;} .capitalize{text-transform: capitalize;} .clear{display: block;clear: both;width: 100%;} .hidden{display: none;} .left{float: left;} .right{float: right;} .text_center{text-align: center;} .text_left{text-align: left;} .text_right{text-align: right;} .text_justify{text-align: justify;} table.text_img td:nth-child(odd){padding-right: 40px;}/* espace pour tous les td impair donc espace entre les textes et les images*/ .active{color: #72a791;} label.selected .titre{font-weight:700;} p{font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1em;color: #595b60;padding: 10px 0px 10px 0px; } .ombrage_bas_gauche{-moz-box-shadow: 8px 0 10px -3px #9f9f9f,-8px 0 10px -3px #9f9f9f;-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;} .ombrage_bas_gauche_droite{box-shadow: 4px 4px 10px -2px #9f9f9f, -4px 4px 10px -2px #9f9f9f;} .text_img img{max-width: 100%;} .disabled-color, .disabled-color a{color: #7d7b7b;font-style: italic;} .link{color: #007bff;text-decoration: none;background-color: transparent;cursor: pointer;} :required{/*background-color: red;*/} .data_bloc{border: 1px solid #ccc; border-radius: 0.75em;padding:0.75em;margin: 1em 0; background: #ebe9eb;} .btn{border-radius: 0;} .btn:hover{-webkit-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear; transition: background-color 500ms linear;} .btn .txt_qty_vide{white-space: normal;max-width: 60px;} input[type='checkbox']+ label {display: inline;}/* les label se trouve juste après les checkbox */ .display-4{font-size: 30px;} .vcentrer{display: flex; flex-direction: column; justify-content: center; } .separateur{margin-bottom: 10px;padding: 5px 0;} .valign_helper{display: inline-block;height: 100%;vertical-align: middle;} .centrage{vertical-align: middle; display: inline-block; line-height: 1;} .fixNavigation{z-index:9;position: fixed;top: 0;width: 100%;} .image_texte span{line-height: 2rem;} .picto_design{height:2rem;} .image_texte span:before{content: "";position: relative;display: inline-block;margin: 0 5px 0 0;} .info{font-size: .75em;color: #999;} .info_h2{font-weight: bolder;color: #8e8e8e; font-size: 22px;} .info_h3{font-weight:bold;font-size:1.5em;color:#007bff;} .alert-text{font-weight:bold;color: #e43a4a;} .contexte{display:none; font-style: italic; color:transparent;} .img-responsive{max-width: 100%;max-height: 100%;} .important{color: #cc0000;} .haze{background-color:#a2a2a291;width:100%;height:100%; } .infoCategorie{margin-top: 1em; padding :0.75em; } .asterix{color: #ff0008;} .size_plus{font-size: 24px;} #etatModal{/*z-index:1050; position: absolute;*/} .modal-content{z-index: 100;} @media (min-width: 576px){ .modal-dialog{ margin: 15rem auto; } } .alert-debug{margin-bottom: 0rem;} #showMessage{margin-top: 1rem;} /*input[type='submit'].form-control*/ .form-control{border:0px solid #eaebeb;border-radius: 0rem;background-color: #eaebeb; font-family: 'Lato', sans-serif; font-size: 16px; color: #595b60; margin: 4px 0px 6px 0px; } .btn-success{background-color:/* #595b60*/#3c383c;color: #fff;font-weight: 800;border-color:#3c383c;} .form-control.btn{text-transform: uppercase; font-size: 18px; } /* Voile noir */ #bgLoader{background-color: #00000091;top: 0;left: 0;right: 0;bottom: 0;position: fixed;z-index: 20;} #site_photo_background{position:fixed;top:0;left:0;z-index:-1;} .tooltip-arrow, .tooltip > .tooltip-inner, .tooltip > .tooltip-arrow{background-color: #000;} .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color: #000;} .table .thead{margin:0;border-top: 1px solid #dee2e6;border-bottom: 0px solid #dee2e6;font-weight: bold;vertical-align: bottom;} .table .thead div{vertical-align: bottom; /* line-height: 1; display: inline-block;*/} .table .tr{margin:0;padding: .75rem 0;vertical-align: top;border-top: 0px solid #dee2e6;} .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0,0,0,0.045);}/* f4f4f4 on white*/ .table thead th{font-family: 'Paytone One', sans-serif; font-size: 11px; color: #35383E;text-transform : uppercase;font-weight: 400;} .table td{font-family: 'Lato', sans-serif; font-size: 11px; color: #35383E;} .picto_css{display: inline-block;font-family: Arial;color: #fff;text-decoration: none;font-size: 12px; padding: 1px 7px 2px 7px;border-radius: 2px;} .picto_css.picto_nouveaute{color: #e8e8e8;background: #cc4b4b;} .picto_rond, .picto_categorie{position: relative; border-radius: 50%;width: 132px; height: 132px; text-align: center; color: #fff;} .picto_rond .centre{position: absolute; width: 100%; top: 50%; transform: translate(0%, -50%); text-align: center; padding: 10px;} .round{border-radius: 50%;} .svg__asset .transparent{fill:#ffffff!important; fill-opacity:0!important;} .svg__asset .blanc{fill:#ffffff!important;} .svg__asset{position:relative;width:2rem;height: 2rem;} .svg__asset svg{width: inherit; height: inherit;} .svg__asset.picto_panier{width:3rem;height: 2rem;} .text_accueil .picto_carte{height: 13em;width: 13em; background: #fff;}/*220px*/ #panierLk .picto_panier{float: right;} .picto_fleche_gauche , .picto_fleche_droite{/*width: 20px; height: 32px;*/} .txt.warning{color:#f09739;} .txt.success{color:#50bc4d;} .fg a, .fd a{display: inline-block; width:7px;height:13px;margin:0;padding:0;} .fg, .fd{padding-left:5px;margin:0;position:relative;top:2px;} .fg a{background:transparent url(fg1.png) no-repeat 0 0;background-position:0 0;} .fg a:focus,.fg a:active,.fg a:hover, .fd a:focus,.fd a:active,.fd a:hover{ background-position:0 -13px;} .fd a{background:transparent url(fd1.png) no-repeat 0 0;background-position:0 0;} .triangle_bas {width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 30px solid #35383e;/*left:-40px;*/} #address .form_center {display:block;text-align: center;position: relative;top: -40px;left: -20px;} #address .triangle_bas {display:inline-block;position:absolute;top:0px;} .contact_mail .triangle_bas{border-top-color:#d8161c;} .contact_sas .triangle_bas {border-top-color: #d3d3d3;} .col-xs-15,.col-sm-15,.col-md-15,.col-lg-45,.col-xs-45,.col-sm-45,.col-md-45,.col-lg-45{position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;} .col-xs-15{width: 20%; float: left;} .col-xs-45{width: 80%;float: left;} @media (min-width: 768px){ .col-sm-15{width: 20%; float: left; } .col-sm-45{width: 80%;float: left;} } @media (min-width: 992px){ .col-md-15{width: 20%; float: left; } .col-md-45{width: 80%;float: left;} } @media (min-width: 1200px){ .col-lg-15{width: 20%; float: left; } .col-lg-45{width: 80%;float: left;} } /******************************************************************************* HEADER *******************************************************************************/ .navbar-expand-md #navbarMenuSite .navbar-nav{-ms-flex-direction: row; flex-direction: row;} #navbarSubMenu{background: url(../img/header_background.png) bottom left repeat-x;vertical-align: middle;border-bottom: 0px solid #1b1b1b;} #navbarSubMenu .contenue{position: relative;display: flex;max-width: 1300px;width: 100%;height:100px;margin: 0 auto;} .navbar-dark .navbar-nav .nav-link{font-family: 'PT Sans Narrow', "Adobe Blank", arial, sans-serif;color: #fff;} #navbarSubMenu .navbar-brand img{max-width: 280px;max-height: 90px;margin-right: 0px;} #navbarSubMenu .texte_header{position:relative; font-size: 20px; line-height: 20px;margin-left:20px;/* top: calc(100% - 20px);*/bottom:-50px;} #bloc_recherche{position: absolute; right: 0;top:15px;} #header_menu_block{position:absolute;height:40px;width: 280px;right:0;top:55px;} #header_menu_block .picto_design{} #header_menu_block .texte{float:left;} #navbarMenuSite{} #navbarMenuSite .nav-link{font-weight: 600;font-size: 18px;} #navbarMenuSite .nav-link.size_plus{font-size: 24px;} #navbarMenuSite .nav-item:hover .nav-link{text-decoration: underline;} #navbarMenuSite .text_icone.nav-item:hover .nav-link{text-decoration: none;} #navbarMenuSite .text_icone.nav-item:hover .nav-link .text{text-decoration: underline;} #navbarMenuSite .accountLk .nav-link span{color:#fff;} #navbarSubMenu .navbar-nav .dropdown-menu{border-radius: 0;} #navbarMenuSite .dropdown-menu{margin: 0;padding: 0px;} #navbarMenuSite .dropdown-item, #navbarMenuSite .dropdown-menu span{padding: .5rem 0.5rem;} #navbarMenuSite .dropdown-menu span{color: #666;font-size: 0.8em;} #navbarMenuSite a.dropdown-item:focus, #navbarMenuSite a.dropdown-item:hover{color: #16181b;text-decoration: none;background-color: #d9d9d9;} #navStore .level-1.lien_site>a {background-color: #ffec03; color: #000;} /* RECHERCHE */ #bloc_recherche .typeahead__field{height:40px;width: 280px;/*position:absolute;right:0;top:0;*/} .typeahead__query{width: auto;} #searchInput{position: relative;border-radius: 20px;width: 242px;} #form_recherche .picto_loupe{cursor: pointer;height: 38px; width:38px;position: relative;border: 0; } #form_recherche .picto_loupe svg{height: 32px; width: 38px;margin-top: 2px;} /* Menu recherche automtique ajax */ #form_recherche .typeahead__list{left: auto !important; right: 10px;width: 500px;max-height: 500px;overflow-y: auto;} #form_recherche .typeahead__item{font-size: 14px;line-height: auto;height: 60px;overflow: hidden;border-bottom: 1px solid #ccc;z-index: 2225;} .typeahead__dropdown>li>a, .typeahead__list .typeahead__item>a{height: 60px;} #form_recherche .product_img{display: inline;position: relative;float: left;width: 100px;height: 40px;line-height: 40px;text-align: center;} #form_recherche .product_img img{width: auto;height: auto;max-width: 90px;max-height: 50px;} #form_recherche .product_text{display: inline;position: relative;} .typeahead__cancel-button{z-index: 1;} /* MINI HEADER */ #navbarSubMenu.navbarSubMenuFit{height: 44px;min-width:510px;padding: .0rem 1rem; background-position: bottom -7px left;} #navbarSubMenu.navbarSubMenuFit .texte_header{font-size: 18px; line-height: 18px;top: 3px;} .navbarSubMenuFit.navbar, .navbarSubMenuFit .navbar-brand{padding-top:0rem;padding-bottom:0rem;} #navbarSubMenu.navbarSubMenuFit .navbar-brand img{max-height: 40px;} #navbarSubMenu.navbarSubMenuFit .contenue{height: 44px;;} #navbarSubMenu.navbarSubMenuFit .texte_header{bottom: 0px;max-width: 400px;} .navbarSubMenuFit #form_recherche{position: relative;} .navbarSubMenuFit #navbarMenuSite{top: 0px;} .navbarSubMenuFit #bloc_recherche{position: absolute; right: 280px;top:3px;} .navbarSubMenuFit #header_menu_block{top:-4px;} .centrer .text{ display: flex; /* contexte sur le parent */ flex-direction: column; /* direction d'affichage verticale */ justify-content: center; /* alignement vertical */ } /* separateur */ .bg-flash{background-color:#fe4500;color:#fff;} .separateur.container{text-align: center;padding:0;font-weight: 700;text-transform: uppercase;} .separateur.container a{display:block;padding: 5px 0;margin:0;color:#fff;} h1.bg-flash{padding:5px 10px;} .sticky-top{position: fixed;position: -webkit-sticky;position: sticky;} #navbarMenu{box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5); height: 48px;/*top: 100px;*//*pour le sticky-top*/z-index: 5;width:100%;padding:0;} #navbarSubMenu.navbarSubMenuFit + #navbarMenu{top: 42px;/*pour le sticky-top*/} #navbarNavStore{/* height: 55px;*/ text-align: center;} #navbarNavStore .nav-link{color: #e0e0e0;font-size: 13px;} .dropdown-menu2{position: absolute; top: 100%; left: 0; z-index: 10; display: none; float: left; min-width: 10rem; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);} #navbarNavStore .dropdown-menu2{display: block;width: 100%; margin:0;padding:0;overflow: hidden; border: 0;transition:max-height 1s .3s;height:auto;max-height: 0; } #navbarNavStore .level-1:hover>.dropdown-menu2{display: block;max-height: 100em;border: 1px;} #navbarNavStore .dropdown-menu2>.navbar-nav{padding:0.5rem 1rem;border:1px solid #000; } .level-1, .level-2, .level-3{position: relative;cursor: pointer;} #navbarNavStore .level-1{padding: 0px 20px;height: 47px;line-height: 47px;} #navbarNavStore .list-1{display: block;} #navbarNavStore .level-1:hover>.nav-link{color: #000;} #navbarNavStore .nav-item .nav-link:hover{color: #000;} #navbarNavStore .sscat_img{} #navbarNavStore .sscat_img img{max-width: 200px;} #navbarMenu .dropdown{position: initial;} .navbar-expand-lg .navbar-nav .dropdown-menu{right: 0;} #navbarMenu button{position: relative;/*bottom: 5px;/*bug qd navbarNavStore est sur show, ça decale button de 5px ... (?))*/} #navbar-center{position: relative;;margin: auto;z-index: 20;} #navbarNavStore .nav-link{text-transform: uppercase; font-weight: 400;font-size: 26px} #navbarNavStore .level-3 a{font-size: 12px} #form_recherche input{vertical-align: middle;} #panierLk{float: right;right:0;position:absolute;} #panierLk .nav-link .picto_panier{margin-left: 0px;top: -4px;} #panierLk .nav-link img.picto_panier{height: 1.5rem;} #navbarSubMenu.navbarSubMenuFit .picto_panier{} #navbarSubMenu .navbar-toggler{position: relative;/*float: left;*/} #navbarSubMenu .social_networks{margin-right: 10px;} #navbarSubMenu .social_network{float:left;margin-right: 5px;position: relative; top:0;} #navbarSubMenu .social_network a{margin: 0px;position: relative; top:0;} #navbarSubMenu .social_network img{max-height:18px; vertical-align: top;margin: 0px;position: relative; top:0;} #choixLangue{position: absolute; float: right; right: 0; margin-left: auto;/* tips flex : alignement à droite*/ margin-top: 5px;} #choixLangue .bloc_langue{position:relative;margin-left:5px;top: 0px;float: left;width: 23px; height: 16px; } #choixLangue .bloc_langue:nth-child(even){margin-left: 10px; } #choixLangue .bloc_langue .haze{position: absolute;width:23px;height:16px; top:0;left:0;z-index:2;} #choixLangue .image{position: absolute;width: 23px; height: 16px; top:0;left:0;z-index:1; background: transparent url(../img/flags.png) no-repeat scroll 0 0px;background-size: 47px 16px;} #choixLangue .texte{float: right;color:#fff;font-size: 0px;margin-left: 5px;} #choixLangue .icone-lg-en{background-position: -24px -0px;} #choixLangue .icone-lg-fr{background-position: -0px -0px;} /* @document url("https://www.fabarm.fr") { .navbar-expand-md .navbar-nav .nav-link {padding-right: .0rem;padding-left: .0rem;} }*/ @media (max-width: 1300px){ #choixLangue .texte{display: none;} .navbarSubMenuFit #navbarMenuSite .texte{font-size: 14px;} #navbarNavStore .level-1{padding: 0px 10px 0 15px;} } @media (max-width: 1210px){ #header_accroche_contact_1{display: none;} #navbarNavStore .level-1{padding: 0px 10px 0 10px;} #navbarMenuSite .texte, #navbarMenuSite .texte .nav-link{padding-left: .0rem;} #navbarMenuSite .picto_design{margin-right: 10px;} .navbarSubMenuFit #navbarMenuSite .texte{font-size: 12px;} } @media (max-width: 1160px){ #navbarNavStore .level-1{padding: 0px 5px 0 5px;} #navbarNavStore .nav-link{font-size: 20px;} .texte_header{max-width:480px; } #navbarSubMenu.navbarSubMenuFit .texte_header{max-width: 300px;} } @media (max-width: 1080px){ #navbarSubMenu .navbar-brand{padding-right: 0px;padding-left: 0px;margin-right: 0.3rem;} #header_accroche_contact_1{display: none;} #navbarMenuSite .picto_design{margin-right: 20px;} .navbarSubMenuFit #navbarMenuSite .texte{display: none;} #navbarMenuSite .texte{display: none;} #navbarNavStore .texte{font-size: 16px;} #navbarMenuSite .nav-link{font-size: 16px;} #header_menu_block{width: 260px;} } @media (max-width: 1024px){ #navbarSubMenu .navbar-brand img{max-width: 150px;max-height: 90px;} .navbar-brand{margin-right: 0rem;} #header_accroche_contact_1{padding-right: 0px;padding-left: 0px;} .nav-link, .level-3 a{letter-spacing: 0px;font-size: 13px;} #navbarNavStore .nav-link{letter-spacing: 0px;font-size: 1.2em;} .dropdown-toggle::after{display: none;} #navbarMenuSite .texte{display: none;} #navbarSubMenu.navbarSubMenuFit .texte_header{max-width: 250px;font-size: 16px;} } @media (max-width: 767px){ #navbar-center{padding-bottom: 1em;} #navbarNavStore .nav-link{font-size: 2em;} } @media (max-width: 992px){ #navbarSubMenu.navbarSubMenuFit .texte_header{display:none;} } @media (max-width: 920px){ #navbarNavStore .level-1{padding: 0px 10px 0 10px;} .texte_header{max-width: 300px;} } @media (max-width: 768px){ .texte_header{display:none;} } /* CONTAINER-PAGE */ #container-page{margin: 0px auto 0px auto;/*hauteur du footer */ background: #fff;-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; z-index: 1;position: relative;padding: 12px 25px 10px 25px; } @media (max-width: 768px){ #container-page{width: 100%;} /*.container{margin: 0;max-width: 100%;}*/ } @media (min-width: 768px){ /* #container-page{max-width: 98%;}*/ } @media (max-width: 992px){ /*#container-page{-webkit-box-shadow: none;-moz-box-shadow: none;mox-shadow: none;}*/ /* #container-page{max-width: 98%;}*/ } @media (min-width: 1300px){ #container-page{max-width: 1300px;} } .titre_medium{clear: both;font-family: 'Exo', sans-serif; font-weight: 500; font-size: 20px; color: #35383e; line-height: 20px; margin-bottom: 5px;} #accueil .titre_medium{font-size: 0;} /******************************************************************************* MENU STORE *******************************************************************************/ .navStore-img{ margin: 0px -15px 0px -15px; } .navStore-img img{min-width: 100%;} .navStore-img img{width: 100%;border-bottom: 0px solid #fff;} #navStore{margin-top: 12px;} #navStore .level-1{padding-bottom: 0.5rem;} #navStore .level-1>a{font-family: 'Lato', sans-serif; font-size: 16px; color: #fff; border-bottom: 1px solid #000; padding-left: 20px; text-transform : uppercase;text-decoration: none;} #navStore .level-2>a{font-family: 'Lato', sans-serif; font-size: 14px; color:#424242; line-height: 18px;font-weight: 900; padding-left:20px;text-transform : uppercase;} .list-2{display:none; position:absolute; left: 100%; top: -14px; width: 100%; padding: 1rem; background: #ffffffe6; z-index: 2;border: 3px solid #0000000f;} #navStore .level-2:hover .list-2{display:block;} #navStore .level-3:hover>a{font-weight: 800;} @media (max-width: 992px){ #navStore .level-1>a{padding-left: 5px;font-size: 16px;} #navStore .level-2>a{font-size: 14px; line-height: 14px; padding-left: 5px;font-weight: 400;} } @media (max-width: 768px){ #navStore .level-1>a{text-align: center; padding-left: 0px;font-size: 16px;} #navStore .level-2>a{text-align: center;font-size: 14px; line-height: 14px; padding-left: 0px;font-weight: 400;} #link_fabarm_italia{display:none;} } /******************************************************************************* #accueil .page{padding:0 20px;} *******************************************************************************/ .logo_fabarm{position: absolute; right: 0; float: right;} #link_fabarm_italia{text-align: center;} #link_fabarm_italia img{max-width: 223px;} /* Bloc login */ #bloc_login{position: relative;width:100%; margin-top: 100px; display: block;background:#d8161c!important;border-radius:4px; overflow: hidden;} #bloc_login .entete{background-color: #3c383c;font-size: 1.5em;text-transform:uppercase;color:#fff;padding:1em 0;text-align: center; border-top-left-radius: 4px;border-top-right-radius: 4px;} #bloc_login .ligne{/*height:4em;*/padding:2em 0 0em 4em;} #bloc_login .ligne label{position:relative;display: inline-block;color:#fff;font-size: 1.25em;width: 20%;} #bloc_login .ligne input{position:relative;display: inline-block;width: 50%;} #bloc_login input[type="submit"]{position:relative;display:inline-block;margin:1em 0 1em 4em;width: 50%;} #bloc_login .logo_fabarm{bottom:-20px;} /* bloc garantie 15 ans Fabarm */ .bloc_garantie{position: relative;/*height:380px;*/width:100%;background:#f2f2f2;margin:45px 0 40px 0;} .bloc_garantie .contenue{height: 100%;padding:20px 20px 20px 50px;position:relative;} .bloc_garantie .bloc_text{position: relative;float: left; width: 40%;/*height:80%;*/ } .bloc_garantie .accroche{text-transform: uppercase; font-size: 20px;line-height: 24px; font-weight: 900;margin-bottom:14px;} .bloc_garantie .description{} /*.bloc_garantie .bloc_plus{float: left; width: 50%; position: absolute; bottom: 10px; left: 260px;}*/ .bloc_garantie .bloc_plus{position: relative;float: left; width: 50%;margin-top: 1em;} .bloc_garantie .bloc_plus .txt{position: relative; margin-left: 5px;color:#e10f21;font-size: 24px;text-transform: uppercase; bottom: 8px;} .etiquette_15_ans{position: relative;float: left;top:-60px;margin-right: 30px;border-radius:20px; width: 190px; height: 370px;} .etiquette_15_ans img{border-radius: 20px;position: absolute;} @media (max-width: 1200px){ /*.bloc_garantie{height:320px;}*/ .bloc_garantie .etiquette_15_ans{width:150px;top:-40px; height: 310px;} .bloc_garantie .etiquette_15_ans img{width:150px;} .bloc_garantie .bloc_text{width: 45%; } .bloc_garantie .contenue{padding: 20px 0 0 20px ;} .bloc_garantie .accroche{font-size: 18px; line-height: 20px;} .bloc_garantie .description{font-size: 14px;} .bloc_garantie .bloc_plus .txt{font-size: 18px; } .logo_fabarm img{height: 300px;} /*.bloc_garantie .bloc_plus{left: 200px;}*/ } @media (max-width: 1000px){ .bloc_garantie .contenue{padding: 20px 0 0 20px ;} .bloc_garantie .bloc_text{width: calc(100% - 200px); } .bloc_garantie .bloc_plus{width: calc(100% - 200px);} .bloc_garantie .bloc_plus .txt{font-size: 16px; } } @media (max-width: 880px) and (min-width: 768px){ .bloc_garantie .accroche{font-size: 16px; line-height: 18px;} .bloc_garantie .description{font-size: 16px; line-height: 18px;} } @media (max-width: 768px){ .navStore-img{display:none;} .bloc_garantie .accroche{font-size: 16px; margin-bottom:10px;} } /* CATALOGUE */ .page .catalogues{position:relative;margin-top: 0em;} .page .catalogues li{margin-top: 2em;} .bloc_catalogue{position: relative;display:block;margin-bottom: 2em;} /*.bloc_catalogue .lien_catalogue{position: absolute; right: 0; top: calc( 50% - 60px );}*/ .bloc_catalogue .telechargement_accroche img{width:100%;} .bloc_catalogue .telechargement_nom{font-size: 1.5rem;} #modif-produit-lien {position: absolute;display: block;top: 0px;right: -53px;width: 53px;height: 53px; cursor: pointer; z-index: 10;} .page .link_download { width: 100%;background-color: #ebebeb;padding-left: 15px; font-size: 18px;color: #3d3d3d; font-family: 'Exo', sans-serif;font-weight: bold; padding: 1em 2em; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* PAGES */ .page {margin:20px 40px 40px 40px;} .container-page .bloc_texte{font-size: 1.3rem; background-color: #000; color: #fff; text-align: center; width: 100%; height: auto; padding: 20px 20px;} .container-page .bandeau_accueil .bloc_texte{color: #000;} .container-page .titre{clear:both;} .container-page iframe{width: 100%; height: 440px;} .page table.border{/*width: 100%;*/ border-collapse: collapse; border: 2px solid black;} .page .border th, .page .border td{border: 1px solid black; vertical-align: text-top; padding: 5px 10px;} @media screen and (max-width: 1175px){ .page .bloc_img_txt div h4{font-size: 1.2rem!important;margin-bottom: 0.25rem;} .page .bloc_img_txt div{font-size: 16px!important;} } @media screen and (max-width: 1024px){ .page .bloc_img_txt div h4{font-size: 1rem!important;margin-bottom: 0.125rem;} .page .bloc_img_txt div{font-size: 12px!important;} } #community .titre{text-transform: uppercase;background-color: #f0ecedcc; text-align: center; width: 100%; height: auto; padding: 20px 20px;margin:20px 0;} #community .titre h4{font-size: 1.4rem;margin:0;} /* CAROUSSEL */ .carousel-control-next, .carousel-control-prev{width: 5%;} #carouselAccueil .picto_fleche_gauche ,#carouselAccueil .picto_fleche_droite{width:5rem; height:4rem;top: calc( 50% - 2rem );} #page_produit .picto_fleche_gauche svg, #page_produit .picto_fleche_droite svg{position: absolute;width:2rem; height:3rem; top: calc( 50% - 1.5rem );} .picto_fleche_gauche svg{transform: rotate(180deg);} #carouselAccueil{/* width: calc (100% + 40px);*/ margin: 0px -20px 0px -20px; margin: 0px -15px 0px -15px;} #carouselAccueil .carousel-control-prev{display:block;left: 0px;} #carouselAccueil .carousel-control-next{display:block; right: 1rem;} .carousel-indicators{bottom: 0px; margin-bottom: 1rem;} #carouselAccueil .carousel-indicators li{cursor: pointer; margin: 3px; padding: 10px; width: 10px; border-radius: 50%; } #carouselAccueil .carousel-item img{min-width: 100%;} #carouselAccueil .carousel-item img{width: 100%;} .carousel .carousel-control-next-icon, #carouselAccueil .carousel-control-prev-icon{width: 20px;height: 32px;} /* @media (max-width: 768px){ .carousel .carousel-control-prev{left: -60px;} .carousel .carousel-control-next{right: -60px;} } @media (min-width: 768px){ #carouselAccueil .carousel-control-prev{left: -60px;} .carousel .carousel-control-next{right: -60px;} } @media (min-width: 992px){ #carouselAccueil .carousel-control-prev{left: -85px;} .carousel-control-prev .carousel-control-next{right: -85px;} } @media (min-width: 1200px){ #carouselAccueil .carousel-control-prev{left:0px;} .carousel .carousel-control-next{right: -60px;} } */ #carouselAccueil .banner{font-size: 0px;display:none;} /* BANDEAU Accueil */ .bandeau_accueil{position:relative;clear:both;height:527px; min-height:527px;margin:0 0 20px 0; } .bandeau_accueil .bloc_image{position:absolute;} .bandeau_accueil .bloc_texte{position:absolute;background-color:#f0ecedcc;text-align: center;width:410px;height:auto;padding:20px 20px;top: 50%;transform: translateY(-50%); } .bandeau_accueil .bloc_texte.left{float: left; left: 0;} .bandeau_accueil .bloc_texte.right{float: right; right: 0;} .bandeau_accueil .bloc_texte .titre{font-size: 36px;font-weight: 900;} .bandeau_accueil .bloc_texte .texte{text-align: justify; font-size: 18px;font-weight: 900;padding:20px 0;} .bandeau_accueil .bloc_texte .lien{text-transform: uppercase;background-color:#000;color:#fff;min-width:50%; max-width:70%; margin: 20px auto;font-size:30px;font-weight: 900;padding: 3px 5px 7px 5px; } .bandeau_accueil .bloc_texte .lien a{color:#fff;} @media (max-width: 1200px){ .bandeau_accueil .bloc_texte{width:460px;height:auto;padding:20px 20px;top: 50%;transform: translateY(-50%); } .bandeau_accueil .bloc_texte .titre{font-size: 30px;} .bandeau_accueil .bloc_texte .texte{font-size: 16px;padding:10px 0;} .bandeau_accueil .bloc_texte .lien{font-size:20px} } .bandeau_accueil .bloc_image.right{right:0;} .bandeau_accueil .bloc_image.left{left:0;} #page_produit #zoneImage{display: block; text-align: center;} @media screen and (max-width: 1024px){ #page_produit .flexslider{} #page_produit .flexslider .slides{ max-height:20.000em; } #page_produit .flexslider .slides img{ margin: 0 auto;} } @media screen and (min-width:1024px) and (max-width: 1300px){ #page_produit .flexslider{} #page_produit .flexslider .slides{max-height:25.000em; } #page_produit .flexslider .slides img{margin: 0 auto;} } @media screen and (min-width: 1300px){ #page_produit .flexslider{} #page_produit .flexslider .slides{} #page_produit .flexslider .slides img{margin: 0 auto;} #page_produit .flex-control-thumbs{} } .flex-control-thumbs li{width: 10%; float: left; max-height: 100px; height: 100px; margin: 0; overflow: hidden;} .flex-control-thumbs{margin: 5px 0 0; position: static; display: table; overflow: hidden;border:none;} .flex-control-thumbs img{display: table-cell; vertical-align: middle;} #page_produit .flexslider{border:none;} /* BLOC LIENS */ #bas_bloc_liens{margin-top:60px;margin-bottom: 10px;} #bas_bloc_liens .bloc_lien{position:relative;display:block;height:280px; background: #f2f2f2;padding:10px 0; margin-bottom: 20px;overflow: hidden;} #bas_bloc_liens .a_img_bloc_lien{position: absolute;width:100%;text-align: center; margin: 0 auto;} #bas_bloc_liens .img_bloc_lien{width:100%; max-height: 240px;max-width: 300px;} .bloc_lien .bloc_plus .picto_design{position: absolute; left: 10px; top: 235px;} .bloc_lien .bloc_plus .txt{position: absolute; left: 60px; bottom: 10px;} .bloc_lien .bloc_plus .txt{color:#000;font-size: 28px;line-height: 38px;font-weight: 600;text-transform: uppercase; } .bloc_lien .bloc_plus.txt_long .txt{font-size: 22px;line-height: 24px;} @media (max-width: 1024px){ .bloc_lien .bloc_plus .txt{left: 50px;} .bloc_lien .bloc_plus.txt_long .txt{font-size: 18px;line-height: 20px;} } @media (max-width: 992px){ .bloc_lien .bloc_plus.txt_long .txt{font-size:24px; line-height: 24px;} #bas_bloc_liens .col-sd-6{-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%; } } /* Chemin de fer / fil d'ariane / breadcrumb_f'*/ .breadcrumb_f{position: relative;display: block;padding: 0; margin-bottom: 0.25rem;} .breadcrumb_f .link{position: relative;font-family: 'Lato', sans-serif;display: block;float: left;font-size:20px;line-height: 34px;color: #0d0d0d;transition: all 0.5s;} .breadcrumb_f a.link{cursor: pointer;} .breadcrumb_f a.active, .breadcrumb_f a:hover{text-decoration: underline;} .breadcrumb_f .link:first-child:before{content: '';display:none;} .breadcrumb_f .link:before{content: '>';text-decoration: none;padding: 0 10px;line-height: 34px;} /* PAGINATION */ .bloc_paginate{margin-bottom: 1rem;} .bloc_paginate .pagination{margin-bottom: 0rem;} .bloc_paginate .bloc_paging{display: inline-block;margin-right: 40px;} .bloc_paginate .bloc_itemsOrder{max-width:200px;display: inline-block;margin-right: 10px;} .bloc_paginate .bloc_itemsPage{max-width: 150px;display: inline-block;margin-right: 0px;} .bloc_paginate_result{padding-top: 5px; padding-right: 25px; text-align: right; font-weight: bold;} .page-item.active .page-link{background-color: #b3af27;border-color: #929292;} .page-link{color: #615e14;} .page-link:focus, .page-link:hover{color: #3c3a13;} .nav-item.show a.level2Link{text-decoration: underline;} .page-heading p{letter-spacing: 1px;word-spacing: 2px;font-size: 14px;} /* CONTACT */ .intro_form_contact{height:90px;line-height: 90px;} .icona_fumetto_form_contatti{width: 31px; height: 27px; position: relative;display:inline-block;} .descrizione_form_contatti{width: 220px; height: 35px; position: relative; display:inline-block; font-family: 'Lato', sans-serif; font-size: 13px; color: #595b60;} .logo_fabarm_form_contatti{float: right; width: 158px; height: 58px; position: relative;/*margin-top:5px;*/display:inline-block; } #address .contact_adress, #address .contact_phone, #address .contact_mail, #address .contact_sas{position:relative;padding:40px;font-family: 'Lato', sans-serif; } #address .contact_phone, #address .contact_mail{font-size:1.2em;font-weight:400; color: #e9e9e9;} #address .contact_mail{color: #35383e;} #address .contact_adress, #address .contact_sas{font-size: 13px; color: #c5c6c7;} .contact_mail{background-color: #d3d3d3;} .image_texte .picto_contact{top: 7px; } #contact-form{clear:both;background-color: #fff;padding:0px;margin-bottom: 40px;border-radius: 0px;border: 0px solid #ccc;} #map-outer{height: 440px;padding: 20px;margin-bottom: 20px;} .photo_contact{width: 100%;} #map-container{height: 400px; margin: 20px 15px; width: 100%;} .contact-email{font-size: 22px;} @media all and (max-width: 991px){ #map-outer{height: 650px; } } /* INSCRIPTION */ .card-login{padding-bottom: 50px;margin-bottom: 200px;} .card-login form{padding: 15px 20px;} .card-login{border-color: #ccc;-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);} /* onglet login / connexion */ .card-login>.card-header a.active{/*color: #2196f3;*/font-size: 18px;} .card-login input[type="text"],.card-login input[type="email"],.card-login input[type="password"]{ height: 45px;border: 1px solid #ddd;font-size: 16px;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;transition: all 0.1s linear;} .card-login input:hover,.card-login input:focus{outline: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-color: #ccc;} a.forgot-password{color: #72a791;} #register-form .civilite_group{float: right;} .btn-register, .btn-login{outline: none;font-size: 14px;height: auto;font-weight: normal;padding: 14px 0;text-transform: uppercase;border-color: #808080;} .btn-register:hover,.btn-register:focus, .btn-login:hover, .btn-login:focus{background-color: #efeded;border-color: #808080;} @media (max-width: 767px){ .navbarSubMenuFit #bloc_recherche {position: relative;right:auto;} #header_menu_block {position: relative;right:0;} } /******************************************************************************* PAGE STORE ********************************************************************************/ #page_produits{padding-bottom: 40px;} #page_produits .pagination{clear:both} #page_produits .card-title{margin-bottom: .5rem;font-size: 1.5em;font-weight: 600;} #page_produits .titre_categorie{font-size: 0;} #page_produits .row{clear:both;} #page_produits .bloc_paginate{margin-bottom: 1rem; display: inline-block;} #page_produits .bloc_image{clear:both; height: 220px; line-height: 220px; text-align: center;position: relative; top: -5px;} #page_produits .bloc_image .img-responsive{max-height: 100%;max-width: 100%;margin:auto;} #page_produits .form-control{padding: .0rem .75rem; font-size: 0.8rem; line-height: 1;} #page_produits .page-link{padding: .5rem .75rem; margin-left: -1px; line-height: 1.0;} #page_produits .info_page{position: absolute; bottom: -40px;} /* vignette produits */ #liste_produits{margin-top:20px;} .productLk{height: 305px;overflow: hidden;margin-bottom: 2rem;} .productLk .card:hover, .productLk .card:focus{border-color: rgba(0, 0, 0, 0.3);} .productLk a:hover, .productLk a:focus{cursor: pointer;text-decoration: none;} .productLk .card{border:1px solid #fff;height: 100%;} .productLk .card:hover{border: 1px solid rgba(0,0,0,.125);} .card-body{position: relative;top: -20px;clear:both;padding: 5px 10px; max-width: 400px;background:#ffffffee;} @media (max-width: 767px){ .productLk .card-body{display:none;} } .card-text:last-child{font-size: 12px; line-height: 16px;padding: 0; margin: 0;} .card-bottom{position: absolute;/*top: 174px; */ bottom: 0;right: 0;width: 100%; text-align: right; border: 0px solid #00000021;} .card-bottom:after{clear:both;} .productLk .marque{float:left; margin-left:10px;margin-top:0px;font-size: 0.8em;} .productLk .marque img{max-height: 100%;max-width: 100%;width:auto;} .productLk .marque .texte{font-size: 0;} .productLk .picto_nouveaute{position: relative;height:20px; float: left; margin-top: 10px;margin-right: 10px; z-index: 5;} .productLk .picto_nouveaute .texte{max-height: 100%;max-width: 100%;width:auto; } .productLk .bloc_plus{position: absolute;font-size: 12px;font-weight:800;width: auto;top: -5px;right: -5px;margin: 0 0 0px 0px;padding: 0px; border-radius: 0px; background: none;} .productLk .bloc_plus .img{font-weight: 700; } .productLk .bloc_plus .texte{padding:5px;} .card-references{font-size: 0.8rem;} .info_prix{position: relative; display: inline-block; padding: 5px 0 0 10px; text-align: right;background-color:#ffffffba; } .info_prix h6{/*display: inline-block;*/ margin-bottom: 0;} .info_prix .text{display: inline-block;width: 100px; padding-right: 10px; line-height: 90%;font-size: 85%; /*color: #aa131a!important;*/} .productLk .prix_public{font-size: 1em;} .card-price{position: relative;display: inline-block;text-align: right;margin: 0; font-size: 2em; line-height: 1em; font-weight: bold;} .card-initial-price{text-decoration: line-through;font-style: italic; font-size: 85%; padding-right: 5px;} .card-price.card-initial-price{font-size: 1.25em;} .card-discounted-price{color:#e62c37;} .card-price .text{font-size: 70%;font-weight:800;} .exposant{position: relative; vertical-align: top;top:0; font-size:0.5em;line-height: initial; font-weight: 200; padding-left: 5px;} .info_prix .exposant{} /* bouton panier / DISPO */ .productLk .dispo,.productLk .non_dispo, .addtocart{position: relative;float: right;display:block;padding:0; border-width: 0;font-weight: bold;margin:0;width: auto;height:35px; line-height: 100%; white-space: normal; align-items: center; bottom: 5px; right: 5px;} .productLk .dispo, .productLk .non_dispo{font-size: 14px;background-color: #30b11e!important; margin-top: 5px; padding: 9px 15px 3px 15px; color: #fff; } .productLk .non_dispo{background-color:/*ffa500 f08f1f*/ #f09739!important; color: #fff; } .productLk .addtocart{margin-top: 5px;padding-right:15px ;padding-left:15px ; } .addtocart-btn, .addtocart a{padding: 3px 6px 5px 5px;display: inline-block;margin: 0;font-size:16px; } .addtocart a{color: #ffffff;margin: 0 auto;display: flex; align-items: center; height: 100%;} .addtocart svg{margin:auto 0.25em auto 0;} .addtocart .txt{font-size: 11px;} .addtocart i{margin-right: 1px;font-size: 18px;} .addtocart .fa-cart-plus:before{position: relative;top: 3px;} .addtocart , .quantite_panier{-webkit-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear; transition: background-color 500ms linear;} @media (min-width: 1200px){ .info_prix{} .addtocart{} } @media (max-width: 765px){ .productLk{} .info_prix{} .card-price{} .addtocart{} } /******************************************************************************* Page PRODUIT ********************************************************************************/ #page_produit #produit h1 img{max-height: 55px;margin-left: 10px;} #bloc_references{display:block;float:right; border-collapse: separate;border-spacing: 0.5rem 0;margin-bottom: 20px;} #bloc_references:after{content: ''; display: block; clear: both;} .bloc_reference{vertical-align: top;box-sizing: border-box; width: 6rem; height: 100%;background-color: #f4f4f4;font-size:0.70rem; font-weight: 800;margin-left:0.375rem;text-align: center; padding: 0.375rem 0;} .bloc_reference.titre_reference{margin-left: 0px;padding-left:0.70rem;width: 7rem;text-align: left;} .bloc_reference .ligne{height:1rem;outline:0px solid red} .bloc_reference .exposant{font-size: inherit; } .bloc_reference .form_achat{padding-left:1.0rem; } .bloc_reference .quantite_panier{width: 3rem;padding-left: 2px;padding-right: 0;} .bloc_reference .addOrder{width: 1.375rem;height: 1.375rem;/* padding: 2px; */} .bloc_reference .addOrder .svg-inline--fa{vertical-align: 5px;} #bloc_produit_tableaux{width: auto;overflow-x: auto;} .bloc_caras_references{display:block; position:relative;border-collapse: separate; border-spacing:0.5rem 0;/*width: 100%;max-width: 100%;*/} .bloc_caras_references tr{/*min-width: 100%;*/} .bloc_caras_references thead{} .bloc_caras_references thead th{position:relative;font-size:1rem;margin-left:0.375rem;text-align: center; padding: 0.375em 1.5em;background-color: #f4f4f4;font-weight: 800;min-height:60px;} .bloc_caras_references .titre_nom{font-size: 0.85em; max-width: 300px; } .bloc_caras_references .entete_titre{position: absolute;left: 5px; bottom:5px; text-align: left;} .bloc_caras_references tbody td{margin-top: 5px;border-top: dashed #000 1px; padding:5px 10px; text-align: center; font-size: 0.8em; max-width: 300px;} .bloc_caras_references .titre_cara{text-align: left;font-weight: 800; padding-left: 5px;} .bloc_caras_references tfoot{margin-top: 5px;} .bloc_caras_references .exposant{font-size: 0.75em; } .bloc_caras_references .ligne_prix{background-color: #f4f4f4;padding-top:5px;padding-bottom: 5px;font-weight: 800;} .bloc_caras_references .ligne_prix.last{padding-top:0px;} .bloc_caras_references .ligne_prix .titre{padding: 5px 10px;text-align: left;} .bloc_caras_references .ligne_prix td{padding: 5px 10px;text-align: center;} .bloc_caras_references .achat{display:inline-block; text-align: center; margin-top: 5px;} .bloc_caras_references .dispo{font-weight: 800;} #page_produit .bloc_pictos{margin-bottom: 20px;} #produit .bloc_pictos .picto_css{ float: left;height: 40px;padding: 0px 15px 0px 15px; line-height: 40px; font-size: 20px; border-radius: 0; margin-left: 5px; text-transform :uppercase; font-weight: 600;} #produit .bloc_pictos img{line-height: 40px; float: left;} #page_produit #produit h2{line-height: 30px;font-size: 24px;} #page_produit #bloc_description{clear:both;} #page_produit #bloc_description p{margin-bottom: 5px;font-size: 13px;} #page_produit #texte_gamme, #page_produit #texte_gamme p{font-size: 14px;font-weight: 800;color: #000;} #page_produit #description, #page_produit #description p{font-size: 14px;} #page_produit #ficheTechnique, #page_produit #ficheTechnique p{font-size: 14px;} #page_produit #zoneInfo img{max-height: 40px;} #produit_info{width: 100%;margin-top: 20px;} #page_produit .prix_non_solde{text-decoration: line-through;} .dispo_erreur{font-style: italic;font-size: 12px;} #page_produit .hr{margin: 1em 10% 1em 0;width:90%;} #page_produit .hr hr{width:55%; margin-left:auto;margin-right:auto; background-color: #fff; color: #fff; border:none; border-bottom: dashed #000 1px;/*padding-right: 10%;*/} .addOrder{float: left;width: 28px;padding: 2px;margin-left: 2px;} .achat form{width: 80px;} .quantite_panier{float: left;width: 50px;text-align: center;} @media (max-width: 768px){ #page_panier .orderProductLk .text_centrer_v{padding-top: 35px;width: 25%;display: inline-block;} #page_panier .orderProductLk .qtte_centrer_v{padding-top: 30px;width: 25%;display: inline-block;} .qtte{width: 100px;} #page_panier .orderProductLk .text_centrer_v{padding-top: 35px;width: 25%;display: inline-block;} #page_panier .orderProductLk .close_centrer_v{padding-top: 25px;width: 25%;display: inline-block;} } /* tableau*/ .produit_tableau{width: auto; overflow-x: auto;} .produit_tableau .table thead th, .produit_tableau td{vertical-align: middle;text-align: center;border:0;} .produit_tableau .photo{text-align: center;} /* PRODUIT: PHOTOS */ #page_produit .img-responsive, #page_produit .carousel-inner .item img{max-width: 100%;max-height:400px;height: auto;} /*#page_produit .img-responsive, #page_produit .carousel-inner>.item>img,#page_produit .carousel-inner>.item>a>img{max-width: 100%;max-height:400px;height: auto;}*/ #page_produit .carousel img{vertical-align: middle;} #page_produit .carousel-item{min-height: 200px;white-space: nowrap;} #page_produit .carousel img{vertical-align: middle;} .ekko-lightbox-nav-overlay a{color: #ccc;opacity: 0.6;} /* PRODUIT: MIGNATURES PHOTOS (THUMB ) */ #page_produit .img-responsive, .thumbnail>img, #page_produit .thumbnail a>img, #page_produit .carousel-inner>.item>img,#page_produit .carousel-inner>.item>a>img{display: block;} #produit .slide_thumbnail li{display: inline-block;width: 108px;height: 72px; margin: 4px; padding: 0;} #page_produit .thumbnail{padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 0px; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; width: 100px;height: 90px;display: table-cell;vertical-align: middle;} #page_produit .thumbnail img{margin-right: auto;margin-left: auto;max-width:100px;max-height:82px;} #produit .bloc_pictos .picto_css{float: left;margin-left:5px;height: 40px;padding: 0px 15px 0px 15px; line-height: 40px; font-size: 20px; border-radius: 8px;; margin-left: 5px; text-transform :uppercase; font-weight: 600;color:#fff;} #produit .bloc_pictos img{float: left; line-height: 40px;margin-left:5px;} /******************************************************************************* Page PANIER *******************************************************************************/ #validateDelivery{margin-left: 0;} #page_panier{margin:2em 0 10em 0;} #page_panier .panel-head{text-transform: uppercase; font-weight: 400; padding-bottom: 15px;letter-spacing: 0;} #page_panier .row{margin:0;} #page_panier .orderProductLk{padding:1.5rem 0;margin: 0; border-top: 1px solid rgba(0,0,0,.1);} #page_panier .orderProductLk:nth-of-type(1){border: 0;} #page_panier .orderProductLk:nth-of-type(even){background-color: rgba(0,0,0,.05);} #page_panier .cart_image{margin-left: 5px;} #page_panier .orderProductLk .order-img{position: relative;padding-left: 10px;height: 90px;line-height: 90px;text-align: center;display: table-cell;vertical-align: middle;} #page_panier .orderProductLk .text_centrer_v{padding-top: 35px;} #page_panier .orderProductLk .qtte_centrer_v{padding-top: 30px;} #page_panier .orderProductLk .close_centrer_v{padding-top: 25px; text-align: center;} #page_panier .orderProductLk .qtte{padding: .175rem .0rem .175rem .5rem;min-width: 45px;} #page_panier .orderProductLk a:hover{color:#000;} #page_panier .orderProductLk:hover{background-color: #fdf7f3; -webkit-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear; transition: background-color 500ms linear;} #page_panier .total{color: #555454;font-weight: 800;font-size: 1.2em} #page_panier .panel-footer{padding-top: 10px;} #page_panier .product-name{color: #898296;} #page_panier a:hover .product-name{color: #444;} @media (max-width: 768px){ .qtte{width: 100px;} #page_panier .orderProductLk .text_centrer_v{padding-top: 35px;width: 25%;display: inline-block;} #page_panier .orderProductLk .qtte_centrer_v{padding-top: 30px;width: 25%;display: inline-block;} #page_panier .orderProductLk .close_centrer_v{padding-top: 25px;width: 25%;display: inline-block;} .panel-head{display:none;} } /******************************************************************************* */ #layer_cart{background-color: white; position: absolute;display: none;z-index: 99;width: 84%;margin-right: 8%;margin-left: 8%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .layer_card_overlay{background-color: #000;display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 98; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2;} .tableRowLk, .order-row, .client-row{cursor: pointer;} #nav_panier{position: absolute;top: 33px;right: 0;z-index: 20;width: 420px;height: auto; transform-origin: 50% 0; display: block;max-height: 0;transition: .5s max-height 0.0s;overflow: hidden; } #panierLk .nav-link:hover+#nav_panier, #panierLk .nav-link:focus+#nav_panier, #panierLk .nav-link:active+#nav_panier, #nav_panier:hover, #nav_panier:focus, #nav_panier:active{ max-height: 800px;} #nav_panier .contenant{position: relative;text-align: left; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; width: 100%;height: auto; word-wrap: break-word;background-color: #fff;background-clip: border-box;color: #444; border-radius: .25rem; border: 1px solid rgba(0,0,0,.125); } #nav_panier .cart_products{display: block;position: relative;padding: .5rem .75rem;max-height: 500px;overflow-y: auto;} #nav_panier .cart_product{display: block;clear: both;margin: 5px 0;} #nav_panier .cart_product.hidden{display: none;} #nav_panier .cart_image{display: inline;position: relative;float: left;width: 100px;height: 60px;line-height: 60px;text-align: center;} #nav_panier .cart_image img{width: auto;height: auto;max-width: 90px;max-height: 50px;overflow: hidden;} #nav_panier .cart_info{display: inline;position: relative;width: 220px;float: left;font-size: .75em;margin-left: 10px;} #nav_panier .product_name{color: #444;} #nav_panier .ref_price{font-size: 1em;} #nav_panier .ref{font-weight: bold;} #nav_panier .price, #nav_panier .price_promo{color: #999;margin-left: 10px;} #nav_panier .cart_image{} #nav_panier .card-bottom{display: block;position: relative;clear: both;} #nav_panier .cart_prices{position: relative;left: 18px;top: 5px;font-size: 0.8em;font-weight: 800;} h4 .price{font-size: 1.2rem;} #page_panier .orderProductLk .glyphicon-trash, #page_panier .btn-link:hover .glyphicon-trash, #page_panier .btn-link:hover, #nav_panier .cart_product .btn-link, #nav_panier .btn-link:hover{color: #cc0000;font-weight: bold;} #nav_panier .cart_product .remove_article{float: right;} .remove_article .fa-trash-alt{display: none;} #nav_panier .cart_prices_delivery{position: relative;top: 5px;left: 0px;width: 200px;line-height: 10px;} #nav_panier .order_prices_sum{position: relative;top: 15px;left: 0px;width: 200px;line-height: 10px;} #page_panier .cart_image{overflow: hidden;} /******************************************************************************* REVENDEURS *******************************************************************************/ #liste_revendeur .pagination{display: block;margin-bottom: 20px;} #visuel_index_revendeur{margin-left: 20px;} #liste_revendeur .pagination a{text-decoration: none; display: inline-block; padding:0px;font-size: 22px; font-weight: 800;} #liste_revendeur .pagination .previous,#liste_revendeur .pagination .next{color: #000; background-color: #f1f1f1;font-size: 18px;border: none; display: inline-block;padding: 3px 16px 5px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; text-align: center; cursor: pointer;} #liste_revendeur .pagination .previous:hover,#liste_revendeur .pagination .next:hover{color: #000!important; background-color: #ccc!important;} .onglet.hide{display: none;} .onglet.show{display: block;} #revendeurs{} #revendeurs_list{} #revendeurs_list .recherche_txt{width:100px;} #revendeurs_list .text_info{font-size: 11px;} #revendeurs_list #liste_revendeur{} #revendeurs_list .box_revendeurs{font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;font-size: 11px;color: #000;margin-bottom: 10px;padding-top: 10px;border-top: dashed #000 1px;} #revendeurs_list .box_revendeurs:first-child{border-top :none;padding-top: 0;} #revendeurs_list .box_revendeurs a{color:#878787;} #revendeurs_list .box_revendeurs a:focus,#revendeurs_list .box_revendeurs a:hover{text-decoration: underline;} #revendeurs_list .titre_revendeurs{font-size: 12px;font-weight: bold;text-transform :uppercase;} #revendeurs #map_canvas{display: block;height: 1000px;} #liste_revendeur .link_prev, #liste_revendeur .link_next{position: relative; display: block; width: 29px; height: 33px; cursor:pointer;} #liste_revendeur .link_prev{float: left;background:url('arrow-left-29.png') no-repeat scroll transparent -0px -0px; } #liste_revendeur .link_next{float: right;background:url('arrow-right-29.png') no-repeat scroll transparent -0px -0px; } #liste_revendeur .link_prev:hover,#liste_revendeur .link_prev:focus,#liste_revendeur .link_prev:active{background-position:-0px -33px; } #liste_revendeur .link_next:hover,#liste_revendeur .link_next:focus,#liste_revendeur .link_next:active{background-position:-0px -33px; } #liste_revendeur .link_next a, #liste_revendeur .link_next a{width: 20px; height: 23px; display:block;} #map_canvas h1{font-size:14px;color: #000; font-weight: bold;} #map_canvas h2{font-size:12px;color: #656565; } #map_canvas p{font-size:12px;color: #000; } #map_canvas a{font-size:12px;color: #66858D; } #map_canvas a:hover,#map_canvas a:focus,#map_canvas a:active{text-decoration: underline; } /******************************************************************************* FOOTER *******************************************************************************/ .navbar-nav .link_page{font-weight: 400;font-size: 70%; padding-top: 2px;} footer{display:block;z-index: 5;width: 100%;left: 0;right: 0;padding: 0px;font-size: 13px;box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);text-align: center;} footer .navbar{padding: 0rem 0rem;} footer>.navbar{} footer .navbar-dark .navbar-nav .nav-link{font-weight: bold;} footer .navbar:nth-of-type(1) .navbar-nav{font-size: 16px;} footer .footer{} footer .accroche_contact, #navbarSubMenu .accroche_contact{position: relative;font-size: 20px;font-weight: 700;} footer .logo{display: inline-block;bottom:6px;top:-6px;position: relative;} footer .navbar li{line-height: 39px;} footer .navbar li a{display: inline-block;vertical-align: middle;line-height: normal} footer .image_texte img{max-height: 32px;} @media (max-width: 768px){ footer{position: relative;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS */ #container-page{ margin-top: 40px!important;} } @supports (-ms-accelerator:true) { /* IE Edge 12+ CSS */ #container-page{ margin-top: 40px!important;} } @supports (-ms-ime-align:auto) {/* IE Edge 16+ CSS */ #container-page{ margin-top: 40px!important;} }