@charset "utf-8";

@font-face {
  font-family:'Roboto Condensed';
  src: url(../font/RobotoCondensed-Regular.ttf);
}

:root {
	
	--sirius_version:"4.5.3";

	--global_h1:rgba(44, 90, 160, 1);
	--global_h2:rgba(44, 90, 160, 1);

	--global_label:rgba(44, 90, 160, 1);
	--global_contenu:#333;
	
	--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:rgba(44, 90, 160, 0.1);

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

	--haut_bouton_border:rgba(200, 200, 200, 0.5);
	--haut_bouton_border_survol:rgba(44, 90, 160, 0.5);
	--haut_bouton_border_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(180, 180, 180, 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(180, 180, 180, 0.6);
	--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_survol:rgba(240, 240, 240, 0.85);
	--form_groupe_bg_header_deplie:rgba(44, 90, 160, 0.1);
	--form_groupe_bg_header_deplie_survol:rgba(44, 90, 160, 0.15);
	--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);
	
	--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:Arial_Monospaced;
	src:url(Arial_Monospaced_MT.ttf?v=var(--sirius_version));
}
*/
body, html {

	overflow:hidden;
	overflow-x:hidden;
	
} 

html {

	overflow-y:hidden;
	box-sizing:border-box;

}

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

*:focus-visible {
	outline:unset;
}

input {
	caret-color:black;
}

body {

	padding:0;
	margin:0;

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

}

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

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

}

img {
	border:0;
}


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.4em 0 0.2em 0;
	padding:0;

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

	width:100%;

	display:block;
	float:left;
}


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

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

	width:100%;

	display:block;
	float:left;
}

label {

	margin:0;
	padding:0;

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

	width:100%;
	white-space:normal;

	display:block;
	float:left;
	
}

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_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:center;
	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;

}

.champ_liste_derroulante .liste_derroulante {

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

	width:100%;
	
	top:100%;
	left:0;

	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;	
}	


/* 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_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);
	
}


.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:0.1em solid var(--haut_bouton_border);
	filter:grayscale(1) opacity(0.4);
	cursor:auto;
	
}

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

.menu.menu_champ_limiteur .bouton.bouton_plus {

	background-image:url(../img/boutons/bouton_ajouter_noire.svg?v=4.5.3);

}

.menu.menu_champ_limiteur .bouton.bouton_moins {

	background-image:url(../img/boutons/bouton_soustraire_noire.svg?v=4.5.3);

}


/* 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;

}



.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;

}

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

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

	background-color: var(--bouton_action_bg);
	border: 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=4.5.3);

}


.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:focus-within {
	z-index:100000000;
}

.champ_input:focus-within:before {
	padding:0;
	margin:0;
	content:"";
	border-radius:0.3em;
	top:-0.4em;
	bottom:-0.4em;
	left:-0.4em;
	right:-0.4em;
	background-color:#cccccc22;
	position:absolute;
}

.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 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 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 .compteur {

	margin:0;
	padding:0;

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

	width:auto;

	flex-shrink:0;

	display:block;
	float:left;
	
}

.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 .compteur {

	margin:0;
	padding:0;

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

	width:auto;

	flex-shrink:0;

	display:block;
	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:nowrap;
	
	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:hover .champ_groupe_header {
	background-color:var(--form_groupe_bg_header_survol);
}

.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.deplie:hover .champ_groupe_header {
	background-color:var(--form_groupe_bg_header_deplie_survol);
}

.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 .champ_liste_derroulante_conteneur:empty {
	display:none;
}

.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.transparent .item_selectionne {

	min-height:2.2em;
	
}

.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 .icone_changer_liste_derroulante {

	margin:auto;
	height:1.75em;
	min-height:1.75em;	
	background-size:1.5em 1.5em;

}

.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 {

	filter:var(--filter_actif);

}

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

	transform:scaleY(-1);

}

.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;
	
	overscroll-behavior:contain;
	
	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% - 1.2em);

	top:0;
	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:1.5em;
	
	font-size:1em;
	width:100%;
	height:100%;
	
	justify-content:center;
	align-items:flex-start;
	flex-wrap:nowrap;
	
	background-color:rgba(50,50,50, 0.5);
	
	opacity:0.5;
	
	z-index:50000;
	
	position:relative;	
	display:none;
	float:left;

}


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

	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;

}

.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;

}



/* Menu */
.menu {
	
	margin:0 0 0 1em;
	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;

}

/* boutons */

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

	width:2.5em;
	height:2.5em;

	cursor:pointer;
	
	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_ok {

	width:6em;
	height:3em;
	
	border-radius:0.3em;
	
	box-shadow:0em 0em 0.1em #555555;

	background-size:2.2em 2.2em;
	
}

.bouton.bouton_ok {

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

.bouton.bouton_oublier {

	width:8em;
	height:4em;
	
	border-radius:0.3em;
	
	box-shadow:0em 0em 0.1em #555555;

	background-size:3em 3em;
	
}

.bouton.bouton_oublier {

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

.bouton.bouton_revenir {

	width:5em;
	height:2.5em;
	
	border-radius:0.3em;
	
	box-shadow:0em 0em 0.1em #555555;

	background-size:2.2em 2.2em;
	
}

.bouton.bouton_revenir {

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

/* 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,#ccc 0 0.5em, transparent 0.5em 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);
	display:none;

}

.erreur .message.message_erreur {

	display:flex;

}

/* bas */

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

	background-color:#eee;
	box-shadow:0em 0em 0.3em #555555;
	
	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:flex-start;
	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_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_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;

}


/* 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-100-0-transition {
  0% {
    opacity:1;
  }
  100% {
    opacity:0.3;
  }
 
}


.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 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;
}


/* 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-100-0-transition {
  0% {
    opacity:1;
  }
  100% {
    opacity:0.3;
  }
 
}


.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;
}