/*   
	Theme Name:        Elementor MAMP GFI A
	Description:       Ce thème correspond au template A.
	Author:            EC GFI
	Author URI:        https://elementor.com
	Version:           1.0
	Stable tag:        1.0
	Requires at least: 4.9
	Tested up to:      4.9
	License:           GNU General Public License v3 or later.
	License URI:       https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:       elementor-hello-theme
*/


/* ************************ TYPO ************************ */

@font-face {
	font-family: 'Asap-bold';
	src: url('fonts/asap-bold-webfont.woff2') format('woff2'), url('fonts/asap-bold-webfont.woff') format('woff');
	font-weight: bolder;
	font-style: normal;
  }
  @font-face {
	font-family: 'Asap-bold-italic';
	src: url('fonts/asap-bolditalic-webfont.woff2') format('woff2'), url('fonts/asap-bolditalic-webfont.woff') format('woff');
	font-weight: bolder;
	font-style: italic;
  }
  @font-face {
	font-family: 'Asap-italic';
	src: url('fonts/asap-italic-webfont.woff2') format('woff2'), url('fonts/asap-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
  }
  @font-face {
	font-family: 'Asap-medium';
	src: url('fonts/asap-medium-webfont.woff2') format('woff2'), url('fonts/asap-medium-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
  }
  @font-face {
	font-family: 'Asap-medium-italic';
	src: url('fonts/asap-mediumitalic-webfont.woff2') format('woff2'), url('fonts/asap-mediumitalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;
  }
  @font-face {
	font-family: 'Asap';
	src: url('fonts/asap-regular-webfont.woff2') format('woff2'), url('fonts/asap-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'Century-schoolbook';
	src: url('fonts/centuryschoolbook-webfont.woff2') format('woff2'), url('fonts/centuryschoolbook-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'Victoire-black';
	src: url('fonts/victoire-black-webfont.woff2') format('woff2'), url('fonts/victoire-black-webfont.woff') format('woff');
	font-weight: bolder;
	font-style: normal;
  }
  @font-face {
	font-family: 'Victoire-bold';
	src: url('fonts/victoire-bold-webfont.woff2') format('woff2'), url('fonts/victoire-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
  }
  @font-face {
	font-family: 'Victoire';
	src: url('fonts/victoire-regular-webfont.woff2') format('woff2'), url('fonts/victoire-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }

  
  /* Font Awesome*/
  @import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');
  
/* ******************************************************** */


/* ***************** Box sizing & général ***************** */
  
html {
	box-sizing: border-box;
	font-family: 'Asap', 'Signika', sans-serif;
	font-weight: initial; /*100;*/
	min-width: 100%;
}
  
*, *:before, *:after {
	box-sizing: inherit;
}

div.iti__selected-flag:focus-visible {
	outline: auto;
}

.elementor-toggle .elementor-tab-title:focus-visible {
	outline: auto;
}
  
/* ******************************************************** */



/*
   _____   _         ____    ____               _      
  / ____| | |       / __ \  |  _ \      /\     | |     
 | |  __  | |      | |  | | | |_) |    /  \    | |     
 | | |_ | | |      | |  | | |  _ <    / /\ \   | |     
 | |__| | | |____  | |__| | | |_) |  / ____ \  | |____ 
  \_____| |______|  \____/  |____/  /_/    \_\ |______|
                                                   
*/

/* justifier tous les paragraphes sauf ceux du footer */
html p:not(footer p) {
	text-align: justify;
}

/* curseur affiche main sur les liens, les icons dans les liens, les images dans les liens */
a, a i, a img {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1.5px;
	/*font-weight: 400 !important;*/
}

h1 {
	/*font-family: 'Victoire', 'Asap', 'Century';*/
	font-size: 40px;
	color: #AFDAD8;
}

h2 {
	/*font-family: 'Victoire', 'Asap', 'Century';*/
	font-size: 32px;
	color: #B4CD12;
}

h3 {
	font-size: 28px;
	color: #E94E1B;
}

h4 {
	font-size: 24px;
	color: #009FE3;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

/* message erreur jQuery champ requis non rempli */
.messErreurFormElementor {
	display: block;
	color: #e94e1b;
	/*text-align: center;
	background-color: rgba(222, 222, 222, 0.9);
	width: 50%;*/
	margin: 10px auto 0;
	padding: 5px;
	border-radius: 3px;
}
  
/* ******************************************************** */


/* 
██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗ 
██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝										
*/

/* Bouton loupe de la barre de recherche */
div.elementor-search-form__container button.elementor-search-form__icon {
	background: none;
	cursor: pointer;
}

/* ******************************************************** */


/* 
███╗   ███╗ █████╗ ██╗███╗   ██╗
████╗ ████║██╔══██╗██║████╗  ██║
██╔████╔██║███████║██║██╔██╗ ██║
██║╚██╔╝██║██╔══██║██║██║╚██╗██║
██║ ╚═╝ ██║██║  ██║██║██║ ╚████║
╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝                        
*/

/* mettre une taille minimum au corps de la page sinon footer remonte quand pas rempli */
main#main {
	min-height: 66vh;
}

/* Titre de la page WP :
	le faire disparaitre sinon est dans la structure Elementor entre header et corps de la page */
h1.entry-title {
	display: none !important;
}

/* Plugin personnalisé de carte OSM : paragraphe qui contient le lien en dessous de la carte :
	le faire passer par dessus la carte collé en bas au lieu d'en dessous */
iframe ~ p.mamp-carte-osm-adresse-correspondante {
	margin: 0;
	padding: 16px 0;
	background: rgba(0, 0, 0, 0.65);
	position: absolute;
	bottom: 0;	
	width: 100%;
	color: white;
	padding-left: 20px;
}
iframe ~ p.mamp-carte-osm-adresse-correspondante:hover {
	background: rgba(50, 50, 50, 0.9); /* #afdad8;*/
}
/* Plugin personnalisé de carte OSM : lien en dessous de la carte */
iframe ~ p.mamp-carte-osm-adresse-correspondante a {
	color: #fff; /*#4798d0;*/
	font-family: 'Asap';
	font-weight: initial;
	font-size: 16px;
	margin: 0 10px;
	cursor: pointer;
}
iframe ~ p.mamp-carte-osm-adresse-correspondante a:hover {
	color: #E892A2; /* #afdad8;*/
	text-decoration: underline;
}
/* Plugin personnalisé de carte OSM : strong dans le lien = adresse rentrée */
iframe ~ p.mamp-carte-osm-adresse-correspondante a strong {
	cursor: pointer;
}

/* Formulaire Elementor : icône devant les messages d'erreurs */
form.elementor-form .elementor-message.elementor-message-danger::before {
	content: "\f071";
	position: relative;
	top: -4px;
	margin-right: 8px;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
    margin: 0 auto;
    display: block;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

/* ******************************************************** */


/* 
███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗ 
██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
*/

footer p {
	margin: 0;
}

footer a {
	color: #fff !important;
}
/* Conteneur du lien "Paramétrage des Cookie" dans le footer */
footer .footer-lien-param-cookie {
	color: #fff;
	text-align: right;
	font-family: "Asap", Sans-serif;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
footer .footer-lien-param-cookie span {
	cursor: pointer;
}

/* footer des pages 404 et maintenance à positionner */
@media screen and (min-height: 768px) {
	
	body.error404 footer, body.elementor-maintenance-mode footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
}

/* ******************************************************** */


/*
██████╗  █████╗  ██████╗ ███████╗    ██████╗ ███████╗ ██████╗██╗  ██╗███████╗██████╗  ██████╗██╗  ██╗███████╗
██╔══██╗██╔══██╗██╔════╝ ██╔════╝    ██╔══██╗██╔════╝██╔════╝██║  ██║██╔════╝██╔══██╗██╔════╝██║  ██║██╔════╝
██████╔╝███████║██║  ███╗█████╗      ██████╔╝█████╗  ██║     ███████║█████╗  ██████╔╝██║     ███████║█████╗  
██╔═══╝ ██╔══██║██║   ██║██╔══╝      ██╔══██╗██╔══╝  ██║     ██╔══██║██╔══╝  ██╔══██╗██║     ██╔══██║██╔══╝  
██║     ██║  ██║╚██████╔╝███████╗    ██║  ██║███████╗╚██████╗██║  ██║███████╗██║  ██║╚██████╗██║  ██║███████╗
╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚══════╝    ╚═╝  ╚═╝╚══════╝ ╚═════╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚══════╝                                                                                                      
*/

/* ************ Corps de la Page de résultats basique (Recherche, Etiquettes, Catégories) ************ */

/* main de la pages Résultats de la recherche (via le plugin Elementor champ recherche) */
body.search.search-results main#main div.page-content,
body.search.search-no-results main#main div.page-content,
body.archive.tag main#main div.page-content,
body.archive.category main#main div.page-content,
body.blog main#main div.page-content {
	width: 60%;
	/*min-height: 60vh;*/
	margin: 60px auto;
	font-family: 'Asap';
	font-weight: initial;
	line-height: 1.5;
}

/* lien dans h2 des résultats de recherche (via le plugin champ recherche) */
body.search.search-results main#main div.page-content h3 a,
body.archive.tag main#main div.page-content h3 a,
body.archive.category main#main div.page-content h3 a,
body.blog main#main div.page-content h3 a {
	font-size: 25px;
	font-weight: initial;
}

/* images dans les résultats de recherche (si image il y a, par exemple dans les articles) :
	enlever les images sinon affichage désordonné */
body.search.search-results main#main div.page-content img,
body.archive.tag main#main div.page-content img,
body.archive.category main#main div.page-content img,
body.blog main#main div.page-content img {
	display: contents;
}

/* Liens nombre de pages et Suivant en bas */
span.page-numbers,
a.page-numbers {
	display: inline-block;
	margin-top: 35px;
}

/* ****************************************** */


/* ************ Partie Recherche avancée dans search.php ************ */

/* Liste qui contient chaque élément */
div.conteneur-rech-avancee ul {
	padding-left: 0;
}
/* Chaque élément li de la Liste */
div.conteneur-rech-avancee ul li {
	padding: 10px 0;
	margin-right: 15px;
}

/* Les champs/input de la recherche avancée ("recherche", "liste de types", "calendrier", "Rechercher") */
div.conteneur-rech-avancee input,
div.conteneur-rech-avancee select {
	cursor: pointer;	
	background: #ECEEEF;
	border-radius: 30px;
	border: 0;
	padding: 8px 18px;
}

/* mettre un content after à chaque champ pour pouvoir remplacer par un icon si besoin 
div.conteneur-rech-avancee ul li::after {
	content: "\f078"; /*vide \0000a0
	font-family: 'fontAwesome';
	font-size: 12px;
	position: relative;
	right: 25px;
	cursor: pointer;
	visibility: hidden;
}*/
/* Flèche déroulante du champ "liste de types" (select.postform::after) 
div.conteneur-rech-avancee ul li:nth-child(2)::after {
	visibility: visible;
}*/

/* Le Champ "liste de types" de la Recherche Avancée */
div.conteneur-rech-avancee select.postform {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 45px;
}

/* Bouton "Rechercher" */
div.conteneur-rech-avancee input[value="Rechercher"] {
	background: #B4CD12;
}
div.conteneur-rech-avancee input[value="Rechercher"]:hover {
	background: rgba(180, 205, 18, 0.8);
}
/* ****************************************** */


/* 
███╗   ███╗███████╗██████╗ ██╗ █████╗      ██████╗ ██╗   ██╗███████╗██████╗ ██╗███████╗███████╗
████╗ ████║██╔════╝██╔══██╗██║██╔══██╗    ██╔═══██╗██║   ██║██╔════╝██╔══██╗██║██╔════╝██╔════╝
██╔████╔██║█████╗  ██║  ██║██║███████║    ██║   ██║██║   ██║█████╗  ██████╔╝██║█████╗  ███████╗
██║╚██╔╝██║██╔══╝  ██║  ██║██║██╔══██║    ██║▄▄ ██║██║   ██║██╔══╝  ██╔══██╗██║██╔══╝  ╚════██║
██║ ╚═╝ ██║███████╗██████╔╝██║██║  ██║    ╚██████╔╝╚██████╔╝███████╗██║  ██║██║███████╗███████║
╚═╝     ╚═╝╚══════╝╚═════╝ ╚═╝╚═╝  ╚═╝     ╚══▀▀═╝  ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝                                                                                  
*/

/* CSS uniquement pour IE10, par exemple sinon l'image du logo devient énorme sous IE10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/* Formulaire : Enlever le style par défaut IE pour les listes déroulantes */
	select {
		appearance: none;
	}
	select::-ms-expand {
		display: none;
	}
	/* Barre de recherche : Centrer le placeholder en vertical */
	button.elementor-search-form__icon,
	input.elementor-search-form__input {
		transform: translateY(40%);
	}

	/* Tailler sinon main remonte et colle en top */
	main {
		display: block;
	}

	/* Recherche avancée champ date : couleur du placeholder, par défaut gris */
	input[type=date].postform:-ms-input-placeholder {
		color: black;
	}
}

/* *************** TABLETTE *************** */
@media screen and (max-width: 1024px) {
	/* ---------- Header ---------- */
	/* enlever le petit trait de séparation entre la barre de recherche et les icons RS*/
	section#section-rech-RS-header #header-barre-rech div.elementor-widget-container {
		border-style: none;
	}
	/* ---------- fin header ---------- */

	/* ---------- Page recherche avancée ---------- */
	/* main de la pages Résultats de la recherche (via le plugin Elementor champ recherche) */
	body.search.search-results main#main div.page-content, 
	body.search.search-no-results main#main div.page-content,
	body.archive.tag main#main div.page-content,
	body.archive.category main#main div.page-content {
		width: 100%;
		padding: 0 50px;
	}
	/* Chaque élément li de la Liste */
	div.conteneur-rech-avancee ul li {
		display: block;
	}
	/* ---------- fin page recherche avancée ---------- */

}

/* *************** MOBILE *************** */
@media screen and (max-width: 767px) {
	/* ---------- HEADER ---------- */
	/* Logo dans header */
	header.elementor-element div.elementor-element div.elementor-widget-container div.elementor-image img {
		width: 150px;
	}
	/* ---------- fin header ---------- */

	/* ---------- FOOTER ---------- */
	/* Lien "Paramétrage des Cookie" dans le footer */
	footer div.footer-lien-param-cookie {
		text-align: center;
	}
	/* ---------- fin footer ---------- */
}

/* Cookie */
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    display: block !important;
    position: relative !important;
    max-width: 100% !important;
}

.tarteaucitronLine a:first-of-type {
    display: none;
}