/*
 Version: 1.0.16
*/

/*
CONTENTS:
1. GLOBAL
	1.1 Theme Colour Variables
	1.2 Local Icons
	1.3 Layout
	1.4 Headings
	1.5 Text
	1.6 Images
	1.7 Links + Buttons
	1.8 Lists
	1.9 Misc
2. HEADER
    2.1 Logo
    2.2 Lang switcher
    2.3 Header Menu
3. FOOTER
4. COMPONENTS
    4.1 Language Switcher
    4.2 Category Tag
    4.3 Breadcrumb
    4.4 BB Post Navigation
    4.5 PP Image/Photo Gallery
    4.6 PP Content Grid > Global
    4.7 Posts Grid > Global
    4.8 Posts Carousel > Global
    4.9 Posts Grid > Services / Recrutement
    4.10 Posts Grid > Equipes
    4.11 Posts Grid > Bureaux
    4.12 Posts Grid > Actualités
    4.13 PP Google Map
    4.14 WP Gridbuilder
    4.15 Piotnet Forms
5. HOME
6. SERVICES
7. EQUIPES
    6.1 Langues
8. BUREAUX
9. RECRUTEMENT
10. GDPR COOKIE CONSENT (WebToffee CookieYes)
	7.1 Modal banner
	8.2 Modal button
11. STYLES TEMPLATE
*/


/*////////////////////////////////////////////*/
/* 1. GLOBAL */
/*////////////////////////////////////////////*/

/* ---------------------- */
/* THEME COLOUR VARIABLES */
/* ---------------------- */

:root {
    --blue: #4399ae;
    --light-blue: #c7dce0;
	--orange: #f55f28;
	
	--gold: #af9632;
	--green: #75983e;
	--brown: #c2812f;
	--violet: #af67a7;

    --gray-extra-dark: #201f22;
	--gray-dark: #4d4d4d;
	--gray: #898684;
	--gray-light: #ccc;
	--gray-extra-light: #e6e6e6;
	--gray-ultra-light: #f2f2f2;

	--error: #ca228e;
}

/* ----------------------------------- */
/* LOCAL ICONS */
/* ----------------------------------- */

[class^="vid-icon-"], 
[class*=" vid-icon-"] {
	display: inline-block;
}

/*---------------------------*/
/* LAYOUT */
/*---------------------------*/

/* DEV */ 

/*body:not(.fl-builder) #fl-main-content > [class*="fl-content"] > .row > .fl-content,
#fl-main-content .fl-builder-content > .fl-row:first-of-type > .fl-row-content-wrap, 
.archive #fl-main-content > .container > .row > .fl-content {
    padding-top: 100px;
}*/

/* --- RESPONSIVE --- */

/*@media (max-width: 1080px) {
    body:not(.fl-builder) #fl-main-content > [class*="fl-content"] > .row > .fl-content,
    #fl-main-content .fl-builder-content > .fl-row:first-of-type > .fl-row-content-wrap, 
    .archive #fl-main-content > .container > .row > .fl-content {
        padding-top: 60px;
    }
}
@media (max-width: 810px) {
    body:not(.fl-builder) #fl-main-content > [class*="fl-content"] > .row > .fl-content,
    #fl-main-content .fl-builder-content > .fl-row:first-of-type > .fl-row-content-wrap, 
    .archive #fl-main-content > .container > .row > .fl-content {
        padding-top: 30px;
    }
}*/

/* END DEV */ 

/*---------------------------*/
/* HEADINGS */
/*---------------------------*/

html h1, 
html h2, 
html h3, 
html h4, 
html h5, 
html h6 {
	margin-top: 0;
	margin-bottom: .5em;
}
html .fl-rich-text * + h2, 
html .fl-rich-text * + h3, 
html .fl-rich-text * + h4, 
html .fl-rich-text * + h5, 
html .fl-rich-text * + h6 {
	margin-top: 1.5em;
}

.vid-small-hn h2 {
	font-size: 23px;
}
h2 .vid-blue, 
h3 {
    color: var(--blue);
}
h2 .vid-black, 
h3 {
    color: black;
}
.vid-intro-header {
    font-size: 32px;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: black !important;
}
.vid-intro-header + h2, 
html .fl-rich-text .vid-intro-header + h2 {
    margin-top: 0;  
}

.vid-heading-small h2 {
    font-size: 20px;
}
.vid-heading-small h3 {
    font-size: 15px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.vid-small-hn h2 {
		font-size: 21px;
	}
    .vid-intro-header {
        font-size: 24px;
    }
    .vid-heading-small h2 {
        font-size: 17px;
    }
    .vid-heading-small h3 {
        font-size: 13px;
    }
}
@media (max-width: 810px) {
	.vid-small-hn h2 {
		font-size: 19px;
	}
    .vid-intro-header {
        font-size: 16px;
    }
    .vid-heading-small h2 {
        font-size: 13px;
    }
    .vid-heading-small h3 {
        font-size: 11px;
    }
}

/*---------------------------*/
/* TEXT */
/*---------------------------*/

p {
	margin-bottom: 1em;
}
em {
    font-family: "Metropolis Italic";
}
small {
	font-weight: inherit;
}
.vid-text-big {
	font-size: 20px;
}
.vid-title-text {
	font-size: 175%;
	font-weight: 700; 
}
.vid-no-margin-b p, 
p.vid-no-margin-b {
    margin-bottom: 0;
}
.vid-txt-separator::before, 
.vid-txt-separator::before {
    content: "|";
    margin: 0 .5em;
    color: var(--gray-extra-light);
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-text-big {
    	font-size: 17px;
    }
}
@media (max-width: 810px) {
    .vid-text-big {
    	font-size: 15px;
    }
}

/*---------------------------*/
/* IMAGES */
/*---------------------------*/

.alignnone {
	margin: 0;
}

/*---------------------------*/
/* LINKS + BUTTONS */
/*---------------------------*/

a, 
a .fl-heading-text, 
input[type="submit"], 
button, 
input[type=button], 
input[type=submit] {
	transition: all .2s ease-out;
}
a[href^=tel], 
.fl-rich-text h1 a, 
.fl-rich-text h2 a, 
.fl-rich-text h3 a, 
.fl-rich-text h4 a, 
.fl-rich-text h5 a, 
.fl-rich-text h6 a {
	color: var(--blue);
}
a[href^=tel]:hover, 
.fl-rich-text h1 a:hover, 
.fl-rich-text h2 a:hover, 
.fl-rich-text h3 a:hover, 
.fl-rich-text h4 a:hover, 
.fl-rich-text h5 a:hover, 
.fl-rich-text h6 a:hover, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h1.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h2.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h3.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h4.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h5.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col [data-node]:not(.vid-white-link) h6.fl-heading a:hover .fl-heading-text {
	color: black;
}
.fl-row .fl-col .vid-white-link h1.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col .vid-white-link h2.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col .vid-white-link h3.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col .vid-white-link h4.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col .vid-white-link h5.fl-heading a:hover .fl-heading-text, 
.fl-row .fl-col .vid-white-link h6.fl-heading a:hover .fl-heading-text {
    color: rgba(255,255,255,.75);
}
a:hover, 
a:focus, 
a:active, 
a:visited {
	/*text-decoration: none;*/
	outline: none;
}

.fl-page-content button, 
.fl-page-content input[type=button], 
.fl-page-content input[type=submit] {
    padding: 11px 15px;
    background-color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--blue);
    border-color: var(--blue);    
}
.fl-page-content button.piotnetforms-button {
    padding: initial;
}
.fl-page-content button:hover, 
.fl-page-content input[type=button]:hover, 
.fl-page-content input[type=submit]:hover {
    color: black;
    border-color: black;    
}

#fl-to-top {
	right: 40px;
	bottom: 30px;
    background-color: rgba(67,153,174, .5);
	border-radius: 5px;
}
#fl-to-top:hover {
    background-color: rgba(67,153,174, .7);
}
#fl-to-top i {
    top: 14px;
}
#fl-to-top i.fas.fa-chevron-up::before {
    content: "\e900";
    font-family: "Vidon-Icons";
    font-style: normal;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .fl-page-content button, 
    .fl-page-content input[type=button], 
    .fl-page-content input[type=submit] {
        padding: 9px 13px;
    }
	#fl-to-top {
		right: 30px;
	}
}
@media (max-width: 810px) {
    .fl-page-content button, 
    .fl-page-content input[type=button], 
    .fl-page-content input[type=submit] {
        padding: 7px 12px;
    }
	#fl-to-top {
		right: 25px;
	}
}
@media (max-width: 468px) {
	#fl-to-top {
		bottom: 10px;
		right: 10px;
		width: 36px;
		height: 36px;
	}
	#fl-to-top i {
		top: 10px;
		left: 11px;
	}
}

/*---------------------------*/
/* LISTS */
/*---------------------------*/

ul, ol {
	margin-bottom: 1em;
	padding-left: 2em;
}
#fl-main-content .fl-rich-text ul li::marker {
    color: var(--blue);
    font-size: 1.1em;
    line-height: 0;
}
/*#fl-main-content .fl-rich-text ul {
    list-style: none;
}*/
/*#fl-main-content .fl-rich-text ul li::before {
    content: "";
    background-color: var(--blue);
    display: inline-block;
    position: absolute;
    margin-top: .6em;
    width: .3em;
    height: auto;
    aspect-ratio: 1/1;
    margin-left: -1em;
}*/
/*#fl-main-content .fl-rich-text ul li::before {
    content: "\25AA";
    color: var(--blue);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}*/
ul ul, 
ol ul, 
ul ol, 
ol ol, 
ul > li, 
ol > li {
	margin-bottom: .35em;
}
ul ul li, 
ol ol li, 
ul ol li, 
ol ul li {
	margin-bottom: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 468px) {
    ul, ol {
    	padding-left: 2em;
    }
}

/* ---------------------- */
/* MISC */
/* ---------------------- */

hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid var(--gray-extra-light);
}
.overflow-hidden {
    overflow: hidden;
}
form label {
    margin-bottom: 0;
}


/*/////////////////////////////////////////////////////*/
/* 2. HEADER */
/*/////////////////////////////////////////////////////*/

header {
    position: relative;
    z-index: 10;
}
header > div > div > div > .fl-col-group {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
header > div > div > div > .fl-col-group::before, 
header > div > div > div > .fl-col-group::after {
    display: none;
}
header > div > div > div > .fl-col-group > .fl-col {
    flex: 1 0 auto;
    width: auto !important;
}

/* ---------------------- */
/* LOGO */
/* ---------------------- */

header.fl-builder-content[data-shrink="1"] .vid-logo .fl-photo-content {
    width: auto;
}
header.fl-builder-content[data-shrink="1"]:not(.fl-theme-builder-header-shrink) .vid-logo img.fl-photo-img {
    width: 170px;
}
header.fl-builder-content[data-shrink="1"] .vid-logo .fl-photo-content a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 25px 30px 20px;
    background-color: white;
}
header.fl-builder-content[data-shrink="1"]:not(.fl-theme-builder-header-shrink) .vid-logo .fl-photo-content a {
    box-shadow: 0 30px 20px -20px rgba(0,0,0,.07);
}
header.fl-builder-content[data-shrink="1"]:not(.fl-theme-builder-header-shrink) .vid-logo .fl-photo-content a:hover {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.07);
}
header.fl-builder-content[data-shrink="1"].fl-theme-builder-header-shrink .vid-logo .fl-photo-content a {
    padding: 0 10px 10px 10px;
}
header.fl-builder-content[data-shrink="1"].fl-theme-builder-header-shrink .vid-logo img.fl-photo-img {
    max-height: 60px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    header.fl-builder-content[data-shrink="1"]:not(.fl-theme-builder-header-shrink) .vid-logo img.fl-photo-img {
        width: 150px;
    }
    header.fl-builder-content[data-shrink="1"] .vid-logo .fl-photo-content a {
        padding: 0 20px 25px 15px;
    }
}
@media (max-width: 810px) {
    header.fl-builder-content[data-shrink="1"]:not(.fl-theme-builder-header-shrink) .vid-logo img.fl-photo-img {
        width: 100px;
    }
    header.fl-builder-content[data-shrink="1"] .vid-logo .fl-photo-content a {
        padding: 0 15px 20px 12px;
    }
}

/* ---------------------- */
/* TOP BAR */
/* ---------------------- */

header.fl-theme-builder-header-shrink .vid-top-bar {
    display: none;
}
/*header.fl-theme-builder-header-shrink .vid-lang-switcher {
    display: none;
}*/

/* --- RESPONSIVE --- */

@media (max-width: 1000px) {
    header .vid-pivisu {
        display: none;
    }
}

/* ---------------------- */
/* HEADER MENU */
/* ---------------------- */

/* DEV */

/*
header .vid-menu .menu .pp-has-submenu:nth-child(3) .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}
.fl-node-16ejbvi5wlna,
.fl-node-16ejbvi5wlna .fl-module-content,
.fl-node-prx3kb92m8ga, 
.fl-node-prx3kb92m8ga .fl-module-content, 
.fl-node-prx3kb92m8ga .fl-module-content .menu-item-text {
    outline: 1px solid blue;
}
*/

/* END DEV */

header.fl-theme-builder-header-shrink .vid-menu .pp-advanced-menu .menu > li > a, 
header.fl-theme-builder-header-shrink .vid-menu .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
header .vid-menu .pp-advanced-menu .menu > li.current-menu-parent > a, 
header .vid-menu .pp-advanced-menu .menu > li.current-menu-ancestor > a, 
header .vid-menu .pp-advanced-menu .menu > li.current-menu-parent > .pp-has-submenu-container > a, 
header .vid-menu .pp-advanced-menu .menu > li.current-menu-ancestor > .pp-has-submenu-container > a, 
.pp-advanced-menu.off-canvas .menu > li.current-menu-parent > a, 
.pp-advanced-menu.off-canvas .menu > li.current-menu-ancestor > a, 
.pp-advanced-menu.off-canvas .menu > li.current-menu-parent > .pp-has-submenu-container > a, 
.pp-advanced-menu.off-canvas .menu > li.current-menu-ancestor > .pp-has-submenu-container > a {
    color: var(--blue);
}
header .vid-menu .pp-advanced-menu-mobile {
    justify-content: flex-end;
}

header .vid-menu .pp-advanced-menu .menu > li.vid-contact > a {
    margin-left: 10px;
    padding: 7px 15px;
    background-color: var(--gray-light);
    color:white;
    border-radius: 4px;
}
header .vid-menu .pp-advanced-menu .menu > li.vid-contact > a:hover, 
header .vid-menu .pp-advanced-menu .menu > li.vid-contact.current-menu-item > a {
    background-color: var(--blue);
}

.vid-menu .pp-advanced-menu .menu > li.current-menu-parent > a, 
.vid-menu .pp-advanced-menu .menu > li.current-menu-parent > .pp-has-submenu-container > a, 
.vid-menu .sub-menu > li.current-menu-parent > a, 
.vid-menu .sub-menu > li.current-menu-parent > .pp-has-submenu-container > a {
    color: var(--blue);
}

/* --- RESPONSIVE --- */

@keyframes header_delay { 
    from { opacity:0; } to { opacity:1; }
}
@keyframes submenu_fx { 
    from { opacity:0; } to { opacity:1; }
}
@keyframes submenu_item_fx { 
    from { top:50%; bottom:50%; } to { top:10px; bottom:10px; }
}

@media (min-width: 1001px) {
    
    header {
        opacity: 0;
        animation: .3s ease-out .5s forwards header_delay;
    }

    /* SUBMENU FX */ 
    
    header .vid-menu .sub-menu {
        animation: .2s ease-out forwards submenu_fx;
    }
    header .vid-menu .sub-menu .menu-item a {
        position: relative;
    }
    header .vid-menu .sub-menu .menu-item a:hover::before {
        content: "";
        position: absolute;
        left: 12px;
        display: block;
        width: 2px;
        background-color: var(--blue);
        animation: .3s ease-out forwards submenu_item_fx;
    }
    header .vid-menu .pp-advanced-menu .menu > li.vid-pivisu {
        display: none;
    }
    
}
@media (max-width: 1200px) {
    header .vid-menu .pp-advanced-menu .menu > li > a, 
    header .vid-menu .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
        padding-right: 9px;
        padding-left: 9px;
    }
}
@media (max-width: 1000px) {
    header .bb-flexbox.fl-col.fl-node-nt3cki5hebla > .fl-col-content {
        flex-direction: row;
    }
    header .bb-flexbox.fl-col.fl-node-nt3cki5hebla > .fl-col-content, 
    header .bb-flexbox.fl-col.fl-node-eoctakxy2b5z > .fl-col-content{
        align-items: center;
    }
}
@media (max-width: 1023px) {
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas {
        text-align: left;
    }
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas .sub-menu > li > a, 
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a {
        padding: 6px 20px;
    }
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas .sub-menu {
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 15px;
        background-color: transparent;
        border-top: 1px solid var(--light-blue);
        border-bottom: 1px solid var(--light-blue);
    }
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-menu-toggle:before, 
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas .pp-toggle-none .pp-menu-toggle:before {
        border-color: var(--blue);
    }
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas li.vid-pivisu > a {
        display: inline-block;
        margin: 20px 0 0 10px;
        padding: 6px 12px 4px;
        background-color: var(--blue);
        border-radius: 4px;
        font-family: Metropolis, Georgia, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.2;
        color: white;
    }
    div[class*="fl-node-"] .pp-advanced-menu.off-canvas li.vid-pivisu > a:hover {
        background-color: black;
    }
    
}


/*/////////////////////////////////////////////////////*/
/* 3. FOOTER */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* MENU */
/* ---------------------- */

header .vid-menu .menu-item.vid-footer, 
footer .vid-menu .menu-item.vid-header {
    display: none;
}
footer .vid-menu .pp-menu-nav > ul > li, 
footer .vid-menu .pp-advanced-menu  .pp-menu-nav > ul > li {
    margin-bottom: 1em;
}
footer .vid-menu .pp-advanced-menu .pp-has-submenu-container a > span {
    padding-right: 0;
}

/* --- RESPONSIVE --- */

@media (min-width: 811px) {
    footer .vid-menu .pp-menu-nav > ul {
        columns: 3;
        column-gap: 40px;
    }
    footer .vid-menu .pp-menu-nav > ul > li > ul {
        break-before: avoid;
        break-inside: avoid-column;
    }
    footer .vid-menu .pp-menu-nav > ul > li:nth-child(6) {
        break-after: avoid-column;
    }
}
@media (max-width: 1080px) {
    footer .vid-menu .pp-menu-nav > ul {
        column-gap: 20px;
    }
}

/* ---------------------- */
/* CONTACT */
/* ---------------------- */

footer .vid-contact .pp-infobox {
    padding: 10px 30px;
}
footer .vid-contact .pp-infobox-title-wrapper .pp-infobox-title {
    margin-top: 5px;
}

/* --- RESPONSIVE --- */

@media (min-width: 811px) {
    footer .vid-contact .pp-infobox {
        max-width: 200px;
    }
}
@media (max-width: 1080px) {
    footer .vid-contact .pp-infobox {
        padding: 10px 20px;
    }
}
@media (max-width: 810px) {
    footer .vid-contact .fl-module-content {
        text-align: center;
    }
    footer .vid-contact .pp-infobox-wrap {
        display: inline-block;
        margin-right: auto;
        margin-left: auto;
    }
    footer .vid-contact .pp-infobox {
        display: flex;
        align-items: center;
        padding: 8px 15px;
    }
    footer .vid-contact .pp-icon-wrapper {
        margin-right: 10px;
        line-height: 1;
    }
    footer .vid-contact .pp-infobox-title-wrapper .pp-infobox-title {
        margin: 0;
    }
}

/* ---------------------- */
/* BOTTOM BAR */
/* ---------------------- */

footer .vid-bottom-bar a {
    color: black;
}
footer .vid-bottom-bar a:hover {
    color: var(--blue);
    text-decoration: none;
}
footer .vid-bottom-bar .vid-legal a:not(:last-child) {
    margin-right: 1.5em;
}


/*/////////////////////////////////////////////////////*/
/* 4. COMPONENTS */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* LANGUAGE SWITCHER */
/* ---------------------- */

.vid-lang-switcher {
    font-size: 14px;    
}
.vid-lang-switcher .wpml-ls-legacy-list-horizontal {
    padding: 0;
}
.vid-lang-switcher ul {
    text-align: right;
}
.wpml-ls-legacy-list-horizontal a {
    padding: 5px 8px 5px;
}
.wpml-ls-statics-shortcode_actions a:hover {
    text-decoration: none;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    transition: all .2s ease-out;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language):not(:hover) {
    filter: grayscale(1);
    opacity: .5;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    width: 15px;
}

footer .vid-lang-switcher a[tabindex="0"] {
    display: none;
}
footer .vid-lang-switcher ul {
    text-align: left;
}
footer .vid-lang-switcher li.wpml-ls-first-item a {
    padding-left: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-lang-switcher {
        font-size: 14px;
    }
}
@media (min-width: 1001px) {
    header .vid-lang-switcher {
        height: 28.63px;
        max-height: 28.63px;
        overflow: hidden;
    }
}
@media (max-width: 1000px) {
    header .vid-lang-switcher.fl-module > .fl-module-content {
        margin-right: 0;
    }
}
@media (max-width: 810px) {
    .vid-lang-switcher {
        font-size: 12px;
    }
    .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
        width: 16px;
    }
    .wpml-ls-legacy-list-horizontal a {
        padding: 2px 5px 2px;
    }
}

/* ---------------------- */
/* CATEGORY TAG */
/* ---------------------- */

.vid-cat-tag a:hover {
    text-decoration: none;
}
.vid-hero-banner .vid-cat-tag * {
    color: rgba(255,255,255,1);
}
.vid-hero-banner .vid-cat-tag a:hover {
    color: rgba(255,255,255,.75);
}

/* ---------------------- */
/* BREADCRUMB */
/* ---------------------- */

.breadcrumb {
    padding: 0;
    color: #999;
}
.breadcrumb li::after {
    color: var(--gray-light);
}

/* ---------------------- */
/* BB POST NAVIGATION */
/* ---------------------- */

html .fl-module-fl-post-navigation .nav-links {
	flex-direction: row-reverse;
}
html .fl-module-fl-post-navigation .nav-links .nav-previous {
	text-align: right;
}
html .fl-module-fl-post-navigation .nav-links .nav-next {
	text-align: left;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    [data-node] .nav-links {
        display: flex;
    }
}

/* ---------------------- */
/* PP IMAGE/PHOTO GALLERY */
/* ---------------------- */

.pp-photo-gallery .pp-photo-gallery-content {
    text-align: left;
}
.pp-photo-gallery .pp-photo-gallery-content a {
    width: fit-content;
}
.pp-photo-gallery .pp-photo-gallery-content .pp-gallery-img {
    width: unset;
}

/*---------------------------*/
/* PP CONTENT GRID > GLOBAL */
/*---------------------------*/

[data-node] .pp-content-post {
    font-size: 14px;
}
[data-node] .pp-content-post, 
[data-node] .pp-content-post .pp-content-body, 
[data-node] .pp-content-post .pp-content-body .pp-content-post-data, 
.vid-post-text {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}
[data-node] .pp-content-post .vid-more-link, 
[data-node] .pp-content-post .pp-content-grid-more-link {
    margin-top: auto;
}
.pp-post-filters-wrapper {
    margin-bottom: 40px;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    .pp-post-filters-wrapper {
        margin-bottom: 30px;
    }
}
@media (max-width: 810px) {
    [data-node] .pp-content-post {
        font-size: 13px;
    }
    [data-node] ul.pp-post-filters li {
        margin-bottom : 8px !important;
    }
    .pp-post-filters-wrapper {
        margin-bottom: 20px;
    }
}

/*---------------------------*/
/* POSTS GRID > GLOBAL */
/*---------------------------*/

body:not(.post-type-archive) .vid-posts.vid-grid .pp-post-filters-wrapper {
    display: none;
}
.vid-posts.vid-grid .vid-post-image {
    overflow: hidden;
}
.vid-posts.vid-grid .vid-post-image img {
    width: 100%;
    height: clamp(200px, 25vw, 240px);
    object-fit: cover;
    transition: all .3s ease-out;
}
.vid-posts.vid-grid .vid-post-image a:hover img {
    transform: scale(1.05);
}
.vid-posts.vid-grid .vid-post-text {
    margin: -40px 20px 0 20px;
    padding: 20px 20px 25px 20px;
    background-color: white;
    z-index: 1;
}
.vid-posts.vid-grid .vid-post-text hr {
    margin: .75em 0;
}
.vid-posts.vid-grid .vid-cat {
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--blue);
}
.vid-posts.vid-grid .vid-post-title {
    font-size: 18px;
    text-transform: unset;
}
.vid-posts.vid-grid .vid-post-title a:hover {
    color: var(--blue);
}
.vid-posts.vid-grid .vid-post-excerpt {
    margin-bottom: .5em;
}
.vid-posts.vid-grid .vid-post-meta {
    margin-bottom: 10px;
    padding: 10px 0;
    font-size: 13px;
    letter-spacing: .05em;
    color: var(--gray);
    border-top: 1px solid var(--gray-extra-light);
}
.vid-posts.vid-grid .vid-post-more-link {
    margin-top: auto;
}
.vid-posts.vid-grid .vid-post-more-link a {
    display: inline-block;
    padding-top: 1em;
    font-family: "Metropolis", Georgia, Helvetica, sans-serif;
    font-weight: 600;
    /*font-size: 13px;*/
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.vid-posts.vid-grid .vid-post-more-link a:hover {
    text-decoration: none;
}
.vid-posts.vid-grid .vid-post-more-link a::before {
	margin-right: .5em;
	content: "\e907";
	font-family: "Vidon-Icons";
	/*content: "\f105";
	font-family: "Font Awesome 6 Pro";*/
	font-weight: 400;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-posts.vid-grid .vid-cat {
        font-size: 11px;
    }
    .vid-posts.vid-grid .vid-post-title {
        font-size: 16px;
    }
    .vid-posts.vid-grid .vid-post-meta {
        font-size: 12px;
    }
}
@media (max-width: 810px) {
    .vid-posts.vid-grid .vid-cat {
        font-size: 10px;
    }
    .vid-posts.vid-grid .vid-post-text {
        margin: -40px 15px 0 15px;
        padding: 15px 15px 20px 15px;
    }
    .vid-posts.vid-grid .vid-post-title {
        font-size: 15px;
    }
    .vid-posts.vid-grid .vid-post-meta {
        margin-bottom: 0;
        font-size: 11px;
    }
}

/*---------------------------*/
/* POSTS CAROUSEL > GLOBAL */
/*---------------------------*/

.pp-content-post-carousel .owl-theme .owl-dots {
    margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
}

/*---------------------------*/
/* POSTS GRID > SERVICES / RECRUTEMENT */
/*---------------------------*/

/* GLOBAL */ 

.vid-posts.vid-grid.vid-services .pp-content-post, 
.vid-posts.vid-grid.vid-recrutement .pp-content-post {
    padding: 30px 30px 35px 30px;
    background-color: #f7f7f7;
}
.vid-posts.vid-grid.vid-services .vid-post-image, 
.vid-posts.vid-grid.vid-recrutement .vid-post-image {
    overflow: visible;
}
.vid-posts.vid-grid.vid-services .vid-post-image img, 
.vid-posts.vid-grid.vid-recrutement .vid-post-image img {
    height: clamp(70px, 25vw, 80px);
    object-fit: contain;
}
.vid-posts.vid-grid.vid-services .vid-post-text, 
.vid-posts.vid-grid.vid-recrutement .vid-post-text {
    margin: 0;
    padding: 30px 0 0 0;
    background-color: unset;
}
.vid-posts.vid-grid.vid-services .vid-post-excerpt, 
.vid-posts.vid-grid.vid-recrutement .vid-post-excerpt {
    font-size: 14px;
}

/* SERVICES */ 

.vid-posts.vid-grid.vid-services .pp-content-post {
    padding-bottom: 40px;
}
.vid-posts.vid-grid.vid-services .pp-content-post:nth-child(even) {
    /*background-color: #e6eff0;*/
    background-color: white;
}
.vid-posts.vid-grid.vid-services .vid-post-text {
    padding-top: 25px;
    text-align: center;
}
.vid-posts.vid-grid.vid-services .vid-post-title {
    margin-bottom: 0;
    text-transform: uppercase;
}

/* RECRUTEMENT */ 

.vid-posts.vid-grid.vid-recrutement .vid-post-text {
    padding-top: 20px;
}
.vid-posts.vid-grid.vid-recrutement .vid-post-image a::before {
	content: "";
	display: block;
	height: 80px;
	background: url("/wp-content/uploads/2023/05/logo-vidon.svg") no-repeat left/contain;
	opacity: .5;
}
.vid-posts.vid-grid.vid-recrutement .vid-post-image a:hover {
	text-decoration: none;

}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {

    /* GLOBAL */ 
    
    .vid-posts.vid-grid.vid-services .pp-content-post, 
    .vid-posts.vid-grid.vid-recrutement .pp-content-post {
        padding: 20px 20px 25px 20px;
    }
    .vid-posts.vid-grid.vid-services .vid-post-image img {
        height: clamp(40px, 25vw, 65px);
    }
    .vid-posts.vid-grid.vid-services .vid-post-text, 
    .vid-posts.vid-grid.vid-recrutement .vid-post-text {
        padding-top: 25px;
    }

    /* SERVICES */ 

    .vid-posts.vid-grid.vid-services .pp-content-post {
        padding-bottom: 30px;
    }

    /* RECRUTEMENT */ 

    .vid-posts.vid-grid.vid-recrutement .vid-post-image a::before {
    	height: 70px;
    }
    
}
@media (max-width: 810px) {

    /* GLOBAL */ 
    
    .vid-posts.vid-grid.vid-services .vid-post-text, 
    .vid-posts.vid-grid.vid-recrutement .vid-post-text {
        padding-top: 15px;
    }

    /* SERVICES */ 

    .vid-posts.vid-grid.vid-services .pp-content-post {
        padding-bottom: 30px;
    }

    /* RECRUTEMENT */ 

    .vid-posts.vid-grid.vid-recrutement .vid-post-text {
        padding-top: 15px;
    }
    .vid-posts.vid-grid.vid-recrutement .vid-post-image a::before {
    	height: 60px;
	    font-size: 40px;
    }
    
}

/*---------------------------*/
/* POSTS GRID > EQUIPES */
/*---------------------------*/

.vid-posts.vid-grid.vid-equipes .vid-post-image img {
    height: clamp(240px, 28vw, 350px);
    object-position: 50% 15%;
}
.vid-posts.vid-grid.vid-equipes .vid-post-title {
    margin-bottom: .3em;
}
.vid-posts.vid-grid.vid-equipes .vid-post-title a {
    color: var(--blue);
}
.vid-posts.vid-grid.vid-equipes .vid-post-title a:hover {
    color: black;
}
.vid-posts.vid-grid.vid-equipes .vid-footer {
    margin-top: auto;
}
.vid-posts.vid-grid.vid-equipes .vid-post-info {
    margin-bottom: 20px;
    font-size: 14px;
}
.vid-posts.vid-grid.vid-equipes .vid-post-meta {
    /*margin-top: 20px;*/
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}
.vid-posts.vid-grid.vid-equipes .vid-post-more-link {
    min-height: 35.39px;
    margin-top: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-posts.vid-grid.vid-equipes .vid-post-more-link {
        min-height: 35px;
    }
}
@media (max-width: 810px) {
    .vid-posts.vid-grid.vid-equipes .pp-content-post {
        max-width: 320px;
        margin-right: auto;
        margin-left: auto;
    }
    .vid-posts.vid-grid.vid-equipes .vid-post-image img {
        aspect-ratio: 1/.8;
        width: auto;
    }
    .vid-posts.vid-grid.vid-equipes .vid-post-info {
        font-size: 13px;
    }
    .vid-posts.vid-grid.vid-equipes .vid-post-more-link {
        min-height: unset;
    }
}

/*---------------------------*/
/* POSTS GRID > BUREAUX */
/*---------------------------*/

.vid-posts.vid-grid.vid-bureaux .vid-post-title {
    margin-bottom: 0;
    font-size: 22px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-posts.vid-grid.vid-bureaux .vid-post-title {
        font-size: 20px;
    }
}
@media (max-width: 810px) {
    .vid-posts.vid-grid.vid-bureaux .vid-post-title {
        font-size: 18px;
    }
}

/*---------------------------*/
/* POSTS GRID > ACTUALITÉS */
/*---------------------------*/

.vid-posts.vid-grid.vid-actu .vid-post-image {
    border: 1px solid var(--gray-light);
}
.vid-posts.vid-grid.vid-actu .vid-post-title {
    font-size: 17px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    .vid-posts.vid-grid.vid-actu .vid-post-title {
        font-size: 16px;
    }
}
@media (max-width: 810px) {
    .vid-posts.vid-grid.vid-actu .vid-post-title {
        font-size: 15px;
    }
}

/*---------------------------*/
/* PP GOOGLE MAP */
/*---------------------------*/

.pp-google-map .gm-style {
    font-family: "Metropolis", Georgia, Helvetica, sans-serif;
}
.pp-google-map .gm-style strong {
    font-weight: 600;
}
.pp-google-map .gm-style .gm-style-iw {
    font-size: 15px;
    font-weight: 600;
}
.pp-google-map .gm-style .gm-style-iw p {
    margin-bottom: 0;
    color: var(--blue);
}
.pp-google-map .gm-style .gm-style-iw a:hover {
    text-decoration: none;
}
.pp-google-map .gm-style .gm-style-iw .gm-ui-hover-effect {
    top: -3px !important;
    right: -3px !important;
}
.pp-google-map .gm-ui-hover-effect>span {
    background-color: #666;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    .pp-google-map .gm-style .gm-style-iw {
        font-size: 14px;
    }
}

/*---------------------------*/
/* WP GRIDBUILDER */
/*---------------------------*/

/* GLOBAL */ 

.vid-center .wpgb-facet .wpgb-inline-list {
    justify-content: center;
}
.vid-center .wpgb-pagination-facet {
    text-align: center;
}
html .wpgb-facet>fieldset:last-child {
    margin-bottom: 20px;
}
html .wpgb-facet .wpgb-input:focus, 
html .wpgb-facet .wpgb-select:focus, 
html .wpgb-facet .wpgb-select.wpgb-select-focused {
    border-color: var(--blue);    
}
html .wpgb-facet .wpgb-radio-label, 
html .wpgb-facet .wpgb-button-label, 
html .wpgb-facet .wpgb-rating-label, 
html .wpgb-facet .wpgb-az-index-label, 
html .wpgb-facet .wpgb-checkbox-label, 
html .wpgb-facet .wpgb-hierarchy-label {
    padding: 11px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
html .wpgb-facet .wpgb-button:focus:not(button), 
html .wpgb-facet .wpgb-rating:focus, 
html .wpgb-facet .wpgb-hierarchy:focus, 
html .wpgb-facet .wpgb-toggle-hidden:focus, 
html .wpgb-facet .wpgb-range-clear:focus, 
html .wpgb-facet .wpgb-range-thumb:focus, 
html .wpgb-facet .wpgb-pagination li a:focus, 
html .wpgb-facet .wpgb-radio:focus .wpgb-radio-control, 
html .wpgb-facet .wpgb-checkbox:focus .wpgb-checkbox-control, 
html .wpgb-facet .wpgb-color:focus .wpgb-color-control, 
html .wpgb-facet .wpgb-az-index:focus .wpgb-az-index-label {
    outline-color: var(--blue);
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    html .wpgb-facet .wpgb-radio-label, 
    html .wpgb-facet .wpgb-button-label, 
    html .wpgb-facet .wpgb-rating-label, 
    html .wpgb-facet .wpgb-az-index-label, 
    html .wpgb-facet .wpgb-checkbox-label, 
    html .wpgb-facet .wpgb-hierarchy-label {
        padding: 9px 18px;
        font-size: 13px;
    }
}
@media (max-width: 810px) {
    html .wpgb-facet .wpgb-radio-label, 
    html .wpgb-facet .wpgb-button-label, 
    html .wpgb-facet .wpgb-rating-label, 
    html .wpgb-facet .wpgb-az-index-label, 
    html .wpgb-facet .wpgb-checkbox-label, 
    html .wpgb-facet .wpgb-hierarchy-label {
        padding: 7px 15px;
        font-size: 12px;
    }
}

/* BUTTONS */

html .wpgb-facet ul .wpgb-button {
    padding: 0;
    background: #f2f2f2;
    color: #4399ae;
    border: none;
    border-radius: 50px;
}
html .wpgb-facet ul .wpgb-button:hover {
    background: var(--blue);
    color: white;
}
html .wpgb-facet ul .wpgb-button:focus {
    outline: none;
}
html .wpgb-facet ul .wpgb-button:focus-visible {
    outline: 1px solid var(--blue);
}

/* PAGINATION */

html .wpgb-facet .wpgb-pagination li {
    min-width: 35px;
    margin: 0 5px 5px 0;
}
html .wpgb-facet .wpgb-pagination li:last-child {
    margin-right: 0;
}
html .wpgb-facet .wpgb-pagination li, 
html .wpgb-facet .wpgb-pagination li a, 
html .wpgb-facet .wpgb-pagination li a:hover {
    font-size: 14px;
    line-height: unset;
}
html .wpgb-facet .wpgb-pagination li a, 
html .wpgb-facet .wpgb-pagination li a:hover {
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
}
html .wpgb-facet .wpgb-pagination li a:hover, 
html .wpgb-facet .wpgb-pagination li a[aria-current="true"] {
    background-color: #f5f5f5;
    font-weight: normal;
    color: black;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    html .wpgb-facet .wpgb-pagination li, 
    html .wpgb-facet .wpgb-pagination li a, 
    html .wpgb-facet .wpgb-pagination li a:hover {
        font-size: 13px;
    }
}

/* CSS GRID LOADER */

.wpgb-enabled {
        display: flow-root;
        opacity: 1;
        transition: all .3s ease-out;
}
.wpgb-enabled.wpgb-loading {
        position: relative;
        opacity: .3;
}
/*.wpgb-enabled:after,*/ 
.wpgb-enabled.wpgb-loading::after {
    transition: box-shadow 200ms ease;
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    -webkit-animation: rotateLoader infinite 1s linear;
    animation: rotateLoader infinite 1s linear;
    box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.925), 0 -20px rgba(0, 0, 0, 0.8), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.675), 20px 0 rgba(0, 0, 0, 0.55), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.425), 0 20px rgba(0, 0, 0, 0.3), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.175), -20px 0 rgba(0, 0, 0, 0.05);
}

@-webkit-keyframes rotateLoader {
    0% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.925), 0 -20px rgba(0, 0, 0, 0.8), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.675), 20px 0 rgba(0, 0, 0, 0.55), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.425), 0 20px rgba(0, 0, 0, 0.3), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.175), -20px 0 rgba(0, 0, 0, 0.05);
    }
    12.5% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.05), 0 -20px rgba(0, 0, 0, 0.925), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.8), 20px 0 rgba(0, 0, 0, 0.675), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.55), 0 20px rgba(0, 0, 0, 0.425), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.3), -20px 0 rgba(0, 0, 0, 0.175);
    }
    25% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.175), 0 -20px rgba(0, 0, 0, 0.05), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.925), 20px 0 rgba(0, 0, 0, 0.8), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.675), 0 20px rgba(0, 0, 0, 0.55), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.425), -20px 0 rgba(0, 0, 0, 0.3);
    }
    37.5% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.3), 0 -20px rgba(0, 0, 0, 0.175), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.05), 20px 0 rgba(0, 0, 0, 0.925), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.8), 0 20px rgba(0, 0, 0, 0.675), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.55), -20px 0 rgba(0, 0, 0, 0.425);
    }
    50% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.425), 0 -20px rgba(0, 0, 0, 0.3), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.175), 20px 0 rgba(0, 0, 0, 0.05), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.925), 0 20px rgba(0, 0, 0, 0.8), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.675), -20px 0 rgba(0, 0, 0, 0.55);
    }
    62.5% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.55), 0 -20px rgba(0, 0, 0, 0.425), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.3), 20px 0 rgba(0, 0, 0, 0.175), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.05), 0 20px rgba(0, 0, 0, 0.925), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.8), -20px 0 rgba(0, 0, 0, 0.675);
    }
    75% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.675), 0 -20px rgba(0, 0, 0, 0.55), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.425), 20px 0 rgba(0, 0, 0, 0.3), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.175), 0 20px rgba(0, 0, 0, 0.05), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.925), -20px 0 rgba(0, 0, 0, 0.8);
    }
    87.5% {
        box-shadow: -14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.8), 0 -20px rgba(0, 0, 0, 0.675), 14.1422712488px -14.1422712488px rgba(0, 0, 0, 0.55), 20px 0 rgba(0, 0, 0, 0.425), 14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.3), 0 20px rgba(0, 0, 0, 0.175), -14.1422712488px 14.1422712488px rgba(0, 0, 0, 0.05), -20px 0 rgba(0, 0, 0, 0.925);
    }
}

/* ---------------------- */
/* PIOTNET FORMS */
/* ---------------------- */

#piotnetforms .piotnetforms-field-type-acceptance .piotnetforms-field-subgroup label {
    font-size: 15px;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    #piotnetforms .piotnetforms-field-type-acceptance .piotnetforms-field-subgroup label {
        font-size: 14px;
    }
}


/*/////////////////////////////////////////////////////*/
/* 5. HOME */
/*/////////////////////////////////////////////////////*/

/*---------------------------*/
/* HERO BANNER */
/*---------------------------*/

.home .vid-hero-banner, 
.home .vid-hero-banner .fl-row-content-wrap {
    position: relative;
    overflow: hidden;
}
@keyframes swosh_anim { 
    from { opacity:0; } to { opacity:1; }
}
.home .vid-hero-banner .fl-row-content-wrap::before {
	content: "";
	display: block;
	position: absolute;
	right: -40px;
	top: 15%;
	width: auto;
	height: 70%;
	aspect-ratio: 1/1.61;
	background: url("/wp-content/uploads/2023/06/vidon-swosh-blanc.svg") no-repeat center/contain;
    opacity:0;
    animation: .5s ease-in 2.2s forwards swosh_anim;
}
.home .vid-hero-banner .vid-logos-domains .fl-module:not(:last-child) {
	position: relative;
}
.home .vid-hero-banner .vid-logos-domains .fl-module:not(:last-child)::after {
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	top: 10px;
	right: 0;
	bottom: 10px;
	background-color: white;
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
    .home .vid-hero-banner .fl-row-content-wrap::before {
    	right: -20px;
    	top: 20%;
    	height: 60%;
    }
}
@media (max-width: 470px) {
    .home .vid-hero-banner .fl-row-content-wrap::before {
        display: none;
    }
}

/*---------------------------*/
/* ACTUALITÉS */
/*---------------------------*/

.home .vid-actu .pp-post-featured-img {
    border: 1px solid var(--gray-light);
}

/*---------------------------*/
/* ÉQUIPES */
/*---------------------------*/

/* SLIDER V2 */ 

.home .vid-equipes-slider.owl-carousel .animated { 
    animation-duration: 1.2s;
    animation-fill-mode: both;
}
.home .vid-equipes-slider.owl-carousel .owl-item img {
    /*flex: 1 0 100%;*/
    object-fit: cover;
    object-position: 50% 15%;
    aspect-ratio: 1/1.4;
}

/* SLIDER V1 */ 

/*
.home .vid-equipes .owl-carousel .pp-post-image, 
.home .vid-equipes .owl-carousel .pp-post-featured-img,
.home .vid-equipes .owl-carousel .fl-photo, 
.home .vid-equipes .owl-carousel .fl-photo-content {
    height: 100%;
}
.home .vid-equipes .owl-carousel .fl-photo-content {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
.home .vid-equipes .owl-carousel .owl-item img {
    flex: 1 0 100%;
    object-fit: cover;
    object-position: 50% 15%;
    aspect-ratio: 1/1.4;
}
*/

/* --- RESPONSIVE --- */

@media (max-width: 810px) {

    /* SIDER V2 */ 
    
    .home .vid-equipes-slider.owl-carousel .owl-item img {
        max-width: 280px;
        aspect-ratio: 1/1;
    }
    
    /* SIDER V1 */ 
    
    /*.home .vid-equipes .fl-module-pp-content-grid {
        max-width: 280px;
    }
    home .vid-equipes .owl-carousel .owl-item img {
        aspect-ratio: 1/1;
    }*/

}


/*////////////////////////////////////////////*/
/* 6. SERVICES */
/*////////////////////////////////////////////*/

.vid-hero-banner .vid-icon .pp-photo-container .pp-photo-content .pp-photo-content-inner img {
    aspect-ratio: 1/1;
}


/*////////////////////////////////////////////*/
/* 7. EQUIPES */
/*////////////////////////////////////////////*/

/*---------------------------*/
/* SINGLE */
/*---------------------------*/

/* LANGUES */

ul.vid-lang {
    display: inline-flex;
    flex-wrap: wrap;
    gap:10px;
    margin: 0 0 0 .75em;
    padding: 0;
    vertical-align: top;
}
ul.vid-lang li {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
}
ul.vid-lang.vid-labels li {
    width: auto;
    height: auto;
    padding: 4px 10px 2px;
    background-color: var(--blue);
    font-size: 12px;
    text-transform: uppercase;
    color: white;
}
ul.vid-lang li.de {
    background-image: url(/wp-content/uploads/2013/10/Germany.png);
}
ul.vid-lang li.en {
    background-image: url(/wp-content/uploads/2013/10/United-Kingdom.png);
}
ul.vid-lang li.zh {
    background-image: url(/wp-content/uploads/2013/10/China.png);
}
ul.vid-lang li.es {
    background-image: url(/wp-content/uploads/2013/10/Spain.png);
}
ul.vid-lang li.fr {
    background-image: url(/wp-content/uploads/2013/10/France.png);
}
ul.vid-lang li.it {
    background-image: url(/wp-content/uploads/2018/05/Italy.png);
}
ul.vid-lang li.ja {
    background-image: url(/wp-content/uploads/2013/10/japan.png);
}
ul.vid-lang li.ru {
    background-image: url(/wp-content/uploads/2013/10/Russian-Federation.png);
}
ul.vid-lang li.th {
    background-image: url(/wp-content/uploads/2013/10/Thailand.png);
}


/*////////////////////////////////////////////*/
/* 8. BUREAUX */
/*////////////////////////////////////////////*/

/*---------------------------*/
/* SINGLE */
/*---------------------------*/

.single-bureau[class*="munich"] .vid-hero-banner .fl-row-content-wrap, 
.single-bureau[class*="shanghai"] .vid-hero-banner .fl-row-content-wrap {
    background-position-y: 80%;    
}


/*////////////////////////////////////////////*/
/* 9. RECRUTEMENT */
/*////////////////////////////////////////////*/

/*---------------------------*/
/* SINGLE */
/*---------------------------*/

.single-recrutement .vid-details .vid-grid {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center;
    margin-bottom: 20px;
    gap: 6px 15px;
}
.single-recrutement .vid-details .vid-grid div:not(.vid-link), 
.single-recrutement .vid-details .vid-grid .vid-value.vid-link a {
    padding: 6px 0;
}
.single-recrutement .vid-details div.vid-grid .vid-value {
    background-color: white;
    font-weight: 600;
}
.single-recrutement .vid-details div.vid-grid .vid-value:not(.vid-link), 
.single-recrutement .vid-details div.vid-grid .vid-value.vid-link a {
    padding-right: 15px;
    padding-left: 15px;
}
.single-recrutement .vid-details .vid-grid .vid-link a {
    display: inline-block;
    color: var(--blue);
}
.single-recrutement .vid-details .vid-grid .vid-link a:hover {
    background-color: var(--blue);
    text-decoration: none;
    color: white;
}
.single-recrutement .vid-details .vid-grid .vid-link a::before {
    margin-right: .5em;
    content: "\e907";
    font-family: "Vidon-Icons";
    font-style: normal;
    font-size: .8em;
    vertical-align: middle;
}


/*////////////////////////////////////////////*/
/* 10. GDPR COOKIE CONSENT (WebToffee CookieYes) */
/*////////////////////////////////////////////*/

/*---------------------------*/
/* MODAL BANNER */
/*---------------------------*/

#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=popup] {
	padding: 45px 45px 45px;
}
.cli-style-v2 {
	font-size: 15px;
	line-height: 1.5em;
}
.cli-style-v2 .cli-bar-message a {
	text-decoration: underline;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message, 
#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message {
	margin-bottom: 40px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
	margin: 0 10px 10px 0;
}
.cli-bar-message::before {
	display: block;
	margin-bottom: 20px;
	content: "\e90c";
	font-family: "Vidon-Icons";
	/*content: "\f563";
	font-family: "Font Awesome 6 Pro";*/
	font-size: 40px;
	font-weight: 400;
	color: var(--blue);
	text-align: center;
}

.cli-plugin-button, 
.cli-plugin-button:visited, 
.medium.cli-plugin-button, 
.medium.cli-plugin-button:visited {
	font-size: 15px;
}
.cli-plugin-button:focus, 
.medium.cli-plugin-button:focus {
	outline: none;
}

.cli-modal .cli-tab-container h4, 
.cli-modal .cli-tab-container h1 {
	letter-spacing: 0;
}
.cli-modal .cli-switch input:checked + .cli-slider, 
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn {
	background-color: var(--blue);
}
.cli-modal .cli-tab-header a.cli-nav-link:focus {
	outline: none;	
}
.cli-modal table.cookielawinfo-winter thead th {
	background-color: var(--blue);
}

/* --- RESPONSIVE --- */

@media (max-width: 810px) {
	#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=popup] {
		padding: 30px 20px;
	}
	.cli-style-v2 {
		font-size: 13px;
	}
	.cli-plugin-button, 
	.cli-plugin-button:visited, 
	.medium.cli-plugin-button, 
	.medium.cli-plugin-button:visited {
		font-size: 13px;
	}
}

/*---------------------------*/
/* MODAL BUTTON */
/*---------------------------*/

.fl-module-content .cli-cookie-settings-bt a {
	display: inline-block;
	margin: 1.5em 0 .15em 0;
	padding: 10px 25px;
	background-color: var(--blue) !important;
	border-radius: 5px;
	font-size: inherit;
	line-height: 1.5em;
	font-weight: 600;
	color: white !important;
	text-decoration: none;
	transition: all .2s ease-out;
}
.fl-module-content .cli-cookie-settings-bt a:hover {
	background-color: white !important;
	color: var(--blue) !important;
	cursor: pointer;
}
footer a.cli_settings_button {
	color: unset !important;
	background-color: unset !important;
}
footer a.cli_settings_button:hover {
	color: var(--blue) !important;
}


/*/////////////////////////////////////////////////////*/
/* 11. STYLES TEMPLATE */
/*/////////////////////////////////////////////////////*/

div[class*="av-demo-font-"] {
	font-size: 24px;
}
div[class*="av-demo-font-"] h2 {
	margin-bottom: 1.5em;
	color: var(--blue);
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 p {
	font-family: "Bw Aleta 10", Georgia, serif; 
	line-height: 1.2em;
}
.av-demo-font-2, 
.av-demo-font-2 h2 {
	font-family: "Metropolis", Helvetica, Arial, sans-serif; 
	line-height: 1.2em;
}
.av-demo-font-2 h2 {
	font-weight: 700;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
    div[class*="av-demo-font-"] {
    	font-size: 22px;
    }
}
@media (max-width: 810px) {
    div[class*="av-demo-font-"] {
    	font-size: 18px;
    }
}