/*********************************************************************/

header {
    z-index: 999;
    position: fixed;
    height: 60px;
    width: 100vw;
    background-color: rgba(45, 45, 45, 0);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/***************************  Bagniere du site bouton acceuil **************************/
/*******************************************************************************************/
/*******************************  Box de statut et action users ****************************/

.btnStatut-offline {
    border: 1px solid rgb(95, 95, 95);
}

.btnStatut-offline:active {
    background-color: rgb(255, 30, 30);
    border: 1px solid rgb(95, 95, 95);
    box-shadow: 0px 0px 12px 1px rgb(228, 38, 38),
        inset 0px 0px 0px 1px rgb(45, 45, 45);
}

.user-header-btn-connexion {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(100%);
    height: calc(100%);
    border-radius: 19px;
    background: linear-gradient(0deg, rgb(0, 0, 0), rgb(97, 97, 97));
    box-shadow: 0px 0px 1px 2px rgb(28, 28, 28);
    color: white;
    letter-spacing: 1px;
}

.user-header-btn-connexion:active {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    font-size: calc(100% - 1px);
    transition: all 0.07s ease-in-out;
}

.user-header-btn-connexion span {
    text-shadow: -1px 1px 2px rgb(187, 187, 187);
    /* Firefox */
    -webkit-user-select: none;
    /* Chrome, Safari, Opéra depuis la version 15 */
    -ms-user-select: none;
    /* Internet explorer depuis la version 10 et Edge */
    user-select: none;
    /* Propriété standard */
}

#user-header-btn-contact {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(100%);
    height: calc(100%);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    border: 0px solid rgb(180, 180, 180);
    border-radius: 19px;
    background: linear-gradient(0deg, rgb(0, 0, 0), rgb(97, 97, 97));
    box-shadow: 0px 0px 1px 2px rgb(28, 28, 28);
    color: white;
    letter-spacing: 1px;
    font-size: 0.8em;
    transition: all 0.07s ease-in-out;
    text-shadow: -1px 1px 2px rgb(187, 187, 187);
}

#user-header-btn-contact:active {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    font-size: calc(0.8em - 1px);
    transition: all 0.07s ease-in-out;
}



/****************************  Fin box de statut et action users ***********************/
/***********************************************************************************************************/
/******************************* Formulaire utilisateur login signup**************************************/

.listeFormInscription {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: center;
}

/******************************* Formulaire utilisateur login signup**************************************/
/*********************************************************************************************************/
/*******************************************  btn inscription  *******************************************/

.user-header-border-btn-connexion-box {
    height: 32px;
}


/******************************  fin btn inscription  **************************************/
/*******************************************************************************************/
/****************************** Formulaire de contact **************************************/

.baniere {
    height: 50px;
}

.baniere h2 {
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    margin: 0px;
}

.coordonnees {
    margin-left: 1%;
    margin-right: 1%;
}

.formContactMessage {
    width: 44%;
    min-width: 360px;
    margin-left: 1%;
    margin-right: 1%;
}

/*************************** Fin du formulaire de contact ******************************/
/***************************************************************************************/
/****************************** Formulaire des espaces *********************************/

.box-espaces {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 15px;
    width: 120px;
    min-width: 120px;
    height: 120px;
    margin: 15px;
    border: 1px solid white;
}

.box-espaces-refuse {
    border: 2px solid rgb(65, 65, 65);
    box-shadow: 0px 0px 0px 1px rgb(255, 0, 0),
        0px 0px 2px 1px rgb(211, 0, 0),
        0px 0px 8px 2px rgb(155, 0, 0),
        inset 0px 0px 0px 6px rgb(35, 35, 35),
        inset 0px 0px 1px 8px rgb(75, 75, 75),
        inset 0px 0px 0px 9px rgb(255, 0, 0),
        inset 0px 0px 0px 10px rgb(75, 75, 75),
        inset 0px 0px 6px 11px rgb(255, 0, 0);
    border-radius: 10px;
}

.box_espaces_authorized {
    border: 2px solid rgb(65, 65, 65);
    box-shadow: 0px 0px 0px 1px rgb(0, 255, 30),
        0px 0px 2px 1px rgb(0, 211, 56),
        0px 0px 8px 2px rgb(0, 143, 62),
        inset 0px 0px 0px 6px rgb(35, 35, 35),
        inset 0px 0px 1px 8px rgb(75, 75, 75),
        inset 0px 0px 0px 9px rgb(0, 255, 102),
        inset 0px 0px 0px 10px rgb(75, 75, 75),
        inset 0px 0px 6px 11px rgb(0, 255, 76);
    border-radius: 10px;

}

.box-espace-calcul {
    background-color: rgba(200, 200, 200, 0.900);
    background-image: url(../img/backgroundNavEspaceCalcul.png);
    background-size: cover;
}

.box_espace_admin {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    background-color: rgba(200, 200, 200, 0.900);
    background-image: url(../img/Portrait-Fabien-2022.03.16-2.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}

.box-espaces span {
    text-align: center;
    color: #00ff15;
    font-size: 1.3rem;
    text-shadow: 0px 0px 2px rgb(254, 0, 0);
}

/*************************** Fin du formulaire des espaces *****************************/
/***************************************************************************************/
/************************************ Article PDD **************************************/
#containerArticlePdd {
    z-index: 9;
    position: fixed;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    top: 0px;
    left: 0vw;
    right: 0vw;
    bottom: 0px;
    padding: 20px;
}

.ElementWidth500 {
    min-width: 280px;
    margin: 5px;
}

.ImgMin400 {
    min-width: 300px;
}

.ImgHeight400 {
    height: 300px;
}

.BtnChoixId {
    width: 200px;
}

.ImgMin400Max800 {
    min-width: 250px;
}

.ElementWidth200right {
    width: 150px;
    min-width: 150px;
    margin: 5px;
}

#articlePdd h1 {
    font-size: 1rem;
}

#articlePdd section .textPDD1 {
    padding: 10px;
    max-width: 400px;
}


/************************************ Fin de l'article PDD *************************************/
/***********************************************************************************************/
/***************************************** esoterisme ******************************************/

.la_doctrine_secrete_box_border_ext {
    width: 340px;
    min-width: 300px;
    margin: 0px 10px 180px 10px;
    height: 160px;
    border: 0.5px solid rgb(22, 255, 127);
    border-radius: 20px;
    box-shadow: 0px 0px 0px 1px rgb(51, 15, 255),
        0px 0px 2px 1px rgb(22, 255, 127),
        inset 0px 0px 0px 2px rgb(51, 15, 255);
    font-size: 0.6rem;
}

.boxLogoPdf_laDoctrineSecrete {
    width: 50px;
    margin: 10px;
    height: 50px;
}


/*************************************** Fin esoterisme ****************************************/
/***********************************************************************************************/
/************************************ Classe globalles *****************************************/

.grecaptcha-badge {
    z-index: -999999999;
}


.dashed-line {
    margin-top: 5px;
    margin-bottom: 5px;
}