#container {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}


ul{
	display:none;
}


table {
            width: 100%;
            border-collapse: collapse;
        }
        td {
            border: 1px solid #ccc;
            padding: 10px;
            text-align: center;
            max-width: 10px; /* Limite la largeur de la cellule */
        }
        img {
            max-width: 100%; /* Empêche les images de dépasser la cellule */
            height: auto; /* Maintient les proportions de l'image */
        }







body,
html {
	counter-reset: item;
    margin: 0;
    padding: 0;
    height: 100%;
}
aside,
section {
    box-sizing: border-box;
    float: left;
    min-height: 100%;
    margin-top : -100px;
}
aside {
    background-color: #FFA630;
    width: 11vw;
    margin-right: -11vw;
     position: fixed;
    z-index: 1;
margin-top : 0px;
	min-height: 100%;

}
section {
    background-color: #1B1B1E;
    padding-left: 11vw;
    position: relative;
	min-width: 100%;
	min-height : 100%;
}

a{
	text-decoration: none; 
	font-family: 'Sansation', sans-serif;
	font-size: 1.0vw;
	color: #F5844B;
	text-align: center;
}

p{
  font-family: 'Sansation', sans-serif;
  line-height : 1.2vw;
  margin-top : 50px;
  margin-bottom : 50px;
  font-size: 1vw;
  color: #FFFAFA;
  text-align: left;	
  margin-top:30px;
  margin-bottom:30px;  
}

.titre{
	 font-size: 1vw;
 font-style: italic;
 display:bloc;
 text-align: center;
 margin-top:15px;
 margin-bottom:150px;  
}

H1{
  font-family: 'Good Times Rg', sans-serif;
  line-height : 2vw;
  margin: 4vw 0 2vw;
  margin-left : 10%;
  margin-right : 10%;
  font-size: 1.8vw;
  text-align: center;
}

h2 {

  font-family: 'Sansation', sans-serif;
  margin: 2vw 0 2vw;
  font-size: 1.5vw;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}

h3 {
  margin: 3vw 0 1vw;
  font-size: 1vw;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}


h4{
  font-family: 'Good Times Rg', sans-serif;
  line-height : 2vw;
  margin-top : 30px;
  margin-bottom : 50px;
  margin-left : 10%;
  margin-right : 10%;
  font-size: 1.3vw;
  text-align: left;
}

h5{
  font-family: 'Sansation', sans-serif;
  line-height : 3vw;
  margin-top : 5%;
  margin-bottom : 5%;
  margin-left : 10%;
  margin-right : 10%;
  font-size: 1.3vw;
  text-align: left;
}


iframe{
	display: inline-block;
	width : 100%;
	height : 600px;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}
.iframe40{
	display: inline-block;
vertical-align: top;
	width : 40%;
	height : 600px;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.scrolled {
	overflow: scroll;
	max-height:600px;
	max-width:80%;
	
}

.iframe50{
	display: inline-block;
vertical-align: top;
	width : 50%;
	height : 600px;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}


.iframe60{
	display: inline-block;
vertical-align: top;
	width : 60%;
	height : 600px;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline85{
display: inline-block;
vertical-align: top;
	width : 85%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline80{
display: inline-block;
vertical-align: top;
	width : 80%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline75{
display: inline-block;
vertical-align: top;
	width : 75%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline70{
display: inline-block;
vertical-align: top;
	width : 70%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}


.inline60{
display: inline-block;
vertical-align: top;
	width : 60%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline50{
display: inline-block;
vertical-align: top;
	width : 50%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline40{
display: inline-block;
vertical-align: top;
	width : 40%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}

.inline30{
display: inline-block;
vertical-align: top;
	width : 30%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}

.inline20{
display: inline-block;
vertical-align: top;
	width : 20%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}
.inline15{
display: inline-block;
vertical-align: top;
	width : 15%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}


.inline10{
display: inline-block;
vertical-align: top;
	width : 10%;
    text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}


ul {

	margin: 100px;
  padding: 0;
  max-width: 100%;
}


  .container {
            display: flex;
            justify-content: space-around; /* espace autour des images */
        }
.container img {
            max-width: 100%; /* pour que les images soient responsive */
            max-height: 300px; /* contraindre la hauteur des images */
            width: auto; /* maintenir le ratio d'aspect */
            height: auto; /* maintenir le ratio d'aspect */
        }

hr{
	  height : 200px;
	  border: none;
	  width: 10%;
}

.dix{
	  height : 10px;
	  margin-bottom:10px;
	  border: none;
	  width: 10%;
}

.citation{
 font-size: 1vw;
 font-style: italic;
 display:bloc;
 text-align: center;
 margin-top:15px;
 margin-bottom:30px;  
}


  
  #main-textN {
  box-sizing: border-box;
  float: left;
  min-height: 100%;
  font-family: 'Sansation', sans-serif;
  line-height : 2vw;
  font-size: 1.1vw;
  background-color: #1B1B1E;
  color: #FFFAFA;
  text-align: left;
  width: 100%;
  padding-left:20%;
  padding-right:20%;
  padding-top:50px;
  padding-bottom:50px;
  }
  

 
  
    .vidH { 
	width : 300px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
	margin-top: 100px;
  }
     .vid40 { 
	width : 40%;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
	margin-top: 50px;
  }
  
    .vid60{ 
	width : 60%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 50px;
  }
  
     .vid80{ 
	width : 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 50px;
  }
  
    .vidL { 
	width : 600px;
	display: block;
 text-align: left;
    margin-bottom: 50px;
	margin-top: 50px;
  }
    .vidXL { 
	width : 80%;
	display: block;
 text-align: center;
    margin-bottom: 50px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
  }
    .column5 { 
  font-weight:normal;
  width: 25%;
  padding :20px;
  }


div{
		margin-bottom:50px;
}

  img {
    width: 100%;
	display: block;
  margin-left: auto;
  margin-right: auto;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
  transition: transform 0.5s;}

    img:hover {
      -ms-transform: scale(1.02);
      -moz-transform: scale(1.02);
      -webkit-transform: scale(1.02);
      transform: scale(1.02);
    }
	
	  .couverture {
		  display: inline;
    width: 10%;
    }
	 .couvertureG {
		  display: inline;
    width: 20%;
    }

		  .suivant {
	margin-top:30px;
	display: block;
	text-align:center;
	  margin-left: auto;
  margin-right: auto;
    width: 3%;

    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
  transition: transform 0.5s;}

    .suivant:hover {
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
	
	
		  .titeimg {

	display: block;
	text-align:center;
	  margin-left: auto;
  margin-right: auto;
    width: 15%;

    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
  transition: transform 0.5s;}

    .titeimg:hover {
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
	
	.img10 {
		
		  display: inline;
		      width: 10%;
	  }
	  
	  
	.img15 {
		
		  display: inline;
		  vertical-align: baseline;
		      width: 15%;
	  }
	  .img20 {
		  display: inline;
		 vertical-align: baseline;
		      width: 20%;
	  }
	  
	  
	.img30 {
		  display: inline;
		  vertical-align: baseline;
		      width: 30%;
	  }
	  
	  .img40 {
		  display: inline;
		  vertical-align: baseline;
		      width: 40%;
	  }
	  
	  .img50 {
		  display: inline;
		  vertical-align: baseline;
		      width: 50%;
	  }
	  
	  .img50c {
		  display: block;
		      width: 50%;
	  }
	  
	    .img60c {
		  display: block;
		      width: 50%;
	  }
	  
	    .img70 {
			display: inline;
		      width: 70%;
	  }
	    .img70c {
			display: block;
		      width: 70%;
	  }
	  
	      .img80c {
			display: block;
		      width: 80%;
	  }
	  
	    .img90 {
		      width: 90%;
	  }
	  
	    .img100 {
		      width: 100%;
	  }
	  
	  

  .box{
	    width:99%; 
	    margin-left: 5%;
        margin-right: 5%;
		margin-bottom:10px;
		margin-top:10px;
    }  
		
	 .boxlarge1000{
	  	box-sizing: content-box;
        max-height: 1000px;   
		max-width: 1000px;   
		margin-left: auto;
        margin-right: auto;
    }  
	
	
	 .boxlarge2000{
		
	  	box-sizing: content-box;
        max-height: 2000px;   
		max-width: 2000px;   
		margin-left: auto;
		margin-right: auto;
		
    }  	
	
	


.next {
	margin-bottom:50px;
}