/**
 * GENERAL
 */
body {font-size: 18px;}
h3 {letter-spacing: -1px; font-weight: bold;}

/**
* BANNIERE
*/

.banniere-contact {
    background: url("../images_leaneo/fond-logiciel.jpg") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: white;
}

/**
 * NOUS CONTACTER
 */

#nous-contacter h3 {line-height: 1.5;margin: 0;font-weight:300;}
#nous-contacter .demo {padding: 25px;display:flex; flex-direction:column; align-items:center;border-radius: 20px;box-shadow: 0 0 20px rgbA(0, 0, 0, 0.15);}
#nous-contacter .demo h3 {padding-bottom: 20px;}
#nous-contacter .demo .glyphicon {font-size: 20px; top: 15px; color: #046197;}
#nous-contacter .avantages .glyphicon {color: #67d682; padding-right: 5px;}
#nous-contacter #sliding-arrow-left {padding-right: 20px;}
#nous-contacter #sliding-arrow-right {padding-left: 20px;}
.btn-contact {padding: 15px;background-color: #046197;width: fit-content;border-radius: 5px;color:white;font-weight:bold;font-size:25px;}

/**
 * FLECHE ANIMATION
 */

#sliding-arrow-left,
#sliding-arrow-right {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
 
#sliding-arrow-left {
    -webkit-animation-name: sliding-arrow-left;
    animation-name: sliding-arrow-left;
}

#sliding-arrow-right {
    -webkit-animation-name: sliding-arrow-right;
    animation-name: sliding-arrow-right;
}

@-webkit-keyframes sliding-arrow-left {
    from {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    } 65% {-webkit-transform: translate(15px, 0); transform: translate(15px, 0);
    } to {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    }
}

@keyframes sliding-arrow-left {
    from {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    } 65% {-webkit-transform: translate(15px, 0); transform: translate(15px, 0);
    } to {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    }
}

@-webkit-keyframes sliding-arrow-right {
    from {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    } 65% {-webkit-transform: translate(15px, 0); transform: translate(15px, 0);
    } to {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    }
}

@keyframes sliding-arrow-right {
    from {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    } 65% {-webkit-transform: translate(-15px, 0); transform: translate(-15px, 0);
    } to {-webkit-transform: translate(0, 0); transform: translate(0, 0);
    }
}