.banner{height:50vh;background-repeat:no-repeat;background-position:center 65%;background-size:cover;position:relative;border-bottom:1px solid var(--color-text-base)}.banner.restaurant{background-image:url(../img/pages/port3.svg);background-position:center top}.banner.restaurant figure{bottom:-96px}.banner.socca{background-image:url(../img/pages/port3.svg);background-position:center top}.banner.socca figure{bottom:-10px}.banner.groupe{background-image:url(../img/pages/port3.svg);background-position:center top}.banner.carte{background-image:url(../img/pages/port3.svg);background-position:center top}.banner.contact{background-image:url(../img/pages/port4.svg)}.banner figure{position:absolute;left:2.5vw;bottom:-13px;z-index:1}@media all and (max-width: 500px){#content .banner figure{display:none}}.label{display:flex;align-items:center;min-height:38px;align-items:center;font-weight:600;color:var(--color-text-base)}.form-group{padding:10px 0;display:flex;align-items:center;position:relative}.form-group label{flex:0 0 auto;width:20%;display:flex;align-items:center;min-height:38px;align-items:center;font-weight:600;color:var(--color-text-base)}.form-group label .edglyph{line-height:0;margin:0 5px}.form-group label:not(.btn) .edglyph{color:var(--secondary-color)}.form-group .form-control{width:100%;padding:5px 10px;min-height:38px;font-weight:400;font-size:14px;border-radius:4px;min-width:0;display:block;color:var(--color-text-base);background:var(--color-background-input);border:1px 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 textarea.form-control{padding:10px;height:auto;min-height:128px;resize:none}.form-group.checkbox input,.form-group.radio input{display:none}.form-group.checkbox input:checked+label,.form-group.radio input:checked+label{color:var(--secondary-color)}.form-group.checkbox input:checked+label:before,.form-group.radio input:checked+label:before{content:"Ù"}.form-group.checkbox label,.form-group.radio label{width:auto;min-width:0;cursor:pointer;font-weight:400}.form-group.checkbox label:before,.form-group.radio label:before{margin:2px 10px 0 0;font-size:24px;content:"Ø";font-family:"EdGlyph" !important}.form-group.checkbox label:hover,.form-group.radio label:hover{color:var(--secondary-color)}.form-group.checkbox.radio input:checked+label:before,.form-group.radio.radio input:checked+label:before{content:"Ü" !important}.form-group.checkbox.radio label:before,.form-group.radio.radio label:before{content:"Ú" !important}.form-group.checkbox:last-child,.form-group.radio:last-child{margin:0}@media all and (max-width: 500px){.form-group{display:block}.form-group:last-child{padding:0}}#content .entete{padding:40px 0;margin-bottom:40px;background:var(--tertiary-color)}#content .entete h1{color:var(--color-black);text-transform:uppercase;font-weight:200;font-size:55px;margin:40px 0;text-align:center;line-height:1}#content .container form .form-group:nth-child(7){align-items:flex-start}#content #content_map{position:relative;margin:40px 0 0}#content #content_map #map,#content #content_map iframe{display:block;width:100%;max-width:100vw;height:50vh;min-height:256px}#content #content_map .coord{position:absolute;top:20px;left:20px;background:var(--primary-color);padding:20px;color:var(--color-white)}#content #content_map .coord h3{color:inherit}