/*! 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;
}


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

/*Container partie Picto jaune*/

.container-vignette-services {
    padding-top:1%;
    padding-bottom: 1%;
}

/*Container ligne Picto jaune*/
#menu-vignette-services {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Ligne Picto jaune*/
.ul-services{
    margin-top: 0;
    margin-bottom: 0;
    display: contents;
    text-align: center;    
}

.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: 110%;
    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) {
    .imgover {
        width: 65%;
    }
    .vignette-info {
        font-size: 100%;
    }
}

/*---------------------Nos Services---------------------*/
/*Titre partie services*/
.service{
    margin-top: 4%;
    margin-bottom: 4%;
    font-size: 170%;
    font-weight:600;
}
/*Etoiles titre*/
.stars-by{
    position: relative;
    width:6%;  
}

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

@media (min-width: 768px) {
.container-contact {
    --container-contact-padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: 1px;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}
}


.container-contact{
    --bd-example-padding: 1rem;
    position: relative;
    padding: var(--container-contact-padding);
    margin: 0 -1.5rem;
    border: solid #dee2e6;
    border-width: 1px 0;
    padding-bottom: 4%;
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: #d0a703;
    border-color: #d0a703;
}

.titre-contact{
    text-transform: uppercase;
    font-size: 118%;
    color: #d0a703;
    padding-bottom: 2%;
}

.telephone{
    text-align: center;
    font-size: 170%;
    font-weight: 600;
    padding-bottom: 1%;
}

.o {
    color:#d0a703;
	border-top:2px solid #d0a703;
    margin-left: 5%;
}

.plan{
    background-image: url(../img/contenu-contact/Plan.png);
    background-size:cover;
    height:16rem;
}

.localisation>span{
    font-weight: 600;
}

.horaire{
    text-decoration: underline;
}

.jour{
    padding-right: 8px;
}

.btn-primary{
    border-color: #d0a703;
    background-color: #d0a703;
}

.btn-primary:hover{
    border-color: #000;
    background-color: #000;
}

/*---------------------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%;
}

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

/*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%;
    }
    
  }