/* SECTION NON CLASSEE DEBUT */

section {padding:2rem;}
.bg-gray {background-color:#F6F6F6;color:#fff;}

.style-case-prestation{
    background-color: #F6F6F6;
    padding-top: 12px;
    padding-bottom: 12px;
}

.card-title{
    margin-top: 0px;
}

.exampleFormControlSelect1{
    padding-right: 30px;
}

.padding10rightcheck{
    padding-right: 10px;
    color: white;
}

img{
    border-radius: 5px;
}

/* SECTION NON CLASSEE FIN */

/* * */

/* COULEURS DEBUT */

.black{
    background-color: #0F0F0F;
}

.bg-signature{
    background-color: black;
}

/* COULEURS FIN */

/* * */

/* FILTRES REALISATIONS DEBUT */

.filter-button
{
    font-size: 18px;
    border: 1px solid #96F000;
    border-radius: 5px;
    text-align: center;
    color: #96F000;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #96F000;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #96F000;

}
.btn-default:active .filter-button:active
{
    background-color: #96F000;
    color: white;
}

/* FILTRES REALISATIONS FIN */

/* * */

/* STYLE MARGIN DEBUT */

.nomargin{
    margin: 0px;
}

.margin-top-10{
    margin-top: 10px;
}

/* STYLE MARGIN FIN */

/* * */

/* STYLE BREADCRUMB DEBUT */

.breadcrumb{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #F6F6F6;
}

.breadcrumb a{
    color: #00BBFF;
}

.breadcrumb a:hover{
    text-decoration: none;
    color: black;
}

.style-breadcrumb{
    margin-top: 130px;
    margin-bottom: 50px;
}

/* STYLE BREADCRUMB FIN */

/* * */

/* STYLE NAVBAR DEBUT */

.logo-header{
    width: 70%;
    padding-top: 7px;
    padding-bottom: 13px;
}

nav{
    background-color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.navbar-dark .navbar-nav .nav-link{
    color: white;
}

.nav-link{
    padding: 12px;
}

.button-tel-menu{
    margin-bottom: 0px;
}

.btn-primary-menu{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2F2F2F;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: white;
    border-radius: 100px;
}

.btn-primary-menu:hover {
  color: white;
  background-color: #96F000;
}

/* STYLE NAVBAR FIN */

/* * */

/* STYLE SEPARATEUR HR DEBUT */

.hr-white-50{
    margin-top: 25px;
    margin-bottom: 25px;
    border-color: white;
    opacity: 0;
}

.hr-white-100{
    margin-top: 50px;
    margin-bottom: 50px;
    border-color: white;
    opacity: 0;
}

.hr-white-150{
    margin-top: 75px;
    margin-bottom: 75px;
    border-color: white;
    opacity: 0;
}

.hrpicto{
    width: 150px;
    margin-top: 100px;
    margin-bottom: 100px;
}

/* STYLE SEPARATEUR HR FIN */

/* * */

/* STYLE FONT DEBUT */

h1{
    font-size: 38px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: white;
}

.h1-header-home{
    margin-bottom: 20px;
    color: white;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

h2{
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: black;
    margin-bottom: 20px;
}

h3{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: black;
    margin-top: 20px;
    margin-bottom: 20px;

}

p{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: black;
    margin-bottom: 20px;
}

a{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: white;
}

a:hover{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: white;
}

li a:hover{
    text-decoration: none;
    color: white;
    opacity: 0.7;
}

.blue-link{
    color: #00BBFF;
}

.blue-link:hover{
    color: black;
}

.footer-signature-link{
    color: #00BBFF;
}

.footer-signature-link:hover{
    color: white;
}
/* STYLE FONT FIN */

/* * */

/* STYLE BOUTON DEBUT */

button{
    margin-bottom: 25px;
}

.btn-primary-head-home{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #96F000;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: black;
    border-radius: 100px;
    box-shadow: 1px 1px 12px #4e9900;
}

.btn-primary-head-home:hover {
  color: #fff;
  background-color: black;
  box-shadow: 1px 1px 12px #4e9900;
}

.btn-primary{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #96F000;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: black;
    border-radius: 100px;
}

.btn-primary:hover {
  color: #fff;
  background-color: black;
}

.btn-full{
    background-color: #96F000;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 700;
}

.btn-full:hover{
    background-color: black;
    color: white;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 700;
}

/* STYLE BOUTON FIN */

/* * */

/* STYLE CASES PRESTATIONS HEADER ACCUEIL DEBUT */

.head-bg-home {
    margin-top: 85px;
    padding: 6rem 0 8rem;
    position: relative;
    background-image: url('img/banniere_header_espace-fermeture_600x1920px_2.jpg');
    background-size: cover;
    z-index: 0
}

.head-bg-rea {
    margin-top: 85px;
    padding: 6rem 0 6rem;
    position: relative;
    background-image: url('img/banniere_header_espace-fermeture_400x1920px.jpg');
    background-size: cover;
    z-index: 0
}

/* STYLE CASES PRESTATIONS HEADER ACCUEIL FIN */

/* * */

/* ANIMATIONS DEBUT */

.animated {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.hinge {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
}

.delay_025s {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
animation-delay: 0.25s;
}

.delay_05s {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}

.delay_075s {
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
animation-delay: 0.75s;
}

.delay_1s {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}

.delay_1_25s {
-webkit-animation-delay: 1.25s;
-moz-animation-delay: 1.25s;
animation-delay: 1.25s;
}

.delay_1_5s {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.delay_1_75s {
-webkit-animation-delay: 1.75s;
-moz-animation-delay: 1.75s;
animation-delay: 1.75s;
}

.delay_2s {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s;
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

  100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
    
}

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
  }

  100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
    
}

.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
    
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

/* ANIMATIONS FIN */

/* * */

/* BREACKPOINTS DEBUT */

@media (max-width: 767px) {

    .margin-20-bottom-mobile{
    margin-bottom: 20px;
    }

    .assurance{
        padding-top: 0px;
        color: black;
        text-align: center;
    }
    
    .assurance-soustitre{
        letter-spacing: -0.2px;
        text-align: center;
    }
    
    .section-responsabilite{
    padding-left: 15px;
    }

    .logo-footer{
        padding-bottom: 50px;
    }

    .logo-header{
        padding-left: 0px;
    }
    
    .masthead {
    margin-top: 35px;
    }
    
    .btn-primary-menu{
    margin-bottom: 25px;
    }
    
    .margin10mob{
    margin-top: 10px;
    }
    
    .margin50mob{
    margin-bottom: 50px;
    }
    
    .head-bg-home {
    margin-top: 55px;
    padding: 6rem 0 8rem;
    position: relative;
    background-image: url('img/banniere_header_espace-fermeture_home_mob.jpg');
    background-size: cover;
    z-index: 0
    }
    
    .head-bg-rea {
    margin-top: 55px;
    padding: 6rem 0 6rem;
    position: relative;
    background-image: url('img/banniere_header_espace-fermeture_mob_2.jpg');
    background-size: cover;
    z-index: 0
}
    
}

@media screen and (min-width: 767px) and (max-width: 992px) {

    .assurance{
    padding-top: 0px;
    color: black;
    }

    .margin-20-bottom-mobile{
    margin-bottom: 20px;
    }
    
    .logo-header{
    padding-left: 0px;
    }
    
}

@media screen and (min-width: 992px) and (max-width: 1920px) {
    
    .padding-right-40-desktop{
    padding-right: 40px;
    }

}

/* BREACKPOINTS FIN */