@media screen {
    body {
        background-color: #ffffff;
        font-family: Calibri, Arial, sans-serif;
        font-size: 14px;
        background-color: #eff3f6;
        text-align: center;
        position: relative;
        margin: auto;
        width: 1450px;
    }

    #titre {
        font-family: 'Calibri';
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        color: rgb(36, 99, 115);
        text-shadow: 1px 2px 2px rgba(150, 150, 150, 1);
        margin: auto;
    }

    #sous-titre {
        font-family: 'Calibri';
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: rgb(36, 99, 115);
        text-shadow: 1px 2px 2px rgba(150, 150, 150, 1);
        margin: 15px;
    }

    #contenu_c {
        text-align: center;
        position: relative;
        margin: 10px auto;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 8px 8px 15px #aaa;
        padding: 8px;
        width: 100%; 
        border: 1px solid #ccc; 
    }

    #contenu {
        font-size: 15px;
        text-align: left;
        position: relative;
        margin: 5px auto;
        padding: 8px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 8px 8px 15px #aaa;
    }

    #erreur {
        position: relative;
    }

    #bloc_connexion input,#bloc_connexion_2 input {
        padding: 3px;
        border: 1px solid rgb(218, 218, 218);
        border-radius: 2px;
        width: 150px;
        box-shadow: 1px 1px 2px rgb(218, 218, 218);
    }
	
	#contenu-wrapper {
		width: 100%; 
		border: 1px solid #ccc;
		border-radius: 10px; 
		background-color: #fff;
		box-shadow: 8px 8px 15px #aaa; 
		padding: 10px; 
    }

    #bloc_connexion,#bloc_connexion_2 {
        border: 2px solid rgb(218, 218, 218);
        border-radius: 10px;
        display: inline-block;
        margin-top: 30px;
        width: 100%;
    }
	#contenu_c label {
		font-weight:bold;
		font-size:18px;
		color:rgb(128,128,128);
		text-shadow:3px 3px 2px rgb(218,218,218);
		font-variant:none;
	}

    #bloc_connexion {
        width: 650px;
        margin: 30px;
    }
	
	
    #bloc_connexion p,#bloc_connexion_2 p {
        font-size: 12px;
        font-style: italic;
        color: red;
        padding-top: 5px;
        text-align: center;
    }

    #identifiants {
        margin: 5px auto;
        width: 80%;
    }

	.bouton_ {
	  background: #F9E79F; /*#2A7324;*/
	  background-image: -webkit-linear-gradient(top, #2A7324, #3DA64D);
	  background-image: -moz-linear-gradient(top, #2A7324, #3DA64D);
	  background-image: -ms-linear-gradient(top, #2A7324, #3DA64D);
	  background-image: -o-linear-gradient(top, #2A7324, #3DA64D);
	  background-image: linear-gradient(to bottom, #2A7324, #3DA64D);
	  -webkit-border-radius: 9;
	  -moz-border-radius: 9;
	  border-radius: 9px;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 13px;
	  padding: 10px 20px 10px 20px;
	  border: solid #f2f2f2 1px;
	  text-decoration: none;
	  width:150px;
	  text-align:center;
	}
	.bouton_nav {
	  background: #246573;
	  background-image: -webkit-linear-gradient(top, #246573, #3d95a6);
	  background-image: -moz-linear-gradient(top, #246573, #3d95a6);
	  background-image: -ms-linear-gradient(top, #246573, #3d95a6);
	  background-image: -o-linear-gradient(top, #246573, #3d95a6);
	  background-image: linear-gradient(to bottom, #246573, #3d95a6);
	  -webkit-border-radius: 9;
	  -moz-border-radius: 9;
	  border-radius: 9px;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 13px;
	  padding: 10px 20px 10px 20px;
	  border: solid #f2f2f2 1px;
	  text-decoration: none;
	  width:120px;
	  text-align:center;
	}
	.bouton_upload {
	  background: #246573;
	  background-image: -webkit-linear-gradient(top, #246573, #3d95a6);
	  background-image: -moz-linear-gradient(top, #246573, #3d95a6);
	  background-image: -ms-linear-gradient(top, #246573, #3d95a6);
	  background-image: -o-linear-gradient(top, #246573, #3d95a6);
	  background-image: linear-gradient(to bottom, #246573, #3d95a6);
	  -webkit-border-radius: 9;
	  -moz-border-radius: 9;
	  border-radius: 9px;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 13px;
	  padding: 10px 20px 10px 20px;
	  border: solid #f2f2f2 1px;
	  text-decoration: none;
	  width:180px;
	  text-align:center;
	}

	.bouton_deconnexion {
	  
	  background-color:red;
	  background-image: -webkit-linear-gradient(top, #246573, #3d95a6);
	  background-image: -moz-linear-gradient(top, #246573, #3d95a6);
	  background-image: -ms-linear-gradient(top, #246573, #3d95a6);
	  background-image: -o-linear-gradient(top, #246573, #3d95a6);
	  background-image: linear-gradient(to bottom, #246573, #3d95a6);
	  -webkit-border-radius: 9;
	  -moz-border-radius: 9;
	  border-radius: 9px;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 13px;
	  padding: 10px 20px 10px 20px;
	  border: solid #f2f2f2 1px;
	  text-decoration: none;
	  width:150px;
	  text-align:center;
	}

	.bouton_plus {
	  background: #F9E79F;
	  background-image: -webkit-linear-gradient(top, #246573, #3d95a6);
	  background-image: -moz-linear-gradient(top, #246573, #3d95a6);
	  background-image: -ms-linear-gradient(top, #246573, #3d95a6);
	  background-image: -o-linear-gradient(top, #246573, #3d95a6);
	  background-image: linear-gradient(to bottom, #246573, #3d95a6);
	  -webkit-border-radius: 9;
	  -moz-border-radius: 9;
	  border-radius: 9px;
	  -webkit-box-shadow: 0px 1px 3px #666666;
	  -moz-box-shadow: 0px 1px 3px #666666;
	  box-shadow: 0px 1px 3px #666666;
	  font-family: Arial;
	  color: red;
	  font-size: 13px;
	  padding: 10px 20px 10px 20px;
	  border: solid #f2f2f2 1px;
	  text-decoration: none;
	  width:120px;
	  text-align:center;
	}
	.center-table {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 10vh;
	}
	
}