@charset "utf-8";
/* CSS Document */

@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);
@import url(../syracuse/syracuse.css);
@import url(epica.css);
@import url(front.css);
@import url(all.css);
@import url(modeles.css);
@import url(flex_strap.css);
@import url(header-min.css);
@import url(bootstrap-min.css);

[class^="icon-"],
[class*=" icon-"] {
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot?qawvem");
    src: url("fonts/icomoon.eot?qawvem#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?qawvem") format("truetype"), url("fonts/icomoon.woff?qawvem") format("woff"), url("fonts/icomoon.svg?qawvem#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/***************/
/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v40-latin-300.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-300.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-300.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v40-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v40-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-500.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v40-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v40-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/open-sans-v40-latin-800.eot');
    /* IE9 Compat Modes */
    src: url('fonts/open-sans-v40-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v40-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('fonts/open-sans-v40-latin-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('fonts/open-sans-v40-latin-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('fonts/open-sans-v40-latin-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/**********/
@font-face {
    font-family: 'bauhaus_93regular';
    src: url('fonts/bauhaus_93_regular-webfont.woff2') format('woff2'),
        url('fonts/bauhaus_93_regular-webfont.woff') format('woff'),
        url('fonts/bauhaus_93_regular-webfont.ttf') format('truetype'),
        url('fonts/bauhaus_93_regular-webfont.svg#bauhaus_93regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bauhaus_93regular';
    src: url('fonts/bauhs93-webfont.woff2') format('woff2'),
        url('fonts/bauhs93-webfont.woff') format('woff'),
        url('fonts/bauhs93-webfont.ttf') format('truetype'),
        url('fonts/bauhs93-webfont.svg#bauhaus_93regular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/***************************/
:root {
    --blue: #4747F0;
    --orange: #FF4F14;
    --vert: #01B59B;
    --dark-blue: #011638;
    --bg-blue-13: #E7E7FD;
    --bg-blue-45: #ACACF8;
    --bg-blue-80: #6B6BF3;
    --bg-vert-40: #99E1D7;
    --btn-padding: 14px 20px;
    --container-width: 1440px;
    --max-width-content: 1340px;
    --radius: 15px;
}

/*************Hide outline*************/

:focus,
*:hover {
    outline: 0 !important;
}

.x-webkit *:focus,
*:focus {
    outline: 0 !important;
}

a {
    cursor: pointer;
}

button:focus,
.btn:focus {
    outline: 0 !important;
}

.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
    outline: 0;
}

.x-webkit *:focus,
*:focus {
    outline: 0 !important;
}

button:focus,
.btn:focus {
    outline: 0 !important;
}

ul.notes-echelle.js li.note-focus {
    outline: 0 !important;
}

.rsDefaultInv .rsArrow:hover,
.rsDefaultInv .rsArrow:focus {
    outline: 0;
    border: none;
}

.tt-input.form-control {
    border: none !important;
}

/* Scroll bar */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border: thin solid gray;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}

/***************/

/* Metrics : 
1rem = 10px
1.5rem = 15px
102.4rem = 1024px
*/

html {
    scroll-behavior: smooth;
}

body {
    background: #fff;
    color: var(--dark-blue);
    font-family: 'Open Sans';
    font-weight: 400;
}

body,
td,
pre {
    font-size: 16px;
}

b {
    font-weight: 800;
    font-family: 'Open Sans';
}

a {
    color: var(--blue);
    font-weight: 400;
}

a:hover,
a:focus {
    color: var(--orange);
    text-decoration: none;
}


p {
    color: var(--dark-blue);
    font-size: 16px;
    margin: 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.panel-front>.x-panel-header span {
    font-family: 'bauhaus_93regular';
    color: var(--blue);
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 45px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 17px;
}

.panel-front>.x-panel-header span,
h2 {
    font-weight: normal !important;
}

.no-gutters [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.header-modern #nav-rich-menu .title_menu h4,
.header-modern #nav-rich-menu .title_menu h5 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 14px;
}

/***********Header***********/


header {
    background: transparent;
    position: relative;
}

/*****************Menu*****************/

#search-panel {
    background: transparent;
}

#menu-panel .panel-body {
    margin: 0 auto;
    background: none;
    padding: 0;
}

#menu-panel {
    border: none;
}

#menu-panel.sticky-menu-classic.navbar-fixed-top {
    background: #fff !important;
    transition: 0.3s ease;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

/*****************Logo*****************/

.navbar-header {}

.navbar-inverse {}

.navbar-brand {
    width: 202px;
    height: 30px;
    background: transparent url("images/Logo_Archimed_svg_web.svg") no-repeat center center;
    background-size: 100%;

}

.header-modern.header-modern--menu-below-search.header-modern--scrolling .navbar-brand {
    width: 203px;
    height: 30px;
    background: transparent url("images/Logo_Archimed_blue.svg") no-repeat center center;
}

#menu-panel.sticky-menu-classic.navbar-fixed-top {
    background-color: #fff;
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item>a:not(.btn),
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1>a:not(.btn) {
    color: var(--blue);
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.search>a:before,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.search>a:before {
    color: var(--vert);
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.home>a:before,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.home>a:before {
    color: var(--orange);
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a {
    background: var(--blue);
    border: 3px solid var(--blue);
    color: #fff;
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:hover,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:focus,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:active,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:hover,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:focus,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:active,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:visited {
    background: transparent;
    border: 3px solid var(--blue);
    color: var(--blue);
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:after {
    content: '';
    background: transparent url(images/fleche-blanc.svg);
    height: 20px;
    width: 20px;
    bottom: 2px !important;
    margin-left: 10px;
    display: block;
    position: relative;
    color: var(--blue);
}

.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:hover::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:focus::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:active::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #nav-rich-menu li.rich-item.demo>a:visited::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:hover::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:focus::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:active::after,
.header-modern.header-modern--menu-below-search.header-modern--scrolling #ermes_main_menu li.LEVEL1.demo>a:visited::after {
    background: transparent url(images/fleche-bleu.svg);
}

@keyframes important1 {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.navbar-brand h1 {
    display: none;
}

#share_social {
    z-index: 9999;
}

.sticky-search {
    display: none !important;
}

/*****************Ariane*****************/

#ariane {
    font-size: 12px;
    color: var(--dark-blue);
    padding: 0;
    display: inline-block;
    font-weight: 600;
    display: none;
}

#ariane .actif {
    color: var(--dark-blue);
    font-weight: 400;
}

#ariane a {
    color: var(--dark-blue);
}

/*****************Search*****************/

#search-panel>.container {
    background: transparent;
}

#search-panel {
    background: transparent;
    padding: 0;
    margin: 0;
}

#globalScenarioMobile {
    background: var(--blue);
    color: #fff;
    margin: 4px 0 0 0;
    overflow: hidden;
}

#search-panel .input-group-btn {
    width: 0;
}

#globalScenarioMobile>li>a {
    color: #fff;
}

#globalScenarioMobile .active,
#globalScenarioMobile .active:hover,
#globalScenarioMobile .active:focus {
    color: var(--blue);
    background: #fff;
}

#globalScenarioMobile>li>a:hover,
#globalScenarioMobile>li>a:focus {
    color: var(--blue);
    background: #fff;
}

#globalAdvancedSearchLink {
    color: var(--dark-blue);
    font-size: 12px;
    padding: 0 6px;
    display: none !important;
}

#globalAdvancedSearchLink:hover {
    text-decoration: underline;
}

.tt-suggestion.tt-cursor {
    background: var(--vert);
}

#textfield,
.clean-text-field {
    color: var(--dark-blue);
    background: none !important;
    border: none !important;
}

.clean-text-field {
    padding: 0;
}

.clean-text-field {
    color: var(--dark-blue);
}

.clean-text-field {
    border-left: none !important;
    border-right: none !important;
}

.site-btn a,
.site-btn a:hover,
.site-btn a:focus {
    color: var(--dark-blue)000;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu>.active>a:focus {
    background: #9ea3a7;
}

.site-btn a,
.site-btn a:hover,
.site-btn a:focus {
    color: var(--blue);
    text-transform: none;
}

.site-btn .caret {
    border-top: 4px solid #626262;
}

#scenario-selection {
    font-size: 16px;
    /*border-radius: 32px 0 0 32px;*/
    padding-left: 0;
    width: 22px;
    display: none;
}

#scenario-selection span {
    display: none;
}

#submit-search {
    width: 40px;
    border-radius: 0 20px 20px 0;
    font-size: 24px;
    padding: 0 12px 0 8px;
}

#submit-search .icon-search:before,
.sticky-search .icon-search:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.9rem;
}

#textfield {
    font-size: 12px;
    border-radius: 0;
    padding: 0 6px 0 16px !important;
}

.tt-hint,
#textfield,
.clean-text-field {
    height: 40px;
    line-height: 100%;
    padding: 0;
}

#scenario-selection,
#submit-search {
    line-height: 38px;
    height: 40px;
}

.twitter-typeahead {
    background-color: transparent;
}

.connectBox {
    background: #333333;
}

#identite_utilisateur {
    color: var(--dark-blue);
    font-size: 14px;
    font-style: normal;
    background: transparent;
    position: absolute;
    left: 0;
    top: 7px;
    padding: 2px 10px;
}

#nav_connexe {}

#admin-actions,
#mobile-actions {
    box-shadow: none;
}

.all-link-connexe {
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.link-connexe {
    display: block;
}

.site-btn {
    margin: 0;
    color: #fff;
    z-index: 24;
}

#nav_connexe .btn-default {}

#nav_connexe .btn-default:hover,
#nav_connexe .btn-default:active,
#nav_connexe .btn-default:focus {
    text-decoration: none;
    background: var(--orange);
    /* transform: translateX(0); */
}

#nav_connexe .btn-default span {
    /* display: none; */
}

#nav_connexe .btn-default:hover span {
    /*display: inline*/
}

#nav_connexe .btn-default:before {
    /* font-weight: 900; */
    content: '\f0e0';
    margin: 0 10px 0 0;
    font-size: 18px;
    vertical-align: middle;
    width: 25px;
    text-align: center;
    float: left;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#nav_connexe .btn-default:hover:before {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

/*#nav_connexe .demo .btn-default:before {
    content: "\f085";
}*/

#nav_connexe .facebook .btn-default:before {
    content: '\f39e';
    font-family: 'Font Awesome 5 Brands';
}

#nav_connexe .twitter .btn-default:before {
    content: '\f099';
    font-family: 'Font Awesome 5 Brands';
}

#nav_connexe .linkedin .btn-default:before {
    content: '\f0e1';
    font-family: 'Font Awesome 5 Brands';
}

#dropChangeSite {
    height: 31px;
    width: 33px;
    background: var(--blue);
    overflow: hidden;
    color: #fff;
    text-align: center;
    border-radius: 16px;
    display: none;
}

#dropChangeSite span {
    display: none;
}

#dropChangeSite .icon-site {
    margin: 0px 0 0 -3px;
    display: block;
}

#dropChangeCulture .caret {
    border-top: 4px solid #fff;
}




.link-connexe.comm>a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0c0';
    margin: 0;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

/*****************Social*****************/

main {
    position: relative;
    margin: 0;
    padding: 0;
}

#share_social {
    position: fixed;
    left: 0;
    top: calc(50% - 150px);
    right: auto;
    display: none !important;
}

div.social-network ul li a {
    margin: 0 0 6px 0;
    color: #fff;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

div.social-network ul li a.twitter {
    background-color: #071f32;
}

div.social-network ul li a.facebook {
    background-color: #071f32;
}

div.social-network ul li a.gplus {
    background-color: #071f32;
}

div.social-network ul li a.tumblr {
    background-color: #071f32;
}

div.social-network ul li a.pinterest {
    background-color: #071f32;
}

#share_social ul li a:hover {
    color: #fff;
    background: #071f32;
    text-decoration: none;
}

/*****************Button*****************/

.btn {
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-weight: normal;
}

#portal .btn {
    white-space: normal;
}

.criteres_tri .btn {
    text-transform: none;
}

span.labelSelect.sort,
span.labelSelect {
    max-width: 100%;
}

/*********Default***********/
.plezi-submit-btn,
.btn-default {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: none;
    padding: var(--btn-padding);
    border-radius: 15px;
}

.plezi-submit-btn:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #fff;
    border: 2px solid var(--blue);
    color: var(--blue);
}

.btn-action {
    background-color: var(--vert);
    border: 2px solid var(--vert);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: none;
    padding: var(--btn-padding);
    border-radius: 15px;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
    background-color: #fff;
    border: 2px solid var(--vert);
    color: var(--vert);
}


.btn-primary {
    background-color: var(--orange);
    border: 2px solid var(--orange);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: none;
    padding: var(--btn-padding);
    border-radius: 15px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: var(--orange);
    border: 2px solid var(--orange);
    color: #fff;
}

#search-panel .btn-default {
    background-color: transparent;
    border-color: transparent;
    color: var(--blue);
}

#search-panel .btn-default:hover,
#search-panel .btn-default:focus,
#search-panel .btn-default:active,
#search-panel .btn-default.active,
#search-panel .open .dropdown-toggle.btn-default {
    background-color: transparent;
    border-color: transparent;
    color: var(--blue);
}


.btn-info {
    background-color: var(--dark-blue);
    border: 2px solid var(--dark-blue);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: none;
    padding: var(--btn-padding);
    border-radius: 15px;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{
    background-color: #fff;
    border: 2px solid var(--dark-blue);
    color: var(--dark-blue);
}

.btn-dark {
    background-color: var(--dark-blue);
    border: 2px solid  var(--dark-blue);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 8px 13px;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
    background-color: var(--dark-blue);
    border: 2px solid  var(--dark-blue);
    color: #fff;
}
.btn-action.add-tag {
    padding: 8px 13px;
    font-family: 'Open Sans' !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
 
}
.btn-action.add-tag:hover, .btn-action.add-tag:focus, .btn-action.add-tag:active, .btn-action.add-tag.active, .open .dropdown-toggle.btn-action.add-tag {
    padding: 8px 13px;
    font-family:'Open Sans' !important;
 
}
/*****************Content*****************/

.panel-front,
.panel-selection {
    background: #fff;
    padding: 0;
}

.panel>.panel-heading h2,
.panel-title,
.panel-front>.x-panel-header {
    text-transform: none;
    font-weight: normal !important;
}

.panel-front>h2,
.panel-heading>h2 {
    color: var(--blue);
    font-size: 45px;
    margin-bottom: 50px;
    font-weight: normal !important;
}

.panel-front>.x-panel-header span,
h2 {
    color: var(--blue);

}
.container {
    max-width: var(--max-width-content);
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

.layout_fluid100 div#page>div.container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.layout_fluid100 #portal #layout-3 .row {
    max-width: var(--max-width-content);
    margin: 0 auto;
    background: transparent;
}

.layout-home-page div#page>div.container {
    max-width: 100%;
    width: 100%;
    padding: 0
}

.layout-home-page-marge-top .rsItem {
    margin-top: 150px;
}

.panel-front,
.panel-selection {
    background: transparent;
    position: relative;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 50px;
}

#search-panel .panel-body .row {

    margin: 0;
}

.common-view-action-container {
    text-align: center;
    margin-top: 60px;
}

/**********************************/

.rsDefaultInv .rsArrow {
    height: 100%;
    width: 46px;
    padding: 0;
    /*background: rgba(232,233,233,0.4);*/
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: transparent;
    left: auto;
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: transparent;
    right: auto;
}

.rsDefaultInv .rsArrowIcn {
    background: transparent;
    width: 100%;
    height: 40px;
    position: relative;
    margin: 0;
    left: auto;
    top: auto;
    border-radius: 0;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn:after {
    content: "\e903";
    font-family: "icomoon";
    font-size: 28px;
    color: #333;
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn:after {
    content: "\e902";
    font-family: "icomoon";
    font-size: 28px;
    color: #333;
}

/****************/

.bs-bullets .rsNavSelected .btn {
    background: var(--blue);
    border-color: var(--blue);
    border-radius: 8px;
    height: 10px;
    width: 10px;
    line-height: 100%;
    border: none;
}

.bs-bullets .btn,
.bs-bullets .btn:hover,
.bs-bullets .btn:active {
    border-color: #dadadb;
    border-radius: 8px;
    height: 10px;
    width: 10px;
    line-height: 100%;
    border: none;
    background: #dadadb;
}

/* Themes */

/*******Pages themes***********/

#portal .frame {
    margin: 0 0 200px 0 !important;
}


.frame .panel-default {
    background: transparent;
}

h2 span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: n;
}

.title-center .panel-heading {

    text-align: center;
}



.no-padding.panel-front,
.no-padding.panel-selection {
    background: transparent;
    position: relative;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 50px;
}

/*******************/
.title-bg {
    background-color: var(--orange);
    border-radius: 10px;
    color: #fff;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
}

.title-black {
    color: var(--dark-blue)
}

.padding-0.panel-front,
.padding-0.panel-selection {
    /* padding: 0; */
}

.center-title {
    text-align: center;
}

/*************************/
#portal .theme_encart-marge-0.frame {
    margin-bottom: 0 !important;
}

/*************bg bulle en A**********/
.theme-bg-bulle-a {
    position: relative;
    background: transparent url(images/bulle-en-A.jpg) no-repeat center top;
    background-size: cover;

}

.theme-bg-bulle-a .panel-front,
.theme-bg-bulle-a .panel-selection {

    padding: 0;
    margin: 0 auto;
    max-width: var(--container-width);
    width: 100%;
}

/*********theme background A**********/
.theme-bg-a {
    position: relative;
    background: transparent url(images/background-a.jpg) no-repeat center top;
    background-size: cover;
}

.theme-bg-a .panel-front,
.theme-bg-a .panel-selection {
    padding: 0;
    margin: 0 auto;
    max-width: var(--container-width);
    width: 100%;
}

.theme-bg-a h1,
.theme-bg-a h2,
.theme-bg-a h3,
.theme-bg-a h4,
.theme-bg-a h5,
.theme-bg-a h6,
.theme-bg-a p {
    color: #fff
}

.theme-bg-bleu .btn-default,
.theme-bg-a .btn-default {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue);
}

.theme-bg-a .btn-default:hover,
.theme-bg-a .btn-default:focus,
.theme-bg-a .btn-default:active,
.theme-bg-a .btn-default.active,
.theme-bg-a .open .dropdown-toggle.btn-default,
.theme-bg-bleu .btn-default:hover,
.theme-bg-bleu .btn-default:focus,
.theme-bg-bleu .btn-default:active,
.theme-bg-bleu .btn-default.active,
.theme-bg-bleu .open .dropdown-toggle.btn-default {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}


.theme-bg-bleu .text-info:hover,
.theme-bg-bleu .text-info a:hover,
.theme-bg-bleu a,
.theme-bg-bleu a:hover {
    color: #fff;
    text-decoration: underline;
}

.text-info:hover,
.text-info a:hover {
    color: var(--blue)
}

.theme-bg-bleu a.btn-default:hover,
.theme-bg-bleu a.btn-default {
    text-decoration: none;
}

.theme-bg-bleu .on_doc>div .title-bg-a {

    background: transparent url(images/bg-pattern-white.svg) no-repeat center center;
    background-size: cover;
}

.theme-bg-bleu .on_doc h5 {
    color: var(--dark-blue) !important;
}

.theme-bg-bleu .on_doc i {
    color: #fff
}

.theme-bg-bleu li,
.theme-bg-bleu p {
    color: #fff;
}

/**************theme background bleu**********************/
.theme-bg-bleu {
    position: relative;
    background: var(--blue);
}

.theme-bg-bleu .panel-front,
.theme-bg-bleu .panel-selection {
    padding: 0;
    margin: 0 auto;
    max-width: var(--container-width);
    width: 100%;
    padding: 80px 50px;
}

.background-bleu li,
.background-bleu h1,
.background-bleu h2,
.background-bleu h3,
.background-bleu h4,
.background-bleu h5,
.background-bleu h6,
.background-bleu p,
.theme-bg-bleu h1,
.theme-bg-bleu h2,
.theme-bg-bleu h3,
.theme-bg-bleu h4,
.theme-bg-bleu h5,
.theme-bg-bleu h6,
.theme-bg-bleu p {
    color: #fff
}


.background-bleu {}

.background-bleu .panel-front,
.background-bleu .panel-selection {
    padding: 40px 30px;
    border-radius: 15px;
    position: relative;
    background: var(--blue);
}

.agentages .fa-circle:before {
    font-size: 10px;
    margin-right: 10px;
}

/*******************/
.slider_thumb img {
    width: auto
}

.carousel_3 .slider_container {
    width: 64%;
    height: 100%;
    background: rgba(229, 49, 51, 0.90);
}

.carousel_3 h3 {
    color: #fff;
    font-weight: 500;
    text-transform: none;
}

.carousel_3 p,
.carousel_3 h3,
.carousel_3 h2 {
    color: #fff;
}

.carousel_3 h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin: 18px 0;
}

/**********************/

.carousel_3 .slider_container {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.8);
    display: block;
}

.carousel_3 h3 {
    color: #fff;
    font-weight: normal;
}

.carousel_3 p {
    color: #fff;
}


/*****************/

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: var(--blue);
}

.user-name {
    color: var(--blue);
}

.myaccount-profile .account-label {
    color: var(--blue);
}

.facetList .badge {
    color: var(--blue);
}

.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0;
}

#criteres_recherche p{
    color: var(--dark-blue) !important;
    font-size: 16px;
    font-weight: 600;
}
#description_resultats,
.taille_page,
.btn-group.pageSize-container button,
.btn-group.pageSize-container.open .dropdown-menu>li>a {
    color: var(--blue);
    font-size: 16px;
}

#criteres_recherche {
    background: transparent !important;
    padding: 0;

}

.displaymode-icon-container .active,
.siteRestriction-icon-container .active,
.pageSize-container .active,
.sort-order .active {
    background-color: var(--dark-blue);
    color: #fff;
}

.displaymode-icon-container.desktop button,
.siteRestriction-icon-container.desktop button,
.sort-order button {
    background-color: #868686;
    color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: var(--dark-blue);
    text-decoration: none;
    background-color: var(--bg-blue-45);
}
.btn-group.pageSize-container.open .dropdown-menu>li>a.active {
    background: var(--blue);
}

/* Surcharge r�gle bootstrap */

.displaymode-icon-container a.active:hover,
.siteRestriction-icon-container a.active:hover,
.pageSize-container a.active:hover,
.sort-order a.active:hover {
    background-color: #868686;
    color: #fff;
}

#multi_selection_simple .bouton_detail,
#multi_selection .bouton_detail {
    color: var(--blue);
}

.vignette_document .icon-new {
    background-color: #51a22d;
    box-shadow: none;
}

h3.category_header {
    background-color: var(--blue);
    color: #fff;
    margin-bottom: 0;
}

h2.category_header {
    color: var(--blue);
    font-weight: normal;
}

.detail-holdings-class [class|="detail-holds"] thead th,
.detail-subscriptions thead th,
.detail-holdings-class [class|="detail-holds"] thead td,
.detail-subscriptions thead td {
    background-color: #4d4d4d;
    color: #fff;
    font-weight: normal;
}



p.template-info {
    font-weight: 400;
}

.rsDefaultInv .rsGCaption {}

.rsDefaultInv .rsGCaption *,
.rs-railsWithCaption .rsGCaption span {}

.mobile-navigation,
.mobile-navigation .btn.precedent,
.mobile-navigation .btn.suivant {
    background-color: var(--blue);
}

.mobile-navigation>.btn-group,
.mobile-navigation .btn {
    background: #333;
}

.template-resume {
    line-height: 100%;
    font-size: 14px;
}

.webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-body,
.webframe-ermes-lastcomments small {
    color: var(--dark-blue);
}

.holdings-displaymode a,
#ermes-myaccount .myaccount-has-late-loans {
    font-weight: normal;
}

/*****************/

.panel-title {
    font-size: 23px;
    line-height: 100%;
}

#facet_container.accordion h3.panel-title {
    font-weight: 400;
    border-left:none;
    padding-left: 0px;
    color: var(--dark-blue);
}

.facet-controls>a,
.facet-controls>button {
    color: var(--dark-blue);
    text-transform: uppercase;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
}
.facet-search-icon::before {

    color: var(--vert);
    
}

/*****************/

#resultats_detail h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
#resultats_recherche h2, #options_resultat h2 {
    margin-bottom: 0px;
    font-size: 25px;
}
#notice_longue_description .item-publisher,
#notice_longue_description .item-author {
    margin: 20px 0;
}

/*********/
#resultats>ul>li.on,
#resultats>ul>li {
    background-color: var(--bg-blue-13);
    border: 1px solid var(--bg-blue-13);
    margin-bottom: 20px;
    border-radius: 15px;
}

#resultats .notice_courte .notice_metadata {
}
#resultats .select {
    background-color: transparent;
   
}

.template-title {
    font-family: 'bauhaus_93regular';
    color: var(--dark-blue);
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}
#resultats .notice_corps {

}
.metadata-actions .btn {
    background: transparent;
    border: none;
    color: var(--dark-blue);
    box-shadow: none;
}
.label-facet .btn-action {
    opacity: 1;
    color: #fff;
}

.panel-front.panel-search-container {
    background: #fff;
}

#resultats_recherche .panel-search-container {
    background: #fff;
    padding: 0;
}
#facet_container .panel-heading{
    padding: 0px 10px 5px 10px;
}
.facetList.nav-pills>li>a {
    padding: 5px 0px;
}
.form-control.facet-search-term{
    border: 1px solid var(--dark-blue) !important;
    border-radius: 5px !important;
    height: 40px !important;
}
#facet_container>.panel-group {
    margin-bottom: 30px;
    background: transparent;
    padding: 0 0 0px 0;
    border-top: none;
}
#facet_container .facetSuggest li>a {
    padding: 10px;
    white-space: normal;
    word-break: break-all;
    font-size: 16px !important;
    padding: 10px 14px;
    line-height: 100% !important;
    background: var(--bg-vert-40);
    border: 2px solid var(--bg-vert-40);
    color: var(--dark-blue);
    font-weight: 600;
}

#facet_container .facetSuggest a:hover {
    background-color: var(--vert);
    border: 2px solid var(--vert);
    color: #fff;
}

.facetList.nav-pills.nav-stacked a {
    color: var(--dark-blue);
    font-weight: 500;
}
.badge{
font-size: 16px;
}
#criteres_recherche{
    display: flex !important;
    align-items: center;
}

.navigation-page p {
    margin: 0 !important;

}
.searchContainer p {
    font-size: 16px;
    gap:10px
}
#criteres_recherche,
.navigation-page,
.intro,
#description_resultats_pendingActiveClients {
    padding: 0;
}

.panel-front.panel-search-container .panel-heading,
#resultats_recherche .panel-heading {
    padding: 10px 0 20px
}

.more-actions {
    margin-top: 0;
    right: 0;
}

.search-icon-container {
    right: 15px;
    top: 16px;
}

.panel-default>.panel-heading {
    background-color: transparent;
}
.criteres_tri .site-restriction {
    margin-left: 0 !important;
}
.criteres_tri label.label-tri{
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-blue);
}
.displaymode-icon-container.desktop button, .siteRestriction-icon-container.desktop button, .sort-order button {
    background-color: transparent;
    color: var(--dark-blue);
    font-weight: 600;
    font-size: 16px;
}
.select-all {
    background-color: var(--blue);
    border-radius: 10px;
}
/***********/

#mobile-actions .caret {
    border-top: 4px solid #fff;
}

.hamburger-mobile .icon-bar {
    background-color: #fff;
}

#mobile-actions .btn-account,
#mobile-actions .btn-account:hover,
#mobile-actions .btn-account:focus,
#mobile-actions .btn-account:active,
#mobile-actions .btn-account.active,
#mobile-actions .open .dropdown-toggle.btn-account {
    color: #fff;
}

.lang-dropdown-mobile #dropChangeCulture {
    color: #fff;
}

.mailing img {
    float: left;
}

.mailing h2 {
    line-height: 84px;
}

.mailing .btn-default {
    margin: 0 24px;
}

.mailing img {
    margin: 0 20px 0 0;
}

/*************/

.haut_btn {
    /*position: relative;
	overflow: hidden;
	float: right;
	top: auto;
	margin: -50px 0 0 0;*/
}

p.highlight,
p.highlight em {
    color: #51a22d;
}

#scenario-selection .caret {
    border-top-color: #fff;
}

#preselect-facets-link {
    position: relative;
    float: right;
    text-transform: none;
    background: var(--blue) !important;
    border: none;
    color: #fff !important;
    margin: 0;
    font-size: 12px;
    clear: both;
    margin: 10px 0 0;
    border-radius: 0;
    font-weight: 500;
    display: none !important;
}

.plan_map {
    width: 100% !important;
}

.sans_titre .panel-heading>h2 {
    display: none;
}

#detail-notice .metadata-actions .btn {
    background: #f0f0f0;
}

#detail-notice .metadata-actions a.btn-technicalReport {
    background: #937caf;
    color: #fff;
}

#detail-notice .metadata-actions #dropBasketList {
    /*background: #333;*/
}

.webframe-ermes-commonviewedresources.facet .facetSuggest li:nth-child(odd)>a {
    background-color: #937caf;
    border-color: #937caf;
}

.blog-header-title,
.blog-header-stats {
    color: #8058af;
}

#detail-notice .nav-tabs>li.active>a,
#detail-notice .nav-tabs>li.active>a:hover,
#detail-notice .nav-tabs>li.active>a:focus {
    background-color: #fff;
    border-color: #fff;
    color: #4d4d4d;
}

#detail-notice .nav-tabs>li {
    background-color: #4d4d4d;
    border-right: 1px solid #f0f0f0;
}

#detail-notice .nav-tabs>li>a {
    color: #fff;
}

#detail-notice .tab-content {
    background-color: #fff;
}

h2.category_header {
    color: var(--dark-blue);
    border-left: 6px solid var(--blue);
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 25px;
}

#menu-more {
    background: transparent;
    border: none;
    margin: 10px 0 20px 0;
    padding: 0;
}

#menu-more ul li {
    display: inline;
    margin: 0 10px 0 0;
}

#menu-more li a {
    color: #fff;
    background: #f2a229;
    padding: 6px 9px;
}

#enrichissements .content_tab {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

#notice_longue h3 {
    font-size: 16px;
}

.holdings_container_desktop .btn-default {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 100%;
}

#notice_longue .item-typedoc {
    background: var(--blue);
    color: #fff;
    padding: 4px 10px;
    font-weight: normal;
}

a.rheader-button.rheader-button-search.active {
    background: var(--blue);
    border-left: 1px solid var(--blue);
    border-right: 1px solid var(--blue);
}

.navbar-compact .site-btn {
    position: relative;
    background: transparent;
    width: 100%;
    float: right;
    top: auto;
    text-align: right;
}

.navbar-compact .site-btn ul.dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-compact #dropChangeSite {
    height: auto;
    width: auto;
    background: var(--blue);
    color: #fff;
    text-align: center;
    border-radius: 0;
    float: right;
    margin: 11px 0 0 0;
    font-size: 12px;
    display: none;
}

.navbar-compact #dropChangeSite .icon-site {
    margin: 0;
    display: inline-block;
}

.navbar-compact #dropChangeSite span {
    display: inline-block;
}

.navbar-compact .site-btn .caret {
    border-top: 4px solid #fff;
}

.navbar-compact .site-btn ul {
    padding: 0;
}

.header-compact .navbar-brand {
    margin: 0;
}

/**********/

.btn-default .caret,
.btn-account .caret,
.btn-basket .caret {
    border-top-color: #333;
}

#nav_connexe .sr-only.tablink {
    z-index: 9999;
    top: 76px !important;
    left: 0 !important;
    background: var(--dark-blue) !important;
    color: #fff !important;
    font-size: 32px !important;
}

.myaccount-memorysearch .searchBox .btn-group button,
.myaccount-memorysearch .serviceBox .btn-group button {
    margin-right: 0 !important;
}

a.rheader-button.rheader-button-search.active {
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-left: none;
    border-right: none;
    color: var(--blue);
}

.navbar-fixed-top .hamburger-mobile .icon-bar {
    background-color: var(--blue);
}

.navbar-fixed-top .lang-dropdown-mobile #dropChangeCulture {
    color: var(--blue);
}

.navbar-fixed-top #mobile-actions .btn-account,
.navbar-fixed-top #mobile-actions .btn-account:hover,
.navbar-fixed-top #mobile-actions .btn-account:focus,
.navbar-fixed-top #mobile-actions .btn-account:active,
.navbar-fixed-top #mobile-actions .btn-account.active,
.navbar-fixed-top #mobile-actions .open .dropdown-toggle.btn-account {
    color: var(--blue);
}

.navbar-fixed-top #mobile-actions .caret {
    border-top: 4px solid var(--dark-blue);
}

/*****************/

.flexbin>*>img {
    height: 150px !important;
    max-width: 100% !important;
}

.flexbin>* {
    height: 150px;
    /*margin: 0;*/
}

.flexbin.flexbin-margin {
    margin: 0;
}

/*************/

.sidebar-ztl h2 {
    padding-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

.sidebar-right .widget-title::after,
.custom-header-title::after,
.widget-title::after {
    background-color: var(--blue);
}

.widget-title::after {
    content: "";
    display: block;
    margin: 2rem 0 0 0;
    width: 40px;
    height: 2px;
}

.sidebar-ztl .widget-title {
    margin-bottom: 40px;
}

.sidebar-ztl aside {
    margin: 1.5rem 0 2rem 0;
    color: #fff;
    padding: 0 15px;
}

/******Compact menu*******/

.navbar-compact-wrapper #search-panel .panel-body {
    width: 62%;
    margin: 0 auto;
    float: none;
}

.header-compact #search-panel {
    clear: both;
    position: relative;
    background: var(--blue);
    padding: 0;
    background-size: cover;
}

.header-compact #search-panel::before {
    /* content: "";
    background: #fff url(images/header.png) no-repeat center 0;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    background-size: cover;  
	width: 100%;
	height: 100%;
	display: block;
	animation: animate 12s ease normal;
	*/
}

/*
@keyframes animate {
	
	from { background-size: 90%;}
	to {background-size: 110%;}
}
*/

.header-compact #globalAdvancedSearchLink,
.header-compact #ariane .actif,
.header-compact #ariane,
.header-compact #ariane a {
    color: #fff;
}

.header-compact #search-panel .panel-body {
    z-index: 22;
}

.template-resume,
.template-info {
    font-family: 'Open Sans';
}

.dropdown-submenu>a:after {
    float: right;
    border-left-color: var(--blue);
    border-width: 3px 0 3px 3px;
    margin: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color: var(--blue);
}

.button-my-account {
    display: none !important;
}

.panel-heading .resize,
#share_social_mobile {
    display: none !important;
}

.button-more {
    background: var(--orange);
    border-radius: 0;
    border: none;
    padding: 10px;
}

.button-more:hover,
.button-more:focus,
.button-more:active {
    background: var(--orange);
}

.with_border {
    position: relative;
    margin: 3rem 0 0 8px;
}

.with_border:before {
    width: 30px;
    height: 30px;
    border-left: 8px solid #ff9a78;
    border-bottom: 8px solid #ff9a78;
    position: absolute;
    content: '';
    left: -8px;
    bottom: -8px;
}

/* Blog */

.blog-post-featured-image img {
    max-height: 100%;
}

.blog-post-content {}

.blog-post-display,
.blog-display {}

.frame .blog-postlist-post-featured-image img {
    opacity: 1 !important;
    border-radius: 15px 15px 0 0;
}

.blog-postlist-post-featured-image {
    width: 100%;
    background-color: transparent;
    vertical-align: middle;
    max-width: 100%;
    height: 170px !important;
    border-radius: 15px 15px 0 0;

}

.blog-header-subscribe-action {
    float: right;
}

.blog-postlist-post>div {
    display: block;
}

.blog-postlist {
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
    gap:40px
}

.blog-postlist a.blog-post-category,
.blog-postlist a.blog-post-tag {
    white-space: nowrap;
    position: absolute;
    top: 3%;
    font-style: normal;
    font-weight: 500;
    background: #fff;
    color: var(--dark-blue);
    padding: 8px 15px;
    text-decoration: none;
    left: 3%;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.blog-postlist-post {
    background: var(--bg-blue-13) !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    flex: 1 0 25%;
    padding: 0;
    position: relative;
    margin: 0;
    flex-basis: 25%;
    padding: 0;
    position: relative;
    display: block;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    flex: 1 0 50%;
    padding: 0;
    position: relative;
    margin: 1%;
    flex-basis: 31%;
    padding: 0;
    position: relative;
    display: block;
    height: auto;
    border-radius: 0 0 12px 12px;
    overflow: hidden;*/
}

.blog-postlist-post:hover {
    background: #fff;
    -webkit-transform: translate(0, -16px);
    -ms-transform: translate(0, -16px);
    transform: translate(0, -16px);
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;

}

.blog-postlist-post-content {
    padding: 2rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-postlist-post-title {
    margin-bottom: 10px;
}

.blog-postlist-post-title a {
    font-size: 18px;
    line-height: 100%;
    font-weight: 700;
    display: inline-block;
    color: var(--dark-blue);
    font-family: 'Open Sans' !important;

}

.blog-post-counters .glyphicon {
    color: #fff;
}

.blog-postlist .blog-post-date {
    font-size: 1.4rem;
    margin: 5px 0;
    color: var(--orange);
}

.blog-post-date a {
    color: var(--dark-blue);
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
}

.blog-postlist .blog-post-date span {
    display: none;
}

.blog-post-counters span,
.blog-post-counters a {
    color: #fff !important;
}

.blog-postlist-post .blog-post-counters {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 0;
    display: none;
}

.blog-post-counters {
    display: none;
}

.blog-postlist-pagination {
    clear: both;
}

.blog-header-avatar-container {
    display: none;
}

.blog-header-collaborative .blog-header-title a,
.blog-header-collaborative .blog-header-title {
    color: #fff;
    font-size: 3.75rem;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 16px;
}

.blog-header-collaborative .blog-header-title a:hover,
.blog-header-collaborative a:hover {
    text-decoration: none;
    color: var(--orange);
    text-decoration: none !important;
}

.blog-header-title,
.blog-header-stats {
    color: #fff;
}

.blog-header-banner {
    display: none;
}

.blog-postlist-post-head {
    margin: 20px 0;
}

.blog-postlist-post-head a {
    display: none;
}

.blog-post-display>.container,
.blog-display>.container {
    /*background: rgb(21, 173, 176) !important;
    background: linear-gradient(180deg, rgba(21, 173, 176, 1) 0%, rgba(67, 147, 174, 1) 100%) !important;
    */
}

.blog-display #layout-3 .nav-tabs,
.blog-post-display #layout-3 .nav-tabs {
    display: none;
}

.blog-postlist-post-head a>span {
    display: inline-block;
    transition: all .3s;
    border: none;
    padding: 1rem 2rem;
    border-radius: 10rem;
    background: var(--blue);
    margin: 20px 0 0 0;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
    text-transform: none;
}

.blog-postlist-post-head a>span:hover {
    box-shadow: inset 300px 0 0 0 var(--blue);
    text-decoration: none;
    transition: all .5s;
}

.tab-content {
    background-color: transparent;
    /*color: #fff;*/
    margin: 0;
}

.nav-tabs>li {
    background-color: transparent;
    border: none;
    margin: 0 8px 0 0;
}

.nav-tabs>li>a {
    color: #224D82;
    border: none;
    border-bottom: 4px solid #224D82;
}

.nav-tabs {
    border: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: transparent;
    border-color: #fff;
    color: var(--orange);
    border: none;
    border-bottom: 4px solid var(--orange);
}

.nav-tabs>li a:hover {
    background: transparent;
    border: none;
    border-bottom: 4px solid var(--orange);
}

.frame-blogpostinfodisplay .panel-body {
    position: relative;
}

.frame-blogpostinfodisplay .blog-post-date {
    position: absolute;
    background: #FAA339;
    left: 0;
    top: 20px;
    color: #fff;
    padding: 4px 6px;
    font-size: 1.4rem;
    display: none;
}

.frame-blogaboutdisplay {
    display: none;
}

.blog-header-content.row {
    width: 100%;
    padding: 22px 0;
    background: transparent url(images/bg_breadcrumb_produit.jpg) center top;
    margin: 0;
    background-size: cover;
}

.blog-display .panel-front {
    background: transparent;
   
}
.blog-admin-actions{
    margin-bottom: 20px;
}
.blog-display .blog-header-content>div,
.blog-post-display .blog-header-content>div {
    max-width: 1100px;
    margin: 0 auto;
    float: none;
}

.blog-postlist-post:hover {
    /*background: #2FAC66;*/
    box-shadow: none;
}



.page_header_title {
    color: #fff;
    font-size: 4rem;
    font-weight: 400;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: transparent;
    border: none;
    border-bottom: 0px solid var(--blue);
    color: var(--blue);
    padding: 5px 0px;
}

.pagination button.page_link {
    padding: 5px 0px;
}

/* Page de contact */

.encart_contact {
    position: relative;
}

.encart_contact>.panel-body {
    max-width: 1100px;
}

.encart_contact .panel-front,
.encart_contact .panel-selection {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 40px 40px;
    border-radius: 15px;
}

#portal .encart_contact .panel-body {
    padding: 0;
    margin: 0 auto;
}

.encart_contact .panel-heading h2 {
    display: none;
}


.encart_contact label {
    /* display: none; */
}

.encart_contact .privacy-text {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.encart_contact .privacy-text input {
    width: auto;
    margin-right: 10px;
}

.encart_contact input,
.encart_contact textarea,
.encart_contact .formgroup.category>div {
    width: 100%;
    border: 1px solid var(--dark-blue);
    border-radius: 5px;
    color: var(--dark-blue);
}

.encart_contact input:focus,
.encart_contact textarea:focus {
    border-bottom: 2px solid #F1F3F5;
    outline-color: transparent;
    outline-width: 0;
    transition: all .3s;
}

.encart_contact input::placeholder,
.encart_contact textarea::placeholder {
    font-family: 'Open Sans';
    font-weight: 400;
    color: #737373;
}

.encart_contact ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #737373;
    opacity: 1;
    /* Firefox */
}

.encart_contact :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.encart_contact ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.formulaire_ct {
    padding: 20px;
    background: #fff;
    margin: 0 0 30px 0;
    border-radius: 0;
    -webkit-box-shadow: -1px 6px 10px -2px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: -1px 6px 10px -2px rgba(0, 0, 0, 0.27);
    box-shadow: -1px 6px 10px -2px rgba(0, 0, 0, 0.27);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    float: left;
}

.msg_contact {
    padding: 0 60px;
}

.encart_contact textarea::placeholder {
    line-height: 150px;
}

.encart_contact .formgroup {
    padding-right: 15px !important;
    padding-bottom: 15px;
}

.encart_contact .form-group .col-lg-offset-2.col-lg-9 {
    margin: 0 !important;
}

.encart_contact .form-group .col-lg-offset-2.col-lg-9 .btn-primary,
.encart_contact .form-group .col-lg-offset-2.col-lg-9 .btn-default {
    margin: 10px 1px;
}

.encart_contact .form-horizontal .control-label {
    padding: 0 0 7px 0;
}

.encart_contact .formgroup.input,
.encart_contact .formgroup.category {
    /* height: 60px; */
}

.encart_contact h4 {
    margin: 5px 0 20px 0;
}

.encart_contact .privacy-text label {
    font-size: 12px;
    font-weight: 500;
}

.encart_contact p {
    font-size: 12px;
    font-weight: 500;
    margin: 20px 0
}

.required-field-indicator {
    display: none;
}

.encart_contact .form-horizontal .form-group:before {
    display: none;
}

input {
    border-radius: 0;
}

.form-group {
    margin-bottom: 0;
}

/* Select for contact form 
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #2c3e50;
    background-image: none;
}



select::-ms-expand {
    display: none;
}



.select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
}

select {
    flex: 1;
    padding: 0 .5em;
    color: #fff;
    cursor: pointer;
}



.select::after {
    content: 'grgrrg';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}



.select:hover::after {
    color: #f39c12;
}
*/
.description_resultats{
    color: var(--blue);
    font-weight: 600;
    font-size: 16PX;
   
}
.description_resultats_pendingActiveClients,
.taille_page {
    color: var(--orange);
    font-size: 16px;
    font-weight: 600;
}

.additional-infos {
    color: var(--dark-blue);
    font-size: 16px;
    font-weight: 600;
}

.pagination button.page_link {
    border-bottom: 0px solid var(--dark-blue);
    margin: 0 4px;
    font-size: 16px;
}

.pagination button.btn-link-like {
    float: left;
    padding: 5px 10px;
    color: var(--dark-blue);
}

.pagination button.btn-link-like {
    color: var(--dark-blue);
}

.fa-home,
.fa-phone,
.fa-laptop-code {
    display: block;
    text-align: center;
}

.fa-home:before,
.fa-phone:before,
.fa-laptop-code:before {
    background: var(--blue);
    border-radius: 50%;
    font-size: 20px;
    width: 38px;
    height: 38px;
    margin: 0 0 1.8rem 0;
    display: inline-block;
    color: #fff;
    line-height: 38px
}

.adress,
.phone,
.service_client {
    text-align: center;
}


.adress span,
.phone span,
.service_client span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.encart_contact .btn-primary {
    background-color: var(--blue);
    border-color: var(--blue);
}

.encart_contact .btn-primary:hover,
.encart_contact .btn-primary:focus,
.encart_contact .btn-primary:active {
    background-color: var(--bg-blue-80);
    border-color: var(--bg-blue-80);
}

.search-icon-container .search-icon-container--icon {
  color: var(--dark-blue);
}

.criteres_tri {
   
}

#logon-container {
    background: transparent url(images/background-a.jpg) repeat center top !important;
    max-width: 100%;
}

#logon-container h1 {
    background: none;
    padding-left: 0;
    line-height: 76px;
    margin-bottom: 30px;
    color: #333;
    font-size: 6rem;
}

#logon-container .modal-title {
    color: #fff !important
}

#logon-container .form-group label {
    color: #fff;
}

#logon-form-container h1,
#logon-form-container h2,
#logon-form-container h3,
#logon-form-container h4,
#logon-form-container h5,
#logon-form-container h6 {
    font-family: 'bauhaus_93regular' !important;
}

#resultats .thumbnail-wrapper img {
    /* display: none; Demande de Gaële de retrouver les vignettes */
}

.logon-information-text {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans' !important;
}

#logon-container .form-group label {
    font-family: 'Open Sans' !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: #fff !important;
}

.vert {
    color: var(--blue);
}

.bleu {
    color: #225989;
}

.orange {
    color: var(--orange);
}

.yellow {
    background: var(--orange);
    border-color: var(--orange);
}

.yellow:hover,
.yellow:focus,
.yellow.active,
.open .dropdown-toggle.yellow {
    background-color: #e59617;
    border-color: #e59617;
}

.bleu_btn {
    background: #225989;
    border-color: #225989;
}

.bleu_btn:hover,
.bleu_btn:focus,
.bleu_btn:active,
.open .dropdown-toggle.bleu_btn {
    background-color: #1d4c75;
    border-color: #1d4c75;
}

.slider_container {
    background: var(--blue);
}

.carousel_2 h3 {
    color: #fff;
    font-size: 4rem;
}

.slider_container p {
    color: #fff;
}

.carousel_2 .slider_container {
    right: 0;
    left: 30%;
    transform: translateX(-30%);
    background: transparent;
    height: 100%;
}

.carousel_2 .slider_thumb {
    max-height: 450px;
}

.frame .carousel_2 img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.carousel_2 .slider_content {
    vertical-align: middle;
    display: table-cell;
}

.frame .carousel_2 img:after {
    position: absolute;
    display: block;
    background: var(--dark-blue);
    content: " ";
    height: 100%;
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.formgroup.category {
    display: none;
}

.lang-dropdown-mobile {
    display: none;
}

header .navbar-collapse {
    border: none;
}


.footer-icon-container {
    display: none;
}

/******************************/
.panel-body:after,
.panel-body:before {
   /* display: none;*/
}

.arrow-btn.render-velocityRenderMode_ACTUS .common-view-action-container {
    top: -120px !important;
    display: none;
}

.arrow-btn .common-view-action-container {
    width: 25%;
    float: right;
    position: relative;
    top: 0px;
    left: 0;
    text-align: right;
    margin: 0;
    z-index: 50;
}

.arrow-btn .common-view-action-container .btn-default:hover:before {
    color: var(--orange);
    transform: translateX(-4px);
    transition: all .3s ease;
}

.arrow-btn .common-view-action-container .btn-default {
    background: transparent;
    border: none;
    padding: 14px 0 !important;
    margin: 0;

}

.arrow-btn .common-view-action-container .btn-default:hover:before {
    margin-right: -10px;
    color: var(--orange) !important;
}

.arrow-btn .common-view-action-container .btn-default:before {
    content: "\f061";
    font-family: "Font Awesome 5 free";
    font-weight: 800;
    font-size: 30px;
    color: var(--blue);
    transform: translateX(-0px);
    transition: all .3s ease;
}

.theme-bg-a.arrow-btn .common-view-action-container .btn-default:before {

    content: "\f061";
    font-family: "Font Awesome 5 free";
    font-weight: 800;
    font-size: 30px;
    color: #fff
}

.arrow-btn .common-view-action-container .btn-default span {
    display: none;
}

.render-velocityRenderMode_ACTUS .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.render-velocityRenderMode_ACTUS .flex .p-flex {
    margin-top: 70px;
}

.render-velocityRenderMode_ACTUS .flex .p-flex p {
    font-size: 20px;
    letter-spacing: 1.2px;
    text-transform: uppercase;

}

.render-velocityRenderMode_ACTUS .flex .p-flex p:nth-child(2) {
    padding-left: 150px;
}

.render-velocityRenderMode_ACTUS .owl-carousel.actus {
    width: 22%;
}

.render-velocityRenderMode_ACTUS .owl-nav button {
    background: transparent !important;
}

.render-velocityRenderMode_ACTUS .owl-nav .owl-prev::before,
.render-velocityRenderMode_ACTUS .owl-nav .owl-next::before {
    color: #fff !important
}

.render-velocityRenderMode_ACTUS .owl-nav .owl-prev::before {
    left: -20px !important;
}

.render-velocityRenderMode_ACTUS .owl-nav .owl-next::before {
    left: 20px !important;
}

.render-velocityRenderMode_ACTUS {
    background: transparent;
    padding: 250px 50px 100px;
}

.render-velocityRenderMode_ACTUS .notice_actu .category-form {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    padding: 2px 15px;
}

.render-velocityRenderMode_ACTUS .notice_actu {}

.render-velocityRenderMode_ACTUS .owl-carousel .owl-item img {
    object-position: center !important;
    border-radius: 5px 5px 0 0;
    height: 200px !important;
    background: #fff;
}

.notice_actu .content_bc {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.content_bc h2 {
    color: var(--dark-blue);
    font-size: 18px;
    font-family: 'Open Sans';
    font-weight: bold !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;

}

.notice_actu .content_bc .author {
    font-size: 14px;
    font-style: italic;
}

.render-velocityRenderMode_ACTUS .result-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold !important;
    font-size: 18px !important;
}

.notice_actu .content_bc .description {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/******************/
.archi-valeurs ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.archi-valeurs ul li {
    text-align: center;
    width: 168px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    flex: 1 1 auto;
    margin: 10px 0;
}

.archi-valeurs ul li a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.archi-valeurs {
    padding: 30px 0 0 0;
}

.archi-valeurs ul li img {
    max-width: 155px;
    display: block;
    margin: 0 auto;
    height: 155px;
}

.archi-valeurs ul li span {
    margin: 20px 0 0 0;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.archi-valeurs ul li a:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/****************/

.modele_ems_1 .thumb_ems.blue_bg .thumb_bg_blue {
    width: 100%;
    background: var(--blue);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

.modele_ems_1 .thumb_ems.blue_bg {
    position: relative;
    width: 60%;
    border-radius: 10px;
    float: left;
}

.modele_ems_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modele_ems_1 img {
    position: relative;
    border-radius: 10px;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}

.modele_ems_1 .modele-content {
    width: 40%;
    padding: 0 0 0 80px;
    float: left;
}

.modele_ems_1 h3 {
    color: var(--dark-blue);
    margin-bottom: 30px;
}

.modele_ems_1 .btn-default {
    margin-top: 20px;
}

/***********************/
.modele_ems_2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modele_ems_2 .modele-content {
    width: 60%;
    padding: 0 0 0 80px;
    float: left;
}


.modele_ems_2 .thumb_ems {
    position: relative;
    width: 40%;
    border-radius: 10px;
    float: left;
}

.modele_ems_2 img {
    position: relative;
    border-radius: 10px;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}

.modele_ems_2 .thumb_ems .thumb_bg_orange {
    width: 100%;
    background: var(--orange);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

.flex-revert .modele_ems_2,
.flex-revert .modele_ems_1 {
    flex-direction: row-reverse;
}

.flex-revert .modele_ems_2 .modele-content,
.flex-revert .modele_ems_1 .modele-content {
    padding: 0 80px 0 0;

}

.blue-clair-before-ems .thumb_ems .thumb_bg_orange,
.blue-clair-before-ems .thumb_ems .thumb_bg_blue {
    width: 100%;
    background: var(--bg-blue-45);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

.blue-sky-before-ems .thumb_ems .thumb_bg_orange,
.blue-sky-before-ems .thumb_ems .thumb_bg_blue {
    width: 100%;
    background: var(--bg-blue-13);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

.green-before-ems .thumb_ems .thumb_bg_orange,
.green-before-ems .thumb_ems .thumb_bg_blue {
    width: 100%;
    background: var(--vert);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

.dark-blue-before-ems .thumb_ems .thumb_bg_orange,
.dark-blue-before-ems .thumb_ems .thumb_bg_blue {
    width: 100%;
    background: var(--dark-blue);
    position: absolute;
    bottom: -20px;
    right: -20px;
    height: 100%;
    border-radius: 10px;
}

/***************footer****************/
footer {
    background: var(--dark-blue);
}

footer h3 {
    color: #fff;
    margin-bottom: 15px;
}

.top_footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0;
    width: 100%;
    gap: 30px;
}

.top_footer {
    padding: 20px 0 40px 0;
}

.bottom_menu {
    font-size: 14px;
    text-align: center;
}

.top_footer .left_margin a {
    font-size: 16px;
}

.top_footer .left_margin ul {
    margin-left: 20px;

}

.top_footer .left_margin ul li {
    margin: 5px 0;

}

.left_margin footer a,
.left_margin footer a:hover,
.left_margin footer a:focus {
    color: var(--orange);
    text-decoration: none;
}

footer .right_margin ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

footer .right_margin ul li i {
    font-size: 30px;
}

.menu-copyright {
    background: #fff;
}

.copyright.container {
    padding: 10px;

}

.menu-copyright .copyright ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.menu-copyright .copyright ul li {
    color: var(--blue);
    font-size: 14px;
}

.menu-copyright .copyright ul li a {
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;

}

.copyright ul li a:hover,
.copyright ul li a:focus {
    color: var(--blue);
}

footer .container {
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
    padding: 20px 50px;
}

/*******************/

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .options {
    background: transparent !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option {
    background: var(--bg-blue-45) !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option:hover {
    background: var(--bg-blue-80) !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option.active {
    background: var(--blue) !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .info {
    padding: 40px 20px;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option:first-child {
    border-radius: 15px 0 0 15px;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option:last-child {
    border-radius: 0 15px 15px 0;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS a.btn-accord {
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: underline;

}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .options {
    height: 500px !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .info .title_owl {
    font-size: 20px;
    font-weight: 700 !important;
    margin-bottom: 30px;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option a.btn-accord,
.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option .description {
    display: none !important;
}

.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option.active a.btn-accord,
.render-velocityRenderMode_NOUVEAUTES-CLIENTS .option.active .description {
    display: -webkit-box !important;
    transition: 0s;
}

/*******************************/
.render-velocityRenderMode_ARTICLES .owl_thumb_ct {
    height: 170px !important;
}

.render-velocityRenderMode_ARTICLES img {
    height: 170px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 15px 15px 0 0;
}

.render-velocityRenderMode_ARTICLES .owl-item {
    background: var(--bg-blue-13) !important;
    border-radius: 15px;
}

.render-velocityRenderMode_ARTICLES .ct_wol_spec {
    color: var(--dark-blue) !important;
    text-align: left !important;
    padding: 20px;
    margin: 0 !important;

}

.render-velocityRenderMode_ARTICLES .title_owl {
    font-size: 18px;
    font-weight: 800;
}

.render-velocityRenderMode_ARTICLES .ct_wol_spec .author {
    color: var(--dark-blue) !important;
    font-size: 14px;
    font-style: italic;
    margin: 10px 0 !important;
}

.render-velocityRenderMode_ARTICLES .ct_wol_spec .description {
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.render-velocityRenderMode_ARTICLES .owl-carousel .owl-item:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.render-velocityRenderMode_ARTICLES .owl-carousel .owl-stage-outer {
    overflow: visible;
}

/********/
.content-project-htm {
    max-width: 65%;
    margin: 0 auto;
    padding: 200px 0;
}

.content-plus {
    margin: 60px 0;
}

.content-plus h4 {
    margin-bottom: 30px;
    color: var(--dark-blue);
}

.content-plus div {
    margin-bottom: 40px;
}

.content-plus .download-file {
    margin-top: 30px;
    font-size: 18px;
    font-family: 'bauhaus_93regular';
    letter-spacing: 1.5px;
}

.content-plus .download-file::before {
    content: "\f381";
    font-family: "Font Awesome 5 free";
    font-weight: 800;
    font-size: 18px;
    margin-right: 10px;
}

/**********/
.text-mage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

.left-section {
    width: 50%;


}

.right-section {
    width: 40%;

}

.text-mage .right-section.img {
    width: 75%;
}

/**************/
.elements-5 .on_doc .bloc {
    width: 23%;
}

.on_doc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px 17px;
}

.on_doc .bloc {
    width: 24%;
    display: flex;
    flex-direction: column;
}

.on_doc>div .title-bg-a {
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: transparent url(images/bg-pattern-bleu.svg) no-repeat center center;
    padding: 15px 40px;
    border-radius: 15px;
    min-height: 170px;
    height: 170px;
    background-size: cover;

}

.on_doc p {
    color: var(--dark-blue);
    margin: 18px 0;
}

.on_doc i {
    font-size: 30px;
    color: var(--blue)
}

a:hover .fa-arrow-right:before {
    margin-left: 20px;
    color: var(--orange);
    transition: ease-in-out 0.5s;
}

.on_doc .title-bg-a h5 {
    color: #fff;
}

.theme-bg-bleu a:hover .fa-arrow-right:before {
    margin-left: 10px;
    color: var(--orange);
    transition: ease-in-out 0.5s;
}

.theme-bg-bleu .on_doc p {
    color: #fff !important
}

/******************/
.the-6-reasons-why {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 60px;
}

.it-s-all-about {
    width: 30%;
}

.the-6-reasons-why h4 {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.it-s-all-about h4::before {
    content: '';
    height: 60px;
    width: 60px;
    bottom: 0px !important;
    display: block;
    position: relative;
}

.it-s-all-about h4::before {
    object-fit: cover !important;
}

.it-s-all-about:nth-child(1) h4::before {
    background: transparent url(images/bulle-1.svg) no-repeat center;

}

.it-s-all-about:nth-child(2) h4::before {
    background: transparent url(images/bulle-2.svg) no-repeat center;
}

.it-s-all-about:nth-child(3) h4::before {
    background: transparent url(images/bulle-3.svg) no-repeat center;
}

.it-s-all-about:nth-child(4) h4::before {
    background: transparent url(images/bulle-4.svg) no-repeat center;
}

.it-s-all-about:nth-child(5) h4::before {
    background: transparent url(images/bulle-5.svg) no-repeat center;
}

.it-s-all-about:nth-child(6) h4::before {
    background: transparent url(images/bulle-6.svg) no-repeat center;
}

/****************/
.fonctionilites-syr {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 200px;
}

.fonctionilites-syr a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 24px;

}

.fonctionilites-syr a i {
    margin-top: 20px;
}

.fonctionilites-syr a:hover {
    text-decoration: none;
}

svg:not(:root) {
    overflow: visible;
}

.navbar-header:after,
.navbar-header:before,
.nav:after,
.nav:before {
    display: none !important;
}

/*************/
.nosvaleurs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 80px;
}

.nosvaleurs .valeur {
    width: 40%;
}

.nosvaleurs .valeur ul>li.title {
    display: flex;
    align-items: center;
    gap: 20px;
}

.nosvaleurs .valeur ul>li.content {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.nosvaleurs .valeur ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nosvaleurs .valeur ul>li.content p {
    margin: 0;
}

.nosvaleurs .valeur ul>li.title p {
    margin: 20px 0;
}

.nosvaleurs h5 {
    font-family: 'Open Sans';
    font-weight: 400;
}

/****/
.equipe-archimed {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px 16px;

}


.equipe-archimed .normal-image {
    position: relative;
    top: 0;
    left: 0;
    height: 320px;
    object-fit: cover;
    z-index: 1;
    border-radius: 15px;
}

.equipe-archimed .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 320px;
    object-fit: cover;
    z-index: 0;
    border-radius: 15px;
}

.desc-equi:hover .normal-image {
    opacity: 0;
    transition: all .5s ease-in-out;
    /* L'image normale est cachée au survol */
}

.desc-equi:hover .hover-image {
    opacity: 1;
    transition: all .5s ease-in-out;
    /* L'image en survol est affichée au survol */
}

.desc-equi:hover .quote {
    opacity: 1;

}

.desc-equi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 24%;
    gap: 20px;

}

.equipe-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.equipe-img {
    position: relative;
    transition: all .5s ease-in-out;
}

.quote {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    background-color: #4747f0c2;
    color: white;
    padding: 15px 25px;
    margin: 0;
    display: none;
    border-radius: 15px;
    transition: all .5s ease-in-out;
}

.equipe-img:hover .quote {
    display: block;
    /* Show quote on hover */
}

.link-in {
    color: inherit;
    text-decoration: none;
}

.equipe-info p {
    margin: 0;
}

.equipe-info i {
    color: var(--orange);
    font-size: 20px;
}

.equipe-info .name {
    font-size: 18px;
    letter-spacing: 1.2px;
    font-weight: 700;
    color: var(--blue);
}

/*************/
.petit-encart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--blue);
    padding: 60px 80px;
    border-radius: 20px;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
}

.petit-encart h2,
.petit-encart p,
.petit-encart span {
    color: #fff;
}

/*.petit-encart a {
    margin-top: 60px;
}*/
.petit-encart .btn-default {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue);
}

.petit-encart .btn-default:hover,
.petit-encart .btn-default:focus,
.petit-encart .btn-default:active,
.petit-encart .btn-default.active,
.petit-encart .open .dropdown-toggle.btn-default {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue);
}

/*******/
.else {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.else .syr-aussi {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

/************/
.types-interventions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.types-interventions p {
    background: #fff;
    color: var(--dark-blue);
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    margin: 0;
}

.slider_content .types-interventions {
    margin-top: 30px;
}

#nav-rich-menu:before,
#nav-rich-menu:after {
    display: none;
}

/*****************/
/*.theme-image-bg-carriere,*/
.image-bg {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    position: relative;
    border-radius: 15px;
    height: 240px;
}

.image-bg::after {
    content: '';
    background: #4747f0cf;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 15px;
}

.image-bg .header-img img {
    border-radius: 15px;
    height: 240px;
    width: 100%;
    object-fit: cover
}

.image-bg .slider_sub_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.image-bg .slider_container {
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 40px;
}

.image-bg .intervention p {
    color: var(--dark-blue)
}

.image-bg h2,
.image-bg h3,
.image-bg p {
    color: #fff;
    margin: 0;
}

.image-bg .content-img-bg {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/******/
.services-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
}

.service {
    background: var(--blue);
    /* width: 32%; */
    /* margin: 20px; */
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    display: -webkit-box;
    display: flex;
    border: 2px solid var(--blue);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    flex-direction: column;
    align-items: center;
    flex: 32% 0;
}

.service p {
    color: #fff;
}

.service:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    --moz-box-shadow: rgb(71 71 240 / 30%) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    box-shadow: rgb(66 66 224 / 42%) 0px 10px 15px -3px, rgb(71 71 240 / 0%) 0px 4px 6px -2px;
}

.service i {
    font-size: 3.45rem;
    margin: 1rem 0;
}

.service .intervention p {
    color: var(--dark-blue);
    font-size: 13px;
    font-weight: 500;
}

.service h3 {
    color: #fff;
    text-align: center;
    margin: 0 auto;

}

.service .types-interventions .intervention {
    margin-top: 20px;
    white-space: nowrap;
}

.service .cta span {
    font-size: 24px;
    font-family: 'bauhaus_93regular';
    letter-spacing: 1px;
}

.service .desc-post {
    position: relative;
}

.service .desc-post p {
    margin: 25px 0 20px;
}

.service .desc-post:after {
    content: "";
    height: 2px;
    width: 100px;
    border-radius: 50px;
    position: absolute;
    background-color: var(--orange);
    left: 35%;
    bottom: 0;
}

.service>* {
    flex: 1 1 100%;
}

.service .cta {

    color: #fff;
}



.gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50vh;
}

.gallery-wrap img {
    height: 100% !important;
    object-fit: cover;
}

.item {
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.8s ease;
}

.item:hover {
    flex: 5;
}

/********************/


.service_client-enc .service_client a {
    background: #fff;
    border: 3px solid #fff;
    padding: var(--btn-padding);
    border-radius: var(--radius);
    color: var(--blue);
    font-family: 'bauhaus_93regular';
    font-weight: 400;
    text-transform: none;
    line-height: 1.4 !important;
}

.service_client-enc .service_client a:hover {
    background: transparent;
    border: 3px solid #fff;
    color: #fff;
    text-decoration: none;

}

.service_client-enc {
    /* position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: right;*/
    position: relative;
    float: right;
    display: flex;
    justify-content: flex-end;
}

.infos-contact-enc {
    /* position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left;*/
    float: left;
    position: relative;
    width: 100%;
    display: flex;
}

.infos-contact-enc .adress {
    position: absolute;
    top: 23%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.infos-contact-enc .adress .adresse1 span:after {
    height: 2px;
    width: 130px;
    top: 55%;
    left: 0;
    position: absolute;
    content: "";
    background-color: var(--orange);
}

.adress .h4 {
    color: #fff !important;
}

.service_client-enc .service_client {
    position: absolute;
    top: 45%;

}

.bulles-infos--contaxt-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.bulles-infos--contaxt-form .bulles-img-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bulles-infos--contaxt-form .bulles-infos,
.bulles-infos--contaxt-form .no-gutters {
    width: 50%;
}

.bulles-infos--contaxt-form .no-gutters h3 {
    margin-bottom: 30px;
}

.no-gutters span {
    font-size: 12px;
    line-height: 1.4;
    color: var(--dark-blue) !important;
}

.form-control:focus {
    border-color: var(--blue);
}

.bulles-infos--contaxt-form .no-gutters {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 40px 40px;
    border-radius: 15px;
}

.site-btn {
    display: none;
}

.assisted-demo {
    display: flex;
    align-items: center;
    gap: 20px;
}

.assisted-demo p {
    color: #fff
}

.search-assistant-modal .assisted-demo .btn {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue) !important;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 900;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-assistant-modal .assisted-demo .btn:hover,
.search-assistant-modal .assisted-demo .btn:focus {

    color: #fff !important;
    background: transparent !important;

}



.search-assistant-modal .assisted-demo .btn::after {
    content: '';
    background: transparent url(images/fleche-bleu.svg);
    height: 20px;
    width: 20px;
    bottom: 2px !important;
    display: block;
    margin-left: 10px;
    position: relative;
    color: var(--blue);
}

.search-assistant-modal .assisted-demo .btn:hover::after,
.search-assistant-modal .assisted-demo .btn:focus::after {
    background: transparent url(images/fleche-blanc.svg) !important;
}

.search-assistant-modal h1 {
    color: #fff;
}

#multi_selection_simple .panel,
#multi_selection .panel {
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: 10px 10px 26px 3px rgb(0 0 0 / 12%);
    -moz-box-shadow: 10px 10px 26px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 26px 3px rgb(0 0 0 / 12%);
    border-radius: 6px;
    padding: 20px;
}

#nav-rich-menu li.rich-item.demo,
#ermes_main_menu li.LEVEL1.demo {
    margin-left: 105px;
    padding-right: 50px;
}

.change-site-mobile {
    display: none;
}

#nav-rich-menu li.rich-item.comm,
#nav-rich-menu li.rich-item.contact-mobile,
#nav-rich-menu li.rich-item.vs-etes-mobile {
    display: none;
}

.master-header-modern footer .scroll-top-button {
    display: none !important;
}

/***********************/
.image-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

.image-grid img {
    border-radius: 15px;
}

.image-grid .large-images>div {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 16px;
}

.image-grid .large-images img:first-child {
    width: 61%;
    height: 343px;
    object-fit: cover;
    flex: 1
}

.image-grid .large-images img:last-child {
    width: 32%;
    height: 343px;
    object-fit: cover;
}

.large-images {
    width: 76%;
}


.image-grid .small-images>div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.image-grid .small-images img {
    width: 100%;
    height: 163px;
    object-fit: cover;
}
/*****************/
.amvsi{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.amvsi ul.first-row,
.amvsi ul.third-row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
    gap:10px
}

.amvsi ul.scnd-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap:10px
}


.amvsi ul li p  {
    margin: 10px 0 0 0;
}

.amvsi ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.amvsi ul li a b {
    font-weight: 700;
}

.amvsi.mobile {
    display: block !important;
}

.amvsi.mobile>ul {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 50px;
    align-items: stretch;
}


/******************Responsive devices*******************/
@media (min-width: 1340px) {
    #resultats_recherche h2, #options_resultat h2 {
        font-size: 37px;
    }
}
@media (max-width: 1340px) {

    #nav-rich-menu li.rich-item.demo,
    #ermes_main_menu li.LEVEL1.demo {
        margin-left: 55px;
    }
}

@media (max-width: 1340px) {

    #nav-rich-menu li.rich-item.demo,
    #ermes_main_menu li.LEVEL1.demo {
        margin-left: 55px;
    }
}

@media (max-width: 1300px) {

    #nav-rich-menu li.rich-item.demo,
    #ermes_main_menu li.LEVEL1.demo {
        margin-left: 30px;
    }

    .it-s-all-about {
        width: 45%;
    }

    .the-6-reasons-why {
        gap: 20px;
    }

}

@media (max-width: 1260px) {

    #nav-rich-menu li.rich-item.demo,
    #ermes_main_menu li.LEVEL1.demo {
        margin-left: 0px;
    }

    #nav-rich-menu,
    #ermes_main_menu {
        gap: 25px !important
    }

}

@media (max-width: 1170px) {
    .image-grid .large-images img:last-child {
        width: 33%;
    }
}

@media (max-width: 1130px) and (min-width: 992px) {
    .header-modern #menu-panel {
        padding: 0 !important;
    }

    .header-modern__body {
        flex-direction: column !important;
    }

    .header-modern #nav-rich-menu,
    .header-modern #ermes_main_menu {
        width: 100% !important;
    }

    .header-modern__top-nav {
        padding: 0 50px !important;
    }

    #nav-rich-menu,
    #ermes_main_menu {
        margin: -40px 0 0 0 !important;
        padding: 0 0 20px 0 !important;
    }

    .navbar-header {
        padding: 25px 0;
    }

}

@media (max-width: 1100px) {
    h1 {
        font-size: 45px;
    }

    .render-velocityRenderMode_ACTUS {
        padding: 200px 50px 100px;
    }

    .service {
        flex: 49% 0;
    }


}

@media (min-width: 1920px) {}



@media (min-width: 1100px) {}

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

@media (max-width: 1200px) and (min-width: 1131px) {

    .header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down #nav-rich-menu,
    .header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down #ermes_main_menu {
        margin: -80px 0 0 0 !important;
    }

    #nav-rich-menu,
    #ermes_main_menu {
        margin: -80px 0 0 0 !important
    }
}

@media (max-width: 1250px) {
    .on_doc {
        gap: 50px 17px;
        justify-content: space-between;
    }

    .on_doc .bloc {
        width: 30%;
    }

}

@media (min-width: 1200px) {
    .search-icon-container {
        display: none !important;
    }
}

@media (min-width: 992px) {

    .contact-btn-fixed {
        position: fixed;
        z-index: 999;
        bottom: 1vh;
        right: 10px;
        background: var(--orange);
        height: 70px;
        width: 70px;
        top: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .contact-btn-fixed i {
        color: #fff;
        font-size: 30px;
    }

    .contact-btn-fixed:hover,
    .contact-btn-fixed:focus {
        text-decoration: none;
        background: var(--vert);
    }

    body #page::before {
        content: '';
        background: #fff;
        height: 40px;
        width: 100%;
        position: relative;
        display: block;
        color: var(--dark-blue);
        text-align: left;
        line-height: 40px;
        padding-left: 20px;
    }
}

@media (max-width: 991.98px) {
    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li:not(.LEVEL1)>a:hover {
        color: var(--orange)
    }

    #nav-rich-menu li.rich-item.comm,
    #nav-rich-menu li.rich-item.contact-mobile,
    #nav-rich-menu li.rich-item.vs-etes-mobile {
        display: block;
    }

    #header-modern-main-nav-mobile-subitems li.panel.LEVEL1.mega-menu {
        display: none !important;
    }

    #header-modern-main-nav-mobile-subitems li.panel.LEVEL1.contact-mobile>a:before {

        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f0e0';
        margin: 0;
        font-size: 18px;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }

    #header-modern-main-nav-mobile-subitems li.panel.LEVEL1.comm>a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f0c0';
        margin: 0;
        font-size: 18px;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        margin-right: 10px;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1>a {
        display: flex;
        justify-content: flex-start;
        text-transform: none;
        font-weight: 500 !important;
    }

    .header-modern .header-modern__brand .navbar-brand {
        width: 300px !important;
        margin: 20px 0 20px !important;
        height: 120px !important;
    }

    .master-header-modern--sticky .header-modern+#main-ermes-container {}

    .header-modern .header-modern__body {
        background: transparent url(Images/Fond-mobile.png) center center;
        background-size: contain;
    }

    .header-modern .header-modern__search {
        margin: 0 !important;
    }

    .header-modern__main-nav-mobile-dialog.modal.fade .modal-body {
        padding: 0;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1>a:not(.btn) {
        padding: 10px 0px;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1 {
        margin-bottom: 0 !important;
        width: max-content;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1.assisted-search-btn.search>a:before {
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-size: 19px;
        font-weight: 600;
        color: #fff;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1.assisted-search-btn.search>a {
        gap: 10px;
        width: auto;
        background: var(--blue);
        border: 3px solid #fff;
        padding: var(--btn-padding);
        border-radius: var(--radius);
        color: #fff;
        font-family: 'bauhaus_93regular';
        text-transform: none;
        line-height: 1.4 !important;

    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile {
        flex-direction: row;
        margin: 0 20px;
    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1.demo>a:before {

        content: '';
        background: transparent url(images/fleche-bleu.svg);
        height: 20px;
        width: 20px;
        bottom: 2px !important;
        display: block;
        position: relative;

    }

    .header-modern__main-nav-mobile-dialog #header-modern-main-nav-mobile li.LEVEL1.demo>a {
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .large-images {
        width: 100%;
    }

    .image-grid .large-images img {
        width: 50% !important;
    }

    .image-grid {
        flex-direction: column;
    }

    .image-grid .small-images img {

        height: 343px;

    }

    .master-header-modern footer .scroll-top-button {
        display: block !important;
        position: fixed;
        bottom: 35px;
        background-color: var(--blue);
        border-radius: 10px;
        color: #fff;
        height: 40px;
        width: 40px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        right: 20px !important;


    }

    .master-header-modern footer .scroll-top-button .fa-caret-up:before {
        content: "\f062";

    }

    .options {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        height: 1060px !important;
        border-radius: 15px !important
    }

    .option,
    .option.active {
        width: 50% !important;
    }

    .option:first-child {
        border-radius: 0 !important;
    }

    .option:last-child {
        border-radius: 0 !important;
    }

    .search-assistant-modal .modal-dialog .modal-content .modal-body .intro-label {
        padding: 100px 0 20px !important;
    }

    .search-assistant-modal form.search-form .search-field input {
        width: 70% !important;
    }

    #portal .frame {
        margin: 0 0 50px 0 !important;
    }



    .on_doc {
        justify-content: flex-start !important;
    }

    .on_doc .bloc,
    .elements-5 .on_doc .bloc {
        width: 32%;
    }

    .theme-bg-bleu .panel-front,
    .theme-bg-bleu .panel-selection {
        padding: 30px 20px !important;
    }

    .panel-front,
    .panel-selection {
        padding: 20px;
        margin: 0 20px;
    }

    .plezi-submit-btn {
        width: 100%
    }

    .render-velocityRenderMode_ACTUS .owl-nav .owl-prev::before,
    .render-velocityRenderMode_ACTUS .owl-nav .owl-next::before {
        color: var(--blue) !important;
    }

    .render-velocityRenderMode_ACTUS {
        padding: 30px 10px 0px;
    }

    #nav-rich-menu li.rich-item.demo,
    #ermes_main_menu li.LEVEL1.demo {
        padding-right: 50px;
    }

    .modele_ems_1 {
        align-items: stretch;
    }

    .modele_ems_1 .modele-content {
        width: 50%;
        padding: 0 0 0 40px;

    }

    .modele_ems_1 .thumb_ems.blue_bg {
        width: 50%;
    }

    h1 {
        font-size: 60px;
    }

    .render-velocityRenderMode_ACTUS .owl-carousel.actus {
        width: 60%;
    }

    .render-velocityRenderMode_ACTUS .flex {
        flex-direction: column;
    }

    .render-velocityRenderMode_ACTUS .flex .p-flex {
        margin-top: 20px;
    }

    .bulles-infos--contaxt-form {
        flex-direction: column;
    }

    .bulles-infos--contaxt-form .no-gutters {
        width: 100%;
    }

    .bulles-infos--contaxt-form .bulles-infos {
        width: 65%;
    }

    #search-panel .panel-body {
        width: 200px;
        margin: 0 auto;
        background: transparent;
        position: absolute;
        top: -50px;
        right: 20px;
        border-radius: 20px;
        background: #f1f3f5;
        padding: 0;
    }

    .carousel_3 .slider_content {
        padding: 10px;
    }

    .theme_24 .rs-staticList li:nth-child(3n+3) {
        margin-right: 0;
    }

    .theme_24 .rs-staticList li {
        width: 30%;
        float: left;
        margin: 0 5% 10px 0;
    }

    .blog-post-featured-image img {
        max-height: 240px;
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 889px) {

    .on_doc .bloc,
    .elements-5 .on_doc .bloc {
        width: 48%;
    }

    .service {
        flex: 100% 0 !important;
    }
}

@media (max-width: 800px) {


    .haut_btn {
        float: left;
    }

}

.clearfix:after,
.clearfix:before {
    display: none;
}

/* iPad portrait  width: 768px */
@media (max-width:901px) {}

@media (max-width:808px) {


    .service .desc-post:after {
        left: 43%
    }
}

@media (min-width: 768px) {
    .notice.notice_courte, .statut, .statut-disabled, .statut-primaryDoc {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .navigation-page.row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    #nav-rich-menu li.rich-item.open .dropdown,
    #nav-rich-menu li.rich-item:not(.by-click):hover .dropdown {
        gap: 20px 0;
        border-radius: 25px;
        box-shadow: rgb(71 71 240 / 19%) 0px 1px 2px 0px, rgb(71 71 240 / 3%) 0px 2px 6px 2px;
    }

    .header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down #nav-rich-menu,
    .header-modern.header-modern--menu-below-search.header-modern--scrolling.header-modern--scrolling-down #ermes_main_menu {
        margin: -70px 0 0 0;
    }

    .header-modern #nav-rich-menu .dropdown-menu,
    .header-modern #ermes_main_menu .dropdown-menu {
        min-width: 250px;
        width: 100%;
        border-radius: var(--radius);
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

    }

    #nav-rich-menu>li>a,
    #nav-rich-menu>li>a {
        border-bottom: 5px solid transparent;
    }

    #nav-rich-menu>li>a:hover,
    #nav-rich-menu>li:hover>a {
        background: #fff;
        border-bottom: 5px solid var(--orange);
    }

    .header-modern #nav-rich-menu,
    .header-modern #ermes_main_menu {
        position: relative;
        background: transparent;
        width: auto;
    }



    .header-modern #nav-rich-menu li.rich-item.demo>a,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a {
        background: #fff;
        border: 3px solid #fff;
        padding: var(--btn-padding);
        border-radius: var(--radius);
        color: var(--blue);
        font-family: 'bauhaus_93regular';
        text-transform: none;
        line-height: 1.4 !important;
        font-weight: normal;
    }

    .header-modern #nav-rich-menu li.rich-item.demo>a:hover,
    .header-modern #nav-rich-menu li.rich-item.demo>a:focus,
    .header-modern #nav-rich-menu li.rich-item.demo>a:active,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:hover,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:focus,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:active,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:visited {
        background: transparent;
        border: 3px solid #fff;
        color: #fff;
    }



    .header-modern #nav-rich-menu li.rich-item.demo>a:hover::after,
    .header-modern #nav-rich-menu li.rich-item.demo>a:focus::after,
    .header-modern #nav-rich-menu li.rich-item.demo>a:active::after,
    .header-modern #nav-rich-menu li.rich-item.demo>a:visited::after,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:hover::after,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:focus::after,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:active::after,
    .header-modern #ermes_main_menu li.LEVEL1.demo>a:visited::after {
        background: transparent url(images/fleche-blanc.svg);
    }

    #nav-rich-menu li.rich-item.home>a:before,
    #ermes_main_menu li.LEVEL1.home>a:before {
        content: "\f015";
        font-family: "Font Awesome 5 free";
        font-weight: 800;
        font-size: 20px;
    }

    #nav-rich-menu li.rich-item.home>a span,
    #ermes_main_menu li.LEVEL1.home>a span {
        display: none
    }

    #nav-rich-menu li.rich-item.search>a span,
    #ermes_main_menu li.LEVEL1.search>a span {
        display: none;
    }

    .header-modern #nav-rich-menu li.rich-item.menu_deroulant .dropdown {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #nav-rich-menu li.menu_deroulant .dropdown {
        gap: 0px !important;
    }

    .rich-item.menu_deroulant {
        position: relative;
    }

    .rich-item.menu_deroulant .illustration {
        display: none !important;
    }

    #nav-rich-menu li.menu_deroulant .dropdown {
        max-width: none !important;
        width: auto !important;
        overflow: unset;
        overflow-y: auto;
    }

    #nav-rich-menu li.rich-item.menu_deroulant.open .dropdown {
        left: -90px;
    }

    #nav-rich-menu li:not(.menu_deroulant) .dropdown .dropdown_container {
        position: relative;
        padding: 10px;
        float: left;
        margin: 0 !important;
        background: transparent
    }

    #nav-rich-menu li.menu_deroulant .dropdown>div {
        flex: 1 0 auto !important;
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .rich-item.menu_deroulant .dropdown {
        background: #fff !important;
    }

    #nav-rich-menu li.menu_deroulant .dropdown {
        max-width: none !important;
        width: auto !important;
        overflow: unset;
        overflow-y: auto;
    }

    .container>.navbar-header,
    .container>.navbar-collapse {
        z-index: 23;

    }

    #menu-panel.sticky-menu-classic.navbar-fixed-top .panel-body {
        padding-left: 0;
    }

    .navbar>.container .navbar-brand {
        margin: 0px;
        padding: 0;
    }


    #search-panel>.container {
        padding: 0;
        background: transparent;
        position: relative;
        max-width: 100%;
        width: 100%;
    }

    #admin-actions~#page main {
        margin: 0;
    }

    header .container {
        width: 100%;
        max-width: 1340px;
    }

    .layout_fluid100 header {
        /* margin: 0; */
    }

    #menu-panel {
        border-top: none;
        background: transparent;
        margin: 0;
        /* position: fixed; */
        left: 0;
        top: 35px;
        width: 100%;

    }

    .statut,
    .statut-disabled,
    .statut-primaryDoc {
        background-color: #eee;
    }

    .header-compact .btn-account {
        padding: 0;
    }

    .btn-account {
        background: transparent;
        color: var(--orange);
        font-size: 1.5rem;
        text-transform: none;
        padding: 0;
        border-radius: 0 !important;
        border: 0;
        overflow: hidden;
        height: 80px;
    }

    .btn-account:hover,
    .btn-account:focus,
    .btn-account:active,
    .btn-account.active,
    .open .dropdown-toggle.btn-account {
        color: #fff;
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    .btn-account>span {
        background: var(--orange);
        height: auto !important;
        line-height: 100%;
        padding: 1.2rem 1.8rem;
        border-radius: 10rem;
        color: #fff;
        -moz-transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .btn-account>span:hover {
        background: #e29517;
    }

    .button-my-account {
        margin: 0;
    }

    .register_user_link,
    .register_user_link:hover {
        color: #fff;
    }

    .connectBox {
        padding: 22px 0;
    }

    .detail-icon-container {
        margin-top: 0px;
    }

    #search-panel .panel-body {
        display: none;
    }

    .statut,
    .statut-disabled,
    .statut-primaryDoc {
        background-color: #f0f0f0;
    }

    .modal-dialog {
        width: 900px;
    }

    .modal-dialog .btn {
     
    }

    .navbar-compact #menu-panel .navbar-collapse {
        float: none;
    }

    /*******************/
    #nav-rich-menu,
    #ermes_main_menu {
        margin: -77px 0 0 0;
        float: right;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        padding: 0;
        width: auto;
    }

    #nav-rich-menu li.rich-item,
    #ermes_main_menu li.LEVEL1 {
        width: auto;
        background: transparent;
        border: none;
        margin: 0;
        padding: 0;
        float: left;
    }

    #nav-rich-menu li.rich-item>a,
    #ermes_main_menu li.LEVEL1>a {

        color: var(--blue);

    }

    #nav-rich-menu li.rich-item>a:hover,
    #nav-rich-menu li:hover>a,
    #ermes_main_menu li.LEVEL1>a:hover,
    #ermes_main_menu li:hover>a {
        background: transparent;
        color: var(--orange);
    }

    #nav-rich-menu .dropdown-menu,
    #ermes_main_menu .dropdown-menu {
        background: #fff;
        border: none;
        padding: 0;
        margin-top: 0px;
        -webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.27);
        -moz-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.27);
        box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.27);
    }

    #nav-rich-menu .dropdown-menu>li>a,
    #ermes_main_menu .dropdown-menu>li>a {
        color: var(--blue);
        background-color: transparent !important;
        font-size: 15px;
        text-align: left;
        text-transform: none;
        font-weight: 400;
        padding: 6px 10px;
        white-space: normal;
        line-height: 100%;
    }

    #nav-rich-menu.dropdown-menu>li>a:hover,
    #nav-rich-menu .dropdown-menu>li:hover>a,
    #ermes_main_menu .dropdown-menu>li>a:hover,
    #ermes_main_menu .dropdown-menu>li:hover>a {
        background: transparent;
        color: var(--orange);
    }

    #nav-rich-menu li.rich-item .caret,
    #nav-rich-menu li.rich-item a:hover .caret,
    #ermes_main_menu li.LEVEL1 .caret,
    #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: var(--blue);
        border-top-color: var(--blue);
    }

    #nav-rich-menu li.rich-item>a:hover .caret,
    #nav-rich-menu li.rich-item>a .caret,
    #ermes_main_menu li.LEVEL1>a:hover .caret,
    #ermes_main_menu li:hover>a .caret {
        border-bottom-color: var(--orange);
        border-top-color: var(--orange);
    }

    .dropdown-submenu>.dropdown-menu {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    /** Compact menu **/
    .header-compact .top_bar #ermes_main_menu {
        margin: 0 0 0 40px;
    }

    .header-compact .top_bar {
        padding: 0 50px;
        background: #fff;
    }
}

.header-compact .top_bar #ermes_main_menu li.LEVEL1>a {
    line-height: 80px;
    padding: 0 10px;
    color: #1e242f;
}

.header-compact .top_bar #ermes_main_menu li.LEVEL1>a:hover,
.header-compact .top_bar #ermes_main_menu li:hover>a {
    color: var(--orange);
}

.header-compact .top_bar #ermes_main_menu li.LEVEL1 .caret,
.header-compact .top_bar #ermes_main_menu li.LEVEL1 a:hover .caret {
    border-bottom-color: #333;
    border-top-color: #333;
}

.header-compact .top_bar #ermes_main_menu li.LEVEL1>a:hover .caret,
.header-compact .top_bar #ermes_main_menu li:hover>a .caret {
    border-bottom-color: var(--orange);
    border-top-color: var(--orange);
}

.header-compact .portal-main-menu li.LEVEL1>a {
    border-left: 0;
}

/*#ermes_main_menu li.LEVEL1.sitemap-selected-item>a>span:after {
    content: "";
    position: absolute;
    top: auto;
    left: 10px;
    right: 0;
    bottom: 0;
    height: 4px;
    width: calc(100% - 20px);
    background: var(--orange);
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}*/

#ermes_main_menu li.LEVEL1>a:hover:before,
#ermes_main_menu li.LEVEL1>a:focus:before,
#ermes_main_menu li.LEVEL1>a:active:before {
    /*background: var(--orange);*/
}

.navbar-compact #nav-rich-menu li>a {
    height: 100%;
    padding: 0 20px;
    border-left: 1px solid #fff;
    color: #fff;
    line-height: 80px;
}

.navbar-compact #nav-rich-menu {
    margin: 0;
}



#nav-rich-menu li.rich-item.demo>a:after,
#ermes_main_menu li.LEVEL1.demo>a:after {
    content: '';
    background: transparent url(images/fleche-bleu.svg);
    height: 20px;
    width: 20px;
    bottom: 2px !important;
    display: block;
    margin-left: 10px;
    position: relative;
    color: var(--blue);
}

.container:after,
.container:before {
    display: none;
}


/******************/

.rich-item>.clearfix {
    display: none;
}

#notice_longue .metadata-actions {
    top: 56px;
}

#detail-notice {
    background: #f0f0f0;
    padding: 10px 20px 20px 20px;
}

#notice_longue .metadata-actions {
    top: -10px;
    right: -64px;
}

@media (min-width: 769px) {}

@media (max-width: 768px) {
    .petit-encart {
        padding: 25px;
    }

    .theme-bg-bleu .on_doc i {
        float: right;
        margin-right: 15px;
    }

    .theme-bg-bleu .panel-front,
    .theme-bg-bleu .panel-selection {
        padding: 30px 10px;
    }

    .panel-front,
    .panel-selection {
        padding: 10px;
    }

    .cms-inner-zone {
        padding: 0 !important;
    }

    .top_footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 50px;
    }

    #admin-actions,
    #mobile-actions {
        background: var(--blue);
        box-shadow: none;
    }

    #scenario-selection,
    #submit-search,
    .tt-hint {
        height: 36px;
        line-height: 35px;
    }

    #textfield,
    .clean-text-field {
        height: 36px;
    }

    .center-text-sm {
        text-align: center;
    }

    .theme_1 .carousel_3 .slider_container,
    .theme_1 .slider_thumb {
        width: 100%;
    }

    .theme_1 .rsDefaultInv .rsBullets {
        bottom: -11px;
    }

    .theme_1 .panel-front,
    .theme_1 .panel-selection,
    .theme_7 .panel-front,
    .theme_7 .panel-selection,
    .theme_3 .panel-front,
    .theme_3 .panel-selection,
    .theme_8 .panel-front,
    .theme_8 .panel-selectiona {
        padding: 20px 0;
    }
}

@media (max-width: 767px) {
    .image-grid .large-images img {
        width: 100% !important;
    }

    .image-grid .large-images>div {
        flex-direction: column;

    }

    .image-grid img {
        width: 100% !important;
        height: 343px !important;
        flex: 1;
    }

    .blog-postlist {
        width: 100%;
        margin: 0 auto;
    }

    .options {
        display: flex;
        flex-wrap: wrap !important;
        height: 580vh !important;
        min-width: 100% !important;
    }

    .option,
    .option.active {
        width: 100% !important;
    }

    .content-project-htm {
        max-width: 100%;
        margin: 0 auto;
        padding: 0px 0;
    }

    .modele_ems_2 {
        flex-direction: column;
    }

    .modele_ems_2 .thumb_ems {
        width: 95%;
    }

    .flex-revert .modele_ems_2 .modele-content,
    .modele_ems_2 .modele-content {
        width: 100%;
        padding: 50px 0 0 0px;
    }

    .flex-revert .modele_ems_2 {
        flex-direction: column !important;
    }

    .nosvaleurs {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .nosvaleurs .valeur {
        width: 100%;
    }

    #portal .frame {
        margin: 0 0 50px 0 !important;
    }

    h1 {
        font-size: 45px;
    }

    h2 {
        font-size: 35px;
    }

    p {
        font-size: 14px;
        margin: 15px 0;
    }

    .text-mage {
        flex-direction: column-reverse;
        gap: 30px;

    }

    .right-section {
        width: 50%;
    }

    .left-section {
        width: 100%;
    }

    .bulles-infos--contaxt-form .bulles-infos {
        width: 100%;
    }

    #menu-panel {
        top: 0;
        border: none;
    }

    #nav-rich-menu .dropdown img {
        max-height: 60px;
        float: left;
        margin: 0 8px 8px 0;
    }

    #nav-rich-menu .title_menu h4,
    #nav-rich-menu .title_menu:hover h4 {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }

    #nav-rich-menu .dropdown_container {
        margin-top: 0;
    }



    .panel-front>h2,
    .panel-heading>h2 {
        font-size: 30px;
    }

    .container>.navbar-header {
        width: 100%;
        text-align: center;
    }

    .navbar-inverse .navbar-brand {
        margin: 10px 0 0 0;
        float: none;
        display: inline-block;
    }

    #portal .theme_10.frame {
        margin: 16px 0 !important;
    }

    /***************/
    #admin-actions,
    #mobile-actions {
        background-color: #009699;
    }

    #mobile-actions #dropSite {
        color: #fff;
    }

    #ermes_main_menu {
        background-color: var(--blue);
    }

    #ermes_main_menu>li.LEVEL1>a {
        color: #fff;
    }

    #ermes_main_menu>li.LEVEL1>a:hover,
    #ermes_main_menu>li.LEVEL1>a:focus,
    #ermes_main_menu>li.LEVEL1.open a {
        background: #009699;
    }

    #ermes_main_menu li.LEVEL1 .caret,
    #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: #fff;
        border-top-color: #fff;
    }

    #ermes_main_menu li.LEVEL2 a {
        color: #fff;
    }

    #ermes_main_menu li.LEVEL2 a:hover,
    #ermes_main_menu li.LEVEL2 a:focus {
        background: var(--blue);
        color: #fff;
    }

    #ermes_main_menu .dropdown-menu.LEVEL1 {
        background: var(--blue);
        padding: 0;
    }

    #ermes_main_menu>li.LEVEL1:hover,
    #ermes_main_menu>li.LEVEL1:focus {
        background-color: var(--blue);
        color: #fff;
    }

    #ermes_main_menu li.LEVEL1:last-child {
        position: relative;
        right: auto;
        top: auto;
    }

    #ermes_main_menu li.LEVEL1:last-child>a {
        color: #fff;
    }

    #ermes_main_menu li.LEVEL1.sitemap-selected-item>a>span:after {
        left: 0;
        height: 100%;
        width: 5px;
    }

    /***************/
    .header-compact.header-fixed #admin-actions,
    .header-compact.header-fixed #mobile-actions {
        background: #fff;
    }

    #preselect-facets-link {
        position: relative;
        top: auto;
        left: auto;
        /*color: #fff !important;*/
        margin: 10px 0 0 0;
        display: block;
    }

    .change-site-mobile.mode-compact {
        background: #fff;
        display: none;
    }

    .box_subpcdt .prlst {
        flex-basis: 100%;
    }

    .content_bx_pcdt {
        flex-direction: column;
    }

    .blog-postlist-post {
        flex-basis: 100%;
    }

    .frame .blog-postlist-post-featured-image img {
        max-width: none;
        width: 100%;
        max-width: 100%;
    }


}

@media (max-width: 700px) {
    .else {
        gap: 20px 50px;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
    }

    .else .syr-aussi {
        flex-direction: column;
        gap: 0px;
        align-items: center;
        width: 100%;
    }


    .petit-encart {
        align-items: flex-start;
    }

    .petit-encart h2 span div {
        text-align: left;
    }

    .petit-encart {
        text-align: left;
    }

}

/* iPhone 6 Plump landscape � width: 736px */

@media (max-width: 840px) {
    .layout-home-page-marge-top .rsItem {
        margin-top: 40px;
    }

    .it-s-all-about {
        width: 100%;
    }

    .fonctionilites-syr {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 50px;
    }

}

/* iPhone 6 landscape � width: 667px */

@media (max-width: 667px) {
    .carousel_3 .slider_container {
        width: 100%;
        height: 50%;
    }

    .render-velocityRenderMode_ACTUS .flex .p-flex p:nth-child(2) {
        padding-left: 0px;
    }

    .render-velocityRenderMode_ACTUS .owl-carousel.actus {
        width: 100%;
    }

    .render-velocityRenderMode_ACTUS .owl-nav .owl-prev::before {
        left: -8px !important;
    }

    .render-velocityRenderMode_ACTUS .owl-nav .owl-next::before {
        left: 8px !important;
    }

    .modele_ems_1 {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-content: space-between;
    }

    .modele_ems_1 .thumb_ems.blue_bg {
        width: 100%;
    }

    .modele_ems_1 .modele-content {
        width: 100%;
        padding: 50px 0 0 0px;
    }

    #foss-6654962fd59cbc2297f676f3 {
        width: 100% !important;
    }
}

/* Kindle portrait � width: 600px */

/* Android (Nexus 4) landscape � width: 600px */

@media (max-width: 600px) {
    .amvsi.mobile>ul {
        grid-template-columns: repeat(2, 1fr);
        align-items: end;

    }
    
    html {
        font-size: 60%;
    }

    .produit_liste a {
        margin: 1% 0;
        flex-basis: 100%;
    }

    .theme_7 h3 {
        max-width: 90%;
        margin: 20px auto;
    }

    .bandeau-menu-item.link-to-element {
        margin: 8px 0;
        display: inline-block;
        width: 100%;
    }

    .assisted-demo {
        gap: 10px;
        flex-direction: column;
    }

}

@media (max-width: 530px) {
    .types-interventions {
        margin-top: 15px;
        text-align: center;
    }

    .types-interventions {
        justify-content: center;
        gap: 0;
        flex-wrap: wrap;
    }

    .service .types-interventions .intervention {
        margin: 7px;
    }

    .service {
        padding: 20px 10px;

    }

    .service .desc-post:after {
        left: 30%;
    }

    h3 {
        font-size: 22px;
    }

    .service .intervention p {
        font-size: 11px;
    }

    .service .desc-post p {
        margin: 15px 0 15px;
        font-size: 12px;
    }

    .service .cta span {
        font-size: 18px;
    }

    .image-bg .content-img-bg h2 {
        font-size: 25px !important;
        margin: 5px 0;

    }

    .image-bg .content-img-bg h3 {
        font-size: 20px !important;
        margin: 5px 0;

    }
}

/* iPhone 5 Retina regardless of IOS version */

/* iPhone 5 landscape � width: 568px */

@media (max-width: 517px) {
    .image-bg .content-img-bg {
        gap: 0px;
    }



    .search-assistant-modal h1 {
        font-size: 35px;
    }

    .search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label,
    .search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label {
        font-size: 14px;
    }


}

/*iPhone 3+4 landscape � width: 480px*/

@media (max-width: 480px) {
    .amvsi.mobile>ul {
        grid-template-columns: repeat(1, 1fr);
       

    }
    .product-infos ul {

        gap: 10px;

    }

    #mobile-actions.mobile-actions-compact .navbar-header {
        width: 64%;
    }

    .header-compact .navbar-brand {
        height: 48px;
    }

    .image-bg .slider_container {
        padding: 20px 10px;
    }

    .on_doc .bloc,
    .elements-5 .on_doc .bloc {
        width: 100%;
    }

    .blog-admin-actions a.btn-default.blog-admin-actions-create-post {
        margin: 10px 0;
    }

}



/*iPhone 6 Plump portrait � width: 414px*/

@media (max-width: 414px) {
    .box_subpcdt {
        height: auto;
        flex-direction: column;
    }

    .produit_liste .prlst_svg {
        margin: 16px 0;
    }

    .it-s-all-about h4::before {
        max-width: 90px;
        width: 90px;
    }

    .it-s-all-about:nth-child(5) h4::before {
        max-width: 60px;
        width: 60px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 28px;
    }

    .bulles-infos--contaxt-form .service_client-enc img {
        display: none !important;
    }

    .service_client-enc .service_client a {
        background: var(--blue);
        border: 3px solid var(--blue);
        color: #fff;
    }

    .service_client-enc {
        float: none;
        justify-content: center;
        width: 100%;
    }

    .service_client-enc .service_client {
        position: relative;
        top: 0;
        margin: 55px 0 10px 0;
    }
}

/*Android (Nexus 4) portrait � width: 384px*/

@media (max-width: 384px) {
    .header-modern .header-modern__brand .navbar-brand {
        width: 200px !important;
    }

    h4 {
        font-size: 18px;
    }

    .infos-contact-enc .adress {
        gap: 10px;
    }

    .infos-contact-enc {
        flex-direction: column;
    }

    .fonctionilites-syr a {
        font-size: 23px;
    }

}

@media (max-width: 340px) {
    .bulles-infos--contaxt-form .bulles-infos {
        width: 115%;
    }

    .infos-contact-enc .adress {
        width: 81%;
        margin-top: -10px;
    }

    .infos-contact-enc .adress .adresse1 span:after {
        top: 53%
    }


}

/*Crappy Android landscape � width: 320px*/

/*iPhone 5 portrait � width: 320px*/

/*iPhone 3+4 portrait � width: 320px*/

@media (max-width: 320px) {
    .it-s-all-about h4::before {
        max-width: 120px;
        width: 100px;
    }

    /*  .bulles-infos--contaxt-form .infos-contact-enc img {
        display: none !important;
    }

    .adress span, .phone span, .service_client span {
        color: var(--blue)
    }

    .bulles-infos--contaxt-form  h4 {
        color: var(--blue) !important;
    }


    .infos-contact-enc {
        float: none;
        position: relative;
        flex-direction: column;
    }*/

}

@media (max-width: 309px) {
    .infos-contact-enc .adress .adresse1 span:after {
        top: 44%;
    }
}

/*Crappy Android portrait � width: 240px*/

@media (max-width: 240px) {}

#nav-rich-menu li.rich-item.search>a:before,
#ermes_main_menu li.LEVEL1.search>a:before {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

#main_search_form {
    display: none !important;
}

#search-panel {
    padding: 0;
    margin: 0;
    background: transparent;
}

.header-banner-menu {
    margin: 0;
}

/************* recherche assisté ****************/
#search-assistant-button {
    padding: 15px 20px;
    margin: 0;
}

#search-assistant-button::after {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    margin: 0;
    font-weight: 600;
    font-size: 20px;

}

#search-assistant-button span {
    display: none;
}

.search-assistant-modal .modal-dialog .modal-content {
    background: var(--blue);
    padding-top: 0;
}

.search-assistant-modal .modal-dialog .modal-content .modal-header .close {
    color: #fff;
    opacity: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

.search-assistant-modal .modal-dialog .modal-content .modal-header .close::after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fff;
    position: relative;
    top: auto;
    left: auto;
    font-size: 25px;
}

.search-assistant-modal .modal-dialog .modal-content .modal-header .close span+span {
    visibility: hidden;
}

.search-assistant-modal .modal-dialog .modal-content .modal-header .close .editable-label {
    display: none;

}

.search-assistant-modal .modal-dialog .modal-content .modal-body {
    min-height: 580px !important;
    background: transparent;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.search-assistant-modal .modal-dialog .modal-content .modal-header {
    min-height: 16.428571429px;
    padding: 5px 5px 0 0;
    text-align: right;
    border-bottom: 0;
    position: absolute;
    right: 80px;

    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* flex-direction: row; */

    z-index: 1;

    top: 50px;
    margin-top: 0;
}

.search-assistant-modal .search-assistant-submit .btn-default {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue);
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 900;
    padding: 15px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.search-assistant-modal .search-assistant-submit .btn-default:hover {
    background-color: var(--blue);
    border: 2px solid #fff;
    color: #fff;
}

.search-assistant-modal .field-container .input-wrapper .checkbox-label {
    border: none !important;
    color: var(--dark-blue);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.search-assistant-modal .field-container .filters-field-label{
color: #fff !important
}

.field-container .input-wrapper .checkbox-label.checked{
    background-color: var(--vert);
    border: 2px solid var(--vert);
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 900;
    padding: 15px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.search-assistant-modal .search-assistant-submit .btn-primary {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 15px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.search-assistant-modal .search-assistant-submit .btn-primary:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: var(--blue);
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .intro-label {
    font-size: 40px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-align: center;
    padding: 40px 0;
    margin: 0 auto !important;
    font-family: 'bauhaus_93regular';

}

.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label {
    border: 1px solid var(--bg-blue-45) !important;
    background-color: var(--bg-blue-45) !important;
    color: var(--dark-blue) !important;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 10px 15px !important;
    margin-right: 15px !important;
    cursor: pointer !important;
    border-radius: 10px;

}

.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label:hover,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label:focus,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label:visited,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label::selection,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label:hover,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label:active,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label:focus,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label:visited,
.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper label::selection {
    background-color: var(--bg-vert-40) !important;
    border: 1px solid var(--bg-vert-40) !important;
    color: var(--dark-blue) !important;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper input[type='radio']:checked+label {
    border: 1px solid var(--bg-vert-40) !important;
    background-color: var(--bg-vert-40) !important;
    color: var(--dark-blue) !important;
    font-size: 16px;
    font-weight: 500 !important;
    padding: 10px 15px !important;
    border-radius: 10px;
}

.search-assistant-modal form.search-form .search-field input {
    width: 100% !important;
    height: 50px !important;
    border-bottom: none !important;
    border-radius: 5px 0 0 5px;
}

.search-assistant-modal .text-field {
    color: #fff;
}

.search-assistant-modal .text-field label {
    color: #fff;
}

.search-assistant-modal .memorize-switch-field {
    color: #fff;
}

.search-assistant-add-field button {
    color: #fff;
}

.search-assistant-add-field button:hover {
    color: #fff;
}

.search-assistant-modal .text-field .icon-plus,
.search-assistant-modal .text-field .icon-minus {
    color: #fff;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .after-search-label {
    color: #fff;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .after-search-label a {
    background: #fff;
    padding: 2px 8px;
    color: var(--dark-blue);
    border-radius: 3px;
    white-space: pre;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .after-search-label a:hover {
    text-decoration: none;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .field-container {
    padding: 5px 0 !important;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .search-assistant-submit,
.search-assistant-modal .modal-dialog .modal-content .modal-body .search-assistant-add-field {
    margin: 14px 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .search-assistant-add-field .editable-label:hover {
    text-decoration: none;
    color: #fff;
}

.search-assistant-submit>button {
    margin: 0 7px;
}

.search-assistant-modal form.search-form .search-field {
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .scenarios-wrapper {

    display: flex;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .panels-wrapper {
    margin-left: 30px;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .panels-wrapper .suggest-panel {
    background: #fff;
    padding: 10px 10px 20px 20px !important;
    margin-right: 20px;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .field-container {
    margin: 0 !important;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .panels-wrapper .suggest-panel .suggest-list li button:hover {
    color: fff;
}

.search-assistant-modal .form-group {

    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}


.search-assistant-modal form.search-form .search-field button.clear-text-button {
    border-bottom: 0px solid #fff !important;
    background-color: #fff !important;
    display: inline-block !important;
    border-radius: 0;
}

.icon-search:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--blue)
}

.search-assistant-modal form.search-form .search-field button.search-button {
    border-bottom: 0px solid #fff !important;
    background-color: #fff !important;
    display: inline-block !important;
    border-radius: 0 5px 5px 0 !important;
}

.search-assistant-modal .search-field .btn.search-button {
    border-radius: 0 50px 50px 0;
    width: 60px;
    border: 0px solid #2C2C2C !important;
    border-left: none !important;
    font-size: 26px;
}

.search-assistant-modal .modal-dialog .modal-content .modal-body .panels-wrapper .suggest-panel .suggest-header {
    font-size: 18px;
    color: #fff;
}

.header-modern #ermes_main_menu .dropdown-menu>li>a,
.header-modern #header-modern-main-nav-mobile .dropdown-menu>li>a {
    line-height: 1.4;
}

.header-modern #nav-rich-menu li .dropdown_container a {
    background-color: transparent;
    color: var(--blue);
}

.header-modern #nav-rich-menu .illustration {
    width: auto;
}

.header-modern #nav-rich-menu li .dropdown {

    width: calc(100% - 393px);
}

.header-modern #nav-rich-menu li.actu-menu .dropdown {
    width: calc(100% - 357px);
    margin: 0px 30px;
}

.header-modern #nav-rich-menu li.actu-menu .illustration {
    min-width: 38px;
}

.header-modern #nav-rich-menu li .dropdown_container a:hover {
    background-color: transparent;
}

.header-modern #nav-rich-menu li .dropdown_container a:hover h4 {
    color: var(--blue);
}

.header-modern #nav-rich-menu li .dropdown_container.all-actus {
    width: 100%
}

/********mega menu*************/
#nav-rich-menu li.rich-item.mega-menu.open .dropdown,
#nav-rich-menu li.rich-item.mega-menu:not(.by-click):hover .dropdown {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 246px;
    gap: 0;
    width: auto;
}

.header-modern #nav-rich-menu li.mega-menu .title_menu .description {
    display: none !important;
}

.header-modern #nav-rich-menu li.mega-menu .modern-rich-item-header.no-image .modern-rich-item-entries li {
    width: 100% !important;
}

.header-modern #nav-rich-menu li.mega-menu .dropdown_container a {
    margin: 0 !important;
    display: block !important;
}

#nav-rich-menu .mega-menu .illustration {
    display: none !important;
}

.mega-menu .dropdown_container {
    width: auto !important;
}

.header-modern #nav-rich-menu .rich-item.mega-menu .title_menu p span {
    display: none !important;
}

.header-modern #nav-rich-menu li.rich-item.mega-menu .modern-rich-item-header.no-image {
    flex: 1 100% !important;
    max-width: 330px !important;
}

#nav-rich-menu .mega-menu .title_menu h4 {
    padding: 3px 10px 0 !important;
}

#nav-rich-menu .mega-menu .title_menu {
    margin: 7px 0;
}

.header-modern #nav-rich-menu .mega-menu .title_menu h5 {
    color: var(--blue);
}

.header-modern #ermes_main_menu li.LEVEL1 .modern-rich-item-header:not(:last-child),
.header-modern #ermes_main_menu li.rich-item .modern-rich-item-header:not(:last-child),
.header-modern #header-modern-main-nav-mobile li.LEVEL1 .modern-rich-item-header:not(:last-child),
.header-modern #header-modern-main-nav-mobile li.rich-item .modern-rich-item-header:not(:last-child),
.header-modern #nav-rich-menu li.LEVEL1 .modern-rich-item-header:not(:last-child),
.header-modern #nav-rich-menu li.rich-item .modern-rich-item-header:not(:last-child) {
    border-right: 3px solid var(--orange);
}


.option {
    background: var(--bg-blue-45) !important;
}

.option:hover {
    background: var(--bg-blue-80) !important;
}

.option.active {
    background: var(--blue) !important;
}

.info {
    padding: 40px 20px;
}

.option a {
    color: #fff;
}

.option:first-child {
    border-radius: 15px 0 0 15px;
}

.option:last-child {
    border-radius: 0 15px 15px 0;
}

a.btn-accord {
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: underline;

}


.info .title_owl {
    font-size: 20px;
    font-weight: 700 !important;
    margin-bottom: 30px;
}

.option a.btn-accord,
.option .description {
    display: none !important;
}

.option.active a.btn-accord,
.option.active .description {
    display: -webkit-box !important;
    transition: 0s;
}

.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    max-width: var(--container-width);
    width: 100%;
    background: transparent !important;
    height: 500px;
}

.option {
    position: relative;
    overflow: hidden;
    width: 20%;
    /* Ajustez selon vos besoins pour garantir que l'image et le titre restent visibles */
    background-size: auto 100%;
    background-position: center;
    cursor: pointer;
    transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.option.active {
    flex-grow: 1000;
    transform: scale(1);
    width: 35%;
    margin: 0px;
    background: pink;
    background-size: contain;
}

.option:not(.active) {
    flex-grow: 1;

}

.option .info>div {
    position: relative;
    transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity .5s ease-out;
}

.option .elements {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 100%;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}


.option img {
    max-width: 100%;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.option .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;

}

.option .info>div {
    position: relative;
    transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity .5s ease-out;
}

.option .info .sub {
    transition-delay: .1s;
    visibility: hidden;
}

.option img {
    max-width: 100% !important;
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.option .info {
    color: white;
}

.option .info .main {
    font-size: 20px;
    margin-bottom: 29px;
    font-weight: 700 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;

}

.option .sub {
    display: none;
}

.option.active .sub {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    visibility: visible;
    margin-bottom: 20px;
    line-height: 1.4;
}

.option.active a.btn-accord {
    display: -webkit-box !important;
    transition: 0s;
}

.time_line-date {
    display: none !important;
}

#foss-6654962fd59cbc2297f676f3 input.plezi-submit-btn {
    width: auto !important;
}

div.product-infos {
    background-color: #fff;
    padding: 0;
}

.product-infos li {
    padding: 0 5px;
    border-right: 1px solid var(--blue);
}

.product-infos li:last-child {
    border: none;
}

footer .product-infos ul,
footer .product-infos ul li,
footer .product-infos span,
footer .product-infos,
footer .product-infos a {
    color: var(--blue);
    font-size: 14px;
    font-weight: 500;
}

footer .product-infos a {
    text-decoration: underline;
}

footer .product-infos a:hover {
    color: var(--orange);
}

.product-infos ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;


}

.product-infos .container {
    padding: 15px;
}

.panel-cookies>.panel-heading {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.btn-cookies-primary {
    background-color: var(--blue) !important;
    border: 2px solid var(--blue) !important;
    border-radius: var(--radius) !important;
}

.btn-cookies-primary:hover,
.btn-cookies-primary:active,
.btn-cookies-primary.active {
    color: var(--blue) !important;
    background-color: #fff !important;
    border: 2px solid var(--blue) !important;
}

.btn-cookies-default {
    background-color: var(--orange) !important;
    border: 2px solid var(--orange) !important;
    border-radius: var(--radius) !important;
}

.net-form-nested .net-form-folder[data-v-42acdee4] {
    color: var(--dark-blue) !important;
    border: none !important;
}

.net-form .net-form-explanation {
    color: var(--dark-blue) !important;
    background: var(--bg-blue-13) !important;
}

.cookies-management-manager .switch-field-component input:checked+.switch-field-component-slider {
    background: var(--vert) !important;
}

.cookies-management .panel-default {
    border-color: var(--bg-blue-80) !important;
}

/*******plan du site****/

.plan-du-site .list-group-item {
    padding: 30px;
}

.plan-du-site .Ermes-SiteMap div.list-group-item ul.list-group {
    margin-bottom: 20px;
}

.plan-du-site .list-group li a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
#criteres_recherche a.btn-action , 
.label-facet .btn-action {
    opacity: 1;
    border-color: var(--vert);
    background: var(--vert);
    color: #fff;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none;
    padding: 5px 10px !important;
    border-radius: 15px;
}
.btn-info.removeFacetFilters {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none;
    padding: 5px 10px !important;
}
.taille_page {
    right: 20px;
    margin-top: 0;
}
#facet_container .icon-resize-small:before {
    content: "\f0d8";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    color: var(--dark-blue);
    height: 20px;
    line-height: 15px;
    width: 20px;
    font-size: 17px;
    border: 2px solid;
    border-radius: 4px;
}
#facet_container .icon-resize-full:before {
    content: "\f0d7";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
    color: var(--dark-blue);
    height: 20px;
    line-height: 15px;
    width: 20px;
    font-size: 17px;
    border: 2px solid;
    border-radius: 4px;
}
.master-header-modern body {
    overflow: HIDDEN !important;
}

.search-capture-footer .btn.search-capture-preview-searchlink {
    background-color: var(--vert) !important;
    border: 0;
    margin: 0 !important;
    border-radius: 15px !important;
    padding: 16px 11px !important;
}
.search-capture-footer .btn.search-capture-preview-searchlink .icon-search:before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    font-size: 19px;
    line-height: 100%;
}
.displaymode-icon-container.desktop button:hover, .siteRestriction-icon-container.desktop button:hover, .sort-order button:focus, .sort-order button:hover {
    color:var(--dark-blue);
}
.facet-search-icon::before,
.icon-search:before {
    content: "\f002" !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
  
}

.facet-search-icon {
    position: absolute;
    right: 22px;
    top: 8px;
}
input[type=checkbox], input[type=radio] {
    accent-color: var(--blue);
}

/*Rendu 3 colonne DEBUT*/

#modeDisplayVignet.row:before,
#modeDisplayVignet.row:after {
    display: none;
}

.ARCHIMED .notice.notice_courte .thumbnail-wrapper {
    margin: 0;
    background-size: 100%;
    height: 200px !important;
    padding: 20px;
    background: #fff;
    object-fit: cover;
    text-align: center;
}

div#archimedVignet¨ {
    margin: 2px auto;
}

#archimedVignet .thumbnail-wrapper img {
    height: 100%;
    min-height: 200px;
    max-height: 200px;
    width: 100% !important;
    margin: 0 auto;
    background: var(--bg-blue-13);
   border-radius: 5px 5px 0 0;
   object-fit: cover;
}

#modeDisplayVignet .statut,
#modeDisplayVignet .statut-disabled,
#modeDisplayVignet .statut-primaryDoc {
    margin: 0;
}

#modeDisplayVignet .vignet {

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    height: 300px;
}

#modeDisplayVignet .noStatus,
#modeDisplayVignet .statut,
.obtain-document-link-vignet {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ARCHIMED .titreMosaic {
    max-width: 100%;
    white-space: normal;
    font-weight: bold;
    font-size: 18px;
}

.ARCHIMED .dateOuverture {
    font-weight: 500 !important;
}

.ARCHIMED .locationMosaic .icon-map {
    display: none !important;
}

.ARCHIMED .locationMosaic {
    max-width: 230px;
    white-space: normal;
    text-transform: uppercase;
    font-size: 14px;
}

.ARCHIMED .categorieMosaic {
    max-width: 267px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    background: #fff;
    top: 16px;
    left: 17px;
    margin: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 8px;
}

.ARCHIMED .select.selectBoxVignet {
    position: absolute !important;
    top: 9px !important;
    left: auto !important;
    right: -4px !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 !important;

}

.ARCHIMED .descriptionMosaic p {
    margin: 0 !important;
}

.ARCHIMED .descriptionMosaic {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0px !important;
}

.ARCHIMED {}

.ARCHIMED .select.selectBoxVignet .ermes-label {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.ARCHIMED .categorieMosaic .icon-tag {
    display: none;
}

#modeDisplayVignet {
    background-color: #fff !important;
    padding-top: 0 !important;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    position: relative;
    margin: 0;
}

#resultats>ul#modeDisplayVignet>li,
#resultats>ul#modeDisplayVignet>li.on {
    width: 100%;
    padding: 0 !important;
    margin: 0;
    height: 100%;
   background-color: var(--bg-blue-13) !important;
   border:none !important
}
#resultats>ul#modeDisplayVignet>li:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    transform: translate(0, -5px);
    transition: .3s ease-out;
}
#modeDisplayVignet .ARCHIMED .notice.notice_courte {
    background-color: #fff;
}
#resultats .archimedVignet .thumbnail-wrapper img {
    display: block;
}
.notice.notice_courte[data-base="BLOG"] .thumbnail-wrapper img {
    height: 100% !important;
    width: 150px !important;
    margin: 0 auto;
    background: var(--color-1);
    border-radius: 5px;

}

.archimedVignet>.thumbnail-wrapper>img {
    background-image: none;
}

.archimedVignet>.thumbnail-wrapper {
    padding: 0px !important;
}
  

/*Rendu 3 colonnes FIN */

a {
    cursor: pointer !important;
}

a#collapser:hover svg#Layer_1, a#collapser:hover svg#Layer_2 {
    stroke:  var(--bg-blue-80);
}
a#collapser:active, a#collapser:focus, a#collapser:hover {
    color: var(--bg-blue-80);
}

.btn-link{
    color: var(--blue);
    font-size: 14px;
    font-weight: 700;
    
}

.btn-link:focus, .btn-link:hover {
    color: var(--blue) !important;
}
.close{
    color: var(--dark-blue) !important;
    opacity: .5 !important;
}
.close:focus, .close:hover {
    opacity: .6 !important;
}