h1{
    text-align:center;
    margin:45px auto 45px auto;;
}
.container-central{
    margin:45px auto 45px auto;
}
.container-largeur{
    display:flex;
    flex-direction: row;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:auto;
    width:1250px;
}
.card-article{
    display:flex;
    flex-direction:column;
    width:320px;
    margin:25px auto 5px auto;
    background-color:#eef1f4;
    border-radius:7px/7px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: transform .4s;
}
.card-article:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: scale(1.1);
}
.img-article{
    width:320px;
    margin:0;
}
.title-article{
    margin:15px 5px 10px 5px;
    font-size:18px;
    text-align: left;
    line-height:1.1;
    padding-left:15px;
    font-weight:700;
}
.contenu-article{
    margin:5px 5px 10px 5px;
    font-size:14px;
    text-align: left;
    line-height:1.1;
    padding-left:15px;
}
.bouton-voir{
    margin:10px auto 10px 250px;
    background-color:#0A5260;
    color:white;
    border-radius:4px/4px;
    padding:5px;
    text-decoration:none;
}
a.bouton-voir:hover{
    color:white;
}
a.bouton-voir:visited{
    color:white;
}
/**** Article Blog/hTitre *****/
.container-central2{
    margin:45px auto 45px auto;
    text-align:center;
    background-color: aliceblue;
}
.container-largeur2{
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    margin:auto;
    width:650px;
}
.img-article2{
    width:650px;
    margin:auto;
}
.title-article2{
    margin:35px 5px 35px 5px;
    font-size:36px;
    text-align: left;
    line-height:1.1;
    padding-left:15px;
    font-weight:700;
}
.contenu-article2{
    margin:15px 5px 25px 5px;
    font-size:19px;
    text-align: left;
    line-height:1.3;
    padding-left:15px;
}
.butbl{
    margin:auto;
}
iframe{
    width:100%;
    height:315px;
    margin:50px auto 50px auto;
}
.img-pub{
    width:100%;
}
.numberPage{
    text-align:center;
    margin:auto;
}
.numberPage a{
    text-decoration: none;
}
@media screen and (min-width:1024px) and (max-width:1399px){
    .container-largeur{
        width:1024px;
    }
    .card-article{
        width:320px;
    }
    .img-article{
        width:320px;
    }
    iframe{
        padding:15px;
        width:100%;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .container-largeur{
        width:768px;
    }
    iframe{
        padding:15px;
        width:100%;
    }
}
@media screen and (min-width:576px) and (max-width:767px){
    .container-largeur{
        width:576px;
    }
    .card-article{
        width:250px;
    }
    .img-article2{
        width:570px;
    }
    .img-article{
        width:250px;
    }
    .bouton-voir{
        margin:10px auto 10px 170px;
    }
    .container-central2{
        width:576px;
    }
    .container-largeur2{
        width:576px;
    }
    .title-article2{
        width: 550px;
    }
    .contenu-article2{
        width: 550px;
    }
    iframe{
        padding:15px;
    }
}
@media screen and (min-width:320px) and (max-width:575px){
    .fildariane{
        margin:-57px auto 0 auto;
    }
    h1{
        margin:35px auto 0 auto;
    }
    @-moz-document url-prefix(){
        .fildariane{
            margin:0 auto 0 auto;
        }
        h1{
            margin:10px auto 0 auto;
        }
    }
    .container-central{
        margin:0 auto 45px auto;
    }
    .container-largeur{
        width:100%;
    }
    .card-article{
        width:100%;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    .img-article{
        width:100%;
    }
    .bouton-voir{
        margin:10px auto 10px auto;
    }
    .container-central2{
        width:100%;
        margin:0 auto 27px auto;
    }
    .container-largeur2{
        width:100%;
        padding:15px;
    }
    .img-article2{
        width:100%;
    }
    .title-article2{
        width: 100%;
    }
    .contenu-article2{
        width: 100%;
        padding:0;
        margin:0;
    }
    .img-pub{
        margin:0;
        padding:0;
        width:100%;
    }
    iframe{
        width:100%;
        height:160px;
        padding:15px;
    }
}