body { margin: 0;  padding-left: 0;    font-family:'Arial';	font-size:25px;  background-color:#F8EED9 ;	margin-left:15px;color: green;}

.acceuil{background-image:url(logo-2-snt.webp); 
		background-color:green;
		width: 100%;
		
		display: flex;
		flex-direction: row;
		align-content: space-between;}
		
.banner { background-color:rgb(133, 227, 227); display:grid;
          grid-template-columns: 1fr 5fr 1fr; 
          align-content: space-between;}





.banner > .title { font-size: 60px ;line-height:60px; margin-top:30px;  text-align: center;}

.banner > #qrcode, .banner > #logo {  height: 100%;   margin: auto 35px auto 35px;}



.content {font-size:25 pt;padding-top:20px; padding-left:40px;padding-right:30px; width: 100%;   height: 100%;}

.disclaimer { text-align: center;margin-top:20px;font-size:25px; }

.texte {font-size: 20 px;  padding: 35px 35px 0 35px; line-height:1cm;text-align : left;}

.chapters {width: 50%; height: 100vh;line-height:30px;margin: 0 0 0 25px; font-size:30px;}

.chapters > .summary {text-align: center;width: 100%;  padding: 10px 0 40px 0;}

.chapters > ol > li {line-height:40px; margin: 25px 5px 5px 0;font-size:30px;}

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

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

.misc {width: 50%; height: 100vh;line-height:30px;margin: 0 0 0 25px; font-size:30px;}

.misc > ol > li {line-height:40px; margin: 25px 5px 5px 0;font-size:30px;}

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

#chapter-delimiter { font-weight: bold;  text-align: center;}

h2{margin-left:20px}
a{font-size: 20 px;}
.sommaire{ margin-top:40px;  font-size:40px}
p{font-size: 20px;	padding-right:80px;	line-height:25px;}
ol{padding: 10px 0 0 35px ; font-weight:bold;}
.texte{font-size:22px}

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


li {font-size: 20px;
    line-height: 1cm;
}
ul {margin-left:40px;}
a {
    text-decoration: none;
    color: rgb(7, 101, 177);
}

p{ font-size: 20px;    line-height: 1.2cm;}
h3{text-align:center ;}

a#return-button {
    text-align: center;
    margin: 45px 55px auto 35px;
    text-decoration: none;
    font-size: 35px;
}

a#return-button:active { padding-top: 30px;
    color: black;
}

#nav {  list-style: none ;  margin: 0 ;  padding: 0 ;  overflow: hidden ;	/* Création du contexte de formatage */}
#nav li {   float: left ;    font-size:40px;   border: 2px solid #600 ;   margin : 30px; 	margin-left: 50px ;
  
  color: #fff ;
  background: #c00 ;
}
#nav li a {  display: block ; width: auto;   background: #c00 ;  color: #fff ;  font: 1em "Trebuchet MS",Arial,sans-serif ;
			padding:20px;
			text-align: center ;
			text-decoration: none ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
  background: #900 ;
  text-decoration: underline ;
}