*
{
    margin: 0;
    padding: 0;
}
.cor
{
    background-color: #4e67d521;
}
ul
{
    list-style: none;   /* enléve les effets de style  */
}
.wrapper    /* centrage globale du texte */
{
    width: max-content;
    margin: 0 auto;
}
#main-image /* mise en place de l'image */
{
    height: 500px;  /* hauteur de l'image */
    background: url('Image/voit4.jpg') center no-repeat;
}
#steps
{
    background-color: #efefef;
    padding-bottom: 3em;
}
#steps ul
{
    /*margin: 80px 0;*/
    padding: 4em 0;
}
#steps ul li
{
    width: 300px;
    float: left;
    padding-top: 148px;
    text-align: center;
}
#steps h4
{
    text-transform: uppercase;  /* met le text en majuscule */
    margin-bottom: 20px;    /* espacement en dessous du texte */
}
#steps p
{
    margin-bottom: 20px;
    font-size: large;
}
#step-1
{
    background: url('Image/iconvoi.png') no-repeat top center;
}
#step-2
{
    background: url('Image/steps-icon-1.png') no-repeat top center;
    margin-left: 5em;
    margin-right: 5em;
}
#step-3
{
    background: url('Image/steps-icon-3.png') no-repeat top center;
}
.clear
{
    clear: both;    /* utilisé cette class entre des elements flotants plutot que des marges evite des prod de positionnement */
}
#sep
{
    text-align: center;
}
.sepa
{
    width: 40%;
}
#possibilyties
{
    background: linear-gradient(#efefef, #e4e5e921);
    padding: 60px 0 80px 0;
}
.detail
{
    text-align: justify;
}
.detail p
{
    font-size: large;
    padding: 2em;
}
#voitex
{
    padding-right: 3em;
}
#voitex2
{
    /*padding-right: 8em;*/
}
.voit
{
    background-color: #308397;
    text-align: center;
}
.voi
{
    width: 100%;
}
.voi2
{
    width: 100%;
}
.descrip
{
    text-align: justify;
    padding: 5em;
    background-color: #efefef;
}
.descrip2
{
    background-color: #010e1a;
}
.alma
{
    text-align: center;
    background-color: #308397;
}
.agenc
{
    text-align: center;
    background-color: #308397;
}
#agen
{
    cursor: pointer;
}
.vide
{
    height: 16em;
}

    @media all and (max-device-width: 780px)
    {
        #step-2
        {
            margin-left: 1em;
            margin-right: 1em;
        }
        #voitex
        {
            padding: 0;
        }
        #voitex2
        {
            padding: 0;
        }
        .descrip
        {
            padding: 1em;
        }
        /*.voi2, .voi*/
        /*{*/
        /*    width: 100%;*/
        /*}*/
    }