@font-face {
font-family: 'icomoon';
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/icomoon.eot?602wkr);
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/icomoon.eot?602wkr#iefix) format("embedded-opentype"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/icomoon.ttf?602wkr) format("truetype"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/icomoon.woff?602wkr) format("woff"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/icomoon.svg?602wkr#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
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-next-ar:before {
content: "\e90e";
color: #fff;
}
.icon-prev-ar:before {
content: "\e90f";
color: #fff;
}
.icon-chevron-right:before {
content: "\e900";
color: #003da5;
}
.icon-chevron-down:before {
content: "\e901";
color: #003da5;
}
.icon-arrow-left .path1:before {
content: "\e902";
color: #ffee00;
}
.icon-arrow-left .path2:before {
content: "\e903";
margin-left: -1em;
color: #081943;
}
.icon-arrow-right .path1:before {
content: "\e904";
color: #ffee00;
}
.icon-arrow-right .path2:before {
content: "\e905";
margin-left: -1em;
color: #081943;
}
.icon-search:before {
content: "\e906";
color: #f12535;
}
.icon-linkedin .path1:before {
content: "\e907";
color: white;
}
.icon-linkedin .path2:before {
content: "\e908";
margin-left: -1em;
color: #f12535;
}
.icon-facebook .path1:before {
content: "\e909";
color: white;
}
.icon-facebook .path2:before {
content: "\e90a";
margin-left: -1em;
color: #f12535;
}
.icon-twitter .path1:before {
content: "\e90b";
color: white;
}
.icon-twitter .path2:before {
content: "\e90c";
margin-left: -1em;
color: #f12535;
}
.icon-select-arrow:before {
content: "\e90d";
color: #fff;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
}
.select2-container--default .select2-results__option--selected {
background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}  .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}  html {
overflow-y: auto !important;
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box;
} * {
box-sizing: border-box;
}
body {
margin: 0;
box-sizing: border-box;
position: relative;
}
button {
border: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
text-decoration: none;
}
ul {
padding: 0;
}
ul li {
list-style: none;
}
* {
margin: 0;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: 'Montserrat-Regular';
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Regular.woff2) format("woff2"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Medium';
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Medium.woff2) format("woff2"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-SemiBold';
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Bold';
src: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Bold.woff2) format("woff2"), url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/fonts/Montserrat-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
} .title--montserratRegular, .footer-section .footer-content .copyright p, .slider-three-cards.light-blue-carousel .item .date, .slider-three-cards.item-header-blue .item .date, .item-header.light-blue-carousel .item .date, .item-header.item-header-blue .item .date, .first-news .text p, .listing-ressource .listing .content-ressource .text-container .date, .listing-ressource .listing .content-ressource .text-container p, .hero .text-container .secondary-description p, .wysiwyg-content p, .wysiwyg-content li, .wysiwyg-content table td, .data-wrp .number-wrp .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .source, .video-full .description p, .cpt-trombinoscope .container .content .cards .item .text .job, .cpt-testimonial .profile .info .function {
font-family: "Montserrat-Regular", arial, sans-serif;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.title--montserratRegular-1, .cpt-trombinoscope .container .content .cards .item .text .job {
font-size: 22px;
line-height: normal;
}
.title--montserratRegular-2 {
font-size: 19px;
line-height: 26px;
}
.title--montserratRegular-3, .first-news .text p, .listing-ressource .listing .content-ressource .text-container p, .hero .text-container .secondary-description p, .wysiwyg-content p, .wysiwyg-content li, .wysiwyg-content table td, .cpt-testimonial .profile .info .function {
font-size: 18px;
line-height: 34px;
}
.title--montserratRegular-4, .video-full .description p {
font-size: 18px;
line-height: 24px;
}
.title--montserratRegular-5, .data-wrp .number-wrp .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .source {
font-size: 16px;
line-height: 26px;
}
.title--montserratRegular-6 {
font-size: 16px;
line-height: 24px;
}
.title--montserratRegular-7, .slider-three-cards.light-blue-carousel .item .date, .slider-three-cards.item-header-blue .item .date, .item-header.light-blue-carousel .item .date, .item-header.item-header-blue .item .date, .listing-ressource .listing .content-ressource .text-container .date {
font-size: 14px;
line-height: normal;
}
.title--montserratRegular-8, .footer-section .footer-content .copyright p {
font-size: 12px;
line-height: normal;
}
.title--montserratRegular:first-letter, .footer-section .footer-content .copyright p:first-letter, .slider-three-cards.light-blue-carousel .item .date:first-letter, .slider-three-cards.item-header-blue .item .date:first-letter, .item-header.light-blue-carousel .item .date:first-letter, .item-header.item-header-blue .item .date:first-letter, .first-news .text p:first-letter, .listing-ressource .listing .content-ressource .text-container .date:first-letter, .listing-ressource .listing .content-ressource .text-container p:first-letter, .hero .text-container .secondary-description p:first-letter, .wysiwyg-content p:first-letter, .wysiwyg-content li:first-letter, .wysiwyg-content table td:first-letter, .data-wrp .number-wrp .number-content .source:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .source:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .source:first-letter, .video-full .description p:first-letter, .cpt-trombinoscope .container .content .cards .item .text .job:first-letter, .cpt-testimonial .profile .info .function:first-letter {
text-transform: uppercase;
}
.title--montserratMedium, .btn, .custom-title.with-paragraphe p, .custom-block .custom-block--paragraph, .checkbox-block .text-label, .newsletter-section .newsletter-content .content-form .email-input, .newsletter-section .newsletter-content .content-form button, .newsletter-section .textFormFieldBlock input, .newsletter-section .consentBlock div label p, .footer-section .footer-content .wrp .links-footer .col-medium ul li a, .madlib .content .title, .slider-three-cards.light-blue-carousel .tag-block .tag, .slider-three-cards.item-header-blue .tag-block .tag, .item-header.light-blue-carousel .tag-block .tag, .item-header.item-header-blue .tag-block .tag, .expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title, .solution-cards .content .cards-wrp .card .short-description, .sticky-block .content .text-container p, .first-news .tab a, .listing-ressource .listing .content-ressource .text-container .wrp-tag .tag, .listing-ressource .listing .pagination a, .listing-ressource .listing .pagination .page-dots, .hero-error-404 .content p, .madlib-cpt .content .editSearch-content .description, .two-col-text-card .text-container p, .two-col-text-card .text-container ul li, .two-col-text-card .card-container p, .slider-cards .cards .card .content p, .wysiwyg-content .tag-wrp .tag, .cpt-media p {
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.title--montserratMedium-1, .first-news .tab a, .slider-cards .cards .card .content p {
font-size: 19px;
line-height: 30px;
}
@media (max-width: 767px) {
.title--montserratMedium-1, .first-news .tab a, .slider-cards .cards .card .content p {
font-size: 16px;
line-height: normal !important;
}
}
.title--montserratMedium-2, .custom-title.with-paragraphe p, .two-col-text-card .text-container p, .two-col-text-card .text-container ul li, .two-col-text-card .card-container p {
font-size: 18px;
line-height: 24px;
}
@media (max-width: 767px) {
.title--montserratMedium-2, .custom-title.with-paragraphe p, .two-col-text-card .text-container p, .two-col-text-card .text-container ul li, .two-col-text-card .card-container p {
font-size: 16px;
line-height: 24px;
}
}
.title--montserratMedium-3, .madlib .content .title {
font-size: 18px;
line-height: 16.92px;
}
.title--montserratMedium-4 {
font-size: 18px;
line-height: normal;
}
.title--montserratMedium-5, .custom-block .custom-block--paragraph, .expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title, .solution-cards .content .cards-wrp .card .short-description, .sticky-block .content .text-container p, .madlib-cpt .content .editSearch-content .description {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 767px) {
.title--montserratMedium-5, .custom-block .custom-block--paragraph, .expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title, .solution-cards .content .cards-wrp .card .short-description, .sticky-block .content .text-container p, .madlib-cpt .content .editSearch-content .description {
font-size: 12px;
line-height: 18px;
}
}
.title--montserratMedium-6, .footer-section .footer-content .wrp .links-footer .col-medium ul li a {
font-size: 16px;
line-height: normal;
}
.title--montserratMedium-7, .btn, .newsletter-section .newsletter-content .content-form button, .listing-ressource .listing .pagination a, .listing-ressource .listing .pagination .page-dots {
font-size: 14px;
line-height: 24px;
}
.title--montserratMedium-8, .newsletter-section .newsletter-content .content-form .email-input, .newsletter-section .textFormFieldBlock input {
font-size: 14px;
line-height: 13.16px;
}
.title--montserratMedium-9, .slider-three-cards.light-blue-carousel .tag-block .tag, .slider-three-cards.item-header-blue .tag-block .tag, .item-header.light-blue-carousel .tag-block .tag, .item-header.item-header-blue .tag-block .tag, .listing-ressource .listing .content-ressource .text-container .wrp-tag .tag, .wysiwyg-content .tag-wrp .tag, .cpt-media p {
font-size: 14px;
line-height: normal;
}
@media (max-width: 1024px) {
.title--montserratMedium-9, .slider-three-cards.light-blue-carousel .tag-block .tag, .slider-three-cards.item-header-blue .tag-block .tag, .item-header.light-blue-carousel .tag-block .tag, .item-header.item-header-blue .tag-block .tag, .listing-ressource .listing .content-ressource .text-container .wrp-tag .tag, .wysiwyg-content .tag-wrp .tag, .cpt-media p {
font-size: 12px;
}
}
.title--montserratMedium-10, .checkbox-block .text-label, .newsletter-section .consentBlock div label p {
font-size: 12px;
line-height: 18px;
}
.title--montserratMedium:first-letter, .btn:first-letter, .custom-title.with-paragraphe p:first-letter, .custom-block .custom-block--paragraph:first-letter, .checkbox-block .text-label:first-letter, .newsletter-section .newsletter-content .content-form .email-input:first-letter, .newsletter-section .newsletter-content .content-form button:first-letter, .newsletter-section .textFormFieldBlock input:first-letter, .newsletter-section .consentBlock div label p:first-letter, .footer-section .footer-content .wrp .links-footer .col-medium ul li a:first-letter, .madlib .content .title:first-letter, .slider-three-cards.light-blue-carousel .tag-block .tag:first-letter, .slider-three-cards.item-header-blue .tag-block .tag:first-letter, .item-header.light-blue-carousel .tag-block .tag:first-letter, .item-header.item-header-blue .tag-block .tag:first-letter, .expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title:first-letter, .solution-cards .content .cards-wrp .card .short-description:first-letter, .sticky-block .content .text-container p:first-letter, .first-news .tab a:first-letter, .listing-ressource .listing .content-ressource .text-container .wrp-tag .tag:first-letter, .listing-ressource .listing .pagination a:first-letter, .listing-ressource .listing .pagination .page-dots:first-letter, .hero-error-404 .content p:first-letter, .madlib-cpt .content .editSearch-content .description:first-letter, .two-col-text-card .text-container p:first-letter, .two-col-text-card .text-container ul li:first-letter, .two-col-text-card .card-container p:first-letter, .slider-cards .cards .card .content p:first-letter, .wysiwyg-content .tag-wrp .tag:first-letter, .cpt-media p:first-letter {
text-transform: uppercase;
}
.title--montserratSemiBold, .custom-block .custom-block--paragraph strong, header ul.header-nav > li > a, header ul.header-nav .submenu ul a, .madlib .content .select-content label, .madlib .content .select-content .select2 .select2-selection__rendered, .madlib .content .step-label, .slider-three-cards.light-blue-carousel .title, .slider-three-cards.item-header-blue .title, .item-header.light-blue-carousel .title, .item-header.item-header-blue .title, .expertise-section .content .cards-wrp .title, .solution-cards .content .cards-wrp .card .title, .sticky-block .content .text-container p strong, .listing-ressource .title-select label, .listing-ressource .title-select .select2-selection--single .select2-selection__rendered, .listing-ressource .label, .listing-ressource .wrp-select .select2-selection--single .select2-selection__rendered, .listing-ressource .listing .content-ressource .text-container .title, .madlib-cpt .content .editSearch-content .title, .madlib-cpt .content .select-content label, .madlib-cpt .content .select-content .select2 .select2-selection__rendered, .slider-cards .cards .card .content .title, .wysiwyg-content p strong, .wysiwyg-content li strong, .wysiwyg-content table td strong, .cpt-trombinoscope .container .content .cards .item .text .name, .cpt-quote .content p {
font-family: "Montserrat-SemiBold", arial, sans-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.title--montserratSemiBold-1, .madlib .content .select-content label, .madlib .content .select-content .select2 .select2-selection__rendered {
font-size: 40px;
line-height: normal;
}
@media (max-width: 1024px) {
.title--montserratSemiBold-1, .madlib .content .select-content label, .madlib .content .select-content .select2 .select2-selection__rendered {
font-size: 22px;
}
}
.title--montserratSemiBold-2, .madlib-cpt .content .editSearch-content .title, .madlib-cpt .content .select-content label, .madlib-cpt .content .select-content .select2 .select2-selection__rendered {
font-size: 25px;
line-height: normal;
}
@media (max-width: 767px) {
.title--montserratSemiBold-2, .madlib-cpt .content .editSearch-content .title, .madlib-cpt .content .select-content label, .madlib-cpt .content .select-content .select2 .select2-selection__rendered {
font-size: 22px;
}
}
.title--montserratSemiBold-3, .slider-three-cards.light-blue-carousel .title, .slider-three-cards.item-header-blue .title, .item-header.light-blue-carousel .title, .item-header.item-header-blue .title, .expertise-section .content .cards-wrp .title, .solution-cards .content .cards-wrp .card .title, .listing-ressource .listing .content-ressource .text-container .title, .slider-cards .cards .card .content .title {
font-size: 24px;
line-height: normal;
}
@media (max-width: 1024px) {
.title--montserratSemiBold-3, .slider-three-cards.light-blue-carousel .title, .slider-three-cards.item-header-blue .title, .item-header.light-blue-carousel .title, .item-header.item-header-blue .title, .expertise-section .content .cards-wrp .title, .solution-cards .content .cards-wrp .card .title, .listing-ressource .listing .content-ressource .text-container .title, .slider-cards .cards .card .content .title {
font-size: 18px;
}
}
.title--montserratSemiBold-4, .cpt-trombinoscope .container .content .cards .item .text .name {
font-size: 22px;
line-height: normal;
}
.title--montserratSemiBold-5 {
font-size: 22px;
line-height: 34px;
}
.title--montserratSemiBold-6, header ul.header-nav .submenu ul a {
font-size: 19px;
line-height: 34px;
}
.title--montserratSemiBold-7, .wysiwyg-content p strong, .wysiwyg-content li strong, .wysiwyg-content table td strong {
font-size: 18px;
line-height: 34px;
}
.title--montserratSemiBold-8, .custom-block .custom-block--paragraph strong, .sticky-block .content .text-container p strong {
font-size: 16px;
line-height: 24px;
}
@media (max-width: 1024px) {
.title--montserratSemiBold-8, .custom-block .custom-block--paragraph strong, .sticky-block .content .text-container p strong {
font-size: 12px;
line-height: 18px;
}
}
.title--montserratSemiBold-9, .listing-ressource .title-select label, .listing-ressource .title-select .select2-selection--single .select2-selection__rendered, .listing-ressource .label, .listing-ressource .wrp-select .select2-selection--single .select2-selection__rendered {
font-size: 16px;
line-height: normal;
}
.title--montserratSemiBold-10, header ul.header-nav > li > a {
font-size: 14px;
line-height: 13.16px;
}
.title--montserratSemiBold-11, .madlib .content .step-label {
font-size: 12px;
line-height: normal;
}
.title--montserratSemiBold:first-letter, .custom-block .custom-block--paragraph strong:first-letter, header ul.header-nav > li > a:first-letter, header ul.header-nav .submenu ul a:first-letter, .madlib .content .select-content label:first-letter, .madlib .content .select-content .select2 .select2-selection__rendered:first-letter, .madlib .content .step-label:first-letter, .slider-three-cards.light-blue-carousel .title:first-letter, .slider-three-cards.item-header-blue .title:first-letter, .item-header.light-blue-carousel .title:first-letter, .item-header.item-header-blue .title:first-letter, .expertise-section .content .cards-wrp .title:first-letter, .solution-cards .content .cards-wrp .card .title:first-letter, .sticky-block .content .text-container p strong:first-letter, .listing-ressource .title-select label:first-letter, .listing-ressource .title-select .select2-selection--single .select2-selection__rendered:first-letter, .listing-ressource .label:first-letter, .listing-ressource .wrp-select .select2-selection--single .select2-selection__rendered:first-letter, .listing-ressource .listing .content-ressource .text-container .title:first-letter, .madlib-cpt .content .editSearch-content .title:first-letter, .madlib-cpt .content .select-content label:first-letter, .madlib-cpt .content .select-content .select2 .select2-selection__rendered:first-letter, .slider-cards .cards .card .content .title:first-letter, .wysiwyg-content p strong:first-letter, .wysiwyg-content li strong:first-letter, .wysiwyg-content table td strong:first-letter, .cpt-trombinoscope .container .content .cards .item .text .name:first-letter, .cpt-quote .content p:first-letter {
text-transform: uppercase;
}
.title--montserratBold, .select2-dropdown .select2-results__options li, .custom-title .pre-title, .custom-title .title, .custom-block .pre-title, .custom-block .custom-block--title, .breadcrump a, .breadcrump span, .small-hero .title, .small-hero .secondary-title, header ul.header-nav .submenu .main-title, header ul.header-nav .submenu .card-wrp .absolute-content .title, header .submenu-search form input, header .submenu-search form input::placeholder, .breadcrumb .content .page, .breadcrumb .content .dots-content:hover .hideMenu a, .footer-section .custom-block .custom-block--title, .hero-hp .text-container .main-title, .hero-hp .text-container .description p, .hero-hp .text-container .description ul li, .slider-three-cards.red-carousel .tag-block .tag, .item-header.red-carousel .tag-block .tag, .slider-three-cards.red-carousel .title, .item-header.red-carousel .title, .sticky-block .content .text-container .title, .first-news .tab a.active, .first-news .primary-title, .listing-ressource .secondary-title, .no-result-found, .hero-error-404 .content .pre-title, .hero-error-404 .content .title, .two-col-text-card .text-container .main-title, .two-col-text-card .card-container .subtitle, .two-col-text-card .card-container .title, .slider-cards .custom-title p, .hero .text-container .title, .hero .text-container .primary-description p, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .data-wrp h2, .data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr, .data-wrp .number-wrp .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .description, .video-full .description p strong, .cpt-two-col.red-section-two-col p, .cpt-full-image .content .title, .cpt-full-image .content p, .hero-article .content .tag-wrp .tag, .hero-article .content .title, .hero-article .content .wrp-date-media .date, .hero-article .content .wrp-date-media .s-media .label, .cpt-testimonial .profile .info .name {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.title--montserratBold-1, .data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
font-size: 115px;
line-height: normal;
}
@media (max-width: 767px) {
.title--montserratBold-1, .data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
font-size: 65px;
}
}
.title--montserratBold-2, .small-hero .title, .footer-section .custom-block .custom-block--title, .hero-hp .text-container .main-title, .hero .text-container .title {
font-size: 45px;
line-height: normal;
}
@media (max-width: 1024px) {
.title--montserratBold-2, .small-hero .title, .footer-section .custom-block .custom-block--title, .hero-hp .text-container .main-title, .hero .text-container .title {
font-size: 40px;
}
}
.title--montserratBold-3, .custom-title .title, .custom-block .custom-block--title, .small-hero .secondary-title, .sticky-block .content .text-container .title, .two-col-text-card .text-container .main-title, .wysiwyg-content h2, .data-wrp h2, .cpt-full-image .content .title {
font-size: 32px;
line-height: normal;
}
@media (max-width: 1024px) {
.title--montserratBold-3, .custom-title .title, .custom-block .custom-block--title, .small-hero .secondary-title, .sticky-block .content .text-container .title, .two-col-text-card .text-container .main-title, .wysiwyg-content h2, .data-wrp h2, .cpt-full-image .content .title {
font-size: 25px;
}
}
.title--montserratBold-4, .first-news .primary-title, .no-result-found, .hero-article .content .title {
font-size: 40px;
line-height: normal;
}
@media (max-width: 767px) {
.title--montserratBold-4, .first-news .primary-title, .no-result-found, .hero-article .content .title {
font-size: 30px;
}
}
.title--montserratBold-5, header ul.header-nav .submenu .main-title, .listing-ressource .secondary-title, .hero-error-404 .content .title {
font-size: 30px;
line-height: 40px;
}
.title--montserratBold-6, .two-col-text-card .card-container .title, .wysiwyg-content h3 {
font-size: 30px;
line-height: 34px;
}
@media (max-width: 767px) {
.title--montserratBold-6, .two-col-text-card .card-container .title, .wysiwyg-content h3 {
font-size: 22px;
line-height: normal;
}
}
.title--montserratBold-7 {
font-size: 24px;
line-height: normal;
}
.title--montserratBold-8, .wysiwyg-content h4 {
font-size: 22px;
line-height: 34px;
}
.title--montserratBold-9, header ul.header-nav .submenu .card-wrp .absolute-content .title, .slider-three-cards.red-carousel .title, .item-header.red-carousel .title {
font-size: 22px;
line-height: normal;
}
.title--montserratBold-10, .select2-dropdown .select2-results__options li, .hero .text-container .primary-description p, .cpt-testimonial .profile .info .name {
font-size: 20px;
line-height: normal;
}
.title--montserratBold-11, .slider-cards .custom-title p, .cpt-two-col.red-section-two-col p, .cpt-full-image .content p {
font-size: 19px;
line-height: 34px;
}
.title--montserratBold-12 {
font-size: 19px;
line-height: 26px;
}
.title--montserratBold-13, .hero-hp .text-container .description p, .hero-hp .text-container .description ul li, .data-wrp .number-wrp .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .description {
font-size: 19px;
line-height: 24px;
}
.title--montserratBold-14, .custom-title .pre-title, .custom-block .pre-title, .breadcrump a, .breadcrump span, .breadcrumb .content .page, .breadcrumb .content .dots-content:hover .hideMenu a, .slider-three-cards.red-carousel .tag-block .tag, .item-header.red-carousel .tag-block .tag, .first-news .tab a.active, .hero-error-404 .content .pre-title, .hero-article .content .tag-wrp .tag, .hero-article .content .wrp-date-media .date, .hero-article .content .wrp-date-media .s-media .label {
font-size: 19px;
line-height: normal;
}
.title--montserratBold-15, .video-full .description p strong {
font-size: 18px;
line-height: 24px;
}
.title--montserratBold-16, .two-col-text-card .card-container .subtitle {
font-size: 16px;
line-height: 24px;
}
.title--montserratBold-17, header .submenu-search form input, header .submenu-search form input::placeholder {
font-size: 30px;
line-height: normal;
}
.title--montserratBold:first-letter, .select2-dropdown .select2-results__options li:first-letter, .custom-title .pre-title:first-letter, .custom-title .title:first-letter, .custom-block .pre-title:first-letter, .custom-block .custom-block--title:first-letter, .breadcrump a:first-letter, .breadcrump span:first-letter, .small-hero .title:first-letter, .small-hero .secondary-title:first-letter, header ul.header-nav .submenu .main-title:first-letter, header ul.header-nav .submenu .card-wrp .absolute-content .title:first-letter, header .submenu-search form input:first-letter, .breadcrumb .content .page:first-letter, .breadcrumb .content .dots-content:hover .hideMenu a:first-letter, .footer-section .custom-block .custom-block--title:first-letter, .hero-hp .text-container .main-title:first-letter, .hero-hp .text-container .description p:first-letter, .hero-hp .text-container .description ul li:first-letter, .slider-three-cards.red-carousel .tag-block .tag:first-letter, .item-header.red-carousel .tag-block .tag:first-letter, .slider-three-cards.red-carousel .title:first-letter, .item-header.red-carousel .title:first-letter, .sticky-block .content .text-container .title:first-letter, .first-news .tab a.active:first-letter, .first-news .primary-title:first-letter, .listing-ressource .secondary-title:first-letter, .no-result-found:first-letter, .hero-error-404 .content .pre-title:first-letter, .hero-error-404 .content .title:first-letter, .two-col-text-card .text-container .main-title:first-letter, .two-col-text-card .card-container .subtitle:first-letter, .two-col-text-card .card-container .title:first-letter, .slider-cards .custom-title p:first-letter, .hero .text-container .title:first-letter, .hero .text-container .primary-description p:first-letter, .wysiwyg-content h2:first-letter, .wysiwyg-content h3:first-letter, .wysiwyg-content h4:first-letter, .wysiwyg-content h5:first-letter, .data-wrp h2:first-letter, .data-wrp .number-wrp .number-content .nbr:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr:first-letter, .data-wrp .number-wrp .number-content .description:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .description:first-letter, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .description:first-letter, .video-full .description p strong:first-letter, .cpt-two-col.red-section-two-col p:first-letter, .cpt-full-image .content .title:first-letter, .cpt-full-image .content p:first-letter, .hero-article .content .tag-wrp .tag:first-letter, .hero-article .content .title:first-letter, .hero-article .content .wrp-date-media .date:first-letter, .hero-article .content .wrp-date-media .s-media .label:first-letter, .cpt-testimonial .profile .info .name:first-letter {
text-transform: uppercase;
}
.container {
max-width: 1440px;
padding-left: 30px;
padding-right: 30px;
margin: auto;
}
@media (max-width: 767px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
.openedMenu {
overflow-y: hidden;
height: 100vh;
}
.openedMenu:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.6;
background: #081943;
}
.external-container {
max-width: 1500px;
padding-left: 30px;
padding-right: 30px;
}
.flex-wrp {
display: flex;
}
.custom-select {
opacity: 0;
}
.select2-container--open .select2-selection--single {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
background-color: #FFF !important;
border-color: #FFF !important;
border-bottom: 0 !important;
}
.select2-container--open .select2-selection--single .select2-selection__rendered {
color: #003DA5 !important;
}
.select2-container--open .select2-selection__arrow:before {
color: #003DA5 !important;
transform: translateY(-50%) rotate(-180deg) !important;
}
.select2-container--open.select2-container--above .select2-selection--single {
border-bottom-left-radius: 34px !important;
border-bottom-right-radius: 34px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.select2-container--default {
width: auto !important;
max-width: 100%;
}
.select2-container--default .select2-selection--single {
background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0;
padding-right: 0;
}
.select2-container--default .select2-search.select2-search--dropdown {
display: none;
}
.select2-dropdown {
border-radius: 0 0 37px 37px !important;
background: #FFF;
border: 0;
padding-bottom: 24px;
}
.select2-dropdown .select2-results__options {
max-height: 500px !important;
padding-top: 18px;
border-top: 1px solid #e6e6e6;
}
.select2-dropdown .select2-results__options li {
color: #003DA5;
padding: 10px 30px;
}
@media screen and (max-width: 767px) {
.select2-dropdown .select2-results__options li {
font-size: 18px;
}
}
.select2-dropdown .select2-results__options li::first-letter {
text-transform: lowercase;
}
.select2-dropdown .select2-results__options li:first-child {
display: none;
}
.select2-dropdown .select2-results__options li.select2-results__option--selected, .select2-dropdown .select2-results__options li.select2-results__option--highlighted {
color: #F12535;
background-color: transparent;
position: relative;
}
.select2-dropdown .select2-results__options li.select2-results__option--selected:after, .select2-dropdown .select2-results__options li.select2-results__option--highlighted:after {
content: '';
width: 5px;
height: 5px;
background: #F12535;
border-radius: 20px;
position: absolute;
margin-left: 10px;
bottom: 19px;
transition: all 0.2s ease-in;
margin-left: 10px;
}
.select2-container--open .select2-dropdown--above {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 34px !important;
border-top-right-radius: 34px !important;
border-bottom: 1px solid #e6e6e6 !important;
}
.select2-dropdown--above .select2-results__options {
border-top: none;
}
.btn {
padding: 15px 30px;
border-radius: 300px;
display: inline-block;
align-items: center;
transition: all 0.3s ease-in;
text-align: center;
}
.btn::first-letter {
text-transform: uppercase;
}
.btn-primary {
color: #003DA5;
background-color: #FFF;
cursor: pointer;
}
.btn-primary:hover:not([disabled]) {
background-color: #081943;
color: #FFF;
}
.btn-secondary {
color: #FFF;
background-color: transparent;
border: solid 1px #FFF;
}
.btn-secondary:hover {
color: #FFF;
border-color: #081943;
background-color: #081943;
}
.btn-main-blue {
color: #FFF;
background-color: #003DA5;
outline-color: #F12535;
}
.btn-main-blue:hover {
background-color: #081943;
}
.btn-red-border {
color: #003DA5;
background-color: #FFF;
border: solid 1px #F12535;
}
.btn-red-border:hover {
border-color: #081943;
color: #081943;
}
.btn-blue-border {
color: #003DA5;
background-color: #FFF;
border: solid 1px #003DA5;
padding-top: 13px;
padding-bottom: 13px;
}
.btn-blue-border:hover {
background-color: #081943;
border-color: #081943;
color: #FFF;
}
.btn-dark-blue-border {
color: #081943;
background-color: #FFF;
border: solid 1px #081943;
}
.btn-dark-blue-border:hover {
background-color: #081943;
color: #FFF;
}
.flex-btn-center {
display: flex;
justify-content: center;
}
.custom-title .pre-title {
margin-bottom: 10px;
}
.custom-title .title .tag {
border-radius: 35px;
padding: 0 18px;
}
.tag {
border-radius: 35px;
padding: 0 18px;
display: inline-block;
}
.tag.with-bg--dark-blue {
background-color: #081943;
}
.tag.with-bg--light {
background-color: #5ec3e3;
}
.tag.with-bg--normal {
background-color: #003da5;
}
.tag.with-yellow-border {
border: solid 2px #ffee03;
}
.tag.with-dark-blue-border {
border: solid 2px #003DA5;
}
.custom-block {
text-align: center;
}
.custom-block .pre-title {
color: #003DA5;
margin-bottom: 10px;
}
.footer-section .custom-block .pre-title {
color: #FFF;
}
.custom-block .custom-block--title {
color: #003DA5;
margin-bottom: 40px;
}
.footer-section .custom-block .custom-block--title {
color: #FFF;
}
.custom-block .custom-block--paragraph {
color: #003DA5;
margin-bottom: 40px;
}
.footer-section .custom-block .custom-block--paragraph {
color: #FFF;
}
.checkbox-block {
display: flex;
margin-bottom: 20px;
}
.checkbox-block .text-label {
color: #003DA5;
cursor: pointer;
}
.checkbox-block .checkbox-content {
display: block;
position: relative;
padding-left: 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 16px;
height: 16px;
margin-right: 12.66px;
margin-top: 4px;
}
.checkbox-block .checkbox-content input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-block .checkbox-content input:checked ~ .checkmark {
background-color: #5EC4E3;
}
.checkbox-block .checkbox-content input:checked ~ .checkmark:after {
display: block;
}
.checkbox-block .checkbox-content .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: transparent;
border: 1px #5EC4E3 solid;
border-radius: 4px;
}
.checkbox-block .checkbox-content .checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-block .checkbox-content .checkmark:after {
position: absolute;
content: "";
position: absolute;
right: 41%;
top: 50%;
width: 4px;
height: 8px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: -1px -1px 0;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
z-index: 2;
}
.checkbox-block:last-child {
margin-bottom: 0;
}
.owl-carousel {
position: relative;
}
.owl-carousel .owl-dots {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.owl-carousel .owl-dots {
gap: 14px;
}
}
.owl-carousel .owl-dots .owl-dot {
width: 5px;
height: 5px;
background-color: #5EC4E3;
border-radius: 5px;
display: block;
}
.owl-carousel .owl-dots .owl-dot.active {
width: 60px;
background-color: #003DA5;
}
.owl-carousel .owl-nav button {
position: absolute;
top: 212px;
display: block;
}
.owl-carousel .owl-nav button span {
display: none;
}
section:not(.expertise-section) .owl-carousel .owl-nav .owl-prev {
left: -87px;
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/prev-yellow.svg) !important;
background-color: transparent !important;
width: 37px;
height: 37px;
}
@media screen and (max-width: 1220px) {
section:not(.expertise-section) .owl-carousel .owl-nav .owl-prev {
left: -46px;
}
}
section:not(.expertise-section) .owl-carousel .owl-nav .owl-next {
right: -87px;
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/next-yellow.svg) !important;
background-color: transparent !important;
width: 37px;
height: 37px;
}
@media screen and (max-width: 1220px) {
section:not(.expertise-section) .owl-carousel .owl-nav .owl-next {
right: -46px;
}
}
.shape {
position: absolute;
z-index: 10;
background-size: contain !important;
}
.shape.sp-yellow {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-yellow.svg) no-repeat;
}
.shape.sp-yellow.sp-yellow-55 {
width: 55px;
height: 20px;
}
.shape.sp-yellow.sp-yellow-68 {
width: 68px;
height: 26px;
}
.shape.sp-yellow.sp-yellow-81 {
width: 81px;
height: 29px;
}
.shape.sp-yellow.sp-yellow-111 {
width: 111px;
height: 41px;
}
.shape.sp-yellow.sp-yellow-135 {
width: 135px;
height: 48.061px;
}
.shape.sp-yellow.sp-yellow-223 {
width: 223px;
height: 83px;
}
.shape.sp-yellow.sp-yellow-282 {
width: 282px;
height: 105px;
}
.shape.sp-blue {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-blue.svg) no-repeat;
}
.shape.sp-blue.sp-blue-55 {
width: 55px;
height: 20px;
}
.shape.sp-blue.sp-blue-111 {
width: 111px;
height: 41px;
}
.shape.sp-blue-2 {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-blue-2.svg) no-repeat;
}
.shape.sp-blue-2.sp-blue-2-111 {
width: 111px;
height: 41px;
}
.shape.sp-half-blue {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-half-blue.svg) no-repeat;
width: 55px;
height: 10px;
}
.shape.sp-white-border {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-white-border.svg) no-repeat;
}
.shape.sp-white-border.sp-white-border-102 {
width: 102px;
height: 38px;
}
.shape.sp-white-border-218 {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-white-border-big.svg) no-repeat;
width: 351px;
height: 127px;
}
.shape.sp-white-border-35 {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-border-white-35.svg) no-repeat;
width: 35px;
height: 14px;
}
.shape.sp-white-border-327 {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/sp-primary-white-shape.svg) no-repeat;
width: 327px;
height: 119px;
}
.shape.sp-white-border-big {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-white-border-big.svg) no-repeat;
width: 351px;
height: 127px;
}
.shape.sp-half-hero {
width: 56px;
height: 22px;
}
.shape.sp-half-hero.sp-white-border-half-hero {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/sp-hero-small-white-2.svg) no-repeat;
}
.shape.sp-half-hero.sp-blue-border-half-hero {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/sp-hero-small-darkblue.svg) no-repeat;
}
.shape.sp-half-hero.sp-lightBlue-border-half-hero {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/sp-hero-small-lightBlue.svg) no-repeat;
}
.shape.sp-yellow-border {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-yellow-border.svg) no-repeat;
}
.shape.sp-yellow-border.sp-yellow-border-79 {
width: 79px;
height: 29px;
}
.shape.sp-light-blue-border {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-light-blue-border.svg) no-repeat;
}
.shape.sp-light-blue-border.sp-light-blue-border-111 {
width: 111px;
height: 41px;
}
.shape.sp-light-blue {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-light-blue.svg) no-repeat;
}
.shape.sp-light-blue.sp-light-blue-55 {
width: 55px;
height: 20px;
}
.shape.sp-light-blue.sp-light-blue-65 {
width: 65px;
height: 24px;
}
.shape.sp-light-blue.sp-light-blue-68 {
width: 68px;
height: 26px;
}
.shape.sp-light-blue.sp-light-blue-73 {
width: 73px;
height: 27px;
}
.shape.sp-light-blue.sp-light-blue-110 {
width: 110.787px;
height: 41px;
}
.shape.sp-light-blue.sp-light-blue-211 {
width: 211px;
height: 75px;
}
.shape.sp-light-blue.sp-light-blue-131 {
width: 131px;
height: 47px;
}
.shape.sp-light-blue.sp-light-blue-175 {
width: 175px;
height: 64px;
}
.shape.sp-dark-red {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-dark-red.svg) no-repeat;
}
.shape.sp-dark-red.sp-dark-red-87 {
width: 87px;
height: 32px;
}
.shape.sp-dark-red.sp-dark-red-111 {
width: 111px;
height: 41px;
}
.shape.sp-light-red {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-light-red.svg) no-repeat;
}
.shape.sp-light-red.sp-light-red-420 {
width: 420px;
height: 152px;
}
.shape.sp-light-red.sp-light-red-117 {
width: 117px;
height: 42px;
}
.shape.sp-light-red.sp-light-red-56 {
width: 56px;
height: 22px;
}
.shape.sp-light-red.sp-light-red-68 {
width: 68px;
height: 26px;
}
.shape.sp-light-red.sp-light-red-87 {
width: 87px;
height: 32px;
}
.shape.sp-light-red.sp-light-red-173 {
width: 173px;
height: 62px;
}
.shape.sp-light-red.sp-light-red-327 {
width: 327px;
height: 119px;
}
.shape.sp-light-red-border {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-lightred-big.svg) no-repeat;
}
.shape.sp-light-red-border.sp-light-red-border-n {
width: 327px;
height: 119px;
}
.shape.sp-light-red-border-228 {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-lightred-big.svg) no-repeat;
width: 327px;
height: 119px;
}
.shape.sp-main-red {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-main-red.svg) no-repeat;
}
.shape.sp-main-red.sp-main-red-68 {
width: 68px;
height: 26px;
}
.breadcrump a, .breadcrump span {
color: #FFF;
}
@media (min-width: 992px) {
.mobile-only {
pointer-events: none;
cursor: default;
}
}
@media (max-width: 991px) {
.hidden-mobile {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-mobile-xs {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-desktop {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-tablette {
display: none !important;
}
}
.small-hero {
margin-top: -12px;
background-color: #F12535;
border-radius: 0 0 30px 30px;
overflow: hidden;
}
.small-hero .container {
min-height: 326px;
position: relative;
}
.small-hero .container:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/dark-ressourcesalaune.svg);
right: -918px;
top: 154px;
z-index: 0;
position: absolute;
}
@media screen and (max-width: 767px) {
.small-hero .container:before {
right: -1029px;
top: 200px;
}
}
.small-hero .title {
padding-top: 165px;
color: #FFF;
padding-left: 87px;
position: relative;
}
@media screen and (max-width: 1024px) {
.small-hero .title {
padding-left: 0;
}
}
.small-hero .secondary-title {
padding-top: 165px;
padding-bottom: 90px;
padding-left: 87px;
color: #FFF;
position: relative;
}
@media screen and (max-width: 1024px) {
.small-hero .secondary-title {
padding-left: 0;
font-size: 30px;
}
}
.small-hero .btn {
margin-bottom: 120px;
position: relative;
}
.sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.single-solutions .data-bg-white + .cpt-wysiwyg .wysiwyg-content {
padding-top: 0;
}
body {
padding-top: 82px;
}
@media screen and (max-width: 991px) {
body {
overflow-x: hidden;
}
}
header {
z-index: 15;
position: relative;
transition: all .3s ease;
position: fixed;
top: 0;
width: 100vw;
}
header .logo a img {
max-width: 202px !important;
}
header .wrp {
border-radius: 0px 0px 12px 12px;
z-index: 1;
position: relative;
background-color: #FFF;
height: 94px;
}
@media screen and (max-width: 1250px) {
header .wrp {
display: flex;
}
}
header .flex-wrp {
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1250px) {
header .menu {
display: none;
}
}
@media screen and (max-width: 1250px) {
header .container {
width: 100%;
}
}
@media screen and (max-width: 1340px) {
header .logo img {
width: 147px;
}
}
header ul.header-nav {
margin: 0;
padding: 0;
display: flex;
gap: 20px;
height: 95px;
}
@media screen and (max-width: 1250px) {
header ul.header-nav {
display: block;
height: auto;
}
}
header ul.header-nav > li {
height: 100%;
}
@media screen and (max-width: 1250px) {
header ul.header-nav > li {
margin-bottom: 20px;
}
}
header ul.header-nav > li > a {
color: #003DA5;
height: 100%;
display: inline-flex;
align-items: center;
}
header ul.header-nav > li > a span {
display: inline-block;
}
header ul.header-nav > li > a span::first-letter {
text-transform: uppercase;
}
header ul.header-nav > li:hover > a {
color: #F12535;
}
header ul.header-nav > li.with-submenu > a:after {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e901";
margin-left: 8px;
font-size: 10px;
transition: all ease-in .25s;
}
@media screen and (min-width: 1251px) {
header ul.header-nav > li.with-submenu.active a:after {
transform: rotate(180deg);
}
header ul.header-nav > li.with-submenu.active .submenu {
opacity: 1;
visibility: visible;
}
}
@media screen and (min-width: 1251px) {
header ul.header-nav > li.with-submenu:hover a:after {
transform: rotate(180deg);
}
header ul.header-nav > li.with-submenu:hover .submenu {
opacity: 1;
visibility: visible;
}
}
header ul.header-nav .submenu {
position: absolute;
width: 100vw;
top: 94px;
border-top: solid 1px #e6e6e6;
border-radius: 0px 0px 12px 12px;
background-color: #FFF;
padding: 40px 88px;
left: 0;
opacity: 0;
visibility: hidden;
transition: visibility 0.2s,opacity 0.2s linear;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu {
padding: 20px 0px 10px;
width: 100%;
border-top: 0;
}
}
header ul.header-nav .submenu:before, header ul.header-nav .submenu:after {
content: "";
position: absolute;
top: -13px;
background-color: #FFF;
width: 50px;
height: 12px;
left: 0;
}
header ul.header-nav .submenu:after {
right: 0;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu:after {
display: none;
}
}
header ul.header-nav .submenu .flex-wrp-submenu {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu .flex-wrp-submenu {
gap: 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 991px) {
header ul.header-nav .submenu .flex-wrp-submenu {
gap: 40px;
}
}
@media screen and (max-width: 767px) {
header ul.header-nav .submenu .flex-wrp-submenu {
display: block;
}
header ul.header-nav .submenu .flex-wrp-submenu .content {
margin-bottom: 20px;
}
}
header ul.header-nav .submenu .main-title {
color: #003DA5;
margin-bottom: 40px;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu .main-title {
font-size: 20px;
margin-bottom: 20px;
}
}
header ul.header-nav .submenu .item-header.item-header-blue {
margin-top: 0;
}
header ul.header-nav .submenu ul {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
header ul.header-nav .submenu ul li {
margin-bottom: 19px;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu ul li {
margin-bottom: 8px;
}
}
header ul.header-nav .submenu ul li:last-child {
margin-bottom: 0;
}
header ul.header-nav .submenu ul a {
color: #003DA5;
display: inline-block;
}
@media screen and (max-width: 1250px) {
header ul.header-nav .submenu ul a {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
header ul.header-nav .submenu ul a {
font-size: 14px;
}
}
header ul.header-nav .submenu ul a::first-letter {
text-transform: uppercase;
}
header ul.header-nav .submenu ul a:not(.btn) {
position: relative;
transition: all 0.2s ease-in;
}
header ul.header-nav .submenu ul a:not(.btn):after {
content: '';
width: 5px;
height: 5px;
background: #F12535;
border-radius: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -15px;
opacity: 0;
transition: all 0.2s ease-in;
}
header ul.header-nav .submenu ul a:not(.btn):hover {
color: #F12535;
}
header ul.header-nav .submenu ul a:not(.btn):hover:after {
opacity: 1;
}
header ul.header-nav .submenu ul .btn-blue-border {
padding: 16px 20px;
line-height: 19px;
}
@media screen and (max-width: 767px) {
header ul.header-nav .submenu ul .btn-blue-border {
font-size: 14px;
padding: 8px 16px;
text-align: left;
}
}
header ul.header-nav .submenu ul .btn-blue-border:hover {
color: #FFF;
}
header ul.header-nav .submenu .list-btn li {
margin-bottom: 20px;
}
header ul.header-nav .submenu .list-btn li:last-child {
margin-bottom: 40px;
}
header ul.header-nav .submenu .list-btn .hidden-content-c {
display: none;
}
header ul.header-nav .submenu .list-btn .visible-c {
display: block;
}
header ul.header-nav .submenu .card-wrp {
max-width: 323px;
position: relative;
}
@media screen and (max-width: 991px) {
header ul.header-nav .submenu .card-wrp {
max-width: 283px;
}
}
header ul.header-nav .submenu .card-wrp img {
width: 100%;
}
@media screen and (max-width: 767px) {
header ul.header-nav .submenu .card-wrp img {
height: 276px;
object-fit: cover;
border-radius: 30px;
object-position: top;
}
}
header ul.header-nav .submenu .card-wrp .absolute-content {
position: absolute;
width: 100%;
bottom: 0;
padding: 0 20px 50px;
text-align: center;
}
header ul.header-nav .submenu .card-wrp .absolute-content .title {
color: #FFF;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
header ul.header-nav .submenu .card-wrp .absolute-content .title {
font-size: 17px;
}
}
header ul.header-nav .submenu .card-wrp .absolute-content .btn {
margin: auto;
}
header .btn-wrp {
display: flex;
gap: 20px;
align-items: center;
}
@media screen and (max-width: 1250px) {
header .btn-wrp {
display: none;
}
}
header .btn-wrp .icomoon {
font-size: 22px;
background: transparent;
}
@media screen and (max-width: 1340px) {
header .btn-wrp .btn {
padding: 15px 20px;
}
}
header .submenu-search {
display: none;
position: absolute;
width: 100vw;
top: 82px;
border-radius: 0px 0px 12px 12px;
background-color: #F12535;
padding: 62px 0px 120px;
left: 0;
}
.openedMenu header .submenu-search {
display: block;
}
header .submenu-search .content {
padding: 0 88px;
}
@media screen and (max-width: 767px) {
header .submenu-search .content {
padding: 0;
}
}
header .submenu-search form {
margin-top: 80px;
}
header .submenu-search form input {
background: transparent;
border: none;
border-bottom: solid 2px #FFF;
padding: 0;
padding-bottom: 10px;
color: #FFF;
margin-bottom: 50px;
width: 100%;
}
@media screen and (max-width: 767px) {
header .submenu-search form input {
font-size: 18px;
}
}
header .submenu-search form input::placeholder {
color: #FFF;
}
@media screen and (max-width: 767px) {
header .submenu-search form input::placeholder {
font-size: 18px;
}
}
header .submenu-search form input:focus-visible {
outline: none;
}
header .madlib {
position: absolute;
width: 100%;
left: 0;
top: 0;
margin-top: 142px;
min-height: calc( 100vh - 47px);
display: none;
border-radius: 30px 30px 0px 0px;
}
header .madlib .overlay {
position: absolute;
background-color: #00000080;
width: 100%;
left: 0;
height: 200px;
top: -143px;
z-index: 1;
}
@media screen and (max-width: 1250px) {
header .madlib .overlay {
display: none;
}
}
header .madlib .overlay-white {
background: #FFF;
width: 100%;
height: 87px;
left: 0;
top: -58px;
position: absolute;
z-index: -1;
}
header .madlib .bg-blue {
background: #003DA5;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
border-radius: 30px 30px 0px 0px;
z-index: 1;
}
@media screen and (min-width: 1251px) and (max-height: 980px) {
header .madlib {
margin-top: 122px;
}
header .madlib .content .title {
margin-bottom: 43px;
}
header .madlib .content .select-content label, header .madlib .content .select-content .select2 .select2-selection__rendered {
font-size: 30px;
}
header .madlib .content .question-wrp {
margin-bottom: 10px;
}
header .madlib .content .select-content .select2 .select2-selection__arrow:before {
content: "\e90d";
color: #fff;
position: absolute;
right: 30px;
top: 25px;
}
}
@media screen and (max-width: 1250px) {
header .madlib {
z-index: 10;
min-height: 100vh;
padding-top: 30px;
margin-top: 0px;
}
}
header .madlib:after {
content: "";
background: #e6e6e6;
width: 100%;
height: 1px;
left: 0;
top: -48px;
position: absolute;
z-index: 0;
}
@media screen and (min-width: 1025px) and (max-height: 980px) {
header .madlib:after {
top: -27px;
}
}
header .madlib .shape {
z-index: 0;
}
header .madlib .container {
background: transparent;
position: relative;
padding: 0 !important;
}
header .madlib .container .sp-yellow {
top: 180px;
right: 115px;
}
@media screen and (max-width: 1250px) {
header .madlib .container .sp-yellow {
display: none;
}
}
header .madlib .container .sp-light-blue {
bottom: -107px;
right: 201px;
}
@media screen and (max-width: 1250px) {
header .madlib .container .sp-light-blue {
bottom: -40px;
right: -2px;
width: 48px;
height: 20px;
}
}
header .madlib .content {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
position: relative;
z-index: 2;
}
@media screen and (min-width: 1025px) and (max-height: 980px) {
header .madlib .content {
padding: 40px 88px;
}
}
header .madlib .content:before {
display: none;
}
header .madlib .content .btn {
opacity: 1;
}
header .madlib .content .question-wrp {
margin-bottom: 40px;
}
header .madlib .content .title {
margin-bottom: 53px;
}
header .madlib .content .close {
position: absolute;
top: 50px;
right: 50px;
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/close.svg);
width: 21.026px;
height: 21.026px;
cursor: pointer;
transition: transform .5s;
background-color: transparent;
}
@media screen and (max-width: 1024px) {
header .madlib .content .close {
top: 20px;
right: 35px;
}
}
header .madlib .content .close:hover {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(180deg);
}
header .search-mobile {
display: none;
background: none;
}
header .search-mobile::before {
color: #003DA5;
font-size: 22px;
}
@media screen and (max-width: 1250px) {
header .search-mobile {
display: block;
}
}
.menuMobile {
display: none;
position: absolute;
width: 100vw;
height: 100vh;
max-height: 100vh;
overflow-y: scroll;
right: 0;
top: 0;
padding: 80px 60px;
background: #FFF;
list-style-type: none;
-webkit-font-smoothing: antialiased; transform-origin: 0% 0%;
transform: translate(-100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
@media screen and (max-width: 1250px) {
.menuMobile {
display: block;
}
}
@media screen and (max-width: 767px) {
.menuMobile {
padding-left: 53px;
padding-right: 53px;
}
}
@media screen and (max-width: 991px) {
.menuMobile .item-header .item {
max-width: 283px;
}
}
@media screen and (max-width: 991px) {
.menuMobile .item-header.item-header-blue .item a.item-link {
height: auto;
padding-bottom: 20px;
padding-top: 21px;
}
.menuMobile .item-header.item-header-blue .item a.item-link img {
display: none;
}
}
@media screen and (max-width: 990px) {
.menuMobile .container {
padding-left: 0;
padding-right: 0;
}
}
.open-menuMobile .menuMobile {
transform: none;
}
.menuMobile .menu {
display: block;
}
.menuMobile .btn-wrp {
display: block;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.menuMobile .submenu {
display: none;
position: relative !important;
top: 0 !important;
}
.menuMobile .submenu:before {
display: none !important;
}
.menuMobile .icon-search {
display: none;
}
.menuMobile .openSubmenu a:after {
transform: rotate(180deg);
}
.menuMobile .openSubmenu .submenu {
opacity: 1;
visibility: visible;
display: block;
}
.menuBurger {
display: none;
}
@media screen and (max-width: 1250px) {
.menuBurger {
display: block;
}
}
.menuBurger span {
display: block;
width: 26px;
height: 3px;
margin-bottom: 6px;
position: relative;
background: #003DA5;
z-index: 1;
transform-origin: 7px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.open-menuMobile .menuBurger span {
transform: rotate(45deg) translate(-2px, -1px);
}
.open-menuMobile .menuBurger span:nth-child(2) {
transform: rotate(-45deg) translate(0, -4px);
}
.menu-sticky {
position: fixed;
top: 0;
}
.breadcrumb {
position: absolute;
width: 100%;
left: 0;
top: 144px;
z-index: 2;
}
@media screen and (max-width: 768px) {
.breadcrumb {
top: 130px;
}
}
.breadcrumb .content {
margin-left: 88px;
display: inline-block;
}
@media screen and (max-width: 1024px) {
.breadcrumb .content {
margin-left: 0;
}
}
.breadcrumb .content .brd.large, .breadcrumb .content .brd.short {
opacity: 0;
height: 0;
}
.breadcrumb .content .page {
color: #FFF;
position: relative;
}
@media screen and (max-width: 768px) {
.breadcrumb .content .page {
font-size: 16px;
}
}
.breadcrumb .content .page:after {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e901";
margin-left: 10px;
margin-right: 10px;
font-size: 10px;
transform: rotate(-90deg);
display: inline-block;
}
.breadcrumb .content .page.active:after {
display: none;
}
.breadcrumb .content .page:first-child {
text-transform: uppercase;
}
.breadcrumb .content a.page {
position: relative;
display: inline-block;
}
.breadcrumb .content a.page:before {
content: '';
width: 0;
height: 2px;
bottom: 0;
position: absolute;
left: 0;
background-color: #FFF;
transition: all .3s;
}
.breadcrumb .content a.page:hover:before {
width: calc( 100% - 32px );
}
.breadcrumb .content .dots-content {
position: relative;
cursor: pointer;
height: 30px;
display: inline-block;
z-index: 10;
}
.breadcrumb .content .dots-content .hideMenu {
display: none;
}
.breadcrumb .content .dots-content:hover .hideMenu {
display: block;
background: #FFF;
padding: 20px;
position: absolute;
left: -17px;
top: 23px;
border-radius: 0px 0px 12px 12px;
min-width: 177px;
}
.breadcrumb .content .dots-content:hover .hideMenu a {
color: #003DA5;
margin-bottom: 20px;
display: inline-block;
padding-right: 15px;
position: relative;
transition: all 0.2s ease-in;
}
@media screen and (max-width: 768px) {
.breadcrumb .content .dots-content:hover .hideMenu a {
font-size: 16px;
}
}
.breadcrumb .content .dots-content:hover .hideMenu a:after {
content: '';
width: 5px;
height: 5px;
background: #F12535;
border-radius: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
opacity: 0;
transition: all 0.2s ease-in;
}
.breadcrumb .content .dots-content:hover .hideMenu a:hover {
color: #F12535;
}
.breadcrumb .content .dots-content:hover .hideMenu a:hover:after {
opacity: 1;
}
.breadcrumb .content .dots-content:hover .hideMenu a:last-child {
margin-bottom: 0;
}
footer {
padding-top: 59px;
}
.newsletter-section {
margin-bottom: 32px;
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 767px) {
.newsletter-section {
padding: 0;
}
}
.newsletter-section .container {
border-radius: 24px;
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/RESSOURCES.svg) #003DA5;
max-width: none;
position: relative;
padding: 0;
}
@media screen and (max-width: 767px) {
.newsletter-section .container {
padding-right: 20px;
padding-left: 20px;
}
}
.newsletter-section .newsletter-content {
position: relative;
padding: 40px 0 40px 173px;
background-size: cover;
max-width: 1380px;
margin: auto;
}
@media screen and (max-width: 1220px) {
.newsletter-section .newsletter-content {
padding-left: 30px;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-content {
display: flex;
justify-content: center;
padding-left: 0;
}
}
.newsletter-section .newsletter-content .custom-block--paragraph {
margin-bottom: 0;
}
.newsletter-section .newsletter-content .content-form {
max-width: 587px;
background-color: #FFF;
padding: 40px 72px;
border-radius: 30px;
}
@media screen and (max-width: 767px) {
.newsletter-section .newsletter-content .content-form {
padding: 30px 30px;
}
}
.newsletter-section .newsletter-content .content-form .custom-block {
text-align: left;
margin-bottom: 49px;
}
@media screen and (max-width: 767px) {
.newsletter-section .newsletter-content .content-form .custom-block .custom-block--title {
margin-bottom: 20px;
}
}
.newsletter-section .newsletter-content .content-form .email-input {
border-radius: 300px;
color: #FFF;
background-color: #265AB2;
outline: none;
border: 0;
width: 100%;
height: 53px;
padding: 20px 30px;
margin-bottom: 40px;
}
.newsletter-section .newsletter-content .content-form .email-input::placeholder {
color: #FFF;
}
@media screen and (max-width: 767px) {
.newsletter-section .newsletter-content .content-form .email-input {
margin-bottom: 30px;
}
}
.newsletter-section .newsletter-content .content-form .checkbox-box {
max-width: 390px;
margin-bottom: 40px;
}
.newsletter-section .newsletter-content .content-form button {
border: 1px solid #003DA5;
color: #003DA5;
background-color: #FFF;
padding: 15px 30px;
border-radius: 300px !important;
display: inline-block !important;
align-items: center;
transition: all 0.3s ease-in;
height: auto !important;
}
.newsletter-section .newsletter-content .content-form button:hover:not([disabled]) {
background-color: #081943;
color: #FFF;
}
.newsletter-section .newsletter-content .newsletter-img {
position: absolute;
bottom: 0;
right: 52px;
max-width: 770px !important;
max-height: 858px;
}
@media screen and (max-width: 1380px) {
.newsletter-section .newsletter-content .newsletter-img {
max-width: 50% !important;
}
}
@media screen and (max-width: 1321px) {
.newsletter-section .newsletter-content .newsletter-img {
max-width: 40% !important;
right: 0;
}
}
@media (max-width: 991px) {
.newsletter-section .newsletter-content .newsletter-img {
display: none;
}
}
.newsletter-section div[data-cached-form-url] .onFormSubmittedFeedback {
width: 100% !important;
}
.newsletter-section .marketingForm table {
max-width: 100%;
width: 100% !important;
}
.newsletter-section .textFormFieldBlock {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.newsletter-section .textFormFieldBlock input {
border-radius: 300px;
color: #FFF;
background-color: #265AB2;
outline: none;
border: 0;
width: 100%;
height: 53px;
padding: 20px 30px;
margin-bottom: 10px;
}
.newsletter-section .textFormFieldBlock input::placeholder {
color: #FFF;
}
@media screen and (max-width: 767px) {
.newsletter-section .textFormFieldBlock input {
margin-bottom: 30px;
}
}
.newsletter-section .textFormFieldBlock input:focus-visible {
outline-offset: 1px !important;
outline-color: red;
}
.newsletter-section .textFormFieldBlock label {
display: none;
}
.newsletter-section .consentBlock {
padding-left: 0 !important;
padding-right: 0 !important;
}
.newsletter-section .consentBlock div {
align-items: flex-start !important;
}
.newsletter-section .consentBlock div input {
height: 16px;
width: 16px;
margin-top: 3px;
}
.newsletter-section .consentBlock div label p {
color: #003DA5;
cursor: pointer;
text-align: left;
}
.newsletter-section .consentBlock label::after {
display: none;
}
.newsletter-section .submitButtonWrapper {
text-align: left;
margin: 0;
padding: 0 !important;
margin-top: 30px;
}
.footer-section {
background-color: #F12535;
border-radius: 24px 24px 0 0;
overflow: hidden;
}
.footer-section .container {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/Vector.svg) no-repeat;
background-position: 88% 37%;
padding-top: 77px;
padding-bottom: 30px;
position: relative;
}
@media screen and (min-width: 768px) {
.footer-section .container:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/mask-footer-2.svg);
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
}
@media screen and (max-width: 767px) {
.footer-section .container {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/Vector.svg) no-repeat;
background-size: 50px;
background-position: right 20px top 285px;
position: relative;
padding-top: 100px;
}
.footer-section .container:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/footer-mobile.png);
position: absolute;
top: 0;
left: 0;
}
}
.footer-section .container .sp-yellow {
display: none;
}
@media screen and (max-width: 767px) {
.footer-section .container .sp-yellow {
display: block;
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
}
}
.footer-section .custom-block {
margin-bottom: 91px;
text-align: center;
position: relative;
}
@media screen and (max-width: 767px) {
.footer-section .custom-block {
margin-bottom: 50px;
position: relative;
}
}
.footer-section .custom-block .custom-block--title {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.footer-section .custom-block .custom-block--title {
margin-top: 20px;
}
}
.footer-section .footer-content {
background-color: #FFF;
border-radius: 30px;
padding: 40px;
position: relative;
}
@media screen and (max-width: 767px) {
.footer-section .footer-content {
position: relative;
}
}
.footer-section .footer-content .wrp {
display: flex;
margin-bottom: 44px;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.footer-section .footer-content .wrp {
display: block;
}
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .wrp {
margin-bottom: 30px;
}
}
.footer-section .footer-content .wrp .logo-footer {
max-width: 310px;
width: 100%;
}
.footer-section .footer-content .wrp .logo-footer img {
height: 23px;
}
@media screen and (max-width: 1250px) {
.footer-section .footer-content .wrp .logo-footer img {
height: 18px;
}
}
.footer-section .footer-content .wrp .links-footer {
display: flex;
}
@media screen and (max-width: 1024px) {
.footer-section .footer-content .wrp .links-footer {
gap: 15px;
margin-top: 35px;
}
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .wrp .links-footer {
display: block;
}
}
.footer-section .footer-content .wrp .links-footer .col-medium {
margin-right: 54px;
min-width: 180px;
}
@media screen and (max-width: 991px) {
.footer-section .footer-content .wrp .links-footer .col-medium {
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .wrp .links-footer .col-medium {
margin-bottom: 54px;
}
}
.footer-section .footer-content .wrp .links-footer .col-medium:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .wrp .links-footer .col-medium:last-child {
margin-bottom: 0px;
}
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li {
margin-bottom: 16px;
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li a {
color: #003DA5;
position: relative;
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li a:hover, .footer-section .footer-content .wrp .links-footer .col-medium ul li a:focus {
color: #F12535;
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li a:hover:after, .footer-section .footer-content .wrp .links-footer .col-medium ul li a:focus:after {
opacity: 1;
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li a:after {
content: '';
width: 5px;
height: 5px;
background: #F12535;
border-radius: 20px;
position: absolute;
margin-left: 10px;
bottom: 6px;
transition: all 0.2s ease-in;
margin-left: 6px;
opacity: 0;
}
.footer-section .footer-content .wrp .links-footer .col-medium ul li:last-child {
margin-bottom: 0;
}
.footer-section .footer-content .social-icons {
display: flex;
padding-bottom: 40px;
margin-bottom: 12px;
position: relative;
border-bottom: 1px solid #5EC4E3;
}
.footer-section .footer-content .social-icons > a {
display: inline-flex;
font-size: 30px;
margin-right: 11px;
}
.footer-section .footer-content .social-icons > a > span {
border: 1px solid #F12535;
border-radius: 50px;
}
.footer-section .footer-content .social-icons > a:last-child {
margin-right: 0;
}
.footer-section .footer-content .copyright {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .copyright {
display: block;
text-align: center;
}
}
.footer-section .footer-content .copyright p {
color: #003DA5;
}
.footer-section .footer-content .copyright p a {
color: #003DA5;
text-decoration: underline;
text-underline-offset: 3px;
}
@media screen and (max-width: 767px) {
.footer-section .footer-content .copyright p:first-child {
margin-bottom: 13px;
}
}
.footer-section .footer-content .copyright p:last-child {
text-transform: uppercase;
}
.footer-contact {
background: #265AB2;
padding: 73px 0;
margin: -40px 0;
padding-top: 75px;
margin-top: -100px;
}
.footer-contact .container {
display: flex;
}
@media screen and (max-width: 1023px) {
.footer-contact .container {
display: block;
}
}
.footer-contact .contact-white-bg {
background-color: #fff;
border-radius: 30px;
padding: 50px;
min-width: 499px;
position: relative;
}
@media screen and (max-width: 1023px) {
.footer-contact .contact-white-bg {
width: 100%;
min-width: initial;
}
}
@media screen and (max-width: 767px) {
.footer-contact .contact-white-bg {
padding: 30px;
}
}
.footer-contact .contact-white-bg .shape {
right: 50px;
}
@media screen and (max-width: 767px) {
.footer-contact .contact-white-bg .shape {
top: 10px;
}
}
.footer-contact .contact-white-bg p {
color: #003DA5;
}
.footer-contact .contact-white-bg .title {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36.57px;
margin-bottom: 19px;
color: #003DA5;
max-width: 250px;
}
.footer-contact .contact-white-bg .description {
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
font-size: 19px;
line-height: 30px;
margin-bottom: 19px;
}
.footer-contact .contact-white-bg .number {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: 700;
font-size: 40px;
line-height: 48.76px;
margin-bottom: 0px;
color: #003DA5;
}
@media screen and (max-width: 767px) {
.footer-contact .contact-white-bg .number {
font-size: 26px;
}
}
.footer-contact .contact-white-bg .legende {
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-bottom: 40px;
}
.footer-contact .contact-white-bg .horaires {
display: flex;
}
@media screen and (max-width: 767px) {
.footer-contact .contact-white-bg .horaires {
display: block;
}
}
.footer-contact .contact-white-bg .horaires .content:first-child {
margin-right: 32px;
}
@media screen and (max-width: 767px) {
.footer-contact .contact-white-bg .horaires .content:first-child {
margin-right: 0;
margin-bottom: 10px;
}
}
.footer-contact .contact-white-bg .horaires .content .frst-title {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #003DA5;
}
.footer-contact .contact-white-bg .horaires .content p {
font-family: "Montserrat-Regular", arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #003DA5;
}
.footer-contact .blue-bg {
background: #003DA5;
border-radius: 24px;
margin-left: 29px;
padding: 54px;
position: relative;
max-width: 852px;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 1023px) {
.footer-contact .blue-bg {
max-width: initial;
margin-top: 30px;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.footer-contact .blue-bg {
padding: 30px;
}
}
.footer-contact .blue-bg .select2 {
min-width: 270px;
}
@media screen and (max-width: 767px) {
.footer-contact .blue-bg .select2 {
min-width: 230px;
}
}
.footer-contact .blue-bg .select2 .select2-selection--single {
height: 53px;
border: solid thin #FFF;
border-radius: 100px;
}
.footer-contact .blue-bg .select2 .select2-selection--single .select2-selection__rendered {
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
font-size: 14px !important;
line-height: 13px;
color: #fff;
padding: 18px 30px;
font-size: 11px;
}
.footer-contact .blue-bg .select2 .select2-selection--single .select2-selection__rendered::first-letter {
text-transform: uppercase;
}
.footer-contact .blue-bg .select2 .select2-selection__arrow {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: static;
}
.footer-contact .blue-bg .select2 .select2-selection__arrow:before {
content: "\e90d";
color: #FFF;
position: absolute;
right: 20px;
font-size: 10px;
top: 22px;
}
.footer-contact .blue-bg .select2 .select2-selection__arrow b {
display: none;
}
.footer-contact .blue-bg .select2-container--open .select2-selection--single {
border-radius: 36px;
}
.footer-contact .blue-bg .select2-container--open .select2-selection--single .select2-selection__arrow:before {
transform: rotate(-180deg) !important;
}
.footer-contact .blue-bg .sp-half-hero {
top: 170px;
right: 125px;
}
@media screen and (max-width: 1150px) {
.footer-contact .blue-bg .sp-half-hero {
display: none;
}
}
.footer-contact .blue-bg .sp-yellow {
width: 218px;
height: 78px;
bottom: -30px;
right: -30px;
}
@media screen and (max-width: 767px) {
.footer-contact .blue-bg .sp-yellow {
bottom: -61px;
}
}
.footer-contact .blue-bg .title {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36.57px;
margin-bottom: 19px;
color: #fff;
}
.footer-contact .blue-bg .description {
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
font-size: 19px;
line-height: 30px;
margin-bottom: 48px;
color: #fff;
max-width: 400px;
}
@media screen and (max-width: 767px) {
.footer-contact .blue-bg .description {
margin-bottom: 25px;
}
}
.footer-contact .blue-bg .adresse {
margin-top: 29px;
color: #fff;
font-family: "Montserrat-Medium", arial, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: none;
}
.footer-contact .blue-bg .adresse:first-child {
display: block;
}
.footer-contact .blue-bg .adresse strong {
font-family: "Montserrat-Bold", arial, sans-serif;
font-weight: 700;
}
.select-contactDropdown {
z-index: 10;
}
.select-contactDropdown .select2-results__options li {
padding-top: 9px;
padding-bottom: 9px;
}
.select-contactDropdown .select2-results__options li::first-letter {
text-transform: uppercase;
}
.select-contactDropdown .select2-results__options li:first-child {
display: block;
}
.hero-hp {
background-color: #F12535;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.hero-hp {
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
.hero-hp .container {
padding-left: 30px;
padding-right: 30px;
}
}
.hero-hp .content {
position: relative;
padding-bottom: 80px;
min-height: 709px;
display: flex;
margin-top: -12px;
}
@media screen and (max-width: 991px) {
.hero-hp .content {
display: block;
padding-bottom: 9px;
}
}
@media screen and (max-width: 767px) {
.hero-hp .content {
min-height: auto;
padding-bottom: 106px;
}
}
.hero-hp .content:before {
position: absolute;
z-index: 0;
content: '';
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-dark-red.svg);
width: 824px;
height: 303px;
background-size: cover;
background-position: right;
bottom: -133px;
left: -455px;
}
@media screen and (max-width: 767px) {
.hero-hp .content:before {
content: '';
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-dark-red.svg);
height: 235px;
width: 83px;
background-size: cover;
background-position: right;
left: -30px;
bottom: -30px;
}
}
.hero-hp .text-container {
max-width: 717px;
width: 100%;
margin-left: 88px;
position: relative;
padding-top: 103px;
}
@media screen and (max-width: 991px) {
.hero-hp .text-container {
margin-left: 30px;
}
}
@media screen and (max-width: 767px) {
.hero-hp .text-container {
margin-left: 0;
padding-top: 54px;
}
}
.hero-hp .text-container .main-title {
color: #fff;
margin-bottom: 41px;
}
@media screen and (max-width: 767px) {
.hero-hp .text-container .main-title {
margin-bottom: 30px;
}
}
.hero-hp .text-container .main-title .tag {
border-radius: 44px;
border: solid 2px #FFEE00;
padding: 0 17px;
}
.hero-hp .text-container .description {
margin-bottom: 51px;
max-width: 617px;
}
@media screen and (max-width: 991px) {
.hero-hp .text-container .description {
margin-bottom: 0;
}
}
.hero-hp .text-container .description p {
color: #fff;
margin-bottom: 25px;
}
.hero-hp .text-container .description ul {
padding-left: 20px;
}
.hero-hp .text-container .description ul li {
color: #fff;
list-style: disc;
}
.hero-hp .text-container .btn {
margin-right: 10px;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.hero-hp .text-container .btn {
margin-top: 15px;
}
}
@media screen and (max-width: 1439px) {
.hero-hp .img-container {
max-width: 654px;
position: relative;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.hero-hp .img-container {
display: none;
}
}
@media screen and (max-width: 767px) {
.hero-hp .img-container {
max-width: 261px;
margin-right: -30px;
height: 285px;
}
}
.hero-hp .img-container img {
width: 806px;
top: 0;
right: -172px;
position: absolute;
z-index: 1;
}
@media screen and (max-width: 1439px) {
.hero-hp .img-container img {
width: 100%;
right: -70px;
}
}
@media screen and (max-width: 991px) {
.hero-hp .img-container img {
display: none;
}
}
@media screen and (max-width: 767px) {
.hero-hp .img-container img {
right: auto;
width: 418px;
}
}
.madlib {
position: relative;
margin-top: -30px;
}
.madlib .step-2 {
display: none;
}
.madlib .container {
border-radius: 30px;
background: #FFF;
padding-top: 30px;
max-width: none;
}
.madlib .content-bg {
background: #003DA5;
border-radius: 24px;
}
.madlib .content {
position: relative;
padding: 60px 88px;
max-width: 1380px;
margin: auto;
}
@media screen and (max-width: 767px) {
.madlib .content {
padding: 50px 20px;
}
}
.madlib .content:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-yellow.svg);
position: absolute;
right: 95px;
top: 35px;
}
@media screen and (max-width: 991px) {
.madlib .content:before {
right: auto;
top: auto;
bottom: 11px;
left: 21px;
}
}
.madlib .content .title {
color: #fff;
margin-bottom: 50px;
}
@media screen and (max-width: 991px) {
.madlib .content .title {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.madlib .content .title {
font-size: 19px;
line-height: 140%; }
}
.madlib .content .select-content {
margin-bottom: 10px;
}
.madlib .content .select-content:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.madlib .content .select-content {
text-align: center;
margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
.madlib .content .select-content {
max-width: 100%;
}
}
.madlib .content .select-content label {
color: #fff;
margin-bottom: 28px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.madlib .content .select-content label {
display: block;
margin-bottom: 8px;
}
}
.madlib .content .select-content .custom-select.selected + .select2 .select2-selection--single {
border: solid 1px #FFF;
}
.madlib .content .select-content .custom-select.selected + .select2 .select2-selection__rendered {
color: #FFF;
}
.madlib .content .select-content .select2 {
margin-left: 15px;
margin-top: -21px;
}
@media screen and (max-width: 767px) {
.madlib .content .select-content .select2 {
margin-left: 0;
margin-top: 0;
}
}
.madlib .content .select-content .select2 .select2-selection--single {
border: 1px dashed #FE0;
border-radius: 34px;
height: auto;
padding: 9px 30px;
min-width: 300px;
}
@media screen and (max-width: 767px) {
.madlib .content .select-content .select2 .select2-selection--single {
padding-left: 20px;
padding-right: 14px;
min-width: 250px;
}
}
.madlib .content .select-content .select2 .select2-selection__rendered {
color: #5EC4E3;
padding-right: 35px;
}
@media screen and (max-width: 767px) {
.madlib .content .select-content .select2 .select2-selection__rendered {
padding-right: 25px;
font-size: 18px;
}
}
.madlib .content .select-content .select2 .select2-selection__rendered::first-letter {
text-transform: lowercase;
}
.madlib .content .select-content .select2 .select2-selection__arrow {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: static;
}
.madlib .content .select-content .select2 .select2-selection__arrow:before {
content: "\e90d";
color: #fff;
position: absolute;
right: 30px;
top: 35px;
font-size: 9px;
}
@media screen and (max-width: 1024px) {
.madlib .content .select-content .select2 .select2-selection__arrow:before {
top: 19px;
}
}
@media screen and (max-width: 767px) {
.madlib .content .select-content .select2 .select2-selection__arrow:before {
right: 17px;
}
}
.madlib .content .select-content .select2 .select2-selection__arrow b {
display: none;
}
.madlib .content .question-wrp {
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.madlib .content .question-wrp {
margin-bottom: 50px;
}
}
.madlib .content .step-label {
color: #5EC4E3;
text-transform: uppercase;
}
.madlib .content .btn {
opacity: 0.4;
}
@media screen and (max-width: 767px) {
.madlib .content .btn {
margin-top: 20px;
margin-bottom: 30px;
}
}
.madlib .content .flex-wrp {
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.madlib .content .flex-wrp {
flex-direction: column;
align-items: center;
}
}
.madlib .content .next-step {
cursor: pointer;
}
@media screen and (max-width: 767px) {
.slider-three-cards .owl-carousel, .item-header .owl-carousel {
max-width: 400px !important;
margin: auto;
}
}
@media screen and (max-width: 767px) {
.slider-three-cards .owl-carousel .owl-dots, .item-header .owl-carousel .owl-dots {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.slider-three-cards .owl-carousel .owl-stage-outer, .item-header .owl-carousel .owl-stage-outer {
overflow: visible;
}
}
@media screen and (max-width: 1220px) {
.slider-three-cards .container, .item-header .container {
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (max-width: 767px) {
.slider-three-cards .container, .item-header .container {
padding-left: 0px;
padding-right: 0px;
}
.home .slider-three-cards .container, .home .item-header .container {
overflow: hidden;
padding-top: 40px !important;
}
}
.slider-three-cards .three-cards, .item-header .three-cards {
max-width: 1029px;
margin: auto;
}
.home .slider-three-cards .three-cards, .home .item-header .three-cards {
max-width: 902px;
}
.slider-three-cards .three-cards.disabledCarousel, .item-header .three-cards.disabledCarousel {
display: flex !important;
gap: 30px;
justify-content: center;
}
.slider-three-cards .item, .item-header .item {
max-width: 323px;
width: 100%;
background-repeat: no-repeat;
padding: 3px 2px;
}
.home .slider-three-cards .item, .home .item-header .item {
max-width: 280px;
}
.slider-three-cards .item a.item-link, .item-header .item a.item-link {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 462px;
}
.slider-three-cards .owl-nav .disabled, .item-header .owl-nav .disabled {
display: none;
}
.slider-three-cards .tag-block, .item-header .tag-block {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.slider-three-cards .btn, .item-header .btn {
margin-left: 22px;
}
@media screen and (max-width: 767px) {
.carousel-cards .slider-three-cards .btn, .carousel-cards .item-header .btn {
margin-left: 0;
}
}
.slider-three-cards.red-carousel, .item-header.red-carousel {
margin-top: 30px;
}
@media screen and (max-width: 990px) {
.slider-three-cards.red-carousel, .item-header.red-carousel {
margin-left: auto;
margin-right: auto;
}
.slider-three-cards.red-carousel .container, .item-header.red-carousel .container {
padding-left: 25px;
padding-right: 25px;
padding-top: 50px !important;
}
.slider-three-cards.red-carousel .container .owl-carousel, .item-header.red-carousel .container .owl-carousel {
max-width: 587px;
}
}
.home .slider-three-cards.red-carousel .owl-nav button, .home .item-header.red-carousel .owl-nav button {
top: 130px !important;
}
.slider-three-cards.red-carousel .item, .item-header.red-carousel .item {
background-color: #F12535;
border-radius: 24px;
}
.slider-three-cards.red-carousel .item a.item-link, .item-header.red-carousel .item a.item-link {
padding: 20px 20px 51px;
}
@media screen and (max-width: 767px) {
.home .slider-three-cards.red-carousel .item a.item-link, .home .item-header.red-carousel .item a.item-link {
height: 300px;
justify-content: flex-end;
padding: 30px;
}
}
.slider-three-cards.red-carousel .owl-item:nth-child(odd) .item, .item-header.red-carousel .owl-item:nth-child(odd) .item {
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-item-left.svg);
background-position: bottom left;
background-color: #C31330;
}
.slider-three-cards.red-carousel .owl-item:nth-child(even) .item, .item-header.red-carousel .owl-item:nth-child(even) .item {
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-item-right.svg);
background-position: bottom right;
}
@media screen and (max-width: 767px) {
.home .slider-three-cards.red-carousel .tag-block, .home .item-header.red-carousel .tag-block {
display: none;
}
}
.slider-three-cards.red-carousel .tag-block .tag, .item-header.red-carousel .tag-block .tag {
border: 1px solid #FFF;
color: #FFF;
padding: 10px 18px;
border-radius: 40px;
}
.slider-three-cards.red-carousel .title, .item-header.red-carousel .title {
color: #FFF;
margin-bottom: 19px;
padding-left: 22px;
padding-right: 14px;
}
@media screen and (max-width: 767px) {
.home .slider-three-cards.red-carousel .title, .home .item-header.red-carousel .title {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.carousel-cards .slider-three-cards.red-carousel .title, .carousel-cards .item-header.red-carousel .title {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.home .slider-three-cards.red-carousel .btn, .home .item-header.red-carousel .btn {
margin: 0;
}
}
.slider-three-cards.light-blue-carousel, .slider-three-cards.item-header-blue, .item-header.light-blue-carousel, .item-header.item-header-blue {
margin-top: 40px;
}
@media screen and (max-width: 990px) {
.slider-three-cards.light-blue-carousel, .slider-three-cards.item-header-blue, .item-header.light-blue-carousel, .item-header.item-header-blue {
max-width: 587px;
margin-left: auto;
margin-right: auto;
}
.first-news .slider-three-cards.light-blue-carousel, .first-news .slider-three-cards.item-header-blue, .first-news .item-header.light-blue-carousel, .first-news .item-header.item-header-blue {
max-width: none;
}
}
@media screen and (max-width: 767px) {
.slider-three-cards.light-blue-carousel, .slider-three-cards.item-header-blue, .item-header.light-blue-carousel, .item-header.item-header-blue {
margin-top: 30px;
}
}
.slider-three-cards.light-blue-carousel .item, .slider-three-cards.item-header-blue .item, .item-header.light-blue-carousel .item, .item-header.item-header-blue .item {
background-color: #5EC4E3;
border-radius: 30px;
overflow: hidden;
}
.slider-three-cards.light-blue-carousel .item a.item-link, .slider-three-cards.item-header-blue .item a.item-link, .item-header.light-blue-carousel .item a.item-link, .item-header.item-header-blue .item a.item-link {
padding-top: 40px;
}
@media screen and (max-width: 767px) {
.slider-three-cards.light-blue-carousel .item a.item-link, .slider-three-cards.item-header-blue .item a.item-link, .item-header.light-blue-carousel .item a.item-link, .item-header.item-header-blue .item a.item-link {
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.articles-carousel .slider-three-cards.light-blue-carousel .item a.item-link, .articles-carousel .slider-three-cards.item-header-blue .item a.item-link, .articles-carousel .item-header.light-blue-carousel .item a.item-link, .articles-carousel .item-header.item-header-blue .item a.item-link {
height: 404px;
}
}
.slider-three-cards.light-blue-carousel .item img, .slider-three-cards.item-header-blue .item img, .item-header.light-blue-carousel .item img, .item-header.item-header-blue .item img {
height: 172px;
width: 100%;
border-radius: 0px 0px 30px 30px;
object-fit: cover;
}
.slider-three-cards.light-blue-carousel .item .date, .slider-three-cards.item-header-blue .item .date, .item-header.light-blue-carousel .item .date, .item-header.item-header-blue .item .date {
color: #081943;
}
@media screen and (max-width: 767px) {
.slider-three-cards.light-blue-carousel .item .date, .slider-three-cards.item-header-blue .item .date, .item-header.light-blue-carousel .item .date, .item-header.item-header-blue .item .date {
font-size: 12px;
}
}
.slider-three-cards.light-blue-carousel .tag-block, .slider-three-cards.item-header-blue .tag-block, .item-header.light-blue-carousel .tag-block, .item-header.item-header-blue .tag-block {
padding: 0 40px;
}
@media screen and (max-width: 767px) {
.slider-three-cards.light-blue-carousel .tag-block, .slider-three-cards.item-header-blue .tag-block, .item-header.light-blue-carousel .tag-block, .item-header.item-header-blue .tag-block {
padding: 0 30px;
}
}
.slider-three-cards.light-blue-carousel .tag-block .tag, .slider-three-cards.item-header-blue .tag-block .tag, .item-header.light-blue-carousel .tag-block .tag, .item-header.item-header-blue .tag-block .tag {
padding: 10px 20px;
border-radius: 300px;
border: 1px solid #081943;
color: #081943;
}
.slider-three-cards.light-blue-carousel .content, .slider-three-cards.item-header-blue .content, .item-header.light-blue-carousel .content, .item-header.item-header-blue .content {
padding: 0 40px;
}
@media screen and (max-width: 767px) {
.slider-three-cards.light-blue-carousel .content, .slider-three-cards.item-header-blue .content, .item-header.light-blue-carousel .content, .item-header.item-header-blue .content {
padding: 0 30px;
}
}
.slider-three-cards.light-blue-carousel .title, .slider-three-cards.item-header-blue .title, .item-header.light-blue-carousel .title, .item-header.item-header-blue .title {
color: #081943;
margin-top: 20px;
margin-bottom: 20px;
}
.expertise-section {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.expertise-section {
margin-top: 60px;
}
}
.expertise-section .container {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/bg-expertise.jpg);
background-repeat: no-repeat;
position: relative;
background-size: cover;
max-width: none;
border-radius: 30px 30px 0px 0px;
}
@media screen and (max-width: 767px) {
.expertise-section .container {
background-size: 100%;
background-position: top;
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/bg-expertise-mobile.jpg);
}
}
.expertise-section .container:before {
content: "";
height: 405px;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 30px 30px 0px 0px;
background: linear-gradient(237deg, rgba(12, 12, 12, 0) 33.9%, #0C0C0C 99.09%);
}
@media screen and (max-width: 767px) {
.expertise-section .container:before {
height: 443px;
}
}
.expertise-section .container:after {
content: "";
background-color: #FFF;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
z-index: 0;
height: calc(100% - 405px);
}
@media screen and (max-width: 767px) {
.expertise-section .container:after {
height: calc(100% - 412px);
border-radius: 30px 30px 0;
}
}
@media screen and (max-width: 767px) {
.expertise-section .custom-title .title {
font-size: 30px;
line-height: normal;
}
}
.expertise-section .content {
padding-top: 60px;
padding-bottom: 80px;
position: relative;
max-width: 1380px;
margin: auto;
}
@media screen and (max-width: 767px) {
.expertise-section .content {
padding-top: 80px;
padding-bottom: 56px;
}
}
@media screen and (max-width: 363px) {
.expertise-section .content .btn {
padding-left: 11px;
padding-right: 11px;
text-align: center;
}
}
.expertise-section .content .shape {
z-index: 1;
}
.expertise-section .content .sp-light--blue {
bottom: 0;
right: 101px;
width: 73px;
height: 27px;
}
.expertise-section .content .sp-yellow {
bottom: 0;
right: 271px;
top: 364px;
width: 68px;
height: 26px;
display: none;
}
@media screen and (max-width: 767px) {
.expertise-section .content .sp-yellow {
display: none;
}
}
.expertise-section .content .sp-light-red {
width: 111px;
height: 41px;
left: -85px;
top: 51px;
}
@media screen and (max-width: 767px) {
.expertise-section .content .sp-light-red {
left: 47px;
top: 82px;
width: 86.634px;
height: 32px;
display: none;
}
}
.expertise-section .content .cards-wrp {
display: flex;
grid-gap: 30px;
gap: 30px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1220px) {
.expertise-section .content .cards-wrp {
max-width: 680px;
margin: auto;
flex-wrap: wrap;
justify-content: center;
}
}
.expertise-section .content .cards-wrp .card {
padding: 40px;
width: 323px;
height: 462px;
border-radius: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.expertise-section .content .cards-wrp .card {
max-width: 335px;
width: 100%;
height: 442px;
}
}
.expertise-section .content .cards-wrp .card.bg-dark-blue button:before, .expertise-section .content .cards-wrp .card.bg-dark-red button:before {
color: #fff;
}
.expertise-section .content .cards-wrp .card.bg-light-blue button:before, .expertise-section .content .cards-wrp .card.bg-light-red button:before {
color: #081943;
}
.expertise-section .content .cards-wrp .card.bg-light-blue .title, .expertise-section .content .cards-wrp .card.bg-light-blue .solution-title, .expertise-section .content .cards-wrp .card.bg-light-red .title, .expertise-section .content .cards-wrp .card.bg-light-red .solution-title {
color: #081943 !important;
}
.expertise-section .content .cards-wrp .card.bg-dark-blue {
background-color: #081943;
}
.expertise-section .content .cards-wrp .card.bg-dark-red {
background-color: #C31330;
}
.expertise-section .content .cards-wrp .card.bg-light-red {
background-color: #ED6565;
}
.expertise-section .content .cards-wrp .card.bg-light-blue {
background-color: #5EC4E3;
}
.expertise-section .content .cards-wrp .card .carousel-solution {
max-width: 176px;
margin: auto;
position: relative;
margin-top: 45px;
}
.expertise-section .content .cards-wrp .card .carousel-solution .item img {
height: 90px;
width: auto;
display: block;
margin: auto;
}
.expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title {
color: #fff;
text-align: center;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.expertise-section .content .cards-wrp .card .carousel-solution .item .solution-title {
font-size: 16px;
line-height: normal;
}
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav button {
position: absolute;
top: 50%;
font-size: 24px;
transform: transitionY(-50%);
display: block;
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav button span {
display: none;
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav .owl-prev {
left: -31px;
background-color: transparent !important;
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav .owl-prev:before {
content: "\e90f";
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav .owl-next {
right: -31px;
background-color: transparent !important;
}
.expertise-section .content .cards-wrp .card .carousel-solution .owl-nav .owl-next:before {
content: "\e90e";
}
.expertise-section .content .cards-wrp .title {
color: #fff;
text-align: center;
height: 58px;
}
@media screen and (max-width: 767px) {
.expertise-section .content .cards-wrp .title {
font-size: 24px;
}
}
.expertise-section .custom-title {
color: #FFF;
padding-left: 88px;
margin-bottom: 51px;
position: relative;
}
@media screen and (max-width: 767px) {
.expertise-section .custom-title {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 78px;
}
.expertise-section .custom-title .pre-title {
margin-bottom: 16px;
}
}
.red-section-two-col .shape {
z-index: 1;
}
.red-section-two-col.with-full-img {
padding-top: 135px;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.red-section-two-col.with-full-img {
padding-top: 30px;
}
}
.red-section-two-col.with-full-img .text-content {
max-width: 569px;
margin-right: 29px;
}
.red-section-two-col.with-full-img .img-container {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-right2.svg) no-repeat;
background-position-y: 36px;
}
@media screen and (max-width: 1220px) {
.red-section-two-col.with-full-img .img-container {
max-width: 668px;
overflow-x: clip;
width: 100%;
min-width: 530px;
}
}
@media screen and (max-width: 991px) {
.red-section-two-col.with-full-img .img-container {
margin-left: auto;
padding-bottom: 0px;
}
}
@media screen and (max-width: 767px) {
.red-section-two-col.with-full-img .img-container {
padding-bottom: 0;
min-width: auto;
max-width: 314px;
background-position-y: 0;
background-size: contain;
}
}
.red-section-two-col.with-full-img .img-container img {
-webkit-mask-position: right bottom;
mask-position: right bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/mask-custom.svg);
mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/mask-custom.svg);
z-index: 1;
position: relative;
height: 595px;
width: 678px;
margin-top: -78px;
object-fit: contain;
margin-bottom: 31px;
}
@media screen and (max-width: 767px) {
.red-section-two-col.with-full-img .img-container img {
height: 307px;
width: 312px;
margin-top: -53px;
mask-size: 314px;
mask-position: initial;
margin-bottom: 0;
}
}
.red-section-two-col.with-full-img .sp-light-blue {
display: block;
right: 99px;
top: -134px;
}
@media screen and (max-width: 767px) {
.red-section-two-col.with-full-img .sp-light-blue {
top: -54px;
}
}
.red-section-two-col .container {
max-width: none;
}
.red-section-two-col .content-bg {
background-color: #F12535;
border-radius: 30px;
position: relative;
}
.red-section-two-col .content-bg .sp-white-border-102 {
left: -38px;
top: 19px;
height: 41px;
}
@media screen and (max-width: 767px) {
.red-section-two-col .content-bg .sp-white-border-102 {
left: -34px;
top: 33px;
display: none;
}
}
.red-section-two-col .sp-light-blue {
display: none;
}
.red-section-two-col .content {
display: flex;
justify-content: space-between;
position: relative;
max-width: 1380px;
margin: auto;
}
@media screen and (max-width: 991px) {
.red-section-two-col .content {
display: block;
}
}
@media screen and (max-width: 767px) {
.red-section-two-col .content {
padding-bottom: 0px;
}
}
.red-section-two-col .content .sp-yellow-68 {
left: 514px;
bottom: 70px;
}
@media screen and (max-width: 991px) {
.red-section-two-col .content .sp-yellow-68 {
left: auto;
bottom: 620px;
right: 25px;
}
}
@media screen and (max-width: 767px) {
.red-section-two-col .content .sp-yellow-68 {
width: 54.4px;
height: 20.8px;
bottom: 300px;
}
}
.red-section-two-col .text-content {
min-height: 400px;
margin-top: 125px;
margin-bottom: 25px;
margin-right: 107px;
margin-left: 88px;
max-width: 569px;
}
@media screen and (max-width: 991px) {
.red-section-two-col .text-content {
min-height: auto;
padding-top: 32px;
margin-bottom: 120px;
}
}
@media screen and (max-width: 767px) {
.red-section-two-col .text-content {
padding-bottom: 0px;
margin-right: 20px !important;
margin-left: 20px;
padding-top: 32px;
margin-top: 60px;
margin-bottom: 83px;
}
}
.red-section-two-col .text-content p {
color: #FFF;
}
.red-section-two-col .text-content .description {
margin-top: 30px;
}
.red-section-two-col .text-content .btn {
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.red-section-two-col .text-content .btn {
margin-top: 30px;
}
}
.red-section-two-col .text-content .pre-title {
color: #fff;
}
@media screen and (max-width: 767px) {
.red-section-two-col .text-content .pre-title {
margin-bottom: 30px;
}
}
.red-section-two-col .text-content .title {
color: #fff;
}
.solution-cards .container {
max-width: none;
}
@media screen and (max-width: 767px) {
.solution-cards .container {
padding-left: 0;
padding-right: 0;
}
}
.solution-cards .content-bg {
border-radius: 30px;
background: #003DA5;
margin-top: 24px;
margin-bottom: 80px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.solution-cards .content-bg {
margin-bottom: 60px;
}
}
.solution-cards .content-wrp {
max-width: 1380px;
padding: 60px 0;
position: relative;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
.solution-cards .content-wrp {
padding: 40px 0;
}
}
.solution-cards .content-wrp:before {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/bg-blue-section-2.svg);
background-size: cover;
position: absolute;
width: 2040px;
height: 1250.436px;
bottom: -889px;
right: -1185px;
}
@media screen and (max-width: 767px) {
.solution-cards .content-wrp:before {
content: "";
width: 389px;
height: 165px;
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/bg-blue-section.svg);
background-size: contain;
right: -69px;
bottom: 0px;
}
}
.solution-cards .content-wrp:after {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-light-red.svg);
position: absolute;
top: -35px;
left: -134px;
width: 327px;
height: 119px;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.solution-cards .content-wrp:after {
top: -69px;
}
}
@media screen and (max-width: 767px) {
.solution-cards .content-wrp:after {
display: none;
}
}
.solution-cards .content {
max-width: 1070px;
padding-left: 20px;
padding-right: 20px;
margin: auto;
position: relative;
}
.solution-cards .content .custom-title {
text-align: center;
max-width: 774px;
margin: auto;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.solution-cards .content .custom-title {
padding-left: 70px;
padding-right: 70px;
}
}
@media screen and (max-width: 767px) {
.solution-cards .content .custom-title {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 100px;
}
}
.solution-cards .content .custom-title .pre-title {
color: #fff;
}
@media screen and (max-width: 767px) {
.solution-cards .content .custom-title .pre-title {
margin-bottom: 30px;
}
}
.solution-cards .content .custom-title .title {
color: #fff;
line-height: 58px;
}
@media screen and (max-width: 767px) {
.solution-cards .content .custom-title .title {
line-height: normal;
}
}
.solution-cards .content .custom-title p {
color: #fff;
margin-top: 40px;
}
.solution-cards .content .cards-wrp {
display: flex;
gap: 30px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.solution-cards .content .cards-wrp {
flex-direction: column;
align-items: center;
}
}
.solution-cards .content .cards-wrp .sp-yellow {
bottom: 40px;
left: -87px;
z-index: -1;
}
@media screen and (max-width: 767px) {
.solution-cards .content .cards-wrp .sp-yellow {
bottom: 50%;
}
}
.solution-cards .content .cards-wrp .sp-light-blue {
top: -130px;
right: -60px;
}
@media screen and (max-width: 767px) {
.solution-cards .content .cards-wrp .sp-light-blue {
width: 69px;
height: 25px;
top: -64px;
right: 34px;
}
}
.solution-cards .content .cards-wrp .card {
padding: 59px 40px 40px;
max-width: 323px;
height: 462px;
background: #fff;
border-radius: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 767px) {
.solution-cards .content .cards-wrp .card {
height: auto;
min-height: 438px;
}
}
.solution-cards .content .cards-wrp .card .title {
color: #003DA5;
margin-bottom: 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.solution-cards .content .cards-wrp .card .title {
margin-bottom: 40px;
}
}
.solution-cards .content .cards-wrp .card img {
width: 74.88px;
height: 90px;
display: block;
margin: auto;
margin-bottom: 20px;
}
.solution-cards .content .cards-wrp .card .short-description {
color: #003DA5;
text-align: center;
}
@media screen and (max-width: 767px) {
.solution-cards .content .cards-wrp .card .short-description {
margin-bottom: 30px;
font-size: 16px;
line-height: normal;
}
}
.articles-carousel {
margin-bottom: 80px;
overflow-x: clip;
}
@media screen and (max-width: 767px) {
.articles-carousel {
margin-bottom: 30px;
}
}
.articles-carousel .container-wrp {
position: relative;
}
@media screen and (max-width: 767px) {
.articles-carousel .container-wrp {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 767px) {
.articles-carousel .content {
overflow: hidden;
}
}
.articles-carousel .container {
position: relative;
}
@media screen and (max-width: 1220px) {
.articles-carousel .container {
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (max-width: 767px) {
.articles-carousel .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.articles-carousel .container:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/ressourcesalaune.svg);
right: -53%;
bottom: -567px;
z-index: -1;
position: absolute;
}
@media screen and (max-width: 1024px) {
.articles-carousel .container:before {
right: -80%;
}
}
@media screen and (max-width: 767px) {
.articles-carousel .container:before {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/ressourcesalaune.svg);
width: 613px;
height: 654.526px;
background-size: 613px;
background-position: right;
bottom: -223px;
position: absolute;
background-repeat: no-repeat !important;
left: -43px !important;
right: auto !important;
}
}
.articles-carousel .custom-title {
text-align: center;
color: #003DA5;
margin: auto;
}
@media screen and (max-width: 767px) {
.articles-carousel .custom-title {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 767px) {
.articles-carousel .custom-title .title {
font-size: 30px;
}
}
.articles-carousel .flex-btn-center {
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.articles-carousel .flex-btn-center {
margin-top: 30px;
margin-bottom: 25px;
}
}
.sticky-block .shape {
z-index: 1;
}
.sticky-block .content {
display: flex;
gap: 29px;
align-items: flex-start;
}
.sticky-block .content img {
width: 499px;
height: 627px;
object-fit: cover;
border-radius: 24px;
max-width: 40vw !important;
}
.sticky-block .content .sticky {
position: -webkit-sticky; position: sticky;
top: 0px;
}
@media (max-width: 991px) {
.sticky-block .content .sticky {
display: none;
}
}
.sticky-block .content .text-container {
max-width: 852px;
width: 100%;
border-radius: 24px;
background: #003DA5;
padding: 32px 60px;
position: relative;
overflow: hidden;
padding-right: 0px;
min-height: 627px;
}
@media (max-width: 991px) {
.sticky-block .content .text-container {
min-height: auto;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container {
padding: 40px 20px !important;
}
}
.sticky-block .content .text-container:before {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/small-red-form-bg.svg);
right: 0;
bottom: -4px;
position: absolute;
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container:before {
bottom: -22px;
}
}
@media screen and (max-width: 1220px) {
.sticky-block .content .text-container {
padding-right: 105px;
}
}
.sticky-block .content .text-container .sp-yellow-border {
bottom: 0;
right: 0px;
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container .sp-yellow-border {
right: -6px;
bottom: -38px;
}
}
.sticky-block .content .text-container .content-text {
max-width: 700px;
max-height: 486px;
overflow: hidden;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container .content-text {
max-height: 546px;
}
}
.sticky-block .content .text-container .content-text .for-height .btn {
margin-top: 18px;
}
.sticky-block .content .text-container .title {
color: #FFF;
position: relative;
padding-right: 90px;
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container .title {
font-size: 25px;
padding-right: 0;
}
}
.sticky-block .content .text-container p {
margin-top: 40px;
color: #FFF;
max-width: 529px;
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container p {
font-size: 16px;
line-height: 24px; }
}
@media screen and (max-width: 767px) {
.sticky-block .content .text-container p strong {
font-size: 16px;
line-height: 24px; }
}
.sticky-block .content .text-container p u {
text-decoration-line: underline;
}
.sticky-block .content .text-container p a {
color: #FFF !important;
}
.sticky-block .content .text-container p a:hover {
text-decoration-line: underline;
}
.sticky-block .content .text-container .btn-s {
display: none;
}
.home .cpt-two-col.default {
margin-top: 50px;
margin-bottom: 0;
}
.slider-three-cards.light-blue-carousel .item, .item-header.item-header-blue .item {
background-color: transparent;
}
.slider-three-cards.light-blue-carousel .item a, .item-header.item-header-blue .item a {
border-radius: 30px;
background-color: #5EC4E3;
}
.home .slider-three-cards.red-carousel {
margin-top: -45px;
}
.home .slider-three-cards.red-carousel .container {
border-radius: 30px;
background: #FFF;
padding-top: 85px;
position: relative;
max-width: none;
}
.home .slider-three-cards.red-carousel .item a.item-link {
height: 294px;
padding-bottom: 30px;
}
.home .madlib {
margin-top: 0;
}
.home .madlib .container {
padding-top: 0px;
}
.first-news {
margin-top: 120px;
}
@media screen and (max-width: 767px) {
.first-news {
margin-top: 80px;
}
}
.first-news .container {
max-width: 1264px;
}
.first-news .cpt-related-content {
margin-top: 60px;
margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
.first-news .cpt-related-content {
margin-bottom: 80px;
}
}
.first-news .content-wrp-tab {
overflow: hidden;
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.first-news .content-tab {
overflow-x: scroll;
scrollbar-width: auto;
scrollbar-color: #C31330 #f6d7daec;
}
.first-news .content-tab::-webkit-scrollbar {
width: 3px;
height: 8px;
}
.first-news .content-tab::-webkit-scrollbar-thumb {
background-color: #C31330;
background-clip: padding-box;
}
.first-news .content-tab::-webkit-scrollbar-track {
background-color: #f6d7daec;
}
}
.first-news .tab {
display: flex;
gap: 64px;
padding: 7px 40px;
border-bottom: solid thin #0000001a;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.first-news .tab {
padding: 5px 10px;
display: block;
width: max-content;
}
}
.first-news .tab a {
font-weight: normal;
color: #081943;
position: relative;
font-size: 18px;
text-align: center;
}
.first-news .tab a:hover {
cursor: pointer;
color: #F12535;
}
.first-news .tab a.active {
color: #F12535;
}
.first-news .tab a.active:after {
content: "";
width: 40px;
height: 1px;
background: #F12535;
position: absolute;
left: 50%;
bottom: -8px;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.first-news .tab a.active:after {
bottom: -6px;
}
}
@media screen and (max-width: 1024px) {
.first-news .tab a {
margin-right: 43px;
}
}
.first-news .primary-title {
color: #081943;
margin-bottom: 20px;
}
.first-news .text p {
color: #081943;
}
.first-news .text {
max-width: 852px;
width: 100%;
}
.first-news .cpt-related-content .container:before {
display: none;
}
.first-news .cpt-related-content .slider-three-cards {
display: flex;
gap: 30px;
}
@media screen and (max-width: 767px) {
.first-news .cpt-related-content .slider-three-cards {
display: block;
}
.first-news .cpt-related-content .slider-three-cards .item {
margin-bottom: 30px;
}
}
.listing-ressource .title-select {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.listing-ressource .title-select {
display: block;
}
}
.listing-ressource .title-select .secondary-title {
margin: 0;
}
.listing-ressource .title-select label {
color: #081943;
margin-right: 50px;
}
.listing-ressource .title-select .select-right {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.listing-ressource .title-select .select-right {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.listing-ressource .title-select .select-right {
display: block;
}
.listing-ressource .title-select .select-right form {
margin-top: 15px;
}
}
.listing-ressource .title-select .select2-selection--single {
border: 1px solid #081943 !important;
padding: 10px 20px;
padding-right: 43px;
min-width: 180px;
height: 40px;
border-radius: 10px !important;
position: relative;
}
.listing-ressource .title-select .select2-selection--single .select2-selection__rendered {
color: #081943;
}
.listing-ressource .title-select .select2-selection__arrow:before {
content: "\e90d";
color: #081943;
position: absolute;
right: 20px;
font-size: 6px;
top: 17px;
}
.listing-ressource .title-select .select2-selection__arrow b {
display: none;
}
.listing-ressource .title-select .select2-selection__arrow {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: static;
}
.listing-ressource .container {
max-width: 1264px;
}
.listing-ressource .secondary-title {
color: #081943;
margin-bottom: 40px;
margin-top: 120px;
}
@media screen and (max-width: 767px) {
.listing-ressource .secondary-title {
margin-top: 80px;
}
}
.listing-ressource form {
margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.listing-ressource form {
margin-bottom: 60px;
overflow-x: scroll;
scrollbar-width: auto;
scrollbar-color: #C31330 #f6d7daec;
}
.listing-ressource form::-webkit-scrollbar {
width: 3px;
height: 8px;
}
.listing-ressource form::-webkit-scrollbar-thumb {
background-color: #C31330;
background-clip: padding-box;
}
.listing-ressource form::-webkit-scrollbar-track {
background-color: #f6d7daec;
}
}
.listing-ressource .wrp-filter {
display: flex;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.listing-ressource .wrp-filter {
width: max-content;
}
}
.listing-ressource .label {
color: #003DA5;
margin-right: 86px;
}
.listing-ressource .wrp-select .select2-selection--single {
border: 0;
padding-right: 17px;
margin-right: 73px;
position: relative;
}
.listing-ressource .wrp-select .select2-selection--single .select2-selection__rendered {
color: #003DA5;
}
.listing-ressource .wrp-select .select2-selection__arrow:before {
content: "\e90d";
color: #003DA5;
position: absolute;
right: 0px;
font-size: 6px;
top: 7px;
}
.listing-ressource .wrp-select .select2-selection__arrow b {
display: none;
}
.listing-ressource .wrp-select .select2-selection__arrow {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: static;
}
.listing-ressource .listing {
margin-bottom: 80px;
}
.listing-ressource .listing .content-ressource {
display: flex;
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource {
display: block;
margin-bottom: 65px;
}
}
.listing-ressource .listing .content-ressource .img-container {
width: 411px;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .img-container {
max-width: 100%;
}
}
.listing-ressource .listing .content-ressource .img-container img {
width: 100%;
height: 261px;
border-radius: 30px;
object-fit: cover;
display: block;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .img-container img {
height: 190px;
}
}
.listing-ressource .listing .content-ressource .img-container .item {
height: 261px;
border-radius: 30px;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .img-container .item {
height: 190px;
}
}
.listing-ressource .listing .content-ressource .img-container .item img {
object-fit: contain;
border-radius: 30px;
max-width: 106px !important;
margin: auto;
}
.listing-ressource .listing .content-ressource .text-container {
margin-left: 30px;
max-width: 499px;
width: 100%;
color: #081943;
max-height: 269px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .text-container {
margin-left: 0;
}
}
.listing-ressource .listing .content-ressource .text-container .wrp-tag {
display: flex;
gap: 10px;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .text-container .wrp-tag {
margin-top: 15px;
}
}
.listing-ressource .listing .content-ressource .text-container .wrp-tag .tag {
padding: 10px 20px;
color: #081943;
border: solid thin #081943;
}
.listing-ressource .listing .content-ressource .text-container .title {
margin-bottom: 12px;
padding-top: 16px;
}
.listing-ressource .listing .content-ressource .text-container .title a {
color: #081943;
}
.listing-ressource .listing .content-ressource .text-container .date {
margin-bottom: 20px;
}
.listing-ressource .listing .content-ressource .text-container p {
max-width: 499px;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
.listing-ressource .listing .content-ressource .text-container p {
font-size: 16px;
line-height: 26px;
}
}
.listing-ressource .listing .pagination {
margin-top: 80px;
display: flex;
gap: 5px;
justify-content: center;
flex-wrap: wrap;
}
.listing-ressource .listing .pagination a {
color: #003DA5;
display: inline-flex;
width: 54px;
height: 54px;
justify-content: center;
align-items: center;
border: 1px solid #003DA5;
border-radius: 100px;
transition: all .3s;
}
@media screen and (max-width: 768px) {
.listing-ressource .listing .pagination a {
width: 44px;
height: 44px;
}
}
.listing-ressource .listing .pagination a.active {
background: #003DA5;
color: #FFF;
}
.listing-ressource .listing .pagination a.active span::before {
color: #FFF;
}
.listing-ressource .listing .pagination a:hover {
background: #003DA5;
color: #FFF;
}
.listing-ressource .listing .pagination a:hover span::before {
color: #FFF;
}
.listing-ressource .listing .pagination a.left {
transform: rotate(-180deg);
}
.listing-ressource .listing .pagination .page-dots {
color: #003DA5;
display: inline-flex;
width: 29px;
height: 54px;
justify-content: center;
align-items: center;
}
.donut {
width: 2rem;
height: 2rem;
margin: 2rem;
border-radius: 50%;
border: 0.3rem solid rgba(237, 101, 101, 0.3);
border-top-color: #ED6565;
animation: 1.5s spin infinite linear;
display: none;
margin: auto;
}
.no-result-found {
text-align: center;
color: #081943 !important;
display: none;
font-size: 18px;
line-height: 34px;
}
.select-filterDropdown .select2-results__options li {
font-size: 16px;
line-height: normal;
padding: 7px 12px;
}
.select-filterDropdown .select2-results__options li:first-letter {
text-transform: uppercase;
}
.select-filterDropdown .select2-results__options li:first-child {
display: block;
}
.search form {
margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
.search form {
overflow: hidden;
margin-bottom: 0px;
}
}
.single-post .content > p:first-child {
margin-top: 60px;
}
.single-post .hero-article + .cpt-wysiwyg {
margin-top: 0;
position: relative;
}
.single-post .hero-article + .cpt-wysiwyg .wysiwyg-content {
padding-top: 60px;
margin-top: -30px !important;
background: white;
border-radius: 30px 30px 0 0;
}
.single-post .hero-article + .cpt-wysiwyg.cpt-tag {
margin-bottom: 20px;
}
.single-post .hero-article + .cpt-wysiwyg.cpt-tag .wysiwyg-content {
padding-top: 30px;
}
.single-post .hero-article + .cpt-wysiwyg.cpt-tag .content {
margin-top: 30px !important;
}
.single-post .hero-article + .cpt-wysiwyg.cpt-tag + .cpt-wysiwyg {
margin-top: 20px;
}
.single-post .cpt-wysiwyg {
margin-top: 60px;
margin-bottom: 60px;
}
.single-post .cpt-wysiwyg.external-bottom-border-radius {
margin-bottom: 0;
}
.single-post .cpt-wysiwyg img.aligncenter {
margin: auto;
display: block;
}
.single-post .cpt-wysiwyg.cpt-tag .content {
margin-top: 60px !important;
}
.single-post .cpt-wysiwyg.cpt-tag .tag-wrp {
margin-bottom: 25px;
flex-wrap: wrap;
margin-top: 0;
}
.single-post .cpt-wysiwyg.cpt-tag .btn-title .btn {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.single-post .cpt-wysiwyg.cpt-tag .btn-title .btn {
margin-bottom: 10px;
}
}
.single-post .wysiwyg-content {
padding-top: 0;
}
.single-post .wysiwyg-content ul li, .single-post .wysiwyg-content ol li {
margin-bottom: 0;
}
.single-post .wysiwyg-content .wrp {
max-width: 852px !important;
margin-left: auto;
margin-right: auto;
}
.single-post .wysiwyg-content .btn {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.single-post .wysiwyg-content .btn {
margin-bottom: 25px;
}
}
.single-post .wysiwyg-content h3 {
margin-top: 50px;
}
.single-post .data-wrp {
max-width: 852px !important;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.single-post .hero-article.no_image + .cpt-wysiwyg .wysiwyg-content {
padding-top: 30px !important;
margin-top: -32px !important;
}
.hero-error-404 {
background: #F12535;
height: 650px;
margin-top: -21px;
}
.hero-error-404 .container {
height: 650px;
display: flex;
align-items: center;
position: relative;
}
.hero-error-404 .container .sp-light-red-420 {
left: -500px;
bottom: -253px;
width: 1033px;
height: 374.474px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.hero-error-404 .container .sp-light-red-420 {
left: -802px;
bottom: -288px;
}
}
.hero-error-404 .content {
max-width: 686px;
margin: auto;
text-align: center;
position: relative;
}
.hero-error-404 .content .pre-title {
color: #FFF;
margin-bottom: 20px;
}
.hero-error-404 .content .title {
color: #FFF;
margin-bottom: 20px;
}
.hero-error-404 .content p {
font-size: 24px;
line-height: normal;
color: #FFF;
margin-bottom: 50px;
}
.hero-error-404 .content .sp-yellow-135 {
position: absolute;
bottom: -41px;
right: -280px;
}
.hero-error-404 .content .sp-white-border-35 {
top: -40px;
right: -45px;
position: absolute;
}
.error404 footer {
z-index: 10;
position: relative;
}
.page-contact {
border-radius: 0px 0px 30px 30px;
background-color: white;
position: relative;
padding-top: 90px;
}
.page-contact .first-news {
margin-top: 0;
}
.page-contact .first-news .tab {
justify-content: center;
}
.page-contact .first-news .content-wrp-tab {
margin-bottom: 0px;
}
.page-contact .wysiwyg-content {
padding-top: 0;
margin-bottom: 50px;
}
.page-contact .content-wrp .content-pg {
transition: opacity 0.2s ease-out;
opacity: 0;
height: 0;
overflow: hidden;
}
.page-contact .content-wrp .content-pg.active {
opacity: 1;
height: auto;
}
.madlib-cpt {
border-radius: 0px 0px 30px 30px;
background: #F12535;
padding: 135px 0 50px;
margin-top: -12px;
}
.madlib-cpt .container {
background: transparent;
padding-top: 0;
padding-bottom: 0;
}
.madlib-cpt .content {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
@media screen and (max-width: 1220px) {
.madlib-cpt .content {
overflow: hidden;
border-radius: 25px;
}
}
@media screen and (max-width: 991px) {
.madlib-cpt .content:before {
bottom: 21px;
left: -46px;
}
}
.madlib-cpt .content .editSearch-content + .content-madlib {
display: none;
}
.madlib-cpt .content .editSearch-content .title {
color: white;
margin-bottom: 15px;
}
.madlib-cpt .content .editSearch-content .title::first-letter {
text-transform: uppercase;
}
.madlib-cpt .content .editSearch-content .description {
color: white;
margin-bottom: 41px;
max-width: 1012px;
}
.madlib-cpt .content .editSearch-content .description::first-letter {
text-transform: uppercase;
}
.madlib-cpt .content .title {
margin-bottom: 31px;
}
@media screen and (max-width: 767px) {
.madlib-cpt .content .title {
width: 270px;
margin-left: auto;
margin-right: auto;
}
}
.madlib-cpt .content .wrp-two-col {
display: flex;
gap: 30px;
}
@media screen and (max-width: 1280px) {
.madlib-cpt .content .wrp-two-col {
display: block;
}
}
@media screen and (max-width: 991px) {
.madlib-cpt .content .wrp-two-col {
justify-content: center;
}
}
.madlib-cpt .content .select-content .select2 {
margin-top: -11px;
}
@media screen and (max-width: 767px) {
.madlib-cpt .content .select-content .select2 {
margin-top: 0;
}
}
.madlib-cpt .content .select-content .select2 .select2-selection__arrow:before {
top: 25px;
}
@media screen and (max-width: 991px) {
.madlib-cpt .content .select-content .select2 .select2-selection__arrow:before {
top: 19px;
}
}
.madlib-cpt .content .select-content:last-child {
margin-bottom: 0px;
}
@media screen and (max-width: 1280px) {
.madlib-cpt .content .select-content:last-child {
margin-bottom: 14px;
}
}
@media screen and (max-width: 991px) {
.madlib-cpt .content .select-content:last-child {
margin-bottom: 25px;
}
}
.madlib-cpt .content .btn {
opacity: 1;
}
.madlib-cpt .content .question-wrp {
margin-bottom: 19px;
}
.madlib-cpt .content .sp-light-blue {
bottom: 21px;
right: 312px;
}
@media screen and (max-width: 1220px) {
.madlib-cpt .content .sp-light-blue {
bottom: -14px;
right: -27px;
}
}
.madlib-cpt .content .shape {
z-index: 1;
}
.section-col-with-card-cpt {
margin-top: 30px;
margin-bottom: 30px;
}
.section-col-with-card-cpt.white-bg {
margin-top: 80px;
}
.external-bottom-border-radius .two-col-text-card .wrapper {
background-color: #FFF;
border-radius: 0 0 30px 30px;
padding-bottom: 50px;
}
.two-col-text-card .container {
position: relative;
border-radius: 24px;
background: #003DA5;
max-width: none;
padding: 0;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
}
.white-bg .two-col-text-card .container {
background: #FFF;
border-radius: 0;
}
.two-col-text-card .content {
padding: 0 88px;
display: flex;
gap: 40px;
justify-content: space-between;
max-width: 1380px;
margin: auto;
}
@media screen and (max-width: 890px) {
.two-col-text-card .content {
display: block;
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.two-col-text-card .content {
padding-left: 20px;
padding-right: 20px;
}
.white-bg .two-col-text-card .content {
padding-left: 0;
padding-right: 0;
}
}
.white-bg .two-col-text-card .content {
background: transparent;
}
.two-col-text-card .text-container {
padding-top: 61px;
padding-bottom: 86px;
max-width: 566px;
position: relative;
}
@media screen and (max-width: 890px) {
.two-col-text-card .text-container {
position: static;
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.two-col-text-card .text-container {
padding-bottom: 0;
padding-top: 40px;
}
}
.white-bg .two-col-text-card .text-container {
padding-top: 0;
padding-bottom: 34px;
}
@media screen and (max-width: 767px) {
.white-bg .two-col-text-card .text-container {
padding-bottom: 0;
}
}
.two-col-text-card .text-container .main-title {
color: #FFF;
margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
.two-col-text-card .text-container .main-title {
font-size: 30px;
}
}
.white-bg .two-col-text-card .text-container .main-title {
color: #003DA5;
}
.two-col-text-card .text-container .description {
margin-bottom: 29px;
}
.two-col-text-card .text-container p {
color: #FFF;
margin-bottom: 20px;
}
.two-col-text-card .text-container p a {
color: #FFF;
text-decoration: underline;
}
.white-bg .two-col-text-card .text-container p {
color: #003DA5;
}
.white-bg .two-col-text-card .text-container p a {
color: #003DA5;
text-decoration: underline;
}
.two-col-text-card .text-container ul {
margin: 0;
padding: 0;
padding-left: 24px;
max-width: 490px;
}
.two-col-text-card .text-container ul li {
color: #FFF;
position: relative;
margin-bottom: 2px;
}
.white-bg .two-col-text-card .text-container ul li {
color: #003DA5;
}
.two-col-text-card .text-container ul li:after {
content: '';
background: #FFF;
width: 3px;
height: 3px;
position: absolute;
left: -13px;
top: 11px;
border-radius: 3px;
}
.white-bg .two-col-text-card .text-container ul li:after {
background: #003DA5;
}
.two-col-text-card .text-container .shape {
z-index: 1;
}
.two-col-text-card .text-container .sp-light-blue {
bottom: 124px;
right: 0;
}
@media screen and (max-width: 890px) {
.two-col-text-card .text-container .sp-light-blue {
right: 40px;
bottom: 58px;
}
}
.white-bg .two-col-text-card .text-container .sp-light-blue {
display: none;
}
.two-col-text-card .text-container .sp-light-red-420 {
left: -178px;
bottom: -106px;
}
.white-bg .two-col-text-card .text-container .sp-light-red-420 {
display: none;
}
.two-col-text-card .text-container .sp-light-red-56 {
display: none;
}
.white-bg .two-col-text-card .text-container .sp-light-red-56 {
display: block;
right: 31px;
bottom: 0px;
}
.white-bg .two-col-text-card .text-container .btn {
border: solid 1px #003DA5;
}
.two-col-text-card .card-container {
padding: 76px 0;
min-width: 344px;
}
@media screen and (max-width: 767px) {
.two-col-text-card .card-container {
min-width: auto;
padding-top: 10px;
}
}
.white-bg .two-col-text-card .card-container {
padding-top: 0;
padding-bottom: 0;
}
.two-col-text-card .card-container .content-card {
border-radius: 24px;
background: #FFF;
padding: 40px;
max-width: 499px;
position: relative;
}
@media screen and (max-width: 767px) {
.two-col-text-card .card-container .content-card {
padding: 40px 20px;
}
.white-bg .two-col-text-card .card-container .content-card {
padding: 48px 20px 20px 40px;
}
}
.white-bg .two-col-text-card .card-container .content-card {
background: #C31330;
}
.two-col-text-card .card-container .content-card .sp-light-blue-border {
display: none;
}
.white-bg .two-col-text-card .card-container .content-card .sp-light-blue-border {
display: inline;
top: 77px;
right: -63px;
z-index: -1;
}
.two-col-text-card .card-container .subtitle {
color: #081943;
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
.two-col-text-card .card-container .subtitle {
margin-bottom: 29px;
font-size: 18px;
line-height: 24px;
}
}
.white-bg .two-col-text-card .card-container .subtitle {
color: #FFF;
}
.two-col-text-card .card-container .title {
color: #081943;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.two-col-text-card .card-container .title {
margin-bottom: 20px;
font-size: 30px;
}
.white-bg .two-col-text-card .card-container .title {
margin-bottom: 40px;
}
}
.white-bg .two-col-text-card .card-container .title {
color: #FFF;
}
.two-col-text-card .card-container p {
color: #081943;
margin-bottom: 40px;
font-size: 16px;
}
.white-bg .two-col-text-card .card-container p {
color: #FFF;
}
.two-col-text-card .card-container .btn {
color: #081943;
border: solid 1px #081943;
}
.white-bg .two-col-text-card .card-container .btn {
color: #FFF;
border-color: #FFF;
}
.two-col-text-card .card-container .btn:hover {
color: #FFF;
background: #081943;
border-color: #081943;
}
.white-bg .two-col-text-card .card-container .btn:hover {
color: #081943;
background: transparent;
border-color: #081943;
}
.cpt-related-content {
margin-bottom: 80px;
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.cpt-related-content {
margin-bottom: 50px;
margin-top: 50px;
}
}
.cpt-related-content.external-top-border-radius {
margin-top: -25px;
}
.error404 .cpt-related-content.external-top-border-radius {
position: relative;
z-index: 1;
}
.cpt-related-content.external-top-border-radius .container-wrp {
border-radius: 30px 30px 0 0;
background: #FFF;
padding-top: 120px;
position: relative;
}
.cpt-related-content .container-wrp {
padding-left: 30px;
padding-right: 30px;
}
.cpt-related-content .container {
padding-left: 0;
padding-right: 0;
}
@media screen and (max-width: 1220px) {
.cpt-related-content .container {
padding-left: 60px;
padding-right: 60px;
}
}
.cpt-related-content .container:before {
z-index: 0;
}
.cpt-related-content .container .flex-btn-center {
position: relative;
}
.external-top-border-radius .cpt-cards {
background-color: #FFF;
border-radius: 30px 30px 0 0;
padding-top: 30px;
margin-top: -25px;
position: relative;
z-index: 3;
}
.cpt-cards .custom-title {
text-align: center;
color: #FFF;
max-width: 1029px;
margin: auto;
margin-bottom: 60px;
}
.cpt-cards .custom-title:not(.list-cards) .cpt-cards .custom-title {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.cpt-cards .custom-title {
padding-left: 30px;
padding-right: 30px;
}
}
.cpt-cards .custom-title .second-title {
margin-top: 50px;
margin-bottom: 60px;
}
.cpt-cards .custom-title .description {
max-width: 529px;
margin: auto;
margin-top: 40px;
}
.cpt-cards .custom-title .description p {
margin-bottom: 20px;
}
.cpt-cards .custom-title .description p:last-child {
margin-bottom: 0;
}
.cpt-cards.container {
max-width: none;
}
.cpt-cards .content-bg {
border-radius: 30px;
background: #003DA5;
position: relative;
overflow: hidden;
}
.cpt-cards .content-wrp {
max-width: 1380px;
margin: auto;
padding-top: 80px;
position: relative;
padding-bottom: 80px;
z-index: 10;
}
.list-cards .cpt-cards .content-wrp {
padding-top: 80px;
padding-bottom: 80px;
}
.cpt-cards .content-wrp:before {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/bg-blue-section-2.svg);
background-size: cover;
position: absolute;
width: 2040px;
height: 1250.436px;
top: 492px;
right: -1185px;
z-index: -1;
display: none;
}
@media screen and (max-width: 1024px) {
.cpt-cards .content-wrp:before {
right: auto;
left: 50%;
width: 1800px;
height: 1010.436px;
background-size: contain;
background-repeat: no-repeat;
}
}
.cpt-cards .content-wrp .shape {
z-index: 1;
}
.cpt-cards .content-wrp .sp-yellow {
left: 88px;
bottom: -44px;
display: none;
}
@media screen and (max-width: 1024px) {
.list-cards .cpt-cards .content-wrp .sp-yellow {
left: 58px;
}
}
@media screen and (max-width: 767px) {
.cpt-cards .content-wrp .sp-yellow {
width: 69px;
height: 25px;
bottom: 41px;
left: 48px;
}
:not(.carousel-cards) .cpt-cards .content-wrp .sp-yellow, :not(.list-cards) .cpt-cards .content-wrp .sp-yellow {
width: 35px;
height: 13px;
bottom: 71px;
}
}
.cpt-cards .content-wrp .sp-light-blue {
right: 117px;
top: 204px;
z-index: 0;
display: none;
}
.cpt-cards .content-wrp .sp-light-red-border {
top: -32px;
left: -133px;
display: none;
}
.carousel-cards .cpt-cards .content-wrp .sp-light-red-border {
display: inline-block;
}
.cpt-cards .content-wrp .sp-light-red-327 {
top: -34px;
left: -124px;
display: none;
}
.carousel-cards .cpt-cards .content-wrp .sp-light-red-327 {
display: none;
}
@media screen and (max-width: 767px) {
.cpt-cards .content-wrp .sp-light-red-327 {
top: -50px;
left: -215px;
}
}
.cpt-cards .img-card-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 30px;
}
.cpt-cards .img-card-container .img-card {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.cpt-cards .img-card-container:after {
content: "";
border-radius: 30px;
background: linear-gradient(180deg, rgba(36, 49, 115, 0) 19.81%, rgba(36, 49, 115, 0.8) 74.1%) no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cpt-cards .slider-three-cards.red-carousel {
position: relative;
z-index: 1;
}
@media screen and (max-width: 990px) {
.cpt-cards .slider-three-cards.red-carousel {
max-width: 587px;
}
}
.cpt-cards .slider-three-cards.red-carousel .cards {
max-width: 1029px;
margin: auto;
}
@media screen and (max-width: 1280px) {
.cpt-cards .slider-three-cards.red-carousel .cards {
max-width: 900px;
}
}
@media screen and (max-width: 1080px) {
.cpt-cards .slider-three-cards.red-carousel .cards {
max-width: 850px;
}
}
@media screen and (max-width: 991px) {
.cpt-cards .slider-three-cards.red-carousel .cards {
max-width: 800px;
}
}
.list-cards .cpt-cards .slider-three-cards.red-carousel .cards {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
@media screen and (max-width: 1023px) {
.list-cards .cpt-cards .slider-three-cards.red-carousel .cards {
max-width: 590px;
}
}
@media screen and (max-width: 767px) {
.list-cards .cpt-cards .slider-three-cards.red-carousel .cards {
padding-left: 27px;
padding-right: 27px;
justify-content: center;
}
}
.cpt-cards .slider-three-cards.red-carousel .item {
border-radius: 30px;
position: relative;
background-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-item-left.svg) !important;
background-position: bottom left !important;
background-color: #C31330 !important;
}
@media screen and (max-width: 1280px) {
.list-cards .cpt-cards .slider-three-cards.red-carousel .item {
max-width: 263px;
}
}
@media screen and (max-width: 1023px) {
.list-cards .cpt-cards .slider-three-cards.red-carousel .item {
max-width: 278px;
}
}
@media screen and (max-width: 767px) {
.list-cards .cpt-cards .slider-three-cards.red-carousel .item {
max-width: 314px;
}
}
.cpt-cards .slider-three-cards.red-carousel .item a.item-link {
position: relative;
}
.cpt-cards .slider-three-cards.red-carousel .owl-dots .owl-dot.active {
background-color: #5EC4E3;
}
.cpt-cards .btn-wrp {
text-align: center;
margin-top: 59px;
}
@media screen and (max-width: 767px) {
.cpt-slider-cards:not(.white-bg, .blue-bg) .container-bg {
padding-bottom: 40px;
}
}
.cpt-slider-cards.white-bg {
margin-top: 0px;
margin-bottom: 0px;
}
.cpt-slider-cards.margin-under--topBlock:not(.white-bg, .blue-bg) {
overflow: visible;
}
.cpt-slider-cards.margin-under--topBlock:not(.white-bg, .blue-bg) .container-bg:before {
content: "";
position: absolute;
left: 0;
top: -27px;
height: 27px;
width: 100%;
background-color: #F12535;
z-index: -1;
}
.cpt-slider-cards.margin-under--bottomBlock:not(.white-bg, .blue-bg) {
overflow: visible;
}
.cpt-slider-cards.margin-under--bottomBlock:not(.white-bg, .blue-bg) .container-bg:after {
content: "";
position: absolute;
left: 0;
bottom: -27px;
height: 27px;
width: 100%;
background-color: #F12535;
}
.cpt-slider-cards .container {
padding-left: 0;
padding-right: 0;
}
.cpt-slider-cards .container-bg {
background: #F12535;
position: relative;
}
.cpt-slider-cards.white-bg .container-bg {
background: #FFF;
}
.cpt-slider-cards.blue-bg {
overflow: hidden;
}
.cpt-slider-cards.blue-bg .container-bg {
background: #003DA5;
border-radius: 30px;
}
.slider-cards {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
padding-left: 143px;
padding-right: 143px;
}
@media screen and (max-width: 767px) {
.slider-cards {
padding-left: 0px;
padding-right: 0px;
}
}
.single-besoins .white-bg .slider-cards {
padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
.single-besoins .white-bg .slider-cards {
padding-top: 0;
}
}
.blue-bg .slider-cards {
border-radius: 30px;
overflow: visible;
}
.red-bg .slider-cards {
overflow: visible;
}
@media screen and (max-width: 767px) {
.red-bg .slider-cards {
padding-bottom: 40px;
}
}
.short-description .slider-cards {
padding-bottom: 118px;
}
.slider-cards .custom-title {
color: #FFF;
padding-left: 20px;
padding-right: 20px;
margin: auto;
text-align: center;
}
.white-bg .slider-cards .custom-title {
color: #003DA5;
}
.slider-cards .custom-title .title {
margin-bottom: 17px;
}
.slider-cards .custom-title .description {
margin-bottom: 105px;
}
.slider-cards .cards {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.slider-cards .cards {
margin-top: 50px;
}
}
.slider-cards .cards.disabledCarousel {
display: flex !important;
gap: 30px;
justify-content: center;
}
.slider-cards .cards .owl-item {
max-width: 587px;
padding: 3px;
}
@media screen and (max-width: 767px) {
.slider-cards .cards .owl-dots {
margin-top: 30px;
}
}
.slider-cards .cards .owl-dot {
background-color: #FFF;
}
.white-bg .slider-cards .cards .owl-dot:not(.active) {
background-color: #5EC4E3;
}
.blue-bg .slider-cards .cards .owl-dot {
background-color: #FFF;
}
.slider-cards .cards .owl-stage {
margin: auto;
display: flex;
flex-wrap: nowrap;
}
.slider-cards .cards .card {
max-width: 587px;
width: 100%;
padding: 40px 0px;
text-align: center;
border-radius: 24px;
display: block;
height: 100%;
}
@media screen and (max-width: 767px) {
.slider-cards .cards .card {
height: 465px;
padding-top: 45px;
padding-bottom: 45px;
}
}
.slider-cards .cards .card.bg-dark-blue {
background-color: #081943;
}
.slider-cards .cards .card.bg-dark-blue .title, .slider-cards .cards .card.bg-dark-blue p {
color: #FFF;
}
.slider-cards .cards .card.bg-dark-red {
background-color: #C31330;
}
.slider-cards .cards .card.bg-dark-red .title, .slider-cards .cards .card.bg-dark-red p {
color: #FFF;
}
.slider-cards .cards .card.bg-light-blue {
background-color: #5EC4E3;
}
.slider-cards .cards .card.bg-light-blue .title, .slider-cards .cards .card.bg-light-blue p {
color: #081943;
}
.slider-cards .cards .card.bg-light-red {
background-color: #ED6565;
}
.slider-cards .cards .card.bg-light-red .title, .slider-cards .cards .card.bg-light-red p {
color: #081943;
}
.white-cards:not(.short-description) .slider-cards .cards .card {
background-color: #FFF;
}
.white-cards:not(.short-description) .slider-cards .cards .card .title, .white-cards:not(.short-description) .slider-cards .cards .card p {
color: #081943;
}
.short-description:not(.blue-bg) .slider-cards .cards .card {
background-color: #FFF;
}
.short-description:not(.blue-bg) .slider-cards .cards .card .title, .short-description:not(.blue-bg) .slider-cards .cards .card p {
color: #003DA5;
}
.blue-bg .slider-cards .cards .card {
background-color: #FFF;
}
.blue-bg .slider-cards .cards .card .title, .blue-bg .slider-cards .cards .card p {
color: #081943;
}
.slider-cards .cards .card .content {
max-width: 457px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.short-description .slider-cards .cards .card .content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
gap: 30px;
}
.slider-cards .cards .card .content .title {
min-height: 58px;
overflow: hidden;
margin-bottom: 26px;
}
@media screen and (max-width: 991px) {
.slider-cards .cards .card .content .title {
margin-bottom: 14px;
min-height: 68px;
}
}
.short-description .slider-cards .cards .card .content .title {
margin: 0;
}
.slider-cards .cards .card .content p {
line-height: 26px;
height: 78px;
overflow: hidden;
margin: 26px 0;
}
@media screen and (max-width: 767px) {
.slider-cards .cards .card .content p {
margin-top: 20px;
margin-bottom: 30px;
}
}
.short-description .slider-cards .cards .card .content p {
margin: 0;
height: auto;
}
.slider-cards .cards .card .content img {
height: 92.8px;
width: auto;
margin: auto;
}
.white-cards .slider-cards .cards .card .btn {
color: #FFF;
background-color: #003DA5;
border: 0;
}
.white-cards .slider-cards .cards .card .btn:hover {
background-color: #081943;
}
.slider-cards .btn-wrp {
text-align: center;
margin-top: 40px;
}
.slider-cards .shape {
z-index: 1;
}
.slider-cards .sp-light-red {
top: 119px;
left: 42px;
}
@media screen and (max-width: 991px) {
.slider-cards .sp-light-red {
display: none;
}
}
.white-bg .slider-cards .sp-light-red {
display: none;
}
.blue-bg .slider-cards .sp-light-red {
display: none;
}
.slider-cards .sp-dark-red {
bottom: 36px;
right: 254px;
display: none;
}
@media screen and (max-width: 991px) {
.slider-cards .sp-dark-red {
bottom: 13px;
}
}
@media screen and (max-width: 767px) {
.slider-cards .sp-dark-red {
width: 87px;
height: 31.964px;
right: 16px;
bottom: 104px;
display: none;
}
}
.white-bg .slider-cards .sp-dark-red {
display: none;
}
.blue-bg .slider-cards .sp-dark-red {
display: none;
}
.slider-cards .sp-white-border-big {
right: -128px;
top: 200px;
z-index: 0;
display: none;
}
@media screen and (max-width: 991px) {
.slider-cards .sp-white-border-big {
display: none;
}
}
.white-bg .slider-cards .sp-white-border-big {
display: none;
}
.blue-bg .slider-cards .sp-white-border-big {
display: none;
}
.slider-cards .sp-half-blue {
right: 411px;
top: 0px;
}
.white-bg .slider-cards .sp-half-blue {
display: none;
}
@media screen and (max-width: 767px) {
.slider-cards .sp-half-blue {
right: 25%;
}
}
.slider-cards .sp-yellow {
left: 138px;
bottom: -59px;
display: none;
}
.blue-bg .slider-cards .sp-yellow {
display: inline;
}
.slider-cards .sp-light-blue {
top: 77px;
right: 117px;
display: none;
}
.blue-bg .slider-cards .sp-light-blue {
display: inline;
}
@media screen and (max-width: 991px) {
.blue-bg .slider-cards .sp-light-blue {
display: none;
}
}
.slider-cards .sp-light-red-border-228 {
top: -42px;
left: -104px;
display: none;
}
.blue-bg .slider-cards .sp-light-red-border-228 {
display: inline;
}
.slider-cards .owl-nav button.disabled {
display: none;
}
.slider-cards .owl-nav .owl-prev {
left: -87px !important;
top: 50%;
transform: translateY(calc(50% - 60px));
}
@media screen and (max-width: 767px) {
.slider-cards .owl-nav .owl-prev {
left: 42px !important;
transform: translateY(calc(50% - 75px));
}
}
.slider-cards .owl-nav .owl-next {
right: -87px !important;
top: 50%;
transform: translateY(calc(50% - 60px));
}
@media screen and (max-width: 767px) {
.slider-cards .owl-nav .owl-next {
right: 42px !important;
transform: translateY(calc(50% - 75px));
}
}
.hero-bg--darkBlue {
background: #081943;
}
.hero-bg--lightBlue {
background: #5EC4E3;
}
.hero-bg--darkRed {
background: #C31330;
}
.hero-bg--lightRed {
background: #ED6565;
}
.hero-bg--primary {
background: #F12535;
}
@media screen and (max-width: 991px) {
.hero-bg--primary {
padding-bottom: 30px;
}
}
.heroSmall-bg--mainBlue {
background: #003DA5;
border-radius: 0px 0px 30px 30px;
}
.heroSmall-bg--darkRed {
background: #C31330;
border-radius: 0px 0px 30px 30px;
}
.hero {
min-height: 784px;
margin-top: -12px;
}
@media screen and (max-width: 767px) {
.hero {
overflow: hidden;
}
}
.hero-bg--primary .hero {
min-height: 776px;
overflow: hidden;
}
.hero-small-image .hero {
min-height: 758px;
}
.hero .content {
display: flex;
justify-content: space-between;
position: relative;
}
@media screen and (max-width: 991px) {
.hero .content {
display: block;
}
.hero-small-image .hero .content {
padding-bottom: 40px;
}
}
.hero .text-container {
margin-left: 88px;
margin-right: 30px;
width: 100%;
padding-top: 165px;
padding-bottom: 69px;
}
@media screen and (max-width: 767px) {
.hero .text-container {
margin-left: 0px;
margin-right: 0;
}
}
.hero-bg--primary .hero .text-container {
padding-bottom: 200px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 991px) {
.hero-bg--primary .hero .text-container {
padding-bottom: 47px;
}
}
@media screen and (max-width: 991px) {
.hero-small-image .hero .text-container {
padding-bottom: 0;
}
}
.hero .text-container .title {
margin-bottom: 20px;
}
.hero-bg--darkBlue .hero .text-container .title, .hero-bg--darkRed .hero .text-container .title, .hero-bg--primary .hero .text-container .title, .hero-small-image .hero .text-container .title {
color: #FFF;
}
.hero-bg--lightBlue .hero .text-container .title, .hero-bg--lightRed .hero .text-container .title {
color: #081943;
}
.hero-bg--primary .hero .text-container .title {
margin-bottom: 40px;
}
.hero .text-container p {
max-width: 640px;
}
.hero-bg--darkBlue .hero .text-container p, .hero-bg--darkRed .hero .text-container p, .hero-bg--primary .hero .text-container p, .hero-small-image .hero .text-container p {
color: #FFF;
}
.hero-bg--lightBlue .hero .text-container p, .hero-bg--lightRed .hero .text-container p {
color: #081943;
}
.hero .text-container .secondary-description {
max-width: 640px;
}
.hero .text-container .secondary-description p {
margin-bottom: 40px;
}
.hero .text-container .primary-description p {
margin-bottom: 50px;
}
.hero .img-container {
width: 533px;
position: relative;
}
@media screen and (max-width: 991px) {
.hero .img-container {
width: auto;
}
}
.hero-small-image .hero .img-container {
width: 550px;
display: flex;
align-items: center;
}
@media screen and (max-width: 991px) {
.hero-small-image .hero .img-container {
width: auto;
justify-content: center;
}
}
.hero .img-container img {
-webkit-mask-position: right bottom;
mask-position: right bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/hero-mark.png);
mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/hero-mark.png);
height: 754px;
width: 533px;
object-fit: cover;
position: relative;
right: -30px;
top: -32px;
}
@media screen and (max-width: 991px) {
.hero .img-container img {
margin-left: auto;
display: block;
}
}
@media screen and (max-width: 767px) {
.hero .img-container img {
height: 405px;
width: 300px;
mask-size: 300px;
}
}
.hero-small-image .hero .img-container img {
right: auto;
left: 0;
mask-image: none;
height: auto;
margin-top: 62px;
right: auto;
width: 470px;
}
@media screen and (max-width: 991px) {
.hero-small-image .hero .img-container img {
margin-left: 0;
max-width: 488px !important;
width: 100%;
}
}
.hero .shape {
z-index: 1;
}
.hero .sp-bottom {
top: 613px;
right: 323px;
display: none;
}
@media screen and (max-width: 767px) {
.hero .sp-bottom {
top: 303px;
right: 132px;
}
}
.hero-bg--darkBlue:not(.hero-small-image) .hero .sp-yellow-111, .hero-bg--darkRed:not(.hero-small-image) .hero .sp-yellow-111, .hero-bg--primary:not(.hero-small-image) .hero .sp-yellow-111 {
display: inline;
}
.hero-bg--primary .hero .sp-light-blue-68 {
display: inline;
}
@media screen and (max-width: 1024px) {
.hero-bg--primary .hero .sp-light-blue-68 {
display: none;
}
}
.hero-bg--lightBlue:not(.hero-small-image) .hero .sp-blue-2-111 {
display: inline;
}
.hero-bg--lightRed:not(.hero-small-image) .hero .sp-dark-red-111 {
display: inline;
}
.hero .sp-top {
left: -77px;
top: 95px;
display: none;
}
.hero-bg--lightRed:not(.hero-small-image) .hero .sp-yellow-68, .hero-bg--lightBlue:not(.hero-small-image) .hero .sp-yellow-68 {
display: inline;
}
@media screen and (max-width: 1024px) {
.hero-bg--lightRed:not(.hero-small-image) .hero .sp-yellow-68, .hero-bg--lightBlue:not(.hero-small-image) .hero .sp-yellow-68 {
display: none;
}
}
.hero-bg--darkRed:not(.hero-small-image) .hero .sp-light-red:not(.sp-light-red-173) {
display: inline;
}
@media screen and (max-width: 1024px) {
.hero-bg--darkRed:not(.hero-small-image) .hero .sp-light-red:not(.sp-light-red-173) {
display: none;
}
}
.hero-bg--darkBlue:not(.hero-small-image) .hero .sp-main-red {
display: inline;
}
@media screen and (max-width: 1024px) {
.hero-bg--darkBlue:not(.hero-small-image) .hero .sp-main-red {
display: none;
}
}
.hero .sp-half-hero {
top: 429px;
left: -54px;
display: none;
}
@media screen and (max-width: 767px) {
.hero .sp-half-hero {
left: -57px;
}
}
.hero-bg--primary .hero .sp-half-hero {
top: 292px;
}
.hero-bg--lightRed:not(.hero-small-image) .hero .sp-white-border-half-hero, .hero-bg--darkRed:not(.hero-small-image) .hero .sp-white-border-half-hero, .hero-bg--primary .hero .sp-white-border-half-hero {
display: inline;
}
.hero-bg--lightBlue:not(.hero-small-image) .hero .sp-blue-border-half-hero {
display: inline;
}
.hero-bg--darkBlue:not(.hero-small-image) .hero .sp-lightBlue-border-half-hero {
display: inline;
}
.hero .sp-primary-white {
display: none;
}
.hero-bg--primary .hero .sp-primary-white {
display: inline;
left: 415px;
bottom: 73px;
z-index: 2;
}
@media screen and (max-width: 1250px) {
.hero-bg--primary .hero .sp-primary-white {
display: none;
}
}
.hero .sp-primary-hero {
display: none;
}
.hero-bg--primary .hero .sp-primary-hero {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/dark-ressourcesalaune.svg) no-repeat;
display: inline;
left: -894px;
bottom: -647px;
width: 1501px;
height: 919.42px;
transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
.hero-bg--primary .hero .sp-primary-hero {
bottom: -749px;
}
}
@media screen and (max-width: 991px) {
.hero-bg--primary .hero .sp-primary-hero {
display: none;
}
}
.hero .sp-white-border-35 {
display: none;
}
.hero-small-image .hero .sp-white-border-35 {
display: block;
top: 131px;
left: -72px;
}
.hero .sp-light-red-173 {
display: none;
}
.hero-small-image .hero .sp-light-red-173 {
display: block;
left: -110px;
top: 103px;
}
@media screen and (max-width: 767px) {
.hero-small-image .hero .sp-light-red-173 {
left: -153px;
}
}
.hero .sp-light-blue-55 {
display: none;
}
.heroSmall-bg--mainBlue .hero .sp-light-blue-55 {
display: block;
bottom: 90px;
left: 505px;
}
.hero .sp-yellow-55 {
display: none;
}
.heroSmall-bg--darkRed .hero .sp-yellow-55, .hero-small-image .hero .sp-yellow-55 {
display: block;
bottom: 90px;
left: 505px;
}
.heroSmall-bg--mainBlue .hero .sp-yellow-55 {
display: none;
}
.cpt-wysiwyg.external-top-border-radius {
position: relative;
}
.wysiwyg-content {
padding-top: 60px;
}
.external-top-border-radius .wysiwyg-content {
border-radius: 30px 30px 0 0;
background-color: #FFF;
margin-top: -25px;
}
.external-bottom-border-radius .wysiwyg-content {
background-color: #FFF;
border-radius: 0 0 30px 30px;
padding-bottom: 80px;
z-index: 10;
position: relative;
}
@media screen and (max-width: 767px) {
.external-bottom-border-radius .wysiwyg-content {
padding-bottom: 30px;
}
}
.wysiwyg-content.container {
max-width: none;
}
.wysiwyg-content .img-post img {
width: 62px;
}
.wysiwyg-content .tag-wrp {
display: flex;
gap: 20px;
margin-top: 60px;
}
.wysiwyg-content .tag-wrp .tag {
border-radius: 30px;
border: 1px solid #081943;
padding: 10px 20px;
}
.wysiwyg-content .wrp {
max-width: 852px;
margin-left: auto;
margin-right: auto;
}
.container-expertise-solution .wysiwyg-content .wrp {
max-width: 1254px;
}
.container-expertise-solution .wysiwyg-content .wrp .content {
max-width: 1028px;
}
.wysiwyg-content .content > h2:first-child {
margin-top: 0 !important;
}
.wysiwyg-content h2 {
color: #081943;
margin-bottom: 20px;
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
.wysiwyg-content h2 {
font-size: 23px;
}
}
.wysiwyg-content h3 {
color: #081943;
margin-bottom: 20px;
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
.wysiwyg-content h3 {
font-size: 22px;
}
}
.wysiwyg-content h4 {
color: #081943;
margin-bottom: 20px;
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
.wysiwyg-content h4 {
font-size: 20px;
}
}
.wysiwyg-content h5 {
font-size: 18px;
font-weight: 34px;
color: #081943;
margin-bottom: 20px;
margin-top: 60px;
}
@media screen and (max-width: 1024px) {
.wysiwyg-content h5 {
font-size: 18px;
}
}
.wysiwyg-content table {
margin: 25px 0px;
max-width: 100%;
width: 852px !important;
display: block;
overflow-x: auto;
}
.wysiwyg-content table td {
border: solid thin #ebebeb;
padding: 10px 7px;
max-width: 200px !important;
overflow-wrap: break-word;
font-size: 14px !important;
}
.wysiwyg-content table td strong {
font-size: 15px !important;
}
.wysiwyg-content p, .wysiwyg-content li, .wysiwyg-content table td {
color: #081943;
}
.wysiwyg-content p a:not(.btn), .wysiwyg-content li a:not(.btn), .wysiwyg-content table td a:not(.btn) {
text-decoration: underline;
color: #081943;
}
.wysiwyg-content p a:not(.btn):hover, .wysiwyg-content li a:not(.btn):hover, .wysiwyg-content table td a:not(.btn):hover {
color: #003DA5;
}
.wysiwyg-content p a[href^="mailto:"], .wysiwyg-content li a[href^="mailto:"], .wysiwyg-content table td a[href^="mailto:"] {
color: #F12535;
}
.wysiwyg-content ul {
padding-left: 24px;
margin-top: 20px;
}
.wysiwyg-content ul li {
list-style: disc;
padding-left: 7px;
}
.wysiwyg-content ul li::marker {
font-size: 11px;
}
.wysiwyg-content ol {
padding-left: 29px;
margin-top: 20px;
}
.wysiwyg-content .btn {
margin-right: 25px;
margin-bottom: 20px;
}
.wysiwyg-content .legende {
padding-left: 25px;
position: relative;
margin: 30px 0;
}
.wysiwyg-content .legende:before {
content: "";
width: 5px;
height: 100%;
background: #FE0;
left: 0;
top: 0;
position: absolute;
}
.cpt-data .sp-white-border-218 {
display: none;
}
.cpt-data .sp-dark-red {
display: none;
}
.cpt-data .sp-light-blue, .cpt-data .sp-light-red {
display: none;
}
.cpt-data .shape {
z-index: 1;
}
.cpt-data.data-bg-white .container-bg {
background: #FFF;
border-end-end-radius: 30px;
border-end-start-radius: 30px;
}
.cpt-data.data-bg-red {
overflow: hidden;
}
.cpt-data.data-bg-red .container-bg {
background: #F12535;
border-radius: 30px;
}
.cpt-data.data-bg-red.data-margin-under--topBlock .container-bg {
position: relative;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: visible;
}
.cpt-data.data-bg-red.data-margin-under--topBlock .container-bg:before {
content: "";
position: absolute;
left: 0;
top: -27px;
height: 27px;
width: 100%;
background-color: #F12535;
z-index: -1;
}
.cpt-data.data-bg-red .container {
position: relative;
}
.cpt-data.data-bg-red .container:after {
content: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/dark-ressourcesalaune.svg);
right: -808px;
bottom: -432px;
position: absolute;
}
@media screen and (max-width: 768px) {
.cpt-data.data-bg-red .container:after {
right: -950px;
bottom: -732px;
}
}
@media screen and (max-width: 450px) {
.cpt-data.data-bg-red .container:after {
right: -1100px;
}
}
.cpt-data.data-bg-red .sp-white-border-218 {
display: inline;
right: -220px;
top: 104px;
}
@media screen and (max-width: 991px) {
.cpt-data.data-bg-red .sp-white-border-218 {
display: none;
}
}
.cpt-data.data-bg-red .sp-dark-red {
display: inline;
top: 0px;
right: 269px;
}
@media screen and (max-width: 1024px) {
.cpt-data.data-bg-blue {
margin-bottom: 30px;
}
}
.cpt-data.data-bg-blue .container-bg {
background: #003DA5;
border-radius: 30px;
margin-left: 30px;
margin-right: 30px;
position: relative;
}
@media screen and (max-width: 1024px) {
.cpt-data.data-bg-blue .container-bg {
overflow: hidden;
}
}
.cpt-data.data-bg-blue .container {
position: relative;
max-width: 1378px;
padding: 0;
}
.cpt-data.data-bg-blue .sp-light-blue {
display: inline;
top: 70px;
right: 57px;
}
@media screen and (max-width: 1024px) {
.cpt-data.data-bg-blue .sp-light-blue {
top: -41px;
right: -79px;
}
}
.cpt-data.data-bg-blue .sp-light-red {
display: inline;
top: 54px;
right: 351px;
}
@media screen and (max-width: 767px) {
.cpt-data.data-bg-blue .sp-light-red {
width: 51px;
height: 18px;
right: 65px;
bottom: 38px;
}
}
.data-wrp {
padding-bottom: 60px;
max-width: 1380px;
margin: auto;
max-width: 1254px;
}
@media screen and (max-width: 767px) {
.data-wrp {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 80px;
}
}
.cpt-data .data-wrp {
padding-bottom: 80px;
}
.cpt-data .data-wrp h2 {
padding-top: 80px;
}
.data-bg-blue .data-wrp {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 0;
padding-right: 56px;
padding-left: 90px;
max-width: 1378px;
position: relative;
}
@media screen and (max-width: 1100px) {
.data-bg-blue .data-wrp {
padding-left: 30px;
padding-right: 30px;
}
}
.data-wrp h2 {
padding-top: 120px;
color: #FFF;
max-width: 900px;
}
@media screen and (max-width: 767px) {
.data-wrp h2 {
padding-top: 60px;
}
}
.data-bg-white .data-wrp h2 {
color: #081943;
}
.data-wrp .number-wrp {
display: flex;
flex-wrap: wrap;
gap: 60px 64px;
padding-top: 60px;
max-width: 1028px;
position: relative;
z-index: 3;
}
.data-bg-red .data-wrp .number-wrp {
padding-top: 80px;
}
.data-bg-blue .data-wrp .number-wrp {
padding-top: 80px;
}
@media screen and (max-width: 767px) {
.data-wrp .number-wrp {
gap: 40px;
padding-top: 40px;
}
}
.data-wrp .number-wrp:has(.number-content:nth-child(4)) .number-content {
width: calc(50% - 63px) !important;
}
@media screen and (max-width: 767px) {
.data-wrp .number-wrp:has(.number-content:nth-child(4)) .number-content {
width: 100% !important;
min-width: initial;
}
}
.data-wrp .number-wrp .number-content, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content {
border-left: 1px solid #FFF;
padding-left: 40px;
display: flex;
justify-content: space-between;
flex-direction: column;
width: calc((100% - 128px) / 3) !important;
}
@media screen and (max-width: 767px) {
.data-wrp .number-wrp .number-content, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content {
width: 100% !important;
min-width: initial;
}
}
.data-bg-white .data-wrp .number-wrp .number-content, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content {
border-color: #F12535;
}
@media screen and (max-width: 1024px) {
.data-bg-blue .data-wrp .number-wrp .number-content, .data-bg-blue .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content, .data-bg-blue .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content {
padding-left: 15px;
}
}
.data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
line-height: 89px;
color: #FFF;
margin-bottom: 31px;
font-size: 80px;
}
@media screen and (max-width: 1024px) {
.data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
font-size: 60px;
}
}
@media screen and (max-width: 767px) {
.data-wrp .number-wrp .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
margin-bottom: 15px;
}
}
.data-bg-white .data-wrp .number-wrp .number-content .nbr, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .nbr, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .nbr {
color: #F12535;
}
.data-wrp .number-wrp .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .description, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .description {
color: #FFF;
max-width: 307px;
width: 100%;
margin-bottom: 28px;
}
.data-bg-white .data-wrp .number-wrp .number-content .description, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .description, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .description {
color: #F12535;
}
.data-wrp .number-wrp .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .source, .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .source {
color: #FFF;
}
.data-bg-white .data-wrp .number-wrp .number-content .source, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(5)) .number-content .source, .data-bg-white .data-wrp .number-wrp:has(.number-content:nth-child(6)) .number-content .source {
color: #003DA5;
}
.data-wrp .btn {
margin-top: 60px;
}
.with-margin .video-full {
margin-top: 30px;
margin-bottom: 30px;
}
.video-full .container {
padding: 0;
border-radius: 0px 0px 30px 30px;
position: relative;
max-width: none;
}
.video-full .container:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, transparent 55.53%, rgba(0, 0, 0, 0.6) 82.95%), linear-gradient(0deg, rgba(8, 25, 67, 0.5) 0%, rgba(8, 25, 67, 0.5) 100%) no-repeat;
border-radius: 0px 0px 30px 30px;
}
.video-full .custom-title {
max-width: 1440px;
width: 100%;
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
@media screen and (max-width: 991px) {
.video-full .custom-title {
max-width: 100%;
}
}
.video-full .custom-title .title {
max-width: 730px;
width: 100%;
margin-left: 118px;
color: #FFF;
}
@media screen and (max-width: 991px) {
.video-full .custom-title .title {
max-width: 100%;
margin-left: 0;
padding-left: 35px;
padding-right: 35px;
}
}
.video-full .poster {
height: 761px;
width: 100%;
object-fit: cover;
display: block;
border-radius: 0px 0px 30px 30px;
}
.video-full .play {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0px;
height: 0px;
border-style: solid;
border-width: 21px 0 21px 33px;
border-color: transparent transparent transparent #FFFFFF;
transform: rotate(0deg);
background: transparent;
}
.video-full .description {
max-width: 1440px;
width: 100%;
left: 50%;
transform: translateX(-50%);
position: absolute;
bottom: 80px;
z-index: 1;
}
@media screen and (max-width: 991px) {
.video-full .description {
max-width: 100%;
padding-left: 35px;
}
}
.video-full .description p {
color: #FFF;
max-width: 710px;
padding-right: 35px;
width: 100%;
margin-left: 118px;
}
.video-full .description p strong {
font-weight: 34px;
}
@media screen and (max-width: 991px) {
.video-full .description p {
margin-left: 0;
}
}
.video-full .wrp-custom-plyr {
max-width: 1000px;
padding: 25px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.video-full .wrp-custom-plyr .content {
border-radius: 30px;
}
.video-full .wrp-custom-plyr .content .plyr--video {
border-radius: 30px;
}
.video-full .wrp-custom-plyr .content .plyr__poster {
background-size: cover;
}
.video-full #light {
display: none;
position: fixed;
z-index: 1002;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
z-index: 1001;
}
.video-full #light:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: black;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.video-full #light .custom-plyr {
position: relative;
}
.video-full #boxclose {
cursor: pointer;
color: #fff;
font-size: 19px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
position: absolute;
right: 0px;
top: 0px;
z-index: 1002;
opacity: 0.9;
background: transparent;
}
.video-full #boxclose:before {
content: "x";
}
.sticky-block {
margin: 30px 0;
}
.sticky-block.right-image .sticky {
order: 2;
}
.sticky-block.external-top-border-radius {
margin-top: 0;
position: relative;
z-index: 10;
}
.sticky-block.external-top-border-radius .container {
border-radius: 30px 30px 0 0;
background-color: white;
margin-top: -28px;
padding-top: 30px;
}
.cpt-two-col.default {
margin: 30px 0;
}
.cpt-two-col.default .text-content {
max-width: 492px;
margin-right: 89px;
padding-top: 112px;
margin-top: 0;
}
@media screen and (max-width: 767px) {
.cpt-two-col.default .text-content {
padding-top: 50px;
}
}
.cpt-two-col.default .text-content .btn {
margin-top: 13px;
}
.cpt-two-col.default .img-container {
margin-top: 50px;
margin-bottom: 50px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.cpt-two-col.default .img-container {
padding-left: 30px;
margin-top: 0;
}
}
.cpt-two-col.default .img-container img {
-webkit-mask-position: right bottom;
mask-position: right bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-right.svg);
mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/shape-right.svg);
z-index: 1;
position: relative;
height: 445px;
width: 692px;
object-fit: cover;
mask-size: 692px 445px;
}
@media screen and (max-width: 991px) {
.cpt-two-col.default .img-container img {
display: block;
margin-bottom: 40px;
margin-left: auto;
}
}
@media screen and (max-width: 767px) {
.cpt-two-col.default .content .sp-yellow-68 {
bottom: 602px;
}
}
.cpt-two-col.default .content .sp-white-border-102 {
top: 37px;
}
.cpt-two-col.with-full-img {
margin: 30px 0;
}
.cpt-two-col.red-section-two-col p {
color: #FFF;
margin-top: 20px;
}
.cpt-full-image .container {
padding: 0;
border-radius: 0px 0px 30px 30px;
position: relative;
max-width: none;
}
.cpt-full-image .container:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, transparent 55.53%, rgba(0, 0, 0, 0.7) 82.95%), no-repeat;
border-radius: 0px 0px 30px 30px;
}
@media screen and (max-width: 991px) {
.cpt-full-image .container:after {
background: linear-gradient(180deg, transparent 2.53%, rgba(0, 0, 0, 0.7) 82.95%), no-repeat;
}
}
.cpt-full-image img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-radius: 0px 0px 30px 30px;
}
.cpt-full-image .content {
max-width: 1074px;
padding: 0 25px;
position: relative;
min-height: 761px;
margin: auto;
z-index: 1;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.cpt-full-image .content .title {
color: #FFF;
padding-top: 100px;
padding-bottom: 80px;
}
.cpt-full-image .content .bottom-content {
left: 25px;
max-width: 675px;
padding-bottom: 90px;
}
.cpt-full-image .content p {
color: #FFF;
}
.cpt-full-image .content .btn {
margin-top: 30px;
margin-bottom: 45px;
}
.cpt-full-image.with-margin {
margin-top: 30px;
margin-bottom: 30px;
}
.cpt-trombinoscope {
margin-bottom: -269px;
}
.cpt-trombinoscope .container {
padding: 0;
border-radius: 0px 0px 30px 30px;
background: #F12535;
max-width: none;
}
.cpt-trombinoscope .container .content {
padding-bottom: 346px;
padding-top: 80px;
max-width: 1080px;
padding-left: 25px;
padding-right: 25px;
margin: auto;
}
@media screen and (max-width: 767px) {
.cpt-trombinoscope .container .content {
padding-bottom: 285px;
padding-top: 90px;
}
}
.cpt-trombinoscope .container .content .custom-title {
margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
.cpt-trombinoscope .container .content .custom-title {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1080px) {
.cpt-trombinoscope .container .content .custom-title {
max-width: 850px;
}
}
@media screen and (max-width: 991px) {
.cpt-trombinoscope .container .content .custom-title {
max-width: 590px;
}
}
.cpt-trombinoscope .container .content .custom-title .title {
color: #FFF;
}
.cpt-trombinoscope .container .content .cards {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
@media screen and (max-width: 1280px) {
.cpt-trombinoscope .container .content .cards {
max-width: 900px;
margin: auto;
}
}
@media screen and (max-width: 1080px) {
.cpt-trombinoscope .container .content .cards {
max-width: 850px;
}
}
@media screen and (max-width: 991px) {
.cpt-trombinoscope .container .content .cards {
max-width: 590px;
}
}
@media screen and (max-width: 767px) {
.cpt-trombinoscope .container .content .cards {
justify-content: center;
}
}
.cpt-trombinoscope .container .content .cards .item {
max-width: 323px;
width: 100%;
height: 462px;
position: relative;
padding: 0 42px;
}
@media screen and (max-width: 1280px) {
.cpt-trombinoscope .container .content .cards .item {
max-width: 263px;
}
}
@media screen and (max-width: 1023px) {
.cpt-trombinoscope .container .content .cards .item {
max-width: 278px;
}
}
@media screen and (max-width: 767px) {
.cpt-trombinoscope .container .content .cards .item {
max-width: 314px;
}
}
.cpt-trombinoscope .container .content .cards .item:hover {
cursor: pointer;
}
.cpt-trombinoscope .container .content .cards .item:hover img {
-webkit-filter: initial;
filter: initial;
}
.cpt-trombinoscope .container .content .cards .item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(36, 49, 115, 0) 19.81%, #243173 74.1%);
border-radius: 30px;
z-index: 1;
}
.cpt-trombinoscope .container .content .cards .item img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
border-radius: 30px;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.cpt-trombinoscope .container .content .cards .item .text {
bottom: 50px;
position: absolute;
padding: 0 42px;
left: 0;
width: 100%;
z-index: 2;
}
.cpt-trombinoscope .container .content .cards .item .text .name {
color: #FFF;
}
.cpt-trombinoscope .container .content .cards .item .text .job {
color: #FFF;
}
.cpt-trombinoscope.margin-under--bottomBlock .container {
position: relative;
}
.cpt-trombinoscope.margin-under--bottomBlock .container:before {
content: "";
position: absolute;
left: 0;
top: -27px;
height: 27px;
width: 100%;
background-color: #F12535;
z-index: -1;
}
.cpt-quote .content {
position: relative;
padding-top: 111px;
padding-bottom: 80px;
margin: 60px auto;
margin-bottom: 30px;
max-width: 852px;
width: 100%;
}
.cpt-quote .content:before {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/quote-left.svg) no-repeat;
width: 107px;
height: 83px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 767px) {
.cpt-quote .content:before {
width: 80px;
background-size: contain;
}
}
.cpt-quote .content:after {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/quote-right.svg) no-repeat;
width: 107px;
height: 83px;
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 767px) {
.cpt-quote .content:after {
width: 80px;
background-size: contain;
}
}
.cpt-quote .content p {
padding-left: 41px;
font-style: italic;
font-size: 30px;
font-weight: normal;
color: #081943;
}
@media screen and (max-width: 767px) {
.cpt-quote .content p {
padding-left: 25px;
font-size: 22px;
}
}
.cpt-media {
max-width: 852px;
margin: 60px auto;
}
@media screen and (max-width: 991px) {
.cpt-media {
padding: 0 60px;
}
}
@media screen and (max-width: 767px) {
.cpt-media {
padding: 0;
margin-bottom: 80px;
}
}
.cpt-media .custom-plyr {
position: relative;
}
.cpt-media .plyr--video {
border-radius: 30px;
}
.cpt-media .plyr__poster {
background-size: cover;
}
.cpt-media img {
border-radius: 30px;
}
.cpt-media p {
color: #081943;
margin-top: 20px;
}
.cpt-media .owl-nav .disabled {
display: none;
}
.cpt-media .owl-nav .owl-prev, .cpt-media .owl-nav .owl-next {
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.cpt-media .owl-nav .owl-prev, .cpt-media .owl-nav .owl-next {
top: auto;
transform: none;
bottom: -50px;
}
}
@media screen and (max-width: 767px) {
.cpt-media .owl-nav .owl-prev {
left: calc(50% - 45px) !important;
}
}
@media screen and (max-width: 767px) {
.cpt-media .owl-nav .owl-next {
right: calc(50% - 45px) !important;
}
}
.hero-article {
background-color: #F12535;
margin-top: -12px;
overflow: hidden;
}
.hero-article .content {
max-width: 587px;
width: 100%;
padding-top: 271px;
position: relative;
padding-right: 30px;
margin-left: 88px;
}
@media screen and (max-width: 1024px) {
.hero-article .content {
margin-left: 0px;
}
}
@media screen and (max-width: 991px) {
.hero-article .content {
padding-top: 180px;
max-width: initial;
}
}
.hero-article .content .tag-wrp {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.hero-article .content .tag-wrp .tag {
padding: 10px 20px;
color: #FFF;
border: solid thin #FFF;
border-radius: 30px;
}
.hero-article .content .title {
color: #FFF;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.hero-article .content .title {
font-size: 30px;
}
}
.hero-article .content .wrp-date-media {
justify-content: space-between;
padding-bottom: 84px;
}
.hero-article .content .wrp-date-media .date {
color: #FFF;
display: block;
margin-bottom: 17px;
}
.hero-article .content .wrp-date-media .s-media {
display: flex;
align-items: center;
}
.hero-article .content .wrp-date-media .s-media .label {
color: #FFF;
margin-right: 20px;
}
.hero-article .content .wrp-date-media .s-media .icons {
display: flex;
gap: 11px;
}
.hero-article .content .wrp-date-media .s-media .icons a {
font-size: 36px;
max-height: 36px;
}
.hero-article img {
width: 675px;
height: 540px;
border-radius: 24px;
position: relative;
object-fit: cover;
margin-top: 166px;
margin-bottom: 92px;
}
@media screen and (max-width: 1200px) {
.hero-article img {
width: 475px;
}
}
@media screen and (max-width: 991px) {
.hero-article img {
height: 500px;
margin-top: 0;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.hero-article img {
height: 376px;
}
}
.hero-article .shape {
z-index: 1;
}
.hero-article .container {
position: relative;
display: flex;
}
@media screen and (max-width: 991px) {
.hero-article .container {
display: block;
}
}
.hero-article .container:before {
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/dark-ressourcesalaune.svg);
right: -195px;
bottom: -25px;
position: absolute;
width: 877px;
height: 537px;
content: "";
background-size: contain;
}
@media screen and (max-width: 1200px) {
.hero-article .container:before {
right: -500px;
}
}
@media screen and (max-width: 768px) {
.hero-article .container:before {
right: -566px;
}
}
.hero-article .container .sp-yellow {
left: -19px;
top: 150px;
}
@media screen and (max-width: 1180px) {
.hero-article .container .sp-yellow {
left: 30px;
top: 222px;
width: 80px;
height: 30px;
}
}
@media screen and (max-width: 1024px) {
.hero-article .container .sp-yellow {
display: none;
}
}
.hero-article .container .sp-light-blue {
top: -31px;
right: -38px;
}
.cpt-testimonial {
margin-top: 60px;
margin-bottom: 60px;
}
.cpt-testimonial .content {
max-width: 850px;
background: #003DA5;
padding: 100px 147px 40px;
border-radius: 24px;
margin: auto;
position: relative;
}
@media screen and (max-width: 767px) {
.cpt-testimonial .content {
padding-left: 20px;
padding-right: 20px;
}
}
.cpt-testimonial .content:before, .cpt-testimonial .content:after {
content: "";
background: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/temoignage.svg) no-repeat;
background-size: contain;
width: 80px;
height: 59.986px;
position: absolute;
top: 40px;
left: 40px;
}
@media screen and (max-width: 767px) {
.cpt-testimonial .content:before, .cpt-testimonial .content:after {
top: 25px;
left: 20px;
}
}
.cpt-testimonial .content:after {
bottom: 40px;
top: auto;
left: auto;
right: 40px;
transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
.cpt-testimonial .content:after {
display: none;
}
}
.cpt-testimonial .text p {
color: white;
font-family: "Montserrat-Medium", arial, sans-serif;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: normal;
}
.cpt-testimonial .text p::first-letter {
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.cpt-testimonial .text p {
font-size: 20px;
}
}
.cpt-testimonial .profile {
display: flex;
gap: 33px;
margin-top: 30px;
}
.cpt-testimonial .profile img {
width: 43px;
height: 56px;
object-fit: cover;
mask-image: url(//www.mediaposte.fr/wp-content/themes/mediaposte/assets/dist/img/ellipse.svg);
}
.cpt-testimonial .profile .info .name {
color: white;
}
.cpt-testimonial .profile .info .name::first-letter {
text-transform: capitalize;
}
.cpt-testimonial .profile .info .function {
color: white;
}
.cpt-testimonial .profile .info .function::first-letter {
text-transform: uppercase;
}
.cpt-cards-wrp:not(.list-cards) .custom-title {
margin-bottom: 0;
}
body img {
max-width: none !important;
}