body{
    font-family: "verdana";
    margin:0;
    color:black;
}
#entete{
   /* position: fixed; */
    background-color: #f0f0f2;
    display:flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
#entete__authent{
    display: flex;
    margin-right: 16px;
    column-gap: 16px;
}
#entete__logo{
    margin-left: 16px;
}
#entete__authent img{
    padding-right:10px;
}
#entete__authent a{
    display:flex;
}
.a--bouton{
    text-decoration: none;
    padding:16px;
    text-align: center;
}
.a--bouton_mini{
    text-decoration: none;
    padding:7px;
    text-align: center;
}
.w100{
    width: 100%;
}
.bouton{
    padding:16px 20px;
    text-align: center;
    font-size: 1rem;
    width: fit-content;
}
.bouton--bleu{
    background-color: #036aaf;
    color:white;
}
.bouton--transparent{
    border:1px solid lightgray;
}
img#img_connect{
    width:30px
}
#entete__authent__connect{
    padding:13px 16px;
    align-items: center;
}
#entete__titre{
    font-size:2rem;
    color:#036aaf;
}
#main{
    padding:0 16px;
}
#liste_competitions{
    display: flex;
    column-gap: 16px;
    flex-wrap: wrap;
    row-gap: 16px;
}
.item_competition{
    display:flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    border: 1px black solid;
    box-shadow:5px grey;
    padding:16px;
    align-items: center;
    row-gap: 30px;
    min-width: 350px;
}

.item_competition__description{
    display: flex;
    row-gap: 16px;
    flex-direction: column;
}
.item_competition__titre{
    color:#036aaf;
    font-weight: 800;
    font-size: 1.3rem;
}

.item_competition__inscr{
    padding:5px !important;
    width: fit-content!important;
    font-size: 0.8rem !important;
}

.alert{
    width: 100%;
    padding:10px;
}
.alert--succes{
    background-color:#d1e7dd;
    border: #0f5132 1px solid;
    color: #0f5132;
}
.alert--erreur{
    background-color:#f8d7da;
    border: #842029 1px solid;
    color: #842029;
}
.centre{

}
form{
    margin:20px;
    padding-top:20px;
}
#form_connexion{
    min-width: 400px;
    max-width: 40%;
    display:flex;
    flex-direction:column;
    margin-right:auto;
    margin-left: auto;
}
form .bouton{
    margin-left: auto;
    margin-top:15px;
}
form .titre{
    font-size:1.2rem;
    color:#036aaf;
}
.group_input{
    display: flex;
    flex-direction: column;
    margin-top:16px;
}
.input_info{
    font-size: 0.8rem;
    color:gray;
}
.description{
    padding:7px;
    font-size: 0.9rem;
}
input[type='text'],input[type='password'],select{
    width: 100%;
    padding:10px;
    font-size:1rem;
}
label{
    margin-bottom: 5px;
}
.between{
    display: flex;
    justify-content: space-between;
}
.vcenter{
    align-items: center;
}


@media only screen and (max-width: 600px) {
  #main{
    padding:16px 4px;
	background-color:green;
  }
  #entete__titre{
	display:none;
  }
  #entete__logo {
	margin-left: 5px;
  }
  #entete__authent {
  display: flex;
  margin-right: 0px;
  column-gap: 5px;
  width:100%;
}
#entete{
	padding:5px 0;
}
#liste_competitions{
    display: flex;
    column-gap: 1px;
    flex-wrap: wrap;
    row-gap: 16px;
}
.w100{
	max-width:260px;
}
}