@charset "utf-8";

@font-face {
    font-family: Arial_Monospaced;
    src: url(Arial_Monospaced_MT.ttf);
}

body, html {

	overflow:auto;
	overflow-x:hidden;
	
} 

html {

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

}

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


body {

	padding:0;
	margin:0;

	font-size: 1.3vw;
	
	color:#555;
	background:#eee;

}

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

	font-family:	Arial,"Helvetica Neue", sans-serif;
	font-family: Calibri, Arial,"Helvetica Neue", sans-serif;

}

img {
	border:0;
}

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





/* Caneva : centre */

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

	background-color:#fff;

	height:calc(100% - 1.2em);

	top:0;
	left:0;

	position:fixed;	
	display:flex;

}




/* Page Globale */

.centre .page_globale {
	
	margin:0;
	padding:2em 15em;
	
	font-size:1em;
	
	width:100%;
	height:100%;
		
	top:0;
	left:0;
	
	opacity:0;
	
	z-index:1000;
	
	position:absolute;
	display:none;
	float:left;

}

.centre .actif {

	display:block;
	opacity:1;
	
}

.page_globale .page_globale_conteneur {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:100%;
	
	background-color:rgba(250, 250, 250, 0.85);

	box-shadow: 0em 0em 0.5em #666666;
	
	position:relative;
	display:block;
	float:left;

}

.page_globale_conteneur .page_globale_contenu {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:100%;
	height:100%;
	
	overflow-y:auto;
	
	position:relative;
	display:block;
	float:left;

}

.page_globale_conteneur .page_globale_contenu_padding {
	
	padding:0 1em;

}

.page_globale_conteneur .page_globale_contenu_blanc {
	
	background-color:#fff;
	
}

.page_globale_conteneur .page_globale_contenu h1 {
	
	font-size:1.8em;
	
	color: #f28433;

}

.page_globale_conteneur .page_globale_contenu .identification_terminee {
	
	margin:5em;
	padding:0;
	
	font-size:1em;
	
	width:calc(100% - 10em);
	height:calc(100% - 10em);
	
	background-color: #fff;
	box-shadow: 0em 0em 0.2em #666666;
		
	justify-content:center;
	align-items:center;
	align-content: center;
	flex-wrap:wrap;
	
	opacity:0;
	
	position:relative;
	display:flex;
	float:left;

}

.page_globale_conteneur .page_globale_contenu .identification_terminee h1 {
	
	font-size: 1.8em;

	width:100%;
	
	text-align:center;
	
	padding:0;

}

.page_globale_conteneur .page_globale_contenu .identification_terminee .gris {
	
	color:#222;

}



.page_globale_conteneur .page_globale_agrandir_reduire {
	
	margin:0;
	padding:0.2em;
	
	font-size:1em;
	
	top:0.5em;
	right:0.5em;
	
	background-color:#a1b9ff;

	border-radius:0.3em;
	box-shadow: 0em 0em 0.2em #666666;

	z-index:1500;
	
	position:absolute;
	display:block;
	float:left;

}

.page_globale_agrandir_reduire .bouton_reduire {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	height:2em;
	width:2em;
	
	background-color:#fff;

	cursor:pointer;
	border-radius:0.15em;
	
	background-image:url('../img/page_globale/reduire.svg?v=5.4.6');
	background-repeat:no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	
	position:relative;	
	display:block;
	float:left;

}

.page_globale_contenu .page_globale_contenu_droit {
	
	margin:0;
	padding:0.5em 1.5em;
	
	font-size:1em;
	width:calc(100% - 18em);

	background-color:#fff;
	max-height:100%;

	overflow-y:auto;
	
	opacity:0;
	
	position:relative;
	display:none;
	float:left;

}

.page_globale .page_globale_conteneur .page_globale_contenu .actif {

	display:block;
	opacity:1;
	
}


/* Logo */

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

}

.zone_logo img {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:15em;
	
	position:relative;	
	display:block;
	float:left;

}






/* Membre : Formulaire identifier */

.page_globale_contenu .membre_formulaire_identifier {
	
	margin:0;
	padding:0 1em 0.75em 1em;
	
	font-size:1em;
	width:100%;

	overflow-y:auto;

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

}

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

}

.membre_formulaire_identifier .membre_formulaire_identifier_entete h1 {
	
	text-align:center;
	color:#01486b;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_entete h1 span {
	
	font-size:1em;
	color: #f28433;

}

.membre_formulaire_identifier .membre_formulaire_identifier_entete_inactif {

	margin-top:1em;
	
	padding-top:0em;
	padding-bottom:0em;

	cursor:pointer;

	background-color:rgba(240, 240, 240, 0.6);
	box-shadow: 0em 0em 0.2em #666666;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_entete_inactif:hover {

	background-color: #fff;
	box-shadow: 0em 0em 0.2em #666666;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_conteneur {
	
	margin:0 0 0 15%;
	padding:1em 1.5em 0.5em 1.5em;
	
	font-size:1em;
	width:calc(70% - 7.5em);

	box-shadow: 0em 0em 0.2em #666666;
	
	background-color:#ddd;
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
	position:relative;
	display:none;
	float:left;

}

.membre_formulaire_identifier .membre_formulaire_identifier_conteneur.actif {

	display:block;
	
}

.membre_formulaire_identifier_conteneur .membre_formulaire_identifier_entete {
	
	margin:0;
	padding:0.5em 1em 0 1em;
	
	font-size:1em;
	width:100%;

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

}

.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_identifier .actif .membre_formulaire_identifier_entete {
	
	margin-bottom:1em;

}

.membre_formulaire_identifier .membre_formulaire_identifier_entete.membre_formulaire_identifier_entete_inactif h2 {

	font-size:1.4em;
	color: #888;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_entete.membre_formulaire_identifier_entete_inactif h2 span {
	
	color: rgba(242, 132, 51, 0.8);

}

.membre_formulaire_identifier .membre_formulaire_identifier_entete.membre_formulaire_identifier_entete_inactif:hover h2 {

	color: #f28433;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_entete.membre_formulaire_identifier_entete_inactif:hover h2 span {
	
	color: #f28433;

}

.membre_formulaire_identifier .membre_formulaire_identifier_entete h2 {

	font-size:1.8em;
	
	text-align:center;
	color: #777;
	
}

.membre_formulaire_identifier .membre_formulaire_identifier_entete h2 span {
	
	font-size:1em;
	color: #f28433;

}









.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_identifier .actif {
	
	background-color: #eee;
	box-shadow: 0em 0em 0.2em #666666;
	
	display:flex;

}


.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_identifier .erreur {
	
	background-color: #ffdad3;

}

.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_identifier .erreur .message {
	
	font-size:0.75em;
	color:#f00;
	
}


.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_identifier .inactif {
	
	display:none;

}



.membre_formulaire_identifier .formulaire_bouton_ok {
	
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:6em;
	height:100%;
	
/*	background-color:#01486b;
	
	background-color:rgba(242, 132, 51, 0.2);
	background-color:#fff;
*/
	background-color:rgba(242, 132, 51, 0.8);
	/*border-left: solid 0.2em #fff; */
	
	box-shadow: 0em 0em 0.2em #666666;	
	
	cursor:pointer;
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
	top:0;
	right:-7.5em;
	
	position:absolute;
	display:flex;
	float:left;	

}

.membre_formulaire_identifier .formulaire_bouton_ok .formulaire_bouton_ok_icone.formulaire_bouton_icone_connecter {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:4em;
	height:4em;
	
	background-repeat:no-repeat;
	background-size: 3.5em 3.5em;
	background-position: center center;
	background-image:url('../img/boutons/bouton_identifier_blanc.svg?v=5.4.6');
	
	position:relative;
	display:block;
	float:left;	
	
}

.membre_formulaire_identifier .formulaire_bouton_ok:hover {

	background-color:rgba(242, 132, 51, 1);	

}


.membre_formulaire_identifier .formulaire_bouton_ok:hover .formulaire_bouton_ok_icone.formulaire_bouton_icone_connecter {

	background-image:url('../img/boutons/bouton_identifier_blanc.svg?v=5.4.6');

}










.page_globale_contenu .membre_formulaire_oublier {
	
	margin:1em 0 0 0;
	padding:0 1em 2em 1em;
	
	font-size:1em;
	width:100%;

	overflow-y:auto;

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

}

.membre_formulaire_oublier .membre_formulaire_oublier_conteneur {
	
	margin:0 0 0 15%;
	padding:0.5em 1.5em 0.5em 1.5em;
	
	font-size:1em;
	width:calc(70% - 7.5em);
	
	background-color:#eee;
	box-shadow: 0em 0em 0.2em #666666;
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
	position:relative;	
	display:none;
	float:left;

}

.membre_formulaire_oublier .membre_formulaire_oublier_conteneur.actif {
	
	display:flex;

}

.membre_formulaire_oublier .membre_formulaire_oublier_conteneur_100p {
	
	padding:0 0.75em;

}


.membre_formulaire_oublier .membre_formulaire_oublier_conteneur:hover {
	
	box-shadow: 0em 0em 0.2em #666666;

}

.membre_formulaire_oublier .membre_formulaire_oublier_entete {
	
	margin:0;
	padding:0.5em 1em 0 1em;
	
	font-size:1em;
	width:100%;

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

}

.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_oublier .actif .membre_formulaire_oublier_entete {
	
	margin-bottom:1em;

}

.membre_formulaire_oublier .membre_formulaire_oublier_entete_inactif {

	margin-top:1em;
	
	padding-top:0em;
	padding-bottom:0em;

	cursor:pointer;

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

.membre_formulaire_oublier .membre_formulaire_oublier_entete_inactif:hover {

	background-color: #eee;
	box-shadow: 0em 0em 0.2em #666666;
	
}

.membre_formulaire_oublier .membre_formulaire_oublier_entete.membre_formulaire_oublier_entete_inactif h2 {

	font-size:1.4em;
	color: #888;
	
}

.membre_formulaire_oublier .membre_formulaire_oublier_entete.membre_formulaire_oublier_entete_inactif:hover h2 {

	color: #f28433;
	
}


.membre_formulaire_oublier .membre_formulaire_oublier_entete h2 {

	font-size:1.8em;
	
	text-align:center;
	color: #f28433;
	
}

.membre_formulaire_oublier .membre_formulaire_oublier_entete h2 span{
	
	font-size:1em;

}


.membre_formulaire_oublier .actif .formulaire_champs_standard {
	
	display:block;

}


.membre_formulaire_oublier .formulaire_bouton_ok {
	
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:6em;
	height:100%;
	
/*	background-color:#01486b;
	
	background-color:rgba(242, 132, 51, 0.2);
	background-color:#fff;
*/

/*	border-left: solid 0.2em #fff; */
	background-color:rgba(242, 132, 51, 0.8);

	box-shadow: 0em 0em 0.2em #666666;
	
	cursor:pointer;
	
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
	top:0;
	right:-7.5em;
	
	position:absolute;
	display:flex;
	float:left;	

}

.membre_formulaire_oublier .formulaire_bouton_ok .formulaire_bouton_ok_icone.formulaire_bouton_icone_oublier {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	
	width:4em;
	height:4em;
	
	background-repeat:no-repeat;
	background-size: 3.5em 3.5em;
	background-position: center center;
	background-image:url('../img/boutons/bouton_initialiser_password_blanc.svg?v=5.4.6');
	
	position:relative;
	display:block;
	float:left;	
	
}

.membre_formulaire_oublier .formulaire_bouton_ok:hover {

	background-color:rgba(242, 132, 51, 1);	

}


.membre_formulaire_oublier .formulaire_bouton_ok:hover .formulaire_bouton_ok_icone.formulaire_bouton_icone_connecter {

	background-image:url('../img/boutons/bouton_initialiser_password_blanc.svg?v=5.4.6');

}





.membre_formulaire_oublier_conteneur .formulaire_boutons .formulaire_bouton_ok {

	display:none;

}

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

}

.membre_formulaire_oublier_conteneur .reintialisation_terminee h1 {
	
	margin:0.5em 0 0 0;
	
	font-size:1.4em;

}

.membre_formulaire_oublier_conteneur .reintialisation_terminee p {
	
	width:100%;
	
}


.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_oublier .erreur {
	
	background-color: #ffdad3;

}

.page_globale .page_globale_conteneur .page_globale_contenu .membre_formulaire_oublier .erreur .message {
	
	color:#f00;
	
}


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

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

}

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

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

}

.formulaire_champs_standard .formulaire_champs_standard_texte label {
	
	margin:0;
	padding:0;
	
	font-size:1em;
	width:100%;

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

}

.formulaire_champs_standard .formulaire_champs_standard_texte label.fort {
	
	font-weight:bold;

}

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

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

}

.formulaire_champs_standard .formulaire_champs_standard_input input {
	
	margin:0;
	padding:0.25em 0.5em;
	
	font-size:1em;
	width:100%;

	border:#000 0.05em solid;
	
	position:relative;	
	display:block;
	float:left;

}

.formulaire_champs_standard .formulaire_champs_standard_input input:active, .formulaire_champs_standard .formulaire_champs_standard_input input:focus {

	border:rgba(44, 90, 160, 0.4) 0.05em solid;	
	outline:0.15em solid rgba(44, 90, 160, 0.4);
	
}

.erreur .formulaire_champs_standard .formulaire_champs_standard_input input {
	
	border:#f00 0.05em solid;

}






.champs_bouton {

	margin:0;
	padding:0;
	
	font-size:1em;
	
	border-radius:0.5em;
	
	width:auto;
	min-height:1.8em;

	justify-content:flex-start;
	align-items:stretch;
	align-content:flex-start;
	flex-wrap:no-wrap;
	
	box-shadow: 0em 0em 0.15em #555555;
	
	border:0.2em solid #fff;
	
	cursor:pointer;
	
	position:relative;	
	display:flex;
	float:left;
	
}

.champs_bouton_decalle_haut {

	margin-top:1em;

}

.champs_bouton.champs_bouton_ok {

	background-color:#f28433;

}

.champs_bouton .champs_bouton_icone {

	margin:0 0 0 -0.1em;
	padding:0;
	
	font-size:1em;
	
	border-radius:0;
	
	width:auto;

	border-radius:0.1em 0 0 0.1em; 
	
	background-repeat:no-repeat;
	background-size: 2.2em 2.2em;
	background-position: center center;
	
	position:relative;	
	display:block;
	float:left;
	
}

.champs_bouton.champs_bouton_ok .champs_bouton_icone {

	width:3em;

	background-image:url('../img/boutons/bouton_confirmer_bouton_ok.svg?v=5.4.6');	
	background-color:#fff;

}

.champs_bouton .champs_bouton_texte {

	margin:0;
	padding:0.5em 1em;
	
	font-size:1em;
	
	border-radius:0;
	
	width:auto;

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


.champs_bouton .champs_bouton_texte span {

	margin:0;
	padding:0;
	
	font-size:1.3em;
	
	position:relative;	
	display:block;
	float:left;
	
}

.champs_bouton.champs_bouton_ok .champs_bouton_texte span {

	color:#fff;

}













/* Caneva : demo */

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

	background-color:#000;
	
	width:100%;
	height:100%;
	
	position:relative;	
	display:block;
	float:left;

}















/* Bas de page */

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

	background-color:#ddd;
	box-shadow: 0em 0em 0.3em #555555;
	
	height:1.2em;
	
	bottom:0;
	left:0;
	
	position:fixed;	
	display:flex;

}

.bas .bas_contenu {
	
	margin:0;
	padding:0;
	
	font-size:0.7em;
	
	justify-content:center;
	align-items:flex-start;
	flex-wrap:no-wrap;

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

}