/*
Theme Name: Thème Communauté de communes du Grand Pontarlier
Text Domain: ccgp
Author: Com6 Interactive / PEREZ Axel
Author URI: https://com6-interactive.fr/
Description: Thème développer sur mesure par Com6 Interactive pour répondre à la demande du nouveau site internet de la Communauté de communes du Grand Pontarlier.
Version: 6.66
Text Domain: KLX_BS4
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
# Normalize 
# Typography 
# Elements
# Forms 
# Navigation
	## Links 
	## Menus
# Accessibility  
# Alignments 
# Clearings 
# Widgets 
# Content 
	## Posts and pages
# Infinite scroll 
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/


:root {
  --main-green: #95c11f;
  --main-blue: #36a9e1;
}


html, body { 
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top;
	font-family: 'Roboto';
	font-size: 62.5%;
}

body {
    min-height: 100vh;
	max-width: 1920px;
	margin: 0 auto;
  font-size: 1.8rem;
}

:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  -webkit-font-smoothing: auto;
}

details,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a { color: inherit;  }

a:active, 
a:hover {
  color: var(--main-green);
}

small {
  font-size: 80%;
}

svg:not(:root) {
  overflow: hidden;
}

body button,
body a::before,
body a::after,
body a{
    transition: all .2s ease-in-out;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

button {
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	border-style: none;
  border-radius: 8px;
  font-size: 1.4rem;
}

.btn { border-radius: 0; }

/*--------------------------------------------------------------
# SEARCH & FILTER // SF
--------------------------------------------------------------*/
.searchandfilter > ul{
  padding: 0;
  font-size: 2.0rem;
  color: #a9a9a9;
}

.searchandfilter > ul > li{
  position: relative;
}

.searchandfilter h4{
  font-size: 3.0rem;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
}

.searchandfilter > ul > li label,
.searchandfilter > ul > li label > input{
  width: 100%;
}

/* CHECKBOX */

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] label{
  width: auto;
  padding-left: 15px;
}

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] ul{
  padding: 0;
}

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] ul li{
  position: relative;
  cursor: pointer;
}

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] ul li *{
  cursor: pointer;
}

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] ul li::before{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-color: white;
  border: 1px solid #a9a9a9;
  top: calc(50% - 10px);
  pointer-events: none;
}

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] ul li.sf-option-active::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-color: var(--main-blue);
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #a9a9a9;
  top: calc(50% - 10px);
  pointer-events: none;
}

/* RECHERCHE */

.searchandfilter > ul .sf-input-text{
  height: 55px;
  font-size: 2.0rem;
  font-weight: 300;
  font-style: italic;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  background-color: white;
  padding: 0 20px;
}

/* SELECT */

.searchandfilter > ul > li[data-sf-field-input-type="select"] select{
  width: 100%;
  height: 55px;
  font-size: 2.0rem;
  font-weight: normal;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  padding: 0 20px;
  background-color: white;
  appearance: none;
  cursor: pointer;
}

.searchandfilter > ul > li[data-sf-field-input-type="select"] label{
  position: relative;
}

.searchandfilter > ul > li[data-sf-field-input-type="select"] label::after{
  content: "\e810";
  width: 30px;
  height: 30px;
  font-family: "bdt-icon";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15px;
  top: calc(50% - 15px);
  transform: rotate(-90deg);
  pointer-events: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* .searchandfilter > ul > li[data-sf-field-input-type="select"] label:active::after{
  transform: rotate(-260deg);
} */

/* DATE */

.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul{
  display: flex;
  padding: 0;
  margin: 0;
}

.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul li{
  font-size: 1.6rem;
}

.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul li:first-child{
  margin-right: 15px;
}
.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul li:last-child{
  margin-left: 15px;
}

.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul li label{
  position: relative;
}

.searchandfilter > ul > li[data-sf-field-input-type="daterange"] ul li label::after{
  content: "\e80b";
  width: 30px;
  height: 30px;
  font-family: "bdt-icon";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10px;
  top: calc(50% - 15px);
}
.searchandfilter input[type="submit"],
.searchandfilter a.search-filter-reset{
  display: flex;
  align-items: center;
  height: 55px;
  font-size: 2.0rem;
  font-weight: 300;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  background-color: white;
  padding: 0 15px;
  transition: all .2s ease-in-out;
}



/*--------------------------------------------------------------
# MOTEUR DE RECHERCHE MAISON // MOTEUR DOCU // MOTEUR KIOSQUE
--------------------------------------------------------------*/
#form-archive .form-wrapper{
  display: flex;
  width: 100%;
  padding: 30px 0;
}

#form-archive .form-wrapper .form-group{
  padding: 0 15px;
  margin: 0;
} 

#form-archive .form-wrapper .form-group.w-s,
#form-archive .form-wrapper .form-group:first-child{
  min-width: 250px;
}

#form-archive .form-wrapper .form-group:first-child{
  padding-left: 0;
}
#form-archive .form-wrapper .form-group:last-child{
  padding-right: 0;
}

#form-archive .form-wrapper .form-group:first-child input{
  height: 55px;
  font-size: 2.0rem;
  font-weight: 300;
  font-style: italic;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  background-color: white;
  padding: 0 20px;
}

#form-archive .form-wrapper .form-group.w-s{
  position: relative;
}

#form-archive .form-wrapper .form-group.w-s::after{
  content: "\e810";
  color: #a9a9a9;
  width: 30px;
  height: 30px;
  font-family: "bdt-icon";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15px;
  top: calc(50% - 15px);
  transform: rotate(-90deg);
  pointer-events: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#form-archive .form-wrapper .form-group select{
  height: 55px;
  font-size: 2.0rem;
  font-weight: 300;
  font-style: italic;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  padding: 0 20px;
  background-color: white;
  appearance: none;
  cursor: pointer;
  background: none;
}

#form-archive .form-wrapper .submit input,
#form-archive .form-wrapper .reintia a{
  display: flex;
  width: 100%;
  align-items: center;
  height: 55px;
  font-size: 2.0rem;
  font-weight: 300;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  background-color: white;
  padding: 0 15px;
}


/*--------------------------------------------------------------
# ANIMATION MODAL
--------------------------------------------------------------*/
/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

body #modal1clic .modal-dialog {
  max-width: 100%;
  margin: 0;
}

#modal1clic .modal-content{
  position: absolute;
  padding-top: 50px;
  padding-bottom: 20px;
  max-width: 550px;
  top: 0; 
  right: -15px;
  min-height: 100vh;
  background-color: white;
  z-index: 1050;
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal1clic .modal-content .close{
  position: relative;
  max-width: 50px;
  margin-bottom: 30px;
  font-size: 40px;
  color: black;
}

#modal1clic .modal-content #menu-menu-en-1-clic-1,
#modal1clic .modal-content #menu-menu-en-1-clic{
  flex-wrap: wrap;
  justify-content: center;
}

#modal1clic .modal-content #menu-menu-en-1-clic-1 li,
#modal1clic .modal-content #menu-menu-en-1-clic li{
  width: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#modal1clic .modal-content #menu-menu-en-1-clic li .menu-image-title,
#modal1clic .modal-content #menu-menu-en-1-clic-1 li .menu-image-title {
  font-size: 1.8rem;
  line-height: 2.0rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 20px;
}

/*--------------------------------------------------------------
# CK Editor Style
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

blockquote {
	quotes: "“\00A0" "\00A0„"; /*”*/
	background-color: #fbfbfb;
	font-size: 1.875em;
	padding: 1em 2em;
	font-style:italic;
}
blockquote > :first-child::before, blockquote > :first-child::after { 
    font-size: 2em;
    line-height: 0;
}
blockquote > :first-child::before {
    content: open-quote;
}
blockquote > :first-child::after {
    content: close-quote;
}

.wp-caption {
  position: relative;
}
.wp-caption p { margin: 0; }

.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-dd,.wp-caption .wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba( 0, 0, 0, .5 );
  color: #fff;
  font-size: 11px;
  padding: .75em 1em;
  line-height: 1;
  font-style: italic;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute !important;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.sr-only:focus,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#scroll-to-top {
  display: none;
  padding: 11px 7px;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  color: white;
  background-color: var(--main-green);
  border-radius: 50%;
  border: 1px solid white;
  font-size: 24px;
  line-height: 24px;
}


#scroll-to-top.fixe {
	display: block;
}

.post-link{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.fake-link { cursor: pointer; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

article .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

article .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

article .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

article img.alignleft, article .wp-caption.alignleft,
article img.alignright, article .wp-caption.alignright {
	float: none;
	display: inline-block;
	margin-bottom: 1.25rem;
}

article img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  position: relative;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
  display: block;
}
.wp-caption .wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba( 0, 0, 0, .8 );
  color: #fff;
  font-size: 11px;
  padding: .75em 1em;
  line-height: 1;
  font-style: italic;
}

@media screen and (min-width: 544px) {
	article img.alignright, article .wp-caption.alignright {
	  float: right;
	  margin: 0.313rem 0 1.25rem 1.25rem;
	}
	
	article img.alignnone {
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article img.alignleft, article .wp-caption.alignleft {
	  float: left;
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article .wp-caption.alignleft {
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article .wp-caption.alignright {
	  margin: 0.313rem 0 1.25rem 1.25rem;
	}

}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after
 {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after {
  clear: both;
}

hr,h2,h3,h4,h5,h6 {
	clear: both;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-content *{
  font-size: 1.8rem; 
  line-height: 2.5rem;
}

.entry-content a { 
	text-decoration: underline;
  color: var(--main-green);
}
/* 
.entry-content a[target="_blank"]:after {
  content: '\00A0\f08e';
  font-family: "bdt-icon";
} */

.entry-content h2 {
  text-transform: uppercase;
  color: #000;
	font-size: 3.0rem;
  font-weight: bold;
	line-height: 3.0rem;
  margin-bottom: 15px;
}

.entry-content h3 { 
  color: #000;
  font-size: 2.5rem; 
  font-weight: bold;
  line-height: 3.0rem;
  margin-bottom: 15px; 
}

.entry-content h4 { 
  font-weight: bold; 
  color: #000;
  font-size: 1.8rem; 
  line-height: 3.0rem; 
  text-transform: uppercase; 
  margin-bottom: 15px;
}

.entry-content * + h2,
.entry-content * + h3 { margin-top: 5.0rem; }

.entry-content * + h4{ margin-top: 3.0rem; }

.entry-content ol {
  list-style: none; /*Remove default numbering*/
	padding-left: 0;
  counter-reset: li;
}

.entry-content sup{
  font-size: 1.2rem;
}

.entry-content ol li{
  counter-increment: li;
  position: relative;
  padding-left: 0 !important;
  margin-left: 30px !important;
}

.entry-content ol li::before {
  content: counter(li);
  top: 2px;
  left: -2px;
  counter-increment: start;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .5em;
  text-align: center;
  line-height: 1.4;
  direction: rtl;
  color: #fff;
  font-weight: bold;
}

.entry-content ul {
	list-style: none;
  margin-left: 0;
    padding-left: 0; 
	margin-top: .5em;
	margin-bottom: .5em;
}

.entry-content li { 
  position: relative;
  margin-left: 3em;
  padding-left: 25px
 }

.entry-content li:before { /* fa-caret-right */
  content: ' ';
  position: absolute;
  left: 5px;
  top: 8px;
  display: inline-block;
  margin-right: .5em;
  width: 10px;
  height: 10px;
  background-color: var(--main-green);
  border-radius: 50%;
} 

.entry-content blockquote {
	quotes: "“\00A0" "\00A0„"; /*”*/
	padding: 1em 2em;
}
.entry-content blockquote > :first-child::before, .entry-content blockquote > :first-child::after { 
    font-size: 2em;
    line-height: 0;
}
.entry-content blockquote > :first-child::before {
    content: open-quote;
}
.entry-content blockquote > :first-child::after {
    content: close-quote;
}

.entry-content .wp-block-embed .wp-block-embed__wrapper::before{
  display: none;
}

/* .entry-content .wp-block-media-text .wp-block-media-text__content{
  align-self: start;
} */


.entry-content .wp-block-button .wp-block-button__link{
  border-radius: 25px;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  color: white;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  border-radius: 25px;
  border: 1px solid var(--main-green);
  background-color: white;
  color: var(--main-green);
}

.entry-content .wp-block-button .wp-block-button__link:hover{
  color: var(--main-green);
  background-color: white;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover{
  color: white;
  background-color: var(--main-green);
}

.entry-content .wp-block-button.is-style-fill .wp-block-button__link:hover{
  transform: scale(1.05);
}

/* les éléments ci-dessous sont commentés car ils empêchent le centrage des images */
/* .entry-content .wp-block-image{
  display: inline-block;
  position: relative;
} */

.entry-content .wp-block-image .wp-element-caption{
  /* position: absolute; */
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 5px 10px;
  color: white;
  font-weight: bold;
  background-color: #0000007d;
}

.entry-content .wp-block-file{
  position: relative;
  background-color: #eaeaea;
  padding: 10px 25px;
  border-radius: 25px;
}

.entry-content .wp-block-file a:nth-last-child(3){
  color: black;
  font-weight: bold;
  font-size : 2.0rem;
  line-height: 3.0rem;
  text-decoration: none;
}

.entry-content .wp-block-file span{
  color: black;
  font-size : 2.0rem;
  line-height: 3.0rem;
}

.entry-content .wp-block-file a.wp-block-file__button{
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  z-index: 2;
}

.entry-content .wp-block-file::after{
  content: '\e81a';
  font-family: "bdt-icon";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.entry-content .wp-block-file:hover::after{
  background-color: white;
  color: var(--main-green);
}

.entry-content .wp-block-pb-accordion-item{
  margin: 15px 0;
  padding: 15px 25px;
  border-radius: 25px;
  box-shadow: 0px 0px 29px #0003;
}

.entry-content .wp-block-pb-accordion-item .c-accordion__title{
  margin: 0;
}

.entry-content .wp-block-pb-accordion-item .c-accordion__content{
  padding-top: 20px;
}

.entry-content .wp-block-pb-accordion-item .c-accordion__title::after{
  content: '\f107';
  font-family: "bdt-icon";
  top: inherit;
  color: var(--main-blue);
  transform: none;
  transition: all 0.3s ease-in-out;
}

.entry-content .wp-block-pb-accordion-item.is-open .c-accordion__title::after{
  transform: rotate(180deg);
  
}

.entry-content .wp-block-gallery{
  position: relative;
  padding: 0;
}

.entry-content .wp-block-gallery li{
  padding: 0;
  margin: 0;
}

.entry-content .wp-block-gallery li::before{
  display: none;
}

.entry-content .wp-block-gallery .slick-list,
.entry-content .wp-block-gallery .slick-list *{
  width: 100%;
}

.entry-content .wp-block-gallery .slick-arrow{
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 17.5px);
  width: 35px;
  height: 35px;
  border: 0;
  padding: 2px;
  background-color: var(--main-green);
  color: white;
  z-index: 2;
}

.entry-content .wp-block-gallery .slick-prev{
  left: 15px;
  padding: 4px;
}

.entry-content .wp-block-gallery .slick-next{
  right: 15px;
  padding: 7px;
}

/* collapse shortcode */
.title-collapse {
	clear:both;
	border-bottom: 1px solid #ccc;
	padding: .25em;
}
a.btn-collapse {
	position: relative;
	display: block;
	padding-right: 2em;
	text-decoration: none;
}
a.btn-collapse:after {
	color: #ccc;
	position: absolute;
	right: 1em;
	content: '+';
	display: inline-block;
}
a.btn-collapse[aria-expanded=true]:after {
	content: '-';
}
.clear.collapse {
	margin-bottom: 1em;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.site-content .entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-title > a {
  color: inherit;
}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	transition: filter 0.2s ease-in;
	backface-visibility: hidden;
	/* vertical-align: auto; */
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

@media screen and (min-width: 480px) {
	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 768px) {
	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and (min-width: 1024px) {

}


/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

.posts-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# PAGINATION ARCHIVE
--------------------------------------------------------------*/
.pagination div{
  display: flex;
  justify-content: center;
  align-items: center;
}


.pagination, .nbResult {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2rem 0;
	width: 100%;
}
.pagination .page-numbers {
  font-weight: 500;
  padding: 0px 3px;
  margin: 0 .5em;
  font-size: 1.8rem;
}
.pagination .current,
.pagination .page-numbers:hover {
	color: #ff5c39;
}
.nbResult {
	font-weight: 400;
	font-size: .875rem;
}
.pagination .next, .pagination .prev {
	width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
	line-height: 1;
  font-size: 2.2rem;
  transition: all 0.3s ease-in-out;
}

.pagination .prev {
	background: #000;
	color: #fff;
}

.pagination .next {
	background: #000;
	color: #fff;
}
 
.pagination .prev:hover,
.pagination .next:hover{
  transform: scale(0.95);
  color: white;
}

.nbResult{
  display: none;
}

/*--------------------------------------------------------------
# RESULTAT DE RECHERCHE / SEARCH
--------------------------------------------------------------*/


.search .article_search h2 { margin-bottom: 5px }

.search .article_search .type{
  text-transform: uppercase;
  color: var(--main-blue);
  font-size: 1.8rem;
  margin-bottom: 5px; 
}

.search .article_search:not(:first-of-type){
  border-top: 1px solid black;
  margin-top: 20px;
  padding-top: 20px;
}


/*--------------------------------------------------------------
# Entête / menu / HEADER
--------------------------------------------------------------*/
header#page-header{
  position: relative;
  display: flex;
  justify-content: space-between;
}

header#page-header .site-title{
  margin: 20px;
}

header#page-header .site-title .custom-logo{
  max-width: 110px;
}

header#page-header .wrapper-en1clic{
  overflow: hidden;
}

header#page-header .button1clic{
  background-image: url(./images/fond1clic.png);
  background-repeat: no-repeat;
  background-size: 190px 145px;
  width: 150px;
  height: 100px;
  background-position: 5px -45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 45px;
  margin-right: -5px;
  color: white;
  font-weight: 900;
  font-size: 1.6rem;
  transition: all 0.3s ease-in-out;
}

header#page-header .button1clic:focus,
header#page-header .button1clic:active,
header#page-header .button1clic:focus-visible{
  outline-color: transparent;
}

header#page-header .button1clic img{
  max-width: 35px;
  margin-bottom: 5px;
  margin-right: 20px;
  transition: all 0.3s ease-in-out;
}


header#page-header .button1clic:hover img{
  transform: scale(0.90);
}

header#page-header .block-menu{ 
  display: flex;
  align-items: center;
}

header#page-header .block-menu .wrapper-menu,
header#page-header .block-menu .wrapper-menu > .container{
  height: 100%;
}

header#page-header .navbar.navbar-expand-md,
header#page-header #mega-menu-wrap-primary,
header#page-header #mega-menu-primary{
  position: inherit;
  height: 100%;
}

header#page-header #mega-menu-primary > li:last-child i::before{
  transform: rotate(90deg);
  font-size: 25px;
}

@media screen and (min-width:991px){
  header#page-header #mega-menu-wrap-primary #mega-menu-primary{
    display: flex !important;
  }
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary{
  height: 100%;
  align-items: center;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu{
  top: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item > .mega-sub-menu{
  padding-top: 30px;
  padding-bottom: 50px;
  min-height: 300px;
}

#mega-menu-wrap-primary #mega-menu-primary{
  background-color: white;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
  padding: 0 15px;
  background-color: white;
  display: flex;
  height: 100%;
  align-items: center;
}

/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on */

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
  height: 100%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 900;
  text-align: right;
  width: 135px; 
  background-color: white;
}

#mega-menu-wrap-primary #mega-menu-primary > li:last-child{
  padding-left: 30px;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:after{
  content: "";
  position: absolute;
  display: block;
  bottom: -5px;
  left: 0;
  right: 100%;
  height: 5px;
  background-color: var(--main-blue);
  transition: all 0.3s ease-in-out;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:nth-child(2n+1) > a.mega-menu-link:after{
  background-color: var(--main-green);
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after{
right: 0;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
  color: var(--main-blue);;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2n+1) > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
  color: var(--main-green);;
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-ancestor > a.mega-menu-link,
header#page-header #mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-item > a.mega-menu-link,
header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
  color: var(--main-blue);
}

header#page-header #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
  display: none;
}

@media screen and (max-width:1450px){
  header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    width: 100px;
  }
}

@media screen and (max-width:1200px){
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    padding: 0 5px;
  }

  header#page-header .wrapper-en1clic{
    margin-left: -90px;
  }
}

@media screen and (min-width:991px){ 
  header#page-header .wrapper-menu-mobile{
    display: none;
  }

}
@media screen and (max-width:990px){ 
  header#page-header{
    flex-wrap: wrap;
  }

  header#page-header .wrapper-menu-mobile{
    width: 100%;
  }

  header#page-header .block-menu .wrapper-menu, header#page-header .block-menu .wrapper-menu > .container {
    height: auto;
  }

  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
    background-color: var(--main-green);
  }

  #mega-menu-wrap-primary .mega-menu-toggle{
    background-color: transparent;
    
  }

  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center{
    margin-top: -90px;
    margin-bottom: 50px;
  }

  header#page-header #mega-menu-wrap-primary #mega-menu-primary{
    flex-direction: column;
    align-items: self-start;
    background-color: white;
  }

  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
    display: flex !important;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    width: 100%;
    flex-direction: column;
  }

  
  header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    width: 100%;
    text-align: left;
    min-height: 40px;
    align-items: center;
    justify-content: flex-start;
  }

  header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {
    bottom: 0px;
  }

  header#page-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link br{
    display: none;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item > .mega-sub-menu{
    min-height: auto;
    padding: 0;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
    box-shadow: none;
  }


  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 5px;
    width: 100%;
  }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 1.6rem;
    padding:0;
  }
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer.site-footer{
  padding-top: 55px;
}

footer.site-footer .level-1-footer > .row{
  justify-content: space-between;
}

footer.site-footer .level-1-footer section:first-child{
  max-width: 180px;
}

footer.site-footer .level-1-footer section:nth-child(2){
  min-width: 330px;
  max-width: 360px;
}

footer.site-footer .level-1-footer section:nth-child(3){
  max-width: 210px;
}

footer.site-footer .level-1-footer section:first-child img{
  width: 130px;
  max-height: 130px;
  object-fit: contain;
}

footer.site-footer .level-1-footer section h2{
  font-size: 2.0rem;
  line-height: 2.5rem;
  color: var(--main-blue);
  font-weight: 900; 
}

footer.site-footer .level-1-footer section p{
  line-height: 2.5rem;
}

footer.site-footer .level-1-footer section strong{
  color: var(--main-blue);
}

footer.site-footer section:nth-child(4){
  max-width: 190px;
  display: flex;
  flex-direction: column;
}

footer.site-footer .level-1-footer a.link_footer{
  min-height: 55px;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 17px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
}

footer.site-footer .level-1-footer a.link_footer:hover{
  color: var(--main-green);
  background-color: white;
  text-decoration: none;
}

footer.site-footer .level-2-footer{
  margin-top: 15px;
}

footer.site-footer #menu-menu-footer{
  justify-content: center;
}

footer.site-footer #menu-menu-footer a{
  font-size: 1.6rem;
}

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

  footer.site-footer .level-1-footer section{
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    margin-bottom: 30px;
  }

  footer.site-footer .level-1-footer section figure{
    margin: 0;
  }

}

@media screen and (max-width:767px){
  footer.site-footer .level-1-footer section{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: flex;
    justify-content: center;
    text-align: center;
  }

  footer.site-footer section:nth-child(4){
    flex-direction: row;
    justify-content: space-around;
  }

}

/*--------------------------------------------------------------
# PAGE D'ACCUEIL // HOMEPAGE
--------------------------------------------------------------*/
.home .header_home{
  position: absolute;
  overflow: hidden;
  width: 100%;
  padding-top: 65.25%;
}

.home .header_home img{
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  margin-bottom: -80px;
  /* max-height: 1000px; */
  max-width: fit-content;
  aspect-ratio: 1500/ 610;
}

.home .header_home .slider-home-image{
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  margin-bottom: -80px;
  max-height: 1000px;
}

.home .header_home .slider-home-image .slick-slide > div{
  height: 1000px;
}
 

.home .header_home svg{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  z-index: 1;
}

.home .header_home iframe{
  position: absolute;
  top: -70px;
  width: 100%;
  height: 55.6vw;
  /* max-width: initial; */
  /* min-height: 1000px; */
}

.home .header_home + .container{
  position: relative;
  padding-top: 260px;
  z-index: 9;
}

.home .moteur-general{
  margin-bottom: 80px;
}

@media screen and (min-width:1700px) {
  .home .moteur-general{
    margin-bottom: 175px;
  }
}

.home .moteur-general .wrapper-moteur{
  background-color: white;
  border-radius: 0px 50px 0px 50px;
}

.home .moteur-general .wrapper-moteur .row{
  border-radius: 0px 50px 0px 50px;
  box-shadow: 0px 0px 15px black;
}

.home .moteur-general .wrapper-moteur .title{
  padding: 30px;
  background-color: var(--main-blue);
  border-radius: 0px 0px 0px 50px;
}

.home .moteur-general .wrapper-moteur .title h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  color: white;
  font-weight: 300;
  margin: 0;
}

.home .moteur-general .wrapper-moteur .title h2 span{
  font-weight: 900;
}

.home .moteur-general .wrapper-moteur .search{
  display: flex;
  flex-direction: column;
  padding: 30px;
}


.home .moteur-general .wrapper-moteur .search form{
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  margin-bottom: 30px;
}

.home .moteur-general .wrapper-moteur .search form input,
.home .moteur-general .wrapper-moteur .search form button{
  height: 55px;
  border: 0;
}

.home .moteur-general .wrapper-moteur .search form button{
  width: 55px;
  color: var(--main-blue);
  font-size: 28px;
  transform: rotate(90deg);
  border-radius: 28px;
}

.home .moteur-general .wrapper-moteur .search form input{
  font-weight: 300;
  font-style: italic;
  font-size: 2.0rem;
  line-height: 1.8rem;
  background-color: transparent;
  border-radius: 28px 0 0 28px;
  white-space: nowrap;
  overflow: hidden;
}


/* .line-1{
  position: relative;
  top: 50%;  
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255,255,255,.75);
  font-size: 180%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);    
} */

/* Animation */
.home .moteur-general .wrapper-moteur .search form input{
animation: typewriter 4s steps(44) 1s 1 normal both,
           blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
from{width: 0;}
to{width: 24em;}
}
@keyframes blinkTextCursor{
from{border-right-color: rgba(255,255,255,.75);}
to{border-right-color: transparent;}
}



.home .moteur-general .wrapper-moteur .wraper-links{
  justify-content: space-between;
}

.home .moteur-general .wrapper-moteur .wraper-links .link-search{
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #ecedec;
  border-radius: 28px;
  padding: 0 15px;
  font-size: 2.0rem;
  line-height: 1.8rem;
  transition: all 0.3s ease-in-out;
}

.home .moteur-general .wrapper-moteur .wraper-links .link-search:hover{
  text-decoration: none;
  color: var(--main-blue);
}

@media screen and (max-width:990px){
  .home .moteur-general .wrapper-moteur .title h2 br{
    display: none;
  }

  .home .moteur-general .wrapper-moteur .title{
    border-radius: 0px 50px 0px 00px;
  }
}

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

  .home .moteur-general .wrapper-moteur .search form button {
    width: 55px;
    color: var(--main-blue);
    font-size: 28px;
    transform: rotate(90deg);
    border-radius: 28px;
    position: absolute;
    right: 0;
  }

  .home .moteur-general .wrapper-moteur .wraper-links{
    flex-wrap: wrap;
  }

  .home .moteur-general .wrapper-moteur .wraper-links a{
    margin-bottom: 15px;
  }

}

.home #menu-menu-en-1-clic{
  margin-bottom: 60px;
}

.home #menu-menu-en-1-clic .menu-image-title{
  font-size: 1.8rem;
  line-height: 2.0rem;
  font-weight: bold;
  text-transform: uppercase; 
  text-align: center;
  margin-top: 20px;
  width: 100%;
  display: block;
  padding: 0;
}

@media screen and (max-width:767px){
  .home #menu-menu-en-1-clic .slick-dots{
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    margin-top: 15px;
  } 

  .home #menu-menu-en-1-clic .slick-dots li{
    padding: 0 5px;
  }
  
  .home #menu-menu-en-1-clic .slick-dots button{
    width: 15px;
    height: 15px;
    font-size: 0;
    background: #b8b8b8;
    border-radius: 15px;
    transition: all .3s ease-in-out;
    } 

    .home #menu-menu-en-1-clic .slick-dots li:hover button,
    .home #menu-menu-en-1-clic .slick-dots .slick-active button{
      background-color:var(--main-blue);
    }

    .home #menu-menu-en-1-clic li.menu-item{
      display: flex !important;
      justify-content: center;
    }
}

.home .home-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 4.0rem;
  line-height: 4.0rem;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
}

.home .home-title::after{
  content: "";
  display: block;
  margin-top: 15px;
  width: 105px;
  height: 27px;
  background-image: url('./images/vague_after.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.home .actualites .home-title{
  margin-bottom: 25px;
}

.home .actualites article .thumbnail-wrapper img{
  width: 100%;
  height: 225px;
  object-fit: cover;
}

.home .actualites article{
  position: relative;
  display: flex;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px -15px 16px #0000000f;
}
.home .actualites article .thumbnail-inner{
  flex-grow: 1;
  flex-basis: inherit;
}
.home .actualites article .thumbnail-wrapper{
  flex-basis: inherit;
}

.home .actualites article .first-plan{
  padding: 20px;
  min-height: 200px;
}

.home .actualites article .first-plan h3{
  font-size: 2.6rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
}

.home .actualites article .first-plan .date{
  color: #b8b8b8;
  font-size: 1.8rem;
  line-height: 2.0rem;
}

.home .actualites article .second-plan{
  background-color: white;
  position: absolute;
  transition: all 0.5s ease-in-out;
  top: calc(100% + 25px);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.home .actualites .col-md-3 article .second-plan{
  height: 275px;
}

.home .actualites article:hover .second-plan{
  top: calc( 100% - 260px);
  padding: 20px;
  min-height: 260px;
}

.home .actualites .col-md-3 article:hover .second-plan{
  top: calc( 100% - 275px);
}

.home .actualites article .second-plan .excerpt{
  font-size: 1.8rem;
}

.home .actualites article .second-plan .link-article{
  align-self: flex-start;
  color: var(--main-green);
}

.home .actualites article .second-plan .fake-link-article{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  margin-top: -45px;
  min-height: 50px;
  background-color: var(--main-green);
  border-radius: 50%;
  color: white;
  padding: 12px;
  margin-bottom: 15px;
}

.home .actualites .link-archive{
  min-height: 55px;
  margin: 50px 0;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 17px 30px ;
  text-transform: uppercase;
}

.home .actualites .link-archive:hover{
  background-color: white;
  color: var(--main-green);
  text-decoration: none;
}

@media screen and (max-width:990px){
  .home .actualites article.article_une{
    margin-bottom: 30px;
  }
}

.home section.agenda{
  background-image: url("./images/bg_agenda.png");
  background-size: 100% 100%;
  background-repeat: none;
}

.home .agenda .home-title{
  color: white;
  padding-top: 60px;
  padding-bottom: 30px;
}

.home .agenda .home-title::after{
  filter: brightness(0) invert(1);
}

.home .agenda  .trie-agenda{
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.home .agenda  .trie-agenda li{
  padding: 0 15px;
}

.home .agenda  .trie-agenda li a{
  color: white;
  font-size: 2.0rem;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.home .agenda  .trie-agenda li a:hover{
  text-decoration: none;
  color: black;
}

.home .agenda .link-archive{
  min-height: 55px;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: var(--main-blue);
  background-color: white;
  border: 1px solid white;
  border-radius: 28px;
  padding: 17px 30px ;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}


.home .agenda .link-archive:hover{
  color: white;
  background-color: var(--main-blue);
  text-decoration: none;
}

.home .agenda #slider-agenda-home .slick-arrow{
  position: absolute;
  top: 50%;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 3.0rem;
}

.home .agenda #slider-agenda-home .slick-next{
  right: -40px;
  color: white;
}

.home .agenda #slider-agenda-home .slick-prev{
  left: -40px;
  color: white;
}

#slider-agenda-home .slick-track{
  display: flex;
}

.home .agenda #slider-agenda-home .slick-slide{
  height: inherit;
}

.home .agenda #slider-agenda-home .slick-slide article .inside-wrapper ,
.home .agenda #slider-agenda-home .slick-slide article,
.home .agenda #slider-agenda-home .slick-slide > div{
  height: 100%;
}

.home .agenda article{
  padding: 0 15px;
  height: 100%;
}

.home .agenda article .inside-wrapper{
  position: relative;
  padding: 5px;
  box-shadow: 0px 0px 11px #0003;
  min-height: 100%;
  background-color: white;
}

.home .agenda article .page-thumbnail-wrapper{
  position: relative;
  height: 180px;
  flex-basis: inherit;
}

.home .agenda article .page-thumbnail-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #00000059;
}

.home .agenda article .page-thumbnail-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home .agenda article .page-thumbnail-wrapper .date-event-wrapper{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.home .agenda article .page-thumbnail-wrapper .date-event-wrapper div{
  display: flex;
  flex-direction: column;
}

.home .agenda article .page-thumbnail-wrapper .date-event-wrapper div .number{
  font-size: 6.0rem;
  font-weight: 900;
  color: white;
  line-height: 5.5rem;
  text-align: center;
}

.home .agenda article .page-thumbnail-wrapper .date-event-wrapper div .moi-txt{
  font-size: 3.5rem;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  line-height: 3.0rem;
  text-align: center;
}

.home .agenda article .page-thumbnail-wrapper .date-event-wrapper i{
  margin: 0 15px;
  font-size: 35px;
  color: white;
}

.home .agenda article .archive-content{
  padding: 5px;
  padding-top: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
}

.home .agenda article .archive-content .taxo-article{
  font-size: 1.8rem;
  line-height: normal;
  margin: 0;
  color: var(--main-blue);
}

.home .agenda article .archive-content h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
}

.home .agenda article .archive-content div{
  justify-content: space-between;
}

.home .agenda article .archive-content div i{
  font-size: 2.1rem;
  color: var(--main-green);
}


.home .agenda article:hover .archive-content h2{
  color: var(--main-green);
}

@media screen and (max-width:767px){
  .home .agenda article{
    margin-bottom: 30px;
  }

  .home .agenda .link-archive{
    border: 1px solid var(--main-blue);
  }

  .home .agenda .wrapper-trie{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

  .home .agenda .wrapper-trie::after {
    content: "\e810";
    width: 30px;
    height: 30px;
    font-family: "bdt-icon";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: calc(50% - 135px);
    top: calc(50% - 15px);
    transform: rotate(-90deg);
    pointer-events: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }

  .home .agenda .wrapper-trie select{
    min-width: 300px;
    height: 55px;
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    border-radius: 28px;
    border: 1px solid #a9a9a9;
    padding: 0 20px;
    background-color: white;
    appearance: none;
    cursor: pointer;
  }

  .home section.agenda {
    background-image: url("./images/bg_agenda.png");
    background-size: auto 900px;
    background-repeat: no-repeat;
    background-position: top left;
  }
}

.home .demarches .home-title{
  margin-top: 30px;
}

.home .demarches .wrapper-demarches{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.home .demarches .wrapper-demarches article{
  position: relative;
}

.home .demarches .wrapper-demarches article > div {
  padding: 10px 15px;
  /* box-shadow: 0px 0px 16px #0003; */
}

.home .demarches .wrapper-demarches article .page-thumbnail-wrapper{
  display: flex;
  align-items: center;
  padding-right: 15px;
}

.home .demarches .wrapper-demarches article .page-thumbnail-wrapper img{
  min-width: 80px;
}

.home .demarches .wrapper-demarches article .wrapper-info > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.home .demarches .wrapper-demarches article .cat{
  font-size: 1.8rem;
  color: var(--main-blue);
  line-height: 3.0rem;
  margin: 0;
}

.home .demarches .wrapper-demarches article h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
}

.home .demarches .link-archive {
  min-height: 55px;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 17px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.home .demarches .link-archive:hover{
  background-color: white;
  color: var(--main-green);
  text-decoration: none;
}

@media screen and (max-width:990px){
  .home .demarches .wrapper-demarches{
    flex-direction: column;
  }

  .home .demarches .wrapper-demarches article:not(:last-child){
    margin-bottom: 15px;
  }
}



.carte-svg{
  margin-top: 30px;
  background-image: url("./images/fond_carte.png");
  background-size: 100% 100%;
  background-repeat: none;
  min-height: 810px;
}

.carte-svg .home-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-size: 4.0rem;
  line-height: 4.0rem;
  font-weight: 900;
  color: black;
  text-transform: uppercase;
}

.carte-svg .home-title::after {
  content: "";
  display: block;
  margin-top: 15px;
  width: 105px;
  height: 27px;
  background-image: url('./images/vague_after.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.carte-svg .carte svg{
  filter: drop-shadow(0 4px 9px #666);
}

.carte-svg .carte #bloc-infos-commune{
  display: flex;
  align-items: flex-end;
}

.carte-svg #bloc-infos-commune article{
  display: none;
}

.carte-svg #bloc-infos-commune article.active{
  display: flex;
  margin-bottom: 90px;
}

.carte-svg .carte #bloc-infos-commune .infos-wrapper{
  padding-left: 15px;
}

.carte-svg .carte #bloc-infos-commune .infos-wrapper *{
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.carte-svg .carte #bloc-infos-commune .infos-wrapper .nom-contact{
  font-weight: 600;
}

.carte-svg .carte #communes .communes-carte.active{
  opacity: 0;
}

.carte-svg .carte #communes text{
  text-transform: uppercase;
  font-family: "Roboto";
  font-size: 1.4rem;
  filter: brightness(0%);
}

.carte-svg .carte circle.active{
  filter: brightness(100);
  fill: none;
  stroke: url(#SVGID_1_);
  stroke-width: 3;
  stroke-miterlimit: 10;
}


.carte-svg .carte .title-svg{
  display: none;
}

.carte-svg .carte .title-svg.active{
  display: block;
}

.carte-svg .moteur{
  display: flex;
  flex-direction: column;
  margin-top: 90px;
}

.carte-svg .home-title{
  margin-bottom: 50px;
}

.carte-svg .moteur .wrapper-moteur-carte .moteur-group{
  background-color: var(--main-blue);
  color: white;
  padding: 25px 30px;
  border-radius: 0px 60px 0px 00px;
  position: relative;
}

.carte-svg .moteur .wrapper-moteur-carte .moteur-group label{
  font-size: 2.5rem;
  line-height: 3.0rem;
  font-weight: bold;
}

.carte-svg .moteur .wrapper-moteur-carte .moteur-group label::after {
  content: "\e810";
  width: 30px;
  height: 30px;
  font-family: "bdt-icon";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 50px;
  bottom: 37px;
  color: var(--main-blue);
  transform: rotate(-90deg);
  pointer-events: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.carte-svg .moteur .wrapper-moteur-carte .moteur-group select{
  width: 100%;
  height: 55px;
  font-size: 2.0rem;
  font-weight: normal;
  color: #a9a9a9;
  border-radius: 28px;
  border: 1px solid #a9a9a9;
  padding: 0 20px;
  background-color: white;
  appearance: none;
  cursor: pointer;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune{
  width: 100%;
  padding: 30px 20px;
  border-radius: 0px 00px 0px 60px;
  background-color: white;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune h3{
  font-weight: 900;
  text-transform: uppercase;
  color: black;
  font-size: 2.0rem;
  line-height: 2.5rem;
  margin: 0;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune .d-flex{
  margin-bottom: 30px;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune h4{
  font-size: 2.0rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: var(--main-blue);
  margin: 0;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune p,
.carte-svg .moteur #bloc-infos-commune .fiche-commune a{
  font-size: 2.0rem;
  line-height: 2.5rem;
  margin: 0;
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune a.link-article{
  display: inline-block;
  min-height: 53px;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 15px 12px;
  text-transform: uppercase;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
}
.carte-svg .moteur #bloc-infos-commune .fiche-commune a.link-article.first{
  margin-right: 5px;
}
.carte-svg .moteur #bloc-infos-commune .fiche-commune a.link-article.blue{
  background-color: var(--main-blue);
  border-color: var(--main-blue);
}

.carte-svg .moteur #bloc-infos-commune .fiche-commune a.link-article:hover {
  color: var(--main-green);
  background-color: white;
  text-decoration: none;
}
.carte-svg .moteur #bloc-infos-commune .fiche-commune a.link-article.blue:hover {
  color: var(--main-blue);
}

@media screen  and (max-width:990px){
  .carte-svg .moteur{
    margin-top: -125px;
  padding-bottom: 30px;
  }

  .carte-svg {
    margin-top: 30px;
    background-image: url("./images/fond_carte.png");
    background-size: 155% 80%;
    background-repeat: no-repeat;
    min-height: 698px;
    background-position: bottom;
  }

  .carte-svg .home-title{
    padding-top: 50px;
    margin-bottom: -100px;
  }
}

@media screen and (max-width:450px){
  .carte-svg .moteur .wrapper-moteur-carte .moteur-group select{
   font-size: 1.7rem; 
  }

  .carte-svg .moteur{
    margin-top: -60px;
  }
}

.home section.kiosque{
  padding-top: 60px;
  padding-bottom: 50px;
  background-image: url("./images/fond-kiosque.png");
  background-size: 100% 100%;
  background-repeat: none;
  min-height: 570px;
}

.home section.kiosque .title-section{
  font-size: 4.0rem;
  line-height: 4.0rem;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  margin-bottom: 35px;
}

.home section.kiosque article .page-thumbnail-wrapper{
  display: flex;
  align-items: center;
}

.home section.kiosque article .page-thumbnail-wrapper img{
  height : 420px;
  width: 100%;
  object-fit: cover;
}

.home section.kiosque article .wrapper-info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home section.kiosque article .wrapper-info h3{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  margin: 0;
}

.home section.kiosque article .wrapper-info .date{
  font-size: 2.5rem;
  line-height: 3.0rem;
  color: white;
}

.home section.kiosque article .wrapper-info .links{
  display: flex;
  flex-direction: column;
} 

.home section.kiosque article .wrapper-info .links a{
  display: flex;
  justify-content: space-between;
  height: 55px;
  background-color: white;
  border-radius: 28px;
  color: var(--main-blue);
  margin-top: 20px;
  padding: 18px 15px;
  font-size: 2.0rem;
  line-height: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--main-blue);
  border: 1px solid var(--main-blue);
}

.home section.kiosque article .wrapper-info .links a i::before{
  font-weight: bold;
}

.home section.kiosque article .wrapper-info .links a:hover{
  color: white;
  border: 1px solid white;
  background-color: var(--main-blue);
  text-decoration: none;
}

.home section.kiosque #navigation-rs li{
  margin-right: 10px;
}

.home section.kiosque .rs-newsletter-bloc{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: -25px;
}

.home section.kiosque .rs-newsletter-bloc #mailjet-widget-title-wrap{
  display: none;
}

.home section.kiosque .rs-newsletter-bloc .newsletter .title-section{
  color: black;
  margin-bottom: 1.5rem;
}

.home section.kiosque .rs-newsletter-bloc .newsletter .formulaire{
  display: flex;
  flex-direction: column;
}

.home section.kiosque .rs-newsletter-bloc .newsletter .formulaire p{
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
} 

.home section.kiosque .rs-newsletter-bloc .newsletter .formulaire .inscription_newsletter{
  width: fit-content;
  display: inline-block;
  min-height: 55px;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 17px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
}

.home section.kiosque .rs-newsletter-bloc .newsletter .formulaire .inscription_newsletter:hover {
  color: var(--main-green);
  background-color: white;
  text-decoration: none;
}

@media screen and (max-width:990px){
  .home section.kiosque {
    padding-top: 60px;
    padding-bottom: 50px;
    background-image: url("./images/fond-kiosque-mobile.png");
    background-size: 100% 100%;
    background-repeat: none;
    min-height: 570px;
  }

  .home section.kiosque .kiosque-bloc,
  .home section.kiosque .wrapper-rs{
    margin-bottom: 150px;
  }

  .home section.kiosque .title-section{
    text-align: center;
  }

  .home section.kiosque #menu-menu-reseaux-sociaux{
    justify-content: center;
  }
  
}

@media screen and (max-width:650px){
  .newsletter .formulaire{
    border: none;
    text-align: center;
    align-items: center;
  }

  .newsletter .formulaire .mo-optin-form-wrapper .columbine-form #OgjGuRuKeW_inpost_email_field{
    border: 1px solid black !important;
    border-radius: 28px !important;
  }
}

@media screen and (max-width:550px){
  .home section.kiosque article .wrapper-info h3{
    font-size: 2.0rem;
    line-height: 2.5rem;
  }

  .home section.kiosque article .wrapper-info .date{
    font-size: 1.7rem;
    line-height: 2.0rem;
  }

  .home section.kiosque article .wrapper-info .links a{
    font-size: 1.4rem;
  }
}
/*--------------------------------------------------------------
# PAGE STANDARD / HEADER PAGE STANDARD
--------------------------------------------------------------*/
.header_inner {
  position: relative;
  min-height: 375px;
  display: flex;
  justify-content: center;
  background-color: white;
  margin-bottom: -2px;
}

.header_inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: #00000030;
}


.header_inner h1{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 70px 0;
  font-size: 5.0rem;
  font-weight: 900;
  line-height: 5.0rem;
  text-transform: uppercase;
  color: white;
  text-align: center;
  z-index: 4;
}

.header_inner h1::after{
  content: "";
  display: block;
  margin-top: 15px;
  width: 105px;
  height: 25px;
  background-image: url('./images/vague_after.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.header_inner svg{
  position: absolute;
  z-index: 3;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}

.header_inner img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

@media screen and (max-width:1200px){
  .header_inner {
    min-height: 325px;
  }
}


@media screen and (max-width:990px){
  .header_inner {
    min-height: 325px;
  }
}


@media screen and (max-width:767px){
  .header_inner {
    min-height: 250px;
  }
  .header_inner svg{
    display: none;
  }
}


#fil-dariane{
  position: relative;
  padding: 30px 0;
  background-color: white;
  z-index: 10;
}

#fil-dariane .breadcrumb{
  background-color: transparent;
  color: #000;
  font-size: 1.8rem;
  line-height: 2.0rem;
  font-weight:500;
  padding: 0;
}

#fil-dariane .breadcrumb br{
  display: none;
}

#fil-dariane .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #000;
  font-size: 2.0rem;
  line-height: 2.0rem;
  font-weight: bold;
}

#fil-dariane .breadcrumb li::after {
  display: none;
}

#fil-dariane .breadcrumb .breadcrumb-item.active{
  color: var(--main-blue);
}

/*--------------------------------------------------------------
# POPUP RECHERCHER 
--------------------------------------------------------------*/
 
#popup-search.modal {
	padding-right: 0 !important;
}

#popup-search .modal-dialog {
    margin: 0;
    background: #fff;
    max-width: none;
}

#popup-search .modal-dialog .modal-content{
  border: none;
}

#popup-search .modal-dialog .label-wrapper{
  display: flex;
  padding: 34px 30px 10px 60px;
  align-items: center;
  background-color: var(--main-blue);  
}

#popup-search .modal-dialog label{
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 25px;
  color: #fff;
  font-weight: 900;
  font-size: 2.7rem;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 4px;
}

#popup-search .modal-dialog label span{
  display: block;
  width: 100%;
  letter-spacing: 4px;
}

#popup-search .modal-dialog .input-wrapper{
  display: flex;
  max-width: 700px;
  padding-left: 50px;
  align-items: center;
}

#popup-search .modal-dialog .input-wrapper button{
  position: relative;
  margin-bottom: 18px;
  padding: 0;
  margin-left: 25px;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: #fff;
  background-color: var(--main-blue);
  border-radius: 50%;
  font-size: 1.6rem;
}

#popup-search .modal-dialog .input-wrapper button:hover,
#popup-search .modal-dialog .input-wrapper button:focus{
  color: #11659d;
  background-color: #fff;
}

#popup-search .modal-dialog .input-wrapper button i{
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}

#popup-search .modal-dialog .input-wrapper input{
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #818181;
  color: white;
  font-weight: 900;
  font-size: 2.7rem;
  background-color: #353535;
}

#popup-search .modal-dialog .input-wrapper input:placeholder-shown,
#popup-search .modal-dialog .input-wrapper input::placeholder{
  color: white;
}

#popup-search .modal-dialog .input-group{
  background-color: #353535;
  z-index: 1050;
}

body.admin-bar #popup-search .modal-dialog {
	margin-top: 32px; /* décale la popup si admin bar active */
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.51);
  
}

body.admin-bar #popup-search .modal-dialog .modal-content{
  position: relative;
  border: none;
}

#popup-search .close {
	font-weight: 400;
    opacity: 1;
    position: fixed;
    right: 60px;
  top: 60px;
  z-index: 1050;
}

body.admin-bar #popup-search .close{
  top: 38px;
  padding: 15px;
  font-size: 50px;
  font-weight: bold;
  color: white;
  border: 1px solid white;
  line-height: 22px;
  padding-bottom: 23px;
}

/* body #popup-search .close::after{
  content: "\e829";
  display: block;
  font-size: 36px;
  font-family: 'bdt-icon';
  color: #fff;
  text-shadow: none;
} */

body #popup-search .close span{
  display: none;
}

#popup-search .close span{
  color: #818181;
  text-shadow: none;
}

#popup-search .awesomplete {
	width: calc( 100% - 4rem ); /* pour laisser la place à la loupe à droite */
}

.awesomplete>input[type=search] {
	width: 100%;
}

@media screen and (max-width:1199px){
  #popup-search .close{
    top: 78px;
   right: 40px;
  }

  body.admin-bar #popup-search .close {
    top: 106px;
  }

  #popup-search .modal-dialog .label-wrapper{
    padding-left: 40px;
  }
}

@media screen and (max-width:767px){
  #popup-search .close{
    top: 38px;
   right: 20px;
  }

  body.admin-bar #popup-search .close {
    top: 66px;
  }

  #popup-search .modal-dialog .input-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #popup-search .modal-dialog .input-wrapper input{
    font-size: 2rem;
  }
}


/*--------------------------------------------------------------
# SIDEBAR // ASIDE // SECONDARY
--------------------------------------------------------------*/
#secondary,
.content-wsidebar{
  padding-top: 40px;
}
#secondary .section-sidebar{
  padding: 25px 20px;
  box-shadow: 0px 0px 29px #0003;
  margin-bottom: 25px;
}

#secondary .section-sidebar .sidebar-section-title{
  font-size: 3.0rem;
  line-height: 3.0rem;
  color: var(--main-blue);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#secondary .zc-contact h3{
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: bold;
  color: black;
  margin: 0;
}

#secondary .zc-contact .entry-content *{
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0;
}

#secondary .zc-alire .sidebar-section-title{
  margin-bottom: 20px;
}

#secondary .zc-alire .content_lirea{
  display: flex;
  flex-direction: column;
}

#secondary .zc-alire .content_lirea .group-link{
  position: relative;
  padding: 10px 25px;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 25px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}

#secondary .zc-alire .content_lirea .group-link:hover{
  background-color: white;
}

#secondary .zc-alire .content_lirea .group-link i,
#secondary .zc-alire .content_lirea .group-link h3{
  margin: 0;
  color: white;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 3.0rem;
  transition: all 0.3s ease-in-out;
}

#secondary .zc-alire .content_lirea .group-link i{
  font-size: 26px;
  color: white;
  line-height: 20px;
  margin-right: -5px;
}

#secondary .zc-alire .content_lirea .group-link:hover i,
#secondary .zc-alire .content_lirea .group-link:hover h3{
  color: var(--main-green);
}



#secondary .zc-actu article .wrapper-article .page-thumbnail-wrapper img{
  width: 100%;
  height: 180px;
  object-fit: cover;
}

#secondary .zc-actu article .wrapper-article .archive-content{
  padding: 5px;
  padding-top: 10px;
}

#secondary .zc-actu article .wrapper-article .archive-content .taxo-article{
  font-size: 1.8rem;
  line-height: normal;
  margin: 0;
  color: var(--main-blue);
}

#secondary .zc-actu article .wrapper-article .archive-content .entry-title{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
}

#secondary .zc-actu article:hover .wrapper-article .archive-content .entry-title{
  color: var(--main-green);
}

#secondary .zc-kiosque article,
#secondary .zc-kiosque article > div{
  width: 100%;
}

#secondary .zc-kiosque article .page-thumbnail-wrapper{
  background-color: var(--main-blue);
  width: 100%;
  height: 180px;
} 
 
#secondary .zc-kiosque article .page-thumbnail-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#secondary .zc-kiosque article .page-thumbnail-wrapper img.standard-icon{
  object-fit: contain;
  padding: 40px;
}

#secondary .zc-kiosque article .wrapper-info{  
  padding: 5px;
  padding-top: 10px;
}

#secondary .zc-kiosque article .wrapper-info .d-flex{
  justify-content: space-between;
}

#secondary .zc-kiosque article .wrapper-info .cat{
  margin: 0;
  color: var(--main-blue);
  font-size: 1.8rem;
}

#secondary .zc-kiosque article .wrapper-info .type{
  color: #a3a3a3;
  font-size: 1.8rem;
}

#secondary .zc-kiosque article .wrapper-info h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
  transition: all 0.3s ease-in-out;
}

#secondary .zc-kiosque article:hover .wrapper-info h2{
  color: var(--main-green);
}

#secondary .zc-kiosque article .wrapper-info .bouton_dl{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  color: white;
  margin: 15px 0;
  transition: all 0.3s ease-in-out;
}

#secondary .zc-kiosque article .wrapper-info .bouton_dl:hover{
  color: var(--main-green);
  background-color: white;
}


/*--------------------------------------------------------------
# MENU 1 CLIC // EN 1 CLIC 
--------------------------------------------------------------*/
#menu-menu-en-1-clic-1 .menu-image,
#menu-menu-en-1-clic .menu-image{
  position: absolute;
  top: 0;
  height: 100px;
  padding: 30px;
}

#menu-menu-en-1-clic-1 .nav-link,
#menu-menu-en-1-clic .nav-link{
  position: relative;
  max-width: 135px;
  padding: 0;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#menu-menu-en-1-clic-1 .nav-link::before,
#menu-menu-en-1-clic .nav-link::before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: linear-gradient(51deg, var(--main-green), var(--main-blue));
  border-radius: 50%;
}

#menu-menu-en-1-clic{
  justify-content: space-between;
}

#menu-menu-en-1-clic-1{
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 100px;
}


/*--------------------------------------------------------------
# ARCHIVE ACTUS / ACTUALITES / POST
--------------------------------------------------------------*/
.archive-actu #results article{
  margin-bottom: 30px;
}

.archive-actu #results article .wrapper-article{
  padding: 5px;
  box-shadow: 0px 0px 29px #0003;
  height: 100%;
}

.archive-actu #results article .wrapper-article .page-thumbnail-wrapper img{
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.archive-actu #results article .wrapper-article .archive-content{
  padding: 5px;
  padding-top: 10px;
}

.archive-actu #results article .wrapper-article .archive-content .taxo-article{
  font-size: 1.8rem;
  line-height: normal;
  margin: 0;
  color: var(--main-blue);
}

.archive-actu #results article .wrapper-article .archive-content .entry-title{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
}

.archive-actu #results article:hover .wrapper-article .archive-content .entry-title{
  color: var(--main-green);
}


/*--------------------------------------------------------------
# CPT EVENEMENT // AGENDA / ARCHIVE EVENT
--------------------------------------------------------------*/

.agenda #results article{
  margin-bottom: 30px;
}

.agenda #results article .inside-wrapper{
  position: relative;
  padding: 5px;
  box-shadow: 0px 0px 29px #0003;
  height: 100%;
}

.agenda #results article .page-thumbnail-wrapper{
  position: relative;
  height: 180px;
}

.agenda #results article .page-thumbnail-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #00000059;
}

.agenda #results article .page-thumbnail-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agenda #results article .page-thumbnail-wrapper .date-event-wrapper{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.agenda #results article .page-thumbnail-wrapper .date-event-wrapper div{
  display: flex;
  flex-direction: column;
}

.agenda #results article .page-thumbnail-wrapper .date-event-wrapper div .number{
  font-size: 6.0rem;
  font-weight: 900;
  color: white;
  line-height: 5.5rem;
  text-align: center;
}

.agenda #results article .page-thumbnail-wrapper .date-event-wrapper div .moi-txt{
  font-size: 3.5rem;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  line-height: 3.0rem;
  text-align: center;
}

.agenda #results article .page-thumbnail-wrapper .date-event-wrapper i{
  margin: 0 15px;
  font-size: 35px;
  color: white;
}

.agenda #results article .archive-content{
  padding: 5px;
  padding-top: 10px;
}

.agenda #results article .archive-content .taxo-article{
  font-size: 1.8rem;
  line-height: normal;
  margin: 0;
  color: var(--main-blue);
}

.agenda #results article .archive-content h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
  padding: 10px 0;
  transition: all 0.3s ease-in-out;
}

.agenda #results article:hover .archive-content h2{
  color: var(--main-green);
}

.single-agenda .taxo-article{
  font-weight: 700;;
  color: var(--main-green);
}
.single-agenda .date-event-wrapper *{
  color: var(--main-blue);
  font-size: 2rem;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.wp-pagenavi{
  width: 100%;
  display: flex;
  justify-content: center;
}

.wp-pagenavi span,
.wp-pagenavi a{
  border: none;
  font-weight: bold;
}

.wp-pagenavi a:hover, 
.wp-pagenavi span.current{
  color: var(--main-green);
  text-decoration: none;
}

.wp-pagenavi a.previouspostslink{
  margin-right: 20px;
}
.wp-pagenavi a.nextpostslink{
  margin-left: 20px;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
  display: inline-flex;
  width: 38px;
  height: 38px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
  background-color: var(--main-green);
  border: 2px solid var(--main-green);
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.previouspostslink:focus,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.nextpostslink:focus{
  background-color: #fff;
  color: var(--main-green);
}
/*--------------------------------------------------------------
# DOCUTHEQUE // KIOSQUE 
--------------------------------------------------------------*/
.docutheque .ressource-select{
  display: flex;
  justify-content: center;
  position: relative;
  padding: 30px 0;
}

.docutheque .ressource-select .dropdown-menu{
  width: 350px;
  font-size: 3.0rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.docutheque .ressource-select #dropdownTyperessource{
  position: relative;
  width: 350px;
  border-bottom: 1px solid black;
  text-align: left;
  font-size: 3.0rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.docutheque .ressource-select #dropdownTyperessource::after{
  content: "\e810";
  width: 30px;
  height: 30px;
  font-family: "bdt-icon";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0px;
  top: calc(50% - 15px);
  transform: rotate(-90deg);
  pointer-events: none;
  cursor: pointer;
  border: 0;
  transition: all 0.3s ease-in-out;
}

.docutheque #results article{
  margin-bottom: 30px;
}

.docutheque #results article > div{
  padding: 5px;
  box-shadow: 0px 0px 29px #0003;
  height: 100%; 
  width: 100%;
  display: flex;
  flex-direction: column;
}

.docutheque #results article .page-thumbnail-wrapper{
  max-height: 180px;
  background-color: var(--main-blue);
  width: 100%;
  height: 180px;
} 
 
.docutheque #results article .page-thumbnail-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.docutheque #results article .page-thumbnail-wrapper img.standard-icon{
  object-fit: contain;
  padding: 40px;
}

.docutheque #results article .wrapper-info{  
  display: flex;
  padding: 5px;
  padding-top: 10px;
  flex-grow: 1;
  flex-shrink: 1;
}

.docutheque #results article .wrapper-info > div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.docutheque #results article .wrapper-info .d-flex{
  justify-content: space-between;
}

.docutheque #results article .wrapper-info .cat{
  margin: 0;
  color: var(--main-blue);
  font-size: 1.8rem;
}

.docutheque #results article .wrapper-info .type{
  color: #a3a3a3;
  font-size: 1.8rem;
}

.docutheque #results article .wrapper-info h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
  transition: all 0.3s ease-in-out;
}

.docutheque #results article:hover .wrapper-info h2{
  color: var(--main-green);
}

.docutheque #results article .wrapper-info .bouton_dl{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: var(--main-green);
  color: white;
  margin: 15px 0;
  z-index: 999;
  border: 1px solid var(--main-green);
  transition: all 0.3s ease-in-out;
}

.docutheque #results article .wrapper-info .bouton_dl:hover{
  text-decoration: none;
  color: var(--main-green);
  background-color: white;
}

.single-ressource h2{
  margin-bottom: 30px;
}

.single-ressource .wrapper-picto img{
  max-width: 300px;
}

/*--------------------------------------------------------------
# DOCUMENTS EXTRANET
--------------------------------------------------------------*/
.lougout-wrapper a.logout{
  display: inline-block;
  padding: 11px 15px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  color: white;
  background-color: var(--main-green);
  border-radius: 28px;
  text-transform: uppercase;
  border: 2px solid var(--main-green);;
}
.lougout-wrapper a.logout:hover,
.lougout-wrapper a.logout:focus{
  text-decoration: none;
  background-color: #fff;
  color: var(--main-green);
}

.post-type-archive-docu-extranet .searchandfilter > ul{
  display: flex;
  flex-wrap: wrap;
}
.post-type-archive-docu-extranet .searchandfilter > ul > li{
  margin-right: 10px;
  width: 250px;
}
.post-type-archive-docu-extranet .searchandfilter > ul > li.sf-field-submit,
.post-type-archive-docu-extranet .searchandfilter > ul > li.sf-field-reset{
  width: inherit;
}
.post-type-archive-docu-extranet .searchandfilter input[type="submit"]:hover,
.post-type-archive-docu-extranet .searchandfilter a.search-filter-reset:hover{
  text-decoration: none;
  background-color: var(--main-blue);
  color: #fff;
  cursor: pointer;
  border-color: var(--main-blue);
}
.post-type-archive-docu-extranet article .docu-link{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
}

/*--------------------------------------------------------------
# DEMARCHES EN LIGNE // ARCHIVE DEMARCHES
--------------------------------------------------------------*/

.demarches-en-ligne #results article{
  margin-bottom: 30px;
}

.demarches-en-ligne #results article > div {
  padding: 10px 15px;
  box-shadow: 0px 0px 16px #0003;
}

.demarches-en-ligne #results article .page-thumbnail-wrapper{
  display: flex;
  align-items: center;
  padding-right: 15px;
}

.demarches-en-ligne #results article .page-thumbnail-wrapper img{
  min-width: 80px;
}

.demarches-en-ligne #results article .wrapper-info > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.demarches-en-ligne #results article .cat{
  font-size: 1.8rem;
  color: var(--main-blue);
  line-height: 3.0rem;
  margin: 0;
}

.demarches-en-ligne #results article h2{
  font-size: 3.0rem;
  line-height: 3.0rem;
  font-weight: bold;
  color: black;
}

/*--------------------------------------------------------------
# TROMBINOSCOPE
--------------------------------------------------------------*/
.page-template-template-trombinoscope .cartouche{
  margin-bottom: 30px;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper{
  margin-bottom: 30px;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper .img-wrapper{
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper .img-wrapper img{
  width: 240px;
  height: 275px;
  object-fit: cover;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper .infos-wrapper .nom{
  font-weight: bold;
  font-size: 2.2rem;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper .infos-wrapper .description{
  font-size: 1.8rem;
}

.page-template-template-trombinoscope .cartouche .elu-wrapper .elu{
  padding: 15px;
  box-shadow: 0px 0px 20px -5px black;
}

/*--------------------------------------------------------------
# FLASH INFO 
--------------------------------------------------------------*/


.jctkr-wrapper,
.jctkr-wrapper *{
  box-sizing: border-box;
}
.jctkr-wrapper{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 35px;
  vertical-align: top;
  overflow: hidden;
}
.jctkr-wrapper ul{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.jctkr-wrapper.jctkr-initialized ul{
  opacity: 1;
}
.jctkr-wrapper ul li{
  display: inline-block;
  font-size: 13px;
  line-height:1.8;
}
.jctkr-label{
  display: inline-block;
}


.flash-info {
	padding: 20px 0;
	box-shadow: 0px 5px 10px 0px rgba(91, 109, 196, 0.2);
}

.flash-titre {
	border-right: 1px solid #c1c1c4;
	width: 4em;
	font-size: 15px;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
  padding-left: 15px;
}
.flash-titre span {
	color: var(--main-green);
}
#flash-infos {
	width: calc( 100% - 6rem );
	padding: 0 10px;
	position: relative;
}
#flash-infos:after {
	content: "";
	position: absolute;
	top: 0; bottom: 0; right: 0; width: 30px;
	background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, #fff 100% ); 
}

#flash-infos ul { list-style: none; margin: 0;}
#flash-infos  li {
	list-style: none;
	font-weight: 600;
	margin-bottom: 0;
	padding: .5em 1em;
}
#flash-infos a {
	color: var(--main-green);
}
#flash-infos a:hover {
	text-decoration: underline;
}
@media screen and (min-width:768px) {
	.flash-titre {
		font-size: 1.9rem;
		width: 16rem;
	}
	#flash-infos {
		width: calc( 100% - 16rem );
	}
}
@media screen and (min-width:992px) {
	.flash-info {
		font-size: 1.5rem;
	}
	#flash-infos  p {
		padding: .5em 1em 1em;
	}
}

@media screen and (max-width:767px) {
  .flash-info{
    margin-top: 50px;
  }
}

/*--------------------------------------------------------------
# PLAN DU SITE
--------------------------------------------------------------*/
.plan-du-site a br{
  display: none;
}

/*--------------------------------------------------------------
# Newsletter inside single
--------------------------------------------------------------*/
.newsletter.inside-single{
  display: flex;
  align-items: flex-end;
  min-height: 228px;
  background-image: url('./images/newsletter_bg_inside.png');
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.newsletter.inside-single h2{
  font-size: 5rem;
  font-weight: bold;
}

.newsletter.inside-single .formulaire{
  display: flex;
  align-items: center;
}

.newsletter.inside-single .formulaire p{
  font-size: 1.8rem;
  line-height: 2.5rem;
} 

.newsletter.inside-single .formulaire .inscription_newsletter{
  margin-left: 15px;
  width: fit-content;
  display: inline-block;
  min-height: 55px;
  text-align: center;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.8rem;
  color: white;
  background-color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 28px;
  padding: 17px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
}

.newsletter.inside-single .formulaire .inscription_newsletter:hover {
  color: var(--main-green);
  background-color: white;
  text-decoration: none;
}

@media screen and (max-width:1199px) {
  .newsletter.inside-single{
    background-position: left bottom;
    background-size: cover;
  }
}
@media screen and (max-width:991px) {
  .newsletter.inside-single .row{
flex-direction: column;
  }

  .newsletter.inside-single h2{
    font-size: 4rem;
    text-align: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:767px) {
  .newsletter.inside-single{
    background-image: none;
  }
  
  .newsletter.inside-single h2{
    margin-bottom: 25px;
    text-align: center;
  }
  .newsletter.inside-single .formulaire{
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px !important;
    display: flex;
    flex-direction: column;
  }
}
/*--------------------------------------------------------------
# Barre accessibilité
--------------------------------------------------------------*/
.site-footer .localize-carto::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-image: url('./images/adresse.png');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.site-footer .partage{
  position: fixed;
  top: 185px;
  right: 0;
  z-index: 9999;
}

.site-footer .partage ul{
  display: block;
  background: #70b3e0;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

.site-footer .partage ul li{
  border-bottom: 1px solid #fff;
}

.site-footer .partage ul li:last-of-type{
  border: none;
}

.site-footer .partage ul li a.localisation{
  filter: invert(100%) sepia(61%) saturate(27%) hue-rotate(55deg) brightness(105%) contrast(100%);
  transition: all .3s ease-in-out;
}
.site-footer .partage ul li a.localisation:hover,
.site-footer .partage ul li a.localisation:focus{
  filter: none;
}
.site-footer .partage ul li a,
.site-footer .partage ul li button{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-size: 1.6rem;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.site-footer .partage ul li a:focus,
.site-footer .partage ul li a:hover,
.site-footer .partage ul li button:focus,
.site-footer .partage ul li button:hover{
  color: #70b3e0;
  background: #fff;
}

.site-footer .partage ul li button sup{
  color: #fff;
}

.site-footer .partage ul li button:focus sup,
.site-footer .partage ul li button:hover sup{
  color: #70b3e0;
}

.site-footer .partage ul li button i{
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.site-footer .partage ul li a:focus i,
.site-footer .partage ul li a:hover i,
.site-footer .partage ul li button:focus i,
.site-footer .partage ul li button:hover i{
  color: #70b3e0;
}


#mailjet-widget-title-wrap,
.newsletter.inside-single #mailjet-widget-title-wrap{
  display: none;
}

#mailjetSubscriptionForm{
  display: flex;
  background-color: white;
}
.mailjet_widget_front_container{
  margin: 0 !important;
}

.mailjet-widget-form-group{
  width: 70%;
  margin: 0 !important;
}
.mailjet-widget-form-group input{
  width: 100%;
  padding-left: 15px;
  height: 55px;
  font-style: italic;
  border: 0;
}

input[type="submit"]{
  width: 30%;
  border-radius: 30px;
  font-size: 17px;
  font-weight: bold;
  background: var(--main-green);
  border: 0;
  color: white;
  text-transform: uppercase;
}

@media screen and (max-width:767px) {
  .site-footer .partage{
    top: 160px;
  }
}