/* HEADER 6 */ /*Header 6*/ section#header6 div.logo-header6 { display: inline-flex; align-items: center; justify-content: center; } #header6 .menu-social { float:left; font-size:0 } #header6 .menu-social { float:right; font-size:0 } #header6 .menu-social li { cursor:pointer; display:inline-block; margin-right:5px; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width:30px; height:30px; font-size:18px; line-height:30px; text-align:center; vertical-align:middle } #header6 .menu-social li:last-child { margin-right:0} #header6 .menu-social li { cursor:pointer; display:inline-block; margin-left:5px; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width:30px; height:30px; font-size:18px; line-height:30px; text-align:center; vertical-align:middle } #header6 .menu-social li:hover { background:#eaeaea } #header6 .menu-social li span { display:none } #header6 .menu-social li a:before { width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size: 16px; display: inline-block; position: relative } #header6 .menu-social li.facebook a:before { color: #ffffff!important; content: "\f09a"}/*#3b5999*/ #header6 .menu-social li.twitter a:before{ color: #ffffff!important; content: "\f099"} #header6 .menu-social li.youtube a:before{ color: #ffffff!important; content: "\f167"} #header6 .menu-social li.linkedin a:before { color: #ffffff!important; content: "\f0e1"} #header6 .menu-social li.instagram a:before { color: #ffffff!important; content: "\f16d"} #header6 .menu-social li.pinterest a:before { color: #ffffff!important; content: "\f231"} section#header6 { display: flex; flex-direction: row; justify-content:center; align-items:center; min-height: 70px; background:#ffffff; } section#header6 div.header-gauche { order:1; width:35%; display: flex; flex-direction:row; justify-content:flex-start; align-items: center; } section#header6 div.header-gauche ul.menu-social { margin:12px; } section#header6 div.header-gauche ul.menu-adress { margin:12px; } section#header6 div.logo-header6 { flex:1; order:2; } section#header6 div.header-droite { order:3; width:35%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .svg_header_icon_ordo { width:auto; height:20px; fill: #ffffff!important; } .svg_header_icon_panier_top { width:auto; height:40px; background:#E7EAEF; padding:10px; border-radius:20px; } .header-mon-panier div.headercartcount { font-weight:bold; font-size:10px; display: flex; flex-direction: row; align-items: center; text-align:center; width:20px;height:20px; border-radius:10px; color:white!important; background-color:#0d5981!important; position:relative; z-index:10; top:-20px; left:-10px; } .header-mon-panier { margin-left:25px; margin-right:25px; } .header-mon-panier { display: flex; flex-direction: row; align-items: center; } .header-envoi-ordo { margin:25px; } .header-envoi-ordo a { display: flex; align-items: center; } .header-envoi-ordo a span { margin-left: 15px; } @media only screen and (max-width: 1200px) { .nomobile { display: none !important; } } @media only screen and (max-width: 1000px) { section#header div.header-gauche { width:28%; } section#header6 div.header-droite { width:25%; } .header-envoi-ordo, .header-mon-panier { margin:10px!important; } } @media only screen and (max-width: 600px) { .header-envoi-ordo, .header-mon-panier { margin:5px!important; } section#header .menu-social, section#header .menu-adress{ display:none; } section#header .header-gauche{ font-size:0; width: 40px!important; } section#header .logo-header6{ width: calc(50% - 40px); } section#header6 div.header-droite { width: 40%; margin-right: 1.2vh; } } i.headericon span, div#myDropdown *:not(i::before){ font-family:'Poppins', sans-serif;!important; } span.nomobile { font-weight: 700; font-size:14px; } /* Header Bepharma */ /* Barre de navigation */ .header6#navigation .row { padding: 0; max-width: 100%; display: flex; justify-content: center; background-color:#2776ac!important; } /* Affichage sous menu */ .header6.menu-header ul { top: 62px; } /* Picto RS */ #header .menu-social li { background: #ffffff; } #header6 .menu-social li:hover { background: #eaeaea ; } /* Bouton envoi ordonnance */ .header-envoi-ordo a { background: transparent; padding: 10px; border-radius: 5px; border : solid 1px #2776ac!important; color: #2776ac; } .header-envoi-ordo a:hover { background: #2776ac!important; padding: 10px; border-radius: 5px; border : solid 1px #2776ac!important; color: #fff !important; } /*couleur texte div adresse*/ section#header6 div.header-gauche { color: #2776ac; } ul.menu-adress a { color: #2776ac; } /* largeur menu navigation */ #navigation section.row { width: 100% !important; } /*panier*/ .svg_header_icon_panier_top { background: #d6eaed; } /* Menu Responsive */ .menu-open #header { overflow: auto; } @media only screen and (max-width: 780px){ .header-droite .dropdown .headericon, ul.menu-cart li a::before { font-size: 20px !important; }} /* bloc coordonnées */ section#containeraccueil { background:#F7F8FD!important; } section#containeraccueil .row{ display:flex; flex-direction:row; align-items: center; justify-content: space-between; } @media only screen and (max-width: 1200px) { section#containeraccueil .row{ flex-direction:column; } } .contenucoordonnees { width:70%; padding-left: 5px; background:white; border-radius:8px; padding:10px; padding-left:20px; max-width: 500px; } .contenucoordonnees span { display: inline-flex; margin-left:5px; } @media only screen and (max-width: 1200px) { .contenucoordonnees { width:100%; } .contenucoordonnees.entry-bloc-content { margin: 0 auto; margin-top: 20px; } } /* Header Responsive */ @media only screen and (max-width: 580px) { section#header6 div.header-gauche ul.menu-social { display: none; } } @media only screen and (max-width: 580px) { section#header6 div.header-gauche { color: #ffffff; } } @media only screen and (max-width: 580px) { section#header6 div.header-gauche ul.menu-adress { display: none; } } @media only screen and (max-width: 580px) { section#header6 div.header-gauche { width: 20%; } } @media only screen and (max-width: 980px) { section#header6 div.header-gauche ul.menu-social { margin-left: 4vh; } } .menu-open .header6#navigation { height: 100vh; } section#header6 div.header-droite { margin-right: 2vh; } /* HEADER 7 */ /** ARS **/ /** ARS **/ p.date_modified_ars { text-align: center; margin-bottom:20px; } #header div.mail_header, #footer div.mail_footer { cursor: pointer; display: inline-block; margin-left: 5px; -webkit-border-radius: 100%; border-radius: 100%; background: #3b8e72; width: 25px; height: 25px; font-size: 18px; line-height: 25px; text-align: center; vertical-align: middle; } #header div.mail_header:hover, #footer div.mail_footer:hover { background: #1b5d48; } #header div.mail_header a:before, #footer div.mail_footer a:before { color: #FFFFFF!important; content: "\f0e0"; width: 20px; height: 20px; line-height: 25px; font-family: 'FontAwesome'; font-size: 15px; display: inline-block; position: relative; } #header div.mail_header span { display:none; } div.modal-body.ars_modal { display: inline-block; padding: 20px; width: 100%; max-width: 600px; } div.ars_mymodal { z-index: 5555555555; } div.left_right_compte { width:100%; } .footer-ars { display: flex; align-items: center; justify-content: center; margin-top:40px; margin-bottom : 10px; } .footer-ars a{ margin:10px; height: 70px; } .footer-ars img{ max-width: 250px!important; height: 70px; } @media screen and (max-width: 801px) { .footer-ars { flex-direction: column; } } button.ajpanier.single_add_to_cart_button.button.alt.modal-button { line-height: normal!important; } .ars_mymodal h2 { display:block!important; } .ars_mymodal .left_compte { width:auto!important; } .ars_mymodal .right_compte { width:auto!important; } .ars_mymodal textarea{ min-height:auto!important; } input.normal_checkbox { -webkit-appearance: auto!important; } div.normal_checkbox_div { display: inline-block; width: 100%; text-align: left; margin-top: 10px; } a.dl_pdf { color: white!important; text-align:center; display: block; width: 250px !important; height: 45px !important; line-height: 45px !important; margin: 0 auto !important; background-color: rgba(13,89,129, 1) !important; font-size: 14px !important; font-weight: normal !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: normal !important; border-radius: 5px; border: solid 1px; border-color: rgba(13,89,129, 1) !important; } a.dl_pdf:hover { cursor:pointer; background-color: white!important; color: rgba(13,89,129, 1) !important; border: solid 1px; border-color: rgba(13,89,129, 1) !important; } div.aboutproduit h3 { font-size: 11px; } div.aboutproduit i.fas.fa-envelope:before { margin-right: 10px; } div.aboutproduit i.fas.fa-envelope, div.aboutproduit i.fas.fa-envelope * { color: rgba(59,142,114, 0.8) !important; font-size: 19px; margin-top:10px; } #footer .menu-social { display: inline-block; margin-left: 15px; } #footer div.mail_footer { width: 40px; height: 40px; line-height: 40px; } #footer div.mail_footer span { display: none; } div.aboutproduit i.fas.fa-phone-volume { display:block!important; } #noticepopup { height: 400px; overflow-y: scroll; width: 100%; overflow-x: clip; } div.txt_questionnaire { width:85%; text-align:left; font-size:13px; margin-bottom: 20px; margin: 0 auto; } div.txt_before_cgv { display: block; font-size: 13px; margin-top: 20px; margin-bottom: 20px; } .contenucoordonnees .entry-title-h4 { text-align:left!important; font-size: 16px; font-weight: 600; margin-bottom: 10px; margin-top: 10px; color: #3f3f3f!important; } .contenucoordonnees .entry-title-h4 a{ color: #3f3f3f!important; } .contenucoordonnees .coord_categ { color: #0d5981!important; font-size: 18px; font-weight: 700; } @media only screen and (max-width: 1080px) { .menu-open #header { text-align: center; position: inherit; } } @media only screen and (max-width: 1080px) { .header-gauche .toggle-menu { display: inline-block !important; vertical-align: middle !important; position: absolute; top: auto !important; left: auto !important; margin-left: 10px; margin-right : 20px; } } @media only screen and (max-width: 1080px) { section#header div.header-gauche ul.menu-social { margin-left: 70px; } } @media only screen and (max-width: 1080px) { i.fas.fa-user.dropbtn.headericon span { display: none; }} @media only screen and (max-width: 1080px) { .dropbtn { margin-left: 5px; margin-right: 0px; } } /* PAGE PROMOTIONS */ .page-promo-grid { text-align: center; } .page-promo-grid ul { } .page-promo-grid li { width: 33%; display: inline-block; vertical-align: top; } .page-promo-item { border: 1px solid #f0f0f0; margin: 20px; position: relative; color: black; } .page-promo-item #image_produit { height: 270px; } .page-promo-item #image_produit img { max-height:270px; } .page-promo-item #nom_produit { width: 100%; height: 50px; display: flex; overflow: hidden; border-bottom: 1px solid #f0f0f0; } .page-promo-item #prix_produit { width: 100%; height: 75px; display: flex; flex-direction: column; text-align: left; color: #0d5981; } .page-promo-item #prix_produit div:first-child { margin: auto 10px; font-weight: 700; font-size: 1.5em; color: #0d5981; text-align:center; } .page-promo-item #prix_produit div:nth-child(2) { margin:auto 10px; font-size:0.7em; color:#000; font-size: 17px; font-weight: 700; text-align: center; color: #0d5981; } .page-promo-item #macaron { overflow: hidden; position: absolute; top: -20px; right: -20px; border-radius: 100px; width: 90px; height: 90px; background: #0d5981; color: white; font-weight: 700; font-size: 1.2em } .page-promo-item #macaron div { font-size: 18px; height: 90px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 1340px) { .page-promo-grid li { width: 49%; } } @media screen and (max-width: 700px) { .page-promo-grid li { width: 100%; } } ul.promotionsblocimgdesc { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; } ul.promotionsblocimgdesc div.blocongletproduit{ display: contents; width:100%; } @media screen and (max-width: 770px) { ul.promotionsblocimgdesc { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } } ul.promotionsblocimgdesc .tabsdescription-content { border: solid 3px #f0f0f0!important; } ul.promotionsblocimgdesc .tabsdescription h3 a { box-shadow: 0 3px #f0f0f0 !important; background-color: #f0f0f0!important; } ul.promotionsblocimgdesc .tabsdescription h3 a.active { background-color: white!important; } /* SLIDER BANNIERE */ .slider_bouton { width:100%; height:33%; padding:5px; display:flex; justify-content:center; align-items: center; //border:1px solid red; } .slider_bouton a { display:flex; align-items: center; background-color:white; border-radius: 10px; width:100%; height:100%; //border:1px solid red; overflow:hidden; padding:10px; } .slider_bouton a div { float:left; } .slider_bouton a div:first-child { width:85%; overflow:hidden; } .slider_bouton a i { font-size:200%; /* haut | droit | bas | gauche */ padding:0px 10px 0px 10px; } @media screen and (max-width: 870px) { .flexslider { width:100% !important; } #boutons_slider { display:none !important; } } /* Style slider pack anim */ .entry-title-slider-h2 { font-family:'Comfortaa', cursive;; margin-bottom: 20px; } .entry-content-slider { font-family:'Poppins', sans-serif;; margin-bottom: 20px; } .entry-link-slider a { font-family:'Poppins', sans-serif;; } /* BLOC SLIDER PROMOTIONS */ .slider_promo { background: #f0f0f0; padding-bottom: 80px; } .slider_promo .flickity-viewport { height: 490px !important; /*override hauteur auto javascript*/ } .slider_promo_entete { text-align:center; } .slider_promo .gallery-cell { width: 33.33333%; padding: 0 20px; height: 460px !important; } .slider_promo .entry-summary { height: auto !important; font-size: 15px !important; text-align: center; margin: 10px auto 5px auto !important; } .slider_promo .digitec-gallery-tile { height: calc(100% - 20px); border-radius: 3px; position: relative; background: white; } .slider_promo .entry-title-h4 { /*color: #f39400;*/ /*couleur LPA*/ font-size: 17px; font-weight: 600; padding: 0 20px; } .slider_promo .digitec-gallery-tile img { max-height: 270px; padding: 20px; display: block; margin: 20px auto; //margin-left: auto; //margin-right: auto; } .slider_promo .entry-price { width: 90px; height: 90px; background: #f39400; /*couleur LPA*/ color: white; position: absolute; top: -20px; right: -20px; border-radius: 90px; display: flex; justify-content: center; align-items: center; text-align: center; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 23px; margin-top: 10px; } .slider_promo .entry-link { background: none; bottom: -15px; position: absolute; width: 100%; } .slider_promo .entry-link a { top: 0px; background: #707173; font-size: 13px; font-weight: 700; color: white; border-radius: 3px; width: auto; height: auto; font-family: inherit; line-height: 1; padding: 10px 20px; text-transform: uppercase; display: inline-block; border: none; position: relative; font-family: 'Barlow', sans-serif; transition: all 0.5s ease; } .slider_promo .entry-link a:hover { background: #f39400; } .slider_promo .flickity-page-dots { display: block; bottom: -35px; } .slider_promo .flickity-page-dots .dot { width: 15px; height: 15px; } @media screen and (max-width: 768px) { .slider_promo .gallery-cell { width: 50%; } .slider_promo .flickity-prev-next-button.previous { left: -20px !important; } .slider_promo .flickity-prev-next-button.next { right: -20px !important; } .slider_promo .entry-link a { font-size: 14px !important; padding: 1em 2em !important; } } @media screen and (max-width: 550px) { .slider_promo .gallery-cell { width: 100%; } .slider_promo .flickity-prev-next-button.previous { left: 0 !important; } .slider_promo .flickity-prev-next-button.next { right: 0 !important; } } /* SMART APP BANNER */ .smartbanner-show { margin-top: 80px; } .smartbanner-show .smartbanner { display: block; } /** Default **/ .smartbanner { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 80px; line-height: 80px; font-family: 'Helvetica Neue', sans-serif; background: #f4f4f4; z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } .smartbanner-container { margin: 0 auto; white-space: nowrap; } .smartbanner-close { display: inline-block; vertical-align: middle; margin: 0 5px 0 5px; font-family: 'ArialRoundedMTBold', Arial; font-size: 20px; text-align: center; color: #888; text-decoration: none; border: 0; border-radius: 14px; -webkit-font-smoothing: subpixel-antialiased; } .smartbanner-close:active, .smartbanner-close:hover { color: #aaa; } .smartbanner-icon { display: inline-block; vertical-align: middle; width: 57px; height: 57px; margin-right: 12px; background-size: cover; border-radius: 10px; } .smartbanner-info { display: inline-block; vertical-align: middle; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; } .smartbanner-title { font-size: 13px; line-height: 18px; } .smartbanner-button { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-button:active, .smartbanner-button:hover { color: #aaa; } .smartbanner-button-text { } .smartbanner-button-text:active, .smartbanner-button-text:hover { } /** iOS **/ .smartbanner-ios { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-ios .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover { color: #aaa; } .smartbanner-ios .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-ios .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-ios .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-ios .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } .smartbanner-ios .smartbanner-button-text { } .smartbanner-ios .smartbanner-button-text:active, .smartbanner-ios .smartbanner-button-text:hover { } /** Android **/ .smartbanner-android { background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7); box-shadow: inset 0 4px 0 #88b131; line-height: 82px; } .smartbanner-android .smartbanner-close { border: 0; width: 17px; height: 17px; line-height: 17px; margin-right: 7px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } .smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover { color: #eee; } .smartbanner-android .smartbanner-icon { background-color: transparent; box-shadow: none; } .smartbanner-android .smartbanner-info { color: #ccc; text-shadow: 0 1px 2px #000; } .smartbanner-android .smartbanner-title { color: #fff; font-weight: bold; } .smartbanner-android .smartbanner-button { min-width: 12%; color: #d1d1d1; padding: 0; background: none; border-radius: 0; box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; } .smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover { background: none; } .smartbanner-android .smartbanner-button-text { text-align: center; display: block; padding: 0 10px; background: #42b6c9; background: linear-gradient(to bottom, #42b6c9, #39a9bb); text-transform: none; text-shadow: none; box-shadow: none; } .smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover { background: #2ac7e1; } /** Windows **/ .smartbanner-windows { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-windows .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-windows .smartbanner-close:active, .smartbanner-windows .smartbanner-close:hover { color: #aaa; } .smartbanner-windows .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-windows .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-windows .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-windows .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } .smartbanner-windows .smartbanner-button-text { } .smartbanner-windows .smartbanner-button-text:active, .smartbanner-windows .smartbanner-button-text:hover { } /* Thème */ /* Altipharma */ /* G8 */ /* Pharmabsolu */ /* HappyPharmacie */ /* 37 site groupement */ /* 37 */ /* Galien */ /* Bepharma */ /* Pharma10 Starter */ /* Header Pharma10 Starter*/ .pharma10starter .pharmacie { font-family:'Comfortaa', cursive;; font-size: 26px; font-weight:700; color:#0d5981; } .pharma10starter .nom-pharma { font-family:'Comfortaa', cursive;; font-size: 26px; font-weight:700; color:#77c14c; } @media only screen and (max-width: 600px) { .pharma10starter .pharmacie { font-size: 22px; } .pharma10starter .nom-pharma { font-size: 22px; } } .pharma10starter .barre { display: none; } .pharma10starter span.nomobile { font-weight: 500; font-family: 'Comfortaa', cursive; color:#2776ac } .pharma10starter span.dropbtn { font-weight: 500 !important; } /*bouton header ordo et espace patient sans bordures*/ .pharma10starter .header-envoi-ordo a , .header-droite .dropdown { border: none !important; } .pharma10starter .header-envoi-ordo a:hover{ background:transparent !important; border:none !important; color: #3daa36 !important; } .pharma10starter span.nomobile:hover { color:#77c14c } @media only screen and (max-width: 1000px) { .pharma10starter section#header6 div.header-droite { width: 35%; } } @media only screen and (max-width: 600px) { .pharma10starter section#header6 div.header-droite { width: 25%; } } @media only screen and (max-width: 1000px) { #navigation .menu-header { margin-top: 3vh; } } .dropdown { color:#2776ac } /* bloc section prez + coordonnées*/ .home.pharma10starter section#containeraccueil .entry-content h2 { font-size: 22px !important; text-align : left; } .home.pharma10starter section#containeraccueil .entry-content p { font-size: 16px !important; text-align : left; } @media only screen and (max-width: 780px) { .home.pharma10starter section#containeraccueil { margin-top: 0px !important; } .home.pharma10starter .row { padding: 0px !important; } } .home.pharma10starter section#containeraccueil .entry-bloc-content { padding: 15px; } .home.pharma10starter section#containeraccueil { background: #FFFFFF !important; margin-top: -50px; } .home.pharma10starter .contenucoordonnees .coord_categ { color: #0D5981 !important; } .home.pharma10starter .entry-bloc-content .icon-adress:before {color: #77C14C;} .home.pharma10starter .entry-bloc-content .icon-phone:before {color: #77C14C;} .home.pharma10starter .entry-bloc-content .icon-time:before{color: #77C14C;} .home.pharma10starter .entry-bloc-content .icon-email:before{color: #77C14C;} .home.pharma10starter .entry-bloc-content .icon-reseausocial::before { color: #77C14C;} .home.pharma10starter .contenucoordonnees { background-color: rgba(119, 193, 76, .15); } .home.pharma10starter section#containeraccueil .row { max-width: 1400px; } /* Bloc Appli */ .home.pharma10starter #bloc-appli3 .grid-box { background-repeat: repeat; background-image: none; background-size: auto; background-repeat: no-repeat !important; background-size: contain !important; background-position: right !important; max-width :1400px; margin: 0 auto !important; } .home.pharma10starter #bloc-appli3 .grid-box > li { height: 600px; min-height: 600px; } .home.pharma10starter section#bloc-appli3 { background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgb(39, 118, 172) 10%, rgb(39, 118, 172) 90%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%) !important; background-color: rgba(0, 0, 0, 0); } .home.pharma10starter section#bloc-appli3 ul.grid-box { background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgb(39, 118, 172) 10%, rgb(39, 118, 172) 90%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%); } @media only screen and (max-width: 880px) { .home.pharma10starter #bloc-appli3 .grid-box > li { height: 300px; min-height: 300px; margin-bottom: 50px; } } @media only screen and (max-width: 880px) { .home.pharma10starter #bloc-appli3 .grid-box { background-position: top !important; background-size: auto 300px !important; width: 100% !important; } } .home.pharma10starter #bloc-appli3 .entry-content { color : #fff; } .home.pharma10starter #bloc-appli3 .entry-content ul { color : #fff; } .home.pharma10starter #bloc-appli3 .entry-content h2 { color : #fff; } .home.pharma10starter #bloc-appli3 .entry-content h3 { color : #fff; font-size : 18px; } .home.pharma10starter #bloc-appli3 span.subtitle-pharma10 { color: #77C14C; text-transform: uppercase; font-family: 'Comfortaa', cursive; font-weight: 700; } .home.pharma10starter #bloc-appli3 .appli-infos li::before { color: #fff !important; content: "✔" !important; margin-right: 5px; font-size: 20px; } .home.pharma10starter #bloc-appli3 .appli-infos-mobile li::before { color: #fff !important; content: "✔" !important; margin-right: 5px; font-size: 20px; } .home.pharma10starter div.appli-infos-mobile a {display:block;background: #317562; color: #fff !important; padding: 8px 16px;font-weight:bold; border-radius :4px; transition: all .3s;margin: 20px 0; text-align:center;text-transform: uppercase;} .home.pharma10starter div.appli-infos-mobile a:hover {background: #5daf44} .home.pharma10starter div.appli-infos-mobile {display: none;} @media (max-width:980px) { .home.pharma10starter div.appli-infos-mobile {display: block} .home.pharma10starter div.appli-infos{display: none;} .home.pharma10starter div.appli-info-digitec {display: none;} } @media (max-width:980px) { .home.pharma10starter div.appli-infos-mobile a { display: block; background: #77C14C; color: #fff; padding: 8px 16px; font-weight: bold; border-radius: 4px; transition: all .3s; margin: 20px auto; text-align: center; text-transform: uppercase; width: 50%; } } @media (max-width:510px) { .home.pharma10starter div.appli-infos-mobile a { width: 100%; } } @media only screen and (max-width: 1420px) { .home.pharma10starter #bloc-appli3 .entry-content { color: #fff; line-height: 1.2; margin-top: -80px; } } div.appli-infos {display: flex; flex-direction: row;} div.appli-infos-desc {margin-left: 40px;} div.appli-info-digitec-desc {margin-left: 20px;} div.appli-info-digitec {display: flex;margin-top: 20px;align-items:center} div.appli-info-digitec-desc h3 {margin-bottom: 0px;} @media only screen and (max-width: 550px) { div.appli-infos { flex-direction: column;} div.appli-infos img { margin-bottom:10px;;} } @media (max-width:600px) { div.appli-infos-mobile {display: block} div.appli-infos{display: none;} div.appli-info-digitec {display: none;} }/* bloc ordo */ .home.pharma10starter #bloc-image-texte2 .bouton-rajout { background: #0d5981; width: 200px; height: 50px; color: #ffffff; display: inline-block; font: normal 400 16px/50px 'Comfortaa', cursive; text-align: center; text-decoration: none; border-radius: 6px; } .home.pharma10starter #bloc-image-texte2 a.bouton-rajout:hover {background:#2776ac;} .home.pharma10starter #bloc-image-texte2 { line-height: 0.8; padding: 0px 225px; } @media (max-width:960px) { .home.pharma10starter #bloc-image-texte2 { padding: 20px 0px; }} @media only screen and (max-width: 580px) { .home.pharma10starter .grid-box > li { height: 305px !important;} } @media only screen and (max-width: 880px) { .home.pharma10starter .grid-box > li { height: 370px;} } @media (max-width: 960px){ .home.pharma10starter #bloc-image-texte2 { padding: 0px 0px; }} .home.pharma10starter #bloc-image-texte2 .subtitle-pharma10 { color : #77C14C; text-transform: uppercase; font-family: 'Comfortaa', cursive; font-weight: 700; } /* Boutons rajout */ .pharma10starter .bouton-rajout { background: #0d5981; width: 200px; height: 50px; color: #ffffff; display: inline-block; font: normal 400 16px/50px 'Comfortaa', cursive; text-align: center; text-decoration: none; border-radius: 6px; } .pharma10starter a.bouton-rajout:hover {background:#2776ac;} /*Séparateurs filets LIMITE MODIFS PHARMA10*/ .pharma10starter .entry-content hr { display: block; height: 2px; border: 0; border-top: 2px solid #59CAEF; margin: 30px 0 29px 0; padding: 0; } /*Bouton voir plus conseils*/ .pharma10starter .entry-more a, .btn-entry-more-conseil-g8 { text-transform : uppercase; font: normal 400 20px/20px 'Comfortaa', cursive; font-size:16px; padding-right:15px; padding-left:15px; color: #0D5981; background: transparent; border : 2px solid #0D5981; border-radius : 8px; } .pharma10starter .entry-more a:hover, .btn-entry-more-conseil-g8:hover { border : 2px solid transparent; background-color : #0D5981; } @media (max-width:600px) { .pharma10starter .entry-more a, .btn-entry-more-conseil-g8 { font-size: 13px;}} /*Bouton*/ .entry-link a { text-transform : uppercase; font-weight : 700; background-color: #0d5981;border-radius :4px; } /*Annuaire*/ .pharma10starter #tabs li a {text-transform : none; font-weight : 500; font-size:18px;} .pharma10starter #tabs li:last-child a {text-transform : none; font-weight : 500; font-size:18px} /* Ajout d'une marge sous les images des numéros utiles*/ .pharma10starter .grid-annuaire li article img{ margin-bottom : 15px; } /*Map plus petite dans la page contact*/ .pharma10starter #mymap { height: 250px; } /* Footer */ .pharma10starter #copyright .menu-copyright { text-transform: none; } .pharma10starter #copyright .menu-copyright li { font-size: 16PX; } .pharma10starter #copyright .menu-design { text-transform: none; font-weight: bold; font-size: 16px; } .pharma10starter .grid-footer > li { font-size: 16px; } /* Bloc Conseil */ .home.pharma10starter section#homeconseil p.entry-title-h2::before{ display:block; content:'Nos solutions Bien-être'; text-transform: uppercase; color: #77c14c; font-size:14px; letter-spacing:2px; text-align:left; margin-bottom:10px; } .home.pharma10starter #homeconseil .entry-title-h2 { text-align:left; padding-top: 20px !important; } .home.pharma10starter #homeconseil .grid-list > li{ border:none; border-radius:5px; } .home.pharma10starter #homeconseil .grid-list > li:hover{ border:none; } .home.pharma10starter #homeconseil .grid-list > li article{ border:none; border-radius:16px; } .home.pharma10starter #homeconseil .grid-list > li:hover article{ border:none; } .home.pharma10starter #homeconseil section.row { max-width: 1400px; } .home.pharma10starter #homeconseil .grid-list { margin-top: 30px; } .home.pharma10starter #homeconseil .entry-more a, .btn-entry-more-conseil-g8 { margin-top: 20px; } @media only screen and (max-width: 600px) { #homeconseil section.row { width: 100% !important; } } /* Pharma10 */ /* Disposition Icone */ .quatre.grid-icon > li { width: 25%; margin-bottom: 30px; padding: 0 10px; } .trois.grid-icon > li { width: 28%; margin-bottom: 30px; } @media only screen and (max-width: 980px) { .home .grid-icon > li { width : 80%; } } @media only screen and (max-width: 980px) { .home .entry-summary { margin-bottom: 3vh; } } /* CCV2.5 reviews products */ /** * Reviews */ #reviews .woocommerce-Reviews-title { display: none; } #reviews.woocommerce-Reviews { width: 80%; margin: 0 auto; padding-top: 20px; } #reviews h2 { font-weight: normal; } #reviews h2 small { float: right; font-size: 15px; margin: 10px 0 0; } #reviews h2 small a { text-decoration: none; } #reviews h3 { margin: 0; } #reviews #respond { margin: 0; border: 0; padding: 0; } #reviews #comment { height: 75px; } #reviews #comments h2 { clear: none; } #reviews #comments ol.commentlist { margin: 0; width: 100%; background: none; list-style: none; } #reviews #comments ol.commentlist li { padding: 0; margin: 0 0 2em; border: 0; position: relative; background: 0; border: 0; border-bottom: 1px solid var(--ast-border-color); } #reviews #comments ol.commentlist li:last-child { border-bottom: 0; } #reviews #comments ol.commentlist li .meta { font-size: 0.75em; } #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; height: 3.6em; width: 3.6em; border: none; background: none; margin: 0; border-radius: 100%; box-shadow: none; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: none; border-radius: 4px; padding: 0 1.5em; display: flex; flex-wrap: wrap; } #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 1.7em; } #reviews #comments ol.commentlist li .comment-text p.meta, #reviews #comments ol.commentlist li .comment-text meta { order: 1; width: 100%; font-size: 1.2em; margin-bottom: 0.4em; } #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author, #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__author { font-weight: 500; } #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash, #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__dash { display: none; } #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date, #reviews #comments ol.commentlist li .comment-text meta .woocommerce-review__published-date { padding-left: 0.5em; font-size: 0.73em; } #reviews #comments ol.commentlist li .comment-text .description { font-style: normal; order: 3; width: 100%; } #reviews #comments ol.commentlist li .comment-text .star-rating { order: 2; margin-bottom: 1em; } #reviews #comments ol.commentlist ul.children { list-style: none outside; margin: 20px 0 0 50px; } #reviews #comments ol.commentlist ul.children .star-rating { display: none; } #reviews #comments ol.commentlist #respond { border-radius: 4px; padding: 1em 1em 0; margin: 20px 0 0 50px; } #reviews #comments .commentlist > li::before { content: ''; } #reviews #review_form { border: 1px solid var(--ast-border-color); padding: 1.67em; } #reviews #review_form #respond p { margin: 2px 0 6px; } #reviews #review_form #respond p.form-submit { margin-top: 1em; } #reviews #review_form #respond p.comment-form-author, #reviews #review_form #respond p.comment-form-email { margin-bottom: 1em; } #reviews #review_form #respond p.comment-form-author label, #reviews #review_form #respond p.comment-form-email label { display: inline-block; min-width: 100px; } #reviews #review_form #respond p.comment-form-author input, #reviews #review_form #respond p.comment-form-email input { width: 100%; } #reviews #review_form #respond #comment { height: 90px; } #reviews #review_form #respond .stars { margin: 0; } #reviews #review_form input { max-width: 100%; } #reviews .comment-form-rating { display: flex; vertical-align: middle; margin: 15px 0; } #reviews .comment-form-rating .stars { margin-bottom: 0; } #reviews .comment-form-rating .stars a { position: relative; top: 8px; height: 1.2em; width: 1.2em; } #reviews .comment-form-rating .stars a:before { width: 1.2em; height: 1.2em; font-size: 1.2em; } #reviews .comment-form-comment label, #reviews .comment-form-rating label { font-size: 1.2em; font-weight: 500; padding-right: 0.5em; } /** * Star ratings */ .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: 'star'; } .star-rating::before { content: '\73\73\73\73\73'; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: '\53\53\53\53\53'; top: 0; position: absolute; left: 0; } .woocommerce-product-rating { line-height: 2; display: block; } .woocommerce-product-rating .star-rating { margin: 0.5em 4px 0 0; float: left; } .products .star-rating { display: block; margin: 0.5em auto 0; float: none; } .hreview-aggregate .star-rating { margin: 10px 0 0; } #review_form #respond { position: static; margin: 0; width: auto; background: transparent none; } #review_form #respond .form-submit input { left: auto; } #review_form #respond textarea { box-sizing: border-box; width: 100%; } .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; font-size: 1em; width: 5.55em; font-family: "Font Awesome 5 Free"; font-weight: 400; } .star-rating::before, .star-rating span::before { content: "\f005\f005\f005\f005\f005"; top: 0; left: 0; position: absolute; } .star-rating::before { opacity: 0.25; float: left; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } p.stars { display: inline-block; margin: 0; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; overflow: hidden; display: inline-block; text-decoration: none; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "Font Awesome 5 Free"; content: "\f005"; font-size: 0.95em; text-indent: 0; opacity: 0.25; } p.stars a:hover ~ a::before { opacity: 0.25; } p.stars:hover a::before { opacity: 1; } p.stars.selected a.active::before { opacity: 1; } p.stars.selected a.active ~ a::before { opacity: 0.25; } p.stars.selected a:not(.active)::before { opacity: 1; } form#commentform input#submit { padding: 10px; border-radius: 10px; } /* CCV2.5 texte slide */ #text-carousel-sub-header { position: relative; text-align: center; background-color: #2776ac; color: #ffffff; } #text-carousel-sub-header .text-carousel-inner .text-item { position: relative; display: block; width: 100%; } #text-carousel-sub-header .text-carousel-inner .inner-text p { font-size: 17.5px; font-weight: 300; margin: 0 auto; padding: 10px; } #text-carousel-sub-header .text-carousel-inner .inner-text p i{ margin-right: 10px; } /* CCV2.5 wishlist */ .webtoffee_wishlist.wt-wishlist-button, .webtoffee_wishlist_remove.wt-wishlist-button { display:none; } div.icon_after_add_to_cart { position: absolute; right: 30px; padding: 0px; margin-top: 12px; } .wt-wishlist-button, .wt-wishlist-button:hover { margin: 0 auto; } .entry-summary .cart { display: flex; align-items: center; flex-direction: column; } .wishlist { margin: 10px; } /* CCV2.5 breadcrumb */ nav.rank-math-breadcrumb { margin: 10px; margin-left: 10%; } nav.rank-math-breadcrumb p, nav.rank-math-breadcrumb p *:not(.last){ font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: rgba(13,89,129, 1) !important; } nav.rank-math-breadcrumb span.last { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: black !important; } nav.rank-math-breadcrumb p* { font-weight: 600!important; } /*RESET*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}article,aside,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}table{font-size:inherit;font:100%}html{-webkit-font-smoothing:antialiased;overflow-y:scroll}input[type=text],textarea,select{outline:none}label,input[type=button],input[type=submit],button{cursor:hand;cursor:pointer;}a:hover,a:active{outline:none}.ie7 img{-ms-interpolation-mode:bicubic}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}*{padding:0;margin:0}img{max-width:100%;vertical-align:middle;height:auto;width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /*COMMON*/ * { outline:none} * { box-sizing: border-box} html, body { height: 100%; width:100%} body { font-size:18px; font-weight:400; background:#ffffff; font-family:'Poppins', sans-serif;; color:#3f3f3f} /*SECTION*/ .wrap { position:relative} .row { position:relative; margin:0px auto; padding:20px 10px; /*max-width:1200px;*/} .row:after { content:""; display:table; clear:both; overflow:visible} @media only screen and (max-width : 780px) { .row { padding:10px } } /*PRELOADER .loading{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9999999999999}.loading:after,.loading:before{content:'';background:#fff;height:50%;width:100%;position:absolute;left:0;transition:all 1s}.loading:after{top:0}.loading:before{bottom:0}.loading-end:after{top:-60%}.loading-end:before{bottom:-60%}.load-circle{margin:50vh auto;width:50px;height:50px;border-radius:50%;border:10px solid #e8e8e8;border-top:10px solid #000;-webkit-animation:rotate 1.2s infinite linear;animation:rotate 1.2s infinite linear}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*/ /*SUBHEADER*/ #subheader { /*z-index:9999;*/ height:50px; background:#ffffff } #subheader .row { padding:10px; color:#2776ac } #subheader a { color:#2776ac; text-decoration:none } #subheader a:hover { color:#77c14c; text-decoration:none } /*SUBHEADER - ADRESS*/ .wrap-subheader1 .menu-adress { float:left; font-size:0 } .wrap-subheader3 .menu-adress { float:left; font-size:0 } .menu-adress li { display:inline-block; margin-right:15px; font-size:15px; text-align:left; vertical-align:middle} .menu-adress li span.icon-adress:before { color:#77c14c; margin-right:5px; content: '\f041'; font-family: "FontAwesome"; display: inline-block; font-size:16px } .menu-adress li span.icon-phone:before { color:#77c14c; margin-right:5px; content: '\f095'; font-family: "FontAwesome"; display: inline-block; font-size:16px } /*CART*/ .menu-cart { float:right; font-size:0 } .menu-cart li { display:inline-block; margin-left:15px; font-size:15px; text-align:left; vertical-align:middle} .menu-cart li span { margin-right:10px } .menu-cart li span:last-child { margin-right:0 } .menu-cart li a:before { color:#77c14c; margin-right:5px; content: '\f07a'; font-family: "FontAwesome"; display: inline-block; font-size:16px } /*SUBHEADER - SOCIAL*/ .wrap-subheader2 .menu-social { float:left; font-size:0 } .wrap-subheader3 .menu-social { float:right; font-size:0 } .wrap-subheader2 .menu-social li { cursor:pointer; display:inline-block; margin-right:5px; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width:30px; height:30px; font-size:18px; line-height:30px; text-align:center; vertical-align:middle } .wrap-subheader2 .menu-social li:last-child { margin-right:0} .wrap-subheader3 .menu-social li { cursor:pointer; display:inline-block; margin-left:5px; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width:30px; height:30px; font-size:18px; line-height:30px; text-align:center; vertical-align:middle } #subheader .menu-social li:hover { background:#eaeaea } #subheader .menu-social li span { display:none } #subheader .menu-social li a:before { width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size: 16px; display: inline-block; position: relative } #subheader .menu-social li.facebook a:before { color: #3b5999; content: "\f09a"} #subheader .menu-social li.twitter a:before{ color: #55acee; content: "\f099"} #subheader .menu-social li.youtube a:before{ color: #cd201f; content: "\f167"} #subheader .menu-social li.linkedin a:before { color: #0077B5; content: "\f0e1"} #subheader .menu-social li.instagram a:before { color: #e4405f; content: "\f16d"} #subheader .menu-social li.pinterest a:before { color: #bd081c; content: "\f231"} #subheader .menu-social li.google a:before { color: #db4a39; content: "\f1a0"} /*SEARCH BUTTON*/ .searchbutton { margin-top:2px; margin-left:10px; float:right} .searchbutton .fa-lg { font-size: 16px; color:#77c14c; } /*SEARCH BAR*/ #searchbar { position:absolute; background:rgba(255,255,255,0.80); top:50px; left:0; right:0; z-index:9999; display: none; width: 100% } #searchbar .row { max-width:1200px; padding:10px } #searchbar .searchform { display: flex} #searchbar .searchform input[type=search] { width: 100%; vertical-align:middle; background:#fff; color:#4e5152; padding:4px; font-size:14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #ebf6e4} #searchbar .searchform input[type=search]:hover { border:1px solid #18703F} #searchbar .searchform input.submit { vertical-align:middle; padding-top:4px; margin-left:5px; height:24px} #searchbar ::-webkit-input-placeholder { color: #666} #searchbar :-moz-placeholder { color: #666; opacity: 1} #searchbar ::-moz-placeholder { color: #666; opacity: 1} #searchbar :-ms-input-placeholder { color:#666} @media only screen and (max-width : 880px) { .wrap-subheader1 .menu-adress li span.icon-adress { display:none } .wrap-subheader3 .menu-adress li span.icon-adress { display:none } .wrap-subheader1 .menu-cart span.menu-cart-short-quantity { display:none} .wrap-subheader2 .menu-cart span.menu-cart-short-quantity { display:none} } /*HEADER*/ #header { background:#ffffff!important; z-index:9998 } .wrap-headertype5 #header { background:none !important } #header .row { padding:0; } .wrap-headertype1 #navigation { background:#2776ac} #navigation .row { padding:0; max-width: 1920px; } /*logo*/ .wrap-headertype1 .logo-header { text-align:center; padding:20px } .wrap-headertype2 .logo-header { float:left; padding:20px } .wrap-headertype3 .logo-header { text-align:center; padding:20px 20px 10px 20px } .wrap-headertype4 .logo-header { text-align:center; padding:20px } .wrap-headertype5 .logo-header { text-align:center; padding:100px 20px 20px 20px } /*menu*/ .wrap-headertype1 .menu-header { font-size:0; text-align:center } .wrap-headertype2 .menu-header { font-size:0; float:right; margin-top:44px } .wrap-headertype3 .menu-header { font-size:0; text-align:center; padding:10px 20px 20px 20px } .wrap-headertype4 .menu-header { margin-bottom:-28px; font-size:0; text-align:center } .wrap-headertype5 .menu-header { font-size:0; text-align:center; padding:20px 20px 100px 20px } .menu-header li {display: inline-block; text-align:left; vertical-align:middle;font-size:16px; position: relative; /*z-index:9998*/} .menu-header li a { font-weight: 400; font-family:'Comfortaa', cursive;; display: inline-block; background:#2776ac; padding:20px 10px; text-decoration:none; color:#ffffff} .menu-header li:last-child { margin-right:0} .menu-header li a:hover, .menu-header li:hover > a { background:#0d5981; color:#ffffff} .menu-header li.menu-item-has-children > a:after { margin-left:5px; content: '\f0d7'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header li.menu-item-has-children:hover > a:after { margin-left:5px; content: '\f0d8'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header ul { -webkit-box-shadow: 0 10px 24px -12px #000000; box-shadow: 0 10px 24px -12px #000000; display: none; background:#0d5981; position: absolute; right:0; width: 200px; left: 0; padding:10px } .menu-header ul li { display:block; float: none; text-transform:none; margin-bottom:1px; width:100%} .menu-header ul li:last-child { margin-bottom:0 } .menu-header ul li a { font-size:16px; padding:5px; text-transform:none; font-weight:normal; display:block; background:#0d5981; color:#ffffff} .menu-header ul li:hover > a { background:#2776ac; color:#ffffff !important} .menu-header li:hover > ul { display: block;z-index:1200 } .toggle-menu { display:none} @media only screen and (max-width : 1080px) { /*menu burger scrollable*/ .wrap #navigation { height:calc(100% - 195px); } #navigation .row { height:100%; } #navigation .menu-header { height:100%; overflow-y:scroll; } /*fin menu scroll*/ .menu-header { display:none} .searchbutton { margin-left:10px; margin-right:30px } .toggle-menu { display:block; font-size:0; cursor: pointer; position: absolute; top: 18px; left:10px; z-index:9999} .toggle-menu:before { display:inline-block; color:#77c14c; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f0c9'} .menu-open .toggle-menu:before { display:inline-block; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f00d'} .menu-open .toggle-menu { top:18px} .menu-open #searchbar { position:fixed } .menu-open .wrap-headertype1 .logo-header, .menu-open .wrap-headertype2 .logo-header, .menu-open .wrap-headertype3 .logo-header, .menu-open .wrap-headertype4 .logo-header, .menu-open .wrap-headertype5 .logo-header { height:auto; float:none; padding:0 0 10px 0; text-align:center } .menu-open .wrap-headertype1 .menu-header, .menu-open .wrap-headertype2 .menu-header, .menu-open .wrap-headertype3 .menu-header, .menu-open .wrap-headertype4 .menu-header, .menu-open .wrap-headertype5 .menu-header { float:none; margin:0; padding:0 } .menu-open #header { text-align:center; position:fixed; top:50px; left:0; right:0; bottom:0; background:#ffffff; z-index:9998} .menu-open .wrap-headertype1 #header { position:fixed; top:50px; left:0; right:0; bottom:0; background:#ffffff; z-index:9998} .menu-open .wrap-headertype1 #navigation { position:fixed; top:204px; left:0; right:0; bottom:0; background:#ffffff; z-index:9998} .menu-open .wrap-headertype5 #header { position:fixed; top:50px; left:0; right:0; bottom:0; background:#ffffff; z-index:9998} .menu-open .wrap-headertype5 #navigation { position:fixed; top:204px; left:0; right:0; bottom:0; background:#ffffff; z-index:9998} .menu-open .menu-header li a { display: block; position:relative; padding:5px 0; font-size:16px } .menu-open .menu-header { display:block; float:none } .menu-open .menu-header li { display:block; text-align:center; margin-right:0; margin-bottom:2px} .menu-open .menu-header ul { -webkit-box-shadow: none; box-shadow: none; top:0; padding:5px; position:relative; width: auto } .menu-open .menu-header li li { margin-bottom:0 } .menu-open .menu-header li li a { padding:2px 5px } #header .row { padding: 0 10px 10px 10px } .menu-open #navigation .row { padding: 0 10px 10px } body.menu-open { overflow:hidden} } @media only screen and (max-width : 580px) { /*menu burger scrollable*/ .wrap #navigation { height:calc(100% - 195px); } #navigation .row { height:100%; } #navigation .menu-header { height:100%; overflow-y:scroll; } /*fin menu scroll*/ } /*SEARCH LIST*/ .grid-search li { overflow:hidden; padding:30px 0; border-top:1px solid #ebf6e4} .grid-search li:last-child { border-bottom:1px solid #ebf6e4 } .grid-search li img { float:left; width:165px; margin-right:30px} .grid-search li h3 { font-size: 19px; color:#000; text-transform:uppercase; margin-bottom:6px} .grid-search li .entry-type-post { padding-bottom: 6px; color:#0d5981 } .grid-search li .entry-type-post span { margin-right:10px } .grid-search li .entry-summary { padding-top:10px; text-align: left; font-size:15px} .grid-search li a { color:#000; text-decoration:none} .grid-search li a:hover { color:#ff7f00; text-decoration:none} .grid-search li .entry-linked a { color: #1E9F13 !important; font-size:14px; font-style: italic; text-decoration: none} .grid-search li .entry-linked a:hover { text-decoration: underline !important} .grid-search li .entry-price { font-size:20px; margin-top:10px; font-weight:700 } .grid-search li .entry-price del { font-size:20px; color:#0d5981 } .grid-search li .entry-price ins { font-size:20px; color:#0d5981 } /*MAIN*/ .home .wrap-headertype5#main { height: 100% } /*BANNER*/ #banner { height:500px; background-size: cover; background-repeat:no-repeat; background-position:center center} .wrap-headertype5 #banner { top:56px; position:absolute; top:0; left:0; right:0; height:100%; background-size: cover; background-repeat:no-repeat; background-position:center center} /*SLIDER*/ .wrap-headertype5 #slider { top:56px; position:absolute; top:0; left:0; right:0; height:100%; } .wrap-headertype5 #slider .flexslider { position:relative; width: 100%; height:100%} #slider .flexslider { position:relative; width: 100%; max-height:500px} /* #slider .flexslider img {max-height:500px} */ #slider .slides { width: 100%; } #slider .slides li { width: 100%; /*height: 100% !important;*/ background-size: cover; background-repeat:no-repeat; background-position:center center } #slider ul.entry-slider { display: flex; align-items: center; } /*content*/ #slider .slider-inside { position:absolute; top:0; bottom: 0 } #slider .slider-inside-content { position: absolute; top: 50%; right: 0; left: 0; padding:50px 100px; transform: translateY(-50%)} .wrap-headertype5 #slider .slider-inside-content { transform: none} #slider .slider-inside-sliderleft { right:50%; left:0; text-align:left } #slider .slider-inside-slidercenter { right:25%; left:25%; text-align:center } #slider .slider-inside-sliderright { right:0; left:50%; text-align:right } #slider .entry-title-slider-h2 { font-weight: 700; margin-bottom:10px } #slider .entry-link-slider a { margin-top:10px; display:inline-block; text-transform:uppercase; padding:10px 20px; text-decoration: none } #slider .entry-link-slider a:hover { text-decoration: none } #slider .entry-content-slider { overflow-wrap: break-word; word-wrap: break-word; hyphens: none} /*arrow*/ #slider .flex-direction-nav a { z-index:10; color:#ddd; width:50px; position: absolute; margin-top:-24px; top: calc(50% - 13px);} #slider .flex-direction-nav a:hover { color:#000; } #slider .flex-direction-nav a.flex-prev { left: 24px; text-align:left} #slider .flex-direction-nav a.flex-next { right: 24px; text-align:center} #slider .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 48px; display: inline-block } #slider .flex-direction-nav a.flex-next:before { content: "\f105" } #slider .flex-direction-nav a.flex-prev:before { content: "\f104" } #slider .flex-direction-nav a span { display:none } .slider_spacer { height:20px; } .slider_bouton a:hover { color:#e1211e !important; background-color:#ffffff; } #slider .flex-direction-nav a { top: calc(50% - 13px); } @media only screen and (max-width : 980px) { #slider .slider-inside-sliderleft { right:0; left:0; text-align:center } #slider .slider-inside-slidercenter { right:0; left:0; text-align:center } #slider .slider-inside-sliderright { right:0; left:0; text-align:center } .slider-inside { background:none } .entry-title-slider-h2 { font-size:24px !important } .entry-content-slider { font-size:16px !important } .slider-inside-content { padding:40px !important } /*#slider .flex-direction-nav a:before { font-size: 20px }*/ } @media only screen and (max-width : 1400px) { .slider-inside-content div:nth-child(1) { } .slider-inside-content a,.slider-inside-content div:nth-child(2) { } } @media only screen and (max-width : 1280px) { .slider-inside-content div:nth-child(1) { } .slider-inside-content a,.slider-inside-content div:nth-child(2) { } } @media only screen and (max-width : 1080px) { .slider-inside-content div:nth-child(1) { } .slider-inside-content a,.slider-inside-content div:nth-child(2) { } } @media only screen and (max-width : 1080px) { .slider-inside-content { padding:20px !important } .slider_spacer { height:10px; } .slider-inside-content div:nth-child(1) { margin-bottom:5px !important; } .slider-inside-content a,.slider-inside-content div:nth-child(2) { margin-bottom:5px !important; } } @media only screen and (max-width : 680px) { .slider-inside-content { padding:10px !important } .slider_spacer { height:5px; } .slider-inside-content a { padding:5px 15px !important; } .slider-inside-content div:nth-child(1) { font-size:20px !important; margin-bottom:5px !important; } .slider-inside-content a,.slider-inside-content div:nth-child(2) { font-size:12px !important; margin-bottom:5px !important; } } @media only screen and (max-width : 580px) { .slider-inside-content div:nth-child(1) { font-size:12px !important; margin-bottom:2px !important; } .slider-inside-content a,.slider-inside-content div:nth-child(2) { font-size:10px !important; margin-bottom:2px !important; } .slider-inside-content a { padding:3px 10px !important; } } /*BREADCRUMB*/ #breadcrumb { background:#ffffff} #breadcrumb .row { padding:20px 10px} #breadcrumbs { color:#666; font-size:12px; } #breadcrumbs a { color: #666; text-decoration:none} #breadcrumbs a:hover { color: #333} .page-template-page-nobanner #breadcrumb, .woocommerce-page #breadcrumb, .error404 #breadcrumb { padding-top: 20px} /*CONTAINER*/ /*#container { background:#ffffff }*/ .wrap-home { background:#ffffff } /*MAP*/ #mymap { width:100%; height:500px; position:relative } #mymap img { max-width:none } @media only screen and (max-width : 580px) { #slider .flex-direction-nav a.flex-prev { left: 10px} #slider .flex-direction-nav a.flex-next { right: 10px} /*#slider .flexslider { height:250px}*/ #banner { height:250px; background-size: cover; background-repeat: no-repeat; background-position: top; } #mymap { height:250px } } /*FOOTER*/ #footer { background: #2776ac} /*FOOTER GRID*/ #footer { border-top:1px solid #77c14c } .grid-footer { font-size:0} .grid-footer > li { font-size:15px; text-align: center; color:#ffffff; display: inline-block; display:inline-table; vertical-align:middle; width:33.333% } .wrap-footertype1 .grid-footer > li, .wrap-footertype2 .grid-footer > li { width:40% } .wrap-footertype1 .grid-footer > li:last-child, .wrap-footertype2 .grid-footer > li:last-child { width:20% } .wrap-footertype3 .grid-footer > li { width:50% } .grid-footer > li article { text-align:left; display:table-cell; vertical-align: middle; padding:0 40px; border-left:1px dotted #77c14c; } .grid-footer > li:first-child article { border-left:0 } .grid-footer > li article p { padding-bottom:10px} .grid-footer > li article { text-align:left } .grid-footer > li a { color:#ffffff; text-decoration:none } .grid-footer > li a:hover { color:#77c14c; text-decoration:none } .grid-footer > li .menu-footer { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule: 1px dotted #77c14c; -moz-column-rule: 1px dotted #77c14c; column-rule: 1px dotted #77c14c;} /*FOOTER ADRESS*/ #footer span.icon-adress:before { color:#77c14c; margin-right:5px; content: '\f041'; font-family: "FontAwesome"; display: inline-block; font-size:16px } #footer span.icon-phone:before { color:#77c14c; margin-right:5px; content: '\f095'; font-family: "FontAwesome"; display: inline-block; font-size:16px } #footer span.icon-time:before { color:#77c14c; margin-right:5px; content: '\f017'; font-family: "FontAwesome"; display: inline-block; font-size:16px } #footer span.icon-map:before { color:#77c14c; margin-right:5px; content: '\f21d'; font-family: "FontAwesome"; display: inline-block; font-size:16px } #footer span.icon-fax:before { color:#77c14c; margin-right:5px; content: '\f1ac'; font-family: "FontAwesome"; display: inline-block; font-size:16px } #footer span { display:flex} #footer span:before { margin-top:3px; } /*FOOTER SOCIAL*/ #footer .menu-social > li { cursor:pointer; display:inline-block; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; vertical-align:middle } #footer .menu-social > li:last-child { margin-right:0} #footer .menu-social > li:hover { background:#e2e2e2 } #footer .menu-social > li span { display:none } #footer .menu-social > li a:before { width:40px; height:40px; line-height:40px; font-family: 'FontAwesome'; font-size: 20px; display: inline-block; position: relative } #footer .menu-social > li.facebook a:before { color: #3b5999; content: "\f09a"} #footer .menu-social > li.twitter a:before{ color: #55acee; content: "\f099"} #footer .menu-social > li.youtube a:before{ color: #cd201f; content: "\f167"} #footer .menu-social > li.linkedin a:before { color: #0077B5; content: "\f0e1"} #footer .menu-social > li.instagram a:before { color: #e4405f; content: "\f16d"} #footer .menu-social > li.pinterest a:before { color: #bd081c; content: "\f231"} #footer .menu-social > li.google a:before { color: #db4a39; content: "\f1a0"} @media only screen and (max-width : 1090px) { .grid-footer > li article { padding:0 20px } } @media only screen and (max-width : 790px) { .grid-footer > li { width:100% } .wrap-footertype1 .grid-footer > li, .wrap-footertype2 .grid-footer > li, .wrap-footertype3 .grid-footer > li, .wrap-footertype4 .grid-footer > li { width:100% } .wrap-footertype1 .grid-footer > li:last-child, .wrap-footertype2 .grid-footer > li:last-child, .wrap-footertype3 .grid-footer > li:last-child, .wrap-footertype4 .grid-footer > li:last-child { width:100% } .grid-footer > li article { padding:10px 0; border-left:0; border-bottom: 1px dotted #77c14c; } .grid-footer > li:first-child article { padding-top:0; border-bottom:0 } .grid-footer > li:last-child article { padding-bottom:0; border-bottom:0 } } /*SCROLLTOP*/ #scrolltop { position:absolute; left:50%; top:-25px; margin-left:-25px; cursor:pointer; width:50px; height:50px; background-color:#ffffff; border:3px solid #fff; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px } #scrolltop span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff } #scrolltop:hover { background-color:#ffffff } /*COPYRIGHT*/ #copyright { background:#ffffff } #copyright .menu-copyright { text-align:center; font-size:0; text-transform: uppercase; color:#0d5981; float:center } #copyright .menu-copyright li { display:inline-block; font-size:12px } #copyright .menu-copyright li:after { content:"\2022"; font-weight: 700; color:#0d5981; padding:0 6px } #copyright .menu-copyright li:last-child:after { content:" "; padding:0 } #copyright .menu-design { float:center; text-transform: uppercase; text-align: center; color:#0d5981; font-size:12px } #copyright a { color:#0d5981; text-decoration:none } #copyright a:hover { color:#2776ac} @media only screen and (max-width : 990px) { #copyright .row { padding:40px 10px } #copyright .menu-copyright { float:center; text-align:center} #copyright .menu-copyright > li { display:block; margin-right:0; margin-bottom:5px} #copyright .menu-copyright li:after { content:" " } #copyright .menu-design { float:center; text-align:center } } /*TABS*/ #tabs { position: relative;font-size:0; text-align: center; z-index:2 } #tabs li { display: inline-block; text-transform: uppercase; font-size:13px; vertical-align: middle } #tabs li:last-child a { margin-right:0 } #tabs li a { background: #d3dee7; color:#0d5981; position: relative; display: inline-block; padding:10px; margin-right:1px; text-decoration: none } #tabs li:hover a { color:#0d5981; background: #d3dee7 } #tabs li a#current { color:#0d5981; background: #ebf6e4 } #content { background:#ffffff; padding: 20px; z-index:1; position: relative } @media only screen and (max-width : 760px) { #tabs li { display:block } #tabs li a { display:block } #content { padding: 0 } } /*ANNUAIRE*/ .grid-annuaire { width: 100%; overflow: hidden; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; position:relative; text-align:center; font-size:16px } .grid-annuaire > li { display:inline-block; position:relative; vertical-align:top; width:100%; text-align:center; font-size:16px } .grid-annuaire > li article { background:#ebf6e4; border:1px solid #ebf6e4; position:relative; margin:10px; padding:20px; overflow:hidden} .grid-annuaire > li:hover article { border:1px solid #ebf6e4 } .grid-annuaire > li article .entry-phone:before { content: '\f095'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px } .grid-annuaire > li article .entry-website:before { content: '\f0ac'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px } .grid-annuaire > li article .entry-adress:before { content: '\f041'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px } .grid-annuaire > li article a { color:#3f3f3f; text-decoration:none } .grid-annuaire > li article a:hover { color:#0d5981; text-decoration:none } .grid-annuaire > li article .entry-summary { margin-bottom:10px} @media only screen and (max-width : 780px) { .grid-annuaire { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } } @media only screen and (max-width : 580px) { .grid-annuaire { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } /*GRID LIST*/ .grid-list { text-align:center; margin:-10px; font-size:0} .grid-list > li { display:inline-block; position:relative; vertical-align:top; width:33.3333%; text-align:center; font-size:16px } .grid-list > li article { background:#ebf6e4; border:1px solid #ebf6e4; position:relative; margin:10px; padding:20px; overflow:hidden} .grid-list > li:hover article { border:1px solid #ebf6e4 } @media only screen and (max-width : 880px) { .grid-list > li { width:50% } } @media only screen and (max-width : 580px) { .grid-list > li { display:block; width:100% } .grid-list > li article { padding:10px } } /*INTRO2*/ .grid-intro-2 > li { width:50% } .grid-intro-2 > li article { text-align:left } /*GRID GALLERY*/ .grid-gallery { text-align:center; margin:-10px; font-size:0} .grid-gallery > li { display:inline-block; position:relative; vertical-align:top; width:33.3333%; text-align:center; font-size:16px } .grid-gallery > li article { background:#ebf6e4; border:1px solid #ebf6e4; position:relative; margin:10px; padding:10px; overflow:hidden} .grid-gallery > li:hover article { border:1px solid #ebf6e4 } @media only screen and (max-width : 880px) { .grid-gallery > li { width:50% } } @media only screen and (max-width : 580px) { .grid-gallery > li { display:block; width:100% } } /*RELATED*/ #related, #homeconseil { text-align:center; background:#ffffff} #homeconseil .grid-list > li { text-align:left } #homeconseil .grid-list > li article img { padding-bottom:10px; object-fit: cover; } /*GRID STACK*/ .grid-stack { overflow:hidden; position:relative; border-bottom:1px solid #ebf6e4 } .grid-stack > li:last-child { border-bottom:0} .grid-stack > li { height:300px; min-height:300px; display: table; width: 300px } .grid-stack > li:first-child { float: left } .grid-stack > li:last-child { vertical-align:middle; width: auto; overflow: hidden } .grid-stack > li article { display: table-cell; vertical-align: middle; padding:40px } /*GRID BOX*/ .grid-box { overflow:hidden; background: #ffffff; text-align:center } .grid-box > li { display:table; position:relative; vertical-align:middle; height:100%; width:50%; height:500px; min-height:500px; font-size:16px; float:left } .grid-box > li:first-child { background-repeat:no-repeat; background-size:cover; background-position:center center } .grid-box > li:last-child { float:right; text-align:left } .grid-box-right > li:first-child { float:right; background-repeat:no-repeat; background-size:cover; background-position:center center } .grid-box-right > li:last-child { text-align:right; padding-right: 20px } .grid-box > li article { display: table-cell; vertical-align: middle; padding-left:20px; margin-top: 40px } /*GRID BOX QUISOMMESNOUS*/ #quisommesnous .row { max-width:100%; padding:0 } /*MAP / TEXTE*/ .map-texte > div:first-child { width:50%; height:100%; float:left; position:absolute; } .map-texte > div:last-child { width:50%; float:right; } .map-texte #mymap { height:100%; min-height:300px; } .map-texte article { display: table-cell; vertical-align: middle; padding:20px 40px } @media only screen and (max-width : 880px) { .map-texte > div:first-child { width:100%; height:auto; position:relative; } .map-texte > div:last-child { width:100%; } } /*@media only screen and (max-width : 580px) { .map-texte > div:first-child { } }*/ /*GRID BOX APPLI*/ #applihome .row { max-width:100%; padding:0 } #applihome .grid-box { background-repeat:no-repeat; background-size:cover; background-position:center center } #applihome .grid-box > li {height:600px; min-height:600px } #applihome .grid-box > li:last-child:before { display:none } #applihome .grid-box-right > li:first-child:before { display:none } @media only screen and (max-width : 880px) { .grid-box > li { height:250px; min-height:250px; width:100% } .grid-box-right > li:last-child { text-align:left } .grid-box > li:last-child { text-align:left } .grid-box > li article { padding:20px } .grid-box > li:last-child:before { display:none } .grid-box-right > li:first-child:before { display:none } #applihome .grid-box { background:none } #applihome .grid-box > li {height:300px; min-height:300px } #applihome .grid-box > li article { padding:20px } #applihome .grid-box-right > li:last-child { background: #fff } #applihome .grid-box > li:last-child { background: #fff; text-align:left } } /*GRID-GAMME*/ .grid-box.grid-gamme { border-bottom:1px solid #ebf6e4 } .grid-box.grid-gamme > li:last-child:before { display:none } .grid-box.grid-gamme-right > li:first-child:before { display:none } @media only screen and (max-width : 880px) { .grid-gamme > li { width:100%; height:auto; text-align:center; min-height:auto } .grid-stack > li:first-child { width:100%; display:block } .grid-stack > li:last-child { width:100% } .grid-stack > li article { padding:20px; display: block} } /*BLOC LOGO*/ .grid-logo { font-size:0; text-align:center} .grid-logo > li { display:inline-block; position:relative; vertical-align:top; width:20%; font-size:16px } .grid-logo > li article { position:relative; padding:0 10px; overflow:hidden} .entry-bloc-content .flexslider { position:relative; width: 100%} .entry-bloc-content .slides { width: 100%; height: 100% !important} .entry-bloc-content .slides li { width: 100%; height: 100% !important } .entry-bloc-content .flex-direction-nav a { z-index:9997; color:#000; width:17px; right:0px; position: absolute; margin-top:-20px; top: 50%} .entry-bloc-content .flex-direction-nav a.flex-next { left: 0px; text-align:left} .entry-bloc-content .flex-direction-nav a.flex-prev { right: 0px; text-align:right} .entry-bloc-content .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 24px; display: inline-block; content: "\f105"; } .entry-bloc-content .flex-direction-nav a.flex-next:before { content: "\f104"; } .entry-bloc-content .flex-direction-nav a span { display:none} .entry-bloc-content .flex-direction-nav a:hover { color:#e80c7a} .wrap-home .flexslider { position:relative; width: 100%} .wrap-home .slides { width: 100%; height: 100% !important} .wrap-home .slides li { width: 100%; height: 100% !important } .wrap-home .flex-direction-nav a { z-index:9997; color:#000; width:17px; right:0px; position: absolute; margin-top:-20px; top: 50%} .wrap-home .flex-direction-nav a.flex-next { left: 0; text-align:left} .wrap-home .flex-direction-nav a.flex-prev { right: 0px; text-align:right} .wrap-home .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 24px; display: inline-block; content: "\f105"; } .wrap-home .flex-direction-nav a.flex-next:before { content: "\f104"; } .wrap-home .flex-direction-nav a span { display:none} .wrap-home .flex-direction-nav a:hover { color:#e80c7a} @media only screen and (max-width : 580px) { .grid-logo > li { width:50% } } /*BLOC EQUIPE NORMAL*/ .grid-team { text-align:center; margin:-10px; font-size:0} .grid-team > li { display:inline-block; position:relative; vertical-align:top; width:25%; font-size:16px } .grid-team > li article { position:relative; background:#fff; border:1px solid #ebf6e4; margin:10px; overflow:hidden} /*BLOC EQUIPE FLIP*/ .flip-container { perspective: 1000px } .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg) } .flip-container, .front, .back { width: 100%; height:370px; min-height: 370px; background-size: cover; background-repeat:no-repeat; background-position:center center } .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative } .front, .back { backface-visibility: hidden; position: absolute; top: 0; left: 0 } .front { z-index: 2; transform: rotateY(0deg); } .back { background:#fff; transform: rotateY(180deg); position:absolute; top:0; left:0; width:100%; height:100%; z-index:99 } .back-inner { display: table; position: absolute; width: 100%; height: 100%} .back-inner-content { display: table-cell; padding:20px 40px; vertical-align: middle; text-align: center} /* BLOC EQUIPE OVERLAY*/ .front-overlay { position:relative; height:370px; background-size: cover; background-repeat:no-repeat; background-position:center center } .back-overlay { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform:scale(0); transition: .3s ease; background-color:rgba(255,255,255,0.90)} .grid-team > li:hover .back-overlay { transform: scale(1) } .back-overlay-inner { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center } /*EQUIPE SOCIAL*/ .social-team { margin:10px 0; text-align:center; font-size:0 } .social-team li { cursor:pointer; display:inline-block; margin-right:5px; font-size:18px; text-align:center; vertical-align:middle } .social-team li:last-child { margin-right:0} .social-team li span { display:none } .social-team li a:before { font-family: 'FontAwesome'; font-size: 18px; display: inline-block; position: relative } .social-team li.facebook a:before { color: #3b5999; content: "\f082"} .social-team li.email a:before { color: #000; content: "\f0e0"} .social-team li.twitter a:before{ color: #55acee; content: "\f081"} .social-team li.youtube a:before{ color: #cd201f; content: "\f166"} .social-team li.linkedin a:before { color: #0077B5; content: "\f08c"} .social-team li.instagram a:before { color: #e4405f; content: "\f16d"} .social-team li.pinterest a:before { color: #bd081c; content: "\f0d3"} .social-team li.google a:before { color: #db4a39; content: "\f1a0"} @media only screen and (max-width : 980px) { .grid-team > li { width:50% } .grid-team > li img { width:100%} } @media only screen and (max-width : 580px) { .grid-team > li { width:100% } } /*BLOC PRODUIT*/ .grid-produit { text-align: center; margin:-10px; font-size:0} .grid-produit > li { display:inline-block; position:relative; vertical-align:top; width:33.3333%; font-size:16px } .grid-produit > li article { text-align:left; background:#ebf6e4; border:1px solid #ebf6e4; position:relative; margin:10px; padding:20px; overflow:hidden} .grid-produit > li:hover article { border:1px solid #ebf6e4 } .grid-produit > li article .entry-price { color:#0d5981; font-family:'Comfortaa', cursive;; font-weight:700; margin-top:10px; font-size:20px;} @media only screen and (max-width : 980px) { .grid-produit > li { width:50% } } @media only screen and (max-width : 580px) { .grid-produit > li { width:100% } .grid-produit > li article { padding:10px } } /*BLOC ICON*/ .grid-icon { text-align: center; margin:-10px; font-size:0} .grid-icon > li { display:inline-block; position:relative; vertical-align:top; width:25%; font-size:16px } .grid-icon > li article { position:relative; margin:10px; padding:20px; overflow:hidden} .grid-icon > li article .entry-title-h2 { margin-top:10px} @media only screen and (max-width : 980px) { .grid-icon > li { width:50% } } @media only screen and (max-width : 680px) { .grid-icon > li { width:100% } } /*ENTRY-SUMMARY*/ .entry-summary { font-size:16px; font-weight:400; line-height: 1.4em } .entry-small { font-size:13px; line-height:1.4em } .entry-small span { font-weight:700 } /*SINGLE*/ .entry-meta { padding-bottom:10px } .entry-meta span { margin-right:16px; color:#999; font-size:12px} .entry-meta span:last-child { margin-right: 0} .entry-meta span a { color:#999; text-decoration: none} .entry-meta span a:hover { color:#999; text-decoration: underline} .entry-meta-date:before { content: '\f017'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px } .entry-meta-category:before { content: '\f115'; font-family: "FontAwesome"; display: inline-block; margin-right: 5px; font-size:15px } /*TAG*/ .entry-tag { margin-top:20px; position: relative; display: inline-block; height: 24px; margin-left: 12px; margin-right:6px; margin-bottom:6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 8px 0 12px; background-color: #0d5981; color: #ffffff; font-size: 11px; text-transform:uppercase; line-height: 24px; text-decoration: none; zoom: 1} .entry-tag:hover { background:#2776ac; color:#ffffff} .entry-tag-arrow { content: ""; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #0d5981 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0} .entry-tag:hover .entry-tag-arrow { border-color: transparent #2776ac transparent transparent;} .entry-tag-bullet { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background-color: #ffffff} /*PAGINATION*/ .entry-pagination { margin-top: 20px; font-size:0 } .entry-pagination li { display:inline-block; margin-right:3px; vertical-align:middle; font-size:12px} .entry-pagination li:last-child { font-weight: bold; display:inline-block; padding:6px 12px; float: right; margin-right:0} .entry-pagination li.current { display:inline-block; padding:6px 12px; color:#ffffff; background:#0d5981} .entry-pagination li a { display:inline-block; padding:6px 12px; text-decoration:none; text-transform:uppercase; color:#ffffff; background:#0d5981} .entry-pagination li a:hover { color:#ffffff; background:#2776ac} @media only screen and (max-width : 580px) { .entry-pagination li { font-size:13px } .entry-pagination li:last-child { padding:3px 6px } .entry-pagination li.current { padding:3px 6px } .entry-pagination li a { padding:3px 6px } } /*PAGINATION WOOOOO*/ ul.page-numbers { margin-top: 20px; font-size:0 } ul.page-numbers li { display:inline-block; margin-right:3px; vertical-align:middle; font-size:14px} ul.page-numbers li span.current { display:inline-block; padding:6px 12px; color:#ffffff; background:#0d5981} ul.page-numbers li a { display:inline-block; padding:6px 12px; text-decoration:none; text-transform:uppercase; color:#ffffff; background:#0d5981} ul.page-numbers li a:hover { color:#ffffff; background:#2776ac} /*RICHTEXT*/ .entry-content h1, h1.entry-title { text-align:center; font-family:'Comfortaa', cursive; !important; font-size:29px !important; font-weight:700; color: #0d5981; margin-bottom:20px} .entry-title-h2 { font-family:'Comfortaa', cursive;; font-size:27px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-title-h2 a { color:#0d5981; text-decoration:none } .entry-title-h2 a:hover { color:#77c14c; text-decoration:none } .entry-title-h3 { font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-title-h3 a { color:#0d5981; text-decoration:none } .entry-title-h3 a:hover { color:#77c14c; text-decoration:none } .entry-title-h4 { font-family:'Comfortaa', cursive;; font-size:20px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-title-h4 a { color:#0d5981; text-decoration:none } .entry-title-h4 a:hover { color:#77c14c; text-decoration:none } .entry-title-h5 { font-family:'Comfortaa', cursive;; font-size:17px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-title-h6 { font-family:'Comfortaa', cursive;; font-size:16px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-bloc-content { position:relative; margin-bottom:30px } .entry-bloc-content:last-child { margin-bottom:0 } .entry-content hr { display: block; height: 1px; border: 0; border-top: 1px solid #ebf6e4; margin: 20px 0 20px 0; padding: 0 } .entry-content a { color:#3f3f3f; text-decoration:none} .entry-content a:hover { color:#0d5981; text-decoration:underline} .entry-content h2 { font-family:'Comfortaa', cursive;; font-size: 27px; font-weight:700; color:#0d5981; margin-bottom:20px} .entry-content h3 { font-family:'Comfortaa', cursive;; font-size: 25px; font-weight:700; color:#0d5981; margin-bottom:20px} .entry-content h4 { font-family:'Comfortaa', cursive;; font-size: 20px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-content h5 { font-family:'Comfortaa', cursive;; font-size: 17px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-content h6 { font-family:'Comfortaa', cursive;; font-size: 16px; font-weight:700; color:#0d5981; margin-bottom:10px} .entry-content p { padding-bottom:10px; text-align: left; overflow-wrap: break-word; word-wrap: break-word; hyphens: none; line-height:1.4em} .entry-content p:last-child { padding:0 } .entry-content > ul { margin-bottom:10px} .entry-content > ul > li { padding-left:10px; list-style:none; line-height:1.4em} .entry-content > ul > li:before { color:#0d5981; margin-right:5px; font-weight: 700; padding-bottom:5px; vertical-align:middle; display:inline-block; content: "•"; font-size:25px} .entry-content > ol { margin:0 0 10px 10px} .entry-content > ol > li { list-style:decimal; margin-left:10px; line-height:1.4em} .entry-content blockquote { margin:20px 40px 30px 40px; background:#efefef; text-align:center !important; font-size:20px; padding:30px} .entry-content blockquote p { padding-bottom:0; color: #3f3f3f; line-height:1.4em} .entry-content .alignleft { float:left; margin-right:20px; padding-top:4px; margin-bottom:16px} .entry-content .alignright { float:right; margin-left:20px; padding-top:4px; margin-bottom:16px} .entry-content .aligncenter { margin:0 auto 30px; display:block } /*GRID COLUMN*/ .grid-column { font-size:0; width 95%;} .grid-column > li { display:inline-block; position:relative; vertical-align:top; width:75%; font-size:16px } .grid-column > li:first-child { width:24% } .grid-column > li article { position:relative; overflow:hidden} .grid-column > li:first-child article { padding-right:40px } .grid-column > li:last-child article { padding-left:40px; border-left:1px solid #ebf6e4 } .grid-column > li a { color:#3f3f3f; text-decoration:none} .grid-column > li a:hover { color:#0d5981; text-decoration:none} .page-template-page-contact .grid-column > li { width:50% } .page-template-page-contact-2 .grid-column > li { width:50% } @media only screen and (max-width : 880px) { .page-template-page-contact .grid-column > li { display:block; width:100% } .page-template-page-contact-2 .grid-column > li { display:block; width:100% } .grid-column > li:first-child article { padding-right:0 } .grid-column > li:last-child article { margin-top:30px; padding-left:0; border-left:0 } .grid-column > li:first-child { width:100% } .woocommerce .grid-column > li { display:block; width:100% } .woocommerce .grid-column > li:last-child article { margin-top:0 } } /*ENTRY-LINK*/ .entry-link a { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; margin-top:10px; text-transform:uppercase; font-size:12px; display:inline-block; padding:5px 10px; background:#0d5981; color:#ffffff; text-decoration: none; text-align: center; } .entry-link a:hover { background:#2776ac; color:#ffffff; text-decoration: none } /*ENTRY-MORE*/ #homeconseil .entry-more, .single-post #related .entry-more, .single-conseils #related .entry-more { margin-top:20px} .entry-more { text-align:center} .entry-more a { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:inline-block; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .entry-more a:hover { background:#2776ac; color:#ffffff; text-decoration: none } /*FORM CONTACT*/ .entry-indent {padding-left:30px; margin-bottom:30px} .entry-bloc-content .icon-adress:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f041'; font-family: "FontAwesome"; display: inline-block; font-size:22px } .entry-bloc-content .icon-phone:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f095'; font-family: "FontAwesome"; display: inline-block; font-size:22px } .entry-bloc-content .icon-time:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f017'; font-family: "FontAwesome"; display: inline-block; font-size:22px } .entry-bloc-content .icon-fax:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f1ac'; font-family: "FontAwesome"; display: inline-block; font-size:22px } .entry-bloc-content .icon-email:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f0e0'; font-family: "FontAwesome"; display: inline-block; font-size:22px } .entry-bloc-content .icon-reseausocial:before { color:#0d5981; text-align:center; margin-right:5px; width:25px; content: '\f1e0'; font-family: "FontAwesome"; display: inline-block; font-size:22px } /*FOOTER SOCIAL*/ .menu-social-contact { margin-left:30px; margin-bottom:10px} .menu-social-contact > li { cursor:pointer; margin-right:5px; display:inline-block; border:1px solid #fff; -webkit-box-shadow: 0 0 20px -5px #000000; box-shadow: 0 0 20px -5px #000000; -webkit-border-radius: 100%; border-radius: 100%; background:#fff; width:60px; height:60px; font-size:25px; line-height:60px; text-align:center; vertical-align:middle } .menu-social-contact > li:last-child { margin-right:0} .menu-social-contact > li:hover { background:#fff; border:1px solid #ddd } .menu-social-contact > li span { display:none } .menu-social-contact > li a:before { width:60px; height:60px; line-height:60px; font-family: 'FontAwesome'; font-size: 25px; display: inline-block; position: relative } .menu-social-contact > li.facebook a:before { color: #3b5999; content: "\f09a"} .menu-social-contact > li.twitter a:before{ color: #55acee; content: "\f099"} .menu-social-contact > li.youtube a:before{ color: #cd201f; content: "\f167"} .menu-social-contact > li.linkedin a:before { color: #0077B5; content: "\f0e1"} .menu-social-contact > li.instagram a:before { color: #e4405f; content: "\f16d"} .menu-social-contact > li.pinterest a:before { color: #bd081c; content: "\f231"} .menu-social-contact > li.google a:before { color: #db4a39; content: "\f1a0"} .page-template-page-rdv div.wpcf7 { max-width:549px; margin:0px auto } div.wpcf7 { padding:0} div.wpcf7-response-output { font-size: 13px!important; text-align: center; padding:10px} textarea.wpcf7-not-valid, input.wpcf7-not-valid { border:1px solid #F00!important} .wpcf7-validation-errors, .wpcf7-mail-sent-ng { border:1px solid red!important; color:red} .wpcf7-mail-sent-ok { border:1px solid green!important; color:green} span.wpcf7-not-valid-tip { color: #f00; font-size: 10px !important; text-transform:uppercase; font-weight:normal !important; display: block} div.wpcf7 .screen-reader-response { display: none } .wpcf7 label { font-size:13px !important; text-align:center !important; text-transform:uppercase; font-weight:bold} .wpcf7 label em { color:red; padding-left:6px; font-style:normal} .wpcf7 input, .wpcf7 select { margin-top:5px; width: 100%; background:#fff; color:'Poppins', sans-serif;; padding: 10px; font-family:Tahoma,Geneva,sans-serif; font-size:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #ebf6e4} .wpcf7 input[type=text]:hover, .wpcf7 input[type=email]:hover, .wpcf7 textarea:hover { border:1px solid #ebf6e4 } .wpcf7 textarea { margin-top:5px; width: 100%; background:#fff; resize: none; color:'Poppins', sans-serif;; padding:10px; font-family:Tahoma,Geneva,sans-serif; font-size:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #ebf6e4} .wpcf7 input[type=submit]{ transition: all 0.5s ease; width:100%; display:block; text-align:center !important; background:#0d5981; text-transform:uppercase; color:#ffffff; padding: 10px 20px; font-family:Tahoma,Geneva,sans-serif; font-size:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #0d5981} .wpcf7 input[type=submit]:hover { background:#2776ac; border:1px solid #2776ac; color:#ffffff} .wpcf7 span:last-child { width:100%; display:inline-block; text-align:center} /*POPUP*/ #inline_popup { text-align:center; color:#000 } #inline_popup p img { margin-bottom:10px } #inline_popup .entry-more { margin-top:10px } #inline_popup p.colorpopup { color#000 !important; font-size:15px} #inline_popup .entry-title-h3 { font-size:24px } #inline_popup .entry-title-h4 { font-size:16px } /*COLORBOX*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } #cboxOverlay{background:rgba(0,0,0,0.9); opacity: 0.9; filter: alpha(opacity=90)} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(media/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(media/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(media/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(media/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display:none !important} #cboxCurrent{ display:none !important; position:absolute; bottom:0px; left:100px; color:#999;} #cboxLoadingOverlay{background:#fff url(media/colorbox/loading.gif) no-repeat 5px 5px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxClose{position:absolute; top:0; right:0; display:block; text-transform:uppercase; color:#e2001a} #cboxClose:before { display:inline-block; vertical-align:bottom; font: normal 18px 'FontAwesome'; content: '\f00d'} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)} /*WOOCOMMERCE*/ /*title*/ h1.page-title { line-height: 1.1em; font-family:'Comfortaa', cursive;; font-size:29px; font-weight:700; color:#0d5981; margin-bottom:30px} h1.product_title { line-height: 1.1em; font-size: 140%; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; text-align:left !important; } /*filter*/ .woocommerce-result-count { padding-top:3px; float:left} .woocommerce-ordering { float:right} /*button*/ .woocommerce a.ajax_add_to_cart { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:inline-block; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .woocommerce a.ajax_add_to_cart:hover { background:#2776ac; color:#ffffff; text-decoration: none } .woocommerce a.add_to_cart_button { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:inline-block; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .woocommerce a.add_to_cart_button:hover { background:#2776ac; color:#ffffff; text-decoration: none } /*grid-products*/ .woocommerce .products { clear:both; text-align:left; /*margin:-10px;*/ padding-top:20px; font-size:0} .woocommerce .products > li { display:inline-block; position:relative; vertical-align:top; width:33.3333%; font-size:16px } .woocommerce .products > li article { background:#ebf6e4; padding:10px; text-align:center; position:relative; border:1px solid #ebf6e4; margin:10px; overflow:hidden} .woocommerce .products > li:hover article { border:1px solid #ebf6e4 } .woocommerce .products > li .onsale { position:absolute; top:10px; left:10px; background:red; color:#fff; text-transform:uppercase; font-size:12px; padding:2px 5px } .woocommerce .products > li h2 { margin-top:10px;display:block; text-align:center; font-family:'Comfortaa', cursive;; font-size:20px; font-weight:700; color:#0d5981; margin-bottom:10px} /*.woocommerce .products > li .price { color:#0d5981; font-family:'Comfortaa', cursive;; font-weight:700; padding:10px 0; display:block; font-size:20px;}*/ .woocommerce .products > li del { font-size:20px; color:#0d5981 } .woocommerce .products > li ins { font-size:20px; color:#0d5981 } /*grid-related*/ .woocommerce .related { font-size:16px; margin:0 } .woocommerce .related h2 { display:block; text-align:center; font-family:'Comfortaa', cursive;; font-size:27px; font-weight:700; color:#0d5981} .woocommerce .related .products > li { width:25% } /*grid-upsell*/ .woocommerce .upsells { font-size:16px; margin:0 } .woocommerce .upsells h2 { display:block; text-align:center; font-family:'Comfortaa', cursive;; font-size:27px; font-weight:700; color:#0d5981} .woocommerce .upsells .products > li { width:25% } /*widgets*/ .widget-woocommerce { margin-bottom:30px} /*widgets-lastproduct*/ .woocommerce .product_list_widget { font-size:0 } .woocommerce .product_list_widget > li { display:inline-block; position:relative; vertical-align:top; width:100%; margin-bottom:20px; font-size:16px } .woocommerce .product_list_widget > li article { background:#ebf6e4; padding:10px; text-align:center; position:relative; border:1px solid #ebf6e4; overflow:hidden} .woocommerce .product_list_widget > li .product-title { margin-top:10px;display:block; text-align:center; font-family:'Comfortaa', cursive;; font-size:20px; font-weight:700; color:#0d5981; margin-bottom:10px} .woocommerce .product_list_widget > li .woocommerce-Price-amount { color:#0d5981; font-family:'Comfortaa', cursive;; font-weight:700; padding:0; display:block; font-size:20px;} .woocommerce .product_list_widget > li del { font-size:16px; color:#999 } .woocommerce .product_list_widget > li del .woocommerce-Price-amount { font-size:20px; color:#0d5981 } /*widgets-cat*/ .widget-woocommerce .product-categories { margin-bottom:10px} .widget-woocommerce .product-categories > li { padding-left:10px; list-style:none; line-height:1.4em} .widget-woocommerce .product-categories > li:before { color:#0d5981; margin-right:5px; font-weight: 700; padding-bottom:5px; vertical-align:middle; display:inline-block; content: "•"; font-size:25px} /*widgets-search*/ .widget-woocommerce .woocommerce-product-search { display: flex} .widget-woocommerce .woocommerce-product-search label { display:none } .widget-woocommerce .woocommerce-product-search input[type=search] { width: 100%; vertical-align:middle; background:#fff; color:#000; padding:5px; font-size:14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #ebf6e4} .widget-woocommerce .woocommerce-product-search input[type=search]:hover { border:1px solid #18703F} .widget-woocommerce .woocommerce-product-search input.submit { vertical-align:middle; padding-top:4px; margin-left:5px; height:24px} .widget-woocommerce .woocommerce-product-search button { border:none; transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:15px; display:inline-block; padding:5px 5px; background:#0d5981; color:#ffffff; text-decoration: none } .widget-woocommerce .woocommerce-product-search button:hover { border:none; background:#2776ac; color:#ffffff; text-decoration: none } .widget-woocommerce ::-webkit-input-placeholder { color: #666} .widget-woocommerce :-moz-placeholder { color: #666; opacity: 1} .widget-woocommerce ::-moz-placeholder { color: #666; opacity: 1} .widget-woocommerce :-ms-input-placeholder { color:#666} /*single-products*/ .single-product .product { position:relative } .single-product .onsale { position:absolute; top:0; left:0; background:red; color:#fff; text-transform:uppercase; font-size:15px; padding:2px 5px } .single-product .woocommerce-product-gallery { margin-left: 50px; float:left; width:30% } .single-product .entry-summary { float:right; width:55% } .single-product .price { color:#0d5981; font-family:'Comfortaa', cursive;; font-weight:700; padding-bottom:10px; display:block; font-size:20px;} .single-product del { font-size:20px; color:#0d5981 } .single-product ins { font-size:20px; color:#0d5981 } .single-product .woocommerce-product-details__short-description { margin-bottom:10px } .single-product .stock { color:green; margin-bottom:10px; font-size:13px } .single-product .quantity { margin-bottom:20px} .single-product .single_add_to_cart_button { border:none; transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:inline-block; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .single-product .single_add_to_cart_button:hover { background:#2776ac; color:#ffffff; text-decoration: none } .single-product .product_meta { font-size:12px; margin-top:20px} .single-product .product_meta > span { display:block } .single-product a { text-decoration:none } .single-product .woocommerce-tabs { clear:both; padding-top:40px; position: relative; font-size:0; text-align: left } .woocommerce div.product .woocommerce-tabs ul.tabs li { display: inline-block; text-transform: uppercase; font-size:13px; vertical-align: middle } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child a { margin-right:0 } .woocommerce div.product .woocommerce-tabs ul.tabs li a { background: #d3dee7; color:#0d5981; position: relative; display: inline-block; padding:10px; margin-right:1px; text-decoration: none } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background: #ebf6e4 !important; color:#0d5981!important; } .woocommerce-Tabs-panel { font-size:16px; background:#ffffff; padding: 20px; position: relative } .woocommerce-Tabs-panel h2 { display:none } /*.woocommerce-product-gallery__wrapper { margin:-5px; font-size:0 }*/ .woocommerce-product-gallery__wrapper > div { display:inline-block; vertical-align:top; width:16.6666% } .woocommerce-product-gallery__wrapper > div:first-child { width:100%} .woocommerce-product-gallery__wrapper > div a { display:block; margin:5px; border:1px solid #ebf6e4 } .woocommerce-product-gallery__wrapper > div a:hover { border:1px solid #0d5981 } /*.woocommerce-product-gallery__wrapper > div img { width:100%} */ /*input*/ .woocommerce select { border:1px solid #ebf6e4; padding:5px} .woocommerce input[type=email] { border:1px solid #ebf6e4; padding:5px} .woocommerce textarea { border:1px solid #ebf6e4; min-height:200px; padding:5px} .woocommerce input[type=tel] { border:1px solid #ebf6e4; padding:5px} .woocommerce input[type=number] { border:1px solid #ebf6e4; width:60px; padding: 5px} .woocommerce input[type=text] { border:1px solid ##ebf6e4; padding:5px !important} .woocommerce input[type=password] { border:1px solid #ebf6e4; padding:5px !important} .woocommerce input#coupon_code { min-width:200px} .woocommerce ::-webkit-input-placeholder { text-transform:uppercase;color: #999} .woocommerce :-moz-placeholder { text-transform:uppercase;color: #999; opacity: 1} .woocommerce ::-moz-placeholder { text-transform:uppercase;color: #999; opacity: 1} .woocommerce :-ms-input-placeholder { text-transform:uppercase;color:#999} /*table cart*/ .woocommerce-cart-form .shop_table { width:100%} .cart-collaterals { float:right; width:40%} .cart-collaterals .shop_table { width:100%} .woocommerce-cart-form__contents tr th { text-align:center; background:#0d5981; color:#ffffff; padding:10px; border:1px solid #ebf6e4} .cart-collaterals .shop_table tr th { text-align:left; padding:10px; border:1px solid #ebf6e4} .shop_table tr td { text-align:center; padding:10px; border:1px solid #ebf6e4} .shop_table tr td.product-quantity label { display:none } .shop_table tr td.product-thumbnail img { width:100px} .wc-proceed-to-checkout { clear:both; float:right; width:100%} .cart-collaterals a.checkout-button { margin-top:20px; border:none; transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:block; text-align:center; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .cart-collaterals a.checkout-button:hover { background:#2776ac; color:#ffffff; text-decoration: none } .cart_totals h2 { margin:20px 0; text-align:center; text-transform:uppercase; font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981} .shop_table tr td.actions .coupon { float:left; text-align:left} .shop_table tr td.actions .coupon label { display:none} .shop_table tr td.actions button { float:right; text-align:right} .shop_table tr td.actions button { margin-left:5px; border:none; transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:12px; display:block; text-align:center; padding:5px 10px; background:#0d5981; color:#ffffff; text-decoration: none } .shop_table tr td.actions button:hover { background:#2776ac; color:#ffffff; text-decoration: none } .shop_table tr td a { color:black; text-decoration:none} .shop_table tr td a:hover { color:#0d5981; text-decoration:none} .posted_in a { color:#3f3f3f; text-decoration:none} .posted_in a:hover { color:#0d5981; text-decoration:none} .tagged_as a { color:#3f3f3f; text-decoration:none} .tagged_as a:hover { color:#0d5981; text-decoration:none} /*message*/ .woocommerce-message { padding: 20px; background-color: #6BBD6E; color: #fff; margin-bottom:30px} .woocommerce-message a { color:#fff; text-decoration:none } .woocommerce-message a:hover { color:#fff; text-decoration:underline } .woocommerce-error { padding: 20px; background-color: #f44336; color: #fff; margin-bottom:30px} .woocommerce-info { padding: 20px; background-color: #FFAA2C; color: #fff; margin-bottom:30px} .woocommerce-info a { color:#fff; text-decoration:none } .woocommerce-info a:hover { color:#fff; text-decoration:underline } /*checkout*/ .col2-set .col-1 { padding:10px; display:block; float:left; width:48% } .col2-set .col-2 { padding:10px; display:block; float:right; width:48% } h3#order_review_heading { clear:both; padding-top:30px; margin:20px 0; text-align:center; text-transform:uppercase; font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981} .woocommerce-checkout-review-order-table { padding-top:30px; margin:0px auto} .woocommerce-checkout-review-order-table tr th { text-align:left; padding:10px; border:1px solid #ebf6e4} .woocommerce-checkout-review-order-table thead tr th { text-align:center; background:#0d5981; color:#ffffff; padding:10px; border:1px solid #ebf6e4} .woocommerce-checkout-payment { margin-top:30px; padding:20px} .woocommerce-checkout-payment .wc_payment_method { border-bottom:1px solid #ebf6e4; padding:5px} .woocommerce-checkout-payment .wc_payment_method label { font-weight:bold } .woocommerce-checkout-payment .payment_box { font-size:15px; padding-left:20px} .woocommerce-checkout-payment .woocommerce-privacy-policy-text { margin-top:15px} .woocommerce-checkout-payment a { color:#3f3f3f; text-decoration:none} .woocommerce-checkout-payment a:hover { color:#0d5981; text-decoration:none} .woocommerce-checkout-payment button { margin:20px auto; border:none; transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:block; text-align:center; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none } .woocommerce-checkout-payment button:hover { background:#2776ac; color:#ffffff; text-decoration: none } .woocommerce-billing-fields h3 { margin-bottom:10px; text-transform:uppercase; font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981} .woocommerce-billing-fields label { font-size:14px; font-weight:bold; display:block} .woocommerce-billing-fields input { display:block; width:100%; border:1px solid #ebf6e4; padding:5px; margin-bottom:5px} .woocommerce-billing-fields abbr { display:none } .woocommerce-input-wrapper strong { background:#fff; font-family:Tahoma,Geneva,sans-serif; font-size:15px; font-weight:normal; display:block; width:100%; border:1px solid #ebf6e4; padding:5px; margin-bottom:5px} .shipping_address label { font-size:14px; font-weight:bold; display:block} .shipping_address input { display:block; width:100%; border:1px solid #ebf6e4; padding:5px; margin-bottom:5px} .shipping_address abbr { display:none } .woocommerce-additional-fields { margin-top:20px} .woocommerce-additional-fields label { font-size:14px; font-weight:bold; display:block} .woocommerce-additional-fields textarea { display:block; width:100%; border:1px solid #ebf6e4; min-height:50px; padding:5px} .woocommerce-order-details h2 { padding-top:20px; text-align:center; margin-bottom:10px; text-transform:uppercase; font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981} .woocommerce-order-details table { padding-top:30px; margin:0px auto} .woocommerce-order-details tr th { text-align:left; padding:10px; border:1px solid #ebf6e4} .woocommerce-order-details thead tr th { text-align:center; background:#0d5981; color:#ffffff; padding:10px; border:1px solid #ebf6e4} .woocommerce-customer-details { text-align:center } .woocommerce-customer-details h2 { padding-top:20px; text-align:center; margin-bottom:10px; text-transform:uppercase; font-family:'Comfortaa', cursive;; font-size:25px; font-weight:700; color:#0d5981} .woocommerce-customer-details address { font-style:normal } .shop_attributes tr th { width:150px } .shop_attributes tr { border-bottom:1px solid #ebf6e4 } .shop_attributes tr:last-child { border-bottom:none } .variations { margin-bottom:10px } a.reset_variations { margin-left:5px; font-size:13px; color:#3f3f3f; text-decoration:none} a.reset_variations:hover { color:#0d5981; text-decoration:none} @media only screen and (max-width : 1080px) { .woocommerce .products > li { width:50% } .woocommerce .upsells .products > li { width:50% } .woocommerce .related .products > li { width:50% } } @media only screen and (max-width : 880px) { .woocommerce .widget_recently_viewed_products { display:none } .single-product .woocommerce-product-gallery { margin-left: 10px; float:left; width: 90% } .single-product .entry-summary { margin-top:30px; float:left; width:100% } .cart-collaterals { float:right; width:100%} .col2-set .col-1 { float:left; width:100% } .col2-set .col-2 { float:left; width:100% } .woocommerce-checkout-review-order-table { padding-top:30px; width:100%} } @media only screen and (max-width : 580px) { .woocommerce .widget_recently_viewed_products { display:none } .woocommerce .products > li { display:block; width:100% } .woocommerce .upsells .products > li { width:100% } .woocommerce .related .products > li { width:100% } .woocommerce table { font-size:13px !important} } /*STYLE CUSTOM*/ #ordosimple .grid-box > li:last-child { background:#fff; } #ordosimple .entry-content h2 { color:#3daa36 } #ordosimple .entry-content p { font-size:19px; color:#333 } #ordosimple .row { max-width: 100%; padding: 0} #ordosimple .grid-box > li article {padding-right: 250px;}#applihome {}/*FONTAWESOME*/ @font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.6.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"} .fa-google:before,.fa-google:before{content:"\f1a0"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} //******************************************************************************************************************************************** /*MegaMenu Woocommerce*/ .cl { clear: both; } ul, ol { box-sizing: border-box; list-style: outside none none; margin: 0; padding: 0; } li { margin: 0; padding: 0; } a:focus { outline: medium none !important; } .wsmobileheader { display: none; } .overlapblackbg { display: none; } .wsmenu { border-radius: 4px 4px 0 0; color: #fff; margin: 0 auto; padding: 0; position: relative; max-width: 100%; white-space: nowrap; } .wsmenu-list { display: table; margin: 0 auto; padding: 0; text-align: left; width: 100%; background-color: #ffffff; } .wsmenu-list > li { display: table-cell; text-align: center; } .wsmenu-list > li > a .fa { display: inline-block; font-size: 14px; line-height: inherit; margin-right: 0; } .wsmenu-list li ul li a .fa.fa-angle-double-right { font-size: 12px; margin: 0 3px 0 -4px; } .wsmenu-list li a .arrow::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); content: ""; float: right; height: 0; margin: 0 0 0 9px; position: absolute; text-align: right; top: 22px; width: 0; } .wsmenu-list > li > a { display: block; line-height: 48px; padding: 0 14px; position: relative; text-decoration: none; } .megamenu iframe { margin-top: 10px; min-height: 200px; width: 100%; max-width: 100%; } .megamenu video { margin-top: 10px; min-height: 200px; width: 100%; max-width: 100%; } .wsmenu-list li:hover .megamenu { opacity: 1; } .wsmenucontainer { background-color: rgba(13,89,129, 1) !important; } .megamenu { background-color: white; color: #000; font-size: 15px; left: 0; margin: 0; opacity: 0; padding: 14px; position: absolute; text-align: left; top: 48px; transform-origin: 0 0 0; transition: -moz-transform 0.3s ease 0s, opacity 0.3s ease 0s; width: 100%; max-width: 100%; z-index: 1000; } .wsmenu-list li:hover > a div::after { content: ''; border-left: 14px solid transparent; border-right: 14px solid transparent; bottom: 100%; position:relative; top:0px; left:-14px; z-index:9999; max-width: 100%; } .megamenu .title { font-size: 16px; font-weight: bold; height: 39px; margin: 0 0 7px; padding: 9px 5px 9px 0; text-align: left; } li.title a:hover { padding: 5px !important; } .link-list ul { display: flex; border:1px solid red; } .link-list li { /* display: block; */ text-align: left; white-space: nowrap; } .link-list li a { border-right: 0 none !important; display: block; line-height: 18px; padding: 6px 0; text-align: left; text-decoration: none; margin-left:15px; } .link-list .title a { text-align:left; color: rgba(13,89,129, 1) !important; text-decoration: none; text-transform: uppercase; } .link-list .fa { font-size: 11px; } .mobile-sub .megamenu .ad-style a:hover { background-color: transparent !important; max-width: 100%; } .wsmenu-list .megamenu li:hover > a { background: transparent none repeat scroll 0 0 !important; max-width: 100%; } .wsmenu-list .megamenu li a:hover { background-color: rgba(13,89,129, 1) !important; color:white!important; text-decoration: none; padding: 5px; } .wsmenu-list .megamenu li a:hover i { padding: 5px; } .wsmenu-list .megamenu li i { font-size: 15px; } .wsmenu-list .megamenu li .fa { margin-right: 5px; text-align: center; width: 18px; } .wsmenu-list li > .wsmenu-submenu { transform: rotateX(-75deg); transform-style: preserve-3d; visibility: hidden; } .wsmenu-list li:hover > .wsmenu-submenu { opacity: 1; transform: rotateX(0deg); visibility: visible; } .wsmenu-submenu li > .wsmenu-submenu-sub { transform: rotateX(-75deg); transform-style: preserve-3d; visibility: hidden; } .wsmenu-submenu li:hover > .wsmenu-submenu-sub { opacity: 1; transform: rotateX(0deg); visibility: visible; } .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub { transform: rotateX(-75deg); transform-style: preserve-3d; visibility: hidden; } .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub { opacity: 1; transform: rotateX(0deg); visibility: visible; } .wsmenu-list li > .megamenu { transform: rotateX(-75deg); transform-style: preserve-3d; visibility: hidden; } .wsmenu-list li:hover > .megamenu { opacity: 1; transform: rotateX(0deg); visibility: visible; } .wsmenu-submenu { background-color: #fff; border: 1px solid #eeeeee; margin: 0; opacity: 0; padding: 2px; position: absolute; top: 48px; transform-origin: 0 0 0; transition: -moz-transform 0.3s ease 0s, opacity 0.3s ease 0s; z-index: 1000; max-width: 100%; } .wsmenu-submenu li a { background: #fff none repeat scroll 0 0 !important; border-right: 0 none !important; color: #666666 !important; display: block; font-size: 13px; letter-spacing: normal; line-height: 22px; padding: 6px 12px; text-align: left; text-transform: none; } .wsmenu-submenu li { margin: 0; padding: 0; position: relative; } .wsmenuexpandermain { display: none; } .wsmenu-list li:hover .wsmenu-submenu { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { left: 100%; margin: 0; min-width: 220px; opacity: 0; padding: 0; position: absolute; top: 0; transform-origin: 0 0 0; transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { background-color: #fff; border: 1px solid #eeeeee; list-style: outside none none; opacity: 1; padding: 2px; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { left: 100%; margin: 0; min-width: 220px; opacity: 0; padding: 0; position: absolute; top: 0; transform-origin: 0 0 0; transition: -moz-transform 0.4s ease 0s, opacity 0.4s ease 0s; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { background-color: #fff; border: 1px solid #eeeeee; list-style: outside none none; opacity: 1; padding: 2px; } .wsmenu-submenu li { display: block; margin: 0; padding: 0; position: relative; } .wsmenu-click { display: none; } .wsmenu-click02 { display: none; } .hometext { display: none; } .sous-categorie { display: table; width:100%; margin-bottom:10px; } .sous-categorie div { display: table-cell; float:left; width:31%; margin-left:10px; margin-right:10px; } @media only screen and (max-width: 2500px) { .sous-categorie div { display: table-cell; float:left; width:100%; } .wsmenu-list li:hover > a div::after { display:none; } .wsoffcanvasopener .wsmenu { left: 0; transition: all 0.4s ease-in-out 0s; } .wsmenucontainer.wsoffcanvasopener { display: block; } .wsmobileheader { display: block !important; left: 0; position: relative; right: 0; top: 0; transition: all 0.4s ease-in-out 0s; } .wsmenu-list > li:hover > a { background-color: rgba(0, 0, 0, 0.08) !important; text-decoration: none; } .hometext { display: inline-block !important; } .overlapblackbg { background-color: rgba(0, 0, 0, 0.45); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 102; } .wsoffcanvasopener .overlapblackbg { display: block !important; } .wsmenu-submenu > li:hover > a { background-color: #7b7b7b; color: #666666; } .wsmenu > .wsmenu-list > li > a.active { background-color: rgba(0, 0, 0, 0.08); } .wsmenu > .wsmenu-list > li > a:hover { background-color: rgba(0, 0, 0, 0.08); } .wsmenu-list li:hover .wsmenu-submenu { display: none; } .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { display: none; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { background-color: #fff; border: 1px solid #eeeeee; display: none; list-style: outside none none; padding: 2px; } .wsmenucontainer { backface-visibility: hidden; min-height: 50px; overflow: hidden; transition: all 0.4s ease-in-out 0s; } .wsmenu-click { cursor: pointer; display: block; height: 43px; position: absolute; right: 0; top: 0; width: 100%; } .wsmenu-click i { background-size: 25px auto; display: block; float: right; font-size: 21px; height: 23px; margin-right: 8px; margin-top: 11px; width: 25px; } .wsmenu-click02 { cursor: pointer; display: block; height: 43px; position: absolute; right: 0; top: 0; width: 100%; } .wsmenu-click02 i { background-size: 25px auto; color: rgba(0, 0, 0, 0.25); display: block; float: right; font-size: 21px; height: 23px; margin-right: 8px; margin-top: 11px; width: 25px; } .ws-activearrow > i { transform: rotate(180deg); } .wsmenu-rotate { transform: rotate(180deg); } .wsmenu-submenu-sub { border: 0 solid !important; display: none; left: 100% !important; margin: 0 !important; opacity: 1 !important; padding: 0 !important; position: static !important; top: 0 !important; transform: none !important; visibility: visible !important; width: 100% !important; } .wsmenu-submenu-sub li { margin: 0 !important; padding: 0; position: relative; } .wsmenu-submenu-sub a { border-bottom: 1px solid #ccc; display: block; font-weight: normal; padding: 10px 25px; } .wsmenu-submenu-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub li:hover > a { background-color: #333333 !important; color: #fff; } .wsmenu-list > li > a .fa { margin-right: 6px; } /* .wsmenu-submenu-sub-sub { border: 0 solid !important; display: none; left: 100% !important; margin: 0 !important; opacity: 1 !important; padding: 0 !important; position: static !important; top: 0 !important; transform: none !important; visibility: visible !important; width: 100% !important; } .wsmenu-submenu-sub-sub li { margin: 0 !important; } .wsmenu-submenu-sub-sub a { background: #000 none repeat scroll 0 0 !important; border-bottom: 1px solid #ccc; color: #000; display: block; font-weight: normal; padding: 10px 25px; } .wsmenu-submenu-sub-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub-sub li:hover > a { background-color: #606060 !important; color: #fff; } */ .wsmenu { position: relative; } .wsmenu .wsmenu-list { display: block !important; height: calc(100% - 50px); overflow-y: auto; width: 100vw; } .wsmenu .wsmenu-list > li { background-color: white !important; color: black; border-right: medium none; display: block; float: none; position: relative; white-space: inherit; width: 100%; } .wsmenu > .wsmenu-list > li > a { background-color: transparent; border-right: 0 solid; line-height: 25px; padding: 9px 32px 9px 17px; position: static; text-align: left; } .wsmenu > .wsmenu-list > li > a > .fa { color: #bfbfbf; font-size: 16px; } .wsmenu .wsmenu-list li a .arrow::after { display: none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right { color: #8e8e8e; font-size: 12px !important; } .wsmenu-list .megamenu { border: 0 solid; display: none; opacity: 1 !important; padding: 0; position: relative !important; top: 0; transform: none !important; visibility: visible !important; max-width: 100% !important; } .wsmenu-list li:hover .megamenu { display: none; position: relative !important; top: 0; } .megamenu .title { /*color: #666666;*/ padding: 10px 8px 10px 0; } .halfdiv .title { padding-left: 15px; } .megamenu > ul { margin: 0; padding: 0; width: 100% !important; max-width: 100% !important; } .megamenu > ul > li > a { background-color: #e7e7e7 !important; color: #666666; line-height: normal !important; padding: 9px 14px !important; max-width: 100% !important; } .megamenu ul li.title { background-color: transparent !important; font-size: 15px; line-height: 26px; margin: 0; font-weight: bold; text-align:center; max-width: 100% !important; } .wsmenu { border: medium none !important; border-radius: 0; height: 100%; left: -100%; margin: 0; position: fixed; top: 50px; transition: all 0.4s ease-in-out 0s; z-index: 9999;max-width: 100% !important; } .animated-arrow { left: 0; cursor:pointer; top: 0; transition: all 0.4s ease-in-out 0s; z-index: 102; } .animated-arrow span::before { display: inline-block; } .animated-arrow span::after { font-size: 100%; content:"CATÉGORIES"; margin-left:10px; font-weight:600; } .wsoffcanvasopener .animated-arrow span::before { display: inline-block; } .wsoffcanvasopener .animated-arrow span::after { content:""; } .menu-open #wsnavtoggle { display:none; } .wsmenu-list li > .wsmenu-submenu { transform: none !important; visibility: visible !important; } .wsmenu-list li:hover > .wsmenu-submenu { transform: none !important; visibility: visible !important; } .wsmenu-submenu li > .wsmenu-submenu-sub { transform: none !important; visibility: visible !important; } .wsmenu-submenu li:hover > .wsmenu-submenu-sub { opacity: 1 !important; transform: none !important; visibility: visible !important; } .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub { opacity: 1 !important; transform: none !important; visibility: visible !important; } .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub { opacity: 1 !important; transform: none !important; visibility: visible !important; } .wsmenu-list li > .megamenu { opacity: 1 !important; transform: none !important; visibility: visible !important; } .wsmenu-list li:hover > .megamenu { opacity: 1 !important; transform: none !important; visibility: visible !important; } } .wrapper { max-width: 1200px; margin: 0 auto; padding: 0px; min-width: 320px; } .header { width: 100%; display: block; /*min-height: 214px;*/ padding-top: 0px; /*background: url(../images/topbg.jpg) top center no-repeat; box-shadow: 0 0 20px rgba(0, 0, 0, .3);*/ } @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /* filtres produits*/ .color-products-text { color:#0d5981 !important; } .color-products-text-notselected:hover { background-color:#0d5981 !important; } #prixbtn, #categbtn { float: right; } .wrapper { background: white; margin: auto; padding: 1em; width: 50%; } ul.tabs { list-style-type: none; margin: 0; padding: 0; height: 2.35em; } ul.tabs li { border: gray solid 1px; border-bottom: none; margin: 0 .25em 0 0; padding: .25em .5em; display: inline-block; float: none; top: 0px; background: #0d5981; } ul.tabs li a { color: white; font-weight: bold; text-decoration: none; } ul.tabs li.active { background: #0d5981; } ul.tabs li.active a { color: white; } .clr { clear: both; } @media only screen and (max-width : 780px) { ul.tabs li { margin-bottom: 20px; } section.block { margin-top: 30px; } } // stock produits .stock { font-size: 35px; color: yellow; } .nostock { color: red; } .droite { float: right; } .cecimed { text-align: center; } span.woocommerce-Price-amount.amount, span.woocommerce-Price-amount { font-size: 120%; color: #6F7072; } .quantite { margin-right: 15px; } input[type=number]::-webkit-inner-spin-button { opacity: 1; } .resume { display: flex; flex-direction: column; } /* bouton quantité couleur */ .woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .qty-adjust .woocommerce .quantity .plus, .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty-plus, .woocommerce .quantity .qty-minus, .woocommerce .quantity .qty-adjust { border-color: #6F7072; border: 2px solid #6F7072; } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce ul.products li.product h2.woocommerce-loop-category__title { color: #6F7072; } .alertemedoc { color:red; float: right; } .alertemedocloop { color:red; } h1.entry-titlemed { font-family:'Comfortaa', cursive;; color:#0d5981; margin-bottom:20px} #categbtn { color: #0d5981; } .containerccmedoc { display: block; width: 100%; } .containercecimedoc { background-color:#F8F8F8!important; width: 100%; padding:40px; padding-bottom: 30px; } .containercecimedoc p { margin-bottom:30px; } .containercecimedoc > .aproposproduit, .containercecimedoc > p { width: 85%; margin: 0 auto; } .product { width : 95% } .product.type-product { width:100%!important; } .wfpTitle { color: #0d5981; } .wpfCheckbox { opacity:0; } .product type-product, .price, .product_type_simple { text-align:center; } .attachment-woocommerce_thumbnail{ display:block; margin:auto; } .button product_type_simple add_to_cart_button ajax_add_to_cart { text-align:center; display:block; margin:auto; } .boutoncartdiv { display: flex; align-items: center; justify-content: center; } div.summary.entry-summary { padding-left: 10px !important; padding-right: 10px !important; } label:link { background-color: #0d5981; } .selected { color: #0d5981; font-weight: bold; } .woocommerce-pagination { margin-top: 15px; margin-bottom: 15px; } .woof_radio_term, .woof_radio_term_reset { opacity:0.8; } .woof_reset_search_form, span.woof_remove_ppi { opacity:0; } .woof_radio_label:hover { color: white; background-color: #0d5981; padding: 5px; } .woof_radio_label_selected { color: #0d5981; font-weight: bold; } /* Partie orthopedie centrage titre et boutons liens */ p.entry-link, p.entry-title-h4 { text-align:center; } .content-area { max-width: 80% !important; margin: 0 auto; } @media only screen and (max-width : 780px) { .page-numbers{ display: inline-block !important; } div.prix, div.medocdroite{ display: inline-block; float: right; } div.quan_pan { display: inline-block; } } div.officine { display: inline-block; } div.ui-slider-range, span.ui-slider-handle { background: #0d5981 !important; border: 2px !important; } h1.product_title { text-align:center; font-family:'Comfortaa', cursive;; font-size:29px; font-weight:400; background-color: white; color:#0d5981; margin-bottom:20px} @media only screen and (max-width : 780px) { h1.product_title { font-size: 120%; } } #footer { margin-top: 40px; } li.product article { display: flex; flex-direction: column; } #btnMonter { display: none; visibility: visible; position: fixed; bottom: 20px; right: 20px; z-index: 99; border: none; outline: none; background-color: #0d5981; opacity: 0.9; color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; } #btnMonter:hover { background-color: #0d5981; } @media only screen and (max-width : 580px) { #btnMonter { visibility: hidden } } ul.products { padding-top: 24px !important; } div.onglets { display: inline-block; position: relative; width: 100%; } @media only screen and (max-width : 900px) { a#wsnavtoggle { padding-top: 30px; padding-bottom: 30px; padding-left: 10px; color: white; clear: both; display: inline-block; overflow: hidden; white-space: nowrap; } ul.mobile-sub.wsmenu-list, nav.wsmenu { width: 100% !important; } } span.fermerdroite { position: absolute; bottom: 7px; right: 15px; color: white !important; } a.wsnavtoggle i.fas, a#fermermegamenu { color: white !important; } p.entry-link, p.entry-title-h4, p.entry-indent { text-align: center; } ul.grid-box p.entry-title-h4, ul.grid-box p.entry-link { text-align: left; } ul.grid-box-right p.entry-title-h4, ul.grid-box-right p.entry-link { text-align: right; } div.sous-categorie { max-width: 100%; overflow: hidden; } ul.link-list { max-width: 100%; overflow: hidden; } div.sous-categorie, div.sous-categorie div { max-width: 100%; overflow: hidden; } ul.grid-annuaire article p.entry-title-h4 span { text-align: center !important; } article p.entry-link a { text-align: center !important; } @media only screen and ( max-width: 779px ) { li.title, ul.link-list, li.title a, ul.mobile-sub, nav.wsmenu, div.overlapblackbg, section.wrap { max-width: 100%; /*overflow: hidden; Supprimé car overflow hidden sur menu ordo+ ne s'affiche pas en mode mobile*/ } .short-description, .product_meta, body.woocommerce div.product .woocommerce-tabs, body.woocommerce #content div.product .woocommerce-tabs { display: none; } body.woocommerce .images { float: none !important; width: auto !important; margin-bottom: 40px !important; clear: both !important; } table .product-thumbnail { display: none; } .woocommerce-page #content div.product form.cart .variations { margin-left: 0; } table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.287em; } .woocommerce .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important; } .woocommerce .woocommerce form .form-row, .woocommerce-page form .form-row { width: auto !important; float: none !important; } #order_review .shop_table { margin-left: 0; } } article a img { margin-bottom: 20px; } /* bouton ordo */ a#ordoplusmenu { float: right; margin-right: 10px; margin-left: 10px; position: relative; top: 5px; left: 5px; } i.ordoplusmenu { position: relative; bottom: 4px !important; color:#77c14c !important; } span#monordospan { margin: 10px !important; font-size: 15px; position: relative; bottom: 7px !important; } @media only screen and ( max-width: 1000px ) { span#monordospan { display: none; } } /* fin bouton home */ @media(max-width:750px) { #applihome .entry-content h2 { color:#a4b901; } #applihome .entry-content h3 { color:#575755 } #applihome .entry-content p { color:#000000; } #applihome .entry-content > ul > li { color:#000000; } } /* div.flexslider { max-height: 500px; } */ section.wrap#banner { max-height: 300px; } ul.menu-social-contact { text-align: center; list-style: inside; } button.btn-ordo, button.btn-ordo::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } button.btn-ordo { top: -10px; background: none; border: none; background: #ffffff !important; color: #000 !important; display: block; font-size: 12px; font-weight: bold; padding: 1em 2em; position: relative; height: 40px; } button.btn-ordo::before, button.btn-ordo::after { content: ''; position: absolute; z-index: -1; } button.btn-ordo:hover { color: #ffffff !important; background: #000000 !important; } .btn-ordo::after { height: 0; left: 50%; top: 50%; width: 0; } .btn-ordo:hover:after { height: 100%; left: 0; top: 0; width: 100%; } /* Alignement texte pages a 2 blocs */ ul.grid-box.grid-intro li article div.entry-summary, ul.grid-box.grid-conseil li article div.entry-summary{ text-align: left!important; } ul.grid-box.grid-conseil.grid-box-right li article div.entry-summary, ul.grid-box.grid-intro.grid-box-right li article div.entry-summary{ text-align: right!important; } /* Option: cacher les sliders sur mobile */ @media only screen and (max-width: 780px) { div.slider-inside-content { /*display:none !important;*/ } } .fas.headericon, ul.menu-cart li a:before { font-size: 20px !important; } @media only screen and (min-width: 781px) { .onlymobile { display: none !important; } } @media only screen and (max-width: 780px) { /* reglage bug couleurs bloc appli responsive */ section#applihome h1 { color: color:#0d5981 !important; } section#applihome h2 { color: color:#0d5981 !important; } section#applihome h3 { color: color:#0d5981 !important; } section#applihome , section#applihome p, section#applihome ul li{ color: color:#3f3f3f !important; } /* taille titre Produit sur page single product mode responsive */ main#main div.product div.summary.entry-summary h1.product_title.entry-title { font-size: 21px !important; font-weight: 600!important; } div.flexslider { display: none !important; } .nomobile { display: none !important; } .fas.headericon, ul.menu-cart li a:before { font-size: 30px !important; } section#main section.row ul.menu-adress { margin-top: -6px !important; } section#main section.row ul.menu-cart { margin-top: -6px !important; } i.fas.headericon.ordoplusmenu { margin-top: -1px !important; } } section#subheader section.row { display: inline-flex!important; flex-direction: row; padding: 0!important; margin: 0!important; height: 100%; align-items: center; width: 90%; max-width:100%; justify-content: flex-end; } section#subheader section.row .menu-adress{ margin-left: 40px; font-size:12px!important; } span.nomobile{ font-size:13px!important; } .headericon::before { color:#77c14c !important; margin-right:5px; } /* Le Bouton Panier Sticky pour le mode standalone */ /* Centrer placeholder sur iOS (correction d'un bug) */ input::-webkit-input-placeholder, ::-webkit-input-placeholder, textarea::-webkit-input-placeholder { line-height:1 !important; vertical-align: center !important; text-align:center !important; } /* cacher rechercher un produit (mots)*/ div.widget-woocommerce.woocommerce.widget_product_search p.entry-title-h3 span { display: none !important; } /* C&C ajout espace entre prix et symbole € span.woocommerce-Price-currencySymbol { margin-left: 3px; } */ button.btn-ordo > *{ top: 1px !important; } ::placeholder::first-letter { text-transform: uppercase !important; } ::placeholder { text-transform: none !important; } .woocommerce-page table.shop_table td { margin: 0 auto; } .woocommerce-page table.shop_table { border: none; } .woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; } .woocommerce-page table.shop_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; } .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; display: contents; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details { padding:0; } .woocommerce .order_details li, .woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; } div.panierboutonretour { display: block!important; } div#customer_details { padding-right: 0px!important; } p.form-row:not(.notes) { padding: 10px 0px 10px 0px!important; } /* div#customer_details { margin-bottom: 40px; } */ /*.blocscommande { flex-direction: column!important; margin-left: 0%!important; margin-right: 0%!important; margin-top: 0px!important; justify-content: space-evenly!important; }*/ i.fas.fa-user.dropbtn.headericon span { font-size: 13px!important; } @media only screen and (max-width: 400px) { .dropbtn {display:none;} } li.souscateg2gauche.actif > a { color: rgba(13,89,129, 1) !important; } div.medocmarque { display: flex; align-items: baseline; padding-top: 4px; } div.medocmarque > div.ceciestunmedocsingle { margin-left: 30px; } div.tabsdescriptionmedoc-content .active h2, div.tabsdescription-content .active h2 { margin-bottom:20px; } div.tabsdescriptionmedoc > h3 a.active i.fa-chevron-up { display:inline-block; } div.tabsdescriptionmedoc > h3 a.active i.fa-chevron-down { display:none; } div.tabsdescriptionmedoc > h3 a:not(.active) i.fa-chevron-up { display:none; } div.tabsdescriptionmedoc > h3 a:not(.active) i.fa-chevron-down { display:inline-block; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox span.required { color: rgba(13,89,129, 1) !important; } p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { margin-bottom: 15px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr th { color:black; } ul.mobile-sub.wsmenu-list > li.actif div.rondicone a *{ color: rgba(13,89,129, 1) !important; font-weight: 700!important; } ul.mobile-sub.wsmenu-list > li.active div.rondicone a *, ul.mobile-sub.wsmenu-list > li.active > span.wsmenu-click > i{ color: rgba(13,89,129, 1) !important; } ul.mobile-sub.wsmenu-list > li.active div.rondicone a *{ font-weight: 700!important; } div.megamenu > div.sous-categorie > div > ul.link-list > li.actif { background-color: rgba(13,89,129, 0.05) !important; } div.ceciestunmedocsingle > img, div.ceciestunmedoc img { width:15px; height:15px; margin-left: 5px; margin-right: 10px; } input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox, input#fidelite { height: 20px; width:20px; } .aws-container .aws-search-field:focus { all:inherit; width: 100%; max-width: 100%; color: #313131; padding: 6px 15px; display: block; height: 100%; margin: 0 !important; font-size: 12px; position: relative; z-index: 2; border: 1px solid #d8d8d8; outline: 0; background: transparent; -webkit-appearance: none; } } table#template_container td#header_wrapper { background-color: rgba(13,89,129, 1) !important; } .aws-container .aws-search-form .aws-wrapper .aws-loader { margin-top:-2px!important; } div.woocommerce-info.assist h2 span { display: inline-block; } .aws-container .aws-search-field { line-height: normal!important; } input::-webkit-input-placeholder { line-height:normal!important; } th.confirm_total_cc { color: rgba(13,89,129, 1) !important; text-transform: uppercase!important; } html { --scrollbarBG: #CFD8DC; --thumbBG: #90A4AE; } *::-webkit-scrollbar { width: 15px; } * { scrollbar-color: var(--thumbBG) var(--scrollbarBG); } *::-webkit-scrollbar-track { background: var(--scrollbarBG); } *::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); } p.price.prix_single del, p.price.prix_single del span.woocommerce-Price-amount.amount * { color:#707070!important; font-size: 20px!important; font-weight:500!important; } input[type=checkbox]#terms, input[type=checkbox]#ship-to-different-address-checkbox, input[type=checkbox]#fidelite { -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -border-radius: 4px!important; height: 20px!important; width: 20px!important; background: #fff!important; border: 1px solid rgba(13,89,129, 1) !important; cursor: pointer; } input[type=checkbox]#terms:checked, input[type=checkbox]#ship-to-different-address-checkbox:checked, input[type=checkbox]#fidelite:checked { all:inherit; background: #fff!important; margin:0px!important; position: relative!important; } input[type=checkbox]#terms:checked:before, input[type=checkbox]#ship-to-different-address-checkbox:checked:before, input[type=checkbox]#fidelite:checked:before { font-family: FontAwesome!important; content: '\f00c'!important; display: block!important; color: rgba(13,89,129, 1) !important; font-size: 20px!important; position: absolute!important; font-weight:600!important; } h2.woocommerce-loop-category__title { font-size:11px!important } div.nomcategcc.leftcateg a.titresouscateg { padding-top: 0px !important; text-align: center!important; display: block!important; } div.nomcategcc.leftcateg div.rondicone { margin-right: 0px!important; margin-bottom: 10px!important; } section.row { width: 80%!important; } .home section.row { width: 100%!important; } .rowmaxwidth { max-width:1400px; } #homeconseil section.row { width: 80%!important; max-width:1200px; } #related section.row { width: 80%!important; max-width:1200px; } section#subheader > section.row { width: 100%!important; } .wsmenucontainer.fixed:not(.wsoffcanvasopener) { transition-property: margin-top,margin-right; transition-duration: .5s,.1s; transition-delay: 0; transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -moz-transition-property: margin-top,margin-right; -moz-transition-duration: .5s,.1s; -moz-transition-delay: 0; -moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -o-transition-property: margin-top,margin-right; -o-transition-duration: .5s,.1s; -o-transition-delay: 0; -o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -ms-transition-property: margin-top,margin-right; -ms-transition-duration: .5s,.1s; -ms-transition-delay: 0; -ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -webkit-transition-property: margin-top,margin-right; -webkit-transition-duration: .5s,.1s; -webkit-transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); width:100%; margin: 0 auto; position: fixed; top:0; z-index:1000; } @media screen and (max-width: 850px) { .rowminiimg { display: flex; flex-direction: column; } .columnminiimg-1, .columnminiimg-2, .columnminiimg-3 { flex: 100% !important; } div.sliderproduits .seeallprod, div.sliderproduits1 .seeallprod { display:block!important; } .flickity-prev-next-button { top: 44%!important; } } /* Page LOOP C&C */ /* Bloc porduit */ li.product { height: 390px !important; width: 250px !important; max-width: 250px !important; margin: 10px !important; background-color: rgba(13,89,129, 0.05) !important; border-radius: 6px; } .woocommerce .products > li { font-size:5px !important;} /* Image Bloc porduit */ li.product a img.attachment-woocommerce_thumbnail,li.product a img.woocommerce-placeholder.wp-post-image { height: 180px !important; width: 250px !important; padding:25px; object-fit: contain; background-color: #fff !important; border-style: solid!important; border: 1px; border-color: #f1f1f1; border-top-left-radius: 6px; border-top-right-radius: 6px; } .woocommerce .products > li h2:not(.woocommerce-loop-category__title) { margin-top: 0px !important; margin-bottom: 0px !important; } /* Loop nom des articles */ h2.woocommerce-loop-product__title { height:70px !important; font-size: 14px!important; font-weight: normal!important; font-stretch: normal!important; font-style: normal!important; letter-spacing: normal!important; text-align: left!important; color: #2c2c2c!important; margin-left: 15px !important; } div.gallery-cell > li > a > h2.woocommerce-loop-product__title { height:38px !important; padding-top:0px; overflow: hidden; } /* prix loop */ span.woocommerce-Price-amount.amount, span.price { font-size: 20px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: 1px !important; text-align: left !important; color: rgba(13,89,129, 1) !important; margin-left: 8px !important; } /* Bouton ajout panier loop */ a.button.add_to_cart_button, button.stock.out-of-stock{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80% !important; left:10%; right:10%; max-width: 95%!important; margin:0 auto !important; color: #fff !important; background-color: rgba(13,89,129, 1) !important; font-size: 14px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: normal !important; border-radius: 5px; border : solid 1px; border-color: rgba(13,89,129, 1) !important; position: absolute; top: 340px!important; padding: 10px; } a.button.add_to_cart_button:hover{ color: rgba(13,89,129, 1) !important; background-color: #fff !important; font-weight: bold !important; border : solid 1px; border-color: rgba(13,89,129, 1) !important; } button.stock.out-of-stock { padding: 10px; background-color: transparent !important; color: rgba(13,89,129, 1) !important; border-color: rgba(13,89,129, 1) !important; } button.stock.out-of-stock:hover { cursor: not-allowed; } button.stock.out-of-stock:before { font-family: 'Font Awesome 5 Free'; content: "\f00d"; font-weight:600; margin-right:.5em; } li.outofstock a.button.product_type_simple { display: none !important; } /* icone caddie a coté de bouton ajout panier */ .ajax_add_to_cart::before, button.ajpanier.single_add_to_cart_button.button:before { font-family: 'Font Awesome 5 Free'; content: "\f07a"; font-weight:600; margin-right:.8em; } /* Nom de la catgegorie loop */ h2.woocommerce-loop-category__title{ margin-top: 26px !important; margin-left: 15px !important; font-size: 10px !important; line-height: 11px !important; font-weight:600!important; margin-bottom: 0px !important; font-stretch: normal !important; font-style: normal !important; text-transform: uppercase; letter-spacing: 1.1px !important; text-align: left !important; height: 32px !important; color: rgba(13,89,129, 0.5) !important; } /* Loop Medicament */ div.ceciestunmedoc { bottom: 25px !important; z-index: 99 !important; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 120px; height: 25px; line-height: 25px; border-radius: 4px; border: solid 1px #7bbf2a; font-size: 11px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #7bbf2a; position: absolute; top: 165px; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } div.ceciestunmedocsingle { text-align: center; width: 120px; height: 30px; line-height: 30px; border-radius: 4px; border: solid 1px #7bbf2a; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #7bbf2a; background-color: #fff; margin-bottom: 20px !important; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } /* CC pagination */ a.page-numbers:not(.dots) { background-color: rgba(13,89,129, 1) !important; color: #fff; } a.page-numbers:not(.dots):hover { background-color: rgba(13,89,129, 0.7) !important; color: #fff; } span.page-numbers.current{ background-color: rgba(13,89,129, 0.05) !important; color: rgba(13,89,129, 1) !important;; } span.page-numbers.current:hover { background-color: rgba(13,89,129, 0.3) !important; color: #fff; } ul.page-numbers { list-style-type:none; display:flex; justify-content: center; } /* Page Produit CC */ /* titre produit */ div.summary.entry-summary h1.product_title.entry-title { color: #2c2c2c !important; font-size: 32px !important; font-weight: normal !important; font-stretch: normal !important; font-style: normal !important; line-height: 1.28 !important; letter-spacing: normal !important; text-align: left !important; padding-left: 0px !important; } h2.product_marque { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: rgba(13,89,129, 1) !important; margin-bottom: 10px; } /* bloc prix/ajt panier */ div.blocprix_ajtpanier { width: 100%; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; margin-top: 30px; } div.prix.prix_single { color: rgba(13,89,129, 1) !important; background-color: rgba(13,89,129, 0.05) !important; height: 130px; line-height: 130px; text-align: center; width: calc(100% - 300px); min-width: 275px; max-width: 520px; } div.prix.prix_single b, div.prix.prix_single b *{ color: rgba(13,89,129, 1) !important; font-size: 25px!important; font-stretch: normal; font-style: normal; letter-spacing: normal; } div.prix.prix_single b * { font-weight:700; } div.quantite_panier { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 280px !important; } /* Bouton ajout panier loop */ button.ajpanier.single_add_to_cart_button.button { display:block; width: 250px !important; height: 45px !important; line-height: 45px !important; margin:0 auto !important; color: #fff !important; background-color: rgba(13,89,129, 1) !important; font-size: 14px !important; font-weight: normal !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: normal !important; border-radius: 5px; border : solid 1px; border-color: rgba(13,89,129, 1) !important; } button.ajpanier.single_add_to_cart_button.button:hover { color: rgba(13,89,129, 1) !important; background-color: #fff !important; font-weight: bold !important; border : solid 1px; border-color: rgba(13,89,129, 1) !important; } /* input number quantité produits*/ label.screen-reader-text { display:none; } div.qib-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; justify-content: center!important; align-items: center!important; justify-content: center!important; margin-bottom: 40px; } input.input-text.qty.text { height: 45px !important; width: 100px !important; } button.minus.qib-button, button.plus.qib-button { height: 45px !important; width: 75px !important; background-color: #d0d0d0) !important; } button.minus.qib-button:hover, button.plus.qib-button:hover { background-color: #d0d0d0 !important; } /* a propos */ div.aboutandtab { display: flex; flex-direction: row; width: 100% !important; align-items: baseline; } h2.aproposproduit { font-size: 32px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; line-height: 1.28 !important; letter-spacing: normal !important; text-align: left !important; margin-bottom: 20px ! important; } span.descaproposprod { font-size: 20px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; line-height: 1.75 !important; letter-spacing: normal !important; text-align: left !important; } div.aboutproduit i.fas.fa-phone-volume, div.aboutproduit i.fas.fa-phone-volume * { color: rgba(13,89,129, 0.8) !important; font-size:19px; } div.aboutproduit i.fas.fa-phone-volume a { color: rgba(13,89,129, 1) !important; } div.aboutproduit { width: 35% !important; } div.aboutproduit i.fas.fa-phone-volume:before { margin-right: 10px; } div.product_meta { display:none; } /* les onglets */ hr.cc{ color: rgba(13,89,129, 1) !important; background-color: rgba(13,89,129, 1) !important; width: 25%!important; height: 4px !important; margin-bottom: 30px!important; border: none; } div.blocongletproduit{ width: 55%; float: right; right: 0px !important; margin-top: 20px; margin-bottom: 20px; } div.aboutandtab { display: flex; flex-direction: row; justify-content: space-between; } div.blocongletproduitmedoc{ width: 85%; margin: 0 auto; margin-bottom: 40px; } .tabsdescription, .tabsdescriptionmedoc { height: 40px !important; } .tabsdescription h3, .tabsdescriptionmedoc h3 { float: left; width: 33.3%; } @media screen and (max-width: 740px) { .tabsdescriptione h3, .tabsdescriptionmedoc h3 { float: left; width: 100%; height: 40px !important; } label div.text { display:none!important; } } .tabsdescription h3 a, .tabsdescriptionmedoc h3 a { border-radius: 4px 4px 0 0!important; background-color: #F8F8F8!important; height: 60px!important; line-height: 30px; box-shadow: 0 5px rgba(13,89,129, 0.2) !important; padding: 0.5em 0; text-align: center; font-weight: 400; background-color: #fff; display: block; color: #666; } .tabsdescription h3 a.active, .tabsdescriptionmedoc h3 a.active { color: rgba(13,89,129, 1) !important; background-color: rgba(13,89,129, 0.05) !important; font-weight: bold; box-shadow: 0 5px rgba(13,89,129, 1) !important; } .tabsdescription-content, .tabsdescriptionmedoc-content { padding: 1em; overflow: auto; padding:0 10px; padding: 1.5em; background-color: rgba(13,89,129, 0.05) !important; width: 100%!important; max-width: 100%!important; } .tabsdescription-content div[id$="tab-content"], .tabsdescriptionmedoc-content div[id$="tab-content"] { display: none; } .tabsdescription-content .active, .tabsdescriptionmedoc-content .active { display: block !important; } .tab1medoc-tab-content, .tab2medoc-tab-content, .tab3medoc-tab-content { width: 100%!important; max-width: 100%!important; } /* CART */ table.shop_table.shop_table_responsive.cart thead *, table.shop_table.woocommerce-checkout-review-order-table thead *, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead *{ color: rgba(13,89,129, 1) !important; } table.shop_table.shop_table_responsive.cart *:not(.button), table.shop_table.woocommerce-checkout-review-order-table *, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details * { border: none !important; } td.product-subtotal *, td.product-price *{ overflow: hidden; white-space: nowrap; } table.shop_table.shop_table_responsive.cart tbody, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody { border-radius: 2px !important; border-bottom: solid 1px #d8d8d8 !important; } a.removefromcart { color: red !important; } a.removefromcart *:hover { text-decoration: underline !important; } button[name=apply_coupon] { color: #fff !important; background-color: rgba(13,89,129, 0.6) !important; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: 0.8px; text-align: left; } button[name=apply_coupon]:hover { background-color: #fff !important; color: rgba(13,89,129, 1) !important; } button[name=update_cart] { color: #fff !important; background-color: rgba(13,89,129, 1) !important; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: 0.8px; text-align: left; } button[name=update_cart]:hover { background-color: #fff !important; color: rgba(13,89,129, 1) !important; } section.panierentier { display:flex; flex-direction: row; justify-content: center; } form.woocommerce-cart-form { width: 70%; margin:15px!important; } @media (max-width: 850px){ form.woocommerce-cart-form { width: 100%; margin:0px!important; } } a.checkout-button.button.alt.wc-forward { border-radius: 5px; background-color: rgba(13,89,129, 1) !important; color; #fff; } a.checkout-button.button.alt.wc-forward:hover { color: rgba(13,89,129, 1) !important; background-color: #fff !important; border : solid 2px; border-color: rgba(13,89,129, 1) !important; } a.checkout-button.button.alt.wc-forward *{ font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.8px; } td.product-quantity div.qib-container input.input-text.qty.text { height: 40px !important; width: 50px !important; background-color: white !important; } td.product-quantity div.qib-container button.minus.qib-button,td.product-quantity div.qib-container button.plus.qib-button { height: 40px !important; width: 40px !important; background-color: white !important; } div.qib-container button.minus.qib-button { border-bottom-left-radius: 20px!important; border-top-left-radius: 20px!important; } div.qib-container button.plus.qib-button { border-bottom-right-radius: 20px!important; border-top-right-radius: 20px!important; } td .qib-container { border-radius: 20px; border: 1px solid!important; } div.cart_totals { padding: 20px 0px 20px 0; border-radius: 4px; background-color: #FAFAFA; height: 230px !important; margin-top: 15px; } h3.votrecommande { padding-top: 10px; margin: 20px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #2c2c2c; margin-bottom: 40px; } h3.assistance { color: rgba(13,89,129, 1) !important; padding-top: 10px; font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; //color: #2c2c2c; margin-bottom: 30px; text-transform: uppercase; } .assistance p, #tabsolo, .aboutproduit { color: #333; } span.panier { margin-left: 5px; color: rgba(13,89,129, 1) !important; height: 25px; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: left; } span.panierprice span.woocommerce-Price-amount.amount { float:right !important; margin-right: 5px !important; color: #707070 !important; } span.panierprice.ttc span.woocommerce-Price-amount.amount{ color: #000 !important; font-size: 22px !important; } #btnBackBoutique { float: right; /*margin-bottom: 20px !important; margin-top: 20px !important;*/ /*width: 300px;*/ background-color: #fff !important; color: rgba(13,89,129, 1) !important; border-radius: 4px; border: solid 1px rgba(13,89,129, 1) !important; margin: 0 auto; display: block; border: none; padding: 15px 50px; text-align: center; cursor: pointer; } @media (max-width: 768px){ #btnBackBoutique { float:none; } } button#btnBackBoutique a { text-transform: uppercase!important; text-decoration: none; color: rgba(13,89,129, 1) !important; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: 0.75px; text-align: left; } #btnBackBoutique:hover { background-color: rgba(13,89,129, 1) !important; color: #fff !important; } button#btnBackBoutique:hover a { text-decoration: none; color: #fff !important; } div.panierboutonretour { display: flex; justify-content: space-between; align-items: center; width: 100%; } span.votrepanier { font-size: 36px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; text-align: left; color: #2c2c2c; } /* checkout */ @media (min-width: 768px){ #customer_details{ width: 60%; float: left; } #order_review_heading{ width: 30%; } #order_review{ width: 40%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ width: 100%; } } div#customer_details { float:left; width:50%; display: flex; flex-direction: row; flex-wrap: wrap; } div.woocommerce-billing-fields__field-wrapper { display: table!important; } div#order_review { width: 100%; } div#payment.woocommerce-checkout-payment{ display: inline-block; width: 100%; } h3#order_review_heading { display:none; } p.form-row:not(.notes){ float: left!important; width: 50%!important; align-content: initial; padding: 10px 10px 10px 0px!important; } /* p#billing_address_2_field, p#shipping_address_2_field { display:none!important; } p#billing_address_1_field { width:100%!important; } */ p#shipping_address_1_field { width:100%!important; } span.woocommerce-input-wrapper input { float: right !important; clear: both; } span.woocommerce-input-wrapper { width: 50%; } button#place_order { background-color: rgba(13,89,129, 1) !important; } /* height: 25px; width: 25px; background-color: #ccc; border: solid 1px rgba(13,89,129, 1) !important; }*/ input.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox:hover { background-color: #ccc; } input.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox:checked { } /* Categories */ li.current-cat { background-color: rgba(13,89,129, 0.2) !important; } li.current-cat:before { margin-right:5px; content: '\f061'; font-family: "FontAwesome"; display: inline-block; } body.woocommerce-page div#primary main#main ul.grid-column, li ul.products, section.related.products, div.product.type-product, ul.products { margin: 0 auto; } body.woocommerce-page { background-color:white; } section.related.products ul.products li a h2 { padding-top: 20px; } /* rechercher */ div.recherchecc { padding-bottom: 20px; } @media only screen and (max-width: 1000px) { div.recherchecc { padding-bottom: 0px; } } div.aws-container { float:right; width: 40% !important; margin-right:10% } div.breadcrumb { padding-top: 30px; width: 100%; margin: 0 auto; } @media screen and (min-width: 1000px) { div.breadcrumb { display: flex; justify-content: space-between; align-items: baseline; flex-direction: row-reverse; } } p#breadcrumbs, p#breadcrumbs *:not(.breadcrumb_last) { font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: rgba(13,89,129, 1) !important; } span.breadcrumb_last { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: black !important; } p#breadcrumbs * { font-weight: 600!important; } /* Responsive*/ @media only screen and (max-width : 840px) { div.aboutproduit { display: none; } div.blocongletproduit { width: 100%; } .tabsdescription h3, .tabsdescriptionmedoc h3 { float: left; width: 100%; max-width: 100%; height: 65px !important; } div.blocprix_ajtpanier { width: 100%; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-evenly; margin-top: 30px; } div.prix.prix_single { margin-bottom: 15px; } div.summary.entry-summary div.ceciestunmedocsingle { text-align: center; margin: 0 auto; } div.tabsdescriptionmedoc-content, div.tabsdescriptionmedoc, div.blocongletproduitmedoc { width: 100% !important; } td.product-quantity div.qib-container{ display: flex !important; /*flex-direction: column-reverse !important;*/ align-items: baseline; } td.product-quantity div.qib-container * { width: 30px; } td.product-subtotal, th.product-subtotal { display: none; } section.panierentier { display:flex; flex-direction: column; justify-content: center; } } @media only screen and (max-width : 980px) { div#customer_details { float:left; width:100%; display: flex; flex-direction: column; flex-wrap: wrap; } table.shop_table.woocommerce-checkout-review-order-table { width: 100%; } } h1.woocommerce-products-header__title.page-title { color: rgba(13,89,129, 1) !important; } /* bootstrap reglages */ a:hover { text-decoration: none !important; } /* mega menu */ .sousMenucc { display:none; border: 1px solid rgba(13,89,129, 0.05) !important; position: absolute; width:80%; left:0; right:0; margin:0 auto; background-color: #fff; color: black; border-radius:5px; z-index: 999999999; min-height:480px; } .sousMenucc ul { margin:0; } nav.cc { background-color: rgba(13,89,129, 1); color: #fff; text-align: center; padding: 0; margin: 0; } ul li:hover .sousMenucc:not(.sousmenuvide) { display: flex; margin-top:11px; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); max-height: calc(100vh - 100px); } .sousMenucc ul li a { text-decoration:none; cursor: pointer; } nav.cc > ul > li { display: inline-table; padding-top: 10px; padding-bottom: 10px; text-align: center; align-items: center; justify-content: center; list-style-type: none; width: 5vw!important; font-size: 1vw; text-transform: capitalize; } nav.cc > ul > li.categactuelle { padding:10px; border:1px solid rgba(13,89,129, 1) !important; } nav.cc > ul > li:hover { color:#fff; background-color: rgba(13,89,129, 0.05) !important; } /*megamenu Tabs*/ .tabs__caption { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; position: relative; margin: -1px 0 0 -1px; } /* .tabs__caption li:last-child:before { content: ''; position: absolute; bottom: -5px; left: 0; right: -2px; z-index: -1; height: 5px; background: rgba(13,89,129, 0.05) !important; } */ .tabs__caption:after { content: ''; display: table; clear: both; } .tabs__caption li { padding: 4px 10px; background: #fff; color: rgba(13,89,129, 1) !important; position: relative; border-width: 2px 2px 0; border-radius: 5px 5px 0 0; text-align: center; font-size: 1.2vw; margin-top: 10px; } .tabs__caption li:not(.active) { cursor: pointer; } .tabs__caption li:not(.active):hover { background: rgba(13,89,129, 0.05) !important; } .tabs__caption .active { background: rgba(13,89,129, 0.05) !important; color: #000; border-color: rgba(13,89,129, 1) !important;; } /* .tabs__caption .active:after { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; height: 5px; background: rgba(13,89,129, 0.05) !important; } */ .tabs__content { display: none; background: #fff; border-radius: 0 5px 5px 5px; padding: 20px; } .tabs__content.active { display: flex; height:100%; background: rgba(13,89,129, 0.05) !important; } .vertical .tabs__caption li:after { display:none!important; } .vertical .tabs__caption { float: left; display: block; margin-bottom: 10px; min-width: 300px; max-height:calc(100vh - 101px); overflow: auto; height: auto; } .vertical .tabs__caption li { float: none; border-radius: 4px; } /* .vertical .tabs__caption li:last-child:before { display: none; } */ .vertical .tabs__caption .active:after { left: auto; top: 0; right: -2px; bottom: 0; width: 2px; height: auto; } .vertical .tabs__content { overflow: hidden; } @media screen and (max-width: 850) { .tabs__caption li { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .vertical .tabs__caption { float: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vertical .tabs__caption li { border-width: 2px 2px 0; border-radius: 5px 5px 0 0; } .vertical .tabs__caption li:last-child:before { display: block; } .vertical .tabs__caption .active:after { top: auto; bottom: -5px; left: 0; right: 0; width: auto; height: 5px; background: rgba(13,89,129, 0.05) !important; } } div.nomcategcc, div.nomcategccp { padding: 30px; text-align: left; } div.nomcategcc.leftcateg { width: 100%!important; border: solid 1px #d6d6d6!important; background-color: #fafafa !important; } div.nomcategccp.leftcategp { width: 100%!important; background-color: #fafafa !important; } img.iconcc { -webkit-filter: invert(100%); filter: invert(100%); } div.nomcategcc a, div.nomcategccp a { display: contents; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: rgba(13,89,129, 1) !important; } li.souscateg2gauche:hover { background-color: rgba(13,89,129, 0.05) !important; border-radius:6px; } li.souscateg2gauche.actif { background-color: rgba(13,89,129, 0.05) !important; border-radius:6px; } div.nomcategcc a *, div.nomcategccp a * { fill: white !important; height: 24px; width: 24px; display:inline-block; vertical-align:middle; } div.nomcategcc a div, div.nomcategccp a div { padding:8px!important; } div.tabs ul.tabs__caption li { text-align: left; margin-left: 20px; margin-right: 20px; max-width: 250px; display: flex; align-items: center; font-weight: 600; } ul.tabs__caption li{ color: #000 !important; padding-left: 30px!important; padding-right: 30px!important; font-size:16px; } @media (max-width: 920px){ ul.tabs__caption li, ul.tabs__caption li.active{ display: block; width: 90%!important; float: left; } div.nomcategcc, div.nomcategccp { display: block; width: 90%!important; float: left; } } /* ul.tabs__caption li.active{ color: rgba(13,89,129, 1) !important; } */ div.tabs ul.tabs__caption li.active:before { content: "\f054" !important; font-family: FontAwesome !important; right:5px !important; margin-left: 10px; position:absolute !important; } .tabs__content.active { text-align: left !important; } a.titresouscateg , .titresouscateg { padding-top: 22px !important; color: rgba(13,89,129, 1) !important; text-transform: uppercase; font-size: 1.1vw; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: left; } a.soustitresouscateg, a.soustitresouscateg * { color: rgba(13,89,129, 1) !important; font-size: 16px!important; } a.souscatliens{ font-size: 1vw; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; } a.souscatliens:hover{ color: rgba(13,89,129, 1) !important; } a.souscatliens.actif{ color: rgba(13,89,129, 1) !important; } div.megamenuproduits { float: right; min-height:300px; width: 30% !important; top:0; right:0; position: absolute; background:white; height:100%; } div.unproduitmegamenu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 95%!important; margin-bottom: 10px; align-items: center; justify-content: center; height:80px; } div.imageproduitmegamenu { display: flex; align-items: center; width: 20%!important; height:80px; margin-left: 5%; } div.titreproduitmegamenu { display: flex; align-items: center; width: 50%!important; height:80px; align-items: center; justify-content: flex-start; vertical-align: middle; font-size:0.8vw; } div.prixproduitmegamenu { display: flex; align-items: center; width: 25%!important; height:80px; vertical-align: middle; align-items: center; justify-content: center; } div.div.titreproduitmegamenu a { font-size:16px; } div.imageproduitmegamenu img.attachment-post-thumbnail { max-height: 80px; } @media (min-width: 921px){ div.tabs__content.active ul{ width:100% !important; margin-top:15px; } div.tabs__content.active ul li { text-align: left; width: 49% !important; display: inline-flex; padding-top: 40px; padding-right: 10px; } } @media (max-width: 767px){ div.tabs__content.active ul li { text-align:left; width:90% !important; display:inline-block; padding: 5px ; } div.megamenuproduits { display:none; } } div.megamenuproduits hr { width: 80%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } /* slider cc*/ .ccslider1 { width: 80% !important; text-align: center; } .ccslider1 ul.flex-direction-nav li a { color: white !important; } .ccslider1 ul.flex-direction-nav li.flex-nav-prev a.flex-prev{ left:-23px!important; background-color: rgba(13,89,129, 1) !important; border-radius: 25px; width: 50px!important; height: 50px!important; padding-left: 15px; } .ccslider1 ul.flex-direction-nav li.flex-nav-next a.flex-next{ right:-25px!important; background-color: rgba(13,89,129, 1) !important; border-radius: 25px; } section.sectionsliderccv2 { margin-top: 60px; display: flex; width: 100%; justify-content: center; background-image: linear-gradient(rgba(13,89,129, 0.05) 50%, #ffffff 0%); } .sectionsliderccv2 .flex-direction-nav a.flex-next:before { content: "\f105"!important; } .sectionsliderccv2 .flex-direction-nav a.flex-prev:before { content: "\f104"!important; } /* bandeau promo */ button.flickity-prev-next-button.previous { } button.flickity-prev-next-button.next { } button.flickity-prev-next-button.next *, button.flickity-prev-next-button.previous *{ fill: white !important; height: 18px; width: 18px; margin-left: 4px; margin-top: 4px; } div.flickity-slider { margin-top: 50px; } div.gallery.js-flickity.flickity-enabled { right: 0; margin-left: 10%; margin-right: 10%; } .gallery-cell { width: 270px; height: 470px !important; counter-increment: gallery-cell; } h1.woocommerce-products-header__title.page-title { margin-top: 30px; } div.descsliderproduit { width:300px; height: 300px; margin-top: 30px; position: absolute; // left:0; z-index:1; background: rgba(13,89,129, 1) !important; color: white; overflow:hidden; } div.descsliderproduit h4, div.descsliderproduit p { font-size: 16px; margin-left: 20px; margin-right: 20px; } div.liendescsliderproduit{ background: white; width:100%; height: 50px; bottom:0; position: absolute; } div.liendescsliderproduit *{ vertical-align: middle; text-align: center; font-size: 16px; } div.gallery-cell li.product { background: white !important; } .gallery-cell li a img { display:initial !important; } li.product.type-product::marker { font-size: 0px; } .rowminiimg { display: flex; width: 82%; margin: 0 auto; } .columnminiimg-3 { flex: 33.33%; padding: 5px; } .columnminiimg-2 { flex: 50%; padding: 5px; } .columnminiimg-1 { flex: 90%; padding: 5px; } .columnminiimg-1, .columnminiimg-2, .columnminiimg-3 { display: inline-block; vertical-align: middle; margin: auto; display: flex; align-items: center; justify-content: center; margin: 10px; } div.sliderproduits1 { width: 100%; margin: 0 auto; justify-content:center; } div.sliderproduits { width: 100%!important; /*padding-top: 20px;*/ } /* sliders produits */ /* .flickity-enabled { position: relative; } */ .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 450px; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 51%!important; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: hsla(0, 0%, 100%, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { filter: alpha(opacity=60); /* IE8 */ opacity: 0.6; } .flickity-prev-next-button.previous { left: -20px!important; } .flickity-prev-next-button.next { right: -20px!important; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -10px!important; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: -10px!important; } .flickity-prev-next-button:disabled { filter: alpha(opacity=30); /* IE8 */ opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333; font-size: 26px; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1; } /* responsive 2 articles colonne */ @media screen and (max-width: 9000px) { .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-weight: inherit; font-size: 13px !important; overflow: hidden; } ul.products li.product.type-product { margin-right: 5.8823529412%; display: inline-block!important; margin: 10px 5px 0 5px!important; flex-grow: 1!important; width: calc(100% * (1/4) - 15px - 10px)!important; } ul.products li.product.type-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .stock.out-of-stock { max-width : 95%; } @media screen and (max-width: 1235px) { .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-weight: 600!important; font-size: 11px !important; } ul.products li.product.type-product { margin-right: 5.8823529412%; display: inline-block!important; margin: 10px 5px 0 5px!important; flex-grow: 1!important; width: calc(100% * (1/2) - 10px - 1px)!important; } ul.products li.product.type-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .stock.out-of-stock { max-width : 95%; } div.nomcategcc.assistance, div.nomcategccp.assistance { display:none; } } /* bloc gauche page categ */ li.souscateggauche { padding-bottom: 5px!important; padding-top: 5px!important; } li.souscateggauche div a{ color: black!important; font-weight: 600; font-size: inherit; font-style: inherit; } li.souscateggauche.actif div a{ color: rgba(13,89,129, 1) !important; } li.souscateggauche.actif div { background: rgba(13,89,129, 0.05) !important; border-radius:6px; } li.souscateggauche div { padding:10px; } li.souscateggauche div:hover { background: rgba(13,89,129, 0.05) !important; border-radius:6px; } .souscateggauche i { float:right; } li.blocwoogauche { margin-top: 28px; width: 25%!important; } ul.grid-column, ul.products { text-align:center !important; width: 100%!important; } @media screen and (max-width: 1000px) { li.blocwoogauche { display:none!important; } header.woocommerce-products-header { display:none!important; } } .nomcategcc.filtrage, .nomcategcc.assistance, .nomcategccp.filtrage, .nomcategccp.assistance { margin-top:15px; } .wpfFilterWrapper { float: left; width: 100%; } span.clear { clear: left; display: block; } span.ui-slider-handle.ui-state-default.ui-corner-all { background: rgba(13,89,129, 1) !important; border-color: rgba(13,89,129, 1) !important; border-radius:30px; } div.ui-slider-range.ui-widget-header.ui-corner-all { background: rgba(13,89,129, 0.05) !important; } a.added_to_cart {display:none !important} td.actions div.coupon { display:none; } td.actions button.button { background-color: white !important; border-radius: 2px!important; width: 291px!important; height: 40px!important; line-height: 10px!important; border: solid 3px rgba(13,89,129, 1) !important; border-color: rgba(13,89,129, 1) !important; font-size: 16px!important; font-weight: bold!important; font-stretch: normal!important; font-style: normal!important; letter-spacing: 0.8px!important; text-align: left!important; color: rgba(13,89,129, 1) !important; padding: 20px!important; } td.actions button.button:hover { background-color: rgba(13,89,129, 1) !important; color: white!important; } a.checkout-button button alt wc-forward { background-color: rgba(13,89,129, 1) !important; border-radius: 2px!important; width: 291px!important; height: 40px!important; line-height: 10px!important; border: solid 3px rgba(13,89,129, 1) !important; border-color: rgba(13,89,129, 1) !important; font-size: 16px!important; font-weight: bold!important; font-stretch: normal!important; font-style: normal!important; letter-spacing: 0.8px!important; text-align: left!important; color: white; padding: 20px!important; } a.checkout-button button alt wc-forward:hover { background-color: white; color: rgba(13,89,129, 1) !important; } div.headercartcount { font-weight:bold;font-size:10px;display: flex;flex-direction: row;align-items: center;text-align:center;width:20px;height:20px;border-radius:10px;color:white;background-color:red;position:relative;z-index:10;top:-20px;left:-10px; } li.product { list-style-type: none !important; } li.categli { width:75%!important; } @media screen and (max-width: 1000px) { li.categli { width:100%!important; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, button.stock.out-of-stock { font-size:11px!important; } div.recherchecc { /*margin-bottom:0px!important;*/ } h1.page-title { margin-bottom:0px!important; } /* section.wrap.sectionsliderccv2, div.flexslider.ccslider1 { width:100%!important; } */ div#primary { width:100%!important; } .content-area { max-width: 100% !important; margin: 0 auto; } li.blocwoogauche { display:none; } p#breadcrumbs { display: inline-block; margin-top: 50px; } div.aws-container { width: 90% !important; margin: 0 auto; margin-right: 5%; display: flex; justify-content: center; } div.breadcrumb { padding-top: 30px!important; padding-bottom: 10px; } section.sectionsliderccv2 { margin-top: 10px!important; } } h1.woocommerce-products-header__title.page-title { display:none!important; } div.gallery-cell li.product { } form.woocommerce-ordering { display:none; } ul.woo_subcategory2_list { padding-left:15px; margin-top: 5px; } /* sous categ menu accordeon */ .sousmenu li i { display: inline-block; cursor: pointer; } .sousmenu li.active i { display: none; } .sousmenu li i + i { display: none; } .sousmenu li.active i + i { display: inline-block; } li.souscateggauche .sub-sousmenumenu { display: none; } li.souscateggauche div * { color: black !important; } li.souscateggauche.active div * { color: rgba(13,89,129, 1) !important; } li.souscateggauche.active .sub-sousmenumenu { display: block; } p.woocommerce-result-count{ display: none; } .wsmenu-list li a svg { height: 20px!important; width: 20px!important; } li.mobilefermermenu { padding-left: 15px; text-align:left!important; margin-top: 20px; margin-bottom: 20px; } ul.link-list li:not(.title) { padding-left: 20px!important; } div.categpromo { float: right; position: absolute; right: 15px; font-weight: 600; line-height: 5px; font-size: 10px; } div.categpanier { display:none; float: right; position: absolute; right: 75px; font-weight: 600; line-height: 5px; font-size: 10px; } div.blocslidaccueil { width: 100%; margin: 0 auto; background-color:white; } div.sliderproduits1, div.sliderproduits { background: repeating-linear-gradient(rgba(13,89,129, 0.05), rgba(13,89,129, 0.05) 57.1%, #FFF 42.9%, #FFF 100%); } div.gallery-cell li.product { background: rgba(13,89,129, 0.05) !important; } .sliderproduits > .seeallprod > h4, .sliderproduits1 > .seeallprod > h4 { color: rgba(13,89,129, 1) !important; font-size:30px; } .sliderproduits > a.soustitresouscateg, .sliderproduits1 > a.soustitresouscateg { float: right; color: rgba(13,89,129, 1) !important; } .flickity-page-dots { display:none; } div.tabs__content > h2 { margin-top: -20px; } div.aws-search-btn.aws-form-btn, div.aws-search-btn.aws-form-btn:hover { background-color:white!important; height: 60px; border-bottom-left-radius: 4px!important; border-top-left-radius: 4px!important; } div.ccslider1 > ul.entry-slider { display: flex; align-items: center; } div.seeallprod { width: 100%; padding-right: 10%; padding-left: 10%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 0px; } div.seeallprod i{ margin-left: 10px; } div.seeallprod > a { text-transform: uppercase; font-size: 18px; } li.product > a > span.price { position:absolute; top:295px; left:0; } div.gallery-cell > li > a > span.price { margin-left:18px!important; } li.souscateg2gauche { padding:10px; font-weight:normal!important; } ul.woo_subcategory2_list * { font-weight:normal!important; } input.aws-search-field { height: 60px!important; background-color: white!important; font-size: 16px!important; border-left:none!important; } div.menugauchesouscateg , div.menugauchesouscateg:hover { background:transparent!important; } h2.titrepagecateg { color: #3daa36; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; text-align: left; font-size: 36px; margin-left: 10%; padding-top:30px; } li.assistanceli { display:flex; align-items: baseline; margin-bottom:10px; } div.product.type-product { margin-top:40px; } h2 a.soustitresouscateg *:hover, h2 a.soustitresouscateg:hover { text-decoration: underline!important; } .seeallprod h2 { text-transform: uppercase; } div.tabs.vertical { width:100%; } div.rondicone:not(.lite) { background-color: rgba(13,89,129, 1) !important; width: 50px!important; height: 50px!important; min-width: 50px!important; min-height: 50px!important; border-radius: 25px!important; text-align: center!important; vertical-align: middle!important; margin-right: 10px; } li.souscateg2gauche a { font-size: 17px!important; color: black!important; } tr.woocommerce-cart-form__cart-item.cart_item:nth-of-type(even) { background: rgba(13,89,129, 0.05) !important; } tr.woocommerce-cart-form__cart-item.cart_item:nth-of-type(odd) { background: white !important; } table.shop_table thead tr th { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; background-color: rgba(13,89,129, 0.05) !important; } td.product-price *, td.product-price span.woocommerce-Price-amount.amount, td.product-subtotal *, td.product-subtotal span.woocommerce-Price-amount.amount { color:black!important; } td div.qib-container { margin-bottom:0px!important; } div.cart_totals div.wc-proceed-to-checkout { padding: 20px; } div.cart_totals span.panier { font-weight: 600!important; } ul.ccassistance li a .svg_subheader_icon { fill: rgba(13,89,129, 1) !important; } ul.ccassistance li * { fill: rgba(13,89,129, 1) !important; font-size: 16px; } div.woocommerce-billing-fields__field-wrapper > p > span > input, div.woocommerce-billing-fields__field-wrapper > p > span > strong, input#billing_phone, div.woocommerce-shipping-fields__field-wrapper > p > span > input, div.woocommerce-shipping-fields__field-wrapper > p > span > strong { height: 50px!important; background-color: #f6f6f6!important; border: none!important; } div.woocommerce-billing-fields__field-wrapper > p > span > input:focus, input#billing_phone:focus { border: solid 2px rgba(13,89,129, 1) !important; border-color: rgba(13,89,129, 1) !important; } ul.mobile-sub.wsmenu-list > li:not(.mobilefermermenu) { background-color: white !important; color:black; } ul.mobile-sub.wsmenu-list > li > .rondicone > a { color:#123652!important; } ul.mobile-sub.wsmenu-list { max-width:100%!important; } nav.wsmenu.clearfix{ max-width:100%!important; } ul.mobile-sub.wsmenu-list li { max-width:100%!important; } @media(max-width:750px) { div.blocprix_ajtpanier > div.prix.prix_single { width: 100%!important; } div.blocprix_ajtpanier > div.quan_pan { margin: 0 auto!important; width: 100%!important; } div.blocprix_ajtpanier > div.quan_pan > form.cart > button { margin: 0 auto!important; width: 100%!important; } div.aboutandtab { width: 90%!important; margin-left: 5%!important; margin-right: 5%!important; } p.form-row:not(.notes){ width: 100%!important; } } .clear{ clear:both!important; float:none!important; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } @media(min-width:950px) { body.woocommerce-checkout > section#container > section.row { width: 80%!important; } table.shop_table.woocommerce-checkout-review-order-table { width: 35%!important; } div#customer_details { width: 60%!important; } } .woocommerce-billing-fields label, .woocommerce-shipping-fields label { margin-bottom:10px!important; font-weight: 600!important; } .woocommerce-billing-fields input{ border-radius: 4px!important; padding-left: 20px!important; } ::-webkit-input-placeholder { text-align:left!important; } input:-moz-placeholder { text-align:left!important; } .woocommerce-additional-fields textarea { margin-top:10px!important; } span.woocommerce-terms-and-conditions-checkbox-text a{ color: rgba(13,89,129, 1) !important; text-decoration: underline; } button#place_order { border-radius: 4px; padding: 25px 50px 25px 50px; margin-top: 80px; display: flex; justify-content: center; align-items: center; } input::-webkit-input-placeholder { text-align: left; } input:-moz-placeholder { text-align: left; } input::-moz-placeholder { text-align: left; } input:-ms-input-placeholder { text-align: left; } .blocscommande { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background-color:white; align-items: center; margin-left: 10%; margin-right: 10%; padding-top:20px; } .blocscommande.valider { margin-left: 0%!important; margin-right: 0%!important; } .commanderectangle{ width: 250px; background-color: rgba(13,89,129, 0.05) !important; height: 60px; line-height: 60px; margin: 5px; border-radius:5px; } .Mon-panier { line-height: 60px; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; text-align: left; color: rgba(13,89,129, 1) !important; vertical-align: middle; text-align: center!important; } .commanderectangle p i { float: right; margin-top: 20px; margin-right: 20px; color: rgba(13,89,129, 1) !important; } .shop_table th:first-child { border-radius:5px 0px 0px 5px; } .shop_table th:last-child { border-radius:0px 5px 5px 0px; } /* sticky navbar c&c */ .sticky { position: fixed; top: 0; width: 100%; } .containercc.fixed{ transition-property: margin-top,margin-right; transition-duration: .5s,.1s; transition-delay: 0; transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -moz-transition-property: margin-top,margin-right; -moz-transition-duration: .5s,.1s; -moz-transition-delay: 0; -moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -o-transition-property: margin-top,margin-right; -o-transition-duration: .5s,.1s; -o-transition-delay: 0; -o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -ms-transition-property: margin-top,margin-right; -ms-transition-duration: .5s,.1s; -ms-transition-delay: 0; -ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -webkit-transition-property: margin-top,margin-right; -webkit-transition-duration: .5s,.1s; -webkit-transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); width:100%; margin: 0 auto; position: fixed; top:0; z-index:1000; } span.aws-search-btn_icon { padding-left: 20px; } .aws-container .aws-search-field { border-bottom-right-radius: 4px!important; border-top-right-radius: 4px!important; } div.megamenuproduits > p.titresouscateg { padding-top: 35px!important; margin-left: 20px; } td.product-name { text-align: left!important; } td i.fa-trash:before { margin-right:10px; } td i.fa-trash { margin-top:10px; } td.product-quantity .qib-container .quantity input.input-text { border-top: 1px solid #DEDEDE!important; border-bottom: 1px solid #DEDEDE!important; } td.product-quantity .qib-container button.plus.qib-button { border-top: 1px solid #DEDEDE!important; border-bottom: 1px solid #DEDEDE!important; border-right: 1px solid #DEDEDE!important; } td.product-quantity .qib-container button.minus.qib-button { border-top: 1px solid #DEDEDE!important; border-bottom: 1px solid #DEDEDE!important; border-left: 1px solid #DEDEDE!important; } h3.votrecommande i, h3.assistance i { margin-right: 10px; } div.assistance p { margin-bottom:30px; font-weight:600; } div.woocommerce-checkout-payment h3 { margin-left: 5px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: 700; color: rgba(13,89,129, 1) !important; } div.commanderectangle.grisafaire { background-color:#F5F5F5!important; } div.commanderectangle.grisafaire p{ color: #707070!important; } table.woocommerce-checkout-review-order-table,table.woocommerce-checkout-review-order-table * { border:none!important; } small.includes_tax { display:none; } .subcartcheckout .panier { font-weight:600; } .subcartcheckout .amount { float: right; margin-right: 30px; } .subcartcheckout .amount *, .subcartcheckout .woocommerce-Price-amount.amount { color:black!important; } textarea#order_comments { background-color: #f6f6f6!important; } li.assistanceli a svg { height: 23px!important; width: 23px!important; } div.wc-proceed-to-checkout a.checkout-button.button { font-weight: 600; } @media(min-width:950px) { div.subcartcheckout { width: 36%; float: right; } div.subcartcheckout.topcheck { margin-top: -30px; } } span.woocommerce-input-wrapper input::placeholder, span.woocommerce-input-wrapper textarea::placeholder { text-align:left!important; font-weight:600; line-height: normal; } span.woocommerce-input-wrapper input[type=text], span.woocommerce-input-wrapper textarea { padding-left: 20px!important; font-weight:600; } span.woocommerce-terms-and-conditions-checkbox-text { font-weight:600!important; margin-left: 5px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > th { text-align: left!important; } span.price del span.woocommerce-Price-amount.amount bdi { color:#707070!important; font-size: 16px!important; font-weight:500!important; } span.price del { color:#707070!important; } .sale-perc { background-color: #fff; display: inline; color: rgba(13,89,129, 1) !important; font-weight: 700; text-align: center; border-radius: 25px; border: solid 2px rgba(13,89,129, 1) !important; height: 50px; width: 50px; position: absolute; top: 0px; right: 0px; line-height: 45px; font-size: 15px; z-index:10; } .sale-perc:hover { color: #fff !important; background-color: rgba(13,89,129, 1) !important; } div.titreproduitmegamenu a:hover { color: rgba(13,89,129, 1) !important; } span.onsale { display:none; } .gallery-cell > li > a >.sale-perc { top: 0px; right: 0px; } .tabsdescriptionmedoc-content { display:none; } .product-template-default.single-product > .container{ margin: 0 auto; } div.etapecc { position: absolute; margin-top: 15px; margin-left: -17px; height: 30px; width: 30px; border-radius: 15px; border: solid 2px rgba(13,89,129, 1) !important; background-color: #fff; } div.etapecc * { color: rgba(13,89,129, 1) !important; position: absolute; top: -16px; left: 8px; font-weight:600; } div.etapecc.notyet { border: solid 2px #707070 !important; color: #707070 !important; } div.etapecc.notyet * { color: #707070 !important; } .aws-search-field::placeholder, .aws-search-field::-webkit-input-placeholder { text-align:left!important; font-size:16px!important; font-family:'Poppins', sans-serif;; } .aws-search-field { text-align:left!important; font-size:16px!important; font-weight:600; font-family:'Poppins', sans-serif;; } .aws-container .aws-search-form .aws-search-btn svg { color: #adadad!important; } .aws-container .aws-show-clear .aws-search-field { font-weight: 600!important; } .flickity-prev-next-button { background: rgba(13,89,129, 1) !important; } .woo_subcategory_list.sousmenu { margin-top:20px; } div.rondicone svg { margin-left: 0px!important; margin-top: 4px!important; } ul.ccassistance li svg { height:23px!important; } li.assistanceli div { margin-right:25px; } i:before { font-family: 'Font Awesome 5 Free'; font-weight: 600; } i { font-family:'Poppins', sans-serif;!important; font-weight: 600!important; } table.shop_table.shop_table_responsive.cart td:first-child { width: 150px; max-width: 150px; min-width: 150px; } td.product-price span.woocommerce-Price-amount.amount *, td.product-subtotal span.woocommerce-Price-amount.amount *{ font-size:18px!important; color: #4A4A4A!important; } table.shop_table thead tr th.product-name { text-align: left!important; } td.product-name a { font-weight:600!important; } div.cart_totals span.panier { margin-left:20px!important; } .cart_totals h3.votrecommande { padding-top: 0px; margin: 0px 20px 30px 20px; } hr.panier { width: 100%; height: 1px; border-color:#E6E6E6!important; } button, ::placeholder, input, textarea { font-family:'Poppins', sans-serif;!important; } .woocommerce { color:black; } .woocommerce button:not(.qib-button, .b-bn .b-tl, .c-bn, .cc-link), .wc-proceed-to-checkout a { color:white !important; } table.shop_table.woocommerce-checkout-review-order-table td.product-thumbnail { min-width: 80px!important; } table.shop_table.woocommerce-checkout-review-order-table td:last-child { display:none!important; } div.subcartcheckout:not(.topcheck) { padding-top:20px; padding-left: 20px; } textarea#order_comments::placeholder { text-transform:lowercase!important; font-weight:600; } textarea#order_comments { padding-top:30px; min-height:110px; height:110px; border:none!important; border-radius:4px; } div.woocommerce-privacy-policy-text p { margin-bottom:20px; } .subcartcheckout hr.panier { margin-top:10px; margin-bottom:10px; } .subcartcheckout > .woocommerce-Price-amount * { color:#4A4A4A!important; } span.prixttccommande , span.prixttccommande *{ color:black!important; } td.actions { display:none!important; } table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td.product-name{ font-size: 16px!important; } td.product-name a.remove * { font-size: 14px!important; } #btnBackBoutique a i { margin-right: 10px; } p.Mon-panier.notyet { text-align:center!important; } #billing_country_field strong, #shipping_country_field strong { padding-left: 20px!important; padding-top:15px; font-weight: 600; } #billing_phone, #billing_email { font-weight: 600; } section.woocommerce-order-details { margin-top:20px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details { margin-top:20px; } div.prixproduitmegamenu span.woocommerce-Price-amount.amount { font-size: 1vw!important; } div.titreproduitmegamenu a { margin-left:5px; } .tabs__content.active div h2 { margin-top: 20px!important; } div.megamenuproduits p.titresouscateg { padding-top:35px!important; margin-bottom: 10px; } ul.mobile-sub.wsmenu-list li div.rondicone.lite { background-color: rgba(13,89,129, 1) !important; width: 30px!important; height: 30px!important; border-radius: 15px!important; text-align: center!important; vertical-align: middle!important; margin-right: 10px; margin-top: 10px; margin-left: 20px; } ul.mobile-sub.wsmenu-list li div.rondicone.lite svg { width: 15px!important; height: 15px!important; margin-left: 7px!important; margin-top: 7px!important; } ul.mobile-sub.wsmenu-list li div.rondicone.lite p { display: inline-block; margin-left: 15px; } @media screen and (max-width: 800px) { span.price del span.woocommerce-Price-amount.amount bdi { font-size:11px!important; } span.woocommerce-Price-amount.amount, span.price { font-size: 18px !important; } div.sale-perc { top: 28px!important; right: 5px!important; } .gallery-cell > li > a >.sale-perc { top: 10px!important; right: 10px!important; } div.blocongletproduitmedoc { width: 90vw !important; margin-left: -5vw!important; } } a#fermermegamenu i.fas.fa-times-circle { font-size: 22px; } ul.mobile-sub * { font-family:'Poppins', sans-serif;!important; } ul.mobile-sub li { font-weight:600!important; margin-bottom:5px!important; padding-bottom:8px!important; } ul.mobile-sub li:not(.mobilefermermenu) { border-bottom: 1px solid #E5E5E5 !important; } li.mobilefermermenu, li.mobilefermermenu * { color: rgba(13,89,129, 1) !important; } div.megamenu div.sous-categorie { margin-top:5px; } div.wsmenucontainer.clearfix { height:80px; } span.tabresp { display:none; } /* @media screen and (max-width: 1100px) { ul.menu-social { display:none } } */ @media screen and (max-width: 900px) { div#primary > main#main > div.product.type-product { margin-top: 15px!important; } div#primary > main#main > div.product.type-product > div.woocommerce-product-gallery { margin-bottom: 0px !important; width: 90%!important; margin: 0 auto; } div.summary.entry-summary { padding-left: 5% !important; padding-right: 5% !important; } td.product-name, td.product-name * { text-align: center!important; margin: 0 auto!important; } /* Force table to not be like tables anymore */ .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .woocommerce-page table.shop_table thead tr { position: absolute; top: -9999px; left: -9999px; } .woocommerce-page table.shop_table tr { /*border: 1px solid #d2d3d3; */ } .woocommerce-page table.shop_table td { margin: 0 auto; } .woocommerce-page table.shop_table { border: none; } .woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; } .woocommerce-page table.shop_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; } .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; display: contents; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details { padding:0; } .woocommerce .order_details li, .woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; } tr.woocommerce-cart-form__cart-item.cart_item > td.product-price { display:none; } tbody tr td { padding:0.5rem!important; } span.tabresp { display:block; } form.woocommerce-cart-form:not(.woocommerce-cart-form) { margin-right: 0px!important; } div#customer_details { padding-right: 0px!important; } p.form-row:not(.notes) { padding: 10px 0px 10px 0px!important; } /* div#customer_details { margin-bottom: 40px; } */ .blocscommande { flex-direction: column!important; margin-left: 0%!important; margin-right: 0%!important; margin-top: 0px!important; justify-content: space-evenly!important; } i.fas.fa-user.dropbtn.headericon span { font-size: 11px!important; } } @media only screen and (max-width: 400px) { .dropbtn {display:none;} } li.souscateg2gauche.actif > a { color: rgba(13,89,129, 1) !important; } div.medocmarque { display: flex; align-items: baseline; padding-top: 4px; } div.medocmarque > div.ceciestunmedocsingle { margin-left: 30px; } div.tabsdescriptionmedoc-content .active h2, div.tabsdescription-content .active h2 { margin-bottom:20px; } div.tabsdescriptionmedoc > h3 a.active i.fa-chevron-up { display:inline-block; } div.tabsdescriptionmedoc > h3 a.active i.fa-chevron-down { display:none; } div.tabsdescriptionmedoc > h3 a:not(.active) i.fa-chevron-up { display:none; } div.tabsdescriptionmedoc > h3 a:not(.active) i.fa-chevron-down { display:inline-block; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox span.required { color: rgba(13,89,129, 1) !important; } p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { margin-bottom: 15px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr th { color:black; } ul.mobile-sub.wsmenu-list > li.actif div.rondicone a *{ color: rgba(13,89,129, 1) !important; font-weight: 700!important; } ul.mobile-sub.wsmenu-list > li.active div.rondicone a *, ul.mobile-sub.wsmenu-list > li.active > span.wsmenu-click > i{ color: rgba(13,89,129, 1) !important; } ul.mobile-sub.wsmenu-list > li.active div.rondicone a *{ font-weight: 700!important; } div.megamenu > div.sous-categorie > div > ul.link-list > li.actif { background-color: rgba(13,89,129, 0.05) !important; } div.ceciestunmedocsingle > img, div.ceciestunmedoc img { width:15px; height:15px; margin-left: 5px; margin-right: 10px; } input#terms.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox, input#fidelite { height: 20px; width:20px; } .woocommerce-billing-fields h3, .woocommerce-order-details h2, .woocommerce-customer-details h2 { color: rgba(13,89,129, 1) !important; } .aws-container .aws-search-field:focus { all:inherit; width: 100%; max-width: 100%; color: #313131; padding: 6px 15px; display: block; height: 100%; margin: 0 !important; font-size: 12px; position: relative; z-index: 2; border: 1px solid #d8d8d8; outline: 0; background: transparent; -webkit-appearance: none; } } table#template_container td#header_wrapper { background-color: rgba(13,89,129, 1) !important; } div.woocommerce-info.assist { max-width: 310px; display:grid!important; background-color: #fff !important; color: rgba(13,89,129, 1) !important; border: 1px solid rgba(13,89,129, 1) !important; margin: 0 auto; border-radius:5px; } div.woocommerce-info.assist h3.assistance{ display: flex; justify-content: center; margin-bottom: 20px!important; } div.woocommerce-info.assist h2 { color:black; margin-bottom: 20px; font-size: 23px; text-align: center; line-height: 1.5; } div.woocommerce-info.assist p { font-size: 16px; text-align: center; margin-bottom: 20px; } div.woocommerce-info.assist a { color: rgba(13,89,129, 1) !important; text-decoration:underline; font-weight:600; margin-top: 10px; display: flex; justify-content: center; font-size: 22px; } div.woocommerce-info.assist .svg_subheader_icon { fill: rgba(13,89,129, 1) !important; margin-right:20px; } .svg_subheader_icon { width:20px;height:20px;fill: #ffffff;padding-top:0px; } .aws-container .aws-search-form .aws-wrapper .aws-loader { margin-top:-2px!important; } div.woocommerce-info.assist h2 span { display: inline-block; } .aws-container .aws-search-field { line-height: normal!important; } input::-webkit-input-placeholder { line-height:normal!important; } th.confirm_total_cc { color: rgba(13,89,129, 1) !important; text-transform: uppercase!important; } html { --scrollbarBG: #CFD8DC; --thumbBG: #90A4AE; } *::-webkit-scrollbar { width: 15px; } * { scrollbar-color: var(--thumbBG) var(--scrollbarBG); } *::-webkit-scrollbar-track { background: var(--scrollbarBG); } *::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); } p.price.prix_single del, p.price.prix_single del span.woocommerce-Price-amount.amount * { color:#707070!important; font-size: 20px!important; font-weight:500!important; } input[type=checkbox]#terms, input[type=checkbox]#ship-to-different-address-checkbox, input[type=checkbox]#fidelite { -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -border-radius: 4px!important; height: 20px!important; width: 20px!important; background: #fff!important; border: 1px solid rgba(13,89,129, 1) !important; cursor: pointer; } input[type=checkbox]#terms:checked, input[type=checkbox]#ship-to-different-address-checkbox:checked, input[type=checkbox]#fidelite:checked { all:inherit; background: #fff!important; margin:0px!important; position: relative!important; } input[type=checkbox]#terms:checked:before, input[type=checkbox]#ship-to-different-address-checkbox:checked:before, input[type=checkbox]#fidelite:checked:before { font-family: FontAwesome!important; content: '\f00c'!important; display: block!important; color: rgba(13,89,129, 1) !important; font-size: 20px!important; position: absolute!important; font-weight:600!important; } h2.woocommerce-loop-category__title { font-size:11px!important } div.nomcategcc.leftcateg a.titresouscateg { padding-top: 0px !important; text-align: center!important; display: block!important; } div.nomcategcc.leftcateg div.rondicone { margin-right: 0px!important; margin-bottom: 10px!important; } section#subheader > section.row { width: 100%!important; } .wsmenucontainer.fixed:not(.wsoffcanvasopener) { transition-property: margin-top,margin-right; transition-duration: .5s,.1s; transition-delay: 0; transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -moz-transition-property: margin-top,margin-right; -moz-transition-duration: .5s,.1s; -moz-transition-delay: 0; -moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -o-transition-property: margin-top,margin-right; -o-transition-duration: .5s,.1s; -o-transition-delay: 0; -o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -ms-transition-property: margin-top,margin-right; -ms-transition-duration: .5s,.1s; -ms-transition-delay: 0; -ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); -webkit-transition-property: margin-top,margin-right; -webkit-transition-duration: .5s,.1s; -webkit-transition-delay: 0; -webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1); width:100%; margin: 0 auto; position: fixed; top:0; z-index:1000; } @media screen and (max-width: 850px) { .rowminiimg { display: flex; flex-direction: column; } .columnminiimg-1, .columnminiimg-2, .columnminiimg-3 { flex: 100% !important; } div.sliderproduits .seeallprod, div.sliderproduits1 .seeallprod { display:block!important; } .flickity-prev-next-button { top: 44%!important; } } /*menu promo*/ .promo_ccv2 { background-color:#e62525; } .promo_ccv2 a { background:transparent !important; } .blockUI.blockOverlay { z-index:999!important; } .woocommerce-notices-wrapper { display:none; } span.breadcrumb_last { color:#3f3f3f; } .aws-container .aws-search-form .aws-search-btn svg { color: #123652!important; } .aws-container .aws-search-form .aws-form-btn{ border: 1px solid #123652!important; border-right:none!important; } .aws-container .aws-search-field, .aws-container .aws-search-field:focus { border: 1px solid #123652!important; border-left:none!important; } div.recherchecc, section.sectionsliderccv2 { background-image: none; } div.sliderproduits1, div.sliderproduits { background: none; } /* div.seeallprod { padding-top: 0px; } */ .gallery-cell { height: 420px !important; } li.product, div.gallery-cell li.product { background: none!important; } li.product a img.attachment-woocommerce_thumbnail { border:none!important; } li.product { border-style: solid!important; border: 1px; border-color: #f1f1f1; } h2.woocommerce-loop-product__title, ul.tabs__caption li a, a.souscatliens { color: #123652!important; } span.price del span.woocommerce-Price-amount.amount bdi { color: #3daa36!important; } h2.woocommerce-loop-category__title { color: rgba(13,89,129, 1) !important; } table.shop_table thead tr th { background-color: rgba(13,89,129, 1) !important; } table.shop_table.shop_table_responsive.cart thead *, table.shop_table.woocommerce-checkout-review-order-table thead *, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead * { color:white!important; } tr.woocommerce-cart-form__cart-item.cart_item:nth-of-type(even) { background: none!important; } .commanderectangle { background-color: rgba(13,89,129, 1) !important; } .Mon-panier, .commanderectangle p i { color: white!important } ul.tabs__caption li.active, ul.tabs__caption li.active a { color: white !important; background: rgba(13,89,129, 1) !important; } .tabs__caption li:hover{ background-color: rgba(13,89,129, 1) !important; } .tabs__content.active { background:none!important; } ul.tabs__caption { border-right: solid 1px #123652!important; height:100%!important; } div.megamenuproduits { border-left: solid 1px #123652!important; } li.souscateg2gauche, li.souscateggauche div { color: #123652!important; } li.souscateg2gauche.actif { background-color: rgba(13,89,129, 1) !important; } li.souscateg2gauche a{ color: #123652!important; } li.souscateg2gauche.actif a{ color: white!important; } li.souscateggauche div a, li.souscateggauche div * { color: #123652!important; } div.titreproduitmegamenu a { color: #123652!important; } .link-list li a { color: #123652!important; } div.megamenu > div.sous-categorie > div > ul.link-list > li.actif { background-color: rgba(13,89,129, 1) !important; } div.megamenu > div.sous-categorie > div > ul.link-list > li.actif a{ color:white!important; } div.prix.prix_single { background-color:white!important; border: solid 2px rgba(13,89,129, 1) !important; border-radius:5px; } .tabsdescription h3 a.active, .tabsdescriptionmedoc h3 a.active { background-color: transparent!important; box-shadow: 0 3px rgba(13,89,129, 1) !important; } .tabsdescription-content, .tabsdescriptionmedoc-content { border: solid 3px #3daa36 !important; background-color:transparent!important; border-radius:5px; } @media screen and (max-width: 840px) { .tabsdescription-content, .tabsdescriptionmedoc-content { border-top:none!important; } } div.flickity-slider { margin-top:0px!important; } div.recherchecc { /*height:auto!important;*/ /*margin-bottom: 20px !important;*/ background-image: none!important; background-color:white; } .aws-search-field::placeholder, .aws-search-field::-webkit-input-placeholder { color: #123652!important; } .aws-search-field { color: #123652!important; } div.headercartcountcategpanmob { align-items: center; text-align:center; width:15px; height:15px; border-radius:10px; color:rgba(13,89,129, 1) !important; background-color:white; position:absolute!important; z-index:1110; top:19px; left:12px; font-weight:bold; font-size:11px; font-weight:600; align-items: center; text-align:center; border-radius:10px; display:flex; } div.headercartcountcategpanmob *{ display: flex; justify-content: center; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-total.product-total, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr td { text-align: right!important; } /* section.sectionsliderccv2 { margin-top: 30px!important; } */ @media screen and (max-width: 1000px) { section.sectionsliderccv2 { margin-top: 10px!important; } } div.panierpcsuivi { display: none; position: fixed; bottom: 50%; right: 15px; z-index: 99; font-weight: 600; line-height: 5px; font-size: 10px; height: 55px; width: 55px; border-radius: 28px; background-color: rgba(13,89,129, 1) !important; } div.headercartcountcategpanpc { align-items: center; text-align: center; width: 18px; height: 18px; line-height: 18px; border-radius: 10px; color: rgba(13,89,129, 1) !important; background-color:white; position: absolute!important; z-index: 1000; font-weight:600; bottom: 13px; left: 19px; font-weight: bold; font-size: 11px; align-items: center; text-align: center; border-radius: 10px; display: flex; justify-content: center; } div.panierpcsuivi svg{ top: 6px; position: absolute; left: 8px; } .panierheader { margin-top:17px; } div.headercartcount { align-items: center; text-align: center; width: 14px; height: 14px; border-radius: 10px; color: rgba(13,89,129, 1); background-color:white; position: relative; z-index: 1000; font-weight:600; top: -21px; left: 8px; font-weight: bold; line-height: 14px; font-size: 8px; align-items: center; text-align: center; border-radius: 10px; display: flex; justify-content: center; } .home #footer section.row { width:80% !important; } /* section.footerrow *, section#copyright * { color:white!important; } */ li#menu-item-35486 a { color: rgba(13,89,129, 1) !important; } .menu-couleur-theme li a { color: rgba(13,89,129, 1) !important; } .tabsdescription h3 a, .tabsdescriptionmedoc h3 a { box-shadow: 0 3px #3daa36 !important; } .menu-open section.row.menumobilefullw { width:100%!important; } .menu-open section.row.menumobilefullw #menu-header { margin-top:10px; } #menu-header li a {padding-left: 10px;} #menu-header li a {font-weight: 600 } .menu-header li a { color: # 123652!important; } .swal2-popup .swal2-styled.swal2-confirm { background-color: rgba(13,89,129, 1) !important; font-weight: 600!important; box-shadow: none !important; } input.shipping_method, .wc_payment_methods input, #ship-to-different-address-checkbox { -webkit-appearance: auto!important; border:none!important; } ul#shipping_method li { display:flex; align-items: center; } ul#shipping_method li input.shipping_method { margin-right: 10px; align-items: center; border;none!important; } table.shop_table.websites-depot-checkout-review-shipping-table tr.woocommerce-shipping-totals.shipping th{ display:none; } table.shop_table.websites-depot-checkout-review-shipping-table{ margin-top: 20px; width: 100%; } .subcartcheckout:nth-of-type(2) ~ .subcartcheckout { display:none; } p.form-row > label.screen-reader-text { display: block!important; } input[type='radio'].shipping_method:after, ul.wc_payment_methods input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } input[type='radio'].shipping_method:checked:after, ul.wc_payment_methods input[type='radio']:checked:after{ width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: rgba(13,89,129, 1) !important; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } #ship-to-different-address label span, { margin-left:5px; } div.woocommerce-terms-and-conditions-wrapper p.form-row.validate-required { width: 100%!important; } div#show-fidelite-menu { display:inline-block!important; } div.fidelite-menu { max-height: 200px; overflow: auto; } span.woocommerce-fidelite-checkbox-text { font-weight: 600!important; margin-left: 5px; } a.woocommerce-fidelite { color: rgba(13,89,129, 1) !important; text-decoration: underline; cursor:pointer; } [type="radio"] { -webkit-appearance:radio!important; } ul.wc_payment_methods li { display:flex; align-items:center; } ul.wc_payment_methods li input{ margin-right:5px!important; } div.payment_box { display: inline; } span.shipping-amount { font-size: 17px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: 1px !important; text-align: left !important; float: right; margin-left: 8px !important; margin-right: 30px; } span.shipping-amount span.woocommerce-Price-amount.amount { margin-left:0; margin-right:0; } div.woocommerce-terms-and-conditions-wrapper > div.woocommerce-privacy-policy-text > p { display:none; } div.form-row.place-order > div > p.form-row.validate-required.woocommerce-invalid.woocommerce-invalid-required-field { width: 100%!important; } div.form-row.place-order { display: block!important; } div.woocommerce-shipping-fields label span.optional, div.woocommerce-billing-fields label span.optional { display:none; } .product-name-span { text-transform: uppercase; //font-style:italic; background-color:#123652; color:white; padding:2px 4px 2px 4px; font-size:65%; margin-bottom:2px; } div.typepromoccv2 { position: absolute; top: 0px; background-color: #123652; color: white; width: 185px; height: 25px; padding: 5px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-radius: 4px; font-family:'Poppins', sans-serif;; font-size:15px; } div.typepromoccv2 img { width: 15px; height: 15px; margin-left: 5px; margin-right: 5px; } @media screen and (max-width: 799px) { div.typepromoccv2 { width:100%!important; } .gallery-cell div.typepromoccv2 { width: 185px!important; } } div.bloctypepromoccv2single { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width:80%; margin: 0 auto; border: 1px #123652 solid; border-radius: 4px; margin-top: 10px; } div.typepromoccv2single { background-color: #123652; color: white; width: 230px; height: 50px; padding: 5px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-family:'Poppins', sans-serif;; font-size:18px; } div.bloctypepromoccv2single div.detailspromobloc { padding-left: 10px; padding-right: 10px; height: 50px; display: flex; align-items: center; } div.typepromoccv2single img { margin-left: 10px; margin-right: 10px; height: 25px; } @media screen and (max-width: 390px) { div.typepromoccv2 { font-size: 10px!important; } } @media screen and (max-width: 1024px) { div.bloctypepromoccv2single { flex-direction: column!important; width: 90%!important; } div.typepromoccv2single { width: 100%!important; } div.bloctypepromoccv2single div.detailspromobloc { font-size: 14px!important; } } span.aucunproduitrecommande { margin-left:20px; } div.woosb-wrap { display:none; } ul.flex-direction-nav { display: inline-flex; } .bouton-rajout { display: flex!important; justify-content: center!important; align-items: center!important; } /* page type gallerie */ .digigallery { list-style: none; padding: 0; margin: 10px; display: flex; justify-content: space-around; flex-wrap: wrap; } .digigallery li { display: block; float: left; width: 30%; } .digigallery li img { width: 100%; height: auto; display: block; object-fit:cover; border-radius: 10px; } .digigallery .thumb { margin: 0 5px 5px 5px; } .digigallery .caption { display: block; margin: 0; padding: 10px; background:#2776ac; color:#ffffff; font-family: Helvetica, arial, sans-serif; position: relative; bottom: 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } div.gallerycontainer { width: 100%; display: flex; } @media (min-width: 1200px) { .digigallery li { width: 25%; } .digigallery li img { width: 100%; height: 400px; display: block; object-fit: cover; } } @media (max-width: 767px) { .digigallery li { width: 50%; } .digigallery li img { width: 100%; height: 300px; display: block; object-fit: cover; } } @media (max-width: 507px) { .digigallery li img { width: 100%; height: 200px; display: block; object-fit: cover; } } @media (max-width: 350px) { .digigallery li { width: 100%; } .digigallery li img { width: 100%; display: block; object-fit: cover; } } @media(max-width: 1199px) and (min-width: 768px) { .digigallery li { width: 33%; } .digigallery li img { width: 100%; height: 350px; display: block; object-fit: cover; } } #blocgroupeproduitsliste { width: 100%; text-align: center; } #blocgroupeproduitsliste .add_to_cart_button{ position: inherit!important; margin-top: 10px !important; } #blocgroupeproduitsliste .price{ position: inherit; } #blocgroupeproduitsliste .product.type-product{ width: inherit!important; display: inline-block!important; text-align: left; } .aws-container .aws-search-field { z-index:0!important; } .dropdown-content a, .dropdown-content p { font-family:'Comfortaa', cursive; !important; color:#ffffff !important; font-size:16px !important; } .dropdown-content a:hover { background:#ffffff !important; color:#2776ac !important; } .dropdown-content.show { background:#2776ac} span.dropbtn { font-family:'Comfortaa', cursive; !important; } #blocgroupeproduitsliste { width: 100%; text-align: center; } #blocgroupeproduitsliste .add_to_cart_button{ position: inherit!important; } #blocgroupeproduitsliste .price{ position: inherit; } #blocgroupeproduitsliste .product.type-product{ width: inherit!important; display: inline-block!important; text-align: left; } span.skuproduit { color: rgba(13,89,129, 1) !important; display: block; font-size: 13px; } section.banniere_rdv_top.banniere_rdv_intro { display:none; } ul.list-unstyled multi-steps.container_fluid_display_none { margin-top: 30px; } .menu-header li { margin-top:0px; } body.page-template-page-accueil p.btn-entry-more-conseil-g8 { margin-top: 20px; } h2.product_marque a{ color: rgba(13,89,129, 1) !important; } /* pagination marques */ div.pagination_marques { display: flex; justify-content: space-around; align-items: center; margin-top: 30px; } div.pagination_marques a { color:#3f3f3f; } div.pagination_marques a:hover { color:#0d5981; } img.imgpagemarque { margin: 0 auto; display: block; } span.descpagemarque { display: block; margin: 0 auto; text-align: center; } .bannerpagemarque#banner { background-size: cover; } #pagemarquesannexe span.entry-title-h4 { font-size: 32px; } @media screen and (max-width: 1200px) { #pagemarquesannexe { max-width:95%; } } #pagemarquesannexe ul { padding: 0px; } #pagemarquesannexe li { float: left; width: auto; list-style: outside none none; padding: 10px; } #pagemarquesannexe li:hover { color:#0d5981; border-radius: 5px; } #pagemarquesannexe li a:hover { color:#0d5981; } #pagemarquesannexe div { border-bottom: #0d5981 solid 1px; margin-bottom: 10px; display: grid; } span.skuproduit { color: rgba(13,89,129, 1) !important; display: block; font-size: 13px; } h2.product_marque a{ color: rgba(13,89,129, 1) !important; } #blocgroupeproduitsliste div.ceciestunmedoc { position: inherit!important; } #pagemarquesannexe { padding: 20px 0px; } #pagemarquesannexe span.entry-title-h4 { margin-bottom: 0px; } body.woocommerce div.sliderheaddiv .ccslider1 { width: 95% !important; } body.woocommerce div.sliderheaddiv section.wrap.sectionsliderccv2 { margin-top: 0px; } body.woocommerce div.recherchecc > div.breadcrumb { margin-bottom:20px; } button.swal2-confirm.swal2-styled { display:block; color: #fff !important; background-color: rgba(13,89,129, 1) !important; } button.swal2-confirm.swal2-styled:hover { background-color: #fff !important; color: rgba(13,89,129, 1) !important; border: 2px solid rgba(13,89,129, 1) !important; } button.swal2-cancel.swal2-styled { background-color: #fff !important; display:block; color: rgba(13,89,129, 1) !important; border: 2px solid rgba(13,89,129, 1) !important; } button.swal2-cancel.swal2-styled a{ color: rgba(13,89,129, 1) !important; } button.swal2-cancel.swal2-styled:hover { color: #fff !important; background-color: rgba(13,89,129, 1) !important; } button.swal2-cancel.swal2-styled:hover a{ color: #fff !important; } form.variations_form.cart { display: flex; flex-direction: column; align-items: center; } div.woocommerce-variation-price span.price { text-align: center!important; } a.reset_variations { display:none; } button.single_add_to_cart_button:before { font-family: 'Font Awesome 5 Free'; content: "\f07a"; font-weight:600; margin-right:.8em; } button.single_add_to_cart_button { display:block; width: 250px !important; height: 45px !important; line-height: 45px !important; margin:0 auto !important; color: #fff !important; background-color: rgba(13,89,129, 1) !important; font-size: 14px !important; font-weight: normal !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: normal !important; border-radius: 5px; border : solid 1px; border-color: rgba(13,89,129, 1) !important; } a.button.product_type_variable { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 80% !important; left:10%; right:10%; max-width: 95%!important; margin:0 auto !important; color: #fff !important; background-color: rgba(13,89,129, 1) !important; font-size: 14px !important; font-weight: 600 !important; font-stretch: normal !important; font-style: normal !important; letter-spacing: normal !important; border-radius: 5px; border : solid 1px; border-color: rgba(13,89,129, 1) !important; position: absolute; top: 340px!important; padding: 10px 30px; } a.button.product_type_variable:hover { color: rgba(13,89,129, 1) !important; background-color: #fff !important; font-weight: bold !important; border : solid 1px; border-color: rgba(13,89,129, 1) !important; } div.prix.prix_single b { display: flex; justify-content: center; } /* Réparations Header 2 4 et 5 */ /* Header 2 menu aligné à gauche */ .wrap-headertype2 .menu-header { font-size: 0; float: left; margin-top: 64px; margin-left: 40px; } .wrap-headertype2 .logo-header { float: left; padding: 20px; margin-left: 40px; } @media only screen and (max-width : 980px) { .wrap-headertype2 .logo-header { float: none; padding: 20px; margin-left: 0px; } } .wrap-headertype1 section#header.wrap section.row { width: 100% !important; } .wrap-headertype2 section#header.wrap section.row { width: 100% !important; } .wrap-headertype3 section#header.wrap section.row { width: 100% !important; } .wrap-headertype4 section#header.wrap section.row { width: 100% !important; } .wrap-headertype5 section#header.wrap section.row { width: 100% !important; } .wrap-headertype6 section#header.wrap section.row { width: 100% !important; } /*Header 4 Ordo +*/ .wrap-headertype4 .alert.warning { margin-top: 28px; } .wrap-headertype4 div.table-responsive-vertical { margin-top: 35px; } .wrap-headertype4 div.moncomptediv { margin-top: 35px; } .wrap-headertype4 #steps { margin-top: 35px; } .wrap-headertype4 .alert.success { margin-top: 35px; } .wrap-headertype4 .alert { margin-top: 35px; } .wrap-headertype4 .container-fluid { margin-top: 40px; } .wrap-headertype4 .tabsdescription-content.mesrdvtab { margin-bottom: 15px; } /* Header 4 CetC*/ .wrap-headertype4 nav.cc { margin-top: 28px; } @media screen and (max-width: 9000px) { .wrap-headertype4 .containercc.fixed { margin-top: -28px; } } /* Header 5 */ @media screen and (min-width: 1400px) { .wrap-headertype5 #header { z-index: 1 !important; } } .wrap-headertype5 #header section.row { z-index: 5; } .wrap-headertype5 #navigation .row { z-index: 3; } .wrap-headertype5 panierheader { z-index: 3; } .wrap-headertype5 section#subheader > section.row { z-index: 3; } .wrap-headertype5 #subheader { z-index: 3; height: 50px; } .wrap-headertype5 #slider .slides { width: 2000px; min-height: 1080px; } .wrap-headertype5 #slider .slides li:before { content: ''; position: absolute; background: rgba(0,0,0,0.45); top: 0; left: 0; right: 0; bottom: 0; } .wrap-headertype5 section.wrap#banner:after { content: ''; position: absolute; background: rgba(0,0,0,0.45); top: 0; left: 0; right: 0; bottom: 0; } .wrap-headertype5 section.wrap#banner { max-height: 500px; } .wrap-headertype5 #banner { background-image: url(https://digitec.vpsmulti.intecmedia.fr/wp-content/uploads/bg-ordonnance.jpg); } .wrap-headertype5 nav.cc { margin-top: -80px; } .wrap-headertype5 body.woocommerce-page #navigation.wrap { background-color: #000; } /* Header 5 Tablette */ @media only screen and (max-width : 980px) { .wrap-headertype5 #slider .slides { width: 2000px; min-height: 1080px; } } @media only screen and (max-width : 980px) { .wrap-headertype5 .entry-title-slider-h2 { font-size: 30px !important; } } @media only screen and (max-width : 980px) { .wrap-headertype5 .entry-content-slider { font-size: 22px !important; } } @media only screen and (max-width: 980px) { .menu-open .wrap-headertype5 #header:after { background: transparent !important; } } @media only screen and (max-width : 980px) { .page-id-67 .wrap-headertype5 #header section.row { width: 100%!important; background-image: url(https://digitec.vpsmulti.intecmedia.fr/wp-content/uploads/bg-ordonnance.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom center; } } @media only screen and (max-width : 980px) { .menu-open .logo-header img { margin-top: 10px; } } @media only screen and (max-width: 980px) { .menu-open .wrap-headertype5 #navigation { top: 280px; } } @media only screen and (max-width: 980px) { .menu-open .wrap-headertype5 #header { background: #000 !important; } } @media only screen and (max-width: 980px) { .menu-open .wrap-headertype5 #navigation { background: #000; } } /* Header 5 Mobile */ @media only screen and (max-width : 580px) { .wrap-headertype5 #slider .slides { width: 2000px; min-height: 850px; } } @media only screen and (max-width : 580px) { .wrap-headertype5 .slider-inside-content div:nth-child(1) { font-size: 24px !important; } } @media only screen and (max-width : 580px) { .wrap-headertype5 .slider-inside-content div:nth-child(2) { font-size: 16px !important; } } @media only screen and (max-width : 580px) { .menu-open .logo-header img { margin-top: 10px; } } @media only screen and (max-width: 580px) { .menu-open .wrap-headertype5 #header { top: 50px; } } /*Bloc Equipe overlay*/ #homeconseil .grid-list > li article img { padding-bottom: 10px; object-fit: cover; } .front-overlay { position: relative; height: 370px !important; background-size: cover !important; background-repeat: no-repeat; background-position: center center; } .front-overlay { margin: 0px; } #blocequipe .row { max-width: 1200px; } div.overlay { position: relative; background: #fff; border: 1px solid #dddddd; margin: 10px; overflow: hidden; } /*Articles similaires blog*/ article a img { object-fit: cover; } /* Bouton voir plus conseils */ li.blociconevoirplus { width: 100%; margin: 20px; } /* Menu Open c&C */ .menu-open div.recherchecc { display : none; } .menu-open #navigation > div.wsmenucontainer.clearfix { display : none !important; } .swal2-container.swal2-center { z-index:99999999; } /* variation ars */ button.ajpanier.disabled.wc-variation-selection-needed { display:none; } /* Bloc map texte */ ul.grid-box.maptexte li { padding: 20px; text-align: left; } ul.grid-box.maptexte li #mymap { display: block; } ul.grid-box.maptexte li article { display: block; } ul.grid-box.maptexte li a.bouton-rajout { margin-top:20px; } /* header 8 */ .header-droite-1 .menu-adress a li { display: flex; align-items: center; } .header-droite-1 .menu-adress a li span{ font-size: 14px!important; font-weight: 550; text-align: center; } /** merci coco **/ #img_property_banner { z-index:0!important; } .header-droite-3 > div { border-top: 2px #77c14c solid; padding: 5px; font-family:'Poppins', sans-serif;; font-size: 16px!important; font-weight: 550; text-align: center; } .header-gauche-eiffel { flex: 1; } .header-droite-eiffel { flex: 2; display: flex; flex-direction: column; align-items: flex-start; } .header-centre-eiffel { flex: 3; } .header-centre-eiffel div.aws-container { width: 90%; margin: 0 auto; } .header-droite-1 { display: flex; flex-direction: row; margin: 0 auto; align-items: center; } .header-droite-2 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0 auto; } .header-droite-3 { margin:0 auto; } .header-droite-1 .menu-social { margin-right:10px; } .header-droite-1 .menu-social li { margin:0px!important; } .header-droite-1 .menu-adress { margin-left:10px; } .aws-container .aws-search-form { height:inherit!important; } .header-gauche-eiffel img { margin-bottom:20px; } .header-droite-4 { display: flex; align-items: center; justify-content: center; flex:1; } .header-droite-4 ul.menu-social { margin-left: 10px; margin-right: 10px; display: inline-flex; } .wrap#header { margin: 0 auto; } .header-droite-1 .menu-adress a li { display: flex; align-items: center; } .header-droite-1 .menu-adress a li span{ font-size: 14px!important; font-weight: 550; text-align: center; } .header-droite-3 > div { border-top: 2px #77c14c solid; padding: 5px; font-family:'Poppins', sans-serif;; font-size: 16px!important; font-weight: 550; text-align: center; } #slider .flexslider { z-index:0; } .header-centre-eiffel { flex: 2 !important; } .header-droite-eiffel { flex: 1!important; } section#header.header8 { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 140px; } .header-centre-eiffel div.aws-container { width: 90% !important; margin: 0 auto; } #header.header8 .menu-social li:last-child { margin-right: 0; } #header.header8 .menu-social li { cursor: pointer; display: inline-block; margin-left: 5px; -webkit-border-radius: 100%; border-radius: 100%; background:#ffffff; width: 25px; height: 25px; font-size: 18px; line-height: 25px; text-align: center; vertical-align: middle; } #header.header8 .menu-social li a::before { width: 20px; height: 20px; line-height: 25px; font-family: 'FontAwesome'; font-size: 16px; display: inline-block; position: relative; } #header.header8 .menu-social li.facebook a::before { color:#77c14c; content: "\f09a"; } #header.header8 .menu-social li span { display: none; } @media only screen and (max-width: 1290px) { .header-droite-1 { display:none; } } @media only screen and (max-width: 1080px) { .menu-open section#header.header8 { overflow: auto; display: contents; } .menu-open section#navigation.header8 { height: 100vh; z-index: 1; } section#header.header8 { display:block; } .header-mon-panier { justify-content:center; } .header-centre-eiffel { order:3; display:flex; } .header-droite-3 { order:2; } .header-droite-3 > div { margin-top:5px; } .header-droite-1 { order:4; display:none; padding-right: 0px; } .header-droite-2 { order:5; display:none; } #header.header8 .svg_header_icon_panier_top { height:50px; } } @media screen and (max-width: 801px) { #header.header8 .dropdown-content.show { right: auto; left: auto !important; } } div.blocphotoars { width: 20%; display: flex; flex-direction: column; align-items: center; margin: 20px; } div.blocphotoars img{ height:auto; } div.blocinfosars { width:30%; } div.footer-ars { width: 90%; margin: 15px auto; } div.blocliensars { width: 90%; display: flex; flex-basis: content; } @media screen and (max-width: 1230px) { div.blocliensars { width: 60%; display: flex; align-content: center; flex-wrap: wrap; padding: 20px; align-items: end; } } @media screen and (max-width: 801px) { .footer-ars { flex-direction: column; align-content: center; align-items: center; } div.blocliensars { flex-direction: column; align-items: center; } div.blocinfosars, div.blocphotoars, div.blocliensars { width: 100%; margin: 20px auto; text-align: center; } } /* Décalage titre h1 */ h1.entry-title { margin-top: 2vh; } @media screen and (max-width: 1000px) { h1.entry-title { margin-top: 3vh; } } @media screen and (max-width: 600px) { h1.entry-title { margin-top: 0px; } } /*Bouton Imprimer le contenu pages légales*/ .entry-more-print { text-align:center; margin-bottom: 3vh; } .entry-more-print a { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:14px; display:inline-block; padding:10px 30px; background:#0d5981; color:#ffffff; text-decoration: none; cursor: pointer; } .entry-more-print a:hover { background:#2776ac; color:#ffffff; text-decoration: none } /* Réparation fond slider mobile c&c */ section.sectionsliderccv2 { background-color: #fff; } @media screen and (max-width: 1080px) { body.woocommerce-page #navigation { background: #fff; } } .bloc-icone-title h4 { font-family: 'Comfortaa', cursive;; text-transform: uppercase; font-weight: 700; font-size: 18px; margin-bottom: -50px; padding: 20px; } .bloc-icone-title h2 { font-family:'Comfortaa', cursive;; font-weight: 700; font-size: 27px; margin-bottom: 20px; padding: 20px; } #copyright button.cc-link { background-color: transparent; color:#0d5981; border: none; font-weight: 700; text-transform: uppercase; font-size: 12px; } #copyright button.cc-link:hover { color:#2776ac} /* HEADER 9 */ .grecaptcha-badge { visibility: hidden; } /* CC V2.5 */ @media screen and (max-width: 800px) { table.wt_frontend_wishlist_table { border: 0; } table.wt_frontend_wishlist_table caption { font-size: 1.3em; } table.wt_frontend_wishlist_table tr:first-child { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.wt_frontend_wishlist_table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table.wt_frontend_wishlist_table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } table.wt_frontend_wishlist_table td:nth-child(2){ width: 80%!important; margin:auto; } table.wt_frontend_wishlist_table td:nth-child(5) div{ margin:auto; } table.wt_frontend_wishlist_table td:nth-child(2) img{ margin:auto; } table.wt_frontend_wishlist_table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table.wt_frontend_wishlist_table td:last-child { border-bottom: 0; } } div.flickity-slider div.star-rating { position:absolute; top:15px; left:20px; } div.star-rating span { color:#FBBC04; } .woocommerce-product-rating { display: inline-block; } #reviews #review_form { padding: 1.67em 1.67em 0 0; } .comment-reply-title { font-size: 1.8em; font-weight: 500; } .selected a { color:#FBBC04; } a.star-1, a.star-2, a.star-3, a.star-4, a.star-5 { color:#FBBC04; } #review_form #respond .form-submit input { transition: all 0.5s ease; font-family:'Comfortaa', cursive;; text-transform:uppercase; font-size:12px; background:#0d5981; color:#ffffff; text-decoration: none; text-align: center; border: none; } #review_form #respond .form-submit input:hover { background:#2776ac; color:#ffffff; text-decoration: none; } .categli div.star-rating { position: absolute; top: 0; left: 0; } .categli .products .star-rating { font-size: 3em; margin-left: 10px; margin-top: 5px; } @media only screen and (max-width : 1000px) { div.aboutandtab { width: 90% !important; margin: 0 auto; } #reviews.woocommerce-Reviews { width: 90%; } } #pagemarquesunemarque div.icon_after_add_to_cart { position: unset; text-align: right; margin-top: -75px; margin-right: 20px; } a.webviewback { padding: 10px; background: #0d5981; color: #ffffff; margin: 20px auto; display: block; width: 200px; text-align: center; border-radius: 5px; font-size: 25px; } .page-template-page-promotion div.woocommerce.columns-4 { width: 100%; } .categli div.icon_after_add_to_cart { margin-top: -10px; } .page-template-page-promotion div.icon_after_add_to_cart { margin-top: 0px; } .term-promotions div.icon_after_add_to_cart { margin-top: 0px; } @media only screen and (max-width : 800px) { .woocommerce .products > li del { font-size: 11px; } .page-template-page-promotion div.icon_after_add_to_cart { position: initial; padding: 0px; margin-top: 12px; } .term-promotions div.icon_after_add_to_cart { position: initial; padding: 0px; margin-top: 12px; } } .page-template-page-promotion .products .star-rating { position: absolute; top: 0; left: 0.5em; font-size: 3em; } .term-promotions .products .star-rating { position: absolute; top: 0; left: 0.5em; font-size: 3em; } @media only screen and (max-width: 1000px) { nav.rank-math-breadcrumb p { margin-top: 25px; display: inline-block; } } @media only screen and (max-width: 600px) { .sliderheaddiv .ccslider1 ul.flex-direction-nav li.flex-nav-next a.flex-next { right: -7px!important; } .sliderheaddiv .ccslider1 ul.flex-direction-nav li.flex-nav-prev a.flex-prev { left: -7px!important; } } li.product, div.gallery-cell li.product del { font-size: 16px; } @media only screen and (max-width: 800px) { li.product, div.gallery-cell li.product del { font-size: 11px; } } .gallerie-grille { height: 420px; }