/*
Theme Name: mairie
Author:     ProPixel
Author URI: https://propixel.fr
Template:   divi
Version:    1.0
License:    GNU General Public License v2 or later
*/



/****************************
*                           *
*       TarteAuCitron       *
*                           *
****************************/

/* couleur de la barre d'acceptation des cookies */
body #tarteaucitronPercentage {
	background: #x vert x!important;
}
/* Petit carré des cookies utilisés - L'affiche que sur la "Mentions Légales" */
body:not(.privacy-policy) #tarteaucitronAlertSmall {
  display: none!important;
}
#tarteaucitronAlertBig {
	background-color: rgba(0,0,0,0.8)!important;
}
#tarteaucitronDisclaimerAlert,
#tarteaucitronDisclaimerAlert strong,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	color: #fff!important;
}
/* Bouton "tout accepter" */
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
    font-size: 14px!important;
	background: #x vert x;
}
@media only screen and (max-width: 980px) {
	#tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
		margin-bottom: 3px;
	}
}
/* Bouton "tout interdire" */
#tarteaucitronAlertBig button#tarteaucitronAllDenied2 {
	font-size: 14px!important;
	background: #x rouge x;
	display: none;
}
/* Couleur du bouton "personnaliser" */
#tarteaucitronAlertBig button#tarteaucitronCloseAlert {
	font-size: 14px!important;
	margin-bottom: 0;
	background: #fff;
}
/* Suppression bouton "politique de confidentialité" + icône cookie */
#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl,
#tarteaucitronIcon {
	display: none!important;
}
/* Petit carré des cookies utilisés */
#tarteaucitronAlertSmall {
	background-color: rgba(0,0,0,0.7)!important;
	right: auto!important;
	left: 0!important;
}

/* Stylisation du panneau des cookies */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
	border-color: #x vert x!important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
	border-color: #x rouge x!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitronDotGreen {
	background-color: #x vert x!important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitronDotRed {
	background-color: #x rouge x!important;
}



/****************************
*                           *
*       POLICE ICONES       *
*                           *
****************************/

/* Icones/Images fontawesome utilisées */
@font-face {
    font-family: 'Font-Awesomes-Solid';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("./includes/fonts/Font-Awesomes/fa-solid-900.eot");
    src: url("./includes/fonts/Font-Awesomes/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./includes/fonts/Font-Awesomes/fa-solid-900.woff2") format("woff2"), url("./includes/fonts/Font-Awesomes/fa-solid-900.woff") format("woff"), url("./includes/fonts/Font-Awesomes/fa-solid-900.ttf") format("truetype"), url("./includes/fonts/Font-Awesomes/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
    font-family: 'Font-Awesomes-Brands';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("./includes/fonts/Font-Awesomes/fa-brands-400.eot");
    src: url("./includes/fonts/Font-Awesomes/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./includes/fonts/Font-Awesomes/fa-brands-400.woff2") format("woff2"), url("./includes/fonts/Font-Awesomes/fa-brands-400.woff") format("woff"), url("./includes/fonts/Font-Awesomes/fa-brands-400.ttf") format("truetype"), url("./includes/fonts/Font-Awesomes/fa-brands-400.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-weight: 900;
    font-family: 'Font-Awesomes-Solid';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fab {
    font-weight: 400;
    font-family: 'Font-Awesomes-Brands';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}
.fa-xs {font-size: .75em;}
.fa-sm {font-size: .875em;}
.fa-1x {font-size: 1em;}
.fa-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-6x {font-size: 6em;}
.fa-7x {font-size: 7em;}
.fa-8x {font-size: 8em;}
.fa-9x {font-size: 9em;}
.fa-10x {font-size: 10em;}
.fa-fw {text-align: center;width: 1.25em;}
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.fa-ul > li {position: relative;}
.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}
.fa-pull-left {float: left;}
.fa-pull-right {float: right;}

.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {margin-right: .3em;}
.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {margin-left: .3em;}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@keyframes fa-spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-stack-1x {line-height: inherit;}
.fa-stack-2x {font-size: 2em;}
.fa-inverse {color: #fff;}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Téléphone */.fa-phone-alt:before { content: "\f879"; }
/* Actualités */.fa-newspaper:before { content: "\f1ea"; }
/* Agenda */.fa-calendar-alt:before { content: "\f073" }
/* Associations */
/* Contact */.fa-envelope:before { content: "\f0e0"; }
/* Commerces / Entreprises */
/* Démarches */.fa-edit:before { content: "\f044"; }
/* Hébergement */.fa-home:before { content: "\f015"; }
/* Menu scolaire */.fa-utensils:before { content: "\f2e7"; }
/* Offres d'emploi */
/* Plan */.fa-map-marked-alt:before { content: "\f5a0"; }



/* Icones/Images ect-icones utilisées */
@font-face {
    font-family: "ecticons";
	font-style: normal;
	font-weight: normal;
	font-display: auto;
    src: url("./includes/fonts/ECT-Icones/ecticons.eot?24096328");
    src: url("./includes/fonts/ECT-Icones/ecticons.eot?24096328#iefix") format("embedded-opentype"), url("./includes/fonts/ECT-Icones/ecticons.woff2?24096328") format("woff2"), url("./includes/fonts/ECT-Icones/ecticons.woff?24096328") format("woff"), url("./includes/fonts/ECT-Icones/ecticons.ttf?24096328") format("truetype"), url("./includes/fonts/ECT-Icones/ecticons.svg?24096328#ecticons") format("svg");
}

[class^="ect-icon-"]:before, [class*=" ect-icon-"]:before {
	font-family: "ecticons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ect-icon-mail:before { content: '\f199'; }
.ect-icon-whatsapp:before { content: '\f232'; }
.ect-icon-twitter:before { content: '\f304'; }
.ect-icon-facebook:before { content: '\f308'; }
.ect-icon-linkedin:before { content: '\f30c'; }



/****************************
*                           *
*      Nb DE COLONNES       *
* SUR TABLETTE & SMARTPHONE *
*                           *
****************************/

/* TABLETTE - Ligne sur 2 ou 3 colonnes (à condition qu'elles aient la même largeur) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .two-columns-in-tab.et_pb_row.et_pb_gutters1 .et_pb_column {
        width: 50%;
        margin-right: 0%;
    }
    .two-columns-in-tab.et_pb_row .et_pb_column {
        width: 48.5%;
        margin-right: 3%;
		margin-bottom: 0;
    }
    .two-columns-in-tab.et_pb_row.et_pb_gutters3 .et_pb_column {
        width: 47.25%;
        margin-right: 5.5%;
    }
    .two-columns-in-tab.et_pb_row.et_pb_gutters4 .et_pb_column {
        width: 46%;
        margin-right: 8%;
    }
    .three-columns-in-tab.et_pb_row.et_pb_gutters1 .et_pb_column {
        width: 33.333%;
        margin-right: 0%;
    }
    .three-columns-in-tab.et_pb_row .et_pb_column {
        width: 31.333%;
        margin-right: 3%;
    }
    .three-columns-in-tab.et_pb_row.et_pb_gutters3 .et_pb_column {
        width: 29.667%;
        margin-right: 5.5%;
    }
    .three-columns-in-tab.et_pb_row.et_pb_gutters4 .et_pb_column {
        width: 28%;
        margin-right: 8%;
    }
    .two-columns-in-tab.et_pb_row .et_pb_column:nth-child(even),
    .three-columns-in-tab.et_pb_row .et_pb_column:nth-child(3) {
        margin-right: 0% !important;
    }
}
/* SMARTPHONE - Ligne sur 2 ou 3 colonnes (à condition qu'elles aient la même largeur) */
@media only screen and (max-width: 767px) {
    .two-columns-in-mobile.et_pb_row.et_pb_gutters1 .et_pb_column,
	.two-columns-in-mobile.et_pb_row_inner.et_pb_gutters1 .et_pb_column {
        width: 50% !important;
        margin-right: 0%;
    }
    .two-columns-in-mobile.et_pb_row .et_pb_column,
	.two-columns-in-mobile.et_pb_row_inner .et_pb_column {
        width: 48.5% !important;
        margin-right: 3%;
		margin-bottom: 0;
    }
    .two-columns-in-mobile.et_pb_row.et_pb_gutters3 .et_pb_column {
        width: 47.25% !important;
        margin-right: 5.5%;
    }
    .two-columns-in-mobile.et_pb_row.et_pb_gutters4 .et_pb_column {
        width: 46% !important;
        margin-right: 8%;
    }
    .three-columns-in-mobile.et_pb_row.et_pb_gutters1 .et_pb_column {
        width: 33.333% !important;
        margin-right: 0%;
    }
    .three-columns-in-mobile.et_pb_row .et_pb_column {
        width: 31.333% !important;
        margin-right: 3%;
    }
    .three-columns-in-mobile.et_pb_row.et_pb_gutters3 .et_pb_column {
        width: 29.667% !important;
        margin-right: 5.5%;
    }
    .three-columns-in-mobile.et_pb_row.et_pb_gutters4 .et_pb_column {
        width: 28% !important;
        margin-right: 8%;
    }
    .two-columns-in-mobile.et_pb_row .et_pb_column:last-child,
    .three-columns-in-mobile.et_pb_row .et_pb_column:last-child {
        margin-right: 0% !important;
    }
}



/****************************
*                           *
*    INVERSE LES COLONNES   *
*       SUR UNE LIGNE       *
*                           *
****************************/

@media only screen and (min-width: 981px) {
	.et_pb_row.reverse-desktop {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
	}
    .et_pb_row.et_pb_gutters1.reverse-desktop .et_pb_column:nth-child(1),
    .et_pb_row.et_pb_gutters1.reverse-desktop .et_pb_column:nth-child(2),
    .et_pb_row.reverse-desktop .et_pb_column:nth-child(1),
    .et_pb_row.et_pb_gutters3.reverse-desktop .et_pb_column:nth-child(1),
    .et_pb_row.et_pb_gutters4.reverse-desktop .et_pb_column:nth-child(1) {
    	margin-right: 0px;
    }
    .et_pb_row.reverse-desktop .et_pb_column:nth-child(2),
    .et_pb_row.et_pb_gutters3.reverse-desktop .et_pb_column:nth-child(2),
    .et_pb_row.et_pb_gutters4.reverse-desktop .et_pb_column:nth-child(2) {
        margin-right: 30px!important;
    }
}
@media only screen and (max-width: 980px) {
	.et_pb_row.reverse {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
	}
    .et_pb_row.reverse .et_pb_column {
    	margin-bottom: 0px;
    }
    .et_pb_row.reverse .et_pb_column:last-child {
    	margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
	.et_pb_row.reverse-mobile {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
	}
    .et_pb_row.reverse-mobile .et_pb_column:first-child {
    	margin-bottom: 0;
    }
    .et_pb_row.reverse-mobile .et_pb_column:last-child {
    	margin-bottom: 30px;
    }
}



/****************************
*                           *
*    ALIGNEMENT VERTICAL    *
*                           *
****************************/

.vertical-align {
	display: flex;
    flex-wrap: wrap;
	align-items: center;
}
@media only screen and (min-width: 981px) {
	.vertical-elements-desktop {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.vertical-elements-tablette {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}
@media only screen and (max-width: 767px) {
	.vertical-elements-mobile {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}



/****************************
*                           *
*  ICONES (puces) DE LISTE  *
*                           *
****************************/

.et_pb_text ul li,
.et_pb_blurb ul li,
.et_pb_toggle ul li,
#contact_form ul li {
    list-style-type: none;
}
.et_pb_text ul li::before,
.et_pb_blurb ul li::before,
.et_pb_toggle ul li::before,
#contact_form ul li::before {
    content: '\39';
    font-family: 'ETmodules';
    color: #008ef0;
    float: left;
    margin-left: -1.2em;
}
/* Espacement entre les niveaux de listes */
.et_pb_text ul li ul li ul,
.et_pb_blurb ul li ul li ul,
.et_pb_toggle ul li ul li ul,
#contact_form ul li ul li ul {
    margin-bottom: -1em;
}

/* Puces ordonnées */
.et_pb_text ol li,
.et_pb_blurb ol li,
.et_pb_toggle ol li {
    list-style: none;
    counter-increment: li;
}

.et_pb_text ol li::before,
.et_pb_blurb ol li::before,
.et_pb_toggle ol li::before {
    content: "." counter(li);
    font-weight: bold;
    display: inline-block;
    margin-right: 0.5em;
    direction: rtl;
}



/****************************
*                           *
*          GENERAL          *
*                           *
****************************/

/* Espacement au dessus de la 1ère section */
@media only screen and (min-width: 981px) {
    body:not(.single-tribe_events) #et-main-area {
        padding-top: 155px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    body:not(.single-tribe_events) #et-main-area {
        padding-top: 101px
    }
}
@media only screen and (max-width: 767px) {
    body:not(.single-tribe_events) #et-main-area {
        padding-top: 95px
    }
}
body:not(.single-tribe_events) #et-main-area {
	background: #f2f9fe;
}
body:not(.single-tribe_events) #et-main-area > #main-content {
	background: #fff;
}

/* Marge sous les colonnes en tablette et mobile */
@media only screen and (max-width: 980px) {
    .et_pb_row .et_pb_column {
        margin-bottom: 30px;
    }
}

/* Fond dégradé Bouton */
.et_pb_button:not(.other-btn),
.forminator-button.forminator-button-submit {
    background-image: linear-gradient(to right, #004170, #008ef0)!important;
}

/* Fil d'ariane */
.breadcrumbs a {
    font-size: 13px;
    font-weight: 600;
}
.breadcrumbs .separator {
    color: #008ef0!important;
    font-weight: 600;
}



/****************************
*                           *
*     CLASSES SPECIALES     *
*                           *
****************************/

/* Elément (section, ligne ou module) à cacher - Pour les titres SEO principalement */
.hidden-heading {
	max-height: 0px !important;
	overflow: hidden;
	padding: 0px !important;
	margin: 0px !important;
}
/* Texte (dans un corps de texte) à cacher - Pour les requêtes SEO principalement */
.text-hidden {
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
}

/* Effet parallaxe avec overlay (dégradé) */
@media (min-width:981px) {
	.parallaxe-overlay {
		background-attachment: fixed;
	}
}

/* Background section */
.section-left::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    background-color: #f2f9fe;
}
.section-right::before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background-color: #f2f9fe;
}

/* Couleur du texte */
.text-gradient {
    background: linear-gradient(90deg, #004170 25%, #008ef0 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-blue {
    color: #008ef0;
}

/* Position sticky */
@media only screen and (min-width: 981px) {
	.sticky {
		position: sticky;
		top: 80px;
	}
}



/****************************
*                           *
*           POPUP           *
*                           *
****************************/

/* Croix pour fermer */
.popup_outer_wrap a.da-close.evr-close {
	color: #008ef0!important;
    box-shadow: none!important;
    background: none!important;
    opacity: 1!important;
}
.popup_outer_wrap a.da-close.evr-close:hover {
	transform: scale(1.5)!important;
	color: #004170 !important;
}