.more_conception {
    display: block;
    position: relative;
    padding-left: 20px;
    color: #5bc28e !important;
    font-family: "geomanistbold",sans-serif;
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.3;
}
.more_conception::before {
    content: "+";
    display: flex;
    position: absolute;
    color: white;
    background-color: #5bc28e;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    text-align: center;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 3px;
}


a{color: #00afcb}


table.table td {
    padding: 5px;
    border: 1px solid #0f294b;
    font-size: 12px;
}



.picto-theme{text-align: center}

.flex .picto-theme{width: 25%;}

.picto-theme img{width: 40px}

section#pourquoi .picto-theme img{width: 80px}

section#pourquoi .picto-theme h3 {
    font-size: 16px;}


.picto-theme h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "geomanistbold",sans-serif;
    margin-top: 10px;
}

body{color:#0f294b;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-family:"geomanistregular",sans-serif;overflow:hidden;}

.ui-tooltip{max-width:200px;background-color:white;font-size:70%;padding:5px;box-shadow:0 0 3px rgb(0,0,0,0.3)}


#popmake-392 H3{
    font-family: "geomanistbook" !important;
    font-size: 30px;color:#0f294b !important
}
.pum-overlay {
    background-color: rgba( 15, 41, 75,0.95 ) !important;
}

.pum-close{top:0 !important;right:0 !important}

.pum-container{background-color:white !important;}

#popmake-392 .wpcf7-submit {
    background-color: #0f294b !important;
    background-image: none;
    color: white !important;
    font-family: "geomanistbook" !important;
    border: 0;
    width: 100%;
    margin-top: 30px;
}

#popmake-392 .wpcf7-text {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 40px;
}

.gallery{display:flex;flex-wrap:wrap}

.gallery-item {
    height: 250px;
}

.gallery-columns-2 .gallery-item{width:calc(50% - 4px)}
.gallery-columns-3 .gallery-item{width:calc(33.33% - 4px)}
.gallery-columns-4 .gallery-item{width:calc(25% - 4px)}
.gallery-columns-5 .gallery-item{width:calc(20% - 4px)}

.gallery-icon, .gallery-icon img{height:100%;object-fit:cover}



h4.h4 {
    font-size: 28px;
    font-family: "geomanistlight",sans-serif;
    letter-spacing: 1px;
    text-align: center;
    
}
h1.site-title{background-color:white;z-index:1;background-image:url(images/Barrage-Logo.svg);color:transparent;background-repeat:no-repeat;background-position:center;position:relative;margin:20px 0;padding:0;height:114px;width:316px;background-size:contain; -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}

.geomanistbook{font-family:"geomanistbook",sans-serif;}
.geomanistmedium{font-family:"geomanistmedium",sans-serif;}
.geomanistlight{font-family:"geomanistlight",sans-serif;}

p{text-align:justify}

h1{font-family:"geomanistmedium",sans-serif;font-size:30px;font-weight:normal;}

h2{font-family:"geomanistlight",sans-serif;font-size:300%;color:white;font-weight:normal;}

h3{font-family:"geomanistlight",sans-serif;font-size:260%;font-weight:normal;margin:40px 0;letter-spacing: 2px;}

h3 span{color:#00afcb}

h4{font-family:"geomanistmedium",sans-serif;font-size:210%;font-weight:normal;}

h5{font-family:"geomanistmedium",sans-serif;font-size:150%;font-weight:normal;margin:0;}

h5.h5{
    margin-bottom: 20px;
    
  
    text-transform: uppercase;
    font-size: 20px;
    font-family: "geomanistbold",sans-serif;
    letter-spacing: 1px;

}

h6{font-family:"geomanistbook",sans-serif;font-size:115%;color:#5b6f89;font-weight:normal;margin:5px 0 10px;}

section{width:100%;padding:0;}

article{width:100%;padding:60px 0 80px;}

.bg-light-blue{background-color: #e0f5f9;}

img{max-width:100%;}

.clear{clear:both;width:100%;}

ul{list-style-type:disc;padding:0 0 0 15px;list-style-position: inside;}

.bg-dark-blue{background-color: #0f294b;}

strong {
  font-family:"geomanistmedium";
  font-weight: normal !important;
}

.flex{display:flex;flex-wrap: wrap}

.flex-no-wrap{flex-wrap: nowrap !important}

.align-items-start{align-items:flex-start !important}

.align-items-stretch{align-items:stretch !important}

.justify-content-between{justify-content: space-between}

.justify-content-center{justify-content: center}

.text-left{text-align:left !important}

.text-center{text-align: center !important}

.mt-5{margin-top: 50px !important}

.mb-5{margin-bottom: 50px !important}

.mt-0{margin-top: 0 !important}

.mb-0{margin-bottom: 0 !important}

.pt-0{padding-top: 0 !important}

.pb-0{padding-bottom: 0 !important}


.container-onglets .nav-onglets a {text-decoration: none !important;
    color: #00afcb;
    font-family: "geomanistbold",sans-serif;
    text-transform: uppercase;
    margin: 10px;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.container-onglets .nav-onglets a.active {
    border-bottom: 1px solid #0f294b;
    color: #0f294b;
}

/*_________________________________________________________*/
/*_________________________________________________________*/




nav.second-menu {

    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0f294b;

}

nav.second-menu ul {

    padding: 0;
    display: flex;
    margin: 0;justify-content: flex-end;

}

nav.second-menu ul a {
    color: #00afcb;
    text-transform: uppercase;
    font-size: 14px;
    border-left: 1px solid #00afcb;
    padding: 0 0 0 10px;
    line-height: 18px;
    display: block;
    margin: 10px 0 10px 10px;
    font-family: "geomanistbold",sans-serif;
}




.fixed h1.site-title {

    margin: 120px auto 0;
    width: 100px;
    height: 40px;

}

.fixed .site-header .province-nord-link{display:none}

.fixed nav.second-menu{position:fixed;background-color:transparent;z-index:1}

.site-header .logo2{ background-image: url("images/Barrage-Logo.svg");background-position: center top;background-repeat: no-repeat;background-size: 100px auto;height: 100%;left: 0;position: absolute;top: -10px;width: 100%;opacity:0;
-webkit-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;

}

h2.site-description{height:0px;color:transparent;}

.site-header{padding-top:55px;background-color:white;z-index:10;position:relative;overflow:hidden; -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}


.navbar {
    background-color: white;
    max-width: 100%;
    padding: 0 0 28px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
}

.main-navigation{max-width:inherit;min-height:inherit;text-align:center;}

ul.nav-menu, div.nav-menu > ul{padding:0;}

.nav-menu li::before {
    background: #0f294b none repeat scroll 0 0;
    content: "";
    float: right;
    height: 15px;
    position: relative;
    top: 15px;
    width: 1px;
}

.nav-menu{z-index:1;position:relative}

.nav-menu li:last-of-type::before {
  display: none;
}

.nav-menu li a {
    padding: 15px 10px 15px 4px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "geomanistmedium",sans-serif;
}

.nav-menu li a:hover, .nav-menu li a.nav-active{background-color:transparent;color:#0f294b;background-image:url(images/tiret-hover.png);background-repeat:no-repeat;background-position:center 40px;}

.nav-menu li a:focus{background-color:transparent;color:#0f294b}


/*_________________________________________________________*/
/*_________________________________________________________*/

.fixed .site-header{position:fixed;width:100%;top:-173px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-o-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);}

.fixed .site-header .logo2{top:127px;opacity:1;}

.fixed .navbar {
    padding-bottom: 10px;
    padding-top: 2px;
}


.fixed .site-header{padding-top:59px;}

.fixed .site-main{margin-top:345px;}


/*_________________________________________________________*/
/*_________________________________________________________*/

.site{max-width:inherit;}

.site-content{max-width:1020px;padding:0 30px;width:100%;margin:0 auto;position:relative;}

.tooltip {

    display: none;
    margin-top: 30px;
    background-color: #0f294b;
    color: white;
    padding: 20px;
    
    position: relative;
    border: 1px solid white;


}

.tooltip-white {
    background-color: transparent;
    color: #0f294b;
    border: 0;
    padding: 0;
}

.tooltip.open{display:block}

/*_________________________________________________________*/
/*_________________________________________________________*/



article.herbe{background-image:url(images/herbe.jpg);background-repeat:repeat-x;background-position:left bottom;padding-bottom:0;background-color:white;padding-top: 15px;background-size: auto 340px;}

article.herbe .encart{width:100%;border:10px solid #0f294b;padding:70px 15%;border-bottom-width:0;background-color:white;}

/*_________________________________________________________*/
/*_________________________________________________________*/

section.bg-goute{background-image:url("images/bg-gouttes.jpg");background-position:center top;background-repeat:no-repeat;}

article.slogan {
    padding-bottom: 150px;
    padding-top: 0;
}

article.slogan .encart {
justify-content: center;
    width: 100%;
    border: 10px solid white;
        border-top-width: 10px;
    border-top-width: 0;
    background-image: url(images/gradient.png);
    background-size: 100% 100%;
    height: 280px;
    padding: 1px 20px;
    display: flex;
    align-items: center;

}

article.slogan .encart b {

    font-family: "geomanistbold",sans-serif;
    color: rgba(255,255,255,0.8);

}







.fly-it {position: absolute;background-color:#b2d234;border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-webkit-border-radius:100px;box-shadow:10px 10px 5px rgba(0,0,0,0.2);-moz-box-shadow:10px 10px 5px rgba(0,0,0,0.2);-webkit-box-shadow:10px 10px 5px rgba(0,0,0,0.2);-o-box-shadow:10px 10px 5px rgba(0,0,0,0.2);}

#fly-it1 {top:150px;left:250px;width:30px;height:30px;}

#fly-it2 {top:240px;left:220px;width:10px;height:10px;}

#fly-it3 {top:570px;left:320px;width:20px;height:20px;}

#fly-it4 {top:540px;right:230px;width:10px;height:10px;}

#fly-it5 {top:460px;right:200px;width:30px;height:30px;}

#fly-it6 {top:160px;right:250px;width:20px;height:20px;}

#fly-it7 {top:40px;right:350px;width:10px;height:10px;}

ul.besoins.flex {

    width: 100%;
    margin: 60px auto 30px;
    max-width: 2000px;
    padding: 0;

}

ul.besoins > li {
    
    background-color: #0f294b;
    color: white;
    padding: 30px;
    text-align: left;
    width: 50%;
    list-style: none;
    font-size: 15px;
}
ul.besoins > li:first-child{background-color: #00afcb;}


ul.besoins > li:last-child{background-color: #a8d04f;}

ul.besoins > li i{font-size:12px}

ul.besoins > li h6 {

    color: #a8d04f;
    font-size: 183%;
    line-height: 106%;
    margin: 15px 0 10px;

}


ul.besoins > li:first-child h6{color:#1c427c}


ul.besoins > li:last-child h6{color:#0f294b}
/*_________________________________________________________*/
/*_________________________________________________________*/

section#pourquoi {

  
    background-image: url(images/feuille.png);
    background-repeat: no-repeat;
    background-position: left bottom;

}



section#pourquoi h5.parceque {
	text-transform:initial;position: relative;
	font-size: 18px;
	width: calc(33.33% - 30px);
	font-family: "geomanistbook",sans-serif;
	letter-spacing:0;padding-bottom: 20px;margin-bottom: 20Px;
}







section#pourquoi h5.parceque::after {

    position: absolute;
    content: "";
    width: 100px;
    height: 5px;
    background-color: #00afcb;
    bottom: 0;
    left: 0;

}

section#pourquoi article.intro {padding:0;}

section#pourquoi article.intro img {
    top: 40px;
    position: relative;
    width: 160px;
}




section#pourquoi .site-content {

    background-color: rgba(255,255,255,0.8);
    padding-bottom: 1px;

}

section#pourquoi  article.intro .site-content{background-color:transparent}

.flex-image-texte .left, .flex-image-texte .right{width:calc(50% - 15px);position:relative}

section#pourquoi .flex.shema  .left{width:calc(33.33% - 15px);}

section#pourquoi .flex.shema .right{width:calc(66.66% - 15px);}

.flex-image-texte  .right{margin-left:15px;}

.flex-image-texte  .image img{

    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;

}

section#acteurs {
    background-image: url(images/fly.png);
    background-repeat: no-repeat;
    background-position: calc(75% + 100px) bottom;
   
    
    color: white;

    padding-bottom: 20px;
    background-size: 300px;
}




.flex-encart-blue.flex-encart-blue2 .left::before{background-color: #1c427c;right: 0;left: inherit}

.flex-encart-blue.flex-encart-blue2 .left{width: 50%;padding-right: 50px;position: relative}


.flex-encart-blue.flex-encart-blue2 .right {
    width: 50%;
    margin-right: 0;
    position: relative;
    min-height: 600px;
}


section#acteurs .flex-encart-blue.flex-encart-blue2 .left::before {
 
    height: calc(100% + 150px);
}


.galerie-alternate img{

    height: 33.33%;
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;

}

.galerie-alternate img.img1,
.galerie-alternate img.img3{left:inherit;right:0;}

.galerie-alternate img.img2{top: 33.33%;}

.galerie-alternate img.img3{top: 66.66%;}



.galerie-alternate  span {
text-align:center;
    position: absolute;
    display: block;
    height: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    left: 0;
    top: 0;

}

.galerie-alternate  span.legende2,.galerie-alternate  span.legende4{left:inherit;right:0;top: 33.33%;}

.galerie-alternate  span.legende3{top: 66.66%;}



.galerie-alternate.galerie-alternate4 img{

    height: 25%;
   

}



.galerie-alternate.galerie-alternate4 img.img2{top: 25%;}

.galerie-alternate.galerie-alternate4 img.img3{top: 50%;}

.galerie-alternate.galerie-alternate4 img.img4{top: 75%;}

.galerie-alternate.galerie-alternate4  span {


    height: 25%;
   

}

.galerie-alternate.galerie-alternate4  span.legende2{top: 25%;}

.galerie-alternate.galerie-alternate4  span.legende3{top: 50%;}

.galerie-alternate.galerie-alternate4  span.legende4{top: 75%;}



section#patrimoine .galerie-alternate.galerie-alternate4 img{object-fit: contain;background-color:#eee}


section#combien,section#comment {overflow:hidden;}



.flex-encart-blue .right {

    width: calc(66.66% - 50px);
    margin-right: 50px;

}

.flex-encart-blue .left {

    width: 33.33%;
    position: relative;
    background-color: #0f294b;
    padding: 50px 0 50px 50px;
    text-align: left;
    font-size: 90%;
    position: relative;
color: white;
}

.flex-encart-blue .left::before {

    position: absolute;
    content: "";
    background-color: #0f294b;

    left: 0;
    width: 1000px;
    height: 100%;
    z-index: 0;
    top: 0;

}

.flex-encart-blue .left * {

    position: relative;
  

}



section#comment article.parallax {
    background-image: url(images/fond.jpg);

    background-position: center;
    background-size:cover;
    margin-bottom: 0;
}

section#comment article.parallax .site-content{height: 130px;}



.picto-ou {

 height: 143px;

}








/*_________________________________________________________*/
/*_________________________________________________________*/



section#etapes article.calendrier {

    margin-bottom: 80px;
    background-color: #0fb4cc;
    padding: 80px 0;

}

section#etapes .left {float:left;width:50%;text-align:left;}

section#etapes .right {float:right;width:50%;text-align:left;}

section#etapes .mCustomScrollbar {margin:70px 0;}

section#etapes .mCustomScrollbar div.contenu {padding:0 20px;}

section#etapes .left img, section#etapes .right img {
    width: 100%;
}

section#etapes article {padding:0;}
section#etapes article:last-of-type {
    padding-bottom: 80px;
}

section#etapes article:first-child {padding:40px 0;}

section#etapes .intro li{font-family:"geomanistmedium";font-size:120%;}

section#etapes .intro li:nth-child(even) {color:#5b6f89;}

section#etapes .etape .image{position:relative;}

section#etapes .etape .image .hover{
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  color: white;
  font-size: 150%;
  height: 100%;
  left: 0;
  line-height: 200%;
  opacity: 0;
  padding: 40% 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-family:"geomanistlight";
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

section#etapes .etape1 .image .hover,section#etapes .etape2 .image .hover,section#etapes .etape6 .image .hover,section#etapes .etape7 .image .hover{
    background-image: url("images/etape4.png");
}
section#etapes .etape3 .image .hover,section#etapes .etape8 .image .hover{
    background-image: url("images/etape1.png");
}
section#etapes .etape4 .image .hover,section#etapes .etape9 .image .hover{
    background-image: url("images/etape2.png");
}
section#etapes .etape5 .image .hover{
    background-image: url("images/etape3.png");
}

section#etapes .etape .image .hover span{font-size:280%;}

section#etapes .etape:hover .image .hover{opacity:1;}

.etape ul {
  font-family: "geomanistregular", sans-serif;
}

/*_________________________________________________________*/
/*_________________________________________________________*/



/*_________________________________________________________*/
/*_________________________________________________________*/

section#actualites article.intro{background-image:url(images/bg-feuille.jpg);background-size:cover;background-position:center;height:300px;margin-bottom:80px;}

section#contact article.intro{background-image:url(images/bg-feuille.jpg);background-size:cover;background-position:center;height:300px;margin-bottom:80px;}

section#actualites #liste-actu, section#respect-environnement #liste-actu-env, section#developpement #liste-actu-dev{overflow:hidden;}

section#actualites #liste-actu.open,  section#respect-environnement #liste-actu-env.open,  section#developpement #liste-actu-dev.open{height:inherit !important;}

.home section#actualites #liste-actu ul, section#respect-environnement #liste-actu-env ul,section#developpement #liste-actu-dev ul{margin:0;padding:0;list-style:none;}

.home section#actualites #liste-actu ul li, section#respect-environnement #liste-actu-env ul li, section#developpement #liste-actu-dev ul li{padding:0;border:1px solid #0f294b;overflow: auto;border-top-width:0;display:flex;flex-wrap:wrap}

section#actualites div.block, section#respect-environnement div.block, section#developpement div.block{padding:20px;}

section#actualites div.block:first-child, section#respect-environnement div.block:first-child, section#developpement div.block:first-child{width:30%;text-align:center;}

section#actualites div.block:last-child, section#respect-environnement div.block:last-child, section#developpement div.block:last-child{width:70%;}

section#actualites li:nth-child(odd) div.block:first-child,section#respect-environnement li:nth-child(odd) div.block:first-child,section#developpement li:nth-child(odd) div.block:first-child{border:0px solid #0f294b;border-right-width:1px;}

section#actualites li:nth-child(even) div.block:first-child,section#respect-environnement li:nth-child(even) div.block:first-child,section#developpement li:nth-child(even) div.block:first-child{order:2;border:0px solid #0f294b;border-left-width:1px;}

section#actualites #liste-actu ul li .date{width:180px;text-align:center;}

section#actualites #liste-actu ul li p, section#respect-environnement #liste-actu-env ul li p, section#developpement #liste-actu-dev ul li p{margin:0;}

section#actualites .more-link, section#actualites .more-link:hover, section#respect-environnement .more-link, section#respect-environnement .more-link:hover, section#developpement .more-link, section#developpement .more-link:hover{display:block;font-size:10px;text-transform:uppercase;color:white;text-align:center; -moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;padding: 8px 0 6px;background-color:#0f294b;text-decoration:none;max-width:150px;margin:10px auto 0;}

section#actualites #liste-actu ul li b a, section#actualites #liste-actu ul li b a:hover, section#respect-environnement #liste-actu-env ul li b a, section#respect-environnement #liste-actu-env ul li b a:hover,section#developpement #liste-actu-dev ul li b a, section#developpement #liste-actu-dev ul li b a:hover{color:#0f294b;text-decoration:none;}

section#actualites h3, section#respect-environnement h3.env, section#developpement h3.dev {
    text-align: center;
    background-color: #0f294b;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    color: white;
    margin: 0;
    padding: 20px 0 20px;
}

section#actualites h3 img, section#respect-environnement h3.env img, section#developpement h3.dev img {
    position: relative;
    margin: -70px auto 0;
    display: block;
    width: 100px;
}

section#respect-environnement h3.env,section#developpement h3.dev{margin-top:100px}




.rpwe-summary {font-family: sans-serif;}

.rpwe-summary .more-link{display:none !important;}

.rpwe-block h4{font-size: 150%;font-family: "geomanistlight";margin:0;}


/* Article seul */
.single section#actualites .date {
    display: block;
    font-family: "geomanistlight", sans-serif;
    margin: 5px 0 15px;
    text-align: left !important;
    width: 180px;
}
.single #actualites h2 {
    color: #0f294b;
    font-family: "geomanistbook", sans-serif;
    font-size: 230%;
    line-height: 1;
    margin-bottom: 0;
}
.single #actualites p,
.single #actualites table,
.single #actualites ul,
.single #actualites ol{
    font-family: "geomanistregular",sans-serif;
    font-size: 17px;
    margin-bottom: 20px !important;
}



.single section#actualites h3{padding-bottom:10px;}

.single section#actualites #liste-actu ul li{padding:20px;}

.single a.btn.all-actu {
    background-color: #b2d234;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    color: #0f294b;
    display: block;
    float: left;
    font-size: 11px;
    margin: 20px auto;
    padding: 10px 0 8px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
}

/*_________________________________________________________*/
/*_________________________________________________________*/

section#contact{text-align:center;background-color:#e0f5f9;}

section#contact ul#liste-questions{text-align:left;list-style:none;overflow:hidden;margin:20px -10px;padding:0;}

section#contact ul#liste-questions.open{height:inherit !important;}

section#contact ul#liste-questions img{float:left;width:10%;}

section#contact ul#liste-questions li:nth-child(even) img{float:right;}

section#contact ul#liste-questions div.question{float:left;margin-left:2%;width:88%;}

section#contact ul#liste-questions li:nth-child(even) div.question{margin-right:2%;margin-left:0;}

section#contact h6{color:#0f294b;font-family:"geomanistmedium";margin-bottom:0;}

section#contact .arrow{margin:0 25px;width:inherit !important;}

section#contact ul#liste-questions div.reponse {
    background-color: white;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
    padding: 20px;
}

section#contact ul#liste-questions li{padding:20px 0;margin:0 10px;}

section#contact div.sexe{text-align:left;margin-bottom:20px;padding-top:8px;}



section#contact input[type="text"], section#contact input[type="email"]{width:49%;margin-bottom:20px;float:left;}

section#contact span:nth-child(even) input[type="text"], section#contact span:nth-child(even) input[type="email"]{float:right;}

section#contact span.radio-722 .wpcf7-list-item{margin-right:40px}

section#contact span.radio-722 .wpcf7-list-item.last{margin-right:0;}

section#contact span.radio-722 .wpcf7-list-item-label, label{margin-right:10px;font-size:120%; display:inline-block;}

section#contact .wpcf7-form{margin:60px auto;width:100%;}

section#contact input{background-color:#bfe4eb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border:0;padding:15px 10px;}

section#contact textarea{background-color:#bfe4eb;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border:0;width:100%;padding:15px 10px;}

section#contact ::-moz-placeholder, section#contact ::placeholder{color:#0f294b;}

section#contact button, section#contact input[type="submit"], section#contact input[type="button"], section#contact input[type="reset"]{background-color:#0f294b;color:white;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px;background-image:none;text-transform:uppercase;width:180px;padding: 14px 10px 10px;margin-top:20px;}

section#contact hr{border:0 solid #0f294b;border-top-width:1px;}



/*_________________________________________________________*/
/*_________________________________________________________*/



/*_________________________________________________________*/
/*_________________________________________________________*/

div.wpcf7-validation-errors{border:0 !important;}

div.wpcf7-mail-sent-ok {border:0 !important;}

/*_________________________________________________________*/
/*_________________________________________________________*/


.more{display:none;}

.btn-more, .btn-more:hover, .btn-more:focus, .btn-more:active{position:relative;background-color: white;border:1px solid #0f294b;color:#0f294b;text-decoration:none;}

.btn-more, .btn-more::after{position:relative;text-transform:uppercase;text-align:center; -moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;margin:60px auto 0;display:block;width:200px;padding:7px 0px;font-size:17px;}

.btn-more::after{content: "Fermer";left: 0;position: absolute;opacity:0;top:-60px;background-color: #0f294b;border:1px solid #0f294b;color:white;}

.btn-more.close::after{opacity:1;}

.btn-more2, .btn-more2:hover, .btn-more2:focus {
    color: white;
    font-family: sans-serif;
    margin-top: 30px;
    position: relative;
    text-decoration: none;
}

.btn-more2, .btn-more2::after {
    background-image: url("images/more.png");
    background-position: center top;
    background-repeat: repeat-x;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.btn-more2::after{content: "Fermer";left: 0;position: absolute;top:0px;width:100%;opacity:0;}

.btn-more2.close::after{opacity:1;}



/*_________________________________________________________*/
/*_________________________________________________________*/

.mention{position:relative}

/*.mention span.wpcf7-list-item {

    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 13px;

}

.mention span.wpcf7-acceptance > span {

    position: absolute;
    border-radius: 100px;
    border: 1px solid #0f294b;
    width: 100%;
    height: 100%;

}

.mention span.wpcf7-acceptance input[type="checkbox"]{position:absolute;opacity:0;width:100%;height:100%;z-index:1}

.mention span.wpcf7-list-item > span::before {

    opacity: 0;
    content: "";
    border-radius: 100px;
    width: 10px;
    height: 10px;
    background-color: #00afcb;
	/*background-color: #0f294b;*/
    left: 1.5px;
    top: 1.5px;
    position: absolute;
}



.mention span.wpcf7-acceptance input[type="checkbox"]:checked ~ span:before{opacity:1;}*/

.mention a, 
.mention a:active, 
.mention a:visited,
.legale a,
.legale a:active, 
.legale a:visited{color: #00afcb !important;}



.page-template-legale .site-main{text-align:center;}




#galerie-patimoine{background-color: #efefef;padding-top: 50px}

#galerie-patimoine img.img{margin: 0 auto;width: 300px;height: 300px;object-fit: contain}

#galerie-patimoine .legende {
    padding: 30px 0;
    margin-top: 30px;
}

#galerie-patimoine .legende p{margin: 0}

#galerie-patimoine .owl-dots{display: none}

#galerie-patimoine .owl-nav {
    position: absolute;
    top: calc(50% - 40px);
    display: flex;
    justify-content: space-between;
    width: 400px;
    left: calc(50% - 200px);
    max-width: 100%;
    font-size: 30px;
}

#galerie-patimoine .owl-nav .owl-prev{}

#galerie-patimoine .owl-nav .owl-next{}


.logos-partenaires-flex img {
    height: 70px;
    width: auto;
    margin: 0 0 0 20px;
}

.logos-flex,
.logos-partenaires-flex{display:flex;align-items:center}
.logos-flex{justify-content:space-between}


.fixed .logos-partenaires-flex-small {
    right: 20px;
}

.logos-partenaires-flex-small {
    display:flex;
    position: absolute;
    right: -170px;
    top: -26px;
    width: 170px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


.logos-partenaires-flex-small img {
    height: 50px;
    margin: 0 0 0 10px;
}









/*_________________________________________________________*/
/*_________________________________________________________*/

.site-footer{padding:60px 0 0;}

.site-footer .sidebar-container, .site-footer{background-color:#0f294b;}

.site-footer .widget a{color:white;}

.site-footer ul{margin:0 !important;}

#nav_menu-2{width:100%;left:0 !important;height:inherit !important;}

.site-footer li.menu-item-has-children{float:left;width:25%;border:0 solid white;border-right-width:1px;padding-left:20px;min-height:80px;}

.site-footer li.menu-item-has-children:last-child{border:0px;}

.site-footer h6{color:white;font-family:"geomanistmedium";text-transform:uppercase;}

.site-footer .copyright{position:absolute;left:0;top:-69px;}

footer img.province-nord {
    margin: 35px;
}


/*_________________________________________________________*/
/*_________________________________________________________*/

@media (min-width: 2001px) {
	section.bg-goute{background-position:center -200px;background-size:2600px;}
}




@media (min-width: 1025px) {
	section#actualites article.intro{background-attachment:fixed;background-size:cover;}
  section#comment article.parallax{background-attachment:fixed;background-size:cover;}
}


@media (max-width: 1500px) {
.logos-partenaires-flex-small{display:none}
}
@media (max-width: 1020px) {
	body{font-size:16px;}
	section#contact div.prenom input{width:75%;
  }
}

  @media (max-width: 1090px){
	  .fixed h1.site-title {
	margin: 120px 0 0;}
	  
	  .fixed .navbar img.province-nord-small{display:none}

.fixed nav.second-menu {
	position: absolute;
	
}
	  .fixed .menu-toggle {
	position: absolute;
	top: -40px;
	right: 50px;
}
}

@media (max-width: 991px) {
	
	section#pourquoi h5.parceque {
	
	width: 100%;
	
}
	
	.logos-partenaires-flex img {
	height: 40px;
	
	margin: 0 0 0 10px;
}
	h1.site-title {
	
	height: 53px;
	width: 146px;
	
}
  .flex .left, .flex .right{width:100% !important;margin-left: 0;}

  .flex .right{order:2}

  .flex .left.image img {

    height: 300px !important;
    position: relative !important;
    margin-bottom: 30px !important;
  }

section#acteurs .galerie-alternate,section#patrimoine .galerie-alternate{min-height: 390px}


   .flex-encart-blue .left{padding:50px}

  .flex-encart-blue .left::before{display:none}



  section#combien .flex .right{margin-right:0;margin-top:60px}


}
@media (max-width: 768px) {

h4.h4 {
  font-size: 24px;}

    .container-onglets .nav-onglets a {
   
    margin: 5px;
    letter-spacing: 0px;
   
    font-size: 12px;
}


    h5.h5 {
    margin-bottom: 20px;
    padding-bottom: 0;
  
    font-size: 16px;
  
}


    .mt-5{margin-top: 30px !important}
    .pt-5{padding-top: 30px !important}
    .mb-5{margin-bottom: 30px !important}
    .pb-5{padding-bottom: 30px !important}


    section#actualites li div.block:first-child, section#respect-environnement li div.block:first-child, section#developpement li div.block:first-child{order: 2;padding-top: 0;}


    div.block .rpwe-summary{display: none}


	body{font-size:15px;}
	section#etapes .right,section#etapes .left{float:inherit;width:100%;margin:0;text-align:center;}
	section#etapes .mCustomScrollbar{height:inherit !important;margin:20px 0;}
	section#actualites div.block, section#respect-environnement div.block, section#developpement div.block{width:100% !important;border:0 !important;}
	.site-footer li.menu-item-has-children{width:100%;border:0;padding:0;text-align:center;min-height:inherit;}
	section#contact div.sexe, section#contact div.prenom{width:100%;text-align:left;}
	article.slogan .encart{padding:30px 15%;}



  section#etapes .left img, section#etapes .right img {
    max-width: 478px;
  }
  section#etapes .etape .image .hover {
      background-size: 478px auto;
      padding: 30% 0;
  }

	nav.second-menu{display:none}
  header img.province-nord {
    display: none;
  }

  article.herbe .encart {padding: 50px 10px;}

  article.slogan h2{font-size: 200%;}
  section#pourquoi article.intro img{width:140px;top:40px}
  section#pourquoi .flex {margin: 20px 0;}
  section#pourquoi .flex.shema .image img {
    min-height: inherit !important;
    height: inherit !important;
}


  h1.site-title {margin: 0 auto 5px;}
  .navbar{padding:0}
  article.slogan {padding-bottom: 80px;}
  article{padding:30px 0}
  .flex .left.image img {height: 200px !important;}
  h3 {font-size: 200%;}
 



  section#acteurs .flex .left, section#combien .flex .left {padding: 30px;}


.picto-comment, .picto-ou, .picto-combien, .picto-etapes, .picto-environnement {
    height: 60px;
}


  section#etapes{padding-top:0}
  section#etapes article:first-child {
    padding: 40px 0 0;}
  section#etapes article.calendrier{padding:30px 0}
  section#etapes article.calendrier {
    margin-bottom: 40px;}

  section#actualites article.intro{height:200px}
  section#etapes article:last-of-type {
    padding-bottom: 30px;}
  section#actualites h3{padding-bottom:30px}
  section#actualites h3 img {margin: -65px auto 0;width: 100px;}

  section#ou .flex .right.image img {
    height: 200px;
}
}

@media (max-width: 500px) {
	article.slogan .encart{padding:20px 5%;}

}