@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.swp-flex--col {
display: flex;
flex-direction: column;
flex-grow: 1;
}
form.searchwp-form .swp-flex--row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
}
form.searchwp-form .swp-flex--wrap {
flex-wrap: wrap;
}
form.searchwp-form .swp-flex--gap-sm {
gap: 0.25em;
}
form.searchwp-form .swp-flex--gap-md {
gap: 0.5em;
}
form.searchwp-form .swp-items-stretch {
align-items: stretch;
}
form.searchwp-form .swp-margin-l-auto {
margin-left: auto;
}
form.searchwp-form input.swp-input,
form.searchwp-form select.swp-select {
color: rgba(14, 33, 33, 0.8);
}
form.searchwp-form select.swp-select {
min-width: fit-content;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2915 0.814362L8.09717 6.95819L1.90283 0.814362L0 2.7058L8.09717 10.7545L16.1943 2.7058L14.2915 0.814362Z' fill='%230E2121' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-size: 12px auto;
padding: 0 33px 0 0.7em;
min-height: 2em;
}
form.searchwp-form input.swp-input--search {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-size: 15px auto;
padding-right: 38px;
padding-left: 0.7em;
}
form.searchwp-form .searchwp-form-input-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
flex-grow: 1;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
margin: 0;
width: 100%;
}
form.searchwp-form .searchwp-form-input-container .swp-select {
border-right: 0;
}
form.searchwp-form .searchwp-form-input-container .swp-select + .swp-input {
flex-grow: 1;
}
form.searchwp-form .searchwp-form-advanced-filters-toggle {
text-align: right;
}
form.searchwp-form .searchwp-form-advanced-filters select {
flex: 1;
}
form.searchwp-form .swp-toggle {
cursor: pointer;
margin-bottom: 0;
}
form.searchwp-form .swp-toggle-switch {
background-color: rgba(14, 33, 33, 0.14);
border-radius: 20px;
width: 40px;
height: 22px;
position: relative;
transition: background-color 0.25s;
}
form.searchwp-form .swp-toggle-switch:not(.swp-toggle-switch--mini):hover {
background-color: rgba(14, 33, 33, 0.2);
}
form.searchwp-form .swp-toggle-switch--mini {
width: 25px;
height: 15px;
}
form.searchwp-form .swp-toggle-switch:before,
form.searchwp-form .swp-toggle-switch:after {
content: "";
}
form.searchwp-form .swp-toggle-switch:before {
display: block;
background: #ffffff;
border-radius: 50%;
width: 18px;
height: 18px;
position: absolute;
top: 2px;
left: 2px;
-webkit-transition: left 0.25s;
-o-transition: left 0.25s;
transition: left 0.25s;
}
form.searchwp-form .swp-toggle-switch--mini:before {
width: 11px;
height: 11px;
top: 2px;
left: 2px;
}
form.searchwp-form .swp-toggle-checkbox:checked + .swp-toggle-switch,
form.searchwp-form .swp-toggle-switch--checked {
background: currentcolor;
}
form.searchwp-form .swp-toggle-checkbox:checked + .swp-toggle-switch:before {
left: 20px;
}
form.searchwp-form .swp-toggle-checkbox:checked + .swp-toggle-switch--mini:before,
form.searchwp-form .swp-toggle-switch--checked.swp-toggle-switch--mini:before {
left: 12px;
}
form.searchwp-form input.swp-toggle-checkbox {
height: 0;
width: 0;
overflow: hidden;
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
form.searchwp-form input.swp-toggle-checkbox:focus {
border: none;
box-shadow: none;
outline: none;
}
form.searchwp-form .swp-toggle .swp-label {
display: block;
margin-top: 21px;
}
form.searchwp-form input.swp-toggle-checkbox:focus + .swp-toggle-switch,
form.searchwp-form input.swp-toggle-checkbox:active + .swp-toggle-switch {
-webkit-box-shadow: 0 0 1px 1px rgba(14, 33, 33, 0.14);
box-shadow: 0 0 1px 1px rgba(14, 33, 33, 0.14);
border: none;
}
@import url(https://p.typekit.net/p.css?s=1&k=awv6wmv&ht=tk&f=10954.13454.13456.13458.13460.25644.25646.25651.25653&a=77904111&app=typekit&e=css);body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} @font-face {
font-family: "freight-sans-pro";
src: url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/442215/000000000000000000010b5a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400; }
@font-face {
font-family: "freight-sans-pro";
src: url(https://use.typekit.net/af/1709eb/000000000000000000010b60/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/1709eb/000000000000000000010b60/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/1709eb/000000000000000000010b60/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 700; }
@font-face {
font-family: "freight-sans-pro";
src: url(https://use.typekit.net/af/ba2099/000000000000000000010b58/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/ba2099/000000000000000000010b58/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/ba2099/000000000000000000010b58/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 300; }
@font-face {
font-family: "freight-sans-pro";
src: url(https://use.typekit.net/af/8dd886/000000000000000000010b5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/8dd886/000000000000000000010b5c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/8dd886/000000000000000000010b5c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500; }
@font-face {
font-family: "freight-sans-pro";
src: url(https://use.typekit.net/af/cef9f3/000000000000000000010b5e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/cef9f3/000000000000000000010b5e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/cef9f3/000000000000000000010b5e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 600; }
@font-face {
font-family: "freight-neo-pro";
src: url(https://use.typekit.net/af/3e2979/00000000000000007735a6b9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/3e2979/00000000000000007735a6b9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/3e2979/00000000000000007735a6b9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 700; }
@font-face {
font-family: "freight-neo-pro";
src: url(https://use.typekit.net/af/54d47a/000000000000000000017750/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/54d47a/000000000000000000017750/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/54d47a/000000000000000000017750/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400; }
@font-face {
font-family: "freight-neo-pro";
src: url(https://use.typekit.net/af/ac24c0/00000000000000007735a6c3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/ac24c0/00000000000000007735a6c3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/ac24c0/00000000000000007735a6c3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500; }
@font-face {
font-family: "freight-neo-pro";
src: url(https://use.typekit.net/af/f7ef3a/00000000000000007735a6cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/f7ef3a/00000000000000007735a6cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/f7ef3a/00000000000000007735a6cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 600; }
@font-face {
font-family: "icomoon";
src: url(//monsieurvincent.org/app/themes/bastille/resources/assets/fonts/icomoon/icomoon.eot?n5wb3d);
src: url(//monsieurvincent.org/app/themes/bastille/resources/assets/fonts/icomoon/icomoon.eot?n5wb3d#iefix) format("embedded-opentype"), url(//monsieurvincent.org/app/themes/bastille/resources/assets/fonts/icomoon/icomoon.ttf?n5wb3d) format("truetype"), url(//monsieurvincent.org/app/themes/bastille/resources/assets/fonts/icomoon/icomoon.woff?n5wb3d) format("woff"), url(//monsieurvincent.org/app/themes/bastille/resources/assets/fonts/icomoon/icomoon.svg?n5wb3d#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; } [class^="icon-"],
[class*=" icon-"] {
font-family: "icomoon", sans-serif !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } .icon-Add-New:before {
content: "\E900"; } .icon-agenda:before {
content: "\E901"; } .icon-aide-sociale:before {
content: "\E902"; } .icon-Appointment-Scheduling:before {
content: "\E903"; } .icon-Arrow-Pointing-Left:before {
content: "\E904"; } .icon-Arrow:before {
content: "\E905"; } .icon-Ask-Question:before {
content: "\E906"; } .icon-Back:before {
content: "\E907"; } .icon-Bed-Size:before {
content: "\E908"; } .icon-benevole:before {
content: "\E909"; } .icon-bienvieillir:before {
content: "\E90A"; } .icon-Business:before {
content: "\E90B"; } .icon-check-successs:before {
content: "\E90C"; } .icon-checkbox-filled:before {
content: "\E90D"; } .icon-checkbox:before {
content: "\E90E"; } .icon-Clock:before {
content: "\E90F"; } .icon-Close:before {
content: "\E910"; } .icon-Collapse-Arrow:before {
content: "\E911"; } .icon-Connect:before {
content: "\E912"; } .icon-Contacts:before {
content: "\E913"; } .icon-danger:before {
content: "\E914"; } .icon-Day-and-Night:before {
content: "\E915"; } .icon-Delete:before {
content: "\E916"; } .icon-Done:before {
content: "\E917"; } .icon-Down-Arrow:before {
content: "\E918"; } .icon-Downloading-Updates:before {
content: "\E919"; } .icon-Downward-Arrow:before {
content: "\E91A"; } .icon-drop-down-circle:before {
content: "\E91B"; } .icon-drop-down:before {
content: "\E91C"; } .icon-drop-up:before {
content: "\E91D"; } .icon-Edit:before {
content: "\E91E"; } .icon-Enter:before {
content: "\E91F"; } .icon-error:before {
content: "\E920"; } .icon-Expand-Arrow-1:before {
content: "\E921"; } .icon-Expand-Arrow:before {
content: "\E922"; } .icon-External-Link:before {
content: "\E923"; } .icon-Facebook:before {
content: "\E924"; } .icon-File-Invoice:before {
content: "\E925"; } .icon-Folder:before {
content: "\E926"; } .icon-Forward-Arrow:before {
content: "\E927"; } .icon-Forward:before {
content: "\E928"; } .icon-geolocation:before {
content: "\E929"; } .icon-gps:before {
content: "\E92A"; } .icon-Hand-Down:before {
content: "\E92B"; } .icon-Handshake:before {
content: "\E92C"; } .icon-Home:before {
content: "\E92D"; } .icon-Instagram:before {
content: "\E92E"; } .icon-itineraire:before {
content: "\E92F"; } .icon-join:before {
content: "\E930"; } .icon-klaxon:before {
content: "\E931"; } .icon-Left-Arrow:before {
content: "\E932"; } .icon-Left-Down-2:before {
content: "\E933"; } .icon-Less-Than:before {
content: "\E934"; } .icon-LinkedIn:before {
content: "\E935"; } .icon-location-house:before {
content: "\E936"; } .icon-Login:before {
content: "\E937"; } .icon-Logout-Rounded-Down:before {
content: "\E938"; } .icon-Mail:before {
content: "\E939"; } .icon-Mailer:before {
content: "\E93A"; } .icon-map:before {
content: "\E93B"; } .icon-More-Than:before {
content: "\E93C"; } .icon-News:before {
content: "\E93D"; } .icon-Next-Location:before {
content: "\E93E"; } .icon-notification:before {
content: "\E93F"; } .icon-Open-Envelope:before {
content: "\E940"; } .icon-Opened-Folder:before {
content: "\E941"; } .icon-panneaux:before {
content: "\E942"; } .icon-People:before {
content: "\E943"; } .icon-Phone:before {
content: "\E944"; } .icon-Picture:before {
content: "\E945"; } .icon-pin:before {
content: "\E946"; } .icon-play:before {
content: "\E947"; } .icon-Plus-:before {
content: "\E948"; } .icon-porte-voix:before {
content: "\E949"; } .icon-Price:before {
content: "\E94A"; } .icon-Questions:before {
content: "\E94B"; } .icon-Quote-Left:before {
content: "\E94C"; } .icon-Quote:before {
content: "\E94D"; } .icon-radiobox-checked:before {
content: "\E94E"; } .icon-radiobox:before {
content: "\E94F"; } .icon-Right-Arrow:before {
content: "\E950"; } .icon-Running:before {
content: "\E951"; } .icon-Search:before {
content: "\E952"; } .icon-Send-Letter:before {
content: "\E953"; } .icon-Settings:before {
content: "\E954"; } .icon-Share-3:before {
content: "\E955"; } .icon-Share:before {
content: "\E956"; } .icon-shield-person:before {
content: "\E957"; } .icon-Sign-Out:before {
content: "\E958"; } .icon-Sort-Down:before {
content: "\E959"; } .icon-Speech-Bubble:before {
content: "\E95A"; } .icon-Standing-Man:before {
content: "\E95B"; } .icon-star:before {
content: "\E95C"; } .icon-Sun:before {
content: "\E95D"; } .icon-Synchronize:before {
content: "\E95E"; } .icon-taille:before {
content: "\E95F"; } .icon-Tall-Person:before {
content: "\E960"; } .icon-Thick-Arrow-Pointing-Down:before {
content: "\E961"; } .icon-Trash-Can:before {
content: "\E962"; } .icon-Turn:before {
content: "\E963"; } .icon-Twitter:before {
content: "\E964"; } .icon-Up-Arrow:before {
content: "\E965"; } .icon-Up-Right:before {
content: "\E966"; } .icon-User-Location:before {
content: "\E967"; } .icon-User-outlined:before {
content: "\E968"; } .icon-User:before {
content: "\E969"; } .icon-Visit:before {
content: "\E96A"; } .icon-Work-From-Home:before {
content: "\E96B"; } .icon-YouTube-Logo:before {
content: "\E96C"; }     :root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #525ddc;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *,
*::before,
*::after {
box-sizing: border-box; } html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; } body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; } [tabindex="-1"]:focus {
outline: 0 !important; } hr {
box-sizing: content-box;
height: 0;
overflow: visible; } h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; } p {
margin-top: 0;
margin-bottom: 1rem; } abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none; } address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; } ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; } ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; } dt {
font-weight: 700; } dd {
margin-bottom: .5rem;
margin-left: 0; } blockquote {
margin: 0 0 1rem; } b,
strong {
font-weight: bolder; } small {
font-size: 80%; } sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; } sub {
bottom: -.25em; } sup {
top: -.5em; } a {
color: #525ddc;
text-decoration: none;
background-color: transparent; } a:hover {
color: #2632bc;
text-decoration: underline; } a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; } a:not([href]):not([tabindex]):focus {
outline: 0; } pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; } pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; } figure {
margin: 0 0 1rem; } img {
vertical-align: middle;
border-style: none; } svg {
overflow: hidden;
vertical-align: middle; } table {
border-collapse: collapse; } caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; } th {
text-align: inherit; } label {
display: inline-block;
margin-bottom: 0.5rem; } button {
border-radius: 0; } button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; } input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; } button,
input {
overflow: visible; } button,
select {
text-transform: none; } select {
word-wrap: normal; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; } input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0; } input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; } textarea {
overflow: auto;
resize: vertical; } fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; } legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; } progress {
vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
outline-offset: -2px;
-webkit-appearance: none; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; } output {
display: inline-block; } summary {
display: list-item;
cursor: pointer; } template {
display: none; } [hidden] {
display: none !important; } h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2; } h1, .h1 {
font-size: 2.5rem; } h2, .h2 {
font-size: 2rem; } h3, .h3 {
font-size: 1.75rem; } h4, .h4 {
font-size: 1.5rem; } h5, .h5 {
font-size: 1.25rem; } h6, .h6 {
font-size: 1rem; } .lead {
font-size: 1.25rem;
font-weight: 300; } .display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2; } .display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2; } .display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2; } .display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2; } hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); } small,
.small {
font-size: 80%;
font-weight: 400; } mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3; } .list-unstyled, .comment-list {
padding-left: 0;
list-style: none; } .list-inline {
padding-left: 0;
list-style: none; } .list-inline-item {
display: inline-block; } .list-inline-item:not(:last-child) {
margin-right: 0.5rem; } .initialism {
font-size: 90%;
text-transform: uppercase; } .blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; } .blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; } .blockquote-footer::before {
content: "\2014\A0"; } .img-fluid, .wp-caption img {
max-width: 100%;
height: auto; } .img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto; } .figure, .wp-caption {
display: inline-block; } .figure-img, .wp-caption img {
margin-bottom: 0.5rem;
line-height: 1; } .figure-caption, .wp-caption-text {
font-size: 90%;
color: #6c757d; } code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word; } a > code {
color: inherit; } kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem; } kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; } pre {
display: block;
font-size: 87.5%;
color: #212529; } pre code {
font-size: inherit;
color: inherit;
word-break: normal; } .pre-scrollable {
max-height: 340px;
overflow-y: scroll; } .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) { .container {
max-width: 540px; } }
@media (min-width: 768px) { .container {
max-width: 720px; } }
@media (min-width: 992px) { .container {
max-width: 960px; } }
@media (min-width: 1200px) { .container {
max-width: 1140px; } } .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; } .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; } .no-gutters {
margin-right: 0;
margin-left: 0; } .no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; } .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; } .col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; } .col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; } .col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; } .col-3 {
flex: 0 0 25%;
max-width: 25%; } .col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; } .col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; } .col-6 {
flex: 0 0 50%;
max-width: 50%; } .col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; } .col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; } .col-9 {
flex: 0 0 75%;
max-width: 75%; } .col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; } .col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; } .col-12 {
flex: 0 0 100%;
max-width: 100%; } .order-first {
order: -1; } .order-last {
order: 13; } .order-0 {
order: 0; } .order-1 {
order: 1; } .order-2 {
order: 2; } .order-3 {
order: 3; } .order-4 {
order: 4; } .order-5 {
order: 5; } .order-6 {
order: 6; } .order-7 {
order: 7; } .order-8 {
order: 8; } .order-9 {
order: 9; } .order-10 {
order: 10; } .order-11 {
order: 11; } .order-12 {
order: 12; } .offset-1 {
margin-left: 8.33333%; } .offset-2 {
margin-left: 16.66667%; } .offset-3 {
margin-left: 25%; } .offset-4 {
margin-left: 33.33333%; } .offset-5 {
margin-left: 41.66667%; } .offset-6 {
margin-left: 50%; } .offset-7 {
margin-left: 58.33333%; } .offset-8 {
margin-left: 66.66667%; } .offset-9 {
margin-left: 75%; } .offset-10 {
margin-left: 83.33333%; } .offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) { .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; } .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; } .col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; } .col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; } .col-sm-3 {
flex: 0 0 25%;
max-width: 25%; } .col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; } .col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; } .col-sm-6 {
flex: 0 0 50%;
max-width: 50%; } .col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; } .col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; } .col-sm-9 {
flex: 0 0 75%;
max-width: 75%; } .col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; } .col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; } .col-sm-12 {
flex: 0 0 100%;
max-width: 100%; } .order-sm-first {
order: -1; } .order-sm-last {
order: 13; } .order-sm-0 {
order: 0; } .order-sm-1 {
order: 1; } .order-sm-2 {
order: 2; } .order-sm-3 {
order: 3; } .order-sm-4 {
order: 4; } .order-sm-5 {
order: 5; } .order-sm-6 {
order: 6; } .order-sm-7 {
order: 7; } .order-sm-8 {
order: 8; } .order-sm-9 {
order: 9; } .order-sm-10 {
order: 10; } .order-sm-11 {
order: 11; } .order-sm-12 {
order: 12; } .offset-sm-0 {
margin-left: 0; } .offset-sm-1 {
margin-left: 8.33333%; } .offset-sm-2 {
margin-left: 16.66667%; } .offset-sm-3 {
margin-left: 25%; } .offset-sm-4 {
margin-left: 33.33333%; } .offset-sm-5 {
margin-left: 41.66667%; } .offset-sm-6 {
margin-left: 50%; } .offset-sm-7 {
margin-left: 58.33333%; } .offset-sm-8 {
margin-left: 66.66667%; } .offset-sm-9 {
margin-left: 75%; } .offset-sm-10 {
margin-left: 83.33333%; } .offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) { .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; } .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; } .col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; } .col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; } .col-md-3 {
flex: 0 0 25%;
max-width: 25%; } .col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; } .col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; } .col-md-6 {
flex: 0 0 50%;
max-width: 50%; } .col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; } .col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; } .col-md-9 {
flex: 0 0 75%;
max-width: 75%; } .col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; } .col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; } .col-md-12 {
flex: 0 0 100%;
max-width: 100%; } .order-md-first {
order: -1; } .order-md-last {
order: 13; } .order-md-0 {
order: 0; } .order-md-1 {
order: 1; } .order-md-2 {
order: 2; } .order-md-3 {
order: 3; } .order-md-4 {
order: 4; } .order-md-5 {
order: 5; } .order-md-6 {
order: 6; } .order-md-7 {
order: 7; } .order-md-8 {
order: 8; } .order-md-9 {
order: 9; } .order-md-10 {
order: 10; } .order-md-11 {
order: 11; } .order-md-12 {
order: 12; } .offset-md-0 {
margin-left: 0; } .offset-md-1 {
margin-left: 8.33333%; } .offset-md-2 {
margin-left: 16.66667%; } .offset-md-3 {
margin-left: 25%; } .offset-md-4 {
margin-left: 33.33333%; } .offset-md-5 {
margin-left: 41.66667%; } .offset-md-6 {
margin-left: 50%; } .offset-md-7 {
margin-left: 58.33333%; } .offset-md-8 {
margin-left: 66.66667%; } .offset-md-9 {
margin-left: 75%; } .offset-md-10 {
margin-left: 83.33333%; } .offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) { .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; } .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; } .col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; } .col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; } .col-lg-3 {
flex: 0 0 25%;
max-width: 25%; } .col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; } .col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; } .col-lg-6 {
flex: 0 0 50%;
max-width: 50%; } .col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; } .col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; } .col-lg-9 {
flex: 0 0 75%;
max-width: 75%; } .col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; } .col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; } .col-lg-12 {
flex: 0 0 100%;
max-width: 100%; } .order-lg-first {
order: -1; } .order-lg-last {
order: 13; } .order-lg-0 {
order: 0; } .order-lg-1 {
order: 1; } .order-lg-2 {
order: 2; } .order-lg-3 {
order: 3; } .order-lg-4 {
order: 4; } .order-lg-5 {
order: 5; } .order-lg-6 {
order: 6; } .order-lg-7 {
order: 7; } .order-lg-8 {
order: 8; } .order-lg-9 {
order: 9; } .order-lg-10 {
order: 10; } .order-lg-11 {
order: 11; } .order-lg-12 {
order: 12; } .offset-lg-0 {
margin-left: 0; } .offset-lg-1 {
margin-left: 8.33333%; } .offset-lg-2 {
margin-left: 16.66667%; } .offset-lg-3 {
margin-left: 25%; } .offset-lg-4 {
margin-left: 33.33333%; } .offset-lg-5 {
margin-left: 41.66667%; } .offset-lg-6 {
margin-left: 50%; } .offset-lg-7 {
margin-left: 58.33333%; } .offset-lg-8 {
margin-left: 66.66667%; } .offset-lg-9 {
margin-left: 75%; } .offset-lg-10 {
margin-left: 83.33333%; } .offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) { .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; } .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%; } .col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; } .col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; } .col-xl-3 {
flex: 0 0 25%;
max-width: 25%; } .col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; } .col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; } .col-xl-6 {
flex: 0 0 50%;
max-width: 50%; } .col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; } .col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; } .col-xl-9 {
flex: 0 0 75%;
max-width: 75%; } .col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; } .col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; } .col-xl-12 {
flex: 0 0 100%;
max-width: 100%; } .order-xl-first {
order: -1; } .order-xl-last {
order: 13; } .order-xl-0 {
order: 0; } .order-xl-1 {
order: 1; } .order-xl-2 {
order: 2; } .order-xl-3 {
order: 3; } .order-xl-4 {
order: 4; } .order-xl-5 {
order: 5; } .order-xl-6 {
order: 6; } .order-xl-7 {
order: 7; } .order-xl-8 {
order: 8; } .order-xl-9 {
order: 9; } .order-xl-10 {
order: 10; } .order-xl-11 {
order: 11; } .order-xl-12 {
order: 12; } .offset-xl-0 {
margin-left: 0; } .offset-xl-1 {
margin-left: 8.33333%; } .offset-xl-2 {
margin-left: 16.66667%; } .offset-xl-3 {
margin-left: 25%; } .offset-xl-4 {
margin-left: 33.33333%; } .offset-xl-5 {
margin-left: 41.66667%; } .offset-xl-6 {
margin-left: 50%; } .offset-xl-7 {
margin-left: 58.33333%; } .offset-xl-8 {
margin-left: 66.66667%; } .offset-xl-9 {
margin-left: 75%; } .offset-xl-10 {
margin-left: 83.33333%; } .offset-xl-11 {
margin-left: 91.66667%; } } .table {
width: 100%;
margin-bottom: 1rem;
color: #212529; } .table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6; } .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6; } .table tbody + tbody {
border-top: 2px solid #dee2e6; } .table-sm th,
.table-sm td {
padding: 0.3rem; } .table-bordered {
border: 1px solid #dee2e6; } .table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6; } .table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px; } .table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0; } .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075); } .table-primary,
.table-primary > th,
.table-primary > td {
background-color: #cfd2f5; } .table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #a5abed; } .table-hover .table-primary:hover {
background-color: #babef1; } .table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #babef1; } .table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db; } .table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #b3b7bb; } .table-hover .table-secondary:hover {
background-color: #c8cbcf; } .table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf; } .table-success,
.table-success > th,
.table-success > td {
background-color: #c3e6cb; } .table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #8fd19e; } .table-hover .table-success:hover {
background-color: #b1dfbb; } .table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb; } .table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb; } .table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #86cfda; } .table-hover .table-info:hover {
background-color: #abdde5; } .table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5; } .table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba; } .table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #ffdf7e; } .table-hover .table-warning:hover {
background-color: #ffe8a1; } .table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1; } .table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb; } .table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #ed969e; } .table-hover .table-danger:hover {
background-color: #f1b0b7; } .table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7; } .table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe; } .table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc; } .table-hover .table-light:hover {
background-color: #ececf6; } .table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6; } .table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca; } .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c; } .table-hover .table-dark:hover {
background-color: #b9bbbe; } .table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe; } .table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55; } .table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6; } .table-dark {
color: #fff;
background-color: #343a40; } .table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55; } .table-dark.table-bordered {
border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) { .table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) { .table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) { .table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) { .table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered {
border: 0; } } .table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered {
border: 0; } .form-control, .comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .form-control, .comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
transition: none; } } .form-control::-ms-expand, .comment-form input[type="text"]::-ms-expand,
.comment-form input[type="email"]::-ms-expand,
.comment-form input[type="url"]::-ms-expand,
.comment-form textarea::-ms-expand {
background-color: transparent;
border: 0; } .form-control:focus, .comment-form input:focus[type="text"],
.comment-form input:focus[type="email"],
.comment-form input:focus[type="url"],
.comment-form textarea:focus {
color: #495057;
background-color: #fff;
border-color: #bcc0f1;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .form-control::placeholder, .comment-form input[type="text"]::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form input[type="url"]::placeholder,
.comment-form textarea::placeholder {
color: #6c757d;
opacity: 1; } .form-control:disabled, .comment-form input:disabled[type="text"],
.comment-form input:disabled[type="email"],
.comment-form input:disabled[type="url"],
.comment-form textarea:disabled, .form-control[readonly], .comment-form input[readonly][type="text"],
.comment-form input[readonly][type="email"],
.comment-form input[readonly][type="url"],
.comment-form textarea[readonly] {
background-color: #e9ecef;
opacity: 1; } select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; } .form-control-file,
.form-control-range {
display: block;
width: 100%; } .col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; } .col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5; } .col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5; } .form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; } .form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; } .form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] {
height: auto; } textarea.form-control,
.comment-form textarea {
height: auto; } .form-group, .comment-form p {
margin-bottom: 1rem; } .form-text {
display: block;
margin-top: 0.25rem; } .form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; } .form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; } .form-check {
position: relative;
display: block;
padding-left: 1.25rem; } .form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label {
color: #6c757d; } .form-check-label {
margin-bottom: 0; } .form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; } .form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; } .valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745; } .valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem; } .was-validated .form-control:valid, .was-validated .comment-form input:valid[type="text"], .comment-form .was-validated input:valid[type="text"],
.was-validated .comment-form input:valid[type="email"], .comment-form .was-validated input:valid[type="email"],
.was-validated .comment-form input:valid[type="url"], .comment-form .was-validated input:valid[type="url"],
.was-validated .comment-form textarea:valid, .comment-form .was-validated textarea:valid, .form-control.is-valid, .comment-form input.is-valid[type="text"],
.comment-form input.is-valid[type="email"],
.comment-form input.is-valid[type="url"],
.comment-form textarea.is-valid {
border-color: #28a745;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .was-validated .comment-form input:valid:focus[type="text"], .comment-form .was-validated input:valid:focus[type="text"],
.was-validated .comment-form input:valid:focus[type="email"], .comment-form .was-validated input:valid:focus[type="email"],
.was-validated .comment-form input:valid:focus[type="url"], .comment-form .was-validated input:valid:focus[type="url"],
.was-validated .comment-form textarea:valid:focus, .comment-form .was-validated textarea:valid:focus, .form-control.is-valid:focus, .comment-form input.is-valid:focus[type="text"],
.comment-form input.is-valid:focus[type="email"],
.comment-form input.is-valid:focus[type="url"],
.comment-form textarea.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .comment-form input:valid[type="text"] ~ .valid-feedback, .comment-form .was-validated input:valid[type="text"] ~ .valid-feedback, .was-validated .comment-form input:valid[type="email"] ~ .valid-feedback, .comment-form .was-validated input:valid[type="email"] ~ .valid-feedback, .was-validated .comment-form input:valid[type="url"] ~ .valid-feedback, .comment-form .was-validated input:valid[type="url"] ~ .valid-feedback, .was-validated .comment-form textarea:valid ~ .valid-feedback, .comment-form .was-validated textarea:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.was-validated .comment-form input:valid[type="text"] ~ .valid-tooltip,
.comment-form .was-validated input:valid[type="text"] ~ .valid-tooltip,
.was-validated .comment-form input:valid[type="email"] ~ .valid-tooltip,
.comment-form .was-validated input:valid[type="email"] ~ .valid-tooltip,
.was-validated .comment-form input:valid[type="url"] ~ .valid-tooltip,
.comment-form .was-validated input:valid[type="url"] ~ .valid-tooltip,
.was-validated .comment-form textarea:valid ~ .valid-tooltip,
.comment-form .was-validated textarea:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .comment-form input.is-valid[type="text"] ~ .valid-feedback, .comment-form input.is-valid[type="email"] ~ .valid-feedback, .comment-form input.is-valid[type="url"] ~ .valid-feedback, .comment-form textarea.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.comment-form input.is-valid[type="text"] ~ .valid-tooltip,
.comment-form input.is-valid[type="email"] ~ .valid-tooltip,
.comment-form input.is-valid[type="url"] ~ .valid-tooltip,
.comment-form textarea.is-valid ~ .valid-tooltip {
display: block; } .was-validated textarea.form-control:valid,
.was-validated .comment-form textarea:valid, .comment-form .was-validated textarea:valid, textarea.form-control.is-valid,
.comment-form textarea.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block; } .was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28a745; } .was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745; } .was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545; } .invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; } .was-validated .form-control:invalid, .was-validated .comment-form input:invalid[type="text"], .comment-form .was-validated input:invalid[type="text"],
.was-validated .comment-form input:invalid[type="email"], .comment-form .was-validated input:invalid[type="email"],
.was-validated .comment-form input:invalid[type="url"], .comment-form .was-validated input:invalid[type="url"],
.was-validated .comment-form textarea:invalid, .comment-form .was-validated textarea:invalid, .form-control.is-invalid, .comment-form input.is-invalid[type="text"],
.comment-form input.is-invalid[type="email"],
.comment-form input.is-invalid[type="url"],
.comment-form textarea.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .was-validated .comment-form input:invalid:focus[type="text"], .comment-form .was-validated input:invalid:focus[type="text"],
.was-validated .comment-form input:invalid:focus[type="email"], .comment-form .was-validated input:invalid:focus[type="email"],
.was-validated .comment-form input:invalid:focus[type="url"], .comment-form .was-validated input:invalid:focus[type="url"],
.was-validated .comment-form textarea:invalid:focus, .comment-form .was-validated textarea:invalid:focus, .form-control.is-invalid:focus, .comment-form input.is-invalid:focus[type="text"],
.comment-form input.is-invalid:focus[type="email"],
.comment-form input.is-invalid:focus[type="url"],
.comment-form textarea.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .comment-form input:invalid[type="text"] ~ .invalid-feedback, .comment-form .was-validated input:invalid[type="text"] ~ .invalid-feedback, .was-validated .comment-form input:invalid[type="email"] ~ .invalid-feedback, .comment-form .was-validated input:invalid[type="email"] ~ .invalid-feedback, .was-validated .comment-form input:invalid[type="url"] ~ .invalid-feedback, .comment-form .was-validated input:invalid[type="url"] ~ .invalid-feedback, .was-validated .comment-form textarea:invalid ~ .invalid-feedback, .comment-form .was-validated textarea:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.was-validated .comment-form input:invalid[type="text"] ~ .invalid-tooltip,
.comment-form .was-validated input:invalid[type="text"] ~ .invalid-tooltip,
.was-validated .comment-form input:invalid[type="email"] ~ .invalid-tooltip,
.comment-form .was-validated input:invalid[type="email"] ~ .invalid-tooltip,
.was-validated .comment-form input:invalid[type="url"] ~ .invalid-tooltip,
.comment-form .was-validated input:invalid[type="url"] ~ .invalid-tooltip,
.was-validated .comment-form textarea:invalid ~ .invalid-tooltip,
.comment-form .was-validated textarea:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .comment-form input.is-invalid[type="text"] ~ .invalid-feedback, .comment-form input.is-invalid[type="email"] ~ .invalid-feedback, .comment-form input.is-invalid[type="url"] ~ .invalid-feedback, .comment-form textarea.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.comment-form input.is-invalid[type="text"] ~ .invalid-tooltip,
.comment-form input.is-invalid[type="email"] ~ .invalid-tooltip,
.comment-form input.is-invalid[type="url"] ~ .invalid-tooltip,
.comment-form textarea.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated textarea.form-control:invalid,
.was-validated .comment-form textarea:invalid, .comment-form .was-validated textarea:invalid, textarea.form-control.is-invalid,
.comment-form textarea.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #dc3545; } .was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline {
display: flex;
flex-flow: row wrap;
align-items: center; } .form-inline .form-check {
width: 100%; }
@media (min-width: 576px) { .form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; } .form-inline .form-group, .form-inline .comment-form p, .comment-form .form-inline p {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0; } .form-inline .form-control, .form-inline .comment-form input[type="text"], .comment-form .form-inline input[type="text"],
.form-inline .comment-form input[type="email"], .comment-form .form-inline input[type="email"],
.form-inline .comment-form input[type="url"], .comment-form .form-inline input[type="url"],
.form-inline .comment-form textarea, .comment-form .form-inline textarea {
display: inline-block;
width: auto;
vertical-align: middle; } .form-inline .form-control-plaintext {
display: inline-block; } .form-inline .input-group,
.form-inline .custom-select {
width: auto; } .form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0; } .form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; } .form-inline .custom-control {
align-items: center;
justify-content: center; } .form-inline .custom-control-label {
margin-bottom: 0; } } .btn, .comment-form input[type="submit"] {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .btn, .comment-form input[type="submit"] {
transition: none; } } .btn:hover, .comment-form input:hover[type="submit"] {
color: #212529;
text-decoration: none; } .btn:focus, .comment-form input:focus[type="submit"], .btn.focus, .comment-form input.focus[type="submit"] {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .btn.disabled, .comment-form input.disabled[type="submit"], .btn:disabled, .comment-form input:disabled[type="submit"] {
opacity: 0.65; } a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; } .btn-primary {
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .btn-primary:hover {
color: #fff;
background-color: #323fd6;
border-color: #2a38d1; } .btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 225, 0.5); } .btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #2a38d1;
border-color: #2835c6; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 225, 0.5); } .btn-secondary, .comment-form input[type="submit"] {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; } .btn-secondary:hover, .comment-form input:hover[type="submit"] {
color: #fff;
background-color: #5a6268;
border-color: #545b62; } .btn-secondary:focus, .comment-form input:focus[type="submit"], .btn-secondary.focus, .comment-form input.focus[type="submit"] {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .comment-form input.disabled[type="submit"], .btn-secondary:disabled, .comment-form input:disabled[type="submit"] {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .comment-form input:not(:disabled):not(.disabled):active[type="submit"], .btn-secondary:not(:disabled):not(.disabled).active, .comment-form input:not(:disabled):not(.disabled).active[type="submit"],
.show > .btn-secondary.dropdown-toggle,
.comment-form .show > input.dropdown-toggle[type="submit"] {
color: #fff;
background-color: #545b62;
border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .comment-form input:not(:disabled):not(.disabled):active:focus[type="submit"], .btn-secondary:not(:disabled):not(.disabled).active:focus, .comment-form input:not(:disabled):not(.disabled).active:focus[type="submit"],
.show > .btn-secondary.dropdown-toggle:focus,
.comment-form .show > input.dropdown-toggle:focus[type="submit"] {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745; } .btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; } .btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; } .btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; } .btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; } .btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; } .btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; } .btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; } .btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40; } .btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary {
color: #525ddc;
border-color: #525ddc; } .btn-outline-primary:hover {
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #525ddc;
background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.5); } .btn-outline-secondary {
color: #6c757d;
border-color: #6c757d; } .btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success {
color: #28a745;
border-color: #28a745; } .btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info {
color: #17a2b8;
border-color: #17a2b8; } .btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning {
color: #ffc107;
border-color: #ffc107; } .btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger {
color: #dc3545;
border-color: #dc3545; } .btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa; } .btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark {
color: #343a40;
border-color: #343a40; } .btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link {
font-weight: 400;
color: #525ddc;
text-decoration: none; } .btn-link:hover {
color: #2632bc;
text-decoration: underline; } .btn-link:focus, .btn-link.focus {
text-decoration: underline;
box-shadow: none; } .btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; } .btn-lg, .btn-group-lg > .btn, .comment-form .btn-group-lg > input[type="submit"] {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, .comment-form .btn-group-sm > input[type="submit"] {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; } .btn-block {
display: block;
width: 100%; } .btn-block + .btn-block {
margin-top: 0.5rem; } input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; } .fade {
transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) { .fade {
transition: none; } } .fade:not(.show) {
opacity: 0; } .collapse:not(.show) {
display: none; } .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media (prefers-reduced-motion: reduce) { .collapsing {
transition: none; } } .dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; } .dropdown-toggle {
white-space: nowrap; } .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after {
margin-left: 0; } .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; } .dropdown-menu-left {
right: auto;
left: 0; } .dropdown-menu-right {
right: 0;
left: auto; }
@media (min-width: 576px) { .dropdown-menu-sm-left {
right: auto;
left: 0; } .dropdown-menu-sm-right {
right: 0;
left: auto; } }
@media (min-width: 768px) { .dropdown-menu-md-left {
right: auto;
left: 0; } .dropdown-menu-md-right {
right: 0;
left: auto; } }
@media (min-width: 992px) { .dropdown-menu-lg-left {
right: auto;
left: 0; } .dropdown-menu-lg-right {
right: 0;
left: auto; } }
@media (min-width: 1200px) { .dropdown-menu-xl-left {
right: auto;
left: 0; } .dropdown-menu-xl-right {
right: 0;
left: auto; } } .dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after {
margin-left: 0; } .dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem; } .dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after {
margin-left: 0; } .dropright .dropdown-toggle::after {
vertical-align: 0; } .dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem; } .dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; } .dropleft .dropdown-toggle::after {
display: none; } .dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after {
margin-left: 0; } .dropleft .dropdown-toggle::before {
vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto; } .dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef; } .dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; } .dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #525ddc; } .dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent; } .dropdown-menu.show {
display: block; } .dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap; } .dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529; } .btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; } .btn-group > .btn, .comment-form .btn-group > input[type="submit"],
.btn-group-vertical > .btn,
.comment-form .btn-group-vertical > input[type="submit"] {
position: relative;
flex: 1 1 auto; } .btn-group > .btn:hover, .comment-form .btn-group > input:hover[type="submit"],
.btn-group-vertical > .btn:hover,
.comment-form .btn-group-vertical > input:hover[type="submit"] {
z-index: 1; } .btn-group > .btn:focus, .comment-form .btn-group > input:focus[type="submit"], .btn-group > .btn:active, .comment-form .btn-group > input:active[type="submit"], .btn-group > .btn.active, .comment-form .btn-group > input.active[type="submit"],
.btn-group-vertical > .btn:focus,
.comment-form .btn-group-vertical > input:focus[type="submit"],
.btn-group-vertical > .btn:active,
.comment-form .btn-group-vertical > input:active[type="submit"],
.btn-group-vertical > .btn.active,
.comment-form .btn-group-vertical > input.active[type="submit"] {
z-index: 1; } .btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; } .btn-toolbar .input-group {
width: auto; } .btn-group > .btn:not(:first-child), .comment-form .btn-group > input:not(:first-child)[type="submit"],
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .comment-form .btn-group > input:not(:last-child):not(.dropdown-toggle)[type="submit"],
.btn-group > .btn-group:not(:last-child) > .btn,
.comment-form .btn-group > .btn-group:not(:last-child) > input[type="submit"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .comment-form .btn-group > input:not(:first-child)[type="submit"],
.btn-group > .btn-group:not(:first-child) > .btn,
.comment-form .btn-group > .btn-group:not(:first-child) > input[type="submit"] {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } .dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; } .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0; } .dropleft .dropdown-toggle-split::before {
margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .comment-form .btn-group-sm > input[type="submit"] + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .comment-form .btn-group-lg > input[type="submit"] + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem; } .btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; } .btn-group-vertical > .btn,
.comment-form .btn-group-vertical > input[type="submit"],
.btn-group-vertical > .btn-group {
width: 100%; } .btn-group-vertical > .btn:not(:first-child), .comment-form .btn-group-vertical > input:not(:first-child)[type="submit"],
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .comment-form .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle)[type="submit"],
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.comment-form .btn-group-vertical > .btn-group:not(:last-child) > input[type="submit"] {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .comment-form .btn-group-vertical > input:not(:first-child)[type="submit"],
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.comment-form .btn-group-vertical > .btn-group:not(:first-child) > input[type="submit"] {
border-top-left-radius: 0;
border-top-right-radius: 0; } .btn-group-toggle > .btn, .comment-form .btn-group-toggle > input[type="submit"],
.btn-group-toggle > .btn-group > .btn,
.comment-form .btn-group-toggle > .btn-group > input[type="submit"] {
margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .comment-form .btn-group-toggle > input[type="submit"] input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.comment-form .btn-group-toggle > input[type="submit"] input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.comment-form .btn-group-toggle > .btn-group > input[type="submit"] input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.comment-form .btn-group-toggle > .btn-group > input[type="submit"] input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; } .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%; } .input-group > .form-control, .comment-form .input-group > input[type="text"],
.comment-form .input-group > input[type="email"],
.comment-form .input-group > input[type="url"],
.comment-form .input-group > textarea,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; } .input-group > .form-control + .form-control, .comment-form .input-group > input[type="text"] + .form-control, .comment-form .input-group > input[type="email"] + .form-control, .comment-form .input-group > input[type="url"] + .form-control, .comment-form .input-group > textarea + .form-control, .comment-form .input-group > .form-control + input[type="text"], .comment-form .input-group > input[type="text"] + input[type="text"], .comment-form .input-group > input[type="email"] + input[type="text"], .comment-form .input-group > input[type="url"] + input[type="text"], .comment-form .input-group > textarea + input[type="text"],
.comment-form .input-group > .form-control + input[type="email"],
.comment-form .input-group > input[type="text"] + input[type="email"],
.comment-form .input-group > input[type="email"] + input[type="email"],
.comment-form .input-group > input[type="url"] + input[type="email"],
.comment-form .input-group > textarea + input[type="email"],
.comment-form .input-group > .form-control + input[type="url"],
.comment-form .input-group > input[type="text"] + input[type="url"],
.comment-form .input-group > input[type="email"] + input[type="url"],
.comment-form .input-group > input[type="url"] + input[type="url"],
.comment-form .input-group > textarea + input[type="url"],
.comment-form .input-group > .form-control + textarea,
.comment-form .input-group > input[type="text"] + textarea,
.comment-form .input-group > input[type="email"] + textarea,
.comment-form .input-group > input[type="url"] + textarea,
.comment-form .input-group > textarea + textarea,
.input-group > .form-control + .custom-select,
.comment-form .input-group > input[type="text"] + .custom-select,
.comment-form .input-group > input[type="email"] + .custom-select,
.comment-form .input-group > input[type="url"] + .custom-select,
.comment-form .input-group > textarea + .custom-select,
.input-group > .form-control + .custom-file,
.comment-form .input-group > input[type="text"] + .custom-file,
.comment-form .input-group > input[type="email"] + .custom-file,
.comment-form .input-group > input[type="url"] + .custom-file,
.comment-form .input-group > textarea + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.comment-form .input-group > .form-control-plaintext + input[type="text"],
.comment-form .input-group > .form-control-plaintext + input[type="email"],
.comment-form .input-group > .form-control-plaintext + input[type="url"],
.comment-form .input-group > .form-control-plaintext + textarea,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.comment-form .input-group > .custom-select + input[type="text"],
.comment-form .input-group > .custom-select + input[type="email"],
.comment-form .input-group > .custom-select + input[type="url"],
.comment-form .input-group > .custom-select + textarea,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.comment-form .input-group > .custom-file + input[type="text"],
.comment-form .input-group > .custom-file + input[type="email"],
.comment-form .input-group > .custom-file + input[type="url"],
.comment-form .input-group > .custom-file + textarea,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; } .input-group > .form-control:focus, .comment-form .input-group > input:focus[type="text"],
.comment-form .input-group > input:focus[type="email"],
.comment-form .input-group > input:focus[type="url"],
.comment-form .input-group > textarea:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; } .input-group > .custom-file .custom-file-input:focus {
z-index: 4; } .input-group > .form-control:not(:last-child), .comment-form .input-group > input:not(:last-child)[type="text"],
.comment-form .input-group > input:not(:last-child)[type="email"],
.comment-form .input-group > input:not(:last-child)[type="url"],
.comment-form .input-group > textarea:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .comment-form .input-group > input:not(:first-child)[type="text"],
.comment-form .input-group > input:not(:first-child)[type="email"],
.comment-form .input-group > input:not(:first-child)[type="url"],
.comment-form .input-group > textarea:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } .input-group > .custom-file {
display: flex;
align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } .input-group-prepend,
.input-group-append {
display: flex; } .input-group-prepend .btn, .input-group-prepend .comment-form input[type="submit"], .comment-form .input-group-prepend input[type="submit"],
.input-group-append .btn,
.input-group-append .comment-form input[type="submit"],
.comment-form .input-group-append input[type="submit"] {
position: relative;
z-index: 2; } .input-group-prepend .btn:focus, .input-group-prepend .comment-form input:focus[type="submit"], .comment-form .input-group-prepend input:focus[type="submit"],
.input-group-append .btn:focus,
.input-group-append .comment-form input:focus[type="submit"],
.comment-form .input-group-append input:focus[type="submit"] {
z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .comment-form input[type="submit"] + .btn, .comment-form .input-group-prepend input[type="submit"] + .btn, .input-group-prepend .comment-form .btn + input[type="submit"], .comment-form .input-group-prepend .btn + input[type="submit"], .input-group-prepend .comment-form input[type="submit"] + input[type="submit"], .comment-form .input-group-prepend input[type="submit"] + input[type="submit"],
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .comment-form input[type="submit"] + .input-group-text,
.comment-form .input-group-prepend input[type="submit"] + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .comment-form .input-group-text + input[type="submit"],
.comment-form .input-group-prepend .input-group-text + input[type="submit"],
.input-group-append .btn + .btn,
.input-group-append .comment-form input[type="submit"] + .btn,
.comment-form .input-group-append input[type="submit"] + .btn,
.input-group-append .comment-form .btn + input[type="submit"],
.comment-form .input-group-append .btn + input[type="submit"],
.input-group-append .comment-form input[type="submit"] + input[type="submit"],
.comment-form .input-group-append input[type="submit"] + input[type="submit"],
.input-group-append .btn + .input-group-text,
.input-group-append .comment-form input[type="submit"] + .input-group-text,
.comment-form .input-group-append input[type="submit"] + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .comment-form .input-group-text + input[type="submit"],
.comment-form .input-group-append .input-group-text + input[type="submit"] {
margin-left: -1px; } .input-group-prepend {
margin-right: -1px; } .input-group-append {
margin-left: -1px; } .input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem; } .input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; } .input-group-lg > .form-control:not(textarea), .comment-form .input-group-lg > input:not(textarea)[type="text"],
.comment-form .input-group-lg > input:not(textarea)[type="email"],
.comment-form .input-group-lg > input:not(textarea)[type="url"],
.comment-form .input-group-lg > textarea:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .comment-form .input-group-lg > input[type="text"],
.comment-form .input-group-lg > input[type="email"],
.comment-form .input-group-lg > input[type="url"],
.comment-form .input-group-lg > textarea,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.comment-form .input-group-lg > .input-group-prepend > input[type="submit"],
.input-group-lg > .input-group-append > .btn,
.comment-form .input-group-lg > .input-group-append > input[type="submit"] {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .comment-form .input-group-sm > input:not(textarea)[type="text"],
.comment-form .input-group-sm > input:not(textarea)[type="email"],
.comment-form .input-group-sm > input:not(textarea)[type="url"],
.comment-form .input-group-sm > textarea:not(textarea),
.input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .comment-form .input-group-sm > input[type="text"],
.comment-form .input-group-sm > input[type="email"],
.comment-form .input-group-sm > input[type="url"],
.comment-form .input-group-sm > textarea,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.comment-form .input-group-sm > .input-group-prepend > input[type="submit"],
.input-group-sm > .input-group-append > .btn,
.comment-form .input-group-sm > .input-group-append > input[type="submit"] {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; } .input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .comment-form .input-group > .input-group-prepend > input[type="submit"],
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.comment-form .input-group > .input-group-append:not(:last-child) > input[type="submit"],
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.comment-form .input-group > .input-group-append:last-child > input:not(:last-child):not(.dropdown-toggle)[type="submit"],
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .comment-form .input-group > .input-group-append > input[type="submit"],
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.comment-form .input-group > .input-group-prepend:not(:first-child) > input[type="submit"],
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.comment-form .input-group > .input-group-prepend:first-child > input:not(:first-child)[type="submit"],
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } .custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem; } .custom-control-inline {
display: inline-flex;
margin-right: 1rem; } .custom-control-input {
position: absolute;
z-index: -1;
opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #525ddc;
background-color: #525ddc; } .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #bcc0f1; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #e6e8fa;
border-color: #e6e8fa; } .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef; } .custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top; } .custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px; } .custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #525ddc;
background-color: #525ddc; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(82, 93, 220, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(82, 93, 220, 0.5); } .custom-radio .custom-control-label::before {
border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(82, 93, 220, 0.5); } .custom-switch {
padding-left: 2.25rem; } .custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem; } .custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after {
transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(82, 93, 220, 0.5); } .custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none; } .custom-select:focus {
border-color: #bcc0f1;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-select:focus::-ms-value {
color: #495057;
background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none; } .custom-select:disabled {
color: #6c757d;
background-color: #e9ecef; } .custom-select::-ms-expand {
display: none; } .custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem; } .custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem; } .custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0; } .custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
opacity: 0; } .custom-file-input:focus ~ .custom-file-label {
border-color: #bcc0f1;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse); } .custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem; } .custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0; } .custom-range {
width: 100%;
height: calc(1rem + 0.4rem);
padding: 0;
background-color: transparent;
appearance: none; } .custom-range:focus {
outline: none; } .custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .custom-range::-moz-focus-outer {
border: 0; } .custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #525ddc;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb {
transition: none; } } .custom-range::-webkit-slider-thumb:active {
background-color: #e6e8fa; } .custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; } .custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #525ddc;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb {
transition: none; } } .custom-range::-moz-range-thumb:active {
background-color: #e6e8fa; } .custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; } .custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #525ddc;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb {
transition: none; } } .custom-range::-ms-thumb:active {
background-color: #e6e8fa; } .custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem; } .custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem; } .custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track {
cursor: default; } .custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd; } .custom-range:disabled::-moz-range-track {
cursor: default; } .custom-range:disabled::-ms-thumb {
background-color: #adb5bd; } .custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none; } } .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; } .nav-link, .banner .nav a {
display: block;
padding: 0.5rem 1rem; } .nav-link:hover, .banner .nav a:hover, .nav-link:focus, .banner .nav a:focus {
text-decoration: none; } .nav-link.disabled, .banner .nav a.disabled {
color: #6c757d;
pointer-events: none;
cursor: default; } .nav-tabs {
border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item, .nav-tabs .banner .nav li, .banner .nav .nav-tabs li {
margin-bottom: -1px; } .nav-tabs .nav-link, .nav-tabs .banner .nav a, .banner .nav .nav-tabs a {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .banner .nav a:hover, .banner .nav .nav-tabs a:hover, .nav-tabs .nav-link:focus, .nav-tabs .banner .nav a:focus, .banner .nav .nav-tabs a:focus {
border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled, .nav-tabs .banner .nav a.disabled, .banner .nav .nav-tabs a.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .banner .nav a.active, .banner .nav .nav-tabs a.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .banner .nav li.show .nav-link,
.banner .nav .nav-tabs li.show .nav-link,
.nav-tabs .nav-item.show .banner .nav a,
.banner .nav .nav-tabs .nav-item.show a,
.nav-tabs .banner .nav li.show a,
.banner .nav .nav-tabs li.show a {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; } .nav-pills .nav-link, .nav-pills .banner .nav a, .banner .nav .nav-pills a {
border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .banner .nav a.active, .banner .nav .nav-pills a.active,
.nav-pills .show > .nav-link,
.nav-pills .banner .nav .show > a,
.banner .nav .nav-pills .show > a {
color: #fff;
background-color: #525ddc; } .nav-fill .nav-item, .nav-fill .banner .nav li, .banner .nav .nav-fill li {
flex: 1 1 auto;
text-align: center; } .nav-justified .nav-item, .nav-justified .banner .nav li, .banner .nav .nav-justified li {
flex-basis: 0;
flex-grow: 1;
text-align: center; } .tab-content > .tab-pane {
display: none; } .tab-content > .active {
display: block; } .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem; } .navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; } .navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; } .navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; } .navbar-nav .nav-link, .navbar-nav .banner .nav a, .banner .nav .navbar-nav a {
padding-right: 0;
padding-left: 0; } .navbar-nav .dropdown-menu {
position: static;
float: none; } .navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem; } .navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; } .navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; } .navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%; }
@media (max-width: 575.98px) { .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 576px) { .navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start; } .navbar-expand-sm .navbar-nav {
flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; } .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .banner .nav a, .banner .nav .navbar-expand-sm .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem; } .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; } .navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 767.98px) { .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 768px) { .navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start; } .navbar-expand-md .navbar-nav {
flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; } .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .banner .nav a, .banner .nav .navbar-expand-md .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem; } .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; } .navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 991.98px) { .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 992px) { .navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start; } .navbar-expand-lg .navbar-nav {
flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; } .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .banner .nav a, .banner .nav .navbar-expand-lg .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem; } .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; } .navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1199.98px) { .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1200px) { .navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start; } .navbar-expand-xl .navbar-nav {
flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; } .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .banner .nav a, .banner .nav .navbar-expand-xl .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem; } .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; } .navbar-expand-xl .navbar-toggler {
display: none; } } .navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start; } .navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0; } .navbar-expand .navbar-nav {
flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu {
position: absolute; } .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .banner .nav a, .banner .nav .navbar-expand .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem; } .navbar-expand > .container,
.navbar-expand > .container-fluid {
flex-wrap: nowrap; } .navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; } .navbar-expand .navbar-toggler {
display: none; } .navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .banner .nav a, .banner .nav .navbar-light .navbar-nav a {
color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .banner .nav a:hover, .banner .nav .navbar-light .navbar-nav a:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .banner .nav a:focus, .banner .nav .navbar-light .navbar-nav a:focus {
color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .banner .nav a.disabled, .banner .nav .navbar-light .navbar-nav a.disabled {
color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .banner .nav .show > a, .banner .nav .navbar-light .navbar-nav .show > a,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .banner .nav .active > a,
.banner .nav .navbar-light .navbar-nav .active > a,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .banner .nav a.show,
.banner .nav .navbar-light .navbar-nav a.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .banner .nav a.active,
.banner .nav .navbar-light .navbar-nav a.active {
color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon {
background-image: none; } .navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand {
color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff; } .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .banner .nav a, .banner .nav .navbar-dark .navbar-nav a {
color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .banner .nav a:hover, .banner .nav .navbar-dark .navbar-nav a:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .banner .nav a:focus, .banner .nav .navbar-dark .navbar-nav a:focus {
color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .banner .nav a.disabled, .banner .nav .navbar-dark .navbar-nav a.disabled {
color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .banner .nav .show > a, .banner .nav .navbar-dark .navbar-nav .show > a,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .banner .nav .active > a,
.banner .nav .navbar-dark .navbar-nav .active > a,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .banner .nav a.show,
.banner .nav .navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .banner .nav a.active,
.banner .nav .navbar-dark .navbar-nav a.active {
color: #fff; } .navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon {
background-image: none; } .navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a {
color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff; } .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; } .card > hr {
margin-right: 0;
margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; } .card-body {
flex: 1 1 auto;
padding: 1.25rem; } .card-title {
margin-bottom: 0.75rem; } .card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; } .card-text:last-child {
margin-bottom: 0; } .card-link:hover {
text-decoration: none; } .card-link + .card-link {
margin-left: 1.25rem; } .card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child {
border-top: 0; } .card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0; } .card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem; } .card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; } .card-img {
width: 100%;
border-radius: calc(0.25rem - 1px); } .card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck {
display: flex;
flex-direction: column; } .card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) { .card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; } .card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } } .card-group {
display: flex;
flex-direction: column; } .card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) { .card-group {
flex-flow: row wrap; } .card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; } .card-group > .card + .card {
margin-left: 0;
border-left: 0; } .card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0; } } .card-columns .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) { .card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1; } .card-columns .card {
display: inline-block;
width: 100%; } } .accordion > .card {
overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0; } .accordion > .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; } .accordion > .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; } .accordion > .card .card-header {
margin-bottom: -1px; } .breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none; } .breadcrumb-item.active {
color: #6c757d; } .pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem; } .page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #525ddc;
background-color: #fff;
border: 1px solid #dee2e6; } .page-link:hover {
z-index: 2;
color: #2632bc;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; } .page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.25); } .page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; } .page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; } .pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5; } .pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5; } .pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; } .badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .badge {
transition: none; } } a.badge:hover, a.badge:focus {
text-decoration: none; } .badge:empty {
display: none; } .btn .badge, .comment-form input[type="submit"] .badge {
position: relative;
top: -1px; } .badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; } .badge-primary {
color: #fff;
background-color: #525ddc; } a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #2a38d1; } a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(82, 93, 220, 0.5); } .badge-secondary {
color: #fff;
background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success {
color: #fff;
background-color: #28a745; } a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info {
color: #fff;
background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning {
color: #212529;
background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus {
color: #212529;
background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger {
color: #fff;
background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light {
color: #212529;
background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark {
color: #fff;
background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem; }
@media (min-width: 576px) { .jumbotron {
padding: 4rem 2rem; } } .jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0; } .alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem; } .alert-heading {
color: inherit; } .alert-link {
font-weight: 700; } .alert-dismissible {
padding-right: 4rem; } .alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit; } .alert-primary {
color: #2b3072;
background-color: #dcdff8;
border-color: #cfd2f5; } .alert-primary hr {
border-top-color: #babef1; } .alert-primary .alert-link {
color: #1d204d; } .alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db; } .alert-secondary hr {
border-top-color: #c8cbcf; } .alert-secondary .alert-link {
color: #202326; } .alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb; } .alert-success hr {
border-top-color: #b1dfbb; } .alert-success .alert-link {
color: #0b2e13; } .alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb; } .alert-info hr {
border-top-color: #abdde5; } .alert-info .alert-link {
color: #062c33; } .alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba; } .alert-warning hr {
border-top-color: #ffe8a1; } .alert-warning .alert-link {
color: #533f03; } .alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb; } .alert-danger hr {
border-top-color: #f1b0b7; } .alert-danger .alert-link {
color: #491217; } .alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe; } .alert-light hr {
border-top-color: #ececf6; } .alert-light .alert-link {
color: #686868; } .alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca; } .alert-dark hr {
border-top-color: #b9bbbe; } .alert-dark .alert-link {
color: #040505; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } } .progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem; } .progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #525ddc;
transition: width 0.6s ease; }
@media (prefers-reduced-motion: reduce) { .progress-bar {
transition: none; } } .progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem; } .progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite; }
@media (prefers-reduced-motion: reduce) { .progress-bar-animated {
animation: none; } } .media {
display: flex;
align-items: flex-start; } .media-body {
flex: 1; } .list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; } .list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa; } .list-group-item-action:active {
color: #212529;
background-color: #e9ecef; } .list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; } .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff; } .list-group-item.active {
z-index: 2;
color: #fff;
background-color: #525ddc;
border-color: #525ddc; } .list-group-horizontal {
flex-direction: row; } .list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0; }
@media (min-width: 576px) { .list-group-horizontal-sm {
flex-direction: row; } .list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0; } }
@media (min-width: 768px) { .list-group-horizontal-md {
flex-direction: row; } .list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0; } }
@media (min-width: 992px) { .list-group-horizontal-lg {
flex-direction: row; } .list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0; } }
@media (min-width: 1200px) { .list-group-horizontal-xl {
flex-direction: row; } .list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0; } } .list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0; } .list-group-flush .list-group-item:last-child {
margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child {
border-top: 0; } .list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0; } .list-group-item-primary {
color: #2b3072;
background-color: #cfd2f5; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #2b3072;
background-color: #babef1; } .list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #2b3072;
border-color: #2b3072; } .list-group-item-secondary {
color: #383d41;
background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41; } .list-group-item-success {
color: #155724;
background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724; } .list-group-item-info {
color: #0c5460;
background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5; } .list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460; } .list-group-item-warning {
color: #856404;
background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404; } .list-group-item-danger {
color: #721c24;
background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24; } .list-group-item-light {
color: #818182;
background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6; } .list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182; } .list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21; } .close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; } .close:hover {
color: #000;
text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75; } button.close {
padding: 0;
background-color: transparent;
border: 0;
appearance: none; } a.close.disabled {
pointer-events: none; } .toast {
max-width: 350px;
overflow: hidden;
font-size: 0.875rem;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: 0.25rem; } .toast:not(:last-child) {
margin-bottom: 0.75rem; } .toast.showing {
opacity: 1; } .toast.show {
display: block;
opacity: 1; } .toast.hide {
display: none; } .toast-header {
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body {
padding: 0.75rem; } .modal-open {
overflow: hidden; } .modal-open .modal {
overflow-x: hidden;
overflow-y: auto; } .modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0; } .modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; } .modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog {
transition: none; } } .modal.show .modal-dialog {
transform: none; } .modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden; } .modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0; } .modal-dialog-scrollable .modal-body {
overflow-y: auto; } .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem); } .modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""; } .modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before {
content: none; } .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0; } .modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000; } .modal-backdrop.fade {
opacity: 0; } .modal-backdrop.show {
opacity: 0.5; } .modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; } .modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto; } .modal-title {
margin-bottom: 0;
line-height: 1.5; } .modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem; } .modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) {
margin-left: .25rem; } .modal-footer > :not(:last-child) {
margin-right: .25rem; } .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) { .modal-dialog {
max-width: 500px;
margin: 1.75rem auto; } .modal-dialog-scrollable {
max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem); } .modal-dialog-centered {
min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before {
height: calc(100vh - 3.5rem); } .modal-sm {
max-width: 300px; } }
@media (min-width: 992px) { .modal-lg,
.modal-xl {
max-width: 800px; } }
@media (min-width: 1200px) { .modal-xl {
max-width: 1140px; } } .tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0; } .tooltip.show {
opacity: 0.9; } .tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; } .tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000; } .tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem; } .popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; } .popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff; } .popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty {
display: none; } .popover-body {
padding: 0.5rem 0.75rem;
color: #212529; } .carousel {
position: relative; } .carousel.pointer-event {
touch-action: pan-y; } .carousel-inner {
position: relative;
width: 100%;
overflow: hidden; } .carousel-inner::after {
display: block;
clear: both;
content: ""; } .carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) { .carousel-item {
transition: none; } } .carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block; } .carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
transform: translateX(-100%); } .carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none; } .carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1; } .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s 0.6s opacity; }
@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none; } } .carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease; }
@media (prefers-reduced-motion: reduce) { .carousel-control-prev,
.carousel-control-next {
transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9; } .carousel-control-prev {
left: 0; } .carousel-control-next {
right: 0; } .carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; } .carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity 0.6s ease; }
@media (prefers-reduced-motion: reduce) { .carousel-indicators li {
transition: none; } } .carousel-indicators .active {
opacity: 1; } .carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
@keyframes spinner-border {
to {
transform: rotate(360deg); } } .spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite; } .spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em; }
@keyframes spinner-grow {
0% {
transform: scale(0); }
50% {
opacity: 1; } } .spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite; } .spinner-grow-sm {
width: 1rem;
height: 1rem; } .align-baseline {
vertical-align: baseline !important; } .align-top {
vertical-align: top !important; } .align-middle {
vertical-align: middle !important; } .align-bottom {
vertical-align: bottom !important; } .align-text-bottom {
vertical-align: text-bottom !important; } .align-text-top {
vertical-align: text-top !important; } .bg-primary {
background-color: #525ddc !important; } a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #2a38d1 !important; } .bg-secondary {
background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important; } .bg-success {
background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important; } .bg-info {
background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important; } .bg-warning {
background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important; } .bg-danger {
background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important; } .bg-light {
background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important; } .bg-dark {
background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important; } .bg-white {
background-color: #fff !important; } .bg-transparent {
background-color: transparent !important; } .border {
border: 1px solid #dee2e6 !important; } .border-top {
border-top: 1px solid #dee2e6 !important; } .border-right {
border-right: 1px solid #dee2e6 !important; } .border-bottom {
border-bottom: 1px solid #dee2e6 !important; } .border-left {
border-left: 1px solid #dee2e6 !important; } .border-0 {
border: 0 !important; } .border-top-0 {
border-top: 0 !important; } .border-right-0 {
border-right: 0 !important; } .border-bottom-0 {
border-bottom: 0 !important; } .border-left-0 {
border-left: 0 !important; } .border-primary {
border-color: #525ddc !important; } .border-secondary {
border-color: #6c757d !important; } .border-success {
border-color: #28a745 !important; } .border-info {
border-color: #17a2b8 !important; } .border-warning {
border-color: #ffc107 !important; } .border-danger {
border-color: #dc3545 !important; } .border-light {
border-color: #f8f9fa !important; } .border-dark {
border-color: #343a40 !important; } .border-white {
border-color: #fff !important; } .rounded-sm {
border-radius: 0.2rem !important; } .rounded {
border-radius: 0.25rem !important; } .rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; } .rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; } .rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; } .rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; } .rounded-lg {
border-radius: 0.3rem !important; } .rounded-circle {
border-radius: 50% !important; } .rounded-pill {
border-radius: 50rem !important; } .rounded-0 {
border-radius: 0 !important; } .clearfix::after {
display: block;
clear: both;
content: ""; } .d-none {
display: none !important; } .d-inline {
display: inline !important; } .d-inline-block {
display: inline-block !important; } .d-block {
display: block !important; } .d-table {
display: table !important; } .d-table-row {
display: table-row !important; } .d-table-cell {
display: table-cell !important; } .d-flex {
display: flex !important; } .d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) { .d-sm-none {
display: none !important; } .d-sm-inline {
display: inline !important; } .d-sm-inline-block {
display: inline-block !important; } .d-sm-block {
display: block !important; } .d-sm-table {
display: table !important; } .d-sm-table-row {
display: table-row !important; } .d-sm-table-cell {
display: table-cell !important; } .d-sm-flex {
display: flex !important; } .d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none {
display: none !important; } .d-md-inline {
display: inline !important; } .d-md-inline-block {
display: inline-block !important; } .d-md-block {
display: block !important; } .d-md-table {
display: table !important; } .d-md-table-row {
display: table-row !important; } .d-md-table-cell {
display: table-cell !important; } .d-md-flex {
display: flex !important; } .d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none {
display: none !important; } .d-lg-inline {
display: inline !important; } .d-lg-inline-block {
display: inline-block !important; } .d-lg-block {
display: block !important; } .d-lg-table {
display: table !important; } .d-lg-table-row {
display: table-row !important; } .d-lg-table-cell {
display: table-cell !important; } .d-lg-flex {
display: flex !important; } .d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none {
display: none !important; } .d-xl-inline {
display: inline !important; } .d-xl-inline-block {
display: inline-block !important; } .d-xl-block {
display: block !important; } .d-xl-table {
display: table !important; } .d-xl-table-row {
display: table-row !important; } .d-xl-table-cell {
display: table-cell !important; } .d-xl-flex {
display: flex !important; } .d-xl-inline-flex {
display: inline-flex !important; } }
@media print { .d-print-none {
display: none !important; } .d-print-inline {
display: inline !important; } .d-print-inline-block {
display: inline-block !important; } .d-print-block {
display: block !important; } .d-print-table {
display: table !important; } .d-print-table-row {
display: table-row !important; } .d-print-table-cell {
display: table-cell !important; } .d-print-flex {
display: flex !important; } .d-print-inline-flex {
display: inline-flex !important; } } .embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; } .embed-responsive::before {
display: block;
content: ""; } .embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; } .embed-responsive-21by9::before {
padding-top: 42.85714%; } .embed-responsive-16by9::before {
padding-top: 56.25%; } .embed-responsive-4by3::before {
padding-top: 75%; } .embed-responsive-1by1::before {
padding-top: 100%; } .flex-row {
flex-direction: row !important; } .flex-column {
flex-direction: column !important; } .flex-row-reverse {
flex-direction: row-reverse !important; } .flex-column-reverse {
flex-direction: column-reverse !important; } .flex-wrap {
flex-wrap: wrap !important; } .flex-nowrap {
flex-wrap: nowrap !important; } .flex-wrap-reverse {
flex-wrap: wrap-reverse !important; } .flex-fill {
flex: 1 1 auto !important; } .flex-grow-0 {
flex-grow: 0 !important; } .flex-grow-1 {
flex-grow: 1 !important; } .flex-shrink-0 {
flex-shrink: 0 !important; } .flex-shrink-1 {
flex-shrink: 1 !important; } .justify-content-start {
justify-content: flex-start !important; } .justify-content-end {
justify-content: flex-end !important; } .justify-content-center {
justify-content: center !important; } .justify-content-between {
justify-content: space-between !important; } .justify-content-around {
justify-content: space-around !important; } .align-items-start {
align-items: flex-start !important; } .align-items-end {
align-items: flex-end !important; } .align-items-center {
align-items: center !important; } .align-items-baseline {
align-items: baseline !important; } .align-items-stretch {
align-items: stretch !important; } .align-content-start {
align-content: flex-start !important; } .align-content-end {
align-content: flex-end !important; } .align-content-center {
align-content: center !important; } .align-content-between {
align-content: space-between !important; } .align-content-around {
align-content: space-around !important; } .align-content-stretch {
align-content: stretch !important; } .align-self-auto {
align-self: auto !important; } .align-self-start {
align-self: flex-start !important; } .align-self-end {
align-self: flex-end !important; } .align-self-center {
align-self: center !important; } .align-self-baseline {
align-self: baseline !important; } .align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) { .flex-sm-row {
flex-direction: row !important; } .flex-sm-column {
flex-direction: column !important; } .flex-sm-row-reverse {
flex-direction: row-reverse !important; } .flex-sm-column-reverse {
flex-direction: column-reverse !important; } .flex-sm-wrap {
flex-wrap: wrap !important; } .flex-sm-nowrap {
flex-wrap: nowrap !important; } .flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; } .flex-sm-fill {
flex: 1 1 auto !important; } .flex-sm-grow-0 {
flex-grow: 0 !important; } .flex-sm-grow-1 {
flex-grow: 1 !important; } .flex-sm-shrink-0 {
flex-shrink: 0 !important; } .flex-sm-shrink-1 {
flex-shrink: 1 !important; } .justify-content-sm-start {
justify-content: flex-start !important; } .justify-content-sm-end {
justify-content: flex-end !important; } .justify-content-sm-center {
justify-content: center !important; } .justify-content-sm-between {
justify-content: space-between !important; } .justify-content-sm-around {
justify-content: space-around !important; } .align-items-sm-start {
align-items: flex-start !important; } .align-items-sm-end {
align-items: flex-end !important; } .align-items-sm-center {
align-items: center !important; } .align-items-sm-baseline {
align-items: baseline !important; } .align-items-sm-stretch {
align-items: stretch !important; } .align-content-sm-start {
align-content: flex-start !important; } .align-content-sm-end {
align-content: flex-end !important; } .align-content-sm-center {
align-content: center !important; } .align-content-sm-between {
align-content: space-between !important; } .align-content-sm-around {
align-content: space-around !important; } .align-content-sm-stretch {
align-content: stretch !important; } .align-self-sm-auto {
align-self: auto !important; } .align-self-sm-start {
align-self: flex-start !important; } .align-self-sm-end {
align-self: flex-end !important; } .align-self-sm-center {
align-self: center !important; } .align-self-sm-baseline {
align-self: baseline !important; } .align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row {
flex-direction: row !important; } .flex-md-column {
flex-direction: column !important; } .flex-md-row-reverse {
flex-direction: row-reverse !important; } .flex-md-column-reverse {
flex-direction: column-reverse !important; } .flex-md-wrap {
flex-wrap: wrap !important; } .flex-md-nowrap {
flex-wrap: nowrap !important; } .flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; } .flex-md-fill {
flex: 1 1 auto !important; } .flex-md-grow-0 {
flex-grow: 0 !important; } .flex-md-grow-1 {
flex-grow: 1 !important; } .flex-md-shrink-0 {
flex-shrink: 0 !important; } .flex-md-shrink-1 {
flex-shrink: 1 !important; } .justify-content-md-start {
justify-content: flex-start !important; } .justify-content-md-end {
justify-content: flex-end !important; } .justify-content-md-center {
justify-content: center !important; } .justify-content-md-between {
justify-content: space-between !important; } .justify-content-md-around {
justify-content: space-around !important; } .align-items-md-start {
align-items: flex-start !important; } .align-items-md-end {
align-items: flex-end !important; } .align-items-md-center {
align-items: center !important; } .align-items-md-baseline {
align-items: baseline !important; } .align-items-md-stretch {
align-items: stretch !important; } .align-content-md-start {
align-content: flex-start !important; } .align-content-md-end {
align-content: flex-end !important; } .align-content-md-center {
align-content: center !important; } .align-content-md-between {
align-content: space-between !important; } .align-content-md-around {
align-content: space-around !important; } .align-content-md-stretch {
align-content: stretch !important; } .align-self-md-auto {
align-self: auto !important; } .align-self-md-start {
align-self: flex-start !important; } .align-self-md-end {
align-self: flex-end !important; } .align-self-md-center {
align-self: center !important; } .align-self-md-baseline {
align-self: baseline !important; } .align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row {
flex-direction: row !important; } .flex-lg-column {
flex-direction: column !important; } .flex-lg-row-reverse {
flex-direction: row-reverse !important; } .flex-lg-column-reverse {
flex-direction: column-reverse !important; } .flex-lg-wrap {
flex-wrap: wrap !important; } .flex-lg-nowrap {
flex-wrap: nowrap !important; } .flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; } .flex-lg-fill {
flex: 1 1 auto !important; } .flex-lg-grow-0 {
flex-grow: 0 !important; } .flex-lg-grow-1 {
flex-grow: 1 !important; } .flex-lg-shrink-0 {
flex-shrink: 0 !important; } .flex-lg-shrink-1 {
flex-shrink: 1 !important; } .justify-content-lg-start {
justify-content: flex-start !important; } .justify-content-lg-end {
justify-content: flex-end !important; } .justify-content-lg-center {
justify-content: center !important; } .justify-content-lg-between {
justify-content: space-between !important; } .justify-content-lg-around {
justify-content: space-around !important; } .align-items-lg-start {
align-items: flex-start !important; } .align-items-lg-end {
align-items: flex-end !important; } .align-items-lg-center {
align-items: center !important; } .align-items-lg-baseline {
align-items: baseline !important; } .align-items-lg-stretch {
align-items: stretch !important; } .align-content-lg-start {
align-content: flex-start !important; } .align-content-lg-end {
align-content: flex-end !important; } .align-content-lg-center {
align-content: center !important; } .align-content-lg-between {
align-content: space-between !important; } .align-content-lg-around {
align-content: space-around !important; } .align-content-lg-stretch {
align-content: stretch !important; } .align-self-lg-auto {
align-self: auto !important; } .align-self-lg-start {
align-self: flex-start !important; } .align-self-lg-end {
align-self: flex-end !important; } .align-self-lg-center {
align-self: center !important; } .align-self-lg-baseline {
align-self: baseline !important; } .align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row {
flex-direction: row !important; } .flex-xl-column {
flex-direction: column !important; } .flex-xl-row-reverse {
flex-direction: row-reverse !important; } .flex-xl-column-reverse {
flex-direction: column-reverse !important; } .flex-xl-wrap {
flex-wrap: wrap !important; } .flex-xl-nowrap {
flex-wrap: nowrap !important; } .flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; } .flex-xl-fill {
flex: 1 1 auto !important; } .flex-xl-grow-0 {
flex-grow: 0 !important; } .flex-xl-grow-1 {
flex-grow: 1 !important; } .flex-xl-shrink-0 {
flex-shrink: 0 !important; } .flex-xl-shrink-1 {
flex-shrink: 1 !important; } .justify-content-xl-start {
justify-content: flex-start !important; } .justify-content-xl-end {
justify-content: flex-end !important; } .justify-content-xl-center {
justify-content: center !important; } .justify-content-xl-between {
justify-content: space-between !important; } .justify-content-xl-around {
justify-content: space-around !important; } .align-items-xl-start {
align-items: flex-start !important; } .align-items-xl-end {
align-items: flex-end !important; } .align-items-xl-center {
align-items: center !important; } .align-items-xl-baseline {
align-items: baseline !important; } .align-items-xl-stretch {
align-items: stretch !important; } .align-content-xl-start {
align-content: flex-start !important; } .align-content-xl-end {
align-content: flex-end !important; } .align-content-xl-center {
align-content: center !important; } .align-content-xl-between {
align-content: space-between !important; } .align-content-xl-around {
align-content: space-around !important; } .align-content-xl-stretch {
align-content: stretch !important; } .align-self-xl-auto {
align-self: auto !important; } .align-self-xl-start {
align-self: flex-start !important; } .align-self-xl-end {
align-self: flex-end !important; } .align-self-xl-center {
align-self: center !important; } .align-self-xl-baseline {
align-self: baseline !important; } .align-self-xl-stretch {
align-self: stretch !important; } } .float-left {
float: left !important; } .float-right {
float: right !important; } .float-none {
float: none !important; }
@media (min-width: 576px) { .float-sm-left {
float: left !important; } .float-sm-right {
float: right !important; } .float-sm-none {
float: none !important; } }
@media (min-width: 768px) { .float-md-left {
float: left !important; } .float-md-right {
float: right !important; } .float-md-none {
float: none !important; } }
@media (min-width: 992px) { .float-lg-left {
float: left !important; } .float-lg-right {
float: right !important; } .float-lg-none {
float: none !important; } }
@media (min-width: 1200px) { .float-xl-left {
float: left !important; } .float-xl-right {
float: right !important; } .float-xl-none {
float: none !important; } } .overflow-auto {
overflow: auto !important; } .overflow-hidden {
overflow: hidden !important; } .position-static {
position: static !important; } .position-relative {
position: relative !important; } .position-absolute {
position: absolute !important; } .position-fixed {
position: fixed !important; } .position-sticky {
position: sticky !important; } .fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; } .fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) { .sticky-top {
position: sticky;
top: 0;
z-index: 1020; } } .sr-only, .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; } .sr-only-focusable:active, .screen-reader-text:active, .sr-only-focusable:focus, .screen-reader-text:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; } .shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none {
box-shadow: none !important; } .w-25 {
width: 25% !important; } .w-50 {
width: 50% !important; } .w-75 {
width: 75% !important; } .w-100 {
width: 100% !important; } .w-auto {
width: auto !important; } .h-25 {
height: 25% !important; } .h-50 {
height: 50% !important; } .h-75 {
height: 75% !important; } .h-100 {
height: 100% !important; } .h-auto {
height: auto !important; } .mw-100 {
max-width: 100% !important; } .mh-100 {
max-height: 100% !important; } .min-vw-100 {
min-width: 100vw !important; } .min-vh-100 {
min-height: 100vh !important; } .vw-100 {
width: 100vw !important; } .vh-100 {
height: 100vh !important; } .stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); } .m-0 {
margin: 0 !important; } .mt-0,
.my-0 {
margin-top: 0 !important; } .mr-0,
.mx-0 {
margin-right: 0 !important; } .mb-0,
.my-0 {
margin-bottom: 0 !important; } .ml-0,
.mx-0 {
margin-left: 0 !important; } .m-1 {
margin: 0.25rem !important; } .mt-1,
.my-1 {
margin-top: 0.25rem !important; } .mr-1,
.mx-1 {
margin-right: 0.25rem !important; } .mb-1,
.my-1 {
margin-bottom: 0.25rem !important; } .ml-1,
.mx-1 {
margin-left: 0.25rem !important; } .m-2 {
margin: 0.5rem !important; } .mt-2,
.my-2 {
margin-top: 0.5rem !important; } .mr-2,
.mx-2 {
margin-right: 0.5rem !important; } .mb-2,
.my-2 {
margin-bottom: 0.5rem !important; } .ml-2,
.mx-2 {
margin-left: 0.5rem !important; } .m-3 {
margin: 1rem !important; } .mt-3,
.my-3 {
margin-top: 1rem !important; } .mr-3,
.mx-3 {
margin-right: 1rem !important; } .mb-3,
.my-3 {
margin-bottom: 1rem !important; } .ml-3,
.mx-3 {
margin-left: 1rem !important; } .m-4 {
margin: 1.5rem !important; } .mt-4,
.my-4 {
margin-top: 1.5rem !important; } .mr-4,
.mx-4 {
margin-right: 1.5rem !important; } .mb-4,
.my-4 {
margin-bottom: 1.5rem !important; } .ml-4,
.mx-4 {
margin-left: 1.5rem !important; } .m-5 {
margin: 3rem !important; } .mt-5,
.my-5 {
margin-top: 3rem !important; } .mr-5,
.mx-5 {
margin-right: 3rem !important; } .mb-5,
.my-5 {
margin-bottom: 3rem !important; } .ml-5,
.mx-5 {
margin-left: 3rem !important; } .p-0 {
padding: 0 !important; } .pt-0,
.py-0 {
padding-top: 0 !important; } .pr-0,
.px-0 {
padding-right: 0 !important; } .pb-0,
.py-0 {
padding-bottom: 0 !important; } .pl-0,
.px-0 {
padding-left: 0 !important; } .p-1 {
padding: 0.25rem !important; } .pt-1,
.py-1 {
padding-top: 0.25rem !important; } .pr-1,
.px-1 {
padding-right: 0.25rem !important; } .pb-1,
.py-1 {
padding-bottom: 0.25rem !important; } .pl-1,
.px-1 {
padding-left: 0.25rem !important; } .p-2 {
padding: 0.5rem !important; } .pt-2,
.py-2 {
padding-top: 0.5rem !important; } .pr-2,
.px-2 {
padding-right: 0.5rem !important; } .pb-2,
.py-2 {
padding-bottom: 0.5rem !important; } .pl-2,
.px-2 {
padding-left: 0.5rem !important; } .p-3 {
padding: 1rem !important; } .pt-3,
.py-3 {
padding-top: 1rem !important; } .pr-3,
.px-3 {
padding-right: 1rem !important; } .pb-3,
.py-3 {
padding-bottom: 1rem !important; } .pl-3,
.px-3 {
padding-left: 1rem !important; } .p-4 {
padding: 1.5rem !important; } .pt-4,
.py-4 {
padding-top: 1.5rem !important; } .pr-4,
.px-4 {
padding-right: 1.5rem !important; } .pb-4,
.py-4 {
padding-bottom: 1.5rem !important; } .pl-4,
.px-4 {
padding-left: 1.5rem !important; } .p-5 {
padding: 3rem !important; } .pt-5,
.py-5 {
padding-top: 3rem !important; } .pr-5,
.px-5 {
padding-right: 3rem !important; } .pb-5,
.py-5 {
padding-bottom: 3rem !important; } .pl-5,
.px-5 {
padding-left: 3rem !important; } .m-n1 {
margin: -0.25rem !important; } .mt-n1,
.my-n1 {
margin-top: -0.25rem !important; } .mr-n1,
.mx-n1 {
margin-right: -0.25rem !important; } .mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important; } .ml-n1,
.mx-n1 {
margin-left: -0.25rem !important; } .m-n2 {
margin: -0.5rem !important; } .mt-n2,
.my-n2 {
margin-top: -0.5rem !important; } .mr-n2,
.mx-n2 {
margin-right: -0.5rem !important; } .mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important; } .ml-n2,
.mx-n2 {
margin-left: -0.5rem !important; } .m-n3 {
margin: -1rem !important; } .mt-n3,
.my-n3 {
margin-top: -1rem !important; } .mr-n3,
.mx-n3 {
margin-right: -1rem !important; } .mb-n3,
.my-n3 {
margin-bottom: -1rem !important; } .ml-n3,
.mx-n3 {
margin-left: -1rem !important; } .m-n4 {
margin: -1.5rem !important; } .mt-n4,
.my-n4 {
margin-top: -1.5rem !important; } .mr-n4,
.mx-n4 {
margin-right: -1.5rem !important; } .mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important; } .ml-n4,
.mx-n4 {
margin-left: -1.5rem !important; } .m-n5 {
margin: -3rem !important; } .mt-n5,
.my-n5 {
margin-top: -3rem !important; } .mr-n5,
.mx-n5 {
margin-right: -3rem !important; } .mb-n5,
.my-n5 {
margin-bottom: -3rem !important; } .ml-n5,
.mx-n5 {
margin-left: -3rem !important; } .m-auto {
margin: auto !important; } .mt-auto,
.my-auto {
margin-top: auto !important; } .mr-auto,
.mx-auto {
margin-right: auto !important; } .mb-auto,
.my-auto {
margin-bottom: auto !important; } .ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) { .m-sm-0 {
margin: 0 !important; } .mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; } .mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; } .mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; } .ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; } .m-sm-1 {
margin: 0.25rem !important; } .mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; } .mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; } .mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; } .ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; } .m-sm-2 {
margin: 0.5rem !important; } .mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; } .mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; } .mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; } .ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; } .m-sm-3 {
margin: 1rem !important; } .mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; } .mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; } .mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; } .ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; } .m-sm-4 {
margin: 1.5rem !important; } .mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; } .mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; } .mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; } .ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; } .m-sm-5 {
margin: 3rem !important; } .mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; } .mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; } .mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; } .ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; } .p-sm-0 {
padding: 0 !important; } .pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; } .pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; } .pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; } .pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; } .p-sm-1 {
padding: 0.25rem !important; } .pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; } .pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; } .pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; } .pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; } .p-sm-2 {
padding: 0.5rem !important; } .pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; } .pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; } .pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; } .pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; } .p-sm-3 {
padding: 1rem !important; } .pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; } .pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; } .pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; } .pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; } .p-sm-4 {
padding: 1.5rem !important; } .pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; } .pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; } .pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; } .pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; } .p-sm-5 {
padding: 3rem !important; } .pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; } .pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; } .pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; } .pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; } .m-sm-n1 {
margin: -0.25rem !important; } .mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important; } .mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important; } .mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important; } .ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important; } .m-sm-n2 {
margin: -0.5rem !important; } .mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important; } .mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important; } .mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important; } .ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important; } .m-sm-n3 {
margin: -1rem !important; } .mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important; } .mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important; } .mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important; } .ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important; } .m-sm-n4 {
margin: -1.5rem !important; } .mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important; } .mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important; } .mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important; } .ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important; } .m-sm-n5 {
margin: -3rem !important; } .mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important; } .mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important; } .mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important; } .ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important; } .m-sm-auto {
margin: auto !important; } .mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; } .mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; } .mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; } .ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) { .m-md-0 {
margin: 0 !important; } .mt-md-0,
.my-md-0 {
margin-top: 0 !important; } .mr-md-0,
.mx-md-0 {
margin-right: 0 !important; } .mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; } .ml-md-0,
.mx-md-0 {
margin-left: 0 !important; } .m-md-1 {
margin: 0.25rem !important; } .mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important; } .mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important; } .mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important; } .ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important; } .m-md-2 {
margin: 0.5rem !important; } .mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important; } .mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important; } .mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important; } .ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important; } .m-md-3 {
margin: 1rem !important; } .mt-md-3,
.my-md-3 {
margin-top: 1rem !important; } .mr-md-3,
.mx-md-3 {
margin-right: 1rem !important; } .mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important; } .ml-md-3,
.mx-md-3 {
margin-left: 1rem !important; } .m-md-4 {
margin: 1.5rem !important; } .mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important; } .mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important; } .mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important; } .ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important; } .m-md-5 {
margin: 3rem !important; } .mt-md-5,
.my-md-5 {
margin-top: 3rem !important; } .mr-md-5,
.mx-md-5 {
margin-right: 3rem !important; } .mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important; } .ml-md-5,
.mx-md-5 {
margin-left: 3rem !important; } .p-md-0 {
padding: 0 !important; } .pt-md-0,
.py-md-0 {
padding-top: 0 !important; } .pr-md-0,
.px-md-0 {
padding-right: 0 !important; } .pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; } .pl-md-0,
.px-md-0 {
padding-left: 0 !important; } .p-md-1 {
padding: 0.25rem !important; } .pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important; } .pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important; } .pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important; } .pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important; } .p-md-2 {
padding: 0.5rem !important; } .pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important; } .pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important; } .pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important; } .pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important; } .p-md-3 {
padding: 1rem !important; } .pt-md-3,
.py-md-3 {
padding-top: 1rem !important; } .pr-md-3,
.px-md-3 {
padding-right: 1rem !important; } .pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important; } .pl-md-3,
.px-md-3 {
padding-left: 1rem !important; } .p-md-4 {
padding: 1.5rem !important; } .pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important; } .pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important; } .pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important; } .pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important; } .p-md-5 {
padding: 3rem !important; } .pt-md-5,
.py-md-5 {
padding-top: 3rem !important; } .pr-md-5,
.px-md-5 {
padding-right: 3rem !important; } .pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important; } .pl-md-5,
.px-md-5 {
padding-left: 3rem !important; } .m-md-n1 {
margin: -0.25rem !important; } .mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important; } .mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important; } .mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important; } .ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important; } .m-md-n2 {
margin: -0.5rem !important; } .mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important; } .mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important; } .mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important; } .ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important; } .m-md-n3 {
margin: -1rem !important; } .mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important; } .mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important; } .mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important; } .ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important; } .m-md-n4 {
margin: -1.5rem !important; } .mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important; } .mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important; } .mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important; } .ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important; } .m-md-n5 {
margin: -3rem !important; } .mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important; } .mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important; } .mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important; } .ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important; } .m-md-auto {
margin: auto !important; } .mt-md-auto,
.my-md-auto {
margin-top: auto !important; } .mr-md-auto,
.mx-md-auto {
margin-right: auto !important; } .mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; } .ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) { .m-lg-0 {
margin: 0 !important; } .mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; } .mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; } .mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; } .ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; } .m-lg-1 {
margin: 0.25rem !important; } .mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important; } .mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important; } .mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important; } .ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important; } .m-lg-2 {
margin: 0.5rem !important; } .mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important; } .mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important; } .mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important; } .ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important; } .m-lg-3 {
margin: 1rem !important; } .mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important; } .mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important; } .mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important; } .ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important; } .m-lg-4 {
margin: 1.5rem !important; } .mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important; } .mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important; } .mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important; } .ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important; } .m-lg-5 {
margin: 3rem !important; } .mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important; } .mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important; } .mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important; } .ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important; } .p-lg-0 {
padding: 0 !important; } .pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; } .pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; } .pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; } .pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; } .p-lg-1 {
padding: 0.25rem !important; } .pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important; } .pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important; } .pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important; } .pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important; } .p-lg-2 {
padding: 0.5rem !important; } .pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important; } .pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important; } .pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important; } .pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important; } .p-lg-3 {
padding: 1rem !important; } .pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important; } .pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important; } .pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important; } .pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important; } .p-lg-4 {
padding: 1.5rem !important; } .pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important; } .pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important; } .pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important; } .pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important; } .p-lg-5 {
padding: 3rem !important; } .pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important; } .pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important; } .pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important; } .pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important; } .m-lg-n1 {
margin: -0.25rem !important; } .mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important; } .mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important; } .mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important; } .ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important; } .m-lg-n2 {
margin: -0.5rem !important; } .mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important; } .mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important; } .mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important; } .ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important; } .m-lg-n3 {
margin: -1rem !important; } .mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important; } .mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important; } .mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important; } .ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important; } .m-lg-n4 {
margin: -1.5rem !important; } .mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important; } .mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important; } .mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important; } .ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important; } .m-lg-n5 {
margin: -3rem !important; } .mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important; } .mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important; } .mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important; } .ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important; } .m-lg-auto {
margin: auto !important; } .mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; } .mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; } .mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; } .ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) { .m-xl-0 {
margin: 0 !important; } .mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; } .mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; } .mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; } .ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; } .m-xl-1 {
margin: 0.25rem !important; } .mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important; } .mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important; } .mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important; } .ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important; } .m-xl-2 {
margin: 0.5rem !important; } .mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important; } .mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important; } .mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important; } .ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important; } .m-xl-3 {
margin: 1rem !important; } .mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important; } .mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important; } .mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important; } .ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important; } .m-xl-4 {
margin: 1.5rem !important; } .mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important; } .mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important; } .mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important; } .ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important; } .m-xl-5 {
margin: 3rem !important; } .mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important; } .mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important; } .mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important; } .ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important; } .p-xl-0 {
padding: 0 !important; } .pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; } .pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; } .pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; } .pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; } .p-xl-1 {
padding: 0.25rem !important; } .pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important; } .pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important; } .pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important; } .pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important; } .p-xl-2 {
padding: 0.5rem !important; } .pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important; } .pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important; } .pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important; } .pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important; } .p-xl-3 {
padding: 1rem !important; } .pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important; } .pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important; } .pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important; } .pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important; } .p-xl-4 {
padding: 1.5rem !important; } .pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important; } .pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important; } .pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important; } .pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important; } .p-xl-5 {
padding: 3rem !important; } .pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important; } .pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important; } .pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important; } .pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important; } .m-xl-n1 {
margin: -0.25rem !important; } .mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important; } .mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important; } .mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important; } .ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important; } .m-xl-n2 {
margin: -0.5rem !important; } .mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important; } .mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important; } .mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important; } .ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important; } .m-xl-n3 {
margin: -1rem !important; } .mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important; } .mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important; } .mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important; } .ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important; } .m-xl-n4 {
margin: -1.5rem !important; } .mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important; } .mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important; } .mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important; } .ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important; } .m-xl-n5 {
margin: -3rem !important; } .mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important; } .mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important; } .mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important; } .ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important; } .m-xl-auto {
margin: auto !important; } .mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; } .mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; } .mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; } .ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } } .text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify {
text-align: justify !important; } .text-wrap {
white-space: normal !important; } .text-nowrap {
white-space: nowrap !important; } .text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } .text-left {
text-align: left !important; } .text-right {
text-align: right !important; } .text-center {
text-align: center !important; }
@media (min-width: 576px) { .text-sm-left {
text-align: left !important; } .text-sm-right {
text-align: right !important; } .text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) { .text-md-left {
text-align: left !important; } .text-md-right {
text-align: right !important; } .text-md-center {
text-align: center !important; } }
@media (min-width: 992px) { .text-lg-left {
text-align: left !important; } .text-lg-right {
text-align: right !important; } .text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) { .text-xl-left {
text-align: left !important; } .text-xl-right {
text-align: right !important; } .text-xl-center {
text-align: center !important; } } .text-lowercase {
text-transform: lowercase !important; } .text-uppercase {
text-transform: uppercase !important; } .text-capitalize {
text-transform: capitalize !important; } .font-weight-light {
font-weight: 300 !important; } .font-weight-lighter {
font-weight: lighter !important; } .font-weight-normal {
font-weight: 400 !important; } .font-weight-bold {
font-weight: 700 !important; } .font-weight-bolder {
font-weight: bolder !important; } .font-italic {
font-style: italic !important; } .text-white {
color: #fff !important; } .text-primary {
color: #525ddc !important; } a.text-primary:hover, a.text-primary:focus {
color: #2632bc !important; } .text-secondary {
color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important; } .text-success {
color: #28a745 !important; } a.text-success:hover, a.text-success:focus {
color: #19692c !important; } .text-info {
color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus {
color: #0f6674 !important; } .text-warning {
color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important; } .text-danger {
color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus {
color: #a71d2a !important; } .text-light {
color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus {
color: #cbd3da !important; } .text-dark {
color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus {
color: #121416 !important; } .text-body {
color: #212529 !important; } .text-muted {
color: #6c757d !important; } .text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; } .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; } .text-decoration-none {
text-decoration: none !important; } .text-break {
word-break: break-word !important;
overflow-wrap: break-word !important; } .text-reset {
color: inherit !important; } .visible {
visibility: visible !important; } .invisible {
visibility: hidden !important; }
@media print { *,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important; } a:not(.btn) {
text-decoration: underline; } abbr[title]::after {
content: " (" attr(title) ")"; } pre {
white-space: pre-wrap !important; } pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid; } thead {
display: table-header-group; } tr,
img {
page-break-inside: avoid; } p,
h2,
h3 {
orphans: 3;
widows: 3; } h2,
h3 {
page-break-after: avoid; }
@page {
size: a3; } body {
min-width: 992px !important; } .container {
min-width: 992px !important; } .navbar {
display: none; } .badge {
border: 1px solid #000; } .table {
border-collapse: collapse !important; } .table td,
.table th {
background-color: #fff !important; } .table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important; } .table-dark {
color: inherit; } .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #dee2e6; } .table .thead-dark th {
color: inherit;
border-color: #dee2e6; } }   body {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
overflow-x: hidden; } body:not(.home) {
background: #fbf5e8; } html {
margin-top: 0 !important; } #wpadminbar {
top: inherit;
bottom: 0; }
@media (min-width: 1400px) { .container {
max-width: 1240px; } }    .add-new-post {
position: relative;
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .add-new-post {
margin-left: 16px;
margin-right: 16px; } } .add-new-post .acf-field-6221df824640a {
display: none; } .add-new-post #event_message.alert-success ~ #acf-form {
display: none; } .add-new-post .alert-success p {
margin-bottom: 0; } .add-new-post .acf-fields {
display: flex;
flex-direction: column; } .add-new-post .acf-fields .acf-field-62208da40c7f5 {
display: none; } .add-new-post .acf-fields .acf-field-flexible-content {
order: 6; } .add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_de_presentation_des_services"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_slider_direction_etablissement"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_histoire_residence"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_vie_sociale_animations"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_bien_vieillir"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable div[data-layout="bloc_prendre_rendez_vous"],
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable .acf-field-6214d44950222,
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable .acf-field-62260891c4f48,
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable .acf-field-6214d46150224,
.add-new-post .acf-fields .acf-field-flexible-content .ui-sortable .acf-field-6214d3c950214 {
display: none; } .add-new-post .acf-fields > .acf-field {
border: 0; } .add-new-post .acf-form-submit {
display: flex;
justify-content: center; } .add-new-post .acf-form-submit input[type="submit"] {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
padding: 16px 24px;
border-radius: 16px;
text-decoration: none !important;
font-weight: 600;
width: fit-content;
transition: transform ease .2s;
background: #f8ba8d;
border: 0;
color: #044a6f; } .add-new-post .acf-form-submit input[type="submit"]:hover {
transform: scale(1.05); } body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_reduite_actualites"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_reduite_temoignages"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_complete_actualites"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_complete_temoignage"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_complete_emploi"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_complete_faq"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="contact_form"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="newsletter_form"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_zone_rebond"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_slider_associations_partenaires"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_author"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_de_presentation_des_services"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_slider_direction_etablissement"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_histoire_residence"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_vie_sociale_animations"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_bien_vieillir"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="bloc_prendre_rendez_vous"],
body.ajouter-une-actualite .acf-tooltip a[data-layout="remontee_facebook"], body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_reduite_actualites"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_reduite_temoignages"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_complete_actualites"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_complete_temoignage"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_complete_emploi"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_complete_faq"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="contact_form"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="newsletter_form"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_zone_rebond"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_slider_associations_partenaires"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_author"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_de_presentation_des_services"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_slider_direction_etablissement"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_histoire_residence"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_vie_sociale_animations"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_bien_vieillir"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="bloc_prendre_rendez_vous"],
body.modifier-ma-fiche-residence .acf-tooltip a[data-layout="remontee_facebook"] {
display: none; } body.ajouter-une-actualite .acf-tab-group a[data-key="field_6214bcce0c93f"],
body.ajouter-une-actualite .acf-tab-group a[data-key="field_6214bdca7da2b"],
body.ajouter-une-actualite .acf-tab-group a[data-key="field_6214bf367da2e"],
body.ajouter-une-actualite .acf-tab-group a[data-key="field_6214bf797da31"],
body.ajouter-une-actualite .acf-tab-group a[data-key="field_6214bfbd7da34"], body.modifier-ma-fiche-residence .acf-tab-group a[data-key="field_6214bcce0c93f"],
body.modifier-ma-fiche-residence .acf-tab-group a[data-key="field_6214bdca7da2b"],
body.modifier-ma-fiche-residence .acf-tab-group a[data-key="field_6214bf367da2e"],
body.modifier-ma-fiche-residence .acf-tab-group a[data-key="field_6214bf797da31"],
body.modifier-ma-fiche-residence .acf-tab-group a[data-key="field_6214bfbd7da34"] {
display: none; } body.modifier-ma-fiche-residence .add-new-post .acf-fields .acf-field--post-title {
display: none; } .login-form-edit-post {
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .login-form-edit-post {
margin: 80px 16px; } } .login-form-edit-post .title {
margin: 0 auto 56px auto; } .login-form-edit-post .title .title--4 {
color: #044a6f;
font-weight: 600;
text-align: center; } .login-form-edit-post form .login-username,
.login-form-edit-post form .login-password {
display: flex;
flex-direction: column;
max-width: 500px;
margin: auto; } .login-form-edit-post form .login-username label,
.login-form-edit-post form .login-password label {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
color: #497f9b;
z-index: 9;
margin-bottom: 16px; } .login-form-edit-post form .login-username input,
.login-form-edit-post form .login-password input {
width: 100%;
padding: 18px 20px;
font-size: 20px;
line-height: 24px;
font-family: "freight-sans-pro";
color: #044a6f;
background: transparent;
font-weight: 600;
border: 1px solid rgba(4, 74, 111, 0.75);
border-radius: 16px; } .login-form-edit-post form .login-username input:focus,
.login-form-edit-post form .login-password input:focus {
border: 1px solid #044a6f;
outline: 0 none; } .login-form-edit-post form .login-password {
margin-top: 48px; } .login-form-edit-post form .login-remember {
display: none; } .login-form-edit-post form .login-submit {
display: flex;
justify-content: center;
margin-top: 48px; } .login-form-edit-post form .login-submit input[type="submit"] {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
padding: 16px 24px;
border-radius: 16px;
text-decoration: none !important;
font-weight: 600;
width: fit-content;
transition: transform ease .2s;
background: #fcc66e;
border: 0;
color: #044a6f; } .login-form-edit-post form .login-submit input[type="submit"]:hover {
transform: scale(1.05); }  .bloc-author {
margin: 80px auto;
padding: 48px;
max-width: 800px;
background: #fff;
border-radius: 16px; }
@media (max-width: 767.98px) { .bloc-author {
margin-left: 16px;
margin-right: 16px; } } .bloc-author .inner .title {
display: block;
font-family: "freight-neo-pro";
font-size: 34px;
color: #044a6f;
font-weight: 600;
line-height: 40px; } .bloc-author .inner-bloc {
margin-top: 24px;
display: flex; }
@media (max-width: 767.98px) { .bloc-author .inner-bloc {
flex-direction: column; } } .bloc-author .inner-bloc.small .image {
width: 125px; } .bloc-author .inner-bloc.small .image.no-img {
height: 125px; } .bloc-author .inner-bloc.small .image.no-img::before {
font-size: 60px; } .bloc-author .inner-bloc .image {
width: 210px;
min-width: 210px;
height: auto;
margin-right: 24px; }
@media (max-width: 991.98px) { .bloc-author .inner-bloc .image {
width: 125px;
min-width: 125px; } }
@media (max-width: 767.98px) { .bloc-author .inner-bloc .image {
width: 100% !important;
margin-right: 0;
margin-bottom: 24px; } } .bloc-author .inner-bloc .image.no-img {
position: relative;
height: 210px;
background: #fbf5e8;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 991.98px) { .bloc-author .inner-bloc .image.no-img {
height: 125px; } }
@media (max-width: 767.98px) { .bloc-author .inner-bloc .image.no-img {
height: auto;
padding-top: 56.25%; } } .bloc-author .inner-bloc .image.no-img::before {
content: "\E968";
font-family: "icomoon", sans-serif !important;
font-size: 120px;
color: #fcc66e; }
@media (max-width: 991.98px) { .bloc-author .inner-bloc .image.no-img::before {
font-size: 60px; } }
@media (max-width: 767.98px) { .bloc-author .inner-bloc .image.no-img::before {
position: absolute;
font-size: 120px !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } } .bloc-author .inner-bloc .image img {
width: 100%;
border-radius: 16px; } .bloc-author .inner-bloc .content > :first-child {
margin-top: 0 !important; } .bloc-author .inner-bloc .content .author-name,
.bloc-author .inner-bloc .content .author-poste {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin-bottom: 4px; } .bloc-author .inner-bloc .content .author-name:last-child,
.bloc-author .inner-bloc .content .author-poste:last-child {
margin-bottom: 0; } .bloc-author .inner-bloc .content .author-name::before,
.bloc-author .inner-bloc .content .author-poste::before {
font-family: "icomoon", sans-serif !important;
margin-right: 16px;
font-size: 18px;
color: rgba(4, 74, 111, 0.75); } .bloc-author .inner-bloc .content .author-name::before {
content: "\E969"; } .bloc-author .inner-bloc .content .author-poste::before {
content: "\E90B"; } .bloc-author .inner-bloc .content .author-description {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin-top: 24px; } .bloc-author .inner-bloc .content .author-description p {
margin-bottom: 0; } .bloc-author .inner-bloc .content .author-linkedin,
.bloc-author .inner-bloc .content .author-mail {
position: relative;
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin: 24px 0;
padding-bottom: 8px;
text-decoration: none !important;
width: max-content; } .bloc-author .inner-bloc .content .author-linkedin:last-child,
.bloc-author .inner-bloc .content .author-mail:last-child {
margin-bottom: 0; } .bloc-author .inner-bloc .content .author-linkedin i,
.bloc-author .inner-bloc .content .author-mail i {
font-size: 18px;
color: rgba(4, 74, 111, 0.75);
margin-right: 16px; } .bloc-author .inner-bloc .content .author-linkedin::after,
.bloc-author .inner-bloc .content .author-mail::after {
font-family: "icomoon", sans-serif !important;
margin-left: 16px;
font-size: 18px;
color: rgba(4, 74, 111, 0.75); } .bloc-author .inner-bloc .content .author-linkedin::before,
.bloc-author .inner-bloc .content .author-mail::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 78, 115, 0.25);
transition: all ease .2s; } .bloc-author .inner-bloc .content .author-linkedin:hover::before,
.bloc-author .inner-bloc .content .author-mail:hover::before {
width: 25px; } .bloc-author .inner-bloc .content .author-linkedin::after {
content: "\E966";
color: #f8ba8d; } .bloc-author .inner-bloc .content .author-mail::after {
content: "\E923";
color: #f8ba8d; }  .bloc-carousel-chiffres-cles {
position: relative;
margin: 80px 0;
width: 100%; }
@media (max-width: 767.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles {
margin-left: 16px;
margin-right: 16px; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main {
outline: none; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-3 .flickity-button,
.bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-3 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-3 .flickity-button,
.bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-3 .flickity-page-dots {
display: flex; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-2 .flickity-button,
.bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 767.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-2 .flickity-button,
.bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-1 .flickity-button,
.bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.only-two .carousel-cell {
width: calc(50% - 24px);
margin-right: 48px; }
@media (max-width: 767.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main.only-two .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell {
width: calc(33.33% - 24px);
margin-right: 36px; }
@media (max-width: 1199.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell {
width: calc(50% - 24px);
margin-right: 48px; } }
@media (max-width: 767.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell .chiffres-cles {
padding: 32px;
background: #044a6f;
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: center; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell .chiffres-cles span {
display: block;
font-family: "freight-neo-pro";
font-size: 52px;
line-height: 58px;
font-weight: 600;
color: #fff;
text-align: center; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell .chiffres-cles .description {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: rgba(255, 255, 255, 0.75);
margin-top: 8px;
text-align: center; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell .chiffres-cles .description a {
color: #ed6e4d;
text-decoration: underline; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .carousel-cell .chiffres-cles .description p:last-child {
margin-bottom: 0; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button {
position: absolute; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button:disabled {
display: none; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button {
position: absolute;
top: calc(50% - 34px);
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button svg {
display: none; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 767.98px) { .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-carousel-chiffres-cles .carousel-chiffres-cles .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-carousel-image-video {
position: relative;
margin: 80px 0;
width: 100%; }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video {
margin-left: 16px;
margin-right: 16px; } } .bloc-carousel-image-video .carousel-image-video .carousel-main {
outline: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main.count-3 .flickity-button,
.bloc-carousel-image-video .carousel-image-video .carousel-main.count-3 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main.count-3 .flickity-button,
.bloc-carousel-image-video .carousel-image-video .carousel-main.count-3 .flickity-page-dots {
display: flex; } } .bloc-carousel-image-video .carousel-image-video .carousel-main.count-2 .flickity-button,
.bloc-carousel-image-video .carousel-image-video .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main.count-2 .flickity-button,
.bloc-carousel-image-video .carousel-image-video .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-carousel-image-video .carousel-image-video .carousel-main.count-1 .flickity-button,
.bloc-carousel-image-video .carousel-image-video .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-carousel-image-video .carousel-image-video .carousel-main.only-two .carousel-cell {
width: calc(50% - 24px);
margin-right: 48px; }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main.only-two .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell {
width: calc(33.33% - 24px);
margin-right: 36px; }
@media (max-width: 1199.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell {
width: calc(50% - 24px);
margin-right: 48px; } }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .image {
width: 100%; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .image .image-thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%;
background: white; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .image .image-thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .video {
width: 100%; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .video .video-thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .video .video-thumbnail::before {
font-family: "icomoon", sans-serif !important;
content: "\E947";
font-size: 80px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .video .video-thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .caption {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
color: #044a6f;
font-weight: 400;
padding-top: 16px; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .caption a {
color: #ed6e4d;
text-decoration: underline; } .bloc-carousel-image-video .carousel-image-video .carousel-main .carousel-cell .caption p:last-child {
margin-bottom: 0; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button {
position: absolute; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button:disabled {
display: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button svg {
display: none; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 767.98px) { .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-carousel-image-video .carousel-image-video .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; } .bloc-cta {
margin: 40px 0;
display: flex;
justify-content: center; }
@media (max-width: 991.98px) { .bloc-cta {
flex-direction: column;
align-items: center; } } .bloc-cta.two .cta-primary, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronAllow, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronDeny, .bloc-cta.two .tac_activate .tarteaucitronAllow, .tac_activate .bloc-cta.two .tarteaucitronAllow {
margin: 0 16px; }
@media (max-width: 991.98px) { .bloc-cta.two .cta-primary, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronAllow, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronDeny, .bloc-cta.two .tac_activate .tarteaucitronAllow, .tac_activate .bloc-cta.two .tarteaucitronAllow {
margin: 0; } .bloc-cta.two .cta-primary:last-child, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronAllow:last-child, .bloc-cta.two #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-cta.two .tarteaucitronDeny:last-child, .bloc-cta.two .tac_activate .tarteaucitronAllow:last-child, .tac_activate .bloc-cta.two .tarteaucitronAllow:last-child {
margin-top: 32px; } } .bloc-download-zone {
margin: 80px auto;
max-width: 800px; } .bloc-download-zone .inner {
background: #497f9b;
padding: 32px;
border-radius: 16px; }
@media (max-width: 767.98px) { .bloc-download-zone .inner {
margin-left: 16px;
margin-right: 16px; } } .bloc-download-zone .inner .title--3 {
color: #fff;
display: flex;
align-items: center; }
@media (max-width: 991.98px) { .bloc-download-zone .inner .title--3 {
flex-direction: column;
align-items: flex-start; } } .bloc-download-zone .inner .title--3::before {
content: "\E919";
font-family: "icomoon", sans-serif !important;
font-size: 30px;
color: #f8ba8d;
margin-right: 20px; }
@media (max-width: 991.98px) { .bloc-download-zone .inner .title--3::before {
margin-right: 0; } } .bloc-download-zone .inner .files .file {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.24); }
@media (max-width: 991.98px) { .bloc-download-zone .inner .files .file {
flex-direction: column; } } .bloc-download-zone .inner .files .file .left {
padding-right: 32px;
width: 100%; }
@media (max-width: 991.98px) { .bloc-download-zone .inner .files .file .left {
padding-right: 0;
margin-bottom: 32px; } } .bloc-download-zone .inner .files .file:last-child {
padding-bottom: 0;
border: 0; } .bloc-download-zone .inner .files .file .title--4 {
font-weight: 600;
color: #fff; } .bloc-download-zone .inner .files .file .text {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
color: rgba(255, 255, 255, 0.75);
font-weight: 400;
margin-top: 8px; } .bloc-download-zone .inner .files .file .text p {
margin: 0; } .bloc-download-zone .inner .files .file .right {
width: 200px;
display: flex;
justify-content: flex-end; } .bloc-download-zone .inner .files .file .right i {
color: #497f9b; }
@media (max-width: 991.98px) { .bloc-download-zone .inner .files .file .right {
width: 100%; } } .bloc-download-zone .inner .files .file .cta-primary, .bloc-download-zone .inner .files .file #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-download-zone .inner .files .file .tarteaucitronAllow, .bloc-download-zone .inner .files .file #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-download-zone .inner .files .file .tarteaucitronDeny, .bloc-download-zone .inner .files .file .tac_activate .tarteaucitronAllow, .tac_activate .bloc-download-zone .inner .files .file .tarteaucitronAllow {
width: max-content; }
@media (max-width: 991.98px) { .bloc-download-zone .inner .files .file .cta-primary, .bloc-download-zone .inner .files .file #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-download-zone .inner .files .file .tarteaucitronAllow, .bloc-download-zone .inner .files .file #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-download-zone .inner .files .file .tarteaucitronDeny, .bloc-download-zone .inner .files .file .tac_activate .tarteaucitronAllow, .tac_activate .bloc-download-zone .inner .files .file .tarteaucitronAllow {
width: 100%;
justify-content: center; } } .bloc-image-video {
margin: 80px 0;
display: flex;
justify-content: center; } .bloc-image-video .image {
max-width: 800px;
width: 100%; }
@media (max-width: 991.98px) { .bloc-image-video .image {
width: 100vw; } } .bloc-image-video .image img {
width: 100%;
border-radius: 16px; }
@media (max-width: 991.98px) { .bloc-image-video .image img {
width: 100vw;
border-radius: 0; } } .bloc-image-video .video {
max-width: 800px;
width: 100%; }
@media (max-width: 991.98px) { .bloc-image-video .video {
width: 100vw; } } .bloc-image-video .video .video-thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; }
@media (max-width: 991.98px) { .bloc-image-video .video .video-thumbnail {
width: 100vw; } }
@media (max-width: 767.98px) { .bloc-image-video .video .video-thumbnail {
padding-top: 100%; } } .bloc-image-video .video .video-thumbnail::before {
font-family: "icomoon", sans-serif !important;
content: "\E947";
font-size: 80px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1; } .bloc-image-video .video .video-thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; }
@media (max-width: 991.98px) { .bloc-image-video .video .video-thumbnail img {
border-radius: 0; } } .bloc-image-video .caption {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
color: #044a6f;
font-weight: 400;
padding: 24px 48px 0 48px; }
@media (max-width: 767.98px) { .bloc-image-video .caption {
padding: 24px 32px 0 32px; } } .bloc-image-video .caption a {
color: #ed6e4d;
text-decoration: underline; } .bloc-image-video .caption p:last-child {
margin-bottom: 0; }  .bloc-list {
padding: 90px 0;
position: relative; }
@media (max-width: 767.98px) { .bloc-list {
padding: 70px 0; } } .bloc-list .inner .list-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 24px -12px 0; } .bloc-list .inner .list-items .list-item {
width: calc(33.33333% - 24px);
padding: 20px;
background: #044a6f;
border-radius: 16px;
margin: 0 12px 24px;
text-decoration: none !important; } .bloc-list .inner .list-items .list-item.saumon {
background: #f8ba8d !important; } .bloc-list .inner .list-items .list-item.saumon .icon {
background: #044a6f !important; } .bloc-list .inner .list-items .list-item.saumon h3 {
color: #044a6f !important; } .bloc-list .inner .list-items .list-item.saumon .resume p {
color: rgba(4, 74, 111, 0.75); } .bloc-list .inner .list-items .list-item.saumon .cta-secondary--see-more {
color: #044a6f !important; } .bloc-list .inner .list-items .list-item.saumon .cta-secondary--see-more::before {
background: rgba(4, 74, 111, 0.75) !important; } .bloc-list .inner .list-items .list-item.saumon .cta-secondary--see-more::after {
color: #fff !important; } .bloc-list .inner .list-items .list-item.yellow {
background: #fcc66e !important; } .bloc-list .inner .list-items .list-item.yellow .icon {
background: #044a6f !important; } .bloc-list .inner .list-items .list-item.yellow h3 {
color: #044a6f !important; } .bloc-list .inner .list-items .list-item.yellow .resume p {
color: rgba(4, 74, 111, 0.75); } .bloc-list .inner .list-items .list-item.yellow .cta-secondary--see-more {
color: #044a6f !important; } .bloc-list .inner .list-items .list-item.yellow .cta-secondary--see-more::before {
background: rgba(4, 74, 111, 0.75) !important; } .bloc-list .inner .list-items .list-item.yellow .cta-secondary--see-more::after {
color: #fff !important; }
@media (max-width: 1199.98px) { .bloc-list .inner .list-items .list-item {
width: calc(50% - 24px); } }
@media (max-width: 767.98px) { .bloc-list .inner .list-items .list-item {
width: 100%; } .bloc-list .inner .list-items .list-item:last-child {
margin-bottom: 0; } } .bloc-list .inner .list-items .list-item:hover .cta-secondary--see-more::before {
width: 25px; } .bloc-list .inner .list-items .list-item .icon {
width: 56px;
height: 56px;
background: #497f9b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px; } .bloc-list .inner .list-items .list-item .icon img {
width: 30px; } .bloc-list .inner .list-items .list-item h3 {
font-family: "freight-neo-pro";
font-size: 22px;
line-height: 24px;
color: #fbf5e8;
margin-bottom: 8px; } .bloc-list .inner .list-items .list-item .resume {
color: rgba(255, 255, 255, 0.75);
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 24px; } .bloc-list .inner .list-items .list-item .resume p:last-child {
margin-bottom: 0; } .bloc-list .inner .list-items .list-item .cta-secondary--see-more {
color: #fff;
margin-top: 20px; } .bloc-list .inner .list-items .list-item .cta-secondary--see-more::before {
background: rgba(255, 255, 255, 0.75); }  .bloc-slider-association-partenaires {
position: relative;
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .bloc-slider-association-partenaires {
margin-left: 16px;
margin-right: 16px; } } .bloc-slider-association-partenaires .title--3 {
font-weight: 600;
color: #044a6f;
margin-bottom: 48px;
display: block; }
@media (max-width: 767.98px) { .bloc-slider-association-partenaires .title--3 {
margin-bottom: 32px; } } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main {
outline: none; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-2 .flickity-button,
.bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-2 .flickity-button,
.bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-1 .flickity-button,
.bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 1199.98px) { .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .carousel-cell {
width: 100%; } } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button {
position: absolute; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button:disabled {
display: none; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button svg {
display: none; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 767.98px) { .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-slider-association-partenaires .carousel-association-partenaires .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-text-exergue {
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .bloc-text-exergue {
padding: 0 16px; } } .bloc-text-exergue .inner {
position: relative;
padding-left: 80px; }
@media (max-width: 767.98px) { .bloc-text-exergue .inner {
padding-left: 32px; } } .bloc-text-exergue .inner::before {
content: "";
height: 100%;
width: 8px;
border-radius: 8px;
position: absolute;
background: #ed6e4d;
left: 0;
top: 0; } .bloc-text-exergue .inner .exergue .text--main {
display: block;
margin: 0;
font-family: "freight-neo-pro";
font-size: 30px;
line-height: 40px;
color: #044a6f;
font-weight: 400; } .bloc-text-exergue .inner .author {
margin-top: 24px; } .bloc-text-exergue .inner .author span {
display: block;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 26px;
color: #044a6f;
font-weight: 700; } .bloc-text-image {
display: flex;
justify-content: space-between;
align-items: center;
margin: 80px 0; }
@media (max-width: 991.98px) { .bloc-text-image {
flex-direction: column-reverse; } } .bloc-text-image.left {
flex-direction: row-reverse; }
@media (max-width: 991.98px) { .bloc-text-image.left {
flex-direction: column-reverse; } } .bloc-text-image .bloc-text {
margin: 0;
width: calc(50% - 60px); }
@media (max-width: 1200px) { .bloc-text-image .bloc-text {
width: calc(60% - 40px); } }
@media (max-width: 991.98px) { .bloc-text-image .bloc-text {
width: 100%; } } .bloc-text-image .bloc-text > :first-child {
margin-top: 0 !important; } .bloc-text-image .image {
display: block;
width: calc(50% - 60px); }
@media (max-width: 1200px) { .bloc-text-image .image {
width: calc(40% - 40px); } }
@media (max-width: 767.98px) { .bloc-text-image .image {
padding-left: 16px;
padding-right: 16px; } }
@media (max-width: 991.98px) { .bloc-text-image .image {
width: 100%;
margin-bottom: 32px; } } .bloc-text-image .image img {
width: 100%;
height: auto;
border-radius: 16px; }  .bloc-text {
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .bloc-text {
padding: 0 16px; } } .bloc-text > :first-child {
margin-top: 0 !important; } .bloc-text .main-text > :first-child {
margin-top: 0 !important; } .bloc-text .main-text > :last-child {
margin-bottom: 0 !important; } .bloc-text p {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400;
margin: 24px 0; } .bloc-text a {
font-family: "freight-sans-pro";
color: #ed6e4d;
text-decoration: underline; } .bloc-text h1 {
font-family: "freight-sans-pro";
font-size: 58px;
line-height: 70px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-text h1 {
font-size: 34px;
line-height: 42px; } } .bloc-text h2 {
font-family: "freight-sans-pro";
font-size: 52px;
line-height: 58px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-text h2 {
font-size: 30px;
line-height: 28px; } } .bloc-text h3 {
font-family: "freight-sans-pro";
font-size: 32px;
line-height: 42px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-text h3 {
font-size: 26px;
line-height: 24px; } } .bloc-text h4 {
font-family: "freight-sans-pro";
font-size: 26px;
line-height: 32px;
color: #044a6f;
font-weight: 700;
margin: 24px 0; } .bloc-text h5 {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 28px;
color: #044a6f;
font-weight: 700;
margin: 24px 0; } .bloc-text h6 {
font-family: "freight-sans-pro";
font-size: 20px;
line-height: 22px;
color: #044a6f;
font-weight: 700;
margin: 24px 0; } .bloc-text ul {
padding-left: 32px;
margin-bottom: 24px;
list-style-type: none; } .bloc-text ul li {
position: relative;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400;
margin-bottom: 16px;
position: relative; } .bloc-text ul li:last-child {
margin-bottom: 0; } .bloc-text ul li::before {
content: "";
position: absolute;
left: -26px;
top: 11px;
width: 12px;
height: 12px;
min-width: 12px;
min-height: 12px;
background: #fcc66e;
border-radius: 3px;
margin-right: 16px; } .bloc-text ul ul {
padding-left: 25px;
margin-bottom: 0;
margin-top: 16px; } .bloc-text ul ul li {
margin-bottom: 8px; } .bloc-text ul ul li:first-child {
margin-top: -5px; } .bloc-text ul ul li::before {
background: none;
border: 2px solid #fcc66e; } .bloc-text ol {
padding-left: 32px;
margin-bottom: 24px;
display: flex;
flex-direction: column; } .bloc-text ol li {
position: relative;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400;
margin-bottom: 5px; } .bloc-text ol li:last-child {
margin-bottom: 0; } .bloc-text ol li::marker {
color: #044a6f;
font-family: "freight-sans-pro"; } .bloc-text ol ol {
padding-left: 25px;
margin-bottom: 0; } .bloc-text ol ol li:first-child {
margin-top: 5px; } .bloc-text ol ol li::before {
opacity: 0.5; }  .bloc-volets-deroulant {
margin: 80px auto;
max-width: 800px; } .bloc-volets-deroulant .inner {
border-radius: 16px;
overflow: hidden; }
@media (max-width: 767.98px) { .bloc-volets-deroulant .inner {
margin-left: 16px;
margin-right: 16px; } } .bloc-volets-deroulant .inner .volet {
border-bottom: 1px solid #044A6F; } .bloc-volets-deroulant .inner .volet .read-more-state:checked ~ .hidden-volet {
visibility: visible;
opacity: 1;
height: auto;
padding: 32px; } .bloc-volets-deroulant .inner .volet .read-more-state:checked ~ .head {
background: #044a6f; } .bloc-volets-deroulant .inner .volet .read-more-state:checked ~ .head span::before {
content: "\E911"; } .bloc-volets-deroulant .inner .volet .head {
padding: 32px;
display: flex;
align-items: center;
justify-content: space-between;
background: #497f9b;
margin: 0;
cursor: pointer; } .bloc-volets-deroulant .inner .volet .head .title--4 {
color: #fff; } .bloc-volets-deroulant .inner .volet .head span {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 3px;
background: #fff;
margin-left: 32px; }
@media (max-width: 767.98px) { .bloc-volets-deroulant .inner .volet .head span {
margin-left: 16px; } } .bloc-volets-deroulant .inner .volet .head span::before {
font-family: "icomoon", sans-serif !important;
content: "\E922";
font-size: 12px;
color: #497f9b; } .bloc-volets-deroulant .inner .volet .hidden-volet {
visibility: hidden;
opacity: 0;
height: 0;
background: #fff;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75); } .bloc-volets-deroulant .inner .volet .hidden-volet a {
color: #ed6e4d;
text-decoration: underline; } .bloc-volets-deroulant .inner .volet .hidden-volet p:last-child {
margin-bottom: 0; } .bloc-zone-rebond {
position: relative;
margin: 80px 0; } .bloc-zone-rebond .inner {
position: relative;
max-width: 800px;
margin: auto;
padding: 64px 0; }
@media (max-width: 767.98px) { .bloc-zone-rebond .inner {
margin-left: 16px;
margin-right: 16px; } } .bloc-zone-rebond .inner::before {
content: "";
background: #fff;
width: 100vw;
height: 100%;
right: -64px;
top: 0;
position: absolute;
z-index: -1;
border-radius: 24px; }
@media (max-width: 767.98px) { .bloc-zone-rebond .inner::before {
right: inherit;
left: 50%;
transform: translate(-50%, 0);
border-radius: 0; } } .bloc-zone-rebond .inner .title--3 {
font-weight: 600;
color: #044a6f;
margin-bottom: 48px;
display: block; }
@media (max-width: 767.98px) { .bloc-zone-rebond .inner .title--3 {
margin-bottom: 32px; } } .bloc-zone-rebond .rebonds {
display: flex;
justify-content: space-between; }
@media (max-width: 767.98px) { .bloc-zone-rebond .rebonds {
flex-direction: column; } } .bloc-zone-rebond .rebonds .post-card__rebond {
width: calc(50% - 16px); }
@media (max-width: 767.98px) { .bloc-zone-rebond .rebonds .post-card__rebond {
width: 100%;
margin-bottom: 40px; } .bloc-zone-rebond .rebonds .post-card__rebond:last-child {
margin-bottom: 0; } }  .breadcrumb-container .breadcrumbs {
display: flex;
align-items: center; } .breadcrumb-container .breadcrumbs span,
.breadcrumb-container .breadcrumbs a {
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 18px;
color: #044a6f;
font-weight: 400;
text-decoration: none !important;
display: flex;
align-items: center; } .breadcrumb-container .breadcrumbs span .icon-Home,
.breadcrumb-container .breadcrumbs a .icon-Home {
margin-right: 10px;
font-size: 12px;
color: #044a6f; } .breadcrumb-container .breadcrumbs span.current-item,
.breadcrumb-container .breadcrumbs a.current-item {
font-weight: 600; }
@media (max-width: 991.98px) { .breadcrumb-container .breadcrumbs span > a,
.breadcrumb-container .breadcrumbs span meta {
display: none; } .breadcrumb-container .breadcrumbs span::before {
content: "..."; } .breadcrumb-container .breadcrumbs span:first-child {
display: flex; } .breadcrumb-container .breadcrumbs span:first-child > a,
.breadcrumb-container .breadcrumbs span:first-child meta {
display: flex; } .breadcrumb-container .breadcrumbs span:first-child::before {
content: none; } .breadcrumb-container .breadcrumbs span:last-child {
display: flex; } .breadcrumb-container .breadcrumbs span:last-child > a,
.breadcrumb-container .breadcrumbs span:last-child meta {
display: flex; } .breadcrumb-container .breadcrumbs span:last-child::before {
content: none; } } .breadcrumb-container .breadcrumbs .current-item {
max-width: 500px;
display: inline-block !important;
width: 580px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis; }
@media (max-width: 991.98px) { .breadcrumb-container .breadcrumbs .current-item {
max-width: 400px;
width: 480px; } }
@media (max-width: 767.98px) { .breadcrumb-container .breadcrumbs .current-item {
max-width: 120px;
width: 200px; } } .breadcrumb-container .breadcrumbs .icon-Forward {
margin: 0 10px;
font-size: 12px;
color: #497f9b; }  .cta-primary, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
padding: 16px 24px;
border-radius: 16px;
text-decoration: none !important;
font-weight: 600;
width: fit-content;
transition: transform ease .2s; } .cta-primary.icon, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .icon.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .icon.tarteaucitronDeny, .tac_activate .icon.tarteaucitronAllow {
display: flex;
align-items: center;
padding: 10px 24px 10px 10px; } .cta-primary.icon::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .icon.tarteaucitronAllow::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .icon.tarteaucitronDeny::before, .tac_activate .icon.tarteaucitronAllow::before {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
background: #f8ba8d;
margin-right: 16px;
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_trouver_residence.svg); } .cta-primary.expertise, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronDeny, .tac_activate .expertise.tarteaucitronAllow, .cta-primary.accompagnement, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronDeny, .tac_activate .accompagnement.tarteaucitronAllow {
display: flex;
align-items: center;
padding: 10px 24px 10px 10px; } .cta-primary.expertise::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronAllow::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronDeny::before, .tac_activate .expertise.tarteaucitronAllow::before, .cta-primary.accompagnement::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronAllow::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronDeny::before, .tac_activate .accompagnement.tarteaucitronAllow::before {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
background: #f8ba8d;
margin-right: 16px;
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/bigicons/services-blanc.svg); } .cta-primary.expertise::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronAllow::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .expertise.tarteaucitronDeny::before, .tac_activate .expertise.tarteaucitronAllow::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/bigicons/services-blanc.svg); } .cta-primary.accompagnement::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronAllow::before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .accompagnement.tarteaucitronDeny::before, .tac_activate .accompagnement.tarteaucitronAllow::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/bigicons/etre_accompagné-blanc.svg); } .cta-primary i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny i, .tac_activate .tarteaucitronAllow i {
margin-right: 18px; } .cta-primary.white, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .white.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .white.tarteaucitronDeny, .tac_activate .white.tarteaucitronAllow {
background: #fff;
color: #044a6f; } .cta-primary.orange, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .orange.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .orange.tarteaucitronDeny, .tac_activate .orange.tarteaucitronAllow {
background: #f8ba8d;
color: #fff; } .cta-primary.orange i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .orange.tarteaucitronAllow i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .orange.tarteaucitronDeny i, .tac_activate .orange.tarteaucitronAllow i {
color: #497f9b; } .cta-primary.border-orange, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .border-orange.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .border-orange.tarteaucitronDeny, .tac_activate .border-orange.tarteaucitronAllow {
background: transparent;
color: #044a6f;
border: 1px solid #f8ba8d; } .cta-primary.border-orange i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .border-orange.tarteaucitronAllow i, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .border-orange.tarteaucitronDeny i, .tac_activate .border-orange.tarteaucitronAllow i {
color: #497f9b; } .cta-primary.red, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .red.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .red.tarteaucitronDeny, .tac_activate .red.tarteaucitronAllow {
background: #ed6e4d;
color: #fff; } .cta-primary.blue, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .blue.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .blue.tarteaucitronDeny, .tac_activate .blue.tarteaucitronAllow {
background: #044a6f;
color: #fff; } .cta-primary.yellow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .yellow.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .yellow.tarteaucitronDeny, .tac_activate .yellow.tarteaucitronAllow {
background: #fcc66e;
color: #044a6f; } .cta-primary:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, .tac_activate .tarteaucitronAllow:hover {
transform: scale(1.05); } .cta-secondary--see-more {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none !important;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .cta-secondary--see-more::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .cta-secondary--see-more::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(0, 78, 115, 0.25);
transition: width ease 0.2s; } .cta-secondary--see-more:hover {
color: #044a6f; } .cta-secondary--see-more:hover::before {
width: 25px; } .read-more-trigger {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 0;
padding-bottom: 11px;
width: fit-content;
margin-top: 24px; } .read-more-trigger::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #fff;
transition: width ease .2s; } .read-more-trigger span {
display: flex;
align-items: center; } .read-more-trigger span::before {
content: "En lire plus";
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f; } .read-more-trigger span::after {
content: "\E922";
font-family: "icomoon", sans-serif !important;
width: 18px;
height: 18px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #f8ba8d;
border-radius: 4px;
margin-left: 18px; } .read-more-trigger:hover::before {
width: 25px; } .read-more-trigger.orange::before {
background: rgba(4, 74, 111, 0.75); } .read-more-trigger.orange span::after {
background: #f8ba8d;
color: #fff; } .read-more-target {
visibility: hidden;
opacity: 0;
height: 0;
transition: all ease .2s; } .read-more-state:checked ~ .read-more-target {
visibility: visible;
opacity: 1;
height: auto; } .read-more-state:checked ~ .read-more-trigger span::before {
content: "En lire moins"; } .read-more-state:checked ~ .read-more-trigger span::after {
content: "\E911"; } .read-more-state:not(:checked) ~ .read-more-target h1, .read-more-state:not(:checked) ~ .read-more-target h2, .read-more-state:not(:checked) ~ .read-more-target h3, .read-more-state:not(:checked) ~ .read-more-target h4, .read-more-state:not(:checked) ~ .read-more-target h5, .read-more-state:not(:checked) ~ .read-more-target h6, .read-more-state:not(:checked) ~ .read-more-target p, .read-more-state:not(:checked) ~ .read-more-target a, .read-more-state:not(:checked) ~ .read-more-target ul, .read-more-state:not(:checked) ~ .read-more-target ol, .read-more-state:not(:checked) ~ .read-more-target li {
margin: 0 !important;
height: 0 !important; } .share-button {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f !important;
font-weight: 400;
background: none;
text-decoration: none !important;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content;
cursor: pointer; } .share-button::after {
content: "\E955";
font-family: "icomoon", sans-serif !important;
font-size: 22px;
color: #497f9b;
margin-left: 20px; } .share-button::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(0, 78, 115, 0.25);
transition: width ease 0.2s; } .share-button:hover {
color: #044a6f; } .share-button:hover::before {
width: 25px; } .wpcf7-submit i {
color: #fff; } .comment-list ol {
list-style: none; }  body.home {
background: #044a6f; } .content-frontpage {
display: flex;
align-items: flex-start;
position: relative;
height: auto; }
@media (max-width: 1199.98px) { .content-frontpage {
display: block; } } .content-frontpage .decoration {
position: absolute;
width: 100vw;
height: calc(100vh - 168px + 400px);
left: 50%;
top: -400px;
transform: translate(-50%, 0);
background: #044a6f;
z-index: -1;
overflow: hidden; }
@media (max-width: 1300px) { .content-frontpage .decoration {
top: -500px; } }
@media (max-width: 1199.98px) { .content-frontpage .decoration {
top: -400px;
height: calc(100vh - 108px + 400px); } } .content-frontpage .decoration::before {
content: "";
width: 1220px;
height: 65%;
background: #f8ba8d;
position: absolute;
border-radius: 70px;
transform: rotate(-10deg);
right: -440px; }
@media (max-width: 1300px) { .content-frontpage .decoration::before {
right: -480px; } }
@media (max-width: 991.98px) { .content-frontpage .decoration::before {
height: 500px; } }
@media (max-width: 1199.98px) { .content-frontpage .decoration::before {
right: -1040px; } }
@media screen and (min-width: 1441px) { .content-frontpage .decoration::before {
right: inherit;
left: 50%;
margin-left: -60px; } }
@media screen and (min-width: 1921px) { .content-frontpage .decoration::before {
right: inherit;
width: 1420px;
height: 65%;
left: 50%;
margin-left: -40px; } } .content-frontpage .mobile-image-decoration {
display: none;
position: relative; }
@media (max-width: 1199.98px) { .content-frontpage .mobile-image-decoration {
display: block; } } .content-frontpage .mobile-image-decoration.video {
cursor: pointer; } .content-frontpage .mobile-image-decoration.video:hover .cta-primary, .content-frontpage .mobile-image-decoration.video:hover #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .content-frontpage .mobile-image-decoration.video:hover .tarteaucitronAllow, .content-frontpage .mobile-image-decoration.video:hover #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .content-frontpage .mobile-image-decoration.video:hover .tarteaucitronDeny, .content-frontpage .mobile-image-decoration.video:hover .tac_activate .tarteaucitronAllow, .tac_activate .content-frontpage .mobile-image-decoration.video:hover .tarteaucitronAllow {
transform: scale(1.05); } .content-frontpage .mobile-image-decoration .cta-primary, .content-frontpage .mobile-image-decoration #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .content-frontpage .mobile-image-decoration .tarteaucitronAllow, .content-frontpage .mobile-image-decoration #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .content-frontpage .mobile-image-decoration .tarteaucitronDeny, .content-frontpage .mobile-image-decoration .tac_activate .tarteaucitronAllow, .tac_activate .content-frontpage .mobile-image-decoration .tarteaucitronAllow {
text-align: center; } .content-frontpage .mobile-image-decoration .inner-button {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2; } .content-frontpage .mobile-image-decoration .inner-button::before {
font-family: "icomoon", sans-serif !important;
content: "\E947";
font-size: 96px;
color: #fff;
z-index: 1; } .content-frontpage .mobile-image-decoration img {
display: block;
max-width: 560px;
width: 560px;
height: auto;
margin: 0 auto;
mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/mask-video-home.svg);
-webkit-mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/mask-video-home.svg);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 535px;
-webkit-mask-size: 535px;
mask-position: center;
-webkit-mask-position: center; }
@media (max-width: 991.98px) { .content-frontpage .mobile-image-decoration img {
max-width: 100%;
width: 100%;
mask-size: 100%;
-webkit-mask-size: 100%; } } .content-frontpage .content {
width: calc(100% - 480px); }
@media (max-width: 1199.98px) { .content-frontpage .content {
width: 100%; } } .content-frontpage .content .inner .bloc:first-child {
margin-top: 100px; } .fancybox-container {
z-index: 99999999 !important; }  .filters {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 48px;
width: 100%;
background: #fff;
border-radius: 16px; }
@media (max-width: 767.98px) { .filters {
margin-bottom: 24px; } } .filters.open {
background: #044a6f;
border-radius: 16px 16px 0px 0px; } .filters.open .reset-button span {
color: #fff; } .filters.open .filter .filter-name .title {
color: #fff; } .filters.open .filter .filter-name::after {
color: #fff; } .filters .list {
display: flex;
align-items: center;
width: 100%;
padding: 24px;
position: relative; }
@media (max-width: 991.98px) { .filters .list {
flex-direction: column; } } .filters .reset-button {
display: flex;
align-items: center;
cursor: pointer;
margin-left: auto; }
@media (max-width: 991.98px) { .filters .reset-button {
margin-left: 0;
margin-top: 24px; } } .filters .reset-button span {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 22px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } .filters .reset-button::after {
font-family: 'icomoon' !important;
content: "\E910";
font-size: 22px;
color: #f8ba8d;
margin-left: 20px; } .filters .reset-filters {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: #497f9b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
transition: background ease .2s; } .filters .reset-filters i {
color: #fff;
font-size: 20px; } .filters .reset-filters:hover {
background: #f8ba8d; } .filters .filter-period {
display: none; } .filters .filter-period.show {
display: block; } .filters .filter {
border-radius: 10px;
background: transparent;
outline: none;
-webkit-appearance: none;
margin-right: 50px; }
@media (max-width: 991.98px) { .filters .filter {
margin-right: 0;
margin-bottom: 8px; } } .filters .filter.hide {
display: none; } .filters .filter:last-child {
margin-right: 0;
margin-bottom: 0; } .filters .filter .filter-name i {
display: flex; } .filters .filter .filter-name .title {
flex-shrink: 1;
display: flex;
width: 100%;
line-height: 32px;
font-size: 22px;
font-family: "freight-sans-pro";
color: rgba(4, 74, 111, 0.75);
font-weight: 600; } .filters .filter:not(.active) .filter-name:hover::after {
transform: rotate(180deg); } .filters .filter .filter-name {
cursor: pointer;
width: 100%;
font-weight: normal;
display: flex;
justify-content: space-between;
position: relative;
align-items: center; } .filters .filter .filter-name .count-checked {
margin-left: 5px;
color: #f8ba8d; } .filters .filter .filter-name .count-active {
margin-left: 3px; } .filters .filter .filter-name::after {
font-family: "icomoon", sans-serif !important;
content: "\E922";
margin-left: 17px;
color: #f8ba8d;
font-size: 22px;
transition: all ease .2s; } .filters .filter.active .filter-name .title {
color: #f8ba8d !important; } .filters .filter.active .filter-name::after {
transform: rotate(-180deg); } .filters .filter .filter-items, .filters .filtersortyby .filter-items {
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: ease all 0.2s;
width: 100%;
height: auto;
z-index: 3;
display: flex;
flex-direction: column;
font-size: 16px;
color: black;
background-color: #fff;
padding: 24px 32px;
border-radius: 0px 0px 16px 16px;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); } .filters .filter .filter-items ul, .filters .filtersortyby .filter-items ul {
margin-bottom: 0;
padding-left: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
display: flex;
flex-wrap: wrap;
justify-content: space-between; } .filters .filter .filter-items ul::-webkit-scrollbar, .filters .filtersortyby .filter-items ul::-webkit-scrollbar {
width: 5px;
background: #fff;
border-radius: 10px; } .filters .filter .filter-items ul::-webkit-scrollbar-track, .filters .filtersortyby .filter-items ul::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 10px; } .filters .filter .filter-items ul::-webkit-scrollbar-thumb, .filters .filtersortyby .filter-items ul::-webkit-scrollbar-thumb {
background: #497f9b;
border-radius: 10px; } .filters .filter .filter-items .sortby, .filters .filtersortyby .filter-items .sortby {
display: flex;
align-items: center; } .filters .filter .filter-items label, .filters .filtersortyby .filter-items label {
margin-left: 10px;
margin-bottom: 0;
cursor: pointer;
list-style-type: none;
padding: 5px 0 5px 0;
position: relative;
font-size: 14px;
font-family: "freight-neo-pro";
font-weight: 600;
color: rgba(0, 0, 0, 0.65);
display: flex;
align-items: center; } .filters .filter .filter-items li, .filters .filtersortyby .filter-items li {
width: 33%;
position: relative;
cursor: pointer;
list-style-type: none;
padding: 8px 0 8px 0;
position: relative;
font-size: 18px;
font-family: "freight-sans-pro";
font-weight: 400;
display: flex;
align-items: center; }
@media (max-width: 991.98px) { .filters .filter .filter-items li, .filters .filtersortyby .filter-items li {
width: 50%; } }
@media (max-width: 767.98px) { .filters .filter .filter-items li, .filters .filtersortyby .filter-items li {
width: 100%; } } .filters .filter .filter-items li span, .filters .filtersortyby .filter-items li span {
line-height: 20px;
color: #044a6f; } .filters .filter .filter-items li:before, .filters .filtersortyby .filter-items li:before {
margin-right: 10px;
height: 15px;
width: 15px;
min-height: 15px;
min-width: 15px;
z-index: 2;
display: block;
content: '';
border: 2px solid rgba(4, 74, 111, 0.5);
border-radius: 2px; } .filters .filter .filter-items li.active:before, .filters .filtersortyby .filter-items li.active:before {
font-size: 13px;
background: rgba(4, 74, 111, 0.75); } .filters .filter .filter-items li.active::after, .filters .filtersortyby .filter-items li.active::after {
display: flex;
align-items: center;
content: '\2713';
color: #fff;
position: absolute;
left: 0;
z-index: 2;
height: 15px;
margin-top: 2px;
top: 50%;
transform: translate(0, -50%); } .filters .filter .filter-items li:last-child, .filters .filtersortyby .filter-items li:last-child {
border-bottom: 0; } html:not(.touch) .filters .filter .filter-items li:hover li, html:not(.touch) .filters .filtersortyby .filter-items li:hover li {
background-color: black; } .filters .filter.active .filter-items, .filters .filtersortyby.active .filter-items {
opacity: 1;
visibility: visible; } .results-search {
max-width: 720px;
margin: 0 auto;
text-align: center;
display: none; } .results-search.visible {
display: block; } .results-search .title p {
font-family: "freight-neo-pro";
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: rgba(4, 74, 111, 0.75);
margin-top: 50px;
margin-bottom: 0; } .results-search .cta-primary, .results-search #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .results-search .tarteaucitronAllow, .results-search #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .results-search .tarteaucitronDeny, .results-search .tac_activate .tarteaucitronAllow, .tac_activate .results-search .tarteaucitronAllow {
margin: 32px auto 0 !important;
cursor: pointer; }  .bloc-form {
margin: 80px 0; } .bloc-form .title {
max-width: 800px;
margin: 0 auto 56px auto; } .bloc-form .title .title--3 {
color: #044a6f;
font-weight: 600;
display: block; } .bloc-form .title-departement {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 32px;
color: #2ea499;
font-weight: 600;
display: block;
padding: 8px 0; } .bloc-form .textarea-401 .wpcf7-not-valid-tip {
bottom: -30px !important; } .bloc-form .choose-identitee {
padding: 0 32px; } .bloc-form .choose-identitee .title {
display: block;
font-family: "freight-sans-pro";
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: rgba(4, 74, 111, 0.75);
padding: 0 10px; } .bloc-form .choose-identitee .text {
display: block;
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin-top: 8px;
padding: 0 10px; } .bloc-form .form-identitee {
padding: 0 10px !important;
margin-top: 24px; } .bloc-form .form-identitee .dropdown-checkbox .wpcf7-form-control-wrap {
width: 100%;
left: 0; } .bloc-form .form-identitee .inner {
position: relative;
padding: 16px;
border-radius: 16px;
border: 1px solid rgba(4, 74, 111, 0.5); } .bloc-form .form-identitee .inner .identitee-rank {
display: flex;
align-items: center;
justify-content: center;
background: #ed6e4d;
width: 24px;
height: 24px;
border-radius: 8px;
color: #fff;
font-family: "freight-sans-pro";
font-size: 16px;
font-weight: 700;
position: absolute;
left: 10px;
top: 10px;
z-index: 9; } .bloc-form .form-identitee .description-identitee {
display: block;
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 22px;
color: rgba(4, 74, 111, 0.75);
margin: 16px 0; } .bloc-form .form-identitee .description-identitee a {
color: rgba(4, 74, 111, 0.75);
text-decoration: underline;
transition: all ease .2s; } .bloc-form .form-identitee .description-identitee a:hover {
color: #ed6e4d; } .bloc-form .form-identitee .image {
position: relative;
width: 100%;
padding-top: 75%;
overflow: hidden;
border-radius: 16px; } .bloc-form .form-identitee .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover; } .bloc-form .form-group-annonce {
margin-bottom: 40px;
position: relative; } .bloc-form .form-group-annonce .wpcf7-form-control-wrap {
position: initial; } .bloc-form .form-group-annonce .wpcf7-not-valid-tip {
font-family: "freight-sans-pro";
font-size: 16px;
position: absolute;
left: 0;
bottom: -20px; } .bloc-form .form-group-annonce p,
.bloc-form .form-group-annonce label {
width: 100%; } .bloc-form .form-group-annonce br {
display: none; } .bloc-form .form-group-annonce .poids {
font-family: "freight-sans-pro";
font-size: 16px;
font-weight: 400;
color: rgba(4, 74, 111, 0.65);
margin-bottom: 8px; } .bloc-form .codedropz-upload-wrapper {
width: 100%;
margin-top: 8px; } .bloc-form .codedropz-upload-wrapper .dnd-upload-status {
align-items: flex-start;
margin-top: 20px; } .bloc-form .codedropz-upload-wrapper .dnd-upload-status:first-child {
margin-top: 20px; } .bloc-form .codedropz-upload-wrapper .dnd-progress-bar {
display: none !important; } .bloc-form .codedropz-upload-wrapper .dnd-upload-details span,
.bloc-form .codedropz-upload-wrapper .dnd-upload-details em {
font-family: "freight-sans-pro";
font-size: 16px;
font-weight: 400;
color: rgba(4, 74, 111, 0.65); } .bloc-form .codedropz-upload-wrapper .dnd-upload-details .dnd-icon-remove {
width: 37px;
height: 37px;
background: #497f9b;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center; } .bloc-form .codedropz-upload-wrapper .dnd-upload-details .dnd-icon-remove:before {
font-family: "icomoon" !important;
content: "\E90D";
color: #ed6e4d;
font-size: 16px;
color: #044a6f; } .bloc-form .codedropz-upload-wrapper .dnd-upload-details .dnd-icon-remove::after {
content: none !important; } .bloc-form .codedropz-upload-wrapper .dnd-upload-image {
border: 0;
height: auto !important;
width: auto !important; } .bloc-form .codedropz-upload-wrapper .dnd-upload-image .file {
background-image: none !important;
height: auto !important;
width: auto !important;
position: relative !important;
left: inherit !important;
top: inherit !important;
transform: none !important; } .bloc-form .codedropz-upload-wrapper .dnd-upload-image .file:before {
font-family: "icomoon" !important;
content: "\E910";
color: #ed6e4d; } .bloc-form .codedropz-upload-wrapper .codedropz-upload-handler {
border: 2px dashed #E2E2E2; } .bloc-form .codedropz-upload-wrapper .dnd-upload-counter {
color: #AEAEAE; } .bloc-form .codedropz-upload-wrapper .codedropz-upload-handler {
height: 110px;
margin-bottom: 0 !important; } .bloc-form .codedropz-upload-wrapper .codedropz-upload-inner {
display: flex;
align-items: center;
font-weight: 400;
font-family: "freight-sans-pro";
font-size: 13px;
line-height: 20px;
color: rgba(4, 74, 111, 0.65); } .bloc-form .codedropz-upload-wrapper .codedropz-upload-inner h3 {
font-weight: 400;
font-family: "freight-sans-pro";
font-size: 13px;
line-height: 20px;
color: #497f9b;
text-decoration: underline;
margin-right: 4px; } .bloc-form .codedropz-upload-wrapper .codedropz-upload-inner .codedropz-btn-wrap .cd-upload-btn {
font-family: "freight-sans-pro";
font-size: 13px;
line-height: 20px;
color: #497f9b;
text-decoration: underline;
margin-left: 4px; } .bloc-form form {
max-width: 820px;
margin: 0 auto; } .bloc-form form .conditionnal-group {
width: 100%; } .bloc-form form .conditionnal-group > div {
width: 100%; } .bloc-form form .champs-obligatoire {
margin-top: -20px;
margin-bottom: 20px; } .bloc-form form .champs-obligatoire span {
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: rgba(4, 74, 111, 0.65); } .bloc-form form .form-group, .bloc-form form .comment-form p, .comment-form .bloc-form form p {
margin-bottom: 48px;
padding-left: 24px;
padding-right: 24px; } .bloc-form form .form-group.hidden-field, .bloc-form form .comment-form p.hidden-field, .comment-form .bloc-form form p.hidden-field {
display: none; } .bloc-form form .form-group label[for=email]:not(.head), .bloc-form form .comment-form p label[for=email]:not(.head), .comment-form .bloc-form form p label[for=email]:not(.head),
.bloc-form form .form-group label[for=nom]:not(.head),
.bloc-form form .comment-form p label[for=nom]:not(.head),
.comment-form .bloc-form form p label[for=nom]:not(.head),
.bloc-form form .form-group label[for=prenom]:not(.head),
.bloc-form form .comment-form p label[for=prenom]:not(.head),
.comment-form .bloc-form form p label[for=prenom]:not(.head),
.bloc-form form .form-group label[for=votre-question]:not(.head),
.bloc-form form .comment-form p label[for=votre-question]:not(.head),
.comment-form .bloc-form form p label[for=votre-question]:not(.head),
.bloc-form form .form-group label[for=confirm-email]:not(.head),
.bloc-form form .comment-form p label[for=confirm-email]:not(.head),
.comment-form .bloc-form form p label[for=confirm-email]:not(.head),
.bloc-form form .form-group label[for=telephone]:not(.head),
.bloc-form form .comment-form p label[for=telephone]:not(.head),
.comment-form .bloc-form form p label[for=telephone]:not(.head),
.bloc-form form .form-group label[for=textarea-401]:not(.head),
.bloc-form form .comment-form p label[for=textarea-401]:not(.head),
.comment-form .bloc-form form p label[for=textarea-401]:not(.head),
.bloc-form form .form-group .other-label:not(.head),
.bloc-form form .comment-form p .other-label:not(.head),
.comment-form .bloc-form form p .other-label:not(.head) {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
color: #497f9b;
z-index: 9;
margin-bottom: 16px; } .bloc-form form .form-group br, .bloc-form form .comment-form p br, .comment-form .bloc-form form p br {
display: none; } .bloc-form form .form-group .other-label, .bloc-form form .comment-form p .other-label, .comment-form .bloc-form form p .other-label {
display: block; } .bloc-form form .form-group .wpcf7-not-valid-tip, .bloc-form form .comment-form p .wpcf7-not-valid-tip, .comment-form .bloc-form form p .wpcf7-not-valid-tip {
position: absolute;
left: 0;
bottom: -50px;
font-family: "freight-sans-pro";
font-size: 16px;
color: #ed6e4d; } .bloc-form form .form-group .wpcf7-form-control-wrap, .bloc-form form .comment-form p .wpcf7-form-control-wrap, .comment-form .bloc-form form p .wpcf7-form-control-wrap {
width: 100%; } .bloc-form form .form-group textarea, .bloc-form form .comment-form p textarea, .comment-form .bloc-form form p textarea,
.bloc-form form .form-group input[type=email],
.bloc-form form .comment-form p input[type=email],
.comment-form .bloc-form form p input[type=email],
.bloc-form form .form-group input[type=text],
.bloc-form form .comment-form p input[type=text],
.comment-form .bloc-form form p input[type=text],
.bloc-form form .form-group input[type=tel],
.bloc-form form .comment-form p input[type=tel],
.comment-form .bloc-form form p input[type=tel] {
width: 100%;
padding: 18px 20px;
font-size: 20px;
line-height: 24px;
font-family: "freight-sans-pro";
color: #044a6f;
background: transparent;
font-weight: 600;
border: 1px solid rgba(4, 74, 111, 0.75);
border-radius: 16px; } .bloc-form form .form-group textarea::placeholder, .bloc-form form .comment-form p textarea::placeholder, .comment-form .bloc-form form p textarea::placeholder,
.bloc-form form .form-group input[type=email]::placeholder,
.bloc-form form .comment-form p input[type=email]::placeholder,
.comment-form .bloc-form form p input[type=email]::placeholder,
.bloc-form form .form-group input[type=text]::placeholder,
.bloc-form form .comment-form p input[type=text]::placeholder,
.comment-form .bloc-form form p input[type=text]::placeholder,
.bloc-form form .form-group input[type=tel]::placeholder,
.bloc-form form .comment-form p input[type=tel]::placeholder,
.comment-form .bloc-form form p input[type=tel]::placeholder {
font-family: "freight-sans-pro";
color: rgba(4, 74, 111, 0.75);
font-size: 20px;
font-weight: 400; } .bloc-form form .form-group textarea.wpcf7-not-valid, .bloc-form form .comment-form p textarea.wpcf7-not-valid, .comment-form .bloc-form form p textarea.wpcf7-not-valid,
.bloc-form form .form-group input[type=email].wpcf7-not-valid,
.bloc-form form .comment-form p input[type=email].wpcf7-not-valid,
.comment-form .bloc-form form p input[type=email].wpcf7-not-valid,
.bloc-form form .form-group input[type=text].wpcf7-not-valid,
.bloc-form form .comment-form p input[type=text].wpcf7-not-valid,
.comment-form .bloc-form form p input[type=text].wpcf7-not-valid,
.bloc-form form .form-group input[type=tel].wpcf7-not-valid,
.bloc-form form .comment-form p input[type=tel].wpcf7-not-valid,
.comment-form .bloc-form form p input[type=tel].wpcf7-not-valid {
border: 1px solid #f8ba8d; } .bloc-form form .form-group textarea:focus, .bloc-form form .comment-form p textarea:focus, .comment-form .bloc-form form p textarea:focus, .bloc-form form .form-group input:focus, .bloc-form form .comment-form p input:focus, .comment-form .bloc-form form p input:focus, .bloc-form form .form-group input[type]:focus, .bloc-form form .comment-form p input[type]:focus, .comment-form .bloc-form form p input[type]:focus, .bloc-form form .form-group .uneditable-input:focus, .bloc-form form .comment-form p .uneditable-input:focus, .comment-form .bloc-form form p .uneditable-input:focus {
border: 1px solid #044a6f;
outline: 0 none; } .bloc-form form .form-group textarea, .bloc-form form .comment-form p textarea, .comment-form .bloc-form form p textarea {
height: 180px;
resize: none; } .bloc-form form .dropdown-checkbox {
width: 100%;
position: relative;
height: fit-content; } .bloc-form form .dropdown-checkbox.active .wpcf7-form-control-wrap .wpcf7-form-control {
opacity: 1;
visibility: visible;
z-index: 999; } .bloc-form form .dropdown-checkbox.active .head {
background: #497f9b;
color: #fff !important;
border: 1px solid #497f9b;
border-radius: 16px 16px 0 0; } .bloc-form form .dropdown-checkbox.active .head::after {
transform: rotate(-180deg);
color: #fff; } .bloc-form form .dropdown-checkbox .head {
padding: 18px 20px;
margin-bottom: 0;
cursor: pointer;
width: 100%;
color: rgba(4, 74, 111, 0.75);
font-family: "freight-sans-pro";
font-weight: normal;
font-size: 20px;
line-height: 24px;
font-weight: 400;
display: flex;
position: relative;
align-items: center;
border-radius: 16px;
background: transparent;
border: solid 1px rgba(4, 74, 111, 0.75); } .bloc-form form .dropdown-checkbox .head.value {
color: #044a6f;
font-weight: 600; } .bloc-form form .dropdown-checkbox .head .count {
margin-left: 4px; } .bloc-form form .dropdown-checkbox .head::after {
font-family: "icomoon", sans-serif !important;
content: "\E922";
font-size: 20px;
margin-left: auto;
color: #044a6f; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap {
display: flex; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap label.disabled {
pointer-events: none;
opacity: 0.3; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
bottom: -30px; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control {
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: ease all 0.2s;
width: 100%;
height: auto;
z-index: 2;
display: flex;
flex-direction: column;
font-size: 16px;
color: black;
background-color: #fff;
padding: 18px 20px;
border-radius: 0 0 16px 16px;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
max-height: 242px;
margin-bottom: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-scrollbar {
width: 5px;
background: #fff;
border-radius: 5px; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-scrollbar-track {
background: rgba(4, 74, 111, 0.5); } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-scrollbar-thumb {
background: rgba(4, 74, 111, 0.65);
border-radius: 5px; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
list-style-type: none;
padding: 8px 0 8px 0;
margin-left: 0;
position: relative;
font-size: 18px;
line-height: 26px;
font-family: "freight-sans-pro";
font-weight: 400;
color: #044a6f; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
margin-bottom: 0;
width: 100%; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input {
display: none; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox]:checked + span:after,
.bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=radio]:checked + span:after {
display: flex;
align-items: center;
content: '\2713';
color: #fff;
font-size: 13px;
border: 2px solid #497f9b;
background: #497f9b; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=checkbox]:checked + span,
.bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type=radio]:checked + span {
color: #044a6f; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:first-child {
padding-top: 0; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:last-child {
padding-bottom: 0; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item span {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item span:before {
content: none !important; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item span:after {
margin-right: 10px;
margin-left: 16px;
height: 15px;
width: 15px;
min-height: 15px;
min-width: 15px;
z-index: 2;
display: block;
content: '';
border: 2px solid #497f9b;
border-radius: 2px; } .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:last-child {
border-bottom: 0; } html:not(.touch) .bloc-form form .dropdown-checkbox .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:hover li {
background-color: black; } .bloc-form form .acceptance {
padding: 0 24px; } .bloc-form form .acceptance .wpcf7-not-valid-tip {
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 28px;
padding-left: 48px;
margin-top: 20px;
color: #ed6e4d; } .bloc-form form .error {
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 28px;
color: #ed6e4d; } .bloc-form form .wpcf7-acceptance {
display: block;
width: 100%; } .bloc-form form .wpcf7-acceptance label,
.bloc-form form .wpcf7-acceptance a,
.bloc-form form .wpcf7-acceptance span {
text-transform: none;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 18px;
line-height: 30px !important;
color: rgba(4, 74, 111, 0.75);
margin: 0; } .bloc-form form .wpcf7-acceptance a {
text-decoration: underline;
transition: all ease .2s; } .bloc-form form .wpcf7-acceptance a:hover {
color: #ed6e4d; } .bloc-form form .wpcf7-acceptance .wpcf7-list-item-label {
margin-left: 0;
display: flex;
align-items: center; } .bloc-form form .wpcf7-acceptance input[type=checkbox],
.bloc-form form .wpcf7-acceptance input[type=radio] {
visibility: hidden;
opacity: 0;
display: none; } .bloc-form form .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0; } .bloc-form form .wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label::before,
.bloc-form form .wpcf7-acceptance input[type=radio]:checked + .wpcf7-list-item-label::before {
content: none; } .bloc-form form .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
padding: 0 0 0 48px;
display: block;
line-height: 22px;
cursor: pointer; } .bloc-form form .wpcf7-acceptance .wpcf7-list-item-label:before {
margin-top: 3px;
height: 32px;
width: 32px;
content: '';
z-index: 2;
position: absolute;
left: 0;
border: 1px solid rgba(4, 74, 111, 0.75);
top: 2px;
border-radius: 8px; } .bloc-form form .wpcf7-acceptance .wpcf7-list-item-label:after {
margin-top: 3px;
background: #044a6f;
height: 32px;
width: 32px;
border-radius: 2px;
content: '\2713';
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 1;
opacity: 0;
position: absolute;
left: 0;
border: 1px solid #044a6f;
top: 2px;
border-radius: 8px; } .bloc-form form .wpcf7-acceptance input[type=checkbox]:checked + span:after,
.bloc-form form .wpcf7-acceptance input[type=radio]:checked + span:after {
opacity: 1; } .bloc-form form .btn-center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 50px;
padding: 0 10px; } .bloc-form form .btn-center button {
width: 100%;
display: flex;
justify-content: center; } .bloc-form form .btn-center .wpcf7-response-output {
margin-top: 0;
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 28px; } .bloc-form .wpcf7 .wpcf7-response-output {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 28px;
margin-top: 0;
border: 0 !important;
padding: 0;
display: flex;
flex-direction: column;
align-items: center; } .bloc-form .wpcf7 .wpcf7-response-output::before {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
border-radius: 50%;
display: block;
margin-bottom: 16px;
display: flex;
color: #fff;
font-size: 50px;
align-items: center;
justify-content: center; } .bloc-form .wpcf7 form.invalid .wpcf7-response-output {
color: #ed6e4d;
margin-top: 32px; } .bloc-form .wpcf7 form.invalid .wpcf7-response-output::before {
content: '\E916';
font-family: 'icomoon' !important;
background: #ed6e4d;
font-size: 20px; } .bloc-form .wpcf7 form.sent .wpcf7-response-output {
color: #2ea499;
margin-top: 32px; } .bloc-form .wpcf7 form.sent .wpcf7-response-output::before {
content: '\2713';
background: #2ea499; }  html.ie #ie-window {
display: flex !important; } #ie-window {
width: 100vw;
height: 100vh;
top: 0;
left: 0;
position: fixed;
background-color: #497f9b;
background-size: cover;
z-index: 10000000;
align-items: center;
justify-content: center;
padding: 30px; } #ie-window .inner {
max-width: 800px;
width: 100%; } #ie-window .inner .logo {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 40px; } #ie-window .inner .desc {
color: #fff;
text-align: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 28px; } #ie-window .inner .desc a {
color: #fff;
text-decoration: underline; }  .bloc-map {
margin: 80px 0; }
@media (max-width: 767.98px) { .bloc-map {
margin: 80px 16px; } } .bloc-map .mapsvg-marker {
opacity: 1 !important; } .bloc-map .mapsvg-marker-cluster {
border: 0 !important;
height: 36px !important;
width: 36px !important;
display: flex;
align-items: center;
justify-content: center;
background: #fcc66e !important;
color: #044a6f;
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600; } .bloc-map.view-residence .mapsvg-sidebar {
flex-basis: 100% !important; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory {
position: relative !important; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap {
position: relative !important; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content {
position: relative !important;
height: auto !important;
overflow: inherit !important; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content .mapsvg-controller-view-content {
justify-content: flex-start; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content .mapsvg-directory-item {
width: calc(33.33% - 24px);
margin-right: 32px; } .bloc-map.view-residence .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content .mapsvg-directory-item:nth-child(3n) {
margin-right: 0; } .bloc-map.view-residence .mapsvg-map-container {
flex-basis: 80px;
max-width: 80px;
min-width: 80px;
min-height: 600px;
max-height: 600px; } .bloc-map.view-residence .mapsvg-map-container .mapsvg-with-google-map {
min-height: 600px;
max-height: 600px; } .bloc-map.view-map .mapsvg-sidebar {
display: none !important; } .bloc-map.view-map .mapsvg-map-container {
flex-basis: 100%;
min-height: 600px;
margin-left: 0; } .bloc-map.view-map .mapsvg-map-container .mapsvg-with-google-map {
min-height: 600px;
padding-top: 0; } .bloc-map .mapsvg-sidebar {
transition: all ease .2s; }
@media (max-width: 1199.98px) { .bloc-map .mapsvg-sidebar {
flex-basis: 100% !important; } .bloc-map .mapsvg-sidebar .mapsvg-directory {
position: relative !important; } .bloc-map .mapsvg-sidebar .mapsvg-directory .nano-content {
padding-right: 0; } .bloc-map .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap {
position: relative !important; } .bloc-map .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content {
position: relative !important;
height: auto !important;
overflow: inherit !important; } .bloc-map .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content .mapsvg-directory-item {
width: calc(50% - 16px); } }
@media (max-width: 767.98px) { .bloc-map .mapsvg-sidebar .mapsvg-directory .mapsvg-controller-view-wrap .nano-content .mapsvg-directory-item {
width: 100%; } } .bloc-map .mapsvg-wrap-all {
display: flex;
flex-direction: column; } .bloc-map .mapsvg-wrap-all .mapsvg-wrap {
flex-flow: row-reverse;
min-height: 620px;
order: 4; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap {
margin-bottom: 48px;
width: 100%; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-data-form-view {
background: #044a6f;
border-radius: 16px 16px 0px 0px; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-data-form-view .col-form-label {
color: #fff !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-data-form-view .col-form-label::after {
color: #fff !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container input[type="submit"] {
color: #fff !important;
background: transparent !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"] {
background: #fcc66e !important;
color: #044a6f !important;
border-radius: 0 16px 0 0 !important; }
@media (max-width: 1199.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"] {
border-radius: 0 !important; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .btn::after, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"]::after, .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap.active .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"]::after {
color: #044a6f !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-form-builder {
padding: 0 !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view {
display: flex;
align-items: center;
justify-content: flex-start !important;
width: 100%;
padding: 24px !important;
position: relative;
background: #fff;
border-radius: 16px; }
@media (max-width: 991.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view {
flex-direction: column; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container {
margin: 0 !important;
margin-left: auto !important;
align-self: auto !important; }
@media (max-width: 991.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container {
margin-left: inherit !important;
align-self: center;
margin-top: 24px !important; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container input[type="submit"] {
display: flex;
align-items: center;
border: 0;
padding: 0;
margin: 0;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 22px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400;
height: auto;
outline: none !important;
transition: none !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .btn::after, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .comment-form input[type="submit"]::after, .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container input[type="submit"]::after {
font-family: 'icomoon' !important;
content: "\E910";
font-size: 22px;
color: #f8ba8d;
margin-left: 20px; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .btn:hover, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container .comment-form input:hover[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container input:hover[type="submit"] {
background: #fff; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container {
margin-left: 32px !important; }
@media screen and (max-width: 1399px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container {
margin-left: 0 !important;
width: 100%;
margin-top: 32px !important; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"] {
height: 80px;
background: #044a6f;
outline: none !important;
color: #fff;
margin: -28px -25px -25px 0;
padding: 0 32px;
border-radius: 0 16px 16px 0; }
@media screen and (max-width: 1399px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .btn, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"], .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"] {
margin: 0 -25px -25px -25px;
height: auto;
padding: 16px 32px;
width: calc(100% + 50px);
display: flex;
justify-content: center;
border-radius: 0 0 16px 16px; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .btn::after, .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container .comment-form input[type="submit"]::after, .comment-form .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-filters-reset-container#mapsvg-search-container input[type="submit"]::after {
content: "\E952";
color: #fcc66e; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group {
width: auto;
flex-shrink: inherit !important;
flex-grow: inherit !important;
margin: 0 !important;
margin-right: 46px !important; }
@media (max-width: 991.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group {
margin-right: 0 !important;
align-self: center; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label {
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
line-height: 32px;
font-size: 22px;
font-family: "freight-sans-pro";
color: rgba(4, 74, 111, 0.75);
font-weight: 600;
max-width: 100%;
text-transform: none;
margin-bottom: 0;
cursor: pointer; }
@media (max-width: 991.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label {
margin-bottom: 8px; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label:not(.active):hover::after {
transform: rotate(180deg); } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label::after {
font-family: icomoon, sans-serif !important;
content: "\E922";
margin-left: 17px;
color: #f8ba8d;
font-size: 22px;
transition: all ease .2s;
font-weight: normal; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label.active {
color: #f8ba8d !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-form-label.active::after {
color: #fff;
content: "\E911"; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 {
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all .2s ease;
width: 100%;
max-width: 100%;
height: auto;
z-index: 3;
display: flex;
font-size: 16px;
color: #000;
background-color: #fff;
padding: 24px 32px;
border-radius: 0 0 16px 16px;
display: flex;
flex-wrap: wrap;
z-index: 10; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9.active {
opacity: 1;
visibility: visible; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 .checkbox {
width: 33%;
cursor: pointer;
list-style-type: none;
padding: 8px 0;
position: relative;
font-size: 18px;
font-family: "freight-sans-pro";
font-weight: 400;
display: flex;
align-items: center; }
@media (max-width: 1199.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 .checkbox {
width: 50%; } }
@media (max-width: 991.98px) { .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 .checkbox {
width: 100%; } } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 input {
opacity: 0;
position: absolute;
width: 100%;
left: 0;
margin-left: 0;
margin-top: 0;
height: 100%;
cursor: pointer;
line-height: 14px !important; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 input:checked ~ label:before {
border: 2px solid #497f9b;
background: #497f9b; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 input:checked ~ label:after {
display: flex;
align-items: center;
content: '\2713';
color: #fff;
position: absolute;
left: 2px;
z-index: 2;
height: 15px;
margin-top: 2px;
top: 50%;
transform: translate(0, -50%);
z-index: -999; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 label {
cursor: pointer;
font-size: 18px;
font-family: "freight-sans-pro";
font-weight: 400;
color: #044a6f;
width: 100%;
display: flex;
align-items: center; } .bloc-map .mapsvg-wrap-all .mapsvg-filters-wrap .mapsvg-data-form-view .mapsvg-checkbox-group .col-sm-9 label:before {
margin-right: 10px;
height: 15px;
width: 15px;
min-height: 15px;
min-width: 15px;
z-index: 2;
display: block;
content: '';
border: 2px solid #497f9b;
border-radius: 2px;
z-index: -999; } .bloc-map .mapsvg-no-results {
display: none; } .bloc-map .count-filtered-item {
font-family: "freight-neo-pro";
font-size: 28px;
line-height: 36px;
font-weight: 600;
color: #044a6f;
margin-bottom: 24px;
order: 2; } .bloc-map .reset-filter-custom {
order: 3;
cursor: pointer;
display: none;
position: absolute;
left: 0;
z-index: 9; }
@media (max-width: 767.98px) { .bloc-map .reset-filter-custom {
width: 100%;
justify-content: center; } } .bloc-map .reset-filter-custom.visible {
display: flex; } .bloc-map .mapsvg-header {
order: 1; } .bloc-map .mapsvg-directory {
background: transparent !important;
position: relative !important; } .bloc-map .mapsvg-directory .nano-pane {
display: none !important; } .bloc-map .mapsvg-directory .nano-content {
padding-right: 24px;
right: inherit !important; } .bloc-map .mapsvg-directory .nano-content::-webkit-scrollbar {
background-color: transparent;
width: 16px;
border-radius: 10px; } .bloc-map .mapsvg-directory .nano-content::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 10px; } .bloc-map .mapsvg-directory .nano-content::-webkit-scrollbar-thumb {
background-color: #044a6f;
border-radius: 16px;
border: 5px solid #fff; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item {
width: calc(50% - 16px);
padding: 0;
background: #fff;
border-radius: 16px;
margin-bottom: 32px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .inner-content {
padding: 24px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 75%; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .tag-list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 4px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .tag-list li {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 6px 12px;
background: #044a6f;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 12px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .tag-list li img {
width: 16px;
margin-right: 12px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .tag-list li:last-child {
margin-right: 0; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item h5 {
font-family: "freight-neo-pro";
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #044a6f;
margin: 0; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta {
margin-top: 16px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 16px;
font-weight: 400;
color: #044a6f;
margin-bottom: 8px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta span:last-child {
margin-bottom: 0; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta span::before {
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #2ea499;
font-weight: normal;
margin-right: 10px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta span.departement::before {
content: "\E946"; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .meta span.address::before {
content: "\E942"; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .cta-post-card {
margin-top: 24px;
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .bloc-map .mapsvg-directory .mapsvg-controller-view-content .mapsvg-directory-item .cta-post-card:hover::before {
width: 25px; } .bloc-map .mapsvg-map-container {
margin-left: 24px;
position: relative;
transition: all ease .2s; }
@media (max-width: 1199.98px) { .bloc-map .mapsvg-map-container {
display: none; } } .bloc-map .mapsvg-map-container .change-view {
position: absolute;
z-index: 2;
top: 16px;
left: 16px;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
padding: 12px;
border-radius: 5px;
text-decoration: none !important;
font-weight: 400;
width: fit-content;
color: #044a6f;
background: #fcc66e;
cursor: pointer; } .bloc-map .mapsvg-map-container .change-view::before {
font-family: "icomoon", sans-serif !important;
content: "\E928";
font-size: 16px;
color: #fff;
margin-right: 12px; } .bloc-map .mapsvg-map-container .change-view.list-residence {
padding: 0;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center; } .bloc-map .mapsvg-map-container .change-view.list-residence span {
display: none; } .bloc-map .mapsvg-map-container .change-view.list-residence::before {
margin-right: 0;
content: "\E907"; } .bloc-map .mapsvg-map-container .mapsvg-buttons {
top: inherit;
bottom: 16px;
right: 16px; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group {
box-shadow: none;
border-radius: 8px;
overflow: hidden; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-btn-map {
background: #044a6f;
width: 36px;
height: 36px; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-btn-map::before, .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-btn-map::after {
background: #fff; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-in {
border-bottom: 1px solid #497f9b; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-in::before {
height: 2px;
top: 16px;
left: 11px; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-in::after {
width: 2px;
top: 11px;
left: 16px; } .bloc-map .mapsvg-map-container .mapsvg-buttons .mapsvg-btn-group .mapsvg-out::before {
height: 2px;
top: 16px;
left: 11px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map {
padding-top: 100%;
height: 100% !important;
padding-bottom: 0 !important;
border-radius: 16px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover-close {
transform: none;
width: 22px;
height: 33px;
right: 24px;
top: 8px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover-close::after {
content: none; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover-close::before {
font-family: "icomoon", sans-serif !important;
content: "\E910";
font-size: 22px;
color: #497f9b;
transform: none;
background: transparent;
height: auto;
width: auto;
top: inherit;
left: inherit;
margin-top: 0; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover {
border-radius: 16px;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.18); } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover::before {
transform: scale(2.5); } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .mapsvg-controller-view-content {
padding: 24px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .tag-list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 4px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .tag-list li {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 6px 12px;
background: #044a6f;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 12px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .tag-list li img {
width: 16px;
margin-right: 12px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .tag-list li:last-child {
margin-right: 0; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom h5 {
font-family: "freight-neo-pro";
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #044a6f;
margin: 0; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta {
margin-top: 16px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 16px;
line-height: 16px;
font-weight: 400;
color: #044a6f;
margin-bottom: 8px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta span:last-child {
margin-bottom: 0; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta span::before {
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #2ea499;
font-weight: normal;
margin-right: 10px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta span.departement::before {
content: "\E946"; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .meta span.address::before {
content: "\E942"; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .cta-post-card {
margin-top: 24px;
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .bloc-map .mapsvg-map-container .mapsvg-with-google-map .mapsvg-popover .object-popover-custom .cta-post-card:hover::before {
width: 25px; }  body:not(.home):not(.error404) header.menu-header .top-navigation {
visibility: hidden;
opacity: 0; } body:not(.home):not(.error404) header.menu-header .brand img {
fill: #044a6f; } body:not(.home):not(.error404) header.menu-header .brand.white {
filter: brightness(0) invert(1); } body:not(.home):not(.error404) header.menu-header .top-navigation--menu-open {
visibility: visible !important;
opacity: 1 !important; } body:not(.home):not(.error404) header.menu-header .top-navigation--menu-open .li-home a {
color: #044a6f !important; } body:not(.home):not(.error404) header.menu-header input#burger:checked ~ .top-level .top-navigation--menu-open .li-home a {
color: #fff !important; } body:not(.home):not(.error404) header.menu-header #li-search {
visibility: hidden !important;
opacity: 0 !important; } body:not(.home):not(.error404) header.menu-header #li-search + label {
visibility: hidden !important;
opacity: 0 !important; } body:not(.home):not(.error404) header.menu-header input#li-search:checked ~ label {
visibility: visible !important;
opacity: 1 !important; } body:not(.home):not(.error404) header.menu-header input#li-search:checked ~ label + label {
visibility: visible !important;
opacity: 1 !important; } body:not(.home):not(.error404) header.menu-header #burger + label span {
background: #f8ba8d !important; } body.error404 header.menu-header .top-navigation .li-join {
color: #fff !important; } body.error404 header.menu-header .top-navigation .li-join::after {
color: #f8ba8d !important; } body.error404 header.menu-header label[for=li-search] span {
color: #fff !important; } body.error404 header.menu-header label[for=li-search] span::before {
background: #fff !important; } body.error404 header.menu-header label[for=li-search] span::after {
color: #f8ba8d !important; } body.error404 header.menu-header label[for=burger]::before {
color: #fff !important; } body.home header.menu-header.is-sticky {
background: #044a6f; } body.home header.menu-header.is-sticky #burger + label::before {
color: #fff !important; } header.menu-header {
top: -108px;
transition: top ease 0.2s; } header.menu-header .li-soutenir-absolute {
position: absolute;
right: 30px;
top: 10px;
z-index: 9; }
@media (max-width: 1199.98px) { header.menu-header .li-soutenir-absolute {
right: 160px;
top: 30px; } }
@media (max-width: 767.98px) { header.menu-header .li-soutenir-absolute {
display: none; } } header.menu-header .li-soutenir-absolute.hidden {
display: none; } header.menu-header .li-soutenir-absolute a {
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 12px 8px 8px;
border-radius: 12px;
background: #ed6e4d;
color: #fff; } header.menu-header .li-soutenir-absolute a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_don.svg);
margin-right: 8px;
height: 32px; } header.menu-header.is-sticky {
top: 0;
position: fixed;
width: 100vw;
background: #fff;
z-index: 999999; } header.menu-header.is-sticky .li-soutenir-absolute {
display: none; } header.menu-header.is-sticky #li-search + label span.name {
color: #fff !important; } header.menu-header.is-sticky #li-search + label span.name::after {
color: #f8ba8d !important; } header.menu-header.is-sticky #li-search + label span.name::before {
background: rgba(255, 255, 255, 0.16) !important; } header.menu-header.is-sticky .brand img {
width: 86px !important; } header.menu-header.is-sticky .top-level {
height: 108px !important; }
@media (max-width: 1199.98px) { header.menu-header.is-sticky .top-level {
height: 88px !important; } } header.menu-header.is-sticky .top-navigation .li-join {
color: #fff !important; } header.menu-header.is-sticky .top-navigation .li-join::after {
color: #f8ba8d !important; } header.menu-header.is-sticky #burger + label::before {
color: #044a6f !important; } header.menu-header.is-sticky #burger + label span {
background: #f8ba8d !important; } header.menu-header .menu-container {
position: relative;
max-width: 1440px;
margin: auto; } header.menu-header .menu-container #li-search {
display: none; } header.menu-header .menu-container #li-search + label {
margin-right: 254px;
margin-top: 5px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: 0;
z-index: 999999; }
@media (max-width: 1300px) { header.menu-header .menu-container #li-search + label {
margin-right: 234px; } }
@media (max-width: 1199.98px) { header.menu-header .menu-container #li-search + label {
display: none; } } header.menu-header .menu-container #li-search + label span.name {
display: block;
color: #044a6f;
position: relative;
font-family: "freight-neo-pro";
font-weight: 600;
display: flex;
align-items: center;
font-size: 18px;
padding-bottom: 10px; } header.menu-header .menu-container #li-search + label span.name::after {
content: '\E952';
font-family: "icomoon", sans-serif !important;
font-size: 20px;
font-weight: normal;
color: #fff;
margin-left: 35px; } header.menu-header .menu-container #li-search + label span.name::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: #044a6f; } header.menu-header .menu-container #search-nav {
display: none;
justify-content: center;
align-items: center;
position: fixed;
height: 100vh;
width: 100vw;
left: 0;
top: 0;
background: #044a6f;
z-index: 9999999; } header.menu-header .menu-container #search-nav form {
position: relative;
display: flex;
align-items: center;
width: 100%;
max-width: 768px;
opacity: 0;
transition: .5s;
transition-delay: .5s; }
@media (max-width: 1199.98px) { header.menu-header .menu-container #search-nav form {
margin: 0 56px; } }
@media (max-width: 767.98px) { header.menu-header .menu-container #search-nav form {
margin: 0 32px; } } header.menu-header .menu-container #search-nav form span {
position: absolute;
width: 100%;
height: 1px;
background: #fbf5e8;
left: 0;
bottom: 0; } header.menu-header .menu-container #search-nav form input {
background: transparent;
border: 0;
font-family: "freight-neo-pro";
font-size: 58px;
line-height: 70px;
color: #fff;
outline: none;
font-weight: 600;
width: 100%;
padding-right: 24px;
padding-bottom: 32px; }
@media (max-width: 767.98px) { header.menu-header .menu-container #search-nav form input {
font-size: 26px;
line-height: 32px; } }
@media (max-width: 767.98px) { header.menu-header .menu-container #search-nav form input {
padding-bottom: 16px; } } header.menu-header .menu-container #search-nav form input::placeholder {
color: #fff; } header.menu-header .menu-container #search-nav form button {
border: 0;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
outline: none;
font-weight: 600;
padding: 16px 24px;
background: #f8ba8d;
border-radius: 16px;
margin-top: -32px; }
@media (max-width: 767.98px) { header.menu-header .menu-container #search-nav form button {
margin-top: -16px; } } header.menu-header .menu-container input#li-search:checked ~ #search-nav {
display: flex; } header.menu-header .menu-container input#li-search:checked ~ #search-nav form {
opacity: 1; } header.menu-header .menu-container input#li-search:checked ~ label {
z-index: 99999999;
margin-right: 66px;
position: fixed;
transform: none;
top: 47px; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#li-search:checked ~ label {
margin-right: 32px; } } header.menu-header .menu-container input#li-search:checked ~ label span.name {
display: none; } header.menu-header .menu-container input#li-search:checked ~ label::before {
content: "Fermer";
font-family: "freight-neo-pro";
font-weight: 600;
font-size: 20px;
color: #fff;
right: 45px;
position: absolute;
top: 7px; } header.menu-header .menu-container input#li-search:checked ~ label::after {
content: "\E910";
font-family: "icomoon", sans-serif !important;
font-size: 32px;
color: #f8ba8d; } header.menu-header .menu-container .top-level {
height: 188px;
position: relative; }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level {
height: 108px; } } header.menu-header .menu-container .top-level::before {
content: "";
width: 100%;
height: 100%;
left: 0;
background: linear-gradient(180deg, #044a6f 85%, rgba(4, 74, 111, 0) 100%);
z-index: 9999;
position: absolute;
visibility: hidden;
opacity: 0;
height: 108px; }
@media (max-width: 767.98px) { header.menu-header .menu-container .top-level::before {
height: 88px; } }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level::before {
background: #044a6f; } } header.menu-header .menu-container .top-level .brand {
position: absolute;
top: 50%;
left: 32px;
transform: translate(0, -50%);
z-index: 99999; }
@media (max-width: 767.98px) { header.menu-header .menu-container .top-level .brand {
left: 32px; } } header.menu-header .menu-container .top-level .brand img {
transition: all ease 0.2s; }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level .brand img {
width: 86px; } } header.menu-header .menu-container .top-level .top-navigation {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
position: absolute;
top: 50%;
right: 56px;
transform: translate(0, -50%);
z-index: 99999;
transition: .5s; } header.menu-header .menu-container .top-level .top-navigation li {
margin-right: 83px; }
@media (max-width: 1300px) { header.menu-header .menu-container .top-level .top-navigation li {
margin-right: 63px; } } header.menu-header .menu-container .top-level .top-navigation li a {
font-family: "freight-neo-pro";
font-weight: 600;
display: flex;
align-items: center;
font-size: 18px;
text-decoration: none; } header.menu-header .menu-container .top-level .top-navigation li a::after {
font-family: "icomoon", sans-serif !important;
font-size: 20px;
font-weight: normal;
margin-left: 20px; } header.menu-header .menu-container .top-level .top-navigation li.li-faq a {
color: #fff; } header.menu-header .menu-container .top-level .top-navigation li.li-faq a::after {
content: '\E94B';
color: #f8ba8d; }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level .top-navigation li.li-faq {
display: none; } } header.menu-header .menu-container .top-level .top-navigation li.li-join {
position: relative;
margin-right: 449px;
font-family: "freight-neo-pro";
font-weight: 600;
display: flex;
align-items: center;
font-size: 18px;
text-decoration: none;
color: #044a6f;
cursor: pointer; } header.menu-header .menu-container .top-level .top-navigation li.li-join::before {
content: "";
width: calc(100% + 48px);
height: calc(100% + 20px);
background: #fff;
left: -24px;
top: -10px;
position: absolute;
border-radius: 16px 16px 0 0;
transition: all ease 0.2s;
opacity: 0; } header.menu-header .menu-container .top-level .top-navigation li.li-join:hover::before {
opacity: 1; } header.menu-header .menu-container .top-level .top-navigation li.li-join:hover span {
color: #044a6f; } header.menu-header .menu-container .top-level .top-navigation li.li-join:hover::after {
color: #f8ba8d; } header.menu-header .menu-container .top-level .top-navigation li.li-join:hover ul {
opacity: 1;
visibility: visible; } header.menu-header .menu-container .top-level .top-navigation li.li-join span {
display: block;
z-index: 1; } header.menu-header .menu-container .top-level .top-navigation li.li-join::after {
content: '\E930';
font-family: "icomoon", sans-serif !important;
font-size: 20px;
font-weight: normal;
margin-left: 20px;
color: #fff;
z-index: 1;
transition: all ease 0.2s; }
@media (max-width: 1300px) { header.menu-header .menu-container .top-level .top-navigation li.li-join {
margin-right: 409px; } }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level .top-navigation li.li-join {
display: none; } } header.menu-header .menu-container .top-level .top-navigation li.li-join ul {
position: absolute;
left: -24px;
top: calc(100% + 10px);
width: calc(100% + 48px);
background: #fbf5e8;
padding: 20px 24px;
border-radius: 0px 0px 16px 16px;
opacity: 0;
visibility: hidden;
transition: all ease 0.2s;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li {
margin-right: 0;
margin-bottom: 12px;
list-style-type: none; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li:last-child {
margin-bottom: 0; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 24px;
color: #044a6f;
display: flex;
align-items: flex-start; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li a:hover::before {
color: #f8ba8d; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li a:hover span {
text-decoration: underline; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li a::before {
content: "\E900";
font-family: "icomoon", sans-serif !important;
font-size: 16px;
color: #497f9b;
margin-right: 13px;
font-weight: normal; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_je_suis_professionnel_secteur a::before {
content: "\E90B"; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_je_suis_un_resident_proche_resident a::before {
content: "\E92D"; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_devenir_benevole a::before {
content: "\E902"; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_faire_un_don a::before {
content: "\E909"; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_je_suis_une_association a::before {
content: "\E903"; } header.menu-header .menu-container .top-level .top-navigation li.li-join ul li.lien_je_suis_un_acteur_du_bien_vieillir a::before {
content: "\E90A"; } header.menu-header .menu-container .top-level .top-navigation--menu-open {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
position: absolute;
top: 50%;
right: 56px;
transform: translate(0, -50%);
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: .5s; }
@media (max-width: 1199.98px) { header.menu-header .menu-container .top-level .top-navigation--menu-open {
display: none; } } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-home {
margin-right: 56px; }
@media (max-width: 1300px) { header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-home {
margin-right: 60px; } } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-home a {
font-family: "freight-neo-pro";
font-size: 20px;
font-weight: 600;
color: #fff;
display: flex;
align-items: center;
text-decoration: none; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-home a::before {
content: "\E932";
font-family: "icomoon", sans-serif !important;
font-size: 30px;
color: #f8ba8d;
font-weight: normal;
margin-right: 18px;
transition: all ease .2s; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-home a:hover::before {
margin-right: 24px; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-trouver-residence, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-contact, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don {
margin-right: 24px; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-trouver-residence a, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-contact a, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don a {
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 12px 8px 8px;
border-radius: 12px; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-trouver-residence a::before, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-contact a::before, header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don a::before {
content: "";
margin-right: 8px;
height: 32px; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-trouver-residence a {
background: #fcc66e;
color: #044a6f; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-trouver-residence a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_trouver_residence.svg); } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-contact a {
background: #2ea499;
color: #fff; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-contact a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_contact.svg); } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don {
margin-right: 175px; }
@media (max-width: 1300px) { header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don {
margin-right: 155px; } } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don a {
background: #ed6e4d;
color: #fff; } header.menu-header .menu-container .top-level .top-navigation--menu-open li.li-don a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_don.svg); } header.menu-header .menu-container input#burger {
display: none; } header.menu-header .menu-container input#burger + label {
position: absolute;
top: 50%;
right: 32px;
height: 20px;
width: 28px;
transform: translate(0, -50%);
z-index: 999999;
margin-bottom: 0; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger + label {
right: 32px; } } header.menu-header .menu-container input#burger + label::before {
content: "Menu";
font-family: "freight-neo-pro";
font-weight: 600;
font-size: 20px;
color: #044a6f;
text-transform: uppercase;
right: 45px;
position: absolute;
top: -5px; } header.menu-header .menu-container input#burger + label span {
position: absolute;
width: 100%;
height: 2px;
top: 50%;
margin-top: -1px;
left: 0;
display: block;
background: #fff;
transition: .5s; } header.menu-header .menu-container input#burger + label span:first-child {
top: 3px; } header.menu-header .menu-container input#burger + label span:last-child {
top: 17px; } header.menu-header .menu-container label:hover {
cursor: pointer; } header.menu-header .menu-container input#burger:checked + label::before {
content: "Fermer";
text-transform: none;
color: #fff !important; } header.menu-header .menu-container input#burger:checked + label span {
opacity: 0;
top: 50%;
background: #f8ba8d; } header.menu-header .menu-container input#burger:checked + label span:first-child {
opacity: 1;
transform: rotate(405deg); } header.menu-header .menu-container input#burger:checked + label span:last-child {
opacity: 1;
transform: rotate(-405deg); } header.menu-header .menu-container input#burger ~ .open-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 108px;
z-index: 4;
transition: background 0s;
transition-delay: 0s;
overflow: hidden;
visibility: hidden;
opacity: 0; } header.menu-header .menu-container input#burger ~ .open-menu .inner {
max-width: 1440px;
margin: 158px auto 0; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner {
margin: 108px auto 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
position: relative;
z-index: 99999;
display: none;
padding: 0 56px;
visibility: hidden;
opacity: 0; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile {
display: flex;
flex-wrap: wrap; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile {
padding: 0 32px; } }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li {
display: block;
width: 50%; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence {
width: 100%;
margin-top: 24px;
padding-left: 0 !important; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li {
display: block;
width: 100%; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-home {
padding-right: 12px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-home {
padding-right: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-home a {
font-family: "freight-neo-pro";
font-size: 20px;
font-weight: 600;
color: #fff;
display: flex;
align-items: center;
text-decoration: none; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-home a::before {
content: "\E932";
font-family: "icomoon", sans-serif !important;
font-size: 30px;
color: #f8ba8d;
font-weight: normal;
margin-right: 18px;
transition: all ease .2s; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-home a:hover::before {
margin-right: 24px; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence a, header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact a, header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don a {
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 12px 8px 8px;
border-radius: 12px; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence a::before, header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact a::before, header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don a::before {
content: "";
margin-right: 8px;
height: 32px; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence {
padding-left: 12px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence {
padding-left: 0;
margin-top: 24px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence a {
background: #fcc66e;
color: #044a6f; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-trouver-residence a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_trouver_residence.svg); } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact {
margin-top: 24px;
padding-right: 12px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact {
padding-right: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact a {
background: #2ea499;
color: #fff; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-contact a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_contact.svg); } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don {
margin-top: 24px;
padding-left: 12px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don {
padding-left: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don a {
background: #ed6e4d;
color: #fff; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top-navigation--mobile li.li-don a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_don.svg); } header.menu-header .menu-container input#burger ~ .open-menu .inner .top {
display: flex;
justify-content: center;
padding: 0 74px; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top {
margin-top: 56px;
flex-wrap: wrap;
justify-content: flex-start; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top {
padding: 0 32px;
flex-direction: column; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul {
list-style-type: none;
padding-left: 0;
padding-right: 24px;
flex: 1;
max-width: 300px;
min-width: 200px; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul {
max-width: 100%;
margin-bottom: 56px; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul {
margin-bottom: 32px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul .nav-title {
opacity: 0;
transition: .5s;
transition-delay: 0s;
display: block;
font-family: "freight-neo-pro";
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #fbf5e8;
margin-bottom: 8px; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li {
opacity: 0;
transition: .5s;
transition-delay: 0s; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li > ul {
padding-left: 8px;
list-style-type: none; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li a {
font-family: "freight-neo-pro";
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #fbf5e8;
text-decoration: none;
display: flex;
align-items: center;
padding: 8px 0;
text-align: left; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li a:hover::before {
margin-right: 18px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li a:hover::before {
margin-right: 14px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li a::before {
content: "\E905";
font-family: "icomoon", sans-serif !important;
font-size: 12px;
color: #fbf5e8;
margin-right: 14px;
transition: all ease .2s; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li.submenu > a {
opacity: 0.7;
pointer-events: none; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li.submenu > a::before {
content: "\E933"; } header.menu-header .menu-container input#burger ~ .open-menu .inner .top > ul > li.submenu > a:hover::before {
margin-right: 14px !important; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom {
padding: 56px 74px;
opacity: 0;
transition: .5s;
transition-delay: 0s; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom {
padding: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom {
padding: 56px 88px;
background: #002d4e;
border-radius: 32px;
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom {
border-radius: 0;
padding: 56px;
flex-direction: column;
align-items: flex-start; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom {
padding: 48px 32px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left {
width: 30%; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left {
width: 100%; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul {
list-style-type: none;
padding: 0;
margin: 0; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul {
display: flex;
flex-wrap: wrap; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li {
padding-bottom: 24px; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li {
width: 50%; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li {
width: 100%; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li:last-child {
padding-bottom: 0; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li a {
font-family: "freight-neo-pro";
font-size: 21px;
line-height: 27px;
font-weight: 700;
color: #fff;
text-decoration: none; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .left ul li a:hover {
text-decoration: underline; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right {
width: 70%;
max-width: 725px; }
@media (max-width: 1199.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right {
width: 100%;
max-width: 100%;
margin-top: 56px; } }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right {
width: 100%;
max-width: 100%; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .bloc-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .bloc-top {
flex-direction: column;
align-items: flex-start;
margin-bottom: 56px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .bloc-top span {
display: block;
font-family: "freight-neo-pro";
font-size: 26px;
line-height: 31px;
font-weight: 600;
color: #fff;
padding-right: 32px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .bloc-top span {
margin-bottom: 24px;
padding-right: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .bloc-top .newsletter {
padding: 16px 24px;
border-radius: 16px;
background: #fcc66e;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 21px;
font-weight: 600;
color: #044a6f;
text-decoration: none; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social {
flex-direction: column;
align-items: flex-start; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li {
margin-right: 54px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li {
margin-right: 0;
margin-bottom: 24px; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li:last-child {
margin-right: 0; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li:last-child {
margin-bottom: 0; } } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #fff;
display: flex;
align-items: center;
text-decoration: none !important; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a:hover::before {
color: #fcc66e; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a::before {
font-family: "icomoon", sans-serif !important;
font-size: 16px;
color: #fbf5e8;
margin-right: 14px;
transition: all ease .2s; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a.facebook::before {
content: "\E924"; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a.twitter::before {
content: "\E964"; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a.instagram::before {
content: "\E92E"; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a.youtube::before {
content: "\E96C"; } header.menu-header .menu-container input#burger ~ .open-menu .inner .bottom .inner-bottom .right .menu-social li a.linkedin::before {
content: "\E935"; } header.menu-header .menu-container input#burger:checked ~ .open-menu {
height: 100%;
transition-delay: 0s;
background: #044a6f;
overflow: auto;
visibility: visible;
opacity: 1; } header.menu-header .menu-container input#burger:checked ~ .open-menu .inner > .top-navigation--mobile {
visibility: visible;
opacity: 1;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ .open-menu .inner .top .nav-title {
opacity: 1;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ .open-menu .inner .top > ul > li {
opacity: 1;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ .open-menu .inner .bottom {
opacity: 1;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ label {
top: 54px; }
@media (max-width: 767.98px) { header.menu-header .menu-container input#burger:checked ~ label {
top: 44px; } } header.menu-header .menu-container input#burger:checked ~ label[for=li-search] {
display: none; } header.menu-header .menu-container input#burger:checked ~ .top-level {
height: 108px;
top: 0;
left: 0;
z-index: 9;
width: 100%;
position: fixed;
max-width: 1440px;
margin: auto;
left: 50%;
transform: translate(-50%, 0); } header.menu-header .menu-container input#burger:checked ~ .top-level::before {
opacity: 1;
visibility: visible;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ .top-level > .brand img {
width: 86px; } header.menu-header .menu-container input#burger:checked ~ .top-level > .top-navigation {
display: none;
visibility: hidden;
opacity: 0;
transition-delay: .5s; } header.menu-header .menu-container input#burger:checked ~ .top-level > .top-navigation--menu-open {
visibility: visible;
opacity: 1;
transition-delay: .5s; }  .mobile-menu {
display: none;
position: fixed;
width: 100vw;
background: #fbf5e8;
left: 0;
bottom: 0;
z-index: 99999;
align-items: center;
border-radius: 12px 12px 0 0;
padding: 14px 16px;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); }
@media (max-width: 991.98px) { .mobile-menu {
display: flex; } } .mobile-menu .open-faq-mobile {
font-family: "freight-neo-pro";
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #044a6f;
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0;
text-decoration: none !important; } .mobile-menu .open-faq-mobile::before {
content: "\E94B";
font-size: 20px;
color: #2ea499;
font-family: "icomoon", sans-serif !important;
margin-bottom: 10px;
font-weight: normal; } .mobile-menu label {
font-family: "freight-neo-pro";
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #044a6f;
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0; } .mobile-menu label::before {
font-size: 20px;
color: #2ea499;
font-family: "icomoon", sans-serif !important;
margin-bottom: 10px;
font-weight: normal; } .mobile-menu label.open-acces-rapide-mobile-trigger::before {
content: "\E953"; } .mobile-menu label.open-rejoindre-mobile-trigger::before {
content: "\E930"; } .mobile-menu label.open-li-search-trigger::before {
content: "\E952"; } .mobile-menu .open-acces-rapide-mobile:checked ~ .acces-rapide-mobile {
visibility: visible;
opacity: 1;
bottom: 70px; } .mobile-menu .open-rejoindre-mobile:checked ~ .rejoindre-mobile {
visibility: visible;
opacity: 1;
bottom: 70px; } .mobile-menu .acces-rapide-mobile {
position: fixed;
visibility: hidden;
opacity: 0;
background: #044a6f;
bottom: -100%;
left: 0;
width: 100%;
padding: 32px 24px 24px 24px;
transition: all ease .2s;
z-index: -1;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); } .mobile-menu .acces-rapide-mobile .close-acces-rapide-mobile-trigger {
color: #fff;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
font-size: 20px;
line-height: 20px; } .mobile-menu .acces-rapide-mobile .close-acces-rapide-mobile-trigger::before {
font-family: "icomoon", sans-serif !important;
content: "\E910";
font-size: 26px;
color: #f8ba8d;
margin-right: 16px;
margin-bottom: 0; } .mobile-menu .acces-rapide-mobile ul {
margin-top: 48px;
margin-bottom: 0;
padding: 0;
list-style-type: none; }
@media (max-width: 767.98px) { .mobile-menu .acces-rapide-mobile ul {
margin-top: 32px; } } .mobile-menu .acces-rapide-mobile ul li {
margin-bottom: 24px; }
@media (max-width: 767.98px) { .mobile-menu .acces-rapide-mobile ul li {
width: 100%; } } .mobile-menu .acces-rapide-mobile ul li:last-child {
margin-bottom: 0; } .mobile-menu .acces-rapide-mobile ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 20px 8px 8px;
border-radius: 12px;
width: max-content; }
@media (max-width: 767.98px) { .mobile-menu .acces-rapide-mobile ul li a {
width: 100%; } } .mobile-menu .acces-rapide-mobile ul li a::before {
content: "";
margin-right: 8px;
height: 32px; } .mobile-menu .acces-rapide-mobile ul li a::after {
font-family: "icomoon", sans-serif !important;
content: "\E905";
visibility: hidden;
opacity: 0;
font-size: 18px;
color: #fff;
transition: all ease .2s;
width: 0; }
@media (max-width: 767.98px) { .mobile-menu .acces-rapide-mobile ul li a::after {
content: none; } } .mobile-menu .acces-rapide-mobile ul li a:hover::after {
visibility: visible;
opacity: 1;
margin-left: 20px;
width: auto; } .mobile-menu .acces-rapide-mobile ul li.li-trouver-residence a {
background: #fcc66e;
color: #044a6f; } .mobile-menu .acces-rapide-mobile ul li.li-trouver-residence a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_trouver_residence.svg); } .mobile-menu .acces-rapide-mobile ul li.li-contact a {
background: #2ea499;
color: #fff; } .mobile-menu .acces-rapide-mobile ul li.li-contact a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_contact.svg); } .mobile-menu .acces-rapide-mobile ul li.li-don a {
background: #ed6e4d;
color: #fff; } .mobile-menu .acces-rapide-mobile ul li.li-don a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_don.svg); } .mobile-menu .rejoindre-mobile {
position: fixed;
visibility: hidden;
opacity: 0;
background: #044a6f;
bottom: -100%;
left: 0;
width: 100%;
padding: 32px 24px 24px 24px;
transition: all ease .2s;
z-index: -1;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); } .mobile-menu .rejoindre-mobile .close-acces-rejoindre-trigger {
color: #fff;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
font-size: 20px;
line-height: 20px; } .mobile-menu .rejoindre-mobile .close-acces-rejoindre-trigger::before {
font-family: "icomoon", sans-serif !important;
content: "\E910";
font-size: 26px;
color: #f8ba8d;
margin-right: 16px;
margin-bottom: 0; } .mobile-menu .rejoindre-mobile ul {
transition: all ease 0.2s;
padding: 0;
margin: 32px 0 0; } .mobile-menu .rejoindre-mobile ul li {
margin-right: 0;
margin-bottom: 12px;
list-style-type: none; } .mobile-menu .rejoindre-mobile ul li:last-child {
margin-bottom: 0; } .mobile-menu .rejoindre-mobile ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 24px;
color: #fff;
display: flex;
align-items: flex-start; } .mobile-menu .rejoindre-mobile ul li a:hover::before {
color: #f8ba8d; } .mobile-menu .rejoindre-mobile ul li a:hover span {
text-decoration: underline; } .mobile-menu .rejoindre-mobile ul li a::before {
content: "\E900";
font-family: "icomoon", sans-serif !important;
font-size: 16px;
color: #497f9b;
margin-right: 13px;
font-weight: normal; } .mobile-menu .rejoindre-mobile ul li.lien_je_suis_professionnel_secteur a::before {
content: "\E90B"; } .mobile-menu .rejoindre-mobile ul li.lien_je_suis_un_resident_proche_resident a::before {
content: "\E92D"; } .mobile-menu .rejoindre-mobile ul li.lien_devenir_benevole a::before {
content: "\E902"; } .mobile-menu .rejoindre-mobile ul li.lien_faire_un_don a::before {
content: "\E909"; } .mobile-menu .rejoindre-mobile ul li.lien_je_suis_une_association a::before {
content: "\E903"; } .mobile-menu .rejoindre-mobile ul li.lien_je_suis_un_acteur_du_bien_vieillir a::before {
content: "\E90A"; }  .page-header-home {
position: relative;
display: flex;
align-items: center;
min-height: calc(100vh - 168px); }
@media (max-width: 1199.98px) { .page-header-home {
min-height: calc(100vh - 108px);
display: none; } } .page-header-home .right {
position: absolute;
left: 100px;
width: 600px;
height: 620px;
margin-top: -84px;
top: 50%;
transform: translate(0, -50%); }
@media screen and (max-width: 1300px) { .page-header-home .right {
left: 70px;
transform: translate(0, -50%) scale(0.7); } } .page-header-home .right .image-banner-1 {
position: absolute;
top: 100px;
left: 100px;
width: 100%; }
@media screen and (max-width: 1400px) { .page-header-home .right .image-banner-1 {
left: 0; } } .page-header-home .right .image-banner-1.video {
cursor: pointer; } .page-header-home .right .image-banner-1.video:hover .cta-primary, .page-header-home .right .image-banner-1.video:hover #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .page-header-home .right .image-banner-1.video:hover .tarteaucitronAllow, .page-header-home .right .image-banner-1.video:hover #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .page-header-home .right .image-banner-1.video:hover .tarteaucitronDeny, .page-header-home .right .image-banner-1.video:hover .tac_activate .tarteaucitronAllow, .tac_activate .page-header-home .right .image-banner-1.video:hover .tarteaucitronAllow {
transform: scale(1.05); } .page-header-home .right .image-banner-1 .inner-button {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2; } .page-header-home .right .image-banner-1 .inner-button::before {
font-family: "icomoon", sans-serif !important;
content: "\E947";
font-size: 96px;
color: #fff;
z-index: 1; } .page-header-home .right .image-banner-1 img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto;
mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/mask-video-home.svg);
-webkit-mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/mask-video-home.svg);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
-webkit-mask-size: 100%;
mask-position: center;
-webkit-mask-position: center; } .page-header-home .right .image-banner-2 {
position: absolute;
top: 320px;
left: 280px; }
@media screen and (max-width: 1441px) { .page-header-home .right .image-banner-2 {
left: 180px; } } .page-header-home .right .image-banner-2 img {
display: block;
max-width: 380px;
width: 380px;
height: auto;
margin: 0 auto;
mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme2.svg);
-webkit-mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme2.svg);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 360px;
-webkit-mask-size: 360px;
mask-position: center;
-webkit-mask-position: center; }  .page-header-residence {
position: relative;
margin-bottom: 32px; }
@media (max-width: 767.98px) { .page-header-residence {
padding: 0 16px; } } .page-header-residence::before {
content: "";
width: 100vw;
height: 100%;
background: #fff;
position: absolute;
top: -168px;
right: 75px;
border-radius: 0px 0px 112px 0px;
z-index: -1; }
@media (max-width: 991.98px) { .page-header-residence::before {
top: -108px;
height: calc(100% + 170px);
right: inherit;
left: 50%;
transform: translate(-50%, 0);
border-radius: 0px 0px 48px 0px; } } .page-header-residence .inner {
margin-top: 80px; }
@media (max-width: 991.98px) { .page-header-residence .inner {
margin-top: 40px; } }
@media (max-width: 991.98px) { .page-header-residence .inner .bloc-top {
display: flex;
flex-direction: column-reverse; } } .page-header-residence .inner .bloc-top .tag-list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px; }
@media (max-width: 991.98px) { .page-header-residence .inner .bloc-top .tag-list {
margin-bottom: 12px; } } .page-header-residence .inner .bloc-top .tag-list li {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 6px 12px;
background: #044a6f;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 12px; } .page-header-residence .inner .bloc-top .tag-list li img {
width: 16px;
margin-right: 12px; } .page-header-residence .inner .bloc-top .tag-list li:last-child {
margin-right: 0; } .page-header-residence .inner .bloc-top .title--1 {
color: #044a6f;
font-weight: 600;
margin-bottom: 40px; }
@media (max-width: 991.98px) { .page-header-residence .inner .bloc-top .title--1 {
margin-bottom: 16px; } } .page-header-residence .inner .inner-carousel {
position: relative;
margin-bottom: 134px; }
@media (max-width: 991.98px) { .page-header-residence .inner .inner-carousel {
margin-bottom: 115px; } } .page-header-residence .inner .inner-carousel .cta-primary, .page-header-residence .inner .inner-carousel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .page-header-residence .inner .inner-carousel .tarteaucitronAllow, .page-header-residence .inner .inner-carousel #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .page-header-residence .inner .inner-carousel .tarteaucitronDeny, .page-header-residence .inner .inner-carousel .tac_activate .tarteaucitronAllow, .tac_activate .page-header-residence .inner .inner-carousel .tarteaucitronAllow {
position: absolute;
left: 16px;
bottom: 16px;
z-index: 9;
cursor: pointer;
z-index: 2; } .page-header-residence .inner .inner-carousel #open-gallery-checkbox:checked ~ .open-gallery {
visibility: visible;
opacity: 1; } .page-header-residence .inner .inner-carousel .open-gallery {
visibility: hidden;
opacity: 0;
position: fixed;
width: 100vw;
min-height: 100vh;
max-height: 100vh;
overflow: auto;
background: #fff;
z-index: 9999999;
top: 0;
left: 0;
transition: opacity .2s; } .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery {
position: fixed;
width: 100vw;
left: 0;
top: 0;
z-index: 99999999; }
@media (max-width: 1600px) { .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery {
background: #fff; } } .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery .inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 108px;
margin-top: 0; } .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery .inner .close-gallery {
font-family: "freight-neo-pro";
font-size: 20px;
line-height: 20px;
color: #044a6f;
margin-bottom: 0;
font-weight: 600;
margin-left: 56px;
display: flex;
align-items: center;
cursor: pointer; }
@media (max-width: 991.98px) { .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery .inner .close-gallery {
margin-left: 32px; } } .page-header-residence .inner .inner-carousel .open-gallery .menu-gallery .inner .close-gallery::before {
content: "\E932";
font-family: "icomoon", sans-serif !important;
margin-right: 18px;
font-size: 30px;
font-weight: normal;
color: #f8ba8d; } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 108px; }
@media (max-width: 991.98px) { .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner {
padding-left: 32px;
padding-right: 32px; } } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc {
width: calc(50% - 24px);
margin-bottom: 48px; } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc:first-child {
width: 100%; }
@media (max-width: 991.98px) { .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc {
width: 100%;
margin-bottom: 24px; } } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc .image {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc .image:first-child {
width: 100%; } .page-header-residence .inner .inner-carousel .open-gallery .content-gallery .inner .inner-bloc .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .page-header-residence .inner .gallery-residence {
position: relative;
width: 100%;
display: flex; }
@media (max-width: 991.98px) { .page-header-residence .inner .gallery-residence {
flex-direction: column; } } .page-header-residence .inner .gallery-residence.more-than-one .main-image {
width: 50%;
margin-right: 24px; }
@media (max-width: 991.98px) { .page-header-residence .inner .gallery-residence.more-than-one .main-image {
width: 100%; } } .page-header-residence .inner .gallery-residence.more-than-one .mosaic {
width: 50%; }
@media (max-width: 991.98px) { .page-header-residence .inner .gallery-residence.more-than-one .mosaic {
display: none; } } .page-header-residence .inner .gallery-residence .image {
display: block;
position: relative;
width: 100%;
padding-top: 464px; }
@media (max-width: 991.98px) { .page-header-residence .inner .gallery-residence .image {
padding-top: 75%; } } .page-header-residence .inner .gallery-residence .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .page-header-residence .inner .gallery-residence .mosaic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 464px; } .page-header-residence .inner .gallery-residence .mosaic.count-2 .image {
width: 100%;
margin-bottom: 0; } .page-header-residence .inner .gallery-residence .mosaic.count-3 .image:nth-last-child(-n+2) {
margin-bottom: 0; } .page-header-residence .inner .gallery-residence .mosaic.count-4 .image:nth-last-child(-n+1) {
margin-bottom: 0;
width: 100%; } .page-header-residence .inner .gallery-residence .mosaic.count-5 .image:nth-last-child(-n+2) {
margin-bottom: 0; } .page-header-residence .inner .gallery-residence .mosaic .image {
width: calc(50% - 12px);
padding-top: 220px;
margin-bottom: 24px; } .page-header-residence .inner .carousel-header-residence {
outline: none;
position: relative; } .page-header-residence .inner .carousel-header-residence .flickity-viewport {
overflow: hidden; } .page-header-residence .inner .carousel-header-residence.more-than-one .carousel-cell {
width: calc(50% - 12px);
margin-right: 24px; }
@media (max-width: 991.98px) { .page-header-residence .inner .carousel-header-residence.more-than-one .carousel-cell {
width: 100%;
margin-right: 0; } } .page-header-residence .inner .carousel-header-residence.more-than-five .carousel-cell {
width: calc(50% - 12px);
margin-right: 24px; } .page-header-residence .inner .carousel-header-residence.more-than-five .mosaic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 464px; } .page-header-residence .inner .carousel-header-residence.more-than-five .mosaic .image {
width: calc(50% - 12px);
padding-top: 220px;
margin-bottom: 24px; } .page-header-residence .inner .carousel-header-residence.more-than-five .mosaic .image:nth-last-child(-n+2) {
margin-bottom: 0; } .page-header-residence .inner .carousel-header-residence .carousel-cell {
width: 100%; } .page-header-residence .inner .carousel-header-residence .carousel-cell .image {
display: block;
position: relative;
width: 100%;
padding-top: 464px; } .page-header-residence .inner .carousel-header-residence .carousel-cell .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .page-header-residence .inner .carousel-header-residence .flickity-button {
position: absolute; } .page-header-residence .inner .carousel-header-residence .flickity-button:disabled {
display: none; } .page-header-residence .inner .carousel-header-residence .flickity-button {
position: absolute;
top: 50%;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; } .page-header-residence .inner .carousel-header-residence .flickity-button:hover {
background-color: #044a6f; } .page-header-residence .inner .carousel-header-residence .flickity-button svg {
display: none; } .page-header-residence .inner .carousel-header-residence .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .page-header-residence .inner .carousel-header-residence .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .page-header-residence .inner .carousel-header-residence .flickity-button.previous::before {
content: "\E904"; } .page-header-residence .inner .carousel-header-residence .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .page-header-residence .inner .carousel-header-residence .flickity-button.next::before {
content: "\E905"; } .page-header-residence .inner .carousel-header-residence .flickity-page-dots {
position: absolute;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 42px auto 0; }
@media (max-width: 991.98px) { .page-header-residence .inner .carousel-header-residence .flickity-page-dots {
margin: 24px auto 0; } } .page-header-residence .inner .carousel-header-residence .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .page-header-residence .inner .carousel-header-residence .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .page-header-residence .inner .carousel-header-residence .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .page-header-residence .inner .carousel-header-residence .flickity-page-dots li:last-child {
margin-right: 0; } .page-header-residence .inner .carousel-header-residence .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .page-header-residence .inner .carousel-header-residence .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .page-header {
position: relative;
margin-bottom: 32px; }
@media (max-width: 767.98px) { .page-header {
padding: 0 16px; } } .page-header .bg-decoration {
width: 100vw;
height: calc(100% + 168px);
background: #fff;
position: absolute;
top: -168px;
right: 75px;
border-radius: 0px 0px 112px 0px;
z-index: -1; }
@media (max-width: 991.98px) { .page-header .bg-decoration {
margin-top: 0 !important;
top: -108px;
height: calc(100% + 140px);
right: inherit;
left: 50%;
transform: translate(-50%, 0);
border-radius: 0px 0px 48px 0px; } } .page-header .inner {
display: flex;
align-items: center;
padding: 80px 0 112px 0; }
@media (max-width: 991.98px) { .page-header .inner {
flex-direction: column;
padding: 48px 0 0 0; } } .page-header .inner.no-img .title--1 {
max-width: 800px;
margin: auto;
text-align: center; }
@media (max-width: 991.98px) { .page-header .inner.no-img .title--1 {
text-align: left; } } .page-header .inner .left,
.page-header .inner .right {
flex: 1;
width: 100%; }
@media (max-width: 991.98px) { .page-header .inner .right {
width: 100vw; } }
@media (max-width: 991.98px) { .page-header .inner .left {
margin-bottom: 32px; } } .page-header .inner .left .tag-list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 8px; } .page-header .inner .left .tag-list li {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 16px;
line-height: 20px;
color: #044a6f;
font-weight: 600;
padding: 6px 12px;
background: transparent;
border-radius: 6px;
margin-right: 12px;
margin-bottom: 12px;
border: 1px solid #497f9b; } .page-header .inner .left .tag-list li.withLink {
padding: 0; } .page-header .inner .left .tag-list li.withLink a {
padding: 6px 12px; } .page-header .inner .left .tag-list li a {
text-decoration: none;
color: #044a6f; } .page-header .inner .left .tag-list li:last-child {
margin-right: 0; } .page-header .inner .left .metas {
margin-top: 16px; } .page-header .inner .left .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .page-header .inner .left .metas span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .page-header .inner .title--1 {
color: #044a6f;
font-weight: 600;
padding-right: 48px; } .page-header .inner .image {
display: block;
position: relative;
width: 100%;
padding-top: 65%; } .page-header .inner .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; }
@media (max-width: 991.98px) { .page-header .inner .image img {
border-radius: 0; } } .page-header .desc .read-more-target p:first-child {
margin-top: 24px; } .page-header .desc .main-text > :first-child {
margin-top: 0 !important; } .page-header .desc .main-text > :last-child {
margin-bottom: 0 !important; } .page-header .desc a {
color: #044a6f;
text-decoration: underline; } .page-header .chapo {
position: relative;
padding: 48px;
background: #f8ba8d;
border-radius: 16px;
max-width: 800px; } .page-header .chapo.yellow {
background: #fcc66e; } .page-header .chapo.yellow label span::after {
color: #fcc66e; } .page-header .chapo.yellow::before {
background: #fcc66e; } .page-header .chapo.blue {
background: #044a6f; } .page-header .chapo.blue p,
.page-header .chapo.blue a,
.page-header .chapo.blue li {
color: #fff; } .page-header .chapo.blue label span::before {
color: #fff; } .page-header .chapo.blue label span::after {
color: #044a6f; } .page-header .chapo.blue::before {
background: #044a6f; } .page-header .chapo.saumon {
background: #f8ba8d; } .page-header .chapo.saumon label span::after {
color: #f8ba8d; } .page-header .chapo.saumon::before {
background: #f8ba8d; }
@media (max-width: 991.98px) { .page-header .chapo {
padding: 48px 32px 48px 0;
margin-right: 16px;
border-radius: 0px 0px 24px 0px; } .page-header .chapo::before {
content: "";
position: absolute;
height: 100%;
width: 100vw;
top: 0;
right: 50%;
z-index: -1; } }
@media (max-width: 767.98px) { .page-header .chapo {
padding: 48px 32px 48px 0; } }  .post-card__actualite {
position: relative;
text-decoration: none !important; } .post-card__actualite:hover .cta-post-card::before {
width: 25px; } .post-card__actualite .a-la-une {
display: none;
align-items: center;
padding: 16px 24px;
border-radius: 16px;
background: #ed6e4d;
position: absolute;
left: -16px;
top: -16px;
z-index: 9; } .post-card__actualite .a-la-une span {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
font-family: "freight-neo-pro";
color: #fff;
font-weight: 700;
width: max-content; } .post-card__actualite .a-la-une span::before {
font-family: "icomoon", sans-serif !important;
content: "\E95C";
margin-right: 18px;
font-weight: normal; } .post-card__actualite .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__actualite .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__actualite .title {
display: block;
margin-top: 32px;
text-decoration: none; } .post-card__actualite .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__actualite .metas {
margin-top: 16px;
margin-bottom: 24px; } .post-card__actualite .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .post-card__actualite .metas span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .post-card__actualite .excerpt {
margin-top: 24px;
margin-bottom: 32px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__actualite .excerpt strong {
font-weight: 400; } .post-card__actualite .excerpt p:last-child {
margin-bottom: 0; } .post-card__actualite .cta-post-card {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .post-card__actualite .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .post-card__actualite .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__emploi {
position: relative;
padding: 24px;
border-radius: 16px;
background: #fff; } .post-card__emploi .title {
display: block;
text-decoration: none;
margin-bottom: 12px; } .post-card__emploi .title .title--4 {
font-weight: 600;
color: #044a6f;
margin: 0; } .post-card__emploi .metas {
margin-top: 16px;
margin-bottom: 24px; } .post-card__emploi .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .post-card__emploi .metas .date span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #2ea499;
margin-right: 10px; } .post-card__emploi .metas .contrat {
display: flex;
align-items: center; } .post-card__emploi .metas .contrat span {
margin-right: 5px; } .post-card__emploi .metas .contrat span::after {
content: ","; } .post-card__emploi .metas .contrat span:last-child::after {
content: none; } .post-card__emploi .metas .contrat::before {
content: "\E90B";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #2ea499;
margin-right: 10px; } .post-card__emploi .metas .residence {
display: flex;
flex-wrap: wrap; } .post-card__emploi .metas .residence span {
margin-right: 5px; } .post-card__emploi .metas .residence span::after {
content: ","; } .post-card__emploi .metas .residence span:last-child::after {
content: none; } .post-card__emploi .metas .residence::before {
content: "\E92D";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #2ea499;
margin-right: 10px; } .post-card__emploi .excerpt {
margin-top: 16px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__emploi .excerpt strong {
font-weight: 400; } .post-card__emploi .excerpt p:last-child {
margin-bottom: 0; } .post-card__emploi .cta-post-card {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content;
margin-top: 24px; } .post-card__emploi .cta-post-card::after {
content: "\E923";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #044a6f;
margin-left: 20px; } .post-card__emploi .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__emploi .cta-post-card:hover::before {
width: 25px; } .post-card__actualite_2 {
position: relative;
background: #fff;
border-radius: 16px;
display: block;
text-decoration: none !important; } .post-card__actualite_2:hover .cta-post-card::before {
width: 25px; } .post-card__actualite_2 .inner-card {
padding: 24px; } .post-card__actualite_2 .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__actualite_2 .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__actualite_2 .title {
display: block;
margin-top: 12px;
text-decoration: none; } .post-card__actualite_2 .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__actualite_2 .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .post-card__actualite_2 .metas span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .post-card__actualite_2 .excerpt {
margin-top: 16px;
margin-bottom: 24px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__actualite_2 .excerpt strong {
font-weight: 400; } .post-card__actualite_2 .excerpt p:last-child {
margin-bottom: 0; } .post-card__actualite_2 .cta-post-card {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .post-card__actualite_2 .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .post-card__actualite_2 .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__temoignage_2 {
position: relative;
background: #fff;
border-radius: 16px;
display: block;
text-decoration: none !important; } .post-card__temoignage_2:hover .cta-post-card::before {
width: 25px; } .post-card__temoignage_2 .icon {
position: absolute;
top: 16px;
left: 16px;
width: 48px;
height: 48px;
background: #fbf5e8;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
z-index: 2; } .post-card__temoignage_2 .icon::before {
font-family: "icomoon", sans-serif !important;
content: "\E94C";
font-size: 25px;
color: #f8ba8d; } .post-card__temoignage_2 .inner-card {
padding: 24px; } .post-card__temoignage_2 .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__temoignage_2 .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__temoignage_2 .title {
display: block;
margin-top: 12px;
text-decoration: none; } .post-card__temoignage_2 .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__temoignage_2 .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .post-card__temoignage_2 .metas span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .post-card__temoignage_2 .excerpt {
margin-top: 16px;
margin-bottom: 24px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__temoignage_2 .excerpt strong {
font-weight: 400; } .post-card__temoignage_2 .excerpt p:last-child {
margin-bottom: 0; } .post-card__temoignage_2 .cta-post-card {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .post-card__temoignage_2 .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .post-card__temoignage_2 .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__temoignage {
position: relative;
display: block;
text-decoration: none !important; } .post-card__temoignage:hover .cta-post-card::before {
width: 25px; } .post-card__temoignage .icon {
position: absolute;
top: 16px;
left: 16px;
width: 48px;
height: 48px;
background: #fbf5e8;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
z-index: 2; } .post-card__temoignage .icon::before {
font-family: "icomoon", sans-serif !important;
content: "\E94C";
font-size: 25px;
color: #f8ba8d; } .post-card__temoignage .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__temoignage .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__temoignage .title {
display: block;
margin-top: 32px;
text-decoration: none; } .post-card__temoignage .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__temoignage .metas {
margin-top: 16px;
margin-bottom: 24px; } .post-card__temoignage .metas span {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f; } .post-card__temoignage .metas span::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .post-card__temoignage .excerpt {
margin-top: 24px;
margin-bottom: 32px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__temoignage .excerpt strong {
font-weight: 400; } .post-card__temoignage .excerpt p:last-child {
margin-bottom: 0; } .post-card__temoignage .cta-post-card {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .post-card__temoignage .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .post-card__temoignage .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__rebond {
position: relative; } .post-card__rebond .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__rebond .thumbnail.no-img {
position: relative;
background: #fbf5e8;
border-radius: 16px;
overflow: hidden; } .post-card__rebond .thumbnail.no-img::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/empty_img_rebond.svg);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); } .post-card__rebond .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__rebond .title {
display: block;
margin-top: 32px;
text-decoration: none; } .post-card__rebond .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__rebond .cta-post-card {
margin-top: 24px;
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 400;
background: none;
text-decoration: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .post-card__rebond .cta-post-card::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .post-card__rebond .cta-post-card::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .post-card__rebond .cta-post-card:hover::before {
width: 25px; } .post-card__association {
position: relative; } .post-card__association .thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%; } .post-card__association .thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px; } .post-card__association .title {
display: block;
margin-top: 32px;
text-decoration: none; } .post-card__association .title .title--4 {
font-weight: 600;
color: #044a6f; } .post-card__association .excerpt {
margin-top: 24px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro"; } .post-card__association .excerpt strong {
font-weight: 400; } .post-card__association .excerpt a {
color: #ed6e4d;
text-decoration: underline; } .post-card__association .excerpt p:last-child {
margin-bottom: 0; } .post-card__association .excerpt ul {
margin-top: 12px; } .post-card__faq .inner {
display: flex;
justify-content: space-between;
width: 100%;
padding: 32px;
border-radius: 16px;
background: #497f9b; }
@media (max-width: 991.98px) { .post-card__faq .inner {
flex-direction: column;
align-items: center; } } .post-card__faq .inner .title {
display: block;
text-decoration: none; } .post-card__faq .inner .title .title--4 {
font-weight: 600;
color: #fff; } .post-card__faq .inner a {
margin-left: 32px;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 32px;
color: #fff;
display: flex;
align-items: center;
text-decoration: none !important;
min-width: max-content; }
@media (max-width: 991.98px) { .post-card__faq .inner a {
margin-left: 0;
margin-top: 24px; } } .post-card__faq .inner a::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 26px;
color: #f8ba8d;
margin-left: 20px; }  #module-sundaffil {
font-family: "freight-neo-pro" !important; } #module-sundaffil #sundaffil_search {
background-color: #fbf5e8 !important;
padding: 0 !important; } #module-sundaffil .sundaffil_small {
font-family: "freight-sans-pro" !important;
font-size: 12px !important;
margin-top: 4px !important;
display: block; } #module-sundaffil #sundaffil_main .sundaffil_action_button {
font-family: "freight-neo-pro" !important;
font-size: 18px;
line-height: 22px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 16px 24px;
border-radius: 12px;
width: auto !important;
height: auto !important;
margin: 0 !important; } #module-sundaffil #sundaffil_main #sundaffil_search_form {
max-width: none;
display: flex;
margin: 0;
align-items: center;
justify-content: center; }
@media (max-width: 767.98px) { #module-sundaffil #sundaffil_main #sundaffil_search_form {
flex-direction: column; } #module-sundaffil #sundaffil_main #sundaffil_search_form .sundaffil_content_field {
width: 100%;
margin-right: 0; } #module-sundaffil #sundaffil_main #sundaffil_search_form .sundaffil_content_field input {
width: 100%; } #module-sundaffil #sundaffil_main #sundaffil_search_form .sundaffil_action_button {
width: 100% !important;
margin-top: 16px !important;
justify-content: center; } } #module-sundaffil #sundaffil_main #sundaffil_search_form .sundaffil_content_field label {
font-family: "freight-neo-pro" !important;
font-size: 24px !important; } #module-sundaffil #sundaffil_content_field label,
#module-sundaffil #sundaffil_content_field input,
#module-sundaffil #sundaffil_content_field span {
font-family: "freight-neo-pro" !important; } #module-sundaffil #sundaffil_content a,
#module-sundaffil #sundaffil_content .color_body {
color: #044a6f !important; }
@media (max-width: 767.98px) { #module-sundaffil #sundaffil_results {
margin-top: 32px !important; } } #module-sundaffil #sundaffil_results #sundaffil_nb_of_matching_jobs h1 {
font-family: "freight-neo-pro" !important;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #044a6f;
margin-bottom: 16px;
order: 2; }
@media (max-width: 991.98px) { #module-sundaffil #sundaffil_results #sundaffil_nb_of_matching_jobs h1 {
font-size: 18px;
line-height: 18px; } } #module-sundaffil #sundaffil_results #sundaffil_page_filters {
margin: -34px 0 16px 0 !important; } #module-sundaffil #sundaffil_results #sundaffil_page_filters h4 {
font-family: "freight-neo-pro" !important;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #044a6f; }
@media (max-width: 991.98px) { #module-sundaffil #sundaffil_results #sundaffil_page_filters h4 {
font-size: 18px;
line-height: 18px; } } #module-sundaffil #sundaffil_results #sundaffil_page_filters ul li {
font-family: "freight-neo-pro" !important;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #044a6f; }
@media (max-width: 991.98px) { #module-sundaffil #sundaffil_results #sundaffil_page_filters ul li {
font-size: 18px;
line-height: 18px; } } #module-sundaffil #sundaffil_results .sundaffil_article {
background: #fff !important;
border-radius: 16px;
margin: 16px 0 !important;
padding: 24px !important; } #module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article {
margin-bottom: 16px !important; } #module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article h2,
#module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article span {
font-family: "freight-neo-pro" !important;
font-size: 24px;
line-height: 30px;
font-weight: 600; } #module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article h2 {
text-decoration: underline; } #module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article h2 a {
color: #ed6e4d !important; } #module-sundaffil #sundaffil_results .sundaffil_article .sundaffil_header_article span {
color: black; } #module-sundaffil #sundaffil_results .sundaffil_search_description {
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 26px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } #module-sundaffil #sundaffil_results .sundaffil_footer_article ul {
display: flex;
align-items: center;
flex-wrap: wrap; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_time {
background: none !important;
display: flex;
align-items: center;
padding: 0;
margin: 0 16px 8px 0; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_time::before {
content: "\E90F";
font-family: icomoon, sans-serif !important;
font-size: 14px;
color: #f8ba8d;
margin-right: 8px; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_posts {
background: none !important;
display: flex;
align-items: center;
padding: 0;
margin: 0 16px 8px 0; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_posts::before {
content: "\E95F";
font-family: icomoon, sans-serif !important;
font-size: 14px;
color: #f8ba8d;
margin-right: 8px; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_contract {
background: none !important;
display: flex;
align-items: center;
padding: 0;
margin: 0 16px 8px 0; } #module-sundaffil #sundaffil_results .sundaffil_footer_article .sundaffil_contract::before {
content: "\E925";
font-family: icomoon, sans-serif !important;
font-size: 14px;
color: #f8ba8d;
margin-right: 8px; } #module-sundaffil #sundaffil_footer_results {
border-top: 0 !important; } #module-sundaffil #sundaffil_footer_results .sundaffil_pager {
overflow: visible !important; } #module-sundaffil #sundaffil_footer_results .sundaffil_pager h4,
#module-sundaffil #sundaffil_footer_results .sundaffil_pager .pagination {
font-family: "freight-neo-pro" !important;
font-size: 18px !important;
line-height: 18px !important;
font-weight: 600;
color: #044a6f; } #module-sundaffil #sundaffil_footer_results .sundaffil_pager .current {
color: #f8ba8d; }
@media (max-width: 767.98px) { #module-sundaffil #sundaffil_footer_results .sundaffil_pager .pagination a {
display: none; } #module-sundaffil #sundaffil_footer_results .sundaffil_pager .pagination a.next_page, #module-sundaffil #sundaffil_footer_results .sundaffil_pager .pagination a.previous_page {
display: block; } } #module-sundaffil .sundaffil_results_per_page {
display: none; }  .remontee-reduite-actualites,
.remontee-reduite-temoignages {
position: relative;
margin: 80px auto;
max-width: 800px; }
@media (max-width: 767.98px) { .remontee-reduite-actualites,
.remontee-reduite-temoignages {
margin: 80px 16px; } } .remontee-reduite-actualites .title--3,
.remontee-reduite-temoignages .title--3 {
font-weight: 600;
color: #044a6f;
margin-bottom: 48px;
display: block; }
@media (max-width: 767.98px) { .remontee-reduite-actualites .title--3,
.remontee-reduite-temoignages .title--3 {
margin-bottom: 32px; } } .remontee-reduite-actualites .carousel-actualites .carousel-main,
.remontee-reduite-temoignages .carousel-actualites .carousel-main {
outline: none; } .remontee-reduite-actualites .carousel-actualites .carousel-main.count-2 .flickity-page-dots,
.remontee-reduite-temoignages .carousel-actualites .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 991.98px) { .remontee-reduite-actualites .carousel-actualites .carousel-main.count-2 .flickity-page-dots,
.remontee-reduite-temoignages .carousel-actualites .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .remontee-reduite-actualites .carousel-actualites .carousel-main.count-1 .flickity-page-dots,
.remontee-reduite-temoignages .carousel-actualites .carousel-main.count-1 .flickity-page-dots {
display: none; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-viewport,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-viewport {
overflow: hidden; } .remontee-reduite-actualites .carousel-actualites .carousel-main .carousel-cell,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 767.98px) { .remontee-reduite-actualites .carousel-actualites .carousel-main .carousel-cell,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .carousel-cell {
width: 100%; } } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button {
position: absolute; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button:disabled,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button:disabled {
display: none; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button:hover,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button:hover {
background-color: #044a6f; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button svg,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button svg {
display: none; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button::before,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button.previous,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button.previous::before,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button.previous::before {
content: "\E904"; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button.next,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-button.next::before,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-button.next::before {
content: "\E905"; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 767.98px) { .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1),
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots li,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots li::before,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots li:last-child,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots li.is-selected,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .remontee-reduite-actualites .carousel-actualites .carousel-main .flickity-page-dots li.is-selected::before,
.remontee-reduite-temoignages .carousel-actualites .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .remontee-ressources {
position: relative;
margin: 90px 0; }
@media (max-width: 767.98px) { .remontee-ressources {
margin: 70px 16px; } } .remontee-ressources .title--2 {
color: #044a6f;
font-weight: 600;
margin: 0 auto 32px auto;
display: block; } .remontee-ressources .item {
transition: opacity 0.5s, background-color 0.25s linear, border-color 0.25s linear !important;
margin-bottom: 30px;
padding-right: 24px;
padding-left: 24px; }
@media (max-width: 767.98px) { .remontee-ressources .item {
padding-right: 15px;
padding-left: 15px; } } .remontee-ressources .filter {
max-width: 330px; } .remontee-ressources .lists-items {
margin-top: 50px; }
@media (max-width: 991.98px) { .remontee-ressources .lists-items {
margin-top: 36px; } } .remontee-ressources .lists-items.row {
margin-left: -24px;
margin-right: -24px; }
@media (max-width: 767.98px) { .remontee-ressources .lists-items.row {
margin-left: -15px;
margin-right: -15px; } } .remontee-ressources .lists-items .item.hide {
display: none; } .remontee-ressources .show-more-bloc {
margin-top: 50px;
display: flex;
justify-content: center; }
@media (max-width: 767.98px) { .remontee-ressources .show-more-bloc {
margin-top: 36px; } } .remontee-ressources .show-more-bloc .cta-secondary {
cursor: pointer; } .remontee-ressources .show-more-bloc.hide {
display: none; }  .results-search {
max-width: 800px;
margin: 0 auto;
text-align: center;
display: none; } .results-search.visible {
display: block; } .results-search .title p {
font-family: "freight-neo-pro";
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #044a6f;
margin-top: 50px;
margin-bottom: 0; } .results-search .cta-primary, .results-search #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .results-search .tarteaucitronAllow, .results-search #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .results-search .tarteaucitronDeny, .results-search .tac_activate .tarteaucitronAllow, .tac_activate .results-search .tarteaucitronAllow {
margin: 32px auto 0 !important; } .search-results .no-search-result {
display: block;
text-align: center;
font-weight: 600;
color: #044a6f;
margin: 80px auto !important;
font-family: "freight-neo-pro";
margin: 0;
font-size: 28px;
line-height: 36px; } .search-results .no-search-result p {
margin: 0; } .search-results .page-header-search {
position: relative;
padding-bottom: 112px; }
@media (max-width: 767.98px) { .search-results .page-header-search {
padding-bottom: 56px;
margin-left: 16px;
margin-right: 16px; } } .search-results .page-header-search .bg-decoration {
width: 100vw;
height: calc(100% + 168px);
background: #fff;
position: absolute;
top: -168px;
right: 75px;
border-radius: 0px 0px 112px 0px;
z-index: -1; }
@media (max-width: 991.98px) { .search-results .page-header-search .bg-decoration {
margin-top: 0 !important;
top: -108px;
height: calc(100% + 140px);
right: inherit;
left: 50%;
transform: translate(-50%, 0);
border-radius: 0px 0px 48px 0px; } } .search-results .page-header-search .header-page-content {
margin-top: 80px; } .search-results .page-header-search .header-page-content .top-title {
text-align: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 20px;
color: #044a6f;
letter-spacing: 0.08em;
text-transform: uppercase; } .search-results .page-header-search .header-page-form {
width: 100%; } .search-results .page-header-search .header-page-form form {
position: relative;
width: 100%;
display: flex;
flex-direction: row-reverse;
margin: 32px auto 0 auto;
border-bottom: 1px solid rgba(0, 78, 115, 0.5); }
@media (max-width: 767.98px) { .search-results .page-header-search .header-page-form form {
margin-top: 16px; } } .search-results .page-header-search .header-page-form form input[type="text"] {
font-size: 58px;
line-height: 70px;
font-family: "freight-neo-pro";
font-weight: 600;
border-radius: 0;
box-shadow: none;
width: 100%;
padding-bottom: 16px;
color: #044a6f !important;
border: 0;
background: transparent; }
@media (max-width: 767.98px) { .search-results .page-header-search .header-page-form form input[type="text"] {
margin-top: 16px;
font-size: 34px;
line-height: 42px; } } .search-results .page-header-search .header-page-form form input[type="text"]:focus {
outline: none; } .search-results .page-header-search .header-page-form form input[type="text"]::placeholder {
color: #044a6f; } .search-results .page-header-search .header-page-form form button {
background: transparent;
border: 0 !important;
padding: 0;
cursor: pointer; } .search-results .page-header-search .header-page-form form button:focus {
outline: none; } .search-results .page-header-search .header-page-form form button i {
font-size: 36px;
color: #044a6f; } .search-results .inner-page {
position: relative;
z-index: 2;
margin-top: 80px; }
@media (max-width: 767.98px) { .search-results .inner-page {
margin-left: 16px;
margin-right: 16px; } } .search-results .inner-page #filter-search ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap; } .search-results .inner-page #filter-search ul li {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: #044a6f;
margin-right: 24px;
margin-bottom: 16px;
padding: 24px;
border-radius: 16px;
transition: all ease 0.2s;
cursor: pointer;
border: 1px solid rgba(4, 74, 111, 0.75); }
@media (max-width: 767.98px) { .search-results .inner-page #filter-search ul li {
margin-right: 16px;
padding: 12px 16px;
font-size: 18px;
line-height: 28px; } } .search-results .inner-page #filter-search ul li.is-active, .search-results .inner-page #filter-search ul li:hover {
background: #044a6f;
color: #fff; } .search-results .inner-page #filter-search ul li:last-child {
margin-right: 0; } .search-results .inner-page .search-result__grid .results-list {
max-width: 800px;
margin: 40px auto 80px; } .search-results .inner-page .search-result__grid .results-list .search-result {
padding: 32px;
background: #497f9b;
border-radius: 16px;
margin-bottom: 32px; } .search-results .inner-page .search-result__grid .results-list .search-result:last-child {
margin-bottom: 0; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__head .search-result__type {
display: block;
font-family: "freight-neo-pro";
color: #f8ba8d;
font-size: 18px;
line-height: 20px;
margin-bottom: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__head .search-result__title {
font-family: "freight-neo-pro";
color: #fff;
font-size: 34px;
line-height: 40px;
margin-bottom: 24px;
font-weight: 600; }
@media (max-width: 991.98px) { .search-results .inner-page .search-result__grid .results-list .search-result .search-result__head .search-result__title {
font-size: 28px;
line-height: 34px; } } .search-results .inner-page .search-result__grid .results-list .search-result .cta-secondary--see-more {
margin-top: 24px;
color: #fff; } .search-results .inner-page .search-result__grid .results-list .search-result .cta-secondary--see-more::after {
color: #f8ba8d; } .search-results .inner-page .search-result__grid .results-list .search-result .cta-secondary--see-more::before {
opacity: 0.25;
background: #fff; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__content {
font-family: "freight-sans-pro";
color: #fbf5e8;
font-size: 22px;
line-height: 32px;
font-weight: 400; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__content a {
color: #fbf5e8;
text-decoration: underline; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__content a:hover {
color: #ed6e4d; } .search-results .inner-page .search-result__grid .results-list .search-result .search-result__content p:last-child {
margin-bottom: 0; }  .sidebar {
width: 480px;
padding-right: 70px;
position: sticky;
top: calc(50% + 82px);
transform: translate(0, -50%); }
@media screen and (max-width: 1500px) { .sidebar {
top: calc(50% + 70px); } }
@media screen and (max-width: 1300px) { .sidebar {
top: calc(50% + 54px); } }
@media (max-width: 1199.98px) { .sidebar {
position: relative;
top: inherit;
transform: none;
padding-right: 0;
width: 100%; } }
@media (max-width: 767.98px) { .sidebar {
padding: 0 16px; } } .sidebar .sidebar-title {
display: block;
font-family: "freight-neo-pro";
font-size: 58px;
line-height: 70px;
color: #f8ba8d;
font-weight: 400;
margin-bottom: 16px; }
@media screen and (max-width: 1500px) { .sidebar .sidebar-title {
font-size: 42px;
line-height: 48px; } }
@media (max-width: 767.98px) { .sidebar .sidebar-title {
font-size: 34px;
line-height: 42px; } } .sidebar .desc {
font-family: "freight-neo-pro";
font-size: 24px;
line-height: 32px;
color: #fff;
font-weight: 400; }
@media screen and (max-width: 1500px) { .sidebar .desc {
font-size: 22px;
line-height: 30px; } } .sidebar .desc p:last-child {
margin-bottom: 0; } .sidebar ul {
margin-top: 32px;
margin-bottom: 0;
padding: 0;
list-style-type: none; }
@media screen and (max-width: 1300px) { .sidebar ul {
margin-top: 32px; } } .sidebar ul li {
margin-bottom: 24px; }
@media (max-width: 767.98px) { .sidebar ul li {
width: 100%; } } .sidebar ul li:last-child {
margin-bottom: 0; } .sidebar ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
font-weight: 600;
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 20px 8px 8px;
border-radius: 12px;
width: max-content; }
@media (max-width: 767.98px) { .sidebar ul li a {
width: 100%; } } .sidebar ul li a::before {
content: "";
margin-right: 8px;
height: 32px; } .sidebar ul li a::after {
font-family: "icomoon", sans-serif !important;
content: "\E905";
visibility: hidden;
opacity: 0;
font-size: 18px;
color: #fff;
transition: all ease .2s;
width: 0; }
@media (max-width: 767.98px) { .sidebar ul li a::after {
content: none; } } .sidebar ul li a:hover::after {
visibility: visible;
opacity: 1;
margin-left: 20px;
width: auto; } .sidebar ul li.li-trouver-residence a {
background: #fcc66e;
color: #044a6f; } .sidebar ul li.li-trouver-residence a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_trouver_residence.svg); } .sidebar ul li.li-contact a {
background: #2ea499;
color: #fff; } .sidebar ul li.li-contact a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_contact.svg); } .sidebar ul li.li-don a {
background: #ed6e4d;
color: #fff; } .sidebar ul li.li-don a::before {
content: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/icon_don.svg); } .sidebar .explore-website {
margin-top: 48px;
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #fff;
font-weight: 400;
background: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
opacity: 1;
transform: all ease 0.5s; }
@media screen and (max-width: 1500px) { .sidebar .explore-website {
margin-top: 48px; } }
@media screen and (max-width: 1300px) { .sidebar .explore-website {
margin-top: 32px; } }
@media (max-width: 1199.98px) { .sidebar .explore-website {
display: none; } } .sidebar .explore-website.hide {
opacity: 0; } .sidebar .explore-website::after {
content: "\E91A";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .sidebar .explore-website::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.25);
transition: width ease 0.2s; } .sidebar .explore-website:hover::before {
width: 25px; }     #tarteaucitron {
overflow: auto;
border-radius: 40px !important; } #tarteaucitronPercentage {
display: none !important; } .tarteaucitronName {
width: 100% !important; } .tarteaucitronName .service_name {
display: block;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 32px;
color: #044a6f;
font-weight: 600; } .tarteaucitronName .service_uri {
display: block;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 26px;
margin-top: 8px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } .tarteaucitronName .service_uri a {
font-family: "freight-neo-pro" !important;
font-size: 18px !important;
line-height: 26px !important;
color: rgba(4, 74, 111, 0.75) !important;
font-weight: 400 !important;
text-decoration: underline !important; } div#tarteaucitronAlertBig {
-webkit-font-smoothing: subpixel-antialiased;
transform: translateZ(0);
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.76); } div#tarteaucitronAlertBig .inner {
background: white;
position: fixed;
right: 20px;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.4);
color: #333333 !important;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
bottom: initial;
width: 100%;
max-width: 760px;
padding: 80px;
box-sizing: border-box;
z-index: 1000;
border-radius: 40px; }
@media (max-width: 767.98px) { div#tarteaucitronAlertBig .inner {
transform: translate(-50%, 0);
top: 0;
height: 100%;
width: 95% !important;
border-radius: 0;
overflow: auto; } }
@media (max-width: 600px) { div#tarteaucitronAlertBig .inner {
padding-left: 50px;
padding-right: 50px; } }
@media (max-width: 425px) { div#tarteaucitronAlertBig .inner {
padding: 80px;
padding-left: 30px;
padding-right: 30px;
width: 90%; } } span#tarteaucitronDisclaimerAlert2 {
float: left;
clear: both;
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
line-height: 26px !important;
color: rgba(4, 74, 111, 0.75) !important;
text-align: center !important; } span#tarteaucitronDisclaimerAlert2 a {
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
color: #497f9b !important;
text-decoration: underline !important; } span#tarteaucitronDisclaimerAlert {
float: left;
clear: both;
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
line-height: 26px !important;
color: rgba(4, 74, 111, 0.75) !important;
text-align: center !important; } span#tarteaucitronDisclaimerAlert a {
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
color: #497f9b !important;
text-decoration: underline !important; } span#tarteaucitronDisclaimerAlert,
span#tarteaucitronDisclaimerAlert2 {
margin-bottom: 32px;
margin-top: 24px; }
@media (max-width: 425px) { span#tarteaucitronDisclaimerAlert,
span#tarteaucitronDisclaimerAlert2 {
margin-bottom: 16px !important; } } #tarteaucitron #tarteaucitronClosePanel {
z-index: 1 !important;
cursor: pointer; } #title-cookies, #tarteaucitron #tarteaucitronServices .tarteaucitronName, #tarteaucitron #tarteaucitronServices .tarteaucitronName b {
box-sizing: initial !important;
color: #044a6f !important;
font-family: filson-pro, sans-serif !important;
font-weight: bold;
font-size: 30px !important;
line-height: 40px !important;
float: left !important;
margin: 0em 0 0 !important;
vertical-align: initial !important;
font-family: Arial !important;
font-weight: 300 !important;
text-align: center !important; } div#tarteaucitronServices {
border: 0 !important;
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.14) !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
border: 0 !important;
background: #f1f1f1 !important; } #tarteaucitron {
padding: 80px !important;
background: white;
box-sizing: border-box !important;
border-radius: 40px; }
@media (max-width: 768px) { #tarteaucitron {
overflow: auto; } }
@media (max-width: 425px) { #tarteaucitron {
padding: 30px !important;
border-radius: 0 !important; } } .tarteaucitronBorder {
border: 0 !important;
height: auto !important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {
background: #fff !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
color: #333 !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
border-left: 0 !important;
margin: 0 !important;
overflow: hidden !important;
padding: 32px !important;
overflow: visible !important;
border-bottom: 1px solid rgba(4, 74, 111, 0.25) !important;
background: #fbf5e8 !important; }
@media (max-width: 768px) { #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
display: flex;
flex-direction: column;
align-items: flex-start !important;
padding-top: 36px !important;
padding-bottom: 36px !important; } }
@media (max-width: 425px) { #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
padding-top: 36px !important;
padding-bottom: 36px !important; } } #tarteaucitronServices_analytic .tarteaucitronLine {
padding-top: 0 !important; } #tacCLgtag, #tarteaucitron a {
font-family: "freight-neo-pro" !important; } #tarteaucitronBack {
background: #343434 !important;
display: none;
height: 100% !important;
left: 0;
opacity: 0.8 !important;
position: fixed;
top: 0;
width: 100%;
z-index: 2147483646; } #tarteaucitron {
transform: translateY(-50%);
top: 50% !important; }
@media (max-width: 425px) { #tarteaucitron {
transform: initial; } } div#tarteaucitronServices {
float: left !important;
clear: both !important;
width: 100% !important; }
@media (max-width: 425px) { div#tarteaucitronServices {
margin-top: 41px; } } div#tarteaucitronClosePanel {
position: relative !important;
float: right !important;
clear: both !important;
cursor: pointer !important; } span.tarteaucitronOpenPanel:hover {
color: #df3a4a;
text-decoration: underline;
cursor: pointer; } div#tarteaucitronAlertSmall {
display: none !important; } span#title-cookies, #tarteaucitron #tarteaucitronServices span.tarteaucitronName {
font-weight: 600 !important;
font-size: 34px !important;
line-height: 40px !important;
width: 100%;
font-family: "freight-neo-pro" !important; } span#title-cookies .strong, #tarteaucitron #tarteaucitronServices span.tarteaucitronName .strong {
font-family: "freight-neo-pro" !important;
font-weight: bold;
font-size: 26px !important; } span.tarteaucitronOpenPanel {
text-transform: uppercase; } .tarteaucitronActions {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
padding-top: 0 !important; }
@media (max-width: 425px) { .tarteaucitronActions {
flex-direction: column; } }
@media (max-width: 575.98px) { .tarteaucitronActions {
flex-direction: column; } } .tarteaucitronActions .cta-primary, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronAllow, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronDeny, .tarteaucitronActions .tac_activate .tarteaucitronAllow, .tac_activate .tarteaucitronActions .tarteaucitronAllow {
cursor: pointer;
margin: 0 10px;
color: #044a6f; } .tarteaucitronActions .cta-primary:hover, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronAllow:hover, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronDeny:hover, .tarteaucitronActions .tac_activate .tarteaucitronAllow:hover, .tac_activate .tarteaucitronActions .tarteaucitronAllow:hover {
background: #497f9b;
color: #fff; } .tarteaucitronActions .cta-primary:hover::after, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover::after, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronAllow:hover::after, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover::after, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronDeny:hover::after, .tarteaucitronActions .tac_activate .tarteaucitronAllow:hover::after, .tac_activate .tarteaucitronActions .tarteaucitronAllow:hover::after {
color: #fff; }
@media (max-width: 575.98px) { .tarteaucitronActions .cta-primary, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronAllow, .tarteaucitronActions #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronActions .tarteaucitronDeny, .tarteaucitronActions .tac_activate .tarteaucitronAllow, .tac_activate .tarteaucitronActions .tarteaucitronAllow {
margin: 10px 0; } } #tarteaucitronPersonalize.cta-02 {
background: #1760a0 !important;
color: white !important;
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
padding-left: 24px !important;
padding-right: 24px !important;
margin-top: 0 !important; } #tarteaucitronPersonalize.cta-02 span {
color: white !important;
font-size: 14px !important; }
@media (max-width: 425px) { #tarteaucitronPersonalize.cta-02 {
font-size: 14px !important;
justify-content: space-between !important;
margin-top: 1rem !important;
margin-bottom: 2rem !important;
margin-left: 0 !important; } } #tarteaucitronPersonalize.cta-02 span {
padding: 0 20px !important;
font-size: 14px !important; }
@media (max-width: 425px) { #tarteaucitronPersonalize.cta-02 span {
flex: 1 !important;
text-align: center !important; } } #tarteaucitronPersonalize.cta-02 i {
background: linear-gradient(90deg, #2077a8 0%, #358a75 100%) !important;
height: 54px !important;
display: flex !important;
color: white !important;
align-items: center !important;
justify-content: center !important;
width: 58px !important;
font-size: 26px !important; } #tarteaucitronPersonalize.cta-02--white {
color: white !important;
border-color: white !important; } #tarteaucitronPersonalize.cta-02--white i {
background: white !important;
color: #e83e8c !important; } #tarteaucitronPersonalize.cta-02:hover {
color: inherit !important; } #tarteaucitronCloseAlert {
margin: 32px auto 0 !important;
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px !important;
line-height: 22px !important;
color: #044a6f !important;
font-weight: 400 !important;
background: none;
text-decoration: none !important;
border: 0;
outline: none;
padding: 0 0 10px 0 !important;
max-width: fit-content !important;
cursor: pointer; } #tarteaucitronCloseAlert::after {
content: "\E91A";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } #tarteaucitronCloseAlert::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(0, 78, 115, 0.25);
transition: width ease 0.2s; } #tarteaucitronCloseAlert:hover {
color: #044a6f; } #tarteaucitronCloseAlert:hover::before {
width: 25px; } .tarteaucitronAsk#tarteaucitronScrollbarAdjust {
text-align: center !important; } .tarteaucitronAsk {
margin: 0 !important;
display: flex !important; }
@media (max-width: 768px) { .tarteaucitronAsk {
flex-direction: column !important; } } .tarteaucitronAsk .btn, .tarteaucitronAsk .comment-form input[type="submit"], .comment-form .tarteaucitronAsk input[type="submit"] {
cursor: pointer;
margin: 0 10px; }
@media (max-width: 768px) { .tarteaucitronAsk .btn, .tarteaucitronAsk .comment-form input[type="submit"], .comment-form .tarteaucitronAsk input[type="submit"] {
margin: 10px 0; } } .tarteaucitronAsk .cta-primary, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tarteaucitronAsk .tac_activate .tarteaucitronAllow, .tac_activate .tarteaucitronAsk .tarteaucitronAllow {
cursor: pointer;
margin: 0 10px;
background: transparent;
border: 1px solid #497f9b;
color: #044a6f; } .tarteaucitronAsk .cta-primary.denyClick, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .denyClick.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .denyClick.tarteaucitronDeny, .tarteaucitronAsk .tac_activate .denyClick.tarteaucitronAllow, .tac_activate .tarteaucitronAsk .denyClick.tarteaucitronAllow, .tarteaucitronAsk .cta-primary.allowClick, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .allowClick.tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .allowClick.tarteaucitronDeny, .tarteaucitronAsk .tac_activate .allowClick.tarteaucitronAllow, .tac_activate .tarteaucitronAsk .allowClick.tarteaucitronAllow {
background: #f8ba8d !important;
color: #044a6f !important;
border: 1px solid #f8ba8d; } .tarteaucitronAsk .cta-primary:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, .tarteaucitronAsk .tac_activate .tarteaucitronAllow:hover, .tac_activate .tarteaucitronAsk .tarteaucitronAllow:hover {
background: #f8ba8d !important;
color: #044a6f !important;
border: 1px solid #f8ba8d; }
@media (max-width: 575.98px) { .tarteaucitronAsk .cta-primary, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tarteaucitronAsk .tac_activate .tarteaucitronAllow, .tac_activate .tarteaucitronAsk .tarteaucitronAllow {
margin: 10px 0; } }
@media (max-width: 425px) { .tarteaucitronAsk {
margin-top: 20px !important; } } #tarteaucitron #tarteaucitronServices {
box-shadow: initial !important; } #tarteaucitron #tarteaucitronServicesTitle_analytic {
display: none !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine#tarteaucitronMainLineOffset {
display: flex;
flex-direction: column;
padding: 0 !important;
background: white !important;
margin: 0 !important;
margin-bottom: 0px !important;
border-bottom: 0 !important; }
@media (max-width: 425px) { #tarteaucitron #tarteaucitronServices .tarteaucitronLine#tarteaucitronMainLineOffset .tarteaucitronAsk {
display: none !important; } } #tarteaucitron #tarteaucitronServices .tarteaucitronLine#tarteaucitronMainLineOffset > .tarteaucitronName {
width: 100% !important;
text-align: center !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine#tarteaucitronMainLineOffset > .tarteaucitronName b {
text-align: center !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronName {
font-weight: 600 !important;
font-size: 24px !important;
font-family: "freight-neo-pro" !important;
color: black;
margin: 0 !important;
margin-bottom: 0px !important;
width: 100%;
background: transparent !important;
text-align: left !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronName b {
width: 100%;
font-family: "freight-neo-pro" !important;
font-weight: bold !important;
text-align: left !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronName .strong {
font-family: "freight-neo-pro" !important;
font-weight: bold;
font-size: 26px !important; } #tarteaucitronRoot .mesure-outer {
display: none;
justify-content: center;
margin-top: 45px;
margin-bottom: 0 !important; }
@media (max-width: 425px) { #tarteaucitronRoot .mesure-outer {
margin-top: 0; } } #tarteaucitronRoot .mesure-outer span {
font-family: Gotham;
font-size: 18px;
color: #101E4C !important;
letter-spacing: 4.5px;
line-height: 20px;
text-transform: uppercase;
display: inline-flex; }
@media (max-width: 425px) { #tarteaucitronRoot .mesure-outer span {
font-size: 12px; } } #tarteaucitronRoot .mesure-outer span i {
width: 18px;
height: 18px;
background-repeat: no-repeat;
display: block;
background-size: contain;
margin-left: 13px; } #tarteaucitronRoot .textTarteaucitron {
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
line-height: 28px !important;
color: rgba(4, 74, 111, 0.65) !important;
text-align: center !important;
margin-top: 15px;
margin-bottom: 30px; } #tarteaucitronRoot .textTarteaucitron a {
font-size: 18px !important;
font-family: "freight-neo-pro" !important;
font-weight: 400 !important;
color: #497f9b !important;
text-decoration: underline !important; }
@media (max-width: 425px) { #tarteaucitronRoot #tarteaucitronServices_analytic {
padding: 0 !important;
padding-top: 20px !important; } } .tarteaucitronName2 {
font-weight: 600 !important;
font-size: 34px !important;
line-height: 40px !important;
width: 100%;
font-family: "freight-neo-pro" !important;
text-align: center;
color: #044a6f !important; } #tarteaucitronRoot #tarteaucitronClosePanel {
position: absolute !important;
top: 36px;
right: 36px !important;
padding: 0 !important;
display: flex;
justify-content: center;
align-items: center;
width: auto !important; }
@media (max-width: 425px) { #tarteaucitronRoot #tarteaucitronClosePanel {
top: 24px;
right: 24px !important; } } #tarteaucitronRoot #tarteaucitronClosePanel span {
font-family: "freight-neo-pro";
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: rgba(4, 74, 111, 0.75); } #tarteaucitronRoot #tarteaucitronClosePanel i {
color: #f8ba8d;
font-size: 26px !important;
margin-left: 20px; } #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent {
margin-top: 0 !important;
background: #fbf5e8;
padding-left: 0;
border-radius: 5px;
padding-right: 0;
max-height: 300px;
border-radius: 15px; }
@media (max-width: 767.98px) { #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent {
max-height: none; } } #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent::-webkit-scrollbar {
width: 5px;
background: #fff;
border-radius: 5px; } #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent::-webkit-scrollbar-track {
background: rgba(4, 74, 111, 0.5); } #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent::-webkit-scrollbar-thumb {
background: rgba(4, 74, 111, 0.65);
border-radius: 5px; }
@media (max-width: 425px) { #tarteaucitron .tarteaucitronBorder#tarteaucitronScrollbarParent {
border: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
border-top: solid 1px #0079A6 !important;
border-radius: 0; } } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
display: none !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronServiceLine .tarteaucitronLine {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between; }
@media (max-width: 425px) { #tarteaucitron #tarteaucitronServices .tarteaucitronServiceLine .tarteaucitronLine {
flex-direction: column;
align-items: flex-start; } } #tarteaucitron #tarteaucitronServices .tarteaucitronServiceLine .tarteaucitronName br {
display: none !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronServiceLine .tarteaucitronName b {
text-transform: initial !important;
font-family: "freight-neo-pro" !important;
font-weight: bold;
font-size: 18px !important;
line-height: 18px !important;
color: #044a6f !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
text-transform: initial !important;
font-family: "freight-neo-pro" !important;
font-size: 16px !important;
line-height: 22px !important;
color: rgba(4, 74, 111, 0.65) !important;
font-weight: 400 !important; } #tarteaucitron .tiret {
margin-left: 4px; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
background: #1760a0 !important;
margin-left: 9px !important;
margin-top: 0 !important;
font-family: "freight-neo-pro" !important;
letter-spacing: 0;
opacity: 1 !important;
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
padding-left: 24px !important;
padding-right: 24px !important;
border-radius: 5px !important; } html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:active, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:focus, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:active, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:focus, html:not(.touch) .tac_activate .tarteaucitronAllow:hover, html:not(.touch) .tac_activate .tarteaucitronAllow:active, html:not(.touch) .tac_activate .tarteaucitronAllow:focus {
text-decoration: none !important;
color: #e83e8c !important;
background: white !important; }
@media (max-width: 768px) { #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
padding: 14px 12px !important; } }
@media (max-width: 425px) { #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
padding: 15px 21px !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:nth-child(1), #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:nth-child(1), .tac_activate .tarteaucitronAllow:nth-child(1) {
margin-left: 0 !important; } } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow.allowClick {
border: 1px solid #0079A6 !important;
color: #0079A6 !important;
background-color: rgba(0, 121, 166, 0.05) !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
background-color: #8D95A6 !important;
color: white !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.denyClick {
border: 1px solid #FF0000 !important;
color: #FF0000 !important;
background-color: rgba(255, 0, 0, 0.05) !important; } html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.denyClick:hover, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.denyClick:active, html:not(.touch) #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.denyClick:focus {
border: 1px solid #FF0000 !important;
color: #FF0000 !important;
background-color: rgba(255, 0, 0, 0.05) !important; } .title--1 {
font-family: "freight-neo-pro";
margin: 0;
font-size: 58px;
line-height: 70px; }
@media (max-width: 767.98px) { .title--1 {
font-size: 34px;
line-height: 42px; } } .title--2 {
font-family: "freight-neo-pro";
margin: 0;
font-size: 52px;
line-height: 58px; }
@media (max-width: 767.98px) { .title--2 {
font-size: 32px;
line-height: 40px; } } .title--3 {
font-family: "freight-neo-pro";
margin: 0;
font-size: 42px;
line-height: 48px; }
@media (max-width: 767.98px) { .title--3 {
font-size: 28px;
line-height: 34px; } } .title--4 {
font-family: "freight-neo-pro";
margin: 0;
font-size: 28px;
line-height: 36px; } .desc {
font-size: 22px;
line-height: 32px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
font-family: "freight-neo-pro"; } .desc strong {
font-weight: 600; } .desc p:last-child {
margin-bottom: 0; } .top-title {
font-family: "freight-neo-pro";
display: block;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
font-weight: 600; }   .alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto; } .aligncenter {
display: block;
margin: 0.5rem auto;
height: auto; } .alignleft,
.alignright {
margin-bottom: 0.5rem;
height: auto; }
@media (min-width: 576px) { .alignleft {
float: left;
margin-right: 0.5rem; } .alignright {
float: right;
margin-left: 0.5rem; } }    .bloc-association {
position: relative;
padding: 80px 0 80px 80px; }
@media (max-width: 1199.98px) { .bloc-association {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-association {
padding: 32px 16px; } } .bloc-association::before {
content: "";
height: 100%;
width: 100vw;
background: #f8ba8d;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 70px 0 0 0; }
@media (max-width: 1199.98px) { .bloc-association::before {
border-radius: 0;
left: 50%;
transform: translate(-50%, 0); } } .bloc-association .inner .top {
display: flex;
align-items: flex-end;
margin-bottom: 40px; }
@media (max-width: 767.98px) { .bloc-association .inner .top {
flex-direction: column-reverse;
align-items: center;
margin-bottom: 16px; } } .bloc-association .inner .top .image {
margin-top: -150px;
margin-left: 36px; }
@media (max-width: 767.98px) { .bloc-association .inner .top .image {
margin-left: 0;
margin-top: -100px;
margin-bottom: 32px; } } .bloc-association .inner .top .image img {
display: block;
max-width: 400px;
width: 400px;
height: auto;
margin: 0 auto;
mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme3.svg);
-webkit-mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme3.svg);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 385px;
-webkit-mask-size: 385px;
mask-position: center;
-webkit-mask-position: center; }
@media (max-width: 767.98px) { .bloc-association .inner .top .image img {
max-width: 300px;
width: 300px;
mask-size: 300px;
-webkit-mask-size: 300px; } } .bloc-association .inner .top .title--2 {
color: #044a6f;
display: block;
font-weight: 600; } .bloc-association .inner .desc .main-text > :first-child {
margin-top: 0 !important; } .bloc-association .inner .desc .main-text > :last-child {
margin-bottom: 0 !important; } .bloc-association .inner .desc p:last-child {
margin-bottom: 24px; } .bloc-association .inner .desc .read-more-trigger span::after {
background: #fff;
color: #f8ba8d; } .bloc-association .inner .read-more-state:checked ~ .read-more-target > :first-child {
margin-top: 24px !important; } .bloc-association .inner .cta-primary, .bloc-association .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-association .inner .tarteaucitronAllow, .bloc-association .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-association .inner .tarteaucitronDeny, .bloc-association .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-association .inner .tarteaucitronAllow {
margin-top: 40px; }  .bloc-ils-font-m-vincent {
position: relative;
padding: 80px 0 80px 80px; }
@media (max-width: 1199.98px) { .bloc-ils-font-m-vincent {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-ils-font-m-vincent {
padding: 56px 16px; } } .bloc-ils-font-m-vincent::before {
content: "";
height: 100%;
width: 100vw;
background: #f8ba8d;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
@media (max-width: 1199.98px) { .bloc-ils-font-m-vincent::before {
left: 50%;
transform: translate(-50%, 0); } } .bloc-ils-font-m-vincent .inner .top-title {
color: #044a6f;
margin-bottom: 16px; } .bloc-ils-font-m-vincent .inner .title--2 {
color: #044a6f;
font-weight: 600;
display: block; } .bloc-ils-font-m-vincent .inner .desc {
margin-top: 12px; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home {
margin-top: 40px; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main {
outline: none; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 767.98px) { .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .carousel-cell {
width: 100%; } } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .carousel-cell .post-card__temoignage .thumbnail {
padding-top: 75%; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .carousel-cell .post-card__temoignage .cta-post-card::after {
color: #fff; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-2 .flickity-button,
.bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-2 .flickity-button,
.bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-1 .flickity-button,
.bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button {
position: absolute; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button:disabled {
display: none; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #044a6f;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button svg {
display: none; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 991.98px) { .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-ils-font-m-vincent .inner .carousel-temoignages-home .carousel-main .flickity-page-dots li.is-selected::before {
background: #fff;
width: 12px;
height: 12px; } .bloc-ils-font-m-vincent .inner .inner-bloc-cta {
width: 100%;
background: #044a6f;
padding: 40px;
border-radius: 24px;
margin-top: 80px; }
@media (max-width: 991.98px) { .bloc-ils-font-m-vincent .inner .inner-bloc-cta {
margin-top: 48px; } } .bloc-ils-font-m-vincent .inner .inner-bloc-cta span {
font-family: "freight-neo-pro";
display: block;
font-size: 32px;
line-height: 42px;
font-weight: 600;
margin-bottom: 24px;
color: #fff; } .bloc-ils-font-m-vincent .inner .inner-bloc-cta .cta-primary, .bloc-ils-font-m-vincent .inner .inner-bloc-cta #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronAllow, .bloc-ils-font-m-vincent .inner .inner-bloc-cta #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronDeny, .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tac_activate .tarteaucitronAllow, .tac_activate .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronAllow {
margin-bottom: 16px;
display: block;
max-width: fit-content; } .bloc-ils-font-m-vincent .inner .inner-bloc-cta .cta-primary:last-child, .bloc-ils-font-m-vincent .inner .inner-bloc-cta #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronAllow:last-child, .bloc-ils-font-m-vincent .inner .inner-bloc-cta #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronDeny:last-child, .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tac_activate .tarteaucitronAllow:last-child, .tac_activate .bloc-ils-font-m-vincent .inner .inner-bloc-cta .tarteaucitronAllow:last-child {
margin-bottom: 0; }  .bloc-nous-agissons-bien-vieillir {
position: relative;
padding: 80px 0 80px 80px; }
@media (max-width: 1199.98px) { .bloc-nous-agissons-bien-vieillir {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-nous-agissons-bien-vieillir {
padding: 56px 16px; } } .bloc-nous-agissons-bien-vieillir::before {
content: "";
height: 100%;
width: 100vw;
background: #fbf5e8;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
@media (max-width: 1199.98px) { .bloc-nous-agissons-bien-vieillir::before {
left: 50%;
transform: translate(-50%, 0); } } .bloc-nous-agissons-bien-vieillir .inner .top-title {
color: rgba(4, 74, 111, 0.5);
margin-bottom: 16px; } .bloc-nous-agissons-bien-vieillir .inner .title--2 {
color: #044a6f;
font-weight: 600;
display: block; } .bloc-nous-agissons-bien-vieillir .inner .cta-primary, .bloc-nous-agissons-bien-vieillir .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-nous-agissons-bien-vieillir .inner .tarteaucitronAllow, .bloc-nous-agissons-bien-vieillir .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-nous-agissons-bien-vieillir .inner .tarteaucitronDeny, .bloc-nous-agissons-bien-vieillir .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-nous-agissons-bien-vieillir .inner .tarteaucitronAllow {
margin-top: 16px; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites {
margin-top: 56px; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-title {
display: block;
font-weight: 400;
color: #044a6f;
margin-bottom: 40px; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main {
outline: none; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 767.98px) { .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .carousel-cell {
width: 100%; } } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .carousel-cell .post-card .thumbnail {
padding-top: 75%; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-2 .flickity-button,
.bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-2 .flickity-button,
.bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-1 .flickity-button,
.bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button {
position: absolute; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button:disabled {
display: none; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button svg {
display: none; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 991.98px) { .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-nous-agissons-bien-vieillir .inner .carousel-actualites .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; } .bloc-nous-agissons-bien-vieillir .inner .inner-text {
margin-top: 80px; }
@media (max-width: 767.98px) { .bloc-nous-agissons-bien-vieillir .inner .inner-text {
margin-top: 50px; } } .bloc-nous-agissons-bien-vieillir .inner .inner-text .title--3 {
color: #044a6f;
font-weight: 500;
margin-bottom: 16px;
display: block; }
@media (max-width: 767.98px) { .bloc-nous-agissons-bien-vieillir .inner .inner-text .title--3 {
font-size: 42px;
line-height: 48px; } } .bloc-nous-agissons-bien-vieillir .inner .inner-text .cta-primary, .bloc-nous-agissons-bien-vieillir .inner .inner-text #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-nous-agissons-bien-vieillir .inner .inner-text .tarteaucitronAllow, .bloc-nous-agissons-bien-vieillir .inner .inner-text #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-nous-agissons-bien-vieillir .inner .inner-text .tarteaucitronDeny, .bloc-nous-agissons-bien-vieillir .inner .inner-text .tac_activate .tarteaucitronAllow, .tac_activate .bloc-nous-agissons-bien-vieillir .inner .inner-text .tarteaucitronAllow {
margin-top: 56px; }  .bloc-remontee-facebook {
position: relative;
padding: 0 0 80px 80px;
background: #fbf5e8; }
@media (max-width: 1199.98px) { .bloc-remontee-facebook {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-remontee-facebook {
padding: 32px 16px; } } .bloc-remontee-facebook.component {
padding: 80px 0 !important; } .bloc-remontee-facebook.component .ff-slide-media {
width: calc(33% - 16px) !important; }
@media (max-width: 991.98px) { .bloc-remontee-facebook.component .ff-slide-media {
width: calc(50% - 16px) !important; } }
@media (max-width: 767.98px) { .bloc-remontee-facebook.component .ff-slide-media {
width: 100% !important; } } .bloc-remontee-facebook.component .ff-stream-wrapper > li:nth-last-child(-n+1) {
display: none !important; } .bloc-remontee-facebook.component .cta-primary, .bloc-remontee-facebook.component #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-remontee-facebook.component .tarteaucitronAllow, .bloc-remontee-facebook.component #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-remontee-facebook.component .tarteaucitronDeny, .bloc-remontee-facebook.component .tac_activate .tarteaucitronAllow, .tac_activate .bloc-remontee-facebook.component .tarteaucitronAllow {
margin: auto !important; } .bloc-remontee-facebook.component .ff-stream {
margin-top: 48px !important; } .bloc-remontee-facebook::before {
content: "";
height: 100%;
width: 100vw;
background: #fbf5e8;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 70px 0 0 0; }
@media (max-width: 1199.98px) { .bloc-remontee-facebook::before {
border-radius: 0;
left: 50%;
transform: translate(-50%, 0); } } .bloc-remontee-facebook .remontee-facebook .title-fb {
display: flex;
justify-content: center;
position: relative;
width: 100%; } .bloc-remontee-facebook .remontee-facebook .title-fb:before {
content: "";
width: 100%;
height: 1px;
background: rgba(4, 74, 111, 0.25);
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%); } .bloc-remontee-facebook .remontee-facebook .title-fb .title--facebook {
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: rgba(4, 74, 111, 0.75);
text-transform: uppercase;
background: #fbf5e8;
z-index: 2;
padding: 0 16px; } .bloc-remontee-facebook .remontee-facebook .title-fb .title--facebook::before {
font-family: "icomoon", sans-serif !important;
content: "\E924";
font-size: 12px;
color: #044a6f;
padding: 5px 8px;
background: #fff;
border-radius: 6px;
margin-right: 8px;
font-weight: normal; } .bloc-remontee-facebook .remontee-facebook #ff-stream-1 {
background: transparent !important; } .bloc-remontee-facebook .remontee-facebook #ff-stream-1 .ff-nickname, .bloc-remontee-facebook .remontee-facebook #ff-stream-1 .ff-timestamp, .bloc-remontee-facebook .remontee-facebook #ff-stream-1 .ff-item-bar, .bloc-remontee-facebook .remontee-facebook #ff-stream-1 .ff-item-bar a {
color: #044a6f !important;
text-decoration: none !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper {
margin-top: 0;
display: flex;
flex-wrap: wrap;
margin-left: 32px;
margin-right: 32px;
justify-content: space-between; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper > li {
background: transparent !important;
border: 0;
border-radius: 0;
margin-top: 0 !important;
margin-bottom: 80px !important; }
@media (max-width: 767.98px) { .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper > li {
margin-bottom: 32px !important; } } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper > li:nth-last-child(-n+2) {
margin-bottom: 0 !important; }
@media (max-width: 767.98px) { .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper > li:nth-last-child(-n+2) {
display: none; } } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-slide-media {
width: calc(50% - 16px); }
@media (max-width: 767.98px) { .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-slide-media {
width: 100%; } } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-meta {
border-bottom: 0;
padding: 0;
display: flex;
flex-direction: column-reverse; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-content {
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro";
margin-top: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-bar {
display: flex;
align-items: center;
margin-top: 24px;
padding-top: 0; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-bar a:not(.ff-timestamp) {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-bar a.ff-timestamp {
float: none;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f !important;
text-decoration: none;
margin-top: 0; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-bar::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header {
border-bottom: 0;
padding: 0; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-nickname {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-dropdown {
position: relative;
top: inherit;
left: inherit;
right: inherit;
margin-top: 24px; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-share-wrapper,
.bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .flaticon-share2 {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-external-link {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f !important;
font-weight: 400;
background: none;
text-decoration: none;
text-transform: none;
border: 0;
outline: none;
padding: 0 0 10px 0;
max-width: fit-content; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-external-link::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #f8ba8d;
margin-left: 20px; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-external-link::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.75);
transition: width ease 0.2s; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-external-link:hover {
opacity: 1 !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-item-header .ff-external-link:hover::before {
width: 25px; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper {
background: transparent !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper .ff-slideshow-carousel {
display: none !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper.ff-video {
height: auto !important;
display: block !important;
position: relative;
width: 100%;
padding-bottom: 75% !important;
border-radius: 16px !important;
background: #000 !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper.ff-video iframe {
position: absolute;
left: 0;
top: 13% !important;
width: 100%;
height: 100%;
object-fit: cover;
transform: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper .ff-img-holder {
height: auto !important;
display: block !important;
position: relative;
width: 100%;
padding-top: 75%;
background: transparent !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream-wrapper .ff-media-wrapper .ff-img-holder img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px !important;
transform: none; } .bloc-remontee-facebook .remontee-facebook .picture-item__inner {
border: none;
background: none !important;
box-shadow: none !important; } .bloc-remontee-facebook .remontee-facebook .ff-item-cont {
height: auto !important; } .bloc-remontee-facebook .remontee-facebook .ff-stream {
padding: 0;
margin-top: 80px;
margin-left: -32px;
margin-right: -32px; }
@media (max-width: 767.98px) { .bloc-remontee-facebook .remontee-facebook .ff-stream {
margin-top: 50px; } } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-carousel-icon {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-img-holder {
height: auto !important;
display: block;
position: relative;
width: 100%;
padding-top: 75%; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-img-holder img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-bar {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-label-wrapper {
margin: 12px 0 0 12px; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-label-wrapper .ff-icon {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-label-wrapper::before {
display: block;
font-family: "icomoon", sans-serif !important;
content: "\E924";
font-size: 12px;
color: #044a6f;
padding: 5px 8px;
background: #fff;
border-radius: 6px;
margin-right: 8px;
font-weight: normal; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-content {
margin-top: 24px;
margin-bottom: 32px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
color: #044a6f;
font-family: "freight-sans-pro";
margin: 24px 0 32px 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta {
margin: 0; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta .ff-userpic,
.bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta .ff-nickname,
.bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta h6 {
display: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta .ff-timestamp {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 16px;
color: #044a6f !important;
text-decoration: none; } .bloc-remontee-facebook .remontee-facebook .ff-stream .ff-item .ff-item-meta .ff-timestamp::before {
content: "\E90F";
font-family: "icomoon", sans-serif !important;
font-size: 14px;
color: #497f9b;
margin-right: 10px; } .bloc-remontee-facebook .cta-primary, .bloc-remontee-facebook #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-remontee-facebook .tarteaucitronAllow, .bloc-remontee-facebook #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-remontee-facebook .tarteaucitronDeny, .bloc-remontee-facebook .tac_activate .tarteaucitronAllow, .tac_activate .bloc-remontee-facebook .tarteaucitronAllow {
margin-top: 80px; }  .bloc-residences-services {
position: relative; } .bloc-residences-services .inner-residences {
position: relative;
padding: 80px 0 80px 80px; }
@media (max-width: 1199.98px) { .bloc-residences-services .inner-residences {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-residences-services .inner-residences {
padding: 56px 16px; } } .bloc-residences-services .inner-residences::before {
content: "";
height: 100%;
width: 100vw;
background: #fcc66e;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
@media (max-width: 1199.98px) { .bloc-residences-services .inner-residences::before {
left: 50%;
transform: translate(-50%, 0); } } .bloc-residences-services .inner-services {
position: relative;
padding: 80px 0 80px 80px; }
@media (max-width: 1199.98px) { .bloc-residences-services .inner-services {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-residences-services .inner-services {
padding: 56px 16px; } } .bloc-residences-services .inner-services::before {
content: "";
height: 100%;
width: 100vw;
background: #fbf5e8;
position: absolute;
top: 0;
left: 0;
z-index: -1; }
@media (max-width: 1199.98px) { .bloc-residences-services .inner-services::before {
left: 50%;
transform: translate(-50%, 0); } } .bloc-residences-services .inner-services .services .service {
background: #fcc66e !important; } .bloc-residences-services .inner-services .services .service .icon {
background: #044a6f !important; } .bloc-residences-services .inner-services .services .service h3 {
color: #044a6f !important; } .bloc-residences-services .inner-services .services .service .resume p {
color: rgba(4, 74, 111, 0.75); } .bloc-residences-services .inner-services .services .service .cta-secondary--see-more {
color: #044a6f !important; } .bloc-residences-services .inner-services .services .service .cta-secondary--see-more::before {
background: rgba(4, 74, 111, 0.75) !important; } .bloc-residences-services .inner-services .services .service .cta-secondary--see-more::after {
color: #fff !important; } .bloc-residences-services .inner .top-title {
color: #044a6f;
margin-bottom: 16px; } .bloc-residences-services .inner .title--2 {
color: #044a6f;
font-weight: 600;
display: block; } .bloc-residences-services .inner .desc {
margin-top: 12px; } .bloc-residences-services .inner .residences,
.bloc-residences-services .inner .services {
display: flex;
flex-wrap: wrap;
margin-top: 40px; } .bloc-residences-services .inner .residences .residence,
.bloc-residences-services .inner .residences .service,
.bloc-residences-services .inner .services .residence,
.bloc-residences-services .inner .services .service {
width: calc(50% - 12px);
padding: 20px;
background: #044a6f;
border-radius: 16px;
margin-bottom: 24px;
text-decoration: none !important; }
@media (max-width: 767.98px) { .bloc-residences-services .inner .residences .residence,
.bloc-residences-services .inner .residences .service,
.bloc-residences-services .inner .services .residence,
.bloc-residences-services .inner .services .service {
width: 100%; } .bloc-residences-services .inner .residences .residence:last-child,
.bloc-residences-services .inner .residences .service:last-child,
.bloc-residences-services .inner .services .residence:last-child,
.bloc-residences-services .inner .services .service:last-child {
margin-bottom: 0; } } .bloc-residences-services .inner .residences .residence:nth-child(2n+1),
.bloc-residences-services .inner .residences .service:nth-child(2n+1),
.bloc-residences-services .inner .services .residence:nth-child(2n+1),
.bloc-residences-services .inner .services .service:nth-child(2n+1) {
margin-right: 24px; }
@media (max-width: 767.98px) { .bloc-residences-services .inner .residences .residence:nth-child(2n+1),
.bloc-residences-services .inner .residences .service:nth-child(2n+1),
.bloc-residences-services .inner .services .residence:nth-child(2n+1),
.bloc-residences-services .inner .services .service:nth-child(2n+1) {
margin-right: 0; } } .bloc-residences-services .inner .residences .residence:hover .cta-secondary--see-more::before,
.bloc-residences-services .inner .residences .service:hover .cta-secondary--see-more::before,
.bloc-residences-services .inner .services .residence:hover .cta-secondary--see-more::before,
.bloc-residences-services .inner .services .service:hover .cta-secondary--see-more::before {
width: 25px; } .bloc-residences-services .inner .residences .residence .icon,
.bloc-residences-services .inner .residences .service .icon,
.bloc-residences-services .inner .services .residence .icon,
.bloc-residences-services .inner .services .service .icon {
width: 56px;
height: 56px;
background: #497f9b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px; } .bloc-residences-services .inner .residences .residence .icon img,
.bloc-residences-services .inner .residences .service .icon img,
.bloc-residences-services .inner .services .residence .icon img,
.bloc-residences-services .inner .services .service .icon img {
width: 30px; } .bloc-residences-services .inner .residences .residence h3,
.bloc-residences-services .inner .residences .service h3,
.bloc-residences-services .inner .services .residence h3,
.bloc-residences-services .inner .services .service h3 {
font-family: "freight-neo-pro";
font-size: 22px;
line-height: 24px;
color: #fbf5e8;
margin-top: 24px;
margin-bottom: 8px; } .bloc-residences-services .inner .residences .residence .resume,
.bloc-residences-services .inner .residences .service .resume,
.bloc-residences-services .inner .services .residence .resume,
.bloc-residences-services .inner .services .service .resume {
color: rgba(255, 255, 255, 0.75);
font-family: "freight-sans-pro";
font-size: 18px;
line-height: 24px; } .bloc-residences-services .inner .residences .residence .resume p:last-child,
.bloc-residences-services .inner .residences .service .resume p:last-child,
.bloc-residences-services .inner .services .residence .resume p:last-child,
.bloc-residences-services .inner .services .service .resume p:last-child {
margin-bottom: 0; } .bloc-residences-services .inner .residences .residence .cta-secondary--see-more,
.bloc-residences-services .inner .residences .service .cta-secondary--see-more,
.bloc-residences-services .inner .services .residence .cta-secondary--see-more,
.bloc-residences-services .inner .services .service .cta-secondary--see-more {
color: #fff;
margin-top: 20px; } .bloc-residences-services .inner .residences .residence .cta-secondary--see-more::before,
.bloc-residences-services .inner .residences .service .cta-secondary--see-more::before,
.bloc-residences-services .inner .services .residence .cta-secondary--see-more::before,
.bloc-residences-services .inner .services .service .cta-secondary--see-more::before {
background: rgba(255, 255, 255, 0.75); }  .bloc-slider-actualites-home {
position: relative;
padding: 80px 0 80px 80px;
background: #fbf5e8; }
@media (max-width: 1199.98px) { .bloc-slider-actualites-home {
padding: 80px 0 80px 0; } }
@media (max-width: 767.98px) { .bloc-slider-actualites-home {
padding: 32px 16px; } } .bloc-slider-actualites-home::before {
content: "";
height: 100%;
width: 100vw;
background: #fbf5e8;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 70px 0 0 0; }
@media (max-width: 1199.98px) { .bloc-slider-actualites-home::before {
border-radius: 0;
left: 50%;
transform: translate(-50%, 0); } } .bloc-slider-actualites-home .title--2 {
font-weight: 600;
color: #044a6f; } .bloc-slider-actualites-home .inner {
padding: 0 20px;
margin: 0 -20px;
overflow: hidden; } .bloc-slider-actualites-home .carousel-actualites-home {
margin-top: 40px; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main {
outline: none; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 767.98px) { .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .carousel-cell {
width: 100%; } } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .carousel-cell .post-card__actualite .thumbnail {
padding-top: 75%; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .carousel-cell .post-card__actualite .a-la-une {
display: flex; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-2 .flickity-button,
.bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-2 .flickity-button,
.bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-1 .flickity-button,
.bloc-slider-actualites-home .carousel-actualites-home .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button {
position: absolute; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button:disabled {
display: none; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button svg {
display: none; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 991.98px) { .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-slider-actualites-home .carousel-actualites-home .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-association-residence {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-association-residence {
padding: 54px 0; } } .bloc-association-residence .inner .title--main {
display: block;
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 0; }
@media (max-width: 767.98px) { .bloc-association-residence .inner .title--main {
font-size: 28px;
line-height: 34px;
margin-left: 16px;
margin-right: 16px; } } .bloc-association-residence .inner .carousel-association-partenaires {
margin-top: 62px; }
@media (max-width: 767.98px) { .bloc-association-residence .inner .carousel-association-partenaires {
margin-top: 32px; } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main {
outline: none; }
@media (max-width: 767.98px) { .bloc-association-residence .inner .carousel-association-partenaires .carousel-main {
margin-left: 16px;
margin-right: 16px; } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-2 .flickity-button,
.bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-2 .flickity-button,
.bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-1 .flickity-button,
.bloc-association-residence .inner .carousel-association-partenaires .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 1199.98px) { .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .carousel-cell {
width: 100%; } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button {
position: absolute; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button:disabled {
display: none; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button svg {
display: none; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 1199.98px) { .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-association-residence .inner .carousel-association-partenaires .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; } .bloc-association-residence .inner .button-group {
margin-top: 32px; }
@media (max-width: 767.98px) { .bloc-association-residence .inner .button-group {
margin-left: 16px;
margin-right: 16px; } }
@media (max-width: 767.98px) { .bloc-association-residence .inner .cta-primary, .bloc-association-residence .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-association-residence .inner .tarteaucitronAllow, .bloc-association-residence .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-association-residence .inner .tarteaucitronDeny, .bloc-association-residence .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-association-residence .inner .tarteaucitronAllow {
width: 100%; } }  .bloc-carousel-direction-etablissement {
position: relative;
padding: 62px 0;
width: 100%;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-carousel-direction-etablissement {
padding: 54px 0; } } .bloc-carousel-direction-etablissement .title--main {
display: block;
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
margin-bottom: 24px;
font-weight: 600; }
@media (max-width: 767.98px) { .bloc-carousel-direction-etablissement .title--main {
margin-left: 16px;
margin-right: 16px;
font-size: 28px;
line-height: 34px; } } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main {
outline: none; }
@media (max-width: 767.98px) { .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main {
margin-left: 16px;
margin-right: 16px; } } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell {
width: 100%;
display: flex;
opacity: 0;
transition: opacity ease .2s; }
@media (max-width: 767.98px) { .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell {
flex-direction: column; } } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell.is-selected {
opacity: 1; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left {
width: 210px;
min-width: 210px;
padding-right: 26px; }
@media (max-width: 767.98px) { .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left {
width: 100%;
min-width: 100%;
margin-bottom: 24px;
padding-right: 0; } } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left .image {
display: block;
position: relative;
width: 100%;
padding-top: 100%; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left .image.no-img {
background: #fff;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left .image.no-img::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
content: "\E968";
font-family: "icomoon", sans-serif !important;
font-size: 120px;
color: #fcc66e; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .left .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right {
width: 100%; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-name,
.bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-poste {
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin-bottom: 4px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-name:last-child,
.bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-poste:last-child {
margin-bottom: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-name::before,
.bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-poste::before {
font-family: "icomoon", sans-serif !important;
margin-right: 16px;
font-size: 18px;
color: #2ea499; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-name::before {
content: "\E969"; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-poste::before {
content: "\E90B"; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin {
position: relative;
display: flex;
align-items: center;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin: 24px 0;
padding-bottom: 8px;
text-decoration: none !important;
width: max-content; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin:last-child {
margin-bottom: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin i {
font-size: 18px;
color: #2ea499;
margin-right: 16px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin::after {
font-family: "icomoon", sans-serif !important;
margin-left: 16px;
font-size: 18px;
content: "\E966";
color: #f8ba8d; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 78, 115, 0.25);
transition: all ease .2s; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-linkedin:hover::before {
width: 25px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-description {
font-family: "freight-sans-pro";
font-size: 26px;
line-height: 34px;
font-weight: 400;
color: rgba(4, 74, 111, 0.75);
margin-top: 24px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .author-description p {
margin-bottom: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .carousel-cell .right .cta-secondary--see-more {
margin-top: 24px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button {
position: absolute; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button:disabled {
display: none; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button {
position: absolute;
top: calc(50% - 34px);
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button svg {
display: none; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 24px auto 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-carousel-direction-etablissement .carousel-direction-etablissement .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-histoire-de-la-residence {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence {
padding: 54px 0; } } .bloc-histoire-de-la-residence .inner .bloc-text {
margin: 0; } .bloc-histoire-de-la-residence .inner .bloc-text h1,
.bloc-histoire-de-la-residence .inner .bloc-text h2,
.bloc-histoire-de-la-residence .inner .bloc-text h3,
.bloc-histoire-de-la-residence .inner .bloc-text h4,
.bloc-histoire-de-la-residence .inner .bloc-text h5,
.bloc-histoire-de-la-residence .inner .bloc-text h6 {
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .inner .bloc-text h1,
.bloc-histoire-de-la-residence .inner .bloc-text h2,
.bloc-histoire-de-la-residence .inner .bloc-text h3,
.bloc-histoire-de-la-residence .inner .bloc-text h4,
.bloc-histoire-de-la-residence .inner .bloc-text h5,
.bloc-histoire-de-la-residence .inner .bloc-text h6 {
font-size: 28px;
line-height: 34px; } } .bloc-histoire-de-la-residence .carousel-image-video {
margin-top: 24px; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main {
outline: none; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main {
margin-left: 16px;
margin-right: 16px; } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-1 .flickity-button {
display: none; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .flickity-button,
.bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .flickity-button,
.bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .carousel-cell {
width: calc(50% - 12px);
margin-right: 24px; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-2 .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-3 .flickity-button,
.bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-3 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-3 .flickity-button,
.bloc-histoire-de-la-residence .carousel-image-video .carousel-main.count-3 .flickity-page-dots {
display: flex; } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell {
width: calc(33.33% - 16px);
margin-right: 24px; }
@media (max-width: 1199.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell {
width: calc(50% - 12px);
margin-right: 24px; } }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell {
width: 100%;
margin-right: 0; } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell .image {
width: 100%; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell .image .image-thumbnail {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%;
background: #fff; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .carousel-cell .image .image-thumbnail img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transform: none; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button {
position: absolute; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button:disabled {
display: none; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button svg {
display: none; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 32px auto 0; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-histoire-de-la-residence .carousel-image-video .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-prenez-rendez-vous {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-prenez-rendez-vous {
padding: 54px 0; } } .bloc-prenez-rendez-vous .inner .bloc-text {
margin: 0; } .bloc-prenez-rendez-vous .inner .bloc-text h1,
.bloc-prenez-rendez-vous .inner .bloc-text h2,
.bloc-prenez-rendez-vous .inner .bloc-text h3,
.bloc-prenez-rendez-vous .inner .bloc-text h4,
.bloc-prenez-rendez-vous .inner .bloc-text h5,
.bloc-prenez-rendez-vous .inner .bloc-text h6 {
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-prenez-rendez-vous .inner .bloc-text h1,
.bloc-prenez-rendez-vous .inner .bloc-text h2,
.bloc-prenez-rendez-vous .inner .bloc-text h3,
.bloc-prenez-rendez-vous .inner .bloc-text h4,
.bloc-prenez-rendez-vous .inner .bloc-text h5,
.bloc-prenez-rendez-vous .inner .bloc-text h6 {
font-size: 28px;
line-height: 34px; } } .bloc-prenez-rendez-vous .inner .button-group {
margin-top: 32px; }
@media (max-width: 767.98px) { .bloc-prenez-rendez-vous .inner .button-group {
margin-left: 16px;
margin-right: 16px; } }
@media (max-width: 767.98px) { .bloc-prenez-rendez-vous .inner .cta-primary, .bloc-prenez-rendez-vous .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-prenez-rendez-vous .inner .tarteaucitronAllow, .bloc-prenez-rendez-vous .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-prenez-rendez-vous .inner .tarteaucitronDeny, .bloc-prenez-rendez-vous .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-prenez-rendez-vous .inner .tarteaucitronAllow {
width: 100%; } }  .bloc-residence-engagee-bien-vieillir {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-residence-engagee-bien-vieillir {
padding: 54px 0; } } .bloc-residence-engagee-bien-vieillir .inner .bloc-text {
margin: 0; } .bloc-residence-engagee-bien-vieillir .inner .bloc-text h1,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h2,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h3,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h4,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h5,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h6 {
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-residence-engagee-bien-vieillir .inner .bloc-text h1,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h2,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h3,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h4,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h5,
.bloc-residence-engagee-bien-vieillir .inner .bloc-text h6 {
font-size: 28px;
line-height: 34px; } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement {
margin-top: 62px; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main {
outline: none; }
@media (max-width: 767.98px) { .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main {
margin-left: 16px;
margin-right: 16px; } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-button,
.bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-button,
.bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-1 .flickity-button,
.bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 1199.98px) { .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: 100%; } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:disabled {
display: none; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button svg {
display: none; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 1199.98px) { .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-residence-engagee-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-residence-engagée-bien-vieillir {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; } .bloc-residence-engagée-bien-vieillir .inner .bloc-text {
margin: 0; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement {
margin-top: 62px; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main {
outline: none; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 1199.98px) { .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: 100%; } } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:disabled {
display: none; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button svg {
display: none; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); }
@media (max-width: 767.98px) { .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous {
left: -15px; } } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); }
@media (max-width: 767.98px) { .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next {
right: -15px; } } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-residence-engagée-bien-vieillir .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; }  .bloc-services {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-services {
padding: 54px 0; } } .bloc-services .inner .bloc-text {
margin: 0; } .bloc-services .inner .bloc-text h1,
.bloc-services .inner .bloc-text h2,
.bloc-services .inner .bloc-text h3,
.bloc-services .inner .bloc-text h4,
.bloc-services .inner .bloc-text h5,
.bloc-services .inner .bloc-text h6 {
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-services .inner .bloc-text h1,
.bloc-services .inner .bloc-text h2,
.bloc-services .inner .bloc-text h3,
.bloc-services .inner .bloc-text h4,
.bloc-services .inner .bloc-text h5,
.bloc-services .inner .bloc-text h6 {
font-size: 28px;
line-height: 34px; } } .bloc-services .inner .services-list {
margin-top: 24px; }
@media (max-width: 767.98px) { .bloc-services .inner .services-list {
margin-left: 16px;
margin-right: 16px; } } .bloc-services .inner .services-list .service {
margin-bottom: 16px; } .bloc-services .inner .services-list .service:last-child {
margin-bottom: 0; } .bloc-services .inner .services-list .service .service-name {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 0; } .bloc-services .inner .services-list .service .service-name:hover::after {
transform: rotate(180deg); } .bloc-services .inner .services-list .service .service-name h5 {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 26px;
font-weight: 400;
color: #044a6f;
margin: 0; } .bloc-services .inner .services-list .service .service-name::before {
content: "";
width: 12px;
height: 12px;
min-width: 12px;
min-height: 12px;
background: #fcc66e;
border-radius: 3px;
margin-right: 12px; } .bloc-services .inner .services-list .service .service-name::after {
content: "\E922";
font-family: "icomoon", sans-serif !important;
font-size: 12px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
background: #497f9b;
border-radius: 3px;
margin-left: 15px;
transition: all ease .2s; } .bloc-services .inner .services-list .service .read-more-target-service {
visibility: hidden;
opacity: 0;
height: 0;
border-radius: 8px;
background: #fff;
transition: all ease .2s; } .bloc-services .inner .services-list .service .read-more-target-service p,
.bloc-services .inner .services-list .service .read-more-target-service ul,
.bloc-services .inner .services-list .service .read-more-target-service li,
.bloc-services .inner .services-list .service .read-more-target-service ol {
margin: 0; } .bloc-services .inner .services-list .service .read-more-target-service > :first-child {
margin-top: 0 !important; } .bloc-services .inner .services-list .service .read-more-target-service p {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } .bloc-services .inner .services-list .service .read-more-target-service a {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: #ed6e4d;
font-weight: 400;
text-decoration: underline; } .bloc-services .inner .services-list .service .read-more-target-service ul {
padding-left: 0;
display: flex;
flex-direction: column;
list-style-type: none; } .bloc-services .inner .services-list .service .read-more-target-service ul li {
position: relative;
display: flex;
align-items: flex-start;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } .bloc-services .inner .services-list .service .read-more-target-service ul li:last-child {
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-target-service ul li::before {
content: "";
width: 12px;
height: 12px;
min-width: 12px;
min-height: 12px;
border: 2px solid #fcc66e;
border-radius: 3px;
margin-right: 16px;
margin-top: 10px; } .bloc-services .inner .services-list .service .read-more-target-service ul ul {
padding-left: 25px; } .bloc-services .inner .services-list .service .read-more-target-service ul ul li::before {
background: none;
border: 2px solid #fcc66e; } .bloc-services .inner .services-list .service .read-more-target-service ol {
padding-left: 32px;
display: flex;
flex-direction: column; } .bloc-services .inner .services-list .service .read-more-target-service ol li {
position: relative;
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
font-weight: 400; } .bloc-services .inner .services-list .service .read-more-target-service ol li::marker {
color: #044a6f;
font-family: "freight-sans-pro"; } .bloc-services .inner .services-list .service .read-more-target-service ol ol {
padding-left: 25px;
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-target-service ol ol li::before {
opacity: 0.5; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service {
visibility: visible;
opacity: 1;
height: auto;
padding: 24px;
margin-top: 16px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service p {
margin: 16px 0; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service p:last-child {
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ul li {
margin-bottom: 6px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ul li:last-child {
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ul ul li {
margin-bottom: 6px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ul ul li:first-child {
margin-top: 6px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ol {
margin-bottom: 24px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ol li {
margin-bottom: 5px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ol li:last-child {
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ol ol {
margin-bottom: 0; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .read-more-target-service ol ol li:first-child {
margin-top: 5px; } .bloc-services .inner .services-list .service .read-more-state:checked ~ .service-name::after {
transform: rotate(180deg); } .bloc-tarif {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; } .bloc-tarif .inner .title--main {
display: block;
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin-bottom: 24px; }
@media (max-width: 767.98px) { .bloc-tarif .inner .title--main {
font-size: 28px;
line-height: 34px;
margin-left: 16px;
margin-right: 16px; } } .bloc-tarif .inner ul {
list-style-type: none;
margin: 0;
padding: 0; }
@media (max-width: 767.98px) { .bloc-tarif .inner ul {
margin-left: 16px;
margin-right: 16px; } } .bloc-tarif .inner ul li {
font-family: "freight-sans-pro";
font-size: 22px;
line-height: 30px;
color: rgba(4, 74, 111, 0.75);
display: flex;
align-items: flex-start;
margin-bottom: 8px; } .bloc-tarif .inner ul li:last-child {
margin-bottom: 0; } .bloc-tarif .inner ul li::before {
content: "";
font-family: "icomoon", sans-serif !important;
color: #2ea499;
font-weight: normal;
font-size: 22px;
margin-right: 16px; } .bloc-tarif .inner ul li.capacite-hebergement::before {
content: "\E95F"; } .bloc-tarif .inner ul li.hebergement-permanent::before {
content: "\E901"; } .bloc-tarif .inner ul li.accueil-jour::before {
content: "\E95D"; } .bloc-tarif .inner ul li.taille-chambre::before {
content: "\E908"; } .bloc-tarif .inner ul li.capacite-pasa::before {
content: "";
background: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/bigicons/PASA.png);
width: 22px;
height: 30px;
background-size: contain;
background-position: center;
background-repeat: no-repeat; } .bloc-tarif .inner ul li.tarif::before {
content: "\E94A"; } .bloc-tarif .inner ul li.aide-social::before {
content: "\E902"; } .bloc-tarif .inner .button-group {
margin-top: 24px; }
@media (max-width: 767.98px) { .bloc-tarif .inner .button-group {
margin-left: 16px;
margin-right: 16px; } }
@media (max-width: 767.98px) { .bloc-tarif .inner .cta-primary, .bloc-tarif .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-tarif .inner .tarteaucitronAllow, .bloc-tarif .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-tarif .inner .tarteaucitronDeny, .bloc-tarif .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-tarif .inner .tarteaucitronAllow {
width: 100%; } }  .bloc-vie-sociale-animations {
padding: 62px 0;
border-bottom: 1px solid #f8ba8d; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations {
padding: 54px 0; } } .bloc-vie-sociale-animations .inner .bloc-text {
margin: 0; } .bloc-vie-sociale-animations .inner .bloc-text h1,
.bloc-vie-sociale-animations .inner .bloc-text h2,
.bloc-vie-sociale-animations .inner .bloc-text h3,
.bloc-vie-sociale-animations .inner .bloc-text h4,
.bloc-vie-sociale-animations .inner .bloc-text h5,
.bloc-vie-sociale-animations .inner .bloc-text h6 {
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin: 24px 0; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .inner .bloc-text h1,
.bloc-vie-sociale-animations .inner .bloc-text h2,
.bloc-vie-sociale-animations .inner .bloc-text h3,
.bloc-vie-sociale-animations .inner .bloc-text h4,
.bloc-vie-sociale-animations .inner .bloc-text h5,
.bloc-vie-sociale-animations .inner .bloc-text h6 {
font-size: 28px;
line-height: 34px; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement {
margin-top: 62px; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement h5 {
font-family: "freight-neo-pro";
font-size: 22px;
line-height: 26px;
color: #044a6f;
font-weight: 700;
margin-bottom: 24px; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement h5 {
margin-left: 16px;
margin-right: 16px; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main {
outline: none; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main {
margin-left: 16px;
margin-right: 16px; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-viewport {
overflow: hidden; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-button,
.bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-page-dots {
display: none; }
@media (max-width: 1199.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-button,
.bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-2 .flickity-page-dots {
display: flex; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-1 .flickity-button,
.bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main.count-1 .flickity-page-dots {
display: none; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: calc(50% - 16px);
margin-right: 32px; }
@media (max-width: 1199.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .carousel-cell {
width: 100%; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:disabled {
display: none; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
position: absolute;
top: 50px;
height: 36px;
width: 36px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #f8ba8d;
outline: none;
transition: ease background 0.2s;
cursor: pointer;
border: 0; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button {
top: 50%;
transform: translate(0, -50%); } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button:hover {
background-color: #044a6f; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button svg {
display: none; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button::before {
font-family: "icomoon" !important;
font-size: 18px;
color: #fff; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous {
left: 0;
transform: translate(-50%, -50%); } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.previous::before {
content: "\E904"; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next {
right: 0;
transform: translate(50%, -50%); } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-button.next::before {
content: "\E905"; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 56px auto 0; }
@media (max-width: 1199.98px) { .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots {
margin: 32px auto 0; } } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots .dot:first-child:nth-last-child(1) {
opacity: 0; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 15px;
list-style-type: none;
cursor: pointer; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
max-width: 100%;
transform: translate(0, -50%);
border-radius: 50%;
background: rgba(4, 74, 111, 0.25); } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li:last-child {
margin-right: 0; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected {
width: 12px;
height: 12px; } .bloc-vie-sociale-animations .carousel-actualites-fiche-etablissement .carousel-main .flickity-page-dots li.is-selected::before {
background: #f8ba8d;
width: 12px;
height: 12px; } .bloc-vie-sociale-animations .bloc-direct-residence {
margin-top: 62px; } .bloc-vie-sociale-animations .bloc-direct-residence h5 {
font-family: "freight-neo-pro";
font-size: 22px;
line-height: 26px;
color: #044a6f;
font-weight: 700;
margin-bottom: 24px; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .bloc-direct-residence h5 {
margin-left: 16px;
margin-right: 16px; } } .bloc-vie-sociale-animations .bloc-direct-residence .button-lists {
display: flex;
flex-wrap: wrap;
margin-bottom: -24px; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .bloc-direct-residence .button-lists {
margin-left: 16px;
margin-right: 16px;
flex-direction: column; } } .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .cta-primary, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronAllow, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronDeny, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tac_activate .tarteaucitronAllow, .tac_activate .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronAllow {
margin-right: 24px;
margin-bottom: 24px; }
@media (max-width: 767.98px) { .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .cta-primary, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronAllow, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronDeny, .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tac_activate .tarteaucitronAllow, .tac_activate .bloc-vie-sociale-animations .bloc-direct-residence .button-lists .tarteaucitronAllow {
width: 100%; } } body.error404 {
background: #044a6f !important; } body.error404 footer {
display: none; } .bloc-404 {
height: calc(100vh - 168px); } .bloc-404 .decoration {
position: absolute;
width: 600px;
height: 560px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 991.98px) { .bloc-404 .decoration {
display: none; } } .bloc-404 .decoration .image-banner-1 {
position: absolute;
top: 0;
left: 0;
z-index: 2; } .bloc-404 .decoration .image-banner-1 img {
display: block;
max-width: 450px;
width: 450px;
height: auto;
margin: 0 auto;
mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme3.svg);
-webkit-mask-image: url(//monsieurvincent.org/app/themes/bastille/resources/assets/images/svg/forme3.svg);
mask-mode: alpha;
-webkit-mask-mode: alpha;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 385px;
-webkit-mask-size: 385px;
mask-position: center;
-webkit-mask-position: center; }
@media (max-width: 991.98px) { .bloc-404 .decoration .image-banner-1 img {
max-width: 200px;
width: 200px;
mask-size: 185px;
-webkit-mask-size: 185px; } } .bloc-404 .decoration .image-banner-2 {
position: absolute;
top: 290px;
right: 0;
z-index: 1; }
@media (max-width: 991.98px) { .bloc-404 .decoration .image-banner-2 {
top: 170px;
right: 20px; } .bloc-404 .decoration .image-banner-2 img {
width: 120px; } } .bloc-404 .inner {
position: absolute;
margin-left: 75px;
left: 50%;
top: 50%;
transform: translate(0, -50%); }
@media (max-width: 991.98px) { .bloc-404 .inner {
transform: translate(-50%, -50%);
margin-left: 0; } } .bloc-404 .inner .title {
display: block;
font-family: "freight-neo-pro";
font-size: 106px;
line-height: 106px;
font-weight: 600;
color: #fff; }
@media (max-width: 991.98px) { .bloc-404 .inner .title {
text-align: center; } }
@media (max-width: 767.98px) { .bloc-404 .inner .title {
font-size: 56px;
line-height: 56px; } } .bloc-404 .inner .text {
display: block;
font-family: "freight-neo-pro";
font-size: 36px;
line-height: 50px;
font-weight: 600;
color: #fff;
margin-top: 16px; }
@media (max-width: 991.98px) { .bloc-404 .inner .text {
text-align: center; } } .bloc-404 .inner .cta-primary, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronAllow, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronDeny, .bloc-404 .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-404 .inner .tarteaucitronAllow {
margin-top: 48px; }
@media (max-width: 991.98px) { .bloc-404 .inner .cta-primary, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronAllow, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronDeny, .bloc-404 .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-404 .inner .tarteaucitronAllow {
margin: 48px auto 0 auto; } }
@media (max-width: 767.98px) { .bloc-404 .inner .cta-primary, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronAllow, .bloc-404 .inner #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .bloc-404 .inner .tarteaucitronDeny, .bloc-404 .inner .tac_activate .tarteaucitronAllow, .tac_activate .bloc-404 .inner .tarteaucitronAllow {
margin-top: 24px; } }  footer .inner-top {
position: relative;
padding: 96px 0;
display: flex;
justify-content: space-between; }
@media (max-width: 991.98px) { footer .inner-top {
flex-direction: column; } }
@media (max-width: 767.98px) { footer .inner-top {
padding: 32px 16px; } } footer .inner-top::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
top: 0;
transform: translate(-50%, 0);
background: #f2f6f8;
z-index: -1; } footer .inner-top .left,
footer .inner-top .right {
width: calc(50% - 24px); }
@media (max-width: 991.98px) { footer .inner-top .left,
footer .inner-top .right {
width: 100%; } } footer .inner-top .left .title--footer,
footer .inner-top .right .title--footer {
display: block;
font-family: "freight-neo-pro";
font-size: 34px;
line-height: 40px;
color: #044a6f;
font-weight: 600;
margin-bottom: 24px; } footer .inner-top .left .button-group,
footer .inner-top .right .button-group {
margin-top: 24px; } footer .inner-top .left .button-group .cta-primary, footer .inner-top .left .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .left .button-group .tarteaucitronAllow, footer .inner-top .left .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .left .button-group .tarteaucitronDeny, footer .inner-top .left .button-group .tac_activate .tarteaucitronAllow, .tac_activate footer .inner-top .left .button-group .tarteaucitronAllow,
footer .inner-top .right .button-group .cta-primary,
footer .inner-top .right .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .button-group .tarteaucitronAllow,
footer .inner-top .right .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .button-group .tarteaucitronDeny,
footer .inner-top .right .button-group .tac_activate .tarteaucitronAllow,
.tac_activate footer .inner-top .right .button-group .tarteaucitronAllow {
margin-bottom: 16px; } footer .inner-top .left .button-group .cta-primary:last-child, footer .inner-top .left .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .left .button-group .tarteaucitronAllow:last-child, footer .inner-top .left .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:last-child, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .left .button-group .tarteaucitronDeny:last-child, footer .inner-top .left .button-group .tac_activate .tarteaucitronAllow:last-child, .tac_activate footer .inner-top .left .button-group .tarteaucitronAllow:last-child,
footer .inner-top .right .button-group .cta-primary:last-child,
footer .inner-top .right .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:last-child,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .button-group .tarteaucitronAllow:last-child,
footer .inner-top .right .button-group #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:last-child,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .button-group .tarteaucitronDeny:last-child,
footer .inner-top .right .button-group .tac_activate .tarteaucitronAllow:last-child,
.tac_activate footer .inner-top .right .button-group .tarteaucitronAllow:last-child {
margin-bottom: 0; }
@media (max-width: 991.98px) { footer .inner-top .right {
margin-top: 48px; } } footer .inner-top .right .cta-primary, footer .inner-top .right #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .tarteaucitronAllow, footer .inner-top .right #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk footer .inner-top .right .tarteaucitronDeny, footer .inner-top .right .tac_activate .tarteaucitronAllow, .tac_activate footer .inner-top .right .tarteaucitronAllow {
margin-top: 24px; } footer .inner-middle {
position: relative;
display: flex;
justify-content: flex-start;
padding: 56px 0; }
@media (max-width: 991.98px) { footer .inner-middle {
display: none; } } footer .inner-middle::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
top: 0;
transform: translate(-50%, 0);
background: #497f9b;
z-index: -1; } footer .inner-middle > ul {
list-style-type: none;
padding-left: 0;
padding-right: 24px;
flex: 1;
max-width: 300px;
margin-bottom: 0; } footer .inner-middle > ul .nav-title {
display: block;
font-family: "freight-neo-pro";
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #fbf5e8;
margin-bottom: 24px; } footer .inner-middle > ul > li > ul {
padding-left: 8px;
list-style-type: none; } footer .inner-middle > ul > li a {
font-family: "freight-neo-pro";
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #fbf5e8;
text-decoration: none;
display: flex;
align-items: center;
padding: 4px 0;
text-align: left; } footer .inner-middle > ul > li.submenu > a {
opacity: 0.7;
pointer-events: none; } footer .inner-middle > ul > li.submenu > a::before {
content: "\E933";
font-family: "icomoon", sans-serif !important;
font-size: 12px;
margin-right: 14px; } footer .inner-middle > ul > li.submenu > ul {
padding-left: 0; } footer .inner-middle > ul > li.submenu > ul a::before {
content: "\E905";
font-family: "icomoon", sans-serif !important;
font-size: 12px;
color: #fbf5e8;
margin-right: 14px; } footer .inner-middle > ul.social-media a {
display: flex;
align-items: center; } footer .inner-middle > ul.social-media a::before {
font-family: "icomoon", sans-serif !important;
font-size: 16px;
color: #f8ba8d;
margin-right: 14px; } footer .inner-middle > ul.social-media a.facebook::before {
content: "\E924"; } footer .inner-middle > ul.social-media a.twitter::before {
content: "\E964"; } footer .inner-middle > ul.social-media a.instagram::before {
content: "\E92E"; } footer .inner-middle > ul.social-media a.youtube::before {
content: "\E96C"; } footer .inner-middle > ul.social-media a.linkedin::before {
content: "\E935"; } footer .inner-bottom {
position: relative;
display: flex;
justify-content: space-between;
padding: 40px 0; }
@media (max-width: 1199.98px) { footer .inner-bottom {
flex-direction: column; } footer .inner-bottom .right {
margin-top: 32px; } }
@media (max-width: 767.98px) { footer .inner-bottom {
padding: 32px 16px 102px; } } footer .inner-bottom::before {
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
top: 0;
transform: translate(-50%, 0);
background: #044a6f;
z-index: -1; } footer .inner-bottom ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center; }
@media (max-width: 991.98px) { footer .inner-bottom ul {
flex-direction: column;
align-items: flex-start; } } footer .inner-bottom ul li {
margin-right: 24px; }
@media (max-width: 991.98px) { footer .inner-bottom ul li {
margin-right: 0;
margin-bottom: 32px; } } footer .inner-bottom ul li:last-child {
margin-right: 0; }
@media (max-width: 991.98px) { footer .inner-bottom ul li:last-child {
margin-bottom: 0; } } footer .inner-bottom ul li a {
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #fff;
text-decoration: none; } footer .inner-bottom .copyright {
font-family: "freight-sans-pro";
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #fff; }  .menu-lateral {
position: fixed;
z-index: 99;
right: 25px;
top: 130px;
background: #fbf5e8;
border-radius: 12px;
border: 1px solid rgba(0, 78, 115, 0.05); }
@media (max-width: 1199.98px) { .menu-lateral {
right: 0; } }
@media (max-width: 991.98px) { .menu-lateral {
display: none; } } .menu-lateral a {
text-decoration: none !important; } .menu-lateral ul {
padding: 0;
margin: 0; } .menu-lateral ul li {
list-style-type: none; } .menu-lateral ul li:last-child a::after {
background: transparent; } .menu-lateral ul li .special {
margin-bottom: 0;
display: flex; } .menu-lateral ul li .reveal {
text-decoration: none !important;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding: 14px 18px 0 18px;
transition: all ease 0.2s;
cursor: pointer; } .menu-lateral ul li .reveal label {
cursor: pointer; } .menu-lateral ul li .reveal::after {
content: "";
width: 26px;
height: 0;
position: relative;
margin-top: 12px; } .menu-lateral ul li .reveal i {
font-size: 26px;
color: #044a6f; } .menu-lateral ul li .reveal .text {
font-family: "freight-neo-pro";
white-space: nowrap;
font-weight: 600;
font-size: 16px;
color: #fff;
position: absolute;
height: 100%;
width: auto;
right: 51px;
max-width: 0;
top: 0;
display: block;
visibility: hidden;
opacity: 0;
border-radius: 18px 0 0 18px;
transition: opacity ease 0.2s;
max-width: 400px; } .menu-lateral ul li .reveal .text-slide {
opacity: 1;
transition: opacity ease 0.2s;
transition-delay: 100ms; } .menu-lateral ul li .reveal .text-slide .span-title {
background: #044a6f;
padding: 14px 18px;
display: block;
font-family: "freight-neo-pro";
font-size: 20px;
line-height: 24px;
color: #fff;
font-weight: 400;
border-radius: 8px 0px 0px 0px; } .menu-lateral ul li .reveal .text-slide ul {
margin: 0;
padding: 12px 18px;
max-width: 230px;
list-style-type: none;
background: #fbf5e8;
border-radius: 0px 0px 16px 16px;
border: 1px solid rgba(73, 127, 155, 0.25); } .menu-lateral ul li .reveal .text-slide ul li {
margin-bottom: 12px;
white-space: break-spaces; } .menu-lateral ul li .reveal .text-slide ul li:last-child {
margin-bottom: 0; } .menu-lateral ul li .reveal .text-slide ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 24px;
color: #044a6f;
display: flex;
align-items: flex-start; } .menu-lateral ul li .reveal .text-slide ul li a:hover::before {
color: #f8ba8d; } .menu-lateral ul li .reveal .text-slide ul li a:hover span {
text-decoration: underline; } .menu-lateral ul li .reveal .text-slide ul li a::before {
content: "\E900";
font-family: "icomoon", sans-serif !important;
font-size: 16px;
color: #497f9b;
margin-right: 13px;
font-weight: normal; } .menu-lateral ul li .reveal .text-slide ul li.lien_je_suis_professionnel_secteur a::before {
content: "\E90B"; } .menu-lateral ul li .reveal .text-slide ul li.lien_je_suis_un_resident_proche_resident a::before {
content: "\E92D"; } .menu-lateral ul li .reveal .text-slide ul li.lien_devenir_benevole a::before {
content: "\E902"; } .menu-lateral ul li .reveal .text-slide ul li.lien_faire_un_don a::before {
content: "\E909"; } .menu-lateral ul li .reveal .text-slide ul li.lien_je_suis_une_association a::before {
content: "\E903"; } .menu-lateral ul li .reveal .text-slide ul li.lien_je_suis_un_acteur_du_bien_vieillir a::before {
content: "\E90A"; } .menu-lateral ul li .reveal .text-slide ul li.linkedin a::before {
content: "\E935"; } .menu-lateral ul li .reveal .text-slide ul li.twitter a::before {
content: "\E964"; } .menu-lateral ul li .reveal .text-slide ul li.facebook a::before {
content: "\E924"; } .menu-lateral ul li .reveal .text-slide ul li.mail a::before {
content: "\E939"; } .menu-lateral ul li .reveal:hover {
background: #044a6f; } .menu-lateral ul li .reveal:hover i {
color: #fff; } .menu-lateral ul li .reveal:hover .text {
background: transparent;
visibility: visible;
opacity: 1; } .menu-lateral ul li .reveal:hover .text-slide {
opacity: 1; }  body.single-residences .menu-single-residence {
position: fixed;
width: 100vw;
height: 80px;
top: -80px;
left: 0;
background: #fff;
z-index: 9999;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(4, 74, 111, 0.25);
transition: top ease .2s;
overflow: auto;
white-space: nowrap; } body.single-residences .menu-single-residence.is-sticky {
top: 0; } body.single-residences .menu-single-residence.is-sticky::after {
content: "";
position: fixed;
z-index: 1;
top: 0;
right: 0;
bottom: 15px;
pointer-events: none;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 85%);
width: 15%;
height: 46px; } body.single-residences .menu-single-residence .inner {
width: 100%;
max-width: 1440px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 56px 0 32px; } body.single-residences .menu-single-residence .inner ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center; } body.single-residences .menu-single-residence .inner ul li {
margin-right: 40px; }
@media (max-width: 991.98px) { body.single-residences .menu-single-residence .inner ul li {
margin-right: 32px; } }
@media (max-width: 767.98px) { body.single-residences .menu-single-residence .inner ul li {
margin-right: 24px; } } body.single-residences .menu-single-residence .inner ul li a {
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
font-weight: 600; } body.single-residences .inner-single-residence {
display: flex;
align-items: flex-start; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence {
display: block; } } body.single-residences .inner-single-residence .main-content {
width: 100%;
padding-right: 48px;
margin-bottom: 48px; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .main-content {
padding-right: 0; } } body.single-residences .inner-single-residence .main-content > :first-child {
padding-top: 0 !important; } body.single-residences .inner-single-residence .main-content .bloc:last-child {
border-bottom: 0; } body.single-residences .inner-single-residence .open-fiche-pratique-mobile:checked ~ .fiche-pratique {
visibility: visible;
opacity: 1;
bottom: 70px; } body.single-residences .inner-single-residence .open-fiche-pratique-trigger {
margin-bottom: 0;
margin-left: auto;
position: fixed;
bottom: 88px;
right: 32px;
display: none;
z-index: 99;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08); }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .open-fiche-pratique-trigger {
display: block; } } body.single-residences .inner-single-residence .open-fiche-pratique-trigger::before {
width: 75px;
height: 75px;
border-radius: 12px;
background: #044a6f;
content: "\E925";
font-family: "icomoon", sans-serif !important;
font-size: 32px;
color: #fff;
display: flex;
align-items: center;
justify-content: center; }
@media (max-width: 767.98px) { body.single-residences .inner-single-residence .open-fiche-pratique-trigger::before {
width: 50px;
height: 50px;
font-size: 20px; } } body.single-residences .inner-single-residence .fiche-pratique {
background: #f8ba8d;
padding: 40px;
border-radius: 32px;
width: 468px;
transition: all ease .2s; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique {
padding: 32px 24px;
visibility: hidden;
opacity: 0;
position: fixed;
width: 100%;
max-width: 690px;
bottom: -100%;
left: 50%;
transform: translate(-50%, 0);
z-index: 99999;
top: inherit;
border-radius: 24px 24px 0px 0px;
max-height: calc(100vh - 184px);
overflow: auto; } }
@media (max-width: 767.98px) { body.single-residences .inner-single-residence .fiche-pratique {
width: 100vw;
left: 0;
transform: none; } } body.single-residences .inner-single-residence .fiche-pratique .share-title {
font-family: "freight-neo-pro";
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #044a6f;
margin: 56px 0 24px 0;
display: none; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique .share-title {
display: block; } } body.single-residences .inner-single-residence .fiche-pratique .share-buttons {
display: none; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique .share-buttons {
display: block; } } body.single-residences .inner-single-residence .fiche-pratique .title {
position: relative;
display: flex;
align-items: center;
padding-bottom: 16px;
margin-bottom: 32px; } body.single-residences .inner-single-residence .fiche-pratique .title .title--4 {
font-weight: 600;
color: #044a6f;
margin-right: 16px; } body.single-residences .inner-single-residence .fiche-pratique .title::before {
width: 40px;
height: 40px;
border-radius: 12px;
background: #044a6f;
content: "\E925";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique .title::before {
display: none; } } body.single-residences .inner-single-residence .fiche-pratique .title::after {
content: "";
width: 100%;
height: 3px;
background: #fff;
position: absolute;
left: 0;
bottom: 0; } body.single-residences .inner-single-residence .fiche-pratique .title .close-fiche-pratique-trigger {
margin-bottom: 0;
margin-left: auto;
display: none; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique .title .close-fiche-pratique-trigger {
display: flex; } } body.single-residences .inner-single-residence .fiche-pratique .title .close-fiche-pratique-trigger::before {
width: 40px;
height: 40px;
border-radius: 12px;
background: #044a6f;
content: "\E910";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center; } body.single-residences .inner-single-residence .fiche-pratique .bloc-contact {
position: relative;
margin: 56px 0;
padding-left: 40px; }
@media (max-width: 991.98px) { body.single-residences .inner-single-residence .fiche-pratique .bloc-contact {
padding-left: 32px; } } body.single-residences .inner-single-residence .fiche-pratique .bloc-contact::before {
content: "";
width: 8px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 12px;
background: #fff; } body.single-residences .inner-single-residence .fiche-pratique .bloc-contact span {
display: block;
font-family: "freight-neo-pro";
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #044a6f; } body.single-residences .inner-single-residence .fiche-pratique .bloc-contact .cta-primary, body.single-residences .inner-single-residence .fiche-pratique .bloc-contact #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk body.single-residences .inner-single-residence .fiche-pratique .bloc-contact .tarteaucitronAllow, body.single-residences .inner-single-residence .fiche-pratique .bloc-contact #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk body.single-residences .inner-single-residence .fiche-pratique .bloc-contact .tarteaucitronDeny, body.single-residences .inner-single-residence .fiche-pratique .bloc-contact .tac_activate .tarteaucitronAllow, .tac_activate body.single-residences .inner-single-residence .fiche-pratique .bloc-contact .tarteaucitronAllow {
margin-top: 16px;
width: 100%;
justify-content: center; } body.single-residences .inner-single-residence .fiche-pratique ul {
list-style-type: none;
margin: 0;
padding: 0; } body.single-residences .inner-single-residence .fiche-pratique ul.infos-secondary {
margin-top: 14px; } body.single-residences .inner-single-residence .fiche-pratique ul li {
margin-bottom: 14px; } body.single-residences .inner-single-residence .fiche-pratique ul li:last-child {
margin-bottom: 0; } body.single-residences .inner-single-residence .fiche-pratique ul li.download-administration a::after {
content: "\E919"; } body.single-residences .inner-single-residence .fiche-pratique ul li a {
position: relative;
display: flex;
align-items: center;
font-family: "freight-neo-pro";
font-size: 18px;
line-height: 22px;
color: #044a6f;
padding-bottom: 10px;
text-decoration: none !important;
max-width: max-content; } body.single-residences .inner-single-residence .fiche-pratique ul li a i {
font-size: 20px;
color: #044a6f;
margin-right: 14px; } body.single-residences .inner-single-residence .fiche-pratique ul li a::after {
content: "\E966";
font-family: "icomoon", sans-serif !important;
font-size: 20px;
color: #fff;
margin-left: 20px; } body.single-residences .inner-single-residence .fiche-pratique ul li a::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: rgba(4, 74, 111, 0.25);
transition: width ease 0.2s; } body.single-residences .inner-single-residence .fiche-pratique ul li a:hover::before {
width: 25px; } body#tinymce {
margin: 12px !important; }