.lien-bouton-accueil{
    color: white;
    text-decoration: none;
}

.lien-bouton-accueil:hover{
    color:white;
    text-decoration: none;
}

.lien-bouton-accueil:visited{
    color:white;
    text-decoration: none;
}

.lien-site{
    color: white;
    text-decoration: none;
}

.lien-site:hover{
    color:white;
    text-decoration: underline;
}

.lien-site:visited{
    color:white;
    text-decoration: underline;
}

.lien-accueil{
    color: #2d70f3;
    text-decoration: none;
}

.lien-accueil:hover{
    color: #2d70f3;
    text-decoration: none;
}

.lien-accueil:visited{
    color: #2d70f3;
    text-decoration: none;
}


@media all and (min-width: 800px)
{
    /* Règles CSS pour les pages Web */

    h1{
    font-family:arial;
    font-size: 45px;
    color: white;
    font-weight: 50;
    }

    h2.ml{
    font-family:arial;
    /*color: #41b8f0;*/
    color: #60af38;
    }
    
    #section0 {
    text-align: center;
    width: 100%;
    margin-top: 60px;
    }

    #section0-1 {
    text-align: justify;
    font-family:arial;
    max-width: 1080px;
    width: 95%;
    display: inline-block;
    }

    #section0-2 {
    text-align: left;
    font-family:arial;
    max-width: 1080px;
    width: 95%;
    display: inline-block;
    }

    /* Part 1 */
    #section1 {
    text-align: center;
    width: 100%;
    margin-top: 80px;
    }

    #section1-1{
        max-width: 1080px;
        width: 95%;
        background-color: #222;
        height: 500px;
        display: inline-flex;

    }

    #previous{
        /*background-color: red;*/
        width:50px;
    }

    #previous img{
        height: 30px;
        position:relative;
        top:45%;
        opacity:0.5;
    }


    #frame1{
        width: 100%;
        position: relative;
        padding-top:200px;
        opacity: 0;
    }

    #frame2{
        width: 100%;
        position: relative;
        padding-top:200px;
        opacity: 0;
        display: none;
    }

    #frame3{
        width: 100%;
        position: relative;
        padding-top:200px;
        opacity: 0;
        display: none;
    }

    #frame4{
        width: 100%;
        position: relative;
        padding-top:200px;
        opacity: 0;
        display: none;
    }

     #frame5{
        width: 100%;
        position: relative;
        padding-top:200px;
        opacity: 0;
        display: none;
    }

    #textFrame{
        line-height:30px;
        font-family:arial;
        font-size:18px;
        color:white;
    }

    #indicateur{
     position:absolute;
     bottom:0px;
     /*background-color: red;*/
     height:50px;
     width:100%;
     /*display: none;*/
    }
 
    #indicateur img{
        padding-left: 4px;
        padding-right: 4px;
    }

    #next{
        /*background-color: blue;*/
        width: 50px;
    }

    #next img{
        height: 30px;
        position:relative;
        top:45%;
        opacity:0.5;
    }
    /* Fin Part 1 */

    /* Part 2 */
    #section2 {
    text-align: center;
    background-color: #eee;
    width: 100%;
    margin-top: 80px;
    }
    
    #section2-1{
        max-width: 1080px;
        width: 95%;
        text-align: center;
        height: 200px;
        font-family: arial;
        font-size: 29px;
        font-weight: 300;
        color: black;
        padding-top: 80px;
        display: inline-block;

    }
    /* Fin Part 2*/

    /* Part 3 */
    #section3 {
    text-align: center;
    /*background-color: #ddd;*/
    width: 100%;
    /*height: 200px;*/
    margin-top: 60px;
    margin-bottom: 70px;
    }
    
    #section3-1{
        max-width: 1080px;
        width: 95%;
        /*background-color: red;*/
        /*height: 200px;*/
        display: -webkit-flex;
        display: inline-flex;

    }

    .classic2{
        -webkit-flex: 1;
        min-width: 250px;
        height: 200px;
        font-family: arial;
        font-size: 16px;
        
    }


    .classic3{
        -webkit-flex: 1;
        min-width: 250px;
        height: 200px;
        font-family: arial;
        font-size: 16px;
        
    }

    .classic4{
        -webkit-flex: 1;
        min-width: 150px;
        height: 200px;
        font-family: arial;
        font-size: 16px;

    }

    .classic7{
        -webkit-flex: 1;
        min-width: 150px;
        height: 200px;
        font-family: arial;
        font-size: 16px;

    }
    /* Fin Part 3*/

    /* Part 4 */
    #section4 {
    text-align: center;
    /*background-color: yellow;*/
    width: 100%;
    /*height: 500px;*/
    margin-top: 80px;
    }

    #section4-1{
        max-width: 1080px;
        width: 95%;
        background-color: #60af38;
        /*height: 600px;*/
        /*display: inline-flex;*/
        display: inline-block;
        font-family:arial;
        font-size:16px;
        color: white;
        text-align: center;
        padding-bottom: 50px;
        padding-top: 40px;
 

    }
    /* Fin Part 4 */

}

@media all and (max-width: 799px)
{
    /* Règles CSS pour les mobiles */

    h1{
    font-family:arial;
    font-size: 22px;
    color: white;
    padding-bottom: 20px;
    }

    h1.bdc{
    font-family:arial;
    color: black;
    }

    h2.ml{
    font-family:arial;
    /*color: #41b8f0;*/
    color: #60af38;
    }
    
    #section0 {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    }

    #section0-1 {
    text-align: justify;
    font-family:arial;
    max-width: 1080px;
    width: 95%;
    display: inline-block;
    }

    #section0-2 {
    text-align: justify;
    font-family:arial;
    max-width: 1080px;
    width: 95%;
    display: inline-block;
    }

    /* Part 1 */
    #section1 {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    }

    #section1-1{
        max-width: 1080px;
        width: 95%;
        background-color: #222;
        height: 350px;
        display: inline-flex;

    }
    
    #previous{
        /*background-color: red;*/
        width:50px;
    }

    #previous img{
        height: 30px;
        position:relative;
        top:45%;
        opacity:0.5;
    }

    #frame1{
        width: 100%;
        position: relative;
        padding-top:85px;
        opacity: 0;
    }

    #frame2{
        width: 100%;
        position: relative;
        padding-top:85px;
        opacity: 0;
        display: none;
    }

    #frame3{
        width: 100%;
        position: relative;
        padding-top:85px;
        opacity: 0;
        display: none;
    }

    #frame4{
        width: 100%;
        position: relative;
        padding-top:85px;
        opacity: 0;
        display: none;
    }

    #frame5{
        width: 100%;
        position: relative;
        padding-top:85px;
        opacity: 0;
        display: none;
    }

    #textFrame{
        line-height:24px;
        font-family:arial;
        font-size:14px;
        color:white;
    }

    #indicateur{
     position:absolute;
     /*display: none;*/
     bottom:0px;
     /*background-color: yellow;*/
     height:50px;
     width:100%;
    }

    #indicateur img{
        padding-left: 4px;
        padding-right: 4px;
    }

    #next{
        /*background-color: blue;*/
        width: 50px;
    }

    #next img{
        height: 30px;
        position:relative;
        top:45%;
        opacity:0.5;
    }
    /* Fin Part 1 */

    /* Part 2 */
    #section2 {
    text-align: center;
    background-color: #eee;
    width: 100%;
    /*height: 200px;*/
    margin-top: 50px;
    }
    
    #section2-1{
        max-width: 800px;
        width: 95%;
        /*background-color: red;*/
        height: 200px;
        display: inline-block;
        font-family: arial;
        font-size: 20px;
        font-weight: 500;
        color: black;
        padding-top: 80px;

    }
    /* Fin Part 2*/

    /* Part 3 */
    #section3 {
    text-align: center;
    /*background-color: #ddd;*/
    width: 100%;
    /*height: 200px;*/
    margin-top: 80px;
    }
    
    #section3-1{
        max-width: 1080px;
        width: 95%;
        /*background-color: red;*/
        /*height: 200px;*/
        display: -webkit-flex;
        display: inline-block;

    }

    .classic2{
        -webkit-flex: 1;
        min-width: 250px;
        height: 240px;
        font-family: arial;
        font-size: 16px;
    }

    .classic3{
        -webkit-flex: 1;
        min-width: 250px;
        height: 240px;
        font-family: arial;
        font-size: 16px;
    }

    .classic4{
        -webkit-flex: 1;
        min-width: 180px;
        height: 240px;
        font-family: arial;
        font-size: 16px;
    }

    .classic4{
        -webkit-flex: 1;
        min-width: 160px;
        height: 240px;
        font-family: arial;
        font-size: 16px;
    }
    /* Fin Part 3*/

    /* Part 4 */
    #section4 {
    text-align: center;
    width: 100%;
    /*height: 500px;*/
    margin-top: 50px;
    }

    #section4-1{
        max-width: 1080px;
        width: 95%;
        background-color: #60af38;
        /*height: 1200px;*/
        display: inline-block;
        font-family:arial;
        font-size:16px;
        color: white;
        padding-top: 20px;
        padding-bottom: 30px;

    }
    /* Fin Part 4 */

}