:focus {
    outline-style: none !important;
}

/*ooooooooooooooooooooooo UTILITIES oooooooooooooooooooooooooo*/

.messages.status {
    display: none;
}

.clearer {
    clear: both;
}

.jumper-row {
    margin-top: 20px;
}

.front .jumper-row {
    clear: both;
}

/* oooooooooooooooooooo RESET BOOTSTRAP oooooooooooooooooooooo */

@media screen and (min-width: 980px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
    ,.row, .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .front .row
    ,.html .row {
        width: 100%;
        margin: auto;
    }

    .node-type-page-avec-rangee .content_col {
      padding-left: 0px;
      padding-right: 0px;
    }
}

.content_col h1 {
    margin-top: 0px;
}

.content_col h1,.content_col .h1,.content_col h2,.content_col .h2,.content_col h3,.content_col .h3 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.content_col h1:first-child,.content_col .h1:first-child,.content_col h2:first-child,
.content_col .h2:first-child,.content_col h3:first-child,.content_col .h3:first-child {
    margin-top: 0px;
}

tbody {
     border-top: 0px solid transparent;
}

/* oooooooooooooooooooo GENERAL oooooooooooooooooooooooooooooo*/

body, html {
    font-family: Verdana;
}
body {
    width: auto !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'TradeGothicLTPro-Bold';
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.title_edges
{
    position: relative;
}

.title_edges .edge
{
    position: relative;
    top: 20px;
}

.title_edges .edge .edge_content
{
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 50%;
    left: 0px;
}

.not-front .title_edges .edge.after .edge_content
{
    right: 0;
}

.not-front .title_edges .edge.before .edge_content
{
    left: 0;
}

.title_edges h2
{
    text-align: center;
    font-family: "TradeGothicLTPro-Bold";
}

.not-front .page_footer .title_edges
{
    margin: 10px auto;
}

.with_under_edge
{
    padding-bottom: 4px;
    position: relative;
}

.with_under_edge:after
{
    position: absolute;
    width: 72%;
    height: 2px;
    left: 15%;
    bottom: 0;
    background-color: white;
}

.content ul
{
    padding-left: 16px;
}

.content ul li
{
    margin-bottom: 5px;
}

.content_col a
{
    color: #62919e;
}

.content ul li a
{
    color: #444444;
}

.view_name-actualites_rh a
{
    color: #62919e;
}

.metiers a
{
    color: #444444;
}

/*------------------ DROPDOWN BUTTON ---------------------*/

.mobile-websites-list-footer
{
    padding: 0px 10px;
}

.arrowCloseDropdown
{
    background: url("../images_responsive/top_menu/closeDropdown_btn_picto.png") no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
    border: 0px solid transparent;
}

.dropdown_button_withtarget
{
    display: block;
    width: 100%;
    max-width: 88px;
    height: 75px;
    text-align: center;
}

.dropdown_button_withtarget .dropdown_input_withtarget
{
    width: 88px;
    height: 78px;
    margin: auto;
    border: 0px solid #444444;
    max-width: 100%;
}

.dropdown_button_withtarget .dropdown_input_withtarget
{
    background: url("../images_responsive/dropdown_footer_arrow.png") no-repeat center 50%;
}

.dropdown_button_withtarget.slideup .dropdown_input_withtarget
{
    background: url("../images_responsive/dropdown_footer_up_arrow.png") no-repeat center 40%;
}

.dropdown_button_withtarget:hover
{
    background: #A0A0A0;
}

/*ooooooooooooooooooooo GENERAL BLOCKS ooooooooooooooooooooooo*/

.region-homepage-header
{
    margin-bottom: 15px;
}

/*--- SEARCHBOX_LARGE --*/

.searchbox_large
{
    width:75%;
    margin: auto;
    background-color: #686868;
    margin-top: 6%;
}

.front .searchbox_large
{
    width: 65%;
    margin-top: 0;
}

.searchbox_large .row.search
{
    margin-top: 15px;
}

.searchbox_large .row
{
    margin-bottom: 15px;
}

.front .searchbox_large .row.search
{
    margin-top: 5px;
}

.front .searchbox_large .row
{
    margin-bottom: 5px;
}

.searchbox_large h2
{
    color:#ffffff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
}

.front .searchbox_large h2
{
    font-size: 20px;
}

.searchbox_large select,
.searchbox_large .input-text input
{
    width: 95%;
    height: 35px;
    font-size: 12px;
    padding-left: 10px;
    color:#727373;
    background: #FFFFFF;
    border: 1px solid transparent;
}

.front .searchbox_large select,
.front .searchbox_large .input-text input,
.searchbox_oneline select,
.searchbox_oneline .input-text input
{
    height: 23px;
}

.searchbox_large select,
.views-exposed-form select
{
    border: 1px solid transparent;
    outline: none;
    /* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Remove select styling */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    color:#A9A9A9;

    background: #FFFFFF url("../images_responsive/select_arrow.png") no-repeat 97% center;
}

.searchbox_large select::-ms-expand,
.views-exposed-form select::-ms-expand,
.searchbox_oneline select::-ms-expand
{
    display: none;
}

.searchbox_large select:focus,
.searchbox_oneline select:focus
{
    color: #000000;
}

.searchbox_large input[type="submit"]
{
   color:#ffffff;
   height: 35px;
   width: 35px;
   background: #444444;
   border: 0px solid #444444;
   font-size: 12px;
}

.front .searchbox_large input[type="submit"]
{
    height: 24px;
}

.searchbox_large input[type="submit"]:hover
{
    background: #111111;
}


.searchbox_large .see_offers_link, .searbock_large input[type="submit"]
{
    font-family: 'TradeGothicLTPro-Bold';
    text-transform: uppercase;
}

.searchbox_large a.see_offers_link
{
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    background-color: #c15278;
    padding: 5px;
    max-width: 268px;
    width: 100%;
    margin: auto;
}

.front .searchbox_large a.see_offers_link
{
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    background-color: #c15278;
    padding: 5px;
    max-width: 185px;
    width: 100%;
    margin: auto;
}

.searchbox_large a.see_offers_link:hover
{
    text-decoration: none;
    background-color: #B3315D;
}

/* Oneline searchbox */

.searchbox_oneline
{
    position: relative;
    width: 100%;
}

.searchbox_oneline .bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}

.searchbox_oneline .search
{
    position: relative;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    padding: 4% 0px;
}

.searchbox_oneline select,
.searchbox_oneline input[type="text"]
{
    width: 18%;
    max-width: 204px;
    height: 44px;
    font-size: 12px;
    padding-left: 10px;
    color:#727373;
    background: #FFFFFF;
    border: 1px solid transparent;
    margin-right: 1%;
}

.searchbox_oneline_submit
{
    padding-top: 10px;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-Bold";
    background-color: #444;
    color: #FFFFFF;
    padding: 6px 17px;
    padding-top: 10px;
    padding-bottom: 11px;
    border: 0px solid #444;
    margin-right: 1%;
    font-size: 18px;
}

.searchbox_oneline_offerslink
{
    display: inline-block;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #c15278;
    min-width: 265px;
    font-family: "TradeGothicLTPro-Bold";
    padding-top: 10px;
    padding-bottom: 10px;
}

.searchbox_oneline_offerslink:hover
{
    color: #FFFFFF;
}

.searchbox_oneline select
{
    border: 1px solid transparent;
    outline: none;
    /* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Remove select styling */
    appearance: none;
    -webkit-appearance: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    color:#A9A9A9;

    background: #FFFFFF url("../images_responsive/select_arrow.png") no-repeat 97% center;
}

.searchbox-no_see_offers_link .see_offers_link 
{
    display: none;
}

/*------ BLOCK IMAGE ------*/

.blockimagelink
{
    width: 95%;
}

.blockimagelink
{
    position: relative;
}

.blockimagelink .img_wrapper
{
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.blockimagelink.caption_style .img_wrapper
{
    height: 245px;
}

.front .blockimagelink.caption_style .img_wrapper
{
    height: 215px;
}

.blockimagelink.floatingcaption_style
{
    overflow: hidden;
}

.blockimagelink.floatingcaption_style,
.blockimagelink.centered_style
{
    min-height: 280px;
}

.front .blockimagelink.floatingcaption_style,
.front .blockimagelink.centered_style
{
    height: 260px;
}

.blockimagelink img
{
    width: 100%;
}


.blockimagelink .text
{
    color: #FFFFFF;
    margin: 0;
}

.blockimagelink .text p
{
    /*width: 135px;
    margin: auto;*/
    text-align: center;
    margin: 0;
}

.blockimagelink a
{
    color:#ffffff;
    display: block;
    height: 100%;
    width: 100%;
}

.blockimagelink a:hover,
.blockimagelink a:hover p
{
    text-decoration: none;
    color: #333333;
}

.blockimagelink a:hover img
{
    opacity: 0.8;
}

/* For some special block images */
.front .row_id_1 .blockimagelink a:hover,
.front .row_id_1 .blockimagelink a:hover p
{
    text-decoration: none;
    color: #D4D4D4;
}


.blockimagelink.caption_style .text
{
    font-family: 'TradeGothicLTPro-Bold';
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0px;
}

.blockimagelink.centered_style .text
{
    padding: 0;
}

.blockimagelink.centered_style .text strong
{
    font-family: "happinessv1light";
    font-size: 32px;
}

.blockimagelink.centered_style .text .subtitle,
.blockimagelink.caption_style .text,
.blockimagelink.rollhover_style .text
{
    font-family: 'TradeGothicLTPro-Bold';
}


.blockimagelink.centered_style .text
{
    position: absolute;
    top: 30%;
    width: 100%;
}



.blockimagelink.floatingcaption_style .text
{
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0px 10px;
    font-family: 'TradeGothicLTPro-Bold';
    text-transform: uppercase;
    font-size: 18px;
    min-width: 80%;
}

.blockimagelink.floatingcaption_style .text p
{
    text-align: left;
}

.blockimagelink.rollhover_style
{
    /*width: 100%;*/
    height: 100%;
    overflow: hidden;
}

.blockimagelink.rollhover_style .text
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 18px;
}

.big-text .blockimagelink.rollhover_style  p
{
    max-width: 275px;
    margin: auto;
    font-size: 32px;
}

.blockimagelink.rollhover_style a:hover p
{
    color:#ffffff;
}


.front .blockimagelink.floatingcaption_style .text
{
    font-size: 14px;
    font-family: "TradeGothicLTPro-Bold";
    font-weight: bold;
    bottom: 35px;
    line-height: 14px;
    min-height: 45px;
}

.front .no-text .text
{
    display: none;
}

.blockimagelink
{
    position: relative;
}

.blockimagelink .hover_background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.blockimagelink_video .hover_background
{
    background: url("../images_responsive/pictos/video_hover_picto.png") center center no-repeat;
    background-size: 50%;
}

/*------------- BLOC SOCIAL CUBE -----------------*/

.socialcube h3
{
    margin: 0 auto;
    padding-top: 20px;
    width: 60%;
}

.socialcube .social_links_container
{

}

.socialcube.cubic_style .social_links_container
{
    padding-top: 23px;
    text-align: center;
}

.socialcube .social_link
{
    display: inline-block;
}

.socialcube.cubic_style .social_link
{
    margin-bottom: 23px;
    margin-left: 10px;
}

.socialcube.align_style .social_link
{
    margin-right: 10px;
}

.socialcube .social_link span {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: transparent url("../images/social-icons.png") 50px 0 no-repeat;
    background-size: cover;
    border: 1px solid #ffffff;
}
.socialcube .social_link:hover span {
    background-color: rgba(255, 255, 255, 0.1);
}
.socialcube .social_link span.facebook {
    background-position: 0 0;
}
.socialcube .social_link span.twitter {
    background-position: 0 -50px;
}
.socialcube .social_link span.youtube {
    background-position: 0 -100px;
}
.socialcube .social_link span.linkedin {
    background-position: 0 -150px;
}


/*ooooooooooooooooooooooo HEADER - MENU oooooooooooooooooooooo*/

.breadcrumb
{
    background-color: #FFFFFF;
    font-style: italic;
    font-size: 11px;
}

.breadcrumb,
.breadcrumb a
{
    color: #000000;
}

.navbar-logo
{
    /*width: 290px;*/
    min-height: 57px;
    float: left;
}

.nav-header, .dropdown-menu
{
    background-color:#444444;
}

.nav-header
{
    border:0px solid #FFFFFF;
}

.nav > li > a:hover, .nav > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
    background-color: #444444;
    text-decoration: underline;
}

.nav-header, .nav-header a, .nav-header a:visited
{
    color:#ffffff !important;
}

.nav-header .contextual-links a
{
  color : #000 !important;
}

.nav-header a:hover
{
    text-decoration: none;
}

.nav-header h1
{
    margin: 0;
}

.nav-header
{
    padding: 0px;
    margin-bottom: 0px;
    font-family: 'TradeGothicLTPro-Bold';
}

.nav-header .container
{
    padding: 0px;
    padding-bottom: 0px;
}

.nav-header .content ul.navbar-nav
{
    padding-left: 3px;
}

.nav-header #site_title
{
    position: relative;
    max-width: 145px;
    margin-top: 8px;
}

.nav-header #site_title img
{
    width: 100%;
    height: auto;
}

.nav-header #site-slogan
{
    position: absolute;
    right: 30px;
    top: 100%;
    font-size: 17.5px;
    font-weight: normal;
    font-family: 'TradeGothicLTPro-Bold';
}

.navbar_menu_top,
.navbar_menu_top ul.dropdown-menu
{
    font-size: 13px;
    text-transform: uppercase;
}

.region-header
{
    float: right;
    width: 140px;
    margin: 0;
    padding: 0;
}

.region-header
{
    width: 45px;
}

.dropdown-menu > li > a
{
    white-space: inherit;
}

.nav-header #block-search-form
{
    width: 78%;
}

.nav-header #block-search-form input
{
    width: 100%;
}

.page_header .logo_homepage .logo_img
{
    width: 86px;
}

/*--- Menu Dropdown --*/

.dropdown-menu
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    top: 100%;
    border: 0px solid transparent;
}

.navbar_menu_top ul.dropdown-menu,
.navbar_menu_top ul.dropdown-menu li
{
    padding: 5px 5px;
    list-style-type: none;
    list-style-image:none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: underline;
}

.nav-header ul.sub-menu,
.navbar_menu_top ul.dropdown-menu.sub-menu-level-2 li,
.nav-header .content .sub-menu-level-2 ul.navbar-nav
{
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.nav-header .content .sub-menu-level-2 ul.navbar-nav
{
    width: 100%;
}

.region-menu-top ul.sub-menu-level-2 li a
{
    padding-bottom: 14px;
}

.region-menu-top ul.sub-menu-level-3 li a
{
    padding-bottom: 2px;
}

.navbar_menu_top .sub-menu-level-3,
.navbar_menu_top ul.sub-menu-level-3
{
    text-transform: none;
}

.nav li.menu-element-depth-3
{
    display: block;
    width: 100%;
}

.nav-header li.menu-element-depth-3.active-trail,
.nav-header li.menu-element-depth-3.active-trail a
{
    color: #8d8d8d !important;
}

.top_menu_image_container img
{
    max-width: 95%;
    height: auto;
}

/*--- Region list --*/

.region-menu-top
{
    float: left;
    font-size:16px;
}

.region-menu-top ul li a
{
    padding: 0px;
    padding-bottom: 8px; /* for Dropdown */
}

.region-menu-top ul li
{
    padding: 0px 10px;
    padding-top: 20px;
    padding-bottom: 18px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    background: transparent;
    -ms-filter: none;
}

/* Germany */
#block-menu-block-25 .navbar_menu_top
{
    margin-left: 0px;
}

/*---- Top Btn Apply --*/

.nav-header .container {
    position: relative;
}

.top_btn_apply {
    position: absolute;
    top: 100%;
    right: 0px;
    width: 240px;
    padding: 5px 10px;
    background-color: #c15278;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

#popup-postulez #fancy-title-access {
    background-image: none;
    background-color: #c15278;
    display: block;
    padding: 10px 5px;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #fff;
    width: 250px;
}

.fancybox-skin
{
    padding: 0px !important;
}

#popup-postulez ul
{
    margin: 25px 0px;
    padding-left: 52px;
}

#popup-postulez ul li a
{
    color: #444444;
}


/* search_popup_button */

.search_popup_button
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images_responsive/pictos/search_picto.png") center center;
}

.search_popup_button:hover
{
    background-color: #383838;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.search_popup_button_container
{
    text-align: left;
    width: 30px;
    float: right;
    padding-top: 20px;
    padding-bottom: 17px;
}

.nav-header .menu_buttons
{
    float: right;
}

/* ----- SEARCH FORM --------*/
.search-form .form-actions.form-wrapper
{
    /*display: none;*/
}

.search-form #edit-submit
{
    display: inline-block;
}

.search-form #edit-submit
{
    text-indent: -9999px;
    white-space: nowrap;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images_responsive/pictos/search_picto.png");

    border: 0px solid #000000;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.85;
}

.search-form #edit-submit:hover
{
    background: url("../images_responsive/pictos/search_picto.png");
    opacity: 1;
}

.popup_searchform_wrapper
{
    width: 100%;
}

#popup_searchform .searchform_wrapper
{
    position: relative;
    width: 80%;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    margin: auto;
}

#popup_searchform .searchform_wrapper .background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1f1f1f;
    z-index: -1;
}

#popup_searchform #edit-search-block-form--2
{
    width: 61%;
    margin-right: 10px;
    padding-left: 10px;
    /*color: #737373;*/
    color: #FFFFFF;
    background-color: transparent;
    border :1px solid #FFFFFF;
}

.row.popup_searchform_bottom
{
    margin-top: 20px;
    font-family: 'TradeGothicLTPro-Bold';
}

#popup_searchform .bottom_title
{
    /*font-family: 'TradeGothicLTPro-Bold';*/
    font-size: 1.1em;
}

#popup_searchform .bottom_apply_buttons a
{
    display: inline-block;
    padding: 5px 10px;
    color: #FFFFFF;
    text-align: center;
    width: 24%;
    max-width: 230px;
    text-transform: uppercase;
    font-size: 1.1em;
    background-color: #c65279;
}


#popup_searchform .bottom_apply_buttons a:first-child
{
    margin-right: 30px;
}

#popup_searchform .bottom_apply_buttons a.apply_in_village_only
{
    margin-right: 0px;
}

.nav-header .custom-search-box.form-text
{
    color:#000000;
    float: left;
    font-family: Verdana;
    font-size: 12px;
}

.nav-header .custom-search-box.form-text
{
    padding-left: 10px;
}




/*----- Websites (internationalization drop down menu) ------- */

.dropdown_button button
{
    background: #444444;
    border: 0px solid #444444;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #444444 url('../images_responsive/dropdown_arrow.png') no-repeat right center;
    width: 42px;
    text-align: left;
}

.nav-header #dropdown-pays,
.nav-header #block-search-form
{
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    padding-top: 21px;
    padding-bottom: 21px;
}

.nav-header #block-search-form .search-form
{
    margin-bottom: 0px;
}

#websites
{
    display: none;
    position: absolute;
    clear: both;
    background-color:#444444;
    padding-bottom: 25px;
}

#websites .bloc_continent
{
    margin-right: 8%;
}

#websites .bloc_continent.continent_1,
#websites .liste_pays.last
{
    margin-right: 0px;
}

#websites .bloc_continent,
#websites .splitted_liste
{
    float: left;
}

#websites .bloc_continent ul
{
    list-style: none;
    padding-left: 0px;
}

#websites .liste_pays
{
    margin-right: 70px;
}

#websites .liste_pays li
{
    margin-bottom: 0px;
    font-size: 16px;
}

#websites .lien_portail
{
    text-align: right;
    padding-right: 73px;
    padding-top: 25px;
    font-size: 16px;
}

#websites .nom_continent
{
    font-size: 18px;
}

#websites a:hover {
    text-decoration: underline;
}


.nav-header .navbar-toggle
{
    position: relative;
    top: 7px;
    margin-right: 5px;
    border: 0px solid #444;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background-color: #383838
}

.nav-header .navbar-toggle .icon-bar
{
    background-color: #FFFFFF;
    width: 18px;
}


/*ooooooooooooooooooooooo FRONT PAGE oooooooooooooooooooooo*/

/*-----  (FRONT PAGE HEADER WITH BACKGROUND) -----*/


.frontpage_content,
.frontpage_body
{
    position: relative;
}

.jumbotron.page_header
{
    background: transparent;
    -ms-filter: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 21px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}


.frontpage_body_background_container
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.frontpage_body_background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -10;
}

.frontpage_body_background_mask
{
    display: none;
    position: absolute;
    top: -85px;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: -9;
    background: url("../images_responsive/background_home_body_gradient_v3.png") repeat-x top left;
}

.logo_homepage_container
{
    height: 135px;/*Exact height*/
    position: relative;
    margin-bottom: 15px;
    /*margin-top: 96px; *//* For laptop mdpi (1280x800) */
    margin-top: 25px; /* For laptop hdpi (1440x900) */
}

.page_header .logo_homepage
{
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
}

.page_header .logo_homepage .logo_text,
.page_header .logo_homepage .logo_image
{
    display: inline-block;
    vertical-align: bottom;
}


.page_header .logo_homepage .logo_text {
    font-size: 27px;
    text-align: right;
    width: 190px;
    font-family: "happinessv1light";
    position: absolute;
    bottom: 12px;
    right: 50px;
    font-weight: bold;
}

.jumbotron p
{
    margin-bottom: 8px;
}

/* Germany */
/*.i18n-de .page_header .logo_homepage .logo_text
{
    width: 159px;
}*/

.i18n-pt .page_header .logo_homepage .logo_text
{
    width: 195px;
}

.i18n-es .page_header .logo_homepage .logo_text
{
    width: 220px;
}

/*----- (FRONT PAGE BODY) --------*/

.card_container.no-rollhover
{
    cursor: pointer;
}

.card_container ul
{
    padding-left: 30px;
}

.front h2
{
    font-size: 26px;
    font-family: "TradeGothicLTPro-Bold";
}

.front .region-homepage-body .title_edges
{
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}



.card_container
{
    position: relative;
    height: 330px;
    width: 100%;
    overflow: hidden;
    max-width: 230px;
    margin-bottom: 0px;
}



.medium .card_container
{
    height: 240px;
}

.tall .card_container
{
    height: 245px;
}

.front .card_container,
.front .tall.card_container
{
    max-width: 260px;
    height: 264px;
}

.region-homepage-body .card_container:first-child
{

}

.card_container, .card_container ul li a, .card_container ul li
{
    color:#FFFFFF;
}

.card_container ul li
{
    padding-bottom: 20px;
    font-size: 16px;
}

.front .card_container ul li
{
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "happinessv1light";
}

.card_container .word_picture
{
    position: absolute;
    top: 0;
    padding-top: 56px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.card_container .word_picture img
{
    max-width: 60%;
}

.card_container .children_content
{
    padding-top: 25px;
}

.card_container .title
{
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
    width: 100%;
}

.card_container .title,
.card_container .title p
{
    font-size: 18px;
}

.front .card_container .title,
.front .card_container .title p
{
    font-size: 18px;
}

.front .card_container .title .text
{
    width: 100%;
}

.card_container .title .text
{
    width: 138px;
}

.card_container .title .text {
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-Bold';
}

.front .taxonomy-card {
    margin-bottom: 25px;
}
.front .taxonomy-card .content {
    text-align: center;
}
.front .taxonomy-card .content .card_container {
    display: inline-block;
}
.front .taxonomy-card .content .card_container .children_content {
    text-align: left;
}

.card_container .title .text a {
    color : #FFFFFF;
}

/*PINK */
.card_container.pink, .card_container.pink .word_picture
{
    background-color: #c15278;
}

.card_container.pink .title
{
    background-color: #863953;
}

.card_container.pink ul li:hover, .card_container.pink ul li:hover a
{
    color:#863953;
    text-decoration:none;
}

/*ORANGE */

.card_container.orange, .card_container.orange .word_picture
{
    background-color: #d58740;
}

.card_container.orange .title
{
    background-color: #bc7738;
}

.card_container.orange ul li:hover, .card_container.orange ul li:hover a
{
    color:rgb(128, 67, 12);
    text-decoration:none;
}

/*GREEN */
.card_container.green, .card_container.green .word_picture
{
    background-color: #9b9f2d;
}

.card_container.green .title
{
    background-color: #7f8225;
}

.card_container.green ul li:hover, .card_container.green ul li:hover a
{
    color:#494D01;
    text-decoration:none;
}

/*Violet */
.card_container.violet, .card_container.violet .word_picture
{
    background-color: #4a2454;
}

.card_container.violet .title
{
    background-color: #381b40;
}

.card_container.violet ul li:hover, .card_container.violet ul li:hover a
{
    color:#AB93C1;
    text-decoration:none;
}

.front .imagelink_container,
.front .blockimagelink
{
    width: 260px;
}

.front .imagelink_container
{
    margin-bottom: 45px;
}

/*
.front .punchline
{
    color : #494347;
    font-family: "happinessv1light";
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}*/

.front .punchline
{
    font-family: "happinessv1light";
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    background-color: rgba(0,0,0,0.65);
    padding: 20px;
    color: #fFF;
}


/*--------------------- INNER PAGE -----------------------------*/

.node-page iframe
{
    max-width: 100%;
}

.content_col {
    padding-left: 20px;
    margin-bottom: 10px;
}
.content_col.full-width {
    padding-left: 0;
    padding-right: 0;
}

.content_col, .content_col p
{
    color:#444444;
    font-size: 13px;
}

.content_col h1, .content_col h2, .content_col h3, .content_col h4, .content_col h5, .content_col h6
{
    font-family: 'TradeGothicLTPro-Bold';
}

.content_col h1
{
    font-size: 22px;
    text-transform: uppercase;
}

.content_col h2
{
    font-size: 20px;
    position: relative;
}

/*
.node-type-page .content_col h2:after
{
    content: "";
    height: 2px;
    width: 40%;
    position: absolute;
    top: 10px;
    right: 0;
    background-color: #444444;
}*/

.content_col h2 .edge
{
    display: block;
    position: absolute;
    background-color: #444444;
    height: 2px;
    width: 40%;
}

.content_col h2 .edge-right
{
    right: 0;
}


.content_col .left h2 .edge,
.content_col .right h2 .edge,
.page-taxonomy-term .content_col h2 .edge,
.field-items li h2 .edge,
li.big h2 .edge,
#node-15 .content h2:first-of-type .edge /*LE DÉVELOPPEMENT DES TALENTS*/
{
    display: none !important;
}


.page-title_container
{
    position: relative;
}

.field-items p a
{
    color: #62919e;
}

.node-triptyque .field-items p a
,.view-actualites-rh .field-items p a
{

}

.page-title_container
{
    height: 226px;
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}

.page-title_container img
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.page-title_container .title_text
{
    margin: 0;
    position: absolute;
    top: 118px;
    padding: 10px;
    text-transform: uppercase;
    background: url("../images_responsive/background_title.png") repeat;
    font-size: 30px;
    font-family: "TradeGothicLTPro-Bold";
}

.page-title_container .title_text, .page-title_container .title_text a, .page-title_container .title_text a:hover, .page-title_container .title_text a:focus
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.page-title_container .title_text p
{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.metiers_cards.row
{
    margin-top: 30px;
    margin-bottom: 50px;
}

.metiers_cards .card_container
{
    max-width: 200px;
}


#main-content ul#ul_e03
{
    list-style-type: none;
}

li.big h2,
li.small h2,
#ul_e03 li.small h2,
#ul_e03 li.big h2
{
    /*background: transparent url(../images_responsive/content/puce.png) no-repeat left center;*/
    background: none;
    font-family: Verdana;
    font-size: 16px;
    padding-left: 0px;
}

li.big h2 a,
li.small h2 a
{
    color: #444444;
}

#ul_e03 li div
{
    width: 84%;
}

.node .content table
{
    width: 100% !important;
}

#main-content ul.all-img li, #main-content div.all-img div
{
    list-style-type: none;
}

#m03_middle h2, #m03_bottom h2
{
    margin-right: 20px;
    margin-bottom: 20px;
}

#m03_middle img
{
    margin-right: 10px;
}

#block-multiblock-68 .blockimagelink /* region-footer-job-1*/
{
    min-width: 292.5px;
}

/*oooooooooooooooooooooo VIEW ACTU RH ooooooooooooooooooooooooooooooooooooooo*/

.view_name-actualites_rh .content_col h1,
.view-actualites-rh .visuel-actus
{
    display: none;
}

.view-actualites-rh #edit-terme-wrapper label,
.view-actualites-rh .views-widget
{
    float: left;
}


.view-actualites-rh #edit-terme-wrapper label
{
    margin-right: 10px;
}

.view-actualites-rh .views-exposed-form
{
    width: 100%;
    margin: 20px auto;
    margin-top: 0px;
    /*max-width: 665px;*/
}

.view-actualites-rh .views-exposed-widgets
{
    width: 80%;
    margin: auto;
    max-width: 500px;
}

.view-actualites-rh .views-exposed-form .views-exposed-widget .form-submit
{
    background-color: #79b4c4;
}

.view-actualites-rh ul
{
    padding-left: 0px;
}

#block-views-actualites-rh-block
{
    margin-bottom: 20px;
}

/*oooooooooooooooooooooo INNER PAGE ACCORDIONS oooooooooooooooooooooooooooooo*/



/*ooooooooooooooooooooooo LES METIERS EN AGENCE oooooooooooooooooooooooooo*/

.page-node-817 .content_col a,
.page-metiers-en-sieges a.siege-offer-link/*VOIR NOS OFFRES DISPONIBLES*/,
a.siege_cta_btn,
.field-items p a.siege_cta_btn
{
    margin-top: 20px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    background-color: #62919e;
    padding: 5px;
    max-width: 304px;
    width: 100%;
    margin: auto;
    font-family: 'TradeGothicLTPro-Bold';
    text-transform: uppercase;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: #FFFFFF;
    /*border: 1px solid #444444;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ui-accordion .ui-accordion-content
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid transparent
}

.ui-accordion-header h2
{
    margin: 0;
    font-family: "Verdana";
    font-size: 16px;
}

.page-metiers-en-sieges .ui-accordion
{
    margin-top: 15px;
}

/* ooooooooooooooooooooooooooooooooo TESTIMONIALS VIEW oooooooooooooooooooooooooooo */

.view-temoignages2 .row
{
    margin-bottom: 20px;
}


.view-temoignages2 .views-row
{
    width: 85%;
    margin: auto;
    background-color: #79b4c4;
    padding: 10px;
    cursor: pointer;
}

/* If you need to have the blocks aligned to the rest of the website, uncomment this and remove the margin auto */
/*.view-temoignages2 .views-row-even
{
    float: right;
}*/

.view-temoignages2 .views-row:hover .views-field-title,
.view-temoignages2 .views-row:hover .views-field-title a
{
    text-decoration: underline;
}



.view-temoignages2 .views-row .views-field-title,
.view-temoignages2 .views-row .views-field-title a
{
    font-size: 1.2em;
    color: #444444;
    font-family: "TradeGothicLTPro-Bold";
    text-transform: uppercase;
}

.view-temoignages2 .views-row .views-field-field-citation
{
    clear:both;
    min-height: 53px;
    padding: 6px 5px;
}

.view-temoignages2 .views-row .views-field-field-job {margin-top: 5px; float: left; width: 50%}

.view-temoignages2 .views-row .views-field-field-image img{display: block;}
.view-temoignages2 .views-row .views-field-field-image
{
    float: left; margin: 0 5px 7px 0; overflow: hidden; height: 99px; /*  behavior: url(/sites/all/themes/cmj/js/PIE/PIE.htc); */
}

.view-temoignages2 blockquote
{
    border-left: 0px solid transparent;
    font-family: "TradeGothicLTPro-Bold";
}

.view-temoignages2 .views-row .views-field-field-citation blockquote:before,
.node-type-temoignage .field-name-field-citation .field-item:before
{
    content: "\0022"; /* " */
    padding-right: 5px;
}

.view-temoignages2 .views-row .views-field-field-citation blockquote:after,
.node-type-temoignage .field-name-field-citation .field-item:after
{
    content: "\0022"; /* " */
    padding-left: 5px;
}

/*oooooooooooooooooooooooo TESTIMONIAL PORTRAIT ooooooooooooooooooooooooooo*/

/*Page TEMOIGNAGE*/
.node-type-temoignage .field-name-field-image
{
    width: 100%;
    height: 150px;
    min-width: 150px;
    overflow: hidden;
}

.node-type-temoignage .field-name-field-image img
{
    width: 100%;
    margin: 0px;
}

.node-type-temoignage #main-content ul
{
    padding-left: 0px;
    list-style-type: none;
    margin-top: 0px;
}

.node-type-temoignage #main-content ul.info
{
    float: left;
    width: 60%;
    text-align: left;
    margin-top: 5px;
    padding-left: 15px;
}

.top-temoignage
{
    min-height: 149px;
}

.node-type-temoignage .field-name-field-cv
{
    float: left;
    background-color: #79b4c4;
    padding: 10px;
    max-width: 100%;
    margin-top: 10px;
}

.node-type-temoignage .field-name-field-cv .field-label
{
    width: 100px;
    float: left;
}

.node-type-temoignage .field-name-field-cv .field-items
{
    float: left;
}

.node-type-temoignage .field-name-field-citation
{
    clear: both;
    font-family: "TradeGothicLTPro-Bold";
    text-align: center;
    font-size: 1.5em;
    margin: 0px;
    padding: 20px 0px;
}

/*oooooooooooooooooo ZOOM METIERS ooooooooooooooooooooooooooooooooo*/

.node-zoom.node-teaser h2
{
    background: none;
    border-bottom: 0px solid transparent;
    color: #444444;
}
.node-zoom.node-teaser h2 a { color: #62919e;}

.view-zooms .views-row
{
    margin-bottom: 20px;
}

/*oooooooooooooooooooo ZOOM INNER PAGE oooooooooooooooooooooooooooooo*/

#node_zoom_full_group_infoszoom
{
    float: left;
    width: 75%;
}

#node_zoom_full_group_infoszoom .field:first-child
{
    float: left;
}

#node_zoom_full_group_infoszoom .field
{
    float: right;
    width: 46%;
}

#node_zoom_full_group_infoszoom .field-label
{
    width: 100%;
    background-color: #686868;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-Bold";
    font-size: 16px;
    padding: 10px 65px;
    text-align: center;
    margin-bottom: 30px;
}

.zoom_video
{
    float: right;
}

#node_zoom_full_group_temoignage_zoom
{
    clear: both;
}

#node_zoom_full_group_temoignage_zoom h2,
.field-name-field-figures h2
{
    margin-top: 20px;
}

.field-name-field-visu .field-label
{
    background-color: #686868;
    margin: 0px;
}

.field-name-field-visu .field-label,
.field-name-field-visu .field-label a
{
    color: #FFFFFF;
    font-family: "TradeGothicLTPro-Bold";
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.node-type-zoom .temoignage-zoom .field-name-field-citation
{
    width: 80%;
    float: left;
    font-family: "TradeGothicLTPro-Bold";
    font-size: 22px;
    text-align: center;
}

.node-type-zoom .temoignage-zoom .field-name-field-citation div.field-item:before
{
    content: "\0022"; /* " */
    padding-right: 5px;
}

.node-type-zoom .temoignage-zoom .field-name-field-citation div.field-item:after
{
    content: "\0022"; /* " */
    padding-left: 5px;
}

.node-type-zoom .temoignage-zoom .field-name-field-legend
{
    float: left;
}

/*oooooooo NAVIGATION ooooooooooo*/

.breadcrumb
{
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px;
}

.nav_page
{
  padding: 10px;
  background-color: #686868;
}

.nav_page a span
{
    margin: 0;
    background-color: #444444;
    padding: 7px;
    display: block;
}

.nav_page a .arrow
{
    height: 35px;
    width: 36px;
}

.nav_page .next, .nav_page .next span
{
    float: right;
}

.nav_page .next .arrow
{
    background: #444444 url("../images_responsive/cmj_next_arrow.png") no-repeat center center;
    margin-left: 10px;
}

.nav_page .prev, .nav_page .prev span
{
    float: left;
}

.nav_page .prev .arrow
{
    background: #444444 url("../images_responsive/cmj_prev_arrow.png")  no-repeat center center;
    margin-right: 10px;
}

.nav_page p, .nav_page p a
{
    font-size: 15px;
    color:#FFFFFF;
    margin: 0;
}


/*ooooooooo Views ooooooooooo*/

.view-taxonomy-term .view-content
{
    background: none;
}

.view-taxo-metiers .views-field-field-picto, .view-taxo-metiers .views-field-name
{
    display: none;
}

.view-taxonomy-term .view-content .views-row .node h2 {
    font-size: 1em;
    line-height: 1em;
    border: 0 none;
    padding-left: 35px;
    background: transparent url(../images/5_valeurs_arrow_h.png) no-repeat 15px -1px;
    margin-bottom: 15px
}

/*TODO > dynamiser le picto du background

/*ooooooooo MENU LEFT oooooooo*/

#sidebar-left ul li, #sidebar-left ul li a, #sidebar-left-jobs ul li a
{
    color: #FFFFFF;
}

#sidebar-left .menu, #sidebar-left-jobs .menu
{
    padding-left: 0px;
    font-family: "happinessv1light";
}

#sidebar-left ul li, #sidebar-left-jobs ul li
{
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
}

#sidebar-left ul.menu ul, #sidebar-left ul.menu ul li, #sidebar-left-jobs ul.menu ul, #sidebar-left-jobs ul.menu ul li
{
    padding: 0px;
    list-style-image: none;
    list-style-type: disc;
    color: #FFFFFF;
}

#sidebar-left ul.menu, #sidebar-left-jobs ul.menu
{
    text-transform: uppercase;
    text-align: center;
}

#sidebar-left ul.menu li ul li, #sidebar-left-jobs ul.menu ul li /*Children pages style*/
{
    background-color: transparent;
    -ms-filter: none;
    text-transform: none;
    text-align: left;
}


#sidebar-left ul.menu li, #sidebar-left-jobs ul.menu li
{
    background-color: #686868;
    margin: 0;
    margin-bottom: 5px;
}

#sidebar-left ul.menu li a, #sidebar-left-jobs ul.menu li a
{
    padding: 10px;
    display: block;
    font-size: 17px;
}

#sidebar-left ul.menu li a,
#sidebar-left ul.menu li a:hover,
#sidebar-left ul.menu li a:focus,
#sidebar-left ul.menu li ul li:hover,
#sidebar-left ul.menu li ul li:hover a,
#sidebar-left ul.menu li ul li a:focus,
#sidebar-left ul.menu li ul li.active-trail,
#sidebar-left ul.menu li ul li.active-trail a
{
    /*color: #373737;*/
    text-decoration: none;
}

#sidebar-left ul.menu li ul li.active-trail,
#sidebar-left ul.menu li ul li.active-trail a,
#sidebar-left-jobs ul.menu li ul li.active-trail,
#sidebar-left-jobs ul.menu li ul li.active-trail a
{
    background-color: transparent;
    -ms-filter: none;
}

#sidebar-left ul.menu li ul li a, #sidebar-left-jobs ul.menu li ul li a
{
    padding: inherit;
    display: inline;
    font-size: 16px;
    line-height: 32px;
}

#sidebar-left ul.menu ul, #sidebar-left-jobs ul.menu ul
{
    display: none;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 50px;
}
#sidebar-left ul.menu ul ul, #sidebar-left-jobs ul.menu ul ul {
    padding-top: 5px;
    padding-bottom: 10px;
}

/*ooooooooo PAGE SIDEBAR PARTICULARITIES oooooooooooooo*/
#sidebar-left ul.menu ul, #sidebar-left ul.menu ul
{
    background-color:#79b4c4;
}

#sidebar-left ul.menu li.active-trail
{
    background-color: #62919e;
}

#sidebar-left ul.menu li.active-trail ul, #sidebar-left-jobs ul.menu li.active-trail ul /*show only Active trail */
{
    display: block;
}

/*ooooooooooooo SIDEBAR JOBS PARTICULARITIES ooooooooooooooo*/

#sidebar-left-jobs ul.menu li ul ul {
    padding-top: 0;
    padding-bottom: 0;
}
#sidebar-left-jobs ul.menu li ul ul li {
    margin: 5px 0;
}
#sidebar-left-jobs ul.menu li ul ul li a {
    line-height: 24px;
}
#sidebar-left-jobs ul.menu li:not(.active-trail) ul ul,
#sidebar-left-jobs ul.menu li ul ul ul
{
    display: none;
}


.page-node .region-third-menu ul ul ul
{
    display: none;
}

#sidebar-left-jobs ul.menu ul, #sidebar-left-jobs ul.menu ul
{
    background-color:#79b4c4;
}

#sidebar-left-jobs ul.menu li.active-trail
{
    background-color: #62919e;
}

/*------- COLORS ----------*/


.page_body.pink #sidebar-left ul.menu li.active-trail,
.page_body.pink #sidebar-left-jobs ul.menu li.active-trail {
     background-color:#863953;
 }

.page_body.pink ul.menu ul,
.page_body.pink #sidebar-left ul.menu li.active-trail ul,
.page_body.pink #sidebar-left-jobs ul.menu ul,
.page_body.pink #sidebar-left-jobs li.active-trail li.active-trail,
.page_body.pink #sidebar-left-jobs li.active-trail li.active-trail a.active-trail {
    background-color:#c15278;
    color: #863953;
}
/*-------*/

.page_body.green #sidebar-left ul.menu li.active-trail,
.page_body.green #sidebar-left-jobs ul.menu li.active-trail {
    background-color:#7f8225;
}
.page_body.green ul.menu ul,
.page_body.green #sidebar-left ul.menu li.active-trail ul,
.page_body.green #sidebar-left-jobs ul.menu ul,
.page_body.green #sidebar-left-jobs li.active-trail li.active-trail,
.page_body.green #sidebar-left-jobs li.active-trail li.active-trail a.active-trail {
    background-color:#9b9f2d;
    color: #494d01;
}
/*-------*/
.page_body.orange #sidebar-left ul.menu li.active-trail,
.page_body.orange #sidebar-left-jobs ul.menu li.active-trail {
    background-color:#bc7738;
}
.page_body.orange ul.menu ul,
.page_body.orange #sidebar-left ul.menu li.active-trail ul,
.page_body.orange #sidebar-left-jobs ul.menu ul,
.page_body.orange #sidebar-left-jobs li.active-trail li.active-trail,
.page_body.orange #sidebar-left-jobs li.active-trail li.active-trail a.active-trail {
    background-color:#d58740;
    color : rgb(128, 67, 12);
}
/*-------*/
.page_body.violet #sidebar-left ul.menu li.active-trail,
.page_body.violet #sidebar-left-jobs ul.menu li.active-trail {
    background-color:#AB93C1;
}
.page_body.violet ul.menu ul,
.page_body.violet #sidebar-left ul.menu li.active-trail ul,
.page_body.violet #sidebar-left-jobs ul.menu ul,
.page_body.violet #sidebar-left-jobs li.active-trail li.active-trail,
.page_body.violet #sidebar-left-jobs li.active-trail li.active-trail a.active-trail {
    background-color:#4a2454;
    color : #AB93C1;
}
.page_body #sidebar-left ul.menu li.active-trail ul.menu li.active-trail,
.page_body #sidebar-left-jobs ul.menu li.active-trail ul.menu li.active-trail {
    background-color: transparent;
}
/*-------*/

/*ooooooooooo FOOTER PAGE ooooooooooo*/

.page-node .title_edges
{
    text-transform: uppercase;
}

.region-page-footer,
.region-footer-job-1,
.region-footer-job-2
{
    padding-top: 20px;
}

.region-footer:after
{
    content: "";
    clear: both;
    display: block;
}

/*---------------------- Page communaute -----------------*/

#iframe_twitter
{
    width: 100%;
    max-width: 332px;
    float: right;
}


/*--------------------- BLOCS NEWS / SLIDER ACTU -----------------------*/

.front #block-views-actualites-rh-block h2,
#block-views-triptyque-centre-block-1 h2
{
    display: none;
}

.view-actualites-rh,
.view-actualites-rh .view-content,
.view-actualites-rh .field-content
{
    width: 100%;
    height: 400px;
}

.view-actualites-rh .zen-slider
{
    background-color: #235578;
}

.zen-slide
{
    width: 100%;
    left: 0px;
}


.actu_image_container
{
    float: left;
    width: 64%;
    height: 100%;
    overflow: hidden;
}

.actu_text_container,
.zen-slider-pager
{
    width: 36%;
}

.actu_text_container
{
    background-color: #235578;
    float: right;
    height: 100%;
    overflow: auto;
    color: #FFFFFF;
    font-family: "happinessv1light";
}

.actu_text_content
{
    width: 90%;
    margin: auto;
    left: 5%;
}

.actu_text_content h3
{
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-family: "TradeGothicLTPro-Bold";
}

.actu_text_content .actu_excerpt
{
    margin: 20px 0px;
    font-size: 14px;
}

.zen-slider-pager
{
    position: absolute;
    bottom: 30px;
    right: 0px;
    z-index: 10;
    text-align: center;
}

.zen-slide-page-btn
{
    margin-right: 8px;
}

.zen-slide-page-btn:hover
{

}

.zen-slide-page-btn.active
{

}



.zen-slide .actu_home_link
{
    display: block;
    background-color: rgb(155, 159, 45);
    color: #FFFFFF;
    width: 100%;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-Bold";
    text-align: center;
    font-size: 1.2em;
}
/*
.front .view-actualites-rh .views-row
{
    display: none;
}

.front .view-actualites-rh .views-row-first
{
    display: block;
}

.front .view-actualites-rh,
.view-id-triptyque_centre
{
    position: relative;
    height: 336px;
    overflow: hidden;
}

.front .view-actualites-rh .views-field-field-img-actu .field-content,
.view-id-triptyque_centre .views-field-field-image .field-content
{
    height: 100%;
    width: 100%;
}




.front .view-actualites-rh .views-field-field-img-actu,
.view-id-triptyque_centre .views-field-field-image
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.front .view-actualites-rh .views-field-field-img-actu img,
.view-id-triptyque_centre .views-field-field-img-actu img,
.view-triptyque-centre .views-field-field-image img
{
    /*width: 100% !important;
    height: auto !important;*/
/*
}

.view-triptyque-centre
{
    width: 95%;
}

.front .view-actualites-rh .views-field-title, .view-id-triptyque_centre .views-field-title
{
    font-family: "TradeGothicLTPro-Bold";
    position: absolute;
    top:10px;
    left: 0px;
    width: 290px;
    padding: 5px;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 14px;
    max-width: 100%;
}

.front .view-actualites-rh  a, .view-id-triptyque_centre a
{
    color:#FFFFFF;
}

.front .view-actualites-rh a:hover, .view-id-triptyque_centre a:hover
{
    text-decoration: none;
    color: #D4D4D4;
}

.front .view-actualites-rh .views-field-title:after, .view-id-triptyque_centre .views-field-title:after
{
    content: "";
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #9b9f2d;
    z-index: -1;
}



.front .view-actualites-rh .views-field-body, .front .view-id-triptyque_centre .views-field-body
{
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.front .view-actualites-rh .views-field-body
{
    padding-top: 30px;
    height: 92px;
}

.front .view-actualites-rh .views-field-body, .front .view-actualites-rh .views-field-created, .front .view-id-triptyque_centre .views-field-body
{
    color:#FFFFFF;
    font-family: Verdana;
    font-size: 12px;
}

.front .view-actualites-rh .views-field-created
{
    position: absolute;
    bottom: 60px;
    left: 0px;
    padding: 10px;
    width: 100%;
}

.front .view-actualites-rh .views-field-body:after, .view-id-triptyque_centre .views-field-body:after
{
    content: "";
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #444444;
    z-index: -1;
}

.front .view-actualites-rh .views-field-view-node
{
  position: absolute;
  bottom: 27px;
  right: 66px;
}

.front .view-actualites-rh .views-field-view-node a
{
    color: #ffffff;
}

.front .view-actualites-rh .views-field-view-node a:hover
{
    color: #333333;
}*/

/*ooooooooooooooooooooooooo NEWS PAGE ooooooooooooooooooooooooooooooooo*/

.field-name-field-img-actu
{
    display: none;
}

/*.node-type-news #main-content p
{
    display: block !important;
}*/

.node-type-news #main-content img
{
    max-width: 100%;
    margin: auto;
}

/*ooooooooooooooooooooooo FOOTER oooooooooooooooooooooo*/


footer
{
    background-color: #444444;
    clear: both;
    margin-top: 20px;
    color: #FFFFFF;
}

footer .region-footer,
footer .region-footer-headoffice
{
    margin-top: 5px;
    padding: 10px 0px;
    display: none;
    margin-bottom: 10px;
    margin-top: 20px;
}



.region-footer-job-1 h2, .region-footer-job-2 h2
{
    text-transform: uppercase;
}

footer #block-block-7
{
    text-align: justify;
}

footer .faq_contact
{
    display: block;
}

.front footer .faq_contact
{
    padding-right: 10px;
}

footer .faq_contact, footer .social_links_container
{
    font-family: 'TradeGothicLTPro-Bold';
    margin: 0;
    padding-top: 20px;
}

footer .faq_contact img
{
    padding-bottom: 10px;
}

footer a,
footer ul li a,
footer .content ul li a
{
    color: #FFFFFF;
}

footer a:hover,
footer a:focus,
footer ul li a:hover,
footer ul li a:focus
{
    color: #FFFFFF;
    text-decoration: underline;
}

footer ul li.leaf a.active
{
    color: #8d8d8d;
}

footer .dropdown_button_withtarget
{
    float: right;
}

footer ul.menu
{
    padding: 0;
    margin: 0;
}

footer ul.menu li
{
    margin: 0;
}

footer .menu h4
{
    margin-top: 0px;
    font-size: 15px;
    /*min-height: 32px;*/
}

/* COLUMN OF LINKS */
footer ul li.expanded,
footer .menu-footer ul li.leaf
{
    list-style-type: none;
    list-style-image: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'TradeGothicLTPro-Bold';
}


footer .menu ul li.leaf /*LINK LIST*/
{
    list-style-image: none ;
    list-style-type: none;
    text-transform: none;
    font-weight: normal;
    padding-right: 0px;
}

footer .menu-footer ul li /*TITLES OF UL */
{
    float: left;
    /*max-width: 141px;*/
}

footer .menu-footer ul li li /*LINK LIST*/
{
    float: none;

}

footer ul ul /*LINK LIST WRAP*/
{
    padding-left: 0px;
}

/* DESIGN WITH BORDERS */

footer #block-block-7:after, .menu-footer:after
{
    content: "";
    position: absolute;
    background-color: #ffffff;
    height: 80%;
    width: 1px;
    top: 10%;
    right: 0;
}

footer .useful_links .content
{
    padding-left: 20px;
}

.region-footer ul ul li a
{
    font-size: 14px;
}

.region-footer ul .expanded
{
    padding: 0px;
    margin: 0px;
}

/* Footer logos */

footer .logos_rows
{
    margin-top: 5px;
}

footer .useful_links_quickaccess
{
    float: left;
}

footer .footer_logo
{
    display: block;
    float: right;
    width: 142px;
    padding-right: 2px;
}

footer
{
    padding-bottom: 20px;
}

footer .region-useful-links-quickaccess ul
{
    list-style: none;
    list-style-image: none;
    padding: 0px;
    padding-left:0px;
    margin-bottom: 0px;
    position: relative;
    top: 10px;
}

footer .region-useful-links-quickaccess ul li
{
    display: inline-block;
    padding-right: 10px;
    position: relative;

}

footer .region-useful-links-quickaccess ul li:after
{
    content: '';
    width: 2px;
    height: 11px;

    position: absolute;
    right: 0;
    top: 5px;

    background-color: #FFF;
}

footer .region-useful-links-quickaccess ul li:last-child
{
    padding-right: 0px;
}

footer .region-useful-links-quickaccess ul li:last-child:after
{
    display: none;
}

footer .region-useful-links-quickaccess ul li a
{
    font-size: 12px;
}

/*
#block-clubmedjobs-websites.contextual-links-region {
    position: static;
}
*/
#websites-list-container {
	width: auto;
    text-transform: none;
}
#websites-list-container .bloc_continent:not(:first-child),
#websites-list-container .lien_portail {
    margin-top: 15px;
}


/*----------------------- VIEWS ---------------------------*/

/* ooooooooooooooooo OFFRES oooooooooooooooooooooooooo*/

.view .bt-ja, .page-content .bt-ja .details, .page-content .bt-ja a {
    width: 100%;
    max-width: 280px;
    float: right;
}

.view .bt-ja {
    min-height: 120px;
    background-color: #686868;
    position: relative;
}
.view .bt-ja .details {
    background: transparent url("../images_responsive/trident_liste.png") no-repeat 95% 10px;
    background-size: 13%;
    font-family: "happinessv1light";
}
.view .bt-ja .details p {
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    padding: 10px 38px 10px 12px;
}
.view .bt-ja a {
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    background: #c15278 url("../images_responsive/arrow_ja.png") no-repeat 10px center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 14px 14px 14px 55px;
}

.views-exposed-form
{
    background-color: #686868;
    margin-bottom: 10px;
    padding: 8px;
}

.views-exposed-widgets
{
    margin-bottom: 17px;
}

.views-exposed-form .view-header
{
    color: #FFFFFF;
    text-align: center;
    margin: 7px 0px;
}

.views-exposed-form label
{
    color:#ffffff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
}

.views-exposed-form select, .views-exposed-form input[type="text"]
{
    width: 100%;
    height: 42px;
    font-size: 12px;
    padding-left: 10px;
    color:#727373;
}
.views-exposed-form .views-exposed-widget .form-submit
{
    margin-top: 0px;
}

.views-exposed-form input[type="submit"]
{
   color:#ffffff;
   height: 42px;
   width: auto;
   background: #444444;
   border: 0px solid #444444;
   font-size: 12px;
}

.view-Metiers .views-exposed-form input[type="submit"]
{
    width: 42px;
}

.views-exposed-form input[type="submit"]:hover
{
    background: #111111;
}


.views-exposed-form input[type="submit"]
{
    font-family: 'TradeGothicLTPro-Bold';
    text-transform: uppercase;
}

.view_name-Metiers .row.title_edges
{
    margin: 0;
}

.view_name-Metiers .content_col
{
    padding-left: 0px;
}

th
{
    border-bottom: 0px solid #FFFFFF;
}

.view-Metiers .view-content
{
    clear: both;
    padding-top: 10px;
}

.view_name-Metiers .title_text
{
    background-image: url(../images_responsive/background_title_pink.png);
    /*text-transform: none;*/
}
.view-content table
{
    font-family: "happinessv1light";
    clear: both;
}

.view-content .views-table
{
    width: 100%;
}

.view-content thead
{
    background-color: #444444;
    font-size: 16px;
    text-transform: uppercase;
}

.view-content th
{
    padding-left: 10px;
    padding: 10px;
}

.view-content td
{
    padding-left: 15px;
    padding: 10px;
}

.view-content td a
{
    color:#444444;
}

.view-content td.views-field-title
{
    text-transform: uppercase;
}

.view-content thead a
{
    color: #FFFFFF;
}

.view-content tr.even, tr.odd
{
    background-color: #ffffff;
    border-bottom: 1px solid #444444;
}

.view-content tbody
{
    border-top: 0px solid #444444;
}

.views-field-view_node, .views-field-view-node
{
    text-align: center;
}

.view-content td.views-field-view_node a, .view-content td.views-field-view-node a
{
    display: inline-block;
    padding: 10px;
    padding-left: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #c15278 url(/sites/all/themes/cmj/images_responsive/apply_arrow.png) no-repeat 5px 45%;
    text-align: left;
    min-width: 95px;
}

.table_pagination_nav
{
    background-color: #686868;
    padding: 10px 0px;
    text-align: center;
}

.table_pagination_nav .nav_button
{
    background-color: #444444;
    border: 0px solid #686868;
    margin : 0px 5px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.table_pagination_nav .nav_button
{
    width: 36px;
    height: 35px;
    font-size: 18px;
}

.table_pagination_nav .prev_button
{
    background: #444444 url("../images_responsive/pagination_prev.png") no-repeat center center;
}

.table_pagination_nav .next_button
{
    background: #444444 url("../images_responsive/pagination_next.png") no-repeat center center;
}

.table_pagination_nav .nav_button.active
{
    font-weight: bold;
}

/*oooooooooooooooooooooooooooooooo OFFRES SIEGES oooooooooooooooooooooooooooooooooo*/

.view_name-Metiers iframe
{
    display: block;
    width: 100%;
    margin: auto;
}

/************************* OFFRE DETAILS ****************************/



.node-type-fiche-de-poste .page-content h2,
.node-type-fiche-de-poste .page-content h3,
.node-type-fiche-de-poste .share_networks_fiche_poste
{
    font-family: "happinessv1light";
}

.node-type-fiche-de-poste .page-content h1
{
    font-size: 26px;
}

.node-type-fiche-de-poste .page-content h2
{
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0px;
}

.node-type-fiche-de-poste .page-content h2:after
{
    content: none;
}

.node-type-fiche-de-poste .page-content ul
{
    padding-left: 18px;
    /*line-height: 30px;*/
    margin-bottom: 0px;
}

.node-type-fiche-de-poste .page-content h3
{
    font-size: 16px;
}

.page-content .bt-postulez a
{
    display: inline-block;
    padding: 20px;
    font-size: 14px;
    padding-left: 65px;
    text-transform: uppercase;
}

.page-content .bt-postulez a
{
    max-width: 100%;
    background: url("../images_responsive/datails_apply_arrow.png") no-repeat 10px center;
    background-size: 40px;
}

.page-content .bt-postulez a
{
    color: #FFFFFF;
}

.page-content #bt-postulez-container-btm
{
    max-width: 279px;
    margin: auto;
}

.page-content .bt-ja, .page-content .bt-ja .details, .page-content .bt-ja a
{
    width: 100%;
    max-width: 280px;
    margin: auto;
}

.page-content .bt-ja .details
{
    height: 70px;
    background: #686868 url("../images_responsive/trident_ja.png") no-repeat 95% 10px;
    background-size: 13%;
    font-family: "happinessv1light";
}

.page-content .bt-ja .details p
{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 28px;
    padding-left: 12px;
    padding-right: 38px;
}

.page-content .bt-ja a
{
    background: url("../images_responsive/arrow_ja.png") no-repeat 10px center;
    background-color : #79b4c4;
    display: inline-block;
    padding: 20px;
    font-size: 13px;
    padding-left: 55px;
    text-transform: uppercase;
    color:#FFFFFF;
}

.share_networks_fiche_poste
{
    max-width:278px;
    margin: auto;
    margin-top: 5px;
}

.node-type-fiche-de-poste .page-content .share_networks_fiche_poste h3
{
    text-align: left;
    font-size: 24px;
}

.node-type-fiche-de-poste .share_btn
{
    display: inline-block;
    width: 51px;
    height: 51px;
    margin : 0px 11px;
}

.node-type-fiche-de-poste .share_btn img
{
    width: 51px;
    height: 51px;
}


.node-type-fiche-de-poste .share_facebook
{
    margin-left: 0px;
}

.node-type-fiche-de-poste .share_linkedin
{
    margin-right: 0px;
}

#enterpostes
/*, #enterpostes-2*/
{
        /* float: right; */
        margin-top: 15px;
        background: #fff url(../images/bg-popup-btpostulez.png) no-repeat right bottom;
        padding: 1.30em 10px;
        width: 80%;
        border: 1px solid #C15278;
        z-index: 9;
        position: absolute;
        text-align: left;
        left: 10%;
}

#enterpostes-2, #ifmobile
{
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 2090;
    top: 0;
    left: 0;
    text-align: center;
}

#enterpostes-2 > .full_height, #ifmobile > .full_height {
    height: 100vh;
    width: 0;
    vertical-align: middle;
    display: inline-block;
}

div.mobile-description > div.full-height {
    height: 100%;
    width: 0;
    vertical-align: middle;
    display: inline-block;
}

#enterpostes-2 > form.deja-salarie,
#enterpostes-2 > div.deja-salarie,
#enterpostes-2 > .container-postes,
#ifmobile > div.if-mobile {
    border: none;
    background-color: #1f1f1f;
    text-transform: uppercase;
    z-index: 2091;
    position: relative;
    width: calc(20% + 400px);
    vertical-align: middle;
    display: inline-block;
    padding: 0 55px;
}

#enterpostes-2 > .container-postes > p,
#enterpostes-2 > form.deja-salarie > p,
#enterpostes-2 > div.deja-salarie > p
{
    padding: 55px 32px;
}

#ifmobile > div.if-mobile > p
{
    padding: 10px 0 10px;
    margin: 0;
}

#ifmobile h3 {
    padding-top: 25px;
    font-size: 17px;
    color: #fafafa;
    text-align: center;
    text-transform: none;
}

#ifmobile > div.if-mobile > p > span,
#enterpostes-2 > .container-postes > p > span,
#enterpostes-2 > form.deja-salarie > p > span,
#enterpostes-2 > div.deja-salarie > p > span {
    color: #fafafa;
}


#ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description,
#ifmobile > div.if-mobile > p.mobile-description,
#ifmobile > div.if-mobile > div.pays,
#ifmobile > div.if-mobile > .text-pays,
#ifmobile > div.if-mobile > p > span {
    color: #fafafa;
    text-transform: none;
    font-weight: normal;
}

#ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description,
#ifmobile > div.if-mobile > .mobile-description,
#ifmobile > div.if-mobile > div.pays {
    text-align: center;
}

#ifmobile > div.if-mobile > div.pays {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: left;
    padding-left: 20px;
    width: 25%;
}

#ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.villages
 {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: left;
    padding-left: 20px;
    width: 50%;
}

html #enterpostes-2 > .deja-salarie > p > a.btoui,

html #enterpostes-2 > div.container-postes > p > a.btoui,
html #enterpostes-2 > div.container-postes > p > a.btnon,

html #enterpostes-2 > .deja-salarie > p > a.btnon {
    background-color: #b25d7c;
    margin: 30px 23px 0px 23px;
    width: calc(50% - 50px);
    min-height: 46px;
    text-transform: capitalize;
    color: #fafafa;
    text-decoration: none;
    vertical-align: middle;
    line-height: 43px;
}

html #ifmobile > div.if-mobile > div.btn_basic > a.btoui,
html #ifmobile > div.if-mobile > div.btn_basic > a.btnon,
div.mobile-description a.btoui,
div.mobile-description a.btnon
{
    background-color: #b25d7c;
    width: calc(50% - 77px);
    height: 100%;
    text-transform: none;
    color: #fafafa;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

html #ifmobile > div.if-mobile div.mobile-description a.btoui {
    margin: 30px 20px 0px 55px;
    padding: 10px 5px 0 5px;
}

html #ifmobile > div.if-mobile div.mobile-description a.btnon {
    margin: 30px 55px 0px 20px;
    padding: 4px 5px 0 5px;
}

html #ifmobile > div.if-mobile > div.btn_basic > a.btnon {
    margin-right: 55px;
}

html #ifmobile > div.if-mobile > div.btn_basic > a.btoui {
    margin-left: 55px;
}

html #ifmobile > div.if-mobile > div.btn_basic ,
html #ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.btn_deroul {
    margin: 0;
    padding: 0;
    height: 68px;
    display: block;
    width: 100%;
}

html #ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.btn_deroul {
    margin-bottom: 18px;
}

html #ifmobile > div.if-mobile > div.btn_basic a ,
html #ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.btn_deroul a {
    margin-top: 0;
    vertical-align: top;
    padding: 0 5px;
}

html #ifmobile > div.if-mobile > div.btn_basic a div ,
html #ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.btn_deroul a div {
    vertical-align: middle;
    margin: 0;
    padding: 3px 0;
    display: inline-block;
    text-align: center;
}

html #ifmobile > div.if-mobile > div.btn_basic a div.full ,
html #ifmobile > div.if-mobile > div#ifmobile-deroule > div.mobile-description div.btn_deroul a div.full {
    height: 100%;
    width: 0;
}


html #ifmobile > div.if-mobile div.mobile-description > div.link-button,
html #ifmobile > div.if-mobile div.mobile-description > div.link-button {
    margin: auto;
    vertical-align: middle;
    display: inline-block;
}

html #ifmobile > div.if-mobile > #ifmobile-deroule{
    display: none;
}

html #ifmobile > div.if-mobile > #ifmobile-deroule h3{
    padding-top:0;
}

#enterpostes p span, #enterpostes-2 p span, #ifmobile h3 , #ifmobile p span
{
    display: block;
    clear: both;
}

.node-type-fiche-de-poste .page_body .share_networks_fiche_poste h3
{
    position: relative;
    right: 2px;
}

.exception-if-mobile p {
    text-transform: none;
    font-style: italic;
    font-size: 10px;
    text-align: left;
    color: #fff;
    margin-left: 20px;
    margin-top: -10px;
}


/* oooo PageBody COLORS oooo */

.node-type-fiche-de-poste .page_body.green .page-title_container .title_text,
.page_body.view_name-taxo_metiers.green .page-title_container .title_text,
.page_body.view_name-taxonomy_term.green .page-title_container .title_text
{
    background: url("../images_responsive/background_title_green.png") repeat;
}



.node-type-fiche-de-poste .page_body.green .page-title_container,
.page_body.view_name-taxo_metiers.green .page-title_container,
.page_body.view_name-taxonomy_term.green .page-title_container
{
    background: url("../images_responsive/header_green.jpg") right;
}

.node-type-fiche-de-poste .page_body.green .page-content .bt-postulez a,
.page_body.green #enterpostes a,
.page_body.green #enterpostes-2 a,
.green .page-content .bt-ja a
{
    background-color: #9b9f2d;
}

.page_body.green  #enterpostes-2
{
    border: 1px solid #9b9f2d;
}

.node-type-fiche-de-poste .page_body.green h1,
.node-type-fiche-de-poste .page_body.green .share_networks_fiche_poste h3
{
    color : #9b9f2d;
}

/*-------*/

.node-type-fiche-de-poste .page_body.orange .page-title_container .title_text,
.page_body.view_name-taxo_metiers.orange .page-title_container .title_text,
.page_body.view_name-taxonomy_term.orange .page-title_container .title_text
{
    background: url("../images_responsive/background_title_orange.png") repeat;
}

.node-type-fiche-de-poste .page_body.orange .page-title_container,
.page_body.view_name-taxo_metiers.orange .page-title_container,
.page_body.view_name-taxonomy_term.orange .page-title_container
{
    background: url("../images_responsive/header_orange.jpg") right;
}

.node-type-fiche-de-poste .page_body.orange .page-content .bt-postulez a,
.page_body.orange #enterpostes a,
.page_body.orange #enterpostes-2 a,
.orange .page-content .bt-ja a
{
    background-color: #d58740;
}

.page_body.orange #enterpostes-2
{
    border: 1px solid #d58740;
}

.node-type-fiche-de-poste .page_body.orange h1, .node-type-fiche-de-poste .page_body.orange .share_networks_fiche_poste h3
{
    color : #d58740;
}

/*-------*/



.node-type-fiche-de-poste .page_body.violet .page-title_container .title_text,
.page_body.view_name-taxo_metiers.violet .page-title_container .title_text,
.page_body.view_name-taxonomy_term.violet .page-title_container .title_text
{
    background: url("../images_responsive/background_title_violet.png") repeat;
}

.node-type-fiche-de-poste .page_body.violet .page-title_container,
.page_body.view_name-taxo_metiers.violet .page-title_container,
.page_body.view_name-taxonomy_term.violet .page-title_container
{
    background: url("../images_responsive/header_violet.jpg") right;
}

.node-type-fiche-de-poste .page_body.violet .page-content .bt-postulez a,
.page_body.violet #enterpostes a,
.page_body.violet #enterpostes-2 a,
.violet .page-content .bt-ja a
{
    background-color: #4a2454;
}

.page_body.violet #enterpostes-2
{
    border: 1px solid #4a2454;
}

.node-type-fiche-de-poste .page_body.violet h1,
.node-type-fiche-de-poste .page_body.violet .share_networks_fiche_poste h3
{
    color : #4a2454;
}

/*-------*/

.node-type-fiche-de-poste .page_body.pink .page-title_container .title_text,
.page_body.view_name-taxo_metiers.pink .page-title_container .title_text,
.page_body.view_name-taxonomy_term.pink .page-title_container .title_text
{
    background: url("../images_responsive/background_title_pink.png") repeat;
}

.node-type-fiche-de-poste .page_body.pink .page-title_container,
.page_body.view_name-taxo_metiers.pink .page-title_container,
.page_body.view_name-taxonomy_term.pink .page-title_container
{
    background: url("../images_responsive/header_pink.jpg") right;
}

.node-type-fiche-de-poste .page_body.pink .page-content .bt-postulez a,
.page_body.pink #enterpostes a,
.page_body.pink #enterpostes-2 a,
.pink .page-content .bt-ja a
{
    background-color: #c15278;
}

.page_body.pink #enterpostes-2
{
    border: 1px solid #c15278;
}

.node-type-fiche-de-poste .page_body.pink h1,
.node-type-fiche-de-poste .page_body.pink .share_networks_fiche_poste h3
{
    color : #c15278;
}

/*oooooooooooooooooooooooooooooo TAXO METIERS oooooooooooooooooooooooooooo*/

.view_name-taxo_metiers h1, .view_name-taxo_metiers .view-header
{
    display: none;
}

.view_name-taxo_metiers .metiers_parent
{
    display: none;
}

.view_name-taxo_metiers .metiers_parent.selected
{
    display: block;
}

.view_name-taxo_metiers .metiers_parent .col_content
{
    position: relative;
    height: 240px;
    width: 200px;
    margin-bottom: 10px;
    overflow: hidden;
}

.view_name-taxo_metiers .metiers_parent .views-field-field-picto
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.view_name-taxo_metiers .metiers_parent .views-field-field-picto img
{
    max-width: 60%;
    height: auto;
}

.view_name-taxo_metiers .metiers_parent .views-field-field-picto .field-content
{
    display: block;
    text-align: center;
}

.view_name-taxo_metiers .metiers_parent .views-field-name-1 .field-content
{
    display: block;
    width: 208px;
    max-width: 100%;
    margin: auto;
    font-family: "TradeGothicLTPro-Bold";
    font-size: 16px;
}


.view_name-taxo_metiers .metiers_parent .col_content a, .view_name-taxo_metiers .metiers_parent .col_content ul li
{
    color: #FFFFFF;
}

.view_name-taxo_metiers .metiers_parent .views-field-name-1
{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    position: absolute;
    bottom: 0;
    min-height: 55px;
    text-transform: uppercase;
    z-index: 10;
}

.metiers_parent .metier_links
{
    padding-left: 20%;
    width: 80%;
    font-size: 15px;
}

.metiers_parent .views-field-name-1 .field-content
{
    width: 100%;
}



/*------- TAXO METIERS COLORS-----------*/

.metiers_parent.pink .views-field-name-1
{
    background-color: #863953;
}

.metiers_parent.pink .col_content, .metiers_parent.pink .views-field-field-picto
{
    background-color: #c15278;
}
/*-------*/
.metiers_parent.orange .views-field-name-1
{
    background-color: #bc7738;
}

.metiers_parent.orange .col_content, .metiers_parent.orange .views-field-field-picto
{
    background-color: #d58740;
}

/*-------*/

.metiers_parent.green .views-field-name-1
{
    background-color: #7f8225;
}

.metiers_parent.green .col_content, .metiers_parent.green .views-field-field-picto
{
    background-color: #9b9f2d;
}

/*-------*/
.metiers_parent.violet .views-field-name-1
{
    background-color: #381b40;
}

.metiers_parent.violet .col_content, .metiers_parent.violet .views-field-field-picto
{
    background-color: #4a2454;
}


.metiers_parent .col_content.col_empty
{
    background: none;
}
/*oooooooooooooooooooooooooooooo TAXO METIERS LIST oooooooooooooooooooooooooooo*/

.view_name-taxonomy_term .content_col h1
{
    margin-bottom: 10px;
}

.view_name-taxonomy_term .views-field-field-visu
{
    display: none;
}

.view-taxonomy-term .view-content
{
    /*min-height: auto;*/
}

.view_name-taxonomy_term .views-field-description p,
.view_name-taxonomy_term .views-field-description p span
{
    font-size: 13px !important;
    font-family: Verdana !important;
}

.view-taxonomy-term .view-content .views-row .node h2
{
    background: transparent url(../images_responsive/content/puce.png) no-repeat left center;
    padding-left: 20px;
    font-weight: normal;
    font-family: Verdana;
}

.view-taxonomy-term .view-content .views-row .node h2 a
{
    color: #484848;
}

.feed-icon
{
    display: none;
    /* Could not find how to disable it in the backoffice */
}

/*oooooooooooooooooooooooooooooooooooooooooo WEBFORM oooooooooooooooooooooooooooooo*/



.form_column
{
    padding-right: 10px;
}

.form_column:last-child
{
    padding-right: 0px;
}

.form_inner_column
{
    padding-right: 10px;
}

.form_inner_column:last-child
{
    padding-left: 10px;
}

/* oooooooooooooooooooooooooo POPUP oooooooooooooooooooooo*/

.simple-popup
{
    max-width: 980px;
    width: 80%;
    height: 364px;
    background-color: transparent;
    margin: auto;
    position: relative;
    color: #FFFFFF;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
button.mfp-close
{
    color:transparent;
    background: url("../images_responsive/pictos/close_btn_picto_bis.png") center center;
    width: 30px;
    height: 30px;
}

.mfp-bg
{
    background: #4c4c4c;
    opacity: 0.9;
}



/*ooooooooooooooooooooooooooooo Special setup for countries oooooooooooooooooooooooooooooooooooo*/

/* front */

.i18n-it.front .searchbox_large a.see_offers_link
{
    max-width: 215px;
}

.i18n-es.front .searchbox_large a.see_offers_link
{
    max-width: 245px;
}

.i18n-el.front .searchbox_large a.see_offers_link
{
    max-width: 260px;
}


/* Header */



.i18n-el .region-menu-top ul li
{
    /*max-width:  198px;*/
}

.i18n-es .top_btn_apply
{
    width: 20%;
}




/*
.i18n-it.front .region-menu-top ul li
{
    max-width:  150px;
}*/


/*-------------------- SEARCHBOX -----------------*/

/*  NL
*/
.i18n-nl.front .searchbox_large,
.i18n-nl-be.front .searchbox_large
{
    width: 80%;
}

/* Germany */
.i18n-de.front .searchbox_large
{
    width: 70%;
}

.i18n-el.front .searchbox_large a.see_offers_link
{

}


/* ---------------------------- Liste metiers ----------------------------

/*French*/

.i18n-fr .metiers_parent .row_id_11.col_id_1 .views-field-name-1 .field-content,
.i18n-fr-be .metiers_parent .row_id_11.col_id_1 .views-field-name-1 .field-content,
.i18n-fr-mu .metiers_parent .row_id_11.col_id_1 .views-field-name-1 .field-content,
.i18n-fr-ma .metiers_parent .row_id_11.col_id_1 .views-field-name-1 .field-content,
.i18n-fr-ch .metiers_parent .row_id_11.col_id_1 .views-field-name-1 .field-content
{
    padding: 0 15px;
}

/* GR */

.i18n-el .page_body.view_name-Metiers .views-exposed-widget
{
    margin-bottom: 28px;
    margin-top: 28px;
}

.i18n-el .view .bt-ja .details, .i18n-el .page-content .bt-ja .details
{
    height: 100px;
}

/*--------------------------- Liste des offres ----------------------*/

.i18n-pt .view-Metiers .views-exposed-form
{
    padding: 17px 8px;
}

.i18n-it .view-Metiers .views-exposed-form
{
    padding: 18px 8px;
}

/*---------------------------- Fiche de poste ----------------------*/

/*Germany */

.i18n-de .view .bt-ja a,
.i18n-nl .view .bt-ja a,
.i18n-nl-be .view .bt-ja a
{
    font-size: 11px;
}

/*----------------------- Footer --------------------------*/


.i18n-de .menu-footer:after, /* Germany */
.i18n-fr-ch .menu-footer:after /*Swiss */
{
    content : none;
}


/* ---------------------- Maintenance ------------------*/

.maintenance-page #header
{
    background: #444444;
    color : #FFFFFF;
    padding: 8px 25px;
    padding-bottom: 50px;
}


.maintenance-page #name-and-slogan
{
    width: 179px;
    position: relative;

}
.maintenance-page #header #site-slogan
{
    position: absolute;
    right: 0;
    font-size: 24.5px;
    font-weight: normal;
    font-family: 'TradeGothicLTPro-Bold';
}

#node-5231 h2 span, #node-3811 h2 span{display:none !important;}

.menu-block-wrapper textarea
{
    color: #000;
}

.node-type-page-avec-rangee .page_body .row-image-col img,
.node-type-page-avec-rangee .page_body .blockimagelink
{
  width: 100%;
  height: auto;
}

.node-type-page-avec-rangee .row-text-col h2
{
  color : #79b4c4
}

.node-type-page-avec-rangee .row
{
  position: relative;
}

.node-type-page-avec-rangee .multi-cols.position-block-image-left .row-text-col .row-col-wrapper
{
  padding-left: 20px;
}

.node-type-page-avec-rangee .multi-cols.position-block-image-right .row-text-col .row-col-wrapper
{
  padding-right: 20px;
}

.node-type-page-avec-rangee .single-col
{
  margin: 20px auto;
}

.node-type-page-avec-rangee .blockimagelink_video .hover_background
{
  background: url("../images_responsive/pictos/video_hover_picto_2.png") center center no-repeat;
  background-size: 15%;

}


.front-headoffice .frontpage_body
{
    margin-top: 40px;
}

.floating-left-sidebar.window_centered
{
  position: fixed;
  left: 0;
  top: 30%;
  z-index: 99999;
}

.floating-left-sidebar
{
  position: absolute;
  left: 0;
  top: 30%;
  z-index: 99;
}

.floating-left-sidebar .section{
  width: 0px;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}

.floating-left-sidebar.open .section,
.floating-left-sidebar .menu-block-wrapper /*If the wrapper doesn't take the width, the links will shrink during the transition */
{
  width: 215px;
}

.floating-left-sidebar .menu{
  margin-bottom: 0px;
}

.floating-left-sidebar .menu-fields-menu-link.last
{
  margin-bottom: 0px;
}

.float-opener
{
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  background: #527a85 url("../images_responsive/pictos/burger_left.png") no-repeat center center;
  cursor: pointer;
}

.floating-left-sidebar .section
{
  overflow: auto;
}

/* Hide Actualites menu */
.floating-left-sidebar .menu-mlid-2708
{
  display: none;
}

/* New filtering */

.select2-container--default
{
    font-size: 13px;
    line-height: 1.42857;
    color: #555555;
    text-align: left;
    margin-right: 10px;
}

.select2-container--default .select2-selection--single
{
    border: 0px solid #FFFFFF;
    border-radius: 0px;
    width: 100%;
    height: 44px;
    font-size: 12px;
    padding-left: 10px;
    color: #727373;
    background: #FFFFFF url("../images_responsive/select_arrow.png") no-repeat 97% center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    display: none;
}

.select2-results
{
    font-size: 13px;
}

.select2-results .option-parent
{
    font-weight: bold;
    font-size: 13px;
}


.select2-results .option-child
{
    font-weight: normal;
    padding-left: 10px;
    font-size: 12px;
}

#edit-sub-sub-family-wrapper
{
    display: none;
}

/* New filter for  page liste jobs */

.row_keepsize_max .block,
.row_keepsize_max .block .content,
.row_keepsize_max .block .container-fluid
{
    width: 100%;
    height: 100%;
}

.joblist-searchbox .searchbox_oneline select, 
.joblist-searchbox .searchbox_oneline input[type="text"],
.joblist-searchbox .searchbox_oneline .select2-container
{
    width: 38%;
}

div#bt-postulez-container-btm div#enterpostes-2 {
    border: none;
}

.page_header .container {
    position: relative;
}

.region-homepage-custom-title, .region-homepage-custom-title-6356 {
    position: absolute;
    top: 80px;
    left: 0;
}
.region-homepage-custom-title .content h1, .region-homepage-custom-title-6356 .content h1 {
    font-size: 34px;
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.relative-links {
    max-width: 279px;
    margin: 30px auto 0;
}
.block .block-title, .block h3.block-title {
    font-size: 24px;
}

.img-hov:hover {
    opacity: 0.75;
}

.view-Metiers .item-list {
    margin-top: 30px;
}

.general-list-title {
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px;
}
.general-list {
    padding: 0 0 0 20px;
    margin: 0;
}
.general-list li {
    margin-bottom: 10px;
}

.view_name-taxonomy_term .title_text.pink {
    background: transparent url("../images_responsive/background_title_pink.png") center repeat;
}
.view_name-taxonomy_term .title_text.orange {
    background: transparent url("../images_responsive/background_title_orange.png") center repeat;
}
.view_name-taxonomy_term .title_text.green {
    background: transparent url("../images_responsive/background_title_green.png") center repeat;
}
.view_name-taxonomy_term .title_text.violet {
    background: transparent url("../images_responsive/background_title_violet.png") center repeat;
}
.metiers-list {
    margin: 0 -15px 20px;
}
.metiers-list > .row > div {
    padding: 15px;
}
.metiers-list .metier-content {
    width: 100%;
    color: #ffffff;
    background-color: #686868;
    overflow: hidden;
    position: relative;
}
.metiers-list .metier-content a {
    color: #ffffff;
}
.metiers-list .metier-name {
    width: 100%;
    font-family: "TradeGothicLTPro-Bold";
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    background-color: #555555;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 55;
    padding: 16px 10px;
}
.metiers-list .metier-links {
    width: 80%;
    min-height: 300px;
    font-size: 15px;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    padding: 60px 10px 60px 25px;
    margin: 0 auto;
}
.metiers-list .metier-content:hover .metier-links {
    opacity: 1;
}
.metiers-list .metier-image {
    width: 80%;
    display: block;
    position: absolute;
    top: 15px;
    left: 10%;
    z-index: 5;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.metiers-list .metier-content:hover .metier-image {
    top: -110%;
}
.metiers-list .metier-image img {
    width: 100%;
    height: auto;
}
.metiers-list.pink .metier-content,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.pink > .menu {
    background-color: #c15278;
}
.metiers-list.pink .metier-name,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.pink > a {
    background-color: #863953;
}
.metiers-list.orange .metier-content,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.orange > .menu {
    background-color: #d58740;
}
.metiers-list.orange .metier-name,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.orange > a {
    background-color: #bc7738;
}
.metiers-list.green .metier-content,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.green > .menu {
    background-color: #9b9f2d;
}
.metiers-list.green .metier-name,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.green > a {
    background-color: #7f8225;
}
.metiers-list.violet .metier-content,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.violet > .menu {
    background-color: #4a2454;
}
.metiers-list.violet .metier-name,
#sidebar-left-jobs .menu-block-wrapper > .menu > li.violet > a {
    background-color: #381b40;
}
#sidebar-left-jobs .menu-block-wrapper > .menu > li.active > .menu {
    display: block;
}
#sidebar-left-jobs .menu-block-wrapper > .menu > li > .menu li {
    margin-bottom: 0;
}
.page-title_container .title_text.pink {
    background: transparent url("../images_responsive/background_title_pink.png") center repeat;
}
.page-title_container .title_text.orange {
    background: transparent url("../images_responsive/background_title_orange.png") center repeat;
}
.page-title_container .title_text.green {
    background: transparent url("../images_responsive/background_title_green.png") center repeat;
}
.page-title_container .title_text.violet {
    background: transparent url("../images_responsive/background_title_violet.png") center repeat;
}
.item-list .pager li {
    padding: 0.5em 0;
}
.item-list ul li {
    margin: 0 0 0.25em 0.5em;
}
.page-description {
    margin-bottom: 20px;
}
.page-taxonomy-term .node-fiche-de-poste > h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-footer {
    font-family: 'TradeGothicLTPro-Bold';
    color: #ffffff;
    background-color: #444444;
    border-bottom: 1px solid #ffffff;
    padding: 30px 0 0;
    margin-bottom: 30px;
}
.custom-footer-column {
    float: left;
    margin-bottom: 20px;
}
.custom-footer-column-title {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.custom-footer-column-content ul {
    list-style: none;
    padding: 0;
}
.custom-footer-column-content ul li {
    margin-bottom: 3px;
}

.page_body.pink #sidebar-left ul.menu li.active-trail ul li.active-trail.active a {
    color: #721e3a;
}
.page_body.orange #sidebar-left ul.menu li.active-trail ul li.active-trail.active a {
    color: #613711;
}
.page_body.green #sidebar-left ul.menu li.active-trail ul li.active-trail.active a {
    color: #47490c;
}
.page_body.violet #sidebar-left ul.menu li.active-trail ul li.active-trail.active a {
    color: #ab93c1;
}

footer .footer-faq-contact {
    margin-top: 20px;
}
footer .footer-faq-contact ul {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}
footer .footer-faq-contact > ul > li {
    float: left;
    width: auto;
    margin: 20px 10px 0 0;
}
footer .footer-faq-contact .footer-faq img {
    width: 32px;
    height: auto;
    float: left;
    margin-top: -20px;
    margin-right: 15px;
}

.row-list-columns {
    margin-top: 30px;
}
.row-list-columns .list-column {
    margin-bottom: 20px;
}
.row-list-columns .list-column h2 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}
.row-list-columns .list-column .jobs-list {
    padding: 0 15px;
}
.row-list-columns .list-column .jobs-list li {
    margin-bottom: 10px;
}
.row-list-columns .list-column .jobs-list li a {
    color: #444444;
}
.row-list-columns .list-column .jobs-list li a:hover {
    color: #62919e;
}
.row-list-columns-2 .list-column:nth-child(2n+1), .row-list-columns-3 .list-column:nth-child(3n+1) {
    clear: both;
}

/*
 * Offer new template
 */

.responsive-image {
    max-width: 100%;
    height: auto;
}

.title-with-background {
    font-family: "happinessv1light";
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #67b6c7;
    display: block;
    padding: 10px 20px;
}

.field-container {
    margin-bottom: 40px;
}
.field-container.field .field-label {
    font-family: "happinessv1light";
    font-size: 22px;
    font-weight: 300;
    color: #c15278;
    margin-bottom: 20px;
}
.field-container .field-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
.field-container .field-content ul li {
    position: relative;
    padding-left: 20px;
}
.field-container .field-content ul li:before {
    font-family: "FontAwesome";
    font-size: 12px;
    color: #c15278;
    content: "\f105";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
}

.field-container.field-introduction {
    border-left: 2px solid #c15278;
    padding-left: 20px;
}

.region-content .block, .page_footer_offer_details .block {
    margin-bottom: 40px;
}

.block .block-title {
    font-family: "TradeGothicLTPro-Bold" !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #333333 !important;
    margin-bottom: 20px !important;
}
.block .block-title.title-with-line {
    text-align: center;
    position: relative;
}
.block .block-title.title-with-line:before {
    width: 100%;
    height: 3px;
    content: "";
    background-color: #333333;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -1px;
}
.block .block-title.title-with-line span {
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 5px 40px;
}

.block-temoignages .block-content > div + div {
    padding-left: 30px;
}
.block-temoignages .title-with-background {
    display: inline-block;
}
.temoignages-content {
    font-style: italic;
    margin: 30px 0 20px;
}
.temoignages-author {
    text-align: right;
}

.block-youtube-video .video-play-link {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.block-youtube-video .video-play-link:after {
    width: 54px;
    height: 38px;
    content: "";
    background: transparent url("../images/icon-play.png") center no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-top: -27px;
    margin-left: -19px;
}
.block-youtube-video .video-play-link:hover:after {
    background-image: url("../images/icon-play-hover.png");
}

.share_networks_fiche_poste.block-sharing-networks h3 {
    color: #c15278;
}
.block-postulez .bt-postulez {
    margin-bottom: 30px;
}
.block-postulez .bt-postulez a {
    width: 100%;
    font-family: "TradeGothicLTPro-Bold", sans-serif;
    background-color: #005589;
    padding-left: 60px;
}

.offer-anchors {
    max-width: 279px;
    margin: 0 auto 30px;
}
.offer-anchors > a {
    font-family: "TradeGothicLTPro-Bold", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color: #6f6f6f;
    display: block;
    padding: 12px 15px;
    margin-bottom: 5px;
}
.offer-anchors > a:hover, .offer-anchors > a.active {
    text-decoration: none;
    background-color: #444444;
}

.offer-new-template.content_col {
    padding-left: 0;
}
.offer-new-template h1 {
    font-size: 28px;
    color: #c15278;
    margin-top: 20px !important;
    margin-bottom: 60px;
}
.offer-new-template .page-content #bt-postulez-container-btm {
    margin-top: -105px;
}

.offer-content-left {
    padding-right: 30px;
}
.offer-content-right {
    will-change: min-height;
}
.offer-content-right .inner-wrapper-sticky {
    background-color: #ffffff;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    z-index: 555;
}
.offer-content-right.is-sticky .inner-wrapper-sticky #bt-postulez-container-btm {
    margin-top: 60px;
}

.block-villages-club-med .block-content .col-md-6:first-child {
    padding-right: 15px;
}
.block-villages-club-med .block-content .col-md-6:last-child {
    padding-left: 15px;
}

.offer-properties {
    margin-bottom: 15px;
}
.offer-property {
    width: 33.33%;
    float: left;
    position: relative;
    padding-left: 50px;
    padding-right: 15px;
    margin-bottom: 25px;
}
.offer-property:nth-child(3n+1) {
    clear: both;
}
.offer-property:before {
    width: 34px;
    height: 34px;
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    position: absolute;
    top: -7px;
    left: 0;
}
.offer-type-de-contrat.offer-property:before {
    background-image: url("../images/offers/icon-offer-type-contrat.png");
}
.offer-lieu.offer-property:before {
    background-image: url("../images/offers/icon-offer-lieu.png");
}
.offer-conditions.offer-property:before {
    background-image: url("../images/offers/icon-offer-conditions.png");
}
.offer-experience.offer-property:before {
    background-image: url("../images/offers/icon-offer-experience.png");
}
.offer-diplome.offer-property:before {
    background-image: url("../images/offers/icon-offer-diplome.png");
}
.offer-language.offer-property:before {
    background-image: url("../images/offers/icon-offer-language.png");
}

.page-content.node-fiche-de-poste .content img {
    max-width: 100%;
    height: auto;
}
.block-offer-details-footer img {
    width: 100%;
    height: auto;
}

input.labelauty:checked + label {
    background-color: #c15278;
}
input.labelauty:checked:not([disabled]) + label:hover {
    background-color: #9b2b52;
}

.field_sidebar_content {
    max-width: 279px;
    color: #c15278;
    border: 1px solid #c15278;
    padding: 20px;
    margin: 0 auto 30px;
}

.front .blockimagelink {
    width: 100% !important;;
}

.view-Metiers .joblist-searchbox, .view-Metiers .bt-ja-container {
    height: auto !important;
    min-height: auto !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

/*
 * Search box - new template 2017
 */

.searchbox-new-template.searchbox_oneline .search {
    padding: 30px;
}
.searchbox-new-template .searchbox-title {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.searchbox-new-template .searchbox-title:before, .searchbox-new-template .searchbox-title:after {
    width: 20%;
    height: 2px;
    content: "";
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -1px;
}
.searchbox-new-template .searchbox-title:before {
    left: 0;
}
.searchbox-new-template .searchbox-title:after {
    right: 0;
}
.searchbox-new-template .searchbox-title span {
    width: 60%;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.searchbox-new-template .select2-container--default {
    margin: 0 0 20px 10px;
}
.searchbox-new-template.searchbox_oneline .oneline_search_input {
    width: 56%;
    max-width: none;
    border-width: 0;
    position: relative;
    top: -9px;
    margin-bottom: 20px;
    margin-right: 2px;
}
.searchbox-new-template .searchbox_oneline_select.family,
.searchbox-new-template .searchbox_oneline_select.subfamily {
    width: 18%;
    max-width: none;
}
.searchbox-new-template .searchbox_oneline_select.subfamily {
    margin-right: 0;
}
.searchbox-new-template label {
    font-weight: 300;
    color: #ffffff;
}
.searchbox-new-template label.searchbox-field-checkbox-label {
    max-width: 125px;
    white-space: normal;
    position: relative;
    top: -10px;
    transform: translateY(50%);
}
.searchbox-new-template input[type="checkbox"], .searchbox-new-template input[type="radio"] {
    position: relative;
    top: 2px;
}
.searchbox-new-template .searchbox-field {
    width: 16%;
    text-align: left;
    display: inline-block;
    margin-right: 1%;
}
.searchbox-new-template .searchbox-field.nowrap {
    white-space: nowrap;
}
.searchbox-new-template .searchbox-field.searchbox-field-niveau-experience {
    width: 21%;
}
.searchbox-new-template .searchbox-field.searchbox-field-postes-manager {
    width: 18%;
}
.searchbox-new-template .searchbox_oneline_submit {
    width: 22%;
    color: #ffffff;
    background-color: #c15278;
    margin-right: 0;
}
.searchbox-new-template .searchbox_oneline_select.niveau_experienc {
    width: 100%;
    max-width: none;
}
.searchbox-new-template .form-links {
    text-align: right;
    clear: both;
    margin-top: 10px;
}
.searchbox-new-template .form-links a {
    color: #ffffff;
    text-decoration: underline;
    display: inline-block;
    margin-right: 1%;
}
.searchbox-new-template .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.searchbox-new-template.searchbox_oneline select, .searchbox-new-template.searchbox_oneline input[type="text"],
.searchbox-new-template .select2-container--default .select2-selection--single {
    height: 40px;
}
.searchbox-new-template .searchbox_oneline_submit {
    padding: 7px 15px 8px;
}
.searchbox-new-template input.labelauty + label {
    display: inline-block;
    padding: 12px;
    margin: 0 5px 0 0;
}
.searchbox-new-template span.select2 {
    width: 20% !important;
}

/*
 * Search box on result page - new template 2017
 */

.view-Metiers .searchbox-new-template.searchbox_oneline .search {
    padding: 12px 8px 13px;
}
.view-Metiers .searchbox-new-template.searchbox_oneline .oneline_search_input {
    width: 55.5% !important;
    top: -4px;
    margin-bottom: 8px;
}
.view-Metiers .searchbox-new-template .searchbox_oneline_submit {
    width: 16%;
}
.view-Metiers .searchbox-new-template .searchbox-field.searchbox-field-niveau-experience {
    width: 20%;
}
.view-Metiers .searchbox-new-template .searchbox-field.searchbox-field-depart-immediat {
    width: 20%;
}
.view-Metiers .searchbox-new-template .searchbox-field.searchbox-field-postes-manager {
    width: 21%;
}
.view-Metiers .searchbox-new-template .select2-container--default {
    margin-bottom: 8px;
}
.view-Metiers .searchbox-new-template .searchbox-title,
.view-Metiers .searchbox-new-template .form-links {
    display: none;
}

/*
 * Apply job button cloned
 */

.bt-postulez-bottom-cloned {
    width: 240px;
    display: none;
    position: absolute;
    top: 180%;
    right: 0;
}
.bt-postulez-bottom-cloned.shown {
    display: block;
}
.bt-postulez-bottom-cloned a {
    font-family: "TradeGothicLTPro-Bold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background: #005589 url(../images_responsive/datails_apply_arrow.png) no-repeat 10px center;
    background-size: 25px;
    display: block;
    padding: 10px 10px 10px 45px;
}

.taxonomy-term-nodes h2 {
    font-size: 16px;
    margin: 15px 0 10px;
}

/*
 * Color schemas of offer details of new template 2017.
 */

.page_body.pink .offer-new-template h1,
.page_body.pink .offer-new-template .field-container.field .field-label,
.page_body.pink .offer-new-template .field_sidebar_content,
.page_body.pink .offer-new-template .share_networks_fiche_poste h3,
.page_body.pink .offer-new-template .field-container .field-content ul li:before {
    color: #c15278;
}
.page_body.pink .offer-new-template .field-container.field-introduction,
.page_body.pink .offer-new-template .field_sidebar_content {
    border-color: #c15278;
}
.page_body.pink .offer-new-template .offer-type-de-contrat.offer-property:before {
    background-image: url("../images/offers/icon-offer-type-contrat-pink.png");
}
.page_body.pink .offer-new-template .offer-lieu.offer-property:before {
    background-image: url("../images/offers/icon-offer-lieu-pink.png");
}
.page_body.pink .offer-new-template .offer-conditions.offer-property:before {
    background-image: url("../images/offers/icon-offer-conditions-pink.png");
}
.page_body.pink .offer-new-template .offer-experience.offer-property:before {
    background-image: url("../images/offers/icon-offer-experience-pink.png");
}
.page_body.pink .offer-new-template .offer-diplome.offer-property:before {
    background-image: url("../images/offers/icon-offer-diplome-pink.png");
}
.page_body.pink .offer-new-template .offer-language.offer-property:before {
    background-image: url("../images/offers/icon-offer-language-pink.png");
}

.page_body.orange .offer-new-template h1,
.page_body.orange .offer-new-template .field-container.field .field-label,
.page_body.orange .offer-new-template .field_sidebar_content,
.page_body.orange .offer-new-template .share_networks_fiche_poste h3,
.page_body.orange .offer-new-template .field-container .field-content ul li:before {
    color: #d58740;
}
.page_body.orange .offer-new-template .field-container.field-introduction,
.page_body.orange .offer-new-template .field_sidebar_content {
    border-color: #d58740;
}
.page_body.orange .offer-new-template .offer-type-de-contrat.offer-property:before {
    background-image: url("../images/offers/icon-offer-type-contrat-orange.png");
}
.page_body.orange .offer-new-template .offer-lieu.offer-property:before {
    background-image: url("../images/offers/icon-offer-lieu-orange.png");
}
.page_body.orange .offer-new-template .offer-conditions.offer-property:before {
    background-image: url("../images/offers/icon-offer-conditions-orange.png");
}
.page_body.orange .offer-new-template .offer-experience.offer-property:before {
    background-image: url("../images/offers/icon-offer-experience-orange.png");
}
.page_body.orange .offer-new-template .offer-diplome.offer-property:before {
    background-image: url("../images/offers/icon-offer-diplome-orange.png");
}
.page_body.orange .offer-new-template .offer-language.offer-property:before {
    background-image: url("../images/offers/icon-offer-language-orange.png");
}

.page_body.green .offer-new-template h1,
.page_body.green .offer-new-template .field-container.field .field-label,
.page_body.green .offer-new-template .field_sidebar_content,
.page_body.green .offer-new-template .share_networks_fiche_poste h3,
.page_body.green .offer-new-template .field-container .field-content ul li:before {
    color: #9b9f2d;
}
.page_body.green .offer-new-template .field-container.field-introduction,
.page_body.green .offer-new-template .field_sidebar_content {
    border-color: #9b9f2d;
}
.page_body.green .offer-new-template .offer-type-de-contrat.offer-property:before {
    background-image: url("../images/offers/icon-offer-type-contrat-green.png");
}
.page_body.green .offer-new-template .offer-lieu.offer-property:before {
    background-image: url("../images/offers/icon-offer-lieu-green.png");
}
.page_body.green .offer-new-template .offer-conditions.offer-property:before {
    background-image: url("../images/offers/icon-offer-conditions-green.png");
}
.page_body.green .offer-new-template .offer-experience.offer-property:before {
    background-image: url("../images/offers/icon-offer-experience-green.png");
}
.page_body.green .offer-new-template .offer-diplome.offer-property:before {
    background-image: url("../images/offers/icon-offer-diplome-green.png");
}
.page_body.green .offer-new-template .offer-language.offer-property:before {
    background-image: url("../images/offers/icon-offer-language-green.png");
}

.page_body.violet .offer-new-template h1,
.page_body.violet .offer-new-template .field-container.field .field-label,
.page_body.violet .offer-new-template .field_sidebar_content,
.page_body.violet .offer-new-template .share_networks_fiche_poste h3,
.page_body.violet .offer-new-template .field-container .field-content ul li:before {
    color: #4a2454;
}
.page_body.violet .offer-new-template .field-container.field-introduction,
.page_body.violet .offer-new-template .field_sidebar_content {
    border-color: #4a2454;
}
.page_body.violet .offer-new-template .offer-type-de-contrat.offer-property:before {
    background-image: url("../images/offers/icon-offer-type-contrat-violet.png");
}
.page_body.violet .offer-new-template .offer-lieu.offer-property:before {
    background-image: url("../images/offers/icon-offer-lieu-violet.png");
}
.page_body.violet .offer-new-template .offer-conditions.offer-property:before {
    background-image: url("../images/offers/icon-offer-conditions-violet.png");
}
.page_body.violet .offer-new-template .offer-experience.offer-property:before {
    background-image: url("../images/offers/icon-offer-experience-violet.png");
}
.page_body.violet .offer-new-template .offer-diplome.offer-property:before {
    background-image: url("../images/offers/icon-offer-diplome-violet.png");
}
.page_body.violet .offer-new-template .offer-language.offer-property:before {
    background-image: url("../images/offers/icon-offer-language-violet.png");
}

.offer-new-template .block-postulez .bt-postulez a {
    font-size: 18px;
    background-color: #005589 !important;
}
.node-type-fiche-de-poste .page_body.no-background .page-title_container {
    background-image: none !important;
}

.connexys-iframe, .connexys-job-alert-iframe {
    width: 100%;
    height: 600px;
    overflow: auto;
    border-width: 0;
    padding: 0;
    margin: 0 auto 30px;
}

.offer-content-internal,
.offer-content-external {
    display: block;
    position: relative;
}

body.offer-content-external-shown .content_col > div > h1,
body.offer-content-external-shown .page-sidebar-column,
body.offer-content-external-shown .content_col .offer-content-right,
body.offer-content-external-shown .bt-postulez-bottom-cloned {
    display: none !important;
}
body.offer-content-external-shown .content_col,
body.offer-content-external-shown .content_col .offer-content-left {
    width: 100%;
}
body.offer-content-external-shown .offer-new-template .page-content #bt-postulez-container-btm {
    margin-top: 0;
}

/*
 * Listing styles
 */
ul.no-listing-style, ol.no-listing-style {
    list-style: none;
    padding-left: 0;
}

/*
 * View content only
 */
body.content-only #toolbar,
body.content-only .nav-header,
body.content-only footer,
body.content-only .page_footer,
body.content-only .page-title_container,
body.content-only #breadcrumb,
body.content-only .navigator_container,
body.content-only .page_body > .row:not(#content-row-wrapper),
body.content-only .page_body #sidebar-left,
body.content-only .page_body #sidebar-right,
body.content-only #cmj-cookie-info-bar {
    display: none !important;
}
body.content-only {
    padding-top: 0 !important;
}
body.content-only .page_body {
    padding-top: 30px !important;
    padding-bottom: 30px;
}
body.content-only .content_col h1 {
    text-align: center;
}

/*
 * Sticky popup
 */
.footer-sticky-popup-container {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
}
.cmj-sticky-popup {
    width: 100%;
    color: #ffffff;
    background-color: #333333;
}
.cmj-sticky-popup.color-blue {
    background-color: #215685;
}
.cmj-sticky-popup:not(:last-child) {
    border-bottom: 1px solid #000000;
}
.cmj-sticky-popup a:not(.btn) {
    color: #b5d5f5;
}
.cmj-sticky-popup .popup-content {
    padding: 15px 0;
}
.cmj-sticky-popup .popup-content h2,
.cmj-sticky-popup .popup-content h3,
.cmj-sticky-popup .popup-content h4 {
    margin-bottom: 15px;
}
.cmj-sticky-popup .popup-buttons {
    text-align: right;
}
.cmj-sticky-popup .popup-buttons .btn {
    display: inline-block;
    margin: 5px;
}

#cmj-cookie-info-bar .btn-dismiss {
    width: 30px;
    height: 30px;
    content: "";
    background: transparent url("../images_responsive/pictos/close_btn_picto.png") center no-repeat;
    background-size: contain;
    display: inline-block;
}

/*
 * External page iframe
 */
.external-page-iframe {
    width: 100%;
    min-height: 200px;
    border-width: 0;
    padding: 0;
}

/*
 * Tables
 */
.table-cmj th, .table-cmj td {
    vertical-align: top;
    padding: 5px;
}
.table-cookie-prefs {
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
}
.table-cookie-prefs th,
.table-cookie-prefs td {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}