#button6
{
    color: #24A19C;
}

#button6:after {
    display:block;
    content: '';
    border-bottom: solid 2px #24A19C;  
    transform: none;
  }

.container {
    padding: 20px 15%;
}

.tuto-list {
    padding: 20px 60px 30px 60px;
}

.tuto-list .tuto-title
{
    font-size: 1.4em;
    font-weight: 600;
    margin: 10px 0px
}

.tuto-section-title
{
    font-size: 1.5em;
    font-weight: 600;
    padding: 30px 0 0 20px;
    border-top: 1px rgba(128, 128, 128, 0.53) dashed;
}

.tuto-chapter li
{
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    margin: 10px 0px
}

h4
{
    font-size: 1.3em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-left: 3em;
    padding-top: 2em;
    text-decoration: underline dotted;
}

.tuto-content
{
    margin-top: 10px;
    font-size: 1em;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.tuto-content a 
{
    color: blue;
    text-decoration: underline;
}

.tuto-content li
{
    margin: 5px 0
}

.img1
{
    width: 60em;
    height: auto;
    margin-top: 2em ;
    margin-left: 5em;
    padding-bottom: 2em;
}

.img2
{
    width: 26em;
    height: auto;
    margin-top: 3em ;
    margin-left: 0;
    padding-bottom: 2em;
}

.img3
{
    width: 20em;
    height: auto;
    margin-top: 3em ;
    margin-left: 0;
    padding-bottom: 2em;
}

.img4
{
    width: 40em;
    height: auto;
    margin-top: 3em ;
    margin-left: 5em;
    padding-bottom: 2em;
}


@media all and (max-width: 1750px){
    h3
    {
        font-size: 1.8em;
    }
    h4
    {
        font-size: 1.2em;
    }
    #MenuSection
    {
        font-size: 1em;
    }
    #inscription,#connexionHelena,#connexionIdentite,#connexionItsme
    {
        font-size: 1em;
    }
    .img1
    {
        width: 50em;
    }

    .img2
    {
        width: 25em;
    }

    .img3
    {
        width: 18em;
    }

    .img4
    {
        width: 35em;
    }

}

@media all and (max-width: 1585px){
    h3
    {
        font-size: 1.6em;
    }
    h4
    {
        font-size: 1.1em;
    }
    #MenuSection
    {
        font-size: 0.85em;
    }
    #inscription,#connexionHelena,#connexionIdentite,#connexionItsme
    {
        font-size: 1em;
    }
    .img1
    {
        width: 45em;
    }

    .img2
    {
        width: 20em;
    }

    .img3
    {
        width: 14em;
    }

    .img4
    {
        width: 30em;
    }

}

@media all and (max-width: 1342px){
    h3
    {
        font-size: 1.4em;
    }
    h4
    {
        font-size: 1em;
    }
    #MenuSection
    {
        font-size: 0.7em;
    }
    #inscription,#connexionHelena,#connexionIdentite,#connexionItsme
    {
        font-size: 0.9em;
    }
    .img1
    {
        width: 40em;
    }

    .img2
    {
        width: 15em;
    }

    .img3
    {
        width: 10em;
    }

    .img4
    {
        width: 25em;
    }

}

@media all and (max-width: 1041px){
    h3
    {
        font-size: 1.3em;
    }
    h4
    {
        font-size: 0.9em;
    }
    #MenuSection
    {
        font-size: 0.6em;
    }
    #inscription,#connexionHelena,#connexionIdentite,#connexionItsme
    {
        font-size: 0.8em;
    }
    .img1
    {
        width: 35em;
    }

    .img2
    {
        width: 12em;
    }

    .img3
    {
        width: 8em;
    }

    .img4
    {
        width: 20em;
    }

}

@media (max-device-width: 600px){
    h3
    {
        font-size: 3em;
    }
    #MenuSection
    {
        font-size: 1.5em;
        width:95%;
    }
    
}