/*
Theme Name: Piriou Website
Theme URI: http://www.piriou.fr/
Description: Piriou WP Theme
Version: 1.0.1
Author: Wellcom / Ceylan
Author URI: http://www.ceylan.com/
Tags: HTML5, CSS3

License: Commercial
*/

body > *:not(.pace){
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
body.pace-done > *:not(.pace){
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pace{
    height:100%;
    background:#FFF;
    z-index:99999999999;
    -webkit-transition:background .5s ease-out;
    transition:background .5s ease-out;
}
.pace.pace-inactive{
    background:none;
}
.pace .pace-progress{
    background:#003478;
}
.pace.pace-inactive .pace-progress{
    background:#003478;
    visibility: hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

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

[class^="piriou-icon-"], [class*=" piriou-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.piriou-icon-construction:before {
    content: "\e900";
    color: #fff;
}
.piriou-icon-formation:before {
    content: "\e901";
    color: #fff;
}
.piriou-icon-maintenance:before {
    content: "\e902";
    color: #fff;
}
.piriou-icon-negoce:before {
    content: "\e903";
    color: #fff;
}
.piriou-icon-refonte:before {
    content: "\e904";
    color: #fff;
}
.piriou-icon-ingenierie:before {
    content: "\e905";
    color: #fff;
}

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

[class^="ico_2-"], [class*=" ico_2-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon_2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico_2-loupe_circle .path1:before {
    content: "\e900";
    color: rgb(0, 52, 120);
}
.ico_2-loupe_circle .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ico_2-loupe_circle .path3:before {
    content: "\e902";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

/*------------------------------------*\
MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}
body {
    font-size:13px;
    font-family:'Rubik', sans-serif;
    font-weight:400;
    color:#4d4d4d;
    margin:0;
    overflow-x:hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    height: auto;
    vertical-align:bottom;
}
*:focus{
    outline:0;
}
a {
    color:#4d4d4d;
    text-decoration:none;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
a:hover{
    color:#E41B13;
    text-decoration:none;
}
a:focus {
    outline:0;
    text-decoration:none;
}
a:hover,
a:active {
    outline:0;
    text-decoration:none;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
    text-decoration:none;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

li {
    font-size:15px;
    line-height:19px;
}

/*------------------------------------*\
STRUCTURE

Gris : #e41b13
Bleu fonce : #003478
Bleu : #1587e1
Rouge : #e41b13
\*------------------------------------*/

/*-------------- COMMUN --------------*/

h2{
    position:relative;
}

h2, h2 a{
    font-family:"Lato", sans-serif;
    font-size:25px;
    color:#003478;
    text-transform:uppercase;
    margin:0 0 10px 0;
}

.socials a span{
    background:#003478;
    color:#FFF;
    font-size:15px;
    padding:3px 5px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.socials a:hover span{
    background:#1587E1;
}

.slider_gallery_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.single-produits .slider_gallery_container{
    margin-bottom:60px;
}
.slider_gallery_container .prev a,
.slider_gallery_container .next a{
    cursor:pointer;
}
.slider_gallery_container ul{
    list-style:none;
    padding:0;
    margin:0;
}
.slider_gallery_container .slider_gallery .masonry_container .grid-item {
    margin-bottom:24px;
}
.slider_gallery_container .slider_gallery .masonry_container{
    width:100%;
    position:relative;
}

.masonry_container:after {
    content: '';
    display: block;
    clear: both;
}

.grid-item {
    width:164.80px;
    height:104px;
}
.grid-item-big{
    width:543px;
    height:400px;
}
.grid-item-normal{
    width:353px;
    height:188px;
}
.grid-item-normal-2{
    width:356px;
    height:232px;
}
.grid-item-small{
    height:104px;
}

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

header .pre_nav{
    padding:17px 0;   
}
header .pre_nav .pre_nav_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
header .pre_nav .pre_nav_container > *:not(:last-child){
    padding-right:10px;
}

header .pre_nav .langues label{
    font-size:10px;
    font-weight:300;
    text-transform:uppercase;
    margin-right:5px;
}
header .pre_nav .langues select{
    border:1px solid #1587e1;
    border-radius:2px;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    appearance:none;
    background: #FFF url(img/dropdown.png) no-repeat 83% center;
    width: 45px; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 5px;
    text-transform:uppercase;
    font-size:10px;
}
header .pre_nav .langues select::-ms-expand{
    display:none;
}

header .pre_nav form{
    position:relative;
}
header .pre_nav form input[type="search"]{
    border:1px solid #1587E1;
    border-radius:2px;
    padding:5px 34px 5px 5px;
    font-size:10px;
    width:260px;
    text-transform:uppercase;
}
header .pre_nav form button{
    position:absolute;
    right:10px;
    top:0;
    background:none;
    box-shadow:none;
    border:0;
}

header .nav{
    background:#003478;
}
header .nav .container{
    position:relative;
}
header .nav .container .logo{
    position:absolute;
    bottom:0;
    left:15px;
    z-index:9;
}
header .nav .container .logo h1{
    margin:0;
    line-height:normal;
}
header .nav nav{
    float:right;
}
header .nav nav > ul{
    margin:0;
    padding:0 0 0 145px;
    list-style:none;
}
header .nav nav > ul > li{
    position:relative;
    float:left;
}
header .nav nav > ul > li:not(:last-child){
    margin-right:45px;
}
header .nav nav ul li a{
    color:#FFF;
    padding:9px 0;
    display:block;
    font-family:"Roboto Condensed", sans-serif;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}
header .nav nav > ul > li > a{
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
}
header .nav nav > ul > li.current-menu-item > a,
header .nav nav > ul > li:hover > a{
    border-bottom:4px solid #e41b13;    
}

header .nav nav > ul li > ul.sub-menu{
    visibility: hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    position:absolute;
    width:auto;
    top:auto;
    margin:0 0 0 -1900px;
    -webkit-transform:translateX(1900px);
    transform:translateX(1900px);
    padding:0;
    background:#003478;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    list-style:none;
}

header .nav nav ul li:hover > ul.sub-menu,
header .nav nav ul li:focus > ul.sub-menu{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
    z-index:99999;
}
header .nav nav > ul li > ul.sub-menu li{
    padding:0 10px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
header .nav nav > ul li > ul.sub-menu li:not(:first-child){
    margin-top:-1px;
}
header .nav nav > ul li > ul.sub-menu li:hover{
    background:#FFF;
}
header .nav nav > ul li > ul.sub-menu li:not(:last-child) a{
    position:relative;
}
header .nav nav > ul li > ul.sub-menu li:not(:last-child) a:after{
    width:100%;
    height:1px;
    background:#FFF;
    content:"";
    position:absolute;
    bottom:0;
    left:0;
}
header .nav nav > ul li > ul.sub-menu li:hover a{
    color:#003478;
}

/*-------------- FOOTER --------------*/

footer{
    margin-top:80px;
    font-family: 'Rubik', sans-serif;
}
footer .container{
    position:relative;
}
footer nav ul{
    list-style:none;
    padding:0;
    text-transform:uppercase;
}
footer nav ul li {
    font-size:9px;
}
footer nav > ul{
    margin:0 0 50px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
footer nav > ul > li > a{
    color:#003478;
    display:block;
    border-bottom:1px solid #003478;
    padding-bottom:3px;
    font-weight:500;
    margin-bottom:3px;
}
footer nav > ul > li > a:hover{
    border-color:#E41B13;
}
footer nav ul li a:hover{
    color:#e41b13;
}
footer nav > ul > li > ul li{
    margin:10px 0;
    font-weight:300;
}
footer nav > ul > li > ul li a{
    display:block;
}

footer .socials{
    position:absolute;
    right:15px;
    top:115px;
}

footer .post_footer ul{
    font-family: 'Rubik', sans-serif;
    list-style:none;
    padding:0;
    margin:0 0 25px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-transform:uppercase;
    font-weight:300;
}
footer .post_footer ul li {
    font-size:9px;
}
footer .post_footer ul li:not(:last-child):after{
    content:"-";
    margin:0 5px;
}
footer .post_footer ul li a:hover{
    color:#E41B13;
}

/*------------------------------------*\
COMMUNS
\*------------------------------------*/

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

.modal{
    visibility:hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    padding:20px;
}
.modal .modal-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.modal.in{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
}

.modal .modal-content{
    background:#f1f8fd;
    box-shadow:none;
    border-radius: 0;
    border: 0;
    padding: 30px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.modal .modal-content .modal-header{
    position:relative;
    border:0;
}
.modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    text-shadow: none;
}
.modal-header .close span{
    padding: 4px 11px;
    border: 1px solid #1587e1;
    border-radius: 2px;
    color: #1587e1;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.modal-header .close span:hover{
    background:#1587E1;
    color:#FFF;
}
.home main h2,
.modal h2{
    padding-bottom:20px;
    margin-bottom:20px;
    position:relative;
}
.modal h2:after{
    content:"";
    height:2px;
    background:#e41b13;
    width:72px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.modal .offre{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.modal .offre:not(:first-child){
    margin-top:40px;
}
.modal .offre .text{
    font-size:15px;
    line-height:24px;
    width:220px;
}
.modal .offre .text p{
    margin:0;
}
.modal .offre .text p:before {
    content: "\2022";
    margin-right: 5px;
    color: #e41b13;
}
.modal .offre .button{
    margin-left:auto;
}
.modal .offre .button a{
    display:inline-block;
    text-transform:uppercase;
    border:1px solid #1587e1;
    border-radius:2px;
    color:#003478;
    padding:12px 26px;
    font-family:"Roboto Condensed", sans-serif;
}
.modal .offre .button a:hover{
    color:#FFF;
    background:#1587e1;
}

/*-------------- PAGE TITLE --------------*/

.page_title_container{
    position:relative;
}
.page_title_container.no-thumb {
    position:static;
}
.page_title_container .page_title{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}
.page_title_container.no-thumb .page_title{
    position:static;
    left:auto;
    top:auto;
    height:auto;
    width:auto;
}
.page_title_container .page_title .row {
    width:100%;
}
.page_title_container .page_title .row,
.page_title_container .page_title .row > div {
    height:100%;
}
.page_title_container .page_title .row .page_title_h1 {
    height:100%;
    width:100%;
    background:rgba(0,52,120,0.48);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:45px;
}
.page_title_container.no-thumb .page_title .row .page_title_h1 {
    height:auto;
    width:auto;
    background:transparent;
    display:block;
    padding-left:0;
}
.page_title_container .page_title .row .page_title_h1 h1{
    font-family:"Lato", sans-serif;
    font-size:33px;
    text-transform:uppercase;
    color:#FFF;
    position:relative;
}
.page_title_container.no-thumb .page_title .row .page_title_h1 h1{
    font-size:30px;
    color:#003478;
    margin: 0;
    padding: 30px 0 15px 0;
}
.page_title_container.no-thumb .page_title .row .page_title_h1 h1:after {
    width: 70px;
    height: 2px;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #e41b13;
}
.page_title_container .page_title .row .page_title_h1 h1:after{
    content:'';
    position:absolute;
    bottom:-25px;
    left:0;
    height:2px;
    width:220px;
    background:#FFF;
}

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

section.breadcrumb_container{
    padding:20px 0 20px 0;
}
section.breadcrumb_container #breadcrumbs{
    margin:0;
}
section.breadcrumb_container #breadcrumbs span,
section.breadcrumb_container #breadcrumbs span{
    font-weight:300;
}
section.breadcrumb_container #breadcrumbs a{
    color:#4b4b4b;
}
section.breadcrumb_container #breadcrumbs a:hover{
    color:#003478;
}
section.breadcrumb_container #breadcrumbs span.breadcrumb_last{
    color:#003478;
}

/*-------------- MENU TAb VERTICAL --------------*/

.produits_type_menu{
    list-style:none;
    padding:0;
    margin:0;
}
.produits_type_menu li a{
    display: block;
    margin: 0 0 1px 0;
    cursor: pointer;
    float: none;
    position: relative;
    padding: 30px 0 30px 15px;
}
.produits_type_menu li h2 {
    margin: 0;
    color: #FFF;
    font-size: 17px;
    padding-right: 45px;
}
#parentVerticalTab .resp-tabs-list li,
.produits_type_menu li a{
    font-size: 15px;
    background: rgba(0,52,120,0.48);
    -webkit-transition:all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
}
#parentVerticalTab .resp-tabs-list li:hover,
.produits_type_menu li a:hover,
#parentVerticalTab .resp-tabs-list li.resp-tab-active,
.produits_type_menu li.active a{
    background: rgba(0,52,120,1);
}
#parentVerticalTab .accordeon_button,
.produits_type_menu li .accordeon_button {
    right: 10px;
    bottom: calc(50% - 12px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#parentVerticalTab li:hover .accordeon_button,
.produits_type_menu li:hover .accordeon_button,
#parentVerticalTab li.resp-tab-active .accordeon_button,
.produits_type_menu li.active .accordeon_button {
    color: #FFF;
    background: #1587e1;
    border-color: #1587e1;
}
#parentVerticalTab .accordeon_button span,
.produits_type_menu li .accordeon_button span {
    border-radius: 0;
}
#parentVerticalTab li:hover .accordeon_button span,
.produits_type_menu li:hover .accordeon_button span,
#parentVerticalTab li.resp-tab-active .accordeon_button span,
.produits_type_menu li.active .accordeon_button span {
    border: 1px solid #1587e1;
}
#parentVerticalTab .accordeon_button span svg,
.produits_type_menu li .accordeon_button span svg {
    width: 23px;
}
#parentVerticalTab li.resp-tab-active .accordeon_button span svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-------------- PRODUITS --------------*/

section.produits{
    padding:45px 0 71px 0;
    background:#e4f1fb;
}
section.produits h2{
    margin-bottom:50px;
}

section.produits .produit > ul{
    list-style:none;
    padding:0;
    margin:0;
}
section.produits .produit > ul > li{
    position:relative;
}
section.produits .produit > ul > li > a h3{
    font-family:"Roboto", sans-serif;
    font-size:14px;
    text-transform:uppercase;
    padding-bottom:15px;
    margin-bottom:20px;
}
section.produits .produit > ul > li > a{
    color:#003478;
}

section.produits .produit > ul > li > ul.produits_sous_cat_list{
    position:absolute;
    top:32px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    width:100%;
    padding:0;
    list-style:none;
    background:#FFF;
    padding:10px;
}
section.produits .produit > ul > li:hover > ul.produits_sous_cat_list,
section.produits .produit > ul > li:focus > ul.produits_sous_cat_list{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
    z-index:99;
}
section.produits .produit > ul > li > ul.produits_sous_cat_list li a{
    padding:5px 0;
    display:block;
    text-transform:uppercase;
    font-size:10px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
}

/*-------------- TEMPLATE DEMI-BLOCS 100% --------------*/

.demi_screen_tpl{
    margin-bottom:60px;
}
.demi_screen_tpl .element{
    position:relative;
}
.demi_screen_tpl .demi_screen_img .triangle_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    height:100%;
    right:0;
    top:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.demi_screen_tpl .demi_screen_img[class*="push"] .triangle_container{
    right:auto;
    left:0;
}
.demi_screen_tpl .demi_screen_img .triangle_container .triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 25px 27.5px 0;
    border-color: transparent #ffffff transparent transparent;
}
.demi_screen_tpl .demi_screen_img.right .triangle_container .triangle,
.demi_screen_tpl .demi_screen_img[class*="push"] .triangle_container .triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: transparent transparent transparent #ffffff;
}
.demi_screen_tpl .demi_screen_img > a:not(.img_esp){
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.demi_screen_tpl .text_container .container,
.demi_screen_tpl .text_container .container .row,
.demi_screen_tpl .text_container .container .row .demi_screen_txt{
    height:100%;
}
.demi_screen_tpl .text_container{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.demi_screen_tpl .text_container .demi_screen_txt{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.demi_screen_tpl .text_container .demi_screen_txt .txt_content{
    padding:0 0 0 65px;
}
.demi_screen_tpl .text_container .demi_screen_txt[class*="pull"] .txt_content{
    padding:0 65px 0 0;
}
.demi_screen_tpl .text_container .demi_screen_txt .txt_content h2,
.autres_services h2{
    padding-bottom:22px;
    margin-bottom:22px;
    position:relative;
}
.demi_screen_tpl .text_container .demi_screen_txt .txt_content h2:after{
    content:"";
    height:2px;
    background:#e41b13;
    width:70px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.demi_screen_tpl .text_container .demi_screen_txt .desc,
.page-template-template-rejoindre .demi_screen_tpl .demi_screen_txt .desc{
    font-size:15px;
    line-height:21px;
}
.demi_screen_tpl .text_container .demi_screen_txt .txt_content p,
.page-template-template-rejoindre .demi_screen_tpl .demi_screen_txt .txt_content p{
    margin:0;
}

/*-------------- AUTRES SERVICES --------------*/

.autres_services{
    padding:10px 0 50px 0;
}
.autres_services h2{
    margin-bottom:50px;
}
.autres_services .autre_service_container .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.autres_services .autre_service_container .autre_service h3{
    text-transform:uppercase;
    font-size:14px;
    font-family:"Roboto", sans-serif;
    font-weight:500;
    color:#003478;
    padding-bottom:15px;
    margin:0;
}
.autres_services .autre_service_container .autre_service .service_icon{
    border-top:2px solid #003478;
    background:#f1f8fd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:30px 15px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.autres_services .autre_service_container .autre_service .service_icon span:before{
    font-size:70px;
    color:#003478;
}
.autres_services .autre_service_container .autre_service a:hover .service_icon{
    background:#003478;
}
.autres_services .autre_service_container .autre_service a:hover .service_icon span:before{
    color:#F1F8FD;
}

/*------------------------------------*\
PAGES
\*------------------------------------*/

/*-------------- ACCUEIL --------------*/

/************* CARTE *************/

#map-canvas path{
    stroke-opacity: 0;
    stroke-width: 0;
}
#map-canvas.leaflet-container{
    background: none;
}

#map-canvas .leaflet-shadow-pane{
    display:none;
}


.implantations_map {
    position: relative;
}
.implantations_map .map_container {
    position: relative;
    box-sizing: border-box;
}
.implantations_map .map_container > img,
.implantations_map .map_container > svg{
    width:100%;
    height:auto;
    box-sizing: border-box;
}
.single-implantations .implantations_map {
    margin-top: 25px;
}
.implantations_map .map_points {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.implantations_map .map_points ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.implantations_map .map_points ul li{
    position:absolute;
    width: 32px;
    height: 32px;
}
.implantations_map .map_points ul li.regroupement {
    left: 46%;
    top: 33.5%;
}

.implantations_map .map_points_liste,
.implantations_map .map_single_point{
    position:absolute;
    left:0;
    top:0;
    z-index: 9;
    width: 265px;
}
.implantations_map .map_points_liste ul {
    display: none;
}
.implantations_map .map_points_liste #france {
    display: block;
}
.implantations_map .map_points_liste ul,
.implantations_map .map_single_point ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f1f8fd;
    padding: 30px 30px 45px 30px;
    max-width: 100%;
    width: 265px;
    position: absolute;

}
.implantations_map .map_points_liste ul li a,
.implantations_map .map_single_point ul li a{
    padding: 15px 0;
    border-bottom: 1px solid #003478;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition:all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position:relative;
}
.implantations_map .map_points_liste ul li a:hover,
.implantations_map .map_single_point ul li a:hover{
    border-color:#e41b13;
}
.implantations_map .map_points_liste ul li a .point_text,
.implantations_map .map_single_point ul li a .point_text {
    color: #003478;
    -webkit-transition:all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.implantations_map .map_points_liste ul li a:hover .point_text,
.implantations_map .map_single_point ul li a:hover .point_text {
    color:#e41b13;
}
.implantations_map .map_points_liste ul li a .ico_2-loupe_circle .path1:before,
.implantations_map .map_single_point ul li a .ico_2-loupe_circle .path1:before{
    -webkit-transition:all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.implantations_map .map_points_liste ul li a:hover .ico_2-loupe_circle .path1:before,
.implantations_map .map_single_point ul li a:hover .ico_2-loupe_circle .path1:before{
    color:#e41b13;
}
.implantations_map .map_points_liste ul li a .point_text span,
.implantations_map .map_single_point ul li a .point_text span{
    display:block;
}
.implantations_map .map_points_liste ul li a .point_text .name,
.implantations_map .map_single_point ul li a .point_text .name {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.implantations_map .map_points_liste ul li a .point_text .country,
.implantations_map .map_single_point ul li a .point_text .country{
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}
.implantations_map .map_points_liste ul li a .point_text .address,
.implantations_map .map_single_point ul li a .point_text .address{
    font-size: 11px;
    line-height: 12px;
}
.implantations_map .map_points_liste ul li a .icon_container,
.implantations_map .map_single_point ul li a .icon_container{
    margin-left: auto;
    font-size: 22px;
}

.implantations_map .map_points_liste ul li a:before,
.implantations_map .map_single_point ul li a:before{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #f1f8fd;
    position: absolute;
    left: -18px;
    top: 41%;
    -webkit-transition:all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.implantations_map .map_points_liste ul li a:hover:before,
.implantations_map .map_single_point ul li a:hover:before{
    border-color: transparent transparent transparent #e41b13;
}

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

section.slider {
    position: relative;
}
section.slider ul{
    padding:0;
    list-style:none;
    margin:0;
}
section.slider ul li{
    position:relative;
}
section.slider ul li .slide_texte{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
section.slider ul li .slide_texte h2{
    font-family:"Lato", sans-serif;
    font-size:35px;
    color:#FFF;
    margin-top:83px;
    margin-left:60px;
    text-transform:uppercase;
}

section.slider .slider_arrows{
    position: absolute;
    top: 45%;
    z-index:99;
    width:100%;
}
section.slider .slider_arrows{
    z-index:100;
}
section.slider a#slider_prev{
    float:left;
    cursor:pointer;
}
section.slider a#slider_next{
    float:right;
    cursor:pointer;
}

.slider .mbYTP_wrapper iframe {
    width: 100% !important;
}

section.frise{
    position:relative;
}
section.frise ul{
    list-style:none;
    padding:0;
    top:-62px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    position:absolute;
    width:100%;
}
section.frise ul li{
    position:relative;
    width: 124px;
    height: 62px;
    background-color: #FFF;
    border-bottom: 0;
    box-sizing: border-box;
    margin-left: -6px;
}
section.frise ul li span{
    width:112px;
    height:112px;
    position:absolute;
    top:-4px;
    left:-4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50%;
    border:6px solid #FFF;
    color:#FFF;
    font-family:"Roboto Condensed", sans-serif;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}
section.frise ul li:nth-child(1),
section.frise ul li:nth-child(3),
section.frise ul li:nth-child(5){
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin-top:62px;    
}
section.frise ul li:nth-child(2),
section.frise ul li:nth-child(4),
section.frise ul li:nth-child(6){
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}
section.frise ul li:nth-child(1){
    border: 10px solid #2f77b4;
}
section.frise ul li:nth-child(2){
    border: 10px solid #334554;
}
section.frise ul li:nth-child(3){
    border: 10px solid #56a9e9;
}
section.frise ul li:nth-child(4){
    border: 10px solid #4d6185;
}
section.frise ul li:nth-child(5){
    border: 10px solid #1587e1;
}
section.frise ul li:nth-child(6){
    border: 10px solid #4284bd;
}
section.frise ul li:nth-child(1) span{
    background:#2f77b4;
    top:-68px;
}
section.frise ul li:nth-child(2) span{
    background:#334554;
}
section.frise ul li:nth-child(3) span{
    background:#56a9e9;
    top:-68px;
}
section.frise ul li:nth-child(4) span{
    background:#4d6185;
}
section.frise ul li:nth-child(5) span{
    background:#1587e1;
    top:-68px;
}
section.frise ul li:nth-child(6) span{
    background:#4284bd;
}

section.links_services{
    position:relative;
}
section.links_services ul{
    list-style:none;
    padding:0;
    top:-80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    position:absolute;
    width:100%;
}
section.links_services ul li {
    padding: 22px 65px;
    background: #003478;
    color: #FFF;
    margin: 0 60px;
    text-align: center;
    width: 315px;
}
section.links_services ul li h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 20px;
    color:#FFFFFF;
}
section.links_services ul li a {
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #FFF;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;
}
section.links_services ul li a:hover{
    color:#1587E1;
    background:#FFF;
}

.home main h2{
    padding-bottom:20px;
    margin-bottom:60px;
    position:relative;
}
.home main h2:after,
.autres_services h2:after{
    content:"";
    height:2px;
    background:#e41b13;
    width:144px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.home main section.implantations{
    padding:130px 0 37px 0;
}
.home main section.implantations p{
    color:#003478;
    margin-top:33px;
    margin-bottom:20px;
    text-transform:uppercase;
}

.home .chiffres_section{
    background:#1587e1;
}
/*.home .chiffres_section .chiffres_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}*/
.home .chiffres_section > .row:before,
.home .chiffres_section > .row:after{
    display:none;
}
.home .chiffres_section .chiffres_container ul{
    padding:0;
    list-style:none;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.home .chiffres_section .chiffres_container ul li{
    display:block;
    width:50%;
    padding:10px 20px;
    color:#FFF;
    text-align:center;
}
.home .chiffres_section .chiffres_container ul li span{
    display:block;
}
.home .chiffres_section .chiffres_container ul li span.nb{
    font-family:"Roboto Condensed", sans-serif;
    font-size:54px;
    line-height:54px;
    margin-bottom: 10px;
}
.home .chiffres_section .chiffres_container ul li span.txt{
    text-transform:uppercase;
    font-weight:300;
    padding:0 20px;
}

.home .chiffres_section .chiffres_imgcont{
    position:relative;
}
.home .chiffres_section .chiffres_imgcont .rejoindre{
    position:absolute;
    top:0;
    left:0;
    padding:0 45px 30px 45px;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    background:rgba(0,0,0,0.4);
}
.home .chiffres_section .chiffres_imgcont .rejoindre span,
.home .chiffres_section .chiffres_imgcont .rejoindre p,
.home .chiffres_section .chiffres_imgcont .rejoindre a{
    color:#FFF;
    text-align: center;
}
.home .chiffres_section .chiffres_imgcont .rejoindre span{
    font-family:"Lato", sans-serif;
    font-size:34px;
    line-height:34px;
    margin-bottom:20px;
    text-transform:uppercase;
}
.home .chiffres_section .chiffres_imgcont .rejoindre p{
    margin-bottom:25px;
    line-height:18px;
}

.home .chiffres_section .chiffres_imgcont .rejoindre a{
    padding:18px 60px;
    border:1px solid #FFF;
    border-radius:3px;
    margin:0 auto;
    text-transform:uppercase;
    font-size:18px;
    line-height:18px;
    font-family:"Roboto Condensed", sans-serif;
}
.home .chiffres_section .chiffres_imgcont .rejoindre a:hover{
    background:#FFF;
    color:#003478;
}
.home .chiffres_section > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.play_button{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    width:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    top:0;
}

.play_button a{
    width:68px;
    height:68px;
    -webkit-transition:all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.play_button a span{
    margin: 15px 20px;
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 0 17.5px 30.3px;
    border-color: transparent transparent transparent #00a7a7;
    -webkit-transition:all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* Animation boutons video */
.play_button a{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
}

.play_button a:hover{
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.home .actualites{
    padding-top:55px;
}
.home .actualites div.home_actu img{
    margin-bottom:30px;
}
.home .actualites div.home_actu h3{
    font-size:19px;
    margin:0 0 10px 0;
    font-weight:400;
}
.home .actualites div.home_actu h3 a{
    color:#003478; 
}
.home .actualites div.home_actu span.date{
    font-weight:500;
    color:#003478;
    margin-bottom:10px;
    display:inline-block;
}
.home .actualites div.home_actu .excerpt{
    font-size:11px;
    margin-bottom:30px;
}
.home .actualites div.home_actu .readmore_container{
    text-align:center;
    overflow:hidden;
}
.home .actualites div.home_actu a.readmore{
    display:inline-block;
    margin:0 auto;
    text-transform:uppercase;
    border:1px solid #e41b13;
    color:#003478;
    padding:12px 30px;
    font-size:13px;
    line-height:13px;
    font-family:"Roboto Condensed", sans-serif;
}
.home .actualites div.home_actu a.readmore:hover{
    background:#E41B13;
    color:#FFF;
}

.home .actualites .events{
    background:#f0f3f7;
    display:block;
    padding:25px 25px 45px 25px;
    overflow:hidden;
    margin:0;
    list-style:none;
}
.home .actualites .events li{
    padding:20px 0;
    border-bottom:1px solid #003478;
}
.home .actualites .events *{
    color:#003478;
}
.home .actualites .events li h3{
    font-size:18px;
    font-weight:500;
    margin-top:0;
    margin-bottom:5px;
}
.home .actualites .events li span{
    display:block;
}
.home .actualites .events li span.date{
    font-size:11px;
    font-weight:500;
    margin-bottom:5px;
}
.home .actualites .events li span.lieu{
    font-size:10px;
    font-weight:500;
}

.home #video_accueil_container,
.tax-produit_types #produits_video_container{
    margin-top:30px;
    width:100%;
    height:270px;
}

.modal#produits_video .modal-content{
    background:#000000;
}

/*-------------- NOS SERVICES --------------*/

.page-template-template-services-cat .demi_screen_tpl .element .demi_screen_img,
.post-type-archive-metiers .demi_screen_tpl .element .demi_screen_img{
    height:345px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.page-template-template-services-cat .demi_screen_tpl .element:nth-of-type(odd) .demi_screen_img,
.post-type-archive-metiers .demi_screen_tpl .element:nth-of-type(odd) .demi_screen_img{
    background:#003478;
}
.page-template-template-services-cat .demi_screen_tpl .element:nth-of-type(even) .demi_screen_img,
.post-type-archive-metiers .demi_screen_tpl .element:nth-of-type(even) .demi_screen_img{
    background:#7f99bb;
}
.page-template-template-services-cat .demi_screen_tpl .element .demi_screen_img span,
.post-type-archive-metiers .demi_screen_tpl .element .demi_screen_img span{
    font-size:120px;
}

.single-services .chiffres{
    background:#1587e1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    color:#FFF;
}
.single-services .chiffres .chiffre:not(:last-child){
    margin-right:50px;
}
.single-services .chiffres .chiffre .nb{
    font-family:"Roboto Condensed", sans-serif;
    font-size:68px;
    line-height:68px;
    display:block;
}
.single-services .chiffres .chiffre .txt{
    font-size:13px;
    font-weight:300;
    display:block;
}

/*-------------- NOUS REJOINDRE --------------*/

.page-template-template-rejoindre .element .txt_content .buttons{
    margin-top:15px;
}
.page-template-template-rejoindre .element .txt_content .buttons a,
.aside_link a,
.demi_screen_tpl .text_container .demi_screen_txt .txt_content .en_savoir_plus{
    display:inline-block;
    text-transform:uppercase;
    border:1px solid #e41b13;
    border-radius:2px;
    color:#003478;
    padding:15px 26px;
    font-family:"Roboto Condensed", sans-serif;
}
.aside_link a{
    width:100%;
    margin-top:15px;
    text-align:center;
}
.demi_screen_tpl .text_container .demi_screen_txt .txt_content .en_savoir_plus{
    margin-top: 20px;
}
.page-template-template-rejoindre .element .txt_content .buttons a:hover,
.aside_link a:hover,
.demi_screen_tpl .text_container .demi_screen_txt .txt_content .en_savoir_plus:hover{
    color:#FFF;
    background:#1587e1;
    border-color:#1587e1;
}
.page-template-template-rejoindre .element .txt_content .buttons a:not(:last-child){
    margin-right:25px;
}
.page-template-template-rejoindre .demi_screen_tpl .bloc_decouvre_metiers{
    margin-bottom:220px;
}
.page-template-template-rejoindre .demi_screen_tpl .bloc_decouvre_metiers .text_container .demi_screen_txt{
    height:auto;
}
.page-template-template-rejoindre .demi_screen_tpl .bloc_decouvre_metiers .text_container .demi_screen_txt{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -ms-grid-row-align:flex-start;
    align-items:flex-start;
}
.page-template-template-rejoindre .demi_screen_tpl .bloc_decouvre_metiers .text_container .demi_screen_txt .txt_content{
    padding-top:25px;
}

.page-template-template-rejoindre .demi_screen_tpl .text_container .demi_screen_txt .txt_content ul{
    margin:25px 0 20px 0;
}
.page-template-template-rejoindre .demi_screen_tpl .text_container .demi_screen_txt .txt_content ul {
    list-style-type: none;
}
.page-template-template-rejoindre .demi_screen_tpl .text_container .demi_screen_txt .txt_content ul li:before {
    content: "\2022";
    margin-right: 10px;
    color: #e41b13;
}
.page-template-template-rejoindre .demi_screen_tpl .text_container .demi_screen_txt .txt_content ul li {
    color: #4d4d4d;
}

/*-------------- QUI SOMMES-NOUS ? & NOS METIERS --------------*/

body[class*=template-who] .ui-accordion .ui-accordion-content {
    padding: 0;
    border-top: 0;
    overflow: auto;
}

.bandeau{
    margin:0 0 60px 0;
    padding:0;
    position:relative;
}
.bandeau .bandeau_title{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}
.bandeau .bandeau_title .row{
    width:100%;
}
.bandeau .bandeau_title .row,
.bandeau .bandeau_title .row > div{
    height:100%;
}
.bandeau .row .bandeau_title_h2{
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:30px;
}
.bandeau .bandeau_title .row .bandeau_title_h2{
    background:rgba(0,52,120,0.48);
}
.bandeau .row .bandeau_title_h2 h2{
    font-family:"Lato", sans-serif;
    font-size:33px;
    text-transform:uppercase;
    color:#FFF;
    position:relative;
    margin:0;
}
.bandeau .row .bandeau_title_h2 h2:after{
    content:'';
    position:absolute;
    bottom:-25px;
    right:0;
    height:2px;
    width:500px;
    background:#FFF;
}
body[class*=template-who] .demi_screen_tpl .text_container .demi_screen_txt .txt_content h3,
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_txt .txt_content h2,
.dates_cles h3 {
    padding-bottom:22px;
    position:relative;
    font-family:"Lato", sans-serif;
    font-size:25px;
    color:#003478;
    text-transform:uppercase;
    margin:0 0 22px 0;
}
body[class*=template-rejoindre] .demi_screen_tpl{
    margin-bottom:0;
}
body[class*=template-who] .demi_screen_tpl .text_container .demi_screen_txt .txt_content h3:after,
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_txt .txt_content h2:after,
.dates_cles h3:after {
    content:"";
    height:2px;
    background:#e41b13;
    width:70px;
    position: absolute;
    bottom: 0;
    left: 0;
}

body[class*=template-who] #chiffres_cles .chiffres_cles_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#1587e1;
    margin-bottom:60px;
    padding:60px 0;
}
body[class*=template-who] #chiffres_cles .chiffres_cles_container ul{
    padding:0;
    list-style:none;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li{
    display:block;
    padding:15px 20px;
    max-width:240px;
    color:#FFF;
    text-align:center;
    margin: 0 50px;
}
body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li span{
    display:block;
}
body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li span.nb{
    font-family:"Roboto Condensed", sans-serif;
    font-size:70px;
    line-height:70px;
    margin-bottom:8px;
}
body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li span.txt{
    text-transform:uppercase;
    font-weight:300;
    padding:0 20px;
}

.accordeon_content{
    display:none;
}
.accordeon_button{
    position:absolute;
    right:50px;
    bottom:20px;
}
.accordeon_button span{
    cursor:pointer;
    display:inline-block;
    text-transform:uppercase;
    border:1px solid #FFF;
    border-radius:2px;
    color:#FFF;
    padding: 3px 9px;
    font-size: 29px;
    width:34.41px;
    text-align:center;
    line-height: 22px;
    font-family:"Roboto Condensed", sans-serif;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.accordeon_button span:hover{
    color:#FFF;
    background:#1587e1;
    border-color:#1587e1;
}

body[class*=template-who] .dates_cles{
    margin-bottom:70px;
    margin-top: 40px;
}

body[class*=template-who] .dates_cles .dates_cles_slider_container,
body[class*=template-who] .dates_cles ul.row li.slick-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body[class*=template-who] .dates_cles .dates_cles_slider_container ul{
    list-style:none;
    padding:0;
    margin-bottom:0;
}
body[class*=template-who] .dates_cles .dates_cles_slider_container ul h4{
    color:#003478;
    font-size:19px;
    font-weight:400;
    margin:0 0 20px;
}
body[class*=template-who] .dates_cles .dates_cles_slider_container ul .desc{
    font-size:14px;
    line-height:24px;
}
body[class*=template-who] .dates_cles .dates_cles_slider_container ul .desc *{
    margin:0;
}

body[class*=template-who] .dates_cles .prev a,
body[class*=template-who] .dates_cles .next a{
    cursor:pointer;
}

body[class*=template-who] .dates_cles .dates_dots .slick-dots{
    position:relative;
    bottom:auto;
}

body[class*=template-who] .dates_cles .slick-dots{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    overflow:hidden;
    margin-bottom: 30px;
}
body[class*=template-who] .dates_cles .slick-dots li {
    width: auto;
    height: auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0;
    position:relative;
    z-index: 10;
    width: 43px;
}
body[class*=template-who] .dates_cles .slick-dots li:not(:last-child){
    margin-right:30px;
}
body[class*=template-who] .dates_cles .slick-dots li button {
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #003478;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index: 6;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

body[class*=template-who] .dates_cles .slick-dots li button:before {
    content: '';
    position: absolute;
    z-index: -99999999;
    top: 39px;
    left: -200%;
    right: -200%;
    margin: 0 auto;
    width: 73px;
    height: 1px;
    display: block;
    background-color: #003478;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

body[class*=template-who] .dates_cles .slick-dots li button span{
    border-radius: 50%;
    display:block;
    width: 20px;
    height: 20px;
    z-index: 6;
    position:relative;
    background: #003478;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
body[class*=template-who] .dates_cles .slick-dots li.slick-active button span{
    background: #e41b13;
}
body[class*=template-who] .dates_cles .slick-dots li > span{
    color:#003478;
    font-weight:500;
    font-size:16px;
    margin-bottom:5px;
}

.slick-disabled {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.page-template-template-metiers .accordeon .bandeau{
    padding:70px 0 90px 0;
} 
.page-template-template-metiers .accordeon .bandeau h2{
    font-size:27px;
}
.page-template-template-metiers .accordeon:nth-child(odd) .bandeau{
    background:#003478;
}
.page-template-template-metiers .accordeon:nth-child(even) .bandeau{
    background:#7f99bb;
}
.page-template-template-metiers .accordeon .bandeau,
.page-template-template-metiers .accordeon .demi_screen_tpl{
    margin-bottom:30px;
}
.page-template-template-metiers .accordeon .accordeon_button{
    right:30px;
    bottom:25px;
}

/*-------------- QUI SOMMES-NOUS ? v2 --------------*/

body[class*=template-who] .onglet_menu ul{
    list-style:none;
    margin:0 0 55px 0;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
body[class*=template-who] .onglet_menu ul li{
    position:relative;
    width: calc(100%/6);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:95px 15px;
    background:rgba(0,52,120,0.48);
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    overflow:hidden;
}
body[class*=template-who] .onglet_menu ul li.active{
    background:rgba(0,52,120,1);
}
body[class*=template-who] .onglet_menu ul li .bandeau_title_h2 h2{
    font-family:"Lato", sans-serif;
    font-size:20px;
    text-transform:uppercase;
    color:#FFF;
    position:relative;
    margin:0;
    padding-left: 40px;
}
body[class*=template-who] .onglet_menu ul li .bandeau_title_h2 h2:after{
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    height: 2px;
    width: 500px;
    background: #FFF;
}

body[class*=template-who] .onglet_content,
body[class*=template-who] .onglet_content article{
    overflow:hidden;
}

.accordeon_button span{
    padding:0;
    width:auto;
}
.accordeon_button span svg {
    width: 35px;
    height: auto;
    max-height: 23px;
    fill: #FFF;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.accordeon_button.onglet_close span svg{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

body[class*=template-who] .onglet_content .onglet_menu{
    display:none;
}

/*-------------- QUI SOMMES NOUS V3 --------------*/
body[class*=template-who] .demi_screen_tpl {
    margin-bottom: 0;
}
body[class*=template-who] .demi_screen_tpl .element {
    position: static;
    margin-bottom: 40px;
}
body[class*=template-rejoindre] .demi_screen_tpl .element.rownogutters,
body[class*=template-rejoindre] .demi_screen_tpl .element.no-gutters,
body[class*=template-who] .demi_screen_tpl .element.rownogutters,
body[class*=template-who] .demi_screen_tpl .element.no-gutters{
    margin-bottom: 0;
}
body[class*=template-who] .demi_screen_tpl .text_container {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
}
body[class*=template-who] .demi_screen_tpl .text_container {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
}
body[class*=template-who] .demi_screen_tpl .text_container .demi_screen_txt .txt_content,
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_txt .txt_content {
    padding: 20px;
}
body[class*=template-who] .demi_screen_tpl .demi_screen_img .triangle_container,
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_img .triangle_container {
    right: 0;
}
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_img.right .triangle_container{
    right:auto;
}
body[class*=template-who] .demi_screen_tpl .demi_screen_img:not(.left) .triangle_container,
body[class*=template-rejoindre] .demi_screen_tpl .demi_screen_img:not(.left) .triangle_container {
    right: auto;
    left: 0;
}
body[class*=template-who] .demi_screen_tpl .demi_screen_img:not(.left) .triangle_container .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27.5px 0 27.5px 25px;
    border-color: transparent transparent transparent #ffffff;
}

/*-------------- NOUS REJOINDRE --------------*/

body[class*=template-rejoindre] .demi_screen_tpl .img_container{
    position:relative;
}

body[class*=template-rejoindre] .demi_screen_tpl .desc ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
body[class*=template-rejoindre] .demi_screen_tpl .desc ul li {
    line-height: 28px;
    padding-left: 15px;
    position: relative;
    font-weight: 500;
}
body[class*=template-rejoindre] .demi_screen_tpl .desc ul li:before {
    content: "•";
    color: #e41b13;
    font-size: 25px;
    position: absolute;
    left: 0;
}

/*-------------- ACTUALITES --------------*/

main section.actualites .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
main .actualites article .actu_container img,
main .autres_actus article .actu_container img{
    width:100%;
}
main .actualites article .actu_container span.date,
main .autres_actus article .actu_container span.date{
    display:block;
    font-size:10px;
    margin:10px 0 3px 0;
}
main .actualites article .actu_container h2,
main .autres_actus article .actu_container h2{
    margin:0;
    line-height:13px;
    font-weight:400;
    font-family: 'Rubik', sans-serif;
    text-transform:none;
}
main .actualites article .actu_container h2 a,
main .autres_actus article .actu_container h2 a{
    color:#003478;  
    font-size:13px;
}
main .actualites article .actu_container,
main .autres_actus article .actu_container{
    padding-bottom:15px;
    border-bottom:1px solid #003478;
}
main .actualites article{
    margin-bottom:35px;
}

div.pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top:55px;
}
div.pagination ul{
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#f6f6f6;
    padding:0 5px;
}
div.pagination ul li{
    padding:13px;
}
div.pagination ul li a{
    color:#003478;
}
div.pagination ul li a.current,
div.pagination ul li a:hover{
    color:#e41b13;
}
div.pagination ul li.page-num-first,
div.pagination ul li.page-num-prev,
div.pagination ul li.page-num-next,
div.pagination ul li.page-num-last{
    text-decoration: underline;
}

body:not(.implantations-template-default) main aside h3{
    text-align:center;
    font-family:"Lato", sans-serif;
    font-size:16px;
    font-weight:700;
    color:#003478;
    text-transform:uppercase;
    margin:0 0 20px 0;
    padding-bottom:10px;
    position:relative;
}
body:not(.implantations-template-default) main aside h3:after{
    content:"";
    height:1px;
    background:#e41b13;
    width:35px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right:10px;
    margin:0 auto;
}
main aside .agenda{
    background:#f1f8fd;
    padding:16px 27px;
}
main aside .agenda ul{
    list-style:none;
    margin:0;
    padding:0;
}
main aside .agenda ul li{
    padding-bottom:15px;
    border-bottom:1px solid #003478;
}
main aside .agenda ul li:not(:last-child){
    margin-bottom:20px;
}
main aside .agenda ul li h4{
    font-size:14px;
    margin:0 0 6px 0;
    color:#003478;
}
main aside .agenda ul li span{
    display:block;
    font-size:10px;
}

main aside .newsletter{
    border:1px solid #003478;
    padding:28px 37px;
    margin-top:35px;
    text-align:center;
}
main aside .newsletter ul{
    list-style:none;
    padding:0;
    margin:0;
}
main aside .newsletter ul li{
    margin-bottom:17px;
    text-align:center;
}
main aside .newsletter ul li a{
    font-size:12px;
    color:#003478;
}
main aside .newsletter > a{
    border:1px solid #e41b13;
    display:inline-block;
    padding:8px 14px;
    color:#003478;
    text-transform:uppercase;
    font-family:'Roboto Condensed', sans-serif;
    font-size:12.5px;
    margin-top:5px;
}

.single-post article .txt_content h1{
    font-family: "Lato", sans-serif;
    font-size: 30px;
    color: #003478;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.single .actu .demi_screen_tpl .text_container {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    z-index: 999999;
}
.single .actu .demi_screen_tpl .row.no-gutters {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.single .actu .demi_screen_tpl .text_container .demi_screen_txt {
    display: block;
}

.single .actu .demi_screen_tpl .text_container .demi_screen_txt > a,
.single .actu .demi_screen_tpl .text_container .demi_screen_txt .downloads_container a{
    display:block;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
}
.single .actu .demi_screen_tpl .text_container .demi_screen_txt .txt_content p {
    margin:0 0 30px 0;
}
.single .actu a.download{
    color:#003478;
    font-size:15px;
    vertical-align:text-bottom;
    line-height:12px;
    margin-bottom:10px;
}
.single .actu a.download img{
    margin-right:13px;
}
.single .actu a.return{
    color:#003478;
    margin-top:50px;
    padding:10px 20px;
    text-transform:uppercase;
    font-family:'Roboto Condensed', sans-serif;
    font-size:12.5px;
    line-height:12.5px;
    border:1px solid #e41b13;
}
.single .actu a.return:hover{
    color:#E41B13;
}
.single .actu a.return img{
    margin-right:5px;
}

.autres_actus{
    background:#f1f8fd;
    padding:45px 0;
}
.autres_actus h3{
    padding-bottom:22px;
    position:relative;
    font-family:"Lato", sans-serif;
    font-size:25px;
    color:#003478;
    text-transform:uppercase;
    margin:0 0 52px 0;
}
.autres_actus h3:after{
    content:"";
    height:2px;
    background:#e41b13;
    width:70px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.autres_actus article .actu_container span.title{
    display:block;
    margin:0;
    line-height:13px;
    font-weight:400;
    font-family: 'Rubik', sans-serif;
    text-transform:none;
}
.autres_actus article .actu_container span.title a{
    color:#003478;  
    font-size:13px;
    margin-top:10px;
}
main .autres_actus article .actu_container{
    background:#FFF;
}
main .autres_actus article .actu_container span{
    padding-left:10px;
    padding-right:10px;
}
main .autres_actus .container > .row > div > .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#slider_next{
    float:right;
}
main .autres_actus .prev,
main .autres_actus .next{
    cursor:pointer;
}

main .element .addtoany_share_save_container {
    float:right;
}
main .element .addtoany_share_save_container .partager_phrase{
    color:#003478;
    font-size:15px;
    margin-right:15px;
}

/*-------------- RECHERCHE --------------*/

.search main form{
    position:relative;
    margin-bottom:50px;
}
.search main form input[type="search"]{
    border:1px solid #1587E1;
    border-radius:2px;
    padding:12px 34px 12px 12px;
    font-size:13px;
    font-weight:300;
    width:100%;
    text-transform:uppercase;
}
.search main form button{
    position:absolute;
    right:10px;
    top:10px;
    background:none;
    box-shadow:none;
    border:0;
}

.search main article{
    margin-bottom:35px;
    clear:both;
}
.search main article h2{
    font-size:22px;
    margin-bottom:20px;
}
.search main article .excerpt{
    font-size:15px;
    line-height:30px;
}
.search main article a.readmore{
    float:right;
    padding:10px 47px;
    border:1px solid #317cdb;
    border-radius:2px;
    text-transform:uppercase;
    color:#003478;
    font-size:12.5px;
    line-height:12.5px;
    font-family:"Roboto Condensed", sans-serif;
}
.search main article a.readmore:hover{
    background:#317CDB;
    color:#FFF;
}

/*-------------- PRODUITS TERMS --------------*/

.tax-produit_types .intro{
    padding:40px 0 70px 0;
}
.tax-produit_types .intro h2,
.single-implantations .intro h2{
    margin-bottom:25px;
}
.tax-produit_types .intro .desc,
.single-implantations .intro .desc{
    font-size:18px;
    line-height:30px;
}
.tax-produit_types .sous_categories .container .row,
.other_produits_slider ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.tax-produit_types .sous_categories .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tax-produit_types .sous_categories .container .row > div{
    margin-bottom:35px;
}
.tax-produit_types .sous_categories h3,
.other_produits_slider h4{
    font-weight:300;
    font-size:16px;
    padding-bottom:15px;
    border-bottom:1px solid #003478;
    color:#003478;
    text-transform:uppercase;
    margin-bottom:20px;
}
.tax-produit_types .sous_categories a:not(.img_link),
.other_produits_slider ul li a,
.tax-produit_types .sous_categories button{
    display:block;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-top:15px;
    padding:10px 15px;
    border:1px solid #317cdb;
    border-radius:2px;
    text-transform:uppercase;
    color:#003478;
    font-size:12.5px;
    line-height:12.5px;
    font-family:"Roboto Condensed", sans-serif;
}
.tax-produit_types .sous_categories button{
    background:#FFFFFF;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.tax-produit_types .sous_categories a:not(.img_link):hover,
.other_produits_slider ul li a:hover,
.tax-produit_types .sous_categories button:hover{
    background:#317CDB;
    color:#FFF;
}
.tax-produit_types .sous_categories a .triangle,
.tax-produit_types .sous_categories button .triangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #003478;
}
.tax-produit_types .sous_categories a:hover .triangle,
.tax-produit_types .sous_categories button:hover .triangle{
    border-color: transparent transparent transparent #FFFFFF;
}

.tax-produit_types .sous_categories  .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tax-produit_types .sous_categories .pdf_complementaires {
    padding: 0;
    list-style: none;
    margin: 7px 0 0 0;
}
.tax-produit_types .sous_categories .pdf_complementaires li {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    line-height: 12px;
    display: block;
}
.tax-produit_types .sous_categories .pdf_complementaires a:not(.img_link) {
    padding: 0;
    border: 0;
    text-transform: none;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
    margin: 0;
    font-size: 10px;
    line-height: 12px;
}
.tax-produit_types .sous_categories .pdf_complementaires a:not(.img_link):hover {
    background: none;
    color: #003478;
    text-decoration: underline;
}
.tax-produit_types .sous_categories .pdf_complementaires span{
    text-decoration: underline;
    line-height: 12px;
}
.tax-produit_types .sous_categories .pdf_complementaires li:first-child{
    margin-bottom: 3px;
}
.tax-produit_types .sous_categories .pdf_complementaires li:not(:first-child) {
    padding-left: 5px;
    position: relative;
}
.tax-produit_types .sous_categories .pdf_complementaires li:not(:first-child):before {
    content: "•";
    position: absolute;
    color: #e41b13;
    left: 0;
}


/*-------------- PRODUITS TERMS --------------*/

.single-produits .produit_header h1{
    font-family:'Lato', sans-serif;
    font-size:25px;
    color:#003478;
    margin-bottom:45px;
    text-transform:uppercase;
}
.single-produits .produit_header h1 span{
    font-size:18px;
}

.single-produits .produit_content section{
    font-size:15px;
    line-height:28px;
}
.single-produits .produit_content section h3{
    color:#003478;
    font-size:17px;
    font-weight:500;
    margin:25px 0 30px 0;
}
.single-produits .produit_content section ul{
    list-style:none;
    padding:0;
}
.single-produits .produit_content section ul li:before{
    content:"•";
    margin-right:5px;
    color:#e41b13;
}

.single-produits .bandeau .row .bandeau_title_h2 h2{
    margin-top:-50px;
}

.single-produits .vertical_tab{
    margin-bottom:60px;
}
.single-produits .vertical_tab .vert_tab_container{
    background-color: #f6f9ff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/* Style the tab */
.single-produits .vertical_tab .left_side{
    background-color: #f6f9ff;
    width: 30%;
    height: auto;
}

/* Style the buttons inside the tab */
.single-produits .vertical_tab .left_side button {
    display: block;
    background-color: inherit;
    padding: 22px 16px;
    width: 100%;
    color:#003478;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    -webkit-transition:0.3s;
    transition: 0.3s;
    font-size: 17px;
}

.single-produits .vertical_tab .left_side button:after{
    content:"";
    background:url('img/next.png') no-repeat center center;
    background-size:contain;
    height:22px;
    width:20px;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    display:block;
    float: right;
    margin: 1px 1px 0 0;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.single-produits .vertical_tab .left_side button.defaultOpen{
    background:#e4effb;
}

.single-produits .vertical_tab .left_side button.defaultOpen:after{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Change background color of buttons on hover */
.single-produits .vertical_tab .left_side button:not(.defaultOpen):hover {
    background-color: #eff7fd;
}

/* Style the tab content */
.single-produits .vertical_tab .right_side {
    background:#e4effb;
    width: 70%;
    border-left: none;
    height: auto;
    position:relative;
    min-height:204px;
}

.single-produits .vertical_tab .right_side .tabcontent{
    font-size: 15px;
    line-height: 22px;
    color: #003478;
    position: absolute;
    top: 0;
    padding: 20px 50px;
}
.single-produits .vertical_tab .right_side .tabcontent a{
    color:#003478;
    text-decoration: underline;
}
.single-produits .vertical_tab .right_side .tabcontent a:hover{
    color:#e41b13;
}

@media screen and (max-width:1230px) and (min-width:992px){
    .single-produits .bandeau .row .bandeau_title_h2{
        padding-left: 15px;
    }
    .single-produits .bandeau .row .bandeau_title_h2 h2{
        font-size:20px;
    }
}

.single-produits .produit_content aside .aside_content,
.single-implantations .description aside .aside_content,
.single-implantations .carte .infos{
    background:#f1f8fd;
    padding:28px;
}
.single-produits .produit_content aside .aside_content .accordeon_title h4{
    color:#003478;
    font-size:15px;
    line-height:15px;
    text-transform:uppercase;
    font-weight:500;
    border-bottom:1px solid #003478;
    padding-bottom:18px;
    margin:19px 0 0 0;
    display:block;
    cursor:pointer;
}
.single-produits .produit_content aside .aside_content .accordeon_title h4:after{
    content:"";
    background:url('img/next.png') no-repeat center center;
    background-size:contain;
    height:22px;
    width:20px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    display:block;
    float: right;
    margin: -4px 1px 0 0;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.single-produits .produit_content aside .aside_content .accordeon_title.active h4:after{
    -webkit-transform:rotate(0);
    transform:rotate(0);
}
.single-produits .produit_content aside .aside_content .accordeon_content{
    padding:20px 0;
    border-bottom:1px solid #003478;
}
.single-produits .produit_content aside .aside_content .accordeon_content *{
    margin:0;
    font-size:12px;
    font-weight:300;
    color:#2d76b6;
}
.single-produits .produit_content aside .aside_content .accordeon_content ul{
    padding-left: 14px;
}
.single-produits .produit_content aside .aside_content .accordeon_content strong{
    font-weight:700;
    text-decoration:underline;
}
.single-produits .produit_content aside .aside_content .fiche_technique{
    margin-top:36px;
}
.single-produits .produit_content aside .aside_content .fiche_technique a {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #e41b13;
    border-radius: 2px;
    color: #003478;
    padding: 11px 28px;
    font-family: "Roboto Condensed", sans-serif;
    line-height:10px;
}
.single-produits .produit_content aside .aside_content .fiche_technique a img{
    margin-right:5px;
}
.single-produits .produit_content aside .aside_content .fiche_technique a:hover{
    color:#E41b13;
}

.other_produits{
    margin-top:100px;
    background:#f1f8fd;
    padding:50px 0 65px 0;
}

.other_produits h3{
    font-family:"Lato", sans-serif;
    font-size:25px;
    color:#003478;
    text-transform:uppercase;
    margin:0 0 55px 0;
    position:relative;
    padding:0 0 20px 0;
}
.other_produits h3:after{
    content:"";
    height:2px;
    background:#317CDB;
    width:145px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.other_produits_slider{
    clear:both;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.other_produits_slider ul{
    list-style:none;
    padding:0;
    margin:0;
}
.other_produits_slider ul li{
    width:18%;
    margin:0 1%;
}
.other_produits_slider .slick-slider li{
    width:180px;
    margin:0 10px;
}
.other_produits_slider .prev,
.other_produits_slider .next{
    cursor:pointer;
}

.gamme_intro{
    padding:45px 0;
}
.gamme_intro .intro{
    font-size: 18px;
    line-height: 30px;
    margin-bottom:25px;
}

.gamme_intro .fiche_technique a {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #e41b13;
    border-radius: 2px;
    color: #003478;
    padding: 11px 28px;
    font-family: "Roboto Condensed", sans-serif;
    line-height:10px;
}
.gamme_intro .fiche_technique a img{
    margin-right:5px;
}
.gamme_intro .fiche_technique a:hover{
    color:#E41b13;
}

.gamme_menu{
    margin:30px 0;
    padding:15px 0;
    border-top:1px solid #003478;
    border-bottom:1px solid #003478;
    position:relative;
}
.gamme_menu .menu_container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.gamme_menu .gamme_taille{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.gamme_menu .cercle{
    width:17px;
    height:17px;
    border-radius:50%;
    border:2px solid #003478;
    padding:2px;
    margin-right:25px;
}
.gamme_menu .cercle span{
    display:block;
    border-radius:50%;
    background:#e41b13;
    width:100%;
    height:100%;
}
.gamme_menu .gamme_taille > span,
.gamme_menu .menu_button > span,
.gammes_liste a > span{
    color:#003478;
    font-size:13px;
    font-weight:500;
    line-height:13px;
}
.gammes_liste a > span{
    width:200px;
}

.gamme_menu .menu_button{
    text-transform:uppercase;
    cursor:pointer;
}
.gamme_menu .menu_button span:after{
    content:"";
    background:url('img/next.png') no-repeat center center;
    background-size:contain;
    height: 19px;
    width: 17px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    float: right;
    margin: -2px 0 0 15px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.gamme_menu .menu_button.active span:after{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.gammes_liste{
    display:block;
    position: relative;
    width: 100%;
    top:15px;
    padding: 25px 0;
    background: #f1f8fd;
}
.gammes_liste a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #003478;
    padding:0 0 15px 0;
    width:80%;
    margin: 15px 0;
}
.gammes_liste a .cercle span{
    background:transparent;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.gammes_liste a:hover .cercle span{
    background:#e41b13;
}

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

.single-implantations .intro{
    padding:40px 0 55px 0;
}

.single-implantations .description aside h3{
    color:#003478;
    font-size:17px;
    line-height:17px;
    text-transform:uppercase;
    font-weight:500;
    margin:0 0 20px 0;
}
.single-implantations .description aside .aside_content{
    font-size:15px;
    line-height:24px;
}
.single-implantations .description aside .aside_content h3:not(:first-of-type){
    margin-top:30px;
}
.single-implantations .description aside .aside_content ul{
    list-style:none;
    padding:0;
}
.single-implantations .description aside .aside_content ul li:before{
    content:"•";
    margin-right:5px;
    color:#e41b13;
}

.single-implantations .description{
    margin-bottom:52px;
}
.single-implantations .description section h2{
    padding-bottom:20px;
    margin-bottom:20px;
    margin-top:30px;
}
.single-implantations .description section h2:after{
    content:"";
    height:2px;
    background:#e41b13;
    width:72px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.single-implantations .description section *:not(h2){
    font-size:15px;
    line-height:24px;
}

.single-implantations .slider{
    margin-bottom:60px;
}

.single-implantations .carte aside .infos ul{
    list-style:none;
    padding:0;
    margin:0;    
}
.single-implantations .carte aside .infos > ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
}
/*.single-implantations .carte aside .infos > ul > li:not(:last-child){
width:48%;
padding:0 1%;
}*/
.single-implantations .carte aside .infos > ul > li{
    width:48%;
    padding:0 1%;
}
.single-implantations .carte aside .infos > ul > li:first-child{
    border-right:1px solid #003478;
}
.single-implantations .carte aside .infos ul li .implantation_logo,
.single-implantations .carte aside .infos ul li .coordonnees{
    border-bottom:1px solid #003478;   
    height:100%;
    text-align:center;
}
.single-implantations .carte aside .infos ul li .coordonnees{
    padding:7px 15px 13px 15px;
}
.single-implantations .carte aside .infos ul li .coordonnees li{
    font-weight:300;
    font-size:12px;
    color:#033478;
}
.single-implantations .carte aside .infos ul li .implantation_logo{
    padding:13px 0;
}
.single-implantations .carte aside .infos ul li .implantation_logo img{
    max-height: 80px;
}

.single-implantations .carte aside .infos .implantation_services{
    margin-top:25px;
}
.single-implantations .carte aside .infos .implantation_services .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.single-implantations .carte aside .infos .implantation_services .service h3{
    text-transform:uppercase;
    font-size:12px;
    font-family:"Roboto", sans-serif;
    font-weight:500;
    color:#003478;
    padding-bottom:15px;
    margin:0;
    text-align:center;
}
.single-implantations .carte aside .infos .implantation_services .service .service_icon{
    background:#f1f8fd;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:15px;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.single-implantations .carte aside .infos .implantation_services .service .service_icon span:before{
    font-size:52px;
    color:#003478;
}

/************** VIDYARD **************/

.vidyard-player-container > div iframe {
    top: -50% !important;
    bottom: 0;
    margin: auto 0;
    width: 100% !important;
}

/************** MENU MOBILE **************/

.menu_mobile_button {
    cursor: pointer;
    padding: 5px 0px;
}
.bar1, 
.bar2, 
.bar3 {
    width: 30px;
    height: 3px;
    background-color: #FFF;
    margin: 6px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.menu_mobile_button.change .bar1, 
.menu_mobile_button.change .bar2, 
.menu_mobile_button.change .bar3{
    background-color:#003478;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.menu_mobile_button.change:hover .bar1, 
.menu_mobile_button.change:hover .bar2, 
.menu_mobile_button.change:hover .bar3{
    background-color:#317CDB;
}

/* Rotate first bar */
.menu_mobile_button.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 7px) ;
    transform: rotate(-45deg) translate(-6px, 7px) ;
}

/* Fade out the second bar */
.menu_mobile_button.change .bar2 {
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* Rotate last bar */
.menu_mobile_button.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -7px) ;
    transform: rotate(45deg) translate(-5px, -7px) ;
}

/************** 404 **************/

.error404 main{
    padding:100px 0;
    text-align:center;
}
.error404 main h1{    
    font-family: "Lato", sans-serif;
    font-size: 28px;
    color: #003478;
    text-transform: uppercase;
    margin:0 0 15px 0;
}
.error404 main a{
    display:inline-block;
    text-transform:uppercase;
    border:1px solid #e41b13;
    border-radius:2px;
    color:#003478;
    padding:15px 26px;
    font-family:"Roboto Condensed", sans-serif;
}
.error404 main a:hover{
    color:#FFF;
    background:#1587e1;
    border-color:#1587e1;
}

/************** CONTACT **************/

body[class*='contact'] main form {
    width: 750px;
    max-width: 100%;
}
body[class*='contact'] main form label {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: 300;
    color: #4d4d4d;
}
body[class*='contact'] main form label,
body[class*='contact'] main form label > span,
body[class*='contact'] main form input:not([type=submit]),
body[class*='contact'] main form textarea {
    width: 100%;
    box-sizing: border-box;
}
body[class*='contact'] main form input:not([type=submit]), body[class*='contact'] main form textarea {
    border: 1px solid #1587E1;
    border-radius: 2px;
    padding: 5px 34px 5px 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #4d4d4d;
}
body[class*='contact'] main form textarea {
    resize: none;
}

body[class*='contact'] main form input[type=submit] {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #e41b13;
    border-radius: 2px;
    color: #003478;
    padding: 9px 20px;
    font-family: "Roboto Condensed", sans-serif;
    background: #FFFFFF;
}
body[class*='contact'] main form input[type=submit]:hover{
    color: #FFF;
    background: #1587e1;
    border-color: #1587e1;
}

/*------------------------------------*\
SLIDER VERTICAL
\*------------------------------------*/

.vertical_slider #slider_prev,
.vertical_slider #slider_next {
    text-align: center;
    display: block !important;
    float: none;
    cursor: pointer;
}
.vertical_slider #slider_prev {
    margin-bottom: 10px;
}
.vertical_slider #slider_next {
    margin-top: 10px;
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

nav.menu_mobile{
    display:none;
}

@media all and (max-width:1361px) and (min-width:992px){

    .demi_screen_tpl .text_container .demi_screen_txt h2, 
    .page-template-template-rejoindre .demi_screen_tpl .demi_screen_txt h2,
    .demi_screen_tpl .text_container .demi_screen_txt h2 a ,
    .page-template-template-rejoindre .demi_screen_tpl .demi_screen_txt h2 a {
        font-size: 22px;
    }
    .demi_screen_tpl .text_container .demi_screen_txt .desc ,
    .page-template-template-rejoindre .demi_screen_tpl .demi_screen_txt .desc {
        font-size: 15px;
        line-height: 19px;
    }

}

@media all and (max-width:1361px) and (min-width:1199px){

    /*-------------- ACCUEIL --------------*/

    .home .chiffres_section .chiffres_container ul li {
        padding: 15px 10px;
    }
    .home .chiffres_section .chiffres_container ul li span.nb {
        font-size: 32px;
        line-height: 25px;
        margin-bottom: 0;
    }

}

@media all and (max-width:1300px) and (min-width:1199px){
    body[class*=template-who] .onglet_menu ul li .bandeau_title_h2 h2 {
        font-size: 17px;
    }
}

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

    .tax-produit_types .sous_categories h3, .other_produits_slider h4 {
        font-size: 13px;
    }

    /*-------------- HEADER --------------*/
    header .nav nav > ul > li:not(:last-child) {
        margin-right: 10px;
    }

    /*-------------- FOOTER --------------*/
    footer nav > ul > li{
        margin-bottom:20px;
    }

    /*-------------- QUI SOMMES-NOUS --------------*/

    body[class*=template-who] .onglet_menu ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    body[class*=template-who] .onglet_menu ul li {
        width: calc(100%/3);
        padding: 34px 15px 80px 15px;
    }

    /*-------------- PRODUITS --------------*/ 
    .gammes_liste a > span {
        width: 190px;
    }

    .single-produits .vertical_tab .right_side {
        min-height:226px;
    }

    /*-------------- MASONRY --------------*/
    .grid-item {
        width:130.90px;
        height:82px;
    }
    .grid-item-big{
        width:443px;
        height:326px;
    }
    .grid-item-normal{
        width:286px;
        height:151px;
    }
    .grid-item-normal-2{
        width:290px;
        height:189px;
    }
    .grid-item-small{
        height:82px;
    }
}

@media all and (min-width:992px) and (max-width:1199px){

    section.slider ul li .slide_texte h2{
        margin-top:35px;
    }

    /*-------------- ACCUEIL --------------*/
    section.produits .produit > ul > li > a h3 {
        font-size: 12px;
    }

    .home .chiffres_section .chiffres_container ul li {
        padding: 15px 0px;
    }
    .home .chiffres_section .chiffres_container ul li span.nb {
        font-size: 22px;
        line-height: 5px;
    }
    .home .chiffres_section .chiffres_container ul li span.txt {
        font-size: 13px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre {
        padding: 0 10px 0px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre span {
        font-size: 25px;
        line-height: 25px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre a {
        padding: 10px 40px;
        font-size: 18px;
        line-height: 18px;
    }

    .produits_type_menu li h2 {
        font-size: 14px;
    }

}

@media all and (max-width:991px){

    .vertical_slider #slider_prev,
    .vertical_slider #slider_next{
        display:none !important;
    }

    h2, 
    h2 a {
        font-size: 22px;
    }
    .desc,
    .tax-produit_types .intro .desc, 
    .single-implantations .intro .desc,
    .single-implantations .description section *:not(h2){
        font-size: 15px;
        line-height: 19px;
    }

    /*-------------- HEADER --------------*/
    header .nav .container .logo {
        left: 60px;
    }
    header .pre_nav form input[type="search"] {
        width: 115px;
    }

    /*-------------- MENU MOBILE --------------*/
    header .nav nav{
        display:none;
    }

    nav.nav_mobile .menu_mobile_button{
        float:right;
        padding-right:15px;
    }

    nav.nav_mobile {
        display:block;
        position: fixed;
        left: -250px;
        top:0;
        background:#EDEBE8;
        width: 250px;
        height: 100vh;
        padding:10px 0;
        z-index:999999;
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-transition: all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
        box-shadow:0 0 5px #777;
    }
    nav.nav_mobile.show{
        left:0;
    }

    nav.nav_mobile ul{        
        list-style:none;
    }
    nav.nav_mobile > ul{
        display:block;
        padding:10px;
        margin-top:50px;
        border:0;
    }
    nav.nav_mobile > ul > li:not(:first-child){
        margin-top:10px;
    }
    nav.nav_mobile ul.sub-menu{
        display:none;
        padding:0;
    }
    nav.nav_mobile > ul > li > a{
        font-size:14px;
        padding: 10px 15px;
        width: 100%;
        display: block;
        color: #003478;
    } 
    nav.nav_mobile ul.sub-menu li a{
        font-size:13px;
        padding: 3px 20px;
        width: 100%;
        display: block;
        color: #003478;        
    }
    nav.nav_mobile > ul > li{
        position:relative;
    }
    nav.nav_mobile > ul > li span{
        cursor:pointer;
        background:url('img/next.png') no-repeat center center;
        background-size:contain;
        height:22px;
        width:20px;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        display:block;
        right: 17px;
        top: 9px;
        position: absolute;
        -webkit-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
    }
    nav.nav_mobile > ul > li.active span{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }

    /*-------------- ACCUEIL --------------*/
    .home .actualites div.home_actu{
        margin-bottom:50px;
    }
    .home .actualites div.home_actu .readmore_container {
        text-align: right;
    }

    /*-------------- FOOTER --------------*/
    footer .socials {
        top: 266px;
    }
    footer nav ul {
        font-size: 11px;
    }

    /*-------------- PRODUITS --------------*/
    .gammes_liste a > span {
        width: 190px;
    }

    .single-produits .vertical_tab .right_side {
        min-height:292px;
    }

    /*-------------- TEMPLATE DEMI-BLOCS 100% --------------*/
    .demi_screen_tpl .text_container {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
    }
    .demi_screen_tpl .element .text_container .demi_screen_txt .txt_content,
    .page-template-template-rejoindre .demi_screen_tpl .element .demi_screen_txt .txt_content {
        padding: 0 0 35px 0;
    }
    .demi_screen_tpl .element:not(:first-child) .text_container .demi_screen_txt .txt_content,
    .page-template-template-rejoindre .demi_screen_tpl .element:not(:first-child) .demi_screen_txt .txt_content{
        padding-top:35px;
    }
    .demi_screen_tpl .demi_screen_img .triangle_container {
        height: auto;
        left: 0;
        margin: 0 auto;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .demi_screen_tpl .demi_screen_img .triangle_container .triangle,
    .demi_screen_tpl .demi_screen_img[class*="push"] .triangle_container .triangle,
    .demi_screen_tpl .demi_screen_img.right .triangle_container .triangle,
    body[class*=template-who] .demi_screen_tpl .demi_screen_img:not(.left) .triangle_container .triangle{
        border-width: 25px 27.5px 0 27.5px;
        border-color: #ffffff transparent transparent transparent;
    }
    .page-template-template-services-cat .demi_screen_tpl .element .demi_screen_img,
    .post-type-archive-metiers .demi_screen_tpl .element .demi_screen_img {
        height: 220px;
    }
    .page-template-template-services-cat .demi_screen_tpl .element .demi_screen_img span, 
    .post-type-archive-metiers .demi_screen_tpl .element .demi_screen_img span {
        font-size: 86px;
    }

    /*-------------- QUI SOMMES-NOUS --------------*/
    body[class*=template-who] .dates_cles .dates_cles_slider_container img{
        margin-bottom:20px;
    }

    body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li {
        padding: 15px;
        max-width: 175px;
    }
    body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li span.nb {
        font-size: 50px;
        line-height: 50px;
    }

    body[class*=template-who] .demi_screen_tpl .demi_screen_img:not(.left) .triangle_container{
        left:auto;
    }
    body[class*=template-who] .demi_screen_tpl .demi_screen_img {
        margin-top: 30px;
    }

    /*-------------- SERVICES --------------*/
    .autres_services .autre_service_container .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .autres_services .autre_service_container .row .autre_service{
        margin-bottom:25px;
    }

    /*-------------- NOUS REJOINDRE --------------*/
    .page-template-template-rejoindre .demi_screen_tpl .bloc_decouvre_metiers {
        margin-bottom: 0;
    }

    /*-------------- SINGLE ACTU --------------*/
    .single .actu .demi_screen_tpl .row.no-gutters {
        position: relative;
        margin-top:40px;
    }
    main .element .addtoany_share_save_container{
        margin-top:0 !important;
    }
    main .actualites article .actu_container img, main .autres_actus article .actu_container img {
        width:inherit;
    }

    /*-------------- SINGLE IMPLANTATIONS --------------*/
    .single-implantations .description aside{
        margin-top: 30px;
    }
    .single-implantations .carte aside .infos > ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .single-implantations .intro {
        padding: 20px 0 25px 0;
    }

    /*-------------- SINGLE PRODUITS --------------*/
    .other_produits_slider ul li {
        width: 31%;
        margin: 0 1%;
    }
    .tax-produit_types .sous_categories h3, .other_produits_slider h4 {
        font-size: 16px;
    }
    .single-produits .produit_content aside .aside_content{
        margin-top:25px;
    }

    /*-------------- MASONRY --------------*/
    .slider_gallery_container .slider_gallery .masonry_container .grid-item {
        margin-bottom:24px;
    }
    .grid-item {
        width:213px;
        height:135px;
    }
    .grid-item-big{
        width:213px;
        height:135px;
    }
    .grid-item-normal{
        width:213px;
        height:135px;
    }
    .grid-item-small{
        height:135px;
    }

    /*-------------- MAPS --------------*/

    .implantations_map .map_container,
    .implantations_map .map_points{
        display: none;
    }
    .implantations_map .map_single_point{
        display:none !important;
    }
    .implantations_map .map_points_liste {
        position: relative;
        width: 100%;
        display: block !important;
    }
    .implantations_map .map_points_liste ul {
        width: 100%;
        position: relative;
        display:block;
    }
    .implantations_map .map_points_liste ul:not(:first-child):not(:last-child) {
        padding-top: 0;
        padding-bottom: 0;
    }
    .implantations_map .map_points_liste ul:last-child:not(:first-child) {
        padding-top: 0;
    }
    .implantations_map .map_points_liste ul:first-child:not(:last-child) {
        padding-bottom: 0;
    }
    .implantations_map .map_points_liste ul li:not(.point_regroupe) {
        display: block;
    }
    .produits_type_menu li a {
        padding: 10px 45px 10px 10px;
    }
}

@media all and (max-width:991px) and (min-width:768px){
    .modal-dialog{
        width:570px;
    }

    section.links_services ul li {
        margin: 0 30px;
    }

    /*-------------- HEADER --------------*/
    .home .chiffres_section .chiffres_container ul li {
        padding: 15px 0px;
    }
    .home .chiffres_section .chiffres_container ul li span.nb {
        font-size: 32px;
        line-height: 22px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre {
        padding: 0 45px 0px 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre span {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre a {
        padding: 9px 45px;
    }

    .produits_type_menu li a {
        padding: 20px 0 20px 5px;
    }
    .produits_type_menu li h2 {
        font-size: 14px;
        padding-right: 30px;
    }

    #parentVerticalTab .resp-tabs-list li,
    .produits_type_menu li a{
        font-size: 13px;
    }
}

@media all and (max-width:767px){
    body[class*=template-who] .onglet_menu ul li {
        width: calc(100%/2);
    }

    /*-------------- HEADER --------------*/
    section.slider ul li .slide_texte h2 {
        font-size: 28px;
    }

    /*-------------- ACCUEIL --------------*/

    section.frise ul.secondpart{
        top:59px;
    }
    section.frise ul.secondpart li:nth-child(1){
        border: 10px solid #4d6185;
    }
    section.frise ul.secondpart li:nth-child(2){
        border: 10px solid #1587e1;
    }
    section.frise ul.secondpart li:nth-child(3){
        border: 10px solid #4284bd;
    }
    section.frise ul.secondpart li:nth-child(1) span{
        background:#4d6185;
    }
    section.frise ul.secondpart li:nth-child(2) span{
        background:#1587e1;
    }
    section.frise ul.secondpart li:nth-child(3) span{
        background:#4284bd;
    }

    section.links_services{
        background: #1587E1;
    }
    section.links_services ul{
        position:relative;
        top:0;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:0;
    }
    section.links_services ul li {
        width:50%;
        margin: 0;
        padding:20px;
    }

    .home .chiffres_section .chiffres_container ul {
        padding: 40px 0;
    }

    .home .chiffres_section .chiffres_imgcont .rejoindre {
        padding: 0 45px 45px 45px;
    }
    .home .chiffres_section .chiffres_container ul li span.nb {
        font-size: 40px;
        line-height: 40px;
    }

    .home main section.implantations {
        padding: 60px 0 37px 0;
    }

    /*-------------- PRODUITS --------------*/
    .other_produits_slider ul li {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .single-produits .produit_content aside .aside_content .fiche_technique a {
        padding: 11px 11px;
    }
    .gamme_intro .fiche_technique a{
        padding: 11px 11px;    
        line-height: 14px;
    }
    .gammes_liste a > span {
        width: 435px;
    }
    .single-produits .vertical_tab .left_side {
        width: 100%;
    }
    .single-produits .vertical_tab .left_side button {
        padding: 10px 15px;
        width: auto;
        float: left;
    }
    .single-produits .vertical_tab .right_side {
        width: 100%;
        min-height: auto;
    }
    .single-produits .vertical_tab .right_side .tabcontent {
        position: relative;
        padding:40px;
    }
    .single-produits .vertical_tab .left_side button:after{
        display:none;
    }

    /*-------------- FOOTER --------------*/
    footer .socials {
        position: relative;
        right: auto;
        top: auto;
        float: right;
    }

    body[class*=template-who] #chiffres_cles .chiffres_cles_container ul li {
        max-width: 80%;
        width: 80%;
    }

    body[class*=template-who] h2 .resp-arrow,
    body[class*=template-rejoindre] h2 .resp-arrow{
        display:none;
    }
    body[class*=template-who] h2.resp-accordion ,
    body[class*=template-rejoindre] h2.resp-accordion {
        font-size: 17px;
        background: rgba(0,52,120,0.48);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        color: #fff;
        border: none;
    }
    body[class*=template-who] h2.resp-accordion.resp-tab-active,
    body[class*=template-rejoindre] h2.resp-accordion.resp-tab-active{
        background: rgba(0,52,120,1);
    }
    body[class*=template-who] .resp-vtabs .resp-tab-content ,
    body[class*=template-rejoindre] .resp-vtabs .resp-tab-content {
        border: none;
        padding: 20px 0;
    }

    body[class*=template-who] h2:hover .accordeon_button,
    body[class*=template-rejoindre] h2:hover .accordeon_button,
    body[class*=template-who] h2.resp-tab-active .accordeon_button ,
    body[class*=template-rejoindre] h2.resp-tab-active .accordeon_button {
        color: #FFF;
        background: #1587e1;
        border-color: #1587e1;
    }
    body[class*=template-who] h2:hover .accordeon_button span,
    body[class*=template-rejoindre] h2:hover .accordeon_button span,
    body[class*=template-who] h2.resp-tab-active .accordeon_button span ,
    body[class*=template-rejoindre] h2.resp-tab-active .accordeon_button span {
        border: 1px solid #1587e1;
    }
    body[class*=template-who] h2.resp-tab-active .accordeon_button span svg ,
    body[class*=template-rejoindre] h2.resp-tab-active .accordeon_button span svg {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*-------------- MASONRY --------------*/
    .slider_gallery_container .slider_gallery .masonry_container .grid-item {
        margin-bottom:20px;
    }
    .grid-item {
        width:100%;
        height:auto;
    }
    .grid-item-big{
        width:100%;
        height:auto;
    }
    .grid-item-normal{
        width:100%;
        height:auto;
    }
    .grid-item-small{
        height:auto;
    }
    .grid-gutter{
        width:0;
    }
    #slider_prev{
        float:right;
    }
    #slider_next{
        float:none;
    }

    .vidyard-player-container > div iframe {
        top: 0 !important;
    }
    .vidyard-player-container{
        height: 100% !important;
    }
}

@media all and (max-width:480px){
    body[class*=template-who] .onglet_menu ul li {
        width: 100%;
        padding: 50px 15px;
    }

    body[class*=template-who] main > .onglet_menu{
        display:none;
    }
    body[class*=template-who] .onglet_content .onglet_menu{
        display:block;
    }
    body[class*=template-who] .onglet_content .onglet_menu ul{
        margin-bottom:0;
    }
    body[class*=template-who] .onglet_content .onglet_menu + article{
        margin-top:55px;
    }

    .produits_type_menu li h2 {
        font-size: 13px;
    }

    /*-------------- HEADER --------------*/
    header .pre_nav {
        margin-bottom: 38px;
    }
    header .pre_nav .pre_nav_container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    section.slider ul li .slide_texte h2 {
        margin-top: 30px;
    }

    /*-------------- ACCUEIL --------------*/
    section.frise ul{
        top:-58px;
    }
    section.frise ul li{
        width: 112px;
        height: 58px;
    }
    section.frise ul li span{
        width:100px;
        height:100px;
        font-size:11px;
    }
    section.frise ul li:nth-child(1), 
    section.frise ul li:nth-child(3) {
        margin-top: 58px;
    }
    section.frise ul li:nth-child(1) span,
    section.frise ul li:nth-child(3) span{
        top: -59px;
    } 


    section.links_services ul li {
        width:100%;
    }
    section.links_services ul li:first-of-type{
        padding:20px 20px 10px 20px;
    }
    section.links_services ul li:last-of-type{
        padding:10px 20px 20px 20px;
    }
    section.links_services ul li h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0 0 12px;
    }
    section.links_services ul li a {
        padding: 5px 20px;
        font-size:10px;
    }

    section.produits .produit > ul > li > a h3 {
        font-size: 12px;
    }

    .home .chiffres_section .chiffres_container ul li span.nb {
        font-size: 30px;
        line-height: 30px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre {
        padding: 0 45px 0px 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home .chiffres_section .chiffres_container ul li {
        padding: 15px;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre span {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .home .chiffres_section .chiffres_container ul li span.txt {
        padding: 0;
    }
    .home .chiffres_section .chiffres_imgcont .rejoindre a {
        padding: 5px 40px;
        font-size: 14px;
    }

    .home .actualites div.home_actu{
        margin-bottom:25px;
    }
    .home .actualites div.home_actu,
    .home .actualites div.home_actu_events{
        width:100% !important;
    }

    /*-------------- FOOTER --------------*/
    footer .socials {
        margin-bottom:35px;
    }

    /*-------------- PAGE TITLE --------------*/    
    .page_title_container .page_title .row > div{
        width:100%;
        margin: 0;
    }
    .page_title_container .page_title .row .page_title_h1 h1 {
        font-size: 26px;
    }

    /*-------------- QUI SOMMES-NOUS --------------*/
    .bandeau .row .bandeau_title_h2 h2 {
        font-size: 24px;
    }
    .bandeau .row .bandeau_title_h2 h2:after {
        bottom: -10px;
    }

    .accordeon_button {
        bottom: 35px;
    }

    /*-------------- NOUS REJOINDRE --------------*/
    .page-template-template-rejoindre .element .txt_content .buttons a:not(:last-child) {
        margin-bottom: 15px;
    }

    .modal h2 {
        margin-top: 50px;
    }
    .modal .offre{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .modal .offre .button {
        margin-left: 0;
        margin-top: 10px;
    }
    .modal.in .modal-dialog{
        max-width: 100%;
    }

    /*-------------- SINGLE PRODUIT --------------*/
    .gamme_menu .menu_container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }
    .gamme_menu .gamme_taille {
        margin-bottom: 15px;
    }
    .gammes_liste a {
        margin: 15px auto;
    }
    .gammes_liste a > span {
        width: 198px;
    }

    .single-produits .bandeau .row .bandeau_title_h2 h2{
        font-size:18px;
    }
    .single-produits .bandeau .row .accordeon_button {
        bottom: 10px;
    }

    /*-------------- SINGLE IMPLANTATION --------------*/
    .single-implantations .carte aside .infos > ul > li:first-child {
        border-right:0;
    }
    .single-implantations .carte aside .infos > ul > li:not(:last-child) {
        width: 100%;
        padding:0;
    }
    .single-implantations .carte aside .infos ul li .implantation_logo {
        padding: 15;
    }
    .single-implantations .carte aside .infos ul li .coordonnees {
        padding: 15px;
    }
}

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

::-moz-selection {
    background:#003478;
    color:#FFF;
    text-shadow:none;
}

::selection {
    background:#003478;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#003478;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#003478;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}