.isHidden { display: none !important; }

.Modal { z-index: 7000; }
.Modal * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.Modal .Modal-overlay { position: fixed; z-index: 7100; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; background-color: rgba(0, 0, 0, 0.8); }
.Modal .Modal-container { position: fixed; z-index: 7200; background: white; margin-top: 8%; left: 15%; display: block; width: 70%; height: 70%; overflow: hidden; color: #33333; }
@media screen and (max-width: 840px) { .Modal .Modal-container { position: absolute; top: 0px; left: 0; overflow: auto; width: 100%; height: 100%; } }
.Modal .Modal-content { position: absolute; top: 50px; left: 0; overflow: auto; width: 100%; height: 75%; }
.Modal .Modal-content > div { display: table; width: 100%; height: 100%; }
.Modal .Modal-content > div > div { display: table-cell; /* comportement visuel de cellule */ vertical-align: middle; }
.Modal .Modal-content.isCentered { display: -webkit-box; display: -ms-flexbox; display: flex; /* contexte sur le parent */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* direction d'affichage verticale */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* alignement vertical */ }
.Modal .Modal-overlay, .Modal .Modal-container { top: 1000%; visibility: hidden; -webkit-transition: visibility 0s ease .25s, top 0s ease .25s, opacity .25s ease 0s; transition: visibility 0s ease .25s, top 0s ease .25s, opacity .25s ease 0s; opacity: 0; }
.Modal.Modal--opened .Modal-overlay { top: 0; visibility: visible; -webkit-transition: visibility 0s ease 0s, top 0s ease 0s, opacity .25s ease 0s; transition: visibility 0s ease 0s, top 0s ease 0s, opacity .25s ease 0s; opacity: 1; }
.Modal.Modal--opened .Modal-container { top: 0; visibility: visible; -webkit-transition: visibility 0s ease 0s, top 0s ease 0s, opacity .25s ease 0s; transition: visibility 0s ease 0s, top 0s ease 0s, opacity .25s ease 0s; opacity: 1; }
.Modal .Modal-btnClose { position: absolute; z-index: 7300; top: 1.5em; right: 50%; overflow: visible; -webkit-transform: translate(-50%); transform: translate(-50%); }
.Modal .Modal-close { position: absolute; z-index: 7300; top: 10px; right: 50px; overflow: visible; -webkit-transform: translate(-50%); transform: translate(-50%); }
.Modal .Modal-close::after { content: '\e911'; font-family: 'icon'; display: inline-block; position: relative; margin-top: 3em; transform: translateY(-50%); font-size: 16px; background-color: #888888; width: 35px; height: 35px; padding: 4px; border-radius: 2px; border: 2px solid #f7f7f7; color: #f7f7f7; background-color: #dedede; text-align: center; }
.Modal .Modal-close:hover::after { background-color: #333; }
.Modal div.field--formatter-ds-button-link.field.field--name-field-ctas.field--type-link.field--label-hidden.field__items { position: fixed; bottom: 12%; margin: 0 15% 0 15%; left: 0%; height: 100px; display: block; width: 70%; padding-top: 2%; padding-left: 25%; background-color: #f7f7f7; }
@media screen and (max-width: 840px) { .Modal div.field--formatter-ds-button-link.field.field--name-field-ctas.field--type-link.field--label-hidden.field__items { bottom: 0%; padding-left: 0%; }
  .Modal div.field--formatter-ds-button-link.field.field--name-field-ctas.field--type-link.field--label-hidden.field__items .ds-btn { margin-left: 0px; } }
.Modal div.field--formatter-ds-button-link.field.field--name-field-ctas.field--type-link.field--label-hidden.field__items .ds-btn { margin-left: 20px; }

@media (min-width: 768px) { .Modal .Modal-btnClose { top: 2em; } }
@media (min-width: 1600px) { .Modal .Modal-btnClose { top: 2.5em; } }