/* FONTS */
@font-face {
    font-family: 'pop';
    src: url('../fonts/poppins-thin.eot');
    src: url('../fonts/poppins-thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins-thin.woff2') format('woff2'),
        url('../fonts/poppins-thin.woff') format('woff'),
        url('../fonts/poppins-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pop';
    src: url('../fonts/poppins-semi-bold.eot');
    src: url('../fonts/poppins-semi-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins-semi-bold.woff2') format('woff2'),
        url('../fonts/poppins-semi-bold.woff') format('woff'),
        url('../fonts/poppins-semi-bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pop';
    src: url('../fonts/poppins-medium.eot');
    src: url('../fonts/poppins-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins-medium.woff2') format('woff2'),
        url('../fonts/poppins-medium.woff') format('woff'),
        url('../fonts/poppins-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pop';
    src: url('../fonts/poppins-extra-light.eot');
    src: url('../fonts/poppins-extra-light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins-extra-light.woff2') format('woff2'),
        url('../fonts/poppins-extra-light.woff') format('woff'),
        url('../fonts/poppins-extra-light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pop';
    src: url('../fonts/poppins-regular.eot');
    src: url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/poppins-regular.woff2') format('woff2'),
        url('../fonts/poppins-regular.woff') format('woff'),
        url('../fonts/poppins-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'doni';
    src: url('../fonts/donita-handscript.eot');
    src: url('../fonts/donita-handscript.eot?#iefix') format('embedded-opentype'),
        url('../fonts/donita-handscript.woff2') format('woff2'),
        url('../fonts/donita-handscript.woff') format('woff'),
        url('../fonts/donita-handscript.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* DEFAULT */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, footer, header, main, nav, section 	{ display:block;}
input[type="text"], input[type="submit"], select, textarea { appearance:none; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; border-radius:0;}
* { outline:none !important;}
strong, b { font-weight:normal; font-family:"pop";}
ul { list-style-type:none;}
body { font: 300 15px/24px 'pop'; letter-spacing: .5px; color:var(--gris); background:var(--blanc) !important;}
a { text-decoration:none; color:var(--noir); outline:none;}
a:hover, a:focus { color: var(--blanc);}
img	{ border:none;}
h1 { font: 300 40px/48px 'pop'; text-transform: capitalize; color:var(--noir); text-align: center;}
h2 { font: 300 30px/40px 'pop'; color:var(--noir);}
h3 { font: 300 24px/40px "pop"; color: var(--noir);}
li { font-weight: normal;}
.row { max-width: 1185px; padding: 0 40px; margin: 0 auto;}
.col { display: flex; justify-content: space-between; align-items: flex-start;}
.btn { display: flex; justify-content: center; align-items: center; background: var(--marron-foncer); width: 162px; height: 60px; font:normal 15px/20px "pop"; letter-spacing: .5px; color: var(--blanc);}
.btn-blanc { background: var(--blanc); color: var(--gris);}
.blocTitre { margin-bottom: 25px;}
.blocTitre h2 { font:300 36px/48px 'pop'; color:var(--marron);}
.blocTitre span, .blocTitre p { font:500 18px/30px "pop"; text-transform: uppercase; color: var(--noir);}
:root {
    --noir: #000;
    --gris: #333;
    --marron-foncer: #362f2d;
    --marron:#795c4d;
    --marron-claire: #caaea6;
    --vert: #4da65b;
    --blanc: #fff;
}

/* HEADER */
.headerTop { display: flex; justify-content: flex-start; align-items: stretch; position: relative;}
.logo { display: flex; justify-content: center; align-items: center; max-width: 305px; width: 305px;}
.blocIntroNav { width: calc(100% - 305px); border-left: 1px #f4f4f4 solid;}
.intro { padding-left: 60px; display: flex; justify-content: space-between; align-items: center;}
.tel { background: var(--vert); width: 225px; height: 50px; display: flex; justify-content: center; align-items: center; color: var(--blanc);}
.tel:before { content: url(../img/tel.png); width: 19px; height: 20px; display: block; margin-right: 10px;}
.menu { background: var(--marron-foncer); display:block; position:relative; z-index:100;}
.menu>ul { display:flex; justify-content: space-around; align-items: center; position:relative; font-size:0; line-height:0;}
.menu li { margin:0 10px; position: relative;}
.menu a	{ display: block; padding: 42px 0; position: relative; z-index: 1; font:300 13px/20px "pop"; letter-spacing: .25px; text-transform: uppercase; color:var(--marron-claire); overflow: hidden;}
.menu li.active>a, .current-menu-item a, .current-menu-parent>a { color: var(--vert);}
.menu li a:after { content: ''; background: var(--vert); height: 4px; position: absolute; left: 0; right: 0; bottom: -5px; transition: all 400ms ease-in-out;}
.menu li.active a:after, .current-menu-item a:after, .current-menu-parent>a:after { bottom: 0 !important;}

/* SUB */
.sub, .menu li ul { width:inherit; position:absolute; top:104px; left:0; z-index:995; margin-left:0; display:block; visibility:hidden; opacity:0; transition: all 400ms ease-in-out;}
.sub li, .menu li ul li	{ width:100%; margin:0; border:none; padding:0;}
.sub li a:after, .menu li ul li a:after { display: none !important;}
.sub li a, .menu li ul li a { display:flex; justify-content: flex-start; align-items: center; background:var(--blanc); min-width:205px; height:70px; padding: 0 10px 0 40px !important; border-bottom:1px #eee solid; margin:0; text-transform: uppercase; color: var(--noir) !important;}
.sub li:last-child a, .menu li ul li:last-child a { border:0;}
.menu li:hover .sub, .menu li:hover ul { opacity:1; visibility:visible; z-index:999;}
.menu .sub li.active a, .menu li ul li.active a, .sub-menu .current-menu-item a { background:var(--vert); color: var(--blanc) !important;}

.menu-bar { display: none; background: var(--marron-foncer); width: 59px; height: 73px; position: absolute; right: 0; bottom: 0; cursor:pointer; z-index: 99999; transition: all 400ms ease-in-out;}
.menu-bar span { display: block; text-align: center; font: 300 13px/16px "pop"; letter-spacing: .25px; text-transform: uppercase; color: var(--blanc);}
.menu-bar .bar { width: 20px; height: 20px; margin: 15px auto 10px; position: relative;}
.menu-bar.show { display: block !important;}
.menu-bar .bar>div { position: absolute; width: 20px; height: 2px; left:0; right: 0; top: 10px; margin: 0 auto; border-radius: 2px; background: var(--blanc);}
.menu-bar .bar>div:first-child { margin-top: 0;}
.menu-bar .bar>div:nth-child(2){ margin-top: -6px;}
.menu-bar .bar>div:nth-child(3){ margin-top: 6px;}
header.active .burger { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -o-transform: translateX(0) !important; opacity: 1; transition: all 600ms ease-in-out;}
.menu-bar.active { position: fixed !important; top: 0; right: 0;}
.menu-bar.active .bar>div { width: 0; transition: all ease-in-out .5s;}
.menu-bar.active .bar>div:nth-child(2) { width: 20px; transform: rotate(45deg); transition: all ease-in-out .5s; margin-top:0;}
.menu-bar.active .bar>div:nth-child(3) { width: 20px; transform: rotate(-45deg); transition: all ease-in-out .5s; margin-top: 0;}
.burger { background: var(--blanc); position: fixed; width: 100%; height: 100%; min-height: 100vh; z-index: 99999; padding: 0; text-align: center; transform: translateX(-100%); -webkit-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -moz-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; opacity: 0; transition: all 600ms ease-in-out; transition-delay: .5s; top: 0; left: 0; display: none !important; justify-content: center; align-items: center;}
#menuBurger>ul, #menuBurger li, #menuBurger li a { position: relative; z-index: 99;}
#menuBurger li.current-menu-item a { color: #6fcf3b;}
#menuBurger { position: relative; margin-top: 60px;}
#menuBurger li { margin: 10px 0;margin-bottom: 25px!important;}
#menuBurger a { font: 500 30px/40px "pop"; text-transform: uppercase; color: var(--noir);}
#menuBurger .active>a { color: var(--vert);}
#menuBurger li ul { margin: 20px 0 25px;}
#menuBurger li ul li a { font-size: 20px; line-height: 25px; min-width: inherit !important;}

/*banner*/
.banner { position: relative;}
.bannerImg img { display: block; width: 100%; height: calc(100vh - 154px); min-height: 385px; object-fit: cover; object-position: center;}
.slick-initialized .slick-slide { display: block; font-size: 0; line-height: 0;}
.banner .slick-arrow { background: var(--blanc); font-size: 0 !important; width: 60px; height: 60px; border-radius:0 !important; padding: 0 !important; margin: auto; border: none !important; position: absolute; top: 0; bottom: 0; cursor: pointer; z-index: 55; display: flex; justify-content: center; align-items: center;}
.banner .slick-prev { left: 60px;}
.banner .slick-next { right: 60px;}
.banner .slick-arrow:before { display: block; width: 12px; height: 10px;}
.banner .slick-prev:before { content: url(../img/arrow-prev.png);}
.banner .slick-next:before { content: url(../img/arrow-next.png);}
.bannerTxt { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 50; display: flex; justify-content: center; align-items: center;}
.sousBanTxt { background: rgba(255, 255, 255, .9); padding: 30px 30px 60px; position: relative;}
.sousBanTxt span { display: block; text-transform: uppercase; text-align: center; font: 300 24px/36px 'pop';}
.scroll { background: var(--marron-foncer); width: 248px; padding-right: 10px; height: 60px; position: absolute; left: 0; right: 0; bottom: -30px; display: flex; justify-content: center; align-items: center; margin: 0 auto; color: var(--blanc); text-align: center;}
.scroll:after { content: url(../img/arrow-scroll.png); display: block; position: absolute; right: 25px; top: 50%; animation: scroll 2s infinite;}
.scroll:focus, .scroll:active { color: var(--blanc) !important;}
@keyframes scroll { 0% { top: 15px;} 50% { top: 25px;} 100% { top: 15px;} }

@media (max-width:1200px){
    .headerTop { height: 134px;}
    .logo { max-width: inherit; width: calc(100% - 60px);}
    .blocIntroNav { width: 60px;}
    .intro { padding-left: 0; justify-content: flex-end;}
    .tel { width: 60px; height: 60px; font-size: 0;}
    .tel:before { margin-right: -8px;}
    .menu-bar { display: block; z-index: 999999;}
    .menu, .slogan { display: none;}
    .burger { display: flex !important;}
    .sub, .menu li ul, .sub-menu { padding-top: 0;}
    .sub-menu .current-menu-item a { background: transparent !important;}
}
@media (max-width:1024px){
    .bannerImg img { height: auto;}
    .sousBanTxt { padding: 20px; margin: 0 20px; text-align: center; width: 100%;}
    h1 { font: 300 35px/45px 'pop';}
    .scroll { display: none;}
}
@media (max-width:768px){
    #menuBurger { margin-top: 30px;}
    #menuBurger li { margin: 6px 0;}
    #menuBurger a { font: 500 20px/18px "pop";}
    #menuBurger li ul li a { font: 600 16px/18px 'pop' !important;}
}
@media (max-height:620px) {
    .blocIntroNav .burger, .burger { padding: 205px 0 20px; overflow-y: auto;}
    #menuBurger li ul { margin: 10px 0;}
    #menuBurger li ul li a { font: 600 16px/18px 'pop' !important;}
}
@media (max-width:600px){
    .row { padding: 0 20px;}
    .bannerImg img { min-height: 240px;}
    h1 { font: 300 28px/30px 'pop';}
    .sousBanTxt span { font: 300 20px/30px 'pop'; margin-top: 10px;}
}
@media (max-width:500px){
    .bannerPage .sousBanTxt { padding: 30px 15px;}
}



/* PAGE HOME */
main { overflow-y: hidden;}
header, footer { overflow: hidden;}
.service { border-top: 1px var(--blanc) solid; display: flex; justify-content: center; align-items: flex-start;}
.itemService { flex: 1; border-right: .5px var(--blanc) solid;}
.itemService:last-of-type { border: none !important;}
.itemService>a { display: block; position: relative;}
.itemService>a:after { content: ''; background: var(--vert); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0;}
.itemService img { display: block; width: 100%; height: 320px; object-fit: cover; object-position: center;}
.txtService { display: block; background: var(--blanc); width: 215px; height: 60px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 5; display: flex; justify-content: center; align-items: center; color: var(--gris); text-transform: uppercase;}

#blocApropos { padding: 100px 0;}
.blocImgTxt { display: flex; justify-content: flex-start; align-items: flex-start;}
.blocImg { max-width: 540px; width: 50%; height: 552px; position: relative;}
.blocImg .img { padding-left: 78px; position: relative; z-index: 5;}
.blocImg .img img { display: block; width: 100%; height: 452px; object-fit: cover; object-position: center;}
.img2 { position: absolute; left: 0; bottom: 0; padding-right: 135px;}
.img2 img { display: block; width: 100%; height: 326px; object-fit: cover; object-position: center;}
.blocTxt { max-width: 435px; width: 50%; padding-top: 40px; margin-left: 75px;}
.blocTxt p { margin-bottom: 25px;}
.blocTxt .btn { margin-top: 33px;}
.blocCitation { padding: 0 100px 0 78px; position: relative;}
.blocQuotte { position: absolute; top: -100px; left: 403px; display: flex; justify-content: flex-start; align-items: center; font: 300 20px/30px "pop";}
.blocQuotte:before { content: ''; background: url(../img/quotte.png) center no-repeat; width: 135px; height: 100px;}
blockquote { margin: 0; padding: 40px 57px; border-left: 3px var(--vert) solid; font: 300 15px/24px "pop"; font-style: italic;}
blockquote>div { display: flex; justify-content: flex-end; padding: 10px 0 40px;}
.sign { display: inline-block; font: normal 36px/24px "doni"; transform: rotate(350deg);}
.sign:after { content: ''; background: url(../img/sign.png) center no-repeat; width: 141px; height: 31px; position: absolute; bottom: -39px; left: 0; right: 0; margin: 0 auto; transform: rotate(10deg);}

.blocProjet { background: url(../img/banner-projet.jpg) center no-repeat; background-size: cover !important; background-attachment: fixed !important; padding: 100px 0; position: relative;}
.blocProjet:before { content: ''; background: rgba(0,0,0,.75); position: absolute; top: 0; bottom: 0;left: 0; right: 0; z-index: 1;}
.blocProjet .row { position: relative; z-index: 2;}
.blocProjet .col { display: flex; justify-content: space-between; align-items: flex-start;}
.blocProjet h2, .blocProjet p { color: var(--blanc);}
.blocProjet h2 { margin-bottom: 18px;}
.blocProjet .btn { margin-top: 35px;}
.txtProjet { max-width: 420px; width: 45%;}
.listProjet { background: var(--blanc); max-width: 540px; width: 55%; position: absolute; top: 13px; right: 0; z-index: 5;}
.sousProjet { padding: 28px 60px;}
.sousProjet a { height: 70px; border-bottom: 1px #eee solid; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.sousProjet a:hover, .sousProjet a:focus { color: #3a3a3a; }
.sousProjet a:after { content: url(../img/arrow-next.png); width: 12px; height: 8px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; font-size: 0; line-height: 0;}
.sousProjet .itemProjet:last-child a { border: none;}

.blocContact { position: relative;}
.blocContact .col { display: flex; justify-content: space-between; align-items: stretch;}
.blocCoor { padding: 115px 0;}
.blocCoor h2 { color: var(--marron);}
.blocCoor ul { margin: 35px 0 0;}
.blocCoor ul>li { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}
.blocCoor ul>li:last-child { margin-bottom: 0;}
.blocCoor ul>li:before { content: ''; background: var(--vert); width: 50px; height: 50px; margin-right: 25px; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0;}
.blocCoor ul>li:first-child:before { content: url(../img/map.png);}
.blocCoor ul>li:nth-child(2):before { content: url(../img/tel.png);}
.blocCoor ul>li:last-child:before { content: url(../img/mail.png);}
.blocMap {/* background: url(../img/map.jpg) center no-repeat;*/ background-size: cover; width: calc(80% - 400px); position: absolute; top: 0; bottom: 0; right: 0;}
.local { position: relative; width: 168px;}
/*.loc { display: block; background: rgba(186,208,177,.7); width: 35px; height: 35px; border-radius: 50%; margin: 0 auto; position: relative;}
.loc::before { content: ''; background: var(--vert); width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}*/
.textLoc { display: block; background: var(--blanc); width: 168px; height: 55px; font: 500 12px/15px "pop"; text-align: center; text-transform: uppercase; color: var(--marron); display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
/*.textLoc:before { content: ''; width: 0; height: 0; border-bottom: 12px solid var(--blanc); border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; top: -11px; left: 0; right: 0; margin: 0 auto;}*/
.gm-style .gm-style-iw-c { background: transparent !important; box-shadow: none !important; border-radius: 0 !important;}
.gm-style-iw-d { overflow: inherit !important; max-height: inherit !important;}

.blocActus { padding-top: 100px;}
.hideTitre, .hideBtn { display: none;}
.blocActus .col { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.itemActus { width: 33.333%; margin-bottom: 90px;}
.itemActus>a { display: block; height: 320px; margin: 0 10px; position: relative;}
.itemActus img { display: block; width: 100%; height: 320px; object-fit: cover; object-position: center;}
.hide { padding: 0 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--vert); display: flex !important; justify-content: center; align-items: center; opacity: 0;}
.hide b { margin-bottom: 25px;}
.hide p { font: 300 20px/30px "pop"; letter-spacing: .25px; color: var(--blanc) !important;}
.link { background: var(--blanc); width: 60px; height: 60px; position: absolute; bottom: 0; right: 0; z-index: 5; display: flex; justify-content: center; align-items: center;}
.link::before { content: url(../img/arrow-next-hov2.png); width: 12px; height: 8px; font-size: 0; line-height: 0;}
.itemActus3>div { padding: 30px 0 0 55px;}
.itemActus h2 { margin-bottom: 25px; font: 300 36px/40px "pop"; color: var(--marron);}
.itemActus .btn { width: 222px; margin-top: 25px; display: flex !important;}
.dateActus { background: var(--blanc); width: 80px; height: 80px; box-shadow: 4px 0 20px rgba(0,0,0,.1); position: absolute; top: -40px; right: 30px; z-index: 15; display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--gris) !important;}
.dateActus b { font-weight: normal; font:300 24px/22px "pop"; letter-spacing: .25px;}
.band { background: rgba(54,47,45,.8); padding: 25px 40px; position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center;}
.band b, .hide b { display: inline-block; padding: 3px 20px; border: 1px var(--blanc) solid; font: 300 13px/24px "pop"; color: var(--blanc); text-transform: capitalize;}
.band:after { content: url(../img/arrow-next-hov.png); width: 12px; height: 8px; display: block; line-height: 0; font-size: 0;}

.slideReal .draggable { margin-left: -1px;}
.imgReal { position: relative; border-left: 1px var(--blanc) solid;}
.imgReal img { display: block; width: 100%; height: 318px; object-fit: cover; object-position: center;}
.hideReal { background: var(--vert); height: 318px; display: flex !important; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; opacity: 0;}
.hideReal span { margin-bottom: 25px; font: 500 18px/24px "pop"; color: var(--blanc); text-align: center;}

@media (max-width:1680px){
    .blocMap { width: calc(86% - 400px);}
}
@media (max-width:1440px){
    .blocMap { width: calc(90% - 400px);}
}


/* ----- PAGE A-PROPOS ----- */
.bannerPage .bannerImg img { height: 280px !important; min-height: 280px;}
.bannerPage .sousBanTxt { padding: 30px 40px;}
.bannerPage .sousBanTxt h1 { text-transform: inherit !important;}
.bannerPage .sousBanTxt h1::first-letter, .paggination a::first-letter { text-transform: uppercase !important;}
.paggination { margin-top: 15px; text-align: center; display: flex; justify-content: center; align-items: center;}
.paggination a { font: 300 15px/24px "pop"; color: var(--noir); display: flex; justify-content: center; align-items: center;}
.paggination a:after { content: '>'; display: flex; margin: 0 10px; font: 300 15px/24px "pop"; color: var(--noir);}
.paggination a.active { color: var(--vert);}
.paggination a.active:after { display: none !important;}
.paggination>.paggination { margin-top: 0 !important;}

.blocTextImg { padding: 85px 0 100px;}
.blocTextImg .blocTitre { text-align: center;}
.blocTextImg .blocImgTxt { margin-top: 50px; justify-content: center; align-items: center;}
.blocTextImg .blocImg { max-width: inherit; height: inherit; margin-right: 40px;}
.blocTextImg .blocImg img { display: block; width: 100%; height: auto;}
.blocTextImg .blocTxt { max-width: inherit; width: 50%; padding-top: 0; margin-left: 40px;}
.blocTextImg .blocTxt p:last-child { margin-bottom: 0 !important;}

.blocCount { position: relative; z-index: 5;}
.sousCount { background: var(--vert); padding: 65px 30px 55px; display: flex; justify-content: space-around; align-items: flex-start;}
.itemCount { display: flex !important; justify-content: flex-start; align-items: flex-start;}
.itemCount .iconCount { display: flex; justify-content: center; align-items: center; width: 53px; height: 42px; margin-right: 20px; font-size: 0; line-height: 0;}
.itemCount .iconCount img { display: block; width: 100%; height: auto;}
.txtCount { max-width: 130px; font: 300 15px/24px "pop"; color: var(--blanc);}
.txtCount span { display: block;}
.txtCount b { font:600 40px/24px "pop";}

.blocHistorique { background: url(../img/banner-histo.jpg) center no-repeat; background-size: cover !important; background-attachment: fixed !important; padding: 180px 0 75px; margin-top: -100px;}
.sousHisto { display: flex; justify-content: flex-start; align-items: center;}
.blocHistoIntro { width: 32%; padding-right: 35px; margin-top: -105px;}
.blocHistoIntro .blocTitre { margin-top: 40px;}
.blocHistoIntro .blocTitre h2 { text-transform: uppercase;}
.blocArrow { margin-top: 30px; display: flex; justify-content: flex-start; align-items: flex-start;}
.blocArrow .slick-arrow { background: var(--marron-foncer); font-size: 0 !important; width: 60px; height: 60px; border-radius:0 !important; padding: 0 !important; margin: 0; border: none !important; cursor: pointer; z-index: 55; display: flex; justify-content: center; align-items: center;}
.blocArrow .slick-arrow:before { display: block; width: 12px; height: 10px;}
.blocArrow .slick-prev:before { content: url(../img/arrow-prev-hov.png);}
.blocArrow .slick-next:before { content: url(../img/arrow-next-hov.png);}
#prev { margin-right: 20px;}
.blocHistoItem { width: 68%;}
.slideHisto .draggable { margin-right: -10px;}
.itemHisto a { display: block; margin-right: 20px;}
.itemHisto img { display: block; width: 100%; height: 285px; margin-bottom: 30px; object-fit: cover; object-position: center;}
.itemHisto p { margin-bottom: 0; padding: 0 70px; text-align: center; font: 300 12px/18px "pop"; letter-spacing: .25px; color: var(--noir);}

.blocAtout { margin: 0 0 100px;}
.sousAtout { border: 1px #eee solid; padding: 50px 30px 40px; display: flex;justify-content: space-around; align-items: center;}
.itemAtout { font:600 15px/24px "pop"; text-transform: uppercase; color: var(--noir);}
.itemAtout .icon { width: 45px; height: 46px; margin: 0 auto 15px; display: flex; justify-content: center; align-items: center;}
.itemAtout .txtAtout { display: block; max-width: 130px; margin: 0 auto; text-align: center;}

@media (max-width:998px){
    .blocHistoIntro { margin-top: 0 !important;}
    .blocHistoIntro .blocTitre { margin-top: 0;}
}
@media(max-width:600px){
    .bannerPage .sousBanTxt { padding: 30px 20px;}
    .paggination a:after { margin: 0 7px;}
}
@media(max-width:500px){
    .bannerPage .sousBanTxt { padding: 30px 15px;}
}


/* PAGE CONTACT */
.blocTextContact { margin-top: 85px; text-align: center;}
.blocTextContact h2 { margin-bottom: 25px; font: 300 24px/35px "pop"; letter-spacing: .25px; color: var(--marron);}
.blocCoorContact { margin-top: 50px; display: flex; justify-content: center; align-items:stretch;}
.blocCoorContact .coor { background: var(--marron-foncer); width: 50%; min-height: 305px; padding: 15px 80px; display: flex; align-items: center;}
.blocCoorContact .coor>div { text-align: left;}
.blocCoorContact .coorRight { background: var(--vert);}
.blocCoorContact .coor h3 { margin-bottom: 30px; font: 500 24px/35px "pop"; color: var(--blanc);}
.blocCoorContact .coor ul>li { margin-bottom: 22px; display: flex; justify-content: flex-start; align-items: flex-start; font-weight: 300; color: var(--blanc);}
.blocCoorContact .coor ul>li:last-child { margin-bottom: 0;}
.blocCoorContact .coor ul>li a { color: var(--blanc);}
.coorLeft ul>li:before { content: ''; width: 18px; height: 20px; margin-right: 20px; margin-top: 2px; display: flex; justify-content: flex-start; align-items: center; font-size: 0; line-height: 0;}
.coorLeft ul>li:first-child:before { content: url(../img/map2.png); margin-top: 6px;}
.coorLeft ul>li:nth-child(2):before { content: url(../img/tel2.png);}
.coorLeft ul>li:last-child:before { content: url(../img/mail2.png);}
.coorRight ul>li:before { content: url(../img/hor.png); width: 18px; height: 18px; margin-right: 20px; margin-top: 2px; display: flex; justify-content: flex-start; align-items: center; font-size: 0; line-height: 0;}
.coorRight ul>li:first-child::before { margin-top: 6px;}

.blocForm { padding: 50px 80px 95px;}
.blocTextContact .blocForm h2 { font: 500 24px/35px "pop"; text-align: left;}
.wpcf7 .sousForm, .blocForm .sousForm { display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 99;}
.form-left { width: 50%; padding-right: 40px;}
.form-right { width: 50%; padding-left: 40px;}
.col { width: 100%; display: flex;}
.col-select { flex: 0.5; margin-right: 30px; position: relative;}
select.form-control { -moz-appearance:none; -webkit-appearance:none; appearance:none; background: transparent; padding: 0 45px 0 0 !important; text-indent: 0 !important; cursor: pointer;}
.col-select:after { content: url(../img/scroll-top-hov.png); width: 12px; height: 16px; position: absolute; right: 25px; top: -15px; bottom: 0; margin: auto; transform: rotate(180deg); transition: all 400ms ease-in-out; font-size: 0; line-height: 0;}
.col-select.active:after { transform: rotate(0deg);}
.form-control { width: -webkit-fill-available; background: transparent !important; height: 70px !important; margin-bottom: 15px; padding: 0 !important; font: 300 15px/24px "pop" !important; letter-spacing: .25px; color: var(--noir) !important; border: none !important; border-bottom: 1px solid #eee !important; flex: 1; position: relative; z-index: 50;}
.form-control:focus { background: transparent !important; border-color: var(--vert) !important; box-shadow: none !important;}
textarea.form-control { min-height: 155px; padding-top: 23px !important; margin-bottom: 25px; resize: none;}
.form-control input::placeholder  { font: 300 15px/24px "pop" !important; letter-spacing: .25px; color: var(--noir); opacity: 1;}
.form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { font: 300 15px/24px "pop" !important; letter-spacing: .25px; color:var(--noir); opacity: 1;}
.form-control::-moz-placeholder, .form-control::-moz-placeholder, .form-control::-moz-placeholder { font: 300 15px/24px "pop" !important; letter-spacing: .25px; color: var(--noir); opacity: 1 !important;}
.form-control::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-control::-ms-input-placeholder { font: 300 15px/24px "pop" !important; letter-spacing: .25px; color: var(--noir); opacity: 1;}
.wpcf7 form>div, .wpcf7 form>p { margin-bottom: 0 !important;}
.colBtn { margin-top: 35px; display: flex; justify-content: center; align-items: center;}
.colBtn p { display: flex; justify-content: center; align-items: center;}
.colBtn .btn, .wpcf7-submit { background: var(--marron-foncer); color: var(--blanc); margin: 0 !important; order: 2; margin: 0; border: none !important; cursor: pointer; font-weight: 300; border-radius: 0 !important;}
.wpcf7-spinner { order: 1;}

.blocMapContact, #map, .map { width: 100% !important; height: 480px; position: relative !important; display: block !important;}
.blocMapContact .local { left: 0px;}
.wpcf7 form .wpcf7-response-output {
    padding: 20px 10px;
}

@media (max-width:1200px){
    .blocTextContact { margin-top: 40px;}
}
@media (max-width:1024px){
    .blocForm { padding: 50px 0 75px;}
    .form-left { padding-right: 20px;}
    .form-right { padding-left: 20px;}
}
@media (max-width:998px){
    .blocCoorContact .coor { padding: 15px 35px;}
    .colBtn { margin-top: 0; flex-direction: column;}
    .wpcf7 form>.colBtn { margin-bottom: 20px !important;}
}
@media (max-width:768px){
    .blocForm { padding: 50px 0 40px;}
    .blocCoorContact { margin-top: 40px; flex-direction: column;}
    .blocCoorContact .coor { padding: 25px 40px 30px; width: auto; min-height: inherit;}
    .wpcf7 .sousForm, .blocForm .sousForm { flex-direction: column;}
    .form-left, .form-right { padding: 0 !important; width: 100%;}
    .col-select { flex: 1; margin-right: 0;}
}
@media (max-width:600px){
    .paggination { flex-wrap: wrap;}
    .blocCoorContact { margin-top: 35px; margin-left: -20px; margin-right: -20px;}
    .blocTextContact { margin-top: 30px;}
    .blocCoorContact { margin-top: 35px;}
    .blocCoorContact .coor { padding: 25px 20px 30px;}
    .blocCoorContact .coor h3 { margin-bottom: 30px; font: 500 20px/25px "pop";}
    .blocForm { padding: 35px 0;}
    .form-control { height: 50px !important;}
    textarea.form-control { min-height: 100px;}
    .colBtn { margin-top: 10px;}
    .coorLeft ul>li:before, .coorRight ul>li:before { margin-right: 15px;}
    .blocMap, .blocContact .blocMap #map, .blocMapContact, #map, .map { height: 400px;}
    .blocMap.blocMapContact { display: block !important;}
}


/* PAGR ACTUALITES */
.slideActual { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.blocTab { padding-top: 100px;}
.tab { margin-bottom: 95px; display: flex; justify-content: center; align-items: center;}
.tablinks { background: transparent; border: 1px #eee solid; border-radius:0 !important; color: var(--gris); flex: inherit; width: inherit; padding: 0 30px; margin: 0 15px; cursor: pointer;}
.tablinks.active { background: var(--vert); border-color: var(--vert); color: #fff;}

.blocPagination { background: #fff; padding: 10px 0 100px; position: relative;}
.pagination { display: flex; justify-content: center; align-items: center;}
.pagination a, .pagination li span.page-numbers { width: 50px; height:50px; margin:0 5px; display: flex; justify-content: center; align-items: center; border:1px solid #eee; text-align:center; font: 300 15px/24px "pop"; color: var(--gris);}
.pagination .prev, .pagination .next { width: auto; padding: 0 30px;}
.pagination ul { display: flex; justify-content: center; align-items: center;}
.pagination li.active a,.pagination li > span.current  { color:#fff; background: var(--vert);}

@media (max-width:1200px) {
    .blocTab { padding-top: 50px;}
}
@media (max-width:998px){
    .tabcontent { margin-bottom: 25px;}
    .tablinks { padding: 0 15px; margin: 0 8px; font-size: 14px;}
    .tab { margin-bottom: 50px;}
    .blocTab .itemActus { margin-bottom: 20px !important;}
}
@media (max-width:820px) {
	.blocTab .itemActus { width: 50%;}
	.blocTab .pagination { padding: 0;}
    .tab { flex-wrap: wrap;}
}
@media (max-width:768px){
    .pagination a { width: 50px; height: 50px; margin: 0 5px; padding: 0 5px;}
    .pagination li.active a { width: 50px;}
    .pagination .prev, .pagination .next { display: flex; justify-content: center; align-items: center; width: 50px; min-width: 50px; padding: 0; font-size: 0; line-height: 0; padding: 0; border: 1px #eee solid;}
    .pagination .prev::before { content: url(../img/arrow-prev.png); width: 12px; height: 10px; font-size: 0; line-height: 0; margin-right: -3px;}
    .pagination .next:before { content: url(../img/arrow-next.png); width: 12px; height: 10px; font-size: 0; line-height: 0;}
}
@media (max-width:600px){
	.tab { margin-bottom: 25px;}
    .slideActual { flex-direction: column;}
    .blocTab .itemActus { width: 100%;}
    .blocTab .itemActus>a { margin: 0;}
	.tablinks { margin: 8px 5px; flex: initial;}
    .blocPagination { padding: 20px 0 40px;}
    .blocTab { padding-top: 30px; padding-bottom: 20px;}
}


/* PAGE NOS PROJETS */
.blocProjets { padding-top: 60px; padding-bottom: 100px;}
.blocProjets .itemActus { margin-top: 40px; margin-bottom: 0 !important;}
.slideProjets { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.blocProjets .blocPagination { padding: 100px 0 0;}
.blocProjets .band b, .blocProjets .hide b { text-transform: inherit;}

@media (max-width:1200px){
    .blocProjets { padding-top: 20px; padding-bottom: 90px;}
    .blocProjets .band { padding: 25px 20px;}
    .blocProjets .band:after { margin-left: 10px;}
    .blocProjets .blocPagination { padding: 50px 0;}
}
@media (max-width:998px){
    .blocProjets { padding-top: 25px !important; padding-bottom: 45px !important;}
    .blocProjets .itemActus { margin-top: 20px !important;}
    .bandProjet { margin-bottom: 0 !important;}
    .blocProjets .band b, .blocProjets .hide b { line-height: 16px;}
    .slideProjets .itemActus { width: 50%; margin-bottom: 20px;}
    .blocProjets .blocPagination { padding: 40px 0 0 !important;}
}
@media (max-width:600px){
    .slideProjets .itemActus { width: 100%;}
    .slideProjets .itemActus>a { margin: 0;}
    .blocProjet .sousProjet .slick-arrow, .blocProjet .sousProjet .slick-arrow:hover { background-color: transparent !important;}
}


/* PAGE DETAIL SERVICES */
.blocDetail { padding: 75px 0;}
.blocDetail .row { max-width: 1085px;}
.sousDetail { display: flex; justify-content: space-between; align-items: flex-start;}
.blocSection { max-width: 700px; width: 60%;}
.blocSection h2 { margin-bottom: 35px; font: 300 40px/40px "pop"; color: var(--vert);}
.blocSection img { display: block; width: 100%; height: auto;}
.blocSection h3 { margin: 35px 0 22px; font: 600 24px/35px "pop"; letter-spacing: .25px; color: var(--gris);}
.blocSection h4 { margin: 30px 0 22px; font: 600 18px/30px "pop"; letter-spacing: .25px; color: var(--gris);}
.blocSection p { margin-bottom: 23px;}
.detailImg, .wp-block-columns { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap !important; margin: 45px -10px 30px;}
.detailImg>div, .wp-block-columns>div { padding: 0 10px; margin-left: 0 !important;}
.wp-block-image { margin: 0 !important;}
.blocSection blockquote { margin-top: 45px; padding: 15px 45px; font: 600 18px/30px "pop"; color: var(--gris);}
.blocSection blockquote span, .blocSection blockquote cite { display: block; margin-top: 30px; font-size: 15px; font-weight: 300; font-style: normal !important;}
.blocSection blockquote span>strong, .blocSection blockquote cite>strong { font-family: 'pop'; font-weight: 600;}
.blocSection blockquote span>strong:before, .blocSection blockquote cite>strong:before { content: ''; background: var(--gris); width: 12px; height: 2px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.blocAside { max-width: 275px; width: 40%;}
.blocAside h3 { font: 300 24px/30px "pop"; color: var(--marron); letter-spacing: .25px;}
.blocAside ul { margin: 15px 0 0;}
.blocAside ul>li a { height: 70px; border-bottom: 1px #eee solid; display: flex; justify-content: space-between; align-items: center; font: 300 15px/30px "pop"; text-transform: uppercase; color: var(--gris); letter-spacing: .25px; position: relative; padding-right: 25px;}
.blocAside ul>li a:after { content: url(../img/arrow-next.png); width: 12px; height: 10px; font-size: 0; line-height: 0; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}

@media (max-width:998px){
    .blocDetail { padding: 50px 0 40px;}
    .sousDetail { flex-direction: column;}
    .blocSection, .blocAside { max-width: 100%; width: 100%;}
    .blocAside { margin-top: 50px; padding: 30px 0 8px; background: var(--vert);}
    .blocAside h3 { margin-left: 40px; color: var(--blanc);}
    .blocAside ul { padding: 0 40px;}
    .blocAside ul>li a { color: var(--blanc);}
    .blocAside ul>li:last-child a { border: none !important;}
    .blocAside ul>li a:after { content: url(../img/arrow-next-hov.png);}
}
@media (max-width:600px){
    .blocDetail { padding: 35px 0 0;}
    .blocDetail .row { padding: 0;}
    .blocSection { max-width: inherit !important; width: auto !important; padding: 0 20px;}
    .blocSection h2 { font: 300 30px/35px "pop";}
    .blocSection h3 { margin: 30px 0 20px;}
    .detailImg { margin: 35px -5px 30px;}
    .detailImg>div, .wp-block-columns>div { padding: 0 5px;}
    .blocSection blockquote { margin-top: 35px; padding: 10px 20px; font: 600 16px/28px "pop";}
    .blocSection blockquote span, .blocSection blockquote cite { margin-top: 15px;}
    .blocAside { margin-top: 35px;}
    .blocAside h3 { margin-left: 20px;}
    .blocAside ul { padding: 0 20px;}
}



/* PAGE DETAIL ACTUALITES */
.blocSection .itemActus { position: relative; width: 100%; margin-bottom: 40px;}
.blocSection .itemActus .band:after { display: none;}
.date { display: flex; justify-content: flex-start; align-items: center; color: var(--blanc);}
.date:before { content: url(../img/time.png); width: 16px; height: 16px; margin-right: 10px; font-size: 0; line-height: 0;}
.blocAsideActus { max-width: 280px;}
.blocAside .date::before { content: url(../img/time-hov.png);}
.blocAsideActus h3 { margin-bottom: 3px;}
.actuNew a { display: block; padding: 25px 0; border-bottom: 1px #eee solid;}
.actuNew h4 { font: 600 15px/24px "pop"; color: var(--gris);}
.blocAside .date { margin-top: 6px; color: var(--gris);}

@media (max-width:998px){
    .blocAsideActus { max-width: 100%;}
    .actuNew { margin: 0 40px;}
    .actuNew h4, .actuNew .date { color: var(--blanc);}
    .actuNew .date:before { content: url(../img/time.png);}
    .actuNew:last-of-type a { border: none;}
}
@media (max-width:600px){
    .blocDetailActus .band { padding: 15px 20px; flex-direction: column; align-items: flex-start !important;}
    .blocDetailActus .band .date { margin-bottom: 10px;}
    .actuNew { margin: 0 20px;}
}


/* PAGE PROJET */
/*.Projet { margin-bottom: 60px;}*/
.bandProjet:before { background: rgba(51, 51, 51, .8);}
.bandProjet h2 { font-size: 40px;}
.bandProjet .txtProjet { max-width: inherit; width: 65%;}
.bandProjet .btn { width: 215px; color: var(--marron-foncer);}
.bandProjet .btn:focus { color: var(--marron-foncer);}

@media (max-width:1200px){
    .blocProjets { padding-top: 20px; padding-bottom: 65px;}
    .blocPagination { padding: 0 0 65px;}
}
@media (max-width:998px){
    .blocProjets { padding-top: 25px; padding-bottom: 45px;}
    .blocProjets .itemActus { margin-top: 20px;}
    .blocProjet .col { flex-direction: column; justify-content: center; text-align: center;}
    .bandProjet { margin-bottom: 0 !important;}
    .bandProjet .txtProjet { width: 100%;}
    .band { padding: 25px 20px;}
    .blocPagination { padding: 0 0 45px;}
}
@media (max-width:768px){
    .bandProjet .col { padding-bottom: 0 !important;}
    .bandProjet h2 { font-size: 30px;}
    .bandProjet .txtProjet p { display: block !important;}
    .bandProjet .btn { position: relative !important;}
}
@media (max-width:600px){
    .bandProjet h2 { font-size: 24px; line-height: 30px;}
    .bandProjet { margin-top: 0 !important;}
}



/* PAGE MENTIONS LEGALES */
.blocTextAutre { padding: 75px 0;}
.blocTextAutre h2 { font: 300 36px/48px 'pop'; color: var(--marron); letter-spacing: .25px; margin-bottom: 20px;}
.blocTextAutre ul { margin: 10px 0 30px 30px !important;}
.blocTextAutre ul>li { margin: 8px 0; font: 300 15px/24px 'pop'; color: var(--gris); letter-spacing: .25px;}
.blocTextAutre ul>li strong {  font: 600 16px/24px 'pop'; color: var(--noir);}
.blocTextAutre ul>li a { color: var(--gris);}

@media (max-width:768px){
    .blocTextAutre ul { margin: 10px 0 30px 0 !important;}
}


/* PAGE PLAN DU SITE */
.blocTextAutre .wsp-container h2 { text-transform: uppercase; font-size: 30px;}
.wsp-category-title { font-weight: 600 !important; color: var(--vert) !important;}
.blocTextAutre .wsp-container li { font-weight: 400 !important;}



/* FOOTER */
.foot { display: flex; justify-content: flex-start; align-items: stretch;}
.logoFoot { background: var(--blanc); width: 305px; display: flex; justify-content: center; align-items: center;}
.coorFoot { background: var(--marron-foncer); width: calc(100% - 305px);}
.sousCoor { padding: 70px 60px 45px; display: flex; justify-content: flex-start; align-items: flex-start;}
.sousCoor>div { flex: 1;}
.sousCoor h3 { margin-bottom: 5px; font-weight: 500; color: var(--blanc);}
.sousCoor p, .sousCoor a { color: var(--marron-claire);}
.introFoot, .copy2 { display: none !important;}
.rs { display: flex; justify-content: flex-end; align-items: flex-start;}
.rs a { display: block; line-height: 0; width: 50px; height: 50px; margin-left: 10px; display: flex; justify-content: center; align-items: center;}
.facebook, .google { background: transparent; border: 1px var(--marron-claire) solid;}
.facebook::before { content: url(../img/facebook.png); width: 6px; height: 14px; display: block;}
.google::before { content: url(../img/google.png); width: 16px; height: 14px; display: block;}
.scrollTop { background: var(--vert); border: 1px var(--vert) solid;}
.scrollTop::before { content: url(../img/scroll-top.png); width: 12px; height: 16px;}
.otherNav { padding: 0 60px 50px;}
.otherNav ul { margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: flex-start;}
.otherNav ul>li { padding: 0 25px; position: relative;}
.otherNav ul>li:first-child { padding-left: 0 !important;}
.otherNav ul>li::after { content: ''; background: var(--marron-claire); width: 1px; height: 13px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.otherNav ul>li:last-child::after { display: none;}
.otherNav a { font: 300 13px/30px "pop"; letter-spacing: .25px; text-transform: uppercase; color: var(--marron-claire);}

.blcCopy { background: #282321; height: 60px; padding: 0 60px; display: flex; justify-content: space-between; align-items: center;}
.copy { display: flex; justify-content: flex-start; align-items: center; color: var(--marron-claire);}
.copy a { display: inline-block; margin: 3px; color: var(--marron-claire);}
.maki { display: flex; justify-content: flex-end; align-items: center; color: var(--marron-claire);}
.maki img { display: inline-block; margin-right: 5px; margin-top: -3px;}
.maki a { display: inline-block; margin-left: 5px; color: var(--vert);}


/* Animation */
@media (min-width:1201px) {
	body a span, body a, span:before, span:after, *:after, *:before, .link, .slick-prev, .slick-next, .slick-dots button, .btn, .hide, h3, .hideReal, h4 { -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
	a:hover, .blocAside ul>li a:hover, .menu li:hover a, .actuNew a:hover h3, .blocTextAutre ul>li a:hover, .actuNew a:hover h4 { color:var(--vert);}
    .logo:hover, .logoFoot:hover { opacity:.5;}
    .tel:hover, .hideReal .btn:hover { background: var(--marron-foncer) !important; color: var(--blanc) !important;}
    .menu li:hover a:after { bottom: 0 !important;}
    .menu .sub li a:hover, .menu li ul li a:hover, .sub-menu a:hover, .scroll:hover, .blocArrow .slick-arrow:hover, .pagination a:hover, .btn:hover, .itemActus>a:hover .band, .wpcf7-submit:hover { background:var(--vert) !important; color: var(--blanc) !important;}
    .banner .slick-arrow:hover { background: var(--marron-foncer);}
    .banner .slick-prev:hover:before { content: url(../img/arrow-prev-hov.png);}
    .banner .slick-next:hover:before { content: url(../img/arrow-next-hov.png);}
    .itemService>a:hover:after, .itemActus>a:hover .hide, .imgReal:hover .hideReal  { opacity: 1;}
    .listProjet ul>li a:hover:after, .sousProjet a:hover:after { content: url(../img/arrow-next-hov2.png); right: 10px;}
    .single-projets .blocAside ul>li a:hover:after { right: 0 !important; margin-right: 0 !important;}
    .rs a:hover, .pagination a:hover { background: var(--vert); border-color: var(--vert);}
    .scrollTop:hover { background: var(--blanc) !important; border-color: var(--blanc) !important;}
    .scrollTop:hover:before { content: url(../img/scroll-top-hov.png);}
    .maki a:hover { color: var(--marron-claire);}
    .blocAside ul>li a:hover:after { content: url(../img/arrow-next-hov2.png); margin-right: 10px;}
    .blocAside ul>li a:hover:after { content: url(../img/arrow-next-hov2.png);}
    .tablinks:hover { border-color: var(--vert) !important;}
}


/* RESPONSIVE */
@media (max-width:1200px) {
    .menu .sub li.active a, .menu li ul li.active a, .sub-menu .current-menu-item a { color: #6fcf3b !important;}
    .itemService img { height: 225px;}
    #blocApropos { padding: 65px 0;}
    .blocTxt { margin-left: 50px;}
    .listProjet { max-width: 50%; width: 50%; right: 40px;}
    .txtProjet { width: 40%;}
    .sousProjet { padding: 15px 35px;}

    .blocTextImg { padding: 50px 0 65px;}
    .blocTextImg .blocImg { margin-right: 20px;}
    .blocTextImg .blocTxt { margin-left: 20px;}

    .foot { flex-direction: column;}
    .logoFoot { display: none;}
    .coorFoot { width: 100%;}
}

@media (max-width:1024px){
    .itemService img { height: 180px;}
    .txtService { background: rgba(0, 0, 0, .5);  width: inherit; height: inherit; margin: 0; color: var(--blanc);}
    .blocTxt { width: 38%;}
    .blocCitation { padding: 0 40px; position: relative;}
    .blocQuotte { left: 36%;}
    .blocProjet { padding: 60px 0;}
    .blocProjet .col { align-items: center;}
    .listProjet { max-width: 55%; width: 55%; right: 0; position: relative;}
}

@media (max-width:998px){
    .blocImgTxt { justify-content: center; align-items: center; flex-direction: column;}
    .blocImg { max-width: 540px; width: 540px;}
    .blocTxt { width: 100%; max-width: inherit; text-align: left; margin: 0;}
    .blocTxt .btn { margin: 30px auto;}
    .blocCitation { padding: 0;}
    .blocQuotte { left: 0; position: relative; top: 0;}
    .blocQuotte:before { width: 100px;}
    blockquote { padding: 20px 25px;}
    .blocMap { width: calc(100% - 400px);}
    .blocActus { padding-top: 40px;}
    .slideActus { display: block; margin-bottom: 0;}
    .itemActus { margin-bottom: 20px;}
    .dateActus { width: 60px; height: 60px; top: 0; right: 0; font-size: 14px; line-height: 16px;}
    .dateActus b { margin-bottom: 5px; font: 300 16px/13px "pop";}
    .slick-dots { display: flex; justify-content: center; align-items: center; margin-top: 30px;}
    .slick-dots li { margin: 0 5px;}
    .slick-dots li button { display: block; width: 10px; height: 10px; background: var(--blanc); border: 1px var(--marron) solid; border-radius: 50%; padding: 0; margin: 0; font-size: 0; line-height: 0;}
    .slick-dots li.slick-active button { background: var(--vert); border-color: var(--vert);}
    .slick-arrow { background: transparent; font-size: 0 !important; width: 50px; height: 50px; border-radius:0 !important; padding: 0 !important; margin: auto; border: none !important; position: absolute; top: 0; bottom: 0; cursor: pointer; z-index: 55; display: flex; justify-content: center; align-items: center;}
    .slick-prev { left: 0;}
    .slick-next { right: 0;}
    .slick-arrow:before { display: block; width: 12px; height: 10px;}
    .slick-prev:before { content: url(../img/arrow-prev-hov.png);}
    .slick-next:before { content: url(../img/arrow-next-hov.png);}
    .hideReal { border: none;}
    .sousCoor { padding: 30px 40px 20px; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
    .introFoot { display: block !important;}
    .introFoot h3 { line-height: 30px;}
    .trouve h3, .contacter h3 { display: none;}
    .rs { order: 1; margin: 30px 0;}
    .trouve { order: 2; margin-bottom: 30px;}
    .contacter { order: 3;}
    .contacter a { display: inline-block; padding: 17px 25px; border: 1px var(--marron-claire) solid;}
    .contacter ul>li:first-child { margin-bottom: 22px;}
    .otherNav { padding: 0 40px 20px;}
    .otherNav ul { justify-content: center; align-items: center;}
    .blcCopy { height: auto; padding: 9px 20px; flex-direction: column;}
    .blcCopy .row { flex-direction: column;}

    .blocProjet .btn { margin: 35px auto;}

    .hideTitre, .hideBtn { display: flex; justify-content: center; align-items: center; text-align: center;}
    .hideTitre { margin-bottom: 30px;}
    .hideTitre h2 { font: 300 36px/40px "pop"; color: var(--marron);}
    .hideBtn { margin: 40px 0;}
    .hideBtn .btn { width: 220px;}

    .blocTextImg .blocImg { margin-right: 0;}
    .blocTextImg .blocTxt { margin-left: 0; margin-top: 35px; width: 100%;}
    .blocArrow .slick-arrow { position: relative !important;}
    .itemHisto p { padding: 0 15px;}

    .blocCount .row { padding: 0 !important;}
    .sousCount { padding:35px 30px 30px; display: block !important;}
    .itemCount { padding-top: 5px; justify-content: center;}
    .blocCount .slick-dots, .blocAtout .slick-dots { margin-top: 15px;}
    .blocCount .slick-dots li button { background: var(--vert) !important; border: 1px var(--blanc) solid !important;}
    .blocCount .slick-dots li.slick-active button { background: var(--blanc) !important;}
    .blocHistorique { padding: 50px 0; margin-top: 0;}
    .sousHisto { flex-direction: column;}
    .blocHistoIntro { width: 100%; padding-right: 0; text-align: center;}
    .blocArrow { justify-content: center; align-items: center; margin-bottom: 40px;}
    .blocHistoItem { width: 100%;}
    .sousAtout { display: block !important;}
    .sousAtout { padding: 35px 15px 30px;}
    .blocAtout .slick-dots li button { border: 1px var(--vert) solid !important;}
    .blocAtout { margin: 0 0 60px;}
}

@media (max-width:768px) {
    .blocProjet { padding: 30px 0 40px;}
    .blocProjet .col { padding-bottom: 10px; flex-direction: column; text-align: center;}
    .blocProjet p { display: block;}
    .blocProjet p:last-child { display: block !important;}
    .txtProjet { width: 100%;}
    .blocProjet .btn { margin: 35px auto;}
    .listProjet { max-width: inherit; width: 100%; background: white; border-top: 1px var(--blanc) solid; border-bottom: 1px var(--blanc) solid;}
    .blocProjet .sousProjet .itemProjet a:after { display: block !important;}
    .sousProjet { padding: 15px 35px;}
    .sousProjet a { 
        font-size: 15px;
        line-height: 18px;
        border: none;
        color: black;
        height: 70px;
        border-bottom: 1px #eee solid;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        text-align: left;
    }
    .blocContact .row { padding: 0;}
    .blocContact .col { flex-direction: column; justify-content: center; align-items: center; text-align: center;}
    .blocCoor { padding: 40px 0;}
    .blocMap, .blocContact .blocMap #map, .map { width: 100%; position: relative; height: 300px;}
    .imgReal img, .hideReal { height: 275px;}
    .slideReal .slick-arrow { background-color: transparent !important;}
    .itemActus { width: 50%;}
}

@media(min-width:601px){
    .blocCitation blockquote.blocquote {
        display: block!important;
    }
}

@media (max-width:600px) {
    .itemService img, .itemService>a:after { display: none;}
    .service { flex-direction: column;}
    .itemService { flex: auto; border-right: none; border-bottom: 1px var(--blanc) solid; width: 100%;}
    .itemService>a { background: var(--vert); height: 58px; padding: 0 25px;}
    .txtService { background: transparent; position: relative; justify-content: space-between;}
    .txtService:after { content: url(../img/arrow-next-hov.png); width: 12px; height: 8px; display: inline-block; font-size: 0; line-height: 0;}

    #blocApropos { padding: 40px 0 0;}
    .blocTxt { padding-top: 0;}
    .blocImg, .blocMap, .otherNav, .copy, .rs .scrollTop { display: none !important;}
    .blocTitre span, .blocTitre p { display: block; margin-top: 10px; font: 500 18px/18px "pop";line-height: 25px;}
    .blocCitation:after { content: ''; border-bottom: 1px var(--vert) solid; position: absolute; bottom: 0; left: 0; right: 80px;display: none;}
    .blocQuotte { flex-direction: column; border-top: 1px var(--vert) solid; position: relative; margin-top: 25px; padding: 35px 0;padding-right: 55px;}
    .blocQuotte:before { content: url(../img/quotte.png); background: var(--blanc); width: 70px; height: 50px; position: absolute; top: -20px; left: 0; display: flex; justify-content: flex-start; align-items: center;}
    .blocQuotte:after { content: url(../img/scrollBot.png); background: var(--blanc); width: 50px; height: 50px; border: 1px var(--vert) solid; position: absolute; bottom: auto; right: 0; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0; cursor: pointer;}
    .blocQuotte.active:after { transform: rotate(180deg);}
    .blocProjet { margin-top: 0px;}
    .blocActus { padding-top: 30px; border-top: 1px #efefef solid;}
    .imgReal img, .hideReal { height: 260px;}
    .blocCoor ul>li:before { margin-right: 10px;}
    .blocCoor ul>li { font-size: 13px;}
    .itemActus3>div { padding: 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    blockquote { padding: 0 0 40px; border-left: 1px var(--vert) solid; border: none;display: none;}

    .sousCoor { padding: 30px 20px 20px;}
    .blcCopy { padding: 20px 0; height: auto; justify-content: center;}
    .copy2 { display: flex !important; justify-content: space-between; align-items: center; width: 70%; margin: 30px 0 15px; order: 4; font: 300 13px/24px "pop"; color: var(--marron-claire);}
    .copy2 .rs { margin: 0 !important;}
    .copy2 .rs .scrollTop { display: flex !important;}
    .contacter a, .sousCoor p, .sousCoor a { font-size: 13px;}

    .blocTextImg { padding: 30px 0 35px;}
    .blocTextImg .blocImgTxt { margin-top: 35px;}
    .blocTextImg .blocImg { margin-right: 0; display: block !important; width: 100%;}

    .blocHistorique { padding: 30px 0 40px;}
    .blocAtout { margin: 0 0 35px;}
    .itemActus { width: 100%;}
    .itemActus>a {
        margin: 0 0;
    }
    .dateActus {
        box-shadow: none;
    }
    .slideActual>.itemActus>a {
        margin: 0 0;
    }
    .contacter ul li a {
        width: 260px;
        max-width: 100%;
    }
    .sousCount { padding:35px 0px 30px; display: block !important;overflow: hidden;}
    .txtCount b {
        white-space: nowrap;
    }
    .itemCount {
        text-align: center;
        overflow: hidden;
    }
}

@media (max-width:475px) {
    .blocQuotte:after {
        top: 37%;
    }
    .copy2 div {
        text-align: left;
    }
}
@media (max-width:500px) {
    h1 { font: 300 22px/22px 'pop';}
    .sousBanTxt span { font: 300 15px/18px 'pop';}
    .imgReal img, .hideReal { height: 200px;}
    .copy2 { width: 100%;}
    .itemCount { justify-content: center; align-items: center;}
}

/*-------------------*/

.Headquote {
  display: none;
}

.Bodyquote {
  display: none;
}

.blocquote {
 display: block;
}

.blocQuotte {
  display: flex;
}

@media (max-width:600px) {

  .blocquote {
    display: none;
  }

  .blocQuotte {
    display: none;
  }

  .Headquote {
    display: flex;
  }

}

div.none{
   display: none !important;
}

#loading-image {
   width: 20%;
   margin:auto;
}

#loader {
      display: flex; 
      align-items: center; 
      justify-content: center; 
      text-align: center; 
      height: 80vh;    
}