/* Variables CSS globales à toutes les pages */
@font-face {
    font-family: 'Arial Rounded MT Bold';
    src: url('arlrdbd.ttf');
}
@font-face{
	font-family: 'text-security-disc';
	src: url("text-security-disc.woff");
}
html, body{ /* Permet de ne pas avoir de marge entre le html et le body */
    margin: 0; /* Marge extérieur */
    padding: 0; /* Marge intérieur */
    font-family: 'Arial Rounded MT Bold'; /* Premet d'avoir la même police pour toute la page */
    color: rgba(235, 235, 235, 1); /* Couleur de base utilisée pour toute la page */
    background-color: var(--background-body); /* Couleur de fond */
    height: 100%; /* Hauteur de la page */
}
a{
	text-decoration: none; /* Désactive le style des liens par défaut */
}
input::-ms-reveal,input::-ms-clear { /* Désactive l'oeil de Edge pour le mot de passe */
    display: none;
}
button{
    touch-action: manipulation; /* Désactive le zoom du double clic sur bouton */
}
@supports(-webkit-touch-callout: none){ /* Supprime les outline sur iPhone (ils n'ont pas de border radius */
    input:hover
    input:active, 
    input:focus{
        outline: 0px !important;
    }
    textarea:hover
    textarea:active, 
    textarea:focus{
        outline: 0px !important;
    }
    select:hover
    select:active, 
    select:focus{
        outline: 0px !important ;  
    }
}
/* Supprime le style des navigateurs pour l'auto complétion */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active{
   -webkit-transition-delay: 9999s;
   transition-delay: 9999s;
}

/* Animation de chargement */
.loading_animation{
    pointer-events: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: white;
    animation: animation 1s ease infinite;
    margin-left: 47%;
}
@keyframes animation{
    0%{
        transform: rotate(0turn);
    }
    100%{
        transform: rotate(1turn);
    }
}

/* Style de tous les boutons */
.style_button_class{ /* Classe utilisée dans la plupart des boutons */
    /* Tronc commun */
    -webkit-appearance:none; /* Permet de conserver le style des boutons sur téléphone */
	text-align: center;
	color: var(--police-main-color); /* Couleur de la police */
	background-color: var(--background-main-button);
	font-family: var(--police-main-family); /* Police de caractère */
	border: var(--border-main-button);
	box-shadow: 1px 1px 2px rgba(77, 72, 72, 1); /* Ombre */

    /* A personnaliser */
    padding: 5px;
    font-size: 1em;
    border-radius: 3px;  /* Arrondi du bloc */
}
.style_button_class:hover{
    cursor: pointer;
	background-color: var(--hover-main-button);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 1); /* Ombre intérieure */
}
/*
button
    background-color: rgba(27, 27, 27, 1);
    border: 1px rgba(180, 180, 180, 1) solid;
    border-radius: 5px;
*/

/* Style des boutons hover
button:hover
    background-color: rgba(35, 35, 35, 1);
    box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 1);
*/

/* Couleur de la police
    color: rgba(235, 235, 235, 1);
*/

/* Bouton rouge
button
    border: 1px red solid;
	background-color: rgba(234, 98, 69, 0.8);
    border-radius: 3px;

button:hover
	background-color: rgba(254, 118, 89, 0.8);
	box-shadow: inset 1px 1px 2px rgba(77, 72, 72, 0.8);
	cursor: pointer;

/* Bouton vert 
button
    border: 1px rgba(0, 115, 0, 0.8) solid;
	background-color: rgba(50, 150, 50, 0.8);
    border-radius: 3px;

button:hover
	background-color: rgba(70, 170, 70, 0.8);
	box-shadow: inset 1px 1px 2px rgba(77, 72, 72, 0.8);
	cursor: pointer;
*/