/*description*/
.content {
    min-height: 50%;
    margin: 0 auto;
}

.articles__title{
    margin-top: 100px;
    text-align: center;
}

.articles__text{
    display: block;
    width: 60%;
    color: dimgrey;
    margin-top: 75px;
    margin-bottom: 50px;
    margin-left: 20%;
    margin-right: 20%;
}
/*description*/

/*réseaux sociaux*/
.sociaux{
    text-align: center;
}

.logo__soc{
    margin: 50px;
}
/*réseaux sociaux*/


/*contact*/
.titre__contact{
    margin-bottom: 70px;
}

.contact{
    text-align: center;
    margin-top: 100px;
}
/*contact*/


 /*bloc devis*/
.block__devis{
    width: 100%;
    height: 400px;
    background-color: dimgray;
    color: white;
}


.block__devis-title{
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}


.block__devis .block__devis-text_gauche{
    float: left;
    margin-left: 180px;
}


.block__devis .block__devis-text_droite{
    margin-left: 70%;
    padding-top: 20px;
}

.devis__button{
    text-align: center;
    border-radius: 5px;
    border: none;
    padding: 15px 32px;
    margin-top: 10px;
    margin-left: 50px;
    text-decoration: none;
    font-size: 16px;
    background-color: orangered ;
    color: white;
    cursor: pointer;
}


@media only screen and (max-width:1280px){
    .block__devis{
        width: 100%;
        height: 600px;
        background-color: dimgray;
        color: white;
    }

    .block__devis .block__devis-text_gauche{
        margin: auto;
    }

    .block__devis .block__devis-text_droite{
        float: right;
        text-align: center;
        margin-right: 100px;
        margin-top: 30px;
    }

    .devis__button{
        text-align: center;
        margin-right: 50px;
    }
}
/*bloc devis*/


/*diaporama*/
.diapo_title{ 
    text-align: center;
}

.diaporama{
    margin: auto;
    width: 400px;
    height: 533px;
    border: dimgrey solid 3px;
   

    -webkit-animation-name: diapo;
    -webkit-animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:normal;

    -moz-animation-name: diapo;
    -moz-animation-duration: 9s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction:normal;

    animation-name: diapo;
    animation-duration: 9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction:normal;

}


@-webkit-keyframes diapo{

    0% {background-image:url(../image/IMG_diapo1.JPG);}
    15% {background-image:url(../image/IMG_diapo1.JPG);}
    30% {background-image:url(../image/IMG_diapo1.JPG);}
    33% {background-image:url(../image/IMG_diapo2.JPG);}
    45% {background-image:url(../image/IMG_diapo2.JPG);}
    60% {background-image:url(../image/IMG_diapo2.JPG);}
    66% {background-image:url(../image/IMG_diapo3.JPG);}
    75% {background-image:url(../image/IMG_diapo3.JPG);}
    100% {background-image:url(../image/IMG_diapo3.JPG);}
}


@-moz-keyframes diapo{

    0% {background-image:url(../image/IMG_diapo1.JPG);}
    15% {background-image:url(../image/IMG_diapo1.JPG);}
    30% {background-image:url(../image/IMG_diapo1.JPG);}
    33% {background-image:url(../image/IMG_diapo2.JPG);}
    45% {background-image:url(../image/IMG_diapo2.JPG);}
    60% {background-image:url(../image/IMG_diapo2.JPG);}
    66% {background-image:url(../image/IMG_diapo3.JPG);}
    75% {background-image:url(../image/IMG_diapo3.JPG);}
    100% {background-image:url(../image/IMG_diapo3.JPG);}
}


@keyframes diapo{

    0% {background-image:url(../image/IMG_diapo1.JPG);}
    15% {background-image:url(../image/IMG_diapo1.JPG);}
    30% {background-image:url(../image/IMG_diapo1.JPG);}
    33% {background-image:url(../image/IMG_diapo2.JPG);}
    45% {background-image:url(../image/IMG_diapo2.JPG);}
    60% {background-image:url(../image/IMG_diapo2.JPG);}
    66% {background-image:url(../image/IMG_diapo3.JPG);}
    75% {background-image:url(../image/IMG_diapo3.JPG);}
    100% {background-image:url(../image/IMG_diapo3.JPG);}
}

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

    .diapo{display: none;}

}
/*diaporama*/

/*bouton revenir en haut*/
.btn{
display: flex;
position: fixed;
right: 15px;
bottom: 80px;
cursor: pointer;
}

@media only screen and (max-device-width:1280px){
    .btn{
        display: flex;
        position: fixed;
        right: 10px;
        bottom: 80px;
        cursor: pointer;
        }
}
/*bouton revenir en haut*/


/*contact*/

@media only screen and (max-device-width:1280px){
    .map{height: auto;
        width: auto;}
}

/*contact*/