/* HORS GARANTIE */

/* HOME */
.pointer{cursor: pointer;}
.HomeHorsGarantie .homePresentation{background:var(--blue1);}
.HomeHorsGarantie .homePresentation-circle.left{background: var(--blue2);}
.HomeHorsGarantie .homePresentation-circle.right{background: var(--blue3);}
.HomeHorsGarantie .homePresentation-text{max-width: 750px;}
.HomeHorsGarantie .homePresentation-title span{color: var(--blue);}
.HomeHorsGarantie .homePresentation-info-description{max-width: 560px;}
.HomeHorsGarantie .homePresentation-info.appointment .homePresentation-info-description{font: 400 11px/1.2 var(--font1);}
.HomeHorsGarantie .global-btn{background: var(--blue);width: 245px;}
.HomeHorsGarantie .secondary-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);width: 245px;}
.HomeHorsGarantie .global-rect-btn{background: var(--blue);width: 210px;}
.HomeHorsGarantie .secondary-rect-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);width: 210px;}
.homePresentation-link + .homePresentation-link{margin-top: 15px;}
.HomeHorsGarantie .homePresentation-picture{top: 0;right: 150px;}
.HomeHorsGarantie .appointment{width: 215px;}
.HomeHorsGarantie .free{width: 140px;}
.HomeHorsGarantie .imageRect-rect{background: var(--yellow1);}
.HomeHorsGarantie .homeConcept-text .global-btn{width: 218px}
.HomeHorsGarantie .homeSteps-sides{align-items: flex-start;}
.HomeHorsGarantie .homeSteps-list{margin-right: 0;margin-left: 40px;}
.HomeHorsGarantie .homeSteps-list ul{grid-template-columns: none;display: flex;flex-direction: column;gap: 52px;padding: 0;}
.HomeHorsGarantie .homeSteps-step-index{background-color: var(--blue2);color: var(--blue);}
.homeTransport-bloc-btn{display: flex;margin: 15px 0;}
.homeTransport-btn + .homeTransport-btn{margin-left: 30px;}
.homeStart{border-radius: 30px;box-shadow: 0 4px 20px rgb(0 0 0 / 15%);text-align: center;padding: 20px;}
.homeStart-picture{display:flex;align-items:center;justify-content: center;background-color: var(--blue);border-radius: 30px;width: 569px;}
.homeStart-text{flex: 1;margin: 0 30px 0 50px;text-align: left;}
.homeStart-text .global-btn{padding: 12px 64px;}
.HomeHorsGarantie .homeContact-text{background: var(--blue1);}
.HomeHorsGarantie .homeContact-description p{margin: 15px 0;}
.homePrices{background:var(--blue2);padding:50px 120px;margin-bottom:var(--margin);overflow: hidden;text-align: center;}
.homePrices .global-title3 span{color: var(--blue);}
.homePrices-tab-wrap-column{display: flex;justify-content: center;}
.homePrices-tab-wrap-column .homePrices-tab-column-first{display: none;}
.homePrices-tab{display: flex;justify-content: center;}
.homePrices-tab-column{display: grid;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;padding: 40px 40px 35px;border-radius: 30px;}
.homePrices-tab-column > div{display: flex;align-items: center;height: 48px;justify-content: center;}
.homePrices-tab-column-first{padding: 40px 0 35px;left: -30px;}
.homePrices-tab-column-background:hover{background-color: white;}
.homePrices-tab-column a{margin: 0 auto;width: 186px !important;height: 39px;}
.homePrices-tab-title{font-weight: 700;font-size: 24px;color: var(--blue);/*margin-bottom: 20px;*/line-height: 26px;}
.homePrices-tab-double-cell{display: flex;/*margin-bottom: 30px;*/}
.homePrices-tab-double-cell:last-child{margin-bottom: 0;}
.homePrices-tab-double-cell div{flex: 1;text-align: center;}
.homePrices-tab-price{font-weight: 400;font-size: 16px;line-height: 18px;}
.homePrices-text-description{margin:15px auto 30px;max-width: 910px;font-size: 16px;line-height: 18px;}
.homeWish-bloc-btn{margin-top: 30px;display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;}
.homeWish-bloc-btn button{padding: 12px;}
.homeReparation-bold-text{font-weight: bold;}
.homeTools .imageRect-img{background: var(--blue);}
.homeTools-text{margin-right: 40px;flex: 1;}
.homeWish-list{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.homeWish-list-item{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px;width: 280px;height: 172px;background: #FFFFFF;box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);border-radius: 20px;}
.homeWish-list-item svg *{fill: var(--blue);}
/*.homeWish-list-item img{max-width: 64px;max-height: 64px;}*/
.homeWish-list-item p{margin-top: 10px;}
.homeWish-list-item-title{font-style: normal;font-weight: 700;font-size: 16px;line-height: 18px;color: var(--blue);}

/* HEADER */
.header-hors-garantie{height: 112px;background: white;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);padding: 0 20px;z-index: 100;position: fixed;width: 100%;top: 0;}
.header-hors-garantie-wrap{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header-hors-garantie-right{display: flex;align-items: center;}
.header-hors-garantie-item{margin-left: 20px;}
.header-hors-garantie-wrap-info{display: none;position: absolute;z-index: 101;right: 0px;background-color: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);border-radius: 10px;padding: 5px;width: 200px;margin-top: 10px;}
.header-hors-garantie-info-focusable{vertical-align: middle;}
.header-hors-garantie-info-focusable:focus .header-hors-garantie-wrap-info{display: block;}
.header-hors-garantie-wrap-info:hover{display: block;}
.header-hors-garantie-wrap-info{padding: 15px;}

/* FOOTER */
.footer-hors-garantie{background-color:var(--blue2);padding:0 20px;}
.footer-hors-garantie .footer-wrapper{margin:0 auto;max-width:var(--width);padding:30px 0;}
.footer-hors-garantie .footer-columns{display:flex;justify-content: space-between;}
.footer-hors-garantie .footer-column + .footer-column{margin-left:40px;}
.footer-hors-garantie .footer-title{font:700 24px/24px 'DM Sans', sans-serif;color:#222;margin:50px 0 20px;}
.footer-hors-garantie .footer-text{font:400 16px/18px 'DM Sans', sans-serif;color:#222;margin-top:10px;}
.footer-hors-garantie .footer-link{color: #222222;}
.footer-hors-garantie .footer-link:hover{color:var(--bluebtn);}
.footer-hors-garantie .footer-btn{display:block;width:100%;border-radius:20px;margin-top:10px;background-color:var(--blue);text-align:center;font:400 16px/18px 'Ubuntu', sans-serif;color:white;padding:11px 24px;}
.footer-hors-garantie .footer-networks{display:flex;justify-content: center;}
.footer-hors-garantie .footer-network{font-size:0;}
.footer-hors-garantie .footer-network + .footer-network{margin-left:30px;}
.footer-hors-garantie .footer-payments{display:flex;}
.footer-hors-garantie .footer-payment + .footer-payment{margin-left:10px;}
.footer-hors-garantie .footer-legal{background-color:var(--blue);padding:3px 20px;text-align:center;margin:0 -20px;font-size:0;}
.footer-hors-garantie .footer-legal-item{display:inline-block;font:300 13px/15px 'Ubuntu', sans-serif;color:white;}
.footer-hors-garantie .footer-legal-item + .footer-legal-item{margin-left:32px;}
.trustpilot{max-width:var(--width);margin:0 auto;}

/* BREADCRUMB */
.requestHorsGarantie .steps-back{border: 1px solid #ECEDF0;color: var(--blue);margin-bottom: 0;background: white;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);}
.requestHorsGarantie .steps-timeline{border-bottom: 2px solid var(--blue3);}
.requestHorsGarantie .steps-step-circle{background: var(--blue3);}
.requestHorsGarantie a.steps-step .steps-step-circle{background: var(--blue);}
.requestValidateHorsGarantie .steps-step:first-child::before{background: var(--blue2);}
.requestValidateHorsGarantie .steps-step:last-child::before{background: var(--blue2);}

/* FORMULAIRE */
.requestHorsGarantie input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance: none;margin:0;}
.requestHorsGarantie .requestCoordinatesForm{width: 100%;margin: 0;}
.requestHorsGarantie .requestCoordinatesForm-form{display: flex;flex-wrap: wrap;}
.requestHorsGarantie .form{flex: 1;}
.requestHorsGarantie .form + .form{margin-left: 190px;}
.requestHorsGarantie .form-row{display: block;}
.requestHorsGarantie .form-row.dn{display: none;}
.requestHorsGarantie .form-row-double{display: flex;}
.requestHorsGarantie .form-row-double > div{flex: 1;}
.requestHorsGarantie .form-row-double > div + div{margin-left: 17px;}
.requestHorsGarantie .form-title{font-weight: 300;font-size: 11px;line-height: 13px;margin-bottom: 10px;}
.requestHorsGarantie .form-input{width: 100%;/*display: flex;flex-direction: row;align-items: center;*/padding: 16px 35px 16px 10px;gap: 10px;border: 1px solid #CFD1D9;height: auto;}
.requestHorsGarantie .form-input{font-weight: 300;font-size: 16px;line-height: 18px;color: black;}
.requestHorsGarantie .form-input::placeholder{font-weight: 300;font-size: 16px;line-height: 18px;color: #9FA3B2;}
.requestHorsGarantie .form-input:focus{outline: none;}
.requestHorsGarantie .form-input-select select{-webkit-appearance: none;-moz-appearance: none;background: url(../img/selectArrow.png) no-repeat;background-position: right 5px center;cursor: pointer;}
.requestHorsGarantie .form-input-select:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 23px;width: 1px;height: 60%;background-color: #C8C8C8;}
.requestHorsGarantie .form-input-info span{height: 22px;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;z-index: 1;}
.requestHorsGarantie .form-input-info-popup{display: none;position: absolute;z-index: 101;right: 0px;background-color: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);border-radius: 10px;padding: 5px;width: 250px;}
.form-input-info-info:focus .form-input-info-popup{display: block;}
/*.requestHorsGarantie .form-input-info:after{content: url(../img/inputInfo.png);position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}*/
.requestHorsGarantie .form-input-file label{background: url(../img/inputFile.png) no-repeat;background-position: right 5px center;display: block;font-weight: 300;font-size: 16px;line-height: 18px;color: #9FA3B2;}
.requestHorsGarantie .form-input-file-filled label{font-weight: 300;font-size: 16px;line-height: 18px;color: black;}
.requestHorsGarantie .form-input-file:after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 24px;width: 1px;height: 60%;background-color: #C8C8C8;}
.requestHorsGarantie .form-input-textarea textarea{resize: none;height: 160px;}
.requestHorsGarantie .btn-underline{margin-top: 5px;text-align: right;color: var(--bluebtn);text-decoration: underline;}
.requestHorsGarantie .form-btn-transport{display: flex;margin-bottom: 10px;}
.requestHorsGarantie .form-text-donnees{margin-top: 30px;}
.requestHorsGarantie .form-text-donnees p:first-child{font-weight: 700;font-size: 16px;line-height: 18px;}
.requestHorsGarantie .form-text-donnees p + p{margin-top: 10px;}
.requestHorsGarantie .form-input-capitalize{text-transform: capitalize}
.requestHorsGarantie .form-input-uppercase{text-transform: uppercase}
.requestHorsGarantie .form-input-uppercase::placeholder{text-transform: capitalize;}
.requestHorsGarantie .form-input_address > input{margin-bottom: 15px;}
.requestHorsGarantie .global-btn{background: var(--blue);margin-top: 30px;}
.requestHorsGarantie .secondary-btn{color: var(--bluebtn);border: solid 1px var(--bluebtn);}
.requestHorsGarantie .btn-transport-by{padding: 20px;border-radius: 10px;height: 55px; margin-top: 0;}
.requestHorsGarantie .btn-transport-by + .btn-transport-by{margin-left: 20px;}

/* RECAPITULATIF */
.requestHorsGarantie .requestOverviewDetails{width: 100%;}
.requestHorsGarantie .requestOverview-sides{display: flex;margin-bottom: 50px;}
.requestHorsGarantie .requestOverview-sides div{flex: 1;}
.requestHorsGarantie .requestOverview-side + .requestOverview-side{margin-left: 300px;}
.requestHorsGarantie .overview-infos{padding-bottom: 20px;border-bottom: 1px solid #E9E9E9;}
.requestHorsGarantie .overview-infos + .overview-infos{padding-top: 20px;}
.requestHorsGarantie .overview-infos-title{font-weight: 500;font-size: 13px;line-height: 15px;color: #222222;margin-bottom: 10px;}
.requestHorsGarantie .overview-infos-text{font-weight: 300;font-size: 13px;line-height: 15px;}
.requestHorsGarantie .overview-infos-text-info{font-weight: 500;}
.requestHorsGarantie .overview-infos-box input[type=checkbox]{display: inline-block;}
.requestHorsGarantie .imageRect-img{width: 436px;height: 413px;}
.requestHorsGarantie .imageRect-rect{background: var(--yellow1);width: 394px;height: 367px;}
.requestHorsGarantie .homeContact-text{background: var(--blue1);}
.requestHorsGarantie .homeContact-description p{margin: 15px 0;}
.requestHorsGarantie .overview-check-cgv a{text-decoration: underline;}

/* DOCUMENTS */
.requestHorsGarantie .requestStandardsWarning{background: var(--blue);}
.requestHorsGarantie .requestStandardsWarning-sign svg path{fill: var(--blue);}
.requestEntretien .requestStandardsWarning-sign svg path{fill: red;}
.requestHorsGarantie .requestDownloadPdfs{display: block;box-shadow: 0px 4px 20px rgb(0 0 0 / 15%);padding: 10px;margin: 30px 0 0 0;background: #FFFFFF;border-radius: 10px;}
.requestHorsGarantie .requestDownloadPdfs-title{display: flex;justify-content: space-between;font-weight: 700;font-size: 18px;line-height: 100%;color: #3F4865;margin: 5px 0 10px 0;}
.requestHorsGarantie .requestDownloadPdfs-text{margin: 5px 0;color: #3F4865;font-weight: 400;font-size: 16px;line-height: 18px;}
.requestHorsGarantie .requestDocumentsValidation{display: flex;justify-content: end;}

/* VALIDATION */
.requestValidateHorsGarantie{background: var(--blue2);}
.requestHorsGarantie .requestValidatePage{margin-top: 50px;}
.requestHorsGarantie .requestValidatePage-content{background: white;}
.requestHorsGarantie .requestValidatePage-title{color: var(--blue);}
.requestHorsGarantie .requestValidatePage-icon{border: 8px solid var(--green1);}
.requestHorsGarantie .requestValidatePage-text p + p{margin-top: 10px;}
.requestHorsGarantie .requestValidatePage-text span{font-weight: bold;}
.requestHorsGarantie .requestValidatePage-link{background: var(--blue);color: white;}

/* Component Page Home Invivo */
.pageForbidden-link-wrap{display: flex;gap: 30px;}
.pageForbidden-link-wrap + .pageForbidden-link-wrap{margin-top:15px;}
.homeInvivo .pageForbidden-link{width:245px;}
.homeInvivo .appointment{top: auto;bottom: 10%;left: 50%;margin-left: -116px;width: 215px;height: fit-content;}
.homeInvivo .free{top: 109px;left: 55%;flex-direction: column;width: 140px;}
.homeInvivo .speed{top: 230px;right: 60px;left: auto;flex-direction: column;}

/* RESPONSIVE */
/* < 1200px */
@media screen and (max-width: 1200px) {
	.HomeHorsGarantie .homeSteps-list{margin-left: 0;}
	.HomeHorsGarantie .homeSteps-picture{display: none;}
	.HomeHorsGarantie .homePrices-tab{flex-direction: column;}
	.HomeHorsGarantie .homePrices-tab-column-first{display: none;}
	.HomeHorsGarantie .homePrices-tab-wrap-column .homePrices-tab-column-first{display: grid;}
	.requestHorsGarantie .requestOverview-side + .requestOverview-side{margin-left: 0;}
	.homeInvivo .pageForbidden-text{margin-left: 20px;background: rgba(246, 251, 248, 0.88);border-radius: 10px;padding: 10px;max-width: 841px;}
	.homeInvivo .pageForbidden-info.appointment{bottom: 20px;left: 50%;transform: translateX(-80%);z-index: 3;}
    .homeInvivo .pageForbidden-info.free{top: unset;bottom: 20px;left: 50%;transform: translateX(-30%);z-index: 3;}
    .homeInvivo .pageForbidden-info.speed{top: unset;bottom: 20px;left: 50%;transform: translateX(100%);z-index: 3;}
}
/* < 950px */
@media screen and (max-width: 950px) {
	.HomeHorsGarantie .homeReparation .homeConcept-text{order: -1;}
	.homeInvivo .pageForbidden-sides{align-items: start;}
	.homeInvivo .pageForbidden-text{text-align: center;display: flex;flex-direction: column;align-items: center;width: 100%;padding: 10px;margin: 30px auto;}
	.homeInvivo .pageForbidden-title{font-size: 40px;}
	.homeInvivo .pageForbidden-link-wrap{flex-direction: column;gap: 15px;}
}
/* < 720px */
@media screen and (max-width: 720px) {
	.HomeHorsGarantie .homePrices{padding: 50px 20px;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column{padding: 10px;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column div{margin: 5px 0;}
	.HomeHorsGarantie .homePrices .homePrices-tab-column-first{left: 0;}
	.HomeHorsGarantie .homeTools-text{margin-right: 0;}
	.HomeHorsGarantie .homeStart-picture{/*width: auto;*/display: none;}
	.footer-hors-garantie .footer-columns{display: block;text-align: center;}
	.requestHorsGarantie .form + .form{margin-left: 60px;}
	.requestHorsGarantie .form-row-double{display: block;}
	.requestHorsGarantie .form-row-double > div + div{margin-left: 0;margin-top: 20px;}
	.requestHorsGarantie .form-row-double > input + input{margin-left: 0;margin-top: 15px;}
	.requestHorsGarantie .requestOverview-sides{display: block;}
	.requestOverview-side .imageRect{display: none;}
}

@media screen and (max-width: 600px) {
	.HomeHorsGarantie .homePresentation-picture,
	.homeInvivo .pageForbidden-picture,
	.homeInvivo .pageForbidden-info.appointment,
	.homeInvivo .pageForbidden-info.free,
	.homeInvivo .pageForbidden-info.speed{display: none;}
	.homeInvivo .pageForbidden-sides{align-items: center;}
}

@media screen and (max-width: 480px) {
	.HomeHorsGarantie .homeStart-text .global-btn{padding: 12px 20px;}
	.HomeHorsGarantie .homeTransport-btn{width: 50%;}
	.requestHorsGarantie .form + .form{margin-top: 20px;margin-left: 0;flex: auto;}
}
