html {scroll-behavior: smooth;font-size: 1.316vw;}
ul {list-style-type: none;margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;padding-inline-start: 0;}
* {font-family: 'Montserrat',sans-serif;margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0;margin-inline-end: 0; padding-inline-start: 0;}
h4 {font-size: 2.618rem;font-family: 'Montserrat',sans-serif; font-weight: 900;}
h3 {font-size: 4.236rem;font-family: 'Montserrat',sans-serif; font-weight: 900;}
h2 {font-size: 6.854rem;font-family: 'Montserrat',sans-serif; font-weight: 900;}
h1 {font-size: 6.854rem;font-family: 'Montserrat',sans-serif; font-weight: 900;}
body{margin:0; background-color: #000000;}
.centerHorizontal{text-align: center; width:90%; margin: 0 5% ;}
.right{text-align: right;}
.left{text-align: left; margin-left:5%;}
.centerVertical{margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.bottom{top:70%;}
.containerFlex{display:flex; width:auto; ;}
.containerAlignementBanner{display:flex; flex-direction: column;width: 100%;}
.containerAlignementBanner.centerHorizontal{align-items: center;}
.containerAlignementBanner.right{align-items: flex-end;}
.containerAlignementBanner.left{align-items: flex-start;}
.containerAlignementBanner.top{justify-content: flex-start;}
.containerAlignementBanner.bottom{justify-content: flex-end;}
#togglePopupButton {height: 37px;width: 37px;background-image:url('/media/images/closeButton.svg');background-repeat: no-repeat;position:fixed; top:9.018vh;right:5.574vw;background-size: contain;z-index: 200;}
.aligncenter{text-align: center;}
.alignright{text-align: right;}

.intro>.succursale {border:#6BAA36 0.15rem solid ; background-color: rgba(248, 249, 250, 0.93);margin:1.618rem 0.618rem;padding:1rem 1.618rem 1.618rem 1.618rem;flex-grow: 1; width:auto;display:block;box-sizing: border-box;height: auto;}
.intro>.succursale>div.rich-text:first-child {width:100%;}
.intro>.succursale>.rich-text {color: black;text-align: center;}
.intro>.succursale>.rich-text>h2 {font-size:1.618rem;font-weight: 700;padding-bottom: 0.618rem;}
.intro>.succursale>.rich-text>h4 {font-size:0.618rem;font-weight: 400;}
.succursale:first-of-type{width: 200%;}
#contactForm>p>label,#soumissionForm>p>label{font-family: 'Montserrat',sans-serif; font-size: 1rem; float:left;}
#contactForm>p>label{color:#000000;}
#soumissionForm>p>label{color:#FFF;}
#contactForm>p>input,#soumissionForm>p>input{width:100%;  height:2rem; border-color:#707070; border-width: 0.008rem;font-size:1rem;}
#contactForm>p>textarea,#soumissionForm>p>textarea{height:17.942rem; font-size:1rem; width:100%;}

#contactForm>div,#soumissionForm>div{width: 62vw;margin: auto;height: fit-content;}
#contactInfo{background-repeat: no-repeat; background-size: cover;}
#sousMenu{ border-top-style: solid; border-bottom-style: solid;z-index: 10; border-width: 0.09rem; border-color: #6BAA36; height: fit-content; width:100%; margin-top:0.434rem; display: flex;  flex-flow: row wrap; ;}
.text-grey{color: #707070;}
.text-green{color: #6BAA36;}
.text-white{color: #FFF;}
#toggleMenu {margin-left:1.618rem;display:none;height: 1.618rem;width: 1.618rem;}
.menulink{  text-decoration: none; color:rgb(255, 255, 255); text-align: center; margin-right: 0.618rem; margin-left: 0.618rem;  font-size: 1.618rem;padding: 0.25rem 0; display: block; font-family: 'Montserrat', sans-serif; position:relative;}
.submenulink{font-family: 'Montserrat', sans-serif; text-decoration: none; color: #FFFFFF; text-align:inherit; ;}
#menu{ box-sizing: border-box;border-top-style: solid; border-bottom-style: solid;z-index: 10; border-width: 0.09rem; border-color: #6BAA36; height: 2.618rem; width:100%; margin-top:0.382rem;padding: 0 3.618rem;}
.menulink:hover{color:#6BAA36;}
.sectionMenu{display:block;height: fit-content;float: left;}
.sectionMenu:hover>.listSubMenu{display: block;}
.bottomMenu{Top:92%;}
#backgroundPopup{width:100vw; height: 100vh; background-color: rgba(90, 89, 89, 0.7);position:fixed;top:0;z-index:99;}
#popupContainer{position: fixed;top:50%;right:50%; z-index: 100; transform: translate(50%, -50%);}

#popupContainer>.centerVertical{top:50%;}
#popupContainer>.bottom{top:85%;}
#popupContainer > img{width: 88.911vw;height: 88.911vh;object-fit: contain;}
aside{height: fit-content;display: inline-block;position: relative;width: 49%;box-sizing: border-box;}
.gallerieImage{display: flex; width:100%; justify-items: center; padding:1.618rem 0; flex-flow: wrap row; justify-content: center;}
.gallerieImage>img{padding: 1rem 2.618rem;}
.toggleOnOff{display:none;}
.gallerie{padding: 2.618rem 0;text-align: center;}
.gallerie>div>h2{text-align: center;}
.gallerie>.containerFlex{justify-content: center;}
#menu div:last-child {float:right;}
#menuBackground{background-color: rgba(0, 0, 0, 0.8); width: 100%; padding-bottom: 0.382rem;}
footer { width:100%; background-color: #000000 ;  display: table; height:11.089rem;}
.listSubMenu{padding: 0.236rem 0.618rem 0.236rem 1.618rem;width: -webkit-fill-available;float:left;display:none; height: fit-content; align-content: center; background-color: rgba(0, 0, 0, 0.8); border-style: solid; border-color:#6BAA36;}
.listSubMenu>li{height: fit-content;padding-right:0.382rem; padding-left: 1rem; height: fit-content;}
.toggleOnOff>li {display: none;}
.banner:first-of-type{ height:61.804vh;}
.banner{ min-height: 38.198vh;position:relative; padding:2.618rem 0;width:100%;background-repeat: no-repeat;background-size:cover;background-position: right;  align-items: center; font-family: 'Montserrat',sans-serif; font-size: 1.618rem; ;}
.banner>div{margin:auto;}
.bannertext {padding: 0 6.854rem;}
.bannertext>p{font-weight:400; font-size: 1.618rem;}
.linkbtn{background-color: #FFF;z-index:99; border:#6BAA36 solid;padding: 0.618rem 1.618rem;margin: 1.618rem 6.854rem; display:flex;align-items: center;justify-content: center; text-decoration: none; color:#000000;}
.linkbtn>p{font-family: 'Montserrat', sans-serif;font-weight: 900; font-size: 1.618rem;}
.linkbtn>p::after{content: "  >";color: #6BAA36;}
.popupbtn{background-color: #FFF;border:#6BAA36 solid; width:17.942rem;padding: 0.618rem 1.618rem;font-family: 'Montserrat',sans-serif;font-weight: 400; text-align: center; text-align: -webkit-center;}

.popupbtntxt{width: max-content; max-width: 88.911vw; padding: 11.089rem 2.618rem; font-size: 1.618rem; background-size: cover; background-repeat: no-repeat;box-sizing: border-box;}
.popupbtntxt>p{padding-bottom: 1rem;line-height: 2.034rem;}
#contact{width: fit-content;    width: 62vw;}
.grpBtn{display: grid; justify-content: space-evenly;gap: 4.236rem 0;grid-template-columns: auto auto; width:100%;}
.grpBtnTitle{    grid-column-start: 1;grid-column-end: 3;text-align: center; font-weight: 900;font-family: 'Montserrat',sans-serif; font-size: 2.618rem;}
article>div>h3{text-align: center; text-transform:uppercase; padding-bottom: 0.382rem;margin-block-end: 0;}
form>h3{text-align: center; text-transform:uppercase; padding-bottom: 0.382rem;margin-block-end: 0;color:#000000;}
article {width: auto;padding:4.236rem 4.236rem 0;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-flex-flow: row wrap;flex-flow: row wrap;-webkit-align-items: stretch;align-items: stretch;}
.intro {text-align: center; font-family: 'Montserrat',sans-serif; font-size: 0.869rem;display:inline-block; width:49%;}
form {display: block;margin-top:2.618rem;min-width:23.608vw;width: 100%;padding-top:4.236rem;background-color: #191919; margin-bottom: 4.236rem; text-align: center;}
form>p>select, textarea {width:100%;}
.textForm{text-align: center;font-family: 'Montserrat', sans-serif;font-size: 1rem;display: inline-block;width:61.805%;}
.popupbtn>p>b{font-size:1.618rem;}
#soumissionForm>div>p>label{color: #FFF;}
#contactForm>div>div, #contactForm>div>p,#soumissionForm>div>div, #soumissionForm>div>p{text-align: left;}
form>p{ font-size:1.618rem;}
label {display: block;padding: 0.618rem; font-family: 'Montserrat',sans-serif;}
input {height:2rem;margin:0.618rem 0 1.618rem 0;background-color:#ffffff;width:100%;text-align: center;font-size: 1rem;}
select {box-sizing: border-box;margin:0.618rem 0;padding: 0.618rem;width: 27%;;background-color:#ffffff;font-size: 1rem;}
input[type="submit"] {width:23.608vw;height:2.618rem;background-color:#ffffff;font-weight:900;font-size: 1.618rem; font-family:'Montserrat',sans-serif ;border-style: solid; border-color:#6BAA36; border-width:0.236rem ; color: #000000;}
input[type="number"] {margin:0.618rem 0;width:6.853vw;background-color:#ffffff;}
textarea {margin:0.618rem 0;padding: 0.618rem;min-width:23.608vw;background-color:#ffffff;}
#contactForm,#soumissionForm{margin-top: 0;margin-bottom: 0;}
#contactForm{background-color:#FFF;}
#soumissionForm{background-color:#000;margin: 0 6.85rem 2.618rem 6.85rem;}

.bannerSoumission>article {background-size: cover; background-repeat: no-repeat; background-position: center;}
.bannerSoumission>article>div {padding:1.618rem;min-width:23.608vw; text-align: center;}
#footerDiv{ height:2.618rem; display: table-cell; color:#777474;padding:1.618rem 2.618rem 1.618rem 2.618rem; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
#footerDiv:first-child {text-align: left; width:25vw;} 
#footerDiv:first-child>p{font-size:1rem;}
#footerDiv:last-child{width:23.608vw;} 
#footerDiv:last-child>p{ font-size: 0.618rem;text-transform: capitalize;}
#footerDiv:nth-child(2){text-align: center; padding:0;width:38.198vw;}
#footerDiv>p{color: #707070; font-family: 'Montserrat', sans-serif;}
#footerDiv> h3{text-transform: uppercase ; font-weight: bold; font-size:1.618rem;padding-bottom: 0.236rem;}
#map {display: block;height:61.804vh;width:100%;text-align: center;background-color: rgba(15, 12, 19, 0.93);color: #ffffff; ;}
#map2 {display: block; position:absolute;height:29.03rem;width:100%;text-align: center;background-color: rgba(15, 12, 19, 0.93);color: #ffffff;float:right ;bottom: 0;}
.toggleOnOffMenu{display:inherit;}
@media screen and (max-width: 1050px) {
    aside{width: 100%;}
    .intro{width: 100%;font-size: 1.618rem;}
    .succursale:first-of-type{width: auto;}
    #footerDiv:nth-child(2){text-align: center;} #footerDiv:first-child{text-align:center;}
    footer {width:screen;margin:auto; display:table;} 
    #footerDiv {width:100%;padding:1rem;text-align: center; display: inline;}
    #footerDiv>h3{font-size: 1.618rem;padding-bottom: 0.618rem;}
    #footerDiv:first-child>p{font-size: 1.618rem; line-height: 2.618rem;}
    #footerDiv:last-child>p{ font-size: 1rem;line-height: 1.618rem;}
    .menulink {font-size: 2.618rem;}
    #menu>li {padding-left: 1.618rem;}
    #menu {visibility: visible;padding: 0.382rem 0;}
    .toggleOnOffMenu>.sectionMenu {display: none;} 
    #menu {height: auto; display:grid; padding: 1rem 0;}
    #toggleMenu{display:inline-block;width: 4.236rem;height: 4.236rem;max-width: 37.214px;max-height: 37.214px;}
    #toggleMenu>img{z-index: 100;height: -webkit-fill-available;}
    #map2{Top:inherit; left:inherit; position:relative;}
    .gallerieImage>img{width:  -webkit-fill-available;}
    .bannertext>p{line-height: 2.618rem;}
    /*.banner{min-height: 23.608vh;}*/
    h4{line-height: 4.236rem;}
    html{font-size: 2.129vw}
    #soumissionForm{margin: 0 0 2.618rem 0;}
    #soumissionForm,#contactForm{font-size: 2rem;}
    input {height:2.618rem;margin:0.618rem 0 1.618rem 0;background-color:#ffffff;width:100%;text-align: center;font-size: 1.618rem;}
    .textForm{font-size: 1.618rem;}
;}