@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; border: 0; box-sizing: content-box !important;}

body {font-family: 'Montserrat', sans-serif !important; line-height: 1.4 !important;}

.div-inner {width: 1350px; padding: 0 50px; margin: 0 auto; position: relative; overflow: hidden;}

#menu-top {position: absolute; top: 0; right: 0; z-index: 1;}
#menu-top a {display: inline-block; color: #000; font-size: 16px; padding: 20px; border: 1px solid #ccc; border-top: 0; text-decoration: none; margin-left: 10px;}
#menu-top a:hover { color: #fff; background-color: #00a950;}

#logo-left {font-size: 50px; font-weight: bold; padding-top: 80px; height: 100px; position: relative; z-index: 0; display: block; text-decoration: none;}
#logo-left:hover span { color: #00a950;}
#logo-left span {display: block; position: relative; left: 90px; top: 25px; color: #000;}
#logo-left img {width: 70px; height: auto; margin-top: 20px; position: absolute;}
#logo-droit { position: absolute; right: 20px; top: 100px;}
#logo-droit img {width: 250px; height: auto;}

#menu {position: relative; text-align: center; list-style: none; margin: 60px 0;}
#menu:before {width: 100%; height: 1px; background-color: rgba(0,0,0,0.15); position: absolute; top: 50%; left: 0; content: ""; z-index: 0;}
#menu li { display: inline-block; margin-right: 120px; position: relative; z-index: 1;}
#menu li:last-child {margin-right: 0;}
#menu a { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: #000; background-color: #fff; padding: 10px 20px; display: block;}
#menu a:hover {color: #00a950;}

/* menu icon */

header .menu-icon {
  cursor: pointer;
  display: block;
  padding: 28px 20px;
  position: absolute;
  user-select: none;
    top: 130px;
    right: 0;
}

header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
}

header .menu-icon .navicon:before,
header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

header .menu-icon .navicon:before {
  top: 5px;
}

header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

header .menu-btn {
  display: none;
}

header .menu-btn:checked ~ #menu .menu {
  max-height: 240px;
}

header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

@media (min-width: 650px) {
  header #menu {
    clear: none;
    max-height: none;
  }
  header .menu-icon {
    display: none !important;
  }
}




footer { padding: 4vw 0; background-color: #f2f2f2; text-align: center;}
footer #facebook { display: inline-block; color: #00a950; width: 80px; height: 80px; border: 1px solid #00a950; border-radius: 50%; margin-bottom: 60px;}
footer #facebook i { font-size: 30px; position: relative; top: 50%; transform: translateY(-50%);}
footer #facebook span { text-indent: -9999px; display:block; height: 0;}

footer #facebook:hover { background-color: #00a950;}
footer #facebook:hover i { color: #fff;}

footer p { margin-bottom: 10px;}


footer form input { font-size: 20px; padding: 10px 15px;}
footer form input[type=text] { margin-bottom: 10px;}
footer form input[type=submit] { color: #00a950; background-color: transparent; border: 1px solid #00a950;}
footer form input[type=submit]:hover { cursor: pointer; background-color: #00a950; color: #fff; }

footer .gform_wrapper form { text-align: center;}

h1, h2, h3, h4, h5, h6, p {font-family: 'Montserrat', sans-serif !important; }

header.page-header {padding: 0;}
h1.page-title {text-transform: uppercase; display: inline-block; background-color: #f2f2f2; padding: 10px 15px; border-radius: 15px;}

.content-wrapper a.mbfs-add-new-post, .content-wrapper .button, .content-wrapper button, .content-wrapper input[type="submit"], .content-wrapper #submit {background-color: #00a950; border: 0;}
.content-wrapper a.mbfs-add-new-post:hover, .content-wrapper .button:hover, .content-wrapper button:hover, .content-wrapper input[type="submit"]:hover, .content-wrapper #submit:hover {background-color: #000; border: 0;}

#primary {width: 100%;}
#main {padding: 0;}


/* ACCUEIL */

#contenu-accueil {background: url("../images/bg-accueil.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; color: #fff; overflow: hidden; padding: 4vw 0;}

#accueil-liste {width: 30%; float: left;}
#accueil-liste-inner { padding-right: 80px; border-right: 1px solid rgba(255,255,255,0.3);}
#accueil-liste-titre {font-size: 24px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 40px;}
#accueil-liste-titre span {color: #00a950; font-size: 18px;}
.accueil-liste-element {color: #fff; text-decoration:  none;}
.accueil-liste-element-photo {width: 100%; height: 300px; overflow: hidden; border-radius: 20px; margin-bottom: 15px; background-color: #00a950;}
.accueil-liste-element-photo img {width: 100%; height: 100%; object-fit: cover;}
.accueil-liste-element-titre {font-weight: bold; font-style: italic; font-size: 18px; margin-bottom: 5px;}
.accueil-liste-element-infos {font-size: 14px; color: #ccc; margin-bottom: 40px;}
.accueil-liste-element:hover .accueil-liste-element-photo img {opacity: 0.5;}
.accueil-liste-element:hover .accueil-liste-element-titre, .accueil-liste-element:hover .accueil-liste-element-infos {color: #00a950;}
#accueil-liste-plus { background-color: #00a950; display: block; padding: 10px 40px 10px 15px; color: #fff; text-decoration: none; font-weight: bold; position: relative; border-radius: 10px; margin-bottom: 40px;}
#accueil-liste-plus i {position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
#accueil-liste-plus:hover {color: #00a950; background-color: #fff;}

#accueil-texte {width: calc(70% - 80px); float: right; padding-left: 80px;}
#accueil-texte h1 {font-size: 40px; margin-bottom: 60px; color: #fff;}
#accueil-texte p {font-size: 20px; margin-bottom: 20px;}
#accueil-texte img {width: 250px; height: auto; margin-top: 60px;}

#accueil-boutons {margin: 4vw 0; text-align: center;}
#accueil-boutons a {width: calc(45% - 60px); margin: 0 20px; padding: 30px 40px; background-color: #00a950; color: #fff; display: inline-block; text-decoration: none; position: relative; text-align: left; border-radius: 20px; vertical-align: top;}
#accueil-boutons a i { position: absolute; left: 40px; top: 50%; transform: translateY(-50%); font-size:60px;}
#accueil-boutons a .accueil-boutons-titre, #accueil-boutons a p {padding-left: 100px;}
#accueil-boutons a .accueil-boutons-titre { font-weight: bold; font-size: 30px;}
#accueil-boutons a p { margin-bottom: 0;}
#accueil-boutons a:hover {background-color: #000;}

.slick-arrow {position: absolute; top: 30%; width: 40px; height: 40px; z-index: 1; text-indent: -9999px; border-radius: 50%; padding: 0; border: 0;}
.slick-arrow:hover {background-color: #00a950; cursor: pointer; border: 0;}
.slick-prev {left: 0; margin-left: -20px; background: url("../images/chevron-left-solid.svg") center center no-repeat #fff; background-size: 20px 20px;}
.slick-prev:hover {background: url("../images/chevron-left-solid.svg") center center no-repeat #00a950; background-size: 20px 20px;}
.slick-next {right: 0; margin-right: -20px; background: url("../images/chevron-right-solid.svg") center center no-repeat #fff; background-size: 20px 20px;}
.slick-next:hover {background: url("../images/chevron-right-solid.svg") center center no-repeat #00a950; background-size: 20px 20px;}



/* LISTE ET FICHE */

#recherche {margin-bottom: 60px;}
#recherche .search-form {display: block !important; overflow: hidden;}
#recherche .field-recherche {width: calc(75% - 40px); float: left;}
#recherche .field-recherche input {background: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 20px; width: 100%;}
#recherche .field-recherche input:focus {outline: none;}
#recherche .search-submit {width: calc(25% - 60px); float: right; padding: 20px; border-radius: 10px; margin-left: 20px; font-weight: bold; background-color: #00a950;}
#recherche .search-submit:hover {border: 0; background-color: #000;}
.searchwp-live-search-results {min-height: 0 !important; padding: 20px;}
.searchwp-live-search-results a {color: #000; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2;}
.searchwp-live-search-results a:last-child {border: 0; padding-bottom: 0; margin-bottom: 0;}
.searchwp-live-search-results a:hover {color: #00a950;}

#contenu-liste {margin-bottom: 4vw; overflow: hidden;}

#contenu-liste-gauche {width: calc(35% - 60px); float:  left; background-color: #e5f6ed; padding: 20px 30px; border-radius: 20px;}
#contenu-liste-gauche h1 {font-weight: normal; margin-bottom: 20px;}
#lien-complementaires {color: #000; border: 1px solid #ccc; padding: 10px 20px 10px 70px; display: block; margin-bottom: 40px; border-radius: 5px; position: relative; text-decoration: none;}
#lien-complementaires i {position: absolute; font-size: 35px; left: 15px; transform: translateY(-50%); top: 50%;}
#lien-complementaires:hover {background-color: #00a950; color: #fff;}
#contenu-liste-gauche h3 { margin-bottom: 0;}
#contenu-liste-gauche > .accordion h3 {cursor: pointer;}
#contenu-liste-gauche > .accordion > h3 {border-top: 3px solid #00a950; color: #00a950; font-size: 25px; display: block; padding: 5px 0;}
#contenu-liste-gauche > .accordion > h3:first-child {border: none;}
#contenu-liste-gauche .accordion > h3 + div {padding-bottom: 30px;}
#contenu-liste-gauche .accordion .ui-accordion-content h3 {font-size: 16px; position: relative; border-top: 1px solid rgba(0,0,0,0.15); padding: 5px 25px;}
#contenu-liste-gauche .accordion .ui-accordion-content h3:first-child {border: 0;}
#contenu-liste-gauche .accordion .ui-accordion-content h3 .numeroidentification {position: absolute; left: 0;}
#contenu-liste-gauche ul {list-style: none;}
#contenu-liste-gauche ul a {color: #000; font-size: 15px; display: block; text-decoration: none; padding: 5px 10px; border-radius: 10px;}
#contenu-liste-gauche ul a:hover {background: #fff;}
#contenu-liste-gauche .liste-separateur { position: relative; padding: 5px 6px; background: rgba(0,0,0,0.05); padding-left: 42px; margin-top: 12px; border-radius: 10px; margin-bottom: 5px;}
#contenu-liste-gauche .liste-separateur span {position: absolute; left: 8px;}
#contenu-liste-gauche .ui-accordion-header-collapsed, #contenu-liste-gauche .ui-accordion-header-active {position: relative;}
#contenu-liste-gauche .ui-accordion-header-collapsed:after, #contenu-liste-gauche .ui-accordion-header-active:after {position: absolute; right: 0; top: 0; font-weight: normal; top: 5px;}
#contenu-liste-gauche .ui-accordion-header-collapsed:after {content: "+"}
#contenu-liste-gauche .ui-accordion-header-active:after {content: "-"}

#phrase-accueil-liste {padding-top: 30px; font-size: 30px;}
#phrase-accueil-liste i {margin-right: 20px;}

#contenu-liste-droit {width: calc(65% - 80px); float: right; padding-left: 80px;}
#contenu-liste-cat {letter-spacing: 2px; text-transform: uppercase; font-size: 13px; margin-bottom: 40px;}
#contenu-liste-droit h2 { margin-bottom: 0; font-style: italic; font-size: 40px;}
#contenu-liste-droit h3 { font-weight: normal; margin-bottom: 0; font-size: 24px;}
#contenu-liste-droit h4 {color: #4D4D4D; font-size: 16px; font-weight: normal; margin-bottom: 30px;}
.contenu-liste-bloc-titre {background-color: #f2f2f2; padding: 5px 10px; margin-bottom: 20px;}
.contenu-liste-bloc {margin-bottom: 40px;}

.lightgallery {text-align: left;}
.lightgallery .fiche-media {display: inline-block;}
.lightgallery a { overflow: hidden;}
.lightgallery a:hover img {opacity: 0.7;}

#contenu-liste-droit #accueil-boutons a {width: calc(42% - 40px); padding: 20px 30px; }
#contenu-liste-droit #accueil-boutons a:last-child {background-color: #5c5c5c;}
#contenu-liste-droit #accueil-boutons a i, #contenu-liste-droit #accueil-boutons a img { position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
#contenu-liste-droit #accueil-boutons a i { font-size:40px;}
#contenu-liste-droit #accueil-boutons a img { width: 50px;}
#contenu-liste-droit #accueil-boutons a .accueil-boutons-titre,#contenu-liste-droit  #accueil-boutons a p {padding-left: 60px;}
#contenu-liste-droit #accueil-boutons a .accueil-boutons-titre { font-weight: bold; font-size: 15px;}
#contenu-liste-droit #accueil-boutons a p {font-size: 13px;}

.tri { margin: 30px 0;}
.tri div {display: inline-block;}
.tri div a {display: block; color: #3A3A3A; padding: 10px 15px; border: 1px solid #ccc; margin-right: 10px; font-size: 12px;}
.tri div a:hover {border-color: #000; color: #000;}
.tri div.active a {border-color: #000; color: #000;}

.lg-toolbar {background-color:  transparent !important;}



/* PAGE RECHERCHE */

#recherche h1 {margin-bottom: 50px;}
#recherche .page-header {margin-bottom: 50px;}
#recherche .search-result {margin: 0;}
#recherche .search-result h2 {font-size: 20px; margin: 0;}
#recherche .search-result a {padding: 10px; border-bottom: 1px solid #E7E7E7; display: block; color: #3A3A3A;}
#recherche .search-result:last-child a {border: 0;}
#recherche .search-result a:hover {color: #fff; background-color: #00a950;}

#recherche .pagination {margin-top: 50px;}
#recherche .pagination a {color: #00a950;}
#recherche .pagination a:hover {color: #fff; background-color: #00a950;}
#recherche .page-numbers, .page-numbers.current {border: 1px solid #E7E7E7; padding: 10px; margin-right: 5px;}



/* CSS TRANSITIONS
*************************/

a, .accueil-liste-element-photo img, .accueil-liste-element-titre, .accueil-liste-element-infos, footer form input, #recherche .search-submit, .slick-arrow, .lightgallery a img {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s}