/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html{font-family: 'Roboto Condensed', sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:clamp(8px,1.25vw,16px)}
body{font-family: 'Roboto Condensed', sans-serif;margin:0;min-width:350px;max-width: 1264px;margin: auto;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
img,legend{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}.info-desc span,optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}legend,td,th{padding:0}:root{--briz-black:#000;--briz-white:#fff;--briz-yellow:#c59809}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}
.img-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container{margin-left:auto;margin-right:auto;width:65.57%}@media screen and (max-width:667px){.container{width:90%}}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
.wrapper-outer{
    min-height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    border: 0.5px solid;
    border-color: rgba(153, 145, 145, 0.863);
}
.wrapper{
    position: relative;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    -ms-flex-negative:0;
    flex-shrink:0
}

/*---------------------Para container---------------------*/

.menu-noir .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header{background-color:var(--briz-black);padding-top:1%;padding-bottom:1%}
.menu-noir .header .container{display:-webkit-box;display:-ms-flexbox;display:flex}
.header .container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row{
    margin-right: 0;
}

/*---------------------Nav bar---------------------*/
.navbar-color{
    background-color: #000;
}

.header-content{
    padding: 1.5%;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    background-color: black;
    margin-left: 0;
}

    /*Logo*/
.img-header{
    width: 30%;
}

    /*Contactez-nous*/
.header-number{
    font-size:110%;
    font-weight:400;
    color: white; 
    text-decoration: none;
    text-transform:uppercase;
    float: right;
}

.header-number:hover{
    color: #d0a703;
}
    /*Menu burger*/
.burger-menu{
    float: left;
}

/*---------------------Header---------------------*/

/*Container header*/
.about-image{
    position:relative;
    width:100%;
    min-height:25em;
    background-image: url(../img/car.png);
    background-size:cover;
    background-position: center;
    padding: 0;
    z-index: -1;
}
/*Container pour empilement image + row*/
#multicouche {
    position: relative;
  }

/*Image bris de glace*/
.titre-header{
    position: absolute;
    margin-top: -6em;
    left: 0px;
    width: 33%;
  }

/*Position row titre header*/
.couche1 {
    z-index: 1;
    margin-top: 6em;
    left: 0;
    position: absolute;
  }

/*Mise en forme titre header*/
.couche1>.col-md-5>h2{
    color: #FFFFFF;
    padding: 1%;
    padding-right: 7%;
    font-size: 211%;
    font-weight: 400;
    text-align: end;
    background-color: #d0a703;
}

.couche-image{
    z-index: 1;
    margin-top: 0em;
    margin-left: 0em;
    position: absolute;
}

/*Position row sous-titre header*/
.couche2 {
    z-index: 1;
    margin-top: 9em;
    margin-left: 0em;
    position: absolute;
  }

/*Mise en forme sous-titre header*/
.couche2>.col-md-6>h2{
    color: black;
    padding: 1%;
    font-size: 237%;
    font-weight: 600;
    text-align: end;
}

/*Mise en forme et position étoile jaune header*/
.stars-yy{
    width: 33%;
    margin-top: -16%;
    margin-left: -7%;
}

/*Media : header*/

@media (max-width: 530px) {
    .couche-image{
        margin-top: 4em;
    }
}

@media (max-width: 400px) {
    .couche-image{
        margin-top: 5em;
    }
}



/*---------------------Menu jaune - vignettes---------------------*/

/*Container partie Picto jaune*/

.container-vignette {padding-top:8%;}

#menu-vignette {
    display: block;
    position: relative;
    margin: -11% 0 0 0;
    z-index: 1;
    text-align: center;
}

.one_third {
    display: inline-block;
    list-style: none;
}

.vignette{
    background-color: #d0a703;
    padding-bottom: 0.02%;
}

/*Container Image Picto*/

.imgover, .imgover:hover::after {color: #FFFFFF;}

.imgover {
    display: inline-block;
    width: 50%;
    height: auto;
    border: 5px solid;
    border-color: #d0a703;
    background-color: #FFFFFF;
    border-radius: 50%;
}

/*Image Picto*/

.img-circle{
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
    line-height: normal;
    vertical-align: middle;
    padding: 10%;
}

/*Effet survol image*/

.img-circle:hover{
    transform: scale(1.2);
    transition: 0.8s;
}

/*Textes vignettes picto*/

.vignette-info{
    padding-top: 5%;
    font-size: 160%;
    text-transform:uppercase;
    color: #fff;
}
.vignette-info>span{
    font-size: 94%;
    text-transform:uppercase;
    color: black;
    font-weight: bold;
}

/*Media menu jaune - vignettes / picto*/

@media (max-width: 767px) {
    .container-vignette {
        padding-top:0%;
    }
    #menu-vignette{
        margin: 0 0 0 0;
    }
    .responsive-vignette{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .vignette-info{
        padding-top: 0;
        display: inline-grid;
        justify-items: start;
    }
    .vignette-info>br {
        display: none;
    }
    .imgover {
        width: 12%;
        margin: 1%;
        margin-left: 10%;
        margin-right: 5%;
        border: 2px solid;
        border-color: black;
    }
}

/*---------------------Nos Services---------------------*/

/*Hover : En savoir +*/

  .hover-service .fadedbox {
    background-color: #d0a703;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  .hover-service:hover .fadedbox {
    opacity: 0.80;
  }
  .hover-service .text {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
  }
  .hover-service .title {
    font-size: 1.5rem;
    text-transform: uppercase;
    transition-delay: 0.2s;
    transition-duration: 0.3s;
    padding: 20%;
    padding-top: 25%;
    opacity: 1;
    text-align: center;
  }

  .lien-services{
    color: #FFFFFF;
  }
  
  .lien-services:hover{
    color: #000;
  }

  .hover-service:hover .title,
  .hover-service:focus .title {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }

/*Container nos services*/
.article{
    padding-left:5%;
    padding-right:5%;
}

/*Titre partie services*/
.services{
    margin-top: 2%;
    margin-bottom: 1%;
    padding-left:11%;
    font-size: 200%;
    font-weight:600;
}

/*Etoiles titre*/
.stars-by{
    position: relative;
    width:6%;  
}

/*Espacement bas de partie nos services*/
.row-service{
    padding-bottom: 4%;
}

/*Corps card*/
.card {
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10%;
    border-width : 0;
    height: 100%;
}

/*Container partie texte card*/
.desc{
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    width: 100%;
}
/*Contenu partie texte card*/
.card-content{
    text-transform: uppercase;
    font-size: 140%;
    text-align: center;
    padding-bottom: 4%;
    background-color: #d0a70390;
    margin-top:0%;
    margin-bottom: 0%;
}

/*Triangle mise en page encart flou sur card*/
.triangle{
    height: 60px;
    width : 100%;
    background-image: url(../img/y-triangle.png);
    background-size: cover;
    opacity: 0.58;
   }

/*Media partie card*/
   
@media (max-width: 767px) {
    .card-content{
        font-size: 160%;
    }
    .card{
        margin-bottom: 10%;
    }
}

/*---------------------Menu noir - vignettes : Nos avantages ---------------------*/

.menu-noir{
    background-color:var(--briz-black);
    padding-bottom:2%
}

/*Titre partie avantages*/
.avantages{
    margin-top: 2%;
    margin-bottom: 1%;
    padding-left: 15%;
    font-size: 200%;
    font-weight:600;
    color: #FFFFFF;
}
/*Titre partie avantages - span*/
.avantages>span{
    color: #d0a703;
}
/*Titre partie avantages - etoile*/
.stars-wy{
    position: relative;
    width:6%;  
}

/*Texte info vignettes*/
.vignette-noir-info{
    padding: 3%;
    font-size: 140%;
    color: #FFFFFF;
    font-weight: 200;
}
/*Texte info vignettes - span*/
.vignette-noir-info>span{
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
}

/*Container vignette*/
.imgover-noir {
    display: inline-block;
    width: 55%;
    height: auto;
    border: 5px solid;
    border-color: #d0a703;
    background-color: #FFFFFF;
    border-radius: 50%;
}

/*Modal*/    
.modal-texte{
    font-size: 140%;
}
.modal-texte>span, .modal-sous-texte{
    color: red;
}

.modal-sous-texte{
    font-style: italic;
    font-size: 120%;
}

.btn-modal{
    color: #FFFFFF;
    background-color: #d0a703;
    border-color: #d0a703;
    font-size: 140%;
}

.modal-title{
    color: #d0a703;
    text-transform: uppercase;
    font-weight:300;
    font-size: 170%;
}

.row-modal{
    margin-right: 0;
    margin-left: 0;
}


/*Picto*/
.rounded-circle-noir{
    width: 100%;
    height: auto;
    margin: O;
    border: none;
    line-height: normal;
    vertical-align: middle;
    padding: 13%;
}

/*Effet survol image*/

.rounded-circle-noir:hover{
    transform: scale(1.2);
    transition: 0.8s;
}

/*Media menu noir - vignette*/
@media (max-width: 767px) {
    .responsive-vignette-noir{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        margin: 1%;
    }
    .imgover-noir{
        display: inline-block;
        margin-left: 12%;
        margin-right: 5%;
        width: 12%;
        border: 2px solid;
        border-color: #d0a703;
        background-color: #FFFFFF;
        border-radius: 50%;
    }
    .text-center{
        text-align: left!important;
    }
    .vignette-noir-info{
        display: contents;
        padding: 0;
    }
}

/*---------------------Carousel---------------------*/

/*Container partie Carousel*/
.carousel{
    padding-top: 3%;
    padding-bottom: 6%;
}
/*Corps carte carousel*/
.card-carousel {
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10%;
    max-width: 70%;
    background-color: #fba427;
}

/*Partie image carte carousel*/
.img-carousel{
    background-image: url("../img/car.png");
    background-size: cover;
}

/*Partie titre body carte carousel*/
.card-title{
    font-size: 149%;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 50%;
}
/*Partie titre body carte carousel - Etoile*/
.stars-bw{
    position: relative;
    width: 8%;
    top: -61%;
    left: -4%;
}

.titre-texte-carousel{
    font-size: 100%;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 2%;
}

.carousel-body{
    margin-top: 2%;
    padding:4%;
    padding-left: 6%;
    padding-right: 6%;
}

/*Bouton body carte carousel*/
.button{
    float: right;
    margin-bottom: 2vw;
}

.btn-carousel{
    text-transform:uppercase;
    font-size: 70%;
}

/*Mise en page bouton précédent / suivant*/
.carousel-control-next, .carousel-control-prev{
    width:20%;
    padding-bottom:2%;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 3rem;
    height: 3rem;
}

/*Media partie carousel*/
@media (max-width: 767px) {
    .img-carousel{
        display:none;
    }
    .carousel{
        padding-bottom: 5%;
    }
    .stars-bw{
        width: 8%;
        margin: 0% 0% 0% 1%;
    }
    .card-title{
        line-height: 55%;
    }
    .card-text{
        font-size: 150%;
    }
  }

/*---------------------Nous rejoindre---------------------*/

/*Container partie nous rejoindre*/
.container-vignette-contact {
    padding-top:8%;
}
.vignette-contact{
    background-image: url(../img/car.png);
    background-size: cover;
}

/*Container vignette*/
.imgover-contact{
    display: inline-block;
    width: 50%;
    height: auto;
    border: 5px solid;
    border-color: #d0a703;
    background-color: #FFFFFF;
    border-radius: 50%;
}

/*Picto nous rejoindre*/
.img-circle-contact {
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
    line-height: normal;
    vertical-align: middle;
    padding: 10%;
}

/*Effet survol image*/

.img-circle-contact:hover{
    transform: scale(1.2);
    transition: 0.8s;
}

/*Mise en place vignette*/
#menu-vignette-contact {
    display: block;
    position: relative;
    margin: -11% 0 0 0;
    z-index: 1;
    text-align: center;
}

/*Titre nous rejoindre*/
.join{
    text-transform:uppercase;
    font-weight: 600;
    font-size: 240%;
    padding-top: 2%;
}
/*Titre nous rejoindre - span*/
.join>span{
    color: #d0a703;
}
/*Numéro de contact*/
.num-contact{
    font-size: 210%;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 0%;
}

.ul-contact{
    margin-bottom: 0%;
    padding-bottom: 5vw;
}

/*Bouton contact*/
.button-contact{
    padding-top: 1%;
    padding-bottom: 2%;
    margin-bottom: 0%;
}

.btn-contact{
    text-transform:uppercase;
    font-size: 100%;
    padding-right: 1.5%;
    padding-left: 1.5%;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/*Media partie nous rejoindre*/
@media (max-width: 767px) {
    .imgover-contact{
        border: 2px solid;
        border-color: #d0a703;
    }
}

/*---------------------Footer---------------------*/
/*Container footer*/
.footer{background-color:black}
.container-footer{width: 100%;}

/*Contenu footer*/
.footer-content{
    padding: 4%;
    padding-bottom: 10%;
    color: #FFFFFF;
    text-align: center;
    align-items: baseline;
    justify-content: center;
}
/*Logo footer*/
.img-footer{
    width: 100%;
}

/*Espacement texte footer*/
.text-footer{
    padding: 1%;
}

/*Media partie footer*/
@media (max-width: 767px) {
    .text-footer{
        display: block;
        padding: 2%;
    }
    .separateur{
        display:none;
    }
    .footer-content{
        align-items: center;
    }
    .img-footer{
        width: 60%;
    }
    
  }


/*---------------------Social---------------------*/

.social{
    position:absolute;
    right:7%;
    top:14%;
}

.social-list{
    position: fixed;
    margin:0;
    padding:0;
    list-style:none;
    z-index: 1;
}

.social-link__icon{
    position:relative;
    width:2.5rem}

.social-link__icon:before{content:"";display:block;padding-top:100%}
.social-link__icon img{max-width:100%;max-height:100%}

.social-link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width: 4rem;
    text-decoration: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: .6rem;
    background-color:var(--briz-white);
    border-radius:10px 0 0 10px;
    -webkit-transform:translateX(45%);
    transform:translateX(45%);
    -webkit-transition:all 200ms ease-in-out;
    transition:all 200ms ease-in-out;
    box-shadow: -2px 2px 10px 0.5px black;
}

.social-link:hover{
    -webkit-transform:translateX(0);
    transform:translateX(0)}

.social-item:not(:last-child){
    margin-bottom:1rem}


/*Media partie social*/
@media (max-width: 767px) {
    .social{
        right: 11%;
    }
    .social-link{
        width: 8rem;
    }
    .social-link__icon{
        width:3.5rem}
}

@media (max-width: 600px) {
    .social{
        right: 12%;
    }
}

@media (max-width: 500px) {
    .social{
        right: 14%;
    }
}

@media (max-width: 460px) {
    .social{
        right: 16%;
    }
}

@media (max-width: 400px) {
    .social{
        right: 18%;
    }
}
/*# sourceMappingURL=style.css.map */