body{font-family: Arial,Sans-Serif;margin:0;padding:0;background-color:#E3DCF2;}

.container { width: 100%; max-width:1500px;margin: auto; padding:10px;   }

.banniere {background-color:lightgreen;display:flex;justify-content:center;text-align:center; padding-top: auto; }

.banniere > table {width: 100%;
            table-layout: fixed; /* Assure que les colonnes ont la même largeur */
            border-collapse: collapse; /* Supprime les espaces entre les cellules */
        }
.banniere > th,td {
            border: 1px solid black; /* Ajoute une bordure pour mieux voir les cellules */
            padding: 0.5em; /* Ajoute un peu d'espace à l'intérieur des cellules */
            text-align: center; /* Centre le texte dans les cellules */
        }
.banner {background-color: #96F19D ; width:100% ;display:flex;justify-content:center;text-align:center; padding-top: auto; }

.banner > table {width: 100%;
                border-collapse: collapse; /* Supprime les espaces entre les cellules */}
                
.banner > th,td {
            border: 1px solid black; /* Ajoute une bordure pour mieux voir les cellules */
            padding: 0.5em; /* Ajoute un peu d'espace à l'intérieur des cellules */
            text-align: center; /* Centre le texte dans les cellules */
        }
.bandeau {background-color: lightgreen;text-align:center; border:2px solid blue ;border-radius: 10px;}
.bandeau.col-right { width: 20%;  }
.bandeau.col-middle { min-width: 80%; }

@media screen and (max-width: 768px) {
            /* Empêcher le débordement horizontal */
            table {
                display: block;
                overflow-x: auto;
                white-space: nowrap;
            }

            /* Réduire le padding pour gagner de la place */
            th, td {
                padding: 8px;
            }
        }       



.mon-image {
  width: 100%; /* Occupe toute la largeur du conteneur */
  height: auto; /* Hauteur automatique pour conserver les proportions */
  display: block; /* Évite les espaces indésirables sous l'image */
}

p.intro{font-size:18px;}

@media(min-width:768px){body{font-size:18px}}
@media(min-width:1024px){body{font-size:20px}}

.banner3 { background-color: #96F19D; display:grid;
          grid-template-columns: 1fr 5fr 1fr; 
          justify-content: space-between;}
.banner3 > .title {font-size:60px;line-height:0.8;text-align: center;color:#088E3B;}
.banner3 > #qrcode{justify-self: end;}  
.banner3 > #logo {margin: auto 0 auto 0;}
.banner3 > #return-button {font-size:40px;}

@keyframes mon-animation {
    from {color: red;text-align:center;  }
    to {color: green;text-align:center; }   }
@keyframes grow-shrink {50% { transform: scale(2); }}
@keyframes expand { 50% { word-spacing: 20px; }}


hr.separator {
    height: 2px;
    background-color: rgb(7, 101, 177);
    border: none;
}

.content {padding-top:10px;	font-size:25 pt;padding-left:50px; padding-right:50px;  width: 100%;   height: 100%;

}
.disclaimer {padding: 10px 5px 0 5px; text-align: center;}
.bandeau {background-color: lightgreen;text-align:center; border:2px solid blue ;border-radius: 10px;}

.chapters {width: 60%;}

.chapters > .summary {
    text-align: left;
    width: 100%;
 }

.chapters > ol > li {line-height:40px; padding-left:20px;font-size:25px;font-weight:bold}

.chapters > ol > li > a {
    text-decoration: none;
}

#chapter-delimiter {
    margin: 10  0 7 0;
}

.liens {
    display: flex;
    flex-direction: row;
    align-content: space-around;
}

.misc {width: 40%;}

.misc > .summary {
    text-align: left;
    width: 100%;
   }

.misc > ul > li {  line-height: 45px;    
	font-size:25px;
}

.misc > ol > li > a {
    text-decoration: none;
}

#chapter-delimiter {
    font-weight: bold;
    text-align: center;
}
h2{
	margin-left:20px
}
a{font-size: 22px;}
p{font-size: 22px;	padding-right:50px;margin-left:15px;}
.text{padding:15px; font-size:16px; line-height:15px;}



ol.general-list { padding-top: 30px;padding-left: 120px;}

ol {line-height:30px; font-size: 25px;
    padding: 25px 0 25px 45px;}

li {font-size: 20px ;line-height:40px}



#p1 {  text-indent: 7mm;}

#p2, #p3, #p5 {  text-indent: 14mm;}

#p4 {   text-indent: 28mm;}


.code {color:green;font-style:italic;margin-left:75px}

.truc {background-color:green;color:red}
.texte{font-size:22px; margin-left:10px}
.general-list {padding-top: 45px; padding-left: 100px;
}



td{border: solid 1px; padding:10px;margin:30 px;}
tr{border: solid 1px; padding:10px;margin:30px;}