* {
    box-sizing: border-box;
}
body{
    margin:0;
    font-family: 'Lato', sans-serif;
    color:#777;
    font-size:16px
}
h1{
    
    font-family: 'Oswald', sans-serif;
    color: #008bc2;
    font-size:36px;
    margin-bottom: 22px;
}
.buttonblue:hover{
    color: #fff !important;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
h2{
    
    font-family: 'Oswald', sans-serif;
    color: #008bc2;
    font-size:30px;
    margin-bottom: 22px;
}
h3{
    
    font-family: 'Oswald', sans-serif;
    font-size:24px;
    margin-bottom: 22px;
}
.menu{
    font-weight: bold;
}
.menu li{
    padding: 0px 25px;
}
.banner{
    background: url("../images/banner.jpg") no-repeat center center;
    background-size: cover;
}
.bgfade{
    background: url("../images/bg-fade.jpg") repeat-x top center;
}
.slogan{
    background: url("../images/slogan.png") no-repeat top center;
    background-size: contain;
}
.bgservices{
    background: url("../images/bgtxtservices.png") no-repeat top center;
    background-size: contain;
}
.buttonblue{
   color: #fff;
   background: #008bc2;
   margin-top: 12px;
   padding: 12px;
   display: inline-block;
   margin: 0 10px;
}

.footer{
   color: #fff;
   background: #2d2d2d;
   padding-top: 25px 0;
}
.footer a{
   color: #fff;
}
.coordonnes{
    font-size: 30px;
}
.copyright{
    color: #666666;
    background: #2d2d2d;
}
.modal{
    color: #fff !important;
    background: #000 !important;
    border: none !important;
}
.modal-backdrop.show {
    opacity: .9 !important;
}
.modal-backdrop {
   opacity: .9 !important;
}