/** * Theme Name: Corne Bleue Theme * Description: Theme pour corne-bleue.com. * Author: Corne Bleue */ *{margin:0;padding:0;border:none;outline:none;} *, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} *::-moz-selection { background: none repeat scroll 0 0 #13899f; color: #FFFFFF; } *::selection { background: none repeat scroll 0 0 #13899f; color: #FFFFFF; } /************** * GENERIC **************/ body{font-family:'Roboto',arial,sans-serif;font-weight:300;font-size:18px;color:#1E1E1E;background:#FFF;position:relative;} h1{font-size:50px;margin:0 0 20px 0;font-family:'Roboto',arial,sans-serif;font-weight:bold;color:#1E1E1E;padding:0 0 20px;background:url('images/bg-h1-produits.jpg') no-repeat center bottom;text-align:center;text-transform:uppercase;} h2{font-size:38px;margin:0 0 20px 0;font-family:'Roboto',arial,sans-serif;font-weight:bold;color:#1E1E1E;text-transform:uppercase;text-align:center; } .pageBlock h2 {margin:40px 0 20px;} h3{font-size:32px;margin:0 0 20px 0;font-family:'Roboto Condensed',arial,sans-serif;font-weight:normal;color:#1E1E1E;} .pageBlock h3 {margin:30px 0 10px;} a{text-decoration:none;color:#000; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s;} a:hover{color:#13899f;} ul{list-style:none outside none;} .pageBlock ul{margin-bottom:20px;} img{display:block;border:none;} img.alignleft{float:left;margin:0 20px 20px 0;} img.alignright{float:right;margin:0 0 20px 20px;} input {-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;} .link{width:100%;height:auto;text-align:center;} .link a{display:inline-block;width:100%;max-width:350px;height:85px;line-height:85px;text-transform:uppercase;color:#1E1E1E;font-size:20px;padding:0 20px;border:1px solid #1E1E1E;font-weight:normal;} .linkBlanc a{color:#FFFFFF;border-color:#FFFFFF;} .link a:hover{background:#13899f;color:#FFFFFF;border-color:#13899f;} /*----------------------------------------SLIDER-------------------------------------*/ .link_slider{width:100%;height:auto;text-align:left; position:absolute; z-index:999;top:75%;left:23%;} .link_slider a{display:inline-block;max-width:350px;height:85px;line-height:85px;text-transform:uppercase;color:#13899f;font-size:20px;padding:0 20px;border:1px solid #13899f;font-weight:normal;background:#fff;} .link_slider a:hover{background:#13899f;color:#FFFFFF;border-color:#13899f;} #slider{width:100%;height:650px;margin-top:130px;background:#FFFFFF; -webkit-transition:all 0.6s linear 0s; -moz-transition:all 0.6s linear 0s; -o-transition:all 0.6s linear 0s; -ms-transition:all 0.6s linear 0s; transition:all 0.6s linear 0s;} #slider.fixed{margin-top:130px;} #cont_header, #header, #blockHeaderLogo, #logo, #nav, #nav ul.menu li, #nav ul.menu li a, #nav ul.menu li a span, #nav ul.menu li ul, #nav ul.menu li ul li, #nav ul.menu li ul li a{ -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} #cont_header{width:100%;height:auto;z-index:30000;background:black repeat-x left top;border-bottom:1px solid #1E1E1E;position:fixed;top:0;} #header{max-width:1480px;width:100%;height:180px;margin:0 auto;position:relative;top:0;z-index:15000;} #blockHeaderLogo{width:120px;height:auto;overflow:hidden;} #logo{display:block;width:148px;height:148px;margin:20px 0;position:absolute;top:0;left:5%;z-index:10000;} #logo img{height:134px;} @media screen and (min-width: 1280px){ #header.sousmenu{height:200px;} } #nav{width:100%;height:50px;position:relative;top:50px;padding-left:200px;} /*--- header fixed ---*/ /* #cont_header.fixed{position:fixed;top:0;background-position:left -10px;} .fixed #header{height:180px;} .fixed #blockHeaderLogo{width:120px;} .fixed #logo{width:100px;height:100px;margin:10px 0;position:absolute;top:0;left:5%;} .fixed #logo img{height:100px;} .fixed #nav{position:absolute;left:0;top:40px;height:80px;} */ #slider{width:100%;height:650px;margin-top:130px;background:#FFFFFF; -webkit-transition:all 0.9s linear 0s; -moz-transition:all 0.9s linear 0s; -o-transition:all 0.9s linear 0s; -ms-transition:all 0.9s linear 0s; transition:all 0.9s linear 0s;} #slider.fixed{margin-top:130px;} #page{width:100%;margin:130px auto 0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .home #page{margin-top:0;} /* #page.fixed{margin-top:200px;} .home #page.fixed{margin-top:0;} */ #page p{line-height:24px;font-size:18px;margin-bottom:20px;} #aside{display:none;} #cont-footer{width:100%;height:auto;background:/* url('images/bg-header.jpg') repeat-x left top */#000000;} #footer{width:100%;max-width:1200px;margin:auto;position:relative;padding:0 20px;} /* en cours de construction */ p.construction{text-align:center;margin-top:100px;} #backtotop{opacity:0;z-index:2010;} #backtotop a{display:none;position:absolute;z-index:2010;left:50%;margin-left:-40px;top:-40px;overflow:hidden;background:url('images/backtotop.png') no-repeat left top transparent; -webkit-border-radius:80px; -moz-border-radius:80px; -o-border-radius:80px; -ms-border-radius:80px; border-radius:80px;} #backtotop a span{display:block;background:url('images/backtotop.png') no-repeat left -80px transparent;width:80px;height:80px;opacity:0;} #backtotop.enable a{display:block;} #godown{z-index:2010;} #godown a{position:absolute;z-index:2010;left:50%;margin-left:-40px;top:-40px;overflow:hidden;background:url('images/godown.png') no-repeat left top transparent; -webkit-border-radius:80px; -moz-border-radius:80px; -o-border-radius:80px; -ms-border-radius:80px; border-radius:80px;} #godown a span{display:block;background:url('images/godown.png') no-repeat left -80px transparent;width:80px;height:80px;opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} #godown a:hover span{opacity:1;} /* ############### COOKIE ###############*/ #cookieChoiceInfo{z-index:50000 !important;background-color:rgba(0,0,0,0.9)!important;color:#FFF;padding:0!important;top:inherit!important;bottom:0;overflow:hidden;min-height:50px;font-size:13px;} #cookieChoiceInfo span{display:block;width:96%;text-align:left;margin:16px 0 10px 0;padding:0 2%;max-width:1012px;font-size:13px;float:left;} #cookieChoiceInfo a{color:#FFF;display:inline-block;margin:0 20px;position:absolute;right:70px;bottom:10px;line-height:30px;font-size:13px;} #cookieChoiceInfo a#cookieChoiceDismiss{right:30px;} #cookieChoiceInfo a:hover{color:#cccccc;} @media screen and (max-width: 1150px){ #cookieChoiceInfo span{min-height:30px;margin:10px 0 40px 0;} } /************** * HEADER **************/ /* ---- menu mobile ---- */ #menumobile{display:none;width:180px;height:80px;position:absolute;z-index:20000;left:20%;top:50%;margin-top:-40px;border-left:1px solid #1E1E1E;border-right:1px solid #1E1E1E;} #menumobile .menutitle{display:block;width:60px;height:80px;line-height:80px;color:#1E1E1E;text-transform:uppercase;position:absolute;left:0px;top:0;font-weight:normal;font-size:20px;margin-left:40px;} #menumobile .layer{ display:block;width:30px;height:4px;background:#1E1E1E;position:absolute;left:105px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #menumobile .layer-1{top:30px;} #menumobile .layer-2{top:38px;} #menumobile .layer-3{top:46px;} #menumobile:hover .layer-1{top:28px;} #menumobile:hover .layer-2{top:38px;} #menumobile:hover .layer-3{top:48px;} #menumobile.open .layer-1{top:25px;width:4px;height:30px;left:108px;} #menumobile.open .layer-2{top:25px;width:4px;height:30px;left:119px;} #menumobile.open .layer-3{top:25px;width:4px;height:30px;left:130px;} /* ---- upline ---- */ #upline{position:absolute;left:50%;top:8px;width:400px;margin-left:-150px;} #upline p{font-size:13px;line-height:16px;font-weight:normal;text-align:center;text-transform:uppercase;color:#13899f;letter-spacing:0.1em;padding-top: 4px;} #upline p span{font-size:15px;letter-spacing:0em;line-height:24px;color:#13899f;} /*--- upline fixed ---*/ /* .fixed #upline{display:none;} */ #mobileSearchLang{display:none;} /* #mobileSearch{display:none;} */ /* ---- recherche ---- */ #mobileSearch{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(30,30,30,0.95);overflow:hidden;padding:0 20px;opacity:0;z-index:20000; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #mobileSearch.anim{display:table;opacity:1;} #mobileSearch ul{display:table-cell;vertical-align:middle;} #mobileSearch ul li{display:block;width:100%;max-width:400px;background:none;margin:0 auto;} #mobileSearch ul li div{overflow:hidden;margin:0 30px;position:relative;padding:30px 60px 30px 0;} #mobileSearch ul li div #s{display:block;height:50px;line-height:50px;background:#F0F0F0;padding:0 10px;width:100%;margin:0;font-size:16px;font-family:'roboto',arial,sans-serif;} #mobileSearch ul li div #searchsubmit{display:block;position:absolute;right:0;top:30px;width:50px;height:50px;line-height:50px;z-index:1;text-indent:-999em;background:url('images/bg-recherche-noir.jpg') no-repeat center center;cursor:pointer;} #mobileSearch #closeSearch{width:50px;height:50px;position:absolute;right:20px;top:20px;background:url('images/bg-closeSearch.png') no-repeat center center;background-size:100%;margin:0;cursor:pointer;} /************** * NAV **************/ #nav .menu-mainmenu-fr-container{width:100%;height:100%;position:relative;} #nav ul.menu{list-style:none outside none;width:100%;height:100%;margin:0;padding:0;/* overflow:hidden; */text-align:center;} #nav ul.menu li{display:inline-block;text-align:center;padding:0;margin:0;height:80px;/* overflow:hidden; */position:relative;} #nav ul.menu li a{display:block;font-family:'Roboto',arial,sans-serif;font-size:16px;font-weight:bold;color:#FFFFFF;padding:0 15px;margin:0;height:80px;line-height:80px;position:relative;text-transform:uppercase;} #nav ul.menu li a:hover{color:#FFF;background-color:rgba(30,30,30,0.9);} #nav ul.menu li a span{display:none;/* position:absolute;left:50%;top:5px;display:block;width:0%;height:1px;background:#13899f; */} /* #nav ul.menu li a:hover span{left:0;width:100%;} */ /* #nav ul.menu li.current-menu-item a span{left:0;width:100%;} */ #nav ul.menu li ul{position:absolute;left:0;top:80px;width:800px;text-align:left;opacity:0;height:0px;overflow:hidden;border:none; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #nav ul.menu li.menu-item-has-children:hover ul, #nav ul.menu li.current_page_ancestor ul{opacity:1;height:50px;} #nav ul.menu li ul li{display:inline-block;height:50px;} #nav ul.menu li ul li a{color:#FFF;font-size:14px;font-weight:300;height:50px;line-height:50px;} #nav ul.menu li ul li a:hover, #nav ul.menu li ul li.current_page_item a{/* border-top:1px solid #FFF; */color:#FFF;background:url('images/bg-li-sousmenu.jpg') no-repeat left center;} #nav ul.menu li ul li a span{display:none;} @media screen and (min-width: 1280px){ #nav ul.menu li.current-menu-parent ul.sousmenu_large{opacity:0;height:0px;} } #nav #menuMobileClose{display:none;} /*--- nav fixed ---*/ /* .fixed #nav ul.menu li{height:80px;} .fixed #nav ul.menu li a{height:80px;line-height:80px;} .fixed #nav ul.menu li a span{top:20px;} .fixed #nav ul.menu li ul{background:#F5F5F5;top:80px;width:200px;opacity:1;overflow:hidden;} .fixed #nav ul.menu li.menu-item-has-children:hover ul{height:80px;} .fixed #nav ul.menu li ul li{height:40px;} .fixed #nav ul.menu li ul li a{height:40px;line-height:40px;} */ /* ---- recherche + langue ---- */ #searchAndLang{position:absolute;left:50%;top:0;margin-left:400px;} /* .fixed #searchAndLang{top:15px;} */ /* ---- recherche ---- */ #recherche{display:inline-block;overflow:hidden;width:50px;height:40px;vertical-align:top;margin-top:5px;border-right:1px solid #FFFFFF;} #recherche .btnsearch{width:50px;height:50px;background:url('images/bg-recherche-btn-mobile-blanc.png') no-repeat center -5px;cursor:pointer;} /* .fixed #recherche{margin-top:0;} */ /* #recherche:hover{width:260px;} */ /* #recherche .inputsearch{float:left;width:260px;height:50px;} #recherche .inputsearch div{overflow:hidden;margin:0;} #recherche .inputsearch #s{display:block;float:left;height:40px;line-height:40px;background:#F0F0F0;padding:0 5px;width:200px;margin-top:5px;font-size:12px;font-family:'open sans',arial,sans-serif;} #recherche .inputsearch #searchsubmit{display:block;float:left;width:50px;height:50px;line-height:40px;text-indent:-999em;background:url('images/bg-recherche-btn-mobile.jpg') no-repeat center center;} */ /* ---- langue ---- */ #langue{display:inline-block;height:50px;overflow:hidden;} #langue select{width:100px;height:24px;line-height:24px;font-size:16px;margin-top:13px;margin-left:8px;cursor:pointer;color:#FFFFFF;} #langue #polylang-2{overflow:hidden;width:40px;} /* .fixed #langue{height:40px;} .fixed #langue select{margin-top:8px;} */ #searchAndLang #langue select{background:none;} #searchAndLang #langue select option{background:#FFFFFF;color:#1E1E1E;} /************** * PAGE **************/ /* page 404 */ .error-404{max-width:1200px;margin:0 auto;padding:80px;min-height:800px;} .error-404 h1{margin-top:200px;color:#1E1E1E;text-align:center;} /************** * SLIDER **************/ /************** * CENTER **************/ /* #article-17 .contenu-article, #article-19 .contenu-article{background:url('images/bg-hydrochasse.jpg') no-repeat left top fixed;background-size:50% auto;overflow:hidden;} */ #article-44 .contenu-article, #article-42 .contenu-article{width:100%;max-width:1200px;padding:80px 20px;margin:0 auto;text-align:justify;} #article-44,h2{text-align:left; padding-top:15px;} #article-44 .contenu-article,p{text-align:justify;} /*mention legale englais*/ #article-933 .contenu-article {width:100%;max-width:1200px;padding:80px 20px;margin:0 auto;text-align:justify;} #article-933,h2{text-align:left; padding-top:15px;} #article-933 .contenu-article,p{text-align:justify;} /*fin mention legale enaglais*/ #pageBlock{/* position:relative; *//* float:right; *//* left:50%; *//* width:50%;min-width:900px; *//* margin:0;padding:80px 100px; */padding:130px 40px 80px;color:#505050;background:#FFF; /* -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; */} /* .fixed #pageBlock{padding-top:120px;} */ .pageBlock{overflow:hidden;width:100%;max-width:1200px;padding:130px 20px 80px;margin:0 auto;} .pageBlock .post{overflow:hidden;} #article-23 .pageBlock{padding:0;max-width:inherit;} /*contact-ang*/ #article-913 .pageBlock{padding:0;max-width:inherit;} /*fin contact-ang*/ .pageBlock .post h1{margin-bottom:50px;} .pageBlock .post h2{margin:40px 0 20px 0;} .pageBlock .post ul{margin-bottom:20px;} .pageBlock .post .contenu-article{text-align:left;} .pageBlock .post .contenu-article img{margin:0 auto;} .pageBlock .post .contenu-article img.alignleft{margin:0 20px 20px 0;} .pageBlock .post .contenu-article .size-cent-pourcent img{width:100%;} .pageBlock #article-1.post .contenu-article img{display:block;width:100%;max-width:300px;height:auto;} .pageBlock #article-58.post .contenu-article img{display:block;width:100%;max-width:400px;height:auto;} .pageBlock #article-64.post .contenu-article img{display:block;width:100%;max-width:300px;height:auto;} .pageBlock #article-62.post .contenu-article img{display:block;width:100%;max-width:480px;height:auto;} .pageBlock #article-66.post .contenu-article img{display:block;width:100%;max-width:480px;height:auto;} .pageBlock #article-60.post .contenu-article img{display:block;width:100%;max-width:400px;height:auto;} /* ---- Texte accueil ---- */ #textAccueil{width:100%;padding:80px 20px;position:relative;} #textAccueil h1{text-transform:uppercase;font-size:40px;} #textAccueil .blockText{overflow:hidden;width:100%;max-width:1200px;margin:50px auto;/* text-align:center; */} #textAccueil .blockText div{width:50%;float:left;} #textAccueil .blockText .leftText{padding:0 20px 0 0;} #textAccueil .blockText .rightText{padding:0 0 0 20px;} #page #textAccueil .blockText .leftText p{color:#13899f;font-weight:bold;font-size:25px;line-height:28px;margin:0;} #textAccueil .blockText .rightText p{font-weight:300;font-size:18px;line-height:24px;} /* ---- bgImage accueil ---- */ /* #bgImage{width:100%;height:600px;background:url('images/bg-image-accueil.jpg') no-repeat center center;} */ /* ---- gammes hydro accueil ---- */ #gammesHydro{width:100%;padding:100px 20px;background:#1E1E1E;} #gammesHydro h2{margin-bottom:50px;background:url('images/bg-h1-produits.jpg') no-repeat center bottom;color:#FFFFFF;padding-bottom:20px;text-align:center;} #gammesHydro .gammes{width:100%;max-width:1620px;overflow:hidden;margin:0 auto 50px;} #gammesHydro .gammes .gamme{width:33.33%;float:left;padding:0 20px;} #gammesHydro .gammes .gamme h3{color:#FFFFFF;font-size:30px;line-height:30px;font-family:'Roboto Condensed',arial,sans-serif;font-weight:bold;padding:20px 20px;text-align:center;text-transform:uppercase;} #gammesHydro .gammes .gamme .cercleBlanc{width:100%;max-width:388px;height:auto;border-radius:50%;border:1px solid #003266;margin:0 auto;position:relative;} #gammesHydro .gammes .gamme .cercleBlanc .cercleImg{border-radius:50%;overflow:hidden;} #gammesHydro .gammes .gamme .cercleBlanc .cercleImg img{width:100%;height:auto;} #gammesHydro .gammes .gamme .cercleBlanc .cercleLink{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-999em;background:url('images/bg-cercleLink.png') no-repeat center center;opacity:0; -webkit-transition:all 0.3s ease-out 0.15s; -moz-transition:all 0.3s ease-out 0.15s; -o-transition:all 0.3s ease-out 0.15s; -ms-transition:all 0.3s ease-out 0.15s; transition:all 0.3s ease-out 0.15s;} #gammesHydro .gammes .gamme .cercleBlanc .cercleLink a{display:block;width:100%;height:100%;} #gammesHydro .gammes .gamme .cercleBlanc.anim .cercleLink{opacity:1;} #gammesHydro .gammes .gamme .cercleBlanc .cercleBleu{position:absolute;left:50%;top:50%;width:0%;height:0%;border:0px solid #13899f;border-radius:50%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #gammesHydro .gammes .gamme .cercleBlanc.anim .cercleBleu{position:absolute;left:0;top:0;width:100%;height:100%;border:20px solid #13899f;border-radius:50%;} #gammesHydro .link a{color:#FFFFFF;border-color:#FFFFFF;} #gammesHydro .link a:hover{border-color:#13899f;} /* ---- phrase fond bleu accueil ---- */ #phraseBleu{width:100%;height:438px;background:url('images/bg-phrasebleu.jpg') no-repeat center center;padding:0 20px;display:table;} #phraseBleu div{display:table-cell;vertical-align:middle;} #phraseBleu div p{color:#FFFFFF;font-size:40px;line-height:48px;width:100%;max-width:950px;margin:0 auto;text-align:center;} #phraseBleu div p span{font-weight:bold;} /* ---- chiffres accueil ---- */ #chiffresAccueil{width:100%;padding:100px 20px;} #chiffresAccueil h2{width:100%;max-width:850px;margin:0 auto 50px;background:url('images/bg-h1-produits.jpg') no-repeat center bottom;padding-bottom:20px;} #chiffresAccueil .chiffres{width:100%;max-width:1800px;margin:0 auto;text-align:center;overflow:hidden;} #chiffresAccueil .chiffres .chiffre{display:inline-block;max-width:600px;text-align:left;width:33%;height:auto;vertical-align:top;} #chiffresAccueil .chiffres .chiffre .chiffreImg{float:left;margin:10px 20px 0 0;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{display:block;margin:0 0 90px;padding:0;} #chiffresAccueil .chiffres .chiffre p{font-weight:300;font-size:32px;line-height:30px;margin-top:25px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:90px;line-height:100px;color:#13899f;font-weight:bold;font-family:'Roboto Condensed',arial,sans-serif;letter-spacing:-0.04em;} /* ---- choisir Griffon ---- */ #choisirGriffon{width:100%;padding:100px 20px;} #choisirGriffon h2{width:100%;max-width:850px;margin:0 auto 50px;background:url('images/bg-h1-produits.jpg') no-repeat center bottom;padding-bottom:20px;} #choisirGriffon .chiffres{width:100%;max-width:1800px;margin:0 auto;text-align:center;overflow:hidden;} #choisirGriffon .chiffres .chiffre{display:block;float:left;max-width:600px;text-align:left;width:33.33%;height:auto;} #choisirGriffon .chiffres .chiffre .chiffreImg{float:left;margin:10px 20px 0 0;} #choisirGriffon .chiffres .chiffre .chiffreImg img{display:block;margin:0;padding:0;} #choisirGriffon .chiffres .chiffre p{font-weight:300;font-size:28px;line-height:30px;margin-top:25px;} #choisirGriffon .chiffres .chiffre p > span{font-size:60px;line-height:70px;color:#13899f;font-weight:bold;font-family:'Roboto Condensed',arial,sans-serif;letter-spacing:-0.06em;} /* ---- distributeurs ---- */ .text-distributeurs{text-align:center;margin:80px 0 50px!important;} .logos-distributeurs{overflow:hidden;text-align:center;} .logos-distributeurs a{display:inline-block;width:24%;margin:0;min-height:100px;} .logos-distributeurs a:hover{opacity:0.5;} .logos-distributeurs a img{display:block;margin:0 auto;width:100%;max-width:200px;height:auto;} /* ---- Espace technique ---- */ .doc-technique{margin:80px auto 30px;width:100%;max-width:900px;} .doc-technique ul.pdf{overflow:hidden;list-style:none outside none;margin-left:0;} .doc-technique ul.pdf li{background:url('../images/bg-pdf.jpg') no-repeat left top;margin-bottom:20px;width:33%;float:left;height:120px;} .doc-technique ul.pdf li img{width:40px;height:auto;margin:0 auto;} .doc-technique ul.pdf li a{padding-left:0px;display:block;text-align:center;} .doc_tech_case{width: 33%; text-align: center;display: inline-block; padding-top: 40px;padding-bottom: 40px;transition:all 0.3s ease; border: 1px solid white; position:relative;opacity;0;} .doc_tech_case:hover {color: #13899f;} .doc_tech_case img{text-align: center; display: inline-block;} .doc_case{width: 80%; display: block; margin: 0 auto;} .dropdown-toggle {font-size: 18px; } li.tech_list{transition:background 1s;} .dropdown-menu>li>a.drop_sousmenu{font-weight: bold; padding-top: 12px; padding-bottom: 12px;} #article-1203 > div.contenu-article > div > div > div:nth-child(5) > div.dropup.open > ul > li:hover{background-color: #13899f;} ul.dropdown-menu.doc_case {width: 80%; left: 50%; margin-left: -40%; background: rgba(255,255,255,0.9);border-radius: 0px; padding:0px;box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); margin-bottom: -20px;} #article-1413 > div.contenu-article > div > div > div:nth-child(5) > div.dropup.open > ul > li:hover{background-color: #13899f;} ul.dropdown-menu.doc_case {width: 80%; left: 50%; margin-left: -40%; background: rgba(255,255,255,0.9);border-radius: 0px; padding:0px;box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); margin-bottom: -20px;} #article-1203 .dropdown-menu>li>a.drop_sousmenu:hover {background: #13899f; color: white; } #article-1413 .dropdown-menu>li>a.drop_sousmenu:hover {background: #13899f; color: white; } /*.dropdown-toggle {position: relative;}*/ button.dropdown-toggle {background: none;position: relative; top: 0; z-index: 1000;margin-top: 20px;} .doc_tech_case p {display: none; } ul.dropdown-menu.doc_case.iphone{display: block;} .iphone{display:block;} .dropup{display: table; width: 100%;} /*l'histoire*/ #article-1076{background:url('images/bg-societe.jpg') repeat-x left top;} #article-1076 p.exergue{font-family:'Roboto',helvetica,arial,sans-serif;font-weight:300;font-size:25px;line-height:30px;color:#13899f;text-transform:uppercase;margin:50px 0;} #article-1076 .blockImage{overflow:hidden;margin:50px 0;} #article-1076 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-1076 .blockImageRight{float:left;width:68.45%;max-width:794px;overflow:hidden;} #article-1076 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:366px;} #article-1076 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:794px;} #article-1076 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:366px;} #article-1076 .colonnes{overflow:hidden;} #article-1076 .textLeft{float:left;width:50%;padding:0 15px 0 0;} #article-1076 .textRight{float:left;width:50%;padding:0 0 0 15px;} #article-1076 .colonnes div p{font-size:18px;line-height:21px;} /*anglais*/ #article-812{background:url('images/bg-societe.jpg') repeat-x left top;} #article-812 p.exergue{font-family:'Roboto',helvetica,arial,sans-serif;font-weight:300;font-size:25px;line-height:30px;color:#13899f;text-transform:uppercase;margin:50px 0;} #article-812 .blockImage{overflow:hidden;margin:50px 0;} #article-812 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-812 .blockImageRight{float:left;width:68.45%;max-width:794px;overflow:hidden;} #article-812 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:366px;} #article-812 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:794px;} #article-812 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:366px;} #article-812 .colonnes{overflow:hidden;} #article-812 .textLeft{float:left;width:50%;padding:0 15px 0 0;} #article-812 .textRight{float:left;width:50%;padding:0 0 0 15px;} #article-812 .colonnes div p{font-size:18px;line-height:21px;} /*fin anglais*/ /**************************COLONNES PAGE BATI-SUPPORT*********************************************************/ #article-532 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-532 .textRight{float:left;width:65%;padding:0 0 0 15px;text-align:justify;} #article-532 .textRight p{text-align:justify;} #article-532 .textRight p span{font-weight:bold;color:#13899f;} #article-532 img{height:auto;margin:auto;} /*anglais*/ #article-853 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-853 .textRight{float:left;width:65%;padding:0 0 0 15px;text-align:justify;} #article-853 .textRight p{text-align:justify;} #article-853 .textRight p span{font-weight:bold;color:#13899f;} #article-853 img{height:auto;margin:auto;} /*fin anglais*/ #article-267 h1{margin-bottom:50px;} #article-267 h2{clear:both;} #article-267 .textCenter{text-align:center;} #article-267 img.wp-image-466{width:100%;height:auto;max-width:600px;margin:0 auto;} /*page société*/ #article-265{background:url('images/bg-societe.jpg') repeat-x left top;} #article-265 p.exergue{font-family:'Roboto',helvetica,arial,sans-serif;font-weight:300;font-size:25px;line-height:30px;color:#13899f;text-transform:uppercase;margin:50px 0;} #article-265 .blockImage{overflow:hidden;margin:50px 0;} #article-265 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-265 .blockImageRight{float:left;width:68.45%;max-width:794px;overflow:hidden;} #article-265 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:366px;} #article-265 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:794px;} #article-265 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:366px;} /*anglais */ #article-816{background:url('images/bg-societe.jpg') repeat-x left top;} #article-816 p.exergue{font-family:'Roboto',helvetica,arial,sans-serif;font-weight:300;font-size:25px;line-height:30px;color:#13899f;text-transform:uppercase;margin:50px 0;} #article-816 .blockImage{overflow:hidden;margin:50px 0;} #article-816 .blockImageLeft{float:left;width:31.55%;max-width:366px;overflow:hidden;} #article-816 .blockImageRight{float:left;width:68.45%;max-width:794px;overflow:hidden;} #article-816 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:366px;} #article-816 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:794px;} #article-816 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:366px;} /*fin anglais*/ /* @media screen and (min-width: 1280px){ #article-265, #article-267, #article-269{padding-top:50px;} } */ /* ---- Article accueil ---- */ #articlesBlock{width:100%;height:auto;} #articlesBlock ul{width:100%;height:auto;overflow:hidden;} #articlesBlock ul li{width:25%;height:auto;float:left;} #articlesBlock ul li .h2title{position:absolute;left:0;top:0;width:100%;height:100%;background:#13899f;} #articlesBlock ul li h2{margin:0;height:100%;/* line-height:50px; */width:100%;display:table;} #articlesBlock ul li h2 span{display:table-cell;vertical-align:middle;padding:0 20px;text-align: center;} #articlesBlock ul li .imageTitle{width:100%;height:100%;overflow:hidden;position:relative;} #articlesBlock ul li .imageTitle > a{display:block;} #articlesBlock ul li .imageTitle img{display:block;width:100%;height:auto;padding:0;margin:0;} #articlesBlock ul li:first-child .imageTitle{background:#FFFFFF;} #articlesBlock ul li:first-child .imageTitle img{opacity:0;} #articlesBlock ul li:last-child .imageTitle{background:#1E1E1E;} #articlesBlock ul li:last-child .imageTitle img{opacity:0;} #articlesBlock ul li .imageTitle .title{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;} #articlesBlock ul li .imageTitle .title a{position:absolute;top:0%;left:0%;display:table;width:100%;height:100%;text-align:center;background:rgba(19,137,159,0.7);opacity:0;padding:10%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #articlesBlock ul li .imageTitle .title a span.tableCell{display:table-cell;width:100%;vertical-align:middle;font-size:20px;text-transform:uppercase;color:#FFFFFF;font-weight:normal;border:1px solid #FFF;} #articlesBlock ul li .imageTitle .title:hover a{opacity:1;} /* #articlesBlock ul li .imageTitle .title a:hover span.tableCell{color:#13899f;} */ #articlesBlock ul li .link{position:absolute;left:0;top:0;margin:0;height:100%;width:100%;} #articlesBlock ul li .link a{display:table;border:none;font-size:26px;font-weight:normal;font-family:'Roboto',arial,sans-serif;color:#FFFFFF;max-width:inherit;padding:0;height:100%;line-height:inherit;} #articlesBlock ul li .link a span{display:table-cell;vertical-align:middle;padding:0 20px;} #articlesBlock ul li .link a:hover{color:#13899f;background:none;} /* ---- Catalogue ---- */ #pageBlock h1{margin-bottom:50px;} #pageBlock h2{margin:50px 0 20px;text-align:center;} #pageBlock h3{text-transform:uppercase;margin:30px 0 20px;line-height:24px;text-align:center;color:#13899f;} #pageBlock h3 span{text-transform:none;font-size:20px;line-height:24px;font-style:italic;color:#1E1E1E;} #pageBlock p{text-align:center;} #pageBlock p.exergue{font-size:25px;line-height:24px;font-weight:300;font-family:'Roboto Condensed',arial,sans-serif;text-transform:uppercase;margin-bottom:50px;text-align:center;} #pageBlock p.gammeDesc{margin:0 auto 20px;max-width:800px;} .containerBlockCatalogue{overflow:hidden;} .containerBlockCatalogue .blockCatalogue{overflow:hidden;width:50%;float:left;} .catalogue{width:100%;overflow:hidden;} .catalogue-1{max-width:375px;margin:0 auto;} .catalogue-2{max-width:750px;margin:0 auto;} .catalogue .produit{width:25%;float:left;height:350px;margin:0 0 30px 0;text-align:center;} .catalogue-1 .produit{width:100%;} .catalogue-2 .produit{width:50%;} .catalogue-3 .produit{width:33.33%;} .containerBlockCatalogue .blockCatalogue .catalogue .produit{width:50%;} .containerBlockCatalogue .blockCatalogue .catalogue-1 .produit{width:100%;} .catalogue .produit .produitContent{padding:10px;} .catalogue .produit .produitContent img{display:block;margin:0 auto;padding:0;} .catalogue_accessoires .catalogue .produit .produitContent img{width:auto;height:200px;margin:20px auto 30px;} .catalogue .produit .produitContent h4{font-size:19px;line-height:20px;font-weight:bold;font-family:'Roboto Condensed',arial,sans-serif;} .catalogue .produit .produitContent p{font-size:14px;font-weight:normal;font-family:'Roboto Condensed',arial,sans-serif;font-style:italic;margin:0!important;} .catalogue .produit .produitContent p.couleur{font-size:16px;font-weight:normal;font-family:'Roboto Condensed',arial,sans-serif;font-style:italic;margin-bottom:5px;} /* ---- Contact ---- */ .page-id-51 #page .pageBlock{overflow:hidden;padding:0;} #page #contactHeader{width:100%;height:400px;background:url('images/entete/entete-contact.jpg') no-repeat center center;} #map{width:50%!important;height:auto!important;/* min-height:1100px; */float:left;} #wpgmza_map{height:100%!important;min-height:1200px;} #contact{max-width:1200px;width:50%;float:left;margin:50px auto 0;} #contact .content{height:100%;background:url('images/trame.png') repeat left top;} #contact h1{max-width:1200px;margin:0 auto;padding:20px 28px 20px;text-transform:uppercase;color:#1E1E1E;} #contact p.upline_form{font-size:12px;max-width:1100px;margin:30px auto 30px;padding:0 10px;} #contact .content_form{width:100%;max-width:1450px;margin:0 auto 0;padding-bottom:50px;overflow:hidden;position:relative;} #contact .content_form form{margin:0 20px;} #contact .content_form hr{height:1px;background:#505050;margin:10px auto 20px;padding:0;max-width:1096px;} #contact .content_form .groupe{overflow:hidden;max-width:1096px;margin:0 auto;} *::-webkit-input-placeholder {color:#505050;} *:-moz-placeholder {/* FF 4-18 */color:#505050;} *::-moz-placeholder {/* FF 19+ */color:#505050;} *:-ms-input-placeholder {/* IE 10+ */color:#505050;} #contact .content_form .field{width:50%;float:left;overflow:hidden;} #contact .content_form .groupe2 .field:last-child{overflow:visible;position:relative;height:320px;} #contact .content_form .field span{display:block;width:100%;padding:0 0 0 10px;} #contact .content_form .field_left span{padding:0 10px 0 0;} #contact .content_form .field input, #contact .content_form .field textarea{display:inline-block;font-family:Asap,arial,sans-serif;background:rgba(245,245,245,0.9);width:100%;height:66px;padding:0 20px;font-size:14px;color:#505050;margin:0 0 10px 0;} #contact .content_form .filefield input{height:auto;margin:0;padding:20px;} #contact .content_form .field_left input{margin:0 0 10px 0;} #contact .content_form .field textarea{padding:20px;height:170px;margin-bottom:20px;} #contact .content_form .field div.captcha{float:none;width:228px;height:134px;} #contact .content_form .field div.captcha img{margin:0 0 10px 10px;width:198px;height:80px;} #contact .content_form .field div.captcha input{display:block;width:100%;height:40px;background:rgba(245,245,245,0.9);color:#888888;font-size:14px;text-transform:none;padding:0 10px;} #contact .content_form .field div.captcha input::-webkit-input-placeholder {text-transform:none;} #contact .content_form .field div.captcha input:-moz-placeholder {text-transform:none;} #contact .content_form .field div.captcha input::-moz-placeholder {text-transform:none;} #contact .content_form .field div.captcha input:-ms-input-placeholder {text-transform:none;} #contact .content_form .field div.submit{float:none;height:80px;margin-left:10px;margin-top:30px;} #contact .content_form .field div.submit input{margin:0;width:100%;height:80px;background:#1E1E1E;font-size:20px;font-family:'Roboto Condensed',arial,sans-serif;color:#FFF;text-align:left;text-transform:uppercase;text-align:center;} #contact .content_form .field div.submit input:hover{background:#13899f;cursor:pointer;} #contact .content_form .field p.small{font-size:8px;font-family:'Open Sans',arial,sans-serif;margin-right:10px;} #contact .content_form .groupe0 .field{height:64px;line-height:64px;width:50%;} #contact .content_form .groupe0 .field .wpcf7-form-control-wrap{padding:0;} #contact .content_form .groupe0 .field .wpcf7-form-control{overflow:hidden;padding:0;} #contact .content_form .groupe0 .field .wpcf7-list-item{float:left;display:block;width:50%!important;margin:0;padding:0;} #contact .content_form .groupe0 .field .wpcf7-list-item.first{padding-left:20px;} /* #contact .content_form .groupe0 .field .wpcf7-list-item.last{padding-left:30px;} */ #contact .content_form .groupe0 .field .wpcf7-list-item span{width:auto;float:left;padding:0;} #contact .content_form .groupe0 .field .wpcf7-list-item input{width:50px;height:auto;float:left;margin:25px 10px 0 0;} #contact .content_form div.wpcf7-response-output{position:absolute;z-index:2000;left:0;bottom:0;margin:0 0 0 10px;padding:20px;background:rgba(255,255,255,0.9);color:#191919;width:100%;border:none;} #contact .content_form div.wpcf7-validation-errors{color:red;} #contact .content_form span.wpcf7-not-valid-tip{position:absolute;left:0;top:45px;padding:0 20px 0 30px;font-size:12px;} #contact .content_form .field_left span.wpcf7-not-valid-tip{padding:0 20px 0 20px;} #contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 20px 0 20px;} #searchResults{width:100%;max-width:1200px;margin:0 auto;padding:0 20px 50px;} /* ---- Plan du site ---- */ .page-id-152 #page .pageBlock{overflow:hidden;/* padding:0; */} #page #sitemapHeader{width:100%;height:400px;background:url('images/entete/entete-sitemap.jpg') no-repeat center center;} #xmap{width:100%;max-width:1100px;margin:0 auto 0;padding:30px 0px;} #xmap ul{list-style:none outside none;margin-top:80px;} #xmap ul.level_0 li{font-weight:bold;text-align:center;} #xmap ul.level_1 li{font-weight:normal;} #xmap ul li ul{margin-left:10px;margin-top:0;} #xmap ul li a{font-size:30px;color:#1E1E1E;line-height:44px;} #xmap ul a:hover{color:#13899f;} /************** * ARTICLES **************/ #page #articles{padding:130px 20px 80px;margin:0 auto;width:100%;max-width:1200px;} #page #articlesHeader{width:100%;height:400px;background:url('images/entete/entete-articles.jpg') no-repeat center center;} #page #articles .post{width:100%;max-width:1100px;margin:80px auto 0;padding:0 20px;} #page #articles .post .en-tete-article{text-align:center;} #page #articles .post .contenu-article{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #1E1E1E;} #page #articles .post .contenu-article .imageAlaune{float:left;width:50%;max-width:520px;} #page #articles .post .contenu-article .imageAlaune img{width:100%;height:auto;} #page #articles .post .contenu-article .content{float:left;width:50%;padding:0px 0 20px 20px;} #page #articles .post .contenu-article .content .more-link{border:1px solid #1E1E1E;display:inline-block;padding:27px 40px;text-transform:uppercase;color:#1E1E1E;} #page #articles .post .contenu-article .content .more-link:hover{background:#13899f;color:#FFF;border-color:#13899f;} .single #page #contnavigation{width:100%;height:auto;margin-top:50px;overflow:hidden;} .single #page #contnavigation #navigation{width:100%;max-width:556px;margin:0 auto;overflow:hidden;} .single #page #contnavigation #navigation span{display:block;/* width:50%; */height:85px;line-height:85px;/* padding:1px; */} .single #page #contnavigation #navigation span.precedent{float:left;} .single #page #contnavigation #navigation span.suivant{float:right;text-align:right;} .single #page #contnavigation #navigation span a{display:block;height:83px;width:276px;padding:0 20px;border:1px solid #1E1E1E;color:#1E1E1E;text-align:center;} .single #page #contnavigation #navigation span a:hover{background:#13899f;border-color:#13899f;color:#FFF;} /************** * FOOTER **************/ /* ------------- persoFooter ---------------*/ #persoFooter{overflow:hidden;} #persoFooter .allSide{float:left;width:50%;overflow:hidden;} #persoFooter .leftSide .adresseFooter{float:left;color:#FFFFFF;margin-top:110px;margin-left:30px;font-weight:normal;font-size:15px;ligne-height:20px;letter-spacing: 1px;} #persoFooter .leftSide .adresseFooter a{color:#FFF;} #persoFooter .leftSide .adresseFooter a:hover{color:#1E1E1E;} #persoFooter .leftSide .logoFooter{float:left;overflow:hidden;} #persoFooter .leftSide .logoFooter img{display:block;margin:95px 0 0 40px;} #persoFooter .rightSide a{display:block;height:85px;line-height:85px;width:100%;max-width:450px;font-size:25px;padding:0;margin:20px auto;text-align:center;text-transform:uppercase;color:#FFFFFF;border:1px solid #FFFFFF;} #persoFooter .rightSide a:first-child{margin-top:130px;} #persoFooter .rightSide a:hover{background-color:#1E1E1E;border-color:#1E1E1E;} #persoFooter .reseau_sociaux {display: block; width: 50%; float: right; text-align: center;} #persoFooter .reseau_sociaux a{display: inline-block;padding: 0 15px;} /* ------------- widgetFooter ---------------*/ #footer #widgetFooter{width:100%;height:auto;padding-bottom:30px;margin-top:40px;} #footer #widgetFooter ul{overflow:hidden;width:100%;height:auto;} #footer #widgetFooter ul li.widget{display:block;float:right;width:50%;height:auto;} #footer #widgetFooter ul li#text-2 .textwidget .copyright{width:100%;height:50px;line-height:50px;text-align:right;font-family:'open sans',arial,sans-serif;color:#FFF;font-size:14px;padding:0 20px;} #footer #widgetFooter ul li#nav_menu-2 div{padding:0 15px;} #footer #widgetFooter ul li#nav_menu-2 li{display:block;float:left;} #footer #widgetFooter ul li#nav_menu-2 li a{height:50px;line-height:50px;text-align:right;font-family:'open sans',arial,sans-serif;color:#FFF;font-size:14px;padding:0 5px;border-right:1px solid #FFF;} #footer #widgetFooter ul li#nav_menu-2 li:last-child a{border:none;} #footer #widgetFooter ul li#nav_menu-2 li a:hover{color:#1E1E1E;} /************** * RESPONSIVE **************/ @media screen and (min-width:1900px){ #intro-garantie{width:30%;} #garantie{width:100%;} #condition_left{ width:80%; margin-left: 10%; } #condition_right{ width:80%; margin-left: 2%; } } @media screen and (max-width: 1750px){ #chiffresAccueil .chiffres .chiffre .chiffreImg{margin-top:30px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:140px;} #chiffresAccueil .chiffres .chiffre p{font-size:28px;margin-top:40px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:80px;line-height:90px;} #choisirGriffon .chiffres .chiffre .chiffreImg{margin-top:30px;margin-bottom:100px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:140px;} #choisirGriffon .chiffres .chiffre p{margin-top:45px;} #condition_left{width:80%; margin-left: 10%; } #condition_right{width:80%; margin-left: 2%;} #intro-garantie{width:30%;} #garantie{width:60%;} } @media screen and (max-width: 1600px){ #choisirGriffon .chiffres .chiffre p{font-size:26px;} #choisirGriffon .chiffres .chiffre p > span{font-size:50px;line-height:60px;} #intro-garantie{width:40%;} #garantie{width:50%;} } @media screen and (max-width: 1500px){ /* #chiffresAccueil .chiffres .chiffre{width:49%;margin-bottom:30px;} */ #chiffresAccueil .chiffres .chiffre .chiffreImg{margin-top:40px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:120px;} #chiffresAccueil .chiffres .chiffre p{font-size:24px;margin-top:45px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:70px;line-height:70px;} /* #choisirGriffon .chiffres{text-align:center;} #choisirGriffon .chiffres .chiffre{display:inline-block;float:none;vertical-align:top;width:49%;text-align:left;margin-bottom:30px;} */ #choisirGriffon .chiffres .chiffre .chiffreImg{margin-top:40px;margin-bottom:100px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:120px;} #choisirGriffon .chiffres .chiffre p{font-size:22px;} #choisirGriffon .chiffres .chiffre p > span{font-size:40px;line-height:50px;} #intro-garantie{width: 100%;max-width: inherit;} #garantie{width:100%;} #condition_left{ padding-left: 10%; } #condition_right{ padding-left: 10%; } } @media screen and (max-width: 1400px){ #map{width:33.33%!important;} #contact{width:66.66%;} } @media screen and (max-width: 1280px){ #cont_header{position:fixed;top:0;background:url('images/bg-header.jpg') repeat-x left top #FFFFFF;background-position:left -10px;} #header, .fixed #header{height:180px;} #blockHeaderLogo{width:120px;} #logo, .fixed #logo{width:100px;height:100px;margin:10px 0;position:absolute;top:0;left:20px;z-index:20000;} #logo img, .fixed #logo img{height:100px;} #nav, .fixed #nav{position:fixed;width:0;max-width:320px;height:100%;left:0;top:0;margin:0;padding:120px 0 0 0;overflow:hidden; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #nav.anim{width:100%;} #nav > div.menu-mainmenu-fr-container{display:table;background:rgba(30,30,30,0.9);width:320px;} #nav > div.menu-menu-en-container{display:table;background:rgba(30,30,30,0.9);width:320px;} #nav ul.menu{display:table-cell;vertical-align:middle;width:100%;height:auto;padding:0;} #nav ul.menu li{width:100%;text-align:center;height:50px;} #nav ul.menu li a{display:inline-block;color:#FFF;height:50px;line-height:50px;} #nav ul.menu li a:hover{background:none;} #nav ul.menu li.menu-item-has-children{height:auto;} #nav ul.menu li.menu-item-has-children > a{display:none;} #nav ul.menu li.menu-item-has-children > ul{opacity:1;position:relative;left:inherit;top:inherit;width:100%;text-align:center;height:auto;} #nav ul.menu li.menu-item-has-children > ul li{display:block;height:50px;} #nav ul.menu li.menu-item-has-children > ul li a{font-weight:bold;font-size:16px;height:50px;line-height:50px;} #nav ul.menu li.menu-item-has-children:hover ul{opacity:1;height:auto;} #nav ul.menu li ul li a span{display:none;} #nav ul.menu li ul li a:hover{color:#FFF;background:none;} /* .fixed #nav ul.menu li{height:50px;} .fixed #nav ul.menu li a{height:50px;line-height:50px;} .fixed #nav ul.menu li a span{top:5px;} .fixed #nav ul.menu li ul{background:none;} .fixed #nav ul.menu li.menu-item-has-children{height:auto;} */ #nav #menuMobileClose{display:block;position:absolute;right:0;top:120px;background:url('images/bg-closeSearch.png') no-repeat left top;width:50px;height:50px;} #menumobile{display:block;top:40px;margin-top:0;left:inherit;right:161px;} #searchAndLang{display:none;} #mobileSearchLang{display:block;width:162px;height:80px;position:absolute;right:0;top:40px;} #mobileSearchLang #btnSearch{float:left;width:82px;height:80px;border-left:1px solid #1E1E1E;border-right:1px solid #1E1E1E;background:url('images/bg-recherche-btn-mobile.jpg') no-repeat center center;cursor:pointer;} #mobileSearchLang #mobileLang{float:left;width:80px;height:80px;} /* #langue{display:inline-block;height:50px;overflow:hidden;} */ #mobileSearchLang #mobileLang select{width:100px;height:24px;line-height:24px;font-size:20px;margin-top:28px;margin-left:0px;} #mobileSearchLang #mobileLang #polylang-2{overflow:hidden;width:40px;margin-left:20px;} #upline{left:50%;top:58px;margin-left:-150px;} .fixed #upline{display:none;} #slider{margin-top:120px;} #slider.fixed{margin-top:120px;} #page{margin-top:120px;} #page.fixed{margin-top:120px;} .home #page{margin-top:0;} .home #page.fixed{margin-top:0;} #bgImage{height:300px;background-size:1920px 900px;} #articlesBlock ul li{width:33.33%;} #chiffresAccueil .chiffres{margin-top:80px;} #chiffresAccueil .chiffres .chiffre{text-align:center;height:auto;} #chiffresAccueil .chiffres .chiffre .chiffreImg{float:none;margin:0;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:140px;margin:0 auto 20px;} #chiffresAccueil .chiffres .chiffre p{/* font-size:20px; */margin-top:10px;} /* #chiffresAccueil .chiffres .chiffre p > span{font-size:60px;line-height:70px;} */ #choisirGriffon .chiffres{text-align:center;} #choisirGriffon .chiffres .chiffre{text-align:center;height:auto;} #choisirGriffon .chiffres .chiffre .chiffreImg{float:none;margin:0;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:140px;margin:0 auto 20px;} #choisirGriffon .chiffres .chiffre p{/* font-size:28px; */margin-top:25px;} /* #choisirGriffon .chiffres .chiffre p > span{font-size:60px;line-height:70px;} */ } @media screen and (max-width: 1172px){ /* #chiffresAccueil .chiffres .chiffre{width:100%;margin-bottom:60px;} */ /* #chiffresAccueil .chiffres .chiffre .chiffreImg{margin-top:10px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:180px;} #chiffresAccueil .chiffres .chiffre p{font-size:32px;margin-top:25px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:90px;line-height:100px;} */ /* #choisirGriffon .chiffres{text-align:center;} #choisirGriffon .chiffres .chiffre{display:inline-block;float:none;width:100%;margin-bottom:0;} #choisirGriffon .chiffres .chiffre .chiffreImg{margin-top:10px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:180px;} #choisirGriffon .chiffres .chiffre p{font-size:28px;margin-top:25px;} #choisirGriffon .chiffres .chiffre p > span{font-size:60px;line-height:70px;} */ #persoFooter .leftSide{width:60%;} #persoFooter .leftSide p{font-size:15px;} #persoFooter .rightSide{width:40%;} } @media screen and (max-width: 1100px){ #upline{display: none;} .catalogue_accessoires .produit{width:33.33%;} .catalogue-1 .produit{width:100%;} #contact .content_form .groupe0 .field{width:100%;} #contact .content_form .groupe0 .field .wpcf7-list-item.last{padding-left:30px;} } @media screen and (max-width: 1024px){ #slider{height:450px;} #gammesHydro .gammes .gamme h3{padding:20px 70px;} .single #page .post{max-width:800px;padding:0 20px;margin:0 auto;text-align:center;} #intro-garantie{ width: 100%; } } @media screen and (max-width: 1000px){ /* #chiffresAccueil .chiffres .chiffre{width:100%;margin-bottom:60px;} #chiffresAccueil .chiffres .chiffre .chiffreImg{margin-top:10px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:180px;} #chiffresAccueil .chiffres .chiffre p{font-size:32px;margin-top:25px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:90px;line-height:100px;} #choisirGriffon .chiffres .chiffre{width:100%;margin-bottom:30px;} #choisirGriffon .chiffres .chiffre .chiffreImg{margin-top:10px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:180px;} #choisirGriffon .chiffres .chiffre p{font-size:28px;margin-top:25px;} #choisirGriffon .chiffres .chiffre p > span{font-size:60px;line-height:70px;} */ .containerBlockCatalogue .blockCatalogue{width:100%;} .containerBlockCatalogue .blockCatalogue .catalogue .produit{width:50%;} .containerBlockCatalogue .blockCatalogue .catalogue-3 .produit{width:33.33%;} .containerBlockCatalogue .blockCatalogue .catalogue-1 .produit{width:100%;} } @media screen and (max-width: 930px){ #map{width:100%!important;height:350px!important;min-height:inherit;float:none;} #wpgmza_map{min-height:inherit;} #contact{width:100%;} #persoFooter .allSide{float:none;width:100%;max-width:600px;margin:0 auto;} #persoFooter .leftSide p{font-size:18px;} #persoFooter .rightSide a:first-child{margin-top:50px;} #persoFooter .rightSide a:last-child{margin-bottom:40px;} #persoFooter .reseau_sociaux{float:none;width:100%;max-width:600px;margin:0 auto;} /* #chiffresAccueil .chiffres{margin-top:80px;} #chiffresAccueil .chiffres .chiffre{text-align:center;height:auto;} #chiffresAccueil .chiffres .chiffre .chiffreImg{float:none;margin:0;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:140px;margin:10px 20px 0 0;} */ #chiffresAccueil .chiffres .chiffre{width:100%;margin-bottom:60px;margin-top:0;text-align:left;} #chiffresAccueil .chiffres .chiffre .chiffreImg{float:left;text-align:left;margin-top:10px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:180px;margin:10px 20px 0 0;} #chiffresAccueil .chiffres .chiffre:last-child .chiffreImg img{margin-bottom:50px;} #chiffresAccueil .chiffres .chiffre p{font-size:32px;margin-top:25px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:90px;line-height:100px;} #choisirGriffon .chiffres{text-align:center;} #choisirGriffon .chiffres .chiffre{display:inline-block;float:none;width:100%;margin-bottom:30px;text-align:left;} #choisirGriffon .chiffres .chiffre .chiffreImg{float:left;text-align:left;margin:10px 20px 0 0;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:180px;} #choisirGriffon .chiffres .chiffre p{font-size:28px;margin-top:25px;} #choisirGriffon .chiffres .chiffre p > span{font-size:60px;line-height:70px;} #newsletter{display:none;} } @media screen and (max-width: 900px){ #menumobile{left:inherit;right:162px;border-right:none;} #articlesBlock ul li{width:50%;} #upline, .fixed #upline{display:none;} #textAccueil .blockText div{width:100%;max-width:768px;margin:0 auto;float:none;text-align:center;} #textAccueil .blockText .leftText{padding:0;margin-bottom:50px;} #textAccueil .blockText .rightText{padding:0;} #gammesHydro .gammes .gamme{width:100%;float:none;margin-bottom:50px;padding:0;} #pageBlock{float:none;width:100%;margin:0;padding:80px 40px;min-width:inherit;} #page #articles .post .contenu-article .imageAlaune{float:none;width:100%;max-width:inherit;margin-bottom:30px;} #page #articles .post .contenu-article .content{float:none;width:100%;padding:0;text-align:center;} } @media screen and (max-width: 850px){ } @media screen and (max-width: 800px){ #textAccueil .blockText div{max-width:650px;} .logos-distributeurs a{width:32%;} .doc-technique{max-width:500px;margin:80px auto 0;} .doc-technique ul.pdf li{width:50%;} #contact .content_form .field{float:none;width:100%;} #contact .content_form .field p.small{margin:0;} #contact .content_form .field span.wpcf7-form-control-wrap{padding:0;} #contact .content_form .groupe2 .field:last-child{margin-top:20px;} #contact .content_form .field div.captcha img{margin:0 0 10px 0;} #contact .content_form .field div.captcha {float:none;width:228px;} #contact .content_form .groupe0 .field_left span.wpcf7-list-item{padding:0 20px 0 10px;} #contact .content_form div.wpcf7-response-output{font-size:12px;margin:0;} #contact .content_form span.wpcf7-not-valid-tip{font-size:12px;padding:0 20px;} #contact .content_form .captcha span.wpcf7-not-valid-tip{padding:0 10px;} #contact .content_form .field div.submit{padding-left:0;margin-left:0;} #intro-garantie{width: 100%; } #garantie{width: 100%; } /*page l'histoire*/ #article-269 .textLeft{float:none;width:100%;padding:0;} #article-269 .textRight{float:none;width:100%;padding:0;} /*anglais*/ #article-812 .textLeft{float:none;width:100%;padding:0;} #article-812 .textRight{float:none;width:100%;padding:0;} /*fin anglais*/ /*fin page l'histoire*/ /******************************************PAGE BATI SUPPORT*********************************************************/ #article-532 .blockImageLeft{float:none;width:100%;padding:0;} #article-532 .textRight {float:none;width:100%;padding:0;} #article-265 .blockImageLeft{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-265 .blockImageRight{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-265 .blockImage .image1 img{float:left;width:50%;height:auto;max-width:inherit;} #article-265 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-265 .blockImage .image3 img{float:left;width:50%;height:auto;max-width:inherit;} /*page l'histoire*/ #article-269 .blockImageLeft{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-269 .blockImageRight{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-269 .blockImage .image1 img{float:left;width:50%;height:auto;max-width:inherit;} #article-269 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-269 .blockImage .image3 img{float:left;width:50%;height:auto;max-width:inherit;} /*anglais*/ #article-812 .blockImageLeft{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-812 .blockImageRight{float:none;width:100%;max-width:inherit;overflow:hidden;} #article-812 .blockImage .image1 img{float:left;width:50%;height:auto;max-width:inherit;} #article-812 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-812 .blockImage .image3 img{float:left;width:50%;height:auto;max-width:inherit;} /*fin anglais*/ /*fin page l'histoire*/ .pageBlock #article-62.post .contenu-article img{float:none;margin:0 auto;} .pageBlock #article-66.post .contenu-article img{float:none;margin:0 auto;} .pageBlock #article-60.post .contenu-article img{float:none;margin:0 auto;} /*page_espace-technique*/ .doc_tech_case {width:48%; margin-bottom: 50px;} ul.dropdown-menu.doc_case{width: 100%;margin-left: -50%; position: relative; height:100%; } .dropdown-menu>li>a.drop_sousmenu{ text-align: center; background: white; font-size: 14px;font-weight: normal;display: block;} .dropup{display: table; width: 100%;} .dropdown-toggle { padding-top: 20px;margin-bottom: 0px;} .doc_tech_case p {display: none; } button.dropdown-toggle{width:100%;padding-bottom: 10px;margin-top: 0px;} /*Fin page-technique*/ } @media screen and (max-width: 767px){ .pageBlock .post h1{font-size:35px;} .pageBlock .post h2{font-size:25px;} .catalogue .produit{width:50%;} .catalogue-1 .produit{width:100%;} .containerBlockCatalogue .blockCatalogue .catalogue .produit{width:50%;} .pageBlock #article-1.post .contenu-article img{float:none;margin:0 auto;} #newsletter{display:none;} } @media screen and (max-width: 740px){ } @media screen and (max-width: 700px){ } @media screen and (max-width: 640px){ #bgImage{height:300px;background-size:1280px 600px;} #article-267 img.wp-image-348{width:100%;height:auto;max-width:300px;float:none;margin:0 auto;} #chiffresAccueil .chiffres .chiffre{max-width:480px;margin-bottom:30px;} #chiffresAccueil .chiffres .chiffre .chiffreImg{margin-top:30px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:140px;} #chiffresAccueil .chiffres .chiffre:last-child .chiffreImg img{margin-bottom:80px;} #chiffresAccueil .chiffres .chiffre p{font-size:28px;margin-top:40px;} #chiffresAccueil .chiffres .chiffre p > span{font-size:80px;line-height:90px;} #choisirGriffon .chiffres .chiffre{max-width:480px;} #choisirGriffon .chiffres .chiffre .chiffreImg{margin-top:30px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:140px;margin-bottom:50px;} #choisirGriffon .chiffres .chiffre p{font-size:26px;margin-top:45px;} #choisirGriffon .chiffres .chiffre p > span{font-size:50px;line-height:60px;} #articlesBlock ul li{width:100%;} #footer #widgetFooter ul li.widget{float:none;width:100%;} #footer #widgetFooter ul li#nav_menu-2 div{padding:0;} #footer #widgetFooter ul li#nav_menu-2 ul{text-align:center;} #footer #widgetFooter ul li#nav_menu-2 li{display:inline-block;float:none;} #footer #widgetFooter ul li#nav_menu-2 li a{height:30px;line-height:30px;} #footer #widgetFooter ul li#text-2 .textwidget .copyright{text-align:center;padding:0;} .single #page #contnavigation #navigation span{width:100%;} .single #page #contnavigation #navigation span.precedent{padding-right:0;margin-bottom:1px;} .single #page #contnavigation #navigation span a{float:none;margin:0 auto;} #article-265 p.exergue, #article-269 p.exergue{font-size:20px;line-height:25px;} #article-812 p.exergue{font-size:20px;line-height:25px;} #newsletter{display:none;} } @media screen and (max-width: 620px){ #persoFooter .leftSide .logoFooter{float:none;margin:0 auto;} #persoFooter .leftSide .logoFooter img{margin:95px auto 0;} #persoFooter .leftSide .adresseFooter{float:none;margin:50px auto 0;text-align:center;} } @media screen and (max-width: 600px){ #pageBlock{padding:80px 20px;text-align:center;} #pageBlock h1{text-align:center;background-position:center bottom;font-size:44px;} #pageBlock h2{text-align:center;} .catalogue .produit{width:100%;float:none;max-width:280px;margin:0 auto 30px;text-align:center;} .catalogue .produit .produitContent img{margin:0 auto;} .logos-distributeurs a {width:48%;} #article-1162 > div > div > div > div > p > img {max-width:280px; margin: 0 auto;} #article-1196 > div > div > div > div > p > img {max-width:280px; margin: 0 auto;} #t-toilettes{width:100%; margin:0 auto; text-align:left; line-height: 18px; letter-spacing: 0.5px; padding-top: 10px; font-size: 13px; } .titre-toilette{font-size: 23px;} #nav > div.menu-menu-en-container{display:table;background:rgba(30,30,30,0.9);width:320px; } .doc_tech_case{width:100%; background: rgba(30,30,30,0.9);margin:0px;padding-top: 0px;padding-bottom: 0px;border: none;} .doc_tech_case:hover{} .doc_tech_case img{display: none;} .dropup{font-size: 36px; color:white;letter-spacing: 3px;font-weight: normal;display:table;width:100%;} } @media screen and (max-width: 550px){ } @media screen and (max-width: 530px){ #header, .fixed #header{height:180px;} #blockHeaderLogo{width:110px;} #logo, .fixed #logo{width:90px;height:90px;margin:10px 0 10px -45px;position:absolute;top:0;left:50%;z-index:20000;} #logo img, .fixed #logo img{height:90px;} #nav, .fixed #nav{padding:160px 0 0 0;} #menumobile{left:0;/* right:162px; */border:none;border-top:1px solid #1E1E1E;width:33.33%;height:50px;top:110px;margin-top:0;} #menumobile .menutitle{display:none;} #menumobile .layer{left:50%;margin-left:-15px;} #menumobile .layer-1{top:15px;} #menumobile .layer-2{top:23px;} #menumobile .layer-3{top:31px;} #menumobile:hover .layer-1{top:13px;} #menumobile:hover .layer-2{top:23px;} #menumobile:hover .layer-3{top:33px;} #menumobile.open .layer-1{top:10px;left:50%;margin-left:-13px;} #menumobile.open .layer-2{top:10px;left:50%;margin-left:-2px;} #menumobile.open .layer-3{top:10px;left:50%;margin-left:9px;} #nav #menuMobileClose{top:160px;} #mobileSearchLang{width:66.66%;height:50px;top:110px;border-top:1px solid #1E1E1E;} #mobileSearchLang #btnSearch{width:50%;height:49px;} #mobileSearchLang #mobileLang{width:50%;height:49px;} #mobileSearchLang #mobileLang select{margin-top:11px;} #mobileSearchLang #mobileLang #polylang-2{margin:0 auto;} #slider{margin-top:160px;} #slider.fixed{margin-top:160px;} #page{margin-top:160px;} #page.fixed{margin-top:160px;} .home #page.fixed{margin-top:0;} #chiffresAccueil .chiffres .chiffre{height:auto;overflow:hidden;text-align:center;} #chiffresAccueil .chiffres .chiffre .chiffreImg{float:none;margin:20px 0 10px;} #chiffresAccueil .chiffres .chiffre .chiffreImg img{width:180px;margin:0 auto;} #chiffresAccueil .chiffres .chiffre:last-child .chiffreImg img{margin-bottom:0;} #chiffresAccueil .chiffres .chiffre p{font-size:28px;margin:30px 0;} #chiffresAccueil .chiffres .chiffre p > span{font-size:80px;line-height:90px;} #choisirGriffon .chiffres .chiffre{height:auto;overflow:hidden;text-align:center;} #choisirGriffon .chiffres .chiffre .chiffreImg{float:none;margin:20px 0 10px;} #choisirGriffon .chiffres .chiffre .chiffreImg img{width:180px;margin:0 auto;} #choisirGriffon .chiffres .chiffre p{font-size:26px;margin:30px 0;} #choisirGriffon .chiffres .chiffre p > span{font-size:50px;line-height:60px;} #newsletter{display:none;} } @media screen and (max-width: 500px){ #map{height:250px !important;} #phraseBleu div p{font-size:30px;line-height:38px;} #contact .content_form .groupe0 .field .wpcf7-list-item.last{padding-left:0;} #page #articles .post{padding:0;} #videogriffon{ top: -200px; } #newsletter{display:none;} } @media screen and (max-width: 479px){ #slider{height:320px;} } @media screen and (max-width: 440px){ #mobileSearch ul li div{margin:0 20px;} #mobileSearch #closeSearch{left:100%;margin-left:-30px;} #newsletter{display:none; } } @media screen and (max-width: 400px){ h1{font-size:35px;} #textAccueil h1, h2{font-size:29px;} #nav ul.menu li{height:34px;} #nav ul.menu li a{height:34px;line-height:34px;} #nav ul.menu li.menu-item-has-children > ul li{height:34px;} #nav ul.menu li.menu-item-has-children > ul li a{height:34px;line-height:34px;} .fixed #nav ul.menu li{height:34px;} .fixed #nav ul.menu li a{height:34px;line-height:34px;} .pageBlock .post h1{font-size:29px;} .pageBlock .post h2{font-size:24px;} .single #page .post{padding:0 0;} .link a{font-size:16px;} .link_slider{margin:auto;left:18%;top:80%;} .link_slider a {font-size:16px;height:60px;line-height:60px;} #persoFooter .rightSide a{font-size:20px;} #contact .content_form .groupe0 .field{height:auto;line-height:40px;padding:10px 0;} #contact .content_form .groupe0 .field .wpcf7-list-item{width:100% !important;} #contact .content_form .groupe0 .field .wpcf7-list-item.last{padding-left:20px;} #contact .content_form .groupe0 .field .wpcf7-list-item input{margin-top:13px;} .logos-distributeurs a{width:100%;} #article-265 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:inherit;} #article-265 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-265 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:inherit;} #article-269 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:inherit;} #article-269 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-269 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:inherit;} /*anglais*/ #article-812 .blockImage .image1 img{float:left;width:100%;height:auto;max-width:inherit;} #article-812 .blockImage .image2 img{float:left;width:100%;height:auto;max-width:inherit;} #article-812 .blockImage .image3 img{float:left;width:100%;height:auto;max-width:inherit;} /*fin anglais*/ #videogriffon{top:-200px;} #newsletter{ display:none; } } @media screen and (max-width: 360px){ #slider{height:240px;} #page #textAccueil .blockText .leftText p{font-size:20px;} #phraseBleu div p{font-size:24px;line-height:32px;} #chiffresAccueil .chiffres .chiffre p{font-size:26px;margin:30px 0;} #chiffresAccueil .chiffres .chiffre p > span{font-size:70px;line-height:80px;} #choisirGriffon .chiffres .chiffre p{font-size:26px;margin:30px 0;} #choisirGriffon .chiffres .chiffre p > span{font-size:40px;line-height:50px;} #videogriffon{top:-200px;} } #newsletter{ display:none; } @media screen and (max-width: 340px){ #nav ul.menu li{height:28px;} #nav ul.menu li a{height:28px;line-height:28px;} #nav ul.menu li.menu-item-has-children > ul li{height:28px;} #nav ul.menu li.menu-item-has-children > ul li a{height:28px;line-height:28px;} .fixed #nav ul.menu li{height:28px;} .fixed #nav ul.menu li a{height:28px;line-height:28px;font-size:16px;} #newsletter{ display:none; } } /*widget polylang*/ .screen-reader-text{display:none;} /*garantie-GRIFFON-formulaire*/