/*Global*/

@font-face {
     font-family: "verdana";
     src: url("../fonts/verdana.ttf");
}
@font-face {
     font-family: "verdanab";
     src: url("../fonts/verdanab.ttf");
}
@font-face {
     font-family: "verdanai";
     src: url("../fonts/verdanai.ttf");
}
@font-face {
     font-family: "verdanaz";
     src: url("../fonts/verdanaz.ttf");
}

div,p,span,a,table,li,ul,h1,h2,h3{
  font-family: 'verdana';
}

body{
    overflow-x: hidden;
}

.home div#page,
body .footer-widgets-container,
body .inside-navigation,
body .inside-top-bar {
    max-width: 100% !important;
    z-index: 500;
}

li.search-item {
    display: none !important;
}
.titre-element {
    max-width: 1380px;
    width: 90%;
    margin: auto;
}
body:not(.home) .titre-page, .entry-title {
    font-family: 'verdanab';
    text-transform: uppercase;
    display: block;
    color: #fff !important;
    align-items: center;
    background: rgb(5 35 101 / 71%) 0% 0% no-repeat padding-box;
    border-radius: 60px 60px 490px 60px;
    padding-top: 21px;
    padding-bottom: 21px;
    padding-left: 21px;
    box-sizing: border-box;
    width: -webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding-right: 81px;
    box-sizing: content-box;
}
.titre-page,.titre-page span{
    font-family: 'verdanab';
    text-transform: uppercase;
    display: block;
    color: #fff;
    align-items: center;
}

h2.titre-page:before,.entry-title:before {/* content: ''; */width: 8px;height: 70px;background: #103485;position: relative;margin-right: 32px;}

li.social-item.instagram,
li.social-item.youtube,
li.social-item.twitter {
    display: none !important;
}

a.bandeau-contact:before {
    content: url('/wp-content/uploads/2021/08/envelope-1.png');
    margin-right: 10px;
}

a.bandeau-contact {
    color: #103485;
    font-size: 19px;
    font-family: 'verdanab';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: 19px;
}

.bandeau-mobile--child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin: auto;
}

.bandeau-mobile--child li.social-item:nth-child(1) {
    display: none !important;
}

.bandeau-mobile--child li.social-item:nth-child(3) {
    display: none !important;
}

ul.social {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    list-style: none;
}

.nous-contacter {
    display: flex;
    align-items: center;
}

.sociaux {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.social .social-item a {
    background: #103485;
    border-radius: 100%;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

button.slick-prev:before {
    content: '\2039';
}

button.slick-next:before {content: '\203A';}

button.slick-arrow:before {
    font-size: 80px !important;
    font-family: revert;
    line-height: 0;
}



aside#block-8{
    display: none;
}

.ws-header-contact  aside#block-8{
    display: block !important;
}

i.icon.dashicons.dashicons-phone:before {content: '';}

.ws-header-contact .contact-items .contact-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

body .inside-top-bar {
    max-width: 1600px !important;
    margin: auto !important;
    width: 90% !important;
}



.ws-header-contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

body .ws-header-contact li.contact-item.phone-item a {
    color: #F6A01D !important;
    font-family: 'verdana';
    font-size: 21px;
}

.ws-header-contact li.contact-item.phone-item {
    border: 3px solid #F6A01D;
    border-radius: 20px;
    padding: 5px 21px;
    margin: 0;
}


/*Global*/
/*Top et menu*/
.top-bar {
    display: none !important;
}

.mobile-bar-items {
    display: none !important;
}
nav#sticky-navigation {
    background: #fff !important;
}
header#masthead{
     background-image: url('/wp-content/uploads/2021/08/fond-menu.png');
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
     padding-bottom: 20px;
     position: relative;
     background-color: transparent !important;
     z-index: 500;
}


.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 100px;
}

button.menu-toggle {
    color: #fff !important;
    font-size: 38px;
}

#sticky-navigation img.header-image.is-logo-image {
    height: 80px !important;
}
#sticky-navigation .inside-navigation{
    padding: 0;
}

.main-navigation .main-nav ul li a {
    color: #fff !important;
    text-transform: none !important;
}
a#lien-top:before {
    content: url('/wp-content/uploads/2021/08/user-10.png');
    margin-right: 11px;
    display: flex;
    align-items: center;
    position: relative;
    top: 2px;
}
a#lien-top {
    background: #3057B1 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 7px 22px;
    font-size: 20px;
    display: flex;
}

aside#block-8:last-child {
    display: none !important;
}

ul.contact-items {
    order: 1;
}

ul.socials-items {
    order: 2;
    margin-left: 54px !important;
}

aside#block-8 {
    order: 2;
    margin-left: 21px;
}

ul.socials-items {
    order: 3;
}

.ws-header-contact li.social-item a {
    background: #fff;
    color: #103485 !important;
    font-size: 23px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 345ms ease;
}


.ws-header-contact li.social-item a:hover {
    background: #103485;
    color: #FFF !important;
}




.top-bar-align-left .inside-top-bar>.widget:nth-child(odd) {
    float: unset !important;
    display: flex;
    align-items: center;
}



/*Top et menu*/
/*Banniere*/
.images-slide {
    background-size: cover;
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
}

.home div#page {
    margin-top: -140px;
}

.image-banniere button {
    display: none !important;
}

.element-banniere {
    position: relative;
}

.images-slide:before {
    content:'';
    position: absolute;
    background: #1c5a9e29;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.titre-banniere {
    position: relative;
    z-index: 5;
    top: 45%;
    left: 0 !important;
    right: 0 !important;
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    color: #103485;
    margin: auto;
    background: rgb(246 160 29 / 71%);
    padding-top: 23px;
    padding-bottom: 23px;
    z-index: 50;
}
div.titre-banniere--child,.titre-banniere--child span{
    font-family: 'verdanab';
    text-align: center;
}

.titre-banniere  span{
    color: #fff;
}

.titre-banniere--child {
    max-width: 511px;
    width: 90%;
    margin: auto;
}





/*Banniere*/
/**Chiffre cle*/
.contenu-page {
    width: 90%;
    margin: auto;
    max-width: 1280px;
}

.containeur-chiffre_cle--child .contenu-page {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
.element-chiffre_cle:hover {
    box-shadow: -1px 0px 20px 3px #05236533;
}
.element-chiffre_cle {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border: 3px solid #2667AF;
    border-radius: 20px;
    transition: 300ms ease-in;
    cursor: pointer;
}

.icon-chiffre_cle {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.containeur-chiffre_cle--child {
    padding-top: 26px;
    padding-bottom: 26px;
}

.element-chiffre_cle:last-child {
    grid-column: 1 / 3;
}

.element-chiffre_cle:last-child .element-chiffre_cle--child {
    display: flex;
    align-items: center;
}

.chiffre {
    color: #103485;
    font-family: 'verdanab';
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cle {
    font-size: 16px;
    color: #000000;
    font-family: 'verdanab';
}

.element-chiffre_cle:last-child .element-chiffre_cle--child .icon-chiffre_cle {
    margin-right: 20px;
}

.icon-chiffre_cle img {
    height: 50px;
}

.element-chiffre_cle:nth-child(even) {
    border: 3px solid #F6A01D;
}








/**Chiffre cle*/
/*Metiers*/


.filtre-metiers {
    background: #103485;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.8;
}

.element-metiers h2 {
    color: #F6A01D;
}

.element-metiers h2:before {
    background: #F6A01D;
}

.containeur-metiers--child .contenu-page {
    position: relative;
}

.descriptions-metiers {
    color: #fff;
    font-size: 18px;
    padding-left: 25px;
    padding-bottom: 25px;
}

.details-metiers--child {
    max-width: 378px;
    height: 353px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transition: 300ms ease-in;
}

.filtre-metier {
    background: #F6A01D;
    opacity: 0.63;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
}


.details-metier {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.details-metier .bouton-page {
    max-width: 307px;
    height: 55px;
    width: 90%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -100px;
    border-radius: 12px;
    text-transform: uppercase;
    font-family: 'verdanab';
    color: #103485;
    transition: all 345ms ease;
    cursor: pointer;
}

.details-metier .bouton-page svg
{
    width: 28px;
    position: relative;
    left: -50px;
}




.details-metiers:hover .details-metier .bouton-page {
    background: #103485;
    color: #FFF;
}



@media (max-width: 768px)
{
    .details-metier .bouton-page svg
    {
        width: 20px;
        left: -20px;
    }
}

.containeur-bouton {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}












/*Metiers*/
/*Qui sommes-nous*/
.containeur-propos {
    padding-top: 49px;
    background: transparent linear-gradient(90deg, #3986D019 0%, #E3F3FF 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 49px;
}

.texte-propos h2 {
    color: #103485;
}

.texte-propos h2:before {
    background: #103485;
}

.description-propos--child {
    color: #000000;
    font-size: 18px;
    line-height: 25px;
}

.description-propos .containeur-bouton {
    justify-content: flex-start;
    margin-top: 60px;
}

a.lien-propos {
    background: #3057B1;
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 18px;
}



a.lien-propos:hover {
    background: #FFF;
    color: #3057B1;
    box-shadow: 0px 0px 12px #3057B1;
}









/*Qui sommes-nous*/
/*Domaines*/
.containeur-domaines--child {
    background-image: url('/wp-content/uploads/2021/08/DSC_4542_r.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.filtre-domaines {
    background: #103485;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.91;
}

.element-domaines {
    position: relative;
}


.element-domaines h2 {
    color: #F6A01D;
    font-size: 17px;
}

.element-domaines h2:before {
    background: #F6A01D !important;
}




.elt-domaine {
    background: #F6A01D;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms ease-in;
}



.details-domaines {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}

.elt-domaine:last-child {
    grid-column: 1/3;
}

.titre-elt-domaine {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'verdanab';
    font-size: 14px;
}

.elt-domaine--child {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.containeur-image-domaine {
    display: flex;
    justify-content: center;
    margin-bottom: 19px;
}

.elt-domaine:last-child .elt-domaine--child {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.elt-domaine:last-child .elt-domaine--child img {
    margin-right: 45px;
}














/*Domaines*/
/*Actualites*/
.containeur-actualites--child {
    background-image: url('/wp-content/uploads/2021/08/stockage3.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
}

.filtre-actu {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.73;
}


.containeur-actualites--child .contenu-page {
    position: relative;
}

.image-actu {
    max-width: 375px;
    height: 249px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 300ms ease-in;
}

.element-actualite--child {
    background: #fff;
    position: relative;
}

.element-style-actu {
    background: #F6A01D;
    width: 219px;
    height: 220px;
    position: absolute;
    z-index: 0;
    top: -9px;
    right: -9px;
}

.images-actu {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
a.lien-actu:before {
    content: url('/wp-content/uploads/2021/08/fleche.png');
}

a.lien-actu {
    position: absolute;
    bottom: 0px;
    left: 50px;
    background: #fff;
    padding: 9px;
    border-radius: 6px;
}
.contenu-actu {
    position: relative;
    z-index: 1;
}
.element-actualite {
    max-width: 375px;
    margin: auto;
    cursor: pointer;
    transition: 300ms ease-in;
}


.containeur-actualites--child .titre-page {
    color: #103485;
    margin-bottom: 35px;
}

.containeur-actualites--child .titre-page:before {
    background: #103485;
}

.containeur-actualites--child a.bouton-page {
    background: #103485;
    padding: 15px 30px;
    border-radius: 24px;
    color: #fff;
    font-family: 'verdanab';
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 37px;
    text-align: center;
}

.containeur-actualites--child a.bouton-page:hover {
    background: #FFF;
    color: #3057B1;
    box-shadow: 0px 0px 12px #3057B1;
}


h3.titre-actu {
    max-width: 280px;
    margin: auto;
    color: #000;
    font-family: 'verdanab';
    margin-top: 19px;
    margin-bottom: 19px;
    min-height: 60px;
    line-height: 30px;
}

.extrait-actu {
    max-width: 280px;
    margin: auto;
    padding-bottom: 19px;
    color: #000;
    font-size: 18px;
}













/*Actualites*/

/*Recrute*/
.element-recrute {
    background: rgb(246 160 29 / 83%) 0% 0% no-repeat padding-box;
    border-radius: 17px 121px 17px 117px;
    padding: 44px 12px;
    max-width: 421px;
    margin: auto;
}


.containeur-recrute--child {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 29px;
    padding-bottom: 29px;

}

.element-recrute .titre-page {
    color: #103485;
    justify-content: center;
}

.element-recrute .titre-page:before {
    display: none !important;
}


.description-recrute {
    font-size: 21px;
    color: #000000;
    text-align: center;
}

.hastag-recture {
    color: #103485;
    font-family: 'verdanab';
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.element-recrute .bouton-page {
    color: #fff;
    background: #103485;
    padding: 12px 44px;
    border-radius: 33px;
    font-family: 'verdanab';
 }

.element-recrute .bouton-page:hover {
    background: #FFF;
    color: #3057B1;
    box-shadow: 0px 0px 12px #3057B1;
}




/*Recrute*/
/**Footer*/
div#footer-widgets {
    background: #103485 !important;
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
}

.footer-widgets .widget-title {
    color: #fff;
    text-align: center;
}
.footer-widget-2 aside#block-15 {
    margin: 0 !important;
}
.footer-widgets .widget :last-child, .sidebar .widget :last-child {
    color: #fff !important;
}
.footer-widgets .widget :last-child {
    font-size: 15px;
}
.site-footer a:hover,
ul#menu-menu-footer-gauche .menu-item a:hover,
ul.ws-footer-contact .text a:hover {
    color: #F6A01D !important;
}

ul.ws-socials-contact a:hover {background: #F6A01D !important;}
a#lien-footer:hover {
    background: #F6A01D;
}
footer.site-info {
    background: #103485 !important;
}

#footer-widgets .widget_nav_menu .widget-title::after {
    border: unset !important;
}


a#lien-footer {
    padding: 13px 40px;
    background: #fff;
    max-width: 333px;
    border-radius: 30px;
    color: #103485 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    position: relative;
}

a#lien-footer:before {
    content: url('/wp-content/uploads/2021/08/envelope-1.png');
    position: absolute;
    left: 23px;
    top: 15px;
}

aside#block-5 h2 {
    font-size: 18px;
    text-align: center;
    font-family: 'verdana';
    font-weight: normal;
    margin-bottom: 18px;
}


.icon i {
    display: none !important;
}

ul.ws-footer-contact {
    display: flex;
    flex-direction: column;
}

li.contact-item.address-item {
    order: 1;
}

li.contact-item.email-item {
    order: 3;
}
ul.ws-footer-contact > li.contact-item.phone-item {
    display: flex !important;
    margin-top: 0;
    align-items: center;
    justify-content: center;
}

li.contact-item.email-item {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
li.contact-item.phone-item {
    order: 2;
    margin-top: 14px;
    margin: 0;
    display: flex;
    justify-content: center;
}

li.contact-item.address-item .text span {
    font-family: 'verdanab';
}

li.contact-item.address-item {
    display: flex;
    text-align: center;
}

li.contact-item .icon {
    padding-right: 16px !important;
}

ul.ws-socials-contact {
    max-width: 200px;
    margin: auto;
    display: flex;
    align-items: center;
    position: relative;
}

ul.ws-socials-contact a {
    background: #fff !important;
}

.footer-widgets .widget li.social-item a i {
    color: #103485 !important;
    font-size: 24px;
    font-weight: 900;
}

.footer-widgets .widget li.social-item a {
    padding: 4px;
    width: 40px;
    height: 40px;
}

.backtop a.generate-back-to-top {
    position: absolute !important;
    display: flex !important;
    background: transparent !important;
    border: unset !important;
    top: -13px;
    bottom: 0;
    right: -59px;
    visibility: visible !important;
    opacity: 1 !important;
}

li.backtop {
    padding: 0 !important;
}

a.generate-back-to-top {
    display: none;
}

li.backtop a.generate-back-to-top:before {
    content: url('/wp-content/uploads/2021/08/Icon-feather-arrow-right.png');
}

li.social-item.facebook {
    margin-right: 10px !important;
}










/**Footer*/
/*Page interne*/

body:not(.home) #page{
    min-height: 300px;
    max-width: 100%;
    width: 100%;
    margin-top: -232px;
}

.containeur-actualites--interne .containeur-actualites--child {
    background: unset;
}

body:not(.home) .inside-article {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.titre-interne p:before {content: '';height: 20px;width: 4px;background: #103485;display: flex;margin-right: 10px;}

.titre-interne p{
    text-transform:uppercase;
}

.titre-interne p {
    display: flex;
    align-items: center;
}

li#menu-item-760 ul.sub-menu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 160px;
    border: unset;
}

.main-navigation .main-nav ul ul li a:hover {
    border-bottom: 4px solid transparent;
    background-color:#F6A01D;
    color:#fff !important;
}

.main-navigation .main-nav ul ul li a:hover {
    background:  transparent !important;
}
.main-navigation .main-nav ul ul li a{
     border-bottom: 4px solid transparent;
}

.main-navigation .main-nav ul ul li.menu-item-has-children a:hover{
    border-bottom: 7px solid transparent;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
    border-bottom: 7px solid #F6A01D;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{
    border-bottom: 7px solid transparent;
    background-color:#F6A01D;
    color:#fff !important;
}

.main-navigation ul ul {
 box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.page-id-233  div#page {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden;
}

.formulaire-contact {
    max-width: 1380px;
    width: 90%;
    margin: auto;
}

.page-id-233 .site-footer {
    margin-top: -130px !important;
    position: relative;
    z-index: 1000;
}

.gform_button {
    background: #103485 !important;
    border-radius: 40px;
    max-width: 110px !important;
}

.gform_button:hover {
    background:#F6A01D !important;
}

.gform_fields label {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 900;
    font-family: 'verdana';
}

label.gfield_consent_label {
    font-weight: normal !important;
}

.texte-formulaire p {
    color: #103485;
    font-family: 'verdanab';
    text-align: center;
    font-size: 26px;
    margin: 0;
    line-height: 40px;
}

.texte-formulaire{
    margin-bottom:40px;
}
.entry-content {
    max-width: 1380px;
    margin: auto;
    width: 90%;
}
.entry-header {
    background-image: url('/wp-content/uploads/2021/08/fondinterne-e1629448942863.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 286px;
    padding-bottom: 120px;
    position: relative;
    z-index: 50;
}


.details-actu-no-slick,.archive_actualite_filter_container {
    max-width: 1380px;
    width: 90%;
    margin: auto;
}

.page-id-233 .entry-content,
.page-id-233.entry-header{
    max-width: 100% !important;
    width: 100% !important;
}

.entry-content h2 {
    font-size: 18px;
    color: #3057B1;
    display: flex;
}

.entry-content h2:before {content: '';width: 5px;height: 20px;background: #3057B1;display: flex;margin-right: 10px;}

.chiffre-value,.chiffre-pre,.chiffre-suf,span.chiffre-suf span {
    font-family: 'verdanab';
}


.wpml-ls-sidebars-top-bar {
    padding: 0 !important;
}

a.wpml-ls-link {
    padding: 0 !important;
}

img.wpml-ls-flag {
   /* height: 20px !important; */
}

aside#icl_lang_sel_widget-2 {
    left: calc(50% - 453px);
    position: relative;
}
























/*Page interne*/
/*Responsive*/

@media(max-width: 768px){
    li#menu-item-1033 a:before {
        content: url('/wp-content/uploads/2021/08/user-10.png');
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    li#menu-item-1033 a {
        background: #3057B1;
        max-width: 160px;
        display: flex;
        text-transform: uppercase !important;
        color: #fff !important;
        align-items: center !important;
        line-height: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: auto;
        margin-bottom: 20px;
        border-radius: 30px;
    }
    nav.toggled ul ul.sub-menu {
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: unset;
    }

    .main-navigation .main-nav ul ul li a {
        font-size: 11px;
    }
    .navigation-branding {
        margin-right: 10px;
    }

    .inside-navigation.grid-container.grid-parent {
        justify-content: space-between;
    }
    .mobile-bar-items,
    .mobile-bar-items ul.contact-items {
        display: block !important;
    }


    .mobile-bar-items ul.contact-items:last-child,
    .mobile-bar-items li.contact-item.email-item,
    span.search-item {
        display: none !important;
    }

    .mobile-bar-items li.contact-item.phone-item {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: -10px;
        border: 2px solid #F6A01D;
        padding-left: 10px;
        border-radius: 69px;
        padding-right: 10px;
    }
    .mobile-bar-items li.contact-item.phone-item a {
        padding: 0;
        color: #F6A01D;
        display: flex;
        line-height: 35px;
    }

    .mobile-bar-items li.contact-item.phone-item i {
        padding-right: 8px !important;
    }


    .containeur-actualites--child .home_metier_slider_arrow_container i {
        color: #F6A01D;
    }

    .home h2.titre-page {
        font-size: 20px;
    }

    .bandeau-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 82px;
        background: #E3F3FF;
        display:flex !important;
        z-index: 49;
    }
    aside#ws_socials_contact-6 {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 42px;
        z-index: 50;
        position: relative;
    }
    .footer-widget-3,
    .footer-widget-2,
    aside#block-5,
    aside#block-6{
        width: 90% !important;
        margin: auto;
    }
    div#footer-widgets{
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }
    h2.widget-title {
        color: #F6A01D !important;
        display: flex;
        align-items: center;
    }

    h2.widget-title:before {content: '';width: 5px;height: 26px;background: #F6A01D !important;margin-right: 18px;}
    footer.site-info {
        display: none;
    }
    .footer-widget-3 {
        order: 1 !important;
    }

    .footer-widgets-container {
    }

    .footer-widget-2 {
        order: 2 !important;
    }

    .inside-footer-widgets {
        display: flex;
        flex-direction: column;
    }

    .footer-widget-4 {
        order: 3 !important;
    }

    .footer-widget-1 {
        display: none !important;
    }
}

@media(min-width: 768px){
    li#menu-item-1033 {
        display: none;
    }
    .main-navigation .main-nav ul li {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .main-navigation .main-nav ul li:hover,
    .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
        background: transparent !important;
    }
    .main-navigation .main-nav ul ul li a {
        padding-left: 10px !important;
        padding-right: 5px !important;
    }
    .main-navigation .main-nav ul .sub-menu li {
        background: #fff !important;
        box-sizing: border-box;
        padding: 0 !important;
    }

    .main-navigation .main-nav ul .sub-menu li#menu-item-wpml-ls-2-fr {
        background: transparent !important;
    }
    #site-navigation img.header-image.is-logo-image {
        position: relative;
    }
    .menu-item-has-children .dropdown-menu-toggle {
        padding-right: 0 !important;
    }
    #site-navigation div#primary-menu {
        margin-top: -26px;
    }
    nav#site-navigation .top-bar {
        display: none !important;
    }
    .vers-haut.backtop a {
        position: relative !important;
        top: 0;
    }

    .vers-haut.backtop a:before {
        content: url('/wp-content/uploads/2021/08/Icon-feather-arrow-right.png');
    }

    .elements-footer {
        display: flex;
        align-items: center;
        position: relative;
    }

    .details-metiers--child:hover {
        transform: scale(1.02);
    }

    .elt-domaine:hover {
        transform: rotate3d(1, 1, 1, 4deg);
    }

    .image-actu:hover {
        transform: scale(1.02);
    }
    .inside-top-bar.grid-container.grid-parent {
        position: relative;
        display: flex;
    }

    .top-bar.top-bar-align-left {
        position: relative;
    }
    .menu-menu-footer-gauche-container:before {content: '';width: 5px;height: 140px;background: #F6A01D;display: flex;margin-right: 20px;}

    .menu-menu-footer-gauche-container{
        display:flex;
    }

    h2.widget-title {
        color: #F6A01D !important;
    }

    aside#block-5 h2 {
        color: #F6A01D !important;
    }
    .main-navigation .main-nav ul li a {
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 7px solid transparent;
    }

    .main-navigation .main-nav ul li a:hover{
        border-bottom:7px solid #F6A01D;
        background: transparent;
    }

    .inside-navigation {
        flex-wrap: nowrap !important;
    }

    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 60px;
    }


    .ws-header-contact li.contact-item.email-item {
        display: none !important;
    }

    .titre-banniere {
        max-width: 774px;
        font-size: 40px;
        padding: 36px;
        border-radius: 17px 121px 17px 117px;
    }

    .titre-banniere {
        max-width: 774px;
        font-size: 30px;
        padding-left: 0;
    }

    .image-banniere {
        max-width: 100%;
        width: 100%;
    }

    .slick-list.draggable {
        width: 100%;
    }

    .elements-metiers {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
    }

    .details-actu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .element-actualite {
        margin: 0 !important;
    }

    .details-metiers--child ,
    .element-actualite {
        max-width: 100%;
    }
    .footer-widget-1 {
        display: none;
    }

    .inside-footer-widgets {
        display: flex;
        flex-direction: column;
        margin-left: 0 !important;
    }

    .footer-widget-2 {
        width: 100%;
        display: flex;
        justify-content: center;
        order: 2;
    }

    .footer-widget-3 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 1;
    }

    .footer-widget-4 {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 3;
    }

    a#lien-footer {
        display: flex;
        width: 100%;
    }

    aside#block-5 {
        padding: 0;
        width: 100%;
    }

    aside#block-6 {
        width: 100% !important;
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .botton-footer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .site-footer .footer-widgets-container .inner-padding {
        padding: 0 !important;
    }

    .image-actu {
        max-width: 100%;
    }

    h3.titre-actu {
        max-width: 100%;
        width: 90%;
    }

    .extrait-actu {
        max-width: 100%;
        width: 90%;
    }

    /*.inside-navigation.grid-container.grid-parent {
        background-image: unset;
    }*/

    .top-element {
        background-image: url('/wp-content/uploads/2021/08/fond-menu.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .top-bar.top-bar-align-left {
        background: transparent;
    }


    .main-navigation, .main-navigation ul ul {
        background-color: transparent !important;
        box-sizing: border-box;
        width: 100%;
    }




















}

@media(min-width: 1025px){

    body .inside-navigation {
        max-width: 1380px !important;
    }
    .elt-domaine:last-child .elt-domaine--child {
        flex-direction: column;
    }

    .element-chiffre_cle:last-child .element-chiffre_cle--child {
        flex-direction: column;
    }
    .containeur-chiffre_cle--child .contenu-page {
        grid-template-columns: repeat(3,1fr);
    }

    .element-chiffre_cle:last-child {
        grid-column: unset;
    }

    .details-domaines {
        grid-template-columns: repeat(3,1fr);
    }

    .elt-domaine:last-child {
        grid-column: unset;
    }

    .element-recrute {
        max-width: 645px;
    }

    .images-slide {
        height: 650px;
    }





}
@media(min-width: 1200px){
    aside#icl_lang_sel_widget-2 {
        left: calc(50% - 453px);
        position: relative;
    }

    .images-slide {
        height: calc(100vh - 200px );
        max-height: 850px;
    }
    .slick-dots li.slick-active button:before {
        background: #F6A01D !important;
        opacity: 1 !important;
    }
    .element-banniere ul.slick-dots {
        bottom: 80px;
        z-index: 50;
    }



    ul.slick-dots li button{
        display: flex !important;
        background:transparent;
    }

    ul.slick-dots li button:before{
        content:'';
        width: 12px;
        height: 12px;
        background: #fff !important;
        border-radius: 100%;
        opacity: 1;
    }
    .chiffre {
        font-size: 26px;
    }
    .containeur-chiffre_cle--child {
        background-image: url('/wp-content/uploads/2021/08/fondsousbanniere.png');
        background-size: 100% 100%;
        position: relative;
        margin-top: -81px;
        z-index: 5;
        padding-top: 70px;
    }
    .navigation-branding img, .site-logo.mobile-header-logo img {
        padding: 0 !important;
        margin: 0 !important;
        height: auto;
    }

    .main-navigation .main-nav ul li a {
        font-size: 19px;
        padding-left: 10px;
        padding-right: 10px;
        color: #3057B1;
        text-transform: unset;
        font-family: 'verdanab';
    }
    .titre-banniere {
        max-width: 774px;
        font-size: 32px;
    }
    .containeur-recrute--child {
        background-image: url('/wp-content/uploads/2021/08/fondrecrute-e1628779030360.png') !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        width: 100% !important;
    }
    .inside-footer-widgets {
        flex-direction: row;
        align-items: flex-start;
        width: 90%;
        margin: auto !important;
        max-width: 1380px;
        justify-content: center;
    }

    .footer-widget-2 {
        order: 1;
    }
    .footer-widget-2 {
        display: flex;
        flex-direction: column;
    }

    .footer-widget-2 {
        width: 20%;
    }

    .footer-widget-3 {
        width: 50%;
    }

    .footer-widget-4 {
        width: 30% !important;
        max-width: 324px;
    }


    div#footer-widgets {
        background-image: url('/wp-content/uploads/sites/4/2021/10/footer.webp') !important;
        background-color: transparent !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        margin-top: -50px;
        position: relative;
        padding-top: 0;
    }


    .containeur-recrute--child {
        padding-bottom: 100px;
        padding-top: 60px;
        margin-top: -50px;
    }

    li.backtop {
        display: none !important;
    }

    ul.ws-socials-contact {
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
    }

    .containeur-actualites--child {
        padding-bottom: 80px;
    }
    .containeur-actualites {
        position: relative;
    }

    .containeur-domaines {
        position: relative;
        z-index: 1;
    }
    .containeur-domaines--child {
        background-image: url('/wp-content/uploads/2021/08/domaine.png') !important;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 59px;
        padding-bottom: 81px;
        margin-top: -54px;
    }

    .filtre-domaines {
        background: transparent;
    }

    .containeur-actualites--child {
        margin-top: -50px;
        position: relative;
        z-index: 0;
        padding-top: 78px;
    }

    .containeur-propos {
        padding-top: 79px;
        padding-bottom: 87px;
    }

    .containeur-propos {
        padding-top: 148px;
        padding-bottom: 130px;
    }


    .containeur-propos--child .contenu-page {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .image-propos {
        background-image: unset !important;
    }

    .containeur-propos {
        background: transparent;
        background-image: url('/wp-content/uploads/2021/08/fondpropos.png');
        background-size: cover;
        background-position: center;
    }

    .descriptions-metiers {
        max-width: 893px;
        font-size: 26px;
    }



    .filtre-metiers {
        background: transparent;
    }




}
@media(min-width: 1250px){
    .image-actu {
        height: 400px;
    }
    .vers-haut.backtop a {
        position: absolute !important;
    }

    .elements-footer {
        justify-content: center;
    }
    .main-navigation .main-nav ul li {
        padding-left: 22px;
        padding-right: 22px;
    }
    .main-navigation .main-nav ul li a {
        padding: 0;
    }
    .access-direct {
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 500;
        display: flex !important;
        cursor: pointer;
    }

    .access-direct--child {
        background: #F6A01D;
        box-shadow: 0px 10px 10px #00000033;
        border-radius: 36px 0 0 36px;
        padding: 15px 15px;
        display: flex;
        align-items: center;
    }

    .text-access-direct {
        font-size: 20px;
        text-transform: uppercase;
        max-width: 144px;
        line-height: 23px;
        margin-left: 16px;
        color: #fff;
        font-family: 'verdanab';
    }
    .access-direct--child:hover {
        background: #052365;
    }
    .containeur-chiffre_cle--child .contenu-page {
        grid-template-columns: repeat(5,1fr);
    }

    .element-chiffre_cle:last-child {
        grid-column: unset;
    }

    .details-domaines {
        grid-template-columns: repeat(5,1fr);
    }

    .elt-domaine:last-child {
        grid-column: unset;
    }
    .elements-metiers {
        grid-template-columns: repeat(3,1fr);
    }
}

@media(min-width: 1700px){
    .titre-banniere {
        left: 14%;
    }
}



/*Responsive*/







/* archive actualite */

.archive_actualites
{
    display: block;
    width: 100%;
    text-align: center;
}

.archive_actualites_sized
{
    display: inline-block;
    width: 100%;
    text-align: center;
}


.archive_actualites_toute_container
{
    margin: 40px 0px 74px 0px;
}

.archive_actualites_toute
{
    background: #3057B1;
    padding: 10px 34px;
    color: #FFF !important;
    border-radius: 30px;
    font-size: 18px;
    font-family: "verdana";
    -webkit-transition: all 567ms ease;
    -o-transition: all 567ms ease;
    transition: all 567ms ease;
}

.archive_actualites_toute:hover
{
    background: #FFF;
    color: #3057B1 !important;
    box-shadow: 0px 0px 24px #3057B1;
}

@media (max-width: 768px)
{
    .archive_actualites_toute
    {
        padding: 10px 24px;
        border-radius: 24px;
        font-size: 16px;
    }
}



.archive_actualite_filter_container
{
    display: inline-block;
    text-align: center;
}

.archive_actualite_filter_container_title_container
{
    margin: 10px;
    font-size: 1.2em;
    color: #3057B1;
    font-family: "verdanab";
}

.archive_actualite_filter_container_item_container
{
    margin: 10px;
    display: block;
    text-align: center;
}

.archive_actualite_filter_container_item
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 10px;
    padding: 10px 14px;
    border-radius: 24px;
    color: #3057B1;
    background: #FFF;
    box-shadow: 0px 0px 12px #3057B1;
    font-family: "verdanab";
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all 345ms ease;
    -o-transition: all 345ms ease;
    transition: all 345ms ease;
}
.archive_actualite_filter_container_item:hover,
.archive_actualite_filter_container_item.active
{
    color: #FFF;
    background: #3057B1;
}

@media (max-width: 1024px)
{
    .archive_actualite_filter_container_item
    {
        padding: 7px 10px;
        border: 1px solid #3057B1;
        font-size: 14px;
    }
}


.archive_actualites .element-actualite
{
    margin-bottom: 32px !important;
}
@media (max-width: 1024px)
{
    body:not(.home) .titre-page, .entry-title {
        font-size: 17px;
        box-sizing: border-box;
        padding-right: 60px;
    }
    .main-navigation .main-nav ul li a {
        font-size: 12px;
    }
    body .ws-header-contact li.contact-item.phone-item a {
        font-size: 12px;
    }

    a#lien-top {
        font-size: 10px;
        display: flex;
        align-items: center;
    }
    .archive_actualites .element-actualite
    {
        margin-bottom: 24px !important;
    }
}




.archive_actualites_sized .titre-page {
    margin-bottom: 35px;
}

.archive_actualites_sized .titre-page:before {
    background: #103485;
}





.c_single_page_top_image_container
{
    width: 100%;
    display: block;
    text-align: center;
    max-width: unset;
}

.c_single_page_top_image
{
    display: inline-block;
    width: 80%;
    max-width: 1024px;
    margin-bottom: 20px;
}

.c_single_actu_content_container
{
    margin-bottom: 64px;
}


/* archive actualite */



#block-7 img
{
    height: 74px !important;
    width: auto !important;
}




.home_metier_slider_container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}



@media (max-width: 768px)
{
    .home_metier_slider_container
    {
        width: 100vw;
        margin-left: -5vw;
    }

}


.home_metier_slider_arrow_container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.home_metier_slider_arrow_container i
{
    color: #FFF;
    font-size: 40px;
}

.home_metier_sliders_slider_container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc( 100% - 80px );
}


@media (max-width: 768px)
{
    .home_metier_sliders_slider_container
    {
        display: block;
    }
}
.home_metier_sliders_slider_container .elements-metiers
{
    width: 100%;
}


@media (min-width: 769px)
{
    .home_metier_slider_arrow_container
    {
        display: none;
    }

    .home_metier_sliders_slider_container
    {
        width: 100%;
    }
}


.home_metier_sliders_slider_container button.slick-arrow
{
    display: none !important;
}



@media (min-width: 1025px)
{
    #primary-menu
    {
        width: 100%;
    }
    #menu-menu-principal
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-between;
        max-width: 1150px;
        margin-left: auto;
    }
}


@media (max-width: 1024px)
{
    .containeur-actualites--child a.bouton-page {
        padding: 15px 24px;
        font-size: 15px;
        margin-top: 28px;
    }
}



.details-actu-no-slick {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}


@media (max-width: 900px)
{
    .details-actu-no-slick {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

}

/*Rectification*/
@media(min-width:1500px){
    #site-navigation .site-logo {
        position: relative;
        top: -40px;
        left: -40px;
    }
}

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

    .main-navigation .main-nav ul li a {
        font-size: 17px;
    }

    ul#menu-menu-principal {
        max-width: 1050px;
    }

    img.header-image.is-logo-image {
        height: 81px;
        top: -19px;
    }
}

@media(max-width: 500px){
     .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 80px;
    }

}

 .containeur-metiers{
        background-image: url('/wp-content/uploads/sites/4/2021/10/fond-1.webp') !important;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative;
        padding-bottom: 100px;
        padding-top: 100px;
        z-index: 518;
        margin-top: -65px;
    }
.otgs-development-site-front-end {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .langue-mobile {
        display: none;
    } 

    .site-header .header-image {
        width: 100px;
    }
}

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

    .langue-mobile {
        order: 3;
        padding-top: 30px;
    }

    .nav-search-enabled .main-navigation .menu-toggle {
        margin-top: 15px;
    }
    .langue-mobile ul {
        display: block !important;
    }

    .langue-mobile .wpml-ls-legacy-list-horizontal {
    }

    a.wpml-ls-link,
    .wpml-ls-statics-footer .wpml-ls-current-language>a {
        background: transparent;
        margin: 5px;
    }

    #menu-item-wpml-ls-2-fr,
    #menu-item-wpml-ls-2-en {
        display: none;
    }

    .menu-toggle {
        padding: 0px;
    }


}