﻿ul.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:20px}ul.breadcrumb li{display:flex;align-items:center}ul.breadcrumb li a{font-weight:500;color:var(--senary-color)}ul.breadcrumb li:after{content:">";display:block;margin:0 10px}ul.breadcrumb li:last-child:after{display:none}.banner{display:flex;align-items:center;position:relative;margin-bottom:40px;padding:40px 0;min-height:33.3333333333vh;background:var(--tertiary-color);color:var(--color-white)}.banner figure{position:absolute;top:0;left:0;width:100%;height:100%}.banner figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) opacity(0.5)}.banner .container{flex:1;position:relative;text-align:center}.banner .container h1{font-weight:700;font-size:clamp(28px,2.5vw,42px)}.form-group label,.form-group .label_form{flex:1;flex-grow:0;flex-basis:200px;font-size:inherit;display:flex;align-items:center;min-height:38px;align-items:center;font-weight:500;color:var(--color-text-base)}.form-group label:not(.btn) .edglyph,.form-group .label_form:not(.btn) .edglyph{color:var(--primary-color)}.form-group label .edglyph,.form-group .label_form .edglyph{line-height:0;margin:0 5px}.form-group label .edglyph.ed-asterisk,.form-group .label_form .edglyph.ed-asterisk{color:var(--error-color)}.form-group .select{flex:1;position:relative}.form-group .select select{width:100%;padding:0 20px;padding-right:36px;min-height:48px;font-weight:400;font-size:20px;border-radius:18px;min-width:0;color:var(--base-text-color);background:var(--color-background-input);border:4px solid transparent;cursor:pointer}.form-group .select select option{font-family:inherit;font-size:16px}.form-group .select select option[disabled][selected]{display:none}.form-group .select select:invalid{color:rgba(var(--color-black-rgb), 0.5)}.form-group .select select:hover{border-color:var(--color-border-input-hover)}.form-group .select select:focus{background:var(--color-background-input-focus);border-color:var(--color-border-input-focus)}.form-group .select:after{content:"+";font-family:"EdGlyph";position:absolute;top:50%;right:4px;transform:translate(0, -50%);display:flex;align-items:center;height:48px;line-height:0;font-size:28px;padding:0 10px;pointer-events:none;color:rgba(var(--color-black-rgb), 0.5)}.form-group .select:has(select:focus):after{color:var(--color-border-input-focus)}.form-group .form-control{flex:1;width:100%;padding:0 20px;min-height:48px;font-weight:400;font-size:20px;border-radius:99em;min-width:0;display:block;color:var(--color-text-base);background:var(--color-background-input);border:4px solid transparent}.form-group .form-control:hover{border-color:var(--color-border-input-hover)}.form-group .form-control:focus{background:var(--color-background-input-focus);border-color:var(--color-border-input-focus)}.form-group .form-control:focus::placeholder{opacity:.5}.form-group .form-control::placeholder{color:var(--primary-color);opacity:1}.form-group textarea.form-control{padding:10px;height:auto;min-height:128px;resize:none;border-radius:18px}.form-group input:placeholder-shown+.btn-reset{display:none}.form-group .checkbox input,.form-group .radio input{display:none}.form-group .checkbox input+label,.form-group .radio input+label{min-width:0;min-height:auto;font-weight:400;margin:0;cursor:pointer}.form-group .checkbox input+label:hover,.form-group .radio input+label:hover{color:var(--primary-color)}.form-group .checkbox input+label:before,.form-group .radio input+label:before{content:"Ø";font-family:"EdGlyph";font-size:24px;line-height:0;margin-right:5px;margin-top:2px}.form-group .checkbox input:checked+label,.form-group .radio input:checked+label{color:var(--primary-color)}.form-group .checkbox input:checked+label:before,.form-group .radio input:checked+label:before{content:"Ù"}.form-group .radio input+label:before{content:"Ú"}.form-group .radio input:checked+label:before{content:"Ü"}.form-group .input-group{flex:1;align-self:center;display:flex;flex-wrap:wrap;align-items:center}.form-group .input-group .radio,.form-group .input-group .checkbox{margin:0 5px}@media all and (max-width: 500px){.form-group{display:block}.form-group:last-child{padding:0}}.offre{border:4px solid var(--tertiary-color);border-radius:20px;position:relative;padding-bottom:44px;margin-bottom:60px;background:rgba(var(--color-white-rgb), 0.6)}.offre:hover{background:var(--color-white)}.offre:last-child{margin-bottom:0}.offre .specs{float:right;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--tertiary-color);color:var(--color-white);padding:15px 20px;margin-bottom:20px;border-bottom-left-radius:20px;border-top-right-radius:14px}.offre .specs .spec{font-weight:700;display:flex}.offre .specs .spec .edglyph{align-self:center;font-weight:400;margin-right:10px;line-height:0}.offre .specs .spec:not(:last-child):after{content:"";display:block;width:1px;background:var(--color-white);margin:0 10px}.offre h3{padding:15px 20px;font-weight:700;margin-bottom:20px;color:var(--secondary-color)}.offre h3 small{display:block;font-weight:400;font-size:15px}.offre em{clear:both;display:block;margin-bottom:20px;padding:0 20px}.offre p{padding:0 20px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.offre .link{position:absolute;top:100%;left:0;right:0;padding:0 10px;display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;transform:translate(0, -50%)}.offre .link a.btn{margin:10px}.offre .link a.btn.btn-bordered:not(:hover){background:var(--color-white)}@media all and (max-width: 1200px){.offre{min-width:0}.offre .specs{float:none;border-top-left-radius:14px;border-bottom-left-radius:0}.offre h3{padding:0 20px}}@media all and (max-width: 768px){.offre{padding-bottom:10px;overflow:hidden}.offre .link{position:static;transform:none;display:block}.offre .link a.btn{display:flex}}body{background:var(--tertiary-color)}#content{background:url(../img/interface/bg_offres.jpg) no-repeat center var(--color-white);background-size:100% auto;padding-bottom:80px}#content .banner{min-height:0}#content .banner form .form-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px}#content .banner form .form-group label{flex:1;font-weight:700;font-size:clamp(28px,2.5vw,42px);margin:10px 0;padding-right:20px}#content .banner form .form-group:last-child{margin-bottom:0}#content .banner form .form-control{background:var(--color-white);color:var(--base-text-color)}#content .banner form .input-group{display:flex;flex-wrap:wrap;align-items:center;margin:0 -10px}#content .banner form .input-group>div{flex:1;flex-basis:16.6666666667%;padding:10px;min-width:256px}#content .banner form .input-group>div button{width:100%;display:flex}#content .banner form .select select:not(:hover,:focus){border-color:var(--color-white);color:var(--color-white)}#content .banner form .select select:hover{background:var(--color-white)}#content .banner form .select:after{color:var(--color-white)}#content .banner form .select:has(select:focus):after{color:var(--base-text-color)}#content .container h2{font-weight:700;font-size:clamp(28px,5vw,36px);margin-bottom:40px;color:var(--quinary-color)}@media all and (max-width: 768px){#content .banner form .form-group{display:block}#content .banner form .form-group label{display:block;text-align:center;padding-right:0}}
