@charset "utf-8";

:root {
	
	--sirius_version:"2.12.3";

	--global_h1:rgba(44, 90, 160, 1);
	--global_h2:rgba(255, 101, 1, 1);
	--global_h3:rgba(44, 90, 160, 1);
	--global_h4:#777;

	--global_label:rgba(44, 90, 160, 1);
	--global_contenu:#333;
	
	--global_actif:rgba(44, 90, 160, 1);
	
	--global_a:rgba(255,101,1,1);

	--bouton_bg:rgba(200, 200, 200, 0.2);
	--bouton_bg_hover:rgba(44, 90, 160, 0.05);
	--bouton_bg_selectionne:rgba(44, 90, 160, 0.15);

	--bouton_action_bg:hsl(216 57% 60% / 0.8);
	--bouton_action_bordure:hsl(216 57% 50% / 0.8);
	--bouton_action_bg_hover:hsl(216 57% 60% / 0.8);
	--bouton_action_bg_selectionne:hsl(216 57% 80% / 0.8);
	--bouton_action_label:rgba(255, 255, 255, 1);
	--bouton_action_label_hover:hsl(216 57% 50% / 1);
	
	--haut_bouton_bg_selectionne:hsl(216 57% 90% / 0.8);

	--haut_menu_droit:rgba(200, 200, 200, 0.2);

	--haut_bouton_border:rgba(200, 200, 200, 0.5);
	--haut_bouton_label:#333;
	--haut_bouton_border_survol:rgba(44, 90, 160, 0.5);
	--haut_bouton_border_selectionne:rgba(44, 90, 160, 1);
	--haut_bouton_label_selectionne:rgba(44, 90, 160, 1);

	--centre_bouton_border:rgba(200, 200, 200, 0.5);
	--centre_bouton_border_survol:rgba(44, 90, 160, 0.5);
	--centre_bouton_bg_selectionne:rgba(123, 133, 148, 1);
	--centre_bouton_border_selectionne:rgba(44, 90, 160, 1);


	--modal_header_bg:rgba(233, 238, 245, 1);
	--modal_header_bg_inactif:rgba(244, 244, 244, 1);
	--modal_header_titre:rgba(44, 90, 160, 1);
	--modal_header_titre_inactif:rgba(100, 100, 100, 1);
	
	
	--modal_menu_bg:rgba(220, 220, 220, 0.2);
	--modal_menu_bg_actif:rgba(233, 238, 245, 1);
	--modal_sous_menu_bg:rgba(250, 250, 250, 1);
	--modal_menu_bouton_bg:rgba(100, 100, 100, 1);
	--modal_menu_bouton_font:rgba(100, 100, 100, 1);
	--modal_menu_bouton_font_actif:rgba(44, 90, 160, 1);
	--modal_menu_bouton_bg_hover:rgba(255, 255, 255, 1);
	--modal_menu_bouton_bg_actif:rgba(44, 90, 160, 0.1);
	
	
	--selecteur_item_bureau_bg:rgba(200, 200, 200, 0.8);
	--selecteur_item_bureau_bg_survol:rgba(200, 200, 200, 0.9);
	--selecteur_item_bureau_bordure_selectionne:rgba(44, 90, 160, 1);
	--selecteur_item_bureau_bg_selectionne_blanc:rgba(255, 255, 255, 0.8);
	--selecteur_item_bureau_bg_selectionne:rgba(44, 90, 160, 0.2);

	--poucet_bg_inactif:rgba(220, 220, 220, 0.2);
	--poucet_titre:rgba(100, 100, 100, 1);
	--poucet_titre_hover:rgba(44, 90, 160, 0.7);
	--poucet_titre_actif:rgba(44, 90, 160, 1);


	--liste_header_bg:rgba(44, 90, 160, 0.1);
	--liste_item_bg_hover:rgba(44, 90, 160, 0.05);
	--liste_item_bg_case_tri:rgba(44, 90, 160, 0.05);
	--liste_item_bg_selectionne:rgba(44, 90, 160, 0.08);
	--liste_item_bg_selectionne_hover:rgba(44, 90, 160, 0.12);
	--liste_header_bg_case_tri:rgba(44, 90, 160, 0.2);
	--liste_header_bg_case_hover:rgba(44, 90, 160, 0.05);

	--form_matrice_contenu_border:rgba(200, 200, 200, 0.8);
	--form_matrice_item_border_selectionne:rgba(255, 153, 85, 1);
	--form_matrice_item_bg_selectionne:rgba(44, 90, 160, 1);
	--form_matrice_item_bg_survolle:rgba(200, 200, 200, 0.8);

	--form_input_border:rgba(200, 200, 200, 0.2);
	--form_input_border_selectionne:rgba(44, 90, 160, 0.5);
	--form_input_border_bas:rgba(44, 90, 160, 0.5);

	--form_input_border_erreur:rgba(200, 100, 100, 0.8);
	--form_input_border_selectionne:rgba(255, 101, 0, 1);
	
	--form_input_placehoder:rgba(200, 200, 200, 0.8);
	--form_input_placehoder_selectionne:rgba(44, 90, 160, 0.4);
	--form_input_contenu_border:rgba(200, 200, 200, 0.4);


	--form_encoche_bg_rail_false:rgba(220, 220, 220, 0.8);
	--form_encoche_bg_rail_true:rgba(44, 90, 160, 0.2);
	--form_encoche_bg_tete_false:rgba(180, 180, 180, 1);
	--form_encoche_bg_tete_true:rgba(44, 90, 160, 1);
	--form_encoche_font_false:rgba(120, 120, 120, 1);
	--form_encoche_font_true:rgba(44, 90, 160, 1);


	--form_textarea_border:rgba(200, 200, 200, 0.8);
	--form_textarea_border_selectionne:rgba(44, 90, 160, 0.5);
	--form_textarea_placehoder:rgba(200, 200, 200, 0.8);
	--form_textarea_placehoder_selectionne:rgba(44, 90, 160, 0.4);
	--form_textarea_contenu_border:rgba(200, 200, 200, 0.4);


	--form_liste_derroulante_border:rgba(200, 200, 200, 0.4);
	--form_liste_derroulante_border_items:rgba(100, 100, 100, 0.8);
	--form_liste_derroulante_transparent_border:rgba(200, 200, 200, 0.1);
	--form_liste_derroulante_border_bas:rgba(44, 90, 160, 0.5);
	--form_liste_derroulante_border_erreur:rgba(180, 100, 100, 1);
	--form_liste_derroulante_border_ok:rgba(100, 180, 100, 1);	
	--form_liste_derroulante_border_saisie:rgba(200, 200, 200, 0.8);
	--form_liste_derroulante_bg_item_hover:hsl(216 57% 95% / 1);
	--form_liste_derroulante_bg_icone:#efefef;

	--form_groupe_bg_header:rgba(240, 240, 240, 0.8);
	--form_groupe_bg_header_deplie:rgba(44, 90, 160, 0.1);
	--form_groupe_border_conteneur:rgba(240, 240, 240, 0.8);
	--form_groupe_bg_conteneur:rgba(255, 255, 255, 1);
	
	--formule_sheet_bg:rgba(250, 250, 250, 1);
	--formule_sheet_border: rgba(44, 90, 160, 1);	
	
	
	--graphique_general_border:rgba(220, 220, 220, 0.8);

	--information_bg:rgba(150,150,150, 0.5);
	--information_bg_actif:rgba(44, 90, 160, 0.15);
	--information_texte:rgba(255, 255, 255, 1);
	--information_texte_actif:rgba(44, 90, 160, 1);

	--message:#333;
	--message_erreur:rgba(200, 100, 100, 0.8);
	--message_bg_erreur:rgba(200, 100, 100, 0.075);
	
	--aucun_texte:rgba(200, 200, 200, 0.8);

	--tag_bg:rgba(44, 90, 160, 0.8);
	--tag_texte_color:rgba(255, 255, 255, 1);
	
	--form_liste_derroulante_border_selectionne:rgba(255, 101, 0, 1);
	--form_liste_derroulante_bg_liste_derroulante:rgba(255, 255, 255, 0.8);
	--form_liste_derroulante_bg_recherche:rgba(255, 255, 255, 0.8);
	--form_liste_derroulante_bg_recherche_font:rgba(44, 90, 160, 1);
	--form_liste_derroulante_bg_items:rgba(255, 255, 255, 0.8);
	--form_liste_derroulante_bg_item:rgba(255, 255, 255, 1);
	--filter_floute:blur(0.5em);

	--filter_actif:hue-rotate(195deg) brightness(90%) saturate(1200%);
	
}

@font-face {
	font-family:'SpecialFont';
    font-style: normal;	
	src:url(DevinaGardenRegular.woff) format('woff');
}

@font-face {
	font-family:'Roboto Condensed';
    font-style: normal;	
	src:url(RobotoCondensed-Regular.woff) format('woff'), url(RobotoCondensed-Regular.ttf) format('truetype');
}

body, html {
	height:100vh;
	overflow:hidden;
	overflow-x:hidden;
} 

html {
	overflow-y:hidden;
	box-sizing:border-box;
}

*, *:before, *:after {
	box-sizing:inherit;
}

*:focus-visible {
	outline:unset;
}

.masque_vide:empty {
	display:none;
}

body {

	padding:0;
	margin:0;

	font-size:1.25vw;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	
	color:var(--global_contenu);

}

@media (min-aspect-ratio: 1920/836) {
  body {
	--w:100dvw;
	--h:100dvh;
    font-size:calc( 1.1vw * var(--h) / var(--w) );
  }
}

body, label, input, textarea, select, button, a, p, h1, h2, h3 {

	font-family:'Roboto Condensed', Arial,"Helvetica Neue", sans-serif;

}

h2 {
	font-family:'SpecialFont';
}

.normalFont {
	font-family:unset !important;
}

.fontSpecial {
	font-family:'SpecialFont';
}

ul {

	margin:0 0 0.5em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_contenu);
	font-size:1em;
	
	list-style-type:square;
	list-style-position:inside;

	width:100%;

	flex-direction:column;

	display:flex;
	position:relative;
	float:left;
}

ul li {

	margin:0;
	padding:0.5em 0 0 0.5em;

	font-weight:normal;
	color:var(--global_contenu);
	font-size:1em;

	width:100%;

	display:list-item;
	position:relative;
	float:left;
}

ol {
	margin:0 0 1em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_contenu);
	font-size:1em;

	list-style-position:outside;

	width:100%;

	counter-reset: item;
	flex-direction:column;

	display:flex;
	position:relative;
	float:left;
}

ol li {
	margin:0;
	padding:0 0 0 0.5em;

	font-weight:normal;
	color:var(--global_contenu);
	font-size:1em;
	counter-increment:item;

	width:100%;

	display:list-item;
	position:relative;
}

ol.etape {
	margin:0.5em 0 0 0;
	list-style:none;
}

ol.etape li {
	margin-left:3em;
    padding:0.5em 0 0.5em 0.5em;
    margin-top:0.1em;
    margin-bottom:0.1em;
	width:calc(100% - 3.5em);
	min-height:2em;
	border-bottom:0.2em dotted #ccc;
	align-items:center;
	display:flex;
}

ol.etape li:last-child {
	border-bottom:unset; 
}

ol.etape li:before {
	padding:0;
	content:counter(item);
    background-color:var(--tag_bg);
    color:var(--tag_texte_color);
    border:0.2em solid #ffffffaa;
	text-align:center;
	border-radius:50%;
	height:2em;
	width:2em;
	justify-content:center;
	align-items:center;
	display:flex;
    float:left;
    position:absolute;
    left:-2.5em;	
}

button a {
	color:unset;
	text-decoration:none;
	white-space:nowrap;
}

button a:visited {
	color:unset;
}

button:hover a {
	color:var(--global_actif);
}

img {
	border:0;
}

.modal p {
	margin:0 0 1em 0;
	padding:0;
	font-weight:normal;
	color:var(--global_contenu);
	text-align:justify;
	font-size:1em;
	width:100%;
	display:block;
	position:relative;
	float:left;
}

sub, sup {

	font-size:0.7em;
	line-height: 0;

}

sub {
	margin-top: 0.6em;
}

a {
	color:var(--global_a);
}

a:active, a:focus {
	outline:none;
}

canvas, canvas:active, canvas:focus {
	outline:none;
}

button, button:active, button:focus {
	
	cursor:pointer;
	outline:none;
	
	border-style:unset;
	
}

h1 {
	margin:0.2em 0 0.2em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_h1);
	font-size:1.6em;

	width:100%;

	display:block;
	float:left;
}

h1.page {
	margin-bottom:0.2em;	
	font-size:2.8em;
	text-shadow:-0.02em 0.02em #777;
}

h2 {
	margin:0.4em 0 0.2em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_h2);
	font-size:1.1em;
	font-family:'SpecialFont';

	width:100%;

	display:block;
	float:left;
}

h2.avantage {
	font-size:1.8em;
}

h2.article {
	font-size:2.2em;
}

h3 {
	margin:0.4em 0 0.2em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_h3);
	font-size:1em;

	width:100%;

	display:block;
	float:left;
}

h4 {
	margin:0.4em 0 0.2em 0;
	padding:0;

	font-weight:normal;
	color:var(--global_h4);
	font-size:1em;

	width:100%;

	display:block;
	float:left;
}


h2.page {
	margin-bottom:0.2em;	
	font-size:2.2em;
	text-shadow:-0.02em 0.02em #777;
}

label {

	margin:0;
	padding:0;

	font-weight:normal;
	color:var(--global_label);
	font-size:1em;

	width:100%;

	display:block;
	float:left;
	
}

label:empty {
	display:none;
}

p {
	margin:0;
	padding:0;

	font-weight:normal;
	font-size:1em;

	width:100%;

	display:block;
	float:left;
}

/* Decoration Fond */
.decoration_fond::before {
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	background-image: radial-gradient(#cccccc44 0.1em, transparent 0.1em);
	background-size: 0.6em 0.6em;
	position:absolute;
}

/* Formulaire */

.fiche {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;	
	
}

.fiche .fiche_conteneur {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;	
	
}


.champ_limiteur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_limiteur .champ_limiteur_input {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	flex:1;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_limiteur .champ_limiteur_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:stretch;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
	flex-wrap:nowrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_limiteur input {

	margin:0;
	padding:0.2em 0.4em;
	
	font-size:1em;
	
	width:100%;
	
	border:0.1em solid var(--form_input_border);
	border-bottom:0.1em solid var(--form_input_border_bas);
	outline:0;
	
	border-radius:0;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;	
}

.champ_limiteur input:focus {

	border-bottom-color:var(--form_input_border_selectionne);
	
}

.champ_limiteur.erreur input {

	border-bottom-color:var(--form_input_border_erreur);
	
}

.champ_limiteur.ok input {

	border-bottom-color:var(--form_input_border_ok);
	
}

.champ_limiteur input::placeholder {
	color:var(--form_input_placehoder);
	font-size:1em;
	font-weight:lighter;
}

.champ_limiteur input:focus::placeholder {
	color:var(--form_input_placehoder_selectionne);
}



.champ_limiteur label {

	margin:0;
	padding:0;

	font-weight:normal;
	color:var(--global_label);
	font-size:0.9em;

	width:100%;

	display:block;
	float:left;
	
}

.champ_limiteur.erreur label {

	color:var(--form_input_border_erreur);
	
}

.champ_limiteur.ok label {

	color:var(--form_input_border_ok);
	
}

.champ_limiteur .champ_limiteur_contenu {

	margin:0;
	padding:0.2em 0.4em;
	
	font-size:1em;
	
	width:100%;
	min-height:1.8em;
	
	border:0.1em solid var(--form_input_contenu_border);
	outline:0;
	
	border-radius:0;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;	

}

.menu.menu_champ_limiteur {

	flex:0;

}


.menu.menu_champ_limiteur .bouton {

	margin:0;
	padding:0;
	
	font-size:1em;

	cursor:pointer;

	border:0.1em solid var(--haut_bouton_border);

	border-radius:0.2em;

	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 1.2em 1.2em;

	width:1.8em;
	height:1.8em;
	
	position:relative;
	display:block;
	float:left;
}

.menu.menu_champ_limiteur .bouton:hover {
	
	background-color:#fff;
	border-color:var(--haut_bouton_border_survol);

}

.menu.menu_champ_limiteur .bouton.inactif {
	
	border-color:var(--haut_bouton_border);
	filter:grayscale(1) opacity(0.4);
	cursor:auto;
	
}

.menu.menu_champ_limiteur .bouton.inactif:hover {
	
	border-color:var(--haut_bouton_border);
	
}

.menu.menu_champ_limiteur .bouton.bouton_plus {
	background-image:url(../img/boutons/bouton_ajouter_noire.svg?v=2.12.3);
}

.menu.menu_champ_limiteur .bouton.bouton_moins {
	background-image:url(../img/boutons/bouton_soustraire_noire.svg?v=2.12.3);
}

.menu.menu_haut .bouton {

	border-bottom:0.15em solid var(--haut_bouton_border);
	border-radius:1.5em 0.5em 0.5em 1.5em;
	width:auto;

	background-color:rgba(255,255,255,0.7);

	transition:border-color 0.75s ease;
	height:3em;

	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	
}

.menu.menu_haut .bouton:hover {
	background-color:rgba(255,255,255,1);
	border-color:var(--haut_bouton_border_survol);
}

.menu.menu_haut .bouton.selectionne {
	background-color:var(--haut_bouton_bg_selectionne);
	border-color:var(--haut_bouton_border_selectionne);
}

.menu.menu_haut .bouton .bouton_label {

	margin:0;
	padding:0;
	
	color:var(--haut_bouton_label);

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	float:left;
	
}

.menu.menu_haut .bouton.selectionne .bouton_label {
	color:var(--haut_bouton_label_selectionne);
}


.menu.menu_liens .bouton {
	
	margin:0;
	padding:0.25em 0.4em;

	width:auto;
	height:auto;
	background-color:rgba(255,255,255,0.2);
	border-radius:0.5em;

	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	
}

.menu.menu_liens .bouton:hover {
	background-color:rgba(255,255,255,1);
	border-color:var(--haut_bouton_border_survol);
}

.menu.menu_liens .bouton.selectionne {
	background-color:var(--haut_bouton_bg_selectionne);
	border-color:var(--haut_bouton_border_selectionne);
}

.menu.menu_liens .bouton .bouton_label {

	margin:0;
	padding:0;
	
	color:var(--haut_bouton_label);

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	float:left;
	
}

.menu.menu_liens .bouton.selectionne .bouton_label {
	color:var(--haut_bouton_label_selectionne);
}

.menu.menu_liens .bouton .bouton_label a {
	font-size:0.8em;
}


.menu.menu_offre {
	
	justify-content:flex-start;
	
}

.menu.menu_offre .bouton {

	border-bottom:0.3em solid var(--haut_bouton_border);
	border-radius:0.75em;
	width:auto;
	height:auto;

	background-color:rgba(255,255,255,0.7);
	
	transition:border-color 0.75s ease;

	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
	display:flex;
	
}

.menu.menu_offre .bouton:hover {
	background-color:rgba(255,255,255,0.85);
}

.menu.menu_offre .bouton.selectionne {
	background-color:var(--haut_bouton_bg_selectionne);
	border-color:var(--haut_bouton_border_selectionne);
}

.menu.menu_offre .bouton .bouton_label {
	color:var(--haut_bouton_label);
}

.menu.menu_offre .bouton.selectionne .bouton_label {
	color:var(--haut_bouton_label_selectionne);
}



.menu.menu_haut .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.8);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 1.8em 1.8em;

	width:2em;
	height:2em;
	
	position:relative;
	display:block;
	float:left;
}

.bouton.bouton_presentation .bouton_icone {
	background-image:url(../img/icons/presentation.svg?v=2.12.3);
}

.bouton.bouton_outils .bouton_icone {
	background-image:url(../img/icons/outils.svg?v=2.12.3);
}

.bouton.bouton_etude_cas .bouton_icone {
	background-image:url(../img/icons/etude_cas.svg?v=2.12.3);
}

.bouton.bouton_formules .bouton_icone {
	background-image:url(../img/icons/formules.svg?v=2.12.3);
}

.bouton.bouton_inscription .bouton_icone {
	background-image:url(../img/icons/inscription.svg?v=2.12.3);
}

.bouton.bouton_blog .bouton_icone {
	background-image:url(../img/icons/article.svg?v=2.12.3);
}

.menu.menu_haut_membre {
	height:100%;
	margin:0;
}

.menu.menu_haut_membre .bouton {

	border-radius:0;
	width:auto;
	height:100%;
	
	background-color:rgba(255,255,255,0.8);
	flex-direction:column;

	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	
}

.menu.menu_haut_membre .bouton:hover {
	
	background-color:rgba(255,255,255,1);
	
}

.menu.menu_haut_membre .bouton .bouton_icone {

	margin:0;
	padding:0;
	
	font-size:1em;

	cursor:pointer;

	background-repeat:no-repeat;
	background-position:center center;
	background-size: 2.4em 2.4em;

	width:2.5em;
	height:2.5em;
	
	position:relative;
	display:block;
	float:left;

	
}

.bouton.bouton_membre .bouton_icone {
	
    background-image: url(../img/boutons/bouton_connecter_noire.svg?v=2.12.3);

}


.menu.menu_transmettre .bouton {

	border-radius:0.75em;
	width:auto;
	height:auto;

	background-color:var(--bouton_action_bg);
	border-bottom:0.25em solid var(--bouton_action_bordure);
	color:var(--bouton_action_label);

	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	
}

.menu.menu_transmettre .bouton:hover {

	background-color:var(--bouton_action_bg_selectionne);
	
}

.menu.menu_transmettre .bouton .bouton_label {

	font-size:1.2em;
	color:var(--bouton_action_label);
	
}

.menu.menu_transmettre .bouton:hover .bouton_label {

	color:var(--bouton_action_label_hover);
	
}

.menu.menu_transmettre .bouton.selectionne .bouton_label {

	color:var(--bouton_action_label_selectionne);
	
}

.menu.menu_transmettre .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 2.4em 2.4em;

	width:2.8em;
	height:2.8em;
	
	position:relative;
	display:block;
	float:left;

	
}

.bouton.bouton_inscription_transmettre .bouton_icone {
	
    background-image: url(../img/icons/transmettre.svg?v=2.12.3);

}

.bouton.bouton_contact_transmettre .bouton_icone {
	
    background-image: url(../img/icons/transmettre.svg?v=2.12.3);

}



.menu.menu_cookie .bouton {
	
	padding:0.2em 0;

	border-radius:0.5em;
	width:auto;
	height:auto;

	background-color:var(--bouton_action_bg);
	border-bottom:0.15em solid var(--bouton_action_bordure);
	color:var(--bouton_action_label);

	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	display:flex;
	
}

.menu.menu_cookie .bouton:hover {

	background-color:var(--bouton_action_bg_selectionne);
	
}

.menu.menu_cookie .bouton .bouton_label {

	font-size:1em;
	color:var(--bouton_action_label);
	
}

.menu.menu_cookie .bouton:hover .bouton_label {

	color:var(--bouton_action_label_hover);
	
}

.menu.menu_cookie .bouton.selectionne .bouton_label {

	color:var(--bouton_action_label_selectionne);
	
}

.menu.menu_cookie .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 2em 2em;

	width:2.2em;
	height:2.2em;
	
	position:relative;
	display:block;
	float:left;

	
}

.bouton.bouton_cookie_ok .bouton_icone {
	
    background-image: url(../img/icons/cookie.svg?v=2.12.3);

}




/* Champs */

.champ_zone {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_zone .champ_zone_conteneur {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;	
	
}

.champ_input {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_input .champ_input_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;
	display:flex;
	float:left;
	
}

.champ_input input {

	margin:0;
	padding:0.3em 0.4em;
	
	font-size:1em;
	line-height:1;
	
	width:100%;
	
	border:0.1em solid var(--form_input_border);
	outline:0;
	
	border-radius:0;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;	
}

.champ_input input {
	
	border-bottom:0.1em solid var(--form_input_border_bas);
	
}

.champ_input_conteneur .bouton {
	margin:0;
	padding:0;
	
	font-size:1em;

	width:1.8em;
	height:1.8em;

	cursor:pointer;
	user-select:none;
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:85% 85%;
	background-position:center center;
	
	position:absolute;
	display:block;
	float:left;
}

.champ_input_conteneur .bouton.bouton_supprimer_contenu {
	right:-2em;
	top:0.2em;
	display:none;
	background-image:url(../img/boutons/bouton_fermer_noire.svg?v=2.12.3);
}

.complete > .champ_input_conteneur .bouton.bouton_supprimer_contenu {
	display:block;
}

.champ_input input.chiffre_important_2 {

	border-bottom-color:var(--form_input_border_bas) !important;
	
}


.champ_input input:focus {

	border-bottom-color:var(--form_input_border_selectionne);
	background-color:#fff;
	
}

.champ_input input.chiffre_important_2:focus {

	border-bottom-color:var(--form_input_border_selectionne) !important;
	
}


.champ_input.erreur input {

	border-bottom:0.1em solid var(--form_input_border_erreur);
	
}

.champ_input input.erreur.chiffre_important_2 {

	border-bottom-color:var(--form_input_border_erreur) !important;
	
}

.champ_input.ok input {

	border-bottom:0.1em solid var(--form_input_border_ok);
	
}

.champ_input input.ok.chiffre_important_2 {

	border-bottom-color:var(--form_input_border_ok) !important;
	
}

.champ_input input::placeholder {
	color:var(--form_input_placehoder);
	font-size:1em;
	font-weight:lighter;
}

.champ_input input:focus::placeholder {
	color:var(--form_input_placehoder_selectionne);
}

.champ_input input::-webkit-datetime-edit-day-field:focus,
.champ_input input::-webkit-datetime-edit-month-field:focus,
.champ_input input::-webkit-datetime-edit-year-field:focus {
    background-color: var(--form_input_border_selectionne);
    color: white;
    outline: none;
}


.champ_input textarea {

	margin:0;
	padding:0.3em 0.4em;
	
	font-size:1em;
	
	width:100%;
	min-height:7em;

    resize:none;
    overflow:hidden;
	
	border:0.1em solid var(--form_input_border);
	outline:0;
	
	border-radius:0;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;	
}

.champ_input textarea {
	
	border-bottom:0.1em solid var(--form_input_border_bas);
	
}

.champ_input textarea:focus {

	border-bottom-color:var(--form_input_border_selectionne);
	background-color:#fff;
	
}


.champ_input.erreur textarea {

	border-bottom:0.1em solid var(--form_input_border_erreur);
	
}

.champ_input textarea.erreur.chiffre_important_2 {

	border-bottom-color:var(--form_input_border_erreur) !important;
	
}

.champ_input.ok textarea {

	border-bottom:0.1em solid var(--form_input_border_ok);
	
}

.champ_input textarea.ok.chiffre_important_2 {

	border-bottom-color:var(--form_input_border_ok) !important;
	
}

.champ_input textarea::placeholder {
	color:var(--form_input_placehoder);
	font-size:1em;
	font-weight:lighter;
}

.champ_input textarea:focus::placeholder {
	color:var(--form_input_placehoder_selectionne);
}



.champ_input label {

	margin:0;
	padding:0;

	font-weight:normal;
	color:var(--global_label);
	font-size:0.9em;

	width:100%;

	display:block;
	float:left;
	
}

.champ_input.erreur label {

	color:var(--form_input_border_erreur);
	
}

.champ_input.ok label {

	color:var(--form_input_border_ok);
	
}

.champ_input .champ_input_contenu {

	margin:0;
	padding:0.27em 0.4em;
	
	font-size:1em;
	
	width:100%;
	min-height:1.94em;
	
	border:0.1em solid var(--form_input_contenu_border);
	outline:0;
	
	border-radius:0;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;	

}




.champ_textarea {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_textarea .champ_textarea_contenu {

	margin:0;
	padding:0.2em 0.4em;
	
	font-size:1em;
	
	width:100%;
	min-height:1.8em;
	
	border:0.1em solid var(--form_textarea_contenu_border);
	outline:0;
	
	border-radius:0;
	white-space: pre-line;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;	
}

.champ_textarea .champ_textarea_contenu.ql-container {

	padding:0;
	border:0;
	
}

.champ_textarea .champ_textarea_contenu.ql-container .ql-editor {

	padding:0.2em 0.4em;
	border:0.1em solid var(--form_textarea_border);
	border-bottom:0.1em solid var(--form_textarea_border_bas);
	
	line-height:unset;
	
}

.champ_textarea .champ_textarea_contenu.ql-container .ql-editor p {

	font-size:1em;
	
}


.champ_textarea .champ_textarea_contenu.ql-container .ql-editor:focus {

	border-bottom-color:var(--form_textarea_border_selectionne);
	
}

.champ_textarea .champ_textarea_contenu.ql-container .ql-editor.ql-blank::before {
	color:var(--form_textarea_placehoder);
	font-weight:lighter;
}

.champ_textarea .champ_textarea_contenu.ql-container .ql-editor.ql-blank:focus::before {
	color:var(--form_textarea_placehoder_selectionne);
}

.champ_textarea label {

	margin:0;
	padding:0;

	font-weight:normal;
	color:var(--global_label);
	font-size:0.9em;

	width:100%;

	display:block;
	float:left;
	
}




.champ_groupe {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_groupe.desactive {
	
	filter:grayscale(1);
	
}

.champ_groupe .champ_groupe_header {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:stretch;
    align-content:center;
	flex-wrap:nowrap;

	background-color:var(--form_groupe_bg_header);

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_groupe.desactive .champ_groupe_header {

	background-color:var(--form_groupe_bg_header_desactive);

}


.champ_groupe.deplie .champ_groupe_header {

	background-color:var(--form_groupe_bg_header_deplie);

}

.champ_groupe.desactive.deplie .champ_groupe_header {

	background-color:var(--form_groupe_bg_header_deplie_desactive);

}

.champ_groupe_header .titre {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	flex:1;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:center;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_groupe_header .icone {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	align-self:center;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}


.champ_groupe.deplie .champ_groupe_header .icone.icone_champ_groupe {

	transform:rotate(-180deg);	

}

.champ_groupe .champ_groupe_conteneur_champs {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	border:0.05em solid var(--form_groupe_border_conteneur);

	background-color:var(--form_groupe_bg_conteneur);

	position:relative;	
	display:none;
	float:left;
	
}


.champ_groupe.deplie .champ_groupe_conteneur_champs {

	display:flex;
	
}



.champ_encoche {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:stretch;
    justify-content:flex-start;
    align-items:center;
    align-content:flex-start;
	flex-wrap:nowrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_encoche .champ_encoche_interrupteur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	height:1.2em;
	width:2.4em;
	
	justify-items:stretch;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_encoche .champ_encoche_interrupteur::before {

	height:0.3em;
	
	top:calc(50% - 0.15em);
	
	left:0.4em;
	right:0.4em;
	
	border-radius:0.2em;
	
	content:" ";

	background-color:var(--form_encoche_bg_rail_false);
	
	position:absolute;	
	display:flex;
	float:left;	
	
}

.champ_encoche .champ_encoche_interrupteur:after {

	height:0.8em;
	width:0.8em;
	
	top:calc(50% - 0.4em);
	
	left:0;
	
	border:#fff solid 0.1em;
	border-radius:0.4em;
	
	content:"";

	background-color:var(--form_encoche_bg_tete_false);
	
	position:absolute;	
	display:flex;
	float:left;	
	
}

.champ_encoche.true .champ_encoche_interrupteur::before {

	background-color:var(--form_encoche_bg_rail_true);
	
}

.champ_encoche.true .champ_encoche_interrupteur:after {

	left:unset;
	right:0;

	background-color:var(--form_encoche_bg_tete_true);
	
}

.champ_encoche label {

	font-size:0.9em;

	user-select:none;

	color:var(--form_encoche_font_false);
	flex:1;

}

.champ_encoche.true label {

	color:var(--form_encoche_font_true);

}



.champ_encoche.checkbox .champ_encoche_interrupteur {
	
    justify-content:center;
    align-items:center;
    align-content:center;	
	
	height:1.4em;
	width:1.4em;
	
	background-color:#fff;
	border-radius:0.3em;
	
	border:0.15em solid var(--form_encoche_bg_rail_true);
	
}

.champ_encoche.checkbox .champ_encoche_interrupteur::before {

	height:unset;
	
	top:unset;
	
	left:unset;
	right:unset;
	
	border-radius:unset;
	
	content:unset;

	background-color:unset;

}

.champ_encoche.checkbox .champ_encoche_interrupteur:after {

	height:calc(100% - 0.3em);
	width:calc(100% - 0.3em);
	
	top:unset;	
	left:unset;
	
	border:unset;
	border-radius:0.2em;
	
	content:"";

	background-color:transparent;
	position:relative
		
}

.champ_encoche.checkbox.true .champ_encoche_interrupteur::before {

	background-color:var(--form_encoche_bg_rail_true);
	
}

.champ_encoche.checkbox.true .champ_encoche_interrupteur:after {

	background-color:var(--form_encoche_bg_tete_true);
	
}








.champ_liste_derroulante {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_liste_derroulante label {

	margin:0;
	padding:0;

	font-weight:normal;
	color:var(--global_label);
	font-size:0.9em;

	width:100%;

	display:block;
	float:left;
	
}

.champ_liste_derroulante.erreur label {

	color:var(--form_liste_derroulante_border_erreur);
	
}

.champ_liste_derroulante.ok label {

	color:var(--form_liste_derroulante_border_ok);
	
}


.champ_liste_derroulante:hover {

	display:flex;
	
	z-index:2000;

}

.champ_liste_derroulante .champ_liste_derroulante_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_liste_derroulante .item_selectionne {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	min-height:2em;

	border:0.1em solid var(--form_liste_derroulante_border);
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:stretch;
    align-content:flex-start;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_liste_derroulante .item_selectionne {

	border:0.1em solid var(--form_liste_derroulante_transparent_border);
	
}

.champ_liste_derroulante.saisie.deplie .item_selectionne {

    border-bottom-color:var(--form_liste_derroulante_border_selectionne);

}

.champ_liste_derroulante.erreur .item_selectionne {

	border-bottom:0.1em solid var(--form_liste_derroulante_border_erreur);

}

.champ_liste_derroulante.ok .item_selectionne {

/*	border:0.1em solid var(--form_liste_derroulante_border_ok);*/
	border-bottom:0.1em solid var(--form_liste_derroulante_border_ok);

}

.champ_liste_derroulante.saisie .item_selectionne {

	border-bottom:0.1em solid var(--form_liste_derroulante_border_bas);

}

.champ_liste_derroulante.deplie.saisie .item_selectionne {

    border-bottom-color:var(--form_liste_derroulante_border_selectionne);

}

.champ_liste_derroulante.erreur.saisie .item_selectionne {

/*	border:0.1em solid var(--form_liste_derroulante_border_erreur);*/
	border-bottom:0.1em solid var(--form_liste_derroulante_border_erreur);

}

.champ_liste_derroulante.ok.saisie .item_selectionne {

/*	border:0.1em solid var(--form_liste_derroulante_border_ok);*/
	border-bottom:0.1em solid var(--form_liste_derroulante_border_ok);

}



.champ_liste_derroulante .item_selectionne .item_selectionne_conteneur {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	flex:1;
	
	background-color:#fff;
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;

}

.champ_liste_derroulante.saisie .item_selectionne .item_selectionne_conteneur {

	max-width: calc(100% - 2.5em);

}

.champ_liste_derroulante .item_selectionne .item_selectionne_conteneur:empty::after{

	margin:0.2em 0;
	padding:0;
	font-size:1em;
/*	content:' ';*/
/*	background-color:#efefef;*/
	position:relative;
	display:block;
	float:left;
			
}

.champ_liste_derroulante .item_selectionne .icone_changer_liste_derroulante {

	margin:auto;
	height:1.7em;
	min-height:1.7em;
	
	width:2.5em;
	
}

.champ_liste_derroulante .item_selectionne .icone_changer_liste_derroulante::after {

	margin:0.1em 0 0 0;
	height:1.7em;
	width:1.7em;

	content:'';
	
	background-size:1.45em 1.45em;
	background-position:center;
	border-radius:50%;
	background-color:var(--form_liste_derroulante_bg_icone);

}


.champ_liste_derroulante.saisie .item_selectionne::before {

	margin:0;
	padding:0;
	font-size:1em;
	width:1.9em;
	top:0;
	right:-0.05em;
	height:100%;
	content:'';
/*	background-color:#efefef;*/
	position:absolute;
	display:block;
	float:left;
	
}

.champ_liste_derroulante .item_selectionne:empty::before {

	content:none;

}


.champ_liste_derroulante.deplie .item_selectionne .icone_changer_liste_derroulante::after {

	transform:scaleY(-1);
	background-color:#fff;
	filter:var(--filter_actif);

}

.champ_liste_derroulante .liste_derroulante {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	
	top:100%;
	left:0;
	/*
	background-color:var(--form_liste_derroulante_bg_liste_derroulante);
	*/
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;

	position:absolute;
	display:none;
	float:left;
	
}

.champ_liste_derroulante.deplie .liste_derroulante {

	display:flex;
	
	z-index:1000;

}

.liste_derroulante .liste_derroulante_recherche {


	justify-items:flex-start;
    justify-content:flex-start;
    align-items:stretch;
    align-content:flex-start;
	flex-wrap:nowrap;

	z-index:1000;
	
	box-shadow:0em 0em 0.1em #555555;
	
	font-size:0.8em;
	background-color:var(--form_liste_derroulante_bg_recherche);

	display:flex;
	
}

.liste_derroulante .liste_derroulante_recherche input {

	color:var(--form_liste_derroulante_bg_recherche_font);

	flex:1;
	
}

.liste_derroulante .liste_derroulante_recherche .bouton.bouton_rechercher {

	background-size:1.5em 1.5em;
	height:2em;
	width:3em;

}

.liste_derroulante .items {

	margin:0 0.05em 3em 0.05em;
	padding:0;
	
	font-size:1em;

	width:100%;
	
	background-color:var(--form_liste_derroulante_bg_items);
	outline:0.05em solid var(--form_liste_derroulante_border_items);
	z-index:800;
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:wrap;
	
	overflow:auto;
	overflow-x:hidden;

	position:relative;
	display:flex;
	float:left;
	
}

.champ_liste_derroulante .item {
	
	margin:0;
	padding:0.27em 0.4em;
	
	font-size:1em;
	
	width:100%;

	background-color:var(--form_liste_derroulante_bg_item);

	user-select:none;
	overflow:hidden;
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:center;
    align-content:stretch;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;
	
}

.champ_liste_derroulante .item sub {

	margin-top: 0.6em;
	font-size:0.8em;
	line-height: 0;

}

.champ_liste_derroulante .items .item {

	cursor:pointer;	
	border-bottom:0.05em dotted var(--form_liste_derroulante_border);
	
}

.champ_liste_derroulante .items .item:hover {

	background-color:var(--form_liste_derroulante_bg_item_hover);

}

.champ_liste_derroulante .items .item:last-child {
	border-bottom:unset;	
}	






/* centre */

.centre {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;

	height:calc(100% - 6.2em);

	top:5em;
	left:0;

	position:fixed;	
	display:flex;

}

.centre .centre_centrale {
	margin:0;
	padding:0;
	font-size:1em;
	width:100%;
	height:100%;

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;
	
	position:relative;
	
	display:flex;
	float:left;
}



/* page_globale */

.page_globale {
	
	margin:0;
	padding:0 1.5em;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-content:center;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	scroll-behavior: smooth !important;
	
	z-index:50000;
	
	position:relative;	
	display:none;
	float:left;

}


.page_globale .page_globale_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	min-height:100%;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;

	flex-flow:column;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.page_globale .page_globale_conteneur > .page_section:not(.texte, .sans_bordure)::before {
	
	margin:0;
	padding:0;

	top:2em;
	bottom:2em;
	left:-1em;
	width:0;
	content:'';

	border-left:1em dotted #bbbbbbaa;

	transition:border-color 1s ease;
	animation:show-opacity 3s both;

	position:absolute;
	display:flex;
	float:left;

}

.page_globale .page_globale_conteneur > .page_section:not(.texte):hover::before {
	border-left-color:rgba(44, 90, 160, 0.4);
}

.page_globale .page_globale_conteneur > .page_section:not(.texte) {
	
	overflow:unset;

}

.page_globale.actif {

	animation:display-opacity-50-transition 0.5s both;
	opacity:1;
	
	display:flex;
	
}

.page_globale.sans_contour {

	padding:0em;
	
}

.page_globale.sans_contour {
	border-radius:0 0 0.5em 0.5em;
}

.page_globale.sans_contour.retraici {
	border-radius:unset;
}

.page_globale.wauto_hauto {

	width:auto;
	height:auto;
	
}


.page_globale.w30p_h80p {

	width:30%;
	height:80%;
	
}

.page_globale.w35p_h80p {

	width:35%;
	height:80%;
	
}


.page_globale.w40p_h40p {

	width:40%;
	height:40%;
	
}

.page_globale.w40p_h80p {

	width:40%;
	height:80%;
	
}

.page_globale.w60p_h80p {

	width:60%;
	height:80%;
	
}

.page_globale.w100p_2em_h80p {

	width:calc(100% - 2em);
	height:80%;
	
}

.page_globale.w100p_h80p {

	width:100%;
	height:80%;
	
}

.page_globale.w100p_h20em {

	width:100%;
	height:20em;
	
}

.page_globale.w100p_hauto {

	width:100%;
	height:auto;
	
}


.zone_logo {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:auto;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	overflow: hidden;

	background-color:rgba(150,150,150, 0.1);
	
	position:relative;	
	display:flex;
	float:left;

}

.zone_logo img {
	
	display:block;
	
}


.zone_formulaire {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:20em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	overflow: hidden;

	background-color:#fff;
	
	position:relative;	
	display:flex;
	float:left;

}

.zone_video {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	position:relative;
	display:flex;
	float:left;

}

.zone_video video {
	border-radius:1em;
	border:0.5em #fff solid;
}

.carrousel .carrousel_contenu .zone_video video {
	border:unset;
}

.zone_video video.effet {
	
	opacity:0;
	transform:scale(0.8);
	
}


.zone_video video.effet.animation.loaded {
	
	opacity:1;
	transform:scale(1);
	animation:display-opacity-0-100-transition 2s ease-in-out, scale-0-100-transition 1s ease-in-out;
	
}

.crawler .zone_video video.effet.animation.loaded {
	
	opacity:1;
	transform:scale(1);
	animation:unset;
	
}

.zone_image {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	position:relative;	
	display:flex;
	float:left;

}

.zone_image img {	
	display:block;
}

.zone_image.bordure_epaisse img {
	border-width:0.5em !important;
}

.zone_image.bordure img {
	border: 0.2em solid rgba(255,255,255,0.75);	
}

.zone_image.bordure_grise img {
	border: 0.2em solid rgba(180,180,180,0.8);	
}

.zone_image img.effet {
	
	opacity:0;
	transform:scale(0.8);
	
}

.zone_image.hover_zoom img {
	transition: all .2s ease-in-out
}

.zone_image.hover_zoom img:hover {
	transform:scale(1.5);
	box-shadow:0em 0em 0.5em #999;
	z-index:100000;
}


.zone_image img.effet.animation.loaded {
	
	opacity:1;
	transform:scale(1);
	animation:display-opacity-0-100-transition 2s ease-in-out, scale-0-100-transition 1s ease-in-out;
	
}

.zone_image.hover_zoom img.effet.animation.loaded:hover {
	transform:scale(1.5);	
}


.crawler .zone_image img.effet.animation.loaded {
	opacity:1;
	transform:scale(1);
	animation:unset;	
}

.zone_image img.effet_slide.animation.loaded {
	
	opacity:1;
	transform:scale(1) translateX(0);
	animation:display-opacity-0-100-transition 2s ease-in-out, slide-transition 1s ease-in-out;
	
}

.crawler .zone_image img.effet_slide.animation.loaded {
	
	opacity:1;
	transform:scale(1) translateX(0);
	animation:unset;
	
}

.carrousel.zoom .carrousel_contenu .zone_image img.effet_slide.animation.loaded {
	opacity:1;
	transform:scale(1);
	animation:display-opacity-0-100-transition 2s ease-in-out, scale-0-100-transition 1s ease-in-out;
}

.zone_image.dilluer_droite img {
	
	border-radius:5em 1em 5em 1em;
	
}

.zone_image.dilluer_gauche img {
	
	border-radius:1em 5em 1em 5em;
	
}
/*
.zone_image.offre2 {
	background-color:#ffffffaa;
	border-radius:50%;
}

.zone_image.offre2::before {

	margin:0;
	padding:0;

	content:'';
	top:0.3em;
	left:0.3em;
	right:0.3em;
	bottom:0.3em;
	background-color:#fff;
	border-radius:50%;
	
	display:block;
	position:absolute;
	float:left;
}

*/

.zone_image.offre::before {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:#ffffffaa;
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;

	top:0;
	left:0;
	bottom:0;
	right:0;
	
	position:absolute;	
	display:flex;
	float:left;	
}

.zone_image.offre::after {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:#fff;
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:0.3em;
	left:0.3em;
	bottom:0.3em;
	right:0.3em;
	
	position:absolute;	
	display:flex;
	float:left;	
}

.zone_image.noire {

	background-color:#333;
	
}

.zone_image.arrondie {
	border-radius:1em;
}

.zone_image.arrondie img {
	border-radius:1em;
}

.zone_texte.offre {	
	font-size:1.2em;
}

.selectionne .zone_texte.offre {
	color:var(--global_label);
}


/* carrousel */
.carrousel {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:center;
	flex-direction:column;

	position:relative;	
	display:flex;
	float:left;
	
}

.carrousel .carrousel_contenu {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	cursor:url(../img/icons/icone_zoomer.svg?v=2.12.3) 16 16, auto;
	
	justify-items:flex-start;
	justify-content:center;
	align-items:flex-start;
	align-content:center;

	position:relative;	
	display:flex;
	float:left;
	
}

.carrousel .carrousel_contenu .zone_image::after {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;
	content:'';

	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50%;
	background-image:url(../img/icons/icone_zoomer.svg?v=2.12.3);
	
	cursor:url(../img/icons/icone_zoomer.svg?v=2.12.3) 16 16, auto;
	
	top:calc(50% - 2.5em);
	left:calc(50% - 2.5em);
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 70% 70%;

	width:5em;
	height:5em;
	
	position:absolute;
	display:none;
	float:left;

	
}

.carrousel .carrousel_contenu:hover .zone_image::after {

	display:block;
	opacity:0;
	animation:display-opacity-100-00-transition 3s ease-in-out;

}

.carrousel.zoom .carrousel_contenu .zone_image::after {

	display:none;

}

.carrousel.zoom .carrousel_contenu {
	
	cursor:default;
	
}

.carrousel .carrousel_contenu > div {

	opacity:0.5;
	display:none;

}

.crawler .carrousel .carrousel_contenu > div {

	opacity:1;
	display:flex;

}

.crawler .carrousel .carrousel_contenu {
	flex-direction:row;
	flex-wrap: wrap;
}

.crawler .carrousel .carrousel_contenu > div {
	min-width:40%;
	max-width:40%;
}

.carrousel .carrousel_contenu > div.affiche {

	animation:display-opacity-50-100-transition 0.5s ease-in-out, deplacer-bas-haut-transition 1s ease-in-out;
	opacity:1;
	display:flex;

}


.carrousel .carrousel_menu {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	opacity:0.8;
	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.carrousel .carrousel_menu > div {

	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.carrousel .carrousel_menu:hover {
	opacity:1;
}

.carrousel.zoom .carrousel_menu {

	padding:0 !important;

	top:0.25em;
	left:0;
	position:fixed;
	
}

.carrousel.zoom .carrousel_commentaire {

	top:0;
	position:absolute;
	
}

.carrousel.zoom .carrousel_commentaire:hover {

	opacity:0;
	animation:display-opacity-100-00-transition 1s ease-in-out;
	
}


.carrousel.zoom .carrousel_commentaire > div:first-child {

	margin-top:0;
	
}


.carrousel_menu .bouton {

	margin:0 0 0 0.3em;
	padding:0;
	
	font-size:1em;
	
	width:3.8em;
	height:2.2em;
	
	border-radius:0.3em;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	border:0.1em solid #fff;
	cursor:pointer;
	
	background-color:#ddd;

	overflow:hidden;

	position:relative;	
	display:flex;
	float:left;

}

.carrousel.zoom .carrousel_menu .bouton {

	width:2.5em;
	height:1.5em;
	
}

.carrousel.auto .carrousel_menu .bouton.bouton_play {
	
    background-color:hsla(26 100% 65% / 1);
	filter:unset;
	
}

.carrousel_menu .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.7);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;

	width:1.6em;
	height:1.6em;
	
	position:relative;
	display:block;
	float:left;

	
}

.bouton.bouton_play {
	border-radius:0.5em;
}

.bouton.bouton_play .bouton_icone {
	background-image:url(../img/icons/play.svg?v=2.12.3);
	background-color:unset;
}

.carrousel.auto .carrousel_menu .bouton.bouton_play .bouton_icone {
	filter: invert(1);
}

.carrousel .carrousel_menu .bouton.bouton_play {
	position:absolute;
	left:-4.5em;
}

.carrousel.zoom .carrousel_menu .bouton.bouton_play {
	left:-3.5em;
}


.bouton.bouton_avancer, .bouton.bouton_reculer {

	width:2.5em;
	background-color:transparent;
	border:unset;

}

.carrousel.zoom .carrousel_menu .bouton.bouton_reculer, .carrousel.zoom .carrousel_menu .bouton.bouton_avancer {

	width:2em;
	height:1.5em;
	
}

.carrousel.zoom .carrousel_menu .bouton.bouton_reculer, .carrousel.zoom .carrousel_menu .bouton.bouton_avancer {

	width:2em;
	height:1.5em;
	
}



.bouton.bouton_avancer .bouton_icone {

	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
	background-position:50% 10%;
	transform:rotate(90deg);

}

.bouton.bouton_reculer .bouton_icone {
	
	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
	background-position:50% 10%;
	transform:rotate(-90deg);

}

.carrousel.zoom .carrousel_menu .bouton .bouton_icone {

	width:1.2em;
	height:1.2em;
	
}



.carrousel_menu .carrousel_menu_items {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;
	display:flex;
	float:left;
	
}

.carrousel_menu_items .carrousel_menu_item {

	margin:0 0 0 0.5em;
	padding:0;
	
	font-size:1em;

	height:0.8em;
	width:0.8em;
	
	border-radius:0.6em;
	border:0.1em solid #fff;
	
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:center;
	
	cursor:pointer;

	background-color:#ccc;
	transition:width 0.75s ease;

	overflow:hidden;

	position:relative;
	display:flex;
	float:left;
	
}

.carrousel_menu_items .carrousel_menu_item.affiche {
	
	height:1.2em;
	width:3.4em;
	border-radius:0.3em;
	background-color:#eee;
	
}

.carrousel_menu_items .carrousel_menu_item .indicateur {
	
	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	top:0;
	bottom:0;
	left:0;
		
	cursor:pointer;
	
	background-color:hsla(26 100% 65% / 1);

	overflow:hidden;

	position:absolute;	
	display:none;
	float:left;
	
}

.carrousel_menu_items .carrousel_menu_item.affiche .indicateur {
	
	display:block;
	
}

.carrousel_menu_items .carrousel_menu_item:first-child {
	margin:0
}

/* Pagination */
.pagination_menu {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	opacity:0.8;
	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.pagination_menu > div {

	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.pagination_menu:hover {
	opacity:1;
}

.pagination_menu .pagination_menu_items {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;
	display:flex;
	float:left;
	
}

.pagination_menu_items .pagination_menu_item {

	margin:0 0 0 0.5em;
	padding:0;
	
	font-size:1em;

	height:0.8em;
	width:0.8em;
	
	border-radius:0.6em;
	border:0.1em solid #fff;
	
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:center;
	
	cursor:pointer;
	
	background-color:#ccc;

	overflow:hidden;

	position:relative;
	display:flex;
	float:left;
	
}

.pagination_menu_items .pagination_menu_item a {
	color:transparent;
}

.pagination_menu_items .pagination_menu_item.affiche {
	
	height:1.2em;
	width:3.4em;
	border-radius:0.3em;
	background-color:hsla(26 100% 65% / 1);
	
}
.pagination_menu_items .pagination_menu_item:first-child {
	margin:0
}

.pagination_menu .bouton {

	margin:0 0 0 0.3em;
	padding:0;
	
	font-size:1em;
	
	width:3.8em;
	height:2.2em;
	
	border-radius:0.5em;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	cursor:pointer;	
	overflow:hidden;

	position:relative;	
	display:flex;
	float:left;

}

.pagination_menu .bouton:hover {
    background-color: var(--bouton_bg_hover);
}

.pagination_menu .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.7);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;

	width:1.6em;
	height:1.6em;

	position:relative;
	display:block;
	float:left;

	
}

/*filtre*/

.icone.icone_rechercher {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:5em;
	height:5em;
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	background-color:rgba(255, 255, 255, 0.6);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 80% 80%;	
	background-image:url(../img/icons/rechercher.svg?v=2.12.3);
	
	border-radius:50%;

	position:relative;	
	display:flex;
	float:left;
}

.filtre {
	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:flex-start;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	width:100%;
	
	position:relative;	
	display:flex;
	float:left;
}

.filtre .filtre_label {
	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
}

.filtre .filtre_contenu {
	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	position:relative;	
	display:flex;
	float:left;
}


/*contacter*/

.contacter {

	margin:0;
	padding:0.5em;
	
	font-size:1em;
	
	right:0;
	bottom:1.5em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	cursor:pointer;
	
	background-color:hsla(25.86 100% 75% / 0.8);
	border-bottom:0.15em solid hsla(26 100% 50% / 1);
	box-shadow:0em 0em 0.1em #555555;

	border-radius:2.5em 0 0 2.5em;
	flex-direction:row;
	
	position:relative;
	display:flex;
	float:left;
}

.contacter.fige {
	
	position:fixed;
	
}

.contacter:hover {
	background-color:hsla(25.86 100% 80% / 1);
}

.contacter .icone {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:2.6em;
	height:2.6em;
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	background-color:rgba(255, 255, 255, 0.6);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;	
	background-image:url(../img/icons/appel.svg?v=2.12.3);
	
	border-radius:50%;

	position:relative;	
	display:flex;
	float:left;
}

.contacter .contenu {

	margin:0 0 0 0.5em;
	padding:0.5em 1em;
	
	font-size:1em;
	
	width:calc(100% - 3em);
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:center;
	align-content:center;

	border-radius:0.5em;
	background-color:rgba(255,255,255,0.8);	
	opacity:0;

	position:relative;	
	display:none;
	float:left;
}

.contacter:hover .contenu {

	opacity:1;
	animation:display-opacity-0-100-transition 1s ease-in-out;
	display:flex;
	
}

/*avantage*/

.avantage {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-start;

	flex-direction:row;
	
	position:relative;	
	display:flex;
	float:left;
}

.avantage .icone {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:4em;
	height:4em;
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	border-radius:0.5em;
	
	position:relative;	
	display:flex;
	float:left;
}

.avantage .icone::after {

	margin:0;
	padding:0;
	
	font-size:1em;
	content:'';
	
	background-color:rgba(255, 255, 255, 0.6);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;	
	background-image:url(../img/icons/plus.svg?v=2.12.3);
	
	border-radius:50%;
	
	width:2.5em;
	height:2.5em;

	position:relative;	
	display:block;
	float:left;
}

.avantage .contenu {

	margin:0;
	padding:0.5em;
	
	font-size:1em;
	
	width:calc(100% - 3em);
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:center;
	align-content:center;

	border-radius:0.5em;
	background-color:rgba(255,255,255,0.8);	
	border:0.1em solid #fff;

	position:relative;	
	display:flex;
	float:left;
}

.avantage .contenu.bleu {

	background-color:hsl(216 57% 90% / 0.8);

}

.avantage .contenu.orange {

	background-color:hsla(26 100% 90% / 0.8);

}

.avantage .contenu h3 {

	margin:0;
	padding:0;
	
	font-size:1.2em;
	color:var(--global_h1);
	font-weight:normal;

	position:relative;
	display:flex;
	float:left;
	
}

/* cookie */
.cookie {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	bottom:0;
	left:0;
	
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:center;

	background-color:rgba(220,220,220,1);
	box-shadow: 0em 0em 0.3em #555555;

	z-index:50000;
	overflow:hidden;

	position:absolute;
	display:flex;
	float:left;

}

.cookie.ok {
	
	display:none;
	
}

.cookie .conteneur {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:100%;
	
	justify-items:flex-start;
	justify-content:center;
	align-items:center;
	align-content:center;

	overflow: hidden;

	position:relative;	
	display:flex;
	float:left;

}

/* formes */

.triangle {
	position: relative;
	background-color:hsla(215 38% 60% / 1);
	text-align: left;
}

.triangle:before,
.triangle:after {
	content: '';
	position: absolute;
	background-color: inherit;
}

.triangle,
.triangle:before,
.triangle:after {
	width:3em;
	height:3em;
	border-top-right-radius: 30%;
}

.triangle {
	transform: rotate(-60deg) skewX(-30deg) scale(1,.866);
}
.triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}



.triangle.droit {
	transform: translate(-45%) rotate(-90deg) skewX(-30deg) scale(1,.866);
}
.triangle.droit:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangle.droit:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}

.triangle.gauche {
	transform: translate(33.333333%) rotate(90deg) skewX(-30deg) scale(1,.866);
}
.triangle.gauche:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangle.gauche:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}


/* page */
.page_section {

	margin:0.5em;
	padding:0;
	
	font-size:1em;
	
	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	border-radius:0.5em;
	line-height:1.1;
	
	overflow: hidden;

	position:relative;	
	display:flex;
	float:left;
	
}

.page_section.encadre {
	
	flex-direction:column;
	
}

.page_section.gris {
	background-color: rgba(245,245,245,0.8);
}

.page_section.encadre.cas {

	width:48%;
	transition: width 0.25s ease-in-out;

    background-color: rgba(240,240,240,0.4);

}

.page_section.encadre.cas:hover {

    background-color: rgba(250,250,250,0.7);

}

.page_section.encadre.cas.deplie, .crawler .page_section.encadre.cas {

	width:95vw;

}

.page_section.encadre.cas.deplie:hover {

    background-color: rgba(250,250,250,0.4);

}

.page_section.encadre.article {
	width:100%;
	transition:width 0.25s ease-in-out;
    background-color:rgba(240,240,240,0.4);
	justify-content:flex-end;
}

.page_section.encadre.article.entete {
	width:auto;
}

.page_section.encadre.article .encadre_contenu {
	display:flex;
}

.page_section.encadre.article:hover {
    background-color: rgba(250,250,250,0.7);
	animation:scale_105 0.5s both;
	box-shadow: 0em 0em 0.3em #999;
}

@keyframes scale_105 {
  0% {
	transform:scale(1);
  }
  100% {
	transform:scale(1.05);
  }  
}

/*
.page_section.encadre.article.deplie, .crawler .page_section.encadre.article {

	margin-bottom:3em;
	width:95vw;

}


.page_section.encadre.theme.deplie:hover {

    background-color: rgba(250,250,250,0.4);

}
*/

.page_section.encadre.theme {

	width:calc(33.33% - 2em);
	transition: width 0.25s ease-in-out;
    background-color: rgba(240,240,240,0.4);

}

.page_section.encadre.theme:hover {

    background-color: rgba(250,250,250,0.7);

}

.page_section.encadre.theme.deplie, .crawler .page_section.encadre.theme {

	margin-bottom:3em;
	width:calc(100% - 3em);

}

.page_section.encadre.theme.deplie:hover {

    background-color: rgba(250,250,250,0.4);

}

.page_section.encadre .page_section.encadre {
	opacity:0;
}

.crawler .page_section.encadre .page_section.encadre {
	opacity:1;
}


.page_section.encadre.deplie > .encadre_contenu > .page_section.encadre {
	animation:display-opacity-0-100-transition-reel 1.5s ease-in-out;
	opacity:1;
}

.page_section.encadre > .encadre_contenu .page_section.texte {
	opacity:0;
}

.crawler .page_section.encadre > .encadre_contenu .page_section.texte {
	opacity:1;
}

.page_section.encadre.deplie > .encadre_contenu .page_section.texte {
	animation:display-opacity-0-100-transition-reel 1.5s ease-in-out;
	opacity:1;
}

.page_section.encadre.outil {

	width:calc(50% - 1.00001em);
	transition: width 0.25s ease-in-out;

    background-color: rgba(240,240,240,0.4);

}

.page_section.encadre.outil:hover {

    background-color: rgba(250,250,250,0.7);

}

.page_section.encadre.outil.deplie, .crawler .page_section.encadre.outil {

	width:100%;

}

.page_section.encadre.outil.deplie:hover {

    background-color: rgba(250,250,250,0.4);

}

.page_section.encadre .encadre_label {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	
	position:relative;
	display:flex;
	float:left;
	
}

.page_section.encadre.article .encadre_label {
	flex-direction:column;
	flex-grow:1;
}

.page_section.encadre .encadre_label .lien {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	
	position:relative;
	display:flex;
	float:left;
	
}

.page_section.encadre .encadre_label .date {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	
	position:relative;
	display:flex;
	float:left;
	
}

.page_section.encadre .encadre_label .auteur {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	
	position:relative;
	display:flex;
	float:left;
	
}

.page_section.encadre .encadre_label .tags {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;
	
}

.page_section.encadre.fait > .encadre_label::before {
	
	padding:0;
	margin:0;
	
	font-size:1em;
	
	left:0.4em;
	height:0.8em;
	
	content:'';
	
	width:0.2em;
	border-radius:0.1em;
	
	background-color:var(--tag_bg);
	filter:grayscale(1);
	
	display:block;
	position:absolute;
	
}

.page_section.encadre.fait.deplie > .encadre_label::before {
	top:0.5em;
	bottom:0.5em;
	height:unset;
	filter:grayscale(0);
}

.page_section.encadre.fait:hover > .encadre_label::before {
	filter:grayscale(0);
}

.page_section.encadre.deplie > .encadre_label {

	background-color:#fff;
	
}

.page_section.encadre .encadre_label h2, .page_section.encadre .encadre_label h3 {
	
	width:calc(100% - 3em);
	cursor:pointer;
	flex:1;
	
}

.page_section.encadre.avec_icone .encadre_label h2, .page_section.encadre.avec_icone .encadre_label h3 {

	margin-left:0.5em;
	width:calc(100% - 6em);
	
}

.page_section.encadre .encadre_label h2, .page_section.encadre .encadre_label h3 {
	
	filter:grayscale(1);
	
}

.page_section.encadre .encadre_label .tag {
	
	filter:grayscale(1);
	
}

.page_section.encadre:hover > .encadre_label h2, .page_section.encadre:hover > .encadre_label h3 {
	
	filter:grayscale(0);
	
}


.page_section.encadre.deplie > .encadre_label h2, .page_section.encadre.deplie > .encadre_label h3 {
	
	filter:grayscale(0);

}

.page_section.encadre.deplie > .encadre_label .tag {
	
	filter:grayscale(0);

}

.page_section.encadre:hover > .encadre_label .tag {
	
	filter:grayscale(0);
	
}

.page_section.encadre .encadre_label .icone.icone_etude_cas {

	width:2.8em;
	height:2.8em;

	background-size:80% 80%;
	background-color:#fff;
	border-radius:50%;

	left:1em;
	position:absolute;

}

.page_section.encadre .encadre_label .icone.icone_etude_cas::before {

	margin:0;
	padding:0;

	font-size:1em;
	border-radius:50%;
	content:'';
	z-index:-1;
	border:0.2em dotted #aaaaaa77;
	
	zoom:1;
	width:100%;
	height:100%;

	animation:heart-bit 6s linear infinite;

	position:absolute;

}

.encadre.fait > .encadre_label .icone.icone_etude_cas::before {
	content:unset;
}

.encadre.deplie > .encadre_label .icone.icone_etude_cas::before {
	content:unset;
}

.encadre .encadre_label:hover .icone.icone_etude_cas::before {
	border-color:#ff6501cc;
}

.page_section.encadre .encadre_label .icone.icone_theme::before {

	margin:0;
	padding:0;

	font-size:1em;
	border-radius:50%;
	content:'';
	z-index:-1;
	border:0.2em dotted #aaaaaa77;
	
	width:100%;
	height:100%;

	animation:heart-bit 6s linear infinite;

	position:absolute;

}

.encadre.fait > .encadre_label .icone.icone_theme::before {
	content:unset;
}

.encadre.deplie > .encadre_label .icone.icone_theme::before {
	content:unset;
}

.encadre .encadre_label:hover .icone.icone_theme::before {
	border-color:#ff6501cc;
}

.page_section.encadre .encadre_label .icone.icone_outil::before {

	margin:0;
	padding:0;

	font-size:1em;
	border-radius:50%;
	content:'';
	z-index:-1;
	
	border:0.2em dotted #aaaaaa77;
	width:100%;
	height:100%;

	animation:heart-bit 6s linear infinite;

	position:absolute;

}

.encadre.deplie > .encadre_label .icone.icone_outil::before {
	content:unset;
}

.encadre.fait > .encadre_label .icone.icone_outil::before {
	content:unset;
}

.encadre .encadre_label:hover .icone.icone_outil::before {
	border-color:#ff6501cc;
}



@keyframes heart-bit {
  0% {
	transform:scale(0.9) rotate(0deg);
  }
  25% {
	transform:scale(1.3) rotate(60deg);
  }
  30% {
	transform:scale(1.05) rotate(120deg);
  }
  40% {
	transform:scale(1.3) rotate(180deg);
  }
  50% {
	transform:scale(0.9) rotate(240deg);
  }  
}

.page_section.encadre .encadre_label .icone.icone_outil {

	width:2.8em;
	height:2.8em;

	background-size:80% 80%;
	background-color:#fff;
	border-radius:50%;

	left:1em;
	position:absolute;

}

.page_section.encadre .encadre_label .icone.icone_theme {

	width:3em;
	height:3em;

	background-size:80% 80%;
	background-color:#fff;
	border-radius:50%;

	left:1em;
	position:absolute;

}

.page_section.encadre .encadre_label .icone.icone_encadre {

	width:2em;
	height:2em;

	background-size:90% 90%;

	right:1em;
	position:absolute;

}

.page_section.encadre.deplie > .encadre_label .icone.icone_encadre {
	
	transform:rotate(-180deg);

}

.page_section.encadre .encadre_contenu {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-start;
	flex-direction:column;
	
	position:relative;	
	display:none;
	float:left;
	
}

.page_section.encadre.deplie > .encadre_contenu, .crawler .page_section.encadre > .encadre_contenu {
	display:flex;
}

.page_section.encadre.outil.deplie > .encadre_contenu {
	display:block;
}

.page_section.encadre.theme .encadre_contenu {
	flex-direction:row;
	flex-wrap:wrap;
}

.page_section.encadre .encadre_bas {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	
	cursor:pointer;
	user-select:none;
	
	background-color:#fff;
	
	justify-items:center;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	flex-direction:row;
	
	position:relative;	
	display:none;
	float:left;
	
}

.page_section.encadre.deplie > .encadre_bas {

	display:flex;

}

.page_section.texte {

	background-color:rgba(255,255,255,0.6);	
	
}

.page_section.texte strong {

	color:var(--global_label);
	font-size:1.08em;
	font-weight:normal;

}

.page_section.texte .lien_direct {

	color:var(--global_label);
	font-size:1em;

}

.page_section.texte_renforce {

	background-color:rgba(235,235,235,0.6);	
	
}

.page_section.bleu {

	background-color:hsl(216 57% 90% / 0.6);
	
}

.page_section.orange {

	background-color:hsla(26 100% 90% / 1);
	
}


.page_section.contour_blanc {

	border:0.1em solid #fff;
	
}


.menu.erreur .page_section.texte_renforce {

	background-color:hsl(0 48% 85% / 0.8);

}

.menu.erreur .page_section.texte_renforce label {

	color:var(--form_input_border_erreur);	

}

.page_section.erreur {

	background-color:hsl(0 48% 85% / 0.8);

}


.page_section table {
	border-radius:0.3em;
	width:100%;
}

.page_section table tr.entete {
	background-color:hsl(216 57% 90% / 0.6);
}

.page_section table tr td, .page_section table tr th {
	padding:0.4em 0;
	text-align:center;
}

.page_section table tr td:first-child {
	padding:0.4em;
	text-align:left;
	background-color:#eee;
}

.page_section table.aligner_gauche tr:not(:first-child) td {
	padding:0.4em;
	text-align:left;
}

.page_section table tr:not(:last-child):not(.entete) td {
	border-bottom:0.1em dotted #ccc;
}

/* Menu */
.menu {
	
	margin:0;
	padding:0;
	
	font-size:1em;

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;	
	
	position:relative;	
	display:flex;
	float:left;

}

.menu.menu_connecter {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-content:center;
	align-items:stretch;
	flex-wrap:nowrap;	
	
	position:relative;	
	display:flex;
	float:left;

}

.menu.menu_oublier {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;	
	
	position:relative;	
	display:flex;
	float:left;

}

.menu.menu_cookie {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;

	justify-content:center;
	align-items:stretch;
	flex-wrap:nowrap;	
	
	position:relative;	
	display:flex;
	float:left;

}


/* Tag */
.tag {
	
	margin:0;
	padding:0.2em 0.5em;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	
	border-radius:0.6em;

	background-color:var(--tag_bg);
	color:var(--tag_texte_color);
	border:0.2em solid #ffffffaa;

	position:relative;	
	display:flex;
	float:left;
	
}

.tag.a_supprimer {
	padding-left:2.2em
}

.tag.a_supprimer::before {

	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	content:'';
	
	width:1.8em;
	border-radius:0.405em 0 0 0.405em;
	
	left:0;
	top:0;
	bottom:0;
	
	background-color:#ffffffaa;
	background-image: url(../img/boutons/bouton_fermer_noire.svg?v=2.12.3);
	background-position:center center;
	background-size: 1em 1em;
	background-repeat: no-repeat;

	position:absolute;	
	display:flex;
	float:left;	

}

.tag > a {
	color:var(--tag_texte_color);
	text-decoration:none;
}

.tag.octogonal {
	
	margin:-0.4em;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	
	background-color:transparent;
	border:unset;
	border-radius:unset;

	position:relative;	
	display:flex;
	float:left;
	
}

.tag.octogonal::before {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	content:'';

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	
	top:-0.4em;
	bottom:-0.4em;
	left:-0.4em;
	right:-0.4em;
	
	overflow:hidden;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.tag.octogonal:hover {
	
	z-index:20000;
	
}

.tag.octogonal.actif {
	
	z-index:20000;	
	
	top:5em !important;
	bottom:1.2em !important;
	left:0 !important;
	
    background-color:rgba(50, 50, 50, 0.5);
	
	position:fixed !important;
	
	width:calc(100% + 0.4em) !important;
	height:auto !important;
	
}

.crawler .tag.octogonal {

	z-index:20000;	
	
	top:unset !important;
	bottom:unset !important;
	left:unset !important;
	
	position:relative !important;
	opacity:1 !important;
	
	width:calc(100% + 0.4em) !important;
	height:40em	!important;
	
}

.tag.octogonal.actif .spinner.devant {
	top:calc(50% - 7.5em) !important;
	left:calc(20% - 7.5em) !important;
	zoom:1.5;
}

.tag.octogonal.actif .spinner.derriere {
	top:calc(50% - 7.5em) !important;
	left:calc(20% - 7.5em) !important;
	zoom:1.5;
}

.tag.octogonal {
	filter:grayscale(1);
}

.tag.octogonal:hover, .tag.octogonal.actif, .crawler .tag.octogonal {
	filter:grayscale(0);
}

.tag.octogonal .conteneur {

	margin:0;
	padding:0;

	top:0em;
	left:40%;
	bottom:0em;
	right:2%;
	
	color:var(--global_contenu);
	background-color:#fff;
	border-left:0.4em solid #ddd;
	border-right:0.4em solid #ddd;
	
	cursor:default;

	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-direction:row;
	flex-wrap:wrap;

	position:absolute;
	display:none;
	float:left;

}

.tag.octogonal.actif .conteneur {
	display:flex;
}

.crawler .tag.octogonal .conteneur {
	display:flex;
}

.tag.octogonal .conteneur .texte {

	margin:0;
	padding:0;

	background-color:#ffffffaa;
	border-radius:0.5em;
	width:100%;

	position:relative;
	display:flex;
	float:left;

}

.tag.octogonal .spinner {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	
/*	border-radius:100%;*/

	color:var(--global_label);

	position:relative;	
	display:flex;
	float:left;
	
}

.tag.octogonal .spinner.devant {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:0;
	left:0;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.tag.octogonal .spinner .contenu {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	text-align:center;
	flex-wrap:nowrap;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);

	cursor:url(../img/icons/icone_zoomer.svg?v=2.12.3) 16 16, auto;
	
	overflow:hidden;
	
	width:100%;
	height:100%;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.tag.octogonal .spinner .contenu img {

}

.tag.octogonal .spinner .contenu .agrandrir {
	margin:0;
	padding:0;
	
	font-size:1em;
	align-content:center;
    align-items:center;
	flex-direction:column;
	
	position:absolute;
	display:flex;
	float:left;
}

.tag.octogonal.actif .spinner .contenu .agrandrir {
	display:none;
}

.tag.octogonal .spinner .contenu .agrandrir .zoom {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;
	content:'';

	background-color:rgba(255, 255, 255, 0.5);
	border-radius:50%;
	background-image:url(../img/icons/icone_zoomer.svg?v=2.12.3);
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 70% 70%;

	width:5em;
	height:5em;
	
	position:relative;
	display:flex;
	float:left;
	
}

.tag.octogonal.actif .spinner .contenu .agrandrir .zoom {
	display:none;
}

.tag.octogonal.actif .spinner .contenu {
	cursor:unset;
}

.tag.octogonal .spinner .contenu .texte {

	margin:0;
	padding:0;

	background-color:#ffffffcc;
	border-radius:0.5em;

	position:relative;
	display:flex;
	float:left;
	
}

.tag.octogonal .spinner.devant::before {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:#eee;
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:-0.4em;
	left:-0.4em;
	bottom:-0.4em;
	right:-0.4em;
	
	position:absolute;	
	display:flex;
	float:left;	
}

.tag.octogonal.actif .spinner.devant::before {
	--z:calc(-0.4em / 1.5);
	top:var(--z);
	left:var(--z);
	bottom:var(--z);
	right:var(--z);
}


.tag.octogonal:hover .spinner.devant::before {
	background-color:rgba(44, 90, 160, 0.8);
}

.tag.octogonal .spinner.devant::after {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:#fff;
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);

    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	position:absolute;	
	display:flex;
	float:left;	
}

.tag.octogonal:hover .spinner.devant::after {
	background-color:hsl(216 57% 95% / 1);
}

.tag.octogonal .spinner.derriere {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;

	top:0;
	left:0;
	transform:rotateY(-90deg);
	
	position:absolute;
	display:flex;
	float:left;
	
}

.tag.octogonal .spinner.derriere::before {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:rgba(44, 90, 160, 0.8);
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);

    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:-0.4em;
	left:-0.4em;
	bottom:-0.4em;
	right:-0.4em;
	
	position:absolute;	
	display:flex;
	float:left;	
}

.tag.octogonal.actif .spinner.derriere::before {
	--z:calc(-0.4em / 1.5);
	top:var(--z);
	left:var(--z);
	bottom:var(--z);
	right:var(--z);
}

.tag.octogonal .spinner.derriere::after {
	margin:0;
	padding:0;
	
	font-size:1em;
	content:"";
	background-color:#fff;
	z-index:-1;

	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	
    justify-content:center;
    align-items:center;
	flex-wrap:nowrap;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	position:absolute;	
	display:flex;
	float:left;	
}


.transition_flip:hover .spinner.devant, .transition_flip.actif .spinner.devant {
	animation:spin_devant 0.5s linear !important;
	animation-fill-mode:forwards !important;
}

.transition_flip:hover .spinner.derriere, .transition_flip.actif .spinner.derriere {
	animation:spin_derriere 0.5s linear !important;
	animation-fill-mode:forwards !important;
}


.crawler .transition_flip .spinner.devant {
	animation:spin_devant 0s linear !important;
	animation-fill-mode:forwards !important;
}

.crawler .transition_flip .spinner.derriere {
	animation:spin_derriere 0s linear !important;
	animation-fill-mode:forwards !important;
}

.transition_flip.horizontal:hover .spinner.devant, .transition_flip.horizontal.actif .spinner.devant {
	animation:spin_devant_horizontal 0.5s linear !important;
	animation-fill-mode:forwards !important;
}

.transition_flip.horizontal:hover .spinner.derriere, .transition_flip.horizontal.actif .spinner.derriere {
	animation:spin_derriere_horizontal 0.5s linear !important;
	animation-fill-mode:forwards !important;
}

@keyframes spin_devant {
	0%{
		transform:rotateY(0deg);
	}
	50%{
		transform:rotateY(90deg);
		display:hidden;
	}
	100%{
		transform:rotateY(90deg);
		display:hidden;
	}
}

@keyframes spin_derriere {
	0%{
		transform:rotateY(-90deg);
		display:flex;
	}
	50%{
		transform:rotateY(-90deg);
	}
	100%{
		transform:rotateY(0deg);
	}
}

@keyframes spin_devant_horizontal {
	0%{
		transform:rotateX(0deg);
	}
	50%{
		transform:rotateX(90deg);
		display:hidden;
	}
	100%{
		transform:rotateX(90deg);
		display:hidden;
	}
}

@keyframes spin_derriere_horizontal {
	0%{
		transform:rotateX(-90deg);
		display:flex;
	}
	50%{
		transform:rotateX(-90deg);
	}
	100%{
		transform:rotateX(0deg);
	}
}

/* colonne */

.colonnes .colonne_une.section {
	
	margin:0.5em;
	
	font-size:1em;
	
	background-color:rgba(240,240,240,0.8);	
	border-radius:0.5em;

}


/* boutons */

.bouton {
	margin:0;
	padding:0;
	
	font-size:1em;

	width:2.5em;
	height:2.5em;

	cursor:pointer;
	user-select:none;
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:2em 2em;
	background-position:center center;
	
	position:relative;
	display:block;
	float:left;
}

.bouton:hover {
	background-color:var(--bouton_bg_hover);
}

.bouton.actif {
	background-color:var(--bouton_bg_selectionne);
}

.bouton.actif:hover {
	background-color:var(--bouton_bg_selectionne);
}

.bouton.bouton_fermer {
	background-image:url(../img/boutons/bouton_fermer_noire.svg?v=2.12.3);
}

.crawler .bouton.bouton_fermer {
	display:none;
}

/* Ligne */
.ligne {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
    justify-content:flex-start;
    align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.ligne.ligne_grise {

	background-color:rgba(240, 240, 240, 0.8);

}

.ligne.ligne_verte {

	background-color:rgba(150, 240, 150, 0.2);

}

.ligne.ligne_rouge {

	background-color:rgba(240, 150, 150, 0.2);

}

.ligne.ligne_ok {

	background-color:rgba(255, 153, 85, 0.15);

}

/* profil */

.profil {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
    justify-content:stretch;
    align-items:center;
    align-content:center;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.profil.modal_global_moi {

	justify-content:center;

}

.profil .profil_image {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:10em;
	height:10em;
	flex-shrink:0;
	
	border:1em solid rgba(240,240,240, 0.8);
	border-radius:50%;

	background-color:#fff;
	background-repeat:no-repeat;
	background-size:70% 70%;
	background-position:center center;
	
    justify-content:flex-start;
    align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.profil.modal_global_moi .profil_image {

	width:8em;
	height:8em;

	border-width:0.8em;
	
	background-size:70% 70%;

}

.profil .profil_texte {

	margin:0;
	padding:0;
	
	font-size:1em;
	max-width:100%;
	
    justify-content:flex-start;
    align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.profil .profil_texte .nom_complet {

	margin:0;
	padding:0.4em 0.8em;
	
	font-size:1.2em;
	width:100%;
	
    justify-content:flex-start;
    align-items:flex-start;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}



/* Colonne */
.colonnes {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
    justify-content:stretch;
    align-items:stretch;
	flex-wrap:nowrap;
	
	position:relative;	
	display:flex;
	float:left;

}


.colonnes .colonne_une {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	line-height:1;
	
	flex:1;
	
    justify-content:flex-start;
    align-items:flex-start;
	flex-direction:column;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.colonnes .colonne_une.separateur {

    min-width:0.5em;
    flex:0;
	
	background:repeating-linear-gradient(to bottom,transparent 0 1.2em,#ccc 1.2em 1.7em) 80%/1em 100% no-repeat;

}

.colonnes .colonne_une.h_center {

    align-items:center;

}

.colonnes .colonne_une.v_center {

    justify-content:center;

}

.colonnes .colonne_une.no_flex {

	flex:unset;

}

/* message */

.message {
	
	margin:0;
	padding:0.4em 0.2em;
	
	font-size:1em;
	
	width:100%;	
	
	justify-items:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
	flex-wrap:nowrap;
	
	position:relative;
	display:flex;
	float:left;
	
}

.message:empty {
	
	display:none;

}

.message.message_erreur {

	color:var(--message_erreur);
	background-color:var(--message_bg_erreur);
	display:none;

}

.erreur .message.message_erreur {

	display:flex;

}

.erreur .message.message_erreur:empty {
	
	display:none;

}


/* bas */

.haut {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;

	background-color:#f9f9f9;
	box-shadow:0em 0em 0.3em #999;
	
	height:5em;
	
	top:0;
	left:0;
	
	z-index:25000;
	
	position:fixed;
	display:flex;

}

.haut .conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:100%;
	
	justify-content:center;
	align-items:flex-start;
	flex-wrap:nowrap;

	position:relative;	
	display:flex;
	float:left;

}

/* liens */

.liens {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:calc(100% + 3em);
	background-color:#dddddd44;
	border:0.1em solid #ffffff77;

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;

	position:relative;
	display:flex;

}

.liens:hover {
	background-color:hsl(216 57% 80% / 0.2);
}

.liens .conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;

	position:relative;	
	display:flex;
	float:left;

}


/* bas */

.bas {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	
	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;

	background-color:#f9f9f9;
	box-shadow:0em 0em 0.3em #999;
	
	height:1.2em;
	
	bottom:0;
	left:0;
	
	z-index:25000;
	
	position:fixed;
	display:flex;

}

.bas .conteneur {
	
	margin:0;
	padding:0;
	
	font-size:0.6em;
	
	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;

	position:relative;	
	display:flex;
	float:left;

}

/* class generique */

.opacity_0 {

	opacity:0;
	
}

.clicquable {

	user-select:none;
	cursor:pointer;

}

.cache {
	
	display:none !important;
	
}

/* general margin */

.font_tres_grand {

	font-size:1.4em !important;

}

.font_grand {

	font-size:1.2em !important;

}

.font_moyen {

	font-size:1em !important;

}

.font_petit {

	font-size:0.8em !important;

}

.font_tres_petit {

	font-size:0.7em !important;

}

.font_tres_tres_petit {

	font-size:0.6em !important;

}


/* general margin */

.margin_t_tres_grand {

	margin-top:4em !important;

}

.margin_t_grand {

	margin-top:2em !important;

}

.margin_t_moyen {

	margin-top:1em !important;

}

.margin_t_petit {

	margin-top:0.5em !important;

}

.margin_t_tres_petit {

	margin-top:0.25em !important;

}

.margin_b_tres_grand {

	margin-bottom:4em !important;

}

.margin_b_grand {

	margin-bottom:2em !important;

}

.margin_b_moyen {

	margin-bottom:1em !important;

}

.margin_b_petit {

	margin-bottom:0.5em !important;

}

.margin_b_tres_petit {

	margin-bottom:0.25em !important;

}


.margin_l_tres_grand {

	margin-left:4em !important;

}

.margin_l_grand {

	margin-left:2em !important;

}

.margin_l_moyen {

	margin-left:1em !important;

}

.margin_l_petit {

	margin-left:0.5em !important;

}


.margin_r_tres_grand {

	margin-right:4em !important;

}

.margin_r_grand {

	margin-right:2em !important;

}

.margin_r_moyen {

	margin-right:1em !important;

}

.margin_r_petit {

	margin-right:0.5em !important;

}

.margin_r_tres_petit {

	margin-right:0.25em !important;

}

/* general padding */
.padding_t_tres_grand {

	padding-top:4em !important;

}

.padding_t_grand {

	padding-top:2em !important;

}

.padding_t_moyen {

	padding-top:1em !important;

}

.padding_t_petit {

	padding-top:0.5em !important;

}

.padding_t_tres_petit {

	padding-top:0.25em !important;

}

.padding_b_tres_grand {

	padding-bottom:4em !important;

}

.padding_b_grand {

	padding-bottom:2em !important;

}

.padding_b_moyen {

	padding-bottom:1em !important;

}

.padding_b_petit {

	padding-bottom:0.5em !important;

}

.padding_b_tres_petit {

	padding-bottom:0.25em !important;

}

.padding_l_tres_grand {

	padding-left:4em !important;

}

.padding_l_grand {

	padding-left:2em !important;

}

.padding_l_moyen {

	padding-left:1em !important;

}

.padding_l_petit {

	padding-left:0.5em !important;

}

.padding_l_tres_petit {

	padding-left:0.25em !important;

}

.padding_r_tres_grand {

	padding-right:4em !important;

}

.padding_r_grand {

	padding-right:2em !important;

}

.padding_r_moyen {

	padding-right:1em !important;

}

.padding_r_petit {

	padding-right:0.5em !important;

}

.padding_r_tres_petit {

	padding-right:0.25em !important;

}

/* key frames */

@keyframes display-opacity-50-transition {
  0% {
    opacity:0.5;
  }
}

@keyframes display-opacity-100-50-100-transition {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  0% {
    opacity:1;
  }  
}

@keyframes display-opacity-0-100-transition {
  0% {
    opacity:0.3;
  }
  100% {
    opacity:1;
  }   
}

@keyframes display-opacity-50-100-transition {
  0% {
    opacity:0.8;
  }
  100% {
    opacity:1;
  }   
}

@keyframes deplacer-bas-haut-transition {
  0% {
    filter:grayscale(1);
  }
  100% {
    filter:grayscale(0);
  }   
}


@keyframes chargement_effet {
	0% {
		left:0;				
		transform-origin:50% 50%;
	}	
	50% {
		left:-1em;
	}
	100% {
		left:0;
		transform-origin:50% 50%;
	}
}

@keyframes chargement_effet {
	0% {
		left:-3em;
		opacity:0;
	}	
	90% {
		left:0;
		opacity:0.7;
		transform-origin:50% 50%;
	}
	100% {
		left:0;
		opacity:0.8;
		transform-origin:50% 50%;
	}
}
	
.chargement_effet {	
	animation:chargement_effet 1s ease-in-out infinite;
}


.desactive {
	
	filter:grayscale(1);
	
}


/* modal */

.modal {
	
	margin:0;
	padding:1.5em;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	background-color:rgba(50,50,50, 0.5);
	
	opacity:0.5;
	
	z-index:50000;
	
	position:absolute;	
	display:none;
	float:left;

}

.modal.page {

	z-index:unset;
	position:relative;

}

.modal.retraici {

	height:auto !important;
	
}

.modal.sans_menu .menu.menu_modal_principal {

	display:none;
	
}

.mode_selecteur_bureau .modal.bureau {

	z-index:-1;
	
}

.modal:hover, .modal:focus-within {

	z-index:60000;
	
}

.modal.page:hover, .modal.page:focus-within {

	z-index:10000;
	
}

.modal.sans_contour {

	padding:0em;
	
}

.modal.sans_contour {
	border-radius:0 0 0.5em 0.5em;
}

.modal.sans_contour.retraici {
	border-radius:unset;
}



.modal.w30p_h80p {

	width:30%;
	height:80%;
	
}

.modal.w35p_h80p {

	width:35%;
	height:80%;
	
}

.modal.w40p_h80p {

	width:40%;
	height:80%;
	
}


.modal.w45p_h80p {

	width:45%;
	height:80%;
	
}

.modal.w60p_h80p {

	width:60%;
	height:80%;
	
}

.modal.w100p_2em_h80p {

	width:calc(100% - 2em);
	height:80%;
	
}

.modal.w100p_h80p {

	width:100%;
	height:80%;
	
}

.modal.w100p_h20em {

	width:100%;
	height:20em;
	
}

.modal.w100p_hauto {

	width:100%;
	height:auto;
	
}

.modal.w40p_hauto {

	width:40%;
	height:auto;
	
}

.modal.w25p_hauto {

	width:25%;
	height:auto;
	
}

.modal.actif {

/*	animation:display-opacity-50-transition 0.5s both; */
	opacity:1;
	display:flex;
	
}

.modal.pleine_fenetre {
	
	top:0 !important;
	left:0 !important;
	
	width:100% !important;
	height:100% !important;
	
}


.modal.sans_animation {
	animation:unset;
}

.modal .modal_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-items:stretch;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;

	border-radius:0 0 0.5em 0.5em;
	overflow: hidden;

	flex-flow:column;
	flex-wrap:nowrap;
	
	background-color:#fff;
	box-shadow:0em 0em 0.3em #555555;
	
	position:relative;	
	display:flex;
	float:left;

}


.modal.position_auto {
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;

}

.modal.position_auto > .modal_conteneur {
	
	width:auto;
	height:auto;	
	position:absolute;	

}


.modal.page > .modal_conteneur {

	border-radius:0;

}

.modal.masquer_ombre_haut .modal_conteneur:after {

	margin:0;
	padding:0;

	top:-0.5em;
	left:0;
	right:0;
	
	height:0.5em;
	
	content:'';
	background-color:#fff;

	position:absolute;	
	display:flex;
	float:left;
		
}

.modal.retraici .modal_conteneur {

	border-radius:unset;

}

.modal .modal_conteneur_contenu {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:auto;
	
	flex:1;
	
	justify-items:flex-start;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	flex-direction:column;

	overflow:hidden;

	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.modal.page > .modal_conteneur > .modal_conteneur_contenu {

	justify-content:stretch;
	flex-direction:row;
	align-items:stretch;
	flex-wrap:nowrap;
	
}

.modal .modal_conteneur_contenu .modal_conteneur_conteneur_contenu {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:100%;
	flex:1;
	
	justify-items:stretch;
	justify-content:stretch;
	align-items:stretch;
	align-content:stretch;

	overflow-y:auto;

	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;

}

.modal .modal_conteneur_contenu .modal_conteneur_conteneur_contenu_retraici {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:auto;
	flex:0;
	
	justify-items:stretch;
	justify-content:stretch;
	align-items:stretch;
	align-content:stretch;

	overflow-y:auto;

	flex-wrap:wrap;
	
	position:relative;	
	display:none;
	float:left;

}

.modal.retraici .modal_conteneur_contenu .modal_conteneur_conteneur_contenu_retraici {

	display:flex;

}

.modal .modal_header {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:2.1em;
	
	justify-content:stretch;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	user-select:none;
	cursor:pointer;
	
	z-index:1500;
	
	background-color:var(--modal_header_bg_inactif);
	box-shadow:0em 0em 0.1em #555555;
	
	position:relative;	
	display:flex;
	float:left;

}

.modal.sans_header > .modal_conteneur > .modal_header {

	display:none;

}

.modal_header .modal_header_titre {

	margin:0;
	padding:0.25em 4.25em 0.25em 0.25em;
	
	font-size:1em;
	
	justify-content:flex-start;
	align-items:center;
	flex-wrap:nowrap;
	
	height:100%;
	
	flex:1;
	
	position:relative;	
	display:flex;
	float:left;

}

.modal_header .modal_header_titre:after {

	margin:0;
	padding:0;
	
	font-size:1em;
	content:" ";
	
	width:4em;
	height:100%;
	
	background:linear-gradient(to right,transparent 0%, var(--modal_header_bg_inactif) 70% );
	right:0;
	
	position:absolute;	
	display:flex;
	float:left;

}

.modal:hover .modal_header .modal_header_titre:after {
	
	background:linear-gradient(to right,transparent 0%, var(--modal_header_bg) 70% );

}


.modal_header .modal_header_titre h1 {

	margin:0.15em 0.25em;
	font-size:1.1em;

	width:100%;
	height:1.2em;
	
	overflow:hidden;
}

.modal:hover .modal_header {
	
	background-color:var(--modal_header_bg);

}


.modal .poucet {
	
	display:none;

}

.modal.avec_poucet .poucet {
	
	display:flex;

}

.modal.avec_poucet.retraici .poucet {
	
	display:none;

}


.modal .modal_contenu {

	margin:0;
	padding:1em;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	z-index:100;
	
	overflow-y:hidden;
	
	position:relative;	
	display:flex;
	float:left;

}

.modal.position_auto .modal_conteneur_contenu .modal_conteneur_conteneur_contenu.ps--active-y {

	margin-left:-1em;
	
}

.modal.retraici .modal_contenu {

	display:none;
	
}


.modal .modal_contenu_retraici {

	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	z-index:100;
	
	overflow-y:hidden;
	
	position:relative;	
	display:none;
	float:left;

}

.modal.retraici .modal_contenu_retraici {

	display:flex;
	
}


.menu.menu_modal_header {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-content:flex-end;
	align-items:center;
	flex-wrap:nowrap;
	
	right:0;
	
	position:absolute;	
	display:flex;
	float:left;
	
}


/* atout */

.menu.menu_atout {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-content:flex-end;
	align-items:center;
	flex-wrap:nowrap;
	
	top:1em;
	right:1em;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.menu.menu_atout_navigation {
	position:absolute;
	left:calc(20% - 11.5em);
	top:calc(50% + 11em);
	display:none;
}

.tag.octogonal.actif .menu.menu_atout_navigation {
	display:flex;
}

.menu.menu_atout_navigation .bouton {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:4em;
	height:2.8em;
	
	border-radius:0.5em;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	
	cursor:pointer;
	
	background-color:#ddd;

	overflow:hidden;

	position:relative;	
	display:flex;
	float:left;

}

.menu.menu_atout_navigation .bouton.bouton_avancer {
	margin-left:15em;
}

.menu.menu_atout_navigation .bouton:hover {
	background-color:#eee;
}

.menu.menu_atout_navigation .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	background-color:rgba(255, 255, 255, 0.7);
	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;

	width:1.8em;
	height:1.8em;
	
	position:relative;
	display:block;
	float:left;

	
}


.menu.menu_modal_header.menu_autres {
	
	padding:0.2em 0.2em 0.2em 0.2em;

	background-color:var(--modal_header_bg_inactif);

	right:1.5em;
	
}

.modal:hover .menu.menu_modal_header.menu_autres {

	background-color:var(--modal_header_bg);
	
}

.menu.menu_modal_header.menu_autres::before {

	margin:0;
	padding:0;
	
	top:0;
	bottom:0;
	width:4em;
	
	content:'';

	background:linear-gradient(to right,transparent 0%, var(--modal_header_bg_inactif) 70% );
	left:-4em;
	
	position:absolute;	
	display:flex;
	float:left;

}

.modal:hover .menu.menu_modal_header.menu_autres::before {
	
	background:linear-gradient(to right,transparent 0%, var(--modal_header_bg) 70% );

}


.menu.menu_modal_header .bouton {

	margin:0;
	padding:0;
	
	font-size:1em;

	width:1.8em;
	height:1.8em;

	cursor:pointer;
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:80% 80%;
	background-position:center center;
	
	position:relative;
	display:block;
	float:left;
}

.menu.menu_modal_header:hover .bouton.masquer_auto {

	display:none;

}

.menu.menu_modal_header .bouton:hover {
	
	background-color:#fff;
	
}

.menu.menu_modal_header .bouton.bouton_fermer {

	background-image:url(../img/boutons/bouton_fermer_noire.svg?v=2.12.3);
}


/* Menu Scroll Section */

.menu.menu_scroll_section {
	
	margin:0;
	padding:0.3em 0.3em 0.75em 0.3em;
	
	font-size:1em;
	
	justify-content:flex-end;
	align-items:center;
	flex-wrap:nowrap;
	
	flex-direction:column;
	border-radius:2em;
	transition:background-color 0.75s ease;
	
	top:5.5em;
	right:1em;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.menu.menu_scroll_section:hover {
	background-color:#cccccc55;
}

.menu.menu_scroll_section .barre {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	justify-content:flex-end;
	align-items:center;
	flex-wrap:nowrap;
	content:'';
	
	left:calc(50% - 0.2em);
	background-color:#fff;
	
	width:0.4em;
	border-radius:0.2em;
	
	top:1em;
	bottom:1em;
	
	position:absolute;	
	display:flex;
	float:left;

}

.menu.menu_scroll_section .icone {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:3.5em;
	height:3.5em;
	
	border-radius:50%;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;

	background-color:#fff;
	border-bottom:0.2em solid #eee;
	
	background-size:2.2em 2.2em;
	background-repeat:no-repeat;
	background-position:center center;	
		
	position:relative;	
	display:flex;
	float:left;

}

.menu.menu_scroll_section .icone.icone_etape {
	background-image: url(../img/icons/etape.svg?v=2.12.3);
	transition:border-color 0.75s ease;
	transform:scale(1);
	animation:bounce-transition 1s ease-in-out;
}

.menu.menu_scroll_section:hover .icone.icone_etape {
	border-color:var(--global_actif);
}

.menu.menu_scroll_section .conteneur_etape {

	margin:0;
	padding:0;
	
	font-size:1em;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;	
	
	width:2.3em;
	
	flex-direction:row;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;

}

.menu.menu_scroll_section.deuxcolonnes .conteneur_etape {
	width:4.5em;
}

.menu.menu_scroll_section .bouton {

	margin:0;
	padding:0;
	
	font-size:0.7em;
	
	width:2.8em;
	height:2.8em;
	
	border-radius:50%;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	background-color:unset;
	
	cursor:pointer;
	transition:font-size 0.75s ease, color 0.75s ease;
	
	position:relative;
	display:flex;
	float:left;

}

.menu.menu_scroll_section.retraici .bouton {
	display:none;
}

.menu.menu_scroll_section.retraici:hover .bouton {
	display:flex;
}


.menu.menu_scroll_section .bouton:hover .numero, .menu.menu_scroll_section .bouton.visible .numero {
	font-size:1.2em;
	color:var(--global_actif);	
}

.menu.menu_scroll_section .bouton .bouton_label {

	margin:0;
	padding:0.5em;
	
	color:var(--haut_bouton_label);
	left:15em;

	background-color:#fff;
	white-space:nowrap;
	
	border-radius:0.8em;

	justify-content:center;
	align-items:center;
	flex-wrap:nowrap;
	border:0.25em solid #ffffff44;
	transform:translateX(1em);

	transition: opacity 1.5s ease, transform 1.5s ease, border-color 1.5s ease;
	opacity:0;

	display:flex;
	position:absolute;
	float:left;
	
}

.menu.menu_scroll_section .bouton:hover .bouton_label {
	opacity:1;
	left:unset;
	right:calc(100% + 1em);
	transform:translateX(0);
	border-color:#55555544;
}

.menu.menu_scroll_section .bouton::before {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:2.8em;
	height:2.8em;
	
	border-radius:50%;
	content:'';
	cursor:pointer;
	left:calc(50% - 1.4em);
	
	background-color:#ddd;
	border:0.2em solid #fff;
	z-index:-1;

	overflow:hidden;
	zoom:0.7;

	position:absolute;	
	display:flex;
	float:left;
	transition: zoom 0.75s ease, background-color 0.75s ease, border-color 0.75s ease, border-radius 0.75s ease;
}

.menu.menu_scroll_section .bouton.bouton_avancer::before, .menu.menu_scroll_section .bouton.bouton_reculer::before {
	border:unset;
	border-bottom:0.2em solid var(--global_actif);
}

.menu.menu_scroll_section .bouton:not(.bouton_avancer,.bouton_reculer):hover::before, .menu.menu_scroll_section .bouton.visible:hover::before {
	background-color:#fff;
	border-color:var(--global_actif);
	zoom:1;
}

.menu.menu_scroll_section .bouton.visible:hover::before {
	border-radius:0.6em;
}

.menu.menu_scroll_section .bouton.bouton_avancer::before, .menu.menu_scroll_section .bouton.bouton_reculer::before {
	z-index:1;
	height:100%;
	border-radius:1.75em;
	border-width:0.25em;
	width:100%;
    left:0;	
}


.menu.menu_scroll_section .bouton.bouton_avancer:hover::before, .menu.menu_scroll_section .bouton.bouton_reculer:hover::before {
	background-color:#fff;
	border-color:var(--global_actif);
}

.menu.menu_scroll_section .bouton.visible::before {
	background-color:#fff;
	border-color:#ddd;
	zoom:1;
	border-radius:0.6em;
}

.menu.menu_scroll_section .bouton .bouton_icone {

	margin:0;
	padding:0.2em;
	
	font-size:1em;

	cursor:pointer;

	border-radius:50%;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 90% 90%;
	
	z-index:2;

	width:2.3em;
	height:2.3em;
	
	position:relative;
	display:block;
	float:left;

}

.menu.menu_scroll_section .bouton.bouton_avancer, .menu.menu_scroll_section .bouton.bouton_reculer {

	margin:0;
	padding:0;
	
	font-size:0.7em;
	
	width:2.4em;
	height:3.5em;
	
	border-radius:50%;
	top:5.5em;

	justify-items:center;
	justify-content:center;
	align-items:center;
	align-content:center;
	background-color:unset;
	
	filter:grayscale(1);
	
	cursor:pointer;
	transition:color 0.75s ease;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.menu.menu_scroll_section .bouton.bouton_avancer:hover, .menu.menu_scroll_section .bouton.bouton_reculer:hover {
	filter:grayscale(0);
}

.menu.menu_scroll_section .bouton.bouton_avancer {
	right:calc(50% - 2.7em);
}

.menu.menu_scroll_section .bouton.bouton_reculer {
	left:calc(50% - 2.7em);
}

.menu.menu_scroll_section .bouton.bouton_avancer .bouton_icone {

	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
	transform:rotate(-180deg);

}

.menu.menu_scroll_section .bouton.bouton_reculer .bouton_icone {
	
	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
	transform:rotate(0deg);

}

/* Chargement */

.liste_chargeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	top:0;
	left:0;
	right:0;
	
	background-color:#fff;
	
	position:absolute;	
	display:block;
	float:left;
	
}

.chargeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;

    justify-content:center;
    align-items:center;
    align-content:center;
	
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	position:absolute;
	display:flex;
	float:left;
	
}

.chargeur.bloquant {
	
	background-color:rgba(240, 240, 240, 0.8);
	
}

.modal_conteneur_contenu .chargeur {

	z-index:1000;

}

.liste_chargeur .chargeur {

	top:unset;	
	bottom:unset;	

	height:0.2em;
	width:100%;
	
	position:relative;
	
}

.liste_chargeur .chargeur {

	top:unset;	
	bottom:unset;	

	height:0.2em;
	width:100%;

	position:relative;
	
}

.chargeur.sans_position {

	margin-top:-0.2em;
	bottom:unset;	
	height:0.2em;
	
}

.chargeur .chargeur_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:100%;
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;
	
}


.chargeur .chargeur_conteneur::before {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:0.2em;
	
	content:'';
	
	top:0;
	
	background-color:#fff;
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.chargeur.fond_gris .chargeur_conteneur::before {
	background-color:#eee;
}


.pourcentage {
	
    margin:0;
	padding:0;
	
	font-size:1em;

	width:10em;
	height:10em;
	
	border-radius:10em;
	
	background-color:rgba(250, 250, 250, 0.8);
	
	justify-content:center;
	align-items:center;
	align-content:stretch;
	flex-wrap:wrap;
	
	position:relative;
	display:flex;
	float:left;	
	
}

.pourcentage .conteneur {

    margin:0;
	padding:0;
	
	font-size:1em;
	
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;	
	
	position:absolute;
	display:flex;
	float:left;		
	
}

.pourcentage .icone {

    margin:0;
	padding:0;
	
	font-size:1em;
	
	--icone_pourcentage:0;

	width:2.3em;
	height:2.3em;
	background-size:2em 2em;
	background-repeat:no-repeat;
	background-position:center center;
	
	position:relative;
	display:block;
	float:left;		
	
}

.pourcentage .icone::after {

	margin:0;
	padding:0;
	content:'';
	
	top:0;
	right:0;
	bottom:0;

	width:calc( 100% - var(--icone_pourcentage));
	backdrop-filter:grayscale(100%);

	position:absolute;
    display: block;

}


.pourcentage .html {

    margin:0;
	padding:0;
	
	font-size:1em;
	color:var(--global_contenu);
	
	position:relative;
	display:block;
	float:left;		
	
}

.pourcentage .valeur {

    margin:0;
	padding:0;
	
	font-size:2em;
	color:var(--global_contenu);
	
	position:relative;
	display:block;
	float:left;		
	
}

.pourcentage .pourcentage_cercle {
    margin:0;
	padding:0;

	font-size:1em;

	width:100%;
	height:100%;

	z-index:1000;
	
	position:relative;
	display:block;
	float:left;		

}

.pourcentage svg {
    margin:0;
	padding:0;
	width:100%;
	height:100%;

	position:relative;
	display:block;
	float:left;		

}



/*
Palette 

$steel-teal: rgba(88, 139, 139, 1);
$space-cadet: rgba(17, 29, 74, 1);
$radical-red: rgba(255, 51, 102, 1);
$thistle: rgba(207, 186, 225, 1);
$key-lime: rgba(231, 249, 169, 1);
$turquoise-blue: rgba(111, 255, 233, 1);

$maximum-blue-green: rgba(23, 190, 187, 1);
$bittersweet: rgba(255, 102, 102, 1);
$maximum-yellow-red: rgba(255, 200, 87, 1);
$spanish-blue: rgba(36, 110, 185, 1);
$maximum-blue-purple: rgba(190, 183, 223, 1);
$kobe: rgba(143, 37, 12, 1);

$electric-blue: rgba(121, 238, 236, 1);
$spanish-pink: rgba(255, 177, 177, 1);
$peach: rgba(255, 226, 169, 1);
$aero: rgba(131, 181, 231, 1);
$lavender-web: rgba(223, 219, 239, 1);
$burnt-sienna: rgba(241, 115, 87, 1);


*/

.chargeur .chargeur_barre {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:20%;
	height:0.2em;
	
	left:0;
	top:0;
	
	background-color:rgba(255, 153, 85, 1);
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	transition: width 1s ease-in-out;

	position:absolute;	
	display:flex;
	float:left;
	
}

.chargeur .chargeur_barre .chargeur_barre_valeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;	
	
	color:rgba(255, 153, 85, 1);

	bottom:0.4em;

	position:absolute;	
	display:flex;
	float:left;	
}

.chargeur.anime_infini .chargeur_barre {

	animation:display-move-left-right 2s infinite ease;
		
}

@keyframes display-move-left-right {
	0% {
		left:-20%;
	}	
	50% {
	}
	100% {
		left:+100%;
	}
}

/* icone */

.icone {
	margin:0;
	padding:0;
	
	font-size:1em;

	width:1.8em;
	height:1.8em;

    justify-content:center;
    align-items:center;
	align-content:center;
	flex-wrap:wrap;
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:80% 80%;
	background-position:center center;
	
	position:relative;	
	display:flex;
	float:left;
}

.icone.icone_poucet {

	margin-left:0.5em;
	
	width:1.4em;
	background-size:1.5em 1.5em;
	background-image:url(../img/icons/icone_poucet.svg?v=2.12.3);

}

.icone.texte {
	background-color:rgba(255,255,255,0.6);
	min-width:3em;
	width:3em;
	height:3em;
	border-radius:50%;
}

.icone.icone_tri {
	background-image:url(../img/icons/icone_tri.svg?v=2.12.3);
}

.icone.icone_logo {
	background-image:url(../img/logo/Picto_Easy_Orga.svg?v=2.12.3);
}

.icone.icone_champ_groupe {
	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
}

.icone.icone_contactez_nous {
	background-image:url(../img/icons/appel.svg?v=2.12.3);
}

.icone.icone_idee {
	background-image:url(../img/icons/idee.svg?v=2.12.3);
}

.icone.icone_check {
	background-image:url(../img/icons/check.svg?v=2.12.3);
}

.icone.icone_tendance {
	background-image:url(../img/icons/tendance.svg?v=2.12.3);
}

.icone.icone_employe {
	background-image:url(../img/icons/employe.svg?v=2.12.3);
}

.icone.icone_objectif {
	background-image:url(../img/icons/objectif.svg?v=2.12.3);
}

.icone.icone_avantage {
	background-image:url(../img/icons/plus.svg?v=2.12.3);
}

.icone.icone_message {
	background-image:url(../img/icons/radio.svg?v=2.12.3);
}

.modal .icone.icone_contactez_nous {

	width:5em;
	height:5em;
	
	border-radius:50%;

	background-color:rgba(255, 255, 255, 0.8);

}


.icone.icone_encadre {
	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
}

.icone.icone_etude_cas {
	background-image:url(../img/icons/etude_cas.svg?v=2.12.3);
}

.icone.icone_outil {
	background-image:url(../img/icons/outils.svg?v=2.12.3);
}

.icone.icone_theme {
	background-image:url(../img/icons/theme.svg?v=2.12.3);
}

.icone.icone_article {
	background-image:url(../img/icons/article.svg?v=2.12.3);
}

.page_section .encadre_label .icone.icone_article {

	width:2.8em;
	height:2.8em;

	background-size:80% 80%;
	background-color:#fff;
	border-radius:50%;

	left:1em;
	position:absolute;

}

.page_section.entete_corps .encadre_label .icone.icone_article {

	width:3.5em;
	height:3.5em;
	left:-1em;

}

.icone.icone_changer_liste_derroulante::after {

	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
}

.champ_liste_derroulante.transparent .item_selectionne .icone_changer_liste_derroulante::after {

	background-image:url(../img/icons/icone_plier_deplier.svg?v=2.12.3);
	background-color:transparent;
	filter:brightness(0) invert(1);
	
}

.icone.icone_etoile {
	
	background-image:url(../img/icons/tags/icone_tag_etoile_noire.svg?v=2.12.3);	
	
}

.icone .icone_picto {
	margin:0;
	padding:0;
	
	font-size:1em;

	width:1.8em;
	height:1.8em;

	background-color:transparent;
	background-repeat:no-repeat;
	background-size:80% 80%;
	background-position:center center;
	
	position:relative;
	display:block;
	float:left;

}

.icone.avec_picto {

	width:auto;
	height:auto;

}

.icone.icone_ok .icone_picto {

	width:8em;
	height:8em;

	border:solid 1em rgba(200, 200, 200, 0.5);
	
	border-radius:50%;

	background-image:url(../img/icons/icone_ok.svg?v=2.12.3);

}

.icone.icone_ko .icone_picto {

	width:8em;
	height:8em;

	border:solid 1em rgba(200, 200, 200, 0.5);
	
	border-radius:50%;

	background-image:url(../img/icons/icone_ko.svg?v=2.12.3);

}

.icone.icone_chargement {
	
	opacity:0.8;

	background-size:70% 70%;
	background-position:center center;	
	background-image:url(../img/icons/icone_chargement.svg?v=2.12.3);

}


/* Scrollbar */

.ps__rail-y {
	width:0.4em !important;
}

.ps__rail-x {
	height:0.4em !important;
}


.ps__rail-x, .ps__rail-y {
	z-index:1000000;
	
	background:transparent !important;
/*	height:0.6em !important;*/
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
	height: 0.44em !important;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 0.44em !important;
}

.ps__thumb-x {

	height:0.4em !important;
	border-radius:0.5em !important;
	bottom:0.05em !important;
	
}

.ps__thumb-y {

	width:0.4em !important;
	border-radius:0.5em !important;
	right:0.05em !important;
	
}


.centre_centrale.ps--scrolling-x > .ps__rail-x > .ps__thumb-x,
.centre_centrale.ps--scrolling-y > .ps__rail-y > .ps__thumb-y {
	background-color: var(--global_actif);
}

.centre_centrale > .ps__rail-x > .ps__thumb-x,
.centre_centrale > .ps__rail-y > .ps__thumb-y {
	background-color: #777;
}


/* Chargement */

.liste_chargeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	top:0;
	left:0;
	right:0;
	
	background-color:#fff;
	
	position:absolute;	
	display:block;
	float:left;
	
}

.chargeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;

    justify-content:center;
    align-items:center;
    align-content:center;
	
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	position:absolute;
	display:flex;
	float:left;
	
}

.chargeur.bloquant {
	
	background-color:rgba(240, 240, 240, 0.8);
	
}

.modal_conteneur_contenu .chargeur {

	z-index:1000;

}

.liste_chargeur .chargeur {

	top:unset;	
	bottom:unset;	

	height:0.2em;
	width:100%;
	
	position:relative;
	
}

.liste_chargeur .chargeur {

	top:unset;	
	bottom:unset;	

	height:0.2em;
	width:100%;

	position:relative;
	
}

.chargeur.sans_position {

	margin-top:-0.2em;
	bottom:unset;	
	height:0.2em;
	
}

.chargeur .chargeur_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:100%;
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	
	position:relative;	
	display:flex;
	float:left;
	
}


.chargeur .chargeur_conteneur::before {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:0.2em;
	
	content:'';
	
	top:0;
	
	background-color:#fff;
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	
	position:absolute;	
	display:flex;
	float:left;
	
}

.chargeur.fond_gris .chargeur_conteneur::before {
	background-color:#eee;
}

.chargeur .chargeur_barre {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:20%;
	height:0.2em;
	
	left:0;
	top:0;
	
	background-color:rgba(255, 153, 85, 1);
	
    justify-content:center;
    align-items:center;
	flex-direction:row;
	flex-wrap:wrap;

	transition: width 1s ease-in-out;

	position:absolute;	
	display:flex;
	float:left;
	
}

.chargeur .chargeur_barre .chargeur_barre_valeur {
	
	margin:0;
	padding:0;
	
	font-size:1em;	
	
	color:rgba(255, 153, 85, 1);

	bottom:0.4em;

	position:absolute;	
	display:flex;
	float:left;	
}

.chargeur.anime_infini .chargeur_barre {

	animation:display-move-left-right 2s infinite ease;
		
}

@keyframes display-move-left-right {
	0% {
		left:-20%;
	}
	100% {
		left:+100%;
	}
}

.effet_transition_global {
	animation:show-left-right-transition 1.5s both;
}

.droite .effet_transition_global {
	animation:show-right-left-transition 1.5s both;
}

.crawler .effet_transition_global {
	opacity:1 !important;
	animation:unset;
}

.crawler .droite .effet_transition_global {
	opacity:1 !important;
	animation:unset;
}

.effet_transition_vertical_global {
	animation:show-top-bottom-transition 1.5s both;
}


/* key frames */

@keyframes show-opacity {
  0% {
    opacity:0;
 }
  100% {
    opacity:1;
  }  
}

@keyframes show-left-right-transition {
  0% {
    opacity:0;
	transform:translateX(-4em);
  }
  100% {
    opacity:1;
	transform:translateX(0);
  }  
}


@keyframes show-right-left-transition {
  0% {
    opacity:0;
	transform:translateX(4em);
  }
  100% {
    opacity:1;
	transform:translateX(0);
  }  
}

@keyframes show-top-bottom-transition {
  0% {
    opacity:0;
	transform:translateY(-4em);
  }
  100% {
    opacity:1;
	transform:translateY(0);
  }  
}

@keyframes display-opacity-50-transition {
  0% {
    opacity:0.5;
  }
}

@keyframes display-opacity-100-50-100-transition {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  0% {
    opacity:1;
  }  
}

@keyframes display-opacity-0-100-transition {
  0% {
    opacity:0.3;
  }
  100% {
    opacity:1;
  }
}

@keyframes display-opacity-0-100-transition-reel {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }   
}

@keyframes display-opacity-100-0-transition {
  0% {
    opacity:1;
  }
  100% {
    opacity:0.3;
  }
 
}

@keyframes display-opacity-100-00-transition {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
 
}

@keyframes scale-0-100-transition {
  0% {
    transform:scale(0.8);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes bounce-transition {
  0% {
    transform:scale(1.4);
  }
  50% {
    transform:scale(0.8);
  }
  75% {
    transform:scale(1.2);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes slide-transition {
  0% {
    transform:scale(0.6) translateX(100%);
  }
  80% {
    transform:scale(0.6) translateX(0);
  }
  100% {
    transform:scale(1) translateX(0);
  }   
}


.transition_opacity_effet_in {	
	animation:display-opacity-100-0-transition 1s ease-in-out;
}

.transition_opacity_effet_out {	
	animation:display-opacity-0-100-transition 1s ease-in-out;
}


@keyframes width-0-100-transition {
  0% {
    width:0;
  }
  100% {
	width:100%;
  }
}