@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@700&family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html
{
	font-size: 1rem;
}


*, body, p, h1, h2, h3,h4, h5, blockquote, span, div, i, strong, em, div, a, ul, li, ol, b, label, select
{
  font-family: "Funnel Sans", sans-serif;

	font-weight: 400;
	color:#0A2E33;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a
{
  font-family: "Funnel Display", sans-serif;
	
}

p, li
{
	font-size: 1rem;
}

li
{
	padding: 0;
}

ul
{
	margin-bottom: 10px;
	margin-top: 10px;
}

sup
{
	font-size: .5em;
	font-weight: normal!important;
}

body
{
	background-color: #F5F5F5;
}

a:not(.bouton):not(.bouton-secondaire):hover
{
	text-decoration: underline;
}

#page
{
	overflow-x: hidden;
}

.fond-clair h1,
.fond-clair h2,
.fond-clair h3,
.fond-clair h4,
.fond-clair h5,
.fond-clair p,
.fond-clair li,
.fond-clair b,
.fond-clair strong,
.fond-clair em,
.fond-clair i
{
	color:#0A2E33;
}


.fond-fonce h1,
.fond-fonce h2,
.fond-fonce h3,
.fond-fonce h4,
.fond-fonce h5,
.fond-fonce p,
.fond-fonce li,
.fond-fonce a:not(.bouton),
.fond-fonce b,
.fond-fonce strong,
.fond-fonce em,
.fond-fonce i,
.fond-bleu h1,
.fond-bleu h2,
.fond-bleu h3,
.fond-bleu h4,
.fond-bleu h5,
.fond-bleu p,
.fond-bleu li,
.fond-bleu b,
.fond-bleu strong,
.fond-bleu em,
.fond-bleu i
{
	color:#F2F7F7;
}

strong, b
{
	font-weight: bold;
}


.blanc
{
	background-color: #fff;
}

.blanc-cloud
{
	background-color: #F2F7F7;
}

.bleu-ecran 
{
	background-color: #0a2e33;
}

.vert-flux
{
	background-color: #00e580;
}

.gris
{
	background-color: #819595;
}

.vert-circuit
{
	background-color: #004f57;
}

.bleu-systeme
{
	background-color: #00bfff;
}

section.contenu
{
	padding: 100px 0;
}


section.blanc+section.blanc
{
	padding-top: 0;
}

#main > :first-child+section.blanc {
	padding: 100px 0;
}


h1
{
	font-family: "Funnel Display";
	font-size: 2.81rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h2
{
	font-family: "Funnel Display";
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h3
{
	font-family: "Funnel Display";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h4
{
	/* H4/bold */
	font-family: "Funnel Display";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h5
{
	/* H5/bold */
	font-family: "Funnel Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

p, li
{
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
}

p.texte-grand
{
	font-family: "Funnel Sans";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;
}

.bouton-vert,
.bouton,
.wpcf7 input[type="submit"]
{

	background: #00E580;
	box-shadow: 0px 2px 8px 0px rgba(0, 229, 128, 0.10);
	color: #0A2E33;
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	padding: 14px 16px;
	position: relative;

	border: 1px solid #00E580;

	  margin-top: 15px;
	padding-left: 40px;
}


.wpcf7 input[type="submit"]
{
	background-image: url('images/carre-submit.svg');
	background-repeat: no-repeat;
	background-position: left 16px center;
}


.bouton-vert::before,
.bouton::before,
.wpcf7 input[type="submit"]::before
{
	position: absolute;
	content: "";
	background: var(--Bleu-principal, #0A2E33);
	width: 13px;
	height: 13px;
	left: 16px;
	top:50%;
	transform: translateY(-50%);


	transition: .3s ease all;
}

.bouton-vert:hover,
.bouton:hover,
.wpcf7 input[type="submit"]:hover
{
	background: #0A2E33;
	color:#00E580;
	box-shadow: 0px 2px 8px 0px rgba(10, 46, 51, 0.10);
}

.wpcf7 input[type="submit"]:hover
{
	background-image: url('images/carre-submit-hover.svg');
	background-repeat: no-repeat;
	background-position: left 16px center;
}

.bouton-vert:hover::before,
.bouton:hover::before,
.wpcf7 input[type="submit"]:hover::before
{
	background: #00E580;
}


.bouton-blanc
{
	background: #F2F7F7;
	box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.10);
	border:none;
}

.bouton-blanc::before
{
	background: #0A2E33;
}

.bouton-blanc:hover
{
	background: #0A2E33;
	box-shadow: 0px 2px 8px 0px rgba(10, 46, 51, 0.10);
	color:#F2F7F7;
}

.bouton-blanc:hover::before
{
	background: #F2F7F7;
}

.bouton+.bouton
{
	margin-left: 30px;
}


.bouton-telephone
{
	background: #F2F7F7;
	box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.10);
	padding-left: 50px;
	border:none;
}

.bouton-telephone::before
{
	background: url('images/picto-telephone.svg') no-repeat center;
	width: 20px;
	height: 20px;
}

.bouton-telephone:hover
{
	background: #0A2E33;
	box-shadow: 0px 2px 8px 0px rgba(10, 46, 51, 0.10);
	color:#F2F7F7;
}

.bouton-telephone:hover::before
{
		background: url('images/picto-telephone-hover.svg') no-repeat center;

}



.bouton-mail
{
	background: #F2F7F7;
	box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.10);
	border:none;
	padding-left: 50px;
}

.bouton-mail::before
{
	background: url('images/picto-mail.svg') no-repeat center;
	width: 21px;
	height: 20px;
}

.bouton-mail:hover
{
	background: #0A2E33;
	box-shadow: 0px 2px 8px 0px rgba(10, 46, 51, 0.10);
	color:#F2F7F7;
}

.bouton-mail:hover::before
{
	background: url('images/picto-mail-hover.svg') no-repeat center;
	
}



.pre-titre
{
	color:#00E580!important;
	font-family: "Funnel Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.bloc-partenaires
{
	/*grid-template-columns: repeat(6, 1fr);
	grid-gap: 30px;
	display: grid;*/
}

.col.fond-bleu
{
	background-color: #004F57;
	border-radius: 10px;
}

.col.fond-bleu .interne-col,
 .col.fond-bleu-clair .interne-col 
 {
  padding: 30px;
}


.col.fond-bleu.col-100 .interne-col,
{
	padding: 60px 100px;
}


.col.fond-bleu-clair
{
	background-color: #00BFFF;
	border-radius: 10px;
}

.col.fond-bleu-clair.fond-image-simple
{
	background-image: url('images/fond-image-simple.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.col.fond-bleu-clair.fond-image-double
{
	background-image: url('images/fond-image-double.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.col.fond-bleu-clair.col-100 .interne-col
{
	padding: 60px 200px;
}

.col img
{
	border-radius: 10px;
}

.titre-demarche-gersois
{
	background: url('images/icon-particulier.svg') no-repeat left 16px center;
	padding: 20px 0;
	padding-left: 72px;
	margin-bottom: 25px;

	border-bottom: 1px solid #00E580;
}

.titre-demarche-collectivite
{
	padding: 20px 0;
	background: url('images/icon-collectivite.svg') no-repeat left 16px center;
	margin-bottom: 25px;
	padding-left: 72px;
	border-bottom: 1px solid #00E580;
}

.bloc-liste-liens a
{
	display: block;

	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);

	padding: 24px 16px;

	color:  #0A2E33;

	/* paragraphe/normal/regular */
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	position: relative;
	margin-bottom: 8px;
	padding-right: 60px;
}

.bloc-liste-liens a::before
{
	content: "";
	position: absolute;
	right: 16px;
	top:50%;
	transform: translateY(-50%);

	width: 30px;
	height: 30px;

	background: url('images/fleche-right.svg') no-repeat center;
}


.bloc-liste-liens a::after
{
	content: "";
	position: absolute;
	right: 16px;
	top:50%;
	transform: translateY(-50%);

	width: 30px;
	height: 30px;

	background: url('images/fleche-right-hover.svg') no-repeat center;
	opacity: 0;

	transition: .3s ease all;
}


.bloc-liste-liens a:hover
{
	color:#00E580;
}
.bloc-liste-liens a:hover::after
{
	opacity: 1;
}


.bloc-liste-liens a:hover::after
{

}

.fond-agenda
{
	background-image: url('images/fond-agenda.jpg');
	background-repeat: no-repeat;

	background-position: center top;
}

.bloc-articles-a-la-une h2
{
	padding-left: 80px;
	background: url('images/en-ce-moment.svg') no-repeat left center;
  	line-height: 40px;
  	margin-bottom: 30px;
}

.bloc-agenda h2
{
	padding-left: 80px;
	background: url('images/agenda-titre.svg') no-repeat left center;
  	line-height: 40px;
  	margin-bottom: 30px;
}

.bloc-articles-a-la-une .a-la-une
{
	background: url('images/fond-une.jpg') no-repeat center; 
	background-size: cover;
	border-radius: 10px;
	padding: 30px;
}

.a-la-une h3,
.a-la-une p,
.a-la-une p a,
.a-la-une h3 a
{
	color:#F2F7F7;
}

.date
{
	font-family: "Funnel Sans";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	padding: 5px 0;
	color:#F2F7F7;
}


.main-category
{
	border-radius: 2px;
	padding: 4px 8px;
	font-family: "Funnel Sans";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
	background: var(--Blanc-principal, #F2F7F7);
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 10px;
	color:#0A2E33;
}

.main-category-single
{
	border: 1px solid #00E580;
	color:#F2F7F7;
	background: none;
}



.mini-listing .item
{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	  position: relative;
	overflow: hidden;
}

.mini-listing .item .vignette
{
	width: 170px;
	height: 100%;
	position: absolute;


}

.mini-listing .item .vignette img
{
	height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  border-radius: 10px 0 0 10px;
}

.mini-listing .item .details
{
	width: calc(100% - 220px);
	  margin-right: 20px;
	  float: right;
	    padding-bottom: 10px;
}

.excerpt_more
{
	color:#00E580!important;
	text-decoration: underline;
}

.bloc-services
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.bloc-services .bloc-service
{
	  grid-row: span 2;
	  min-height: 270px;
	  border-radius: 10px;
	  background-size: cover;
	  display: flex;
    align-items: center;
}

.bloc-services .bloc-service+.bloc-service
{
	  grid-row: span 1;
}

.bloc-services .bloc-service .texte
{
	padding: 30px;
}

.pre-titre
{
	color: #00E580;

	font-family: "Funnel Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.image-hero-page {
  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  z-index: 0;

    height: 100%;
}

.image-hero-page img
{
  border-radius: 0!important;


  height: 101%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}

.bloc-hero-page .texte
{
	position: relative;
	z-index: 9;

}

.bloc-temoignage blockquote
{
	font-family: "Funnel Sans";
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.75rem; /* 140% */
	padding-left: 70px;
	background:url('images/quote.svg') no-repeat left 10px top 15px;
}


.fond-bleu .bloc-temoignage blockquote,
.fond-bleu .bloc-temoignage .nom
{
	color: #F2F7F7;
}

.fond-bleu .bloc-temoignage .titre
{
	color: #819595;
}


.bloc-temoignage .nom
{
	font-family: "Funnel Display";
	font-size: 1rem;
	font-style: normal;
	padding-left: 70px;
	font-weight: 700;
	line-height: normal;
	padding-top: 30px;
}

.bloc-temoignage .titre
{
	/* paragraphe/normal/regular */
	font-family: "Funnel Sans";
	font-size: 1rem;
	padding-left: 70px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
}

.bloc-equipe .interne-col
{
	border-radius: 10px;
	background: var(--Blanc-principal, #F2F7F7);
	padding: 15px;
	padding-bottom: 30px;
}

.equipe .mini-p
{
	padding-top: 0;
}

.bloc-documents
{
	padding: 60px 100px;
	border-radius: 10px;
	background: #004F57;
}

.bloc-documents h2
{
	background: url('images/icone-links.svg') no-repeat left center;
	padding-left: 45px;
	color:#F2F7F7;
}

.liste-documents
{
	overflow: hidden;
}

.liste-documents a
{
	display: block;

	padding: 16px 0;
	padding-left: 28px;
	position: relative;
}

.liste-documents a::before
{
	content: "";
	width: 12px;
	height: 12px;
	background: #F2F7F7;
	position: absolute;
	overflow: hidden;
	left: 0;
	top:50%;
	transform: translateY(-50%);
}

.liste-documents a+a
{
	border-top: 1px dashed  #819595;
}

.liste-documents a .nom
{
	color: #F2F7F7;
	font-size: 0.93rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 160% */

	display: inline-block;
}

.liste-documents a .type
{
	color: var(--Gris-principal, #819595);

	/* paragraphe/small/regular */
	font-family: "Funnel Sans";
	display: inline-block;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; /* 142.857% */

	padding-left: 15px;
}

.liste-documents a .telecharger
{
	float: right;

	color:  #F2F7F7;

	/* paragraphe/normal/regular */
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */

	padding-left: 32px;

	background: url('images/download.svg') no-repeat left center;
}

.liste-documents a .telecharger:hover
{
	text-decoration: underline;
}

.col-100 .bloc-liste-liens .grid-liste-lien
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 30px;
}

.bloc-liste-liens .grid-liste-lien a
{
	box-shadow: none;
	margin-bottom: 0;
	border-bottom: 1px dashed  #819595;  
	border-radius: 0;
}

.element-accordeon
{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);
	padding: 24px 16px;
	margin-bottom: 15px;
}

.element-accordeon .titre-accordeon
{
	color: var(--Bleu-principal, #0A2E33);
	font-family: "Funnel Display";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.875rem;
	cursor: pointer;
	background: url('images/accordeon.svg') no-repeat right center;
	border:none;
	display: block;
	width: 100%;
	text-align: left;
}

.element-accordeon.active .titre-accordeon
{
	background: url('images/accordeon-open.svg') no-repeat right center;
	color:#00E580;
}

.element-accordeon .texte-accordeon
{
	display: none;
}

.element-accordeon.active .texte-accordeon
{
	display: block;
}

.bloc-groupe-accordeon
{
  /* Masonry natif (supporté par Firefox, bientôt Chrome) */
  
    column-count: 2;
    column-gap: 30px;
}

.bloc-groupe-accordeon h3
{
	margin-bottom: 20px;
}


.bloc-groupe-accordeon .groupe-accordeon
{
    break-inside: avoid;
    margin-bottom: 20px;
    display: block;
	  background: border-radius: 10px;
	background: var(--Blanc-principal, #F2F7F7);

	padding: 30px;
	border-radius: 10px;
}

.bloc-slider-galerie
{
	padding: 0 35px;
}

.bloc-slider-galerie img
{
	margin:0 15px;
	width: calc(100% - 30px);
}

.bloc-slider-galerie .slick-arrow,
.slider-agenda .slick-arrow
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	width: 40px;
	height: 40px;
	text-indent: -10000px;
	box-shadow: none;
	border: none;
	cursor: pointer;
}

.bloc-slider-galerie .slick-arrow:hover,
.slider-agenda .slick-arrow:hover
{
	opacity: .7;
}


.bloc-slider-galerie .slick-arrow.slick-prev,
.slider-agenda .slick-arrow.slick-prev
{
	background: url('images/icon-chevron-left.svg') no-repeat center;

	left: 0;
}

.bloc-slider-galerie .slick-arrow.slick-next,
.slider-agenda .slick-arrow.slick-next
{
	background: url('images/icon-chevron-right.svg') no-repeat center;

	right: 0;
}

.bloc-slider-galerie .slick-dots,
.slider-agenda .slick-dots
{
	list-style: none;
	margin:0;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;

  position: absolute;
    bottom: -50px;
  left: 50%;
  transform: translateX(-50%);


}

.bloc-slider-galerie .slick-dots li,
.slider-agenda .slick-dots li
{
	display: inline-block;
	height: 5px;
	padding: 0;
	padding-top: 40px;
}

.bloc-slider-galerie .slick-dots li button,
.slider-agenda .slick-dots li button
{
	background: #F2F7F7;
	height: 5px;
	width: 60px;
	border: none;
	text-indent: -10000px;
}

.bloc-slider-galerie .slick-dots li.slick-active button,
.slider-agenda .slick-dots li.slick-active button
{
	background: #0A2E33;
}

.slider-agenda
{
	padding: 0 40px;
}

.slider-agenda,
.bloc-slider-galerie
{
	    margin-bottom: 60px;
}

.liste-articles
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:30px;
	margin: 30px 0;
}

.liste-articles .item
{
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.liste-articles .item .details
{
	padding: 0 15px;
}

.liste-articles .item .vignette img
{
	border-radius: 10px 10px 0 0;
	display: block;
}

.liste-articles .item .vignette
{
	position: relative;
}

.liste-articles .item .date-event,
.item-agenda .date-event
{
	position: absolute;
	border-radius: 2px;
	background: var(--Bleu-principal, #0A2E33);
	left: 30px;
	top:30px;
	padding: 8px;

	color: var(--Vert-principal, #00E580);
	font-family: "Funnel Display";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	  width: 40px;
  text-align: center;
}

.liste-articles .item .date-event+.date-event,
.item-agenda .date-event+.date-event
{
	left: 80px;
}

.liste-articles .item .date-event+.date-event::before,
.item-agenda .date-event+.date-event::before
{
	content: "";
	background: url('images/chevron-date.svg') no-repeat center #0A2E33;
	height: 100%;
	width: 16px;
	position: absolute;
	top:0;
	  left: -12px;

}

.liste-articles .item .date-event .day,
.item-agenda .date-event .day
{
	line-height: 25px;

	color: var(--Vert-principal, #00E580);

}

.liste-articles .item .date-event .month,
.item-agenda .date-event .month
{
	font-size: 0.75rem;
	line-height: 1.25rem;
	color: var(--Vert-principal, #00E580);
	text-transform: uppercase;
}

#breadcrumbs
{
	margin-top: -70px;
	padding: 0;
	margin-bottom: 70px;
}

#breadcrumbs a,
#breadcrumbs span{
	color: #F2F7F7;
	font-family: "Funnel Sans";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
}

#breadcrumbs span
{
	color:#819595;
}

.publie-le
{
	color: #819595;
	text-align: center;

	/* paragraphe/normal/regular */
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */

	margin-bottom: 80px;
}

.fin-article
{
	border-top: 1px dashed #819595;
	margin-top: 50px;
  	padding-top: 20px;
}

.p-partager
{
	line-height: 30px;
}


.p-partager b,
.p-partager a,
.p-partager img
{
	line-height: 30px;
	display: inline-block;
	border-radius: 0;
  	float: left;
}

.p-partager img
{
	transition: .3s ease all;
	background: #fff;
}

.p-partager img:hover
{
	background: #00E580;
}

.p-partager a
{
	margin: 0 5px;
}

.fond-carre
{
	background-image: url('images/carre-traits.svg');
	background-repeat: no-repeat;
	background-position: right center;
  	background-size: 445px auto;
}

.section-recherche
{
	background: #F2F7F7;
	padding: 25px 0;
	text-align: center;
}

.section-recherche select,
.section-recherche input[type="text"]
{
	border-radius: 10px;
	border: 0.75px solid rgba(129, 149, 149, 0.50);
	background: #FFF;
	height: 52px;
	box-sizing: border-box;
	padding: 10px;
	margin-right: 30px;
	font-family: "Funnel Sans";
	margin-left: 10px;
}

.section-recherche select
{
	background-image: url('images/chevron-select.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	appearance: none;
  	padding-right: 40px;
}

.pagination
{
	text-align: center;
}

.pagination span,
.pagination a
{
	border-radius: 2px;
	border: 1px solid var(--Bleu-principal, #0A2E33);
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	line-height: 2.5rem;
	margin: 0 8px;
	color: #000;
	text-align: center;
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
}

.pagination a.next-page
{
	background: url('images/pagination-right.svg') no-repeat center;
	text-indent: -10000px;
}

.pagination a.last-page
{
	background: url('images/pagination-right-right.svg') no-repeat center;
	text-indent: -10000px;
}

.pagination a.prev-page
{
	background: url('images/pagination-left.svg') no-repeat center;
	text-indent: -10000px;
}

.pagination a.first-page
{
	background: url('images/pagination-left-left.svg') no-repeat center;
	text-indent: -10000px;
}

.pagination span.current-page,
.pagination a:hover
{
	background-color: var(--Vert-principal, #00E580);
	border:1Px solid #00E580;
	color:#fff;
}

.item-agenda
{
	display: block;
	margin:0 15px;
	position: relative;
	padding: 30px;
	height: 320px;
	box-sizing: border-box;

	background: no-repeat center;
    background-image: none;
    background-size: auto;
  background-size: cover;
  border-radius: 10px;
}

.item-agenda:hover h3
{
	text-decoration: underline;
}

.item-agenda::before
{
	position: absolute;
	content: "";
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);  border-radius: 10px;
}

.item-agenda .date-event
{
	z-index: 9;
}
.item-agenda .texte
{
	position: absolute;
	left: 30px;
	bottom:30px;
	right: 30px;
	z-index: 9;
}
.item-agenda h3
{
	color:#F2F7F7;
}

.liste-recherche
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	margin-bottom: 100px;
}

.liste-recherche .item-recherche
{
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	padding: 15px;
}


.liste-recherche .item-recherche .type-post
{
	text-transform: uppercase;
	font-size: 0.75rem;
	color:#819595;
}

.bloc-interieur-bleu-clair
{
	border-radius: 10px;
	background: var(--Bleu-secondaire, #00BFFF);
	margin-right: 100px;
	padding: 30px;
	margin-top: 20px;
}

.bloc-interieur-bleu-clair h2,
.bloc-interieur-bleu-clair h3,
.bloc-interieur-bleu-clair h4,
.bloc-interieur-bleu-clair h5
{
	color:#F2F7F7;
}

.mini-p
{
	font-size: 0.875rem;
}

.wpcf7-form p
{
	padding: 0;
}

.wpcf7 label
{
	display: block;
	color: var(--Bleu-principal, #0A2E33);

	/* paragraphe/normal/bold */
	font-family: "Funnel Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem; /* 150% */
	padding-bottom: 16px;
}

.wpcf7 label+span.aide
{
	color: var(--Gris-principal, #819595);

	/* paragraphe/small/regular */
	font-family: "Funnel Sans";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; /* 142.857% */
	display: block;
	padding-bottom: 10px;
}



.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea
{
	border-radius: 10px;
	border: 0.75px solid rgba(129, 149, 149, 0.50);
	background: #FFF;
	box-sizing: border-box;
	padding: 16px 10px;
	width: 100%;
	height: 52px;

	font-family: "Funnel Sans";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; /* 142.857% */
}

.wpcf7 select select
{
	background-image: url('images/chevron-select.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	appearance: none;
  	padding-right: 40px;
}


.wpcf7 textarea
{
	height: 144px;
}

.wpcf7-list-item
{
	margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    transition: opacity 0.4s ease;
    opacity: 1;
}

.formulaire-contact {
    transition: opacity 0.4s ease;
}

.wpcf7 form.sent .wpcf7-response-output
{
	color: var(--Bleu-principal, #0A2E33);
	text-align: center;

	/* paragraphe/large/regular */
	font-family: "Funnel Sans";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 140% */
	margin: 0 auto;
	max-width: 765px;
	border:none;
}

.footer img
{
	border-radius: 0;
}

.credits 
{
	padding-top: 20px;
  margin-top: 50px;
  border-top: 1px solid var(--Gris-principal, #819595);
}

.credits a {
	margin-right: 30px;
}

.bloc-introduction
{
	padding: 0 calc(100% / 12);
}

.bouton-secondaire
{
	color: var(--Vert-secondaire, #004F57);

/* paragraphe/normal/regular */
font-family: "Funnel Sans";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */

	background: url('images/chevron-bouton.svg') no-repeat right center;
	padding-right: 24px;
	text-decoration: none;
	cursor: pointer;
}

.bouton-secondaire:hover
{
	text-decoration: none!important;
	color:#0A2E33;
	background: url('images/chevron-bouton-hover.svg') no-repeat right center;

}

.wpcf7-not-valid-tip
{
	color:#9747FF;
}

.wpcf7 .wpcf7-not-valid
{
	border:1px solid #9747FF!important;
}

.wpcf7 .wpcf7-not-valid.wpcf7-checkbox {
	border: none!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output
{
	border-color:#9747FF!important;
	padding: 20px;
	border-radius: 10px;

}

.dev-template
{
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 10px;

	border-top: 1px solid green;
	border-right: 1px solid green;
}

.partners-carousel .slide
{
	height: 100px;
	text-align: center;
	position: relative;
}

.partners-carousel .slide img
{
	display: inline-block;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	max-height: 100px;
}

iframe
{
	max-width: 100%;
}

@media (max-width: 1300px)
{

.bloc-interieur-bleu-clair
{
	margin-right: 0;
}


}

@media (max-width: 1000px)
{
	
		
	.col.fond-bleu-clair.col-100 .interne-col
	{
		padding: 60px 100px;
	}
	
}

@media (max-width: 740px)
{
	.centrer, .container
	{
	}	

	.bloc-mes-demarches .bloc-liste-liens
	{
		display: none;
	}

	.bloc-mes-demarches .active+.bloc-liste-liens
	{
		display: block;
	}
	
	.titre-demarche-gersois,
	.titre-demarche-collectivite
	{
		padding-right: 60px;
		position: relative;
		cursor: pointer;
	}

	.titre-demarche-gersois::after,
	.titre-demarche-collectivite::after
	{
		background: url('images/accordeon.svg') no-repeat center;
		width: 30px;
		height: 30px;
		right: 15px;
		top:50%;
		transform: translateY(-50%);
		content: "";
		    position: absolute;
	}

	.titre-demarche-gersois.active,
	.titre-demarche-collectivite.active
	{
		color: #00E580;
	}


	.titre-demarche-gersois.active::after,
	.titre-demarche-collectivite.active::after
	{
		background: url('images/accordeon-open.svg') no-repeat center center;
  
	}

	.mini-listing .item .vignette {
	  width: auto;
	  height: 200px;
	  position: relative;
	}

	.mini-listing .item .details {
	  width: auto;
	  margin: 0 20px;
	  float: none;
	  padding-bottom: 10px;
	}

	.bloc-services
	{
		  grid-template-columns: repeat(1, 1fr);
		}

	

	 .bloc-slider-galerie .slick-dots li button, .slider-agenda .slick-dots li button
	 {
	 	width: 40px;
	 }

	 .bloc-slider-galerie .slick-arrow, .slider-agenda .slick-arrow
	 {
	 	display: none!important;
	 }

	 .slider-agenda
	 {
	 	padding: 0;
	 }

	 .item-agenda
	 {
	 	margin: 0;
	 }

	 .col.fond-bleu.col-100 .interne-col,
	 .col.fond-bleu-clair.col-100 .interne-col 
	 {
	  padding: 20px;
	}

	.bouton-telephone
	{
		margin-bottom: 20px;
		display: block;
	}

	.bouton-telephone+.bouton-mail
	{
		display: block;
		margin-left: 0;
	}

	.bloc-documents
	{
		padding: 20px;
	}
	.liste-documents a .type
	{
		padding-left: 0;
	}

	.liste-documents a .telecharger
	{
		float: none;
	}

	.col-100 .bloc-liste-liens .grid-liste-lien
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.bloc-groupe-accordeon
	{
		column-count: 1;
  		column-gap: 30px;
	}

	.bloc-groupe-accordeon .groupe-accordeon
	{
		padding: 20px;
	}

	h3 img.alignleft
	{
		display: block;
		float: none;
		margin-bottom: 20px;
	}

	.bloc-slider-galerie
	{
		padding: 0;
	}

	.bloc-slider-galerie img
	{
		margin:0;
		width: 100%;
	}

	.liste-articles
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.fond-carre
	{
		background-size: 100px auto;
	}

	.section-recherche select, .section-recherche input[type="text"]
	{
		margin: 10px 0;
		    display: block;
    width: 100%;
	}

	.liste-recherche
	{  
		grid-template-columns: repeat(1, 1fr);
	}

}