/* ------------------   CSS ---------------------------*/
@import url("style_index_root.css");
@import url("style_header.css"); 

@import url("style_login_template.css");

body{
	width: auto; /* Largeur in px or % */
	height: auto; /* Hauteur in px or % */
    margin: auto; /* Marge in px*/
	padding: auto; /* Marge interieure*/
	background-color: var(--bodycolor); /* Couleur de fond */
    font-family: var(--fontfamily);
}

/* ----------------------------------------------------------*/
.bloc-1 {
    margin: 10px;
    color: black;
    font-size: 14px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 15px;
}

.bloc-2 {
    margin: 10px 20% 10px 20%;
    padding: 10px;
    color: black;
    background-color: white;
    font-size: 14px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 15px;
}

/*---------------------------------*/
/* ----------------------------------------------------------*/
.deconnecter1 {
    margin: 10px 10% 10px 10%;
    padding: 10px;
	font-family: Arial, 'Times New Roman', Times, serif;
    color:rgb(48, 23, 23);
	background-color: white ;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
    border-radius: 10px;
}
.deconnecter2 {
    margin: 10px 10% 10px 10%;
    padding: 10px;
	font-family: Arial, 'Times New Roman', Times, serif;
    color:black;
	background-color: white ;
	text-align: justify;
	font-weight: normal;
	font-size: 15px;
    border-radius: 10px;
}


/*===================  MEDIA   ===================*/
@media all and (max-width: 1024px) {
    .bloc-2 {
        margin: 10px;
        padding: 10px;
    }
    .deconnecter1 {
        margin: 10px;
    }
    .deconnecter2 {
        margin: 10px;
    }
    

}