/*
Theme Name: C_Dehays
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

*,
*::before,
*::after {
    box-sizing: inherit
}

body {
    color: #000;
    font: normal 100%/1.4 "Montserrat", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

h1 {
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em
}

h2 {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    text-align: center
}

h3 {
    font-size: 1.1em
}

h4 {
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 1.4;
    letter-spacing: 1px
}

h5 {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #000000
}

h6 {
    color: #0d6890;
    font-weight: bold
}

.clearfix::after {
    clear: both;
    content: '';
    display: table
}

.container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.white {
    color: #fff
}

.text-blue {
    color: #0d6890
}

.text-orange {
    color: #e72543
}

.text-green {
    color: #00d188
}

.text-yellow {
    color: #fdd328
}

.text-purple {
    color: #8234ff
}

.text-darkgrey {
    color: #727070
}

.bg-blue {
    background-color: #0d6890
}

.bg-orange {
    background-color: #89898f
}

.bg-green {
    background-color: #c7d100
}

.bg-grey {
    background-color: #eeefef
}

.border-left-blue {
    border-left: 2px solid #0d6890
}

.border-left-orange {
    border-left: 2px solid #e72543
}

.border-left-green {
    border-left: 2px solid #00d188
}

.border-left-yellow {
    border-left: 2px solid #fdd328
}

.border-left-purple {
    border-left: 2px solid #8234ff
}

.bg-parallax {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

.slick-slide {
    margin: 0 20px
}

.slick-slide img {
    width: 100%
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

header.header-home {
    min-height: 470px
}

@media (min-width: 768px) {
    header.header-home {
        min-height: 670px
    }
}

header .heading {
    padding-top: 180px
}

header .heading p {
    font-btn-custom-outline-oranget-size: 1.8em;
    word-break: break-word
}

@media (min-width: 768px) {
    header .heading p {
        font-size: 2.5em;
        line-height: 1.5em
    }
}

.bg-image-full {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

footer .menu-footer-container ul {
    padding: 0;
    list-style: none
}

footer a {
    color: #000000
}

footer a:hover {
    text-decoration: underline
}

body>section>div>div.row.pt-3.pb-2>div>div.job_listings {
    margin-right: 5.5rem !important;
}

div.job_listings .job_filters .search_jobs div {
    display: inline-block;
    margin: 0 5px
}

div.job_listings .job_filters .job_types {
    margin: 0;
    padding: 10px 0
}

div.job_listings .job_filters .job_types li {
    display: inline-block;
    padding: 0 5px
}

div.job_listings ul.job_listings {
    margin-bottom: 2rem;
    padding: 0
}

div.job_listings ul.job_listings>li,
div.job_listings ul.job_listings div.slick-track>li {
    margin: .75em 0
}

div.job_listings ul.job_listings>li a,
div.job_listings ul.job_listings div.slick-track>li a {
    display: flex;
    height: 200px;
    padding: .8em;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    border: 2px solid #c7d100;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

div.job_listings ul.job_listings>li a:hover,
div.job_listings ul.job_listings>li a:focus,
div.job_listings ul.job_listings div.slick-track>li a:hover,
div.job_listings ul.job_listings div.slick-track>li a:focus {
    border: 2px solid #f7af4b;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

div.job_listings ul.job_listings>li a h3,
div.job_listings ul.job_listings div.slick-track>li a h3 {
    font-weight: bold;
    color: #0d6890;
    text-transform: uppercase
}

div.job_listings ul.job_listings>li a ul.meta,
div.job_listings ul.job_listings div.slick-track>li a ul.meta {
    padding: 0;
    list-style: none
}

div.job_listings ul.job_listings>li a ul.meta li.date,
div.job_listings ul.job_listings div.slick-track>li a ul.meta li.date {
    color: #727070;
    font-size: .7em;
    line-height: 2em
}

div.job_listings img.company_logo {
    display: none
}

div.job_listings .load_more_jobs {
    margin: 10px 0;
    padding: 10px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #0d6890;
    overflow-wrap: break-word;
    white-space: normal;
    color: #ffffff;
    border: 2px solid #0d6890;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

div.job_listings .load_more_jobs:hover {
    background-color: transparent;
    color: #0d6890;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

@media (min-width: 992px) {
    .navbar-nav {
        flex-direction: row
    }
}

.navbar-nav .menu-item {
    display: inline-block;
    font-size: .9em
}

@media (min-width: 992px) {
    .navbar-nav .menu-item {
        padding: .5rem
    }
}

.navbar-toggler-text {
    font-size: .8em
}

.navbar-collapse #menu-menu-1 li a {
    color: #ffffff;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.navbar-collapse #menu-menu-1 li a:hover,
.navbar-collapse #menu-menu-1 li a:focus {
    opacity: .7;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.navbar-collapse #menu-menu-1 .dropdown-menu li a {
    color: #0d6890;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.navbar-collapse #menu-menu-1 .dropdown-menu li a:hover,
.navbar-collapse #menu-menu-1 .dropdown-menu li a:focus {
    opacity: .7;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.navbar-collapse #menu-menu-1 .active {
    font-weight: bold
}

.btn-rounded {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.btn-custom {
    max-width: 100%;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 1.1em;
    overflow-wrap: break-word;
    white-space: normal
}

.btn-custom-plain {
    background-color: white;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    border: none;
    font-weight: bold
}

.btn-custom-outline-blue {
    border: 2px solid #0d6890;
    color: #0d6890
}

.btn-custom-outline-blue:hover {
    background-color: #0d6890;
    color: #ffffff
}

.btn-custom-outline-orange {
    border: 2px solid #e72543;
    color: #e72543
}

.btn-custom-outline-orange:hover {
    background-color: #e72543;
    color: #ffffff
}

.btn-custom-outline-white {
    color: #ffffff;
    border: 2px solid #ffffff
}

.btn-custom-outline-white:hover {
    background-color: #ffffff;
    color: #727070
}

.btn-custom-outline-grey {
    color: #727070;
    border: 2px solid #727070
}

.btn-custom-outline-grey:hover {
    background-color: #727070;
    color: #ffffff
}

.btn-outline-white {
    color: #ffffff;
    background-color: transparent;
    background-image: none;
    border: 2px solid #ffffff
}

.btn-outline-white:hover {
    color: #e72543;
    background-color: #ffffff;
    background-image: none
}

.btn-outline-blue {
    color: #0d6890;
    background-color: transparent;
    background-image: none;
    border: 2px solid #0d6890
}

.btn-outline-blue:hover {
    color: #ffffff;
    background-color: #0d6890;
    background-image: none
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.orange-line {
    height: 18px;
    background-color: #e72543
}

.green-line {
    height: 18px;
    background-color: #89898f
}

.blue-line {
    height: 18px;
    background-color: #0d6890
}

.info {
    font-size: 13px
}

.jobs {
    background: #eeefef url("https://www.caroledehays.fr/wp-content/uploads/2019/02/bg-circles.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

.jobs__offer {
    border: 2px solid #c7d100
}

.jobs__plus {
    display: block;
    width: 28px;
    height: 28px;
    padding-top: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #c7d100
}

.jobs__plus:hover,
.jobs__plus:active .jobs__plus:focus {
    opacity: .7;
    color: #ffffff;
    text-decoration: none
}

.jobs div.job_listings ul.job_listings {
    list-style: none
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide {
    margin: 0
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li {
    display: block;
    margin: .75em 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a {
    display: flex;
    height: 200px;
    padding: .8em;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    border: 2px solid #c7d100;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a:hover,
.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a:focus {
    border: 2px solid #89898f;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a h3 {
    font-weight: bold;
    color: #0d6890;
    text-transform: uppercase
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a ul.meta {
    padding: 0;
    list-style: none
}

.jobs div.job_listings ul.job_listings div.slick-list div.slick-track div.slick-slide div>li a ul.meta li.date {
    color: #727070;
    font-size: .7em;
    line-height: 2em
}

.jobs div.job_listings img.company_logo {
    display: none
}

.jobs div.job_listings .load_more_jobs {
    display: none
}

.pictos .flip-container {
    perspective: 1000px;
    transform-style: preserve-3d
}

.pictos .flip-container:hover .back {
    transform: rotateY(0deg)
}

.pictos .flip-container:hover .front {
    transform: rotateY(180deg)
}

.pictos .flip-container,
.pictos .front,
.pictos .back {
    width: 100%;
    height: 210px
}

.pictos .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative
}

.pictos .front,
.pictos .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0
}

.pictos .front {
    z-index: 2;
    transform: rotateY(0deg)
}

.pictos .back {
    transform: rotateY(-180deg)
}

.pictos .vertical.flip-container {
    position: relative
}

.pictos .vertical .back {
    transform: rotateX(180deg)
}

.pictos .vertical.flip-container:hover .back {
    transform: rotateX(0deg)
}

.pictos .vertical.flip-container:hover .front {
    transform: rotateX(180deg)
}

.bilan__panel {
    height: 240px;
    background: #0d6890 url("https://www.caroledehays.fr/wp-content/uploads/2019/02/bg-dots.png") right bottom no-repeat
}

.formations__type span {
    display: inline-block;
    margin: 8px 5px 7px 5px;
    padding: .5em .8em;
    background: #ffffff;
    font-size: .8em;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1)
}

.expertise {
    background: #E72543 url("https://www.caroledehays.fr/wp-content/uploads/2019/02/bg-trees.png") center bottom no-repeat;
    background-blend-mode: saturation
}

.news__tag {
    padding: .2em 1em;
    font-size: .7em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.news__tag ul {
    display: inline;
    padding: 0
}

.news__tag ul li {
    display: inline;
    color: #ffffff
}

.news__tag ul li a {
    color: #ffffff
}

.partners__slide figure img {
    opacity: .7;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.partners__slide figure img:hover {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

a.reset {
    top: 20px !important;
}

/*


MODIFICATION APPORTER PAR IMPRO SOLUTIONS




*/

/* Page d'acceuil Section MENU */

#menu_custom>ul>li>a {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 300;
}

#menu-menu-1>li>a {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 300;
}

/* Page d'acceuil Section HEURE DU BILAN */

.img-bilan {
    transition: transform 0.3s ease-in-out;
}

.img-bilan:hover {
    transform: scale(1.5);
}

/* Header */
#logo-site {
    height: 90px !important;
    width: 193px !important;
}

a#btn-contact {
    color: #FFFFFF !important;
    border-radius: 20px 20px 20px 20px !important;
}

/* Body front-page */
/* section.section-w {
    height: 555px !important;
} */

.link-hover:hover {
    color: #FFFFFF;
    text-decoration: none;
}

section#section-expertise {
    background-color: #E72543;
    background-repeat: no-repeat;
    background-position: right;
}

.blur-btn {
    transition: filter 0.3s ease;
    filter: blur(6px);
}

section#section-bilan {
    background-color: #7bd3f4;

    background-repeat: no-repeat;
}

/* Footer */
#footer-page {
    background-image: url('https://dev.caroledehays.com/wp-content/uploads/2020/12/banner_footer.png');
    background-size: 1.7%;
    background-origin: padding-box;
    background-repeat: repeat-x;
}

#footer-page>div.container-fluid>div>div>div>h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}


.column-container {
    display: flex;
    flex-direction: column;
}

/* Responsive page  */
@media (max-width: 1350px) {
    .row {
        flex-direction: column;
        align-items: center;
    }

    .column-container {
        width: 100%;
        margin-bottom: 20px;
        /* Ajustez selon vos besoins */
    }
}

/* @media (max-width: 1120px) {
    #footer-page {
        margin-top: 90px !important;
    }
} */

@media (max-width: 995px) {

    .img-slide {
        /* height: 409px !important; */
        height: auto !important;
        width: 100% !important;
    }

    .size-title-slider {
        font-size: 20px !important;
    }

    .img-bilan {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

    #reseau-sociaux-display {
        display: block !important;
    }

    /* #menu-header-display {
        display: none !important;
    } */

    #expertise-display {
        display: block !important;
        margin-left: 12% !important;
        margin-right: 12% !important;
    }

    #expertise-display>.expertise-image {
        margin-left: 30% !important;
        margin-bottom: 15px !important;
        margin-top: 0 !important;
    }

    .slick-slide img {
        width: 180% !important;
    }

    #section-partners {
        display: none !important;
    }

    .mention-legales-responsive {
        padding-top: 20px !important;
    }


}



@media (width: 500px) {

    body > section:nth-child(3) > div > div.row.pt-3.pb-2 > div > div.d-flex.justify-content-center > a.load_more_jobs_accueil {
        margin-right: 0 !important;
        margin-left: .22rem !important;
    }
    .size-title-slider {
        font-size: 20px !important;
    }

    #section-expertise {
        background-image: none !important;
        padding: 60px 0px 60px 0px !important;
    }

    #expertise-display>.expertise-image {
        margin-left: 21% !important;
    }

    .d-flex {
        flex-direction: column;
        align-items: center;
    }

    .image-container {
        margin-right: 0;
        margin-bottom: 20px;
        /* Ajoutez un espace entre l'image et le texte */
    }

    .text-container {
        text-align: center;
        /* Centre le texte */
    }
    #section-competences{
        padding: 60px 0px 60px 0px !important;
    }

    #section-bilan {
        background-image: none !important;
    }


    #section-competences>div>div>div.col-md-8.column-container>section>div>div>div.m-pictos {
        margin-bottom: 10px !important;
    }

    .slick-slide img {
        width: 200% !important;
    }

}