.signature_express_global
{
    position: fixed;
	width: 100%;
	height: 100%;
    left: 0px;
    top: 0px;
}

/* Accueil */

.signature_express_ecran_accueil
{
 	position: absolute;
    left: 0px;
	top: 0px;
    width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
    background-color: white;
}

/* Logo GECO */

.signature_express_logo_geco
{
    position: absolute;
	left: 45vw;
	top: 2vw;
	height: 4vw;
    max-height: 100%;
    width: auto;
}

/* Logo MesConsignations */

.signature_express_logo_cloud
{
    position: absolute;
	left: 3vw;
	top: 2vw;
	height: 4vw;
    max-height: 100%;
    width: auto;
}

.signature_express_logo_cloud2
{
    position: absolute;
	left: 30vw;
	top: 2vw;
	height: 4vw;
    max-height: 100%;
    width: auto;
}

/* Logo client */

.signature_express_logo_client
{
    position: absolute;
    top: 2vw;
	left: 3vw;
	height: 4vw;
    max-height: 100%;
    width: auto;
}

/* Nom du site */

.signature_express_nom_site
{
    position: absolute;
    left: 4vw;
    top: 7vw;
    font-size: 1.7vw;
    font-family: Calibri;
    font-weight: bold;
    color: rgb(39, 52, 139);
}

/* Message instruction */

.signature_express_message_instruction
{
	position: absolute;
	left: 35vw;
	top: 14vw;
	font-family: Calibri;
    font-size: 2.5vw;	
	font-style: italic;
	text-align: center;
	width: 60vw;
}

/* Message erreur de saisie */

.signature_express_message_erreur_saisie
{
	position: absolute;
	left: 35vw;
	top: 30vw;
	font-family: Calibri;
    font-size: 1.5vw;	
	text-align: center;
	width: 60vw;
	color: red;
}


/* Clavier numérique */

.signature_express_clavier_numerique
{
    position: absolute;
	left: 7vw;
	top: 14vw;
    border-spacing: 0.3vw;
    border-collapse: initial;
}

.signature_express_clavier_numerique > tbody > tr:hover>td
{
    background-color: #dddddd;
}

.signature_express_clavier_numerique_chiffre
{
	font-family: Calibri;
    font-size: 3vw;	
	font-weight: bold;
	color: #666666;
}

.signature_express_clavier_numerique_touche
{
    height: 6vw;    
    width: 6vw;
	text-align: center;
	vertical-align: middle;
	background: #dddddd;
	color: #666666;
	border: 1px solid black;
}

/* Input N° régime, code cartons */

.signature_express_saisie_numero_regime_placeholder
{
    position: absolute;
	left: 55vw;
	top: 21vw;
    height: 6vw;    
    width: 20vw;
	line-height: 6vw;
    font-family: Calibri;
    font-size: 3vw;
	background: white;
	color: #999999;
	border: 2px solid black;
}

.signature_express_affichage_numero_regime
{
    position: absolute;
	left: 55vw;
	top: 21vw;
    height: 6vw;    
    width: 20vw;
	line-height: 6vw;
    font-family: Calibri;
	font-size: 3vw;
	font-weight: bold;
	background: white;
	color: black;
	border: 2px solid black;
}


/* Bouton connexion */

.signature_express_bouton_connexion
{
	position: absolute;
    left: 62vw;
	top: 34vw;
	height: 6vw;
    max-height: 100%;
    width: auto;
}


/* Bouton effacer numéro de régime */

.signature_express_bouton_effacer_numero_regime
{
	height: 3vw;
    max-height: 100%;
    width: auto;
}

/* Bouton effacer chiffre */

.signature_express_bouton_effacer_chiffre
{
	height: 4vw;
    max-height: 100%;
    width: auto;
}

/* Message attente */

.signature_express_message_attente
{
	position: absolute;
    left: 0vw;
	top: 0vh;
    width: 100%;
	height: 100vh;
	text-align: center;
	vertical-align: middle;
    font-family: Calibri;
    font-size: 3vw;
	font-style: italic;
	margin: auto;
    background-color: white;
	line-height: 25vh;
	padding-top: 12vw;
}

/* Bouton retour à l'accueil */

.signature_express_bouton_retour
{
    position: absolute;
    left: 92vw;
    top: 1vw;
	height: 6vw;
    max-height: 100%;
    width: auto;
}

.signature_express_message_enregistrement
{
	position: absolute;
    left: 0vw;
	top: 0vw;
    width: 100vw;
	height: 100vh;
	text-align: center;
	vertical-align: middle;
    font-family: Calibri;
    font-size: 2vw;
	font-style: italic;
	margin: auto;
    background-color: #e3effa;
	line-height: 100vh;
}

/* Ecran de signature */

.signature_express_ecran_signature
{
 	position: absolute;
    left: 0px;
	top: 0px;
    width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
    background-color: white;
}

/* Numéro de régime */

.signature_express_numero_regime_placeholder
{
    position: absolute;
	top: 1vw;
	left: 2vw;
    font-family: Calibri;
    font-size: 2.5vw;
}

.signature_express_numero_regime
{
    position: absolute;
	top: 1vw;
	left: 17vw;
    font-family: Calibri;
    font-size: 2.5vw;
	font-weight: bold;
}

/* Nature des travaux */

.signature_express_nature_travaux_placeholder
{
    position: absolute;
	top: 4.5vw;
	left: 2vw;
    font-family: Calibri;
    font-size: 2.5vw;
}

.signature_express_nature_travaux_div
{
    position: absolute;
	top: 4.55vw;
	left: 17vw;
	text-align: left;
	width: 69vw;
	height: 10vw;
	overflow: hidden;
}

.signature_express_nature_travaux
{
    font-family: Calibri;
    font-size: 2.5vw;
    font-weight: bold;
}

/* zone signature */

.signature_express_zone_signature
{
	position: absolute;
    left: 2vw;
    top: 17.5vw;
    background: #ffffff;
	width: 84vw;
	height: 28vw;
	line-height: 1.5vw;
	vertical-align: bottom;
	border: 1px solid black;
}

/* Affichage message signature et signataire */

.signature_express_table_signataire
{
	position: absolute;
    left: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
	display: flex;
}

.signature_express_table_signataire_message
{
    font-family: Calibri;
    font-size: 2vw;
	font-style: italic;
	line-height: 3vw;
	text-align: left;
	vertical-align: middle;
	color: #999999;
	background-color: white;
}

.signature_express_table_signataire_signataire
{
	font-family: Calibri;
	font-size: 3vw;
	font-style: italic;
	color: #CCCCCC;
}

.signature_express_table_signataire_cell_message
{
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.signature_express_table_signataire_cell_signataire
{
	text-align: center;
	vertical-align: middle;
	background-color: white;
	line-height: 4vw;
	height: 18vw;
}

.signature_express_label_signataire
{
	position: absolute;
	top: 18vw;
    width: 100vw;
    text-align: center;
    font-family: Calibri;
    font-size: 2.5vw;	
    font-style: italic;
}

.signature_express_identifiant
{
	position: absolute;
    font-family: Calibri;
    font-size: 2.5vw;
    left: 35vw;
	top: 30vw;
    width: 30vw;
	height: 4vw;
	text-align: center;
}

.signature_express_password
{
	position: absolute;
    font-family: Calibri;
    font-size: 2.5vw;
    left: 35vw;
	top: 38vw;
    width: 30vw;
	height: 4vw;
	text-align: center;
}

.signature_express_identification_impossible
{
	position: absolute;
	left: 35vw;
	top: 43vw;
	width: 30vw;
    font-family: Calibri;
    font-size: 2.5vw;
	text-align: center;
    color: red;
}

.signature_express_bouton_mode
{
    position: absolute;
    left: 92vw;
    top: 11vw;
	height: 6vw;
    max-height: 100%;
    width: auto;
}

.signature_express_bouton_effacer
{
    position: absolute;
    left: 92vw;
    top: 21vw;
	height: 6vw;
    max-height: 100%;
    width: auto;
}

.signature_express_bouton_valider
{
    position: absolute;
    left: 92vw;
    top: 40vw;
	height: 6vw;
    max-height: 100%;
    width: auto;
}

/* -------------- INTERFACE MOBILE ---------------------- */

.signature_express_message_instruction_mobile
{
	position: absolute;
	font-family: Calibri;
	font-style: italic;
	text-align: center;
	width: 100vw;
}

.signature_express_message_erreur_saisie_mobile
{
	position: absolute;
	font-family: Calibri;
	font-weight: bold;
	text-align: center;
	width: 100vw;
	color: red;
}

.signature_express_message_attente_mobile
{
	position: absolute;
    left: 0vw;
	top: 0vh;
    width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
    font-family: Calibri;
	font-style: italic;
	background-color: white;
}

.signature_express_input_numero_regime 
{
	position: absolute;
    font-family: Calibri;
	font-weight: bold;
	background: white;
	color: black;
	text-align: center;
	border: 1px solid black;
}

.signature_express_zone_signature_mobile
{
	position: absolute;
    background: #ffffff;
	line-height: 1.5vw;
	vertical-align: bottom;
	border: 1px solid black;
}

.signature_express_bouton_connexion_mobile
{
	position: absolute;
}
		
.signature_express_bouton_effacer_mobile
{
    position: absolute;
}

.signature_express_bouton_mode_mobile
{
    position: absolute;
}

.signature_express_bouton_valider_mobile
{
    position: absolute;
}

.signature_express_bouton_retour_mobile
{
    position: absolute;
}

/* Numéro de régime */

.signature_express_numero_regime_placeholder_mobile
{
    position: absolute;
    font-family: Calibri;
}

.signature_express_numero_regime_mobile
{
    position: absolute;
    font-family: Calibri;
	font-weight: bold;
}

/* Nature des travaux */

.signature_express_nature_travaux_placeholder_mobile
{
    position: absolute;
    font-family: Calibri;
}

.signature_express_nature_travaux_div_mobile
{
    position: absolute;
	text-align: left;
}

.signature_express_nature_travaux_mobile
{
    font-family: Calibri;
    font-weight: bold;
}

/* zone signature */

.signature_express_zone_signature_mobile
{
	position: absolute;
    background: #ffffff;
	line-height: 1.5vw;
	vertical-align: bottom;
	border: 2px solid black;
}


/* Affichage message signature et signataire */

.signature_express_table_signataire_mobile
{
	position: absolute;
    left: 0vw;
    top: 0vw;
    width: 100%;
    height: 100%;
/*	display: flex;*/
}

.signature_express_table_signataire_message_mobile
{
    font-family: Calibri;
    font-size: 2vw;
	font-style: italic;
	line-height: 3vw;
	text-align: left;
	vertical-align: middle;
	color: #999999;
	background-color: white;
}

.signature_express_table_signataire_signataire_mobile
{
	font-family: Calibri;
	font-size: 3vw;
	font-style: italic;
	color: #CCCCCC;
}

.signature_express_table_signataire_cell_message_mobile
{
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.signature_express_table_signataire_cell_signataire_mobile
{
	text-align: center;
	vertical-align: middle;
	background-color: white;
	line-height: 4vw;
	height: 18vw;
}

.signature_express_label_signataire_mobile
{
	position: absolute;
    font-family: Calibri;
    font-style: italic;
}

.signature_express_identifiant_mobile
{
	position: absolute;
    font-family: Calibri;
	text-align: center;
}

.signature_express_password_mobile
{
	position: absolute;
    font-family: Calibri;
	text-align: center;	
}

.signature_express_identification_impossible_mobile
{
	position: absolute;
    font-family: Calibri;
	text-align: center;
    color: red;
}

@media screen and (orientation: portrait) 
{
	.signature_express_message_instruction_mobile
	{
		left: 0vw;
		top: 20vh;
		font-size: 6vw;
	}
	
	.signature_express_message_erreur_saisie_mobile
	{
		left: 0vw;
		top: 50vh;
		font-size: 5vw;
	}
	
	.signature_express_input_numero_regime
	{
		left: 25vw;
		top: 40vh;
		width: 50vw;
		font-size: 6vw;		
	}	
	
	.signature_express_bouton_connexion_mobile
	{
		left: 45vw;
		top: 60vh;
		width: 8vh;
	}
	
	.signature_express_message_attente_mobile
	{
		left: 0vw;
		top: 0vh;
		font-size: 5vw;
		line-height: 10vh;
		padding-top: 30vh;
	}

	.signature_express_numero_regime_placeholder_mobile
	{
		left: 5vw;
		top: 10vh;
		font-size: 4.5vw;
	}

	.signature_express_numero_regime_mobile
	{
		left: 32vw;
		top: 10vh;
		font-size: 4.5vw;	
	}

	.signature_express_nature_travaux_placeholder_mobile
	{
		left: 5vw;
		top: 15vh;
		font-size: 4.5vw;
	}

	.signature_express_nature_travaux_div_mobile
	{
		left: 24vw;
		top: 15vh;
		width: 75vw;
		height: 24vw;
		overflow: hidden;
	}
	
	.signature_express_nature_travaux_mobile
	{
		font-size: 4.5vw;
	}

	.signature_express_identifiant_mobile
	{
		font-size: 5vw;
		left: 25vw;
		top: 78vw;
		width: 50vw;
	}

	.signature_express_password_mobile
	{
		font-size: 5vw;
		left: 25vw;
		top: 91vw;
		width: 50vw;
	}

	.signature_express_identification_impossible_mobile
	{
		left: 25vw;
		top: 103vw;
		width: 50vw;
		font-size: 4vw;
	}
	
	.signature_express_zone_signature_mobile
	{
		left: 5vw;
		top: 67vw;
		width: 90vw;
		height: 30vw;
	}	

	.signature_express_bouton_mode_mobile
	{
		left: 5vw;
		top: 55vh;
		width: 8vh;
	}

	.signature_express_bouton_effacer_mobile
	{
		left: 20vw;
		top: 55vh;
		width: 8vh;
	}

	.signature_express_bouton_valider_mobile
	{
		left: 80vw;
		top: 55vh;
		width: 8vh;
	}
	
	.signature_express_bouton_retour_mobile
	{
		left: 80vw;
		top: 3vh;
		width: 8vh;
	}
	
	.signature_express_label_signataire_mobile
	{
		left: 0vw;
		top: 60vw;
		width: 100vw;
		font-size: 5vw;	
		text-align: center;
	}	
	
	.signature_express_table_signataire_message_mobile
	{
		font-size: 2.5vw;
		line-height: 3.5vw;
	}

	.signature_express_table_signataire_signataire_mobile
	{
		font-size: 4vw;
	}

	.signature_express_table_signataire_cell_signataire_mobile
	{
		line-height: 5vw;
		height: 15vw;
	}
}

@media screen and (orientation: landscape) 
{
	.signature_express_message_instruction_mobile
	{
		left: 0vw;
		top: 24vh;
		font-size: 30px;
	}
	
	.signature_express_message_erreur_saisie_mobile
	{
		left: 0vw;
		top: 52vh;
		font-size: 30px;
	}
	
	.signature_express_input_numero_regime
	{
		left: 15vw;
		top: 42vh;
		width: 50vw;
		font-size: 30px;		
	}

	.signature_express_bouton_connexion_mobile
	{
		left: 75vw;
		top: 39vh;
		width: 8vw;
	}

	.signature_express_message_attente_mobile
	{
		left: 0vw;
		top: 25vh;
		line-height: 10vh;
		padding-top: 16vh;
		font-size: 7vh;
	}
	
	.signature_express_numero_regime_placeholder_mobile
	{
		left: 5vw;
		top: 2vw;
		font-size: 25px;
	}

	.signature_express_numero_regime_mobile
	{
		left: 20vw;
		top: 2vw;
		font-size: 25px;	
	}

	.signature_express_nature_travaux_placeholder_mobile
	{
		left: 5vw;
		top: 7vw;
		font-size: 25px;
	}

	.signature_express_nature_travaux_div_mobile
	{
		left: 20vw;
		top: 7vw;
		width: 62vw;
		height: 11vw;
		overflow: hidden;
	}
	
	.signature_express_nature_travaux_mobile
	{
		font-size: 25px;
	}

	.signature_express_identifiant_mobile
	{
		font-size: 25px;
		left: 52vw;
		top: 43vh;
		width: 30vw;
	}

	.signature_express_password_mobile
	{
		font-size: 25px;
		left: 52vw;
		top: 63vh;
		width: 30vw;
	}

	.signature_express_identification_impossible_mobile
	{
		left: 52vw;
		top: 74vh;
		width: 30vw;
		font-size: 25px;
	}
	
	.signature_express_zone_signature_mobile
	{
		left: 20vw;
		top: 38vh;
		width: 60vw;
		height: 20vw;
	}	

	.signature_express_bouton_mode_mobile
	{
		left: 90vw;
		top: 12vw;
		width: 8vw;
	}

	.signature_express_bouton_effacer_mobile
	{
		left: 90vw;
		top: 22vw;
		width: 8vw;
	}

	.signature_express_bouton_valider_mobile
	{
		left: 90vw;
		top: 32vw;
		width: 8vw;
	}
	
	.signature_express_bouton_retour_mobile
	{
		left: 90vw;
		top: 2vw;
		width: 8vw;
	}
	
	.signature_express_affichage_signataire_mobile
	{
		font-size: 25px;
	}

	.signature_express_label_signataire_mobile
	{
		left: 5vw;
		top: 50vh;
		font-size: 25px;
		width: 47vw;
		text-align: center;		
	}	
	
	.signature_express_table_signataire_message_mobile
	{
		font-size: 1.5vw;
		line-height: 2vw;
	}

	.signature_express_table_signataire_signataire_mobile
	{
		font-size: 3vw;
	}

	.signature_express_table_signataire_cell_signataire_mobile
	{
		line-height: 4vw;
		height: 24vh;
	}
}