* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, datagrid, datalist, details, dialog, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

html { font-size: 62.5%; }

img, table, td, blockquote, textarea, input, audio, video, canvas { max-width: 100%; height: auto; }
iframe { max-width: 100%; }

p, ul, ol, blockquote, table, hr, figure { margin: 0 0 25px 0;}
p:last-child, ul:last-child, ol:last-child, blockquote:last-child, table:last-child, figure:last-child { margin-bottom: 0; }

a, a:hover, a:active, a:focus { text-decoration: none; }
a:focus { outline: 0; }

ul, ol { padding-left: 2em; }
li p, li ul { margin-top: 0; margin-bottom: 0; }
form ul, nav ul, .menu { list-style: none; padding: 0; }

img { border: 0; vertical-align: bottom; }

form, fieldset, iframe { border: 0; }
input, button, select, label { vertical-align: middle; }
input:focus, button:focus, select:focus, textarea:focus { outline: 0; }
textarea { overflow: auto; min-height: 120px; resize: vertical; vertical-align: top; }

/*
.block_video_accueil {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
}

.video_accueil {
  width: 60%;
  height: 500px;
}
*/

.wrapper {
  height:100%;
  overflow: hidden;
}

.wrapper video {
  /*object-fit: contain;*/
/*       object-fit: fill; */
  object-fit: cover;
  width:100%;
  min-height:100%;
}

.fond-gris .col-2-3.cf {
  padding: 0;
}

/* .fond-gris .col-2-3.cf {
  height: 1px;
} */

.image_visite_virtuelle {
  display: flex;
  justify-content: center;
}

/* --------------------------- Site */
body { font-size: 1.5em; font-family: 'Roboto', sans-serif; line-height: 1.7; color: #222; background: #fff; text-align: left; }

/* --------------------------- Header */
.logo {display: inline-block; width: 120px; margin: 5px 0;}
.logo-fixed {display: none; margin-top: 5px;}
.logo-fixed img {height: 40px;}
.header-top{height:40px;background-color:#FFF;}
.header-top .nav_menu-4 { 
  display: inline-block; 
  float: right; 
}
.header-top .nav_menu-4 ul, .header .nav_menu-4 li {
  height: 40px;
}
.header-top .nav_menu-4 li { 
  display: inline-block;  
  position: relative; 
  border-right:1px solid #138d6d; 
  height: 41px; 
  margin-top: -1px;
}
.menu-item-259 { 
  border-right:none; 
  background: #5889d2;
  margin-right: -10px;
}
.menu-item-259 a {
  color: #fff!important;
}
.menu-item-1031, .menu-item-1173 {
  border-right: none;
  background: #166ABB;
}

.menu-item-1031 {
  margin-right: -10px;
}
.header-top .nav_menu-4 a {  
  display: flex; 
  color: #138d6d;
  font-family: 'Roboto', sans-serif; 
  margin: 0 20px; 
  align-items: center; 
  height: 100%; 
}
.header-top .nav_menu-4 a code {
  margin-right: 5px!important;
}
.header-top .nav_menu-4 li:last-child a{
  color:white; 
  text-transform: uppercase;
}
.header-top .nav_menu-4 li:nth-last-child(2) a {
  color:white; 
  text-transform: uppercase;
}
.header-top .nav_menu-4 a img{
  vertical-align:baseline;
  margin-right:10px; 
}
.header-top .nav_menu-4 a:hover, .header-top .nav_menu-2 a:focus, .header-top .nav_menu-2 .current-menu-item a, .header-top .nav_menu-2 .current-menu-parent a, .header-top .nav_menu-2 li:hover a { 
  color:#000; 
}

.header-top .nav_menu-4 #menu-item-245{border-right:0;}
.header{background-color:#138d6d;height: 130px;}
.header .container {padding: 0 6%; display: flex; justify-content: space-between; align-items: center; height: 90px;}
.header-fixe{position: fixed;top:0;left:0;width: 100%;z-index:50;height:85px !important;}
.header-fixe .container {height: 45px;}

.photo-entete{height: 400px; overflow: hidden;}
.photo-entete img{width: 100%; height: 100%; object-fit: cover;}

/* --------------------------- général acf*/
.titre-ligne{color:#5a5a5a; font-family: 'Roboto', sans-serif;font-size:30px;letter-spacing: 2px; text-transform: uppercase;margin-bottom: 50px;margin-top: 15px;}
.fond-gris{background-color: #F5F5F5;}
.no-padding-left {padding-left: 0 !important;}
.no-padding-top {padding-top: 0 !important;}
.no-padding-right {padding-right: 0 !important;}
.no-padding-bottom {padding-bottom: 0 !important;}

/* --------------------------- acf bloc image*/
.image-full{max-width: 1920px;margin:0 auto;height:875px;background-position: center;}
.texte-center{margin:0 auto;text-align: center;}

/* --------------------------- acf bloc sentier*/
.bloc-sentier-container{display: inline-block;width: 49%;padding: 2% 6% 2% 6%;position: relative;vertical-align: middle;}
.titre-bloc-sentier{color:#138d6d;font-size:20px;font-weight: 700;margin: 20px;text-align: center;}
.survol-bloc-sentier{position: absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s;display: block;background:url(../images/ico-reserve-naturelle-big.png) right bottom no-repeat #138d6d;}
.bloc-blanc-sentier:hover .survol-bloc-sentier{opacity: 1;}
.bloc-image-sentier{padding: 0 !important; background-size: cover !important; background-position: center !important;}
.bloc-sentier{-moz-box-shadow: 5px 5px 10px 0px #9E9E9E;-webkit-box-shadow: 5px 5px 10px 0px #9E9E9E;-o-box-shadow: 5px 5px 10px 0px #9E9E9E;box-shadow: 5px 5px 10px 0px #9E9E9E;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9E9E9E, Direction=134, Strength=10);}
.container-triangle{position: absolute;top:45%;right:-1px;}
.triangle{width: 0;height: 0;border-style: solid;border-width: 17px 29.4px 17px 0;border-color: transparent #FFF transparent transparent;}
.container-triangle-vert{position: absolute;top:45%;left:-30px;}
.triangle-vert{width: 0;height: 0;border-style: solid;border-width: 17px 29.4px 17px 0;border-color: transparent #138d6d transparent transparent;}
.container-numero{text-align: center;width: 75px;height: 75px;border:3px solid #fff;border-radius: 50%;margin-top: 20px;margin-left: 20px;}
.numero{color:#FFF;font-size: 41px;font-weight: 700;}
.desc-bloc-sentier{min-height:150px;}
.padding-left-2{padding-left:2% !important;}
.padding-right-2{padding-right:2% !important;}

/* --------------------------- bloc gallerie photo*/
.psgal figure {padding: 10px !important;}

/* --------------------------- page template sentier*/
.decalage-sentier{transform: translateY(-105px);}
.container-big-numero{width: 200px;height: 200px;border-radius: 50%;background-color:#138d6d;border:10px solid #FFF;margin:0 auto;text-align: center;}
.big-numero{font-size:100px;color:#FFF;font-family: 'Roboto', sans-serif;font-weight: 500;}
.sentier-decouverte{font-size:30px;font-style: italic;font-weight:500;letter-spacing: 2px;color: #404040;text-align: center;}
.page-template-page-sentier h1{text-align: center;}
.page-template-page-sentier .content{margin:0 auto;max-width: 600px;text-align: center; padding: 0 15px;}
.page-template-page-sentier h2{color:#138d6d;}
.page-template-page-sentier strong{color:#138d6d;font-weight:700;}
.page-template-page-sentier .container-image-sentier{position: relative;}
.page-template-page-sentier .bandeau-numero-station{background-color:#138d6d;top:20px;position: absolute;color: #FFF;font-size:20px; }
.page-template-page-sentier .bandeau-gauche{left:-20px;padding:2px 45px 2px 15px;}
.page-template-page-sentier .bandeau-droite{right:-20px;padding:2px 15px 2px 45px;text-align: right;}
.page-template-page-sentier .container > .col-1-2:first-child{border-right:2px solid #138d6d;}
.page-template-page-sentier .container > .col-1-2:first-child:before{content: "";background-color:#138d6d;width: 15px;height:15px;border-radius: 50%;position: absolute;right:0;transform: translateX(54%);top:0;}
.page-template-page-sentier .footer .container:last-child > .col-1-2:first-child{border-right: none;}
.page-template-page-sentier .col-1-2{vertical-align: top;}
.page-template-page-sentier .col-texte{padding-top: 35px;}

.page-id-1008 .col-1-3 {padding: 30px!important;}
.page-id-1008 .col-1-3 p {margin: 0!important;}
.page-id-1008 .col-1-3 img {margin: 0; width: 100%; height: 300px;}
.page-id-1008 .col-1-3 h2 {margin: 20px 0!important;}

/* --------------------------- Menu Responsive */
.nav_menu-2 { display: inline-block;float:right;}
.nav_menu-2 li { display: inline-block; margin-right: 20px; position: relative; }
.nav_menu-2 li:last-child { margin-right: 0; }
.nav_menu-2 a {  display: block; color: #FFF; font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 18px;}
.nav_menu-2 a:hover, .nav_menu-2 a:focus, .nav_menu-2 .current-menu-item a, .nav_menu-2 .current-menu-parent a, .nav_menu-2 li:hover a {  }

.nav_menu-2 .facebook, .nav_menu-2 .twitter { width: 45px; margin-right: 0; }
.nav_menu-2 .facebook a, .nav_menu-2 .twitter a { width: 45px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }



/* 2eme niveau */
.nav_menu-2 li ul { position: absolute; top: 110%; left: 50%; width: 300px; margin-left: -150px; background: #138d6d; opacity: 0; visibility: hidden; z-index: 200;margin-top: 8px; }
.nav_menu-2 li:hover ul { opacity: 1; visibility: visible; top: 99%; }
.nav_menu-2 li li { float: none; margin-right: 0; border-top: 1px solid #11765b; width: 100%;}
.nav_menu-2 li li:last-child a { border-bottom: 0; }
.nav_menu-2 li li a { float: none; color: #fff; text-align: center; line-height: normal; padding: 15px 10px;font-size: 85%; }
.nav_menu-2 li li a:hover { background: #11765b; }
.nav_menu-4 a:hover,.nav_menu-2 a:focus,.nav_menu-2 .current-menu-item a, .nav_menu-2 .current-menu-parent a,.nav_menu-2 li:hover a { color:#C0FFD0; }

/* Mobile nav */
#mobile-nav { display: none; text-align: right; font-size: 11px; color: #fff; text-transform: uppercase; width: 90px; float: right;padding-top: 46px;}
#mobile-nav img { vertical-align: middle; margin-right: 6px; }

#mobile-nav-container { z-index: 9999; position: fixed; padding-top: 50px; top: -20px; left: 0; right: 0; bottom: 0; width: 100%; background: #138d6d; opacity: 0; visibility: hidden; overflow-y: auto; }
#mobile-nav-container.mobile-nav-open { top: 0; opacity: 1; visibility: visible; }
#mobile-nav-container ul { margin: 0 auto 30px auto; padding: 0 15px; max-width: 500px; list-style: none; }
#mobile-nav-container li .sub-menu { padding: 0 0 15px 0; margin: 0; display: none; }
#mobile-nav-container li { border-bottom: 1px solid #28ad85; }
#mobile-nav-container li li { border-bottom: 0; }
#mobile-nav-container li a { color: #fff; padding: 15px 0; display: block; position: relative; }
#mobile-nav-container li li a { color: #999; padding: 8px 0 8px 20px; }

#mobile-nav-container .open-sub:after { content: "+"; font-size: 25px; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-top: -15px; }

#mobile-nav-container .facebook a, #mobile-nav-container .twitter a { padding-left: 30px; }
#mobile-nav-container .facebook a { background: url(../images/icon-facebook.png) no-repeat left; }
#mobile-nav-container .twitter a { background: url(../images/icon-twitter.png) no-repeat left; }

#mobile-nav-close { font-size: 25px; position: absolute; top: 0; right: 0; display: block; text-align: center; width: 50px; line-height: 50px; background: #138d6d; cursor: pointer; color: #111; }

/* --------------------------- Grille */
.content-page { padding: 0 0 100px 0; }

.container {    max-width: 2200px;width: 100%;display: table;margin: 0 auto; }
.grid-margin { margin-bottom: 50px; }

.col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4 {display: table-cell;padding: 2% 6% 2% 6%;vertical-align: middle;min-height: 1px;position: relative; }
.col-1-2 { width: 50%; }
.col-2-2 { width: 100%; }
.col-1-3 { width: 33.3333333333%; }
.col-2-3 { width: 66.6666666666%; }
.col-1-4 { width: 25%; }
.col-2-4 { width: 50%; }
.col-3-4 { width: 75%; }

/* -------------------- Mapbox */
.mapboxgl-map{height:400px; border-radius: 5px;}
.marker { background-image: url('../images/icon-map.svg'); background-size: cover; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; }
.mapboxgl-popup-close-button{background: #138d6d; color:#fff; right:8px; top:8px; width: 20px; height: 20px; font-size: 10px; font-weight: bolder; border-radius: 50%;}
.mapboxgl-popup-close-button:hover{background: #0b604a;}
.mapboxgl-popup-content h3 {text-align: center; color:  #138d6d; font-weight: 600; margin-top: 10px;}
.mapboxgl-popup-content{padding: 22px 10px 15px; text-align: center;}
.mapboxgl-canvas{width: 100%;}

/* --------------------------- Texte */
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; }
h1 { font-size: 40px; color: #5a5a5a; margin: 0 0 20px 0; font-family: 'Roboto', sans-serif;font-weight: 500;text-transform: uppercase;letter-spacing: 2px; }
h2 { font-size: 25px; color: #138d6d; margin: 40px 0 20px 0;font-weight: bold; }
h3, h4 { font-size: 20px; color: #138d6d; margin: 30px 0 10px 0; }
h4 { color: #888; }

h1:last-child { margin-bottom: 0; }
h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }
h2:last-child, h3:last-child, h4:last-child { margin-bottom: 0; }

strong, b { font-weight: bold; font-family: 'Roboto', Arial, sans-serif; }

hr { margin: 30px auto; border: 0; height: 1px; background: #ddd; clear: both; }

.content-page a { color: #444; text-decoration: underline; }
.content-page a:hover, .content-page a:focus { color: #111; }

blockquote { font-style: italic; background-color: #EEE;font-size: 80%; padding: 10px; }

.table, table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 5px 10px; border: 1px solid #ddd; }
.table th, .table thead td { background: #f5f5f5; font-weight: normal; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

.v-align-top { vertical-align: top; }
.v-align-middle { vertical-align: middle; }
.v-align-bottom { vertical-align: bottom; }

.image-cover { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.separation-50{height: 50px;}
.separation-15{height: 15px;}
.vert{color:#138d6d;}
/* ------------------------- Loop */
.blog-item { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd; }
.blog-item:last-child { border-bottom: 0; }

/* Pagination */
.pagination .nav-previous, .pagination .nav-next { font-size: 13px; width: 50%; float: left; }
.pagination .nav-next { text-align: right; }

.fb{background: #4848a4; padding: 10px 15px; color:white !important;}

/* ------------------------- Gallery */
/*.gallery br { display: none; }
.gallery { margin-bottom: 30px; vertical-align: top; }
.gallery-item { display: block; float: left; width: 140px; border: 1px solid #ddd; margin: 0 -1px -1px 0; vertical-align: top; }
.gallery-item a { display: block; padding: 10px; }*/

.wp-caption { width: auto !important; margin-bottom: 30px; }
.wp-caption.aligncenter { text-align: center; }
.wp-caption-text { padding: 0 10px 10px 10px; font-size: 13px; line-height: 20px; }

.aligncenter, .attachment-aligncenter { margin: 0 auto 30px auto; display:block; }
.alignleft, .attachment-alignleft { float:left; margin: 0 30px 30px 0; }
.alignright, .attachment-alignright {float:right; margin: 0 0 30px 30px; }

/* --------------------------- Footer */
.footer { padding-bottom: 80px; font-size: 11px; }
.footer a { color: #888; }
.footer a:hover { color: #111; }
.footer-top{margin-top: 20px; border-top:1px solid #cecece;font-size: 1.2em;}
.footer-top .widget{width: 24%;display: inline-block; vertical-align: top;}
.footer-top .widget img{max-width: 200px;}

.nav_menu-3 li { margin-right: 20px; display: inline-block; }
.nav_menu-3 a { display: inline; }

.no { text-align: right; }

/* --------------------------- Formulaires */
.visual-form-builder { margin: 0; font-size: 13px; }
.vfb-legend { padding-bottom: 20px; }
.visual-form-builder-container li { padding: 0 0 10px 0; }
.visual-form-builder-container label { display: block; line-height: 20px; }

.vfb-text, .vfb-textarea, .vfb-select, select, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea{ padding: 5px; border: 1px solid #ddd; width: 100%; }
.vfb-text:focus, .vfb-textarea:focus,  input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #111; }
.vfb-item-checkbox .vfb-span, .vfb-item-radio .vfb-span { display: block; }
.vfb-item-checkbox div label, .vfb-item-radio div label { display: inline; margin: 0 0 0 5px; }

.vfb-required-asterisk, label.vfb-error { color: #e10000; font-size: 12px; }
.verification .vfb-legend { display: none; }

/* --------------------------- Boutons */
input[type="submit"] { font-family: inherit; }
.btn, input[type="submit"] { background: #138d6d; color: #fff !important; border: 0 !important; display: inline-block; padding: 12px 20px; text-align: center; cursor: pointer; }
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #888; color: #fff !important; border: 0 !important; }

.pdf{background:url(../images/pdf.png) no-repeat 6px; padding:10px 10px 10px 50px;display: inline-block;border:1px solid #CCC; margin-bottom:10px;}
.pdf:hover{background-color:#DDD;}
/* --------------------------- Messages */
.message, #message { padding: 15px; margin-bottom: 30px; background: #fff; }
.message-success, #message.updated { border: 1px solid #2ecc40; box-shadow: 0 0 0 2px rgba(46,204,64,0.4); }
.message-info { border: 1px solid #0074d9; box-shadow: 0 0 0 2px rgba(0,116,217,0.4); }
.message-error, #message.error { border: 1px solid #ff4136; box-shadow: 0 0 0 2px rgba(255,65,54,0.4); }

/* --------------------------- Transitions */
a, input[type="text"], input[type="email"], textarea, input[type="submit"], .nav_menu-2 a:before, .nav_menu-2 a:after, .nav_menu-2 .sub-menu { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
#mobile-nav-container { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }

/* --------------------------- Font face */

/* --------------------------- Responsive */
@media screen and (max-width: 1130px) {
  .footer-top .widget{text-align: center; width:100%; display: block; margin-bottom: 20px;}
}

@media screen and (max-width: 1280px) {

.nav_menu-2 a {font-size: 15px;}
.col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4 { padding:2%;}

}
@media screen and (max-width: 1000px) {

    #nav_menu-2 { display: none; }
    #mobile-nav { display: inline-block; }

    /* .video_accueil {
      width: 95%;
      height: 300px;
    } */
}
@media screen and (max-width: 980px) {

    .grid-margin { margin-bottom: 0; }
    .container { display: block; }
    .col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4 { width: 100%; display: block; }
    .grid-margin .col-1-2, .grid-margin .col-2-2, .grid-margin .col-1-3, .grid-margin .col-2-3, .grid-margin .col-1-4, .grid-margin .col-2-4, .grid-margin .col-3-4 { margin-bottom: 35px; }

    .no { text-align: left; padding-top: 20px; }

    #nav_menu-4{display: none;}
    .page-template-page-sentier .container > .col-1-2:first-child::before{content:none;}
    .page-template-page-sentier .container > .col-1-2:first-child{border:0;}
    .bloc-image-sentier{height: 250px; margin-bottom: 0 !important;}
    .container-triangle, .container-triangle-vert{display: none;}
}

@media screen and (max-width: 700px) {
  .bloc-sentier-container{width: 100%; display: block; padding: 0 2%;}
}


@media screen and (max-width: 550px) {

  .header-top .nav_menu-4 a {  margin:3px 10px;font-size: 90%;}
  .header-top .nav_menu-4 a img{margin-right:5px; }
  .header-top{height: 30px;}
}

@media screen and (max-width: 440px) {
  .header-top .nav_menu-4 a span.menu-image-title{ display: none;}
}

.pictures_categories {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.pictures_categories p {
	margin: 0 100px;
}

@media screen and (max-width: 1300px) {
	.pictures_categories {
		flex-direction: column;
		align-items: center;
	}

	.pictures_categories p {
		margin: 25px 0;
	}
}