/*******************************************************************************************************************/
/*//////////////////////////                          GENERALE                        /////////////////////////////*/
/*******************************************************************************************************************/
h1{
    z-index : 1000;
}
.classHidden{
    visibility : hidden;
    display: none;
}
.classHide{
    display : none;
}
.cacher{
    visibility: hidden;
}
#lien{
    text-decoration:none;   /*   sup surlignement a */
}
html {
    height: 100%
}
body {
    margin : 0;
    padding : 0;
    background-color: black;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
main{
    /* COULEUR FRONT ET FONT FAMILLY IN FRONT */
    height: calc(100% - 16px);
    /* min-height: calc(100vh - 20px);   */
    width: auto;
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    display : grid;
    grid-template-columns:  1fr 50% 1fr;
    grid-template-rows : 15% auto 1fr;
}
#logo{
    width : 8%;
    min-width : 150px !important;
    position: absolute;
    top: 20px; left: 50%;
    transform: translate(-50%, 0);
}
@media only screen and (max-width:700px) and (orientation: portrait) {
    #logo{
        top: 5%;
    }
}
@media only screen and (max-width:700px) {
    #logo{
        min-width : 80px !important;
    }
}
/*******************************************************************************************************************/
/*//////////////////////////                          BOUTONS                        /////////////////////////////*/
/*******************************************************************************************************************/

.bouton_animation{
    /* COULEUR FRONT IN FRONT */
    text-align: center;
    width: auto;
    box-shadow: 1px 1px 12px #555;
}
@media only screen and (max-width:700px)  {
    .bouton_animation{
        font-size : 1em !important;
    }
}


/*******************************************************************************************************************/
/*//////////////////////////                          COPYRIGHT                        /////////////////////////////*/
/*******************************************************************************************************************/

#idDivCopyright{
    font-family: "montserrat" !important;
    color : #000;
    margin-top: 0;
    height : 2%;
    background-color: #ffffff;
    font-size: 0.7em;
    cursor: pointer;
    text-align: center;
}
#idDivCopyright p{
    margin : 0;
    padding : 1px;
    color : black;
}
#idDivCopyright a{
    text-decoration: none;
    -moz-text-decoration: none;
    outline : none;
    color : black;
}
#idDivCopyright a:hover{
    color : var(--couleur_bleu_2);
}