/*
Theme Name: Frima (Bridge Child)
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme for Frima
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Template: bridge
*/
@import url("../bridge/style.css");

/* DIN Black */
@font-face {
    font-family: DIN-Black;
    src: url("fonts-extra/DIN-Black.ttf");
}

/* DINOT */

/* Regular */
@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-Regular.eot");
    src: url("fonts-extra/DINOT-Regular.otf") format("opentype"), url("fonts-extra/DINOT-Regular.woff") format("woff"), url("fonts-extra/DINOT-Regular.ttf") format("truetype"), url("fonts-extra/DINOT-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-RegularItalic.eot");
    src: url("fonts-extra/DINOT-RegularItalic.otf") format("opentype"), url("fonts-extra/DINOT-RegularItalic.woff") format("woff"), url("fonts-extra/DINOT-RegularItalic.ttf") format("truetype"), url("fonts-extra/DINOT-RegularItalic.svg") format("svg");
    font-weight: normal;
    font-style: italic;
}

/* Medium */
@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-Medium.eot");
    src: url("fonts-extra/DINOT-Medium.otf") format("opentype"), url("fonts-extra/DINOT-Medium.woff") format("woff"), url("fonts-extra/DINOT-Medium.ttf") format("truetype"), url("fonts-extra/DINOT-Medium.svg") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-MediumItalic.eot");
    src: url("fonts-extra/DINOT-MediumItalic.otf") format("opentype"), url("fonts-extra/DINOT-MediumItalic.woff") format("woff"), url("fonts-extra/DINOT-MediumItalic.ttf") format("truetype"), url("fonts-extra/DINOT-MediumItalic.svg") format("svg");
    font-weight: 500;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-Bold.eot") format("opentype");
    src: url("fonts-extra/DINOT-Bold.otf") format("opentype"), url("fonts-extra/DINOT-Bold.woff") format("woff"), url("fonts-extra/DINOT-Bold.ttf") format("truetype"), url("fonts-extra/DINOT-Bold.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-BoldItalic.eot");
    src: url("fonts-extra/DINOT-BoldItalic.otf") format("opentype"), url("fonts-extra/DINOT-BoldItalic.woff") format("woff"), url("fonts-extra/DINOT-BoldItalic.ttf") format("truetype"), url("fonts-extra/DINOT-BoldItalic.svg") format("svg");
    font-weight: bold;
    font-style: italic;
}

/* Light  */
@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-Light.eot");
    src: url("fonts-extra/DINOT-Light.otf") format("opentype"), url("fonts-extra/DINOT-Light.woff") format("woff"), url("fonts-extra/DINOT-Light.ttf") format("truetype"), url("fonts-extra/DINOT-Light.svg") format("svg");
    font-weight: light;
    font-style: normal;
}

@font-face {
    font-family: DINOT-Web;
    src: url("fonts-extra/DINOT-LightItalic.eot");
    src: url("fonts-extra/DINOT-LightItalic.otf") format("opentype"), url("fonts-extra/DINOT-LightItalic.woff") format("woff"), url("fonts-extra/DINOT-LightItalic.ttf") format("truetype"), url("fonts-extra/DINOT-LightItalic.svg") format("svg");
    font-weight: light;
    font-style: italic;
}

/*Reset iOS */

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Application typo */

body {
    font-family: DINOT-Web, Raleway, sans-serif;
    font-size: 27px;
    line-height: 32px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

h2 {
    font-family: DIN-Black, Raleway, sans-serif;
    /*font-size:51px;*/
    letter-spacing: 6px;
}

/* LOGO */
.q_logo a {
    height: 20px !important;
    top: 2px;
}

/* Menu */
.dark.header_style_on_scroll nav.main_menu > ul > li.active > a, .dark.header_style_on_scroll nav.main_menu > ul > li:not(:first-child):before,
.dark.header_style_on_scroll nav.main_menu > ul > li > a, .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):before,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a {
    color: #e5e5e5;
}

/*  Blocs de couleur  */

.bloc_blanc h2 {
    padding-bottom: 15px;
}

.bloc_noir h2 {
    color: #fff !important;
    padding-bottom: 15px;
}

.bloc_noir p {
    color: #fff !important;
}

.bloc_noir img {
    height: 60px;
    width: auto;
}

.header_service h2 {
    color: #fff;
    top: 50%;
    letter-spacing: 0;
    font-size: 35px;
    width: 92%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.header_contenu_original h3 {
    color: #fff;
    font-size: 27px;
}

.header_contenu_original p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.boutons_contenuorig .bouton_bordure a {
    font-size: 20px;
    !important
}

nav.main_menu > ul > li.active > a {
    color: #fff;
}

.header_contenu_original {
    color: #fff;
    top: 50%;
    width: 92%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.header_top_bottom_holder .header_bottom {
	padding-right: 20px !important; /*menu hack for social links - meroy*/
}

/* Menu */
/* .scrolled .header_top_bottom_holder{height:40px;} */
/* .scrolled .header_bottom{height:40px;padding-bottom:15px;margin-top:-5px;} */
/* Menu */
@media only screen and (min-width: 1024px) {
    .scrolled .header_top_bottom_holder {
        height: 47px;
    }

    .scrolled .header_bottom {
        height: 47px;
        padding-bottom: 15px;
        margin-top: -5px;
    }
}

/* Blocs img */
.contenu_bloc {
    height: 450px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.contenu_bloc_trois {
    background: url(img/TNI_PC_vignette.jpg);
}

.contenu_bloc_un {
    background: url(img/FATED_VR_EXPERIENCE_vignette.jpg);
}

.contenu_bloc_deux {
    background: url(img/SPLASHPOP_MOBILE_vignette.jpg);
}

.contenu_bloc_2_un {
    background: url(img/VR_AR_vignette.jpg);
}

.contenu_bloc_2_deux {
    background: url(img/MOBILE_CONSOLE_PC_vignette2.jpg);
}

.contenu_bloc_2_trois {
    background: url(img/CONNECTED_TOYS_vignette.jpg);
}

.contenu_bloc_2_quatre {
    background: url(img/ANIMATION_VFX_vignette.jpg);
}

.contenu_bloc_3_un {
    background: url(img/TOK_thumb.jpg);
}

.contenu_bloc_3_deux {
    background: url(img/Maxi_thumb.png);
}

/* Logos Compagnies */
.logo_compagnies.visible_desktop {
    /*width: 750px;*/
	width: 900px; /* meroy*/
    margin: 0 auto;
}

.logo_compagnies.visible_mobile1 {
    /*max-width: 280px;*/
	max-width: 450px; /* meroy*/
    margin: 0 auto;
}

.logo_compagnies.visible_mobile2 {
    max-width: 500px;
    margin: 0 auto;
}

.logo_compagnies img {
    height: 85px;
    margin: 0 21px;
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width:920px) {
    .logo_compagnies.visible_desktop {
        display: none;
    }

    .logo_compagnies.visible_mobile1, .logo_compagnies.visible_mobile2 {
        display: block;
    }
}

@media only screen and (max-width:500px) {
    .logo_compagnies img {
        height: auto;
    }

    .logo_compagnies.visible_mobile1 img {
        /*width: 15%;*/
		width: 20%; /* meroy */
        /*left: 12%;*/ 
        position: relative;
    }

    .logo_compagnies.visible_mobile1 img:first-child {
        width: 20%;
    }

    .logo_compagnies.visible_mobile1 img:last-child {
        width: 24%;
    }

    .logo_compagnies.visible_mobile2 img {
        width: 34%;
        left: 5%;
        position: relative;
        margin: 0 15px;
        margin-top: 10px;
    }
}

/* Bloc temoignage */

.nom_temoignage {
    font-weight: bold;
}

/* Articles Carousel */

.modif_article_carrousel .item_holder {
    height: 180px;
}

.modif_article_carrousel .entry_title {
    width: 90%;
    margin-left: 5%;
    text-align: center;
}

.modif_article_carrousel .blog_text_holder {
    top: 0;
    bottom: auto;
    background: transparent;
}

.modif_article_carrousel .blog_text_holder_outer {
    height: 150px;
}

.modif_article_carrousel .blog_slider_carousel .blog_text_date_holder {
    display: block;
    border-top: 1px solid #ebebeb;
    border-right: none;
    width: 90%;
    display: block;
    bottom: 0;
    position: absolute;
    margin-left: 5%;
}

.modif_article_carrousel .blog_text_holder_inner {
    display: block;
    top: 0;
    position: absolute;
}

.modif_article_carrousel .blog_slider_categories {
    display: none;
}

.blog_slider_day {
    font-size: 20px;
}

/*Carousel*/

.ls-nav-next:after, .ls-nav-prev:after {
    color: #2d2d2d;
}

.blog_slider .caroufredsel-next, .full_width .section_inner .blog_slider .caroufredsel-next {
    right: -10px;
    border: none;
}

.blog_slider .caroufredsel-prev, .full_width .section_inner .blog_slider .caroufredsel-prev {
    left: -10px;
    border: none;
}

.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover {
    background: none;
}

.blog_text_holder_inner a {
    font-size: 19px;
}

.blog_text_holder_inner h4:hover a {
    color: #aaa !important;
}

/* Footer */

.footer_top_holder {
    display: none;
}

.footer_bottom_holder {
    display: none;
}

/* Bouton */
.bouton_bordure:hover {
    color: #999 !important;
}

.bouton_bordure {
    border: 2px solid #2d2d2d;
    border-radius: 2px;
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.boutons_contenuorig .bouton_bordure {
    visibility: hidden;
    opacity: 0;
    border-color: #fff;
    top: 50px;
    position: relative;
    color: #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    font-size: 12px !important;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    margin-bottom: 10px;
max-width:125px;
margin:0 auto;
}

.contenu_bloc_un:hover .bouton_bordure {
    visibility: visible;
    -moz-opacity: 1;
    filter: brightness(0.7);
    opacity: 100;

}

.contenu_bloc_deux:hover .bouton_bordure {
    visibility: visible;
    -moz-opacity: 1;
    filter: brightness(0.7);
    opacity: 100;
}

.contenu_bloc_trois:hover .bouton_bordure {
    visibility: visible;
    -moz-opacity: 1;
    filter: brightness(0.7);
    opacity: 100;
}
/* .boutons_caches a{display:none !important;} */
.contenu_bloc_un:hover, .contenu_bloc_deux:hover, .contenu_bloc_trois:hover {
    -webkit-filter: brightness(1.4);
    -moz-filter: brightness(1.4);
    filter: brightness(1.4);
}
.contenu_bloc_2_un:hover .bouton_bordure,
.contenu_bloc_2_deux:hover .bouton_bordure, 
.contenu_bloc_2_trois:hover .bouton_bordure,
.contenu_bloc_2_quatre:hover .bouton_bordure {
    visibility: visible;
    -moz-opacity: 1;
    filter: brightness(0.7);
    opacity: 100;
}
.contenu_bloc_2_un:hover, 
.contenu_bloc_2_deux:hover, 
.contenu_bloc_2_trois:hover,
.contenu_bloc_2_quatre:hover {
    -webkit-filter: brightness(1.4);
    -moz-filter: brightness(1.4);
    filter: brightness(1.4);
}

.contenu_bloc_3_un:hover .bouton_bordure,
.contenu_bloc_3_deux:hover .bouton_bordure {
    visibility: visible;
    -moz-opacity: 1;
    filter: brightness(0.7);
    opacity: 100;
}
.contenu_bloc_3_un:hover, 
.contenu_bloc_3_deux:hover {
    -webkit-filter: brightness(1.4);
    -moz-filter: brightness(1.4);
    filter: brightness(1.4);
}

/* Section Contact */
.contact_adresse h3, .contact_adresse a, .contact_adresse {
    color: #fff;
}

.contact_adresse p {
    padding-top: 30px;
    margin-bottom: 10px;
}

.contact_adresse a:hover {
    color: #d8d8d8;
}

.contact_info {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}

.contact_info tr {
    height: 40px;
}

td:first-child {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    table-layout: fixed;
    left: 0;
}

tr td {
    text-align: left;
    left: 0;
    position: relative;
}

.table_corr {
    width: inherit;
    overflow-x: hidden;
}

.wpb_wrapper table {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    /*width: 310px; - meroy*/
	width: 410px;
    right: 0;
}

.q_tabs {
    position: relative;
}

.q_tabs .tabs-nav {
    top: 330px;
    position: relative;
    width: 100%;
    border-top: 3px solid #d2d2d2;
}

.q_tabs .tabs-nav li {
    width: 50%;
    text-align: left;
}

.q_tabs .tabs-nav li a {
    padding-left: 20px !important;
    color: #d2d2d2 !important;
}

.q_tabs .tabs-nav .active {
    background: rgba(200, 200, 200, 0.4);
}

.q_tabs .tabs-nav .active a {
    color: #d2d2d2 !important;
}

/* Article */

.single .header_bottom {
    background: rgba(45, 45, 45, 1) !important;
}

.single .title_holder {
    padding-top: 100px !important;
}

.single .post_text_inner {
    padding-bottom: 50px !important;
    padding-top: 0 !important;
}

.single .post_image, .single .post_info, .single .comment_holder,
.single .comment_pager, .single .comment_form {
    display: none !important;
}

.blog_single { /* meroy */ 
	padding-top: 20px;
}

/*.single .title_subtitle_holder, .single .entry_title{display:none !important;}*/
.single .entry_title {
    display: none !important;
}

.single .container_inner p {
    margin-bottom: 22px !important;
    font-size: 19px !important;
    line-height: normal !important;
}

.single .container_inner ul, .single .container_inner ol {
    margin-bottom: 22px !important;
    font-size: 19px !important;
    line-height: normal !important;
    padding-left: 1.4em !important;
	/*padding-left: 2.5em !important;*/
    list-style-position: initial !important;
}

/* Page */

/*.page .header_bottom{background:rgba(45,45,45,1) !important;}*/
.page .title_holder {
    padding-top: 100px !important;
}

.page .container_inner {
    padding-top: 0 !important;
}

.page .container_inner p {
    margin-bottom: 22px !important;
    font-size: 19px !important;
    line-height: normal !important;
}

.page .container_inner ul, .page .container_inner ol {
    margin-bottom: 22px !important;
    font-size: 19px !important;
    line-height: normal !important;
	padding-left: 1.4em !important;
    /*padding-left: 2.5em !important;*/
    list-style-position: initial !important;
}

/* Correctifs Responsive */
.visible_desktop {}

.visible_mobile {
    display: none;
}

.correctif_siegesocial_pppp {
    max-width: 375px;
}

.main_menu ul li a {
    font-weight: 300 !important;
}

.main_menu .lang-item {
    float: right;
    padding-top: 7px;
}

.main_menu .lang-item a {
    padding-right: 5px;
    /*padding-left: 0;*/
	padding-left: 5px; /* meroy*/
}

.main_menu {
    width: calc(100% - 80px);
	/*min-width: 768px;*/
    min-width: 800px;
}

.main_menu .menu_normal a {
    padding: 7px !important;
}

.menu_icone {
    float: right !important;
}

.menu_icone a {
    font-size: 20px !important;
    padding: 4px !important;
    padding-top: 6px !important;
}

.correctif_infocontact {
    right: 00px;
    position: absolute;
}

@media only screen and (max-width:1185px) {
    .contact_info, .contact_adresse p {
        font-size: 16px;
        font-weight: 500;
    }

    .contact_info .bouton_bordure {
        font-size: 10px !important;
    }
}

@media only screen and (max-width:1000px) {
    .contact_info, .contact_adresse p {
        font-size: 14px;
    }

    .contact_info .bouton_bordure {
        font-size: 8px !important;
    }
}

/* Tablette-ish */

@media only screen and (min-width:785px) and (max-width:1140px) {
    .correctif_infocontact, .correctif_siegesocial, .correctif_infocontact a {
        font-size: 14px;
    }

    .bouton_bordure {
        font-size: 10px !important;
    }

    .correctif_siegesocial h3 {
        font-size: 20px;
    }

    td:first-child {
        /*width: 185px;*/
		width: 295px; /* meroy */
    }
}

@media only screen and (min-width:310px) and (max-width:784px) {
    .content_inner .full_width .full_width_inner .slider_mobi_accueil {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .contenu_bloc_un .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_deux .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_trois .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_2_quatre .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_2_un .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_2_deux .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_2_trois .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .correctif_infocontact, .correctif_siegesocial {
        width: 100%;
        max-width: 100%;
        padding: 50px;
    }

    .correctif_infocontact, .correctif_siegesocial {
        font-size: 18px;
        padding-top: 0;
        margin-top: -20px;
    }

    .correctif_infocontact .bouton_bordure {
        font-size: 14px !important;
        padding: 3px;
        line-height: 35px;
    }

    td:first-child {
        /*width: 255px;*/
		width: 295px; /* meroy */
    }

    table {
        margin: 0 auto;
    }

    .q_tabs .tabs-nav {
        top: 620px;
        z-index: 999;
    }

    .q_tabs {
        z-index: 2;
    }

    .wpb_wrapper .wpb_content_element {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 16px;
        line-height: 20px;
    }

    h2 {
        font-size: 42px;
        line-height: 43px;
    }

    .contact_mobile {
        min-height: 800px;
    }

    .wpb_layerslider_element {
        font-size: 20px !important;
    }

    .blog_slider_title {
        font-size: 15px;
    }

    .visible_desktop {
        display: none;
    }

    .visible_mobile {
        display: block;
    }

    .bouton_bordure {
        font-size: 14px;
    }

    .correctif_infocontact {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }

    .correctif_infocontact table td {
        text-align: center;
        /*line-height: 18px;*/
		line-height: 35px; /* meroy */
    }
}

@media only screen and (min-device-width : 315px) and (max-device-width : 667px) {
    .ls-v5 .ls-nav-next {
        right: -30px !important;
    }

    .ls-v5 .ls-nav-prev {
        left: -30px !important;
    }

    .wpb_wrapper table {
        font-size: 16px;
    }

    .single-post .blog_single p {
        font-size: 18px;
        margin-bottom: 15px;
    }
	
	.blog_single {
        padding-top: 0;
    }

    .single-post {
        font-size: 18px;
    }

    .title_outer {
        /*display: none;*/ /* meroy */
        padding: 0 !important;
    }
	
	.single .title_holder {
		padding-top: 50px !important;
	}

    .content .container_inner {
        /*margin-top: 50px;*/ /* meroy */
    }

    .section_frima h2, .section_contenuoriginal h2, .section_services h2,
    .section_nouvelles h2 {
        padding-bottom: 30px !important;
    }

    .section_confiance h2 {
        padding-bottom: 50px !important;
    }

    .section_carrieres h2 {
        padding-bottom: 15px !important;
    }

    .section_carrieres p {
        padding-bottom: 15px !important;
    }

    .section_carrieres a {
        top: 10px;
        position: relative;
    }

    .section_contact h2 {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    h2 {
        letter-spacing: normal;
    }

    header {
        position: fixed !important;
    }

    h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover, p a:hover,
    .portfolio_share .social_share_holder a:hover, .breadcrumb .current,
    .breadcrumb a:hover, .q_icon_with_title .icon_with_title_link, .q_counter_holder span.counter,
    .q_font_awsome_icon i, .q_font_awsome_icon span, .q_dropcap, .q_counter_holder span.counter,
    nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a, .q_progress_bars_icons_inner.square .bar.active i,
    .q_progress_bars_icons_inner.circle .bar.active i, .q_progress_bars_icons_inner.normal .bar.active i,
    .q_font_awsome_icon_stack .fa-circle, .footer_top .q_social_icon_holder:hover .simple_social,
    .more_facts_button:hover, .box_holder_icon .fa-stack i, .blog_large_image_simple .minimalist_date,
    nav.content_menu ul li.active:hover i, nav.content_menu ul li:hover i,
    nav.content_menu ul li.active:hover a, nav.content_menu ul li:hover a,
    .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover span,
    .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active span,
    .q_font_awsome_icon i:hover, .q_font_awsome_icon span:hover, .fullscreen_search_holder .search_submit:hover {
        color: #888;
    }

    .header_bottom .mobile_menu_button {
        float: right;
        width: 50%;
        text-align: right;
        height: 50px;
        padding-right: 20px;
        margin-right: -10px;
    }

    .container_inner nav.mobile_menu {
        /*top: -50px;*/ /* meroy */
        padding-right: 15%;
        padding-left: 15%;
        left: -10%;
    }

    .container_inner nav.mobile_menu a {
        text-transform: uppercase;
        font-weight: 500;
        color: #d2d2d2;
        padding: 3px;
    }

    .container_inner nav.mobile_menu .lang-item a {
        padding-bottom: 20px;
    }
	
	.header_bottom .logo_wrapper {
        left: 20%;
        height: 50px !important;
    }

    .header_bottom .container, .header_bottom, .header_inner {
        height: 50px !important;
    }

    .wpb_wrapper .wpb_content_element {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .full_width_inner .vc_row {
        padding-top: 30px !important;
        padding-bottom: 45px !important;
    }

    .full_width_inner .vc_row.section_frima {
        padding-bottom: 30px !important;
    }

    .full_width_inner .vc_row.contact_mobile {
        padding-bottom: 20px !important;
    }

    .full_width_inner .mobi_postes_fix {
        padding-top: 30px !important;
    }

    .full_width_inner .padding_boite_mobile {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .content_inner .full_width .full_width_inner .slider_mobi_accueil {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 25px;
    }

    .contenu_bloc_un .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_deux .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_trois .bouton_bordure, .boutons_contenuorig .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .correctif_infocontact, .correctif_siegesocial {
        width: 100%;
        max-width: 100%;
        padding: 50px;
    }

    .correctif_infocontact, .correctif_siegesocial {
        font-size: 18px;
        padding-top: 0;
        margin-top: -20px;
    }

    .correctif_infocontact .bouton_bordure {
        font-size: 14px !important;
        padding: 3px;
        line-height: 35px;
    }

    td:first-child {
        width: 310px;
        line-height: 40px !important;
    }

    table {
        margin: 0 auto;
    }

    .q_tabs .tabs-nav {
        top: 620px;
        z-index: 999;
    }

    .q_tabs {
        z-index: 2;
    }

    .wpb_wrapper .wpb_content_element {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 16px;
        line-height: 20px;
    }

    h2 {
        font-size: 42px;
        line-height: 43px;
    }

    .contact_mobile {
        min-height: 800px;
    }

    .wpb_layerslider_element {
        font-size: 20px !important;
    }

    .blog_slider_title {
        font-size: 15px;
    }

    .visible_desktop {
        display: none;
    }

    .visible_mobile {
        display: block;
    }

    .bouton_bordure {
        font-size: 14px;
    }

    .correctif_infocontact {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 60px;
    }

    .correctif_infocontact table td {
        text-align: center;
        line-height: 18px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1030px) {
    .header_bottom .mobile_menu_button {
        float: right;
        width: 50%;
        text-align: right;
        height: 100px;
        padding-right: 20px;
        margin-right: -10px;
    }

    .main_menu {
        width: calc(100% - 90px);
        min-width: 765px;
    }

    .contenu_bloc_un .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_deux .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .contenu_bloc_trois .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

	.boutons_contenuorig .bouton_bordure, .contenu_bloc_2_un .bouton_bordure, .contenu_bloc_2_deux .bouton_bordure, .contenu_bloc_2_trois .bouton_bordure, .contenu_bloc_2_quatre .bouton_bordure {
        visibility: visible;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 100;
    }

    .bouton_bordure {
        font-size: 23px !important;
    }

    .contact_adresse .bouton_bordure {
        font-size: 15px !important;
    }

    .correctif_infocontact td:first-child {
        width: 230px;
        font-size: 14px;
    }
}

@media only screen and (max-width:1000px) {
    .header_top_bottom_holder .header_bottom {
        background: #2d2d2d !important;
		padding-right: 20px !important; /*menu hack - meroy*/
		padding:0;
    }
	
	.side_menu_button { /*menu mobile - meroy*/
		height: 50px!important;
	}
	nav.mobile_menu ul>li.has_sub>span.mobile_arrow {
    right: auto;
    left: calc(100% - 80px);
}
}
@media only screen and (max-width:768px) {
.vc_custom_1469135426686 .qbutton {
    left: calc(50% - 62px) !important;;
    top: 20px;
}
.vc_custom_1469466236096 .qbutton {
    left: calc(50% - 54px);
    top: 20px;
}
nav.mobile_menu>ul {
    width: 95%;
}
}

.navi_mediassociaux_mobi a {
    color: #fff;
    margin: 0 5px;
}

.navi_mediassociaux_mobi {
    width: 125px;
    margin: 0 auto;
    font-size: 30px;
}

.the_line {
    width: 100%;
    height: 104px;
    background: rgba(0, 0, 0, 0);
    position: fixed;
    top: 598px;
    z-index: 999;
}

div#fancybox-wrap {
    min-height: 600px;
}

@media only screen and (max-width:650px){
/* Formulaire salesforces extra */
body > div#fancybox-wrap{width:90% !important;left:3% !important;padding-left:0 !important;padding-right:0 !important;}
body > div#fancybox-wrap #fancybox-outer #fancybox-content{width:100% !important;}
}

.header_contenu_original .wpb_wrapper{
	/* height:170px; */
}
@media only screen and (min-width:767px) and (max-width:819px){.contenu_bloc_2_deux .bouton_bordure{top:65px;}}

.info.portfolio_custom_field a:hover {
    color: #aaa;
}