/* VARIABLES */

:root {
	--color-bleu: #172657;
	--color-vert: #19A745;
	--color-gris: #EEEDED;
}

/* FONTS */

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainRegular.eot');
    src: url('fonts/PPNeueMachina-PlainRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainRegular.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainRegular.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainRegular.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainRegular.svg#PPNeueMachina-PlainRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainRegularItalic.eot');
    src: url('fonts/PPNeueMachina-PlainRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainRegularItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainRegularItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainRegularItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainRegularItalic.svg#PPNeueMachina-PlainRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainUltrabold.eot');
    src: url('fonts/PPNeueMachina-PlainUltrabold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainUltrabold.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainUltrabold.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainUltrabold.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainUltrabold.svg#PPNeueMachina-PlainUltrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainUltraboldItalic.eot');
    src: url('fonts/PPNeueMachina-PlainUltraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainUltraboldItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainUltraboldItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainUltraboldItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainUltraboldItalic.svg#PPNeueMachina-PlainUltraboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainLight.eot');
    src: url('fonts/PPNeueMachina-PlainLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainLight.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainLight.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainLight.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainLight.svg#PPNeueMachina-PlainLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Plain';
    src: url('fonts/PPNeueMachina-PlainLightItalic.eot');
    src: url('fonts/PPNeueMachina-PlainLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-PlainLightItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-PlainLightItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-PlainLightItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-PlainLightItalic.svg#PPNeueMachina-PlainLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapRegular.eot');
    src: url('fonts/PPNeueMachina-InktrapRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapRegular.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapRegular.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapRegular.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapRegular.svg#PPNeueMachina-InktrapRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapRegularItalic.eot');
    src: url('fonts/PPNeueMachina-InktrapRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapRegularItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapRegularItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapRegularItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapRegularItalic.svg#PPNeueMachina-InktrapRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapUltrabold.eot');
    src: url('fonts/PPNeueMachina-InktrapUltrabold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapUltrabold.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapUltrabold.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapUltrabold.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapUltrabold.svg#PPNeueMachina-InktrapUltrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapUltraboldItalic.eot');
    src: url('fonts/PPNeueMachina-InktrapUltraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapUltraboldItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapUltraboldItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapUltraboldItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapUltraboldItalic.svg#PPNeueMachina-InktrapUltraboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapLight.eot');
    src: url('fonts/PPNeueMachina-InktrapLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapLight.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapLight.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapLight.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapLight.svg#PPNeueMachina-InktrapLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Neue Machina Inktrap';
    src: url('fonts/PPNeueMachina-InktrapLightItalic.eot');
    src: url('fonts/PPNeueMachina-InktrapLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PPNeueMachina-InktrapLightItalic.woff2') format('woff2'),
        url('fonts/PPNeueMachina-InktrapLightItalic.woff') format('woff'),
        url('fonts/PPNeueMachina-InktrapLightItalic.ttf') format('truetype'),
        url('fonts/PPNeueMachina-InktrapLightItalic.svg#PPNeueMachina-InktrapLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* Global */

body{
	font-family: 'PP Neue Machina Plain', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-weight:bold;
}

#main{
    padding:40px 0 0 0 !important;
}

body.blog main#main .wgl-container,
body.category main#main .wgl-container,
body.single-post main#main .wgl-container,
body.post-type-archive-product main#main .wgl-container,
body.tax-product_cat main#main .wgl-container,
body.single-product main#main .wgl-container{
    width:1464px;
    padding-left:20px;
    padding-right:20px;
    max-width:100%;
}

body.blog main#main .wgl-container .elementor,
body.category main#main .wgl-container .elementor,
body.single-post main#main .wgl-container .elementor{
    padding-left:5px;
    padding-right:5px;
}

.duplicate-title::before {
    content: '';
    position: absolute;
    width: calc(100% + 50px);
    height: 100%;
    right: calc(100% + 28px);
    top: 0;
    background: url(../img/a-blanc-2-vert.svg) no-repeat right 5px, linear-gradient(to left, transparent 98px, var(--color-bleu) 265px);
    background-size: 22px, auto;
}

.duplicate-title::after {
    content: '';
    position: absolute;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    left: calc(100% + 28px);
    top: -25px;
    background: url(../img/a-blanc-2-vert.svg) no-repeat 0 30px, linear-gradient(to right, transparent 78px, var(--color-bleu) 235px);
    background-size: 22px, auto;
}

.duplicate-title h2 {
    position: relative;
    display: inline-block;
}

.duplicate-title h2::before {
    content: attr(data-text);
    position: absolute;
    right: calc(100% + 78px);
    top: 0;
    text-wrap:nowrap;
    color:transparent;
    -webkit-text-stroke: 1px #fff;
}

.duplicate-title h2::after {
    content: attr(data-text);
    position: absolute;
    left: calc(100% + 78px);
    top: 0;
    text-wrap:nowrap;
    color:transparent;
    -webkit-text-stroke: 1px #fff;
}


/* Custom Elementor */

.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container,
.e-con > .elementor-widget > .elementor-widget-container {
    height: auto;
}

.custom-wgl-cases .case_item__inner_wrapper .case_title__wrapper {
    position:absolute !important;
    bottom:80px;
    left:45px;
    right:45px;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:transparent linear-gradient(180deg, #19A74524 0%, var(--color-vert) 100%) 0% 0% no-repeat padding-box;
    transition:all .3s;
    opacity:0;
}

.custom-wgl-cases .case_item__inner_wrapper:hover .image_wrapper::before {
    content:'';
    position:absolute;
    opacity:1;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper::after {
    content:'';
    position:absolute;
    width:22px;
    height:41px;
    right:17px;
    bottom:-41px;
    background: url(../img/a-blanc-2-vert.svg) no-repeat;
    transition:all .3s;
    z-index:9;
}

.custom-wgl-cases .case_item__inner_wrapper:hover .image_wrapper::after {
    bottom:32px;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper::before,
.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper::after {
    content:'';
    position:absolute;
    width:32px;
    height:32px;
    background: url(../img/arrow-blanc.svg) no-repeat;
    transition:all .3s;
    opacity:0;
    z-index:9;
    transform:rotate(315deg);
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper::before {
    right:7px;
    top:7px;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper::after {
    left:28px;
    bottom:25px;
}

.custom-wgl-cases .case_item__inner_wrapper:hover .image_wrapper .img-wrapper::before,
.custom-wgl-cases .case_item__inner_wrapper:hover .image_wrapper .img-wrapper::after {
    opacity:1;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper figure{
    aspect-ratio: 0.68 / 1;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper figure span{
    display:block;
    width:100%;
    height:100%;
}

.custom-wgl-cases .case_item__inner_wrapper .image_wrapper .img-wrapper figure span img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.custom-wgl-cases .pagination_circle .swiper-pagination li button {
    width: 10px !important;
    height: 10px !important;
}

.a2-before .wgl-double-heading .dblh__title-wrapper{
    position:relative;
    padding-left: 70px !important;
}

.a2-before .wgl-double-heading .dblh__title-wrapper::before{
    content:'';
    position:absolute;
    width:22px;
    height:41px;
    left:0;
    top:8px;
    background: url(../img/a-bleu-2-vert.svg) no-repeat;
    background-size:contain;
}


/* Elementor - Addon Documents */

.elementor-liste-docs .doc{
    border:1px solid var(--color-gris);
    margin-bottom:25px;
    padding:35px 45px;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.elementor-liste-docs .liste-docs .doc:last-of-type{
    margin-bottom:0;
}

.elementor-liste-docs .doc .inner{
    display:flex;
    align-items:center;
    gap:30px;
}

.elementor-liste-docs .doc .icon{
    width:35px;
}

.elementor-liste-docs .doc .icon svg{
    width:100%;
    height:auto;
    fill:var(--color-vert);
    display:block;
}

.elementor-liste-docs .doc .titre{
    margin-bottom:0;
    line-height:1.2;
}

.elementor-liste-docs .doc .titre a{
    text-transform:uppercase;
    font-weight:bold;
    font-size:24px;
}

.elementor-liste-docs .doc .titre a:hover{
    text-decoration:underline;
}

.elementor-liste-docs .doc .infos-fichier{
    color:var(--color-vert);
    font-size:17px;
    margin-bottom:0;
}

.elementor-liste-docs .doc .link a{
    color:var(--color-vert);
    font-size:20px;
}

.elementor-liste-docs .doc .link a::after{
    content:'';
    display:block;
    width:25px;
    height:1px;
    background:var(--color-vert);
    margin:0 auto;
    transition:all .3s;
}

.elementor-liste-docs .doc .link a:hover::after{
    width:35px;
}


/* Elementor - Addon Blocs Images */

.elementor-blocs-images{
    display: flex;
    gap: 30px;
}

.elementor-blocs-images .bloc{
    position: relative;
    width:25vw;
    aspect-ratio: 1 / 1.47;
}

.elementor-blocs-images .bloc.lien{
    cursor:pointer;
}

.elementor-blocs-images.slick-slider{
    margin-right:-30px;
}

.elementor-blocs-images.slick-slider .bloc{
    margin-right:10px;
}

.elementor-blocs-images .bloc::after{
    content:'';
    display:block;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #00000033;
    z-index:2;
}

.elementor-blocs-images .bloc img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    z-index:1;
}

.elementor-blocs-images .bloc .titre{
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 80px;
    z-index:4;
    margin-bottom:0;
}

.elementor-blocs-images .bloc .titre,
.elementor-blocs-images .bloc .titre a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 37px;
    line-height: 1.2;
}

.elementor-blocs-images .bloc .overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:transparent linear-gradient(180deg, #19A74524 0%, var(--color-vert) 100%) 0% 0% no-repeat padding-box;
    transition:all .3s;
    opacity:0;
    z-index:3;
    overflow:hidden;
}

.elementor-blocs-images .bloc:hover .overlay {
    opacity:1;
}

.elementor-blocs-images .bloc .overlay svg {
    position:absolute;
    width:22px;
    height:41px;
    right:17px;
    bottom:-41px;
    transition:all .3s;
}

.elementor-blocs-images .bloc:hover .overlay svg {
    bottom:32px;
}

.elementor-blocs-images .bloc:hover .overlay::before,
.elementor-blocs-images .bloc:hover .overlay::after {
    content:'';
    position:absolute;
    width:32px;
    height:32px;
    background: url(../img/arrow-blanc.svg) no-repeat;
    transition:all .3s;
    transform:rotate(315deg);
}

.elementor-blocs-images .bloc:hover .overlay::before {
    right:7px;
    top:7px;
}

.elementor-blocs-images .bloc:hover .overlay::after {
    left:28px;
    bottom:25px;
}


/* Elementor - Addon Blocs Textes */

.elementor-blocs-textes .bloc{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
    position:relative;
    padding:50px 60px 50px 40px;
    border-bottom:1px solid #FFFFFF5C;
}

.elementor-blocs-textes .bloc:first-of-type{
    border-top:1px solid #FFFFFF5C;
}

.elementor-blocs-textes .bloc.lien{
    cursor:pointer;
}

.elementor-blocs-textes .bloc::after{
    content:'';
    display:block;
    position: absolute;
    top:100%;
    bottom:0;
    left:0;
    right:0;
    background: rgba(0,0,0,0.15);
    transition:all .3s;
    z-index:0;
}

.elementor-blocs-textes .bloc:hover::after{
    top:0;
}

.elementor-blocs-textes .bloc .titre{
    text-transform:uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.08;
    width:380px;
    margin-bottom:0;
}

.elementor-blocs-textes .bloc .texte{
    width:550px;
}

.elementor-blocs-textes .bloc .texte p{
    margin-bottom:0;
}

.elementor-blocs-textes .bloc .icon {
    position:relative;
    width:45px;
    height:45px;
}

.elementor-blocs-textes .bloc .icon::before {
    content:'';
    width: 45px;
    height: 45px;
    background: var(--color-vert);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.elementor-blocs-textes .bloc .icon svg {
    width: 19px;
    height: 19px;
    z-index: 2;
    position: absolute;
    transform: rotate(315deg);
    top: 14px;
    left: 12px;
}

.elementor-blocs-textes .bloc .titre,
.elementor-blocs-textes .bloc .texte,
.elementor-blocs-textes .bloc .icon{
    z-index:1;
}



/* Scroll up */

#scroll_up.scroll_up-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 13px;
}


/* Breadcrumbs */

.page-header_breadcrumbs .breadcrumbs {
    text-transform: none !important;
}

.page-header_breadcrumbs .divider:not(:last-child)::before {
    content: "";
    transform: none !important;
    width:7px;
    height:15px;
    background: url(../img/a-blanc-2-vert.svg) no-repeat;
    background-size:7px;
}


/* Listes à puces */

.liste ul,
ul.liste{
	list-style: none;
	border-left: 3px solid var(--color-gris);
	margin-bottom: 0;
	margin-left: 0;
    padding-left: 36px;
    padding-top: 30px;
}

.liste ul li,
ul.liste li{
	margin-bottom: 1.8em;
	padding-left: 40px;
	position: relative;
}

.liste ul li::before,
ul.liste li::before{
	content: '';
	display: inline-block;
	background: var(--color-vert);
	width: 8px;
	height: 8px;
	border-radius: 1em;
	left: 0px;
	position: absolute;
	top: .5em;
}


/* Header */

.primary-nav > ul > li.menu-item-has-children > a > .menu-item__plus,
.primary-nav > ul > li.mega-menu.mega-cat > a > .menu-item__plus {
    display:none;
}

header .a2_header_cart{
    display: flex;
    align-items: center;
    letter-spacing: 0;
    position:relative;
    width:30px;
    height:30px;
}

header .a2_header_cart svg{
    width:29px;
    height:29px;
    transition:all .2s;
}

header .a2_header_cart svg path{
    fill:var(--color-vert);
}

header .a2_header_cart:hover svg path{
    fill:var(--color-bleu);
}

header .a2_header_cart .woo_mini-count{
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

header .a2_header_cart .woo_mini-count span {
    line-height: 1 !important;
    min-width: auto;
    font-size: 11px;
    font-weight: 700;
    padding: 0;
    position: absolute;
    right: -3px;
    top: -3px;
    color:var(--color-vert);
}

header .a2_header_cart:hover .woo_mini-count span {
    color:var(--color-bleu);
}

header .a2_header_cart .woo_mini-count::before{
    content:'';
    display:none;
}

.header_search.search_alt .header_search-field {
    background: #172657eb !important;
    backdrop-filter: blur(10px);
}

header .colonne-right svg path{
    transition:all .3s;
}


/* Footer */

#footer h3{
    margin-bottom:0;
}


/* Entête page de contenu */

.page-header::before {
    opacity: 1 !important;
    background: #0000005A !important;
}


/* Tableaux */

table.tablepress thead tr th{
    background-color:#fff;
    padding:15px 30px 30px 30px;
    text-transform:uppercase;
    color:var(--color-bleu);
    font-size:20px;
}

table.tablepress tbody tr td{
    color:var(--color-bleu) !important;
    padding:25px 30px;
    background-color:#fff !important;
    border:none !important;
}

table.tablepress thead tr th:nth-child(even),
table.tablepress tbody tr td:nth-child(even){
    color:var(--color-vert) !important;
}

table.tablepress tbody tr.even td{
    background-color:var(--color-gris) !important;
}


/* Slick sliders */

.slick-dotted.slick-slider{
    margin-bottom: 50px;
}

.slick-dots{
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: var(--color-bleu);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

#home_actualites .slick-track {
    display: flex !important;
}

#home_actualites .slick-slide {
    height: inherit !important;
}


/* Homepage */

#home_actualites .liste-posts{
    display:flex;
    gap:25px;
}

#home_actualites .liste-posts article{
    width:33%;
    border-bottom:2px solid #FFFFFF5C;
    position:relative;
    padding-bottom:40px;
    cursor:pointer;
}

#home_actualites .liste-posts article::after{
    content:'';
    display:block;
    position:absolute;
    bottom:-3px;
    left:0;
    height:4px;
    width:60px;
    background:var(--color-vert);
    transition:all .3s;
}

#home_actualites .liste-posts article:hover::after{
    width:100%;
}

#home_actualites .liste-posts article .post-thumbnail{
    position:relative;
    aspect-ratio:1 / 0.62;
    margin-bottom:35px;
    background: rgba(0,0,0,0.15);
}

#home_actualites .liste-posts article .post-thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
}

#home_actualites .liste-posts article .post-thumbnail .meta-categorie{
    position: absolute;
    left: 0;
    bottom: 0;
}

#home_actualites .liste-posts article .entry-title {
    text-transform:uppercase;
    font-size:24px;
    color:#fff;
}


/* Page sommaire */

#sommaire{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, calc((100% - 90px) / 4));
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 50px;
}

#sommaire .bloc{
    position: relative;
    aspect-ratio: 1 / 1.47;
    cursor:pointer;
    margin-bottom:30px;
}

#sommaire .bloc::after{
    content:'';
    display:block;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #00000033;
    z-index:2;
}

#sommaire .bloc img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    z-index:1;
}

#sommaire .bloc .titre{
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 80px;
    z-index:4;
    margin-bottom:0;
}

#sommaire .bloc .titre,
#sommaire .bloc .titre a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 37px;
    line-height: 1.2;
}

#sommaire .bloc .overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:transparent linear-gradient(180deg, #19A74524 0%, var(--color-vert) 100%) 0% 0% no-repeat padding-box;
    transition:all .3s;
    opacity:0;
    z-index:3;
    overflow:hidden;
}

#sommaire .bloc:hover .overlay {
    opacity:1;
}

#sommaire .bloc .overlay svg {
    position:absolute;
    width:22px;
    height:41px;
    right:17px;
    bottom:-41px;
    transition:all .3s;
}

#sommaire .bloc:hover .overlay svg {
    bottom:32px;
}

#sommaire .bloc:hover .overlay::before,
#sommaire .bloc:hover .overlay::after {
    content:'';
    position:absolute;
    width:32px;
    height:32px;
    background: url(../img/arrow-blanc.svg) no-repeat;
    transition:all .3s;
    transform:rotate(315deg);
}

#sommaire .bloc:hover .overlay::before {
    right:7px;
    top:7px;
}

#sommaire .bloc:hover .overlay::after {
    left:28px;
    bottom:25px;
}


/* Actualités : listing */

body.blog #main-content,
body.category #main-content{
    padding-bottom:75px;
}

.blog-post .blog-post_media .blog-post_media_part {
    margin-bottom:40px;
}

.blog-post .blog-post_media .blog-post_media_part img {
    aspect-ratio: 1 / 0.62;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-post.format-standard-image .blog-post_media .meta-data{
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.blog-post .meta-data .post_categories span a,
#related-posts a.meta-categorie,
#home_actualites .liste-posts article .post-thumbnail .meta-categorie{
    background: var(--color-vert);
    padding: 15px 20px 10px;
    color: #fff !important;
    display: inline-block;
    margin-right: 10px;
    font-size:17px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:1;
    letter-spacing:0;
}

.blog-post .meta-data .post_categories span:not(:last-child)::after {
    content: "";
    display: none;
}

.blog-post .blog-post_media .blog-post_media_part {
    margin-bottom:40px;
}

.blog-post.format-no_featured,
.blog-post.hide_media {
    border:1px solid var(--color-gris) !important;
}

.blog-post.format-no_featured .post_meta-wrap,
.blog-post.hide_media .post_meta-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-post.format-no_featured .blog-post_title,
.blog-post.hide_media .blog-post_title {
    margin-top:50px;
}

.blog-post .button-read-more{
    justify-content: center;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    min-width: 335px;
    min-height: 74px;
    border: 1px solid var(--color-bleu);
    color: var(--color-bleu);
}

.blog-post .button-read-more::before{
    display:none;
}

.blog-post .button-read-more::after{
    content:'';
    top: 0;
    left: 0;
    right:100%;
    bottom:0;
    opacity:0;
    transition:all .4s;
    background:var(--color-vert);
    position:absolute;
    z-index:-1;
}

.blog-post .button-read-more:hover{
    border:1px solid var(--color-vert);
    color:#fff;
}

.blog-post .button-read-more:hover::after{
    right:0;
    opacity:1;
}

.wgl-pagination .flaticon-right::before{
    content: "\f112" !important;
}

.wgl-pagination{
    margin-top:50px;
}

.wgl-pagination .page .page-numbers{
    font-size:26px;
    font-weight:400;
    height:70px;
    min-width:70px;
    line-height:70px;
    border-radius:50%;
}

.wgl-pagination .page .page-numbers.current{
    background-color:var(--color-vert);
    border-color:var(--color-vert);
}

.wgl-pagination .page .prev{
    margin-right:50px;
}

.wgl-pagination .page .next{
    margin-left:50px;
}


/* Actualités : single */

.single_post_info {
    justify-content: end;
    border-bottom: 1px solid var(--color-gris);
    flex-direction: row !important;
}

.single_post_info .share_post-container .share_link > span {
    font-size: 20px;
    color:var(--color-bleu);
}

.single_post_info .share_post-container .share_link.share_facebook {
    margin-top:-2px;
}

body.single-post div.post_featured_bg .blog-post_bg_media {
    background-position: 50% 50% !important;
}

div.post_featured_bg .meta_wrapper {
    margin-bottom:30px;
}

div.post_featured_bg .blog-post .blog-post_title {
    font-size: 60px;
    line-height: 1.07;
}

.itconf-post-navigation .prev-link_wrapper .prev_title-info_wrap,
.itconf-post-navigation .next-link_wrapper .next_title-info_wrap{
    color:var(--color-vert);
}

.itconf-post-navigation .prev-link_wrapper .prev_title-info,
.itconf-post-navigation .next-link_wrapper .next_title-info{
    text-transform: capitalize;
    letter-spacing: 0;
}

.itconf-post-navigation .prev-link_wrapper .info_wrapper .prev_title,
.itconf-post-navigation .prev-link_wrapper .info_wrapper .next_title,
.itconf-post-navigation .next-link_wrapper .info_wrapper .prev_title,
.itconf-post-navigation .next-link_wrapper .info_wrapper .next_title {
    margin-top: 20px;
}

.itconf-post-navigation .flaticon-right::before {
    content: "\f112" !important;
}

.itconf-post-navigation .prev-link_wrapper .link-icon,
.itconf-post-navigation .next-link_wrapper .link-icon {
    font-size:12px;
}

.itconf-post-navigation .prev-link_wrapper .info_wrapper > a .flaticon {
    margin-right: 15px;
    margin-top: -3px;
}

.itconf-post-navigation .next-link_wrapper .info_wrapper > a .flaticon {
    margin-left: 15px;
}

body.single-post #related-posts{
    margin-top: 130px;
    padding-bottom: 125px;
}

body.single-post #related-posts .titre-section{
    margin-bottom:50px;
    position:relative;
}

body.single-post #related-posts .titre-section svg{
    width:22px;
}

body.single-post #related-posts .titre-section h2{
    text-transform: uppercase;
}

body.single-post #related-posts .titre-section h2 .green{
    color:var(--color-vert);
}

body.single-post #related-posts .liste-posts{
    display:flex;
    gap:25px;
}

body.single-post #related-posts .liste-posts article{
    width:50%;
    border-bottom:2px solid var(--color-gris);
    position:relative;
    padding-bottom:40px;
    cursor:pointer;
}

body.single-post #related-posts .liste-posts article::after{
    content:'';
    display:block;
    position:absolute;
    bottom:-3px;
    left:0;
    height:4px;
    width:60px;
    background:var(--color-vert);
    transition:all .3s;
}

body.single-post #related-posts .liste-posts article:hover::after{
    width:100%;
}

body.single-post #related-posts .liste-posts article .post-thumbnail{
    position:relative;
    aspect-ratio:1 / 0.62;
    margin-bottom:35px;
    background: var(--color-bleu);
}

body.single-post #related-posts .liste-posts article .post-thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
}

body.single-post #related-posts .liste-posts article .post-thumbnail .meta-categorie{
    position: absolute;
    left: 0;
    bottom: 0;
}

body.single-post #related-posts .liste-posts article .entry-title {
    text-transform:uppercase;
    font-size:24px;
}



/* Actualités : sidebar */

.sidebar .widget:not(:first-child) {
    margin-top: 40px;
    padding-top:0;
}

.sidebar .title-wrapper .title{
    font-size:24px;
    color:var(--color-bleu);
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0;
}

.sidebar-linkedin {
    background: var(--color-bleu);
    padding: 45px 35px;
    display: flex;
    justify-content:space-between;
}

.sidebar-linkedin .icon-a2 {
    width:22px;
    padding-top:8px;
}

.sidebar-linkedin .inner{
    max-width:300px;
}

.sidebar-linkedin .texte{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 1.5;
}

.sidebar-linkedin .icon-linkedin{
    background: var(--color-vert);
    display:flex;
    width:62px;
    height:62px;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
}

.sidebar-linkedin .icon-linkedin svg{
    width:25px;
    height:25px;
}

.sidebar .widget_categories{
    padding-top:10px !important;
    padding-bottom:10px;
    padding-left:30px;
    border-left:4px solid var(--color-gris);
}

.sidebar .widget_categories .title-wrapper .title{
    color:var(--color-vert);
}

.sidebar .widget_categories ul{
    list-style:disc;
    padding-left: 15px;
}

.sidebar .widget_categories ul li{
    padding: 3px 0 3px 15px;
}

.sidebar .widget_categories ul li a{
    color:var(--color-bleu);
    font-weight:400;
    font-size:17px;
}

.sidebar .widget_categories ul li a:hover{
    opacity:.5;
}

.sidebar .widget_categories ul li a .post_count{
    color:var(--color-bleu);
    font-size:13px;
}

.sidebar .widget_categories ul li.current-cat a,
.sidebar .widget_categories ul li.current-cat a .post_count{
    color:var(--color-vert);
}

.sidebar .widget .recent-posts-widget li:not(:first-child) {
    margin-top: 21px;
}

.sidebar .widget .recent-posts-widget .recent-posts-image_wrapper {
    width: 93px;
    height: 95px;
    flex-shrink: 0;
}

.sidebar .widget .recent-posts-widget li img {
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar .widget .recent-posts-widget .post__title {
    font-size: 17px;
    line-height: 1.2;
}



/* Boutique : Archive */

#texte_boutique{
    display:flex;
    justify-content:center;
    padding-bottom:60px;
    margin-top:90px;
}

#texte_boutique .content{
    width: 940px;
    max-width:100%;
}

#texte_boutique h2, #texte_boutique h3, #texte_boutique h4 {
    text-transform:uppercase;
    margin-bottom:25px;
}

.widget_product_search .woocommerce-product-search .search__icon {
    color: var(--color-vert);
}

.woocommerce .title-wrapper .title {
    color: var(--color-vert);
}

.widget_product_categories ul.product-categories {
    list-style-type: disc;
    padding-left: 15px;
}

.widget_product_categories ul.product-categories li {
    padding: 3px 0 3px 15px;
}

.widget_product_categories ul.product-categories li,
.widget_product_categories ul.product-categories li a {
    font-weight:400;
    color: var(--color-bleu);
    font-size:17px;
}

.widget_product_categories ul.product-categories li a:hover {
    opacity:.5;
}

.woocommerce .woocommerce-result-count {
    display:none;
}

.wgl-woocommerce-sorting {
    justify-content: end;
}

div.wgl-products .woocommerce-loop-product__title,
.woocommerce .products div.wgl-products .woocommerce-loop-product__title {
    font-weight:bold;
    text-align: left;
    font-size:24px;
}

div.wgl-products div.product .price,
.woocommerce .products div.wgl-products div.product .price {
    font-weight:400;
    color: var(--color-vert);
    font-size:22px;
}

div.wgl-products div.product .picture img{
    aspect-ratio: 1 / 1.29;
    object-fit:cover;
}

div.wgl-products div.product a.button,
div.wgl-products div.product a.button:hover,
div.wgl-products div.product a.button:focus{
    background-color:var(--color-vert);
    color:#fff;
    text-transform:uppercase;
    border:0;
    padding-top:29px;
    padding-bottom:25px;
}

div.wgl-products div.product a.button::before,
div.wgl-products div.product a.button::after{
    display:none;
}

.woocommerce-pagination .flaticon-right::before{
    content: "\f112" !important;
}

.woocommerce-pagination{
    margin-top:75px !important;
}

.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers{
    font-size:26px !important;
    font-weight:400 !important;
    height:70px !important;
    min-width:70px !important;
    line-height:70px !important;
    border-radius:50% !important;
}

.woocommerce-pagination .page-numbers.current{
    background-color:var(--color-vert) !important;
    border-color:var(--color-vert) !important;
}

.woocommerce-pagination .prev{
    margin-right:50px !important;
}

.woocommerce-pagination .next{
    margin-left:50px !important;
}



/* Boutique : single */

.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    width:45%;
    max-width: 641px !important;
}

.woocommerce div.product div.summary, 
.woocommerce #content div.product div.summary, 
.woocommerce-page div.product div.summary, 
.woocommerce-page #content div.product div.summary {
    max-width: 698px;
}




/* RESPONSIVE */

@media screen and (min-width: 500px){
	
}

@media screen and (min-width: 576px){
	
}

@media screen and (min-width: 768px){
	
}

@media screen and (min-width: 1025px){
	
}

@media screen and (min-width: 1200px){
	
}

@media screen and (min-width: 1500px){
	body.single-post #main-content{
        padding-right:130px;
    }
}

@media screen and (min-width: 1600px){
	body.single-post #related-posts .titre-section svg{
        position: absolute;
        left: -70px;
        top: 10px;
    }
}

@media screen and (min-width:1920px){
	.duplicate-title::after {
        background: url(../img/a-blanc-2-vert.svg) no-repeat 0 30px, linear-gradient(to right, transparent 98px, var(--color-bleu) 265px);
        background-size: 22px, auto;
    }
    body.single-post #related-posts .titre-section svg{
        left: -100px;
    }
}

@media screen and (max-width:1919px){
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre{
        left: 30px;
        right: 30px;
    }
    #sommaire .bloc .titre,
	.elementor-blocs-images .bloc .titre,
    .elementor-blocs-images .bloc .titre a{
        font-size: 30px;
    }
}

@media screen and (max-width:1599px){
    body.single-post #related-posts .titre-section {
        display: flex;
        gap: 30px;
    }
}

@media screen and (max-width:1499px){
    .elementor-blocs-images{
        gap: 20px;
    }
    #sommaire {
        grid-template-columns: repeat(auto-fill, calc((100% - 60px) / 4));
        padding-left: 20px;
        padding-right: 20px;
    }
    #sommaire .bloc {
        margin-bottom: 20px;
    }
    #sommaire .bloc .titre
	.elementor-blocs-images .bloc .titre{
        left: 20px;
        right: 20px;
    }
    #sommaire .bloc .titre,
	.elementor-blocs-images .bloc .titre,
    .elementor-blocs-images .bloc .titre a{
        font-size: 24px;
    }
    .elementor-blocs-textes .bloc .titre{
        font-size: 20px;
    }
    .sidebar-linkedin .inner {
        max-width: 250px;
    }
    .sidebar-linkedin .texte {
        font-size: 24px;
    }
}

@media screen and (max-width: 1199px){

	.mobile_nav_wrapper .wgl-menu_overlay,
    .wgl-menu_outer {
        top:80px;
    }
    .mobile_nav_wrapper .wgl-menu-outer_header{
        display:none;
    }
    .mobile_nav_wrapper .wgl-menu_overlay{
        backdrop-filter: blur(10px);
    }
    .duplicate-title::before {
        right: calc(100% + 28px - 145px);
    }
    #sommaire .bloc .overlay svg,
    .elementor-blocs-images .bloc .overlay svg {
        width:13px;
        height:30px;
        right:10px;
        bottom:-30px;
        transition:all .3s;
    }
    #sommaire .bloc:hover .overlay svg,
    .elementor-blocs-images .bloc:hover .overlay svg {
        bottom:12px;
    }
    #sommaire .bloc:hover .overlay::before,
    #sommaire .bloc:hover .overlay::after,
    .elementor-blocs-images .bloc:hover .overlay::before,
    .elementor-blocs-images .bloc:hover .overlay::after {
        width:18px;
        height:18px;
    }
    #sommaire .bloc:hover .overlay::before,
    .elementor-blocs-images .bloc:hover .overlay::before {
        right:7px;
        top:7px;
    }
    #sommaire .bloc:hover .overlay::after,
    .elementor-blocs-images .bloc:hover .overlay::after {
        left:10px;
        bottom:15px;
    }
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre{
        bottom: 45px;
    }
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre,
    .elementor-blocs-images .bloc .titre a{
        font-size: 18px;
    }
    .elementor-blocs-textes .bloc{
        padding:50px 35px 50px 25px;
    }
    .elementor-blocs-textes .bloc .titre{
        font-size: 18px;
    }
    body.blog main#main .wgl-container,
    body.category main#main .wgl-container,
    body.single-post main#main .wgl-container{
        width:1064px;
    }
    .sidebar-linkedin .inner {
        max-width: 210px;
    }
    .sidebar-linkedin .texte {
        font-size: 20px;
    }
    .sidebar-linkedin .icon-a2 {
        width: 15px;
        padding-top:5px;
    }
    div.post_featured_bg .blog-post .blog-post_title {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px){
    #sommaire {
        grid-template-columns: repeat(auto-fill, calc((100% - 40px) / 3));
    }
	.elementor-blocs-images .bloc{
        width:35vw;
    }
    .a2-before .wgl-double-heading .dblh__title-wrapper{
        padding-left: 50px !important;
    }
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre,
    .elementor-blocs-images .bloc .titre a{
        font-size: 22px;
    }
    #home_actualites .liste-posts article{
        width:35vw;
    }
    #home_actualites .liste-posts.slick-slider{
        margin-right:-30px;
    }
    #home_actualites .liste-posts.slick-slider article{
        margin-right:10px;
    }
    .sidebar-linkedin {
        justify-content: start;
        gap: 25px;
    }
}

@media screen and (max-width: 767px){
    .page-header_content .page-header_title {
        font-size: 30px !important;
        line-height: 44px !important;
    }
    .page-header_content .page-header_breadcrumbs {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    .duplicate-title::before {
        width: calc(100% + 26px - 70px);
        right: calc(100% + 16px - 70px);
        top: 0;
        background: url(../img/a-blanc-2-vert.svg) no-repeat right 18px, linear-gradient(to left, transparent 98px, var(--color-bleu) 265px);
        background-size: 10px, auto;
    }
    .duplicate-title::after {
        width: calc(100% + 26px);
        height: 100%;
        left: calc(100% + 16px);
        top: 0;
        background: url(../img/a-blanc-2-vert.svg) no-repeat 0 18px, linear-gradient(to right, transparent 78px, var(--color-bleu) 235px);
        background-size: 10px, auto;
    }
    .duplicate-title h2::before {
        right: calc(100% + 45px);
    }
    .duplicate-title h2::after {
        left: calc(100% + 45px);
    }
    .a2-before .wgl-double-heading .dblh__title-wrapper{
        padding-left: 0px !important;
        padding-top:40px !important;
    }
    .a2-before .wgl-double-heading .dblh__title-wrapper::before{
        width:13px;
        height:25px;
    }
    .liste ul,
    ul.liste{
        padding-left: 14px;
        padding-top: 20px;
    }
    .liste ul li,
    ul.liste li{
        padding-left: 19px;
    }
    .liste ul li::before,
    ul.liste li::before{
        width: 5px;
        height: 5px;
    }
    table.tablepress thead tr th{
        font-size:17px;
    }
    #sommaire {
        grid-template-columns: repeat(auto-fill, calc((100% - 20px) / 2));
    }
    .elementor-liste-docs .doc{
        padding:20px 25px 10px 25px;
    }
    .elementor-liste-docs .doc .icon{
        width:30px;
    }
    .elementor-liste-docs .doc .icon svg{
        margin-top:3px;
    }
    .elementor-liste-docs .doc .inner{
        align-items:start;
        gap:27px;
    }
    .elementor-liste-docs .doc .titre{
        margin-bottom:3px;
    }
    .elementor-liste-docs .doc .titre a{
        font-size:17px;
    }
    .elementor-liste-docs .doc .infos-fichier{
        font-size:14px;
    }
    .elementor-liste-docs .doc .link{
        display:none;
    }
    .elementor-blocs-images .bloc{
        width:51vw;
    }
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre,
    .elementor-blocs-images .bloc .titre a{
        font-size: 17px;
    }
    #sommaire .bloc .titre,
    .elementor-blocs-images .bloc .titre{
        left: 15px;
        right: 15px;
    }
    .elementor-blocs-textes .bloc{
        display:block;
        padding:23px 10px;
    }
    .elementor-blocs-textes .bloc .titre{
        width:100%;
        text-align:center;
        font-size: 17px;
        line-height:1.4;
    }
    .elementor-blocs-textes .bloc .texte,
    .elementor-blocs-textes .bloc .icon{
        display:none;
    }
    .sidebar .title-wrapper .title {
        font-size: 17px;
    }
    .sidebar-linkedin {
        padding: 20px 15px;
        gap: 50px;
    }
    .sidebar-linkedin .icon-linkedin {
        width: 38px;
        height: 38px;
        margin-top: 10px;
    }
    .sidebar-linkedin .icon-linkedin svg {
        width: 15px;
        height: 15px;
    }
    .sidebar .widget_categories ul li a {
        font-size: 14px;
    }
    .sidebar .widget_categories ul li a .post_count {
        font-size: 10px;
    }
    .sidebar .widget .recent-posts-widget .post__title {
        font-size: 14px;
    }
    body.blog #main-content, body.archive #main-content {
        padding-bottom: 20px;
      }
    .blog-post .meta-data .post_categories span a,
    body.single-post #related-posts .liste-posts article .post-thumbnail .meta-categorie,
    #home_actualites .liste-posts article .post-thumbnail .meta-categorie{
        padding: 12px 10px 8px;
        font-size:10px;
    }
    .blog-post .button-read-more {
        min-height: 50px;
        font-size: 15px;
        width: 100%;
    }
    .blog-post.format-no_featured .blog-post_title, .blog-post.hide_media .blog-post_title {
        margin-top: 30px;
    }
    .blog-post .blog-post_media .blog-post_media_part {
        margin-bottom: 20px;
    }
    .blog-style-standard .blog-post_footer {
        margin-top: 10px;
    }
    .blog-posts-list + .wgl-pagination {
        margin-bottom: 0;
        padding-bottom:0;
    }
    .wgl-pagination .page .page-numbers {
        font-size: 18px;
        height: 50px;
        min-width: 50px;
        line-height: 50px;
    }
    .wgl-pagination .page .next{
        margin-left:20px;
    }
    .wgl-pagination .page.parent-next{
        float:right;
    }
    .wgl-pagination .page .prev{
        margin-right:20px;
    }
    .wgl-pagination .page.parent-prev{
        float:left;
    }
    .wgl-pagination.ul-prev{
        text-align:right;
    }
    body.single-post div.post_featured_bg{
        margin-bottom:0 !important;
    }
    div.post_featured_bg .blog-post .blog-post_title {
        font-size: 20px;
        margin-bottom:0;
    }
    div.post_featured_bg .blog-post .page-header_breadcrumbs{
        display:none;
    }
    .itconf-post-navigation .prev-link_wrapper .prev_title-info,
    .itconf-post-navigation .next-link_wrapper .next_title-info{
        font-size:14px !important;
    }
    .itconf-post-navigation .prev-link_wrapper .info_wrapper .prev_title,
    .itconf-post-navigation .prev-link_wrapper .info_wrapper .next_title,
    .itconf-post-navigation .next-link_wrapper .info_wrapper .prev_title,
    .itconf-post-navigation .next-link_wrapper .info_wrapper .next_title {
        font-size:14px !important;
        line-height:1.2 !important;
        margin-top: 10px;
    }
    .itconf-post-navigation .prev-link_wrapper .link-icon,
    .itconf-post-navigation .next-link_wrapper .link-icon {
        font-size: 10px;
    }
    body.single-post #related-posts {
        margin-top: 50px;
        padding-bottom:40px;
    }
    body.single-post #related-posts .titre-section {
        margin-bottom: 20px;
        display:block;
    }
    body.single-post #related-posts .titre-section svg {
        width: 13px;
    }
    body.single-post #related-posts .liste-posts article {
        padding-bottom: 20px;
    }
    body.single-post #related-posts .liste-posts article .post-thumbnail {
        margin-bottom: 20px;
    }
    #home_actualites .liste-posts article .entry-title,
    body.single-post #related-posts .liste-posts article .entry-title {
        font-size:17px;
        line-height:1.2;
    }
}

@media screen and (max-width: 575px){
	.page-header {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        min-height: 55vw !important;
        align-items: center;
        flex-direction: column;
        margin-bottom:0 !important;
    }
    .page-header .page-header_content {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .page-header.page-header_align_center .page-header_content {
        align-items: center;
    }
    main#main{
        padding: 20px 0 0 0 !important;
    }
    main .sidebar > :last-child {
        margin-bottom: 20px;
    }
    #sommaire .bloc .titre{
        font-size: 14px;
        left: 13px;
        right: 13px;
        bottom:40px;
    }
    .sidebar .widget:not(:first-child) {
        margin-top: 30px;
    }
    .single-post .post_featured_bg > .blog-post {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
        min-height: 55vw;
        display: flex;
        justify-content: end;
        align-items: end;
    }
    div.post_featured_bg > .blog-post .single_meta {
        width:100%;
    }
    .single-post .post_featured_bg > .blog-post .wgl-container {
        width:100% !important;
    }
    div.post_featured_bg .meta_wrapper {
        margin-bottom: 15px;
    }
    #home_actualites .liste-posts article,
    body.single-post #related-posts .liste-posts article {
        width:70vw;
    }
    body.single-post #related-posts.one-post .liste-posts article {
        width:100%;
    }
    body.single-post #related-posts .liste-posts.slick-slider{
        margin-right:-30px;
    }
    body.single-post #related-posts .liste-posts.slick-slider article{
        margin-right:10px;
    }
}

@media screen and (max-width: 500px){
    
}

@media screen and (max-width: 450px){
    .wgl-menu_outer {
        width: calc(100% - 100px);
    }
}