/**
* Swiper 5.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 8, 2020
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color:#ffffff;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color:#ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color:#000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: .15s;
transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: .25s;
transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: .25s;
transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: .35s;
transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: .4s;
transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: .45s;
transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: .55s;
transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: .55s;
transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: .6s;
transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: .65s;
transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: .65s;
transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: .7s;
transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: .75s;
transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: .75s;
transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: .8s;
transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: .85s;
transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: .85s;
transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: .9s;
transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: .95s;
transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: .95s;
transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: opacity,transform;
transition-property: opacity,transform,-webkit-transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
@charset "UTF-8";
/*
* CD44 Design System - Main SCSS
*/
/* ----------------------------*/
/* ------ - 1 - Config ------- */
/* --------------------------- */
/*
* CD44 Design System - contextual variables for Loire Atlantique
*/
/* -------------------------------*/
/* ------ - 2 - Libraries ------- */
/* ------------------------------ */
/* ----------------------------- */
/* ==Print (quick print reset) */
/* ----------------------------- */
@media print {
* {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
body {
width: auto;
margin: auto;
font-family: serif;
font-size: 12pt;
}
p,
.p-like,
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
blockquote,
label,
ul,
ol {
color: #000;
margin: auto;
}
.print {
display: block;
}
.no-print {
display: none;
}
/* no orphans, no widows */
p,
.p-like,
blockquote {
orphans: 3;
widows: 3;
}
/* no breaks inside these elements */
blockquote,
ul,
ol {
page-break-inside: avoid;
}
/* page break before main headers
h1,
.h1-like {
page-break-before: always;
}
*/
/* no breaks after these elements */
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
caption {
page-break-after: avoid;
}
a {
color: #000;
}
/* displaying URLs
a[href]::after {
content: " (" attr(href) ")";
}
*/
a[href^="javascript:"]::after,
a[href^="#"]::after {
content: "";
}
}
/* ---------------------------------- */
/* ==Helpers */
/* ---------------------------------- */
/* Typo Helpers */
/* ------------- */
.u-bold {
font-weight: 700;
}
.u-italic {
font-style: italic;
}
.u-normal {
font-weight: normal;
font-style: normal;
}
.u-uppercase {
text-transform: uppercase;
}
.u-lowercase {
text-transform: lowercase;
}
.u-smaller {
font-size: 0.6em;
}
.u-small {
font-size: 0.8em;
}
.u-big {
font-size: 1.2em;
}
.u-bigger {
font-size: 1.5em;
}
.u-biggest {
font-size: 2em;
}
.u-txt-wrap {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.u-txt-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
}
/* text and contents alignment */
.txtleft,
.u-txt-left {
text-align: left;
}
.txtright,
.u-txt-right {
text-align: right;
}
.txtcenter,
.u-txt-center {
text-align: center;
}
/* blocks that need to be placed under floats */
.clear,
.u-clear {
clear: both;
}
/* blocks that must contain floats */
.clearfix::after,
.u-clearfix::after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
/* simple blocks alignment */
.left .u-left {
margin-right: auto;
}
.right,
.u-right {
margin-left: auto;
}
.center,
.u-center {
margin-left: auto;
margin-right: auto;
}
/* Global Micro Layout */
/* ------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.u-mod,
.bfc,
.u-bfc {
overflow: hidden;
}
/* floating elements */
.fl,
.u-fl {
float: left;
}
img.fl,
img.u-fl {
margin-right: 1rem;
}
.fr,
.u-fr {
float: right;
}
img.fr,
img.u-fr {
margin-left: 1rem;
}
img.fl,
img.fr,
img.u-fl,
img.u-fr {
margin-bottom: 0.5rem;
}
/* inline-block */
.inbl,
.u-inbl {
display: inline-block;
vertical-align: top;
}
/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden,
.js-hidden,
[hidden] {
display: none;
}
/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
position: absolute !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
}
.is-disabled,
.js-disabled,
[disabled],
.is-disabled ~ label,
[disabled] ~ label {
opacity: 0.5;
cursor: not-allowed !important;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
ul.is-unstyled, ul.unstyled {
list-style: none;
padding-left: 0;
}
.color--inverse {
color: #fff;
}
/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w100 {
width: 100%;
}
.w95 {
width: 95%;
}
.w90 {
width: 90%;
}
.w85 {
width: 85%;
}
.w80 {
width: 80%;
}
.w75 {
width: 75%;
}
.w70 {
width: 70%;
}
.w65 {
width: 65%;
}
.w60 {
width: 60%;
}
.w55 {
width: 55%;
}
.w50 {
width: 50%;
}
.w45 {
width: 45%;
}
.w40 {
width: 40%;
}
.w35 {
width: 35%;
}
.w30 {
width: 30%;
}
.w25 {
width: 25%;
}
.w20 {
width: 20%;
}
.w15 {
width: 15%;
}
.w10 {
width: 10%;
}
.w5 {
width: 5%;
}
.w66 {
width: calc(100% / 3 * 2);
}
.w33 {
width: calc(100% / 3);
}
.wauto {
width: auto;
}
.w960p {
width: 960px;
}
.mw960p {
max-width: 960px;
}
.w1140p {
width: 1140px;
}
.mw1140p {
max-width: 1140px;
}
.w1000p {
width: 1000px;
}
.w950p {
width: 950px;
}
.w900p {
width: 900px;
}
.w850p {
width: 850px;
}
.w800p {
width: 800px;
}
.w750p {
width: 750px;
}
.w700p {
width: 700px;
}
.w650p {
width: 650px;
}
.w600p {
width: 600px;
}
.w550p {
width: 550px;
}
.w500p {
width: 500px;
}
.w450p {
width: 450px;
}
.w400p {
width: 400px;
}
.w350p {
width: 350px;
}
.w300p {
width: 300px;
}
.w250p {
width: 250px;
}
.w200p {
width: 200px;
}
.w150p {
width: 150px;
}
.w100p {
width: 100px;
}
.w50p {
width: 50px;
}
/* Spacing Helpers */
/* --------------- */
.man,
.ma0 {
margin: 0;
}
.pan,
.pa0 {
padding: 0;
}
.mas {
margin: 1rem;
}
.mam {
margin: 2rem;
}
.mal {
margin: 4rem;
}
.pas {
padding: 1rem;
}
.pam {
padding: 2rem;
}
.pal {
padding: 4rem;
}
.mtn,
.mt0 {
margin-top: 0;
}
.mts {
margin-top: 1rem;
}
.mtm {
margin-top: 2rem;
}
.mtl {
margin-top: 4rem;
}
.mrn,
.mr0 {
margin-right: 0;
}
.mrs {
margin-right: 1rem;
}
.mrm {
margin-right: 2rem;
}
.mrl {
margin-right: 4rem;
}
.mbn,
.mb0 {
margin-bottom: 0;
}
.mbs {
margin-bottom: 1rem;
}
.mbm {
margin-bottom: 2rem;
}
.mbl {
margin-bottom: 4rem;
}
.mln,
.ml0 {
margin-left: 0;
}
.mls {
margin-left: 1rem;
}
.mlm {
margin-left: 2rem;
}
.mll {
margin-left: 4rem;
}
.mauto {
margin: auto;
}
.mtauto {
margin-top: auto;
}
.mrauto {
margin-right: auto;
}
.mbauto {
margin-bottom: auto;
}
.mlauto {
margin-left: auto;
}
.ptn,
.pt0 {
padding-top: 0;
}
.pts {
padding-top: 1rem;
}
.ptm {
padding-top: 2rem;
}
.ptl {
padding-top: 4rem;
}
.prn,
.pr0 {
padding-right: 0;
}
.prs {
padding-right: 1rem;
}
.prm {
padding-right: 2rem;
}
.prl {
padding-right: 4rem;
}
.pbn,
.pb0 {
padding-bottom: 0;
}
.pbs {
padding-bottom: 1rem;
}
.pbm {
padding-bottom: 2rem;
}
.pbl {
padding-bottom: 4rem;
}
.pln,
.pl0 {
padding-left: 0;
}
.pls {
padding-left: 1rem;
}
.plm {
padding-left: 2rem;
}
.pll {
padding-left: 4rem;
}
/* --------------------------------------- */
/* ==Grillade : ultra light Grid System */
/* --------------------------------------- */
@media (min-width: 480px) {
[class*=" grid-"],
[class^="grid-"] {
display: -ms-grid;
display: grid;
grid-auto-flow: dense;
}
[class*=" grid-"].has-gutter,
[class^="grid-"].has-gutter {
grid-gap: 1rem;
}
[class*=" grid-"].has-gutter-l,
[class^="grid-"].has-gutter-l {
grid-gap: 2rem;
}
[class*=" grid-"].has-gutter-xl,
[class^="grid-"].has-gutter-xl {
grid-gap: 4rem;
}
}
@media (min-width: 480px) {
.autogrid,
.grid {
display: -ms-grid;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
.autogrid.has-gutter,
.grid.has-gutter {
grid-column-gap: 1rem;
}
.autogrid.has-gutter-l,
.grid.has-gutter-l {
grid-column-gap: 2rem;
}
.autogrid.has-gutter-xl,
.grid.has-gutter-xl {
grid-column-gap: 4rem;
}
}
[class*="grid-2"] {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
[class*="grid-3"] {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
[class*="grid-4"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
[class*="grid-5"] {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
[class*="grid-6"] {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
[class*="grid-7"] {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
[class*="grid-8"] {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
[class*="grid-9"] {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
[class*="grid-10"] {
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
}
[class*="grid-11"] {
-ms-grid-columns: (1fr)[11];
grid-template-columns: repeat(11, 1fr);
}
[class*="grid-12"] {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
[class*="col-1"] {
grid-column: auto/span 1;
}
[class*="row-1"] {
grid-row: auto/span 1;
}
[class*="col-2"] {
grid-column: auto/span 2;
}
[class*="row-2"] {
grid-row: auto/span 2;
}
[class*="col-3"] {
grid-column: auto/span 3;
}
[class*="row-3"] {
grid-row: auto/span 3;
}
[class*="col-4"] {
grid-column: auto/span 4;
}
[class*="row-4"] {
grid-row: auto/span 4;
}
[class*="col-5"] {
grid-column: auto/span 5;
}
[class*="row-5"] {
grid-row: auto/span 5;
}
[class*="col-6"] {
grid-column: auto/span 6;
}
[class*="row-6"] {
grid-row: auto/span 6;
}
[class*="col-7"] {
grid-column: auto/span 7;
}
[class*="row-7"] {
grid-row: auto/span 7;
}
[class*="col-8"] {
grid-column: auto/span 8;
}
[class*="row-8"] {
grid-row: auto/span 8;
}
[class*="col-9"] {
grid-column: auto/span 9;
}
[class*="row-9"] {
grid-row: auto/span 9;
}
[class*="col-10"] {
grid-column: auto/span 10;
}
[class*="row-10"] {
grid-row: auto/span 10;
}
[class*="col-11"] {
grid-column: auto/span 11;
}
[class*="row-11"] {
grid-row: auto/span 11;
}
[class*="col-12"] {
grid-column: auto/span 12;
}
[class*="row-12"] {
grid-row: auto/span 12;
}
/* intermediate breakpoints */
@media (min-width: 480px) and (max-width: 767px) {
[class*="grid-"][class*="-small-1"] {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
[class*="col-"][class*="-small-1"] {
grid-column: auto/span 1;
}
[class*="grid-"][class*="-small-2"] {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
[class*="col-"][class*="-small-2"] {
grid-column: auto/span 2;
}
[class*="grid-"][class*="-small-3"] {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
[class*="col-"][class*="-small-3"] {
grid-column: auto/span 3;
}
[class*="grid-"][class*="-small-4"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
[class*="col-"][class*="-small-4"] {
grid-column: auto/span 4;
}
[class*="-small-all"] {
grid-column: 1 / -1;
}
}
.item-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.item-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.grid-offset {
visibility: hidden;
}
.col-all {
grid-column: 1 / -1;
}
.row-all {
grid-row: 1 / -1;
}
/* ----------------------------- */
/* ==Global Micro Layout */
/* ----------------------------- */
/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flex-container, .flex-container--row,
.flex-row, .flex-container--column,
.flex-column, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column-reverse,
.flex-column-reverse,
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-container--row,
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-container--column,
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-container--row-reverse,
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-container--column-reverse,
.flex-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-item-fluid,
.item-fluid {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1;
}
.flex-item-first,
.item-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-item-medium,
.item-medium {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-item-last,
.item-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-item-center,
.item-center,
.mr-auto {
margin: auto;
}
/* ----------------------------- */
/* ==Base (basic styles) */
/* ----------------------------- */
/* disable animations styles when reduced motion is enabled */
@media (prefers-reduced-motion: reduce) {
* {
-webkit-animation: none !important;
animation: none !important;
-webkit-transition: none !important;
transition: none !important;
}
}
/* switching to border-box model for all elements and adding smooth scrolling */
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
/* avoid min-width: auto on flex and grid children */
min-width: 0;
min-height: 0;
}
html {
/* set base font-size to equiv "10px", which is adapted to rem unit */
font-size: 62.5%;
/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
font-size: calc(1em * 0.625);
}
body {
margin: 0;
font-size: 1.6em;
background-color: #FFF;
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
line-height: 1.5;
}
@media (min-width: 36em) {
body {
font-size: 1.6em;
}
}
@media (min-width: 64em) {
body {
font-size: 1.6em;
}
}
/* Links */
a {
color: #000;
text-decoration: underline;
-webkit-transition: color .4s ease-out;
transition: color .4s ease-out;
}
a:focus, a:hover, a:active {
color: #000;
text-decoration: none;
}
/* Headings */
h1, .h1-like {
font-size: 2.125em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 500;
line-height: 1;
padding: 0;
display: block;
}
@media (min-width: 36em) {
h1, .h1-like {
font-size: 3em;
}
}
@media (min-width: 64em) {
h1, .h1-like {
font-size: 3.75em;
}
}
h1--bigger, .h1-like--bigger {
font-size: 11rem;
}
h2, .h2-like {
font-size: 1.75em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
padding: 0 1.5rem;
line-height: 1.2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(255, 255, 255, 0)), color-stop(55%, #99E6D1));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, #99E6D1 55%);
display: inline;
}
@media (min-width: 36em) {
h2, .h2-like {
font-size: 2em;
}
}
@media (min-width: 64em) {
h2, .h2-like {
font-size: 2.375em;
}
}
h2:not(h1):not(.h1-like):not(.h3-like):not(.h4-like) + *,
h2 + .ds44-introduction, .h2-like:not(h1):not(.h1-like):not(.h3-like):not(.h4-like) + *,
.h2-like + .ds44-introduction {
margin-top: 3rem;
}
h2.ds44-theme, .h2-like.ds44-theme {
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #99E6D1), color-stop(55%, white)) !important;
background: linear-gradient(to bottom, #99E6D1 55%, white 55%) !important;
}
h2.ds44-dark, .h2-like.ds44-dark {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, #99E6D1)) !important;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, #99E6D1 80%) !important;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h2--light, .h2-like--light {
background: none;
padding: 0;
display: block;
margin-top: 1rem !important;
}
h2--mobileSize, .h2-like--mobileSize {
font-size: 1.65em;
}
.ds44-bgDark .h2-like {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, #99E6D1)) !important;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, #99E6D1 80%) !important;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h3, .h3-like {
font-size: 1.3125em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 700;
line-height: 1.2;
padding: 0;
margin-bottom: 1rem;
display: block;
}
@media (min-width: 36em) {
h3, .h3-like {
font-size: 1.5em;
}
}
@media (min-width: 64em) {
h3, .h3-like {
font-size: 1.75em;
}
}
h4, .h4-like {
font-size: 1.1875em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 500;
padding: 0;
display: block;
line-height: 1.2;
}
@media (min-width: 36em) {
h4, .h4-like {
font-size: 1.375em;
}
}
@media (min-width: 64em) {
h4, .h4-like {
font-size: 1.5em;
}
}
h5, .h5-like {
font-size: 1.125em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 500;
padding: 0;
display: block;
}
@media (min-width: 64em) {
h5, .h5-like {
font-size: 1.25em;
}
}
h6, .h6-like {
font-size: 1.0625em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 500;
padding: 0;
display: block;
}
@media (min-width: 64em) {
h6, .h6-like {
font-size: 1.0625em;
}
}
.ds44-smallTitle {
font-size: 1.6rem;
font-family: Muli, Arial, Helvetica, sans-serif;
background: transparent;
font-weight: 700;
padding: 0;
display: block;
}
@media (min-width: 64em) {
.ds44-smallTitle {
font-size: 1.6rem;
}
}
[role="heading"] {
font-weight: bold;
}
[role="heading"] a {
text-decoration: none;
}
[role="heading"] a:hover, [role="heading"] a:focus, [role="heading"] a:active {
text-decoration: underline;
}
.p-like {
margin: 0 !important;
padding: 0 !important;
font-size: 16px;
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
line-height: 1.5;
background: none;
font-weight: normal;
}
figcaption {
font-size: 1.4rem;
color: #5C5C5C;
}
.p-light {
font-size: 1.4rem;
}
.p-medium {
font-size: 1.9rem;
}
/* Vertical rythm */
h1,
h2,
h3,
h4,
h5,
h6,
dd {
margin-top: 0;
margin-bottom: 0.5rem;
}
p,
address,
ol,
ul,
dl,
blockquote {
margin-top: 0;
margin-bottom: 0.5rem;
}
/* Avoid margins on nested elements */
li ul,
li ol,
ol ol,
ul ul {
margin-top: 0;
margin-bottom: 0;
}
/* Remove bullets and padding for lists */
ul {
list-style: none;
padding-left: 0;
}
ol > li {
margin-bottom: 1.5rem;
}
ol > li::marker {
font-weight: bold;
}
li > p:first-child {
display: inline;
}
li > p:first-child::after {
content: "";
display: block;
padding-bottom: 1rem;
}
ul:not(.ds44-list):not(.ds44-collapser) {
padding-left: 4rem;
}
ul:not(.ds44-list):not(.ds44-collapser) > li {
list-style-position: outside;
margin-top: 1rem;
list-style-image: url(../../../assets/images/right.svg);
}
ul:not(.ds44-list):not(.ds44-collapser) > li ul:not(.ds44-list) > li {
list-style-type: disc;
list-style-image: unset;
}
/* Max values */
img,
table,
td,
blockquote,
textarea,
input,
video,
svg {
max-width: 100%;
}
/* Styling elements */
img {
height: auto;
vertical-align: middle;
}
figure, picture {
position: relative;
display: block;
}
sup[aria-hidden="true"] {
vertical-align: 0;
}
sub {
vertical-align: 0;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
blockquote {
position: relative;
padding-left: 3em;
min-height: 2em;
}
blockquote::before {
content: "\201C";
position: absolute;
left: 0;
top: 0;
font-family: georgia, serif;
font-size: 5em;
height: .4em;
line-height: .9;
color: #e7e9ed;
}
blockquote > footer {
margin-top: .75em;
font-size: 0.9em;
color: rgba(0, 0, 0, 0.7);
}
blockquote > footer::before {
content: "\2014 \0020";
}
q,
.q {
font-style: italic;
}
q:after, q:before,
.q:after,
.q:before {
display: none;
}
hr {
display: block;
clear: both;
height: 1px;
margin: 1em 0 2em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}
blockquote,
figure {
margin-left: 0;
margin-right: 0;
}
/* Tables */
table {
text-align: center;
border-spacing: 0px;
}
th, td {
padding: 1rem;
}
tr:nth-child(odd) {
background-color: #fff;
}
thead + tbody > tr:nth-child(even) {
background-color: #fff;
}
thead + tbody > tr:nth-child(odd) {
background-color: #E6E6E6;
}
td {
font-weight: normal;
}
caption {
margin-bottom: 1.5rem;
text-align: left;
font-weight: normal;
}
/* Global classes */
.hidden {
display: none;
}
/* --- Surcharge de la grille KNACSS dédiée au DS44 */
/* intermediate breakpoints */
@media (min-width: 48em) and (max-width: 63.9375em) {
[class*="grid-"][class*="-medium-1"] {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
[class*="col-"][class*="-medium-1"] {
grid-column: auto/span 1;
}
[class*="grid-"][class*="-medium-2"] {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
[class*="col-"][class*="-medium-2"] {
grid-column: auto/span 2;
}
[class*="grid-"][class*="-medium-3"] {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
[class*="col-"][class*="-medium-3"] {
grid-column: auto/span 3;
}
[class*="grid-"][class*="-medium-4"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
[class*="col-"][class*="-medium-4"] {
grid-column: auto/span 4;
}
[class*="grid-"][class*="-medium-5"] {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
[class*="col-"][class*="-medium-5"] {
grid-column: auto/span 5;
}
[class*="grid-"][class*="-medium-6"] {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
[class*="col-"][class*="-medium-6"] {
grid-column: auto/span 6;
}
[class*="grid-"][class*="-medium-7"] {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
[class*="col-"][class*="-medium-7"] {
grid-column: auto/span 7;
}
[class*="grid-"][class*="-medium-8"] {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
[class*="col-"][class*="-medium-8"] {
grid-column: auto/span 8;
}
[class*="grid-"][class*="-medium-9"] {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
[class*="col-"][class*="-medium-9"] {
grid-column: auto/span 9;
}
[class*="grid-"][class*="-medium-10"] {
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
}
[class*="col-"][class*="-medium-10"] {
grid-column: auto/span 10;
}
[class*="grid-"][class*="-medium-11"] {
-ms-grid-columns: (1fr)[11];
grid-template-columns: repeat(11, 1fr);
}
[class*="col-"][class*="-medium-11"] {
grid-column: auto/span 11;
}
[class*="grid-"][class*="-medium-12"] {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
[class*="col-"][class*="-medium-12"] {
grid-column: auto/span 12;
}
[class*="-medium-all"] {
grid-column: 1 / -1;
}
}
@media (min-width: 64em) and (max-width: 74.9375em) {
[class*="grid-"][class*="-large-1"] {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
[class*="col-"][class*="-large-1"] {
grid-column: auto/span 1;
}
[class*="grid-"][class*="-large-2"] {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
[class*="col-"][class*="-large-2"] {
grid-column: auto/span 2;
}
[class*="grid-"][class*="-large-3"] {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
[class*="col-"][class*="-large-3"] {
grid-column: auto/span 3;
}
[class*="grid-"][class*="-large-4"] {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
[class*="col-"][class*="-large-4"] {
grid-column: auto/span 4;
}
[class*="grid-"][class*="-large-5"] {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
[class*="col-"][class*="-large-5"] {
grid-column: auto/span 5;
}
[class*="grid-"][class*="-large-6"] {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
[class*="col-"][class*="-large-6"] {
grid-column: auto/span 6;
}
[class*="grid-"][class*="-large-7"] {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
[class*="col-"][class*="-large-7"] {
grid-column: auto/span 7;
}
[class*="grid-"][class*="-large-8"] {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
[class*="col-"][class*="-large-8"] {
grid-column: auto/span 8;
}
[class*="grid-"][class*="-large-9"] {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
[class*="col-"][class*="-large-9"] {
grid-column: auto/span 9;
}
[class*="grid-"][class*="-large-10"] {
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
}
[class*="col-"][class*="-large-10"] {
grid-column: auto/span 10;
}
[class*="grid-"][class*="-large-11"] {
-ms-grid-columns: (1fr)[11];
grid-template-columns: repeat(11, 1fr);
}
[class*="col-"][class*="-large-11"] {
grid-column: auto/span 11;
}
[class*="grid-"][class*="-large-12"] {
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
}
[class*="col-"][class*="-large-12"] {
grid-column: auto/span 12;
}
[class*="-large-all"] {
grid-column: 1 / -1;
}
}
.list-logos img {
height: 100px;
max-width: 100%;
padding: 2rem;
}
/* -------------------------- */
/* ==DS44 Utilities */
/* -------------------------- */
/* === Positions === */
.ds44-centeredBlock {
margin-left: auto;
margin-right: auto;
}
.ds44-center {
text-align: center;
}
.ds44-posAbs {
position: absolute;
z-index: 1;
}
.ds44-posRel {
position: relative;
}
.ds44-posTop {
top: 0;
}
.ds44-posTopCont {
top: 3rem;
}
.ds44-posBot {
bottom: 0;
}
.ds44-posRi {
right: 0;
}
.ds44-posLe {
left: 0;
}
.ds44-valignTop {
vertical-align: top !important;
}
/* === Spacers === */
.ds44-noLineH {
line-height: 0;
}
.ds44-noPdg {
padding: 0 !important;
}
.ds44--noPdg-t {
padding-top: 0 !important;
}
.ds44--s-padding {
padding: 0.5rem !important;
}
.ds44--m-padding {
padding: 1rem !important;
}
.ds44--m-padding-lr {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ds44--m-padding-tb {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ds44--m-padding-b {
padding-bottom: 1rem;
}
.ds44--m-padding-t {
padding-top: 1rem;
}
.ds44--l-padding {
padding: 2rem !important;
}
.ds44--l-padding-tb {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ds44--l-padding-lr {
padding-left: 2rem;
padding-right: 2rem;
}
.ds44--l-padding-t {
padding-top: 2rem;
}
.ds44--l-padding-b {
padding-bottom: 2rem;
}
.ds44--xl-padding {
padding: 3rem;
}
.ds44--xl-padding-tb {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ds44--xl-padding-t {
padding-top: 3rem;
}
.ds44--xl-padding-b {
padding-bottom: 3rem;
}
.ds44--xl-padding-lr {
padding-left: 3rem;
padding-right: 3rem;
}
.ds44--xl-padding-r {
padding-right: 3rem;
}
.ds44--xl-padding-l {
padding-left: 3rem !important;
}
.ds44--p35b {
padding-bottom: 3.5rem;
}
.ds44--p4b {
padding-bottom: 4rem;
}
.ds44--xxl-padding-tb {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.ds44--xxl-padding-t {
padding-top: 5rem !important;
}
.ds44--xxl-padding-b {
padding-bottom: 5rem !important;
}
.ds44--2xl-padding {
padding: 6rem !important;
}
.ds44--2xl-padding-l {
padding-left: 6rem !important;
}
.ds44--2xl-padding-t {
padding-top: 6rem !important;
}
.ds44--2xl-padding-b {
padding-bottom: 6rem !important;
}
.ds44--3xl-padding {
padding: 9rem !important;
}
.ds44--3xl-padding-l {
padding-left: 9rem !important;
}
.ds44--3xl-padding-t {
padding-top: 9rem !important;
}
.ds44--3xl-padding-b {
padding-bottom: 9rem !important;
}
.ds44-noMrg {
margin: 0 !important;
}
.ds44-hmt {
margin-top: 0.5rem !important;
}
.ds44-m1 {
margin: 1rem;
}
.ds44-mlr1 {
margin-left: 1rem;
margin-right: 1rem;
}
.ds44-mtb1 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.ds44-mt1 {
margin-top: 1rem;
}
.ds44-mb1 {
margin-bottom: 1rem;
}
.ds44-mr1 {
margin-right: 1rem;
}
.ds44-ml1 {
margin-left: 1rem;
}
.ds44-mb-std {
margin-bottom: 1.5rem !important;
}
.ds44-mt-std {
margin-top: 1.5rem !important;
}
.ds44-mr-std {
margin-right: 1.5rem;
}
.ds44-m-std {
margin: 1.5rem;
}
.ds44-mtb2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.ds44-mt2 {
margin-top: 2rem !important;
}
.ds44-mb2 {
margin-bottom: 2rem !important;
}
.ds44-mr2 {
margin-right: 2rem !important;
}
.ds44-ml2 {
margin-left: 2rem !important;
}
.ds44-mb3 {
margin-bottom: 3rem;
}
.ds44-mt3 {
margin-top: 3rem !important;
}
.ds44-mtb3 {
margin-bottom: 3rem;
margin-top: 3rem;
}
.ds44-m3c {
margin: 3rem auto;
}
.ds44-m3 {
margin: 3rem;
}
.ds44-ml3 {
margin-left: 3rem;
}
.ds44-mlr3 {
margin-left: 3rem;
margin-right: 3rem;
}
.ds44-m35 {
margin: 3.5rem;
}
.ds44-mb35 {
margin-bottom: 3.5rem;
}
.ds44-mlr35 {
margin-left: 3.5rem;
margin-right: 3.5rem;
}
.ds44-mlr4 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.ds44-mt4 {
margin-top: 4rem !important;
}
.ds44-mtb4 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.ds44-m5 {
margin: 5rem;
}
.ds44-mt5 {
margin-top: 5rem;
}
.ds44-mb5 {
margin-bottom: 5rem;
}
.ds44-mr5 {
margin-right: 5rem;
}
.ds44-ml5 {
margin-left: 5rem;
}
.ds44-mtb5 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.ds44-mlr5 {
margin-right: 5rem;
margin-left: 5rem;
}
.ds44-m5c {
margin: 5rem auto;
}
.ds44-svm {
margin-bottom: 1rem;
}
.ds44-mvm {
margin-bottom: 1.5rem;
}
.ds44-xl-fluid-margin {
margin-left: 15%;
margin-right: 15%;
}
.ds44-l-fluid-margin {
margin-left: 10%;
margin-right: 10%;
}
.ds44-m-fluid-margin {
margin-left: 5%;
margin-right: 5%;
}
.ds44-xl-margin-tb {
margin-top: 5rem;
margin-bottom: 5rem;
}
/* === Flex utils === */
/* container properties */
.ds44-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ds44-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ds44-flex-container--column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-flex-valign-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ds44-flex-align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ds44-fse {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ds44-fsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ds44-flex-mauto {
margin: auto !important;
}
.ds44-frw {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ds44-flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* Element properties */
.ds44-fg1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ds44-fg2 {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.ds44-fg3 {
-webkit-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
}
.ds44-fg4 {
-webkit-box-flex: 4;
-ms-flex-positive: 4;
flex-grow: 4;
}
.ds44-fg5 {
-webkit-box-flex: 5;
-ms-flex-positive: 5;
flex-grow: 5;
}
.ds44-fl1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1 1;
}
.ds44-fl2 {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2 1;
}
.ds44-fl3 {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3 1;
}
.ds44-fl4 {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4 1;
}
.ds44-fl5 {
-webkit-box-flex: 5;
-ms-flex: 5;
flex: 5 1;
}
.ds44-fas {
-ms-flex-item-align: end;
align-self: flex-end;
}
.ds44-fasb {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.ds44-fasc {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
@media (max-width: 63.9375em) {
.ds44-flex-wrap-large {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-flex-grow1-large {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ds44-flex-container--colLarge {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 47.9375em) {
.ds44-tiny-to-med-ftop {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ds44-tiny-to-med-atop {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ds44-flex-wrap-medium {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-flex-grow1-medium {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ds44-flex-container--colMed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-flex-container--colMed--colRev {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
}
.ds44-medium-flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 35.9375em) {
.ds44-small-flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-small-fg1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
}
/* === Grid utils === */
.ds44-grid-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ds44-hasGutter-xxl {
grid-gap: 7%;
gap: 7%;
}
.ds44-grid-valign-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* === Layout utils === */
.ds44-colLeft {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1 1;
}
.ds44-colRight {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3 1;
text-align: right;
}
.ds44-grid12-offset-1 {
padding-left: 8.333%;
padding-right: 8.333%;
}
.ds44-grid12-offset-2 {
padding-left: 16.666%;
padding-right: 16.666%;
}
.ds44-negativeOffset-1 {
margin-left: -6.2186567175%;
margin-right: -6.2186567175%;
}
.ds44-negativeOffset-2 {
margin-left: -12.437313435%;
margin-right: -12.437313435%;
}
@media (max-width: 35.9375em) {
.ds44-colLeft {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-colRight {
-ms-flex-item-align: start;
align-self: flex-start;
}
.ds44-grid12-offset-1 {
padding-left: 5%;
padding-right: 5%;
}
.ds44-grid12-offset-2 {
padding-left: 5%;
padding-right: 5%;
}
.ds44-negativeOffset-1 {
margin-left: 0;
margin-right: 0;
}
.ds44-negativeOffset-2 {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 29.9375em) {
.ds44-colLeft {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1 1;
}
.ds44-colRight {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2 1;
}
}
.ds44-multiCol {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
display: block;
}
.ds44-multiCol li, .ds44-multiCol .ds44-noCut {
/* Chrome, Safari, Opera */
/* Firefox */
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
/* IE 10+ */
break-inside: avoid-column;
/* W3C */
}
.ds44-multiCol > .ds44-noCut {
display: block;
}
.ds44-multiCol li > a {
/* Chrome, Safari, Opera */
/* Firefox */
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
/* IE 10+ */
break-inside: avoid-column;
/* W3C */
display: inline-block;
}
.ds44-multiCol--3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.ds44-multiCol--border {
-webkit-column-rule: 2px solid #000;
-moz-column-rule: 2px solid #000;
column-rule: 2px solid #000;
}
/* === Width helpers === */
.ds44-w100 {
width: 100%;
}
.ds44-w98 {
width: 98%;
}
.ds44-w30 {
width: 30%;
}
/* === Height helpers === */
.ds44-hv100 {
min-height: 100vh;
}
.ds44-h100 {
height: 100%;
}
/* === Color utils === */
.ds44-darkContext {
background-color: #FFF !important;
}
/* === Text utils === */
.ds44-textLegend {
color: #5C5C5C;
}
.ds44-textLegend--mentions {
font-size: 0.875em;
}
@media (min-width: 64em) {
.ds44-textLegend--mentions {
font-size: 0.875em;
}
}
.ds44-txtRight {
text-align: right;
}
/* === BORDERS === */
.ds44-border-left, .ds44-border-left--light {
border-left: 2px solid !important;
}
.ds44-border-left {
border-color: #000 !important;
}
.ds44-border-left--light {
border-color: #FFF !important;
}
.ds44-border-bottom {
border-bottom: 2px solid #99E6D1 !important;
}
.ds44-theme-border {
border-color: #99E6D1;
}
.ds44-gray-border {
border: 1px solid #E6E6E6;
}
/* === Backgrounds === */
.ds44-theme {
background-color: #99E6D1;
}
.ds44-bgDark {
background-color: #000;
color: #FFF;
}
.ds44-bgGray {
background-color: #E6E6E6;
}
.ds44-lightBG {
background-color: #E6E6E6;
}
.ds44-whiteBG {
background-color: #FFF;
}
.ds44-img50 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #E6E6E6), color-stop(50%, #FFF));
background: linear-gradient(to bottom, #E6E6E6 50%, #FFF 50%);
}
.ds44-theme--dataviz {
background-color: #ff4a90;
}
.ds44-alphaGradient {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(70%, rgba(0, 0, 0, 0.75)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.75) 70%);
background-size: cover;
}
.ds44-alphaGradient--header {
padding: 10rem 3rem 2rem 3rem;
}
.ds44-bgCircle {
background-image: url(../../../assets/images/backgrounds/bkgd-circle-white.svg);
background-repeat: no-repeat;
background-size: 470px;
}
.ds44-bgTriangle-left {
background-image: url(../../../assets/images/backgrounds/bkgd-triangle-left-white.svg);
background-repeat: no-repeat;
background-size: 470px;
background-position: left;
}
.ds44-bgTriangle-right {
background-image: url(../../../assets/images/backgrounds/bkgd-triangle-right-white.svg);
background-repeat: no-repeat;
background-size: 470px;
background-position: right;
}
.ds44-wave-white {
background-image: url(../../../assets/images/backgrounds/bkgd-wave-white.png);
background-position-y: bottom;
background-repeat: repeat-x;
}
.ds44-wave-grey {
background-image: url(../../../assets/images/backgrounds/bkgd-wave-light-grey.png);
background-position-y: bottom;
background-repeat: repeat-x;
}
.ds44-wave-grey-app {
background-image: url(../../../assets/images/backgrounds/bkgd-wave-light-grey-app.png);
background-position-y: bottom;
background-repeat: repeat-x;
}
.ds44-bg-bacs-app {
background-image: url(../../../assets/images/backgrounds/bkgd-file-attente-app.png);
background-position: bottom right;
background-repeat: repeat-x;
}
.ds44-bg-patrimoine-sites {
background-image: url(../../../assets/images/backgrounds/bkgd-circle-light-grey-patrimoine.png);
background-repeat: no-repeat;
background-position: bottom -70px right -70px;
}
.ds44-bg-br {
background-position: bottom -85px right -140px;
}
.ds44-bg-bl {
background-position: bottom -85px left -140px;
}
.ds44-bg-b {
background-position-y: bottom -150px;
}
.ds44-bg-pdr {
background-position: bottom -250px right -300px;
}
/* === Icons === */
.icon {
vertical-align: middle;
line-height: .5;
display: inline-block;
}
.icon::before {
font-size: 1.6em;
line-height: .5;
}
.icon--medium::before {
font-size: 1.8em !important;
}
.icon--large::before {
font-size: 2.5em !important;
}
.icon--xlarge::before {
font-size: 3.5em !important;
}
.icon--sizeS::before {
font-size: 1.5rem !important;
}
.icon--sizeM::before {
font-size: 2.5rem !important;
}
.icon--sizeL::before {
font-size: 3.3rem !important;
}
.icon--sizeXL::before {
font-size: 5rem !important;
line-height: 0.25;
}
.icon + .ds44-iconInnerText,
.ds44-iconInnerText + .icon {
margin-left: .5rem;
}
.ds44-docListIco {
position: absolute;
left: 0;
top: 0;
}
.ds44-docListIco.icon-marker {
left: 3px;
}
.ds44-modal-container .ds44-icoInfoRoutes {
margin-right: 15px;
padding: 4px;
border-radius: 50%;
font-size: 1.1em;
vertical-align: baseline;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
}
.ds44-modal-container .ds44-icoInfoRoutes.orangeFlag {
background: #FFC134;
color: #000;
}
.ds44-modal-container .ds44-icoInfoRoutes.redFlag {
background: #DC3545;
color: #FFF;
}
/* === Text effects === */
.ds44-txtBulle {
font-size: 1.5em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
text-transform: lowercase;
background-color: #FFF;
border-radius: 6rem;
padding: 1.2rem 1.5rem 1.5rem 1.5rem;
display: inline-block;
line-height: 1;
}
@media (min-width: 64em) {
.ds44-txtBulle {
font-size: 1.5em;
}
}
.ds44-txtBulle.ds44-theme {
background-color: #99E6D1;
}
/* === Accessibilité === */
.ds44-keyboard-show {
position: absolute;
left: -10000em;
bottom: -10rem;
}
.ds44-keyboard-show a:focus {
position: absolute;
display: block;
left: 10003em;
top: -8rem;
min-width: 25rem;
border: 2px solid #99E6D1;
border-radius: 0 0 3px;
padding: 1rem 1.5rem;
-webkit-transition: -webkit-box-shadow 0.25s ease;
transition: -webkit-box-shadow 0.25s ease;
transition: box-shadow 0.25s ease;
transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
z-index: 10;
text-align: center;
}
/* === Separators === */
.ds44-xl-gap {
-webkit-column-gap: 15rem;
-moz-column-gap: 15rem;
grid-column-gap: 15rem;
column-gap: 15rem;
}
.ds44-m-gap {
-webkit-column-gap: 3rem;
-moz-column-gap: 3rem;
grid-column-gap: 3rem;
column-gap: 3rem;
}
.ds44-separator {
position: relative;
height: 100%;
}
.ds44-separator::before {
position: absolute;
content: "";
height: 100%;
width: 2px;
background-color: #000;
z-index: 1;
}
.ds44-separator p {
z-index: 10;
}
@media (max-width: 47.9375em) {
.ds44-separator {
height: auto;
padding: 3rem;
}
.ds44-separator::before {
height: 2px;
width: 100%;
}
}
/* === Display === */
.ds44-block {
display: block !important;
}
.ds44-inlineBlock {
display: inline-block !important;
}
.ds44-none {
display: none !important;
}
/* === LINKS === */
.ds44-inblLinks {
display: inline-block !important;
margin-right: 1rem;
white-space: nowrap;
}
.ds44-inlineLink {
display: inline !important;
}
.ds44-titleLink {
text-decoration: none;
}
.ds44-titleLink:hover, .ds44-titleLink:focus, .ds44-titleLink:active {
text-decoration: underline;
}
.ds44-linkUnderline {
text-decoration: underline;
padding: 0;
}
.ds44-linkUnderline:hover, .ds44-linkUnderline:focus, .ds44-linkUnderline:active {
text-decoration: none;
}
.ds44-arrowLink {
font-size: 1.125em;
display: block;
padding: 1rem 3rem 1rem 1rem;
text-decoration: none;
position: relative;
}
@media (min-width: 64em) {
.ds44-arrowLink {
font-size: 1.3125em;
}
}
.ds44-arrowLink .icon-arrow-right {
color: #99E6D1;
position: absolute;
top: 1.2rem;
right: .6rem;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.ds44-arrowLink:hover, .ds44-arrowLink:focus, .ds44-arrowLink:active {
text-decoration: underline;
}
.ds44-arrowLink:hover .icon-arrow-right, .ds44-arrowLink:focus .icon-arrow-right, .ds44-arrowLink:active .icon-arrow-right {
right: 0;
}
/* === Hidden blocks for focus loops === */
.ds44-tmpFocusHidden {
position: absolute;
top: -50rem;
}
/* === Surcharges === */
.visually-hidden,
h1.visually-hidden + *,
h2.visually-hidden + *,
h3.visually-hidden + *,
h4.visually-hidden + *,
h5.visually-hidden + *,
h6.visually-hidden + * {
margin: 0 !important;
}
/* =======
GENERIC MEDIA QUERIES
=== */
@media (min-width: 30em) {
.ds44-minTiny-margin {
margin-left: 0 1rem;
}
.ds44-minTiny-margin-l {
margin: 0 0 0 .5rem !important;
}
.ds44-minTiny-margin-r {
margin: 0 .5rem 0 0 !important;
}
}
@media (min-width: 36em) {
.ds44-minSmall-margin {
margin: 0 15% !important;
}
}
@media (min-width: 48em) {
.ds44-multiCol--3 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.ds44-m-t-xl-noUnderline {
text-decoration: none;
}
}
@media (min-width: 64em) {
.ds44-multiCol--3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media (max-width: 35.9375em) {
.ds44-bgCircle {
background-size: 380px;
background-position-x: 180px;
background-position-y: bottom -180px;
}
.ds44--xxl-padding-tb {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ds44-xl-margin-tb {
margin-top: 3rem;
margin-bottom: 3rem;
}
.ds44-mobile-padding-tb {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ds44-mobile-l-padding-tb {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ds44--mobile--m-padding-b {
padding-bottom: 1rem !important;
}
.ds44-mobile-w100 {
width: 100% !important;
}
}
@media (max-width: 47.9375em) {
.ds44-xl-fluid-margin {
margin-left: 5.5%;
margin-right: 5.5%;
}
.ds44-multiCol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.ds44-arrowLink {
padding: .5rem 3rem .5rem 0;
line-height: 1.2;
}
.ds44-arrowLink .icon-arrow-right {
top: .5rem;
}
li:first-child > .ds44-arrowLink {
margin-top: 1.5rem;
}
.ds44-tablet-padding-tb {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (max-width: 63.9375em) {
.ds44-xl-gap {
-webkit-column-gap: 5rem;
-moz-column-gap: 5rem;
grid-column-gap: 5rem;
column-gap: 5rem;
}
.ds44-posTopCont {
top: 1rem;
}
}
@media (max-width: 74.9375em) {
.ds44-xl-gap {
-webkit-column-gap: 8rem;
-moz-column-gap: 8rem;
grid-column-gap: 8rem;
column-gap: 8rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44--m-padding,
.ds44--l-padding,
.ds44--xl-padding,
.ds44--2xl-padding,
.ds44--3xl-padding {
padding: 1rem !important;
}
.ds44--m-padding-lr,
.ds44--l-padding-lr,
.ds44--xl-padding-lr,
.ds44--xxl-padding-lr,
.ds44--2xl-padding-lr,
.ds44--3xl-padding-lr {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.ds44--m-padding-tb,
.ds44--l-padding-tb,
.ds44--xl-padding-tb,
.ds44--xxl-padding-tb,
.ds44--2xl-padding-tb,
.ds44--3xl-padding-tb {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.ds44--m-padding-b,
.ds44--l-padding-b,
.ds44--xl-padding-b,
.ds44--xxl-padding-b,
.ds44--p35b,
.ds44--p4b,
.ds44--2xl-padding-b,
.ds44--3xl-padding-b {
padding-bottom: 1rem !important;
}
.ds44--m-padding-t,
.ds44--l-padding-t,
.ds44--xl-padding-t,
.ds44--xxl-padding-t,
.ds44--2xl-padding-t,
.ds44--3xl-padding-t {
padding-top: 1rem !important;
}
.ds44--xl-padding-r,
.ds44--xxl-padding-r,
.ds44--2xl-padding-r,
.ds44--3xl-padding-r {
padding-right: 1rem !important;
}
.ds44--xl-padding-l,
.ds44--xxl-padding-l,
.ds44--2xl-padding-l,
.ds44--3xl-padding-l {
padding-left: 1rem !important;
}
.ds44-m-std,
.ds44-m3,
.ds44-m35,
.ds44-m5 {
margin: 1rem !important;
}
.ds44-mlr1,
.ds44-mlr2,
.ds44-m-fluid-margin,
.ds44-mlr3,
.ds44-mlr35,
.ds44-mlr4,
.ds44-mlr5,
.ds44-l-fluid-margin,
.ds44-xl-fluid-margin {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.ds44-mtb1,
.ds44-mtb2,
.ds44-mtb3,
.ds44-mtb4,
.ds44-mtb5,
.ds44-xl-margin-tb {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.ds44-mt1,
.ds44-mt2,
.ds44-mt-std,
.ds44-mt3,
.ds44-mt4,
.ds44-mt5,
h2:not(h1):not(.h1-like):not(.h3-like):not(.h4-like) + *,
h2 + .ds44-introduction,
.h2-like:not(h1):not(.h1-like):not(.h3-like):not(.h4-like) + *,
.h2-like + .ds44-introduction,
.mts, .mtm, .mtl {
margin-top: 1rem !important;
}
.ds44-mb1,
.ds44-mb2,
.ds44-mb-std,
.ds44-mb3,
.ds44-mb35,
.ds44-mb5,
.ds44-introduction,
.ds44-introduction-like,
.ds44-component-chapo,
.mbs, .mbm, .mbl {
margin-bottom: 1rem !important;
}
.ds44-mr1,
.ds44-mr2,
.ds44-mr-std,
.ds44-mr5,
.mrs, .mrm, .mrl {
margin-right: 1rem !important;
}
.ds44-ml1,
.ds44-ml2,
.ds44-ml-std,
.ds44-ml5,
.mls, .mlm, .mll {
margin-left: 1rem !important;
}
.ds44-m3c,
.ds44-m5c {
margin: 1rem auto !important;
}
}
/* -------------------------- */
/* ==Responsive helpers */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 64em) {
/* layouts for large screens */
.large-hidden {
display: none !important;
}
.large-visible {
display: block !important;
}
.large-no-float {
float: none;
}
.large-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for large screens */
.large-w25 {
width: 25% !important;
}
.large-w33 {
width: 33.333333% !important;
}
.large-w50 {
width: 50% !important;
}
.large-w66 {
width: 66.666666% !important;
}
.large-w75 {
width: 75% !important;
}
.large-w100,
.large-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for large screens */
.large-man,
.large-ma0 {
margin: 0 !important;
}
}
/* medium and large screens */
/* ------------------------ */
@media (min-width: 64em) and (max-width: 74.9375em) {
.ds44-large-noOffset {
padding-left: 0;
padding-right: 0;
}
}
/* medium screens */
/* -------------- */
@media (min-width: 48em) and (max-width: 63.9375em) {
/* layouts for medium screens */
.medium-hidden {
display: none !important;
}
.medium-visible {
display: block !important;
}
.medium-no-float {
float: none;
}
.medium-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for medium screens */
.medium-w25 {
width: 25% !important;
}
.medium-w33 {
width: 33.333333% !important;
}
.medium-w50 {
width: 50% !important;
}
.medium-w66 {
width: 66.666666% !important;
}
.medium-w75 {
width: 75% !important;
}
.medium-w100,
.medium-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for medium screens */
.medium-man,
.medium-ma0 {
margin: 0 !important;
}
}
/* Tablettes */
/* ------------- */
@media (min-width: 36em) and (max-width: 63.9375em) {
.ds44-tablette-extra-mt {
margin-top: 3rem !important;
}
.ds44-tablette-noOffset {
padding-left: 0;
padding-right: 0;
}
}
/* small screens */
/* ------------- */
@media (min-width: 36em) and (max-width: 47.9375em) {
/* layouts for small screens */
.small-hidden {
display: none !important;
}
.small-visible {
display: block !important;
}
.small-no-float {
float: none;
}
.small-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for small screens */
.small-w25 {
width: 25% !important;
}
.small-w33 {
width: 33.333333% !important;
}
.small-w50 {
width: 50% !important;
}
.small-w66 {
width: 66.666666% !important;
}
.small-w75 {
width: 75% !important;
}
.small-w100 {
width: 100%;
}
.small-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for small screens */
.small-man,
.small-ma0 {
margin: 0 !important;
}
.small-pan,
.small-pa0 {
padding: 0 !important;
}
}
/* tiny screens */
/* ------------ */
@media (max-width: 35.9375em) {
/* quick small resolution reset */
.mod,
.col,
fieldset {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
.flex-container, .flex-container--row,
.flex-row, .flex-container--column,
.flex-column, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column-reverse,
.flex-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* layouts for tiny screens */
.tiny-hidden {
display: none !important;
}
.tiny-visible {
display: block !important;
}
.tiny-no-float {
float: none;
}
.tiny-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
/* widths for tiny screens */
.tiny-w25 {
width: 25% !important;
}
.tiny-w33 {
width: 33.333333% !important;
}
.tiny-w50 {
width: 50% !important;
}
.tiny-w66 {
width: 66.666666% !important;
}
.tiny-w75 {
width: 75% !important;
}
.tiny-w100 {
width: 100%;
}
.tiny-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
/* margins for tiny screens */
.tiny-man,
.tiny-ma0 {
margin: 0 !important;
}
.tiny-pan,
.tiny-pa0 {
padding: 0 !important;
}
}
/* =======
SPECIFIC DS44 MEDIA QUERIES
=== */
@media (min-width: 64em) {
.ds44-hide-large {
display: none !important;
}
}
@media (min-width: 48em) {
.ds44-show-mobile,
.ds44-hide-medium {
display: none !important;
}
.ds44-medToXlarge-pl3 {
padding-left: 3rem;
}
}
@media (max-width: 63.9375em) {
.ds44-hide-tinyToLarge {
display: none !important;
}
.ds44-show-tinyToLarge {
display: block !important;
}
.ds44-ttl-pt9 {
padding-top: 9rem !important;
}
.ds44-stl-center {
text-align: center !important;
}
.ds44-large-extra-mb {
margin-bottom: 3rem !important;
}
.ds44-large-extra-mt {
margin-top: 3rem !important;
}
.ds44-TtL-noPad {
padding: 0 !important;
}
}
@media (max-width: 47.9375em) {
.ds44-tablette-extra-mb {
margin-bottom: 3rem !important;
}
.ds44-tablette-reduced-pt {
padding-top: 1rem !important;
}
.ds44-tablette-reduced-mt {
margin-top: 1rem !important;
}
.ds44-hide-tiny-to-medium {
display: none !important;
}
.ds44-show-tiny-to-medium {
display: block !important;
}
.ds44-TtM-noPad {
padding: 0 !important;
}
.ds44-flex-tablette-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 35.9375em) {
.ds44-hide-mobile {
display: none !important;
}
.ds44-show-mobile {
display: block !important;
}
.ds44-hide-smallScreens {
display: none !important;
}
.ds44-mobile-reduced-pad {
padding: 1rem !important;
}
.ds44-mobile-reduced-pt {
padding-top: 1rem !important;
}
.ds44-mobile-reduced-pb {
padding-bottom: 1rem !important;
}
.ds44-mobile-reduced-mar {
margin: 1rem !important;
}
.ds44-mobile-reduced-mb, #orejime button {
margin-bottom: 1rem !important;
}
.ds44-mobile-extra-mb {
margin-bottom: 3rem !important;
}
.ds44-mobile-extra-mt {
margin-top: 3rem !important;
}
.ds44-mobile-extra-smt {
margin-top: 1rem !important;
}
.ds44-mobile-reduced-mt {
margin-top: 1rem !important;
}
}
@media (max-width: 29.9375em) {
.ds44-tiny-reducedFont {
font-size: smaller;
}
.ds44-tiny-extra-mb {
margin-bottom: 3rem !important;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-hide-mobile,
.ds44-hide-smallScreens {
display: none !important;
}
}
.all-wauto {
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
border: 0;
}
@font-face {
font-family: 'Blogger Sans';
src: url("../fonts/blogger_sans-bold-webfont.woff2") format("woff2"), url("../fonts/blogger_sans-bold-webfont.woff") format("woff"), url("../fonts/blogger_sans-bold-webfont.svg#blogger_sansbold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Blogger Sans';
src: url("../fonts/blogger_sans-medium-webfont.woff2") format("woff2"), url("../fonts/blogger_sans-medium-webfont.woff") format("woff"), url("../fonts/blogger_sans-medium-webfont.svg#blogger_sansmedium") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Muli';
src: url("../fonts/muli-bold-webfont.woff2") format("woff2"), url("../fonts/muli-bold-webfont.woff") format("woff"), url("../fonts/muli-bold-webfont.svg#mulibold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Muli';
src: url("../fonts/muli-italic-webfont.woff2") format("woff2"), url("../fonts/muli-italic-webfont.woff") format("woff"), url("../fonts/muli-italic-webfont.svg#muliitalic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Muli';
src: url("../fonts/muli-regular-webfont.woff2") format("woff2"), url("../fonts/muli-regular-webfont.woff") format("woff"), url("../fonts/muli-regular-webfont.svg#muliregular") format("svg");
font-weight: normal;
font-style: normal;
}
/* ---------------------------------------------------*/
/* ------ - 3 - KNACSS components ------- */
/* -------------------------------------------------- */
/* ----------------------------- */
/* ==skip links */
/* ----------------------------- */
/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
/* styling skip links */
.skip-links {
position: absolute;
}
.skip-links a {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em;
background: black;
color: white;
text-decoration: none;
}
.skip-links a:focus {
position: static;
overflow: visible;
clip: auto;
}
/* ---------------------------------------------------*/
/* ------ - 4 - CD44 components ------- */
/* -------------------------------------------------- */
/* ----------------------------- */
/* ==Collapser */
/* ----------------------------- */
/* component structure */
.ds44-collapser, ul.ds44-collapser {
list-style: none;
padding: 0;
margin: 2rem 0 3rem 0;
border-top: 1px solid #99E6D1;
/* container for collapsed content */
/* Specific collapser for select multilevel */
}
.ds44-collapser li.ds44-collapser_element, .ds44-collapser li, ul.ds44-collapser li.ds44-collapser_element, ul.ds44-collapser li {
list-style: none !important;
}
.ds44-collapser .ds44-collapser_element, ul.ds44-collapser .ds44-collapser_element {
border-bottom: 1px solid #99E6D1;
list-style: none;
/* Specific collapser for select multilevel */
}
.ds44-collapser .ds44-collapser_element > p[role="heading"], ul.ds44-collapser .ds44-collapser_element > p[role="heading"] {
font-weight: normal;
}
.ds44-collapser .ds44-collapser_element > p[role="heading"]:after, ul.ds44-collapser .ds44-collapser_element > p[role="heading"]:after {
padding-bottom: 0;
}
.ds44-collapser .ds44-collapser_element .ds44-collapser_content li, ul.ds44-collapser .ds44-collapser_element .ds44-collapser_content li {
list-style: none;
margin-top: 0;
}
.ds44-collapser .ds44-collapser_element .ds44-collapser_content li > ul > li:first-child, ul.ds44-collapser .ds44-collapser_element .ds44-collapser_content li > ul > li:first-child {
margin-top: 0;
}
.ds44-collapser .ds44-collapser_element .ds44-collapser_button:hover, .ds44-collapser .ds44-collapser_element .ds44-collapser_button:focus, ul.ds44-collapser .ds44-collapser_element .ds44-collapser_button:hover, ul.ds44-collapser .ds44-collapser_element .ds44-collapser_button:focus {
text-decoration: underline;
}
.ds44-collapser .ds44-collapser_element.ds44-collapser--select, ul.ds44-collapser .ds44-collapser_element.ds44-collapser--select {
border: none;
}
.ds44-collapser .ds44-collapser_element.ds44-collapser--select .ds44-collapser_content,
.ds44-collapser .ds44-collapser_element.ds44-collapser--select .ds44-collapser_content--level2, ul.ds44-collapser .ds44-collapser_element.ds44-collapser--select .ds44-collapser_content,
ul.ds44-collapser .ds44-collapser_element.ds44-collapser--select .ds44-collapser_content--level2 {
background-color: #FFF;
}
.ds44-collapser .ds44-collapser_content--level2, ul.ds44-collapser .ds44-collapser_content--level2 {
padding-left: 3rem;
padding-right: 3rem;
padding-bottom: 1.5rem;
padding-top: 1rem;
}
.ds44-collapser .ds44-collapser_content--level3, ul.ds44-collapser .ds44-collapser_content--level3 {
padding-left: 6rem;
}
.ds44-collapser.ds44-listSelect, ul.ds44-collapser.ds44-listSelect {
border: none;
}
/* row-like button */
.ds44-collapser_button {
font-size: 1.125em;
padding: 1.5rem 3.5rem 1.5rem 1.5rem;
display: block;
width: 100%;
text-align: left;
background-color: transparent;
position: relative;
line-height: 1.4;
font-weight: inherit;
}
@media (min-width: 64em) {
.ds44-collapser_button {
font-size: 1.125em;
}
}
.ds44-collapser_button .icon {
position: absolute;
right: 1rem;
top: 1.5rem;
}
.ds44-collapser_button .icon::before {
line-height: .7;
-webkit-transition: -webkit-transform ease-in-out 0.25s;
transition: -webkit-transform ease-in-out 0.25s;
transition: transform ease-in-out 0.25s;
transition: transform ease-in-out 0.25s, -webkit-transform ease-in-out 0.25s;
display: block;
}
.ds44-collapser_button.show {
font-weight: bolder;
}
.ds44-collapser_button.show .icon::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: 5px;
}
.ds44-collapser_content {
background-color: #E6E6E6;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
max-height: 0;
overflow: hidden;
visibility: hidden;
}
.ds44-collapser_content--link,
.ds44-collapser_content--buttonLike {
font-size: 1.125em;
text-decoration: none;
padding: 1rem 3rem 1rem 1.5rem;
display: block;
position: relative;
}
@media (min-width: 64em) {
.ds44-collapser_content--link,
.ds44-collapser_content--buttonLike {
font-size: 1.125em;
}
}
.ds44-collapser_content--link:hover, .ds44-collapser_content--link:focus, .ds44-collapser_content--link:active,
.ds44-collapser_content--buttonLike:hover,
.ds44-collapser_content--buttonLike:focus,
.ds44-collapser_content--buttonLike:active {
text-decoration: underline;
}
.ds44-collapser_content--txt {
font-size: 1.125em;
padding: 1rem 3rem 1rem 1.5rem;
display: block !important;
position: relative;
}
@media (min-width: 64em) {
.ds44-collapser_content--txt {
font-size: 1.125em;
}
}
.ds44-collapser_content--txt:after {
content: none !important;
}
/* --
-------------
MEDIA QUERIES
-------------
-- */
@media (max-width: 767.9375px) {
.ds44-collapser .ds44-collapser_content--level2, ul.ds44-collapser .ds44-collapser_content--level2 {
padding-left: 0;
padding-right: 0;
}
.ds44-collapser .ds44-collapser_content--level3, ul.ds44-collapser .ds44-collapser_content--level3 {
padding-left: 2rem;
}
}
@media (max-width: 575.9375px) {
.ds44-collapser_content--link {
padding: 1rem 2rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-collapser_content {
visibility: visible !important;
max-height: -webkit-max-content !important;
max-height: -moz-max-content !important;
max-height: max-content !important;
overflow: visible !important;
visibility: visible !important;
}
}
:root {
--vanilla-calendar-bg-color: #fff;
--vanilla-calendar-border-radius: 5px;
--vanilla-calendar-border-color: #e7e9ed;
--vanilla-calendar-today-bg-color: #E7E9ED;
--vanilla-calendar-today-color: #333;
--vanilla-calendar-selected-color: #fff;
--vanilla-calendar-selected-radius: 5px;
}
.vanilla-calendar {
position: absolute;
background-color: var(--vanilla-calendar-bg-color);
border-radius: var(--vanilla-calendar-border-radius);
border: solid 1px var(--vanilla-calendar-border-color);
-webkit-box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.05);
margin: 0 auto;
overflow: hidden;
width: 350px;
right: 0;
z-index: 10000;
}
@media screen and (max-width: 47.9375em) {
.vanilla-calendar {
width: auto;
}
}
.vanilla-calendar *,
.vanilla-calendar *:before,
.vanilla-calendar *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vanilla-calendar .vanilla-calendar-btn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
background: none;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
line-height: normal;
min-width: 27px;
outline: none;
overflow: visible;
padding: 0;
text-align: center;
}
.vanilla-calendar .vanilla-calendar-btn:active {
border-radius: var(--vanilla-calendar-border-radius);
-webkit-box-shadow: 0 0 0 2px rgba(var(--vanilla-calendar-today-bg-color), 0.1);
box-shadow: 0 0 0 2px rgba(var(--vanilla-calendar-today-bg-color), 0.1);
}
.vanilla-calendar .vanilla-calendar-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
text-transform: uppercase;
}
.vanilla-calendar .vanilla-calendar-header svg {
fill: var(--vanilla-calendar-today-color);
}
.vanilla-calendar .vanilla-calendar-header__label {
font-weight: bold;
text-align: center;
width: 100%;
}
.vanilla-calendar .vanilla-calendar-week {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vanilla-calendar .vanilla-calendar-week span {
color: #000;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28%;
flex: 0 0 14.28%;
font-size: 1em;
font-weight: bold;
max-width: 14.28%;
padding: 15px 0px;
text-align: center;
text-transform: uppercase;
}
.vanilla-calendar .vanilla-calendar-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 10px;
}
.vanilla-calendar .vanilla-calendar-date {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: var(--vanilla-calendar-border-radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(14.28% - 6px);
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(14.28% - 6px);
max-width: calc(14.28% - 6px);
padding: 10px 0;
height: 44px;
margin: 3px;
}
.vanilla-calendar .vanilla-calendar-date--active {
cursor: pointer;
}
.vanilla-calendar .vanilla-calendar-date--today {
background-color: #99E6D1;
}
.vanilla-calendar .vanilla-calendar-date--selected {
background: #000;
color: #FFF;
}
.vanilla-calendar .vanilla-calendar-date:hover {
background: #000;
color: #FFF;
}
.vanilla-calendar .vanilla-calendar-date--disabled {
border-radius: 0;
cursor: not-allowed;
opacity: 0.2;
}
.tabDispos tr:first-child th {
text-align: center;
padding: .5rem;
}
.tabDispos th {
padding: .5rem 2rem .5rem 1rem;
}
.tabDispos td {
padding: .5rem;
}
.tabDispos th {
font-weight: normal;
text-align: left;
}
.PictoCreneauPrint {
display: none;
}
.ds44-card {
position: relative;
background-color: #E6E6E6;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: -webkit-box-shadow;
transition-property: -webkit-box-shadow;
transition-property: box-shadow;
transition-property: box-shadow, -webkit-box-shadow;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
margin-bottom: 1.5rem;
}
.ds44-card.ds44-card--contact {
border-bottom: 0.2rem solid #99E6D1;
background: #E6E6E6;
}
.ds44-card.ds44-card--contact .ds44-card__section {
padding: 2rem;
position: relative;
}
.ds44-card.ds44-card--contact .ds44-innerBoxContainer {
padding: 0;
}
.ds44-card.ds44-js-card:focus, .ds44-card.ds44-js-card:hover, .ds44-card.ds44-js-card:active {
cursor: pointer;
}
.ds44-card.ds44-js-card:focus a, .ds44-card.ds44-js-card:hover a, .ds44-card.ds44-js-card:active a {
text-decoration: underline;
}
.ds44-card.ds44-card--fiche {
background: transparent;
}
.ds44-card.ds44-card--fiche .ds44-card__section {
padding: 0;
}
.ds44-card.ds44-card--fiche:focus, .ds44-card.ds44-card--fiche:hover, .ds44-card.ds44-card--fiche:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.ds44-card.ds44-cardIsPartner .ds44-cardPartner {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 0.625rem;
background: #99E6D1;
font-weight: bold;
line-height: normal;
}
.ds44-card.ds44-cardIsPartner .ds44-cardTitle {
padding-top: 2rem;
}
.ds44-card.ds44-cardIsFocus {
background-color: #99E6D1 !important;
border-color: #5C5C5C;
}
.ds44-card.ds44-cardIsFocus hr {
color: #5C5C5C;
background-color: #5C5C5C;
}
.ds44-card.ds44-cardIsFocus .ds44-cardPartner {
background: #FFF;
}
.ds44-card.ds44-cardIsFocus:focus .ds44-cardArrow, .ds44-card.ds44-cardIsFocus:hover .ds44-cardArrow, .ds44-card.ds44-cardIsFocus:active .ds44-cardArrow {
color: #000;
}
.ds44-card:focus, .ds44-card:hover, .ds44-card:active, .ds44-card.active {
-webkit-box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
}
.ds44-card:focus .ds44-cardArrow, .ds44-card:hover .ds44-cardArrow, .ds44-card:active .ds44-cardArrow, .ds44-card.active .ds44-cardArrow {
opacity: 1;
}
.ds44-card .ds44-cardTitle {
font-size: 2.4rem;
}
.ds44-card .ds44-cardTitle a {
text-decoration: none;
}
.ds44-card .ds44-cardTitle a:hover, .ds44-card .ds44-cardTitle a:focus, .ds44-card .ds44-cardTitle a:active {
text-decoration: underline;
}
.ds44-card .ds44-cardGlobalLink {
text-decoration: none;
}
.ds44-card .ds44-imgRatio {
position: absolute;
height: 100%;
}
.ds44-card .ds44-cardPartner {
display: none;
}
.ds44-card .ds44-cardSelect {
position: absolute;
top: 0;
right: 0;
}
.ds44-card .ds44-cardArrow {
position: absolute;
right: 0;
bottom: 0;
opacity: 0;
padding: 1rem;
color: #99E6D1;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.ds44-card .ds44-cardTitle .ds44-icoInfoRoutes {
margin-right: 15px;
padding: 5px;
border-radius: 50%;
font-size: 1.2em;
vertical-align: baseline;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
}
.ds44-card .ds44-cardTitle .ds44-icoInfoRoutes.orangeFlag {
background: #FFC134;
color: #000;
}
.ds44-card .ds44-cardTitle .ds44-icoInfoRoutes.redFlag {
background: #DC3545;
color: #FFF;
}
.ds44-card.ds44-card--noLink {
border: 0;
}
.ds44-card.ds44-card--noLink:hover, .ds44-card.ds44-card--noLink:focus, .ds44-card.ds44-card--noLink:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.ds44-card.ds44-card--border {
background-color: #FFF;
border: 2px dashed #E6E6E6;
height: 100%;
min-height: 306px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
a.ds44-card {
display: block;
text-decoration: none;
}
.ds44-card--verticalPicture {
background-color: #E6E6E6;
height: 100%;
}
.ds44-card--verticalPicture--elu {
text-align: center;
padding-top: 2rem;
}
.ds44-card--verticalPicture--elu .ds44-container-imgRatio--profil,
.ds44-card--verticalPicture--elu .ds44-container-imgRatio--profilXL {
margin: 0 auto;
}
.ds44-card__section {
padding: 1rem 1.5rem;
height: 100%;
position: relative;
}
.ds44-container-imgRatio + .ds44-card__section,
figure[role=figure] + .ds44-card__section {
height: auto;
position: initial;
}
.ds44-card__globalLink {
text-decoration: none;
color: #000000;
}
.ds44-card__globalLink:focus, .ds44-card__globalLink:hover, .ds44-card__globalLink:active {
text-decoration: none;
}
.ds44-card__title,
.ds44-facette__title {
margin-bottom: 0.5rem;
padding: 0;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.2;
background: transparent;
font-family: Muli, Arial, Helvetica, sans-serif;
}
.ds44-cardPicture {
-o-object-fit: cover;
object-fit: cover;
min-width: 120px;
}
@media (max-width: 35.9375em) {
.ds44-cardPicture {
min-width: 105px;
}
}
.ds44-cardFile {
font-size: 0.875em;
color: #5C5C5C;
}
@media (min-width: 64em) {
.ds44-cardFile {
font-size: 0.875em;
}
}
.ds44-theme .ds44-cardFile {
color: #333;
}
.ds44-card__section--horizontal {
padding: 2rem 3rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 35.9375em) {
.ds44-card__section--horizontal {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
.ds44-card__section--horizontal--img {
width: auto;
min-width: 38%;
}
@media (min-width: 36em) and (max-width: 63.9375em) {
.ds44-card__section--horizontal--img {
min-width: 20%;
}
}
.ds44-card__section--horizontal--img--dim110 {
min-width: 31%;
}
@media (min-width: 75em) {
.ds44-card__section--horizontal--img--dim110 {
min-width: 110px;
}
}
.ds44-card__section--horizontal--img--dim80 {
min-width: 25%;
}
@media (min-width: 75em) {
.ds44-card__section--horizontal--img--dim80 {
min-width: 80px;
}
}
.ds44-homepage-container .ds44-card__section--horizontal--img--dim110 {
min-width: 31%;
}
@media (min-width: 75em) {
.ds44-homepage-container .ds44-card__section--horizontal--img--dim110 {
min-width: 90px;
}
}
@media (min-width: 64em) and (max-width: 74.9375em) {
.ds44-homepage-container .ds44-card__section--horizontal--img--dim110 {
min-width: 80px;
}
}
.ds44-homepage-container .ds44-card {
z-index: 10;
}
.ds44-card__dateContainer {
padding: 0.5rem;
background-color: #99E6D1;
text-align: center;
min-height: 14rem;
min-width: 25%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 35.9375em) {
.ds44-card__dateContainer {
padding-left: 1rem;
padding-right: 1rem;
min-width: 10rem;
}
}
@media (min-width: 63.9375em) and (max-width: 74.9375em) {
.ds44-card__dateContainer {
min-width: 9rem;
}
}
@media (min-width: 47.9375em) and (max-width: 63.9375em) {
.ds44-card__dateContainer {
min-width: 6rem;
}
}
.ds44-cardDateNumber {
font: bold 2.375em/1 "Blogger Sans", Arial, Helvetica, sans-serif;
display: block;
}
.ds44-two-dates .ds44-cardDateNumber {
font: bold 2em/1 "Blogger Sans", Arial, Helvetica, sans-serif;
}
.ds44-cardDateMonth {
font: normal 1.5em/1 "Blogger Sans", Arial, Helvetica, sans-serif;
display: block;
}
.ds44-two-dates .ds44-cardDateMonth {
font: normal 1.2em/1 "Blogger Sans", Arial, Helvetica, sans-serif;
}
.ds44-cardMultiDates .ds44-cardDateNumber {
font-size: 2.1875em;
}
.ds44-cardMultiDates .ds44-cardDateMonth {
font-size: 1.125em;
}
.ds44-cardDate,
.ds44-cardLocalisation {
font-size: .8125em;
}
.ds44-cardDate .icon,
.ds44-cardLocalisation .icon {
font-size: 1.2rem;
line-height: 1;
}
.ds44-cardDate.ds44-docListElem,
.ds44-cardLocalisation.ds44-docListElem {
padding-left: 2rem;
margin-bottom: .5rem;
}
@media (max-width: 35.9375em) {
.ds44-card--horizontal .ds44-card__img {
min-height: 100%;
}
}
.ds44-card--horizontal--inforoutes:hover, .ds44-card--horizontal--inforoutes:focus, .ds44-card--horizontal--inforoutes:active, .ds44-card--horizontal--inforoutes.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.ds44-card--horizontal--inforoutes .ds44-card__section--horizontal {
padding: 1rem;
display: block;
width: 100%;
text-align: center;
}
.ds44-card--horizontal--inforoutes .ds44-card__section--horizontal p {
margin: 0;
line-height: 1.2em;
}
.ds44-card--horizontal--inforoutes--bacs .h3-like {
font-size: 41px;
}
.ds44-card--horizontal--inforoutes--bacs .ds44-bacs-info {
background-color: #FFF;
background-image: url(../../../assets/images/apps/ponts/img/file-attente.svg);
background-position: bottom;
background-repeat: no-repeat;
border: 1px solid #E6E6E6;
padding: 10px 0 40px 0;
}
.ds44-card--horizontal--inforoutes--bacs .ds44-bacs-info.no-img {
background-image: none;
padding: 10px 0;
}
.ds44-card--horizontal--inforoutes--bacs .ds44-bacs-info > * {
padding: 0 10px;
}
.ds44-card--horizontal--inforoutes--bacs .ds44-bacs-info li {
display: inline-block;
padding: 10px 20px 10px 0;
background: url(../../../assets/images/right.png) no-repeat right 5px center;
font-size: 14px;
}
.ds44-card--horizontal--inforoutes--bacs .ds44-bacs-info li:last-child {
padding-right: 0;
background: none;
}
.asideCards .large-w50 {
width: 100% !important;
}
/*
MEDIA QUERIES
*/
@media (max-width: 29.9375em) {
.ds44-tiny-reducedFont .ds44-card__globalLink {
font-size: smaller;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-card__dateContainer {
min-height: 5rem;
min-width: 5rem;
}
}
.ds44-list .swipper-carousel-wrap {
padding-left: 6rem;
padding-right: 6rem;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap.ds44-container-large,
.ds44-homepage-container .swipper-carousel-wrap {
margin: 0;
}
}
.swipper-carousel-wrap .swiper-container {
padding: 1rem 1.6rem 3rem 1.6rem;
margin: 0 calc(5.5% - 1.6rem);
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-container {
padding: 1rem 0 0 0;
margin: 0 auto;
}
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide {
z-index: 1;
height: auto;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette {
background-color: #000;
height: 615px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 35.9375em) {
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette {
height: 40vh;
}
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container .ds44-diaporama-vignette-image {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container .ds44-diaporama-vignette-text {
position: absolute;
top: -100000px;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb {
display: block;
width: 7.8rem;
height: 7.8rem;
background-position: center center;
background-size: cover;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card {
margin-bottom: 0;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card--horizontal {
height: 100%;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card--horizontal > .ds44-flex-container {
height: 100%;
}
.swipper-carousel-wrap .swiper-pagination {
position: static;
width: 100%;
background-color: #E6E6E6;
text-align: center;
padding: 1rem 0;
min-height: 4rem;
}
.swipper-carousel-wrap .swiper-pagination p {
margin: 0;
}
.swipper-carousel-wrap .swiper-pagination .swiper-pagination-bullet {
background: none;
width: auto;
height: auto;
display: none;
color: #5C5C5C;
}
.swipper-carousel-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
display: block;
}
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-button-prev {
color: #000;
width: auto;
height: auto;
position: absolute;
top: calc(50% - 15px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 3px;
z-index: 14;
padding: 15px 20px;
margin: 0;
display: block;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-button-prev {
color: #FFF;
width: auto;
height: auto;
background: #000;
}
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-white,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white {
color: #fff;
border: 2px solid transparent;
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-white:focus, .swipper-carousel-wrap .swiper-button-next.swiper-button-white:-moz-focusring,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white:focus,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white:-moz-focusring {
background: #404040;
}
.swipper-carousel-wrap .swiper-button-next.ds44-not-edge-42 .icon::before,
.swipper-carousel-wrap .swiper-button-prev.ds44-not-edge-42 .icon::before {
font-size: 45px;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-button-next.ds44-not-edge-42 .icon::before,
.swipper-carousel-wrap .swiper-button-prev.ds44-not-edge-42 .icon::before {
font-size: 30px;
}
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-disabled,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-disabled {
display: none;
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-hidden,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-hidden {
position: absolute;
left: -10000px;
top: auto;
}
.swipper-carousel-wrap .swiper-button-next::after,
.swipper-carousel-wrap .swiper-button-prev::after {
content: none;
}
.swipper-carousel-wrap .swiper-button-prev,
.swipper-carousel-wrap .swiper-container-rtl .swiper-button-prev {
left: 0;
right: auto;
}
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-container-rtl .swiper-button-next {
right: 0;
left: auto;
}
.swipper-carousel-wrap .swiper-thumbs {
background-color: #E6E6E6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container {
max-width: 930px;
margin: 0 auto;
padding: 1rem 0 2rem 0;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper {
padding: 5px 16px 16px 16px;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide {
width: auto;
cursor: pointer;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb {
border: 3px solid transparent;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb:hover {
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb:focus {
border: 3px solid #000;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .ds44-diaporama-thumb {
border: 3px solid #99E6D1;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide:last-child {
margin-right: 0 !important;
}
.swipper-carousel-wrap.swipper-carousel-slideshow {
position: relative;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container {
padding: 0;
margin: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container .swiper-wrapper {
margin: 0;
grid-gap: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
margin: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .ds44-btnIco {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
border: 2px solid transparent;
}
.swipper-carousel-wrap.swipper-carousel-slideshow-slave {
height: 100%;
width: 100%;
}
.swipper-carousel-wrap.swipper-carousel-slideshow-slave .swiper-container {
height: 100%;
width: 100%;
}
.ds44-bgDark .swipper-carousel-wrap .swiper-button-next,
.ds44-bgDark .swipper-carousel-wrap .swiper-button-prev {
color: #ffffff;
}
.ds44-ssTitreH1_home {
font-size: 3.4rem;
}
@media screen and (max-width: 35.9375em) {
.ds44-ssTitreH1_home {
font-size: 2.4rem;
}
}
.ds44-tuiles-mosaiques .ds44-card {
margin: 0 !important;
overflow: hidden;
}
.ds44-tuiles-mosaiques .ds44-card .ds44-card__section {
height: auto;
position: static;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card__title {
font-size: 2.4rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card picture {
height: 100%;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card .ds44-card__section {
position: absolute;
bottom: 0;
left: 0;
width: 60%;
background: #E6E6E6;
padding: 3rem;
}
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card__title {
font-size: 1.7rem;
}
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card__title {
font-size: 1.4rem;
}
@media screen and (max-width: 35.9375em) {
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card__title,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card__title,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card__title {
font-size: 1.7rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card {
height: auto;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card .ds44-card__section,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card .ds44-card__section,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card .ds44-card__section {
position: relative;
width: auto;
padding: 1rem 1.5rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 {
margin: 0 !important;
}
}
/* Media Queries Print / Impression */
@media print {
.swiper-container {
padding: 0 !important;
margin: 0 !important;
}
.swiper-wrapper {
display: inline !important;
}
.swiper-slide {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
height: inherit !important;
margin: 0 !important;
width: 100% !important;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.swiper-slide .ds44-js-card {
margin-bottom: 1rem !important;
border: 1px solid #E6E6E6;
}
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
}
/* Main structure */
.ds44-container-fluid {
position: relative;
width: 100%;
}
.ds44-container-large {
position: relative;
max-width: 100em;
margin-left: 6rem;
margin-right: 6rem;
}
.ds44-inner-container {
margin-left: auto;
margin-right: auto;
max-width: 70em;
position: relative;
}
.ds44-inner-container--mag {
margin-left: auto;
margin-right: auto;
max-width: 58em;
position: relative;
}
.ds44-video-container {
position: relative;
width: 100%;
height: 480px;
}
.ds44-video-container .ds44-video-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.ds44-cookie-overlay-container {
position: relative;
width: 100%;
overflow: hidden;
}
.ds44-cookie-overlay-container .ds44-media-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
background-color: #000;
}
.ds44-cookie-overlay-container .ds44-msg-media-desactive {
color: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
/*RS-1436 reprise de code bootstrap pour l'apparence de video insere dans un wysiwyg*/
.embed-responsive.embed-responsive-16by9 {
position: relative;
padding-bottom: 56.25%;
}
.embed-responsive iframe.embed-responsive-item {
height: 100%;
width: 100%;
position: absolute;
}
.ds44-homepage-container .ds44-imgInsta .ds44-legendeContainer {
padding: 0;
height: auto;
}
.ds44-homepage-container .ds44-imgInsta .ds44-legendeContainer img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ds44-homepage-container:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
height: 2em;
width: 4rem;
background: url(../../../assets/icons/long-arrow-down.svg) no-repeat;
}
.ds44-expositionHeader-container:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
height: 2em;
width: 4rem;
background: url(../../../assets/icons/long-arrow-down-white.svg) no-repeat;
}
.ds44-littleMain {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-littleMain #content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
main {
padding-top: 9.8rem;
}
@media (max-width: 63.9375em) {
main {
padding-top: 11.4rem;
}
}
@media (max-width: 35.9375em) {
main {
padding-top: 6.2rem;
}
}
@media (min-width: 75em) {
.ds44-inner-container {
max-width: 70em;
}
}
.ds44-navContainer {
padding-top: 6rem;
}
.ds44-navContainer .ds44-inner-container {
padding: 0 2rem;
}
.ds44-container-fixed {
position: fixed;
width: 100%;
left: 0;
}
.ds44-contenuArticle, .ds44-contenuMedia {
margin: 0 auto 3rem auto;
}
.ds44-contenuDossier .ds44-negativeOffset-1,
.ds44-contenuDossier .ds44-negativeOffset-2 {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 47.9375em) {
.ds44-container-relmob {
position: relative;
}
}
@media (max-width: 35.9375em) {
.ds44-container-large {
padding: 0;
/*$ds44-mobile-margins*/
}
}
.ds44-pageHeaderContainer {
position: relative;
background-color: #777777;
}
.ds44-pageHeaderContainer--deuxCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ds44-pageHeaderContainer__left {
width: 70%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.ds44-pageHeaderContainer__left figure {
position: initial;
}
.ds44-pageHeaderContainer__right {
width: 30%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ds44-pageHeaderContainer__right hr {
margin: 1em 0 1em;
background-color: #939393;
}
.ds44-titleContainer {
position: relative;
bottom: 0;
z-index: 10;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 460px;
}
.ds44-titleContainer--home {
min-height: 620px;
}
.ds44-titleContainer--home .ds44-alphaGradient--header {
height: 50%;
width: 100%;
position: absolute;
z-index: 1;
padding: 0;
}
.ds44-titleContainer--home .ds44-imgCaption {
max-width: calc(100% - 55px);
}
.swipper-carousel-wrap--homepage .h1-like,
.ds44-titleContainer--home .h1-like {
padding: 10rem 3rem 5rem 3rem;
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
font-weight: normal;
}
.ds44-titleContainer--home.ds44-home-assmat {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ds44-titleContainer--home.ds44-home-assmat .h1-like {
padding: 3rem 5rem 2rem 5rem;
position: relative;
}
.ds44-titleContainer--home.ds44-home-assmat .ds44-form-assmat {
z-index: 2;
padding: 0 5rem 3rem 5rem;
}
.ds44-titleContainer--home.ds44-home-assmat .ds44-alphaGradient--header {
height: 70%;
bottom: 0;
}
.ds44-pageHeaderContainer__pictureContainer {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000;
}
.ds44-pageHeaderContainer--deuxCol .ds44-bgGray {
width: 100%;
}
.ds44-introduction, .ds44-introduction-like, .ds44-component-chapo {
font-size: 1.0625em;
background: transparent;
font-weight: 700;
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 64em) {
.ds44-introduction, .ds44-introduction-like, .ds44-component-chapo {
font-size: 1.1875em;
}
}
/* Links */
.ds44-rsLink {
padding: 1.5rem;
}
/* Texts */
.ds44-text--colorInvert {
color: #FFF;
}
.ds44-text--colorInvert a {
color: #FFF;
}
.ds44-exergue {
border: 1px solid #99E6D1;
padding: 1.5rem 3rem;
margin: 3rem auto;
}
.ds44-smallText {
font-size: 0.875em;
}
@media (min-width: 64em) {
.ds44-smallText {
font-size: 0.875em;
}
}
.ds44-component-chapo {
max-width: 50%;
}
/* Liste resultats recherche facettes */
/* -------Resultats sans carte - liste de tuiles */
.ds44-results {
overflow: hidden;
display: block;
position: relative;
/* -------Resultats vide */
/* -------Resultats avec carte - tuiles en colonne gauche avec carte à droite */
}
.ds44-results .ds44-listResults {
width: 100%;
-webkit-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.ds44-results .ds44-listResults .ds44-js-results-container {
position: relative;
overflow: hidden;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-card {
background-color: #FFF;
-webkit-transition: left 0.5s ease-in-out;
transition: left 0.5s ease-in-out;
position: absolute;
width: 100%;
height: 100%;
left: 200%;
z-index: 2;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-card main[role="main"] {
padding: 0;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-card main[role="main"] .ds44-btnStd, .ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-card main[role="main"] #orejime button, #orejime .ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-card main[role="main"] button {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-list {
position: relative;
background-color: #FFF;
z-index: 1;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-list #ds44-results-new-search {
display: none;
}
.ds44-results .ds44-listResults .ds44-js-results-container.ds44-js-show-card .ds44-js-results-card {
left: 0;
position: relative;
}
.ds44-results .ds44-listResults .ds44-js-results-container.ds44-js-show-card .ds44-js-results-list {
display: none;
}
.ds44-results .ds44-listResults .ds44-js-results-container .ds44-js-results-list > .h3-like[role="heading"] {
margin-left: 1.5rem;
}
.ds44-results .ds44-listResults .ds44-textLegend {
padding-right: 20%;
}
@media (max-width: 47.9375em) {
.ds44-results .ds44-listResults .ds44-textLegend {
padding-right: 0;
}
}
.ds44-results .ds44-listResults .ds44-list--results {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 3rem;
}
.ds44-results .ds44-listResults .ds44-list--results > li {
display: -ms-grid;
display: grid;
margin: 1.5rem;
width: calc(33.33% - 3rem);
max-width: calc(33.33% - 3rem);
}
.ds44-results .ds44-listResults .ds44-list--results > li.first {
margin-bottom: 0;
}
.ds44-results .ds44-listResults .ds44-list--results > li.middle {
margin-bottom: 0;
margin-top: 0.1rem;
}
.ds44-results .ds44-listResults .ds44-list--results > li.last {
margin-top: 0.1rem;
}
@media (max-width: 63.9375em) {
.ds44-results .ds44-listResults .ds44-list--results > li {
width: calc(50% - 3rem);
max-width: calc(50% - 3rem);
}
}
@media (max-width: 47.9375em) {
.ds44-results .ds44-listResults .ds44-list--results > li {
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem 0;
}
}
.ds44-results .ds44-listResults .ds44-list--results > li .ds44-card {
margin-bottom: 0;
}
.ds44-results .ds44-listResults .ds44-list--results > li .ds44-card--horizontal .ds44-flex-container {
height: 100%;
}
.ds44-results .ds44-mapResults {
display: none;
-webkit-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
position: relative;
}
.ds44-results .ds44-btnStd-showMap {
position: absolute;
top: 10px;
right: 10px;
display: block;
z-index: 5;
}
@media (max-width: 47.9375em) {
.ds44-results .ds44-btnStd-showMap {
position: fixed;
top: auto;
bottom: 0;
right: auto;
left: 0;
width: 100%;
}
}
.ds44-results .ds44-btnStd-showLegend {
position: absolute;
top: 10px;
right: 10px;
display: block;
z-index: 5;
}
@media (max-width: 47.9375em) {
.ds44-results--empty .ds44-btnStd-showMap {
display: none;
}
}
.ds44-results--mapVisible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible {
display: block;
margin-top: 2rem;
}
}
.ds44-results--mapVisible .ds44-btnStd-showMap {
display: none;
}
.ds44-results--mapVisible .ds44-listResults {
width: 33.333333%;
}
@media (max-width: 63.9375em) {
.ds44-results--mapVisible .ds44-listResults {
width: 50%;
}
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible .ds44-listResults {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
}
.ds44-results--mapVisible .ds44-listResults .ds44-textLegend {
padding-right: 0;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-search-pager {
display: none;
}
.ds44-results--mapVisible .ds44-listResults .ds44-list--results {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible .ds44-listResults .ds44-list--results {
display: none;
}
}
.ds44-results--mapVisible .ds44-listResults .ds44-list--results > li {
display: inherit;
width: calc(100% - 3rem);
max-width: calc(100% - 3rem);
}
.ds44-results--mapVisible .ds44-listResults .ds44-list--results > li > * {
width: 100%;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large {
padding: 0;
margin: 0;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large * {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .h1-like {
font-size: 1.75em;
}
@media (min-width: 36em) {
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .h1-like {
font-size: 2em;
}
}
@media (min-width: 64em) {
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .h1-like {
font-size: 2.375em;
}
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-grid12-offset-1,
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-grid12-offset-2 {
padding-left: 8.333%;
padding-right: 8.333%;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-innerBoxContainer .ds44-grid12-offset-1,
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-innerBoxContainer .ds44-grid12-offset-2 {
padding: 0;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-negativeOffset-1,
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .ds44-negativeOffset-2 {
padding: 0;
margin: 0;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .col {
padding: 0 !important;
margin-top: 2em;
}
.ds44-results--mapVisible .ds44-listResults .ds44-js-results-card main[role="main"] .ds44-container-large .col:first-child {
margin-top: 0;
}
.ds44-results--mapVisible--fullW {
height: 80vh;
display: block;
overflow: auto;
}
.ds44-results--mapVisible--fullW .ds44-mapResults {
display: block;
width: 100% !important;
height: 100%;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .ds44-btnStd, .ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map #orejime button, #orejime .ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map button {
font-size: 1.4rem;
font-family: Muli, Arial, Helvetica, sans-serif;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-group {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-toggle-view {
white-space: nowrap;
width: auto;
padding: 0 1.5rem;
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-toggle-view {
display: none;
}
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-in,
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-out,
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-compass,
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-fullscreen,
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-shrink {
color: #ffffff !important;
background-color: #000000 !important;
border-radius: 3px;
border: 1px solid #000;
height: 4.5rem;
width: 4.5rem;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-in,
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-out {
margin-bottom: 0.5rem;
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible--fullW .ds44-mapResults .ds44-js-map .mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible .ds44-mapResults {
display: block;
width: 66.666666%;
}
@media (max-width: 63.9375em) {
.ds44-results--mapVisible .ds44-mapResults {
width: 50%;
}
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible .ds44-mapResults {
width: 100%;
}
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container {
position: relative;
width: 100%;
height: 80vh;
}
@media (max-width: 63.9375em) {
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container {
height: auto;
}
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container {
height: 80vh;
}
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-btnStd-showMap {
display: block;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map {
width: 100%;
height: 100%;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .ds44-btnStd, .ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map #orejime button, #orejime .ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map button {
font-size: 1.4rem;
font-family: Muli, Arial, Helvetica, sans-serif;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-group {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-toggle-view {
white-space: nowrap;
width: auto;
padding: 0 1.5rem;
}
@media (max-width: 47.9375em) {
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-toggle-view {
display: none;
}
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-in,
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-out,
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-compass,
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-fullscreen,
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-shrink {
color: #ffffff !important;
background-color: #000000 !important;
border-radius: 3px;
border: 1px solid #000;
height: 4.5rem;
width: 4.5rem;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-in,
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-out {
margin-bottom: 0.5rem;
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.ds44-results--mapVisible .ds44-mapResults .ds44-mapResults-container .ds44-js-map .mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,");
}
/* Fiche lieu événements */
.ds44-img50--event .ds44-theme {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-img50--event .ds44-theme .ds44-docListElem {
margin: .25em .5em;
}
.ds44-img50--event .ds44-theme .ds44-docListElem.h4-like {
line-height: 0.85em;
}
/* Sites grand patrimoine */
.ds44-homepage-container--gp .ds44-titleContainer--home .h1-like {
background: #000;
width: 100%;
padding: 3rem 3rem 5rem 3rem !important;
margin: 0;
}
.ds44-homepage-container--gp .ds44-imgCaption {
z-index: 115;
}
.ds44-homepage-container--gp .ds44-alphaGradient--header {
display: none;
}
/* =======
GENERIC MEDIA QUERIES
=== */
@media (max-width: 74.9375em) {
.ds44-titleContainer {
min-height: 340px;
}
.ds44-titleContainer--home {
min-height: 620px;
}
.ds44-homepage-container--assmat > div {
height: auto !important;
}
}
@media (min-width: 64em) {
.ds44-homepage-container > div {
height: 620px;
}
}
@media (max-width: 63.9375em) {
aside {
margin-top: 3rem;
}
.ds44-container-large {
margin: 0 3rem;
}
.ds44-homepage-container > div {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.ds44-homepage-container > div .ds44-titleContainer--home {
min-height: 450px;
}
}
@media (max-width: 47.9375em) {
.ds44-pageHeaderContainer--deuxCol {
display: block;
}
.ds44-pageHeaderContainer__left, .ds44-pageHeaderContainer__right {
width: 100%;
}
}
@media (max-width: 35.9375em) {
.ds44-titleContainer {
min-height: 250px;
}
.ds44-titleContainer--home {
min-height: 370px !important;
}
.ds44-container-large {
margin: 0 1rem;
}
.ds44-component-chapo {
max-width: 85%;
display: none;
}
.ds44-homepage-container--gp:after,
.ds44-homepage-container--ha:after {
display: none;
}
.ds44-homepage-container--gp .ds44-titleContainer--home .h1-like,
.ds44-homepage-container--ha .ds44-titleContainer--home .h1-like {
padding: 3rem !important;
}
.ds44-homepage-noCarrousel .ds44-titleContainer--home .h1-like {
padding: 10rem 3rem 3rem 3rem;
margin: 0;
}
.ds44-homepage-noCarrousel .ds44-titleContainer--home.ds44-home-assmat .ds44-form-assmat {
z-index: 2;
padding: 0 3rem 5rem 3rem;
}
}
@media (min-width: 100em) {
.ds44-container-large {
margin: 0 auto;
padding-left: 6rem;
padding-right: 6rem;
}
}
/* Media Queries Print / Impression */
@media print {
body {
font-size: 1em;
width: auto !important;
margin: auto !important;
background-color: #fff !important;
color: #000 !important;
}
p,
.p-like,
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
blockquote,
label,
ul,
ol {
color: #000 !important;
margin: 0;
}
p, blockquote {
orphans: 3;
/* pas de ligne seule en bas */
widows: 3;
/* pas de ligne seule en haut */
}
blockquote, ul, ol, table, tbody, .ds44-wsg-encadreContour {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
/* pas de coupure dans ces élements */
}
h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like {
-webkit-column-break-after: avoid;
-moz-column-break-after: avoid;
break-after: avoid;
/* pas de saut après ces éléments */
}
h2, .h2-like {
padding: 0 !important;
}
a {
color: #000 !important;
text-decoration: underline !important;
}
.ds44-container-large {
margin: 0;
padding: 0;
clear: both;
max-width: inherit;
display: block !important;
}
.grid-2-small-1,
.grid-12-small-1 {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
-webkit-column-break-inside: auto !important;
-moz-column-break-inside: auto !important;
break-inside: auto !important;
}
.grid-2-small-1 > *,
.grid-12-small-1 > * {
clear: both !important;
display: block;
grid-column: inherit !important;
-webkit-column-break-inside: auto !important;
-moz-column-break-inside: auto !important;
break-inside: auto !important;
}
.grid-2-small-1 > * *,
.grid-12-small-1 > * * {
-webkit-column-break-inside: auto !important;
-moz-column-break-inside: auto !important;
break-inside: auto !important;
}
.ds44-grid12-offset-2,
.ds44-grid12-offset-1,
.ds44-negativeOffset-2,
.ds44-negativeOffset-1 {
padding: 0 !important;
margin: 0 !important;
}
.ds44-inner-container,
.ds44-inner-container--mag {
max-width: inherit !important;
}
p, blockquote {
orphans: 3;
/* pas de ligne seule en bas */
widows: 3;
/* pas de ligne seule en haut */
}
blockquote,
ul,
ol {
page-break-inside: avoid;
/* pas de coupure dans ces élements */
}
h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like {
page-break-after: avoid;
/* pas de saut après ces éléments */
}
a {
color: #000 !important;
text-decoration: underline !important;
}
.ds44-container-large {
margin: 0;
padding: 0;
clear: both;
max-width: inherit;
display: block !important;
}
.grid-2-small-1,
.grid-12-small-1 {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
page-break-inside: auto !important;
}
.grid-2-small-1 > *,
.grid-12-small-1 > * {
clear: both !important;
display: block !important;
grid-column: inherit !important;
page-break-inside: auto !important;
}
.ds44-grid12-offset-2,
.ds44-grid12-offset-1 {
padding: 0 !important;
}
.ds44-inner-container {
max-width: inherit !important;
}
.ds44-pageHeaderContainer .ds44-titleContainer {
min-height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ds44-pageHeaderContainer .ds44-titleContainer .ds44-alphaGradient {
padding: 0 !important;
}
.ds44-pageHeaderContainer .ds44-titleContainer .ds44-text--colorInvert {
color: #000;
}
.ds44-pageHeaderContainer img {
display: none !important;
}
.grid-offset {
display: none !important;
}
.txtcenter,
.u-txt-center,
.center {
text-align: left;
}
.ds44-homepage-container > div {
height: auto !important;
min-height: auto !important;
}
.ds44-homepage-container > div .swipper-carousel-wrap--homepage .h1-like,
.ds44-homepage-container > div .ds44-titleContainer--home .h1-like {
position: relative;
padding: 0;
color: #000;
}
.ds44-homepage-container > div .swipper-carousel-wrap--homepage .h1-like br,
.ds44-homepage-container > div .ds44-titleContainer--home .h1-like br {
display: none;
}
.ds44-homepage-container > div .ds44-titleContainer--home {
height: auto !important;
min-height: auto !important;
}
.ds44-component-chapo {
max-width: 100%;
}
tr:nth-child(odd),
thead + tbody > tr:nth-child(even) {
background-color: #E6E6E6 !important;
border: 1px solid #E6E6E6;
}
}
/*
* CD44 Design System - Boxes
*/
.ds44-box {
background-position-y: center;
}
.ds44-box.ds44-wave-white {
background-position: bottom -120px left 0;
height: 100%;
background-size: 1200px;
}
.ds44-box.ds44-bgCircle {
background-position: left -240px bottom -200px;
height: 100%;
}
.ds44-box.ds44-bgTriangle-left {
background-position: left -150px center;
height: 100%;
}
.ds44-box .ds44-blocObligeAlim {
padding-top: 1rem;
border-top: 1px solid #FFF;
}
.ds44-box .ds44-blocObligeAlim #ds44-js-soa-add,
.ds44-box .ds44-blocObligeAlim #ds44-js-soa-delete {
cursor: pointer;
}
.ds44-box.ds44-theme hr {
color: #5C5C5C;
background-color: #5C5C5C;
}
.ds44-box--push {
min-height: 280px;
height: 100%;
}
.ds44-box__img {
width: 100%;
}
.ds44-box-heading {
font-size: 1.1875em;
font-weight: 700;
font-family: Muli, Arial, Helvetica, sans-serif;
background: transparent;
padding: 0;
line-height: 1.2em;
}
@media (min-width: 36em) {
.ds44-box-heading {
font-size: 1.375em;
}
}
@media (min-width: 64em) {
.ds44-box-heading {
font-size: 1.5em;
}
}
.ds44-innerBoxContainer {
padding: 3rem;
}
.ds44-innerBoxContainer.ds44-box--custom picture {
width: 40%;
margin-right: 5%;
text-align: center;
}
.ds44-innerBoxContainer.ds44-box--custom picture img {
height: 150px;
width: 100%;
display: block;
}
.ds44-innerBoxContainer.ds44-box--custom .ds44-chiffreCustom {
font-size: 1.5em;
background: #FFF;
padding: 0px 10px;
border-radius: 10px;
display: inline-block;
font-weight: bold;
}
.ds44-innerBoxContainer.ds44-box--custom .ds44-chiffreCustom + span {
display: block;
margin-top: 10px;
}
.ds44-innerBoxContainer.ds44-box--custom .ds44-pushCustomText {
width: 55%;
}
.ds44-box--temoignage {
padding-bottom: 7rem !important;
position: relative;
height: 100%;
}
.ds44-box--temoignage .ds44-fullWBtn {
position: absolute;
bottom: 0;
left: 0;
margin: 2rem;
width: calc(100% - 4rem);
}
.ds44-boxPic {
float: left;
margin-right: 1rem;
width: 150px;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.ds44-boxPic img {
width: 100%;
}
.ds44-boxPic--light {
width: 100px;
}
.ds44-numberIncrement {
display: inline-block !important;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ds44-numberIncrement + .h1-like {
display: inline-block !important;
}
.ds44-txtExergue {
font-size: 1.5em;
display: block;
}
@media (min-width: 64em) {
.ds44-txtExergue {
font-size: 1.5em;
}
}
.ds44-borderContainer {
border: 1px solid #99E6D1;
padding: 3rem;
}
.ds44-borderContainer .ds44-innerBoxContainer {
padding: 0;
}
.ds44-pushTitle {
font-size: 1.75em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
line-height: 1.1;
}
@media (min-width: 64em) {
.ds44-pushTitle {
font-size: 1.75em;
}
}
.ds44-boxPushContent {
max-width: calc(55% + 15px);
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding: 1.5rem;
min-height: 108px;
}
.ds44-boxPushContent--fluid {
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 3rem;
}
.ds44-boxPushContent--fluid.ds44-titlePushH {
max-width: 45%;
}
.ds44-boxPushContent--fluid.ds44-contentPushH {
max-width: 30%;
}
.ds44-boxPushContent--fluid li > p:first-child::after {
display: none;
}
.ds44-boxPushContent--fluid p {
margin: 0;
padding-left: 1.5rem;
display: block !important;
}
.ds44-boxPushPic {
position: relative;
-ms-flex-item-align: end;
align-self: flex-end;
}
.ds44-boxPushPic--horizontal {
width: calc(30% - 15px);
}
.ds44-boxPushPic--horizontal img {
max-height: 110px;
}
.ds44-pictoStore {
height: 32px;
margin-bottom: 10px;
}
.ds44-pictoStore--bigger {
height: 45px;
}
.PortletPush {
padding: 2rem 2rem 4rem 2rem;
}
.ds44-alertMsg-container {
background-color: #FEF4F5;
padding: 0;
}
.ds44-alertMsg-container .ds44-collapser {
margin: 0;
border: 0;
}
.ds44-alertMsg-container .ds44-collapser .ds44-card__title {
font-size: 2.4rem;
text-align: center;
margin: 0;
position: relative;
padding-left: 5rem;
display: inline-block;
}
.ds44-alertMsg-container .ds44-collapser .ds44-card__title .icon {
left: 0;
top: -5px;
right: inherit;
}
.ds44-alertMsg-container .ds44-collapser .ds44-card__title .icon:before {
color: #DC3545;
-webkit-transform: none;
transform: none;
margin-top: 0;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_element {
border: 0;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_element .ds44-collapser_button {
text-align: center;
border: 2px solid transparent;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_element .ds44-collapser_button:focus {
border: 2px solid #DC3545;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_element .ds44-collapser_button .icon--sizeXL {
right: 1.5rem;
top: .75rem;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content {
background-color: #FEF4F5;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 {
padding-left: 5rem;
padding-right: 5rem;
padding-bottom: 2rem;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h2, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h3, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h4 {
font-size: 1em;
font-family: 'Muli', Arial, Helvetica, sans-serif;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h2 + *, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h3 + *, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 h4 + * {
margin-top: 0.5rem;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 ul, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 ol {
padding: 0;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 ul li, .ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 ol li {
display: inline-block;
margin: 0 .5rem;
}
.ds44-mediaIndicator {
padding: 1rem 1.5rem;
border-radius: 3px;
position: absolute;
left: 1.5rem;
bottom: 1.5rem;
display: block;
background-color: #000;
z-index: 10;
color: #FFF;
}
.ds44-mediaIndicator .icon {
line-height: 1;
}
.grid-12-small-1 .colFocusProjets {
-ms-flex-item-align: start;
align-self: flex-start;
}
.grid-12-small-1 .colFocusProjets:first-of-type {
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
/* =======
MEDIA QUERIES
=== */
@media (min-width: 64em) {
.grid-12-small-1 .colPush {
margin-right: 1.5rem;
}
.grid-12-small-1 .colPush:last-of-type {
margin-right: 0;
}
.grid-12-small-1 .colFocusProjets {
margin-left: 1.5rem;
}
.grid-12-small-1 .colFocusProjets:first-of-type {
margin-left: 0;
}
.ds44-innerBoxContainer--list {
padding: 2rem;
}
}
@media (max-width: 63.9375em) {
.grid-2-small-1 {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.ds44-box .col,
.grid-2-small-1 .col {
margin-top: 2em;
padding: 0 !important;
}
.ds44-box .col:first-child,
.grid-2-small-1 .col:first-child {
margin-top: 0;
}
.grid-12-small-1 .colPush {
margin-bottom: 1.5rem;
}
.ds44-innerBoxContainer--list {
padding: 2rem;
}
}
@media (min-width: 48em) {
.grid-12-small-1 .colPush.col-6 {
margin-right: 1.5rem;
}
.grid-12-small-1 .colPush.col-6:last-of-type {
margin-right: 0;
}
}
@media (max-width: 47.9375em) {
.ds44-boxPushContent {
width: 100%;
}
.ds44-boxPushContent--fluid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.ds44-boxPushContent--fluid p {
max-width: 100%;
padding: 1.5rem;
}
.ds44-boxPushContent--fluid p[role="heading"] {
max-width: 100%;
}
.ds44-boxPushPic--horizontal {
width: 100%;
text-align: center;
}
.ds44-boxPushPic--horizontal img {
max-height: 300px;
}
.ds44-innerBoxContainer.ds44-theme--dataviz picture {
width: 30%;
}
.ds44-innerBoxContainer.ds44-theme--dataviz .ds44-pushDataVizText {
width: 65%;
}
.ds44-alertMsg-container .ds44-collapser .ds44-card__title {
font-size: 2rem;
padding: 0 1rem 0 3rem;
}
.ds44-alertMsg-container .ds44-collapser .ds44-collapser_content .ds44-collapser_content--level2 {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 29.9375em) {
.ds44-innerBoxContainer {
padding: 1rem;
}
.ds44-boxPushContent {
max-width: 100%;
}
.ds44-boxPushContent--fluid {
padding-right: 1.5rem;
}
.ds44-box--push {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
text-align: center;
min-height: 0;
padding-top: 1rem;
}
.ds44-boxPushPic {
width: 100%;
}
}
@media (min-width: 75em) {
.ds44-boxPushPic--horizontal {
width: calc(20% - 15px);
}
.ds44-innerBoxContainer--list {
padding: 3rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-js-aside-summary {
position: inherit !important;
}
.ds44-js-aside-summary > * {
position: inherit !important;
}
.ds44-innerBoxContainer {
padding: 1rem;
}
.ds44-box.ds44-theme,
.ds44-box--push {
min-height: inherit !important;
border: 1px solid #E6E6E6;
-webkit-column-break-inside: avoid !important;
-moz-column-break-inside: avoid !important;
break-inside: avoid !important;
}
.ds44-boxPushPic picture, .ds44-boxPushPic figure, .ds44-boxPushPic img {
display: none;
}
.ds44-boxPushPic.ds44-boxPushPic--horizontal {
width: 0 !important;
}
.ds44-card__title {
font-size: 1.3rem !important;
}
.ds44-legendeContainer .ds44-blockAbsolute {
position: relative !important;
z-index: 1 !important;
width: auto !important;
}
}
.ds44-list {
padding: 0;
list-style: none;
/* Liste à puces avec ancres (page dossier actualités) */
/* Liste pour chapitrage vidéo */
/* Liste pour table alphabétique */
/* Liste de tag étiquettes servant pour les mots clés par exemple */
}
.ds44-list ul, .ds44-list ul > li {
list-style: none;
}
.ds44-list--puces > li {
list-style: none;
margin-top: 1.5rem;
position: relative;
padding-left: 2rem;
}
.ds44-list--puces > li > a {
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ds44-list--puces > li > a:hover {
text-decoration: underline;
}
.ds44-list--puces > li > a:before {
content: '';
width: 7px;
height: 7px;
border: 1px solid #000;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 7px;
}
.ds44-list--puces > li > a.active:hover {
text-decoration: none;
}
.ds44-list--puces > li > a.active:before {
content: '';
width: 10px;
height: 10px;
background: #000;
top: 7px;
}
.ds44-list--video {
margin-left: 1rem;
margin-bottom: 2rem;
}
.ds44-list--video > li {
list-style: none;
position: relative;
padding-left: 3rem;
}
.ds44-list--video > li + li {
margin-top: 2rem;
}
.ds44-list--video > li > a:before {
content: '';
width: 20px;
height: 20px;
background-image: url(../../../assets/images/cd44-play-black.svg);
display: block;
position: absolute;
left: 0;
top: 2px;
}
.ds44-list--table > li {
padding: 3px;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
}
.ds44-list--table > li > a {
text-decoration: none;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.ds44-list--table > li > a > span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ds44-list--table > li > a:hover {
background: #c2f0e3;
}
.ds44-list--table > li > a.active {
background: #000;
color: #FFF;
}
.ds44-list--tag > li {
display: inline-block;
margin-right: .5rem;
margin-top: .5rem;
}
.ds44-footerList {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ds44-docListElem {
position: relative;
padding-left: 2.5rem;
line-height: 1.4;
}
.ds44-docListElem .ds44-cardFile {
display: block;
padding-left: 0;
}
.ds44-docListElem i ~ a {
display: inline-block;
vertical-align: top;
width: calc(100% - 25px);
}
.ds44-docListElem:first-child:after {
padding-bottom: 0;
}
.ds44-uList > li {
margin-top: .5rem !important;
}
.ds44-errorList {
padding-left: 1.5rem !important;
}
.ds44-errorList > li {
margin-top: .2rem !important;
list-style-image: none !important;
padding-left: 20px;
background: url(../../../assets/images/right.svg) no-repeat left -9px;
background-size: 20px;
font-size: 1.6rem;
}
/* small screens */
/* ------------- */
@media (max-width: 36em) {
.ds44-footerList {
display: block;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
text-align: left;
}
}
/* Media Queries Print / Impression */
/*
* CD44 Design System - Forms
*/
/**
* Input placeholder text base styles
*/
@media (min-width: 64em) {
::-webkit-input-placeholder {
font-size: 0.875em;
}
::-moz-placeholder {
font-size: 0.875em;
}
:-ms-input-placeholder {
font-size: 0.875em;
}
::-ms-input-placeholder {
font-size: 0.875em;
}
::placeholder {
font-size: 0.875em;
}
}
@media (min-width: 64em) {
::-webkit-input-placeholder {
font-size: 0.875em;
}
::-moz-placeholder {
font-size: 0.875em;
}
:-ms-input-placeholder {
font-size: 0.875em;
}
::-ms-input-placeholder {
font-size: 0.875em;
}
::placeholder {
font-size: 0.875em;
}
}
::-webkit-input-placeholder {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
::-moz-placeholder {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
:-ms-input-placeholder {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
::-ms-input-placeholder {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
::placeholder {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
@media (min-width: 64em) {
::-webkit-input-placeholder {
font-size: 0.875em;
}
::-moz-placeholder {
font-size: 0.875em;
}
:-ms-input-placeholder {
font-size: 0.875em;
}
::-ms-input-placeholder {
font-size: 0.875em;
}
::placeholder {
font-size: 0.875em;
}
}
/**
* Input basics
*/
input {
font-family: Muli, Arial, Helvetica, sans-serif;
}
input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.ds44-form__container {
position: relative;
margin: 2.5rem 0;
}
.ds44-form__container.ds44-checkBox-radio_list {
margin: 1rem 0;
}
.ds44-form__container--external {
margin: 0 0 2rem 0;
}
.ds44-formLabel {
font-size: 0.875em;
display: block;
font-weight: normal;
margin-bottom: 0;
text-align: left;
width: calc(100% - 40px);
}
@media (min-width: 64em) {
.ds44-formLabel {
font-size: 0.875em;
}
}
.ds44-formLabel .ds44-labelTypePlaceholder,
.ds44-formLabel .ds44-labelTypePlaceholderLarge {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: block;
}
.ds44-formLabel .ds44-labelTypePlaceholder span,
.ds44-formLabel .ds44-labelTypePlaceholderLarge span {
color: #5C5C5C;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display: block;
margin-top: 1.2rem;
margin-left: 1.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ds44-formLabel .ds44-labelTypePlaceholderLarge span {
font-size: 1.6rem;
margin-top: 2rem;
}
.ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholder,
.ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholderLarge {
height: auto;
}
.ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholder span,
.ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholderLarge span {
font-size: 1.3rem;
color: #000;
margin-top: -1.8rem;
margin-left: 0;
}
.ds44-bgDark .ds44-formLabel.ds44-moveLabel span,
.ds44-bgDark .ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholder span,
.ds44-bgDark .ds44-formLabel.ds44-moveLabel .ds44-labelTypePlaceholderLarge span {
color: #FFF;
}
.ds44-formLabel--external {
font-size: 0.875em;
color: #000;
margin: 1rem 0;
display: block;
}
@media (min-width: 64em) {
.ds44-formLabel--external {
font-size: 0.875em;
}
}
.ds44-form__container--external .ds44-formLabel--external {
margin-top: .5rem;
}
textarea {
font-family: Muli, Arial, Helvetica, sans-serif;
min-height: 120px !important;
height: auto !important;
margin: 0;
}
.ds44-inpStd {
color: #000;
font-size: 1.6rem;
font-family: Muli, Arial, Helvetica, sans-serif;
border-radius: 3px;
padding: 1.1rem 4rem 1rem 1.5rem;
border: 1px solid #5C5C5C;
min-width: 100%;
vertical-align: middle;
height: 4.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
@media (min-width: 64em) {
.ds44-inpStd {
font-size: 1.6rem;
}
}
.ds44-inpStd:disabled {
background-color: #E6E6E6;
}
.ds44-inpStd .ds44-selectLabel {
font-size: 0.875em;
}
.ds44-inpLarge {
color: #000;
font-size: 1.6rem;
font-family: Muli, Arial, Helvetica, sans-serif;
border-radius: 3px;
padding: 2rem 4rem 2rem 2rem;
border: 1px solid #5C5C5C;
min-width: 100%;
vertical-align: middle;
height: 6.5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
@media (min-width: 64em) {
.ds44-inpLarge {
font-size: 1.6rem;
}
}
.ds44-inpLarge:disabled {
background-color: #E6E6E6;
}
.ds44-bgDark .ds44-moveLabel {
color: #FFF;
}
.ds44-format {
color: #5C5C5C;
}
.ds44-fileDisplay {
width: calc(100% - 30px);
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
/* Bouton de reset de champ */
.ds44-reset,
.ds44-calendar,
.ds44-location,
.ds44-file {
position: absolute;
right: 0;
top: calc(50% - 15px);
padding-right: 1.5rem;
color: #000;
cursor: pointer;
}
.ds44-formLabel--external .ds44-reset, .ds44-formLabel--external
.ds44-calendar, .ds44-formLabel--external
.ds44-location, .ds44-formLabel--external
.ds44-file {
top: calc(50% + -1px);
}
.ds44-reset {
display: none;
top: calc(50% - 1.3rem);
z-index: 2;
}
.ds44-datepicker__shape + .ds44-reset,
.ds44-autocomp--location + .ds44-reset,
.ds44-file__shape + .ds44-reset {
right: 3.4rem;
}
.ds44-select__shape .ds44-reset {
top: 1rem;
right: 3rem;
}
.ds44-select__shape.ds44-inpLarge .ds44-reset {
top: 1.8rem;
right: 4rem;
}
.ds44-formLabel--external ~ .ds44-reset {
top: 53%;
}
/* Bouton de d'affichage / masquage du mot de passe */
.ds44-showPassword {
position: absolute;
right: 25px;
top: calc(50% - 13px);
padding-right: 1.5rem;
color: #000;
cursor: pointer;
}
/**
* Checkboxes & radiobuttons
*/
.ds44-boxLabel {
font-size: 0.875em;
margin-right: 2rem;
padding-left: 3rem;
display: inline-block;
}
@media (min-width: 64em) {
.ds44-boxLabel {
font-size: 0.875em;
}
}
.ds44-boxLabel::before {
content: "";
display: block;
position: absolute;
top: .4rem;
left: 0;
border: 1px solid #000;
border-radius: 2px;
height: 1.6rem;
width: 1.6rem;
background-color: #fff;
-webkit-transition: background-size 0.15s ease-out;
transition: background-size 0.15s ease-out;
background-position: center;
background-size: 0rem;
cursor: pointer;
}
input[type=checkbox],
.ds44-checkbox {
position: absolute;
left: -9999px;
}
input[type=checkbox]:focus + .ds44-boxLabel::before,
.ds44-checkbox:focus + .ds44-boxLabel::before {
outline: 1px dotted #000;
}
input[type=checkbox].ds44-chkInder + .ds44-boxLabel::before,
.ds44-checkbox.ds44-chkInder + .ds44-boxLabel::before {
background: url(../../../assets/images/tiret.png) no-repeat center;
background-size: 1rem;
}
input[type=checkbox]:checked + .ds44-boxLabel::before,
.ds44-checkbox:checked + .ds44-boxLabel::before {
background: #FFF url(../../../assets/images/cd44-check-black.png) no-repeat center;
background-size: 1rem;
}
input[type=checkbox].ds44-boxError + .ds44-boxLabel::before,
.ds44-checkbox.ds44-boxError + .ds44-boxLabel::before {
border-color: #DC3545;
}
.ds44-radioLabel {
font-size: 0.875em;
margin-right: 2rem;
padding-left: 3rem;
display: inline-block;
}
@media (min-width: 64em) {
.ds44-radioLabel {
font-size: 0.875em;
}
}
.ds44-radioLabel::before {
content: "";
display: block;
position: absolute;
top: .3rem;
left: 0;
border: 1px solid #000;
border-radius: 20px;
height: 1.6rem;
width: 1.6rem;
background-color: #FFF;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
cursor: pointer;
}
.ds44-radioLabel::after {
content: "";
display: block;
position: absolute;
top: .7rem;
left: .4rem;
border-radius: 20px;
height: .8rem;
width: .8rem;
background-color: #000;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
cursor: pointer;
opacity: 0;
}
input[type=radio],
.ds44-radio {
position: absolute;
left: -9999px;
}
input[type=radio]:focus + .ds44-radioLabel::before,
.ds44-radio:focus + .ds44-radioLabel::before {
outline: 1px dotted #000;
}
input[type=radio]:checked + .ds44-radioLabel::after,
.ds44-radio:checked + .ds44-radioLabel::after {
opacity: 1;
}
input[type=radio].ds44-boxError + .ds44-radioLabel::before,
.ds44-radio.ds44-boxError + .ds44-radioLabel::before {
border-color: #DC3545;
background-color: #FFF;
}
.mj-form input[type=radio],
.mj-form .ds44-radio,
.mj-form input[type=checkbox],
.mj-form .ds44-checkbox {
position: inherit;
vertical-align: top;
left: 0;
}
.ds44-form__checkbox_container.ds44-inputDisabled label,
.ds44-form__radio_container.ds44-inputDisabled label {
color: #5C5C5C;
}
.ds44-form__checkbox_container.ds44-inputDisabled label:before,
.ds44-form__radio_container.ds44-inputDisabled label:before {
border-color: #5C5C5C;
background-color: #E6E6E6;
}
.ds44-form__checkbox_container .ds44-mandatory_message,
.ds44-form__radio_container .ds44-mandatory_message {
font-size: 1.2rem;
padding-top: 0.8rem;
}
/**
* Moteurs de recherche à facettes
*/
.ds44-facette .ds44-facette-body .ds44-textLegend--mentions {
display: none;
padding: 1rem 0 0.5rem 0;
padding: 1rem 0 0.5rem 0;
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer {
padding: 2rem;
position: relative;
color: #000;
}
@media (max-width: 35.9375em) {
.ds44-facette .ds44-facette-body .ds44-facetteContainer {
padding: 2.5rem;
}
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-fieldContainer {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 20%;
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-fieldContainer .ds44-select__shape {
background: #99E6D1;
border-color: #000;
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-fieldContainer .ds44-select__shape .ds44-selectLabel {
color: #000;
width: auto;
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-fieldContainer--select .ds44-select-container {
width: 200%;
max-width: 100vw;
}
@media (max-width: 35.9375em) {
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-fieldContainer--select .ds44-select-container {
width: 100%;
}
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-heading {
margin: 0.5em 1em;
}
@media (max-width: 47.9375em) {
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-heading {
margin: 0 0 1em 0;
}
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-push {
margin-left: auto;
}
@media (max-width: 47.9375em) {
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-push {
margin: 0;
}
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-push li {
display: inline-block;
margin: 0.6em 1rem;
}
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-push li a {
text-decoration: none;
width: auto;
font-weight: bold;
font-size: 0.875em;
}
@media (min-width: 64em) {
.ds44-facette .ds44-facette-body .ds44-facetteContainer.ds44-theme .ds44-push li a {
font-size: 0.875em;
}
}
.ds44-facette .ds44-facette-body .ds44-facette__title {
font-size: 2.4rem;
color: #FFF;
padding: 2rem;
padding-bottom: 0;
margin: 0;
background: #000;
}
.ds44-facette .ds44-facette-mobile-button .ds44-facette-mobile-button-collapse {
display: block;
}
.ds44-facette .ds44-facette-mobile-button .ds44-facette-mobile-button-expand {
display: none;
}
.ds44-facette .ds44-facette-mobile-export {
padding-top: 1rem;
}
.ds44-facette .ds44-facette-mobile-export .ds44-list {
font-size: 1.4rem;
}
.ds44-facette .ds44-facette-mobile-export .ds44-list .ds44-docListElem {
display: inline-block;
margin-left: 1rem;
margin-right: 1rem;
padding-left: 1.9rem;
}
.ds44-facette .ds44-facette-mobile-export .ds44-list .ds44-docListElem i ~ a {
text-decoration: none;
width: auto;
font-weight: bold;
}
@media (max-width: 47.9375em) {
.ds44-mainResults .ds44-facette .ds44-facette-body {
display: none;
}
}
@media (max-width: 47.9375em) {
.ds44-mainResults .ds44-facette.ds44-facette-mobile-expanded .ds44-facette-body {
display: block;
}
.ds44-mainResults .ds44-facette.ds44-facette-mobile-expanded .ds44-facette-mobile-button .ds44-facette-mobile-button-collapse {
display: none;
}
.ds44-mainResults .ds44-facette.ds44-facette-mobile-expanded .ds44-facette-mobile-button .ds44-facette-mobile-button-expand {
display: block;
}
}
.ds44-fieldContainer {
margin-right: 1rem;
position: relative;
}
.ds44-fieldContainer:last-child {
margin-right: 0;
-ms-flex-negative: 0.1;
flex-shrink: 0.1;
}
.ds44-fieldContainer:last-child > .ds44-btnStd, #orejime .ds44-fieldContainer:last-child > button {
white-space: nowrap;
}
.ds44-fieldContainer .ds44-form__container {
margin: 0;
}
.ds44-fieldContainer--select {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.ds44-fieldVertical .ds44-fieldContainer {
margin-right: 0;
margin-bottom: 2.5rem;
}
.ds44-fieldVertical .ds44-fieldContainer:first-child {
margin-top: 2.5rem;
}
.ds44-fieldVertical .ds44-fieldContainer:last-child {
margin-bottom: 0;
}
.ds44-labelStd {
font-size: 1.4rem;
}
.ds44-labelLarge {
font-size: 1.6rem;
line-height: 1rem;
}
/**
* SELECTS
*/
.ds44-listSelect {
background-color: #FFF;
padding: 1rem 2rem 0 2rem;
}
.ds44-select__shape {
cursor: pointer;
background-color: #FFF;
}
.ds44-select__shape.ds44-boxError {
border-color: #DC3545;
}
.ds44-select__shape.ds44-error .ds44-btnIco .icon {
color: #DC3545;
}
.ds44-select__shape .ds44-btnOpen:focus {
border: 2px solid #000;
}
.ds44-selectValue {
font-size: 1em;
position: absolute;
}
@media (min-width: 64em) {
.ds44-selectValue {
font-size: 1em;
}
}
.ds44-selectLabel {
cursor: pointer;
font-size: 1em;
color: #5C5C5C;
font-weight: normal;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 40px);
white-space: nowrap;
text-align: left;
}
@media (min-width: 64em) {
.ds44-selectLabel {
font-size: 1em;
}
}
.ds44-inputDisabled .ds44-selectLabel {
cursor: default;
}
.ds44-moveSelectLabel {
font-size: 1.3rem;
position: absolute;
top: -1.8rem;
left: 0;
color: #000;
}
.ds44-bgDark .ds44-moveSelectLabel {
color: #FFF;
}
.ds44-select-container {
position: absolute;
width: 100%;
-webkit-box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
background-color: #FFF;
z-index: 15;
text-align: left;
}
.ds44-select-list_elem {
margin-bottom: 1rem;
}
.ds44-select-list_elem:focus, .ds44-select-list_elem:hover, .ds44-select-list_elem:active {
cursor: pointer;
}
.ds44-select-list_elem label {
font-size: 1em;
display: block;
color: #000;
}
@media (min-width: 64em) {
.ds44-select-list_elem label {
font-size: 1em;
}
}
.ds44-select-list_elem label:hover, .ds44-select-list_elem label:focus, .ds44-select-list_elem label:active {
cursor: pointer;
text-decoration: none;
}
.ds44-select-list_elem .ds44-form__container {
margin-top: 0;
}
.ds44-select-list_elem.ds44-noMrg > * {
margin: 0;
}
.ds44-utile-list_elem {
margin-bottom: 1rem;
}
.ds44-utile-list_elem label {
display: block;
color: #000;
font-size: 1em;
}
@media (min-width: 64em) {
.ds44-utile-list_elem label {
font-size: 1em;
}
}
.ds44-utile-list_elem label:hover, .ds44-utile-list_elem label:focus, .ds44-utile-list_elem label:active {
cursor: pointer;
text-decoration: none;
}
.ds44-utile-list_elem .ds44-form__container {
margin: 0;
}
/* multilevel selects */
.ds44-select__categ {
position: relative;
padding: 0 2rem;
}
.ds44-select__categ label {
font-size: 1.125em;
color: #000;
min-width: calc(100% - 4.5rem);
cursor: pointer;
}
@media (min-width: 64em) {
.ds44-select__categ label {
font-size: 1.125em;
}
}
.ds44-select__categ .ds44-form__container {
margin-bottom: 0;
margin-top: 0;
}
/* surcharge du collapser */
.ds44-collapser--select {
position: relative;
margin-bottom: 2rem;
}
.ds44-collapser--select .ds44-select-list_elem label {
font-size: 1em;
}
@media (min-width: 64em) {
.ds44-collapser--select .ds44-select-list_elem label {
font-size: 1em;
}
}
.ds44-collapser--select .ds44-select-list_elem:last-child {
margin-bottom: 0;
}
.ds44-collapser--select .ds44-collapser_content--level2 {
padding-left: 5rem !important;
}
/* surcharge du bouton du collapser */
.ds44-collapser_button--select {
position: absolute;
right: 1rem;
top: -5px;
width: 2rem;
}
.ds44-collapser_button--select .ds44-noLineH::before {
line-height: 0 !important;
}
/**
* Autocompletion fields
*/
.ds44-autocomp-container {
padding: 1rem;
-webkit-box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
background-color: #FFF;
position: absolute;
width: 100%;
z-index: 10;
color: #000;
}
.ds44-autocomp-list {
padding: 1rem 2rem;
text-align: left;
}
.ds44-autocomp-list_elem,
.ds44-autocomp-list_no_elem {
font-size: 1.125em;
margin-bottom: 2rem;
}
@media (min-width: 64em) {
.ds44-autocomp-list_elem,
.ds44-autocomp-list_no_elem {
font-size: 1.125em;
}
}
.ds44-autocomp-list_elem:focus, .ds44-autocomp-list_elem:hover, .ds44-autocomp-list_elem:active,
.ds44-autocomp-list_no_elem:focus,
.ds44-autocomp-list_no_elem:hover,
.ds44-autocomp-list_no_elem:active {
text-decoration: underline;
cursor: pointer;
}
.ds44-autocomp-list_elem label,
.ds44-autocomp-list_no_elem label {
display: block;
}
.ds44-autocomp-list_elem label:hover, .ds44-autocomp-list_elem label:focus, .ds44-autocomp-list_elem label:active,
.ds44-autocomp-list_no_elem label:hover,
.ds44-autocomp-list_no_elem label:focus,
.ds44-autocomp-list_no_elem label:active {
cursor: pointer;
text-decoration: none;
}
.ds44-autocomp-list_no_elem:focus, .ds44-autocomp-list_no_elem:hover, .ds44-autocomp-list_no_elem:active {
text-decoration: none;
cursor: default;
}
.ds44-autocomp-list_no_elem label:hover, .ds44-autocomp-list_no_elem label:focus, .ds44-autocomp-list_no_elem label:active {
text-decoration: none;
cursor: default;
}
.ds44-selectDisplay {
width: calc(100% - 2.4rem);
display: block;
color: #000;
text-align: left;
}
.ds44-inpLarge .ds44-selectDisplay {
width: calc(100% - 4.4rem);
}
.ds44-selectDisplay p {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
/**
* Input basics
*/
fieldset {
margin: 0;
padding: 0;
border: 0 !important;
}
/**
* Information messages
*/
.ds44-field-information .ds44-field-information-list .ds44-field-information-explanation {
text-align: right;
font-size: 1.3rem;
color: #5C5C5C;
padding: 0.5rem 0.5rem 0 0;
}
.ds44-theme .ds44-field-information .ds44-field-information-list .ds44-field-information-explanation {
color: #000;
}
.ds44-field-information .ds44-field-information-list .ds44-field-information-error {
font-size: 0.875em;
color: #000;
padding: 1.5rem;
padding-bottom: 0;
}
@media (min-width: 64em) {
.ds44-field-information .ds44-field-information-list .ds44-field-information-error {
font-size: 0.875em;
}
}
.ds44-field-information .ds44-field-information-list .ds44-field-information-error:last-child {
padding-bottom: 1.5rem;
}
.ds44-field-information .ds44-field-information-list .ds44-field-information-error .icon {
color: #DC3545;
}
.ds44-field-information.ds44-error {
background-color: #FEF4F5;
}
.ds44-theme .ds44-field-information.ds44-error .ds44-field-information-explanation {
color: #5C5C5C;
}
/**
* Valid et Error messages
*/
.ds44-valid {
border-color: #24883E;
}
.ds44-error {
border-color: #DC3545;
}
.ds44-msg-container {
font-size: 1em;
padding: 1.5rem;
}
@media (min-width: 64em) {
.ds44-msg-container {
font-size: 1em;
}
}
.ds44-msg-container .ds44-message-text {
margin: 0.5rem 0;
color: #000;
}
.ds44-msg-container.information {
background-color: #F3F9F5;
}
.ds44-msg-container.information .icon {
color: #24883E;
}
.ds44-msg-container.error {
background-color: #FEF4F5;
}
.ds44-msg-container.error .icon {
color: #DC3545;
}
.ds44-msg-container.warning {
background-color: #FFFFF2;
}
.ds44-msg-container.warning .icon {
color: #FFD883;
}
.ds44-msg-container .ds44-iconInnerText {
vertical-align: middle;
}
/**
* Date picker
*/
.ds44-datepicker__shape {
cursor: pointer;
background-color: #FFF;
}
.ds44-datepicker__shape input {
border: none;
outline: none;
text-align: center;
width: 2.6rem;
background-color: transparent;
}
.ds44-datepicker__shape input:last-of-type {
width: 4.2rem;
}
.ds44-datepicker__shape span {
display: none;
}
.ds44-datepicker__shape.show span {
display: inline;
}
/**
* File
*/
.ds44-file__shape {
cursor: pointer;
background-color: #FFF;
}
.ds44-file__shape.hover {
outline-width: 2px;
outline-style: solid;
outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio: 0), (min-resolution: 0dppx) {
.ds44-file__shape.hover {
outline-color: -webkit-focus-ring-color;
outline-style: auto;
}
}
/**
* Autocomplete location
*/
.ds44-autocomp--location {
padding-right: 80px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
/**
* Champs liés : Thèmes sous-thèmes, Lieu rayon, etc...
*/
.ds44-champsLies > .ds44-form__container,
.ds44-champsLies > .ds44-form__checkbox_container,
.ds44-champsLies > .ds44-form__radio_container {
display: inline-block;
vertical-align: top;
}
.ds44-champsLies > .ds44-form__checkbox_container,
.ds44-champsLies > .ds44-form__radio_container {
padding: 0 1.5rem;
}
.ds44-champsLies > .ds44-form__container:first-of-type,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type,
.ds44-champsLies > .ds44-form__radio_container:first-of-type {
width: 59.5%;
}
.ds44-champsLies > .ds44-form__container:first-of-type input,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type input,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type input,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-file__shape {
border-radius: 3px 0 0 3px;
}
.ds44-champsLies > .ds44-form__container:last-of-type,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type,
.ds44-champsLies > .ds44-form__radio_container:last-of-type {
width: 40%;
margin-left: -4px;
}
.ds44-champsLies > .ds44-form__container:last-of-type input,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type input,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type input,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-file__shape {
border-radius: 0 3px 3px 0;
margin-left: -1px;
}
.ds44-champsLies .ds44-inputDisabled,
.ds44-champsLies .ds44-inputDisabled ~ input,
.ds44-champsLies .ds44-inputDisabled ~ textarea,
.ds44-champsLies .ds44-inputDisabled ~ label {
background: #E6E6E6;
cursor: default;
}
.ds44-fieldVertical .ds44-champsLies > .ds44-form__container,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__checkbox_container,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__radio_container {
display: block;
}
.ds44-fieldVertical .ds44-champsLies > .ds44-form__container:first-of-type,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__checkbox_container:first-of-type,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__radio_container:first-of-type {
width: 100%;
margin: 0;
}
.ds44-fieldVertical .ds44-champsLies > .ds44-form__container:last-of-type,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__checkbox_container:last-of-type,
.ds44-fieldVertical .ds44-champsLies > .ds44-form__radio_container:last-of-type {
width: 100%;
margin: 0;
}
.ds44-fieldVertical .ds44-champsLies > .ds44-form__container:last-of-type {
margin-top: 2.5rem;
}
.ds44-fieldContainer--select .ds44-champsLies.ds44-fieldContainer .ds44-select-container {
width: 200%;
max-width: 100vw;
}
@media (max-width: 35.9375em) {
.ds44-fieldContainer--select .ds44-champsLies.ds44-fieldContainer .ds44-select-container {
width: 100%;
}
}
.ds44-inpStd .ds44-btnIco {
padding: 0.5rem 1.5rem;
}
/* ----------------------------- */
/* ------- MEDIA QUERIES ------- */
/* ----------------------------- */
/* medium screens */
/* ------------- */
/* small screens */
/* ------------- */
@media (max-width: 47.9375em) {
.ds44-medium-flex-col .ds44-fieldContainer {
margin-right: 0;
margin-bottom: 2.5rem;
}
.ds44-medium-flex-col .ds44-fieldContainer:last-child {
margin-bottom: .5rem;
}
.ds44-medium-flex-col .ds44-fieldContainer:first-child {
margin-top: .5rem;
}
.ds44-medium-flex-col .ds44-theme .ds44-fieldContainer--select {
width: 100%;
}
.ds44-medium-flex-col .ds44-btnStd, .ds44-medium-flex-col #orejime button, #orejime .ds44-medium-flex-col button {
width: 100%;
text-align: left;
}
.ds44-medium-flex-col .ds44-btnStd .icon, .ds44-medium-flex-col #orejime button .icon, #orejime .ds44-medium-flex-col button .icon {
float: right;
}
.ds44-theme.ds44-medium-flex-col .ds44-fieldContainer--select {
width: 100% !important;
}
.ds44-theme.ds44-medium-flex-col .ds44-fieldContainer--select .ds44-select-container {
width: 100% !important;
}
}
@media (max-width: 35.9375em) {
.ds44-fieldContainer {
margin-right: 0;
margin-bottom: 2.5rem;
}
.ds44-fieldContainer:last-child {
margin-bottom: 0;
}
.ds44-fieldContainer.ds44-small-fg1 > .ds44-btnStd, #orejime .ds44-fieldContainer.ds44-small-fg1 > button {
width: 100%;
text-align: left;
}
.ds44-fieldContainer.ds44-small-fg1 > .ds44-btnStd .icon, #orejime .ds44-fieldContainer.ds44-small-fg1 > button .icon {
float: right;
}
.ds44-champsLies > .ds44-form__container,
.ds44-champsLies > .ds44-form__checkbox_container,
.ds44-champsLies > .ds44-form__radio_container {
display: block;
}
.ds44-champsLies > .ds44-form__container:first-of-type,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type,
.ds44-champsLies > .ds44-form__radio_container:first-of-type {
width: 100%;
margin: 0;
}
.ds44-champsLies > .ds44-form__container:first-of-type input,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__container:first-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type input,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__checkbox_container:first-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type input,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__radio_container:first-of-type .ds44-file__shape {
border-radius: 3px 3px 0 0;
}
.ds44-champsLies > .ds44-form__container:last-of-type,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type,
.ds44-champsLies > .ds44-form__radio_container:last-of-type {
width: 100%;
margin: 0;
}
.ds44-champsLies > .ds44-form__container:last-of-type input,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__container:last-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type input,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__checkbox_container:last-of-type .ds44-file__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type input,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-select__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-datepicker__shape,
.ds44-champsLies > .ds44-form__radio_container:last-of-type .ds44-file__shape {
border-radius: 0 0 3px 3px;
margin: -1px 0 0 0;
}
.ds44-champsLies > .ds44-form__container:last-of-type {
margin-top: 2.5rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-facette {
display: none !important;
}
}
/*
* CD44 Design System - Buttons
*/
button, a.ds44-btnStd, a > .ds44-btnStd, #orejime a > button, .ds44-btnStd > a, #orejime button > a, .ds44-btnIcoText--maxi {
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
vertical-align: middle;
text-decoration: none;
border: none;
font-family: inherit;
font-size: inherit;
background: transparent;
}
button:focus, a.ds44-btnStd:focus, a > .ds44-btnStd:focus, #orejime a > button:focus, .ds44-btnStd > a:focus, #orejime button > a:focus, .ds44-btnIcoText--maxi:focus {
-webkit-tap-highlight-color: transparent;
}
.ds44-inputDisabled button, .ds44-inputDisabled a.ds44-btnStd, .ds44-inputDisabled a > .ds44-btnStd, .ds44-inputDisabled #orejime a > button, #orejime .ds44-inputDisabled a > button, .ds44-inputDisabled .ds44-btnStd > a, .ds44-inputDisabled #orejime button > a, #orejime .ds44-inputDisabled button > a, .ds44-inputDisabled .ds44-btnIcoText--maxi {
cursor: default;
}
.ds44-btnStd, #orejime button, a.ds44-btnStd, a > .ds44-btnStd, #orejime a > button, .ds44-btnStd > a, #orejime button > a {
font-size: 0.875em;
padding: 1rem 1.5rem;
border-radius: 3px;
border: 1px solid #000;
font-weight: bold;
line-height: 1.3;
min-height: 4.5rem;
}
@media (min-width: 64em) {
.ds44-btnStd, #orejime button, a.ds44-btnStd, a > .ds44-btnStd, #orejime a > button, .ds44-btnStd > a, #orejime button > a {
font-size: 0.875em;
}
}
.ds44-btnStd:focus, #orejime button:focus, .ds44-btnStd:hover, #orejime button:hover, .ds44-btnStd:active, #orejime button:active, a.ds44-btnStd:focus, a.ds44-btnStd:hover, a.ds44-btnStd:active, a > .ds44-btnStd:focus, #orejime a > button:focus, a > .ds44-btnStd:hover, #orejime a > button:hover, a > .ds44-btnStd:active, #orejime a > button:active, .ds44-btnStd > a:focus, #orejime button > a:focus, .ds44-btnStd > a:hover, #orejime button > a:hover, .ds44-btnStd > a:active, #orejime button > a:active {
-webkit-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
border: 1px solid #333;
}
.ds44-btnStd.ds44-btnStd--plat, #orejime button.ds44-btnStd--plat, a.ds44-btnStd.ds44-btnStd--plat, a > .ds44-btnStd.ds44-btnStd--plat, #orejime a > button.ds44-btnStd--plat, .ds44-btnStd > a.ds44-btnStd--plat, #orejime button > a.ds44-btnStd--plat {
border: none;
padding: 1rem;
}
.ds44-btnStd.ds44-btnStd--plat:hover, #orejime button.ds44-btnStd--plat:hover, .ds44-btnStd.ds44-btnStd--plat:active, #orejime button.ds44-btnStd--plat:active, .ds44-btnStd.ds44-btnStd--plat:focus, #orejime button.ds44-btnStd--plat:focus,
.ds44-btnStd.ds44-btnStd--plat:hover > span,
#orejime button.ds44-btnStd--plat:hover > span,
.ds44-btnStd.ds44-btnStd--plat:active > span,
#orejime button.ds44-btnStd--plat:active > span,
.ds44-btnStd.ds44-btnStd--plat:focus > span,
#orejime button.ds44-btnStd--plat:focus > span, a.ds44-btnStd.ds44-btnStd--plat:hover, a.ds44-btnStd.ds44-btnStd--plat:active, a.ds44-btnStd.ds44-btnStd--plat:focus,
a.ds44-btnStd.ds44-btnStd--plat:hover > span,
a.ds44-btnStd.ds44-btnStd--plat:active > span,
a.ds44-btnStd.ds44-btnStd--plat:focus > span, a > .ds44-btnStd.ds44-btnStd--plat:hover, #orejime a > button.ds44-btnStd--plat:hover, a > .ds44-btnStd.ds44-btnStd--plat:active, #orejime a > button.ds44-btnStd--plat:active, a > .ds44-btnStd.ds44-btnStd--plat:focus, #orejime a > button.ds44-btnStd--plat:focus,
a > .ds44-btnStd.ds44-btnStd--plat:hover > span,
#orejime a > button.ds44-btnStd--plat:hover > span,
a > .ds44-btnStd.ds44-btnStd--plat:active > span,
#orejime a > button.ds44-btnStd--plat:active > span,
a > .ds44-btnStd.ds44-btnStd--plat:focus > span,
#orejime a > button.ds44-btnStd--plat:focus > span, .ds44-btnStd > a.ds44-btnStd--plat:hover, #orejime button > a.ds44-btnStd--plat:hover, .ds44-btnStd > a.ds44-btnStd--plat:active, #orejime button > a.ds44-btnStd--plat:active, .ds44-btnStd > a.ds44-btnStd--plat:focus, #orejime button > a.ds44-btnStd--plat:focus,
.ds44-btnStd > a.ds44-btnStd--plat:hover > span,
#orejime button > a.ds44-btnStd--plat:hover > span,
.ds44-btnStd > a.ds44-btnStd--plat:active > span,
#orejime button > a.ds44-btnStd--plat:active > span,
.ds44-btnStd > a.ds44-btnStd--plat:focus > span,
#orejime button > a.ds44-btnStd--plat:focus > span {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: underline;
}
.ds44-btnStd.ds44-bntALeft, #orejime button.ds44-bntALeft, a.ds44-btnStd.ds44-bntALeft, a > .ds44-btnStd.ds44-bntALeft, #orejime a > button.ds44-bntALeft, .ds44-btnStd > a.ds44-bntALeft, #orejime button > a.ds44-bntALeft {
text-align: left;
position: relative;
}
.ds44-btnStd.ds44-bntALeft .ds44-btnInnerText, #orejime button.ds44-bntALeft .ds44-btnInnerText, a.ds44-btnStd.ds44-bntALeft .ds44-btnInnerText, a > .ds44-btnStd.ds44-bntALeft .ds44-btnInnerText, #orejime a > button.ds44-bntALeft .ds44-btnInnerText, .ds44-btnStd > a.ds44-bntALeft .ds44-btnInnerText, #orejime button > a.ds44-bntALeft .ds44-btnInnerText {
padding-right: 3rem;
}
.ds44-btnStd.ds44-bntALeft .icon, #orejime button.ds44-bntALeft .icon, a.ds44-btnStd.ds44-bntALeft .icon, a > .ds44-btnStd.ds44-bntALeft .icon, #orejime a > button.ds44-bntALeft .icon, .ds44-btnStd > a.ds44-bntALeft .icon, #orejime button > a.ds44-bntALeft .icon {
position: absolute;
right: 1.5rem;
top: calc(50% - 9px);
}
.ds44-btnStd.ds44-btnQuestion, #orejime button.ds44-btnQuestion, a.ds44-btnStd.ds44-btnQuestion, a > .ds44-btnStd.ds44-btnQuestion, #orejime a > button.ds44-btnQuestion, .ds44-btnStd > a.ds44-btnQuestion, #orejime button > a.ds44-btnQuestion {
font-size: 1em;
padding: 2rem;
right: 7rem;
-webkit-transition: bottom 0s;
transition: bottom 0s;
}
@media (min-width: 64em) {
.ds44-btnStd.ds44-btnQuestion, #orejime button.ds44-btnQuestion, a.ds44-btnStd.ds44-btnQuestion, a > .ds44-btnStd.ds44-btnQuestion, #orejime a > button.ds44-btnQuestion, .ds44-btnStd > a.ds44-btnQuestion, #orejime button > a.ds44-btnQuestion {
font-size: 1em;
}
}
.ds44-btnStd.ds44-theme, #orejime button.ds44-theme, a.ds44-btnStd.ds44-theme, a > .ds44-btnStd.ds44-theme, #orejime a > button.ds44-theme, .ds44-btnStd > a.ds44-theme, #orejime button > a.ds44-theme {
border: #99E6D1;
}
.ds44-btnStd.ds44-bntFullw, #orejime button.ds44-bntFullw, a.ds44-btnStd.ds44-bntFullw, a > .ds44-btnStd.ds44-bntFullw, #orejime a > button.ds44-bntFullw, .ds44-btnStd > a.ds44-bntFullw, #orejime button > a.ds44-bntFullw {
width: 100%;
}
.ds44-btnStd--tag {
padding: .25rem .75rem !important;
font-weight: normal !important;
min-height: auto !important;
display: inline-block !important;
}
p.ds44-btnStd--tag,
span.ds44-btnStd--tag {
background: transparent !important;
}
p.ds44-btnStd--tag:hover, p.ds44-btnStd--tag:active, p.ds44-btnStd--tag:focus,
p.ds44-btnStd--tag:hover > span,
p.ds44-btnStd--tag:active > span,
p.ds44-btnStd--tag:focus > span,
span.ds44-btnStd--tag:hover,
span.ds44-btnStd--tag:active,
span.ds44-btnStd--tag:focus,
span.ds44-btnStd--tag:hover > span,
span.ds44-btnStd--tag:active > span,
span.ds44-btnStd--tag:focus > span {
-webkit-box-shadow: none;
box-shadow: none;
cursor: auto;
}
p.ds44-btnStd--tag:after,
span.ds44-btnStd--tag:after {
display: none !important;
}
a > .ds44-btnStd .icon, #orejime a > button .icon,
.ds44-btnStd > a .icon,
#orejime button > a .icon,
.ds44-btnStd--large > a .icon,
a > .ds44-btnStd--large .icon {
line-height: 1.1;
}
.ds44-btnStd--large,
a.ds44-btnStd--large,
.ds44-btnStd--large > a,
a > .ds44-btnStd--large {
font-size: 1em;
padding: 2rem;
min-height: 6.5rem;
}
@media (min-width: 64em) {
.ds44-btnStd--large,
a.ds44-btnStd--large,
.ds44-btnStd--large > a,
a > .ds44-btnStd--large {
font-size: 1em;
}
}
.ds44-btn--invert, a.ds44-btn--invert, a > .ds44-btn--invert, .ds44-btn--invert > a {
background-color: #000 !important;
color: #FFF !important;
}
.ds44-btn--invert:focus, .ds44-btn--invert:hover, .ds44-btn--invert:active, a.ds44-btn--invert:focus, a.ds44-btn--invert:hover, a.ds44-btn--invert:active, a > .ds44-btn--invert:focus, a > .ds44-btn--invert:hover, a > .ds44-btn--invert:active, .ds44-btn--invert > a:focus, .ds44-btn--invert > a:hover, .ds44-btn--invert > a:active {
background-color: #404040 !important;
}
.ds44-btn--invertWhite, a.ds44-btn--ds44-btn--invertWhite, a > .ds44-btn--ds44-btn--invertWhite, .ds44-btn--ds44-btn--invertWhite > a {
background-color: #FFF !important;
color: #000 !important;
}
.ds44-btn--invertWhite:focus, .ds44-btn--invertWhite:hover, .ds44-btn--invertWhite:active, a.ds44-btn--ds44-btn--invertWhite:focus, a.ds44-btn--ds44-btn--invertWhite:hover, a.ds44-btn--ds44-btn--invertWhite:active, a > .ds44-btn--ds44-btn--invertWhite:focus, a > .ds44-btn--ds44-btn--invertWhite:hover, a > .ds44-btn--ds44-btn--invertWhite:active, .ds44-btn--ds44-btn--invertWhite > a:focus, .ds44-btn--ds44-btn--invertWhite > a:hover, .ds44-btn--ds44-btn--invertWhite > a:active {
background-color: #cccccc !important;
}
.ds44-btn--contextual,
a.ds44-btn--contextual,
.ds44-contextualBtnLink,
a > .ds44-btn--contextual,
.ds44-btn--contextual > a {
background-color: #99E6D1 !important;
border-color: #99E6D1;
color: #000;
}
.ds44-btn--contextual:focus, .ds44-btn--contextual:hover, .ds44-btn--contextual:active,
a.ds44-btn--contextual:focus,
a.ds44-btn--contextual:hover,
a.ds44-btn--contextual:active,
.ds44-contextualBtnLink:focus,
.ds44-contextualBtnLink:hover,
.ds44-contextualBtnLink:active,
a > .ds44-btn--contextual:focus,
a > .ds44-btn--contextual:hover,
a > .ds44-btn--contextual:active,
.ds44-btn--contextual > a:focus,
.ds44-btn--contextual > a:hover,
.ds44-btn--contextual > a:active {
background-color: #c2f0e3 !important;
border-color: #99E6D1;
color: #000;
}
.ds44-bgGray .ds44-btnStd, .ds44-bgGray #orejime button, #orejime .ds44-bgGray button, .ds44-bgGray .ds44-btnStd--large, .ds44-lightBG .ds44-btnStd, .ds44-lightBG #orejime button, #orejime .ds44-lightBG button, .ds44-lightBG .ds44-btnStd--large {
background-color: #FFF;
}
.ds44-bgGray .ds44-btnStd.ds44-bgDark, .ds44-bgGray #orejime button.ds44-bgDark, #orejime .ds44-bgGray button.ds44-bgDark, .ds44-bgGray .ds44-btnStd--large.ds44-bgDark, .ds44-lightBG .ds44-btnStd.ds44-bgDark, .ds44-lightBG #orejime button.ds44-bgDark, #orejime .ds44-lightBG button.ds44-bgDark, .ds44-lightBG .ds44-btnStd--large.ds44-bgDark {
background: #000;
}
.ds44-bgDark .ds44-btnStd--white {
color: #FFF;
border-color: #FFF;
}
.ds44-bgDark .ds44-btnStd--white:hover, .ds44-bgDark .ds44-btnStd--white:active, .ds44-bgDark .ds44-btnStd--white:focus {
background: #404040;
}
/* == Icon-text buttons == */
.ds44-btnIcoText {
font-weight: bolder;
}
.ds44-btnIcoText .icon + .ds44-btnInnerText,
.ds44-btnIcoText .ds44-btnInnerText + .icon {
margin-left: 1rem;
font-size: .875em;
vertical-align: sub;
}
.ds44-btnIcoText .icon + .ds44-btnInnerText .icon,
.ds44-btnIcoText .ds44-btnInnerText + .icon .icon {
vertical-align: text-top;
margin-left: .5rem;
margin-right: .5rem;
}
.ds44-btnIcoText .icon + .ds44-btnInnerText:hover, .ds44-btnIcoText .icon + .ds44-btnInnerText:focus, .ds44-btnIcoText .icon + .ds44-btnInnerText:active,
.ds44-btnIcoText .ds44-btnInnerText + .icon:hover,
.ds44-btnIcoText .ds44-btnInnerText + .icon:focus,
.ds44-btnIcoText .ds44-btnInnerText + .icon:active {
text-decoration: underline;
}
.ds44-btnIcoText--maxi {
font-size: .97em;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
.ds44-btnInnerText {
display: inline-block;
vertical-align: middle;
}
.ds44-btnInnerText--bottom {
font-size: 0.5625em;
text-transform: uppercase;
font-weight: bold;
display: block;
}
@media (min-width: 64em) {
.ds44-btnInnerText--bottom {
font-size: 0.5625em;
}
}
.icon + .ds44-btnInnerText,
.ds44-btnInnerText + .icon {
margin-left: 1.5rem;
}
/* === button style links === */
.ds44-icoLink {
font-size: 0.5625em;
display: inline-block;
max-width: 4rem;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
@media (min-width: 64em) {
.ds44-icoLink {
font-size: 0.5625em;
}
}
.ds44-icoTxtWrapper {
display: block;
line-height: 1.2;
margin-top: 3px;
}
.ds44-btnLink {
font-size: .875em;
padding: 1.5rem;
border-radius: 3px;
border: 1px solid #000;
display: inline-block;
-webkit-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
line-height: 1;
min-height: 4.5rem;
}
.ds44-btnLink:focus, .ds44-btnLink:hover, .ds44-btnLink:active {
-webkit-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
border: 1px solid #333;
}
/* == Icon buttons == */
.ds44-btnIco {
border-radius: 3px;
padding: 1.5rem;
}
.ds44-btnIco.ds44-bgDark:focus {
background-color: #5C5C5C;
}
.ds44-btnIco--carre {
padding: 0;
height: 44px;
width: 44px;
}
.ds44-btnIco--carre .icon {
line-height: 1;
}
.ds44-btnOpen {
top: 0;
width: 100%;
text-align: right;
height: inherit;
}
.ds44-btnOpen.ds44-btnIco {
padding-top: 0;
padding-bottom: 0;
}
.ds44-btnOpen .icon {
line-height: normal;
}
.ds44-btnOpen .icon:before {
line-height: normal;
margin-top: -1rem;
display: inline-block;
}
.ds44-btnOpen .icon.icon--sizeL:before {
margin-top: -0.5rem;
}
/* == Specific buttons == */
.ds44-btnOverlay {
right: 5.5%;
position: absolute;
top: 3rem;
right: 3rem;
z-index: 10;
}
.ds44-btnOverlay--modale {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.ds44-btnOverlay--modale:focus {
outline: 1px dotted;
}
.ds44-fullWBtn {
width: 100%;
text-align: center;
padding: 2rem;
font-weight: bold;
}
.ds44-btnStd.ds44-fullWBtn, #orejime button.ds44-fullWBtn {
padding: 1rem 1.5rem;
}
.ds44-btnSelect {
font-size: 1em;
font-weight: bold;
}
@media (min-width: 64em) {
.ds44-btnSelect {
font-size: 1em;
}
}
.ds44-btnSelect .ds44-btnInnerText {
vertical-align: middle;
}
button.ds44-theme:focus, button.ds44-theme:hover, button.ds44-theme:active {
background: #c2f0e3;
}
.ds44-choiceYN button {
margin: 0 0.5rem;
}
.ds44-popOver {
vertical-align: middle;
}
.ds44-popOver .icon-help {
cursor: help;
}
.ds44-btnStd--retourPage,
a.ds44-btnStd--retourPage {
position: absolute;
top: 20px;
left: 20px;
max-width: 14%;
text-align: center;
z-index: 10;
}
.ds44-btnStd--cluster {
border-radius: 50%;
width: 43px;
height: 43px;
padding: 0;
font-size: 1em;
min-height: inherit;
border: 2px solid #000;
}
@media (min-width: 64em) {
.ds44-btnStd--cluster {
font-size: 1em;
}
}
.ds44-btnStd--cluster--bigger {
width: 63px;
height: 63px;
}
.ds44-btnStd--cluster:hover {
border: 2px solid #000;
}
.ds44-btnStd--cluster .ds44-btnInnerText {
line-height: 1;
}
.ds44-btnStd--inforoutes .ds44-icoInfoRoutes {
padding: 3px;
border-radius: 50%;
font-size: 1.1em;
vertical-align: baseline;
display: inline-block;
width: 33px;
height: 33px;
text-align: center;
border: 2px solid #FFF;
-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.35);
}
.ds44-btnStd--inforoutes .ds44-icoInfoRoutes.orangeFlag {
background: #FFC134;
color: #000;
}
.ds44-btnStd--inforoutes .ds44-icoInfoRoutes.redFlag {
background: #DC3545;
color: #FFF;
}
.ds44-btnOverlay--language {
visibility: hidden;
display: none !important;
}
/* medium screens */
/* ------------- */
@media (max-width: 63.9375em) {
.ds44-btnOverlay {
top: 1rem;
right: 1rem;
}
.ds44-btnStd--retourPage,
a.ds44-btnStd--retourPage {
position: relative;
top: 40px;
left: 16.666%;
max-width: 100%;
margin-bottom: 20px;
}
.ds44-btnStd.ds44-btnQuestion, #orejime button.ds44-btnQuestion, a.ds44-btnStd.ds44-btnQuestion, a > .ds44-btnStd.ds44-btnQuestion, #orejime a > button.ds44-btnQuestion, .ds44-btnStd > a.ds44-btnQuestion, #orejime button > a.ds44-btnQuestion {
right: 7rem;
}
}
/* small screens */
/* ------------- */
@media (max-width: 47.9375em) {
.ds44-btnStd--large {
padding: 1.5rem;
}
.ds44-btnStd--retourPage,
a.ds44-btnStd--retourPage {
left: 5%;
top: 1.5rem;
}
.ds44-btnStd.ds44-btnFullMobile, #orejime button.ds44-btnFullMobile, a.ds44-btnStd.ds44-btnFullMobile, a > .ds44-btnStd.ds44-btnFullMobile, #orejime a > button.ds44-btnFullMobile, .ds44-btnStd > a.ds44-btnFullMobile, #orejime button > a.ds44-btnFullMobile {
width: 100%;
text-align: center;
}
}
@media (max-width: 35.9375em) {
.ds44-btnIcoText--maxi {
position: relative;
margin: 0 1rem;
padding: 0 0 .5rem 0;
text-align: center;
min-width: 6rem;
}
.ds44-btnIcoText--maxi .ds44-btnInnerText {
font-size: .86rem;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.ds44-btnIcoText--maxi .icon + .ds44-btnInnerText,
.ds44-btnIcoText--maxi .ds44-btnInnerText + .icon {
margin-left: 0;
}
.ds44-fullWBtn {
padding: 0.5rem;
font-size: 1.4rem;
}
.ds44-btnSelect {
font-size: 1em;
padding: 2rem;
}
}
@media (max-width: 35.9375em) and (min-width: 64em) {
.ds44-btnSelect {
font-size: 1em;
}
}
@media (max-width: 35.9375em) {
.ds44-btnStd.ds44-btnStd--plat, #orejime button.ds44-btnStd--plat, a.ds44-btnStd.ds44-btnStd--plat, a > .ds44-btnStd.ds44-btnStd--plat, #orejime a > button.ds44-btnStd--plat, .ds44-btnStd > a.ds44-btnStd--plat, #orejime button > a.ds44-btnStd--plat {
padding: 1rem;
}
.ds44-btnStd.ds44-btnQuestion, #orejime button.ds44-btnQuestion, a.ds44-btnStd.ds44-btnQuestion, a > .ds44-btnStd.ds44-btnQuestion, #orejime a > button.ds44-btnQuestion, .ds44-btnStd > a.ds44-btnQuestion, #orejime button > a.ds44-btnQuestion {
right: 1rem;
}
.ds44-header--patrimoine .ds44-btnOverlay--language {
top: 1rem;
left: 1rem;
width: 20%;
text-decoration: none;
visibility: visible;
display: block !important;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-btn--invert, a.ds44-btn--invert, a > .ds44-btn--invert, .ds44-btn--invert > a {
background-color: #FFF !important;
color: #000 !important;
border: 1px solid #000;
}
.ds44-btnStd, #orejime button,
.ds44-fullWBtn,
.ds44-btnStd--large,
.ds44-btn--inverted,
.ds44-btnLink,
.ds44-btn-fixed,
.ds44-btnIco {
display: none !important;
}
}
/*
* CD44 Design System - Headers
*/
.ds44-logoContainer {
text-decoration: none;
margin: 0;
}
.ds44-logoContainer img {
height: 62px;
}
.ds44-logo {
display: block;
}
.ds44-titreLogo {
text-decoration: none;
font-size: 1.6rem;
line-height: 1.2;
font-weight: bold;
margin-left: 2rem;
}
/* Skip links */
.ds44-skiplinks {
display: inline;
}
.ds44-skiplinks--link {
position: absolute;
top: -50rem;
display: block;
border: 2px solid #99E6D1;
border-top: none;
border-radius: 0 0 3px;
padding: 1rem 1.5rem;
-webkit-transition: -webkit-box-shadow 0.25s ease;
transition: -webkit-box-shadow 0.25s ease;
transition: box-shadow 0.25s ease;
transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
background: #fff;
z-index: 10;
}
.ds44-skiplinks--link:focus {
top: 0;
-webkit-box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.35);
}
.ds44-header {
min-height: 9.8rem;
max-height: 11.4rem;
overflow: hidden;
position: fixed;
top: 0;
padding: 0;
z-index: 900;
width: 100%;
background-color: #FFF;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.25s ease, opacity 0.25s ease, margin-top 0.25s ease;
transition: visibility 0.25s ease, opacity 0.25s ease, margin-top 0.25s ease;
}
.ds44-header.collapsed {
margin-top: -100px;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0.25s ease, opacity 0.25s ease, margin-top 0.25s ease;
transition: visibility 0.25s ease, opacity 0.25s ease, margin-top 0.25s ease;
}
.ds44-header .ds44-blocBandeau {
margin-left: 5.5%;
/* Aligner sur le body */
}
.ds44-header .ds44-colRight {
min-height: 9.8rem;
}
/* Bandeau */
.ds44-headerImg {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
/* MDPH Site Handicap header */
.mdph-logo--tablet {
display: none;
}
/* --------------- */
/* Medium screens */
/* ------------ */
@media (max-width: 63.9375em) {
.ds44-headerImg {
min-height: 260px;
}
.ds44-logoContainer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi .icon::before {
min-height: 30px;
font-size: 5rem;
}
.ds44-header {
min-height: 11.4rem;
padding: 0;
left: 0;
}
.ds44-header .ds44-colRight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 11.4rem;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
position: relative;
margin: 0 0 0 1rem;
min-width: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
padding: 3rem 2rem;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi .icon + .ds44-btnInnerText,
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi .ds44-btnInnerText + .icon {
margin-left: 0;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi .ds44-btnInnerText {
position: relative;
white-space: nowrap;
}
}
@media (max-width: 47.9375em) {
.ds44-logoContainer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ds44-headerImg {
min-height: 245px;
}
.ds44-rsHeadLink {
padding-left: 0;
}
.ds44-header .ds44-blocBandeau {
margin: 0 1rem;
}
/* MDPH Site Handicap header */
.mdph-logo {
display: none;
}
.mdph-logo--tablet {
display: block;
}
}
/* -------------- */
/* small screens */
/* ------------ */
@media (max-width: 35.9375em) {
.ds44-logoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.ds44-logoContainer img {
height: 35px;
max-width: none;
}
.ds44-logoContainer .ds44-titreLogo {
margin-left: 0;
margin-top: .5rem;
text-align: center;
font-size: .5625em;
}
.ds44-overlay--navFromBottom.ds44-wave-grey {
background: #fff;
}
.ds44-header .ds44-colRight {
min-height: 6.2rem;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi {
margin-left: 0;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi.ds44--xl-padding {
padding: .5rem 1rem 1rem 1rem;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi.ds44-btn--menu {
padding: .5rem 1rem 1rem 1rem;
}
.ds44-header {
min-height: 6.2rem;
}
}
@media (max-width: 29.9375em) {
.ds44-logoContainer .mdph-logo--tablet img {
width: 100%;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi {
margin-left: 0;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi.ds44--xl-padding {
padding: .5rem .5rem 1rem .5rem;
}
.ds44-header .ds44-colRight .ds44-btnIcoText--maxi.ds44-btn--menu {
padding: .5rem .5rem 1rem .5rem;
}
}
/* Media Queries Print / Impression */
@media print {
main {
padding: 0;
}
.ds44-header {
position: inherit !important;
margin-top: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
.ds44-header .ds44-colLeft {
text-align: center;
display: block !important;
}
.ds44-header .ds44-colRight {
display: none !important;
}
}
/*
* CD44 Design System - Breadcrumb
*/
.ds44-breadcrumb {
margin-left: 3rem;
font-size: 0.875em;
}
.ds44-breadcrumb_item {
display: inline;
}
.ds44-breadcrumb_item:first-child {
margin-left: -3rem;
}
.ds44-breadcrumb_item::after {
content: "/";
display: inline-block;
margin: 0 .5rem 0 1rem;
}
.ds44-breadcrumb_item:last-child::after {
content: "";
margin: 0;
}
.ds44-breadcrumb .icon {
margin-top: -5px;
}
/* =======
GENERIC MEDIA QUERIES
=== */
@media (max-width: 63.9375em) {
.ds44-tablette-reduced-mt .ds44-breadcrumb {
margin-top: 1rem;
}
}
@media (max-width: 35.9375em) {
.ds44-breadcrumb {
margin-top: 3rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-breadcrumb {
display: none;
}
}
/* ----------------------- */
/* ==DS44 Footer */
/* ----------------------- */
footer {
border-top: 1px solid #CCCCCC;
position: relative;
}
.ds44-footerLink {
font-size: 0.875em;
display: block;
padding: 0 1rem;
margin: 1rem 0 .5rem 0;
}
@media (min-width: 64em) {
.ds44-footerLink {
font-size: 0.875em;
}
}
.ds44-footerLink a {
text-decoration: none;
}
.ds44-footerLink a:hover {
text-decoration: underline;
}
.ds44-rsFootLink {
font-size: 1.4em;
display: block;
padding-left: 2rem;
padding-right: 2rem;
}
.ds44-rsFootLink :hover {
color: #404040;
}
footer .ds44-logo {
width: 122px;
}
footer .ds44-logo--label {
max-width: 75px;
margin-right: 10px;
margin-left: 10px;
max-height: 80px;
height: auto;
}
.ds44-icoLink--footer {
margin-right: 1rem;
margin-bottom: 9rem;
background: white;
border-radius: 3px;
padding: .5rem;
max-width: 5rem;
}
footer [role="heading"] {
font-weight: normal;
}
/* smaller screens */
/* ------------- */
@media (max-width: 63.9375em) {
footer .ds44-logo {
max-width: 122px;
}
.ds44-rsFootLink {
margin-bottom: 2rem;
}
.ds44-footerLink {
margin: 0 1rem 1.5rem 1rem;
}
.ds44-footerList {
margin-bottom: 0;
margin-top: .5rem;
}
}
@media (max-width: 47.9375em) {
footer {
text-align: center;
}
footer .ds44-docListElem {
margin-left: auto;
margin-right: auto;
display: table;
}
footer .ds44-docListElem i ~ a {
width: 100%;
}
footer .ds44-logo {
margin-left: auto;
margin-right: auto;
}
}
/* Media Queries Print / Impression */
@media print {
footer {
display: none !important;
}
}
/* ----------------------------- */
/* ==Navigation full page */
/* ----------------------------- */
.ds44-menuBox, .ds44-searchBox {
text-align: left;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: inline;
}
.ds44-navContainer {
min-height: 100%;
}
.ds44-navContainer > .ds44-inner-container {
overflow-y: auto;
max-height: 70vh;
}
.ds44-rsHeaderContainer {
width: 100%;
}
.ds44-navListN2 {
list-style: none;
margin-top: 0;
margin-bottom: 3rem;
-webkit-column-rule: 2px solid #000000;
-moz-column-rule: 2px solid #000000;
column-rule: 2px solid #000000;
}
.ds44-menuBtn {
font-size: 1.625em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 2.5rem;
margin-top: .5rem;
position: inherit;
padding-right: 0;
padding-left: 0;
width: 100%;
text-align: left;
text-decoration: none;
}
@media (min-width: 64em) {
.ds44-menuBtn {
font-size: 2.375em;
}
}
.ds44-menuBtn .icon {
float: right;
margin: 0 1.5rem;
vertical-align: text-top;
-webkit-transition: margin ease-in-out 0.25s;
transition: margin ease-in-out 0.25s;
will-change: margin;
}
.ds44-menuBtn .icon::before {
line-height: .7;
}
.ds44-menuBtn:hover .icon, .ds44-menuBtn:focus .icon, .ds44-menuBtn:active .icon {
margin: 0 0 0 3rem;
}
.ds44-menuLink {
font-size: 1.125em;
text-decoration: none;
margin-bottom: 2rem;
display: block;
}
@media (min-width: 64em) {
.ds44-menuLink {
font-size: 1.3125em;
}
}
.ds44-rsHeadLink {
display: block;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.4em;
}
.ds44-container-menuBackLink {
margin: 3rem;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
.ds44-menuBackLink {
font-size: 1.3125em;
font-weight: bold;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
display: inline-block;
}
@media (min-width: 64em) {
.ds44-menuBackLink {
font-size: 1.75em;
}
}
.ds44-menuLink, .ds44-menuLink--subLvl {
position: inherit;
}
.ds44-menuLink .icon, .ds44-menuLink--subLvl .icon {
margin-left: 1rem;
margin-right: 1rem;
vertical-align: text-top;
opacity: 0;
-webkit-transition: all ease-in-out 0.25s;
transition: all ease-in-out 0.25s;
will-change: margin-left, opacity;
}
.ds44-menuLink .icon::before, .ds44-menuLink--subLvl .icon::before {
line-height: .7;
}
.ds44-menuLink:hover .icon, .ds44-menuLink:focus .icon, .ds44-menuLink:active .icon, .ds44-menuLink--subLvl:hover .icon, .ds44-menuLink--subLvl:focus .icon, .ds44-menuLink--subLvl:active .icon {
opacity: 1;
margin-left: 2rem;
margin-right: 0rem;
}
.ds44-navListApplis {
margin-top: 15rem;
}
.ds44-navListApplis li {
padding-left: 1.5rem;
}
.ds44-menuApplisTitle {
font-size: 1.1875em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
background: transparent;
font-weight: bold;
}
@media (min-width: 36em) {
.ds44-menuApplisTitle {
font-size: 1.375em;
}
}
@media (min-width: 64em) {
.ds44-menuApplisTitle {
font-size: 1.5em;
}
}
.ds44-menuApplisTitle::after {
padding-bottom: 2rem !important;
}
.ds44-navSep {
border: 1px solid #000;
margin: 5rem 0;
width: 100%;
}
.ds44-nav-stepper {
margin: 2rem 0;
width: 100%;
}
.ds44-nav-stepper li {
margin-bottom: 0;
}
.ds44-nav-stepper .ds44-nav-step {
text-align: center;
display: inline-block;
width: 100%;
position: relative;
}
.ds44-nav-stepper .ds44-nav-step a, .ds44-nav-stepper .ds44-nav-step div {
text-decoration: none;
display: inline-block;
margin: 0;
}
.ds44-nav-stepper .ds44-nav-step a .number, .ds44-nav-stepper .ds44-nav-step div .number {
border-radius: 3px;
display: block;
width: 33px;
height: 33px;
text-align: center;
font-weight: bold;
padding: 5px 0;
margin: 0 auto;
}
.ds44-nav-stepper .ds44-nav-step a .number .icon, .ds44-nav-stepper .ds44-nav-step div .number .icon {
line-height: 1;
}
.ds44-nav-stepper .ds44-nav-step a .text, .ds44-nav-stepper .ds44-nav-step div .text {
margin-top: 5px;
font-size: 22px;
display: block;
font-weight: bold;
}
.ds44-nav-stepper .ds44-nav-step a.active .number, .ds44-nav-stepper .ds44-nav-step div.active .number {
background-color: #000;
color: #FFF;
}
.ds44-nav-stepper .ds44-nav-step a.active .text, .ds44-nav-stepper .ds44-nav-step div.active .text {
color: #000;
}
.ds44-nav-stepper .ds44-nav-step a.inactive .number, .ds44-nav-stepper .ds44-nav-step div.inactive .number {
background-color: #FFF;
border: 1px solid #cccccc;
color: #000;
}
.ds44-nav-stepper .ds44-nav-step a.inactive .text, .ds44-nav-stepper .ds44-nav-step div.inactive .text {
color: #5C5C5C;
}
.ds44-nav-stepper .ds44-nav-step a.passed .number, .ds44-nav-stepper .ds44-nav-step div.passed .number {
background-color: #99E6D1;
color: #000;
}
.ds44-nav-stepper .ds44-nav-step a.passed .text, .ds44-nav-stepper .ds44-nav-step div.passed .text {
color: #5C5C5C;
}
.ds44-nav-stepper .ds44-nav-step a.passed:focus .number, .ds44-nav-stepper .ds44-nav-step a.passed:hover .number, .ds44-nav-stepper .ds44-nav-step a.passed:active .number, .ds44-nav-stepper .ds44-nav-step div.passed:focus .number, .ds44-nav-stepper .ds44-nav-step div.passed:hover .number, .ds44-nav-stepper .ds44-nav-step div.passed:active .number {
background-color: #c2f0e3 !important;
-webkit-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
color: #000;
}
.ds44-nav-stepper .ds44-nav-step a.passed:focus .text, .ds44-nav-stepper .ds44-nav-step a.passed:hover .text, .ds44-nav-stepper .ds44-nav-step a.passed:active .text, .ds44-nav-stepper .ds44-nav-step div.passed:focus .text, .ds44-nav-stepper .ds44-nav-step div.passed:hover .text, .ds44-nav-stepper .ds44-nav-step div.passed:active .text {
color: #000;
}
.ds44-nav-stepper .ds44-nav-step a:after, .ds44-nav-stepper .ds44-nav-step div:after {
margin: 0;
padding: 0;
}
.ds44-nav-stepper .ds44-nav-step:after {
content: '';
width: 65%;
height: 2px;
background: #E6E6E6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 6px;
position: absolute;
top: 10px;
right: -35%;
}
.ds44-nav-stepper .ds44-nav-step.liPassed:after {
background: #000;
}
.ds44-nav-stepper .ds44-nav-step:last-of-type:after {
display: none;
}
@media (min-width: 48em) and (max-width: 75em) {
.ds44-navListN2 {
margin: 0 5rem 3rem 5rem;
}
.ds44-navListApplis {
padding-left: 2.5rem;
}
}
@media (min-width: 48em) and (max-width: 63.9375em) {
.ds44-container-menuBackLink {
margin: 1rem 1rem 1rem 2rem;
width: calc(100% - 90px);
}
.ds44-navListApplis {
margin-left: 2rem;
margin-top: 10rem;
}
}
@media (max-width: 47.9375em) {
.ds44-navListN2 {
margin-top: 3rem;
}
.ds44-rsHeadLink {
margin: 1.5rem;
padding-left: 0;
}
.ds44-container-menuBackLink {
margin: 1rem 1rem 1rem 2rem;
width: calc(100% - 90px);
}
.ds44-menuApplisTitle::after {
padding-bottom: 1rem !important;
}
.ds44-menuBackLink {
margin-top: .8rem;
width: calc(100% - 65px);
line-height: 1.1;
}
.ds44-menuLink {
margin-bottom: 1.5rem;
}
.ds44-navList {
margin-left: 0;
margin-right: 0;
}
.ds44-navSep {
margin: 3rem 0;
}
li:first-child .ds44-menuBtn {
margin-top: 0;
}
.ds44-btn-backOverlay {
vertical-align: top;
margin: 0;
padding: 0 1rem;
}
.ds44-navListApplis {
margin-left: 2rem;
margin-top: 8rem;
}
.ds44-nav-stepper {
margin: 2rem 0;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-nav-stepper .ds44-nav-step {
text-align: left;
margin: 10px 0;
}
.ds44-nav-stepper .ds44-nav-step a, .ds44-nav-stepper .ds44-nav-step div {
text-decoration: none;
display: inline-block;
}
.ds44-nav-stepper .ds44-nav-step a .number, .ds44-nav-stepper .ds44-nav-step div .number {
display: inline-block;
padding: 5px 0;
margin: 0 auto;
}
.ds44-nav-stepper .ds44-nav-step a .text, .ds44-nav-stepper .ds44-nav-step div .text {
display: inline-block;
margin: 0 0 0 10px;
}
.ds44-nav-stepper .ds44-nav-step:after {
display: none;
}
}
@media (max-width: 29.9375em) {
.ds44-btn-backOverlay {
text-align: left;
}
.ds44-navListApplis > li {
padding-left: 0;
}
.ds44-navContainer {
padding-top: 7.5rem;
}
.ds44-navContainer > .ds44-inner-container {
max-height: 100%;
}
.ds44-menuBtn {
padding-right: 4rem;
position: relative;
}
.ds44-menuBtn .icon {
right: .5rem;
position: absolute;
top: 0;
margin: 0;
}
.ds44-navListN2 {
margin-top: 1rem;
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 64em) and (max-width: 100em) {
.ds44-navContainer > .ds44-inner-container {
max-width: 90%;
}
}
/*
* CD44 Design System - système d'onglets
*/
.invisible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ds44-tabs__list {
margin: 0;
padding: 2rem 3rem 3rem 3rem;
}
.ds44-tabs__item {
display: inline-block;
-ms-flex-item-align: end;
align-self: flex-end;
}
.ds44-tabs__link {
display: block;
padding: 1rem 3rem 1.5rem 3rem;
cursor: pointer;
text-decoration: none;
font-size: 1.375em;
/* 22px */
position: relative;
text-align: center;
}
.ds44-tabs__link::after {
content: "";
width: 100%;
position: absolute;
height: 2px;
background-color: #FFF;
bottom: 0;
left: 0;
}
.ds44-tabs__linkSelected.ds44-tabs__link,
.ds44-tabs__link:hover,
.ds44-tabs__link:focus,
.ds44-tabs__link:active {
font-weight: bolder;
}
.ds44-tabs__linkSelected.ds44-tabs__link::after,
.ds44-tabs__link:hover::after,
.ds44-tabs__link:focus::after,
.ds44-tabs__link:active::after {
height: 5px;
background-color: #000;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ds44-tabs__content {
opacity: 1;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
position: relative;
}
[aria-hidden="true"].ds44-tabs__content {
display: none;
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ds44-blocBtnOnglets {
padding-right: 2rem;
padding-top: 2.5rem;
margin: 0;
}
.ds44-tabs + .ds44-inner-container > .ds44-partage {
margin-top: -5rem;
}
/* =======
GENERIC MEDIA QUERIES
=== */
@media (max-width: 63.9375em) {
.ds44-blocBtnOnglets {
padding-right: 0;
padding-top: 0;
padding-bottom: 2rem;
}
}
@media (max-width: 35.9375em) {
.ds44-navOnglets {
width: 100%;
}
.ds44-tabs__list {
padding: 0.5rem 2rem 2.5rem 2rem;
}
.ds44-tabs__link {
font-size: 1.125em;
/* 18px */
padding: 1.5rem .5rem;
}
.ds44-blocBtnOnglets {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
padding: 0;
margin: 0;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
margin-left: 0;
margin-right: 0;
width: 33%;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem:first-child {
border: 0;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem:last-child {
border-right: 0;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem:nth-child(3) {
border-left: 0;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem > .ds44-btnStd, #orejime .ds44-blocBtnOnglets > .ds44-ongletsBtnItem > button {
text-align: left;
padding: 1rem 2.5rem 1rem 1rem;
position: relative;
min-height: 56px;
line-height: 1.2;
border-radius: unset;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem > .ds44-btnStd .icon, #orejime .ds44-blocBtnOnglets > .ds44-ongletsBtnItem > button .icon {
font-size: 1rem;
margin-left: 1rem;
position: absolute;
z-index: 10;
right: .4rem;
top: 1.5rem;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem > .ds44-btnStd:focus, #orejime .ds44-blocBtnOnglets > .ds44-ongletsBtnItem > button:focus {
background: #FFF !important;
color: #000 !important;
}
.ds44-blocBtnOnglets > .ds44-ongletsBtnItem .ds44-btnStd, .ds44-blocBtnOnglets > .ds44-ongletsBtnItem #orejime button, #orejime .ds44-blocBtnOnglets > .ds44-ongletsBtnItem button {
width: 100%;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-tabs__content {
opacity: 1 !important;
display: block !important;
clear: both !important;
margin: 0;
height: inherit;
}
.ds44-blocBtnOnglets {
display: none !important;
}
}
/* ------------------------- */
/* ==DS44 Overlays */
/* ------------------------- */
/* === Overlay === */
.ds44-overlay {
position: fixed;
height: 100vh;
width: 100%;
overflow: auto;
z-index: 10000;
opacity: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.ds44-overlay.show {
opacity: 1;
}
.ds44-overlay--navNiv1 {
left: 0;
top: -5000px;
visibility: hidden;
}
.ds44-overlay--navNiv1 * {
visibility: hidden;
}
.ds44-overlay--navNiv1.show {
top: 0;
opacity: 1;
visibility: visible;
}
.ds44-overlay--navNiv1.show * {
visibility: visible;
}
.ds44-overlay--navNiv2 {
left: auto;
top: 0;
right: -5000px;
z-index: 11000;
}
.ds44-overlay--navNiv2.show {
right: 0;
opacity: 1;
}
.ds44-overlay--navFromBottom {
bottom: -5000px;
z-index: 11000;
background-color: #FFF;
}
.ds44-overlay--navFromBottom.show {
bottom: 0;
opacity: 1;
}
.ds44-modal-container.show {
pointer-events: auto;
opacity: 1;
visibility: visible;
}
.ds44-modal-container {
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.66);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ds44-modal-container .ds44-navListApplis {
margin: 0;
}
.ds44-modal-box {
width: 96%;
max-width: 64em;
padding: 1.5rem 3rem;
background-color: #FFF;
position: relative;
z-index: 10;
max-height: 90vh;
overflow-x: auto;
}
.ds44-modal-gab {
padding: 1.5rem;
margin-top: 1.5rem;
}
.ds44-modal-column {
padding-right: 5rem;
}
.ds44-modal-column:last-child {
border-left: 2px solid #000;
padding-right: 0;
padding-left: 5rem;
}
.ds44-modal-column form {
margin: 0;
}
.ds44-btn-fixed {
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* === Marker Map overlay === */
.ds44-mapResults .mapboxgl-popup-content {
position: relative;
background: #fff;
border-radius: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 0;
pointer-events: auto;
max-height: 600px;
overflow: auto;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-flex-container {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.ds44-mapResults .mapboxgl-popup-content .ds44-flex-container:last-child {
border-bottom: 0;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card {
cursor: pointer;
z-index: 700;
position: relative;
background: #ffffff !important;
margin: 0 !important;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-cardTitle {
font-size: 1.7rem;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card.ds44-cardIsFocus {
background-color: #99E6D1 !important;
border-color: #666;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-docListElem {
margin-top: 1rem !important;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-flex-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-flex-container .ds44-card__dateContainer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
min-height: 8rem;
font-size: 1.25em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-flex-container .ds44-card__dateContainer > * {
margin: 0 .5rem;
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-flex-container .ds44-card__dateContainer .icon-down {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-cardDate, .ds44-mapResults .mapboxgl-popup-content .ds44-js-card .ds44-cardLocalisation {
font-size: 1em;
}
.ds44-mapResults .mapboxgl-popup-content .mapboxgl-popup-close-button {
border-radius: 0;
background-color: rgba(255, 255, 255, 0.75);
z-index: 1000;
font-size: 1.4em;
height: 30px;
width: 30px;
display: none;
}
.ds44-mapResults .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
background-color: white;
}
@media (max-width: 64em) {
.ds44-modal-column {
padding-bottom: 2rem;
padding-right: 0;
padding-left: 0;
}
.ds44-modal-column:last-child {
border-left: none;
border-top: 2px solid #000;
padding-top: 2rem;
padding-left: 0;
}
.ds44-modal-box {
padding: 1.5rem 1rem;
}
}
@media (max-width: 30em) {
.ds44-modal-box h1.h2-like {
max-width: 80%;
display: inline-block;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) calc(100% - 16px), #99E6D1 0px);
}
}
.orejimeBody-WithModalOpen {
/* Orejime */
}
.orejimeBody-WithModalOpen #orejime {
height: 100%;
width: 100%;
}
.orejimeBody-WithModalOpen #orejime .orejime-ModalPortal {
height: 100%;
width: 100%;
position: fixed;
z-index: 100;
left: 0;
top: 0;
}
/* Orejime */
#orejime {
position: fixed;
bottom: 0;
right: 0;
z-index: 1000;
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#orejime .orejime-AppContainer .orejime-Notice {
background-color: #FFF;
-webkit-box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 13px 20px 0px rgba(0, 0, 0, 0.35);
width: 100%;
max-width: 64em;
padding: 1.5rem 3rem;
position: relative;
z-index: 10;
max-height: 90vh;
overflow-x: auto;
border-radius: 0;
bottom: 3rem;
right: 3rem;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-logoContainer {
text-align: center;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-description {
color: #000;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 1.4rem;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-purposes {
color: #000;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-actions {
padding: 0;
text-align: center;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-actions .orejime-Button {
background-color: #FFF;
border-color: #000;
color: #000;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-actions .orejime-Button.orejime-Button--save {
background-color: #99E6D1;
border-color: #99E6D1;
}
#orejime .orejime-AppContainer .orejime-Notice .orejime-Notice-body {
padding-top: 0em;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay {
background-color: rgba(0, 0, 0, 0.66);
padding: 3rem;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-ModalWrapper {
background-color: #FFF;
width: 100%;
max-width: 64em;
padding: 1.5rem 3rem;
position: relative;
z-index: 10;
max-height: 90vh;
overflow-x: auto;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
bottom: 0;
right: 0;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal {
font-family: Muli, Arial, Helvetica, sans-serif;
background: #FFF;
color: #000;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-title {
font-size: 1.75em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
padding: 0 1.5rem;
line-height: 1.2;
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(255, 255, 255, 0)), color-stop(55%, #99E6D1));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, #99E6D1 55%);
display: inline;
}
@media (min-width: 36em) {
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-title {
font-size: 2em;
}
}
@media (min-width: 64em) {
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-title {
font-size: 2.375em;
}
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-description {
margin-top: 2rem;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body {
padding: 2rem 2rem 3rem 2rem;
border: 1px solid #99E6D1;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider {
background-color: #000;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-input[disabled] ~ label {
-webkit-filter: none;
filter: none;
opacity: 1;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-optOut,
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-required,
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-purposes,
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-AppItem-switch--disabled .orejime-AppItem-switchLabel {
color: #5C5C5C;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-Button[disabled] {
background-color: #000;
border-color: #000;
opacity: 1;
-webkit-filter: none;
filter: none;
color: #FFF;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-body .orejime-Button--info {
background: #FFF;
color: #000;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-saveButton {
background-color: #99E6D1;
border-color: #99E6D1;
color: #000;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-header,
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-footer {
border: 0;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-AppToggles .orejime-AppToggles-disableAll {
background-color: #ffffff;
color: #000;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal .orejime-Modal-poweredByLink {
display: none;
visibility: hidden;
}
#orejime .orejime-ModalPortal .orejime-ModalOverlay .orejime-Modal-closeButton {
color: #000;
}
#orejime button {
color: #FFF;
font-family: Muli, Arial, Helvetica, sans-serif;
font-size: 1.4rem;
min-height: 2.4rem;
cursor: pointer;
}
#orejime button.orejime-Modal-closeButton {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#orejime button * {
cursor: pointer;
}
/* =======
MEDIA QUERIES
=== */
.ds44-partage-sliderHome {
padding: 1em 2em;
height: 100%;
}
.ds44-partage-sliderHome p[role="heading"] {
font-size: 2.4rem;
line-height: 1.2em;
}
.ds44-partage-sliderHome p.hashtag {
font-size: 1.9rem;
}
.ds44-partage-sliderHome .ds44-list {
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ds44-partage-sliderHome .ds44-list li {
width: 50%;
}
.ds44-partage-sliderHome .ds44-list li a {
display: inline-block;
font-size: 1.5em;
padding: 1rem 1.5rem;
}
.ds44-partage-sliderHome .ds44-list li a :hover {
color: #404040;
}
.ds44-partage-patrimoine .icon {
font-size: 1.7em;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list {
padding: 1em 2em;
margin: 0;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list li {
text-align: center;
margin: 0 10px;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list li p {
margin: 0;
padding: 0;
font-size: 1.4rem;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list a {
text-decoration: none;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list a:hover, .ds44-partage-patrimoine .ds44-noteRS .ds44-list a:active, .ds44-partage-patrimoine .ds44-noteRS .ds44-list a:focus {
color: #404040;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .icon {
font-size: 3em;
min-height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .icon.icon-tripadvisor {
font-size: 4em;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .h1-like {
font-size: 2.5em;
margin: 20px 0 5px 0;
}
.ds44-partage > ul {
margin-top: 0;
}
@media (max-width: 63.9375em) {
.ds44-partage-sliderHome {
width: 100%;
}
.ds44-partage-sliderHome > .ds44-list {
-ms-flex-wrap: inherit;
flex-wrap: inherit;
}
.ds44-partage-patrimoine .icon {
font-size: 1.2em;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .icon {
font-size: 2em;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .icon.icon-tripadvisor {
font-size: 3em;
}
.ds44-partage-patrimoine .ds44-noteRS .ds44-list .h1-like {
font-size: 1.5em;
}
}
@media (max-width: 35.9375em) {
.ds44-partage {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.ds44-partage > ul {
margin-top: 1rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-partage {
display: none;
}
}
.i-name {
padding-left: 10px;
}
/* Ratio img générique tuile 3/2 */
.ds44-container-imgRatio {
width: 100%;
height: 0;
display: block;
padding-top: 66.6667%;
position: relative;
}
.ds44-container-imgZoom {
overflow: hidden;
}
.ds44-container-imgZoom:after {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 2px dotted #000;
opacity: 0;
}
.ds44-container-imgZoom.focus img, .ds44-container-imgZoom:hover img {
border: 1px dotted;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.ds44-container-imgZoom.focus:after {
opacity: 1;
}
.ds44-container-imgZoom img {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ds44-container-imgZoom img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.ds44-imgLoupe {
background-position: 50% 50%;
position: relative;
overflow: hidden;
background-size: 200% 200%;
}
.ds44-imgLoupe img {
-webkit-transition: opacity .5s;
transition: opacity .5s;
display: block;
width: 100%;
}
.ds44-imgLoupe .ds44-js-magnifier {
position: absolute;
border: 3px solid #000;
cursor: none;
width: 500px;
height: 200px;
}
.ds44-imgRatio {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
/* Spécifique image seule dans modale */
.ds44-modal-container.show .ds44-imgRatio {
-o-object-fit: contain;
object-fit: contain;
}
/* Ratio img tuile 1/1 */
.ds44-container-imgRatio--carre {
padding-top: 100%;
}
/* Ratio img tuile 3/1 */
.ds44-container-imgRatio--tuileMiseEnAvant {
padding-top: 33.3333%;
}
.ds44-container-imgRatio--tuileMiseEnAvant p {
font-size: 0.875em;
}
/* legend block positionnement */
.ds44-legendeContainer .ds44-blockAbsolute {
position: absolute;
z-index: 1;
width: 27.5vw;
}
.ds44-legendeContainer .ds44-blockAbsolute--br {
bottom: 0;
right: 0;
}
.ds44-legendeContainer .ds44-blockAbsolute--bl {
bottom: 0;
left: 0;
}
.ds44-legendeContainer .ds44-blockAbsolute--tl {
top: 0;
left: 0;
}
.ds44-legendeContainer .ds44-blockAbsolute--tr {
top: 0;
right: 0;
}
/* Ratio img profil */
.ds44-container-imgRatio--profil {
padding-top: 0;
width: 110px;
height: 110px;
}
.ds44-container-imgRatio--profilXL {
padding-top: 0;
width: 160px;
height: 160px;
}
.ds44-imgRatio--profil {
border-radius: 50%;
}
/* Ratio img A4 99:70 */
.ds44-container-imgRatio--A4 {
padding-top: 141.43%;
}
/* légende d'image */
figure {
margin: 0;
}
.ds44-legendeContainer {
position: relative;
}
.ds44-imgCaption {
position: absolute;
bottom: 0;
right: 0;
background: #000;
color: #FFF;
padding: 0 .5rem;
z-index: 15;
}
/* loader */
.ds44-loader {
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.9);
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.ds44-loader .ds44-loader-body {
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ds44-loader .ds44-loader-body .ds44-loader-circular {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
height: 60px;
position: relative;
width: 60px;
}
.ds44-loader .ds44-loader-body .ds44-loader-circular .ds44-loader-path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke: #000;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
/* Logo tous nos sites page accueil sites patrimoines */
.ds44-logoCard {
max-height: 45px;
}
/* Mosaiques */
.ds44-mosaique {
margin: 0;
padding: 0;
}
.ds44-mosaique + .ds44-mosaique {
margin-top: 1.5rem;
}
.ds44-mosaique li {
cursor: pointer;
}
.ds44-mosaique li.row-2 + li {
margin-bottom: 1.5rem;
}
.ds44-mosaique .ds44-legendeContainer.ds44-container-imgRatio {
height: 100%;
}
.ds44-gutter {
grid-column-gap: 1.5rem;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
/* Emoji présents dans les fils twitter */
.emoji-tweet {
height: 1.25em;
width: 1.25em;
padding: 0px 0.05em 0px 0.1em;
vertical-align: -0.2em;
}
.iframe_inforoutes > * {
width: 100%;
}
/* =======
MEDIA QUERIES
=== */
@media (max-width: 63.375em) {
.ds44-legendeContainer .ds44-blockAbsolute {
width: 100%;
position: relative;
}
.ds44-legendeContainer.ds44-container-imgRatio,
.ds44-legendeContainer.ds44-container-imgRatio .ds44-imgRatio {
position: relative;
padding-top: 0%;
}
.ds44-legendeContainer.ds44-container-imgRatio {
height: auto;
}
.ds44-container-imgRatio--tuileMiseEnAvant .ds44-legendeContainer.ds44-container-imgRatio .ds44-imgRatio {
height: 400px;
}
/* Logo tous nos sites page accueil sites patrimoines */
.ds44-logoCard {
margin: 0px;
}
}
@media (min-width: 63.375em) {
.grid-12-small-1 .ds44-container-imgRatio--tuileMiseEnAvant {
padding-top: 85%;
}
}
@media (max-width: 48em) {
/* Logo tous nos sites page accueil sites patrimoines */
.ds44-logoCard {
margin: 10px;
}
}
@media (min-width: 48em) {
.grid-12-small-1 .col-6 {
margin-right: 0.75rem;
}
.grid-12-small-1 .col-6:last-of-type {
margin-right: 0;
margin-left: 0.75rem;
margin-top: 0;
}
}
@media (max-width: 35.375em) {
.ds44-mosaique .ds44-legendeContainer.ds44-container-imgRatio .ds44-imgRatio,
.ds44-mosaique .ds44-legendeContainer.ds44-container-imgRatio {
height: 100%;
}
.ds44-legendeContainer .ds44-blockAbsolute {
position: relative;
z-index: 1;
width: 100%;
bottom: 0;
left: 0;
}
.ds44-container-imgRatio--tuileMiseEnAvant .ds44-legendeContainer.ds44-container-imgRatio .ds44-imgRatio {
height: 300px;
}
.ds44-imgCaption {
/* equivault à sr-only : masquage accessible */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
/* added line */
border: 0;
}
}
@media (min-width: 36em) {
.ds44-container-imgRatio--tuileMiseEnAvant .ds44-card__title {
font-size: 2.4rem;
}
.col .ds44-container-imgRatio--tuileMiseEnAvant .ds44-card__title {
font-size: 1.7rem;
}
}
@media (max-width: 30em) {
/* Mosaiques */
.ds44-gutter li {
margin-bottom: 1.5rem;
}
}
/* Media Queries Print / Impression */
@media print {
.ds44-container-imgRatio {
width: auto !important;
height: auto !important;
padding-top: 0 !important;
}
img,
iframe {
max-width: 300px !important;
width: auto !important;
max-height: 200px !important;
height: 100% !important;
overflow: hidden;
position: relative !important;
}
.ds44-pictoStore {
height: 32px !important;
width: auto !important;
}
.ds44-logoContainer img {
height: 62px !important;
margin-bottom: 3rem !important;
}
.ds44-card__section--horizontal--img,
.swiper-slide img,
.swiper-slide picture,
.swiper-slide figure,
.ds44-container-imgRatio,
.ds44-hiddenPrint,
.ds44-box__img,
.ds44-mediaIndicator {
display: none !important;
visibility: hidden;
opacity: 0;
}
}
/* ---------------------------------------- */
/* == Styles dédiés au rendu wysiwyg */
/* ---------------------------------------- */
.ds44-contenuArticle h2:not(.h3-like) + * {
margin-top: 3rem;
}
.ds44-contenuArticle p + p,
.ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) + section,
.ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) + p {
margin-top: 1.5rem;
}
.ds44-contenuArticle p + .h3-like,
.ds44-contenuArticle p + h3,
.ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) + h3,
.ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) + .h3-like,
.ds44-contenuArticle p + .h4-like,
.ds44-contenuArticle p + h4 {
margin-top: 3rem;
}
.ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) > li {
margin-top: 0;
}
.ds44-contenuArticle .wysiwyg ol > li > * {
display: inline-block;
}
.ds44-contenuArticle .wysiwyg > div > .ds44-box {
margin-bottom: 3rem;
}
.ds44-bgDark .ds44-contenuArticle ul:not(.ds44-list):not(.ds44-collapser) > li {
list-style-image: url(../../../assets/images/right-white.svg);
}
.ds44-bgDark .ds44-contenuArticle .ds44-docListElem i ~ a {
color: #FFF;
}
.ds44-bgDark .ds44-contenuArticle .wysiwyg p a {
color: #FFF;
}
.ds44-bgDark .ds44-contenuArticle .ds44-wsg-encadreApplat {
color: #000;
}
.ds44-bgDark .ds44-contenuArticle .ds44-wsg-encadreApplat ul:not(.ds44-list):not(.ds44-collapser) > li {
list-style-image: url(../../../assets/images/right.svg);
}
.ds44-bgDark .ds44-contenuArticle:last-child, .ds44-bgDark .ds44-contenuArticle.ds44-contenuMedia {
margin: 0 auto;
}
.ds44-bgDark .ds44-contenuArticle:last-child .ds44-inner-container, .ds44-bgDark .ds44-contenuArticle.ds44-contenuMedia .ds44-inner-container {
margin-bottom: 0;
}
.ds44-bgDark .ds44-contenuArticle:last-child .ds44-inner-container .ds44-grid12-offset-2 > div, .ds44-bgDark .ds44-contenuArticle.ds44-contenuMedia .ds44-inner-container .ds44-grid12-offset-2 > div {
margin-bottom: 0 !important;
}
.ds44-bgDark .ds44-contenuArticle .ds44-wsg-exergue {
color: #000;
}
.ds44-bgDark .ds44-partage .ds44-rsLink {
color: #FFF;
}
.ds44-bgDark.ds44-container-large ~ .ds44-container-large {
padding-left: 0;
padding-right: 0;
}
.wysiwyg .icon {
margin-right: 5px;
}
.wysiwyg figure {
display: inline-block;
}
.wysiwyg + .ds44-btnStd, #orejime .wysiwyg + button {
margin-top: 3rem;
}
.wysiwyg .ds44-wsg-transparent {
background-color: transparent !important;
}
.wysiwyg .ds44-wsg-transparent:hover, .wysiwyg .ds44-wsg-transparent:focus, .wysiwyg .ds44-wsg-transparent:active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.wysiwyg .ds44-wsg-noPadding {
padding: 0 !important;
}
.ds44-tabs__content .grid-12-small-1 .wysiwyg .ds44-inner-container + .ds44--xl-padding-lr {
padding: 0;
}
.ds44-tabs__content .grid-12-small-1 .wysiwyg .ds44-inner-container + .ds44--xl-padding-lr .grid-12-small-1 {
display: block;
}
blockquote {
border-left: 1px solid #99E6D1;
padding: 0 5rem;
margin: 1.5rem 0;
}
blockquote::after, blockquote::before {
font-size: 2.375em;
color: #99E6D1;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
position: absolute;
height: .4em;
line-height: .9;
}
@media (min-width: 64em) {
blockquote::after, blockquote::before {
font-size: 2.375em;
}
}
blockquote::before {
left: 1.5rem;
top: .5rem;
}
blockquote::after {
content: "\201D";
right: 1.5rem;
bottom: .5rem;
}
.ds44-wsg-encadreContour {
padding: 3rem;
border: 1px solid #99E6D1;
margin: 2rem 0 !important;
}
.ds44-wsg-encadreApplat {
padding: 3rem;
background-color: #99E6D1;
margin: 2rem 0 !important;
}
.ds44-wsg-encadreGris {
padding: 3rem;
background-color: #E6E6E6;
margin: 2rem 0 !important;
}
.ds44-wsg-smallText {
font-size: 0.875em;
}
@media (min-width: 64em) {
.ds44-wsg-smallText {
font-size: 0.875em;
}
}
.ds44-wsg-exergue {
font-weight: bold;
background-color: #99E6D1;
padding: .5rem 1rem;
display: inline-block;
margin: 1.5rem 0 1rem 0 !important;
font-size: 16px !important;
line-height: 1.4em;
font-family: 'Muli', Arial, Helvetica, sans-serif;
}
/* Tables */
table.ds44-tableau_1col,
table.ds44-tableau_2col,
table.ds44-tableau_3col,
table.ds44-tableau_4col,
table.ds44-tableau_5col {
width: 100%;
}
table.ds44-tableau_1col tr {
width: 100%;
}
table.ds44-tableau_2col tr {
width: 50%;
}
table.ds44-tableau_3col tr {
width: 33%;
}
table.ds44-tableau_4col tr {
width: 25%;
}
table.ds44-tableau_5col tr {
width: 20%;
}
table.inforoutes {
text-align: left;
width: 100%;
}
table.inforoutes thead th {
font-size: 14px;
font-weight: normal;
}
table.inforoutes tbody tr td:nth-of-type(2) {
font-weight: bold;
}
table.inforoutes tbody tr td img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 15px;
vertical-align: top;
}
table.inforoutes tbody tr td span {
display: inline-block;
width: calc(100% - 70px);
}
table.inforoutes td, table.inforoutes th {
padding: 1rem;
vertical-align: top;
}
table.inforoutes .ds44-icoInfoRoutes {
margin-right: 15px;
padding: 6px;
font-size: 2em;
vertical-align: baseline;
display: inline-block;
width: 51px;
height: 51px;
text-align: center;
}
table.inforoutes .ds44-icoInfoRoutes.orangeFlag {
background: #FFC134;
color: #000;
}
table.inforoutes .ds44-icoInfoRoutes.redFlag {
background: #DC3545;
color: #FFF;
}
@media (max-width: 64em) {
.col.mrl,
.col.mll {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 64em) {
table.inforoutes {
width: 100%;
}
table.inforoutes thead th {
display: none;
}
table.inforoutes tbody tr td:first-child {
font-weight: bold;
}
table.inforoutes tbody tr td img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 15px;
vertical-align: top;
}
table.inforoutes tbody tr td span {
display: inline-block;
width: calc(100% - 70px);
}
table.inforoutes td, table.inforoutes th {
padding: 1rem;
vertical-align: top;
display: block;
width: 100%;
}
}
.ds44-list .swipper-carousel-wrap {
padding-left: 6rem;
padding-right: 6rem;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap.ds44-container-large,
.ds44-homepage-container .swipper-carousel-wrap {
margin: 0;
}
}
.swipper-carousel-wrap .swiper-container {
padding: 1rem 1.6rem 3rem 1.6rem;
margin: 0 calc(5.5% - 1.6rem);
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-container {
padding: 1rem 0 0 0;
margin: 0 auto;
}
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide {
z-index: 1;
height: auto;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette {
background-color: #000;
height: 615px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 35.9375em) {
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette {
height: 40vh;
}
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container .ds44-diaporama-vignette-image {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-vignette .ds44-diaporama-vignette-container .ds44-diaporama-vignette-text {
position: absolute;
top: -100000px;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb {
display: block;
width: 7.8rem;
height: 7.8rem;
background-position: center center;
background-size: cover;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card {
margin-bottom: 0;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card--horizontal {
height: 100%;
}
.swipper-carousel-wrap .swiper-container .swiper-wrapper .swiper-slide .ds44-card--horizontal > .ds44-flex-container {
height: 100%;
}
.swipper-carousel-wrap .swiper-pagination {
position: static;
width: 100%;
background-color: #E6E6E6;
text-align: center;
padding: 1rem 0;
min-height: 4rem;
}
.swipper-carousel-wrap .swiper-pagination p {
margin: 0;
}
.swipper-carousel-wrap .swiper-pagination .swiper-pagination-bullet {
background: none;
width: auto;
height: auto;
display: none;
color: #5C5C5C;
}
.swipper-carousel-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
display: block;
}
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-button-prev {
color: #000;
width: auto;
height: auto;
position: absolute;
top: calc(50% - 15px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 3px;
z-index: 14;
padding: 15px 20px;
margin: 0;
display: block;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-button-prev {
color: #FFF;
width: auto;
height: auto;
background: #000;
}
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-white,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white {
color: #fff;
border: 2px solid transparent;
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-white:focus, .swipper-carousel-wrap .swiper-button-next.swiper-button-white:-moz-focusring,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white:focus,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-white:-moz-focusring {
background: #404040;
}
.swipper-carousel-wrap .swiper-button-next.ds44-not-edge-42 .icon::before,
.swipper-carousel-wrap .swiper-button-prev.ds44-not-edge-42 .icon::before {
font-size: 45px;
}
@media screen and (max-width: 47.9375em) {
.swipper-carousel-wrap .swiper-button-next.ds44-not-edge-42 .icon::before,
.swipper-carousel-wrap .swiper-button-prev.ds44-not-edge-42 .icon::before {
font-size: 30px;
}
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-disabled,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-disabled {
display: none;
}
.swipper-carousel-wrap .swiper-button-next.swiper-button-hidden,
.swipper-carousel-wrap .swiper-button-prev.swiper-button-hidden {
position: absolute;
left: -10000px;
top: auto;
}
.swipper-carousel-wrap .swiper-button-next::after,
.swipper-carousel-wrap .swiper-button-prev::after {
content: none;
}
.swipper-carousel-wrap .swiper-button-prev,
.swipper-carousel-wrap .swiper-container-rtl .swiper-button-prev {
left: 0;
right: auto;
}
.swipper-carousel-wrap .swiper-button-next,
.swipper-carousel-wrap .swiper-container-rtl .swiper-button-next {
right: 0;
left: auto;
}
.swipper-carousel-wrap .swiper-thumbs {
background-color: #E6E6E6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container {
max-width: 930px;
margin: 0 auto;
padding: 1rem 0 2rem 0;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper {
padding: 5px 16px 16px 16px;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide {
width: auto;
cursor: pointer;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb {
border: 3px solid transparent;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb:hover {
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide .ds44-diaporama-thumb:focus {
border: 3px solid #000;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .ds44-diaporama-thumb {
border: 3px solid #99E6D1;
}
.swipper-carousel-wrap .swiper-thumbs .swiper-thumbs-container .swiper-container .swiper-wrapper .swiper-slide:last-child {
margin-right: 0 !important;
}
.swipper-carousel-wrap.swipper-carousel-slideshow {
position: relative;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container {
padding: 0;
margin: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container .swiper-wrapper {
margin: 0;
grid-gap: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
margin: 0;
}
.swipper-carousel-wrap.swipper-carousel-slideshow .ds44-btnIco {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
border: 2px solid transparent;
}
.swipper-carousel-wrap.swipper-carousel-slideshow-slave {
height: 100%;
width: 100%;
}
.swipper-carousel-wrap.swipper-carousel-slideshow-slave .swiper-container {
height: 100%;
width: 100%;
}
.ds44-bgDark .swipper-carousel-wrap .swiper-button-next,
.ds44-bgDark .swipper-carousel-wrap .swiper-button-prev {
color: #ffffff;
}
.ds44-ssTitreH1_home {
font-size: 3.4rem;
}
@media screen and (max-width: 35.9375em) {
.ds44-ssTitreH1_home {
font-size: 2.4rem;
}
}
.ds44-tuiles-mosaiques .ds44-card {
margin: 0 !important;
overflow: hidden;
}
.ds44-tuiles-mosaiques .ds44-card .ds44-card__section {
height: auto;
position: static;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card__title {
font-size: 2.4rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card picture {
height: 100%;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card .ds44-card__section {
position: absolute;
bottom: 0;
left: 0;
width: 60%;
background: #E6E6E6;
padding: 3rem;
}
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card__title {
font-size: 1.7rem;
}
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card__title {
font-size: 1.4rem;
}
@media screen and (max-width: 35.9375em) {
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card__title,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card__title,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card__title {
font-size: 1.7rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card {
height: auto;
}
.ds44-tuiles-mosaiques .col-7-small-1 .ds44-card .ds44-card__section,
.ds44-tuiles-mosaiques .col-3-small-1 .ds44-card .ds44-card__section,
.ds44-tuiles-mosaiques .col-2-small-1 .ds44-card .ds44-card__section {
position: relative;
width: auto;
padding: 1rem 1.5rem;
}
.ds44-tuiles-mosaiques .col-7-small-1 {
margin: 0 !important;
}
}
/* Media Queries Print / Impression */
@media print {
.swiper-container {
padding: 0 !important;
margin: 0 !important;
}
.swiper-wrapper {
display: inline !important;
}
.swiper-slide {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
height: inherit !important;
margin: 0 !important;
width: 100% !important;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.swiper-slide .ds44-js-card {
margin-bottom: 1rem !important;
border: 1px solid #E6E6E6;
}
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
}
/*
* CD44 Design System - timeline
*/
.ds44-timeline_index {
font-size: 2.2rem;
}
@media (max-width: 47.9375em) {
.ds44-timeline_index {
text-align: left;
}
}
.ds44-timeline_index p {
display: inline-block;
font-weight: bolder;
}
@media (max-width: 47.9375em) {
.ds44-timeline_index p {
display: block;
}
}
.ds44-timeline_index ul {
display: inline-block;
}
@media (max-width: 47.9375em) {
.ds44-timeline_index ul {
display: block;
}
}
.ds44-timeline_index ul li {
display: inline-block;
}
@media (max-width: 47.9375em) {
.ds44-timeline_index ul li {
display: block;
}
}
.ds44-timeline_index ul li > a {
padding-left: 40px;
background: url(../../../assets/images/right.png) no-repeat left 15px center;
margin-right: 1rem;
}
@media (max-width: 47.9375em) {
.ds44-timeline_index ul li > a {
padding-left: 25px;
background: url(../../../assets/images/right.png) no-repeat left;
margin-right: 0;
}
}
.ds44-timeline_container {
position: relative;
}
.ds44-timeline_container::before {
content: "";
width: 3px;
height: 100%;
position: absolute;
background-color: #99E6D1;
left: 50%;
top: 40px;
z-index: 10;
}
@media (max-width: 47.9375em) {
.ds44-timeline_container::before {
left: 1.5rem;
}
}
.ds44-timeline_container .ds44-timeline_elem {
width: calc(50% - 5rem);
margin-right: 5rem;
position: relative;
z-index: 20;
}
@media (max-width: 47.9375em) {
.ds44-timeline_container .ds44-timeline_elem {
width: auto;
margin-right: 1.5rem;
margin-left: 4rem;
}
}
.ds44-timeline_container .ds44-timeline_elem::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border: 5px solid #FFF;
background-color: #000;
border-radius: 25px;
left: calc(100% + 39px);
top: 25px;
z-index: 20;
}
@media (max-width: 47.9375em) {
.ds44-timeline_container .ds44-timeline_elem::after {
left: -36px;
top: 14px;
}
}
.ds44-timeline_container .ds44-timeline_elem:nth-child(odd) .h2-like {
margin-left: calc(100% + 10rem);
width: 100%;
white-space: nowrap;
}
@media (max-width: 47.9375em) {
.ds44-timeline_container .ds44-timeline_elem:nth-child(odd) .h2-like {
margin-left: 0;
}
}
.ds44-timeline_container .ds44-timeline_elem:nth-child(even) {
margin-right: 0;
margin-left: calc(50% + 5rem);
}
@media (max-width: 47.9375em) {
.ds44-timeline_container .ds44-timeline_elem:nth-child(even) {
margin-left: 4rem;
margin-right: 2rem;
}
}
.ds44-timeline_container .ds44-timeline_elem:nth-child(even)::after {
left: -61px;
top: 25px;
}
@media (max-width: 47.9375em) {
.ds44-timeline_container .ds44-timeline_elem:nth-child(even)::after {
left: -36px;
top: 14px;
}
}
.ds44-timeline_container .ds44-timeline_elem .ds44-timeline_elem_body {
border-bottom: 2px solid #99E6D1;
padding-bottom: 4rem;
margin-bottom: 4rem;
}
.ds44-timeline_container .ds44-timeline_elem p, .ds44-timeline_container .ds44-timeline_elem hr {
margin-top: 3rem;
}
.ds44-timeline_container .ds44-timeline_elem .ds44-video-container {
height: 330px;
}
.simpletooltip_container {
position: relative;
cursor: help;
}
.simpletooltip_container button {
padding: 0;
cursor: help;
}
.simpletooltip_container button .icon {
display: inline;
}
.simpletooltip_container .simpletooltip {
position: absolute;
z-index: 666;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
text-align: left;
line-height: 1.3;
border-radius: 3px;
background-color: #ffffff;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
font-size: 1.4rem;
padding: 1rem;
left: -1.8rem;
bottom: 2.125rem;
max-width: 30rem;
}
.simpletooltip_container .simpletooltip.bottom {
bottom: auto;
top: calc(100% + 0.45rem);
}
.simpletooltip_container .simpletooltip.left {
left: auto;
right: -2.2rem;
}
.simpletooltip_container .simpletooltip[aria-hidden="true"] {
display: none;
}
.simpletooltip_container .simpletooltip::before {
position: absolute;
left: 2.5rem;
bottom: -0.4375rem;
margin-left: -0.3125rem;
content: '';
speak: none;
z-index: 666;
width: 0.875rem;
height: 0.875rem;
pointer-events: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #ffffff;
-webkit-box-shadow: none;
box-shadow: none;
border-right: 0.0625rem solid #ccc;
border-bottom: 0.0625rem solid #ccc;
}
.simpletooltip_container .simpletooltip.bottom::before {
bottom: auto;
top: -0.4375rem;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.simpletooltip_container .simpletooltip.left::before {
left: auto;
right: 2.5rem;
}
.ds44-js-aside-summary {
position: relative;
}
/* --------------------------------------------------- */
/* Applis mobiles Pont de St Nazaire et Bacs de Loire */
/* --------------------------------------------------- */
/* TITRES */
.h2-app-like {
display: block;
font-size: 1.75em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
padding: 0 1.5rem;
line-height: 1.2;
display: block;
background: transparent;
}
@media (min-width: 36em) {
.h2-app-like {
font-size: 2em;
}
}
@media (min-width: 64em) {
.h2-app-like {
font-size: 2.375em;
}
}
.h4-app-bacs {
display: block;
font-size: 1.5em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
padding: 1rem 0;
line-height: 1.2;
display: block;
background: transparent;
}
@media (min-width: 64em) {
.h4-app-bacs {
font-size: 1.5em;
}
}
.ds44-app-titreTraversee_haut {
padding-bottom: 2px;
display: block;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 2px;
margin-right: 1rem;
}
.ds44-w33 {
width: calc(100% / 3);
}
.ds44-w66 {
width: 66%;
}
/* Menu burger */
.ds44-logoContainer-app img {
height: 50px;
max-width: none;
}
.ds44-menu-app {
height: 100vh;
}
.ds44-linkMenuApp {
font-size: 1.625em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: 500;
display: block;
padding: 1rem 1rem 1rem 0;
position: relative;
}
@media (min-width: 64em) {
.ds44-linkMenuApp {
font-size: 2.375em;
}
}
/* Tuiles */
.ds44-app-tuile {
line-height: 1.3;
}
.ds44-app-tuile p {
font-size: 0.875em;
}
@media (min-width: 64em) {
.ds44-app-tuile p {
font-size: 0.875em;
}
}
.ds44-app-tuile .ds44-titre-alerte {
font-size: 1.2142857143em;
font-weight: bold;
}
.ds44-app-tuile .ds44-valignTop .icon {
margin-top: -5px;
margin-right: 5px;
}
.ds44-app-tuile p {
margin-bottom: .2em;
}
.ds44-pictoTuile-app {
width: 35%;
min-width: 105px;
}
.ds44-pictoTuile-app--bus {
background-color: #F8B323;
min-height: 110px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ds44-pictoTuile-app .ds44-numBus {
font-size: 2.375em;
margin-bottom: 0;
}
.ds44-numBus {
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
text-align: center;
font-size: 2.375em;
font-weight: bold;
}
.ds44-pont-horaire {
font-size: 1.5em;
font-weight: bold;
}
@media (min-width: 64em) {
.ds44-pont-horaire {
font-size: 1.5em;
}
}
.ds44-bacs-horaire, p.ds44-bacs-horaire {
font-size: 2.6875em;
font-family: "Blogger Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0;
display: block;
width: 100%;
}
@media (min-width: 64em) {
.ds44-bacs-horaire, p.ds44-bacs-horaire {
font-size: 3.5em;
}
}
.ds44-bacs-horaire--small, p.ds44-bacs-horaire--small {
font-size: 1.6rem;
display: block;
font-weight: normal;
}
.ds44-bacs-horaire--actif, p.ds44-bacs-horaire--actif {
font-size: 3.0625em;
}
@media (min-width: 47.9375em) {
.ds44-bacs-horaire--actif, p.ds44-bacs-horaire--actif {
font-size: 4em;
}
}
.ds44-bacs-alerte {
font-weight: bold;
}
.ds44-bacs-horaires-container {
min-height: 88px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* ----
Bloc d'infos dépliable
*/
.ds44-map-infos {
-webkit-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.25);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
z-index: 100;
position: relative;
margin-top: -15px;
background-color: #FFF;
}
/* Bouton d'ouverture du bloc d'infos */
.ds44-appBtn-slideUp {
width: 100%;
padding: 1.5rem 0;
}
/* OVERLAYS */
.ds44-app-pictoOverlay {
width: 50px;
height: 50px;
border-radius: 25px;
vertical-align: top;
}
/* -----
Gestion de la carte SVG PONT DE ST NAZAIRE
---
*/
#debug {
position: absolute;
z-index: 5;
}
#map-container {
position: fixed;
z-index: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
#map-container svg {
height: 100%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* masquage par defaut */
#map-container svg #voie1, #map-container svg #voie1-seule, #map-container svg #voie1-travaux,
#map-container svg #voie2n, #map-container svg #voie2n-seule, #map-container svg #voie2s, #map-container svg #voie2s-seule, #map-container svg #voie2-travaux,
#map-container svg #voie3, #map-container svg #voie3-seule, #map-container svg #voie3-travaux,
#map-container svg #pointilles1, #map-container svg #pointilles2,
#map-container svg #echangeur-sud-voie1-fleche, #map-container svg #echangeur-sud-voie1-croix,
#map-container svg #echangeur-sud-voie2-fleche, #map-container svg #echangeur-sud-voie2-croix,
#map-container svg #echangeur-sud-voie3-fleche, #map-container svg #echangeur-sud-voie3-croix,
#map-container svg #echangeur-nord-voie1-fleche, #map-container svg #echangeur-nord-voie1-croix,
#map-container svg #echangeur-nord-voie2-fleche, #map-container svg #echangeur-nord-voie2-croix,
#map-container svg #echangeur-nord-voie3-fleche, #map-container svg #echangeur-nord-voie3-croix,
#map-container svg #traficolor-nord g[id*=trafic-vert], #map-container svg #traficolor-nord g[id*=trafic-orange], #map-container svg #traficolor-nord g[id*=trafic-rouge],
#map-container svg #traficolor-sud g[id*=trafic-vert], #map-container svg #traficolor-sud g[id*=trafic-orange], #map-container svg #traficolor-sud g[id*=trafic-rouge],
#map-container svg #perturbation-vent, #map-container svg #perturbation-nord-ouest, #map-container svg #perturbation-nord-est, #map-container svg #perturbation-sud-est, #map-container svg #perturbation-sud-ouest, #map-container svg #perturbation-a, #map-container svg #perturbation-b, #map-container svg #perturbation-c, #map-container svg #perturbation-d, #map-container svg #perturbation-e {
display: none;
}
#map-container svg #perturbation-vent g[id*=panne], #map-container svg #perturbation-vent g[id*=accident], #map-container svg #perturbation-vent g[id*=deviation], #map-container svg #perturbation-nord-ouest g[id*=panne], #map-container svg #perturbation-nord-ouest g[id*=accident], #map-container svg #perturbation-nord-ouest g[id*=deviation], #map-container svg #perturbation-nord-est g[id*=panne], #map-container svg #perturbation-nord-est g[id*=accident], #map-container svg #perturbation-nord-est g[id*=deviation], #map-container svg #perturbation-sud-est g[id*=panne], #map-container svg #perturbation-sud-est g[id*=accident], #map-container svg #perturbation-sud-est g[id*=deviation], #map-container svg #perturbation-sud-ouest g[id*=panne], #map-container svg #perturbation-sud-ouest g[id*=accident], #map-container svg #perturbation-sud-ouest g[id*=deviation], #map-container svg #perturbation-a g[id*=panne], #map-container svg #perturbation-a g[id*=accident], #map-container svg #perturbation-a g[id*=deviation], #map-container svg #perturbation-b g[id*=panne], #map-container svg #perturbation-b g[id*=accident], #map-container svg #perturbation-b g[id*=deviation], #map-container svg #perturbation-c g[id*=panne], #map-container svg #perturbation-c g[id*=accident], #map-container svg #perturbation-c g[id*=deviation], #map-container svg #perturbation-d g[id*=panne], #map-container svg #perturbation-d g[id*=accident], #map-container svg #perturbation-d g[id*=deviation], #map-container svg #perturbation-e g[id*=panne], #map-container svg #perturbation-e g[id*=accident], #map-container svg #perturbation-e g[id*=deviation] {
display: none;
}
.pertubation-visible {
display: block !important;
}
/* Mode de circulation : Affichage des voies */
#main-container[data-mode-circulation='m000'] #map-container svg #voie1-travaux, #main-container[data-mode-circulation='m000'] #map-container svg #voie2-travaux, #main-container[data-mode-circulation='m000'] #map-container svg #voie3-travaux,
#main-container[data-mode-circulation='m000'] #map-container svg #echangeur-nord-voie1-croix, #main-container[data-mode-circulation='m000'] #map-container svg #echangeur-nord-voie2-croix, #main-container[data-mode-circulation='m000'] #map-container svg #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation='m000'] #map-container svg #echangeur-sud-voie1-croix, #main-container[data-mode-circulation='m000'] #map-container svg #echangeur-sud-voie2-croix, #main-container[data-mode-circulation='m000'] #map-container svg #echangeur-sud-voie3-croix {
display: block;
}
#main-container[data-mode-circulation=m012] #voie1-travaux, #main-container[data-mode-circulation=m012] #voie2n-seule, #main-container[data-mode-circulation=m012] #voie3-seule,
#main-container[data-mode-circulation=m012] #echangeur-nord-voie1-croix, #main-container[data-mode-circulation=m012] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=m012] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=m012] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=m012] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=m012] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=m012] #pointilles1, #main-container[data-mode-circulation=m012] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu012] #voie1-travaux, #main-container[data-mode-circulation=mu012] #voie2n-seule, #main-container[data-mode-circulation=mu012] #voie3-seule,
#main-container[data-mode-circulation=mu012] #echangeur-nord-voie1-croix, #main-container[data-mode-circulation=mu012] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=mu012] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu012] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu012] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=mu012] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=mu012] #pointilles1, #main-container[data-mode-circulation=mu012] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=m102] #voie1-seule, #main-container[data-mode-circulation=m102] #voie2-travaux, #main-container[data-mode-circulation=m102] #voie3-seule,
#main-container[data-mode-circulation=m102] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=m102] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=m102] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=m102] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=m102] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=m102] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=m102] #pointilles1, #main-container[data-mode-circulation=m102] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102a] #voie1-seule, #main-container[data-mode-circulation=me102a] #voie2-travaux, #main-container[data-mode-circulation=me102a] #voie3-seule,
#main-container[data-mode-circulation=me102a] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102a] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102a] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102a] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102a] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102a] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102a] #pointilles1, #main-container[data-mode-circulation=me102a] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102ab] #voie1-seule, #main-container[data-mode-circulation=me102ab] #voie2-travaux, #main-container[data-mode-circulation=me102ab] #voie3-seule,
#main-container[data-mode-circulation=me102ab] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102ab] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102ab] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102ab] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102ab] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102ab] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102ab] #pointilles1, #main-container[data-mode-circulation=me102ab] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102b] #voie1-seule, #main-container[data-mode-circulation=me102b] #voie2-travaux, #main-container[data-mode-circulation=me102b] #voie3-seule,
#main-container[data-mode-circulation=me102b] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102b] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102b] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102b] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102b] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102b] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102b] #pointilles1, #main-container[data-mode-circulation=me102b] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102bc] #voie1-seule, #main-container[data-mode-circulation=me102bc] #voie2-travaux, #main-container[data-mode-circulation=me102bc] #voie3-seule,
#main-container[data-mode-circulation=me102bc] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102bc] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102bc] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102bc] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102bc] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102bc] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102bc] #pointilles1, #main-container[data-mode-circulation=me102bc] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102c] #voie1-seule, #main-container[data-mode-circulation=me102c] #voie2-travaux, #main-container[data-mode-circulation=me102c] #voie3-seule,
#main-container[data-mode-circulation=me102c] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102c] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102c] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102c] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102c] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102c] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102c] #pointilles1, #main-container[data-mode-circulation=me102c] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102cd] #voie1-seule, #main-container[data-mode-circulation=me102cd] #voie2-travaux, #main-container[data-mode-circulation=me102cd] #voie3-seule,
#main-container[data-mode-circulation=me102cd] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102cd] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102cd] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102cd] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102cd] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102cd] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102cd] #pointilles1, #main-container[data-mode-circulation=me102cd] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102d] #voie1-seule, #main-container[data-mode-circulation=me102d] #voie2-travaux, #main-container[data-mode-circulation=me102d] #voie3-seule,
#main-container[data-mode-circulation=me102d] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102d] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102d] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102d] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102d] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102d] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102d] #pointilles1, #main-container[data-mode-circulation=me102d] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102de] #voie1-seule, #main-container[data-mode-circulation=me102de] #voie2-travaux, #main-container[data-mode-circulation=me102de] #voie3-seule,
#main-container[data-mode-circulation=me102de] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102de] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102de] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102de] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102de] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102de] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102de] #pointilles1, #main-container[data-mode-circulation=me102de] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me102e] #voie1-seule, #main-container[data-mode-circulation=me102e] #voie2-travaux, #main-container[data-mode-circulation=me102e] #voie3-seule,
#main-container[data-mode-circulation=me102e] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me102e] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me102e] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me102e] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me102e] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me102e] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me102e] #pointilles1, #main-container[data-mode-circulation=me102e] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu102n] #voie1-seule, #main-container[data-mode-circulation=mu102n] #voie2-travaux, #main-container[data-mode-circulation=mu102n] #voie3-seule,
#main-container[data-mode-circulation=mu102n] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=mu102n] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=mu102n] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu102n] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu102n] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=mu102n] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=mu102n] #pointilles1, #main-container[data-mode-circulation=mu102n] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu102s] #voie1-seule, #main-container[data-mode-circulation=mu102s] #voie2-travaux, #main-container[data-mode-circulation=mu102s] #voie3-seule,
#main-container[data-mode-circulation=mu102s] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=mu102s] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=mu102s] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu102s] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu102s] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=mu102s] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=mu102s] #pointilles1, #main-container[data-mode-circulation=mu102s] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=m112] #voie1, #main-container[data-mode-circulation=m112] #voie2n, #main-container[data-mode-circulation=m112] #voie3-seule,
#main-container[data-mode-circulation=m112] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=m112] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=m112] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=m112] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=m112] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=m112] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=m112] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112a] #voie1, #main-container[data-mode-circulation=me112a] #voie2n, #main-container[data-mode-circulation=me112a] #voie3-seule,
#main-container[data-mode-circulation=me112a] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112a] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112a] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112a] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112a] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112a] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112a] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112ab] #voie1, #main-container[data-mode-circulation=me112ab] #voie2n, #main-container[data-mode-circulation=me112ab] #voie3-seule,
#main-container[data-mode-circulation=me112ab] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112ab] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112ab] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112ab] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112ab] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112ab] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112ab] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112b] #voie1, #main-container[data-mode-circulation=me112b] #voie2n, #main-container[data-mode-circulation=me112b] #voie3-seule,
#main-container[data-mode-circulation=me112b] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112b] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112b] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112b] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112b] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112b] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112b] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112bc] #voie1, #main-container[data-mode-circulation=me112bc] #voie2n, #main-container[data-mode-circulation=me112bc] #voie3-seule,
#main-container[data-mode-circulation=me112bc] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112bc] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112bc] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112bc] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112bc] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112bc] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112bc] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112c] #voie1, #main-container[data-mode-circulation=me112c] #voie2n, #main-container[data-mode-circulation=me112c] #voie3-seule,
#main-container[data-mode-circulation=me112c] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112c] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112c] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112c] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112c] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112c] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112c] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112cd] #voie1, #main-container[data-mode-circulation=me112cd] #voie2n, #main-container[data-mode-circulation=me112cd] #voie3-seule,
#main-container[data-mode-circulation=me112cd] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112cd] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112cd] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112cd] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112cd] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112cd] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112cd] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112d] #voie1, #main-container[data-mode-circulation=me112d] #voie2n, #main-container[data-mode-circulation=me112d] #voie3-seule,
#main-container[data-mode-circulation=me112d] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112d] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112d] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112d] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112d] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112d] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112d] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112de] #voie1, #main-container[data-mode-circulation=me112de] #voie2n, #main-container[data-mode-circulation=me112de] #voie3-seule,
#main-container[data-mode-circulation=me112de] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112de] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112de] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112de] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112de] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112de] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112de] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=me112e] #voie1, #main-container[data-mode-circulation=me112e] #voie2n, #main-container[data-mode-circulation=me112e] #voie3-seule,
#main-container[data-mode-circulation=me112e] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me112e] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=me112e] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me112e] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me112e] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=me112e] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me112e] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu112n] #voie1, #main-container[data-mode-circulation=mu112n] #voie2n, #main-container[data-mode-circulation=mu112n] #voie3-seule,
#main-container[data-mode-circulation=mu112n] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=mu112n] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=mu112n] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu112n] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu112n] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=mu112n] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=mu112n] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu112s] #voie1, #main-container[data-mode-circulation=mu112s] #voie2n, #main-container[data-mode-circulation=mu112s] #voie3-seule,
#main-container[data-mode-circulation=mu112s] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=mu112s] #echangeur-nord-voie2-fleche, #main-container[data-mode-circulation=mu112s] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu112s] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu112s] #echangeur-sud-voie2-croix, #main-container[data-mode-circulation=mu112s] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=mu112s] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=m120] #voie1-seule, #main-container[data-mode-circulation=m120] #voie2s-seule, #main-container[data-mode-circulation=m120] #voie3-travaux,
#main-container[data-mode-circulation=m120] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=m120] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=m120] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=m120] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=m120] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=m120] #echangeur-sud-voie3-croix,
#main-container[data-mode-circulation=m120] #pointilles1, #main-container[data-mode-circulation=m120] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=mu120] #voie1-seule, #main-container[data-mode-circulation=mu120] #voie2s-seule, #main-container[data-mode-circulation=mu120] #voie3-travaux,
#main-container[data-mode-circulation=mu120] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=mu120] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=mu120] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=mu120] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=mu120] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=mu120] #echangeur-sud-voie3-croix,
#main-container[data-mode-circulation=mu120] #pointilles1, #main-container[data-mode-circulation=mu120] #pointilles2 {
display: block;
}
#main-container[data-mode-circulation=m122] #voie1-seule, #main-container[data-mode-circulation=m122] #voie2s, #main-container[data-mode-circulation=m122] #voie3,
#main-container[data-mode-circulation=m122] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=m122] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=m122] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=m122] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=m122] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=m122] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=m122] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122a] #voie1-seule, #main-container[data-mode-circulation=me122a] #voie2s, #main-container[data-mode-circulation=me122a] #voie3,
#main-container[data-mode-circulation=me122a] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122a] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122a] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122a] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122a] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122a] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122a] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122ab] #voie1-seule, #main-container[data-mode-circulation=me122ab] #voie2s, #main-container[data-mode-circulation=me122ab] #voie3,
#main-container[data-mode-circulation=me122ab] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122ab] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122ab] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122ab] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122ab] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122ab] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122ab] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122b] #voie1-seule, #main-container[data-mode-circulation=me122b] #voie2s, #main-container[data-mode-circulation=me122b] #voie3,
#main-container[data-mode-circulation=me122b] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122b] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122b] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122b] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122b] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122b] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122b] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122bc] #voie1-seule, #main-container[data-mode-circulation=me122bc] #voie2s, #main-container[data-mode-circulation=me122bc] #voie3,
#main-container[data-mode-circulation=me122bc] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122bc] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122bc] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122bc] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122bc] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122bc] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122bc] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122c] #voie1-seule, #main-container[data-mode-circulation=me122c] #voie2s, #main-container[data-mode-circulation=me122c] #voie3,
#main-container[data-mode-circulation=me122c] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122c] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122c] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122c] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122c] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122c] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122c] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122cd] #voie1-seule, #main-container[data-mode-circulation=me122cd] #voie2s, #main-container[data-mode-circulation=me122cd] #voie3,
#main-container[data-mode-circulation=me122cd] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122cd] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122cd] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122cd] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122cd] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122cd] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122cd] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122d] #voie1-seule, #main-container[data-mode-circulation=me122d] #voie2s, #main-container[data-mode-circulation=me122d] #voie3,
#main-container[data-mode-circulation=me122d] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122d] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122d] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122d] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122d] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122d] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122d] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122de] #voie1-seule, #main-container[data-mode-circulation=me122de] #voie2s, #main-container[data-mode-circulation=me122de] #voie3,
#main-container[data-mode-circulation=me122de] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122de] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122de] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122de] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122de] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122de] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122de] #pointilles1 {
display: block;
}
#main-container[data-mode-circulation=me122e] #voie1-seule, #main-container[data-mode-circulation=me122e] #voie2s, #main-container[data-mode-circulation=me122e] #voie3,
#main-container[data-mode-circulation=me122e] #echangeur-nord-voie1-fleche, #main-container[data-mode-circulation=me122e] #echangeur-nord-voie2-croix, #main-container[data-mode-circulation=me122e] #echangeur-nord-voie3-croix,
#main-container[data-mode-circulation=me122e] #echangeur-sud-voie1-croix, #main-container[data-mode-circulation=me122e] #echangeur-sud-voie2-fleche, #main-container[data-mode-circulation=me122e] #echangeur-sud-voie3-fleche,
#main-container[data-mode-circulation=me122e] #pointilles1 {
display: block;
}
/* Qualité du Trafic */
#main-container[data-trafic-nord=vert] #voie1 path[id*=voie-couleur], #main-container[data-trafic-nord=vert] #voie1-seule path[id*=voie-couleur], #main-container[data-trafic-nord=vert] #voie2n path[id*=voie-couleur], #main-container[data-trafic-nord=vert] #voie2n-seule path[id*=voie-couleur] {
fill: #99e6d1;
}
#main-container[data-trafic-nord=vert] #voie1 path[id*=fleche-couleur], #main-container[data-trafic-nord=vert] #voie1-seule path[id*=fleche-couleur], #main-container[data-trafic-nord=vert] #voie2n path[id*=fleche-couleur], #main-container[data-trafic-nord=vert] #voie2n-seule path[id*=fleche-couleur] {
fill: #000;
}
#main-container[data-trafic-nord=vert] #traficolor-nord g[id*=trafic-vert] {
display: block;
}
#main-container[data-trafic-nord=orange] #voie1 path[id*=voie-couleur], #main-container[data-trafic-nord=orange] #voie1-seule path[id*=voie-couleur], #main-container[data-trafic-nord=orange] #voie2n path[id*=voie-couleur], #main-container[data-trafic-nord=orange] #voie2n-seule path[id*=voie-couleur] {
fill: #ffc134;
}
#main-container[data-trafic-nord=orange] #voie1 path[id*=fleche-couleur], #main-container[data-trafic-nord=orange] #voie1-seule path[id*=fleche-couleur], #main-container[data-trafic-nord=orange] #voie2n path[id*=fleche-couleur], #main-container[data-trafic-nord=orange] #voie2n-seule path[id*=fleche-couleur] {
fill: #000;
}
#main-container[data-trafic-nord=orange] #traficolor-nord g[id*=trafic-orange] {
display: block;
}
#main-container[data-trafic-nord=rouge] #voie1 path[id*=voie-couleur], #main-container[data-trafic-nord=rouge] #voie1-seule path[id*=voie-couleur], #main-container[data-trafic-nord=rouge] #voie2n path[id*=voie-couleur], #main-container[data-trafic-nord=rouge] #voie2n-seule path[id*=voie-couleur] {
fill: #dc3545;
}
#main-container[data-trafic-nord=rouge] #voie1 path[id*=fleche-couleur], #main-container[data-trafic-nord=rouge] #voie1-seule path[id*=fleche-couleur], #main-container[data-trafic-nord=rouge] #voie2n path[id*=fleche-couleur], #main-container[data-trafic-nord=rouge] #voie2n-seule path[id*=fleche-couleur] {
fill: #fff;
}
#main-container[data-trafic-nord=rouge] #traficolor-nord g[id*=trafic-rouge] {
display: block;
}
#main-container[data-trafic-sud=vert] #voie2s path[id*=voie-couleur], #main-container[data-trafic-sud=vert] #voie2s-seule path[id*=voie-couleur], #main-container[data-trafic-sud=vert] #voie3 path[id*=voie-couleur], #main-container[data-trafic-sud=vert] #voie3-seule path[id*=voie-couleur] {
fill: #99e6d1;
}
#main-container[data-trafic-sud=vert] #voie2s path[id*=fleche-couleur], #main-container[data-trafic-sud=vert] #voie2s-seule path[id*=fleche-couleur], #main-container[data-trafic-sud=vert] #voie3 path[id*=fleche-couleur], #main-container[data-trafic-sud=vert] #voie3-seule path[id*=fleche-couleur] {
fill: #000;
}
#main-container[data-trafic-sud=vert] #traficolor-sud g[id*=trafic-vert] {
display: block;
}
#main-container[data-trafic-sud=orange] #voie2s path[id*=voie-couleur], #main-container[data-trafic-sud=orange] #voie2s-seule path[id*=voie-couleur], #main-container[data-trafic-sud=orange] #voie3 path[id*=voie-couleur], #main-container[data-trafic-sud=orange] #voie3-seule path[id*=voie-couleur] {
fill: #ffc134;
}
#main-container[data-trafic-sud=orange] #voie2s path[id*=fleche-couleur], #main-container[data-trafic-sud=orange] #voie2s-seule path[id*=fleche-couleur], #main-container[data-trafic-sud=orange] #voie3 path[id*=fleche-couleur], #main-container[data-trafic-sud=orange] #voie3-seule path[id*=fleche-couleur] {
fill: #000;
}
#main-container[data-trafic-sud=orange] #traficolor-sud g[id*=trafic-orange] {
display: block;
}
#main-container[data-trafic-sud=rouge] #voie2s path[id*=voie-couleur], #main-container[data-trafic-sud=rouge] #voie2s-seule path[id*=voie-couleur], #main-container[data-trafic-sud=rouge] #voie3 path[id*=voie-couleur], #main-container[data-trafic-sud=rouge] #voie3-seule path[id*=voie-couleur] {
fill: #dc3545;
}
#main-container[data-trafic-sud=rouge] #voie2s path[id*=fleche-couleur], #main-container[data-trafic-sud=rouge] #voie2s-seule path[id*=fleche-couleur], #main-container[data-trafic-sud=rouge] #voie3 path[id*=fleche-couleur], #main-container[data-trafic-sud=rouge] #voie3-seule path[id*=fleche-couleur] {
fill: #fff;
}
#main-container[data-trafic-sud=rouge] #traficolor-sud g[id*=trafic-rouge] {
display: block;
}
/* -----
Gestion de la carte SVG BACS DE LOIRE
---
*/
#map-container.map-container--bacs svg {
width: 100%;
}
@media (min-width: 35.9375em) {
#map-container.map-container--bacs svg {
width: 75%;
}
}
@media (min-width: 47.9375em) {
#map-container.map-container--bacs svg {
width: 55%;
}
}
@media (min-width: 63.9375em) {
#map-container.map-container--bacs svg {
width: 40%;
}
}
/* masquage par defaut */
#map-container svg #perturbation-bi-i, #map-container svg #perturbation-c-lp {
display: none;
}
.pertubation-visible {
display: block !important;
}