/*** Fonts ***/
@font-face {
    font-family: "AvantGardeStd";
    src: url("../fonts/ITC-AvantGardeStd-Bk.ttf");
}

@font-face {
    font-family: "AvantGardeStd-Bold";
    src: url("../fonts/ITC-AvantGardeStd-Bold.ttf");
}

@font-face {
    font-family: "AvantGardeStd-Demi";
    src: url("../fonts/ITC-AvantGardeStd-Md.ttf");
}

@font-face {
	font-family:"DinPro-Bold";
	src: url("../fonts/DINPro-Bold.otf");
  src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DINPro-Bold.woff2') format('woff2'),
      url('../fonts/DINPro-Bold.woff') format('woff'),
      url('../fonts/DINPro-Bold.ttf') format('truetype'),
      url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
}

@font-face {
	font-family:"DinPro-Black";
	src: url("../fonts/DINPro-Black.otf");
  src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DINPro-Black.woff2') format('woff2'),
      url('../fonts/DINPro-Black.woff') format('woff'),
      url('../fonts/DINPro-Black.ttf') format('truetype'),
      url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
}

@font-face {
	font-family:"DinPro-Regular";
	src: url("../fonts/DINPro-Regular.otf");
  src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DINPro-Regular.woff2') format('woff2'),
      url('../fonts/DINPro-Regular.woff') format('woff'),
      url('../fonts/DINPro-Regular.ttf') format('truetype'),
      url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
}

@font-face {
	font-family:"DinPro-Medium";
	src: url("../fonts/DINPro-Medium.otf");
  src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DINPro-Medium.woff2') format('woff2'),
      url('../fonts/DINPro-Medium.woff') format('woff'),
      url('../fonts/DINPro-Medium.ttf') format('truetype'),
      url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
}


/* ---------- Style par class ----------*/

.pink {
    color: #E42774;
}

.bold {
    font-weight: bold;
}

.fonts-b {
    font-family: 'AvantGardeStd-Bold';
}

.link {
    color: black;
    text-decoration: underline;
}

.r-margin {
    vertical-align: bottom;
}

.img-width {
    max-width: 52%;
}

/*---------- BODY ----------*/

body {
    font-family: 'AvantGardeStd';
    z-index: 0;
}

a {
    color: black !important;
    text-decoration: none;
}

/*---------- FORM ----------*/

#formulaire {
    position: fixed;
    background-color: #FFFFFF;
    width: 25%;
    height: 100%;
    overflow-y: scroll;
    right: 0%;
    top: 0%;
		z-index: 99;
}

#formulaire::-webkit-scrollbar {
  width: 6px;
}
#formulaire::-webkit-scrollbar-track {
  background: #E42674;
}
#formulaire::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 3px;
  border: none;
}

#formulaire #formulaire-logo {
    background-color: #25384C;
    text-align: center;
    padding: 1vw;
    line-height: 1.5vw;
    color: white;
    padding-top: 2.5vw;
}

#formulaire-logo p {
    font-weight: bold;
    font-size: 1.5vw;
    font-family: "AvantGardeStd-Bold";
}

#formulaire-logo span {
    font-size: 0.8vw !important;
    font-weight: normal;
    line-height: 1vw;
    font-family: AvantGardeStd !important;
}
#formulaire a {
    text-decoration: underline;
}

#form-button {
    display: none;
}

/* --------- FORM-OLD ---------- */

#formulaire-cta {
    display: none;
}

#formulaire-body {
    margin-top: 2vw;
}

#formulaire-radio {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 0.3vw;
}

#formulaire-radio label {
    vertical-align: middle;
    display: flex;
    align-items: stretch;
}

#formulaire-radio #mme::before {
    margin: 0vw 0.4vw 0 4.2vw;
    width: 1.5vw;
    position: absolute;
    height: 1.5vw;
    content: "";
    border: 1px solid black;
    border-radius: 50px;
}

/*#formulaire-radio #mme::after + input#mad[type='radio']:checked {
    margin: 0vw 0.4vw 0 4.4vw;
    width: 1.5vw;
    position: absolute;
    height: 1.5vw;
    content: "";
    border: 1px solid black;
    background-color: black;
    border-radius: 50px;
}*/

#formulaire-radio #mr::before {
    margin: 0vw 0.4vw 0 0.4vw;
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    content: "";
    background-color: white;
    border: 1px solid black;
    border-radius: 50px;
}

/*#formulaire-radio input[type='radio']:checked + label::after {
    margin: 0vw 0.4vw 0 0.4vw;
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    content: "";
    background-color: white;
    border: 1px solid black;
    border-radius: 50px;
}*/


#formulaire-radio label input {
    margin: 0vw 0.4vw 0 0.4vw;
    width: 1.5vw;
    height: 1.5vw;
    background-color: white;
    opacity: 0.5;
}

/*#formulaire-radio label::after input[type="radio"]:checked  {
    margin: 0vw 0.4vw 0 4.4vw;
    width: 1.5vw;
    position: absolute;
    height: 1.5vw;
    content: "";
    background-color: black;
    border: 1px solid black;
    border-radius: 50px;
}*/

#formLead {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8vw;
}

.formulaire-field input {
    width: 100%;
    background-color: white !important;
    border: 1px solid black !important;
    padding: 0.5vw;
    color: black;
}

#formulaire-field input::placeholder {
    color: black;
}

#formulaire-field-required {
    text-align: right;
/*    margin-top: 0.3vw;*/
    font-size: 0.6vw;
    width: 100%;
}

#formulaire .checkbox-text {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: stretch;
}

#formulaire .checkbox-text .checkbox {
    width: 1.5vw;
    height: 1.5vw;
    background-color: white;
    border: 1px solid #E42774;
    margin-right: 0.5vw;
    opacity: 1;
}

#formulaire .checkbox-text::before {
    content: "";
    position: absolute;
    width: 1.5vw;
    height: 1.5vw;
    background-color: white;
    border: 1px solid #E42774;
    margin-right: 17.25vw;
}

#formulaire .checkbox-text label {
    width: 70%;
    font-size: 0.6vw;
    vertical-align: top;
    text-align: left;
}

#formulaire #formulaire-bouton button {
    background-color: #E42674;
    color: white;
    border: none;
    border-radius: 50px;
    width: 12vw;
    height: 3vw;
    margin: 1vw 0 1vw 0;
    font-family: "AvantGardeStd-Bold";
}

#formulaire-bouton {
    text-align: center;
    padding: 1vw;
}

#formulaire-rgpd {
    display: inline;
    justify-content: center;
    padding-bottom: 1vw;
}

#formulaire #formulaire-rgpd p {
    font-size: 0.6vw;
    text-align: left;
    padding: 0 2.5vw 0 2.5vw;
}

/* ---------- FORM / IMPORT PARIS-15 ---------- */

section#contact { background: #FFFFFF; margin-bottom:40px; }
section#contact h1 { font-size:22px; color:#120d0e !important; margin-bottom:30px; }
section#contact h1 span { border:none; }
section#contact hr { max-width:180px; border-top:solid 1px #957c49; margin-bottom:30px; }
section#contact .form-control { background:transparent; border:none; border-radius:0px; border-bottom:solid 1px #000; height:37px; line-height:37px; padding:0px 15px; color:#000; font-weight:200; font-size:16px; box-shadow:none; }
section#contact .form-control::-webkit-input-placeholder { color:#000; text-transform:none; }
section#contact .form-control:-ms-input-placeholder { color:#000; text-transform:none; }
section#contact .form-control::-ms-input-placeholder { color:#000; text-transform:none; }
section#contact .form-control::placeholder { color:#000; text-transform:none; }
section#contact .form-group#optin label { position:relative; padding-left:30px; font-weight:300; color:#000; text-align:start; font-size:12px; line-height:1.2em; }
section#contact .form-group#optin label a { color:#000 !important; text-decoration:underline !important; }
section#contact .form-group#optin input { display:none; }
section#contact .form-group#optin label:before { content:" "; position:absolute; left:0px; top:5px; width:20px; height:20px; border:solid 1px #E42674; }
section#contact .form-group#optin input:checked + label::after { content:" "; position:absolute; left:2px; top:7px; width:16px; height:16px; background:#E42674; }
section#contact .form-group#optin-2 label { position:relative; padding-left:30px; font-weight:300; color:#000; text-align:start; font-size:12px; line-height:1.2em; }
section#contact .form-group#optin-2 input { display:none; }
section#contact .form-group#optin-2 label:before { content:" "; position:absolute; left:0px; top:5px; width:20px; height:20px; border:solid 1px #E42674; }
section#contact .form-group#optin-2 input:checked + label::after { content:" "; position:absolute; left:2px; top:7px; width:16px; height:16px; background:#E42674; }
section#contact .form-group#optin-3 label { position:relative; padding-left:9px; font-weight:300; color:#000; text-align:start; font-size:16px; line-height:1.2em; }
section#contact .form-group#optin-3 input { display:none; }
section#contact .form-group#optin-3 label:before { content:" "; position:absolute; left:-22px; top:0px; width:20px; height:20px; border:solid 1px #E42674; }
section#contact .form-group#optin-3 input:checked + label::after { content:" "; position:absolute; left:-20px; top:2px; width:16px; height:16px; background:#E42674; }
section#contact .form-group#optin-4 label { position:relative; padding-left:30px; font-weight:300; color:#000; text-align:start; font-size:16px; line-height:1.2em; }
section#contact .form-group#optin-4 input { display:none; }
section#contact .form-group#optin-4 label:before { content:" "; position:absolute; left:0px; top:0px; width:20px; height:20px; border:solid 1px #E42674; }
section#contact .form-group#optin-4 input:checked + label::after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; background:#E42674; }
section#contact .form-group#civilite .control-label,
section#contact .form-group#projet .control-label,
section#contact .form-group#horaire .control-label { display:inline-block; margin-right:10px; font-size:16px; font-weight:bold; text-transform:none; margin-right:15px; }
section#contact .form-group#civilite .control,
section#contact .form-group#projet .control,
section#contact .form-group#horaire .control { display:inline-block; }
section#contact .form-group#civilite .control input[type="radio"] { display:none; }
section#contact .form-group#civilite .control label { position:relative; padding-left:25px; font-weight:300; color:#000; font-size:16px; }
section#contact .form-group#civilite .control label:before { content:" "; position:absolute; left:0px; top:0px; width:20px; height:20px; border-radius:10px; border:solid 1px #E42674; }
section#contact .form-group#civilite .control input[type="radio"]:checked + label::after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; border-radius:8px; background:#E42674; }

section#contact .form-group#programme  { display:inline-block; text-align: left; margin-left:10px; margin-right:10px; font-size:16px; font-weight:bold; text-transform:none; margin-right:15px; margin-bottom: 10px!important; }
section#contact .form-group#programme p { margin-top: 10px;}
section#contact .form-group#programme .control {text-align: left;}
section#contact .form-group#programme .control input[type="radio"],
section#contact .form-group#programme .control input[type="checkbox"] { display:none; }
section#contact .form-group#programme .control label { position:relative; padding-left:30px; font-weight:300; color:#000; font-size:16px; }
section#contact .form-group#programme .control input[type="radio"] + label:before { content:" "; position:absolute; left:0px; top:0px; width:20px; height:20px; border-radius:10px; border:solid 1px #E42674; }
section#contact .form-group#programme .control input[type="radio"]:checked + label::after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; border-radius:8px; background:#E42674; }
section#contact .form-group#programme .control input[type="checkbox"] + label:before { content:" "; position:absolute; left:0px; top:0px; width:20px; height:20px; border:solid 1px #E42674; }
section#contact .form-group#programme .control input[type="checkbox"]:checked + label::after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; background:#E42674; }


section#contact .form-group#projet { margin-top:15px; }
section#contact .form-group#projet .control input[type="radio"] { display:none; }
section#contact .form-group#projet .control label { position:relative; padding-left:25px; font-weight:300; color:#000; font-size:16px; }
section#contact .form-group#projet .control label:before { content:" "; position:absolute; left:0px; top:0px; width:20px; height:20px; border-radius:10px; border:solid 1px #E42674; }
section#contact .form-group#projet .control input[type="radio"]:checked + label::after { content:" "; position:absolute; left:2px; top:2px; width:16px; height:16px; border-radius:8px; background:#E42674; }
/*section#contact .form-mentions { text-align:justify; }*/
section#contact .form-mentions a {}
section#contact .form-group.error .form-control { border-bottom:solid 1px #ff0000 !important; }
section#contact .form-group.error .control input + label::before { border:solid 1px #ff0000 !important; }
section#contact .form-group.error > p { color:#ff0000 !important; }
section#contact .form-group.optin.error label { color:#ff0000 !important; }
section#contact .form-group.optin.error label a { color:#ff0000 !important; }
#error-message { opacity:1; transform:none; }

section#contact #confirmation { text-align:center; }
section#contact #confirmation strong { color:#E42774; }

/* ---------- ADDITION FOR ST-OUEN-BRS ---------- */

.form-group {
    width: 90% !important;
    text-align: center;
    margin-bottom: -0.5vw !important;
}

.form-group .control {
    text-align: center;
}

#civilite {
    margin-top: 2vw;
    margin-bottom: -5vw;
}

input#civilite_1 {
    display: flex;
    flex-direction: row-reverse;
}

.form-submit button {
    background-color: #E42674;
    color: white;
    border: none;
    border-radius: 50px;
    width: 12vw;
    height: 3vw;
    margin: 1vw 0 1vw 0;
    font-family: "AvantGardeStd-Bold";
}
.form-mentions {
    font-size: 0.6vw;
    text-align: left;
    padding: 0 1.5vw 0 1.5vw;
    line-height: 0.7vw;
}

#formulaire-projet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    width: 100%;
    margin: 1.5vw 0 1.5vw 0;
}

#projet-label {
margin-bottom: 0;
align-items: start !important;
text-align: left;
margin-left: -10.25vw;
}


/*.row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

#civ-bloc {
    display: flex;
}*/


/* ---------- Head ---------- */

#mob-header {
    display: none;
}



#header {
    width: 100%;
    height: 55vw;
    background: url(../img/header-visudesk.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

#linear {
    background: linear-gradient(90deg, rgba(4,22,41,1) 0%, rgba(4,22,41,0) 50%);
    opacity: 1;
    height: 55vw;
}

/*#bg-pink::before {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 1vw;
    height: 1vw;
    background-color: #E42774;
    position: top 2%;
}*/

#header-element {
    padding: 18vw 0 0 5vw; 
}

#header-titre {
    color: white;
    font-size: 1.6vw;
    font-weight: bold;
    line-height: 2vw;
    font-family: "AvantGardeStd-Bold";
}

#header-text1 {
    font-size: 1.4vw;
    color: white;
    line-height: 2vw;
    margin-top: -0.2vw;
}

#header-text1 span {
    font-size: 2.5vw;
    font-family: "AvantGardeStd-Bold" !important;
    font-weight: bold;
}

#header-text2 {
    font-size: 1.2vw;
    color: white;
    line-height: 1.5vw;
    margin-top: 2vw;
    position: relative;
    z-index: 1;
}



#header-text2 #bg-pink {
    position: relative;
    width: 6.3vw;
    height: 1.5vw;
    z-index: 1;
}

#bg-pink::before {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 6vw;
    height: 1.3vw;
    background-color: #E42774;
/*    top: -0.3vw;*/
}

#header-bouton {
    color: black;
    background-color: white;
    border-radius: 50px;
    width: 12.5vw;
    height: 2.5vw;
    border: none;
    margin-top: 1vw;
}


/* ---------- INFO LOT ---------- */

.infolot {
    display: flex;
    width: 75%;
    margin-top: 1vw;
    gap: 2vw;
}

.infolot h3 {
    margin-bottom: 0;
}

.infolot h2 {
    font-size: 1.6vw;
}

#bloc1 {
    justify-content: start;
    align-items: center;
}

#bloc2 {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    background-color: #F2F5F8;
}

#infolot-gauche {
    padding-left: 5vw;
}

.infolot-puce {
    margin: 1vw 0 0 -1vw;
}

.infolot-puce li {
    line-height: 1.5vw;
    color: #E42774;
}

.infolot-puce span {
    color: black;
}

.infolot-prix {
list-style-type: none;
margin: 1vw 0 0 -2vw;
line-height: 1.5vw;
}

.prix-liste {
    border-bottom: 1px black solid;
    margin-top: 0.25vw;
    width: 110%;
}

.prix-liste:last-child {
    border-bottom: none;
}

/* ---------- BRS ---------- */

#brs {
    background-color: #25384C;
    width: 75%;
    padding: 2vw 0 3vw 3vw;
}

#brs-vid {
    width:55%; 
    height:200%;
}

#brs-titre {
    color: white;
    font-weight: bold;
    margin-bottom: 2vw;
    font-family: "AvantGardeStd-Bold";
}

#brs-bloc1 {
    display: flex;
    justify-content: start;
    gap: 2vw;
    align-items: center;
}

#brs-vid {
    width: 45%;
    height: 20vw;
}


#brs-bloc1 p {
    color: white;
    width: 40%;
    line-height: 1vw;
}

.brs-soustitre {
    color: white;
    font-weight: bold;
    margin-top: 3vw;
    font-family: "AvantGardeStd-Bold";
}

#brs-bloc2 {
    display: flex;
    justify-content: start;
    gap: 1vw;
    margin-top: 2.5vw;
}

.brs-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25vw;
    width: 20%;
    padding: 0.5vw 1.5vw 0vw 1.5vw;
    border-radius: 15px;
    background-color: #17293B;
    text-align: center;
    text-wrap: wrap;
}

.brs-card img {
    margin-top: 0.25vw;
    width: 3.5vw;
    height: 3.5vw;
}

.brs-card p {
    color: white;
    font-size: 0.75vw;
    margin-top: 1vw;
    line-height: 1vw;
}

#brs-bloc3 {
    margin-top: 1.5vw;
}

#brs-puce {
    line-height: 1.7vw;
}

#brs-puce li {
    color: #E42774;
    margin-left: -1vw;
}

#brs-puce span {
    color: white;
}

/* ---------- BDV ---------- */

#bdv {
    width: 75%;
    background-color: white;
    padding: 2vw 0 3vw 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

#bdv-img {
    max-width: 52%;
}

#bdv-titre {
    color: black;
    font-weight: bold;
    margin-bottom: 1.5vw;
    padding-top: 2vw;
}

.bdv-info {
    display: flex;
    gap: 0.5vw;
    margin-top: 1.5vw;

}

.bdv-info img {
    width: 20px;
    height: 20px;
}

#bdv-pin {
    width: 15px;
    height: 25px !important;
}

.bdv-infos-elmnt h5 {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1vw;
}
.bdv-infos-elmnt {
    line-height: 1vw;
}

/* ---------- FOOTER ----------- */

footer {
    width: 75%;
}

#footer-bloc {
    background-color: #25384C;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3vw 3vw 3vw 3vw;
    
}

#footer-copro h5 {
    color: white;
    margin-bottom: 0.5vw;
    text-align: center;
    font-size: 0.75vw;
}

#footer-copro #logos {
    display: flex;
    justify-content: center;
    gap: 2.5vw;
}

#logo-sa {
    height: 105%;
    width: auto;
}

#footer-rgpd {
    display: flex;
    justify-content: space-between;
    gap: 1vw;
    color: white;
    font-size: 0.75vw;
}

#footer-tel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5vw;
}

#footer-tel img {
    width: 2vw;
    height: 4vw;
    padding-bottom: 0.5vw;
}

#footer-tel #tel-text {
    color: white !important;
    line-height: 0.25vw;
    font-size: 0.75vw;
}

#footer-tel #tel-text a { color:white !important; text-decoration:none !important; }

#footer-tel #bl-pink {
    width: 4vw;
    height: 0.5vw;
    background-color: #E42774;

}

#footer-ml {
    padding: 2vw 3vw 3vw 3vw ;
    color: #707070;
    font-size: 12px;
}

/* ------------------------------------ */
/* ---------- MEDIA QUERIES ----------- */
/* ---------- RESPONSIVE -------------- */
/* ------------------------------------ */


@media (max-width : 768px) {



    /* ---------- FORMULAIRE MOB ---------- */

    #formulaire-cta {
        display: inherit;
        width: 100%;
        position: absolute;
        justify-content: center;
        text-align: center;
    }

    .cta {
        background-color: #E42774 ;
        width: 80%;
        margin-top: 5vw;
        border-radius: 15px;
        height: 5vw;
        position: sticky;
        top: 0px;
        font-size: 3.5vw;
    }

    #civilite {
        margin-top: 4vw;
    }
    section#contact .form-group#programme {
    		margin-top: 5vw;
    }
    
    #formulaire {
        position: relative;
        width: 100%;
        background-color: #fff;
    /*  padding: 10vw 10vw 10vw 10vw;*/
        height: auto;
    }
    #formulaire #formulaire-logo {
        padding: 2vw;
    }

    #formulaire-logo p {
        font-size: 4vw;
        line-height: 4vw;
        padding-top: 3vw;
    }

    #formulaire-logo #span {
        font-size: 3.2vw !important;
        line-height: 2.5vw;
    }

    #formulaire-field-required {
        font-size: 3vw;
        margin-top: 1vw;
        margin-right: 4vw;
        margin-bottom: 4vw;
    }

    .form-submit button {
        width: 40vw !important;
        height: 11vw;
        font-size: 4.5vw;
        margin: 5vw 0 5vw 0;
    }

    .form-mentions {
        font-size: 2vw;
        line-height: 2.5vw;
    }

    section#contact .form-group#optin-3 label {
        font-size: 2.5vw !important;
    }

    section#contact .form-group#optin-4 label {
        font-size: 2.5vw !important;
        padding-left: 25px;
    }

    section#contact .form-group#optin-4 label:before {
        left: -7px;
    }

    #projet-label {
        font-size: 3vw;
        margin-bottom: 1.5vw;
        margin-left: -44.5vw;
    }

    /*form label {
        font-size: 2.5vw !important;
    }*/

    section#contact .form-group#civilite .control label {
        padding-top: 5px;
        font-size: 3.5vw;
    }

    section#contact .form-control {
        font-size: 4.5vw;
    }

    #formLead {
        gap: 2.5vw;
    }

    section#contact .form-group#optin label, section#contact .form-group#optin-2 label {
        font-size: 3.5vw;
    }
    
    section#contact .form-group#optin-4 input:checked + label::after {
        left: -5px !important;
    }

    #form-button {
        display: inline;
        position: fixed;
        text-align: center;
        justify-content: center;
        bottom: 0%;
        width: 100%;
    }

    .mob-formbutton {
        width: 100vw;
        height: 16vw;
        background-color: #E42774;
        text-align: center;
        color: white;
        padding: 1vw 0 0 0;
        font-weight: bold;
        font-size: 5vw;
    }


    /* ---------- HEADER MOB ---------  */

    #mob-header {
        display: inline;
        background-color: #25384C !important;
        text-align: center;
    }

    #header-titre-mob {
        background-color: #25384C;
        font-size: 4.5vw;
        line-height: 1.5em;
        color: white;
        padding: 3vw;
        font-family: 'AvantGardeStd-Bold';
        margin-bottom: 0;
    }

    #header {
        width: 100%;
        height: 90vw;
        margin-bottom: 34vw;
    }

    #linear {
        height: 70vw;
    }

    #header-titre {
        font-size: 4.5vw;
        line-height: 1.5em;
        display: none;
    }

    #header-text1 {
        font-size: 4.5vw;
        line-height: 1.5em;
        margin-top: 20vw;
    }

    #header-text1 span {
        font-size: 6.0vw;
    }

    #header-text2 {
        font-size: 4vw;
        line-height: 1.4em;
        position: absolute;
        color: black;
        top: 108vw;
        margin-top: 8vw;
    }

    #header-bouton {
        width: 38vw;
        height: 11vw;
        font-size: 3.5vw;
        padding: 4vw 4vw;
    }

    #bg-pink {
        color: white;
    }

    #bg-pink::before {
    position: absolute;
    content: " ";
    z-index: -1;
    width: 21vw;
    height: 4.3vw;
    background-color: #E42774;
    top: -0.4vw;
    left: -0.3vw;
}

    /* ----------- INFOLOT MOB -----------   */

    .img-width {
        width: 100vw !important;
        max-width: unset;
    }

    #infolot {
        width: 100%;
        display: flex
    }

    #bloc1 {
        width: 100%;
        flex-direction: column;
        margin-top: 0;
    }

    #bloc2{
        width: 100%;
        flex-direction: column;
    }

    #infolot-droit {
        margin: 3vw 0 3vw 0;
        
        width: 100%;
        padding: 0 5vw;
        
    }

    #infolot-gauche {
        margin: 3vw 0 3vw 0; /* -15vw; */
        
        width: 100%; 
        padding: 0 5vw;
    }

    #infolot-droit h3, #infolot-gauche h3  {
        font-size: 4vw;
    }

    #infolot-droit h2, #infolot-gauche h2  {
        font-size: 5vw;
    }

    #infolot img {
        width: 50%;
    }

    #infolot-droit .infolot-puce, #infolot-gauche .infolot-puce {
        font-size: 3.6vw;
        margin-left: -6vw;
        margin-bottom: 4vw;
    }

    #infolot-droit .infolot-puce li, #infolot-gauche .infolot-puce li {
        line-height: 1.25em;
        margin-bottom: 1vw;
    }

    .infolot-prix {
        font-size: 3vw;
        line-height: 5vw;
        width: 100%;
        margin-bottom: 3vw;
    }

    .prix-liste {
        font-size: 3.8vw;
        margin-left: -7vw;
        line-height: 1.8em;
    }

    .prix-bas {
        width: 135% !important;
    }
   
    /* ---------- BRS MOB ---------- */

    #brs {
        width: 100%;
        padding: 2vw 5vw 2vw 5vw !important;
    }

    #brs-titre {
        font-size: 4vw;
        margin: 4vw 0 4vw 0;
    }

    #brs-vid {
        width: 95%;
        height: 40vw;
        margin-left: -3vw;
    }

    #brs-bloc1 {
        flex-direction: column;
    }

    #brs-bloc1 p {
        font-size: 3.5vw;
        line-height: 4.5vw;
        width: 100%;
        margin-top: 4vw;
    }

    .brs-soustitre {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 4vw;
    }

    #brs-bloc2 {
        display: flex;
        justify-content: center;
        gap: 5vw;
        flex-wrap: wrap;
        margin-bottom: 5vw;
    }

    .brs-card {
        width: 47%;
        padding: 3.5vw;
    }

    .brs-card img {
        width: 10vw;
        height: 10vw;
    }

    .brs-card p {
        font-size: 4vw;
        line-height: 6vw;
    }
    .brs-card:last-child{min-height: 50vw;}


    #brs-puce {
        font-size: 3.5vw;
        line-height: 5vw;
        margin-left: -6vw;
    }

    /* ----------- BDV MOB ---------- */

    #bdv {
        width: 100%;
        flex-direction: column;
        padding: 0;
       
    }

    #bdv-img {
        width: 100%;
        height: 100%;
        max-width: unset;
    }

    #bdv-bloc1 {
        padding: 4vw 5vw 3vw 5vw !important;
    }

    #bdv-titre {
        font-size: 4vw;
        padding-bottom: 3vw;
    }

    #bdv-text {
        font-size: 3vw;
        padding-bottom: 4vw;
    }

    .bdv-info img {
        width: 3vw;
        height: 3vw;
    }

    .bdv-infos-elmnt h5 {
        font-size: 3vw;
    }

    .bdv-infos-elmnt p {
        font-size: 3vw;
        line-height: 4.5vw;
    }

    #bdv-pin {
        width: 3vw;
        height: 4.5vw !important;
    }

    /* ---------- FOOTER MOB ---------- */

    footer {
        width: 100%;
    }

    #footer-copro h5 {
        font-size: 3.5vw;
    }

    #footer-bloc {
        width: 100%;
        flex-direction: column;
        gap: 10vw;
    }

    #logos {
        display: flex;
        justify-content: center;
        margin: 5vw;
        gap: 5vw;
    }

    #logos #logo-em {
        width: 20vw;
        margin-right: 5vw;
    }

    #logos #logo-sa {
        width: 30vw;
        margin-left: 5vw;
    }

    #footer-rgpd {
        font-size: 3vw;
    }

    #tel-text p {
        font-size: 3vw;
    }

    #footer-tel #bl-pink {
        width: 10vw;
        height: 2.5vw;
    }

    #footer-tel img {
        width: 8vw;
        height: 16vw;
        margin-right: 1.5vw;
        margin-bottom: 3vw;
    }

    #footer-ml {
        font-size: 2vw;
    }

 /* ---------- MODAL MOB ---------- */

    #modal_ml .modal_wrapper, #politiquedescookies .modal_wrapper{ padding:14vw 4vw;} 
    #modal_ml h4,  #politiquedescookies h4 {font-size:5vw; font-weight: 900;}
    #modal_ml p,  #politiquedescookies p {font-size:4vw; line-height:4vw;}


}