/* div 40



    */



.block1, .block2, .block3 {

    display: inline-block;

    padding-left: 15px;

    width: 100%;

    padding: 20px 20px 20px;

}





h1, h2, h3 {

    /* background-color: yellow; */

    padding: 10px 10px 10px 10px;

}



h1 {

    font-size: 3em;

}

h2 {

    font-size: 2em;

}

h3 {

    font-size: 1.5em;

}



.block1 {

    background-color: #E5E0ED;

}



.block2 {

    background-color: white;

}



.block3 {

    background-color: #e9e9e9;

}



.div20, .div30, .div40, .div50, .div70, .div100 {

    float: left;

}



.div50 {

    width: 50%;

}



.div20 {

    width: 20%;

}



.div40 {

    width: 40%;

}



.div30 {

    width: 30%;

}



.div70 {

    width: 70%;

}



.div100 {

    width: 70%;

}



.video100 {

    width: 100%;

}



.video75 {

    width: 75%;

}



.video50 {

    width: 50%;

}



.img100 {

    width: 100%;

    height: auto;

}



.img75 {

    width: 75%;

    height: auto;

}



.img50 {

    width: 50%;

    height: auto;

}





.img25 {

    width: 25%;

    height: auto;

}



* {

    margin: 0 0 0 0;

}



body {

    font-family: serif;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}



.footer {

    height: 25vh;

    margin-top: -50px;

    background-color: white;

    margin: auto;

    text-align: center;

}



.header{

    height: 100%;

    margin-top: -50px;

    background-color: white;

    margin: auto;

}



a {

    color: dodgerblue;

    text-decoration: none;

}



/* MENU */

.topnav {

    overflow: hidden;

    background-color: #333;

}



.topnav a {

    float: left;

    display: block;

    color: #f2f2f2;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    font-size: 17px;

}



.topnav a:hover {

    background-color: #ddd;

    color: black;

}



.active {

    background-color: #4CAF50;

    color: white;

}



.topnav .icon {

    display: none;

}



@media screen and (max-width: 600px) {

    .topnav a:not(:first-child) {

        display: none;

    }



    .topnav a.icon {

        float: right;

        display: block;

    }

}



@media screen and (max-width: 600px) {

    .topnav.responsive {

        position: relative;

    }



        .topnav.responsive .icon {

            position: absolute;

            right: 0;

            top: 0;

        }



        .topnav.responsive a {

            float: none;

            display: block;

            text-align: left;

        }

}



.menu {

    margin-top: -30px;

}



.myFooter {

    background-color: #333;

    text-decoration: none;

}



    .myFooter a {

        text-decoration: none;

    }



/* BOUTON */

.boutonDownload {

    background-color: #3167fd;

    padding: 10px;

    width: 300px;

    margin: auto;

    border-radius: 15px;

    text-align: center; 

}



    .boutonDownload:hover {

        background-color: powderblue;

    }



.boutonDownloadSmall {

    background-color: #3167fd;

    padding: 10px;

    width: 100px;

    margin: auto;

    border-radius: 15px;

    text-align: center;

}



.boutonDownloadSmall2 {

    background-color: #3167fd;

    padding: 10px;

    width: 130px;

    margin: auto;

    border-radius: 15px;

    text-align: center;

}



.boutonDownloadSmall:hover {

    background-color: powderblue;

}



.boutonDownloadSmall2:hover {

    background-color: powderblue;

}



.boutonDownload a {

    color: dodgerblue;

    text-transform: uppercase;

    font-weight: bold;

    text-decoration: none;

}



#tableau {

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



#tableau td, #tableau th {

  border: 1px solid #ddd;   

  width: 154px; 

  padding: 8px;

}



#tableau tr:nth-child(even){background-color: #f2f2f2;}



#tableau tr:hover {background-color: #ddd;}



#tableau th {

  padding-top: 12px;

  padding-bottom: 12px;

  width: 154px; 

  text-align: left;

  background-color: limegreen;

  color: white;

}



.button{

    width: 154px; 

    height: 34px;

    border: 0px solid;

    background-color: limegreen;

}