/* styles.css */

body {
    font-family: Montserrat, Futura, Arial, sans-serif;
    font-size: 19px;
    width: 100% auto;
    padding: 10px 10px 10px 20px;
    color: #ffffff;
    background-color: #072E00;
    text-align: center;
}

header {text-align: center;}

p {font-size: 19px;}

/* Sidenav menu */
.sidenav {
    float: left;
    height: 200px;
    width: 170px;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: -250px;
    background-color: #072E00;
    padding-top: 60px;
    transition: left 0.5s ease;
    text-align: left;
    margin-top: 0px;
  }
  
  /* Sidenav menu links */
  .sidenav a {
    padding: 0px 8px 8px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    display: block;
    transition: 0.3s;

 
  }
  
  .sidenav a:hover {
    color:#00bfff;
    font-weight: bold;
  }

  .sidenav td:hover {
    background: #d2d2d2;
  }

  .sidenav td {
    background: white;
    border: #072E00 1px solid;
  }

  .sidenav img:hover {
    transform:scale(1.2);
}

  .sidenav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  /* Active class */
  .sidenav.active {
    left: 0;
  }
  
  /* Close btn */
  .sidenav .close {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 15px;
    padding-top: 25px;
  }
  
  /* Icône burger */
  .burger-icon span {
    display: block;
    width: 30px;
    height: 5px;
    background-color: rgb(255, 255, 255);
    margin: 6px 0;
  }
  

/* Sidecanevas menu */
.sidecanevas {
    float: left;
    height: 450px;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: -250px;
    background-color: #072E00;
    padding-top: 60px;
    transition: left 0.5s ease;
    text-align: left;
    margin-top: 0px;
  }
  
  /* Sidecanevas menu links */
  .sidecanevas a {
    padding: 0px 8px 8px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    display: block;
    transition: 0.3s;

 
  }
  
  .sidecanevas a:hover {
    color:#00bfff;
    font-weight: bold;
  }

  .sidecanevas td:hover {
    background: #d2d2d2;
  }

  .sidecanevas td {
    background: white;
    border: #072E00 1px solid;
  }

  .sidecanevas img:hover {
    transform:scale(1.2);
}

  .sidecanevas ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  /* Active class */
  .sidecanevas.active {
    left: 0;
  }
  
  /* Close btn */
  .sidecanevas .close {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 15px;
    padding-top: 25px;
  }

  .sidecanevas img:hover {
    transform:scale(1.2);
}

a { color: #ffffff; }

li {
    list-style-type: none;
}

nav ul{
    list-style-type: none;
    padding: 0;
}

nav{
    width: 100%;
    height: 100px;
    position:sticky;
    margin:0 auto;
    top: 0px;
    background-color:#072E00;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

nav li {
    float: left;
    padding-right: 10px;
}


nav a{
    display: block;
    text-decoration: none;
    font-size: smaller;
    padding-top: 5px;
}

nav a:hover{
    color: #00bfff;
}

nav ul::after
{
    content:"";
    display: table;
    clear: both;
}

nav img{
float:right;
position: top;
}


.ppm  {padding: 20px;}   

.Title {margin-top: 30px; font-size-adjust: inherit;}
.MainTitle {margin-top: 30px; font-size:larger;}


.ppmTitle {font-weight: bold; } 
.ppmTitlebleu { font-weight: bold;  color: #00bfff;} 

.ppmSubTitle {margin-top: 30px;} 

.textebleu { color:#00bfff; font-weight: bold; } 

.textebleuregular { color:#00bfff; font-weight: lighter; } 

.corpsdetexte {margin-top: 30px; font-size: 19px; text-align: left;} 


.About{
    margin: 30px 10px;
    text-align: left;
    font-size: 14px;
}

.About a:hover{
    color: #00bfff;
}

.About a{
    font-weight:bold;
}

.Tableau {float: inherit;} 

.p{font-size: 8px; text-align: left;
}

.carousel {
font-size: 12px;
}

.card {
    border: solid #ffffff 1px;
    padding: 10px;
    }

.card-title {
    font-weight: bold;
    text-align: center;
} 

.card-content {
    font-size: small;
    text-align: left;
}
        
.carousel-items {
    display: flex;
    overflow-x: scroll;
    padding: 1rem 0;
    margin-left: 0rem;
}
.carousel-item {
    flex: 1 0 250px;
    margin-left: 1rem;
}

footer{
    text-align: center;
    font-size: 12px;
    margin-top: 50px;
    color: white;
    border-top: #ffffff 1px solid;
    padding-top: 10px;
}

footer a{
    font-size: 10px;
}

.canevas td{
    background-color: white;
    padding: 10px 10px 10px 10px;
}