main{padding-top:var(--heightHeaderDesktop);}
.intro {width: 100%;height: calc(100vh - var(--heightHeaderDesktop));}

.c_visuel {position:absolute;width:100%;height:100%;top:0;}
.c_visuel img{width:100%;height:100%;object-fit:cover;-object-fit:cover;}
.c_visuel .filtre{position:absolute;width:100%;height:100%;bottom:0;left: 0;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1))}
.btnDown {position:absolute;z-index:2;bottom:20px;left:calc(50% - 20px);height:40px;width:40px;}

.intro .c_arianne {position:absolute;top:50px;width: calc(100% - 1.5rem);}
.intro .c_content{position:absolute;bottom:80px;width: calc(100% - 1.5rem);}

.ariane li {padding-right:1.5rem;position:relative;}
.ariane li::after{content:"";position:absolute;right:7px;height:13px;width:8px;background-image:url("../../img/design/chevron-ariane-6fecbe20a39d5108d36fdbba59477d3e.svg");top:7px;}
.ariane li a {font-size: 16px;font-weight:400;}
.ariane li:last-child a {font-weight:700;text-decoration:underline;}
.ariane li:last-child::after{background-image:none; }

.c_content h1{font-size:34px;line-height:40px;font-weight:500;}
.c_content p{font-size:24px;line-height:30px;font-weight:300;}
.c_content .step p {font-size: 16px;margin-top: 1rem;line-height:1}
.c_content a.link1{font-size:16px;line-height:1.5;font-weight:700;display:flex;gap:8px;align-items:center;justify-content: left;}
.c_content a.link1:hover{color:var(--redkf);}
.bloc1 div{text-align:center;}
.bloc1 p{font-weight:300;font-size:24px;line-height:30px;}
.bloc1 p{max-width:600px;margin: 0 auto 1rem;}
.bloc1 p:first-child{font-weight:500;font-size:34px;line-height:40px;font-family:"Tiempos Headline";max-width:100%}
.btn-rouge {height:39px;background: var(--redkf);padding: 8px 3rem;border-radius: 20px;border: 1px solid var(--redkf);color: #FFF;font-weight: 600;font-size: 16px;line-height: 1.5;margin-top:1rem;}
.btn-rouge:hover {color:#FFF;}
.bloc2:first-of-type{border-right:1px solid #000000;}
.bloc2 p{font-weight:300;font-size:16px;line-height:1.5;}
.bloc2 p:first-child{font-size:24px;line-height:30px;padding: 3rem 0 2rem;margin-bottom: 0;}



/*** form ***/
.intro.demi {height: 500px;}
.steps .step .niveau {width:35px;height:35px;display: inline-flex;border: 2px solid #000000;aspect-ratio: 1;border-radius: 50%;justify-content:center;align-items:center;}
.steps .step .niveau svg{display:none;}
.steps .step .niveau.active {background: #d0103a;border: 2px solid #d0103a;}
.steps .step .niveau.active svg{display:flex;}
.steps .step:not(:last-child) .niveau::after {content: "";position: absolute;width: 1190%;height: 1px;border-top: 1px solid #000;top: 50%;right: -1290%;}


.c_form{display:none;}
.c_form.active{display:block;}
.c_form p{font-size:16px;line-height:1.5;font-weight:300;}
.c_form p.sstitle{font-size:24px;line-height:30px;}
.c_form .title {font-size: 34px;line-height:40px;font-weight:500;font-family: "Tiempos Headline";}
form.formEtude .form-label{font-size:16px;font-weight:300;font-family: "Suisse Intl";}
form.formEtude .red{color:#d0103a !important; }
form.formEtude .infos p{color:#979797;font-size:16px;font-weight:300;margin-bottom: 0.25rem;}
form.formEtude .infos p a{text-decoration:underline;}
form.formEtude .form-check-input {margin-right:0.5rem;height: .8rem;width: .8rem;margin-top: 3px;border-color:#979797;}
form.formEtude input[type="checkbox"]:checked {background-color: #000000 !important;color: white;}
form.formEtude textarea.form-control {min-height:6rem;}
form.formEtude .form-control{border:1px solid #d9d9d9;border-radius:5px;}
.c_linkProjet{justify-content:left;}
.linkProjet {background: var(--redkf);height: 41px;display: flex;padding: .5rem;width: 220px;text-align: center;justify-content: center;color: #FFF;border-radius: 21px;align-items: center;}
.linkProjet span {height: 14px;line-height: 1;}
.linkProjet:hover{color: #FFF;}

form.formEtude .dropdown.f-select{width:100%;background:#FFF;font-family:"Suisse Intl";font-size:16px;}
form.formEtude .dropdown.f-select button{font-weight: 300;width: 100%;text-align: left;border: 1px solid #d9d9d9;border-radius: 5px;}
form.formEtude .dropdown.f-select button.show{border-bottom:none;border-radius:5px 5px 0 0;}
form.formEtude .dropdown.f-select button::after{background-image:url("../../img/design/chevron-dropdown-bbfb9cb0d8d247c507f7b7a50d41900d.svg");border:unset;width:25px;height:13px;background-repeat:no-repeat;position: absolute;right: 9px;top: 12px;}
form.formEtude .dropdown.f-select button.show::after{transform: rotate(180deg);}
form.formEtude .dropdown.f-select .dropdown-menu{border: 1px solid #d9d9d9;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(217, 217, 217);width: 100%;border-top: unset;border-radius: 0 0 5px 5px;padding: 1rem .8rem;transform: translate(0px, 37px) !important;}
form.formEtude .dropdown.f-select .dropdown-menu li{padding:0;}
form.formEtude .dropdown.f-select .dropdown-menu li:not(:last-child) {border-bottom: 1px solid #d9d9d9;}
form.formEtude .dropdown.f-select .dropdown-menu li a.dropdown-item{font-weight:300;padding: .5rem 0;}
form.formEtude .dropdown.f-select .dropdown-menu li a:hover.dropdown-item{background:#FFF;color:#d0103a;}

@media (max-width:480px) {
    main{margin-top:0 !important;padding-top:var(--heightHeaderMobile);}
    .intro {height: calc(100vh - var(--heightHeaderMobile));}
    .intro .c_arianne{top:70px}
    
    .bloc2:first-of-type {border-right:none;border-bottom:1px solid #000000;}
    .bloc2 p {font-size:16px;line-height:24px;}
    .bloc2 p:first-child {font-size:22px;line-height:27px;}
    .bloc1 div{text-align:left;}
    .bloc1 p {font-size:22px;line-height:27px;}
    .bloc2 p:first-child {padding:2rem 0 .5rem}
    .ariane li a {font-size:12px;}
    .ariane li::after{top:2px;}
    .intro.demi {height: 410px;}
    .intro .c_content {bottom:100px;}
    .steps .step:not(:last-child) .niveau::after {width: 212%;right: -244%;}
    .c_form .title{font-size:22px;line-height:27px;font-weight:300;font-family: "Suisse Intl";}
    .c_form .title.tiempos{font-family: "Tiempos Headline" !important;font-size:34px !important;line-height:40px !important;}    
    .linkProjet{width:155px;}
}