ul{
    text-align: left;
    margin-left: 50px;
    margin-bottom: 30px;
}
.Local{
    border: 5px solid rgb(171, 60, 20);
    border-radius: 6px;
    margin-bottom: 40px;
    margin-left: 120px;
    margin-right: 120px;
}

.LocalSnack{
    border: 5px solid rgb(171, 60, 20);
    border-radius: 6px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:0px;
}

.LocalSnackNull{
    width: 0px;
    margin:0px;
    padding: 0px;
}

.LocalSnackNull img{
    width: 0px;
    margin: 0px;
    padding: 0px;
}

.LocalSnack img{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.petitMarqueur{
    margin: 30px;
    padding-bottom: 20px;
    color:rgb(251, 125, 6);
    font-size: 1.8rem;
}

.intitule{
    margin: 30px;
    color:rgb(251, 125, 6);
    font-size: 2.2rem;
}

.intituleUn{
    margin: 0px;
    color:rgb(251, 125, 6);
    font-size: 2.2rem;
}

.textePad{
    margin-left:60px;
    margin-bottom: 30px;
    font-size:1.8rem;
}



h3{
  color:rgb(228,114,43);
  font-size: 2.8rem;
  padding-bottom: 8px;

}

#Blanc{
  color:white;
}

#Orange{
  color:rgb(228,114,43);
}

.imagesLarges{
  width: 400px;
  padding: 30px 0px;
}

.imageInstaListe{  
  margin-left: 10px;
  position: relative;
  top:12px;
}

.imageInstaListe img{  
  width: 40px;
}


h6{
  color: rgb(141, 30, 30);
  font-size:2rem;
}


.contact{
    border: 3px solid black;
    border-radius: 5px;
    font-size: 1.2rem;
    display: grid;
    grid-template-columns: 120px auto 400px;
    gap:5px;
}



.photoContact{
    display: flex;
    grid-column: 1 / span 1;
    grid-row : 1 / span 2;
    justify-content: center;
    align-items: center;
}

.nomContact{
    display: flex;
    grid-column: 2 / span 1;
    grid-row : 1 / span 1;
    font-size: 1.8rem;
    align-items: start;
}

.emploiContact{
    display: flex;
    grid-column: 2 / span 1;
    grid-row : 2 / span 1;
    align-items: start;
}

.numeroContact{
    display: flex;
    grid-column: 3 / span 1;
    grid-row : 1 / span 2;
    font-size: 1.8rem;
    justify-content: center;
    align-items: center;
}

.infoTournoi{
    background-color:white ;
    margin-top: 150px;
    display:grid;
    justify-content: center;
    grid-template-columns: auto auto;
    column-gap: 250px;
    row-gap: 50px;
    border: 15px solid  rgb(24, 10, 1);
    border-radius: 0 0 40px 40px;
    margin: 40px 160px;
    padding: 60px 0;

}

.infoTournoi a{
    text-decoration: none;
}
.selectionItem{
    border-radius: 15px 50px 30px; 
    background: rgba(203, 99, 34, 0.9);
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: white;
    width: 300px;
    height: 260px;
}
.selectionItem:hover{
    text-decoration: none;
    background: rgba(228, 114, 43, 0.7);
}







.hommageMazel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border:  solid black;
    border-width: 5px 0px;
    padding: 40px 0px;
    margin: 50px 0px;
    background: linear-gradient(to bottom right,rgb(228,114,43), rgb(192, 164, 149));
}

#phrasePrincipale{
    font-size :1.8rem;
    text-align: justify;
    padding:20px;
}



.hommageMazel p{
    font-size :1.4rem;
    text-align: justify;
    padding:0px 80px;
}


.imagesLarges{
  width: 400px;
  padding: 30px 0px;
}


.groupe1{
    display : flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 25px 0px;
}

.sousGroupe{
    display : flex;
    flex-direction: column;
    align-items: center;
}

.sousGroupe img{
    width:200px;
}

.groupe0{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.groupe0 .petiteImage{
    width:17%;
}

.groupe2{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.groupe2 .moyenneImage{
    width:35%;
}
.groupe2 .petiteImage{
    width:22%;
}


.cadre{
    border: 5px solid rgb(19, 18, 17);
    border-radius: 10px; 
    box-shadow: 0 0 10px rgb(19, 8, 1);
    padding: 2em 5em;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background-color: white;
 }

.texte{
    text-align: center;
 }

@media screen and (max-width: 996px) {
    
ul{
    text-align: left;
    margin-left: 1px;
    margin-bottom: 15px;
}


h3{
  color:rgb(228,114,43);
  font-size: 15px;
  padding-bottom: 3px;

}


h5{
  color: rgb(69, 72, 209);
  font-size:14px;
}

h6{
  color: rgb(141, 30, 30);
  font-size:13px;
}


.imageInstaListe{  
  margin-left: 4px;
  position: relative;
  top:4px;
}

.imageInstaListe img{  
  width: 16px;
}


.petitMarqueur{
    margin: 10px;
    padding-bottom: 5px;
    font-size: 13px;
}


.intitule{
    margin: 10px;
    font-size: 16px;
}

.intituleUn{
    margin: 0px;
    font-size: 14px;
}

.textePad{
    margin-left:15px;
    margin-bottom: 8px;
    font-size:12px;
}

.Local{
    border: 5px solid rgb(171, 60, 20);
    border-radius: 6px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.LocalSnack{
    border: 5px solid rgb(171, 60, 20);
    border-radius: 6px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:0px;
}


.contact{
    border: 3px solid black;
    border-radius: 5px;
    font-size: 12px;
    display: grid;
    grid-template-columns: 30px auto 100px;
    gap:3px;
}


.contact img{
    width:100%;
}

.nomContact{
    display: flex;
    grid-column: 2 / span 1;
    grid-row : 1 / span 1;
    font-size: 14px;
    align-items: start;
}


.numeroContact{
    display: flex;
    grid-column: 3 / span 1;
    grid-row : 1 / span 2;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}

.QRcode{
    width: 60px;
}


.infoTournoi{
    background-color:white ;
    margin-top: 30px;
    display:grid;
    justify-content: center;
    grid-template-columns: auto;
    column-gap: 30px;
    row-gap: 10px;
    border: 8px solid  rgb(24, 10, 1);
    border-radius: 0 0 15px 15px;
    margin: 10px 40px;
    padding: 15px 0;

}

.selectionItem{
    border-radius: 4px 15px 10px; 
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 60px;
}


.hommageMazel{
    padding: 8px 0px;
    margin: 10px 0px;
}

#phrasePrincipale{
    font-size :14px;
    padding:5px;
}

.hommageMazel p{
    font-size :12px;
    padding:0px 15px;
}


.imagesLarges{
  width: 130px;
  padding: 10px 0px;
}

.groupe1{
    display : flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:10px;
    margin: 10px 0px;
}

.sousGroupe{
    display : flex;
    flex-direction: row;
    gap:20px

}

.sousGroupe img{
    width:70px;
}

.groupe0{
    display: flex;
    flex-direction: row;
    align-items: space-around;
    justify-content: space-around;
}

.groupe0 .petiteImage{
    width:17%;
}

.groupe2{
    display: flex;
    flex-direction: column;
    align-items: space-around;
    gap:10px;
    margin: 10px;
}
.groupe2 .moyenneImage{
    width:50%;
}
.groupe2 .petiteImage{
    width:25%;
}



.cadre{
    padding: 10px 20px;
    margin:10px 
    
 }

.texte{
    text-align: center;
 }




}