/*
 Theme Name:   Azurio
 Theme URI:    
 Description:  Azurio Theme
 Author:       Geoffrey IZARD
 Author URI:   http://izard.fr
 Template:     html5blank-stable
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  
*/

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat/montserrat-semibold-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat/montserrat-light-webfont.eot');
    src: url('fonts/montserrat/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat/montserrat-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon/icomoon.eot?82w5eo');
    src:    url('fonts/icomoon/icomoon.eot?82w5eo#iefix') format('embedded-opentype'),
        url('fonts/icomoon/icomoon.ttf?82w5eo') format('truetype'),
        url('fonts/icomoon/icomoon.woff?82w5eo') format('woff'),
        url('fonts/icomoon/icomoon.svg?82w5eo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
  content: "\e601";
}
.icon-cart:before {
  content: "\e600";
}
.icon-devis:before {
  content: "\e90f";
}
.icon-trash:before {
  content: "\e909";
}
.icon-triangle:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e90b";
}
.icon-rouleau:before {
  content: "\e90c";
}
.icon-tick:before {
  content: "\e90d";
}
.icon-home:before {
  content: "\e908";
}
.icon-arrowL:before {
  content: "\e907";
}
.icon-arrowR:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e900";
}
.icon-more:before {
  content: "\e901";
}
.icon-googleplus:before {
  content: "\e902";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e905";
}
.icon-edit:before {
  content: "\e910";
}
.icon-gloves:before {
  content: "\e90e";
}
.icon-download:before {
  content: "\e911";
}
.icon-coin:before {
  content: "\e912";
}
.icon-credit-card:before {
  content: "\e913";
}
.icon-cheque:before {
  content: "\e914";
}
.icon-pro:before {
  content: "\e915";
}
html body {
    color: #3e3e3e;
    font: 300 16px/1.5 "montserrat",Helvetica,Arial,sans-serif;
}
body a, input[type="submit"] {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body p a{
    color: #598826;
    text-decoration: underline;
}
.sitecontent{
    max-width: 100%;
    overflow: hidden;
}
.pageBase a:not(.btn){
    color: #74aa39;
    font-weight: 400;
    text-decoration: underline;
}
.pageBase a:not(.btn):hover{
    color: inherit;
}
body h1 {
    margin: 0.67em 0;
    font-size: 3em;
}
h1 span{
    color: #74aa39;
}
.h2,h2{
    font-size: 2em;
    font-weight: 300;
}
.h2 span,h2 span{
    color: #74aa39;
}
.sideBoxCtaTitle{
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 40px 0;
    position: relative;
}
.sideBoxCtaTitle span{
    background: #fff;
    display: table;
    position: relative;
    padding-right: 15px;
}
.sideBoxCtaTitle::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 15px;
    background: #d8d8d8;
}
.colArticles .h2::before,.colArticles h2::before, .single-post h2::before, .single-realisation h2::before{
    display: none;
}
.single-realisation h2{
    text-transform: none;
    letter-spacing: 0;
    font-size: 17px;
}
.h2.neutre::before,h2.neutre::before{
    display: none;
}
h3, .h3{
    font-weight: 300;
    margin: 15px 0;
    font-size: 1.5em;
}
h4{
    font-weight: 300;
    margin: 10px 0;
    font-size: 1.4em;
}
hr{
    border: 0.5px solid #bebebe;
    position: relative;
    overflow: visible;
    max-width: 800px;
}
#societe h3 span{
    color: #74AA39;
}
blockquote{
    font-style: italic;
    margin-left: 30px;
    position: relative;
}
blockquote::before{
    content: "''";
    font-weight: 400;
    font-size: 40px;
    position: absolute;
    left: -29px;
    top: 0;
    line-height: 1em;
    color: #74aa39;
}
.blockquoteLink{
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}
.btn, input[type="submit"], .comment-reply-link{
    margin-bottom: 10px;
    text-decoration: none;
    background: #3e3e3e;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    padding: 9px 30px;
    margin-right: 20px;
    border: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    text-align: center;
}
body b, body strong {
    font-weight: 400;
}
p{
    margin: 20px 0;
}

.owl-carousel *::selection {
    background:transparent;
    color:inherit;
}
body ::selection {
    background:#74AA39;
    color:#FFF;
    text-shadow:none;
}
body ::-webkit-selection {
    background:#74AA39;
    color:#FFF;
    text-shadow:none;
}
body ::-moz-selection {
    background:#74AA39;
    color:#FFF;
    text-shadow:none;
}
img {
    height: auto;
}
.btn:last-child{
    margin-right: 0;
}
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus{
    color:#fff;
    background: #777777;
}

.btn.vert{
    background: #74aa39;
}
.btn.vert:hover, .btn.vert:focus{
    background: #598826;
}
.btn.small{
    padding: 5px 20px;
}
.btn.alternate{
    border: none;
    border-radius: 5px;
    color: #fff;
    -webkit-box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
    transform: scale(1);
    background: #3e3e3e;
}
.btn.alternate.vert{
    background: #74aa39;
}
.btn.alternate:hover, .btn.alternate:focus, .impeccable .btn:hover, .impeccable .btn:focus{
    -webkit-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.2);
    background: #598826;
}
.txtVert{
    color:  #74aa39;
}
.more i{
    color: #74aa39;
    font-size: 32px;
    margin-right: 10px;
    position: relative;
    top: 8px;
}
.more i::before{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
}
.more:hover i::before, .more:focus i::before{
    color: #598826;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.more {
    font-size: 16px;
    font-weight: 400;
}
.header {
    z-index: 1000;
    position: relative;
}
.logo-img{
    width: 174px;
    height: auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.is-sticky .logo-img{
    width: 130px;
    position: relative;
    top: 6px;
}
.topbar{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
}
header .topbar .topbarContent{
    width: 50%;
    background: #3e3e3e;
    border-radius: 0 0 0 15px;
    position: relative;
    color: #fff;
    padding: 12px 30px;
}
header .topbar .topbarContent > div{
    display: inline-block;
}
header .topbar .topbarContent svg{
    position: absolute;
    left: -15px;
    top: 0;
}
body small{
    font-size: 12px;
}
.social{
    margin-right: 30px;
    position: relative;
    top: 5px;
}
.social a{
    color: #777777;
    font-size: 23px;
    margin-left: 12px;
}
.social a:hover, .social a:focus{
    color: #3e3e3e;
}
.social a:first-child{
    color: #74aa39;
    margin-left: 0;
}  
.social a:first-child:hover, .social a:first-child:focus{
    color: #598826;
    display: inline-block;
}    
.tel{
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px;
    margin-right: 30px;
}
.tel i{
    color: #b4cf67;
     margin-right: 10px;
}
.tel a, .tel a:hover, .tel a:focus{
    color: #fff;
}
footer .tel a{
    color: #fff;
}
.clickToCall .btn{
    padding: 3px 14px;
    margin-bottom: 0;
}
.clickToCall .btn.accesPro{
    border: 1px solid #ffffff47;
}
.clickToCall .btn.accesPro i{
    color: #b4cf67;
    margin-right: 10px;
}
.clickToCall .orange{
  background: #F36C45;
  color: #fff;
}
.clickToCall .orange:hover, .clickToCall .orange:focus{
  background: #f98b6b;
}
.clickToCall .vert{
  background: #74aa39;
}
.clickToCall .vert:hover, .clickToCall .vert:focus{
  background: #598826;
}
.logo{
    margin-right: 40px;
}
header nav.nav{
    position: relative;
    top: 25px;
    text-align: right;
}
nav.nav ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
nav.nav ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}
nav.nav ul li.menu-item-has-children::after {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border: #74aa39 solid 2px;
    border-top: none;
    border-left: none;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 31px;
    left: 50%;
}
#menu-item-49 > a, #menu-item-48 > a{
    cursor: default;
}
nav.nav ul li:last-child{
    margin-right: 0;
}
nav.nav ul li a{
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #3e3e3e;
    display: inline-block;
}
nav.nav ul.sub-menu {
    position: absolute;
    z-index: 20;
    display: none;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    text-align: left;
    box-sizing: border-box;
    padding: 10px 0;
    margin-top: 0;
}
.sub-menu.active{
    

}
header nav.nav ul.sub-menu li {
    margin-right: 0;
    display: block;
    width: 100%
}
header nav.nav ul.sub-menu li a{
    display: block;
    white-space: nowrap;
    padding: 10px 30px;
    color: #3e3e3e;
    width: 100%;
    margin:0;
}
header nav.nav ul.sub-menu li a:hover, header nav.nav ul.sub-menu li a:focus{
    color: #74aa39;
}
header nav.nav ul.sub-menu li a:hover, header nav.nav ul.sub-menu li a:focus{
    color: #74aa39;
}
nav.nav .sub-menu li {
    display: block;
}
.navBar{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px;
}
.is-sticky{
    z-index: 500;
    position: relative;
}
#stickyNav{
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.is-sticky #stickyNav{
    background: #fff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
}
#accroche{
    position: relative;
    text-align: center;
    margin-top: 60px;
}  
#accroche h1{
    font-size: 23px;
    letter-spacing: 0;
} 
.accrocheImg{
    height: 415px;
}
.accorcheTxt{
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -3px;
    line-height: 106px;
}
.accorcheTxt span{
    font-size: 150px;
    display: block;
    color: #74aa39;
    letter-spacing: -6px;
}
#accroche i:before{
    content: url(img/grossite-france.jpg);
    position: relative;
    top: 9px;
    margin-right: 10px;
}
body .wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 5px;
    text-align: center;
    display: inline-block;
}
body .wp-caption .wp-caption-text{
    font-size: 17px;
    margin: 0;
    padding: 0 4px 5px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body .wp-caption.alignnone {
    margin: 5px 5px 20px 0;
}
section {
    margin: 25px 0; 
}
.row::after,  section::after{
    clear: both;
}
.row::before, .row::after, section::before, section::after {
    content: " ";
    display: table;
}
.colL, .colR{
    width: 50%;
     position: relative;
}
.colL{
    float: left;
    padding-right: 20px;
}
.colR{
    float: right;
    padding-left: 20px;
}
.catGazon{
    margin-top: 0;
}
.catGazon .itemCatGazon {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}
.catGazon .itemCatGazon .itemCatGazonBgBox{
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
}
.catGazon .itemCatGazon .btnCat{
    text-align: center;
}
.itemCatGazonConseil{
text-align: center;
}

.catGazon .itemCatGazonBg:before{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.listeGazonCatSousTitre{
    font-weight: 500;
    opacity: 0.6;
    font-size: 15px;
}
.listeGazonCat h3{
    margin-bottom: 5px;
}
.listeGazonCat .btn{
    margin-top: 15px;
    background: #74aa39;
}
.listeGazonCat .btn:hover, .listeGazonCat .btn:focus{
    background: #466920;
}
.itemCatGazon:nth-child(1) .itemCatGazonBg:before{
    background-image: url(/wp-content/themes/azurio/img/gazon-synthetique-jardin-2.jpg);
}
.itemCatGazon:nth-child(2) .itemCatGazonBg:before{
    background-image: url(/wp-content/themes/azurio/img/gazon-synthetique-piscine-3.jpg);
}
.itemCatGazon:nth-child(3) .itemCatGazonBg:before{
    background-image: url(/wp-content/themes/azurio/img/gazon-synthetique-terrasse-2.jpg);
}
.itemCatGazon:nth-child(4) .itemCatGazonBg:before{
    background-image: url(/wp-content/themes/azurio/img/gazon-synthetique-balcon.jpg);
}
.catGazon .itenCatGazonTxt {
    padding: 5px 20px;
    border-radius: 0 0 10px 10px;
}
.catGazon .itenCatGazonTxt p{
    margin-top: 2px;
    font-size: 14px;
    margin-bottom: 8px;
}
.catGazon .itemCatGazon h2{
    text-align: center;
    font-size: 30px;
    letter-spacing: 1px;
    border-bottom: solid 2px #3e3e3e26;
    width: 84%;
    margin: 8px auto 0 auto;
}
.catGazon .itemCatGazonBg:before{
    content: "";
    display: block;
    width: 100%;
    height: 197px;
}
.catGazon .itemCatGazon h2 span{
    background: none;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    display: block;
    padding: 0;
    opacity: 0.9;
    font-weight: 300;
}
.catGazon .itemCatGazon h2 span::after{
    display: none;
}
.sliderGazons{
    min-height: 285px;
    position: relative;
    top: 18px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.sliderGazons .icon-arrowL::before, .sliderGazons .icon-arrowR::before, .owl-carousel .icon-arrowR::before, .owl-carousel .icon-arrowL::before{
    cursor: pointer;
    font-size: 35px;
    margin-top: -32px;
    padding: 15px;
    position: absolute;
    top: 50%;
}
body .sliderGazons .icon-arrowL::before, body .sliderGazons .icon-arrowR::before{
    margin-top: -80px;
}
.footer nav ul{
    padding: 0;
}
i.icon-arrowL, i.icon-arrowR{
    cursor: pointer;
}
.sliderGazons .icon-arrowL::before, .owl-carousel .icon-arrowL::before{
    left: -80px;
}
.sliderGazons .icon-arrowR::before, .owl-carousel .icon-arrowR::before{
    right: -80px;
}
.gazonsItem{
    width: 20%;
    text-align: center;
    position: relative;
    cursor: pointer;
     margin-top: 30px;
       -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 20;
}

.gazonsItem.active{
    width: 70%;
    cursor: default;
    margin-top: 0;
     z-index: 40;
}
.photoGazonSlider{
     position: relative;
    z-index: 5;
    width: 145px;
    height: 96px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.gazonsItem.active .photoGazonSlider{
    width: 480px;
    height: 318px;
    -webkit-transform: translate(-15%, 0px);
    -moz-transform: translate(-15%, 0px);
    -o-transform: translate(-15%, 0px);
    -ms-transform: translate(-15%, 0px);
    transform: translate(-15%, 0px);
    margin-top: -50px;
}
.gazonsItem .gazonTitle{
    color: #939393;
    font-size: 11px;
    display: block;
    font-weight: 400;
}
.gazonsItem .encartItemGazonSlider .nomGazon{
    font-size: 23px;
    color: #444;
}
.gazonsItem .encartItemGazonSlider .ssTitreGazonTaille{
    display: block;
}
.gazonsItem .encartItemGazonSlider .ssTitreGazon{
     color: #74aa39;
      font-size: 23px;
}
.encartItemGazonSlider h3{
    margin: 0;
}
.encartItemGazonSlider p{
     margin: 10px 0;
}
.gazonsItem .titreMiniature .nomGazon, .titre1Acc{
    font-size: 17px;
    display: block;
    line-height: 18px;
    font-weight: 400;
}
.gazonsItem .titreMiniature .ssTitreGazon, .titre2Acc{
     display: block;
     font-size: 17px;
    color: #74aa39;
    line-height: 18px;
    font-weight: 400;
}
.gazonsItem .encartItemGazonSliderContent{
    width: 0;
    height: 230px;
    overflow: hidden;
   position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    text-align: left;
    z-index: 20;
    box-sizing: border-box;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.gazonsItem.active .encartItemGazonSliderContent{ 
    width: 350px;
    right: 0;
     -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.gazonsItem .encartItemGazonSlider{
        width: 350px;
        padding: 26px;
}
.gazonsItem .titreMiniature{
    z-index: 1;
    top: 82px;
    width: 100%;
    position: absolute;
    opacity: 1;
    webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}
.gazonsItem.active .titreMiniature{
    opacity: 0;
}
.encartItemGazonSlider .more{
    font-size: 16px;
}
.btnSousSlide{
    position: relative;
    z-index: 20;
}

span.ToTop a.icon-arrowL{
    background-color: #f36c45;
    color: #fff;
    position: fixed;
    z-index: 100;
    right: 1%;
    bottom: 7px;
    border-radius: 100px;
    padding: 12px 16px;
    font-size: 30px;
    transform: rotate(90deg);
}

.sommaireAccessoire{
    columns: 4 100px;
    -webkit-columns: 4 100px;
    -moz-columns: 4 100px;
    list-style-position: inside;

}
.sommaireAccessoire li a{
    text-decoration: none !important;

}
.listingAccessoire{
    align-items: center;
}
.accessoire-ban1{
    display: flex;
  justify-content: center;  
}
 h2.titreAccessoire2 > span::after, .h2.titreAccessoire2::before, h2.titreAccessoire2::before{
    content: normal;
}
.descriptionAccessoire, .descriptionAccessoireBox{
    width: 90%;
    height: 100%;
    margin: auto;
    border: 2px solid #d8d8d8;
    border-radius: 5px;
    display: block;
    padding: 10px 20px;
    position: relative;
}
.solDur, .solMeuble{
    display: inline-block;
    background: #7e7e7e;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 4px;
}
.solMeuble{
    background: #ab713a;
}
.natureSol{
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: -13px;
}
.h2Accessoir{
    font-size: 22px;
}
body .descriptionAccessoireBox .avantagespro-img{
    top: -17px;
}
body .descriptionAccessoireBox{
    padding: 25px 25px;
    margin-bottom: 15px;
}
h3.titreAccessoire2 span{
    display: inline-block;
}
h3.titreAccessoire2 .titre1Acc, h3.titreAccessoire2 .titre2Acc{
    font-size: 38px;
}
body .descriptionAccessoireBox p{
    margin: 0;
}
.descriptionAccessoire p span{
    font-weight: 800;
    color: #74aa39;
    text-transform: uppercase;
}
.descriptionAccessoireimg{
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -28px;
}
.photoAccessoiresSlider{
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 260px;
    height: 88%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}
.encartItemAccessoiresSliderContent{
    min-height: 245px;
    padding: 30px;
    margin: 0 30px 50px 50px;
    border-radius: 5px;
    width: 60%;
    top: 10px;
    float: right;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    text-align: left;
    z-index: 20;
    position: relative;
    box-sizing: border-box;
}
.encartItemAccessoiresSliderContent h3{
    margin: 0;
}
.encartItemAccessoiresSliderContent .miniDescAccessoiresSlider{
    margin: 15px 0;
}
.encartItemAccessoiresSliderContent .more{
    position: absolute;
    bottom: 23px;
}
#pose .btn {
    float: right;
    margin-right: 30px;
}
/*
.commentposerImg{
    display: block;
    float: left;
    margin-left: -65px;
    margin-right: 15px;
}
*/
#pose .colR{

}
#pose .colL{

}
.txtSociete1 p, .txtConseil1 p{
    margin-bottom: 0;
}
.sliderAccessoires {
    margin-top: -29px;
}
.homeConseilAccessoire{
    ;
}
.txtCommentPoser{
    
}
.txtCommentPoser{
    padding-right: 30px;
}
.txtCommentPoser h3{
    margin: 0;
}
.txtCommentPoser p{
     margin-top: 15px;
}
#pose .icon-arrowL::before, #pose .icon-arrowR::before {
    cursor: pointer;
    font-size: 35px;
    margin-top: -52px;
    padding: 15px;
    position: absolute;
    top: 50%;
}
#pose .icon-arrowL::before {
    left: -20px;
}
#pose .icon-arrowR::before {
    right: -80px;
}
.accessoireSSTitle{
    color: #74aa39 ;
}
.societeContent .colR{
    width: 70%;
}
.societeContent a:not(.btn){
     text-decoration: underline;
    color: #598826 ;
}
.societeContent .colL{
    width: 30%;
}
.txtSociete1 a, .txtSociete a, .txtConseil1 a{
    text-decoration: underline;
    color: #598826 ;
}
    
.toggle{
    cursor: pointer;
    display: block;
    font-weight: 400;
    margin-top: 15px;
    text-decoration: underline;
}
.toggleContent {
    display: none;
}
.owl-carousel .owl-item img {
    display: block;
    height: auto;
    width:auto;
}
.sliderAccessoires.owl-carousel .owl-dots .owl-dot {
    display: none;
}
.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}
.owl-carousel .owl-dots .owl-dot.active span, #societe .owl-dots .owl-dot:hover span {
    background: #869791 none repeat scroll 0 0;
}
.owl-carousel .owl-dots .owl-dot span {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    width: 10px;
}
.owl-carousel .owl-dots{
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: table;
    margin: -15px auto 0;
    padding: 5px 15px 0;
    position: relative;
    z-index: 20;
}
.sliderArticle .owl-dots{
    left: 131px;
    position: absolute;
    top: -40px;
}
.conseilActus .colR > h3{
    padding-left: 20px;
}
.conseilActus .colR{
    padding: 0;
}
.sliderArticle {
    margin-top: 27px;
}
.imgConseil {
    float: left;
    margin: 20px 30px 20px 0;
}
.imageAlaUneArticle{
    margin-bottom: 10px;
}
.articleContent .dateArticle{
    color: #9d9d9d;
    font-size: 12px;
}
.articleContent h3{
    display: inline;
    font-size: 22px;
}
.articleContent .more{
    bottom: 6px;
    position: relative;
}
.societeTxt h3 {
    margin-top: 0;
}
.gallery-columns-1 .owl-stage-outer, .diapoRealisationGazonBox .owl-stage-outer {
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
}
.gallery-item{
 margin: 0;
}
.footer{
    margin-top: 20px;
    background: #3e3e3e;
    color: #fff;
}
footer .wrapper{
    padding: 16px 20px 50px 20px; 
    text-align: center;
     margin-top: 10px;
     position: inherit;
}
footer nav.nav ul li a{
    color:#a8a8a8;
}
footer nav.nav ul li a:hover, footer nav.nav ul li a:focus{
    color:#fff;
}
footer nav.nav{
   margin: 0 auto;
   display: table;
}
.contactFoot{
    font-size: 12px;
    letter-spacing: 1px;
}
.contactFoot span{
    margin-right: 30px;
}
.contactFoot span:last-child{
    margin-right: 0;
}
.contactFoot .mailcontact a{
    color: #74aa39;
    text-decoration: underline;
}
.contactFoot .tel{
    font-size: 12px;
}
.contactFoot .tel i::before{
    font-size: 10px;
}
.contactFoot .tel i {
    margin-right: 5px;
}
.contactFoot .socialFoot a{
    color: #9f9f9f;
    font-size: 21px;
    line-height: 0;
    margin-right: 7px;
    position: relative;
    top: 4px;
}
.contactFoot .socialFoot a:hover, .contactFoot .socialFoot a:focus{
    color: #fff;
}
.contactFoot .socialFoot i::before{
    
}
.logo-foot{
    bottom: 3px;
    margin-right: 9px;
    position: relative;
}
.copyright{
    color: #5b5b5b;
    margin: 20px 0 0;
    font-size: 12px;
    font-weight: 400;
}
.breadcrumb .icon-home{
    color: #777777;
    font-size: 18px;
    position: relative;
    line-height: 0;
    top: 2px;
}
.breadcrumb .icon-arrowR{
    color: #9f9f9f;
    font-size: 9px;
    line-height: 0;
    margin: 0 15px;
    position: relative;
 }
 .breadcrumb a{
    color: #74aa39;
    font-weight: 400;
 }
 #breadcrumbs{
    font-size: 15px;
    background: #fff;
    position: relative;
    z-index: 2;
     padding-right: 20px;
     display: table;
    margin-bottom: 0;
 }
 .breadcrumb{
    position: relative;
    margin-top: 30px;
 }
.breadcrumb::before{
    background: #d8d8d8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    top: 11px;
    width: 50%;
    z-index: 1;
 }
 .presentationProduit h1{
    line-height: 1.1em;
 }
 .titre1Acc, .titre2Acc{
    line-height: 1.2em;
 }
.presentationProduit .gazonTitle{
    display: block;
    font-weight: 400;
    color:#939393;
    font-size: 17px;
 }
.presentationProduit .nomGazon{
    display: inline-block;
    font-size: 70px;
    font-weight: 300;
    color: #3e3e3e;
 }
.presentationProduit .ssTitreGazon, .titre2Acc{
    display: inline-block;
    font-size: 60px;
    color: #74aa39;
 }
 .presentationProduit .colR{
    width: 45%;
 }
.sliderProduit .sliderImgThumb, .sliderProduit .sliderImgThumb:focus, .sliderProduit .sliderImgThumb:visited, .sliderProduit .sliderImgThumb:active{
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    max-width: 120px;
    border: none;
    background: transparent;
    outline-color:transparent;
 }
.single-gazons h2{
    margin: 0px 0 20px 0;
}
.single-gazons h2 span{
    color: #3e3e3e;
}
.single-gazons #pose h3{
    font-size: 17px;
    font-weight: 400;
}
.sliderProduit .sliderImgThumb img{
    padding: 5px;
 }
 .sliderProduit .sliderImgThumb.active img{
    border: solid 1px #d8d8d8;
    border-radius: 5px;
 }
.sliderProduitThumbs{
margin-top: 10px;
}
.caracteristiqueLigne{
    margin-bottom:10px; 
    position: relative;
}
.caracteristiqueLigne::after{
    margin-top: 10px; 
    content: "";
    height: 1px;
    width: 80%;
    background: #d8d8d8;
    margin-left: 20%;
    display: block;
}
.caracteristiqueLigne:last-child::after{
    display: none;
}
.caracteristiqueLigne .titreInfoLigne{
    font-weight: 400;
    font-size: 14px;
    opacity: 0.5;
}
.caracteristiqueLigne .infoLigne{
    position: absolute;
    left: 0;
    margin-left: 35%;
}
.surmesure{
    left: 0;
    margin-left: 35%;
    margin-top: 25px;
    position: absolute;
    text-decoration: underline;
    color: #444;
    font-weight: 300;
}
.tencate, .schramm, .fr{
    position: relative;
    bottom: 3px;
    margin: 0 5px;
}
.btnPdf {
    display: inline-block;
    font-weight: 400;
    margin: 33px auto 0 auto;
    display: table;
    clear: both;
}
.btnPdf:hover, .btnPdf:focus {
    color: #66992F;
}
.btnPdf::before {
    background: #74aa39 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "PDF";
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    line-height: 0;
    margin-right: 11px;
    padding: 19px 10px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btnPdf:hover::before, .btnPdf:focus::after {
    background: #66992F none repeat scroll 0 0;
}
.liensProduit{
    margin-top: 60px;
}
#poseProduit .colL{
    width: 60%;
}
#poseProduit .colR{
    width: 40%;
}
.accessoiresItemGazon a{
    color: inherit;
}
.accessoiresChoix{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.accessoiresItemGazon{
    text-align: center;
    width: 14%;
    padding-right: 20px;
}
.photoAccessoiresItemGazon{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 95px;
    width: 100%;
}
.accessoiresItemGazon > a{
    display: inline-block;
    width: 100%;
}
.pageTitle h1 span{
    font-weight: 400;
    color: #74aa39;
    font-size: 29px;
    display: block;
    line-height: 1em;
}
.pageTitle h1 span.inline{
    display: inline;
}
.pageTitle h1{
    font-weight: 300;
    font-size: 53px;
    line-height: 1.3em;
}
.productList{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.endList{
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.productList .productListItem h2 a{
    color: #444;
    font-weight: 300;
    font-size: 37px;
}
.productList .productListItem{
    width: 33%;
    padding-right: 30px;
}
.productList .productListItem.comparo{
    width: 19%;
    padding: 0;
    position: relative;
    padding: 5px 5px 25px 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 20px;
}
.productList .productListItem.comparo.choix{
    -webkit-box-shadow: inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
    -moz-box-shadow: inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
    box-shadow: inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
}
#typeUtilisation:active, #typeUtilisation:hover {
  outline-color: transparent;
  outline: none;
}
#typeUtilisation option:checked, #typeUtilisation option:hover, #typeUtilisation option:focus {
    color: white;
    background: #5a8c21;
}
#typeUtilisation {
    border: none;
    outline-color: transparent;
    outline: none;
    background: rgba(116, 170, 57, 1);
    color: #fff;
    padding: 10px 20px;
    max-width: 100%;
}
.productList .productListItem.comparo:last-child::after{
    display: none;
}
.comparo .h2,.comparo h2{
    color: #444;
    font-size: 25px;
    text-align: center;
    margin-bottom: 0;
}
.productListComparo{
    overflow: hidden;
}
.comparo .h2 span::after, .comparo h2::before{
    display: none;
}
.comparo h2 .txtVert{
    color: #74aa39;
    display: block;
    font-size: 40px;
    line-height: 1em;
    padding: 0;
}
.comparo h2 > span::after{
    display: none;
}
body .pageBase .comparo a{
    text-decoration: none;
}
.comparo h2 > span.gazonTitleChoix{
    display: block;
    color: #939393;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 15px 0 0 0;
    background: none;
}
.comparoTxt{
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.comparoTxt h2{
    margin: 0 0 15px 0;
}
.txtSelectChoix{
    margin-right: 15px;
}
.checkboxChoix{
    margin: 40px auto 0;
    display: table;
    color: #F36C45;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}
.hauteurFibre{
    font-weight: 400;
}
.note{
    text-align: center;
    position: relative;
}
.avisNote{
    min-height: 290px;
}
.note h3{
    font-size: 14px;
    text-transform: uppercase;
   font-weight: 400;
    text-align: center;
    margin: 15px auto;
     padding: 15px 10px;
    position: relative;
    background: #fff;
    display: table;
    z-index: 5;
}
.note::before{
    content: "";
    border-bottom: #d8d8d8 solid 1px;
    height: 2px;
    width: 2500px;
    display: block;
    position: absolute;
    left: -200%;
    opacity: 1;
    top: 23px;
}
article:nth-child(1) .note h3, article:nth-child(2) .note h3, article:nth-child(4) .note h3, article:nth-child(5) .note h3{
    opacity: 0;
}
.bulletNote{
    background: #d8d8d8;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-right: 5px;
}
.bulletNote:last-child{
    margin-right: 0;
}
.note1 .bulletNote:nth-child(2){
    background: #74aa39;
}
.note2 .bulletNote:nth-child(2), .note2 .bulletNote:nth-child(3){
    background: #74aa39;
}
.note3 .bulletNote:nth-child(2), .note3 .bulletNote:nth-child(3), .note3 .bulletNote:nth-child(4){
    background: #74aa39;
}
.note4 .bulletNote:nth-child(2), .note4 .bulletNote:nth-child(3), .note4 .bulletNote:nth-child(4), .note4 .bulletNote:nth-child(5){
    background: #74aa39;
}
.note5 .bulletNote:nth-child(2), .note5 .bulletNote:nth-child(3), .note5 .bulletNote:nth-child(4), .note5 .bulletNote:nth-child(5), .note5 .bulletNote:nth-child(6){
    background: #74aa39;
}
.notation{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
article .notation .note h3{
    opacity: 1;
    padding: 0 15px 0 0;
    margin: 0;
    display: inline-block;
    text-transform: none;
}
article .notation .note {
    text-align: left;
    margin-right: 60px;
    margin-bottom: 10px;
}
article .notation .note .avis{
    display: inline-block;
}
article .notation .note:before{
    display: none;
}
.comparo .more{
    color: #444;
    display: table;
    margin: 40px auto 0;
}
.comparo .more:hover, .comparo .more:focus{
    color: #74aa39;
}
.avis{
    min-height: 176px;
}
.presentationProduit .avis{
    min-height: inherit;
}
.avis p{
    margin: 0;
} 
.productListItem h2 span span{
    color: #74aa39;
    display: inline;
    padding: 0;
    font-weight: 400;
}
.productListItem h2 span span::after{
    display: none;
}
.productListItem{
    margin-bottom: 20px;
}
.post-type-archive-gazons h2{
    margin: 20px 0;
}
.productListItem .imgListProduit a{
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
}
.descListProduit{
    margin-bottom: 5px;
}
.productListItemAccessoires h2 > span::after{
    display: block;
    position: relative;
    right: 0;
    top: 14px;
}
.productListItemAccessoires h2::before{
    bottom: -5px;
    display: block;
    position: absolute;
    top: auto;
}
.productList .productListItem.productListItemAccessoires{
    width: 25%;
}
.imgSeuleProduit img{
    height: auto;
}
.colL.colAccessoire {
    width: 49%;
}
.presentationProduitAccessoir .nomGazon, .titre1Acc{
    font-size: 50px;
}
.titreInline.pageTitle h1 span.inline {
    display: block;
}
.colonage{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}
.colonage3 > div{
    width: 33%;
    padding-right:20px; 
}
.colonage2 > div{
    width: 50%;
    padding-right:20px; 
}
.colonageCommander > div{
    width: 50%;
    padding-right:20px; 
}
.colConseil{
    margin-right:30px; 
}
.btnSousPage{
    margin-top: 50px;
    display: block;
}
.infoEnPlus{
    margin-top: 50px;
}
.infoEnPlus::before {
    width: 50%;
}
#wpseo_sitemap{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
}
#wpseo_sitemap > div{
width: 20%;
padding-right:20px; 
}
.colSidebar{
    width: 22%;
    float: left;
    margin-top: 75px;
}
.colArticles{
    width: 75%;
    float: right;
}
.colArticles article{
    margin-bottom: 50px;
}
.soustitreBlog{
    font-weight: 400;
    color: #74aa39;
    font-size: 30px;
    display: block;
    margin-bottom: 20px;
}
.itemTutos{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.itemTutos p{
    margin: 10px 0;
}
.blogItemContent h2::before{
    display: none;
}
.blogItemContent h2{
    margin-top: 0;
    margin-bottom: 0px;
}
.blogItemContent{
    padding-left: 380px;
}
.colArticles .blogExtrait p{
    margin-bottom: 0;
}
.blogItemImg{
   float: left;
}
.colSidebar h3 {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    position: relative;
    font-weight: 400;
    margin: 20px 0 20px;
}
.colSidebar h3::before {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    background: #74aa39;
    margin-right: 15px;
    border-radius:50%;
}
.sidebar-widget > div{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #d8d8d8;
}
.sidebar-widget > div:last-child{
    border-bottom: none;
}
.widget_categories ul{
    margin: 10px 0;
    padding-left: 40px;
}
.tagcloud{
    padding-left: 20px;
}
.tagcloud a{
    font-size: 14px;
}
body .pagination .page-numbers.current {
    background: #444;
    opacity: 0.4;
}
body .pagination .page-numbers.dots{
    background: none;
    color: inherit;
}
body .pagination .page-numbers:hover{
    color: #fff;
}
body .pagination .page-numbers{
    background: #74aa39;
    border-radius:50%;
    color: #fff;
    font-weight: 400;
    width: 30px;
    display: inline-block;
    text-align: center;
    padding: 4px 0;
    text-decoration: none;
}
body .pagination .next, body .pagination .prev, .page-numbers.dots {
    background: transparent;
    border-radius:50%;
    color: inherit;
    font-weight: 400;
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 4px 10px;
    text-decoration: none;
}
body .pagination .next:hover, body .pagination .prev:hover, body .pagination .page-numbers.dots:hover {
    color: inherit;
}
.blogItemContent .date{
    color: #9d9d9d;
    font-size: 14px;
    font-weight: 400;
}
.tagCat{
    color: #9d9d9d;
     font-size: 14px;
}
.tagItem{
    display: inline-block;
}
.tagItem a, .tagItem a{
     color: #74aa39;
}
.cat{
     display: inline-block;
     margin-right: 15px;
}
article h2 a{
    color: inherit;
    font-weight: inherit;
}
article a{
    color: #74aa39;
    font-weight: 400;
}
.gallery-columns-1{
    max-width: 600px;
}
.slideSociete .gallery-columns-1{
    max-width: none;
} 
#realisation .gallery-columns-1{
    max-width:none;
}
.single.single-post .imgArticleBase{
    margin-bottom: 30px;
}
.single.single-post .pageTitle{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 40px;
}
.single.single-post h1{
    font-size: 37px;
    margin-bottom: 10px;
    margin-top: 0;
}
.articleTitleContent{
    margin-top: 40px;
}
.single.single-post .gallery-columns-1 .owl-stage-outer {
    -webkit-box-shadow: 0px 0px 0px 2px #d8d8d8;
    -moz-box-shadow:    0px 0px 0px 2px #d8d8d8;
    box-shadow:         0px 0px 0px 2px #d8d8d8;
    border: 7px solid #fff;
}
#gallery-2{
    float: left;
    margin: 0 30px 30px 0;
}
.referenceContent .refBox{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100px;
}
#references .referenceContent .refBox img{
    width: auto;
    margin: 0 auto;
}
.showroomContent .showBox{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 150px;
    width: 100%;
}
.showroomContent .showBox{
    min-height: 288px;
    min-width: 512px;
    margin: 0 auto;
    padding: 5px;
}
.owl-carousel .showBox img{
    width: 512px;
}
.showroomCTA{
    justify-content: center;
    margin: auto;
}
.showroomCTA a{
    margin: auto!important;
}
.gform_body ul{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.gform_body li{
    width: 25%;
    margin-bottom: 3px;
}
.gform_body li#field_1_8, #field_6_12, #field_6_9, .gform_body li.width100{
    width: 100%;
}
.gform_body li.width50{
     width: 50%;
}
.gform_body li input{
    width: 90%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: 300;
}
.gform_body .infoBox::before {
    content: url(img/infobox.png);
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 10px;
}
.gform_body .infoBox {
    /*background: #f36c45; viForm*/
    background: #74aa39;
    display: inline-block;
    width: auto !important;
    padding: 2px 20px;
    border-radius: 5px;
    margin-top: 20px;
    color: #fff;
}
.sansLabel .gfield_label{
    display: none;
}
.gform_body label{
    position: absolute;
    top: -4px;
    background: #fff;
    padding: 0 10px;
    left: 20px;
    font-weight: 400;
}
.gform_body .gfield_radio label, .gform_body .ginput_container label, .gform_body .width100 label{
    position: relative;
    top: 0;
    background: none;
    left: 0;
}
#field_28_14{
    margin-bottom: 20px;
}
.formulaireDevis label{
    padding: 15px 5px 5px 5px;
}

.gform_body li#field_1_8 label{
     padding: 15px 5px 15px 5px;
}
.gform_body li#field_1_8 ul label{
     padding: 0 10px 0 10px;
     display: inline-block;
}
.gform_body li#field_1_8 input{
    width: auto;
}
.formulaireRevendeur .gform_body li {
    width: 25%;
}
.formulaireRevendeur .gform_body li.width100 {
    width: 100%;
}
.enquete .gform_body li.subUl ul li {
    width: auto;
    height: auto;
}
.enquete .gform_body label{
    font-weight: 500;
    padding: 15px 5px 5px 0;
}
.enqueteTxt p.vide{
    padding-top: 40px;
}
.enquete .gform_body .ginput_container li label{
    font-weight: 300;
    padding: 15px 5px 5px 5px;
}
.enquete .gform_body .gfield {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding-bottom: 20px;
    margin-bottom: 0;
}
.enquete .gform_body .gfield:last-child {
    border-bottom: none;
}
.enquete .gform_body .ginput_container{
    display: block;
}
.gform_body li.subUl label{
     padding: 15px 5px 5px 5px;
}
.gform_body li.subUl ul li{
     width: auto;
}
.gform_body li ul label{
     padding: 0 10px 0 10px;
     display: inline-block;
}
.gform_body li.subUl ul input{
    width: auto;
}
.gform_body li#field_1_9{
    width: 100%;
}
.gform_body li textarea{
    width: 70%;
    height: 150px;
    padding: 12px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: 300;
}
.gform_body li option, .gform_body li select{
    font-weight: 300;
}
.gform_body li{
    width: 25%;
    position: relative;
}
.gfield_select{
    width: 100%;
}
.gform_body li.separator, .separator{
     border-bottom: 2px solid #d8d8d8;
    clear: both;
    padding: 0 0 20px;
    width: 100%;
}
div.separator{
    padding: 0 0 20px;
    margin-bottom: 20px;
}
#gform_2 .gform_body li#field_2_8, #gform_2 .gform_body li#field_2_9{
    width: 100%;
}

#gform_2 .gform_body li#field_2_8, #gform_2 .gform_body li#field_2_8{
    width: 100%;
}
#gform_2 .gform_body li#field_2_12, #gform_2 .gform_body li#field_2_11{
    width: 50%;
}
#gform_2 .gform_body li#field_2_13{
    width: 100%;
}
.gfield_required{
    color: red;
    font-size: 19px;
}
.gform_footer input[type="submit"] {
    margin-top: 20px;
}
.titleRealisation{
    margin: 25px 0 15px 0;
}
.titleRealisation h1{
    margin: 0.67em 0 0 0;
}
.contentRealisation{
    margin: 0 0 15px 0;
}
.contentRealisation h2{
    margin: 20px 0;
}
.page-template-archive-realisation .contentRealisation a{
    text-decoration: underline;
}
.productListItemRealisation{
    position: relative;
    margin-bottom: 20px;
}
.comment-reply-title {
    font-weight: 400;
    margin: 15px 0;
        display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.infoenplus{
    margin-top: 0;
}
.infoenplus h2{
    margin: 20px 0;
}
.captionImg{
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    position: relative;
}
.captionImgContent{
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
        border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    width:100%;
    padding-right: 40px;
}
.choixGazonContent{
    position: relative;
}
.choixGazon{
    position: absolute;
    top: -25px;
    right: 0;
    z-index: 10;
}
.choixGazon span{
    color: #fff;
    background: #777777;
    text-decoration: none;
    background: #3e3e3e;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 9px 50px 9px 30px;
    text-transform: uppercase;
    border: none;
    position: relative;
    cursor: default;
}
.choixGazon span::after{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border: #fff solid 3px;
    border-top: none;
    border-left: none;
    background: transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    right: 18px;
}

.toggleChoix{
    display: none;
    padding: 15px 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 13px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 13px 0px rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
}
.toggleChoix a{
    display: block;
    width: 100%;
    font-weight: 400;
    padding: 5px 20px;
}
.toggleChoix a:hover, .toggleChoix a:focus{
    color: #74aa39;
}
.toggleChoix a::after{
    margin-top: 10px;
    content: "";
    height: 1px;
    width: 90%;
    background: #d8d8d8;
    margin-left: 10%;
    display: block;
}
.toggleChoix a:last-child::after{
    display: none;
}
.comparatifChoix{
    color: #74aa39;
    margin-left: 20px;
    position: relative;
}

.comparatifChoix::before{
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    border: #74aa39 solid 2px;
    border-top: none;
    border-left: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 0;
}
body .nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(255,255,255,0.8);
}
.nivo-lightbox-title-wrap{
    display: none;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
        border: solid 1px #d8d8d8;
    border-radius: 10px
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(img/next.png);
    border-radius: 0;
    opacity: 1
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(img/prev.png);
    border-radius: 0;
    opacity: 1
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0);
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(img/close-B.png) no-repeat center center;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    padding: 0;
   opacity: 1;
}
.responsiveNav{
    display: none;
}
.burger{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 13px;
    top: -9px;
}
.burger .barre1, .burger .barre2, .burger .barre3{
    height: 2px;
    width: 100%;
    display: block;
    background: #ffffffc7;
    margin-bottom: 4px;   
}
.digimeo{
    position: relative;
    top: 4px;
    left: 13px
}
.liensRow{
 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative;
}
.liensRow::after{
    content: "";
  flex: auto;
}
.liensCol{
    text-align: left;
    margin-right: 30px;
}
.linkFoot{
 width: 80%;
 margin: 0 auto;
}
.linkFoot ul{
    list-style: none;
}
.linkFoot li{
    display: inline-block;
    margin-right: 15px;
    font-size: 13px;
}
.linkFoot li a{
  color: #fff;
  opacity: 0.3;
}
.gform_confirmation_message, .page-id-1696 .pageBase p, .page-id-1698 .paypal, .page-id-1706 .paypal, .page-id-1703 .pageBase p, .page-id-1708 .pageBase p, .page-id-1710 .pageBase p{
    background: #74aa39;
    color: #fff;
    font-weight: 300;
    padding: 20px 40px;
    display: table;
}
.validation_message, .validation_error{
    color: red;
    font-weight: 400;
}
.pageTitle.page404 h1 span{
    font-size: 133px;
    line-height: 93px;
}
#input_4_8{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#input_4_8 li{
     width: 100%;
     position: relative;
}
#input_4_8 li label{
    width: 100%;
}
.gchoice_4_8_1 label::before, .gchoice_4_8_2 label::before,
.gchoice_4_8_3 label::before, .gchoice_4_8_4 label::before,
.gchoice_4_8_5 label::before{
 background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 108px;
    width: 100%;
    background-position: center -28px;
}
.choixGazonDevis ul li label{
     border-radius: 10px;
     color: #74aa39;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(116, 170, 57, 0.7);
-moz-box-shadow:    inset 0px 0px 0px 0px rgba(116, 170, 57, 0.7);
box-shadow:         inset 0px 0px 0px 0px rgba(116, 170, 57, 0.7);
}
.choixGazonDevis ul li:hover label{
   -webkit-box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow:    inset 0px 0px 0px 3px rgba(0,0,0,0.2);
box-shadow:         inset 0px 0px 0px 3px rgba(0,0,0,0.2);
}
.gfield_radio label{
    cursor: pointer;
}
.choixGazonDevis ul li.active label{
   -webkit-box-shadow: inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
-moz-box-shadow:    inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
box-shadow:         inset 0px 0px 0px 5px rgba(116, 170, 57, 1);
}

.gform_body li.subUl.choixGazonDevis ul li{
    margin-right: 20px;
}
.gform_body li.subUl.choixGazonDevis ul li input{
    position: absolute;
    top: 10px;
    left: 10px;
}
.gchoice_4_8_1 label::before{
background-image: url("/wp-content/uploads/2016/01/azurio-fabricant-gazon-synthetique-francais-luxe-50-plate-400x266.jpg");
   
}
.gchoice_4_8_2 label::before{
    background-image: url("/wp-content/uploads/2016/01/azurio-fabricant-gazon-synthetique-francais-millenium-50-plate-400x266.jpg");

}
.gchoice_4_8_3 label::before{
    background-image: url("/wp-content/uploads/2016/01/azurio-fabricant-gazon-synthetique-francais-millenium-42-plate-400x266.jpg");

}
.gchoice_4_8_4 label::before{
    background-image: url("/wp-content/uploads/2016/01/azurio-fabricant-gazon-synthetique-francais-agaira-32-plate-400x266.jpg");

}
.gchoice_4_8_5 label::before{
    background-image: url("/wp-content/uploads/2016/01/azurio-fabricant-gazon-synthetique-francais-smally-22-plate-400x266.jpg");

}
.gform_body li.etapeDevis{
    position: relative;
     padding-left: 39px;
     
}
.gform_body li.etapeDevis > label,.etapeDevis4{
    font-weight: 500;
}
#field_4_26{
    width: 100%;
}
.gform_body li.etapeDevis::before {
    background: #3e3e3e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-weight: 800;
    height: 32px;
    left: 0;
    line-height: 1;
    padding: 9px 0;
    position: absolute;
    text-align: center;
    width: 32px;
    top: 14px;
}
.tarifMajor{
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #f36c45;
}
.pageEntretien h2{
    margin-top: 0;
    margin-bottom: 20px;
}
.pageEntretienList{
    list-style: none;
    margin: 0;
    padding: 0;
}
.pageEntretienList li{
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 15px;
}
.rondVertNum{
    background: #74aa39;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: 800;
    height: 32px;
    left: 0;
    line-height: 1;
    padding: 9px 0;
    text-align: center;
    width: 32px;
    top: 14px; 
}
.inputInline label{
     margin-right: 30px;
    display: inline-block;
}
.inputInline .ginput_container {
    display: inline-block;
}
.inputInline .ginput_container ul li{
    margin: 0;
     height: 30px;
}
.titreDevis {
    padding: 20px 6px 5px;
}
.etapeDevis1::before{
    content: "1";
}
.etapeDevis2::before{
    content: "2";
}
.etapeDevis3::before{
    content: "3";
}
.etapeDevis4::before{
    content: "4";
}
.etapeDevis5::before{
    content: "5";
}
.encartDescGazon{
    margin-bottom: 25px;
}

.comments ul{
    list-style: none;
    padding-left: 0;
}
.comments > ul > li{
     border-bottom: 2px solid #d8d8d8;
    clear: both;
    padding: 0 0 20px;
    width: 100%;
    margin-bottom: 20px;
}
.comments > ul > li:last-child{
     border-bottom: none;
    clear: both;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}
.comments ul.children > li {
    margin-left: 40px;
    margin-top: 20px;
}
.comment-author img{
    display: none;
}
.comment-body p{
    margin-top: 5px;
}
.comment-author .fn{
     font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-right: 15px;
}

.dateComment{
    font-size: 12px;
    opacity: 0.7;
}
.comment-body a{
    color: #74aa39;
    font-weight: 400;
}
body .pageBase .comment-reply-link, body .comment-reply-link{
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
    padding: 7px 10px 6px 13px;
    text-decoration: none;
}
body .pageBase .comment-reply-link:hover, body .comment-reply-link:hover{
    color: #fff;
    background: #74aa39;
}
.colonagePose{
    margin-bottom: 20px;
}
.colonagePose .colL{
    padding-right: 0;
    width: 300px;
}

.colonagePose .colR{
    padding: 0;
    width: 76%;
}
.colonagePose h2{
    margin-top: 0;
}
.participationEchantillon {
    border-left: 5px solid red;
    margin-top: 20px;
    padding-left: 20px;
}
.participationEchantillonTxt{
    color: red;
}
.paypal .qpp-style.default #plain{
    border: none;
    background: none;
    padding: 0;
}
.paypal .qpp-style.default #plain h2::before{
    display: none;
}
.paypal .qpp-style.default #plain h2{
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: none;
}
.paypal .qpp-style.default p{
    color: #fff;
    font: 500 17px/1.5 "montserrat",Helvetica,Arial,sans-serif;
    margin: 6px 0;
}
.paypal .qpp-style img{
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    max-width: 100%;
    padding: 0;
    width: 300px;
}
body .qpp-style.default div {
    background: none;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
body .qpp-style.default #submit, body .qpp-style.default #submitimage {
    background: #3e3e3e none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 9px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    font: 600 15px/1.5 "montserrat",Helvetica,Arial,sans-serif;
}
.minus{
  font-size: 12px;
    opacity: 0.5;
}

.degre360{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}
.imgH2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.imgH2 img{
    margin-right: 20px;
    min-width: 112px;
}
.single-post table{
        width: 100%;
}
.single-post table td.enAvant{
    background: #3e3e3e;
    color: #fff;
    font-weight: 400;
}
.single-post table td.enTitre{
    background: #f4f4f4;
    font-weight: 400;
}
.single-post .tableScroll{
    max-width: 90vw;
    overflow-x: scroll;
}
.single-post table td{
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
}
html.has-cookie-bar #catapult-cookie-bar {
    opacity: 1;
    max-height: 999px;
    min-height: 25px;
    font-size: 11px;
    text-align: center;
    padding: 3px 0;
}
.page-id-2100 #catapult-cookie-bar, .page-id-2091 #catapult-cookie-bar, .page-id-2136 #catapult-cookie-bar, .page-id-2169 #catapult-cookie-bar, .page-id-24 #catapult-cookie-bar{
    display: none;
}
body button#catapultCookie {
    border: 0;
    padding: 3px 8px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 11px;
    margin-left: 7px;
}
.home section h2{
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 83px;
    margin-bottom: 45px;
    z-index: 50;
    position: relative;
}
.home section h2 span{
    font-size: 125px;
    display: block;
    color: #74aa39;
    letter-spacing: -6px;
}
.home section h2.h2Variante span{
    font-size: 53px;
    display: inline;
    letter-spacing: -2px;
}
.home section h2.h2Variante{
    margin-bottom: 0;
}
.h2sousTitre{
    font-size: 23px;
}
.impeccable .btn{
    padding: 14px 25px;
    font-size: 21px;
    background: #74aa39;
    border: none;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
}
.impeccable video{
    max-width: 100%;
}
.impeccable .itemTriangle1 svg{
    left: 40%;
    top: 285px;
}
.impeccable .itemTriangle2 svg{
    left: 11%;
    top: 160px;
}
.impeccable .itemTriangle3 svg{
    left: 18%;
}
.realisme .itemTriangle1 svg{
    left: 73%;
    top: 162px;
}
.realisme .itemTriangle2 svg{
    right: 27%;
    top: 160px;
}
.realisme .itemTriangle3 svg{
    left: 18%;
    top: 310px;
}
.realisme .itemTriangle4 svg{
    left: 22%;
    top: 192px;
}
.realisme .itemTriangle5 svg{
    right: 18%;
    top: 300px;
}
.home section{
    text-align: center;
}
.home section .infoHome{
    text-align:left;
}
img.point{
    width: 20px;
    position: relative;
    bottom: 8px;
    margin-right: 8px;
}
.conseilActus h2{
    margin:0 0 20px 0;
}
.margin0{
    margin:0;
}
#produits > p{
    margin-bottom: 40px;
}
.impeccableBox{
    text-align: left;
}
.triangle{
    position: relative;
    z-index: 2;
}
.triangle polygon{
    fill:#587C38;
    animation-name: triangleAnime1; 
    animation-timing-function: linear;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    transform-origin: center;
}
@keyframes triangleAnime1 {
  0%   {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}
@keyframes triangleAnime2 {
  0% {transform: rotate(0deg);}
  100%   {transform: rotate(360deg);}
}
body .triangle svg{
    overflow: visible;
    position: absolute;
}
.triangleL svg{
    left: 0;
}
.triangleR svg{
    right: 0;
}
.triangle polygon.vert1{
    fill:#587c38;
}
.triangle polygon.vert2{
    fill:#b4cf67;
    animation-name: triangleAnime2; 
    animation-duration: 30s;
}
.triangle polygon.vert3{
    fill:#9fc542;
}
.triangle polygon.vert4{
    fill:#77ab3e;
    animation-name: triangleAnime2;
}
.triangle polygon.vert5{
    fill:#3f602e;
    animation-duration: 20s;
}
.triangle .triangleBlur{
    /* filter: blur(5px); */
}
.triangleL .itemTriangle1 svg{
    left: 156px;
    top: 200px;
}
.triangleL .itemTriangle2 svg{
    left: -104px;
    top: 131px;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
}
.triangleL .itemTriangle3 svg{
    left: 137px;
}
.triangleL .itemTriangle4 svg{
    left: 233px;
    top: 343px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.triangleL .itemTriangle5 svg{
    left: 3%;
    top: 242px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.triangleL .itemTriangle6 svg{
    left: 23%;
    top: 185px;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
}
.triangleL .itemTriangle7 svg{
    left: 38px;
    top: 386px;
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    transform: rotate(-75deg);
}
.triangleR .itemTriangle1 svg{
    right: 240px;
    top: 65px;
}
.triangleR .itemTriangle2 svg{
    right: -193px;
    top: 72px;
    -webkit-transform: rotate(95deg);
    -moz-transform: rotate(95deg);
    -o-transform: rotate(95deg);
    -ms-transform: rotate(95deg);
    transform: rotate(95deg);
}
.triangleR .itemTriangle3 svg{
    right: 343px;
    top: 267px;
}
.triangleR .itemTriangle4 svg{
    right: 406px;
    top: 343px;
    -webkit-transform: rotate(-258deg);
    -moz-transform: rotate(-258deg);
    -o-transform: rotate(-258deg);
    -ms-transform: rotate(-258deg);
    transform: rotate(-258deg);
}
.triangleR .itemTriangle5 svg{
    right: -56px;
    top: 371px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.triangleR .itemTriangle6 svg{
    right: 226px;
    top: 365px;
    -webkit-transform: rotate(-110deg);
    -moz-transform: rotate(-110deg);
    -o-transform: rotate(-110deg);
    -ms-transform: rotate(-110deg);
    transform: rotate(-110deg);
}
.triangleR .itemTriangle7 svg{
    right: 79px;
    top: 183px;
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg);
}
.savoirFaire{
    position: relative;
}
.savoirFaire > img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -241px;
    margin-top: -187px;
}
.itemSavoirFaire{
    position: relative;
    z-index: 2;
    margin: 35px 0;
}
.itemSavoirFaireImg{
    min-width: 400px;
}
.itemSavoirFaire h3{
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 400;
}
#avantages h3, .avantagesproContent h4 {
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 9px;
    margin-top: 29px;
    color: #464646;
    font-size: 18px;
    font-weight: 400;
}
.encartMarque{
    text-align: center;
}
.azurio-pro h3{
    color: #84AB1C;
}
#avantages .avantageContent, .avantagesproContent{
    border: 2px solid #d8d8d8;
    border-radius: 5px;
    display: block;
    padding: 10px 5px;
    height: 100%;
    position: relative;
}
.avantagesproContent{
    height: auto;
}
.avantagesproContent{
    padding: 10px 10px;
}
#avantages .avantageBox, .avantagesproBox{
    margin-bottom: 5px;
    margin-top: 26px;
}
.avantagesproBox{
    width: 49%;
}
.gutter-sizer { 
    width: 2%; 
}
.pclient{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.pclient img{
        z-index: 2;
}
.pclient .encartPclient{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px;
    border-radius: 0 10px 10px 0;
    padding: 0 50px 0 75px;
    width: 100%;
    margin-left: -50px;
}
.pclient .encartPclient.encartPclientInscription{
    background: #f36c45;
}
.pclient .encartPclient.encartPclientConnection{
    background: #3e3e3e;
}
.pclient .encartPclientTxt{
    color: #fff;
    font-weight: 400;
    display: block;
    margin-right: 20px;
    font-size: 21px;
}
.pclient .btn{
    position: relative;
    top: 3px;
}
.pclient .encartPclient.encartPclientInscription .btn{
    background: #bc3f1b;
}
.pclient .encartPclient.encartPclientConnection .btn{
    background: #909090;
}
#avantages p{
    text-align: center;
    margin: 0;
}
#avantages .avantage-img, .avantagespro-img{
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -28px;
}
.mainAvantagePro{
    margin-left: -39px;
}
#avantages .clicktocallDevis a{
    background: #F36C45;
}
#avantages .clicktocallDevis a:hover, #avantages .clicktocallDevis a:focus{
    background: #f98b6b;
}
#avantages .clicktocallDevis{
    text-align: center;
    width: 100%;
    margin-top: 13px;
}
#reply-title{
    cursor: pointer;
}
#commentform{
    display: none;
}

.lienTuto ul{
    padding: 0;
}
.lienTuto ul li{
    list-style: none;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.pageBase .lienTuto ul li a{
    text-decoration: none;
}

.lienTuto ul li h3{
    text-transform: none;
    letter-spacing: 0;
    margin: 20px 20px 0 20px;
    color: rgba(62, 62, 62,0.8);
    font-size: 17px;
    background: rgba(225, 225, 225, 0.8);
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 400;
}
.lienTuto ul li a img{
    width: 410px;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
}
.lienTuto ul li p{
    margin: 0;
    padding: 10px 20px 30px 20px;
}
.lienTuto ul li .captionTuto{
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 10px 10px;
    position: relative;
}
.lienTuto ul li .captionTuto::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 20px 25px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: -35px;
}
.lienTuto ul li .captionTuto .miniCaption{
    font-weight: 300;
    font-style: italic;
    display: block;
}
.btn.callToAction{
    background: #F36C45; 
    border-radius: 20px;
    text-align: center;
}
.btn.callToAction.callToActionArticle{
    display: table;
    margin: 15px auto;
    border-radius: 5px;
    letter-spacing: 1px;
}
.btn.callToAction:hover, .btn.callToAction:focus{
    background: #f98b6b; 
}
.btnCTA{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 220px;
    background: url(/wp-content/themes/azurio/img/devis-azurio.jpg) no-repeat transparent center center;
    background-size: auto 100%;
}
.marginR20{
    margin-right: 20px;
}
.pagePose .btn.callToAction, .sideBox .btn.callToAction{
    display: table;
    margin: 20px auto 0 auto;
    padding: 20px;
}
.orange{
    color: #F36C45;
}
h2 span.orange::after{
    display: none;
}
h2 span.orange{
    display: inline;
    background: none;
    padding: 0;
}
.lecture{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.centerBox{
    text-align: center;
}
.numBlock{
    display: block;
    position: relative;
    padding-left: 38px;
}
.type-realisation h1{
    font-size: 35px;
    margin-bottom: 10px;
    margin-top: 0;
}
.sideBox{
    margin-bottom: 35px;
}
.sideBox:first-child{
    margin-top: 10px;
}
.sideBoxCta{
    position: relative;
}
.sideBoxCta ul{
    list-style: none;
    margin: 0;
    padding: 15px 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
}
.sideBoxCta li{
    margin: 0 20px 10px 20px;
    border-bottom: 1px solid #d8d8d8;
}
.sideBoxCta li:last-child{
    border-bottom: none;
}
body .sideBoxCtaTitle{
    margin: 0 0 8px 0;
}
body .sideBoxCta a, .pageBase .sideBoxCta a{
    display: block;
    width: 100%;
    font-weight: 400;
    padding: 5px 10px;
    text-decoration: none;
    color: #444;
}
.sideBoxCta a:hover, .sideBoxCta a:focus, .pageBase .sideBoxCta a:hover, .pageBase .sideBoxCta a:focus  {
}
.sideBoxBtn{
    max-width: 270px;
    text-decoration: none;
    background: rgba(62, 62, 62, 0.8);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 30px;
}
.numBlock::before{
    display: block;
    text-align: center;
    background: #74aa39;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    color: #fff;
    font-weight: 400;
    padding-top: 7px;
    position: absolute;
    top: 19px;
    left: 0;
    font-size: 12px;
    letter-spacing: 0;
}
.numBlock1::before{
    content: "1";
}
.numBlock2::before{
    content: "2";
}
.numBlock3::before{
    content: "3";
}
.numBlock4::before{
    content: "4";
}
.numBlock5::before{
    content: "5";
}
.numBlock1-1::before{
    content: "1.1";
    background: #777777;
}
.numBlock1-2::before{
    content: "1.2";
    background: #777777;
}
.numBlock1-3::before{
    content: "1.3";
    background: #777777;
}
.numBlock2-1::before{
    content: "2.1";
    background: #777777;
}
.numBlock4-1::before{
    content: "4.1";
    background: #777777;
}
.numBlock4-2::before{
    content: "4.2";
    background: #777777;
}
.flexboxContent{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}
.flexboxContent .guideQuadrille{
   margin-right: 30px;
   position: relative;
}
.flexboxContent .guideQuadrille img{
    max-width: 179px;
    width: 179px;
}
.flexboxContent .guideQuadrille a{
    text-decoration: none;
    color: #fff;
}
.flexboxContent .guideQuadrille a > span{
    background: #74aa39;
    display: block;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 10px;
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top:-24px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.flexboxContent .guideQuadrille:hover a > span, .flexboxContent .guideQuadrille:focus a > span{
    background: #598826;
    color: #fff;
}
.flexboxContent .commentCalcule{
    
}
.autresGuides{
    list-style: none;
    margin:0 -5px;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.autresGuides li{
    width: 20%;
    display: block;
    padding: 5px;
    text-align: center;
    margin-bottom: 15px;
}
.page-template .autresGuides li a{
    text-decoration: none;
    color: #3e3e3e;
}
.page-template .autresGuides li img{
   
}
.autresGuides li span{
    display: block;
    text-transform: none;
    font-weight: 300;
    font-size: 16px;
    padding: 10px 15px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
}
#autresGuides .itemTutos a{
    text-decoration: none;
    color: #3e3e3e;
}
body q {
    quotes: "«" "»";
    font-style: italic;
}
.marginT0{
    margin-top: 0;
}
.sideBarAvis{
    font-size: 13px;
}
.sideBarAvis a{
    color: #74aa39;
    text-decoration: underline;
}
.btn.btnGuide{
    background: #F36C45;
    color: #fff;
    margin: 0 auto;
    display: table;
    position: relative;
    bottom: 17px;
}
.btn.btnGuide:hover, .btn.btnGuide:focus {
    background: #f98b6b;
}
.numGuide{
    position: absolute;
    color: #fff;
    font-weight: 400;
    background: #74aa39;
    border-radius: 50%;
    width: 40px;
    text-align: center;
    font-size: 20px;
    height: 40px;
    line-height: 34px;
    left: 50%;
    margin-left: -20px;
    top: -20px;
    border: 4px solid #fff;
}
.numTitle{
    float: left;
    position: relative;
    color: #fff;
    font-weight: 400;
    background: #74aa39;
    border-radius: 5px;
    min-width: 35px;
    text-align: center;
    font-size: 20px;
    height: 31px;
    line-height: 32px;
    margin: 0 10px 0 0;
    top: -3px;
}
.numTitleH2.numTitle{
    margin: 18px 10px 18px 0;
}
.numSousTitle{
    float: left;
    position: relative;
    color: #fff;
    font-weight: 400;
    background: #3e3e3e;
    border-radius: 5px;
    min-width: 35px;
    text-align: center;
    font-size: 13px;
    height: 27px;
    line-height: 28px;
    margin: 0 10px 0 0;
    top: 1px;
}
.lienTuto{
    margin-top: 45px;
}
.listeAccessoiresTuto .accessoiresItemTuto{
    text-align: center;
}
.pointParagraphe::before{
    content: "";
    background: #3e3e3e;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}
.encartAvisVerifie{
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 10;
}
.devisficheGazon{
    background: #F36C45;
    color: #fff;
    margin-top: 10px;
}
.devisficheGazon:hover, .devisficheGazon:focus {
    background: #f98b6b;
}
.recevoirGuide{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 25px 25px 0;
    position: relative;
}
.recevoirGuide::before{
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    width: 80%;
    height: 100%;
    position: absolute;
    right: 0;
    border-radius: 10px;
}
.chapotGuide .chapotGuideDesc{
    margin: 0;
}
.recevoirGuide p{
    margin: 0;
    font-weight: 700;
}
.recevoirGuide .recevoirGuideImg{
    width: 40%;
    position: relative;
}
.recevoirGuide .gform_body li{
    width: 100%;
}
.recevoirGuide .recevoirGuideText{
    width: 60%;
    position: relative;
}
.recevoirGuide .validation_error{
    display: none;
}
.recevoirGuide .gform_footer input[type="submit"]{
    margin: 0;
}
aside.sidebar .recevoirGuide .gform_footer input[type="submit"]{
    padding: 8px 24px;
    margin-top: 5px;
}
.recevoirGuide .gform_body label{
    font-style: italic;
}
.autresGuidesSommaire .itemTutos h3 a{
    color: #444;
    text-decoration: none;
}
.autresGuidesSommaire .itemTutos hr{
    max-width: 50%;
}
.autresGuidesSommaire .itemTutos{
    text-align: center;
    align-items: start;
}
.autresGuidesSommaire .itemTutos .bgItemTutos{
      background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 10px 10px;
    padding: 15px;
}

/*FOMULAIRE VIRGILE*/

/*Bouton modifier - admin*/
.required{
    color: red;
    font-weight: 700;
}
.titreP .required{
    font-weight: 300;
}
h2 .required{

}
#devisStep .post-edit-link{
    display: none;
}

/*Global*/
#devisStep section{
    margin:0;
}
hr.separatorSection{
    margin: 35px auto;
    width: 220px;
    max-width: 100%;
}
#devisStep p, #infoStep p{
    margin: 0;
}
#devisStep h2::before{
    height: 0;
}
#devisStep .flex, #infoStep .flex{
    display: flex; 
    align-items: center;
    justify-content: center;
}
 #devisStep li{
    list-style: none;
}
 #devisStep ul{
    padding: 0;
}
#devisStep .titreP{
    margin-bottom: 40px;
}

/*Section 1 - modele*/

#devisStep .sectionHead, #infoStep .sectionHead{
    text-align: center;
}
#devisStep .sectionHead .accDevis{
    margin-top: 50px;
}
.selectStyle{
	padding: 20px;
    border-radius: 5px;
    background: #3e3e3e;
    color: #fff;
    padding: 3px;
    cursor: pointer;
}
#infoForm .selectStyle{
    width: 100%;
    background-color: #fff;
    color: #3e3e3e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-overflow: '';
    text-indent: 0.01px;
    background: url(img/arrow-form.jpg) no-repeat 95% 50%;
}
#devisStep .sectionHead select:hover, 
#devisStep .sectionHead select:active,
#devisStep .sectionHead select:focus{
    outline-color: #fff;
}
#devisStep img.imgEtape, #devisStep img.imgModel{
    width: 98px;
}
 #devisStep .pSelect{
    margin-top: 10px;
}
#devisStep .sectionHead h2, #infoStep .sectionHead h2{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#modeleFoot {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
#modeleFoot div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#modeleFoot div input[type="checkbox"]{
    display: none;
}
.choixCheckbox, .choixCheckboxEch {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}
 .choixCheckbox label, .choixCheckboxEch label{
    cursor: pointer;
}
.choixCheckbox .checkboxStyle, .choixCheckboxEch .checkboxStyle{
    width: 40px;
    height: 40px;
    border: solid #dbdbdb 5px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.choixCheckbox.active .checkboxStyle, .choixCheckboxEch.active .checkboxStyle{
    background: #74aa39;
    border-color: #74aa39;
    border-radius: 50%;/*virgile*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
}
.choixCheckbox .checkboxStyle i, .choixCheckboxEch .checkboxStyle i{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 14px;
    color: #dbdbdb;
}
.choixCheckbox.active .checkboxStyle i, .choixCheckboxEch.active .checkboxStyle i{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;

}
.choixCheckbox .numberGazon{
    color:#74aa39;
    position: relative;
    bottom: 6px;
}
#modeleFoot div input[type="checkbox"]:checked {
    background: #74aa39;
    border: 3px solid #74aa39;
}
#modeleFoot div span{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
#devisStep #nextStep{
    text-align: center;
    margin-top: 23px;
    margin-bottom: 40px;
}
h3.panierDevis{
    text-align: center;
}
h3.panierDevis span{
    background: #74aa39;
    border-radius: 50%;
    color: #fff;
    padding: 2px 0;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 26px;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    bottom: 3px;
}
.vignetteProduit{
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 60px 15px 30px 15px;
    /*JEROME AJOUT ACCESSOIRES*/
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}
    
#tailleStep .sectionHead{
    margin-top: 50px;
}
.devis-step .vignetteProduit{
    margin-bottom: 30px;
    /*JEROME AJOUT ACCESSOIRES*/
}
.devis-step .DemDevisAccessoire{
    max-width: 48%;
    width: 48%;
}
.vignetteProduit.vignetteProduitGazon {
    margin-top: 55px;
}
.vignetteProduit img.vignetteProduitImg{
    position: absolute;
    left: 50%;
    margin-left: -69px;
    top: -40px;
}
.vignetteProduit p{
    margin: 5px 0;
}
.vignetteProduitContent {
    text-align: center;
    width: 100%;
}
.pagePanier .btn{
    margin: 5px auto;
    display: table;
}
.pagePanier {
    margin-bottom: 0;
}
.selectStyle2{
    padding: 10px 20px;
}
.editBtn {
    position: absolute;
    bottom: -25px;
    cursor: pointer;
    background: #3e3e3e;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 22px;
    padding-top: 10px;
    left: 50%;
    margin-left: -25px;
}
.btnPanierFoot .btn{
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 14px;
    background: #74aa39;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    padding: 14px 10px;
    line-height: 1.3em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 270px;
    margin-top: 20px;
}
.popup.popupPanierAdresse .contentPopupBox{
    padding: 0 14px 17px 34px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.btnPanierFoot i{
    font-size: 19px;
    margin-right: 10px;
}
.paiementBox {
    margin-top: 15px;
}
.paiementBox .btn{
        background: #f36c45;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    position: relative;
    margin-top: 23px;
    padding-top: 15px;
}
.paiementBox i{
    position: absolute;
    top: -23px;
    background: #f36c45;
    border-radius: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
}
.vignetteProduit.vignetteLivraison{
    padding-top: 15px;
}
.vignetteProduitContent .produitTitre{
    font-size: 21px;
    line-height: 1.1em;
}
.vignetteProduitContent .produitSTitre{
    font-size: 15px;
    color: #9a9a9a;
    font-weight: 600;
}
.vignetteProduitRouleau .vignetteProduitCondi, .vignetteProduitRouleau .vignetteProduitQte{
    display: inline-block;
    font-weight: 700;
}
.vignetteProduitRouleau i{
    font-size: 8px;
    margin: 0 5px;
}
.vignetteProduitRouleau {
    /*display: none;*/
}
.vignetteProduitRouleau.active{
   /* display: block;*/
}
.vignetteProduit .qteAcc, .vignetteProduit .montantVignetteAccPopup{
    color: #3e3e3e;
}
.vignetteProduit .surfaceTotaleVignette{
    font-weight: 700;
}
.vignetteProduit .vignetteProduitPromo{
    position: absolute;
    background: #f36c45;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    line-height: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-top: 31px;
    font-size: 19px;
    right: 14px;
    top: -30px;
}
.vignetteProduit .infoProduitPopup{
    display: none;
}
.vignetteProduit .tarifMcarrePromo, .vignetteProduit .tarifTotalVignettePromo{
    text-decoration: line-through;
}
.vignetteProduit .tarifMcarre, .vignetteProduit .tarifTotalVignette{
    font-weight: 700;
    color: #f36c45;
}
.vignetteProduit .tarifTotalVignette{
   
}
.vignetteRecapPanier{
    background: #3e3e3e;
    border-radius: 5px;
    color: #fff;
    padding: 15px;
}
.vignetteRecapPanier > div{
   position: relative;
}
.vignetteRecapPanier > div:before{
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px solid #ffffff52;
    width: 100%;
    top: 50%;
}
.vignetteRecapPanier > div span{
    display: inline-block;
    background: #3e3e3e;
    z-index: 2;
    position: relative;
    padding-right: 10px;
}
.vignetteRecapPanier > div span:last-child{
    float: right;
    padding-right: 0;
    padding-left: 10px;
}
.vignetteRecapPanier > div.montantTTC{
    font-weight: 700;
}
.vignetteProduitAccessoires{
    padding: 30px 15px;
    display: block;
}
.vignetteProduit.vignetteProduitAccessoires .vignetteProduitImg{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}
.vignetteProduitAccessoires .vignetteProduitContent{
    text-align: left;
}
.vignetteProduitAccessoires div[data-acc],.vignetteProduitAccessoires {
    display: none;
}
.vignetteProduitAccessoires.active, .vignetteProduitAccessoires div[data-acc].active{
    display: block;
}
.vignetteProduitAccessoires > div:nth-child(n+2){
    border-top: 1px solid #d8d8d8;
    padding-top: 8px;
    margin-bottom: 8px;
}
.notif{
    color: #fff;
    position: fixed;
    bottom: -100px;
    font-weight: 800;
    width: 100%;
    left: 0;
    background: #3e3e3e;
    padding: 17px 15px;
    line-height: 1.2em;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 50;
    display: block;
    text-align: center;
}
.notif.active{
   bottom: 0;
}
.notifValide.notif{
    background: green;
}
/*Section 2 - taille*/
.numberPlus, .numberMoins{
    background: #74aa39;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    width: 35px;
    min-width: 35px;
    height: 35px;
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    margin: 5px 5px;
    -webkit-touch-callout: none;
-webkit-user-select: none; 
 -khtml-user-select: none; 
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
#devisStep .quantiterouleau{
    display: inline-block;
    margin-right: 5px;
}
#devisStep #inputRouleauSM, #rouleauxStand .choixRouleauSelection, #rouleauxStand #securiteRetourArriere{
    display: none;
}
#devisStep #tailleStep .rowF{
    margin: 20px auto;
    max-width: 700px;
    justify-content: center;
}
#devisStep .choixRouleauSelection {
    text-align: center;
}
#devisStep .choixRouleauSelection p{
    display: inline-block;
    margin: 0 7px;
    min-width: 100px;
}
#devisStep .choixRouleauSelection .icon-rouleau{
    font-size: 19px;
    line-height: 0;
}
#devisStep .surmesureBox .icon-trash{
    cursor: pointer;
    background: #3e3e3e;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 17px 0;
    font-size: 13px;
    margin: 0 5px;
}
#devisStep .choixRouleauSelection .plusTotal{
    display: block;
    margin: 6px auto;
    color: #fff;
    font-size: 19px;
    background: #b7b7b7;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 0;
    padding: 12px 0;
}
#rouleauxStand .surfaceRouleauStandard{
    display: flex;
    justify-content: flex-start;
    width: 105px;
    margin:0;
}
#rouleauxStand .surmesureP {
    margin: 20px 0;
    font-weight: 400;
}
#rouleauxStand .surmesureP2 {
    margin: 0 7px;
    font-weight: bold;
}
#rouleauxStand .surmesureP3 {
   color: #f36c45;
   font-style: italic;
    font-size: 14px;
    display: block;
}
.selectionRouleauSurfaceTotale span{
    color: #F36C45;
    font-size: 23px;
}
#devisStep .choixRouleauSelection.notvisible{
    display: none;
}
.popup{
    position: fixed;
    z-index: 999999;
    background: rgba(255,255,255,0.95);
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    max-height: 100%;
    opacity: 0;
    visibility: hidden;
     -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
}
.popup.active{
    opacity: 1;
    visibility: visible;
}
.popup i.Popupclose{
    position: fixed;
    right: 0;
    font-size: 30px;
    padding: 20px;
    top: 0;
    cursor: pointer;
}
.popup .contentPopupBox {
    height: calc(100% - 130px);
    overflow: scroll;
    position: fixed;
    left: 50%;
    top: 0;
    margin-top: 70px;
    padding: 0 15px 15px 15px;
    width: 100%;
    max-width: 600px;
    margin-left: -300px; 
}
.popupPanier .vignetteProduit{
    padding: 50px 15px 25px 15px;
}
.popupPanier .vignetteProduit img.vignetteProduitImg{
    top: -29px;
}
.popupPanier .ajouterPopup{
    background: #74aa39;
    position: fixed;
    display: inline-block;
    bottom: 0;
    left: 50%;
    margin-left: -99px;
}
.btnPopupAccessoire.btn{
    background: #74aa39;
    letter-spacing: 0;
    text-transform: none;
    font-size: 16px;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.3em;
    max-width: 100%;
    width: 300px;
    margin-bottom: 30px;
}
.boxpanier{
    max-width: 600px;
    margin: 0 auto;
}
.btnPopupAccessoire.btn i{
    font-size: 36px;
    margin-right: 15px;
}
.popupPanier.popupPanierGazon.invalid .ajouterPopup{
    background: #c0c1be;
}
.popupPanier.popupPanierGazon.invalid .errorQte{
    bottom: 0;
}
.popupPanier.popupPanierGazon .errorQte{
    color: #fff;
    position: fixed;
    bottom: -65px;
    font-weight: 800;
    width: 100%;
    left: 0;
    background: red;
    padding: 17px 15px;
    line-height: 1.2em;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index: 5;
    display: block;
    text-align: center;
}
.popupPanierGazon #rouleauxStand{
    border: none;
    margin: 0;
    padding: 0;
}
.popupPanierGazon #rouleauxStand .titreBox, .popupPanierGazon #rouleauxStand .surmesureP{
    margin: 15px 0;
}
.popupPanierGazon .icon-triangle{
    font-size: 11px;
    margin: 0 10px;
}
.popupPanierGazon .surfaceRouleauStandard p, .popupPanierGazon .selectionRouleauSurfaceTotale{
    margin: 0;
}
.popupPanierGazon #rouleauxStand .selectiondeRouleau{
    position: relative;
    bottom: 0;
    margin-top: 15px;
}

/*Box*/
#rouleauxStand{
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 20px 40px 20px;
    padding-top: 0;
}
#rouleauxStand div{
    display: flex;
    align-items: center;
}
#rouleauxStand .titreBox{
   margin: 30px 0 20px 0;
   font-weight: 400;
}
#rouleauxStand .surfaceRouleauStandard{
   font-weight: 400;
}
#rouleauxStand{
    position: relative;
   margin-top:35px;
   border: 2px solid #ccc;
   border-radius: 5px;
}
#devisStep .icon-rouleau{
    position: absolute;
    top: -34px;
    background: #fff;
    font-size: 49px;
    color: #ccc;
    padding: 0 10px;
}
#devisStep .icon-triangle{
    color: #3e3e3e;
    font-size: 8px;
    padding: 0 7px;
}
#rouleauxStand div img{
    margin:0 15px;
}
.inputNumber:-moz-placeholder { color: #eee; }
.inputNumber::-moz-placeholder { color: #eee; }
.inputNumber::-webkit-input-placeholder { color: #eee; }
.inputNumber:-ms-input-placeholder{ color: #eee; }
.inputNumber{
    width: 48px;
    margin: 0;
    background: #3e3e3e;
    border: none;
    border-radius: 5px;
    padding: 7px;
    color: #fff;
}
#rouleauxStand .selectiondeRouleau {
    position: absolute;
    bottom: -17px;
    margin: 0;
    background: #ebebeb;
    padding: 0px 23px;
    border-radius: 5px;
    font-weight: 400;
}

/*bouton*/
#devisStep  #formValide, .panierValide{
    background: #F36C45;
    color: #fff;
}
#devisStep #formValide.loading, #devisStep #formValide.loading:hover, #devisStep #formValide.loading:focus{
    background: #74aa39;
        cursor: wait;
}
#devisStep  #formValide:hover, #devisStep  #formValide:focus {
background: #f98b6b;
}
#devisStep #formValide.disabled, #devisStep  #formValide.disabled:hover, #devisStep  #formValide.disabled:focus, .panierValide.disabled{
    background: #d8d8d8;
    cursor: not-allowed;
}    
/*Section 3 - Pose et accessoire*/

#devisStep #poseStep .sectionHead .inputBox{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 10px 0 30px;
}
#devisStep #poseStep .sectionHead select{
   margin-left: 10px; 
}
#devisStep #poseStep .sectionHead hr{
    margin: 35px auto;
    width: 220px;
}
/*Section 4 - Informations*/

#infoStep label {
    font-weight: bold;
}
#infoStep label span{
    color: red;
}
#infoStep .classeurInfo img{
    width: 160px;
    margin-right: 40px;
}
#infoStep .classeurInfo{
   margin: 10px auto; 
   width: 75%;
}
#infoStep #infoForm, .pagePaiementStripe .moyenPayment{
   margin: 35px auto;
    width: 75%;
}
.pagePaiementStripe #infoStep #infoForm{
   margin: 35px auto 0 auto;
    width: 75%;
}
 .pagePaiementStripe .moyenPayment{
   margin: 0 auto 35px auto;
    width: 75%;
}
.infoOffre{
    text-align: left;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.2);
    padding: 5px 20px;
}

.tarifOffre{
    font-size: 24px;
}
.tarifOffre sup{
    font-size: 12px;
}
.pagePaiementStripe #infoStep{
    margin-bottom: 0;
}
#infoStep .selectionVousEtes{
   margin: auto;
    width: 75%;
}
#infoStep #infoForm .inputSociete, #infoStep #infoForm .inputAutre{
   display: none;
}
#infoForm label, .surfaceZone label{
   position: absolute;
    top: -4px;
    background: #fff;
    padding: 0 10px;
    left: 20px;
    font-weight: 400;
}
#devisStep .erreurForm{
    color:red;
    background: #fff;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    padding: 0 5px;
    left: 20px;
    font-style: italic;
}
#infoForm .rowF > div, .surfaceZone{
   position: relative;
}
.surfaceZone{
    max-width: 300px;
    margin: 15px auto 0 auto;
}
#infoStep .fraisEnvoi {
    margin-top: 10px;
    display: none;
}
#devisStep .checkboxStyle, #infoStep .checkboxStyle{
    margin: 0 13px;
}
#formValide{
    padding-top: 10px;
    padding-bottom: 10px;
    outline: none;
    margin-right: 0;
}
#infoStep hr{
    width: 75%;
}
#infoForm{
    flex-direction: column;
}
#infoForm hr{
    width: 10%;margin: 15px 0;
}
#infoForm textarea{
    height: 97px; width: 984px;
}
 #infoForm input[type=text], #infoForm textarea, .surfaceZone input[type=text], #infoForm select{
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    font-weight: 300;
}
#devisStep input[type=text]:focus, #devisStep textarea:focus{
    border-color: #74aa39;
    outline: none;
}
#infoForm div{
    width: 100%;
}
#devisStep .transportLivraison, #devisStep .transportDepot, #devisStep .poseInfo, #devisStep .poseNonInfo{
    text-align: center;
    display: none;
    margin: 10px 0;
}
#devisStep .transportLivraison p, #devisStep .transportDepot p, #devisStep .poseInfo p, #devisStep .poseNonInfo > p, .noAccessoire p, .noTransport p, .boxInfo p{
    text-align: center;
    display: inline-block;
    background: #f1f1f1;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto 0 auto;
    font-style: italic;
    font-size: 15px;
}
#devisStep .transportLivraison p span:before, #devisStep .transportDepot p span:before, #devisStep .poseInfo p span:before, #devisStep .poseNonInfo > p span:before, .noAccessoire span:before, .noTransport span:before, .boxInfo span:before{
    content: url(img/infobox-b.png);
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 10px;
}
.boxAlerte p > span:first-child:before{
    content: url(img/infobox.png);
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 10px;
}
.boxAlerte p{
    text-align: center;
    display: inline-block;
    background: #F36C45;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto 0 auto;
    font-style: italic;
    font-size: 15px;
    color: #fff;
}
.boxAlerte .remiseGazon{
    font-weight: 400;
}
#form_panier .boxAlerte, #form_panier .boxInfo{
    display: inline-block;
    margin-right: 10px;
}
.infoValidationForm{
    font-weight: 400;
    color: red;
    text-align: center;
    display: none;
}
 .infoValidationForm span{
    font-weight: 400;
    color: #3e3e3e;
    text-align: center;
    text-decoration: underline;
}
.infoValidationForm span:before{
    content: url(img/infobox-b.png);
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 10px;
}
#devisStep .transportDepot a{
    color:#74aa39;
    font-weight: bold;
}
#infoStep .selectionVousEtes label{
    text-align: left;
}
#infoStep .selectionVousEtes > *,#infoStep .classeurInfo > * {
    flex: auto;
}

/* PAGE DE VALIDATION */

.devisStepValide .paypal{
    background: #74aa39;
    color: #fff;
    font-weight: 300;
    padding: 20px 40px;
    display: table;
}

/* PAGE PANIER */
.conditionnementRouleau{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 5px;
}
.conditionnementRouleau li{
    display: inline-block;
}
.conditionnementRouleau li:after{
    content: "+";
    color: #74aa39;
    font-size: 29px;
    font-weight: 400;
    display: inline-block;
    font-style: normal;
    margin: 0 9px;
    position: relative;
    top: 3px;
}
.conditionnementRouleau li:last-child:after{
    content: "=";
}
.conditionnementRouleau li:first-child:after{
    display: none;
}
.conditionnementRouleau .icon-rouleau{
    margin-right: 8px;
}
.conditionnementRouleau .nbRlx, .conditionnementRouleau .dimensionsRlx{
    font-weight: 400;
    font-size: 19px;
}
.totalConditionnement{
    margin: 0 0 15px;
    display: inline-block;
    font-weight: 400;
    padding: 5px 15px;
    border-radius: 5px;
    border: 2px solid #d8d8d8;
}
.totalSurfaceConditionnement{
    font-size: 19px;
    color: #74aa39;
}
.devisStepPanier .btnPdf#panierPDF{
    margin: 0 15px 0 0;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
.footPanier{
    text-align: center;
}
.paiementLabel{
    position: relative;
    top: 10px;
}
.ulTable{
    list-style: none;
    padding: 0;
    margin: 0;
}
.devisStepPanier .ulTable {
    text-align: center;
}
.devisStepPanier .ulTable img{
    max-height: 90px;
}
.ulTable li:last-child:after{
    display: none;
}
.ulTable li:after{
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #d8d8d8;
}
.totalGazon .gazonTitre, .devisStepPanier .totalsurface, .devisStepPanier .totalRouleau, .devisStepPanier .totalPanierGazon, .totalPanierAccessoire, .totalQtyAccessoire{
    color: #F36C45;
}
.remisePrix{
    text-decoration: line-through;
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 300;
}
.devisStepPaiement .btn-warning{
    margin: 0 auto;
    display: table;
}
.rowF.informationsProduit{
    text-align: left;
    padding: 20px;
    background: #f2f2f2;
    display: none;
}
.success, .fail{
    background: #74aa39;
    color: #fff;
    font-weight: 300;
    padding: 20px 40px;
    display: table;
}
.fail{
    background: #902525;
}
.fail a:not(.btn){
    color: #fff;
}
h1.merciTitre, h1.errorTitre{
    position: relative;
}
h1.merciTitre:before{
    content: url(img/picto-success.jpg);
    position: absolute;
    left: 0;
    top: -10px;
    margin-right: 10px;
}
h1.errorTitre:before{
    content: url(img/picto-fail.jpg);
    position: absolute;
    left: 0;
    top: -10px;
    margin-right: 10px;
}
.titreInline.pageTitle h1.merciTitre span.inline, .titreInline.pageTitle h1.errorTitre span.inline {
    padding-left: 59px;
}
.titreInline.pageTitle h1.errorTitre span.inline{
    color: red;
}
.infoMethodePaiement{
    color: #F36C45;
    font-weight: 400;
    font-style: italic;
}
.ulTable li.informationsProduit:after {
    display: none;
}
.lienFicheAccessoire{
    color: #74aa39;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    font-style: italic;
}
.ulTable .totalGazon > div, .totalPanierTable > div{
    background: #f6f6f6;
}
.ulTable .totalGazon > div.tableVide, .totalPanierTable > div.tableVide{
    background: #fff;
    border: none;
}

.ulTable li > .col-xs
.ulTable.ulTable2 li > .col-xs{
    width: 50%;
}
.ulTable.ulTable5 li > .col-xs{
    width: 20%;
}
.ulTable li > .col-xs{
    width: 25%;
    padding: 5px 10px;
    border-right: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.ulTable li > .col-xs:last-child{
    border-right: none;
}
.ulTable .designation, .ulTable .conditionnement{
    font-weight: 400;
}
.ulTable .designation .numberGazon{
    display: inline-block;
    color: #74aa39;
    margin-left: 5px;
}
.ulTable .enteteTable{
    background: #f6f6f6;
    font-weight: 400;
}
.panierValideResponsive{
    display: none;
}
.ulTable .tarifTable, .ulTable .tarifProduit{
    font-weight: 400;
}
.ulTable .choixModelePanier, .ulTable .quantitePanier{
    font-weight: 400;
}
.ulTable .choixModelePanier .checkboxStyle{
    margin-left: 5px;
}
.ulTable .soitMcarre{
    font-size: 14px;
    font-style: italic;
    width: 100%;
    line-height: 1;
    display: block;
    font-weight: 300;
}
.ulTable .surmesureP2 .soitMcarre{
    position: relative;
    top: 6px;
}
.ulTable .transportOffert {
    display: none;
    color: #F36C45;
}
.ulTable .offert .transportOffert {
    display: block;
}
.ulTable .offert .transportPayant {
    display: none;
}
.ulTable .transportPayant i{
    font-weight: 300;
}
.ulTable .tarifTransportMcarre{
    margin: 0 5px;
}
.ulTable .tdTable{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ulTable .tdTable.active{
    background: rgba(116, 170, 57, 0.3);
}
.ulTable .tdTable.active > .col-xs{
    border-right: 1px solid #fff;
}
.noAccessoire, .noTransport{
    text-align: center;
}
.ulTableAccessoire, .ulTableTransport, .recupdepotpanier, .livraisonpanier{
    display: none;
} 
.recapDevis{
    margin-top: 0;
}
.promoPanier{
    position: relative;
    margin-top: 58px;
}
.promoPanier .promoPanierBox{
    display: table;
    margin: 0 auto;
    position: relative;
}
.promoPanier p{
    background: #F36C45;
    color: #fff;
    padding: 9px 11px;
    font-weight: 400;
    border-radius: 5px;
    font-size: 18px;
    z-index: 20;
    position: relative;
    max-width: 450px;
    text-align: center;
}

.imgPromoPanier{
    position: absolute;
    width: 165px;
    left: -100px;
    bottom: -29px;
}
.ulTableGazon .tdTable{
    height: 0;
    overflow: hidden;
}
.ulTableGazon .tdTable.affiche{
    height: 89px;
}
.ulTableGazon .tdTableValide.tdTable{
    height: 100%;
    display: flex;
}
.btn.small.editConditionnement{
    margin: 10px auto 0 auto;
    display: table;
    background: #74aa39;
}
.btn.small.editConditionnement i{
    font-size: 16px;
    position: relative;
    top: 2px;
    left: -2px;
}
.choixDevis .listeDevis{
    list-style: none;
    margin: 0 auto 10px auto;
    padding: 0;
    text-align: center;
}
.choixDevis .listeDevis li{
    text-align: center;
    display: inline-block;
    padding: 15px;
    background: #e7e7e7;
    border-radius: 10px;
    cursor: pointer;
    min-width: 130px;
    margin: 0 5px 5px 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
.choixDevis .listeDevis .devisActif{
    background: #74aa39;
    color: #fff;
    z-index: 2;
}
.choixDevis .listeDevis li:before{
    content: "\e90a";
    color: #e7e7e7;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    transform: rotate(90deg) scale3d(1, 2, 1);
    font-size: 17px;
    left: 50%;
    margin-left: -7px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.choixDevis .listeDevis .devisActif:before{
    color: #74aa39;
    bottom: -15px;
}
.choixDevis .listeDevis i{
    font-size: 25px;
}
.choixDevis .owl-carousel .owl-dots{
    margin: 15px auto 0 auto;
}
.choixDevis .listeDevis .center li{
    background: #74aa39;
    color: #fff;
}
.choixDevis .listeDevis .modeleDevis{
    display: block;
}
.choixDevis .listeDevis .modeleDevis span{
    display: block;
    font-weight: 400;
    font-size: 19px;
}
.choixDevis .numDevis{
    font-weight: 400;
    position: relative;
    bottom: 5px;
    margin-left: 5px;
}
.choixDevis .listeDevis hr{
    border: 1px solid #fff;
    width: 20px;
    margin: 5px auto;
}

/* END PAGE PANIER */

/* Page Paiement */
.ulTablePayment.ulTable.ulTable2 li > .col-xs.produitPayement{
    justify-content: start;
}
.ulTablePayment.ulTable.ulTable2 li > .col-xs.tarifPayement, .ulTablePayment.ulTable.ulTable2 li > .col-xs.prixUnitairePayement, .moyenPayment li > .col-xs.choixCheckboxTd{
    max-width: 150px;
}
.moyenPayment li > .col-xs.validationPaymentTd{
    max-width: 350px;
}
.ulTablePayment .produitPayement > *{
    width: 100%;
    font-weight: 400;
}
.ulTablePayment .produitPayement .quantiteProduit, .ulTablePayment .produitPayement .icon-triangle, .ulTablePayment .produitPayement .conditionnementProduit{
    width: auto;
}
.ulTablePayment .produitPayement .icon-triangle{
    color: #3e3e3e;
    font-size: 8px;
    padding: 0 7px;
}
.ulTablePayment .tarifPayement{
    font-weight: 400;
}
.ulTablePayment .labelPaiement{
    font-weight: 300;
}
.facturationPayment li > .col-xs, .moyenPayment li > .col-xs.moyenPaymentTd{
    justify-content: start;
}
.moyenPaymentTd img{
    margin: 8px 5px;
}
.moyenPayment .togglePaiement{
    width: 100%;
    display: none;
}
.validationPaymentTd .togglePaiement {
    text-align: center;
}
.moyenPayment .labelPaiement{
    font-weight: 400
}
.validationPaymentTd .btn, .moyenPaymentTd .btn{
    text-align: center;
    background: #F36C45;
}
.validationPaymentTd .btn:hover, .validationPaymentTd .btn:focus, .moyenPaymentTd .btn:hover, .moyenPaymentTd .btn:focus {
    background: #f98b6b;
}
.moyenPayment .moyenPaymentTd .activePaiement{
    display: none;
}
.cgv {
    text-align: center;
    margin-top: 20px;
}
.cgv .choixCheckbox{
    display: inline-block;
}
.cgvToggle{
    max-height: 400px;
    overflow-y: scroll;
    text-align: left;
    border: 1px solid #d8d8d8;
    padding: 15px;
    border-radius: 5px;
    margin-top: 15px;
    display: none;
}
span.cgvBtn, #infoStep span.cgvBtn{
    color: #74aa39;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}
.cgvError{
    color: red;
    font-weight: 400;
    font-style: italic;
    display: none;
}
/* END Page Paiement */

/* FAQ */

#faq h3{
    color: #74aa39;
}
#faq ul{
    list-style: none;
    padding: 0;
    margin:0;
}
#faq ul > li{
    cursor: pointer;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    background: #fafafa;
}
#faq ul > li:before{
    content: "\e906";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
     -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    color: #74aa39;
}
#faq ul > li.active:before{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#faq ul > li h4{
    margin: 0;
    padding: 10px 30px 10px 15px;
    font-size: 16px;
}
#faq ul > li p{
    margin: 0;
    padding: 15px 25px;
}
#faq ul > li.active p{
    
}
/* FAQ END */

.loadingSpinner{
    visibility: hidden;
    opacity: 0;
    background: rgba(255,255,255,0.9);
    width: 100vw;
    height: 100%;
    position: fixed;
    z-index: 1000;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    z-index: 9999999;
        left: 0;
    top: 0;
}
.loadingSpinner.active{
    visibility: visible;
    opacity: 1;
}
.loadingSpinner .spinner {
  animation: rotateSpinner 2s linear infinite;
  z-index: 1002;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.loadingSpinner .chargement{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    text-align: center;
    margin-left: -100px;
    margin-top: 40px;
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    opacity: 0.7;
}
.loadingSpinner .path {
    stroke: #F36C45;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotateSpinner {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.btn.ctaCat{
    background: #F36C45;
    margin: 15px auto 0 auto;
    display: table;
}
.btn.ctaCat:hover, .btn.ctaCat:focus {
    background: #f98b6b;
}
.rowContact{
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
     max-width: 800px;
    margin: 0 auto;
}
.contactImg{
    position: relative;
    left: 25px;
    width: 270px;
}
.contactContent{
    width: 500px;
    position: relative;
    z-index: 2;
    padding: 20px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#ededed));
    background: -webkit-linear-gradient(top, #ffffff, #ededed);
    background: -moz-linear-gradient(top, #ffffff, #ededed);
    background: -o-linear-gradient(top, #ffffff, #ededed);
    background: -ms-linear-gradient(top, #ffffff, #ededed);
    background: linear-gradient(top, #ffffff, #ededed);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 13px 27px rgba(0, 0, 0, 0.4);
    text-align: left;
}
#form_panier, #devisNoneixsit, #devisExpire, #devisValide, #panierOk, #panierValide, #panierNoexist{
    display: none;
}
#form_panier.active, #devisNoneixsit.active, #devisExpire.active, #devisValide.active, #panierOk.active, #panierValide.active, #panierNoexist.active{
    display: block;
}
.devisStepPanier .fail .btn, .devisStepPaiement .fail .btn{
    display: table;
    margin-top: 15px;
    margin-bottom: 15px;
}
.gform_body li.echChoix {
    width: 100%;
}
.echBox img{
    margin-right: 15px;
}
.echBox .echContent{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: dotted 2px #bbb;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 15px 0;
}
.echBox .choixCheckboxEchRupture .echContent .checkboxStyle, .echBox .choixCheckboxEchRupture{
    display: none;
}
.echBox .echTitre{
    display: block;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.echBox .echPrix{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #F36C45;
}
.echBox .echPrix .gratuit{
    display: none;
}
.echBox .checkboxStyle{
    margin-right: 20px;
    min-width: 40px;
}
.echRadio {
    display: none;
}
.btnStipePaiement{
    background: #f36c45;
    letter-spacing: 0;
    text-transform: none;
    font-size: 21px;
}
.polyethylene{
    position: absolute;
    z-index: 5;
    right: 0;
    background: #74aa39;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 1.2em;
    padding: 20px;
    border-radius: 20px;
    font-size: 14px;
}
.polyethylene span{
    font-size: 30px;
}
.sidebar #AV_widget_iframe{
    min-height: 330px;
}
.centerTxt{
    text-align: center;
}
.vsGazon {
    text-align: center;
}
/* RESPONSIVE */

@media (max-width: 1500px) {
    #infoStep .selectionVousEtes {
        width: 100%;
    }
    .pclient .encartPclient{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .avisNote{
        min-height: 331px;
    }
    .header {
    margin-bottom: 50px;
    z-index: 100;
    position: initial;
    }
    .colonagePose .colR{
        width: 73%;
    }
    body .wrapper {
        max-width: 1170px;
        width: 100%;
    }
    body footer .wrapper {
        padding: 16px 20px 50px 20px;
    }
    header nav.nav ul {
      padding-left: 30px;
    }
    header nav.nav ul.sub-menu {
      padding-left: 0;
    }
    header nav.nav {
        bottom: 4px;
    }
    header nav.nav ul li a {
        letter-spacing: 0.5px;
    }
    .degre360 {
        right: 54px;
    }
    .sliderGazons .icon-arrowL::before, .owl-carousel .icon-arrowL::before {
        left: -40px;
        z-index: 50;
    }
    .sliderGazons .icon-arrowR::before, .owl-carousel .icon-arrowR::before {
        right: -40px;
        z-index: 50;
    }
    .sliderGazons {
        padding: 0 60px;
    }
    .gazonsItem.active {
        width: 40%;
        position: absolute;
        left: 25%;
    }
    .photoGazonSlider, .gazonsItem{
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .gazonsItem.active .photoGazonSlider {
        width: 400px;
        height: 289px;
    }
    .gazonsItem .encartItemGazonSliderContent {
        height: 0;
        width: 100%;
        top: 0;
        left: 280px;
    }
    .gazonsItem.active .encartItemGazonSliderContent {
        height: 100%;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
    }
    .gazonsItem{
        margin: 260px auto 80px auto;
    }
    #pose .icon-arrowR::before {
        right: 0px;
        z-index: 50;
    }
    #pose .icon-arrowL::before {
        z-index: 50;
    }
    .encartItemAccessoiresSliderContent {
        min-height: 280px;
        width: 50%;
        right: 40px
    }
}
@media (max-width: 1300px) {
    .impeccableBoxTxt h2{
        margin-top: 0;
    }
    .triangleR, .triangleL{
        display: none;
    }
}
@media (max-width: 1200px) {
    .topbar .clickToCall a {
        padding: 5px 15px;
        margin-right: 5px;
        font-size: 11px;
        position: relative;
        top: -3px;
    }
    .topbar .clickToCall a:last-child {
        margin-right: 0;
    }
    .topbar .social {
        display: none;
    }
    nav.nav ul.sub-menu {
        background: transparent;
        box-shadow: none;
        text-align: right;
        padding: 10px 0;
        margin-top: 0;
    }
    nav.nav ul.sub-menu {
        position: relative;
        background: #ffffff0d;
        border-radius: 0;
        padding: 15px 15px 0;
    }
    .logo-img{
        padding: 7px;
    }
    .is-sticky .logo-img{
        top: 0;
    }
    .navBar {
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        padding-bottom: 0;
    }
    header .navcontent{
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        transition: all 400ms ease 0s;
        width: 100%;
        background: rgba(44,44,44,0.95);
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        position: fixed;
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
     }
     header nav.nav .navcontent::after{
        content: "";
        width: 50px;
        height: 50px;
        position: absolute;
        display: block;
        background: url(img/close.png) no-repeat center center;
        top: 20px;
        right: 20px;
     }
     header nav.nav.active .navcontent{
        -webkit-transform: translate(0px);
        -moz-transform: translate(0px);
        -o-transform: translate(0px);
        -ms-transform: translate(0px);
        transform: translate(0px);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 70%;
    }
    header nav.nav .bgMenuResponsive{
        opacity: 0;
        -webkit-transition: all 200ms ease 0s;
        -moz-transition: all 200ms ease 0s;
        -o-transition: all 200ms ease 0s;
        transition: all 200ms ease 0s;
    }
    header nav.nav.active .bgMenuResponsive{
        position: fixed;
        top: 0;
        left: 0;
        width: 1000vh;
        height: 100vh;
        background: #ffffffd9;
        z-index: 40;
        opacity: 1;
    }
     header nav.nav{
        position: inherit;
        display: inherit;
        top: 19px;
     }
    header nav.nav .navcontent > ul {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: relative;
        -webkit-transition: all 400ms ease 0s;
        -moz-transition: all 400ms ease 0s;
        -o-transition: all 400ms ease 0s;
        transition: all 400ms ease 0s;
        -webkit-transform: translate(0px, 20px);
        -moz-transform: translate(0px, 20px);
        -o-transform: translate(0px, 20px);
        -ms-transform: translate(0px, 20px);
        transform: translate(0px, 20px);
        border-radius: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0 20px;
        width: 90%;
        overflow-y: auto;
        margin: 50px 0;
    }
    header nav.nav ul.sub-menu li a {
        color: #fff;
    }
    header nav.nav ul.sub-menu li a {
        white-space: normal;
        padding: 10px 0;
    }
    header nav.nav.active .navcontent > ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
       
    }
    header nav.nav ul li{
        display: block;
        margin: 0;
        width: 99%;
        border-bottom: solid 1px #656565;
    }
    header nav.nav ul li:last-child{
        border-bottom: none;
    }
    header .topbar{
        margin-bottom: 0;
    }
    nav.nav ul li.menu-item-has-children::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        height: 10px;
        width: 10px;
        border: #74aa39 solid 3px;
        border-top: none;
        border-left: none;
        top: 17px;
        left: auto;
        right: -18px;
        background: transparent;
    }
    .sub-menu {
        position: relative;
        display: none;
        z-index: 20;
        border-radius: none;
        opacity: 1;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-align: left;
        box-sizing: border-box;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
        padding: 0 0 10px 0;
        margin-top: 0;
    }
    .sub-menu.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    nav.nav ul li a {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        display: block;
        width: 100%;
        padding: 15px 0;
    }
    header nav.nav ul.sub-menu li:first-child a {
        padding-top: 0;
    }
    header nav.nav ul li:nth-child(1) a, header nav.nav ul li:nth-child(2) a {
        color: #fff;
    }
    .responsiveNav{
        margin-bottom: 10px;
        text-decoration: none;
        background: #74aa39;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 3px;
        padding: 17px 30px 17px 45px;
        text-transform: uppercase;
        border: none;
        margin-right: 20px;
        margin-top: -28px;
        cursor: pointer;
    }
    .polyethylene{
        left: 0;
        right: auto;
    }
    .itemSavoirFaire {
      margin: 15px 0;
    }
    .savoirFaire > img {
        display: none;
    }
    .itemSavoirFaireImg{
        display: none;
    }
    .realisme .triangle{
        display: none;
    }
    .impeccable .itemTriangle1 svg {
        right: 12%;
        left: auto;
    }
     .pagePaiementStripe .moyenPayment{
       margin: 0 auto 35px auto;
        width: 100%;
    }
    .recevoirGuide .recevoirGuideImg {
        width: 267px;
    }
    .recevoirGuide .recevoirGuideText {
        width: 100%;
        margin-top: 15px;
    }
    .recevoirGuide::before {
        width: 100%;
    }
    .recevoirGuide {
        padding: 25px;
    }
    .pclient .encartPclientTxt {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .avisNote{
        min-height: 428px;
    }
    .colonagePose .colR{
        width: 66%;
    }
    body .wrapper {
        max-width: 970px;
    }
    .sliderProduit   {
        max-width: 600px;
    }
    .gchoice_4_8_1 label::before, .gchoice_4_8_2 label::before, .gchoice_4_8_3 label::before, .gchoice_4_8_4 label::before, .gchoice_4_8_5 label::before {
        background-position: center top;
    }
    .photoAccessoiresSlider {
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        width: 50%;
        height: 88%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .tel {
        margin-right: 15px;
    }
    .degre360 {
        right: 0;
    }
    .colL, .colR, .presentationProduit .colR, #poseProduit .colL, #poseProduit .colR,  .societeContent .colL, .societeContent .colR{
        width: 100%;
        position: relative;
        padding: 0;
        margin-bottom: 20px;
    }
    .avis {
        min-height: 185px;
    }
    .blogItemImg {
        float: none;
    }
    .blogItemContent {
        padding-left: 0;
        margin-top: 20px
    }
    .sommaireAccessoire{
        columns: 3 50px;
        -webkit-columns: 3 50px;
        -moz-columns: 3 50px;
        font-size: 15px;
    }
    h2.titreAccessoire2 span{
        font-size: 40px;
    }

    .logoDevis{
        display: none;
    }
}
@media only screen and (max-width: 62em) {
    .sidebar {
        position: relative !important;
    }
}
@media (max-width: 992px) {
    article .notation .note {
        margin-right: 27px;
    }
    header .topbar .topbarContent{
        width: 64%;
    }
    .ulTable.ulTableAccessoire li > .designation, .ulTable li > .colResponsivePanier{
        display: none;
    }
    .panierValideResponsive{
        display: table;
        margin: 30px auto;
    }
    .ulTable.ulTableAccessoire li > .col-xs {
        width: 25%;
    }
    #infoStep .selectionVousEtes > *,#devisStep .classeurInfo > * {
        flex: 100%;
    }
    #infoStep #infoForm, .pagePaiementStripe #infoStep #infoForm{
        width: 100%;
    }
    #devisStep .classeurInfo  {
        margin: 35px auto;
        width: 100%;
    }
    #infoStep .selectionVousEtes label {
        margin: 14px 0;
    }
    .choixCheckbox .numberGazon {
        position: relative;
        bottom: 13px;
    }
    .choixCheckbox .gazonTitre {
        position: relative;
        bottom: 0;
    }
    #devisStep #modeleFoot > div {
        margin-bottom: 20px;
    }
    .recevoirGuide .recevoirGuideText {
        width: 60%;
        margin-top: 0;
    }
    .recevoirGuide {
        margin-bottom: 20px;
    }
    .encartAvisVerifie{
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 10;
    }
    span.ToTop a.icon-arrowL{
        font-size: 20px;
        padding: 14px 16px;
    }
    .single.single-post .pageTitle {
        margin-top: 0;
    }
    .pclient {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .pclient .encartPclient {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        height: 126px;
        border-radius: 10px;
        padding: 38px 50px 0 50px;
        width: 100%;
        margin-left: 0;
        margin-top: -36px;
    }
     body .wrapper {
        max-width: 750px;
    }
    .sommaireAccessoire{
        columns: 2 50px;
        -webkit-columns: 2 50px;
        -moz-columns: 2 50px;
        font-size: 15px;
    }
  .presentationProduitAccessoir .nomGazon, .titre1Acc {
    font-size: 30px;
    }
    .presentationProduitAccessoir .ssTitreGazon {
    font-size: 30px;
    }
    .avisNote {
        display: none;
    }
    .avisNote{
        min-height: inherit;
    }
    .autresGuides {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .autresGuides li {
        width: 50%;
    }
    .colonagePose .colR {
        width: 100%;
    }
    .gchoice_4_8_1 label::before, .gchoice_4_8_2 label::before, .gchoice_4_8_3 label::before, .gchoice_4_8_4 label::before, .gchoice_4_8_5 label::before {
        height: 67px;
    }
    .degre360 {
        top: 263px;
    }
    .topbar {
        margin-bottom: 20px;
    }
    .footer nav ul{
        margin-bottom: 30px;
        padding: 0;
    }
    .footer nav.nav ul li a{
        margin: 0;
        padding: 0;
    }
    .contactFoot span{
        display: block;
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .productList .productListItem {
      width: 50%;
      padding-right: 30px;
    }
    .choixGazon {
        position: relative;
        top: 0;
        right: 0;
        z-index: 10;
        display: inline-block;
    }
    .accessoiresItemGazon {
        width: 25%;
    }
    .accessoiresChoix {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .avis {
        min-height: 265px;
    }
    .comparo h2 {
        font-size: 18px;
    }
    .comparo h2 .txtVert {
        font-size: 30px;
    }

    .listArticleBlog{
      display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;  
    width: 100%;
    }
    .itemArticle{
        margin: 30px 0 20px 0;
    }
    .articleContent .more{
        bottom: 25px;
    }
    .colArticles {
        width: 100%;
        float: none;
    }
    .colSidebar {
        width: 100%;
        float: none;
        margin-top: 50px;
    }
    .colonageCommander > div {
        width: 100%;
        padding-right: 0;
    }
    .sliderGazons{
        padding: 0;
    }
    .gazonsItem.active{
        left: 8%;
    }
}
@media (max-width: 768px) {
    #references h3{
        text-align: left;
    }
    header .topbar .topbarContent{
        width: 100%;
        border-radius: 0;
        text-align: center;
        padding: 8px 6px 4px;
        background: #ebebeb;
    }
    .tel {
        letter-spacing: 0;
        font-size: 10px;
    }
    .tel a, .tel a:hover, .tel a:focus {
        color: #444;
        position: relative;
        bottom: 3px;
    }
    .tel i {
        font-size: 15px;
        position: relative;
        top: 3px;
    }
    #accroche i:before {
        content: url(img/grossite-france-mobile.jpg);
        top: 4px;
        margin-right: 0;
    }
    #stickyNav .wrapper.navBar{
        padding: 0;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
    }
    .header nav.nav {
        top: 0;
    }
    .responsiveNav {
        margin-bottom: 0;
        border-radius: 0;
        display: inline-block;
        font-size: 12px;
        padding: 28px 14px 28px 45px;
        margin-right: 0;
        margin-top: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .is-sticky .responsiveNav {
        padding: 18px 14px 18px 45px;
    }
    .is-sticky .burger {
        top: 20px;
    }
    .burger {
        top: 29px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .impeccable .btn, .impeccable .btn:hover, .impeccable .btn:focus {
        margin-right: 2px;
    }
    .accorcheTxt {
        font-size: 40px;
        line-height: 74px;
    }
    .accorcheTxt span {
        font-size: 110px;
    }
    .home section h2 span {
        font-size: 110px;
    }
    .home section h2 {
        line-height: 65px;
    }
    .accrocheImg {
        height: auto;
    }
   .page-id-2209 .ulTable li > .col-xs.choixCheckboxTd{
        display: none;
    }
    .moyenPayment .moyenPaymentTd .activePaiement {
        margin-top: 20px;
        display: inline-block;
    }
    #devisStep #poseStep .sectionHead .inputBox {
        margin: 10px 5px;
    }
    #devisStep .questionDevis{
        width: 100%;
    }
    #devisStep #poseStep > div > .flex, #transportLivraison .sectionHead > .flex{
        flex-wrap: wrap;
    }
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }
    .inputNumber {
        width: 31px;
    }
    .recevoirGuide .recevoirGuideText {
        width: 100%;
    }
    body .wrapper {
        max-width: auto;
        padding: 0 30px;
    }
     .avisNote {
        display: block;
    }
    .gform_body li, .gform_body li.width50 {
        width: 100%;
    }
    #gform_4 .gform_body li#field_4_12, #gform_4 .gform_body li#field_4_11 {
        width: 100%;
    }
     .comparo h2 {
        font-size: 38px;
    }

    .comparo h2 .txtVert {
        font-size: 40px;
        background: none;
    }
    .productList .productListItem.comparo {
        width: 100%;
        padding: 0;
        position: relative;
        border-bottom: #d8d8d8 solid 3px;
        padding-bottom: 50px;
    }
    .productList {
        display: block;
    }
    .post-type-archive-accessoire .productList .productListItem.productListItemAccessoires{
        width: 33%;
    }
    .post-type-archive-accessoire .productList, .post-type-archive-gazons .productList{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .productListItem.comparo .imgListProduit a{
        text-align: center;
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    article:nth-child(1) .note h3, article:nth-child(2) .note h3, article:nth-child(4) .note h3, article:nth-child(5) .note h3 {
        opacity: 1;
    }
    .avis {
        min-height: inherit;
    }
    .avantagesproBox{
        width: 100%;
    }
    .gutter-sizer { 
        width: 0; 
    }
    /*modSliderGazon*/
    .gazonsItem.active{
        left: 15%;
    }
    .gazonsItem .encartItemGazonSliderContent{
        left: 200px;
    }
    .sliderGazons .icon-arrowR:before{
        right: -20px;
    }
    .sliderGazons .icon-arrowL:before{
        left: -20px;
    }
    .gazonsItem .titreMiniature .nomGazon, .titre1Acc{
        font-size: 15px;
    }
    /*modSliderGazon*/
   /*Page Accessoires - virgile*/
    main .presentationProduit.presentationProduitAccessoir{
        margin: 0px;
        margin-top: 20px;
    }
    h3.titreAccessoire2 {
        text-align: left;
    }
    h3.titreAccessoire2 .titre1Acc, 
    h3.titreAccessoire2 .titre2Acc {
        font-size: 25px;
    }

    main.pagePose img {
        margin-bottom: 10px;
    }
    /*Page Nos gazons synthetiques - virgile*/
    .listeGazonCat{
        padding:0 5px;
        text-align: center;
    }
}
@media (max-width: 740px) {
    .popup .contentPopupBox {
        max-width: auto;
        margin-left: 0;
        left: 0;
    }
    .itemArticle {
        margin: 20px 0 20px 0;
    }
    .clickToCall a:last-child{
        display: inline-block;
    }
    .flexboxContent {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flexboxContent .guideQuadrille a > span {
        display: table;
        top: 50%;
        text-align: center;
        margin: 0 0 0 -125px;
        max-width: 250px;
        left: 50%;
    }
    .flexboxContent .guideQuadrille {
        margin-right: 30px;
        position: relative;
        width: 100%;
        text-align: center;
    }
     h2.titreAccessoire2 span{
        font-size: 25px;
        line-height: 30px;
    }
    /*sliderGazon*/
    .gazonsItem .encartItemGazonSlider{
        width: 320px;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        width: 290px;
    }
    .gazonsItem .encartItemGazonSliderContent {
        left: 170px;
    }
    .gazonsItem .titreMiniature{
        left: 7px;
    }
    .gazonsItem .encartItemGazonSlider{
        width: 280px;
    }
}
@media (max-width: 620px){
    .accorcheTxt span {
        font-size: 95px;
    }
    .home section h2 span {
        font-size: 95px;
    }
    #societe h2 span{
        font-size: 73px;
    }
    .gazonsItem.active {
        left: 10%;
    }
}
@media (max-width: 600px) {
    .echBox .echContent{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ulTable li > .col-xs {
        padding: 5px;
    }
    .quantitePanier input{
        display: block;
        width: 70px;
        margin: 0 auto;
    }
    .ulTable li > .designation {
        display: none;
    }
    .ulTable li > .quantitePanier {
        min-width: 105px;
    }
    .ulTable li > div:last-child, .ulTable.ulTableAccessoire li > .tarifTable, .ulTable.ulTableAccessoire li > .tarifProduit{
        max-width: 75px;
    }
    .devisStepPaiement  .ulTable li > div:last-child{
        max-width: none;
    }
    .sommaireAccessoire{
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        font-size: 14px;
    }
     .productList .productListItem {
      width: 100%;
      padding-right: 0;
    }
     .productList .productListItem p.descListProduit{
        margin-top: 0;
    }
    .pageTitle h1 {
        font-size: 32px;
    }
    #input_4_8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
         -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    }
    #input_4_8 li {
        width: 29%;
    }
    .pageTitle h1 span {
        font-size: 25px;
    }
    .gchoice_4_8_1 label::before, .gchoice_4_8_2 label::before, .gchoice_4_8_3 label::before, .gchoice_4_8_4 label::before, .gchoice_4_8_5 label::before {
        height: 93px;
    }
    .productListItem {
        margin-bottom: 20px;
    }
    .post-type-archive-accessoire .productList .productListItem.productListItemAccessoires{
        width: 50%;
    }
    .articleContent {
        float: none;
        width: 100%;
    }
    .imgConseil {
        float: none;
        margin: 20px 30px 20px 0;
    }
    .encartItemAccessoiresSliderContent {
        min-height: 280px;
        right: 0;
        width: 100%;
        margin: 0;
        float: none;
        background: none;
        box-shadow: none;
    }
    .photoAccessoiresSlider {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 250px;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    #pose .btn {
        float: none;
        margin-right: 30px;
        position: relative;
        top: 20px;
    }
    .encartItemAccessoiresSliderContent .more {
        bottom: 0;
        position: relative;
    }
    #pose .icon-arrowR::before {
        right: -20px;
    }
    .accessoiresItemGazon {
        width: 50%;
    }
    .photoAccessoiresItemGazon {
        background-size: auto 100%;
      
    }
    h2 > span::after, h2::before {
        display: none;
    }
    .caracteristiqueLigne .infoLigne {
        position: relative;
        left: 0;
        display: block;
        margin-left: 0;
    }
    .caracteristiqueLigne::after {
        margin-top: 10px;
        content: "";
        height: 1px;
        width: 80%;
        background: #d8d8d8;
        margin-left: 0;
        display: block;
    }
    .surmesure {
        margin-left: 0;
        margin-top: 0;
        position: relative;
        display: block;
    }
    .presentationProduit .nomGazon {
        display: inline-block;
        font-size: 50px;
    }
    .presentationProduit .ssTitreGazon, .titre2Acc {
        display: inline-block;
        font-size: 50px;
        line-height: 40px;
    }
    .sliderGazons {
        min-height: 265px;
        top: 0;
    }
    .gazonsItem{
        display: none;
    }
    .gazonsItem.active {
        display: block;
        left: 12%;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        height: 230px;
        width: 265px;
        left: 135px;
    }
    .gazonsItem.active .photoGazonSlider{
        margin-top: -25px;
        background-size: contain;
        width: 300px;
    }
    .gazonsItem .encartItemGazonSlider{
        width: 100%;
        height: 100%;
        padding: 15px;
    }
    .miniDescGazonSlider{
        font-size: 15px;
    }
}
@media (max-width: 530px) {
    .sliderProduit .sliderImgThumb, .sliderProduit .sliderImgThumb:focus, .sliderProduit .sliderImgThumb:visited, .sliderProduit .sliderImgThumb:active {
        margin-right: 0;
    }
    .sliderProduit .sliderImgThumb img {
        width: 70px;
    }
    article .notation .note {
        margin-right: 10px;
    }
    .contactImg{
        display: none;
    }
    #label_5_13_1{
        display: initial;
    }
    .clickToCall a.demandeDevis{
        display: inline-block;
    }
    .enqueteTxt img{
        float: none;
        margin: 0 auto;
        display: block;
    }
    .enqueteTxt p.vide{
     padding-top: 0px;
    }
    .imgH2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .imgH2 h2{
        text-align: center;
    }
    .gazonsItem.active{
        left: 14%;
    }
    .gazonsItem.active .photoGazonSlider{
        width: 240px;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        left: 120px;
        width: 210px;
        height: 270px;
    }
    .encartItemGazonSlider .more{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}
@media (max-width: 460px) {
    .accorcheTxt {
        font-size: 35px;
        line-height: 61px;
    }
    .accorcheTxt span {
        font-size: 80px;
    }
    .home section h2 {
        font-size: 35px;
    }
    #societe h2 span {
        font-size: 60px;
    }
    .home section h2 span {
        font-size: 80px;
    }
    .home section h2 {
        line-height: 53px;
    }
    .impeccable .itemTriangle1 svg {
        right: -6%;
        top: 150px;
    }
    #devisStep .surmesureBoxResponsive{
        width: 100%;
        justify-content: center;
    }
    .imageAlaUneArticle img{
        width: 100%;
    }
    .logo-img {
        width: 150px;
    }
     #input_4_8 li {
        width: 100%;
    }
    .gchoice_4_8_1 label::before, .gchoice_4_8_2 label::before, .gchoice_4_8_3 label::before, .gchoice_4_8_4 label::before, .gchoice_4_8_5 label::before {
        background-position: center top;
        background-size: contain;
        height: 162px;
    }
    .post-type-archive-accessoire .productList .productListItem.productListItemAccessoires{
        width: 100%;
    }
    .accessoiresItemGazon {
        width: 100%;
    }
    .autresGuides li {
        width: 100%;
    }
    .gazonsItem.active{
        width: 100%;
        left: 12%;
    }
    .gazonsItem .encartItemGazonSliderContent{
        top: 160px;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        left: -30px;
        width: 100%;
        height: 200px;
    }
    .encartItemGazonSlider .more{
        display: block;
    }
    .sliderGazons{
        min-height: 355px;
    }
    .gazonsItem.active .photoGazonSlider{
        margin: -90px 0 0 29%;
    }
    .gazonsItem .encartItemGazonSliderContent{
        top: 140px;
    }
    .gazonsItem .encartItemGazonSlider{
        text-align: center;
        padding: 10px;
    }
    .gazonsItem.active{
        left: 0;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        left: 0;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }
}
@media (max-width: 390px) {
    .aVotreService{
        display: none;
    }
    .presentationProduit .nomGazon {
        display: block;
        font-size: 40px;
    }
    section#accroche {
        margin-top: 0;
    }
    .header {
        margin-bottom: 10px;
    }
    .presentationProduit .ssTitreGazon {
        display: block;
    }
    .tel {
        font-size: 12px;
        letter-spacing: 1px;
        margin-right: 30px;
        margin-right: 10px;
    }
    .gazonsItem.active .photoGazonSlider {
        margin: -90px 0 0 25%;
    }
}
@media (max-width: 350px){
    .sliderGazons{
        min-height: 400px;
    }
    .gazonsItem.active .photoGazonSlider{
        margin: -90px 0 0 17%;
    }
    .gazonsItem.active .encartItemGazonSliderContent{
        height: 250px;
    }
    .gazonsItem.active .encartItemGazonSlider .nomGazon, .gazonsItem .encartItemGazonSlider .ssTitreGazon{
        font-size: 17px;
        letter-spacing: 2px;
    }
    .encartItemGazonSlider .more{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: baseline;
        text-align: left;
    }
}