/*
	Theme Name: Mafelec
	Theme URI: http://www.mafelec.com
	Description: Site mafelec
	Version: 1.4.3
	Author: Agence CWA
	Author URI: http://www.agence-cwa.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

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

/* ---------------------------- */
/*	   DEFAULT STYLES						*/
/* ---------------------------- */
@keyframes fadeIn { from { opacity:0;} to { opacity:1;}}

a, input { noFocusLine: expression(this.onFocus=this.blur());outline: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-decoration: none;}

.btn { font: normal 12px/12px 'din_medium', Arial, Helvetica, sans-serif !important; color: #FFFFFF; background: #009cda !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: inline-block; border-radius: 50px !important; padding: 10px 25px !important; border: none; border: 2px solid transparent !important;}
a.btn:hover { background: #56ab1f !important; color: #FFF;}


a.btn.btn-primary:hover {background: #e60024 !important; color: #FFF;}

p,li { font-size: 12px; line-height: 16px; font-weight: 300;}

ul,li { padding: 0; margin: 0; list-style: none;}

.clear { clear: both;}
.hide { display: none;}
.center { text-align: center;}
.small { font-size: 11px !important;}

.text-right { text-align: right;}


/* ---------------------------- */
/*	   SELECTIONS								*/
/* ---------------------------- */
*:focus, a:focus { outline: none !important; border: none;}
*::-moz-focus-inner {border: none;}
img, *[contenteditable=true] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
::-moz-selection 	{ color: #FFFFFF; background: #009cda;}
::selection      	{ color: #FFFFFF; background: #009cda;}
p::-moz-selection { color: #FFFFFF; background: #009cda;}
p::selection      { color: #FFFFFF; background: #009cda;}

/* ---------------------------- */
/*	   TITLES										*/
/* ---------------------------- */
h1 { font: normal 46px/50px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1d283a;}
h2 { font: normal 26px/26px 'din_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1d283a; margin: 0 0 20px 0 !important;}
h3 { font: normal 20px/22px 'din_medium', Arial, Helvetica, sans-serif; margin: 0 0 10px 0;}
h4 { font: normal 20px/22px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 10px 0 !important;}

h2:after { content: ''; display: block; margin: 5px auto 10px auto; background: #1d283a; width: 62px; height: 1px;}

.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,strong.blue,p.blue { color: #009cda !important;}
.red,h1.red,h2.red,h3.red,h4.red,h5.red,strong.red,p.red { color: #e42022 !important;}
h2.blue { color: #009cda !important;}
h2.blue:after { background: #009cda;}

.uppercase,.uppercase h1,.uppercase h2,.uppercase h3,.uppercase h4,.uppercase h5,.uppercase h6,.uppercase p { text-transform: uppercase;}
.lowercase,.lowercase h1,.lowercase h2,.lowercase h3,.lowercase h4,.lowercase h5,.lowercase h6,.lowercase p { text-transform: none;}

.regular,.regular p { font-family: 'din_regular', Arial, Helvetica, sans-serif !important; font-weight: normal;}
.medium,.medium p { font-family: 'din_medium', Arial, Helvetica, sans-serif !important; font-weight: normal;}
.bold,.bold p { font-family: 'din_bold', Arial, Helvetica, sans-serif !important; font-weight: normal;}

.size14,.size14 h1,.size14 h2,.size14 h3,.size14 h4,.size14 h5,.size14 h6,.size14 p { font-size: 14px !important; line-height: 24px;}
.size16,.size16 h1,.size16 h2,.size16 h3,.size16 h4,.size16 h5,.size16 h6,.size16 p { font-size: 16px !important; line-height: 18px;}
.size18,.size18 h1,.size18 h2,.size18 h3,.size18 h4,.size18 h5,.size18 h6,.size18 p { font-size: 18px !important; line-height: 20px;}
.size20,.size20 h1,.size20 h2,.size20 h3,.size20 h4,.size20 h5,.size20 h6,.size20 p { font-size: 20px !important; line-height: 22px;}
.size22,.size22 h1,.size22 h2,.size22 h3,.size22 h4,.size22 h5,.size22 h6,.size22 p { font-size: 22px !important; line-height: 24px;}
.size24,.size24 h1,.size24 h2,.size24 h3,.size24 h4,.size24 h5,.size24 h6,.size24 p { font-size: 24px !important; line-height: 26px;}
.size26,.size26 h1,.size26 h2,.size26 h3,.size26 h4,.size26 h5,.size26 h6,.size26 p { font-size: 26px !important; line-height: 28px;}
.size28,.size28 h1,.size28 h2,.size28 h3,.size28 h4,.size28 h5,.size28 h6,.size28 p { font-size: 28px !important; line-height: 30px;}
.size30,.size30 h1,.size30 h2,.size30 h3,.size30 h4,.size30 h5,.size30 h6,.size30 p { font-size: 30px !important; line-height: 32px;}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
body { background: #e0e3e3; font: normal 13px/16px Arial, helvetica, sans-serif; color: #1d283a; animation: fadeIn 1s; border-top: 2px solid #e42022;}
body.page-interne { background: #FFFFFF;}
body.page-interne main { padding-bottom: 40px;}
body.page-interne footer { padding: 0 0 0 0; border-top: 7px solid #e0e3e3;}

.container { max-width:1172px; width:100%; margin:0 auto; position:relative;}

.bg_white { background: #FFFFFF;}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header { background: #FFFFFF;}
.header { padding-bottom: 30px;}
.logo { float: left;}
.logo-img {}
.nav { float: right; padding-top: 25px; padding-right: 30px;}

header #mega-menu-wrap-header-menu #mega-menu-header-menu a.mega-menu-link { font: normal 13px/40px 'din_medium', Arial, Helvetica, sans-serif !important; text-transform: uppercase !important;}
header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-home a.mega-menu-link { background: url('img/icons/icon_home.svg') center center no-repeat; text-indent: -9999px;}
header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-home a.mega-menu-link:hover { background: url('img/icons/icon_home_hover.svg') center center no-repeat;}
header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-contact a.mega-menu-link, header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-contact a.mega-menu-link:hover, header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-contact a.mega-menu-link:focus {
    background: url('img/icons/icon_contact.svg') 10px center no-repeat;
    padding: 0 10px 0 27px;
    background-size: 15px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { width: 180px;}

header #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu li a.mega-menu-link { font: normal 11px/40px 'din_regular', Arial, Helvetica, sans-serif !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link::after { color: #e42022 !important; font-size: 14px !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { color: #FFFFFF !important;}
/* li.mega-toggle-on ul.mega-sub-menu:before { content: ''; height: 3px; width: 65px; background: #e42022; display: block !important; margin: -3px 0 0 0;} */
/* li.mega-toggle-on ul.mega-sub-menu:before { content: ''; height: 3px; width: 65px; background: #e42022; display: block !important; margin: -3px 0 0 0;} */

/* #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout a.mega-menu-link:hover:after { content: ''; height: 3px; width: 65px; background: #e42022; display: block !important; margin: -3px 0 0 0;} */

#mega-menu-wrap-header-menu #mega-menu-header-menu > li:after { content: ''; height: 3px; width: auto; background: #e42022; display: block !important; margin: 0 10px !important; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li:hover:after { opacity: 1;}

li.mega-toggle-on ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu:before { display: none !important;}
li.mega-toggle-on ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu { background: none !important;}
li.mega-toggle-on ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu a.mega-menu-link { background: rgba(0,156,218,.8) !important;}
li.mega-toggle-on ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu a.mega-menu-link:hover { color: #1d283a !important; background: rgba(0,156,218,1) !important;}


@media only screen and (max-width: 800px) {
    .nav {
        position: absolute;
        z-index: 999;
        right: 0;
        top: 0;
    }

    header #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1::after {
        padding: 0 0 0 10px;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        color: #fff;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
        color: #fff!important;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-home a.mega-menu-link {
        background: none;
        text-indent: 0;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-home a.mega-menu-link:hover {
        background: none;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-contact a.mega-menu-link {
        background: none;
        text-indent: 0;
        padding: 0 10px;
    }

    header #mega-menu-wrap-header-menu #mega-menu-header-menu .mega-icon-contact a.mega-menu-link:hover {
        background: none;
    }
}





header #social li { float: left; margin: 0 10px 0 0; height: 20px;}
header #social li a { color: #1d283a; width: 20px; height: 20px; line-height: 20px; border-radius: 50px; display: inline-block; text-align: center;}
header #social li a { background: #FFFFFF;}
header #social li a:hover { background: #009cda;color: #ffffff}

header .top-links { background: #1d283a; margin-bottom: 30px; padding: 5px 0;}
header #social { float: left; width: 50%;}
header #qtranslate-2 { float: right; width: 50%; text-align: right;}
header #qtranslate-2.qtranxs_widget ul li.active { opacity: 1;}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/
.page-accueil article { margin: 0 auto 65px auto;}
.bloc-top-heading { text-align: center; position: relative; padding: 0; background-position: center center !important; background-repeat: no-repeat !important; background-color: #fff !important; margin: 0 auto 0 auto !important;}
.bloc-top-heading .container { height: 150px;}
.bloc-top-heading.front .container { height: 400px;}

.bloc-top-heading h1 { font: normal 44px/50px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 0 0;}
.bloc-top-heading h2 { font-size: 26px !important; margin: 0 !important;}
.bloc-top-heading h2:after { display: none !important;}
.bloc-top-heading .content { position: absolute !important; bottom: 0 !important; background: rgba(255,255,255,.6); width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 30px 0;}

.wide { width: 100%; padding: 30px 0;}
.bloc { /* width: 581px; */ text-align: center;}
.wide .bloc { width: 100%;}
.bloc-actu-videos .bloc { width: 100%;
    max-width: 581px;
}

.page-accueil article.bloc-actu-videos { margin: 65px auto 65px auto;}
.page-accueil .bloc-actualites { background: #FFFFFF; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; float: left; position: relative; padding: 30px 0 50px 0 !important; height: 350px;}
.page-accueil article.level_0 .bloc { padding: 30px 0 0 0;}

.page-accueil .bloc-actualites li.item:first-child { margin: 0 0 20px 0;}
.page-accueil .bloc-actualites li.item:first-child .description:after { content: ''; width: 100%; height: 1px; background: #333; display: block; margin: 10px 0 0 0;}

.page-accueil .bloc-actualites .description { position: relative; padding: 0 70px 0 120px; text-align: left;}
.page-accueil .bloc-actualites h3 { font: normal 18px/20px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 10px 0 !important;}
.page-accueil .bloc-actualites p.date { font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 0 0; color: #e42022; position: absolute; top: 0; left: 10px;}
.page-accueil .bloc-actualites p.date svg { fill: #e42022; margin: 0 5px 0 0;}
.page-accueil .bloc-actualites .btn-more { color: #009cda; text-decoration: underline; font: normal 12px/12px 'din_medium', Arial, Helvetica, sans-serif;}
.page-accueil .bloc-actualites .btn-more:hover { color: #e42022;}

.page-accueil .bloc-actualites .fixed-btn { background: #009cda; font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; color: #FFFFFF; position: absolute; bottom: 0; right: 0; padding: 10px 30px 10px 200px; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
.page-accueil .bloc-actualites .fixed-btn svg { fill: #FFFFFF; vertical-align: -3px; margin: 0 0 0 5px;}
.page-accueil .bloc-actualites .fixed-btn:hover { background: #1d283a; color: #FFFFFF;}
.page-accueil .bloc-actualites .fixed-btn:hover svg { fill: #FFFFFF;}

.page-accueil .bloc-videos { background: #FFFFFF; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; float: right; position: relative; padding: 30px 0 0 0 !important; height: 350px;}
.page-accueil .bloc-videos .thumb { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; z-index: 1; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; height: 259px;}
.page-accueil .bloc-videos .fixed-btn { background: #1d283a; font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; color: #FFFFFF; position: absolute; bottom: 0; right: 0; padding: 10px 30px 10px 200px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 5;}
.page-accueil .bloc-videos .fixed-btn svg { fill: #009cda; vertical-align: -3px; margin: 0 0 0 5px;}
.page-accueil .bloc-videos .fixed-btn:hover { background: #009cda; color: #FFFFFF;}
.page-accueil .bloc-videos .fixed-btn:hover svg { fill: #FFFFFF;}

.page-accueil .bloc-solutions { margin: 0 auto 0 auto;}
.page-accueil .bloc-solutions h3 { font: normal 14px/14px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 10px 0 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-accueil .bloc-solutions ul li { display: inline-block; margin: 0; width: 19.7%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-accueil .bloc-solutions ul li img { margin: 0 auto 20px auto; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-accueil .bloc-solutions ul li a.seemore { background: url('img/red_arrow.svg') center center no-repeat; text-indent: -9999px; display: block;}

.page-accueil .bloc-solutions ul:hover li { opacity: .7;}
.page-accueil .bloc-solutions ul li:hover { opacity: 1;}
.page-accueil .bloc-solutions ul li:hover h3 { color: #e60024;}
.page-accueil .bloc-solutions ul li:hover a.seemore { background: url('img/red_arrow_hover.svg') center center no-repeat;}
.page-accueil .bloc-solutions ul li:hover img { margin: 0 auto 10px auto;}


.page-accueil article.level_0.bloc-marches,
.page-accueil article.level_0.bloc-marches .bloc { padding: 0;}
.page-accueil .bloc-marches #item_wrapper_marches { background: #FFFFFF; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.page-accueil .bloc-marches .bloc { position: relative;}


.page-accueil .bloc-marches #item_wrapper_pictos_marches {display: block; padding: 0 0 25px 0; text-align: center;}
.page-accueil .bloc-marches #item_wrapper_pictos_marches li { display: inline-block; width: 100%;max-width: 120px; vertical-align: top;}
.page-accueil .bloc-marches #item_wrapper_pictos_marches li .picto { position: relative; display:block;  margin: 0 auto; width: 86px; height: 86px;}
.page-accueil .bloc-marches #item_wrapper_pictos_marches li .picto > div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.page-accueil .bloc-marches #item_wrapper_pictos_marches li h3 {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.page-accueil .bloc-marches #item_wrapper_pictos_marches li h3::before {
    display: inline-block;
    content: '';
    position: absolute;
    width: 30px;
    border-top: 1px solid #fff;
    top: -10px;
    left: 50%;
    margin-left: -15px;
}

.page-accueil .bloc-marches #item_wrapper_pictos_marches li .picto .picto-b {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.page-accueil .bloc-marches #item_wrapper_pictos_marches li .picto .picto-r {
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.page-accueil .bloc-marches #item_wrapper_pictos_marches li:hover .picto .picto-b{
    opacity: 0;
    filter: alpha(opacity=0)
}
.page-accueil .bloc-marches #item_wrapper_pictos_marches li:hover .picto .picto-r {
    opacity: 1;
    filter: alpha(opacity=100)
}

/*
.page-accueil .bloc-marches .bloc .customBtns { position: absolute; top: 30px; right: 0; z-index: 1000; width: 590px; margin: 0;}
.page-accueil .bloc-marches .bloc .customBtns .icon-arrow-left { float: left; margin: 0 0 0 25px; width: 16px; height: 16px;}
.page-accueil .bloc-marches .bloc .customBtns .icon-arrow-left::before { background: url('img/red_arrow_left.svg'); content: ''; height: 16px; width: 16px;}
.page-accueil .bloc-marches .bloc .customBtns .icon-arrow-right { float: right; margin: 0 25px 0 0; width: 16px; height: 16px;}
.page-accueil .bloc-marches .bloc .customBtns .icon-arrow-right::before { background: url('img/red_arrow.svg'); content: ''; height: 16px; width: 16px;}
*/
.page-accueil .bloc-marches .bloc .slick-arrow { text-indent: -9999px; height: 16px; width: 16px; border: none; position: absolute; top: 30px; z-index: 999;}
.page-accueil .bloc-marches .bloc .slick-prev { background: url('img/red_arrow_left.svg'); right: 550px;}
.page-accueil .bloc-marches .bloc .slick-next { background: url('img/red_arrow.svg'); right: 25px;}
.page-accueil .bloc-marches .bloc .slick-prev:hover { background: url('img/red_arrow_left_hover.svg');}
.page-accueil .bloc-marches .bloc .slick-next:hover { background: url('img/red_arrow_hover.svg');}

.page-accueil .bloc-marches .heading { background: #009cda; color: #FFFFFF; text-align: center;}
.page-accueil .bloc-marches .heading h2 { font: normal 18px/18px 'din_regular', Arial, Sans-serif; color: #FFFFFF; padding: 30px 0; margin: 0 !important;}
.page-accueil .bloc-marches .heading h2:after { display: none;}
.page-accueil .bloc-marches .heading h2 span { color: #1d283a;}
.page-accueil .bloc-marches .thumb { float: left; width: 582px; height: 294px; overflow: hidden; border-bottom-left-radius: 20px; background-size: cover !important; background-position: center center !important;}
.page-accueil .bloc-marches .description { float: left; width: 590px; height: 294px; padding: 30px 0;}
.page-accueil .bloc-marches .description .content { font: normal 14px/14px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase;}
.page-accueil .bloc-marches .description .content strong { font: normal 14px/14px 'din_bold', Arial, Helvetica, sans-serif;}
.page-accueil .bloc-marches p.btn-more { margin: 30px 0 0 0;}
.page-accueil .bloc-marches p.btn-more a { font: normal 14px/14px 'din_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; background: #e60024; color: #FFFFFF; padding: 5px 10px;}
.page-accueil .bloc-marches p.btn-more a:hover { background: #1d283a; color: #FFFFFF;}
.page-accueil .wrapper_specialistes { margin: 0 auto;}

.page-accueil .bloc-specialistes { color: #FFFFFF; max-height: 213px; background-position: center center !important;}
.page-accueil .bloc-specialistes h2 { color: #FFFFFF; margin: 0 0 10px 0;}
.page-accueil .bloc-specialistes h2:after { background: #FFFFFF; display: none;}
.page-accueil .bloc-specialistes p { font: normal 14px/22px 'din_medium', Arial, Sans-serif; color: #FFFFFF; text-transform: uppercase; margin: 0;}
.page-accueil .bloc-specialistes p strong { font: normal 14px/16px 'din_bold', Arial, Helvetica, sans-serif;}
.page-accueil .bloc-specialistes a svg { fill: #FFFFFF;}


.page-accueil .bloc-references { margin: 0 auto 0 auto;}
.page-accueil .bloc-references p { font: normal 14px/26px 'din_medium', Arial, Sans-serif; text-transform: uppercase; margin: 0;  }
.page-accueil .bloc-references p strong { font: normal 14px/26px 'din_bold', Arial, Helvetica, sans-serif;}

.page-accueil #item_wrapper_references {vertical-align: top; padding: 0 30px;}
.page-accueil #item_wrapper_references .slick-arrow { text-indent: -9999px; height: 16px; width: 16px; border: none; position: absolute; top: 207px; z-index: 999;}
.page-accueil #item_wrapper_references .slick-prev { background: url('img/red_arrow_left.svg'); left: -25px;}
.page-accueil #item_wrapper_references .slick-next { background: url('img/red_arrow.svg'); right: -25px;}
.page-accueil #item_wrapper_references .slick-prev:hover { background: url('img/red_arrow_left_hover.svg');}
.page-accueil #item_wrapper_references .slick-next:hover { background: url('img/red_arrow_hover.svg');}


.page-accueil #item_wrapper_references .grid-item { width: 463px; height: 201px; float: left; margin: 0 0 10px 0; padding: 10px 5px;}
.page-accueil #item_wrapper_references .grid-item a.thumb { display: block; background-size: cover !important; background-position: center center !important; width: 100%; height: 201px;}
.page-accueil #item_wrapper_references .grid-item a div.content { background: rgba(228,32,34,.62); height: 100%; line-height: 201px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-accueil #item_wrapper_references .grid-item a:hover div.content { opacity: 1;}
.page-accueil #item_wrapper_references .grid-item a div.content p { font: normal 22px/22px 'din_medium', Arial, Sans-serif; text-transform: uppercase; margin: 0; color: #FFFFFF; text-decoration: underline; display: inline-block; vertical-align: middle;}
/*
.page-accueil #item_wrapper_references .grid-item--width3 a div.content,
.page-accueil #item_wrapper_references .grid-item--width8 a div.content,
.page-accueil #item_wrapper_references .grid-item--width13 a div.content,
.page-accueil #item_wrapper_references .grid-item--width18 a div.content { line-height: 412px;}
.page-accueil #item_wrapper_references .grid-item--width3 div.content p,
.page-accueil #item_wrapper_references .grid-item--width8 div.content p,
.page-accueil #item_wrapper_references .grid-item--width13 div.content p,
.page-accueil #item_wrapper_references .grid-item--width18 div.content p { line-height: normal;}

.page-accueil #item_wrapper_references .grid-item--width3,
.page-accueil #item_wrapper_references .grid-item--width8,
.page-accueil #item_wrapper_references .grid-item--width13,
.page-accueil #item_wrapper_references .grid-item--width18 { width: 226px; height: 412px;}
.page-accueil #item_wrapper_references .grid-item--width3 a.thumb,
.page-accueil #item_wrapper_references .grid-item--width8 a.thumb,
.page-accueil #item_wrapper_references .grid-item--width13 a.thumb,
.page-accueil #item_wrapper_references .grid-item--width18 a.thumb { width: 100%; height: 412px;}

.page-accueil #item_wrapper_references .grid-item--width2,
.page-accueil #item_wrapper_references .grid-item--width7,
.page-accueil #item_wrapper_references .grid-item--width12,
.page-accueil #item_wrapper_references .grid-item--width17 { clear: left; margin-top: 10px;}
.page-accueil #item_wrapper_references .grid-item--width3,
.page-accueil #item_wrapper_references .grid-item--width8,
.page-accueil #item_wrapper_references .grid-item--width13,
.page-accueil #item_wrapper_references .grid-item--width18 { margin: -201px 10px 0 10px;}
.page-accueil #item_wrapper_references .grid-item--width4,
.page-accueil #item_wrapper_references .grid-item--width9,
.page-accueil #item_wrapper_references .grid-item--width14,
.page-accueil #item_wrapper_references .grid-item--width19 { margin: -201px 0 10px 0;}
*/

.page-references .bloc { padding: 0 0 30px 0 !important}
.page-references #filters { text-align: center; margin: 30px 0 0 0;}
.page-references #filters a.button { border-radius: 0; background: #FFFFFF; color: #999999; border: 2px solid #999999; font: normal 11px/11px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 10px; display: inline-block; margin: 5px;}
.page-references #filters a.button:hover { color: #e60024; border: 2px solid #e60024;}
.page-references #filters a.button.is-checked { background: #e60024; border: 2px solid #e60024; color: #FFFFFF;}
.page-references #filters a.button.is-checked:hover { color: #FFFFFF;}

.page-references #item_wrapper_references .grid-item { float: left; width: 370px; padding: 10px; border: 1px solid lightgray; margin: 10px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-references #item_wrapper_references .grid-item a.thumb { display: block; background-size: cover !important; background-position: center center !important; width: 100%; height: 200px;}
.page-references #item_wrapper_references .grid-item .content { padding: 20px 0 10px 0;}
.page-references #item_wrapper_references .grid-item .content p { font: normal 16px/16px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 10px 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-references #item_wrapper_references .grid-item .content p:last-child { margin: 0;}
.page-references #item_wrapper_references .grid-item a.more { font: normal 11px/11px 'din_medium', Arial, Helvetica, sans-serif; background: #e60024; color: #FFFFFF; padding: 5px 10px; display: inline-block; margin: 0; border: 2px solid transparent;}
.page-references #item_wrapper_references .grid-item a.more:hover { background: #1d283a !important; border: 2px solid #1d283a !important; color: #FFFFFF !important;}
.page-references #item_wrapper_references .grid-item a div.content { background: rgba(228,32,34,.62); height: 100%; line-height: 201px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}

.page-references #item_wrapper_references:hover .grid-item { opacity: .8;}
.page-references #item_wrapper_references .grid-item:hover { opacity: 1;}
.page-references #item_wrapper_references .grid-item:hover .content p { color: #e60024;}
.page-references #item_wrapper_references .grid-item:hover a.more { background: none; color: #e60024; border: 2px solid #e60024;}
/*
#item_wrapper_references .grid-item--width2,
#item_wrapper_references .grid-item--width3 { margin: 0 0 10px 0;}
#item_wrapper_references .grid-item--width1 { margin: 0 10px 0 10px;}
*/

.bloc-newsletter { text-align: center; padding: 30px 0 40px 0;}
.bloc-newsletter h3 { font: normal 26px/26px 'din_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1d283a; margin: 0 0 10px 0 !important;}
.bloc-newsletter h4 { font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #009cda; margin: 0 0 20px 0 !important;}
.bloc-newsletter h4:after { content: ''; display: block; margin: 5px auto 10px auto; background: #009cda; width: 62px; height: 1px;}
.bloc-newsletter .wysija-paragraph { display: inline-block; margin: 0;}
.bloc-newsletter .wysija-paragraph .wysija-input { height: 26px; line-height: 26px; border: none; color: #a0a0a0; font: normal 11px/26px 'din_regular', Arial, Helvetica, sans-serif; padding: 0 0 0 10px; width: 470px;}
.bloc-newsletter .wysija-submit { background: #e60024; border: none; font: normal 11px/26px 'din_bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; height: 26px; margin: 0 0 0 10px; display: inline-block; width: 70px; text-align: center;}
.bloc-newsletter .wysija-submit:hover { background: #1d283a;}

/*------------------------------------*\
    PAGE ACTUALITES
\*------------------------------------*/
.page-interne .page-title { background: #009cda; padding: 30px 0; text-align: center;}
.page-interne .page-title h1 { font: normal 18px/18px 'din_regular', Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; color: #FFFFFF;}
.page-interne .page-title h1 span { color: #1d283a;}
.page-interne .bloc { padding: 60px 0;}
.page-interne .bg-grey { background: #e0e3e3; text-align: center; padding: 60px 0;}
.page-interne .bg-grey p:last-child { margin-bottom: 0;}
.page-interne .bg-grey .container .content { max-width: 700px; width: 100%; margin: 0 auto;}

.page-actualites {}
.page-actualites .page-title { margin: 0 0 60px 0;}
.page-actualites .bloc-actualites { width: 100%;}
.page-actualites .bloc-actualites .description { position: relative; padding: 0; text-align: center;}
.page-actualites .bloc-actualites h3 { font: normal 18px/20px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 10px 0 !important;}
.page-actualites .bloc-actualites p.date { font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 0 0; color: #e42022; position: absolute; top: 0; left: 10px;}
.page-actualites .bloc-actualites p.date svg { fill: #e42022; margin: 0 5px 0 0;}
.page-actualites .bloc-actualites .btn-more { color: #009cda; text-decoration: underline; font: normal 12px/12px 'din_medium', Arial, Helvetica, sans-serif;}

.page-actualites .thumb { width: 100%;  overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative; margin: 0 0 30px 0;}
.page-actualites .thumb .more { background: rgba(228,32,34,.75); font: normal 14px/22px 'din_medium', Arial, sans-serif; color: #FFFFFF; position: absolute; text-align: center; vertical-align: middle; height: 237px; width: 100%; line-height: 237px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;border-top-left-radius: 20px; border-top-right-radius: 20px; left: 0; right: 0; margin: auto;}
.page-actualites .thumb .more svg { fill: #FFFFFF;}
.page-actualites .thumb:hover .more { opacity: 1;}

.page-actualites #item_wrapper { width: 100%; clear: both;}
.page-actualites #item_wrapper .item { width: 579px; float: left; margin: 0 12px 30px 0;}
.page-actualites #item_wrapper .item:nth-child(2n+2){ margin: 0 0 30px 0;}

.page-le-mot-du-president .bloc { text-align: left;}
.page-le-mot-du-president .bg-grey { padding: 60px 0 0 0; position: relative;}
.page-le-mot-du-president .bg-grey h2 { text-align: center; margin: 0 0 30px 0;}
.page-le-mot-du-president .bg-grey .container,
.page-le-mot-du-president article .bloc { max-width: 730px;  width: 100%; text-align: left; padding: 0 15px;}
.page-le-mot-du-president .bg-grey .photo-president { width: 210px; height: 276px; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; float: left; margin: 0 20px 0 0;}
.page-le-mot-du-president h3 { font: normal 14px/16px 'din_medium', Arial, sans-serif; text-transform: uppercase; position: relative; padding: 0; margin: 0 0 20px 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-le-mot-du-president h3:hover { color: #e60024;}
.page-le-mot-du-president h3 span { margin: -.25em 5px 0;}
.page-le-mot-du-president .ui-accordion h3.ui-accordion-header { border: none; background: none !important;}
.page-le-mot-du-president .ui-accordion h3 .ui-icon-triangle-1-e { background: url('img/red_arrow.svg') 0 0 no-repeat;}
.page-le-mot-du-president .ui-accordion h3 .ui-icon-triangle-1-s { background: url('img/red_arrow_down.svg') 0 0 no-repeat; background-size: 16px;}
.page-le-mot-du-president .ui-accordion .ui-accordion-content { height: auto !important; padding: 10px 0 0 0 !important; border: none !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}

/* .page-le-mot-du-president h3:before { content: ''; background: url('img/red_arrow.svg') 0 0 no-repeat; height: 16px; width: 16px; position: absolute; top: 0; left: 0;} */
.page-le-mot-du-president p { font: normal 12px/14px 'din_regular', Arial, sans-serif; padding: 0 0 0 35px; margin: 0 0 20px 0;}
.page-le-mot-du-president .bg-grey p { padding: 0;}

body.page-id-337 main { padding-bottom: 0;}
.page-id-337 #competences {
    text-align: center;
    vertical-align: top;
}
.page-id-337 #competences li { vertical-align: top;height: 350px; width: 225px; display: inline-block; margin: 0 2px 10px 2px; background: #FFFFFF; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative; cursor: pointer; padding: 20px 10px 0 10px;}
.page-id-337 #competences li h2 { font: normal 16px/16px 'din_bold', Arial, sans-serif; text-transform: uppercase; color: #009cda; height: 40px; margin: 0 0 20px 0;}
.page-id-337 #competences li h2::after { display: none;}
.page-id-337 #competences li p { font: normal 12px/normal 'din_regular', Arial, sans-serif; color: #009cda;}
.page-id-337 #competences li p.more { position: absolute; bottom: 119px; z-index: 30; width: 100%; text-align: center;}
.page-id-337 #competences li p.more a { font: normal 14px/normal 'din_bold', Arial, sans-serif; background: #e60024; color: #FFFFFF; border-radius: 0; text-transform: uppercase; padding: 4px 10px;}
.page-id-337 #competences li .thumb { height: 138px; width: 225px; overflow: hidden; position: absolute; bottom: 0; left: 0;}
.page-id-337 #competences li:hover { background: #e60024; color: #FFFFFF;}
.page-id-337 #competences li:hover h2 a { color: #FFFFFF;}
.page-id-337 #competences li:hover p a { color: #FFFFFF;}
.page-id-337 #competences li:hover p.more a { background: #FFFFFF; color: #e60024;} 

.page-certificats .bg-grey h3 { font: normal 14px/normal 'din_bold', Arial, sans-serif; text-transform: uppercase; margin: 0 0 30px 0;}
.page-certificats .bg-grey h4 { font: normal 30px/normal 'din_bold', Arial, sans-serif; text-transform: uppercase; margin: 0 0 0 0 !important;}
.page-certificats .bg-grey h5 { font: normal 30px/normal 'din_bold', Arial, sans-serif; text-transform: uppercase; margin: 0;}
.page-certificats .bloc { border-bottom: 2px solid #d4d6d9; padding: 40px 0;}
.page-certificats .bloc:last-child { border: none;}
.page-certificats .bloc h2 { margin: 0 0 30px 0;}
.page-certificats .bloc ul li { display: inline-block; vertical-align: top; padding: 0 25px;}
.page-certificats .bloc ul li { font: normal 12px/normal 'din_regular', Arial, sans-serif; text-transform: uppercase;}
.page-certificats .bloc ul li img { display: block; margin: 0 0 10px 0;}

.page-chiffres-cles .bloc .content { width: 885px; margin: 0 0 0 225px;}
.page-chiffres-cles .bloc .content li { vertical-align: middle; display: inline-block;}
.page-chiffres-cles .bloc .content li:nth-child(1){ width: 220px; text-align: center;}
.page-chiffres-cles .bloc .content li:nth-child(2){ width: 660px;}
.page-chiffres-cles .bloc:nth-child(4) .content li img { width: 90%; height: auto;}
.page-chiffres-cles .bloc .content li img { display: inline-block; vertical-align: middle; margin: auto;}
.page-chiffres-cles .bloc .content li:nth-child(2) { text-align: left; font: normal 24px/normal 'din_bold', Arial, sans-serif; padding: 0; margin: 0; text-transform: uppercase;}
.page-chiffres-cles .bloc .content li:nth-child(2) strong { font: normal 48px/normal 'din_bold', Arial, sans-serif; color: #009cda;}
.page-chiffres-cles .bloc:nth-child(1) .content li:nth-child(2) strong { color: #e60024;}
body.page-chiffres-cles main { padding-bottom: 0;}

.page-energie .bg-grey .content {  max-width: 700px; width: 100%; text-align: left; margin: 0 auto;}
.page-energie .bg-grey .content h3 { font: normal 14px/normal 'din_bold', Arial, sans-serif; margin: 10px 0 20px 0;}
.page-energie .bg-grey .content p { font: normal 12px/normal 'din_bold', Arial, sans-serif; margin: 0 0 20px 0;}
.page-energie .bg-grey .content p:last-child { margin: 0;}
.page-interne .produits { width: 100%; max-width: 700px; margin: 0 auto;}
.page-interne .produits li { margin: 0 0 10px 0; border: 1px solid #d8d8d8; border-top-right-radius: 20px; border-bottom-right-radius: 20px; display: block; overflow: hidden; height: 211px; line-height: 211px;}
.page-interne .produits .thumb { width: 463px; float: left; height: 211px; overflow: hidden;}
.page-interne .produits .thumb img { margin: 0 !important;}
.page-interne .produits .desc { width: 235px; float: left; padding: 60px 0 0 0;}
.page-interne .produits .desc p { font: normal 12px/normal 'din_regular', Arial, sans-serif; color: #009cda;text-transform: uppercase;}
.page-interne .produits .desc h2 { font-size: 14px; line-height: 14px;}
.page-interne .produits .desc p.more a { font: normal 14px/normal 'din_bold', Arial, sans-serif; background: #009cda; color: #FFFFFF; border-radius: 0; text-transform: uppercase; padding: 4px 10px;}
.page-interne .produits li:hover { border: 1px solid #009cda; background: #009cda;}
.page-interne .produits li:hover p { color: #FFFFFF;}
.page-interne .produits li:hover p.more a { background: #e60024; color: #FFFFFF;} 

.page-template-template-presentation .bg-grey { padding-bottom: 0;}
.page-template-template-presentation .bg-grey .thumb { max-width: 600px; width: 100%; height: 350px; margin: 0 auto; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; background-size: cover !important; background-position: center bottom !important;}
.page-template-template-presentation article .container {  max-width: 600px; width: 100%;}
.page-template-template-presentation article .container h2 { text-align: center; margin: 30px auto 20px auto !important; display: block;}



/*------------------------------------*\
    PAGE ACTUALITES
\*------------------------------------*/

.page-nos-offres {}
.page-nos-offres .page-title { margin: 0 0 60px 0;}
.page-nos-offres .bloc-offres { width: 100%;}
.page-nos-offres .bloc-offres .description { position: relative; padding: 0; text-align: center;}
.page-nos-offres .bloc-offres h3 { font: normal 18px/20px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 10px 90px !important;}
.page-nos-offres .bloc-offres p.date { font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 0 0; color: #e42022; position: absolute; top: 0; left: 10px;}
.page-nos-offres .bloc-offres p.date svg { fill: #e42022; margin: 0 5px 0 0;}
.page-nos-offres .bloc-offres .btn-more { color: #009cda; text-decoration: underline; font: normal 12px/12px 'din_medium', Arial, Helvetica, sans-serif;}

.page-nos-offres .thumb { width: 100%;  overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative; margin: 0 0 30px 0; height: 130px;}
.page-nos-offres .thumb .more { background: rgba(228,32,34,.75); font: normal 14px/22px 'din_medium', Arial, sans-serif; color: #FFFFFF; position: absolute; text-align: center; vertical-align: middle; height: 237px; width: 100%; line-height: 237px; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;border-top-left-radius: 20px; border-top-right-radius: 20px; left: 0; right: 0; margin: auto;}
.page-nos-offres .thumb .more svg { fill: #FFFFFF;}
.page-nos-offres .thumb:hover .more { opacity: 1;}

.page-nos-offres #item_wrapper { width: 100%; clear: both;}
.page-nos-offres #item_wrapper .item {
    width: 570px;
    float: left;
    margin: 0 20px 30px 0;
    border: 1px solid #F0F0F0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.page-nos-offres #item_wrapper .item:hover {
    -moz-box-shadow: 4px 4px 10px -4px #656565;
    -webkit-box-shadow: 4px 4px 10px -4px #656565;
    -o-box-shadow: 4px 4px 10px -4px #656565;
    box-shadow: 4px 4px 10px -4px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
}
.page-nos-offres #item_wrapper .item .excerpt {
    padding: 0 10px;
}

.page-nos-offres #item_wrapper .item:nth-child(2n+2){ margin: 0 0 30px 0;}



/*------------------------------------*\
    Slider
\*------------------------------------*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}






/*------------------------------------*\
    Historique
\*------------------------------------*/

.timeline_wrapper {
    background: #1e293b;
    text-align: center;
    padding: 30px 0;
    height: 120px;
}


.timeline_wrapper {
    color: #fff;
}


.timeline_wrapper .container {
    width: 100%;
}

.timeline_wrapper .bx-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 52px);
    height: 3px;
    top: 6px;
    left: 25px;
    background-color: #fff;
}

.timeline_wrapper .puce {
    display: block;
    margin: 0 auto 5px auto;
    width: 16px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #1e293b;
}

.timeline_wrapper .puce span{
    display: block;
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 3px;
}

.timeline_wrapper .active .puce span {
    background: #e9002b;
}



.timeline_wrapper a, .timeline_wrapper a:hover, .timeline_wrapper a:focus  {
    color: #fff;
}

.timeline_wrapper .tm-controls-direction {
    position: relative;
    height: 28px;
}

.timeline_wrapper .tm-controls-direction a {
    position: absolute;
    display: block;
    height: 22px;
    width: 22px;
    font-size: 22px;
    text-align: center;
    color: #1e293b;
    background: #009cda;
    border-radius: 50px;
}

.timeline_wrapper .tm-controls-direction a.bx-next {
    top: 0;
    right: 15px;
}
.timeline_wrapper .tm-controls-direction a.bx-prev {
    top: 0;
    left: 15px;
}


.timeline_wrapper .tm-controls-direction a.bx-next i {
    margin-left: 4px;
}
.timeline_wrapper .tm-controls-direction a.bx-prev i {
    margin-right: 4px;
}

.timeline_content_wrapper  .container {
    margin: 20px auto 0 auto;
    width: 100%;
}



.timeline_content_wrapper  .item { float: left; height: 280px; width: 285px; border: 1px solid #1ea8de; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; margin: 0 10px 0 0; position: relative;}
.timeline_content_wrapper  .item:last-child { margin: 0;}
.timeline_content_wrapper  .item .description { font: normal 16px/16px 'din_bold', Arial, sans-serif; margin: 20px auto 10px auto;}
.timeline_content_wrapper  .item .description:before { content: ''; height: 21px; width: 21px; background: url("img/red_arrow_down.svg") 0 0 no-repeat; margin: 0 auto 20px auto; display: block;}
.timeline_content_wrapper  .item .excerpt p { font: normal 12px/13px 'din_regular', Arial, sans-serif; color: #009cda; padding: 0 30px; height: 40px; margin: 0 auto 10px auto;}
.timeline_content_wrapper  .item .thumb { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 84px;}


.timeline_wrapper .bx-controls, .timeline_content_wrapper .bx-controls {
    display: none;
}



.page-videos article .container { text-align: center;}

.page-presence-mondiale #map {}
.page-presence-mondiale #map .container { width: 100%;  max-width: 1400px;position: relative;}

.single-reference .single-gallery { display: block; clear: both; overflow: hidden;}
.single-reference .single-gallery li { width: 285px; height: 285px; float: left; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.single-reference .single-gallery li:nth-child(4n+4){ margin: 0 0 10px 0;	}


.single-reference .single-gallery li .thumb_title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
    background: rgba(255,255,255,0.7);
    opacity: 0;
}
.single-reference .single-gallery li .thumb_title:hover {
    opacity: 1;
}


.single-reference .single-gallery li .thumb_title span {
    -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
    margin: auto;
    color: #000;
    font: normal 20px/22px 'din_medium', Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0 20px;
}



.single-reference #filters { text-align: center; margin: 30px 0;}
.single-reference #filters a.button { border-radius: 0; background: #FFFFFF; color: #999999; border: 2px solid #999999; font: normal 11px/11px 'din_medium', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 10px; display: inline-block; margin: 5px;}
.single-reference #filters a.button:hover { color: #e60024; border: 2px solid #e60024;}
.single-reference #filters a.button.is-checked { background: #e60024; border: 2px solid #e60024; color: #FFFFFF;}
.single-reference #filters a.button.is-checked:hover { color: #FFFFFF;}





#map .item { position: absolute; top: 0; left: 0; cursor: pointer;}
#map .item .dot { height: 10px; width: 10px; background: #1e293b; border-radius: 50px; text-indent: -9999px; display: inline-block; box-shadow: 0 0 0 3px #36a7df,0 0 0 5px #1e293b; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#map .item .desc { width: 250px; display: none; position: absolute; bottom: 40px; left: -250px; right: -250px; margin: auto; z-index: 999;}
#map .item .desc h3 { font: normal 18px/18px 'din_bold', Arial, sans-serif; background: #1e293b; color: #FFFFFF; margin: 0; padding: 5px 0; display: inline-block; width: 100%; text-align: center; text-transform: uppercase;}
#map .item .desc h3:nth-child(2){ margin-top: 10px;}
#map .item .desc p { background: #e60024; text-align: center; font: normal 12px/14px 'din_regular', Arial, sans-serif; color: #FFFFFF; padding: 10px; margin: 0; position: relative;}
#map .item .desc p strong { font: normal 12px/12px 'din_bold', Arial, sans-serif; color: #FFFFFF;}
#map .item .desc:after { content: ''; display: block; background: #e60024; height: 10px; width: 10px; transform: rotate(45deg); position: absolute; bottom: -5px; left: -220px; right: -220px; margin: auto;}

#map .item .dot:hover { background: #e60024; box-shadow: 0 0 0 3px #FFFFFF,0 0 0 5px #e60024;}

/*
#map .item01 { top: 364px; left: 255px;}
#map .item02 { top: 394px; left: 225px;}
#map .item03 { top: 500px; left: 100px;}
#map .item04 { bottom: 200px; left: 245px; top: inherit;}
#map .item05 { top: 338px; left: 530px;}
#map .item06 { top: 404px; left: 500px;}
#map .item07 { top: 401px; left: 517px;}
#map .item08 { top: 435px; left: 500px;}
#map .item09 { top: 356px; left: 550px;}
#map .item10 { top: 375px; left: 555px;}

#map .item11 { top: 361px; left: 565px;}
#map .item12 { top: 378px; left: 575px;}
#map .item13 { top: 323px; left: 568px;}
#map .item14 { top: 344px; left: 585px;}
#map .item15 { top: 362px; left: 612px;}
#map .item16 { top: 340px; left: 635px;}
#map .item17 { top: 296px; left: 632px;}
#map .item18 { top: 396px; left: 663px;}
#map .item19 { top: 364px; left: 255px;}
#map .item20 { top: 473px; right: 395px; left: inherit;}

#map .item21 { top: 490px; right: 290px; left: inherit;}
#map .item22 { top: 494px; right: 180px; left: inherit;}
#map .item23 { top: 593px; right: 175px; left: inherit;}
#map .item24 { top: 618px; right: 177px; left: inherit;}
#map .item25 { bottom: 170px; top: inherit; right: 41px; left: inherit;}
#map .item26 { top: 444px; right: 130px; left: inherit;}
#map .item27 { top: 464px; right: 113px; left: inherit;}
#map .item28 { top: 387px; right: 104px; left: inherit;}
#map .item29 { top: 400px; right: 74px; left: inherit;}
*/

.customBtns { margin:15px 0;clear: both;}
.customBtns a,
.customBtns .icon-arrow-left,
.customBtns .icon-arrow-right { font-size:12px; cursor:pointer; margin:0 3px; font: normal 14px/22px 'din_medium', Arial, sans-serif; text-transform: uppercase;  color:#009cda; border: none; display: inline-block; border-radius: 50px; width: 30px; height: 30px; text-align: center; vertical-align: middle;}
.customBtns .icon-arrow-left:before,.customBtns .icon-arrow-right:before { line-height: 26px; font-size: 10px;}
.customBtns a { border: none;}
.customBtns a:hover { color:#eb3753;}
.customBtns a.jp-previous { margin-right:15px;}
.customBtns a.jp-next { margin-left:15px;}
.customBtns a.jp-current,a.jp-current:hover { color:#eb3753; border:none;}
.customBtns a.jp-disabled,a.jp-disabled:hover { color:#bbb;}
.customBtns a.jp-current,a.jp-current:hover,.customBtns a.jp-disabled,a.jp-disabled:hover { cursor:default; background:none;}
.customBtns span { margin:0 5px;}
.customBtns .holder { display: inline-block;}

.remodal .thumb { width: 100%; text-align: center; height: auto;border-top-left-radius: 0; border-top-right-radius: 0;}
.modal-article-content { text-align: left;}
.modal-article-content p.date { font: normal 12px/12px 'din_bold', Arial, Helvetica, sans-serif !important; text-transform: uppercase; margin: 0 0 0 0; color: #e42022;}
.modal-article-content p.date svg { fill: #e42022; margin: 0 5px 0 0;}
.remodal-close { color: #e60024 !important; left: inherit !important; right: 0 !important;}
.remodal-close::before { font-size: 35px !important;}
.remodal-overlay { background: rgba(43, 46, 56, 0.9) !important;}

/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.page-contact .bg-grey ul.adresses { margin: 30px 0 0 0; vertical-align: top;}
.page-contact .bg-grey ul.adresses li { font: normal 16px/20px 'din_regular', Arial, sans-serif; text-align: left; border-left: 1px solid #009cda; padding: 0 0 0 20px; display: inline-block; margin: 0 20px; vertical-align: top;}
.page-contact .bg-grey ul.adresses li p { font: normal 16px/20px 'din_regular', Arial, sans-serif; margin: 0 0 30px 0;}
.page-contact .bg-grey ul.adresses li p:last-child { margin: 0;}
.page-contact .bg-grey ul.adresses li strong { font: normal 24px/24px 'din_bold', Arial, sans-serif; text-transform: uppercase;}
.page-contact .bg-grey ul.adresses li a {
    display: inline-block;
    padding: 0 0 0 20px;
    font: normal 16px/20px 'din_regular', Arial, sans-serif;
    background: url("img/map-o.png") no-repeat 2px 4px;
}

.page-contact .bg-grey ul.adresses li a:hover {
    color: #009cda;
}

/*------------------------------------*\
    FORMULAIRE
\*------------------------------------*/


.form-input, textarea, select { min-height: 40px;display: inline-block; color: #A0A0A0; width: 408px; border: none !important; border-bottom: 1px solid #009cda !important; border-radius: 0 !important;background: #FFFFFF !important; text-align: center; font: normal 16px/20px 'din_regular', Arial, sans-serif !important; border-radius: 0; margin: 0 0 10px 0;}
textarea { height: 40px;}
#submit { margin: 30px auto 0 auto; background: #e60024; font: normal 16px/20px 'din_regular', Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; border: none; padding: 3px 10px;}
.customSelectInner { background:url('img/select.jpg') no-repeat center right !important; height: 24px;}
 span.customSelect { padding: 0;}
div.wpcf7-validation-errors { color: #e60024 !important; font-weight: bold; border: none !important;}
span.wpcf7-not-valid-tip { color: #e60024 !important;}

label, input, input > span {
    font: normal 15px 'din_regular', Arial, sans-serif !important;
    color: #A0A0A0;
}
input[type="checkbox"], input[type="radio"] {
    margin: 0 0 10px;
}

input[type="file"] {
    padding: 0 0 10px 0;
  }

select:hover {
    cursor: pointer;
}

::-webkit-input-placeholder { color: #1e293b;}
:-moz-placeholder { color: #1e293b;}
::-moz-placeholder { color: #1e293b;}
:-ms-input-placeholder { color: #1e293b;}

/*------------------------------------*\
    LIGHTBOX
\*------------------------------------*/
#imagelightbox { position: fixed; z-index: 9999; width: 100%; -ms-touch-action: none; touch-action: none; }

/* OVERLAY */
#imagelightbox-overlay { background: rgba(0,0,0,.9); position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0;}
/* "CLOSE" BUTTON */
#imagelightbox-close { width: 50px; height: 50px; text-align: left; background-color: #FFFFFF; border: none; border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; right: 2.5em; -webkit-transition: color .3s ease; transition: color .3s ease;}
#imagelightbox-close:hover,#imagelightbox-close:focus { background-color: #009cda;}
#imagelightbox-close:hover:before,#imagelightbox-close:focus:before,
#imagelightbox-close:hover:after,#imagelightbox-close:focus:after { background: #FFFFFF;}
#imagelightbox-close:before,#imagelightbox-close:after { width: 2px; background-color: #e60024; content: ''; position: absolute; top: 20%;
bottom: 20%; left: 50%; margin-left: -1px;}
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg );}
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg );}


/* ARROWS */
.imagelightbox-arrow { width: 3.75em; height: 7.5em; background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle;
display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; /* 60 */ border: none;}
.imagelightbox-arrow:hover,.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, .75 );}
.imagelightbox-arrow:active { background-color: #111;}
.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }
.imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; /* 2 */}
.imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; /* 5 */}
.imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; /* 5 */}

#imagelightbox-loading,#imagelightbox-overlay,#imagelightbox-close,#imagelightbox-caption,#imagelightbox-nav,.imagelightbox-arrow { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear;}



/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer { padding-bottom: 20px;}
footer .footer_wrapp { background: #e0e3e3 url('img/bg_footer.jpg') top right no-repeat;}
footer .logos-groupes { text-align: center; border-bottom: 6px solid #009cda; padding: 40px 0;}
footer .logos-groupes ul li { display: inline-block; margin: 0 10px;}
footer .logos-groupes .heading { height: 145px; position: relative; text-align: center; margin: 0 0 40px 0;}
footer .logos-groupes .heading img { z-index: 9999; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
footer .logos-groupes .heading:before { position: absolute; height: 2px; width: 410px; left: 0; bottom: 20px; background: #111; content: '';}
footer .logos-groupes .heading:after { position: absolute; height: 2px; width: 410px; right: 0; bottom: 20px; background: #111; content: '';}

footer #social_footer { margin: 30px 0 0 0;}
footer #social_footer li { display: inline-block;}
footer #social_footer li a { color: #e0e3e3; width: 20px; height: 20px; line-height: 20px; border-radius: 50px; display: inline-block; text-align: center; background: #009cda}
footer #social_footer li a:hover { color: #fff; background: #1d283a;}


footer .bloc-menu { float: left; width: 30%; padding-top: 30px;}
footer .bloc-menu li a { font: normal 11px/12px 'din_regular', Arial, sans-serif; color: #000000; text-transform: uppercase;}
footer .bloc-menu li a:hover { color: #e60024;}
footer .bloc-menu .menu li { margin: 0 0 10px 0;}
footer .bloc_adresses { float: left; width: 60%; padding-top: 30px;}
footer .bloc_adresses .adresses { border-left: 1px solid #009cda; padding: 0 0 0 15px; float: left; width: 50%;}
footer .bloc_adresses .adresses p { font: normal 12px/18px 'din_regular', Arial, sans-serif; color: #000000; margin: 0;}
footer .bloc_adresses .adresses p strong { font: normal 12px/12px 'din_bold', Arial, sans-serif; color: #000000; text-transform: uppercase;}
footer .bloc_adresses .adresses li { margin: 0 0 20px; 0;}
footer .bloc_adresses .adresses li:last-child { margin: 0 0 0 0;}
footer p.copyright { text-align: center; width: 100%; font: normal 10px/10px 'din_regular', Arial, sans-serif; margin: 20px 0 0 0;}

#cookie-notice { background-color: rgba(255,255,255,.9) !important; color: #333333 !important;}
#cn-accept-cookie,#cn-more-info { background: #009cda !important; border-radius: 0 !important; font-weight: bold; border: none !important; padding: 2px 20px !important; border: none !important; text-transform: uppercase;}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	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%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

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

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

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

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

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

@font-face {
	font-family: 'din_bold';
	src: url('fonts/din/DINPro-Bold.eot');
	src: url('fonts/din/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/din/DINPro-Bold.woff') format('woff'),
		url('fonts/din/DINPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


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


/* Generated by Glyphter (http://www.glyphter.com) on  Tue Sep 27 2016*/
@font-face {
    font-family: 'icones';
    src: url('icones/icones.eot');
    src: url('icones/icones.eot?#iefix') format('embedded-opentype'),
         url('icones/icones.woff') format('woff'),
         url('icones/icones.ttf') format('truetype'),
         url('icones/icones.svg#icones') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'icones';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.icon-arrow-breadcrumb:before{content:'\0041';}
.icon-arrow-left:before{content:'\0042';}
.icon-arrow-right:before{content:'\0043';}
.icon-call:before{content:'\0044';}
.icon-email:before{content:'\0045';}
.icon-facebook:before{content:'\0046';}
.icon-house:before{content:'\0047';}
.icon-pin:before{content:'\0048';}
.icon-tel:before{content:'\004f';}
.icon-gear:before{content:'\0050';}
.icon-date:before{content:'\0051';}

.gunplay { font-family: 'gunplay';}
@font-face {
   font-family: 'gunplay';
   src: url('GunPlay/gunplayrg.eot');
   src: url('GunPlay/gunplayrg.eot') format('embedded-opentype'),url('GunPlay/gunplayrg.woff2') format('woff2'),url('fonts/GunPlay/gunplayrg.woff') format('woff'),url('GunPlay/gunplayrg.ttf') format('truetype'),url('GunPlay/gunplayrg.svg#gunplayrg') format('svg');
}





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

/* Mobile */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.container { width: 90%; margin: 0 auto;}
	.header { padding-bottom: 20px;}
	.bloc-actu-videos .bloc,
	.page-accueil .bloc-videos .thumb,
	.page-accueil #item_wrapper_references,
	footer .bloc-menu,
	footer .bloc_adresses,
	.bloc-newsletter .wysija-paragraph .wysija-input { width: 100%;}
	.bloc-newsletter,
	footer .container.container-footer-elements { width: 90%; margin: 0 auto;}
	footer .bloc_adresses .adresses { width: 90%; margin: 0 auto;}
	footer .logos-groupes .heading::before,
	footer .logos-groupes .heading::after { display: none;}
	.page-accueil #item_wrapper_references .slick-arrow { top: 0;}
	.page-accueil #item_wrapper_references .slick-prev { left: 0;}
	.page-accueil #item_wrapper_references .slick-next { right: 0;}
	.page-accueil .wrapper_specialistes { background-position: center center !important; background-size: cover !important;}
	.page-accueil .bloc-specialistes { max-height: inherit !important;}
	.bloc-newsletter .wysija-paragraph .wysija-input { width: 100% !important; padding: 10px; height: inherit;}
	.bloc-newsletter .wysija-paragraph { width: 100%; margin: 0 0 10px 0;}
	.page-accueil .bloc-actualites { height: inherit;}
	.page-accueil .bloc-actualites .description { padding: 20px;}
	.page-accueil .bloc-actualites p.date { position: inherit;}
	.page-accueil article.level_0 .bloc { margin: 0 0 20px 0;}
	.page-accueil article.bloc-actu-videos { margin: 20px auto 20px auto;}
	.page-accueil .bloc-solutions ul li { width: 49%; vertical-align: top;}
}

/* iPads (portrait and landscape) ----------- */
@media all and (max-width: 1170px){
	.container { width: 90%; margin: 0 auto;}
}




@media only screen and (min-width:320px) {

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


@media  (max-width: 1170px){
    .timeline_content_wrapper  .container {
        max-width: 880px;
    }

    .bloc-actu-videos .bloc {
        margin: 15px auto 0 auto;
        float: none;
    }


    #item_wrapper_marches {
        width: 100%;
        max-width: 581px;
        margin: 0 auto;
    }

    .page-accueil .bloc-marches #item_wrapper_marches {
        position: relative;
    }

    .page-accueil .bloc-marches .bloc .slick-arrow {
        top: 60%;
    }

    .page-accueil .bloc-marches .bloc .slick-prev {
        left: 20px;
    }

    .page-accueil .bloc-marches .thumb {
        display: block;
        float: none;
        width: 100%;
        padding-top : 50%;
    }
    .page-accueil .bloc-marches .description {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        padding: 30px 0;
    }

    .page-chiffres-cles .bloc .content {
        width: 100%;
        margin: 0;
    }
    .page-chiffres-cles .bloc .content li:nth-child(1){
        width: 100%;
        max-width: 220px;
    }
    .page-chiffres-cles .bloc .content li:nth-child(2){
        width: 100%;
        max-width: 660px;
    }

    #item_wrapper_references {
        max-width: 800px;
        margin: 0 auto;
    }

    .page-actualites #item_wrapper .item, .page-actualites #item_wrapper .item:nth-child(2n+2) {
        max-width: 579px;
        width: 100%;
        float: none;
        margin: 0 auto 30px auto;
    }

    .page-nos-offres #item_wrapper .item, .page-nos-offres #item_wrapper .item:nth-child(2n+2) {
        max-width: 579px;
        width: 100%;
        float: none;
        margin: 0 auto 30px auto;
    }
}


@media  (max-width: 880px){
    .timeline_content_wrapper  .container {
        max-width: 590px;
    }

    #item_wrapper_references {
        max-width: 400px;
        margin: 0 auto;
    }


    .page-template-template-presentation article .container {
        padding: 0 15px;
    }

}

@media  (max-width: 780px) {
    .page-interne .produits {
        max-width: 463px;
    }
    .page-interne .produits li {
        height: auto;
    }
    .page-interne .produits .thumb{
        float: none;
    }
    .page-interne .produits .desc {
        max-width: 235px;
        width: 100%;
        float: none;
        padding: 0;
        margin: 15px auto ;
    }

}

@media  (max-width: 590px){
    .timeline_content_wrapper  .container {
        max-width: 290px;
    }
}




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

.alignnone {
	margin:5px 0 40px 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;
	}
}