.choixSite .global {width: 100%;height: 100vh;padding-top: 0;overflow: auto;overflow-x: hidden;}@media (min-width: 992px) {.choixSite .global {overflow: hidden;}}.choixSite-logo {padding: 1.5rem 2rem;text-align: center;z-index: 1;}.choixSite-logo .logo {font-size: 3rem;}.choixSite-logo .logo-highlight {-webkit-transition: fill 0.4s;-moz-transition: fill 0.4s;transition: fill 0.4s;}@media (min-width: 992px) {.choixSite-logo {position: absolute;top: 5rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);padding: 0;}.choixSite-logo .logo {font-size: -moz-calc(3vw + 3rem);font-size: calc(3vw + 3rem);fill: #fff;}.choixSite-logo .logo-highlight {fill: #fff;}}.choixSite-logo.panel1 .logo-highlight {fill: #9DB55C;-webkit-transition: fill 0.4s;-moz-transition: fill 0.4s;transition: fill 0.4s;}.choixSite-logo.panel2 .logo-highlight {fill: #B1281E;-webkit-transition: fill 0.4s;-moz-transition: fill 0.4s;transition: fill 0.4s;}.choixSite-panels {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column nowrap;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: stretch;-webkit-align-items: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;z-index: 0;}@media (min-width: 992px) {.choixSite-panels {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row nowrap;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;}}.choixSite-item {position: relative;-webkit-box-flex: 1;-webkit-flex: 1 1 0;-moz-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column nowrap;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;min-height: 20rem;background-position: center center;background-repeat: no-repeat;background-size: cover;color: #fff;text-align: center;z-index: 0;overflow: hidden;}@media (min-width: 992px) {.choixSite-item {position: relative;z-index: 0;position: relative;z-index: 0;-webkit-box-flex: 0;-webkit-flex: 0 0 50%;-moz-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;height: 100%;}.choixSite-item:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-image: inherit;background-position: inherit;background-repeat: inherit;background-size: inherit;z-index: -2;-webkit-filter: grayscale(1) contrast(1.25);filter: grayscale(1) contrast(1.25);-webkit-transition: opacity 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98), background 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98);-moz-transition: opacity 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98), background 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98);transition: opacity 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98), background 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98);}.choixSite-item:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.2;z-index: -1;-webkit-transition: opacity 0.4s, background-color 0.4s;-moz-transition: opacity 0.4s, background-color 0.4s;transition: opacity 0.4s, background-color 0.4s;}@supports (mix-blend-mode: multiply) or (-webkit-mix-blend-mode: multiply) {.choixSite-item:after {opacity: 0.3;mix-blend-mode: multiply;}}.choixSite-item.is-hovered::before {opacity: 1;}.choixSite-item.is-hovered::after {opacity: 0.5;}}.choixSite-cible {position: absolute;top: 50%;left: 50%;width: 11.25rem;height: 11.25rem;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index: 0;}.choixSite-cible::before {content: '';position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);transform: translate3d(-50%, -50%, 0) rotate(-45deg);width: 11.25rem;height: 11.25rem;border: 0.0625rem solid;z-index: -1;will-change: width, height;-webkit-transition: width 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), height 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);-moz-transition: width 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), height 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: width 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), height 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);}.choixSite-cible.ui-droppable-hover::before, .choixSite-cible.is-dropped::before {width: 4.5rem;height: 4.5rem;}.choixSite-item:hover::before {opacity: 1;}.choixSite-item:hover::after {opacity: 0.5;}.choixSite-item:hover .choixSite-cible::before {width: 5.625rem;height: 5.625rem;}.choixSite-titre {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;display: block;max-width: 40rem;padding: 0 6rem;z-index: 1;}.choixSite-titre [class*="titre"] {line-height: 1.2;color: #fff;}.choixSite-item:nth-child(1) .choixSite-titre {position: relative;border-color: #9DB55C;}.choixSite-item:nth-child(1) .choixSite-titre::before {content: '';position: absolute;font-size: 1.5rem;width: 1em;height: 1em;top: 0;left: 0;border-top: 0.5em solid;border-left: 0.5em solid;border-color: inherit;-webkit-transition: border-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);-moz-transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);}.choixSite-item:nth-child(1) .choixSite-titre::before {top: -3rem;}.choixSite-item:nth-child(1) .choixSite-cible::before {border-color: #9DB55C;}.choixSite-item:nth-child(1):hover .choixSite-titre::before, .choixSite-item:nth-child(1).is-hovered .choixSite-titre::before {-webkit-transform: translate3d(1rem, 1rem, 0);-moz-transform: translate3d(1rem, 1rem, 0);transform: translate3d(1rem, 1rem, 0);}.choixSite-item:nth-child(2) .choixSite-titre {position: relative;border-color: #B1281E;}.choixSite-item:nth-child(2) .choixSite-titre::before {content: '';position: absolute;font-size: 1.5rem;width: 1em;height: 1em;top: 0;right: 0;border-top: 0.5em solid;border-right: 0.5em solid;border-color: inherit;-webkit-transition: border-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);-moz-transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);transition: border-color 0.4s, transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1), -moz-transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);}.choixSite-item:nth-child(2) .choixSite-titre::before {top: -3rem;}.choixSite-item:nth-child(2) .choixSite-cible::before {border-color: #B1281E;}.choixSite-item:nth-child(2):hover .choixSite-titre::before, .choixSite-item:nth-child(2).is-hovered .choixSite-titre::before {-webkit-transform: translate3d(-1rem, 1rem, 0);-moz-transform: translate3d(-1rem, 1rem, 0);transform: translate3d(-1rem, 1rem, 0);}.choixSite-poignee-container {display: none;}@media (min-width: 992px) {.choixSite-poignee {position: relative;width: 100%;height: 100%;color: #fff;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}.choixSite-poignee.slide-left {-webkit-animation: poignee-slide-left 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;-moz-animation: poignee-slide-left 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;animation: poignee-slide-left 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;}.choixSite-poignee.slide-right {-webkit-animation: poignee-slide-right 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;-moz-animation: poignee-slide-right 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;animation: poignee-slide-right 0.3s cubic-bezier(0.06, 0.29, 0.25, 1) 1;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;}.choixSite-poignee-container {position: absolute;top: 50%;left: 50%;margin-top: -2.25rem;margin-left: -2.25rem;display: block;width: 4.5rem;height: 4.5rem;z-index: 1;}.choixSite-poignee-container::after {display: inline-block;font-family: "Metropolis", sans-serif;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.2em;content: attr(data-text);position: absolute;top: 150%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);color: #fff;white-space: nowrap;text-align: center;-webkit-transition: opacity 0.4s;-moz-transition: opacity 0.4s;transition: opacity 0.4s;}.choixSite-poignee-container.ui-droppable-active::after {opacity: 0;}.choixSite-poignee-interne {width: 100%;height: 100%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}.choixSite-poignee-moitie {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1.25rem;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;transition: background-color 0.4s;}.choixSite-poignee-moitie i {position: absolute;display: block;padding: 0.4rem 0.75rem;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}.choixSite-poignee-moitie:nth-child(1) {background-color: #9DB55C;-webkit-clip-path: polygon(100% 0, 0% 100%, 0 0);clip-path: polygon(100% 0, 0% 100%, 0 0);}.choixSite-poignee-moitie:nth-child(1) i {top: 0;left: 0;}.choixSite-poignee-moitie:nth-child(2) {background-color: #B1281E;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);}.choixSite-poignee-moitie:nth-child(2) i {bottom: 0;right: 0;}.choixSite-poignee:hover .choixSite-poignee-moitie:nth-child(1) {background-color: #6e7f40;}.choixSite-poignee:hover .choixSite-poignee-moitie:nth-child(2) {background-color: #7c1c15;}}