@charset "UTF-8";

/*Fonts*/
/*
 @font-face {
    font-family: 'open_sansregular';
    src: url("fonts/opensans-regular-webfont.eot");
    src: url("fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-regular-webfont.woff2") format("woff2"), url("fonts/opensans-regular-webfont.woff") format("woff"), url("fonts/opensans-regular-webfont.ttf") format("truetype"), url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'myriad-reg';
    src: url("fonts/MYRIADPRO-REGULAR.OTF");
    font-weight: normal;
    font-style: normal;
}

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


/*end fonts*/


/*Colors*/


/*end colors*/


/*General Css*/
@import 'login.css';
html,
body {
    height: 100%;
    width: 100%;
    overflow: visible;
    font-family: 'Open Sans', sans-serif;
}
#wrapper,
#content{
    /* max-width: 1735px;
    margin: 0 auto; */
}

.map #wrapper,
.map #content{
    height: 100%;
}

@media(max-width: 2152px) {
    html {
        font-size: .875vw;
    }
}

body.ie select {
    background-image: none;
}

ul {
    list-style: none;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}


/*End General Css*/


/*icons*/

.icon {
    width: 50px;
    height: 50px;
    float: right;
}

.icon-play {
    background: url(images/play.png) no-repeat center;
}

.icon-search {
    background: url(images/search-icon.png) no-repeat center;
}

.icon-member {
    background: url(images/icon-member.png) no-repeat center;
}

.icon-viadeo {
    background: url(images/viadeo.png) no-repeat center;
    height: 24px;
    width: 23px;
    float: left;
}

.icon-viadeo:hover {
    background: url(images/viadeo-hover.png) no-repeat center;
}

.map-marker {
    background: url(images/map-marker.png) no-repeat center;
    display: block;
    width: 32px;
    height: 46px;
    margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}


/************************************************************Slider***********************************************************/

.slider-home {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1050;
}
.slider-home .trame{
    /*background: url("images/bg-trame.png") 0 0 repeat;*/
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    opacity: 0.8;
}

.slider-home .owl-controls ,
.slider-home .bx-controls {
    margin-top: -5px;
    position: absolute;
    right: 90px;
    top: 50%;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shadow-top,
.shadow-bottom{
    position: absolute;
    left: 0; right: 0;
    z-index: 1;
    /*display: none;*/
}
.shadow-top{
    background: url("../images/box-shadow-top.png") 0 0 repeat-x;
    top:0;
    height: 235px;
}
.shadow-bottom{
    background: url("../images/box-shadow-bottom.png") 0 100% repeat-x;
    bottom:0;
    height: 471px;
}

.nav > li > a{
    padding: 10px 15px 10px 3px;
}
.wrapper-select {
    position: relative;
    display: block;
    z-index: 0
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .espace-membre{
        margin: -12px 45px 0 0 !important;
    }
    .slider-home .owl-controls{
        width: 10px;
    }
}
.wrapper-select:select {
    z-index: 1;
}
@-moz-document url-prefix() {
    .slider-home .navbar-collapse {
        margin-right: -24px;
    }
}
.wrapper-select:before {
    display: block;
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    height: 1em;
    width: 1em;
    margin: 2px;
    z-index: 5;
}

.slider-home .owl-theme .owl-dots .owl-page.active span {
    width: 20px !important;
    height: 20px !important;
    border-radius: 3px;
    background: #fff;
    opacity: 1;
    margin-bottom: 20px;
}

.slider-home .owl-theme .owl-dots .owl-dot {
    display: block;
}

.slider-home .carousel-caption {
    top: 279px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 0;
}

.top-slide {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}
.slider-home  .box-shadow-top{
    position: absolute;
    top:0;
    width: 100%;

}
.slider-home  .box-shadow-top img{
    width: 100%;
}
.slider-home .box-shadow-bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.slider-home .box-shadow-bottom img{
    width: 100%;
}
.slider-home h2 {
    color: #fff;
    font-size: 64px;
    font-weight: 600;
    padding-bottom: 3px;
    margin-bottom: 0px;
    /* text-transform: capitalize; */
}
.slider-home #owl-demo li:first-child h2 {
    font-size: 100px;
}

.slider-home h2 ,
.slider-home p {
    text-shadow: none;
}

.slider-home video{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.slider-home p {
    color: #fff;
    font-weight: 300;
    font-size: 38px;
    line-height: 38px;
}

.content-top-slide {
    padding: 25px 20px 8rem 97px;
    width: 100%;
    max-width: 1750px;
    margin: auto;
    position: relative;
    z-index: 3;
}
.top-slide.fixed{
    background: #212121;
    position: fixed;
    right: 0;
    left: 0;
}
.fixed .content-top-slide {
    padding: 8px 20px 0;
}

.slider-home nav,
.slide-pages nav{
    padding-top: 32px;
}
.slider-home .navbar-collapse,
.slide-pages .navbar-collapse{
    padding-left: 0;
    padding-right: 7px;
    float: right;
}
.slider-home .navbar-collapse li,
.slide-pages .navbar-collapse li{
    margin-right: 10px;
}
.slider-home .navbar-collapse li:last-child,
.slide-pages .navbar-collapse li:last-child{
    margin-right: 0;
}
.slider-home .form-wrapper{
    width: auto !important;
}

.slider-home .form-wrapper .input-group{
    margin: auto;
    min-width: 615px;
}

.slider-home .form-wrapper .input-group-btn{
    display: inline-block;
    margin-left: -4px;
    width: auto;
}

.logo-top {
    float: left;
    overflow: visible;
    position: relative;
}

.logo-top .fond-logo {
    position: absolute;
    overflow: visible;
    top: -28px;
    left: -180px;
    z-index: -1;
}

.logo-top .logo {
    position: relative;
    z-index: 99999;
}

nav {
    padding-top: 41px;
    float: right;
    width: 79%;
}

nav .main-menu a {
    font-weight: 500;
    font-size: 13.87px;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

nav .main-menu {
    margin-top: -13px;
}

nav .nav > li > a:hover,
nav .nav > li > a:active,
nav .nav > li > a:focus {
    background: transparent;
    color: #c7c7c7;

}

.slider-home .my-group .form-control {
    width: 50%;
}

.slider-home form {
    /*width: 54.1%;*/
    margin: 0 auto 93px;
    /* position: absolute;
    bottom: 20%;
    left: 0;
    right: 0; */
}

.slider-home form select {
    padding-left: 28px;
    border-radius: 0;
    height: 70px;
    border: 0;
    box-shadow: none;
    font-size: 29.81px;
    font-family: "open_sanslight";
    background: url("images/icon-select.png") #fff no-repeat 94% 53%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -khtml-appearance: none;
}

.slider-home form select::-ms-expand {
    display: none;
}
.slider-home .select2-container{
    width: 272px !important;
}

.slider-home button {
    height: 47px;
    border: 0;
    border-radius: 0;
    background: #ff6319;
    /*  padding: 0 48px; */
    width: 82px;
    text-align: center;
}

.slider-home button:hover {
    background: #e05310;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.slider-home button:focus {
    background: #e05310;
}

.slider-home button i {
    color: #fff;
    font-size: 30px;
    float: none;
    display: block;
    margin: auto;
    text-align: center;
    width: 27px;
    height: 27px;
}

.slider-home .carousel-indicators ,
.slider-home .tp-bullets.simplebullets.round {
    position: absolute;
    right: 65px !important;
    top: 34% !important;
    left: auto !important;
    width: 21px;
    opacity: 1 !important;
    margin-left: 0 !important;
}

.slider-home .bx-controls .bx-pager-item .bx-pager-link,
.slider-home .tp-bullets.simplebullets.round .bullet,
.slider-home .owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: rgba(255,255,255,0.38);
    /* opacity: .5; */
    display: block;
    float: none;
    /*  float: right; */
    font-size: 0px;
}
.slider-home .bx-controls .bx-pager-item + .bx-pager-item,
.slider-home .tp-bullets.simplebullets.round .bullet + .bullet,
.slider-home .owl-theme .owl-controls .owl-page + .owl-page span {
    margin-top: 24px;
}
.slider-home .bx-controls .bx-pager-item .bx-pager-link.active,
.slider-home .tp-bullets.simplebullets.round .bullet + .bullet.selected,
.slider-home .owl-theme .owl-controls .owl-page.active span {
    background: rgba(255,255,255,1);
}
.owl-theme .owl-controls .owl-page{ display: block;  }

.slider-home .bottom-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 17px;
    z-index: 999999
}

.slider-home .bottom-nav ul {
    display: table;
    margin: auto;

    position: relative;
    /*  top: 91px; */
}

.slider-home .bottom-nav ul li {
    /*float: left;*/
    color: #fff;
    font-weight: 300;
    font-size: 15.38px;
}

.slider-home .bottom-nav ul li a {
    color: #fff;
    font-size: 15.38px;
}


/*.slider-home .owl-wrapper-outer {
    padding-top: 8rem; }*/

.espace-membre{
    float: right;
    margin: -12px 63px 0 25px;
}

.espace-membre a {
    color: #fff;
    background: #ff6319;
    font-size: 13.87px;
    font-weight: 500;
    /* padding: 13px 17px 0 4px !important; */
    /* width: 171px; */
    height: 46px;

    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.espace-membre a:hover ,
.espace-membre a:focus ,
.espace-membre a:active {
    color: #fff !important;
    background: #e05310 !important;
}

.espace-membre span {
    float: left;
    position: relative;
    bottom: 14px;
    right: 0px;
}

.responsive-main-menu {
    display: none;
}


/************************************************************Bienvenu***********************************************************/

.bienvenu {
    background: url("images/bg-bienvenu.png") center 0 no-repeat;
    float: left;
    width: 100%;
    padding: 46px 0 41px;
}

.bienvenu .bienvenu-text p {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    line-height: 23px;
}

.bienvenu .bienvenu-text p:before {
    content: ' ';
    display: block;
    background: url("images/blockquote.png") no-repeat;
    width: 47px;
    height: 34px;
    margin: 0 auto 11px auto;
}


/************************************************************l'Actu job***********************************************************/

.actu-job {
    position: relative;
    float: left;
    width: 100%;
}

.actu-job .top-actu-job {
    background: url(images/bg-offres.png) repeat-x;
    background-size: cover;
    padding-top: 47px;
    padding-bottom: 53px;
}

.actu-job h2 {
    padding-bottom: 23px;
    font-weight: 500;
    font-size: 40px;
    color: #191919;
    letter-spacing: .5px;
}

.actu-job h2 a {
    font-size: 10.3px;
    background: #ff6319;
    padding: 6px 6px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    bottom: 8px;
    right: -6px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.actu-job h2 a:hover{
    background: #e05310 !important;
}

.actu-job .webhelp-offres {
    padding-top: 10px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    background:url("images/bg-job-slider.png") no-repeat;
    background-size: cover;
}
.actu-job .item-offre{
    width: 300px !important;
    margin: auto;
}
.actu-job .item-offre a{
    font-weight: 500;
    font-size: 18.11px;
    color: #262626;
    line-height: 19px;
    display: block;
    width:244px;
    margin: auto;
}
.actu-job .owl-controls .owl-buttons div{
    display: block;
    opacity: 1;
    color: transparent;
    border-radius: 0;
    width: 34px;
    height: 34px;
    background: url(images/prev.png) #e8e8e8 no-repeat 5px 10px !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.actu-job .owl-carousel .owl-item{
    margin-bottom: 0;
    height: 66px;
   /*border-right: 1px solid #cbcacb;*/
}
/*.actu-job .owl-carousel .owl-item:nth-child(3n){
    border-right: 0;
}*/
.actu-job .owl-buttons .owl-next{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.actu-job .owl-buttons{
    position: absolute;
    top:-4px;
    right: 275px;

}
.actu-job .owl-controls .owl-buttons div:hover{
    background-color: #ccc !important;
}
.actu-job .owl-theme .owl-controls{
    float: right;
}
.actu-job .carousel-inner{
    position: static;
    overflow: visible;
}


.actu-job .webhelp-offres .offre {
    font-weight: 500;
    font-size: 18.11px;
    color: #262626;
    line-height: 19px;
    display: block;
    max-width: 180px;

    margin: auto;
}
.actu-job .webhelp-offres .offre + br{ display: none;  }

.actu-job .webhelp-offres .ville-job {
    font-weight: 300;
    font-size: 13.93px;
    color: #0069a3;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
}

.actu-job table {
    width: 59%;
    margin: auto;
}

.actu-job .table > tbody > tr > td {
    padding-top: 0 !important;
    width: 33.33333%;
    border-right: 1px solid #cbcacb;
    border-top: none !important;
    text-align: center;
    position: relative;
    height: 84px;
    vertical-align: middle !important;
    padding: 0 !important;
}
.actu-job .table > tbody > tr > td:last-child{
    border-right:none;
}

.actu-job table td:last-child {
    border-right: 0;
}

.actu-job .bottom-actu-job {
    max-width: 757px;
    margin: auto;
    width: 100%;
    padding: 25px 0 9px;
}

.actu-job .bottom-actu-job .actu-job-item {
    width: 266px;
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(1){
    position: relative;
    left: 7px;
    top: -3px;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(1) a{
    margin-left: -13px;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(2){
    position: relative;
    left: 52px;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(2) a{
    margin-left: -13px;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(3) a{
    margin-left: -11px;
}
.actu-job .bottom-actu-job .actu-job-item:nth-child(3){
    position: relative;
    left: 75px;
    width: 216px;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item{
    margin-bottom: -1px;
}
.actu-job .content-actu-job-item {
    /*width: 68%;*/
    margin: auto;
}

.actu-job .content-actu-job-item span {
    font-size: 17.53px;
    font-weight: 500;
    color: #282828;
    padding-left: 22px;
    position: relative;
    top: 11px;
}

.actu-job .carousel-jobs {
    position: absolute;
    right: 295px;
    top: 27px;
    display: none;
}

.actu-job .carousel-jobs .prev {
    background: url(images/prev.png) #e8e8e8 no-repeat 6px 10px !important;
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    opacity: 0.7;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;


}

.actu-job .carousel-jobs .next-job {
    background: url(images/prev.png) #e8e8e8 no-repeat 5px 10px !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.actu-job .carousel-jobs .next-job:hover,
.actu-job .carousel-jobs .prev:hover{
    background-color: #ccc !important;

}

.actu-job .carousel-jobs .carousel-control {
    opacity: 1;
    width: 34px;
    height: 34px;
    border-radius: 0;
    display: block;
}

.actu-job .carousel-jobs .carousel-control i {
    color: #f37442;
    font-size: 36px;
}

.actu-job .carousel-jobs .prev {
    top: 55px;
}

.actu-job .offres-responsive {
    display: none;
}

.actu-job .cf {
    position:relative;
    height:42px;
    width:42px;
    margin:0 auto;
}
.actu-job .cf .bottom{
    opacity: 0
}


.actu-job .cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.actu-job .content-actu-job-item:hover .cf img.bottom{
    opacity:1;
}
.actu-job .content-actu-job-item:hover .cf img.top{
    opacity:0;
}
/************************************************************webhelp multinationale***********************************************************/

.webhelp-multinationale {
    background: url("images/bg-multinationale.png") center 0 no-repeat;
    /* background-size: cover; */
    width: 100%;
    float: left;
    padding-top: 68px;
    padding-bottom: 83px;
}

.multinatinal-map .map {
    width: 437px;
}

.webhelp-multinationale .map {
    height: 250px;
    width: 234px;
    margin: auto;
    position: relative;
}

.webhelp-multinationale .map .localisation {
    position: static;
}

.webhelp-multinationale .marker-agadir {
    position: absolute;
    top: 70px;
    left: 116px;
}

.webhelp-multinationale .map .marker-kenitra {
    position: absolute;
    left: 156px;
    top: 11px;
}

.webhelp-multinationale .map .marker-rabat {
    position: absolute;
    right: 83px;
    top: 18px;
}

.webhelp-multinationale .map .marker-fes {
    position: absolute;
    top: 20px;
    left: 178px;
}
.webhelp-multinationale .map .marker-meknes {
    position: absolute;
    right: 65px;
    top: 27px;
}

.webhelp-multinationale .text-webhelp-multinationale {
    padding-bottom: 38px;
}

.webhelp-multinationale .text-webhelp-multinationale h2 {
    color: #fff;
    font-weight: 500;
    font-size: 40px;
    padding-bottom: 12px;
}

.webhelp-multinationale .text-webhelp-multinationale p {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    line-height: 26px;
}

.webhelp-multinationale .multinatinal-map h4{
    padding-left: 32px;
}

.webhelp-multinationale .maroc-map a{
    padding: 10px 25px !important;
    margin-left: -7px;
}
.webhelp-multinationale .multinatinal-map p{
    padding-left: 30px;
}

.webhelp-multinationale .webhelp-map {
    width: 100%;
    max-width: 848px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
}

.webhelp-multinationale .webhelp-map h4 {
    font-size: 31px;
    text-transform: capitalize;
    padding-bottom: 11px;
    padding-top: 4px;
}

.webhelp-multinationale .webhelp-map p {
    font-weight: 300;
    font-size: 15px;
    padding-bottom: 54px;
    line-height: 18px;
}

.webhelp-multinationale .webhelp-map .items-webhelp-map {
    float: left;
    text-align: center;
}

.webhelp-multinationale .webhelp-map .maroc-map {
    width: 42%;
}

.webhelp-multinationale .webhelp-map .multinatinal-map {
    width: 42%;
}

.webhelp-multinationale .webhelp-map .maroc-icon {
    position: relative;
    top: 356px;
    width: 16%;
}
.webhelp-multinationale .multinatinal-map a{
    padding: 10px 22px;
    margin-left: 23px;
}

.webhelp-multinationale .webhelp-map .maroc-icon .carousel {
    top: -8px;
}

.webhelp-multinationale .webhelp-map .maroc-icon a:hover {
    background: transparent;
}

.webhelp-multinationale .webhelp-map .maroc-icon a {
    background: transparent;
}

.webhelp-multinationale .webhelp-map .maroc-icon #text-carousel {
    margin-top: -10px;
}
.webhelp-multinationale .webhelp-map .maroc-icon a i {
    color: #ff6319;
    font-size: 61px;
}

.webhelp-multinationale .webhelp-map .maroc-icon span {
    font-weight: 300;
    font-size: 15.96px;
}

.webhelp-multinationale .webhelp-map a.link {
    color: #fff;
    background: #ff6319;
    font-size: 14.58px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.webhelp-multinationale .webhelp-map a.link:hover {
    background: #e05310;
}


/************************************************************Témoignage monde***********************************************************/

.temoignage-monde {
    background: url("images/bg-temoignage.png") center center no-repeat;
    /* background-size: cover; */
    padding-top: 59px;
    float: left;
    width: 100%;
    padding-bottom: 52px;
}

.temoignage-monde h2 {
    font-size: 40px;
    padding-bottom: 47px;
   
}

.temoignage-monde .content-temoignage-monde {
    width: 100%;
    max-width: 893px;
    margin: auto;
}

.temoignage-monde .text-temoignage {
    text-align: center;
    line-height: normal;
    margin-top: -5px;
}
.temoignage-monde .img-temoignage {
    min-height: 47px;
}

.temoignage-monde .text-temoignage .counter {
    color: #4b4b4b;
    font-size: 46.39px;
    line-height: normal;
}

.temoignage-monde .text-temoignage .letter-ca {
    font-size: 28px;
    color: #4b4b4b;
}

.temoignage-monde .text-temoignage .plus {
    font-family: "open_sansregular";
    color: #4b4b4b;
    font-size: 54.95px;
}

.temoignage-monde .temoignage-item {
    width: 25%;
    float: left;
}
.temoignage-monde .temoignage-item:nth-child(3){
    margin-left: -8px;
}
.temoignage-monde .temoignage-item:nth-child(3) .text-temoignage .counter{
    margin-left: 20px;
}
.temoignage-monde .temoignage-item:nth-child(4){
    position: relative;
    left: 8px;
}

.temoignage-monde .temoignage-item:nth-child(4) .text-temoignage{
    margin-top: -5px;
    padding-left: 15px;
}

/*.temoignage-monde .temoignage-item:nth-child(4) .text-temoignage .criteres-temoignage{
    margin-top: -3px;
}*/
.temoignage-monde .criteres-temoignage {
    color: #282828;
    display: block;
    font-size: 14.99px;
    margin-top: 7px;
    text-transform: uppercase;
}


/************************************************************que-cherches-tu***********************************************************/

.que-cherches-tu {
    background: url("images/bg-que-cherche-tu.png");
    background-size: cover;
    padding: 64px 20px 36px 20px;
    width: 100%;
    float: left;
    min-height: 342px;
}

.que-cherches-tu .content-que-cherches-tu {
    width: 100%;
    max-width: 894px;
    margin: auto;
}

.que-cherches-tu h2 {
    color: #fff;
    font-size: 45px;
    padding-bottom: 22px;
}

.que-cherches-tu .critere-item {
    /* width: 20%;
    float: left;
    padding-top: 88px; */

    display: inline-block;
    /* float: left; */

    padding-top: 95px;
    vertical-align: middle;
    width: 20%;
    text-align: center;
}
.que-cherches-tu .critere-item:nth-child(1){

}
.que-cherches-tu .critere-item:nth-child(2) .critere-text{
    padding-top: 15px;
}
.que-cherches-tu .critere-item:nth-child(3){
    position: relative;
    left: 7px;
}
.que-cherches-tu .critere-item:nth-child(3) .critere-text{
    padding-top: 15px;
}
.que-cherches-tu .critere-item:nth-child(4){
    position: relative;
    left: 8px;
    top: -5px;
}
.que-cherches-tu .critere-item:nth-child(5){
    position: relative;
    left: 12px;
    top: 3px;
}
.que-cherches-tu .critere-item:nth-child(5) .critere-text{
    padding-top: 15px;
}
.que-cherches-tu .critere-item:nth-child(6) .critere-text{
    padding-top: 22px;
}
.que-cherches-tu .critere-item:nth-child(6){
    position: relative;
    left: 17px;
    top: -1px;
}
.que-cherches-tu .critere-item + .critere-item { margin-left: -6px; }

.que-cherches-tu .critere-img {
    position: relative;
}

.que-cherches-tu .critere-img img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.que-cherches-tu .critere-img #job:hover {
    content: url('images/job-hover.png');
}

.que-cherches-tu .critere-img #apprendre:hover {
    content: url('images/apprendre-hover.png');
}

.que-cherches-tu .critere-img #evoluer:hover {
    content: url('images/evoluer-hover.png');
}

.que-cherches-tu .critere-img #travail:hover {
    content: url('images/travail-hover.png');
}

.que-cherches-tu .critere-img #fun:hover {
    content: url('images/fun-hover.png');
}

.que-cherches-tu .critere-text {
    text-align: center;
    padding-top: 25px;
}

.que-cherches-tu .critere-text span {
    color: #fff;
    font-size: 16.93px;
    line-height: 19px;
    width: 122px;
    display: block;
    margin: auto;
}
/*.que-cherches-tu .cf{
    position: relative;
    height: 63px;
    width: 63px;
    margin: 0 auto;
}
*/
.que-cherches-tu .critere-img .cf {
    position:relative;
    width:63px;
    margin:0 auto;
}
.que-cherches-tu .critere-img .cf .bottom{
    opacity: 0
}


.que-cherches-tu .critere-img .cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.que-cherches-tu .critere-item a:hover .cf img.bottom{
    opacity:1;
}
.que-cherches-tu .critere-item a:hover .cf img.top{
    opacity:0;
}
/************************************************************ton avenir avec nous***********************************************************/

.avenir-avec-nous {
    padding-top: 59px;
    float: left;
    width: 100%;
    background: url(images/bg-avenir.png);
    background-size: cover;
    color: #fff;
    padding-bottom: 46px;
}

.avenir-avec-nous h2 {
    font-size: 40px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
}

.avenir-avec-nous .metiers {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 38px;
    padding-right: 15px;
    padding-left: 15px;
}

.avenir-avec-nous .meties-120 {
    display: table;
    margin: auto;
}

.avenir-avec-nous .parcours {
    padding: 0 10px 0 30px;
    font-size: 18px;
    padding: 37px 20px 36px 20px;
}

.avenir-avec-nous a {
    font-weight: 300;
    font-size: 15.2px;
    background: #ff6319;
    color: #fff;
    line-height: 48px;
    display: inline-block;
    min-width: 196px;
    padding-left: 32px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.avenir-avec-nous a:hover {
    background: #e05310;
}

.avenir-avec-nous a span {
    position: relative;
    right: 33px;
    top: 5px;
    width: 34px;
    height: 35px;
}

.avenir-avec-nous .box-avantages-webhelp {
    width: 100%;
    max-width: 1250px;
    /*  padding-left: 20px;
    padding-right: 20px; */
    position: relative;
    margin: -163px auto 0 auto;
    width: 943px;
    position: relative;
    left: 3px;
    top: 170px;
}

.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(1) img{
    left: -3px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(2){
    width: 295px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(2) img{
    left: -8px;
}

.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(3){
    width: 294px;
    margin-left: 32px !important;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item {
    width: 292px;
    float: left;
    min-height: 420px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:hover .box-content {
    background: #ff6319;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:hover .image-default {
    display: none;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:hover .image-hover {
    display: inline-block;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item + .box-content-item {
    margin-left: 30px;
}

.avenir-avec-nous .box-avantages-webhelp .box-content {
    border-top: 9px solid #ff6319;
    /* width: 92%; */
    margin: auto;
    background: url("images/bg-box.png") no-repeat;
    background-size: cover;
    padding-top: 70px;
    min-height: 410px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content .imgs-cherche  {
    /*display: block !important;*/
    float: none;
    min-height: 84px;
    text-align: center;
    margin-top: -13px;
}

.avenir-avec-nous .box-avantages-webhelp .box-content #formation:hover {
    content: url(images/apprendre-hover.png);
}

.avenir-avec-nous .box-avantages-webhelp .box-content #orientation:hover {
    content: url(images/orientation-hover.png);
}

.avenir-avec-nous .box-avantages-webhelp .box-content #evolution:hover {
    content: url(images/evolution-hover.png);
}

.avenir-avec-nous .box-avantages-webhelp h3 {
    font-size: 35px;
    text-transform: capitalize;
    padding-bottom: 6px;
    margin-bottom: 1px;
}

.box-avantages-webhelp .imgs-box{
    height: 100px;
    width: 80px;
    position: relative;
}
.box-avantages-webhelp .imgs-box img{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.avenir-avec-nous .box-avantages-webhelp a{
    padding-left: 0;
}
.avenir-avec-nous .box-avantages-webhelp h6 {
    font-weight: 300;
    font-size: 22px;
    padding-bottom: 14px;
}

.avenir-avec-nous .box-avantages-webhelp p {
    line-height: 20px;
    font-weight: 300;
    font-size: 14px;
}

.avenir-avec-nous .box-text {
    /* padding: 60px 42px 0 42px; */
    padding: 55px 31px 0 28px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(2) .box-text{
    padding-left: 34px;
}
.avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(3) .box-text{
    padding-left: 30px;
}
.box-avantages-webhelp .cf {
    position:relative;
    height: 42px;
    width: 82px;
    margin:0 auto;
}
.box-avantages-webhelp .cf .bottom{
    opacity: 0
}


.box-avantages-webhelp  .cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.box-avantages-webhelp .box-content:hover .cf img.bottom{
    opacity:1;
}
.box-avantages-webhelp .box-content:hover .cf img.top{
    opacity:0;
}
/************************************************************nouvelle famille***********************************************************/

.nouvelle-famille {
    width: 100%;
    float: left;
    background: url("images/bg-nouvelle-famille.png") center 0 no-repeat;
    background-size: cover;
    padding-top: 112px;
    padding-left: 42%;
    padding-bottom: 30px;
}

.nouvelle-famille #debut-famille {
    position: relative;
    top: -40px;
}

.nouvelle-famille #start-famille {
    position: relative;
    top: -74px;
}

.nouvelle-famille .text-nouvelle-famille {
    padding-left: 39px;
    padding-bottom: 67px;
}

.nouvelle-famille .content-nouvelle-famille {
    width: 100%;
    max-width: 770px;
    padding-right: 25px;
    padding-left: 20px;
    float: left;
    padding-top: 60px;
}

.nouvelle-famille h2 {
    font-size: 45px;
    padding-bottom: 34px;
    letter-spacing: .8px;
   
}

.nouvelle-famille p {
    font-size: 20px;
    font-weight: 300;
    padding-right: 145px;
    line-height: 24px;
}

.nouvelle-famille .item div {
    color: #5f5f5f;
    font-size: 28.96px;
    margin-bottom: 10px;
}

.nouvelle-famille .avantages-webhelp {
    width: 100%;
    float: left;
    margin-left: 12px;
    padding-top: 9px;
    text-align: center;
    background: transparent;
    padding-bottom: 0;
}

.nouvelle-famille .avantages-webhelp .item {
    width: 200px;
    display: inline-block;
    padding-bottom: 4rem;
}

.nouvelle-famille .avantages-webhelp .item:nth-child(1){
    position: relative;
    left: -14px;
    top: 1px;
}
.nouvelle-famille .avantages-webhelp .item:nth-child(2){
    position: relative;
    left: -29px;
}
.nouvelle-famille .avantages-webhelp .item:nth-child(3){
    position: relative;
    left: -49px;
    top: 2px;
}
.nouvelle-famille .avantages-webhelp .bottom-items .item:nth-child(1){
    left: -21px;
    top: -10px;
}
.nouvelle-famille .avantages-webhelp .bottom-items .item:nth-child(2){
    left: -58px;
    top: -11px;

}
.nouvelle-famille .avantages-webhelp .item img {
    /* height: 50px;
    width: 50px; */
}

.nouvelle-famille .bottom-items {
    float: left;
    width: 100%;
    padding-left: 98px;
    margin-bottom: 6px;
}

.nouvelle-famille .bottom-items .item {
    padding-bottom: 0;
}


/************************************************************avis collaborateur***********************************************************/

.avis-collaborateurs {
    background: url("images/bg-avis.png") center 0 no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    padding-top: 42px;
    padding-bottom: 15px;
    min-height: 125px;
}

.avis-collaborateurs .content-avis {
    clear: both; 
    margin: 0 auto;
    /*padding-left: 130px;*/
    width: 100%;
    overflow: hidden;
    padding-bottom: 2px;
    max-width: 1000px;
}

.avis-collaborateurs a {
    font-weight: 300;
    font-size: 17px;
    color: #4dcfef;
    float: left;
    margin-right: 9px;
    /* width: 205px; */
}

.avis-collaborateurs i {
    color: #fff;
    font-size: 36px;
    padding-right: 21px;
    vertical-align: top;
    float: left;
    position: relative;
    top: 4px;
    left: -1px;
}

.avis-collaborateurs p {
    font-weight: 300;
    font-size: 17px;
    color: #fff;
    width: 86%;
}


/************************************************************l'aventure commence***********************************************************/

.aventure-commence {
    float: left;
    width: 100%;
    background: url("images/bg-aventure.png") center 0 no-repeat;
    background-size: cover;
    padding-top: 69px;
}

.aventure-commence h2 {
    font-size: 40px;
    color: #fff;
    padding-bottom: 9px;
    letter-spacing: .7px;
}

.aventure-commence .left-aventure {
    width: 622px;
    /*width: 55%;*/
    float: left;
    padding-left: 97px;
}

.aventure-commence .left-aventure p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    padding-top: 3px;
    letter-spacing: .3px;
}
.aventure-commence .content-recrutement p{
    font-size: 20.77px;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.aventure-commence .content-integration p {
    font-size: 20.77px;
    padding-left: 16px;
    letter-spacing: 0.8px;
    font-weight: 500;
}
.aventure-commence .right-aventure {
    float: left;
    width: 420px;
    /*width: 45%;*/
    padding-top: 17px;
    padding-left: 61px;
}

.aventure-commence .right-aventure .img-iphone {
    /* text-align: right; */
}

/* .aventure-commence .right-aventure .img-iphone img {
    max-width: 100%;
} */

.aventure-commence .number {
    font-weight: 700;
    font-size: 128.56px;
    color: #ff6319;
    padding-left: 40px;
}

.aventure-commence .text-number {
    font-size: 26.54px;
    color: #fff;
    margin-top: -21px;
}

.aventure-commence .content-recrutement {
    width: 235px;
    padding-top: 1px;
    float: left;
}

.aventure-commence .content-recrutement:after {
    content: '';
    width: 21px;
    height: 21px;
    background: #ff6319;
    display: inline-block;
    border-radius: 50%;
    margin-left: 75px;
    margin-top: 4px;
}

.aventure-commence .icon-suite {
    width: 10%;
    float: left;
    position: relative;
    right: 22px;
    top: 224px;
}

.aventure-commence .content-integration {
    width: 225px;
    float: left;
    padding-top: 1px;
}
.aventure-commence .content-integration .number{
    padding-left: 58px;
}

.aventure-commence .content-integration:after {
    content: '';
    width: 21px;
    height: 21px;
    background: #ff6319;
    display: inline-block;
    border-radius: 50%;
    margin-left: 87px;
    margin-top: 4px;
}


/************************************************************Comment postuler chez webhelp***********************************************************/

.postuler-webhelp {
    position: relative;
    padding-bottom: 17px;
    float: left;
    width: 100%;
    padding-top: 52px;
    background: url("images/bg-postuler2.png") center 0 no-repeat;
    background-size: cover;
}

.postuler-webhelp h2 {
    font-size: 40px;
    color: #282828;
    margin-bottom: 20px;
    margin-left: -7px;
}

.postuler-webhelp .choix-postuler {
    font-size: 25px;
    font-weight: 300;
    color: #282828;
    margin-bottom: 37px;
}
.postuler-webhelp .avantages-online.avantages{
    background: transparent !important;
    padding-top: 15px !important;
}

.postuler-webhelp .methodes-postuler{
    width: 908px;
    margin: 0 auto;
}
.postuler-webhelp .methodes-postuler .chrono{
    padding-left: 46px;
}
.postuler-webhelp .methodes-postuler .online{
    padding-left: 47px;
}
.postuler-webhelp .methodes-postuler .col-lg-6{
    padding: 0;
    width: 420px;
}
.postuler-webhelp .methodes-postuler .col-lg-6 +.col-lg-6 { margin-left: 68px; }

/* .postuler-webhelp .methodes-postuler .chrono {
    width: 83%;
} */

.postuler-webhelp .methodes-postuler .chrono > p {
    margin-bottom: 18px;
    font-weight: 300;
    font-size: 38.08px;
    text-transform: uppercase;
    line-height: 50px;
}

.postuler-webhelp .methodes-postuler .chrono > p > span {
    font-weight: 700;
    color: #1b7ecb;
}

.postuler-webhelp .methodes-postuler .explication-methode p {
    font-size: 17.07px;
    color: #313131;
    line-height: normal;
    margin-bottom: -3px;
}
.postuler-webhelp .methodes-postuler .explication-online.explication-methode{
    margin-bottom: 8px;
}
.postuler-webhelp .methodes-postuler .explication-methode p.astuce {
    margin-top: -8px;
}

.postuler-webhelp .methodes-postuler .explication-methode p span {
    color: #ff6319;
}

.postuler-webhelp .methodes-postuler .explication-methode .astuce:before {
    content: ' ';
    display: inline-block;
    background: url(../images/astuce.png) no-repeat;
    height: 31px;
    width: 38px;
    position: relative;
    right: 32px;
    top: 9px;
}

.postuler-webhelp .methodes-postuler .explication-methode .astuce span {
    margin-left: -38px;
    margin-right: -1px;
}

/* .postuler-webhelp .methodes-postuler .online {
    width: 83%;
} */

.postuler-webhelp .methodes-postuler .online > p {
    font-size: 38.0px;
    color: #282828;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: normal;
}

.postuler-webhelp .methodes-postuler .online > p:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #70ed33;
    display: inline-block;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 15px;
}

.postuler-webhelp .methodes-postuler .online > p div {
    background: #f00;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.postuler-webhelp .methodes-postuler .avantages > span {
    font-size: 30.1px;
    color: #ff6319;
    line-height: 39px;
}

.postuler-webhelp .methodes-postuler .avantages p {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
}

.postuler-webhelp .methodes-postuler .avantages p span {
    color: #ff6319;
}

.postuler-webhelp .methodes-postuler .avantages-chrono {
    padding-top: 31px;
}

.postuler-webhelp .suite-postuler {
    padding-top: 62px;
    float: left;
    width: 100%;
}
.postuler-webhelp .suite-postuler .etapes{
    width: 908px;
    margin: 0 auto;
}

.postuler-webhelp .suite-postuler h3 {
    color: #282828;
    font-weight: 300;
    font-size: 25px;
    padding-bottom: 54px;
    margin-left: -6px;
    letter-spacing: .5px;
}

.postuler-webhelp .suite-postuler .etapes .item-etape {
    width: 293px;
    float: left;
}

.postuler-webhelp .suite-postuler .etapes .item-etape:after {
    content: '';
    display: inline;
    background: url(images/next-step.png) no-repeat;
    float: right;
    height: 39px;
    width: 21px;
    position: relative;
    bottom: 80px;
    left: 0px;
}

.postuler-webhelp .suite-postuler .etapes .item-etape:last-child:after {
    content: none;
}
.postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(1){
    padding-left: 66px;
    padding-top: 4px;
}
.postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(1):after{
    bottom: 84px;
    left: 53px;
}

.postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(2):after{
    bottom: 83px;
    left: 42px;
}
.postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(2){
    padding-left: 51px;
    padding-top: 3px;
}
.postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(3){
    padding-left: 42px;
    padding-top: 2px;
}
.postuler-webhelp .suite-postuler .etapes .text-etape {
    font-weight: 600;
    font-size: 15.5px;
    color: #ff6319;
    padding-top: 20px;
}

.postuler-webhelp .container{
    position: relative;
}

.postuler-webhelp .img-wh {
    position: absolute;
    bottom: -122px;
    left: 14px;
}


/************************************************************Intégration***********************************************************/

.integration {
    float: left;
    width: 100%;
    padding-top: 49px;
    padding-bottom: 28px;
    background: url("images/bg-integration2.png") center 0 no-repeat;
    /* background-size: cover; */
}

.integration h2 {
    font-size: 40px;
    color: #282828;
    margin-bottom: 36px;
    margin-left: -4px;
    letter-spacing: .6px;
}

.integration .content-integration {
    float: left;
    width: 100%;
}

.integration .integration-text {
    font-size: 20px;
    color: #282828;
    text-align: center;
    margin-bottom: 27px;
    /* padding-left: 70px;
    padding-right: 70px; */
    line-height: 27px;
}

.integration .premiers-pas {
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    color: #0069a3;
    padding-top: 17px;
    padding-left: 61px;
    padding-right: 61px;
    line-height: 30px;
    margin-bottom: 15px;
}

.integration .premiers-pas span {
    display: block;
    font-weight: 500;
}

.integration .video-integration {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 22px;
    padding-top: 2px;
}

.integration .video-integration-item {
    position: relative;
    width: 270px;
    height: 164px;
    display: inline-block;
    float: none;
}
.integration .video-integration-item + .video-integration-item {
    margin-left: -4px;
}

.integration .video-integration-item .video-link {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -25px;
    opacity: 0.2;
}
.integration .video-integration-item:hover .video-link{
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

}

.integration .video-integration .img-video {
    width: 100%;
}

.integration .services-webhelp {
    /* padding: 35px 135px 0 135px; */
    float: left;
    width: 100%;
    text-align: center;
}

.integration .services-webhelp .services-item {
    width: 270px;
    display: inline-block;
    text-align: center;
}

.integration .services-webhelp .services-item a{
    display: block;
}

/*.integration .services-webhelp .services-item .imgs{
    float: none;
    display: inline-block;
    margin-right: 16px;
}*/

.integration .services-webhelp .services-item span {
    font-size: 17.53px;
    color: #282828;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 11px;
}

.integration .services-webhelp .services-item:nth-child(1){
    margin-left: -30px;
    padding-left: 51px;
}
.integration .services-webhelp .services-item:nth-child(1) span{
    left: -19px;
}
.integration .services-webhelp .services-item:nth-child(2){
    padding-left: 36px;
}
.integration .services-webhelp .services-item:nth-child(2) .imgs.cf{
    left: 20px;
}
.integration .services-webhelp .services-item:nth-child(3){
    padding-left: 91px;
}
.integration .services-webhelp .cf {
    position:relative;
    height:42px;
    width:42px;
    margin:0 auto;
}
.integration .services-webhelp  .cf .bottom{
    opacity: 0
}


.integration .services-webhelp  .cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.integration .content-services-item a:hover .cf img.bottom{
    opacity:1;
}
.integration .content-services-item:hover .cf img.top{
    opacity:0;
}
/************************************************************newsletter***********************************************************/

.newsletter {
    background: url("images/bg-newsletter.png") center 0 no-repeat;
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-bottom: 10px;
    background-size: cover;
}
.newsletter .conseil{
    text-align: center;
    padding-bottom: 45px;
}
.newsletter .conseil h3{
    color: #fff;
    font-size: 30.15px;
    /*padding-bottom: 27px;*/

}
.newsletter .conseil .infographie-link{
    width: 190px;
    height: 45px;
    display: inline-block;
    line-height: 42px;
    position: relative;
    left: -12px;
}
.newsletter .conseil .seminaire-link{
    width: 190px;
    height: 45px;
    display: inline-block;
    line-height: 42px;
    position: relative;
    left: 12px;
}
.newsletter .conseil a{
    background: #ff6319;
    color: #fff;
    font-size: 15.35px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.newsletter .conseil a:hover{
    background: #e05310;

}
.newsletter h2 {
    font-size: 43.95px;
    color: #fff;
    padding-bottom: 45px;
}

.newsletter .form-wrapper {
    width: 837px;
    margin: auto;
    padding-left: 7px;
}

.newsletter .form-wrapper input[type="text"] {
    border-radius: 0;
    height: 51px;
    line-height: 51px;
    border: 0;
    background: #121618;
    opacity: .6;
    box-shadow: none;
    font-size: 20.78px;
    color: #6f757a;
    width: 352px;
    padding: 5px 17px;
    letter-spacing: 0.5px;
}
.newsletter .form-wrapper label{
    float: left;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    line-height: 45px;
    margin-right: 24px;
}

.newsletter .form-wrapper button {
    border: 0;
    height: 51px;
    border-radius: 0;
    background: #ff6319;
    width: 63px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

.newsletter .form-wrapper button:hover {
    background: #e05310;

}

.newsletter .form-wrapper button i {
    color: #fff;
    font-size: 23px;
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    transform: rotate(11deg);
}

.newsletter::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 17.78px;
    padding: 10px 0;
    position: relative;
    top: -13px;
    color: #6f757a;
}

.newsletter::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 17.78px;
    padding: 10px 0;
    position: relative;
    top: -13px;
    color: #6f757a;
}


/*.newsletter :-ms-input-placeholder {
   IE 10+
  font-family: "open_sansregular";
  font-size: 33.33px;
  padding: 10px 0;
  position: relative;
  top: -24px;
  color: #6f757a;}*/

.newsletter:-moz-placeholder {
    /* Firefox 18- */
    font-family: "open_sansregular";
    font-size: 17.78px;
    padding: 10px 0;
    position: relative;
    top: -13px;
    color: #6f757a;
}


/************************************************************Footer***********************************************************/

footer {
    float: left;
    width: 100%;
}

footer .logo-footer {
    width: 26%;
    float: left;
    /* padding-top: 4.5rem; */
}

footer .logo-footer .logo-foot {
    max-width: 134px;
}

footer .menu-footer {
    float: left;
    width: 74%;
    padding-top: 14px;
}

footer .menu-footer .menu-items {
    float: left;
}

footer .menu-footer .menu-items-wh {
    width: 28.1%;
    margin-left: -13px;
}
footer .menu-footer .menu-items-wh + a{
    letter-spacing: .3px;
}

footer .menu-footer .menu-items-avenir {
    width: 25%;
    float: left;
    margin-left: -7px;
}

footer .menu-footer .menu-items-famille {
    width: 23%;
}

footer .menu-footer .menu-items-aventuree {
    width: 25%;
    margin-left: -5px;
}

footer .menu-footer .menu-items > a {
    font-size: 17.52px;
    color: #d6d6d6;
    padding-right: 13px;
}

footer .menu-footer .menu-items li {
    font-weight: 300;
    font-size: 16.32px;
    line-height: 23px;

}
footer .menu-footer .menu-items li + li{
    /* margin-top: 5px; */
}

footer .menu-footer .menu-items li a {
    color: #a0a0a0;
    font-weight: 300 !important;
}

footer .menu-footer .menu-items li:hover a {
    color: #ff6319;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

footer .menu-footer .menu-items ul {
    padding-top: 17px;
    margin-left: 1px;
}

footer .content-footer {
    width: 100%;
    max-width: 1140px;
    /* padding-left: 20px;
    padding-right: 20px; */
    margin: auto;
    min-height: 237px;
    position: relative;
}

footer .footer-top {
    background: url(images/bg-footer.png);
    background-size: cover;
    padding-top: 88px;
    float: left;
    width: 100%;
    padding-left: 35px;
}

footer .suivez-nous {
    bottom: -31px;
    clear: both;
    position: absolute;
    width: 100%;
    margin-left: -11px;
}
.footer-pages {
    max-width: 1174px !important;
    padding-top: 0;
}

.footer-pages .logo-footer .logo-foot{
    width: 96px;
    height: 56px;
}

footer .suivez-nous .content-suivez-nous {
    margin: 35px auto 4px;
    width: 387px;
    display: table;
    position: relative;
    bottom: 41px;
}

footer .suivez-nous span {
    font-size: 11.93px;
    font-weight: 300;
    color: #a0a0a0;
    display: inline-block;
    padding-right: 15px;
    vertical-align: bottom;
}
footer .suivez-nous span + ul{
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
}

footer .map-footer-top {
    position: relative;
    top: -10px;
    left: -9px;
    color: #7f7f7f;
    padding-right: 16px;
    padding-top: 8px;
}

footer .suivez-nous li {
    float: left;
    padding-right: 28px;
}

footer .suivez-nous li:last-child {
    padding-right: 0;
}

footer .suivez-nous li i {
    color: #e2e2e2;
    font-size: 22px;
}

footer .suivez-nous li:hover i {
    color: #ff6319;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

footer .footer-bottom {
    /* float: left; */
    clear: both; 
    overflow: hidden;
    width: 100%;
    background: #282828;
    padding-top: 19px;
    padding-bottom: 24px;
}

footer .content-footer-bottom {
    width: 100%;
    max-width: 830px;
    margin: auto;
    /* padding-left: 20px;
    padding-right: 20px; */
}

footer .content-footer-bottom p {
    color: #8a8a8a;
    font-size: 11.73px;
    font-weight: 300;
    margin: 0;
    line-height: 13px;
}

footer .content-footer-bottom .copyright {
    font-weight: 300;
    font-size: 10.49px;
    color: #8a8a8a;
}

footer .content-footer-bottom .copyright a {
    color: #c7c7c7;
    font-size: 10.49px;
    border-left: 2px solid #575757;
    padding-left: 5px;
    margin-left: 3px;
    font-weight: 300 !important;
}
footer .content-footer-bottom .copyright a:hover {
    color: #e05310;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

.share-btn {
    /* display: none; */
    bottom: 0;
    position: fixed;
    right: 2%;
    padding: 10px;
    z-index: 99999;
}

.share-btn > li {
    margin-bottom: 9px;
    height: 66px;
    line-height: 66px;
    width: 66px;
    background: #24d3fa;
    border-radius: 50%;
    position: relative;
}
.share-btn li.goto {
    background: #e8e8e8;
    opacity: 0.7;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
.share-btn > li.goto i{
    color: #fff;
    font-size: 60px;
    line-height: 80px;
    display: block;
    margin: auto;
    text-align: center;
    font-weight: 300;
}
.share-btn > li.goto a{
    display: block;
    height: 66px;

}
.share-btn > li:hover {
    background: #00b8e1;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.share-btn > li.goto:hover {
    /*background: #e8e8e8;*/
    background-color: #ccc !important;
}

.share-btn > li a {
    display: inline-block;
    height: 66px;
    line-height: 66px;
    text-align: center;
    width: 100%;
}
.share-btn > li img {
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
.share-btn > li span {
    background: #313131;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    right: 84px;
    font-size: 16px;
    top: 0;
    padding: 20px 35px;
    display: none;
    min-width: 231px;
    line-height: normal;
    text-align: center;
}
.share-btn li span.large {
    min-width: 310px;
}
.share-btn li span:after {
    border-color: transparent transparent transparent #313131;
    border-style: solid;
    border-width: 12px 0 12px 13px;
    content: "";
    height: 0;
    margin-top: -12px;
    position: absolute;
    right: -12px;
    top: 50%;
    width: 0;
}
.share-btn li ul{
    position: absolute;
    right: -305px;
    padding-right: 75px;
    top: 8px;
    width: 305px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    z-index: -1;
}
.share-btn li ul a{
    opacity: 0;
}
.share-btn li ul li { display: inline-block; vertical-align: middle;width: 52px; height: 52px;  }
.share-btn li ul li + li{ margin-left: 2px; }
.share-btn li ul li a{
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    line-height: 58px;
    width: 52px; height: 52px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.share-btn li ul li a i{ font-size: 25px; color: #fff;}
.share-btn li ul li a.facebook{ background: rgba(59, 89, 152, 0.9);}
.share-btn li ul li a.twitter{background: rgba(85,172,238,0.9);}
.share-btn li ul li a.linkedin{  background: rgba(0,122,185,0.9); }
.share-btn li ul li a.gplus{ background: rgba(220,78,65,0.9); }

.share-btn li:hover span{
    display: block;
}
.share-btn li:hover ul{
    right: 0px;
}
.share-btn li:hover > a + ul a.facebook{
    animation:2s ease 0s normal forwards 1 fadeinface;
    -webkit-animation:2s ease 0s normal forwards 1 fadeinface;
    opacity:1
}
@keyframes fadeinface{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeinface{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}
.share-btn li:hover > a +  ul a.twitter{
    animation:1.5s ease 0s normal forwards 1 fadeintwit;
    -webkit-animation:1.5s ease 0s normal forwards 1 fadeintwit;
    opacity:1
}
@keyframes fadeintwit{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeintwit{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}
.share-btn li:hover > a + ul a.linkedin{
    animation:1s ease 0s normal forwards 1 fadeinlink;
    -webkit-animation:1s ease 0s normal forwards 1 fadeinlink;
    opacity:1
}
@keyframes fadeinlink{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeinlink{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}
.share-btn li:hover > a +  ul a.gplus{
    animation:.5s ease 0s normal forwards 1 fadeingplus;
    -webkit-animation:.5s ease 0s normal forwards 1 fadeingplus;
    opacity:1
}
@keyframes fadeingplus{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadeingplus{
    0%{opacity:0}
    60%{opacity:0}
    100%{opacity:1}
}

.share-btn li:hover span a{
    color: #24d3fa;
    height: auto;
    line-height: normal;
    text-align: left;
    width: auto;
}


#social-btn-resp {
    position: fixed;
    top: 78%;
    left: 0;
}

#social-btn-resp span,
#social-btn-resp span:before,
#social-btn-resp span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 6px;
    width: 40px;
    background: #ff6319;
    position: absolute;
    display: block;
    content: '';
}

#social-btn-resp span:before {
    top: -10px;
}

#social-btn-respspan:after {
    bottom: -10px;
}

#social-btn-resp .bar1 {
    top: 10px;
}

.backTop .fa {
    color: #ff6319;
}

.form-responsive {
    display: none;
}

.medium-iphone {
    display: none;
}

.tablet-iphone {
    display: none;
}

.mobile-iphone {
    display: none;
}
.avenir-avec-nous .box-content-item a{
    background: transparent;
    width:100%;
}

@media (max-width: 1550px) {
    .slider-home form {
        padding-top: 59px;
    }
    .slider-home .form-wrapper{
        margin-bottom: 20px;
    }
}

@media (max-width: 1350px) {
    .famille-france .avantages-webhelp{
        margin-top: 0 !important;
    }
    .get-hired .content-get-hired > div + div img {
        margin-left: 22px !important;
    }
    .espace-membre {
        margin: -12px 14px 0 25px !important;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content {
        min-height: 410px !important;
    }
    .nouvelle-famille .text-nouvelle-famille {
        padding-bottom: 20px;
    }
    .nouvelle-famille .text-nouvelle-famille {
        padding-bottom: 20px !important;
    }

    .slider-home p {
        font-size: 45.14px;
    }
    footer .menu-footer .menu-items span {
        font-size: 18px;
    }
    .actu-job .carousel-jobs {
        right: 20px;
    }
    .espace-membre a .icon {
        width: 26px;
        right: 7px;
    }
}

@media (max-width: 1800px) {
    .avenir-avec-nous .box-avantages-webhelp .box-content {
        /*min-height: 28rem;*/
    }

    .slider-home .owl-controls,
    .slider-home .bx-controls{
        right: 60px;
    }
}
@media (max-width: 1350px) and (min-width: 1300px){
    .espace-membre a{
        padding: 10px 15px 10px 17px !important;
    }
}
@media (max-width: 1350px) and (min-width: 1200px) {
    .aventure-commence .container {
        width: 100% !important;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 1300px) {

    #owl-demo,
    #owl-demo .item ,
    #owl-demo .item img,
    #owl-demo .bx-wrapper {
        /* height: auto !important; */
    }

    .slider-home h2 {
        font-size: 80.03px !important;
    }
    .main-menu {
        width: 69%;
    }
    .main-menu li {
        width: 45%;
    }
    .slider-home .espace-membre {
        margin:0 20px 0 0;
    }
    .slider-home .espace-membre a {
        /*font-size: 12px;
         width: 152px; */
        padding: 10px 15px !important;

        background: #ff6319 !important;
        color: #fff !important;
    }
}

@media (max-width: 1200px) {
    .footer-france .menu-footer .menu-items > a{
        font-size: 16px;
    }
    .footer-france .menu-footer .menu-items li{
        font-size: 14.5px;
    }
    .working-way .item div {
        font-size: 21px !important;
    }
    .working-way h2{
        padding-bottom: 34px !important;
    }
     .working-way .avantages-webhelp .item:nth-child(1) {
        left: -16px !important;
    }

    .get-hired .content-get-hired{
        padding-left: 0 !important; 
    }
    .get-hired .content-get-hired > div + div img {
        margin-left: -5px !important;
    }
    .get-board .item-get-board p br{
        display: block;
    }
    .get-board .item-get-board h3 br{
        display: block;
    }
    .actu-job .owl-buttons{
        right: 0 !important;
    }
    .nouvelle-famille .avantages-webhelp .item:nth-child(1){
        left: -57px;
    }
    .nouvelle-famille .avantages-webhelp .item:nth-child(2) {
        left: 1px;
    }

 
    .webhelp-multinationale #text-carousel .bx-wrapper{
        margin: 17px auto !important;
    }
    .newsletter .form-wrapper{
        width: 90%;
    }
    .newsletter .form-wrapper label{
        font-size: 23px;
    }

    .espace-membre{
        margin: 5px 14px 0 7px !important;
    }
    .aventure-commence .left-aventure{
        padding-left: 10px !important;
        width: 65%;
    }
    .aventure-commence .content-recrutement{
        width: 184px;
    }
    .aventure-commence .right-aventure{
        width: 35%;
        padding-left: 0;
    }
    .integration h2 {
        font-size: 46px;
    }
    .integration .premiers-pas {
        font-size: 33px;
    }
    .postuler-webhelp .suite-postuler h3 {
        font-size: 30px;
    }
    .postuler-webhelp .choix-postuler {
        font-size: 30px;
    }
    .postuler-webhelp .methodes-postuler .online > p {
        font-size: 40px;
    }
    .postuler-webhelp .methodes-postuler .chrono > p {
        font-size: 40px;
    }
    .postuler-webhelp h2 {
        font-size: 40px;
    }
    .avenir-avec-nous .box-avantages-webhelp h6 {
        font-size: 24px;
    }
    .avenir-avec-nous .box-avantages-webhelp h3 {
        font-size: 35px;
    }
    .webhelp-multinationale .webhelp-map h4 {
        font-size: 35px;
    }
    .webhelp-multinationale .text-webhelp-multinationale p {
        font-size: 23px;
    }
    .avenir-avec-nous .parcours {
        font-size: 23px;
    }
    .avenir-avec-nous .metiers {
        font-size: 21px;
    }
    .avenir-avec-nous h2 {
        font-size: 43px;
    }
    .webhelp-multinationale .text-webhelp-multinationale h2 {
        font-size: 40px;
    }
    .que-cherches-tu h2 {
        font-size: 40px;
    }
    .temoignage-monde .text-temoignage .plus {
        font-size: 35px;
    }
    .temoignage-monde .text-temoignage .counter {
        font-size: 35px;
    }
    .temoignage-monde h2 {
        font-size: 39px;
    }
    .large-iphone {
        display: none;
    }
    .medium-iphone {
        display: block;
    }
    footer .menu-footer .menu-items span {
        font-size: 16px;

    }
    .slider-home .carousel-indicators {
        top: 44%;
    }
    .slider-home form select {
        height: 62px;
    }
    .slider-home button {
        /* height: 62px; */
    }
    .slider-home .carousel-caption {
        top: 175px !important;
    }

    .slider-home form {
        padding-top: 20px !important;
    }
    .slider-home p {
        font-size: 35px !important;
    }
    .postuler-webhelp .img-wh {
        left: 0;
    }
    .avis-collaborateurs a {
        font-size: 19px;
        width: 134px;
    }
    .nouvelle-famille h2 {
        font-size: 40px;
        padding-bottom: 15px;
    }
    .nouvelle-famille p {
        font-size: 23px;
    }
    .nouvelle-famille .item div {
        font-size: 30px;
    }
    .nouvelle-famille .avantages-webhelp .item {
        padding-bottom: 35px;
    }
    footer .menu-footer .menu-items li {
        font-size: 18px;
    }
    .slider-home form {
        padding-top: 100px;
    }
    .slider-home h2 {
        padding-bottom: 0;
    }
    .slider-home p {
        font-size: 60px;
    }
    nav {
        width: 76%;
    }
    nav .main-menu a {
        font-size: 13px !important;
        padding: 10px 12px;
    }
    .espace-membre {
        float: right;
    }
    /* .espace-membre a {
        font-size: 11px !important;
    } */
    .slider-home .espace-membre .slide {
        padding-top: 7rem;
    }
    .integration .services-webhelp {
        padding: 35px 0;
    }
    .aventure-commence h2 {
        font-size: 37px;
    }
    .aventure-commence .left-aventure p {
        font-size: 22px;
    }
    .aventure-commence .content-recrutement {
        padding-top: 0;
    }
    .aventure-commence .content-recrutement:after {
        margin-left: 54px;
    }
    .aventure-commence .content-integration {
        padding-top: 0;
    }
    .aventure-commence .content-integration:after {
        margin-left: 72px;
    }
    .aventure-commence .number {
        font-size: 100px !important;
    }
    .aventure-commence .icon-suite {
        right: -14px;
        top: 160px !important;
    }
    .webhelp-multinationale {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .webhelp-multinationale .map img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

@media  (min-width: 1736px) and (max-width: 10000px){
    .bienvenu,
    .actu-job,
    .webhelp-multinationale,
    .temoignage-monde,
    .que-cherches-tu,
    .avenir-avec-nous,
    .nouvelle-famille,
    .avis-collaborateurs,
    .aventure-commence,
    .postuler-webhelp,
    .integration,
    .newsletter{
        background-size: cover;
    }
}
@media (max-width: 1670px){
    .bienvenu,
    .actu-job,
    .webhelp-multinationale,
    .temoignage-monde,
    .que-cherches-tu,
    .avenir-avec-nous,
    .nouvelle-famille,
    .avis-collaborateurs,
    .aventure-commence,
    .postuler-webhelp,
    .integration,
    .newsletter{
        background-size: cover;
    }
}
@media (max-width: 6000px){
    .actu-job .owl-buttons{
        right: 75px;
    }
}
    @media (max-width: 1200px) and (min-width: 992px) {
    .multinatinal-map .map {
        width: 389px !important;
    }
    footer .menu-footer .menu-items li{
        font-size: 15px;
    }
    .get-hired .suite-postuler .etapes .item-etape{
        width: 160px !important;
    }
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes .item-etape:nth-child(3) .item-etape-content {
    width: 90% !important;
}
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes .item-etape:nth-child(1) .item-etape-content {
        width: 80% !important;
    }
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes .item-etape:nth-child(1){
        width: 171px !important;
    }
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes .item-etape:nth-child(2) .item-etape-content{
        width: 82% !important;
    }
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes .item-etape:nth-child(2) {
    width: 233px !important;
}
}

@media (max-width: 1096px) and (min-width: 991px) {
    /* .espace-membre a .icon {
        display: none;
    }*/
    .espace-membre a {
        /* width: 113px; */
        background: #ff6319 !important;
        color: #fff !important;

    }
}

@media (max-width: 1068px) and (min-width: 992px) {
    nav .main-menu a {
        padding: 10px 6px;
    }
}



@media (max-width: 992px) and (min-width: 480px) {
    .footer-france .menu-items{
        margin-left:2px;
    }
 
    .footer-france .menu-footer .menu-items-avenir{
        margin-left: -22px;
    }
     .footer-france .menu-footer .menu-items-aventure{
        margin-left: -32px;
    }
}
@media (max-width: 992px) {
    .avenir-france .box-avantages-webhelp h3 {
        font-size: 29.22px !important;
    }
    .job-france .bottom-actu-job .actu-job-item:nth-child(3){
        width: 285px;
    }
    .job-france .bottom-actu-job .actu-job-item:nth-child(1) {
        width: 234px;
    }
    .job-france .bottom-actu-job .actu-job-item:nth-child(2){
        width: 200px;
    }
    .working-way .item div{
        font-size: 17px !important;
    }

    .slider-home .bottom-nav ul{
        top: 8px;
        width: 100%;
        text-align: center;
    }
    .slider-home-portugal .bottom-nav .form-item{
        width: 50% !important;
    }
    .slider-home-portugal button{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .slider-home-portugal .bottom-nav .input-group-btn{
        width: 100% !important;
    }
    .footer-france .footer-top{ 
        padding-bottom: 70px !important; 
    }
    .footer-france .logo-footer{
            width: 23%;
    }
    .attentes-wh{
        padding: 64px 30px 36px 30px;
    }
    .slider-home-france p{
        margin-top: -40px !important;  
    }
    .etude-candidature{
        padding-top: 40px;
    }
    .etapes-recrutement {
        padding-bottom: 57px !important;
    }
    .working-way .avantages-webhelp .item:nth-child(3) {
        left: -13px !important;
}
    .working-way{
        padding-left: 20% !important;
    }
    .get-hired .content-get-hired .next-step{
        padding-bottom: 46px;
    }
    .get-board .item-get-board{
        width: 100% !important;
    }
    .get-board .item-get-board .col-lg-4{
        width: 33.33333% !important;
    }
    footer .menu-footer .menu-items-avenir{
        margin-left: 0;
    }
    .avenir-avec-nous .box-avantages-webhelp{
        max-width: 750px !important;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content-item{
        width: 250px !important;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content{
        width: 90%;
    }
    .newsletter .form-wrapper label{
        float: none;
    }
    .newsletter .form-wrapper input[type="text"]{
        float: none;
    }
    footer .menu-footer .menu-items-wh{
        margin-left: 0;
    }
    footer .suivez-nous{
        bottom: -130px;
    }
    .actu-job .bottom-actu-job .actu-job-item{
        width: 261px;
    }
    .avis-collaborateurs .content-avis{
        padding-left: 0;
        width: 100% !important;
    }
    .integration .services-webhelp .services-item{
        width: 193px;
    }
    .integration .services-webhelp .services-item:nth-child(n){
        padding-left: 0;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape:nth-child(n){
        padding-left: 0;
        padding-top: 0;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape{
        width: 230px;
    }
    .postuler-webhelp .methodes-postuler .col-lg-6 +.col-lg-6 { margin-left: 0; }
    .postuler-webhelp .methodes-postuler .chrono{
        padding-left: 10px;
    }
    .postuler-webhelp .methodes-postuler .online{
        padding-left: 70px;
    }
    .postuler-webhelp .methodes-postuler .col-lg-6{
        width: 50%;
    }

    footer .footer-bottom{
        padding-left: 15px;
        padding-right: 15px;
    }
    .nouvelle-famille .content-nouvelle-famille{
        background: rgba(255, 255, 255, 0.6);
    }
    .nouvelle-famille .avantages-webhelp{
        text-align: center;
    }
    .nouvelle-famille .bottom-items{
        padding-left: 0;
    }
    .nouvelle-famille .avantages-webhelp .item{
        float: none;
        display: inline-block;
        left: 0 !important;
        top: 0 !important;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content-item,
    .avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(3){
        margin-left:0 !important;
    }
    .avenir-avec-nous .box-avantages-webhelp,
    .postuler-webhelp .methodes-postuler,
    .postuler-webhelp .suite-postuler .etapes{
        left: 0;
        width: 100%;
    }
    .slider-home .form-wrapper .input-group{
        min-width: 70%;
    }
    .espace-membre {
        margin-top: 3px;
    }
    .webhelp-multinationale .webhelp-map p {
        font-size: 19.02px;
    }
    .tablet-iphone {
        display: block;
        margin: auto;
    }
    .medium-iphone {
        display: none;
    }
    footer .menu-footer .menu-items {
        width: 50%;
        margin-bottom: 20px;
    }
    footer .suivez-nous .content-suivez-nous {
        bottom: 0;
    }
    footer .footer-top {
        padding-bottom: 30px;
    }
    footer .logo-footer {
        width: 35%;
    }
    footer .menu-footer {
        width: 65%;
        z-index: 1;
        position: relative;
    }
    .actu-job .bottom-actu-job .actu-job-item {
        left:0 !important;
        text-align: center;
    }
    .slider-home .carousel-caption {
        top: 124px !important;
    }
    .content-top-slide {
        padding-top: 5px;
        padding-left: 15px;
    }
    .logo-top .logo {
        max-width: 120px;
        padding-top: 18px;
    }
    .logo-top .fond-logo {
        top: -28.5px;
        left: -278px;
    }
    .que-cherches-tu .critere-text span {
        font-size: 19px;
    }

    .avis-collaborateurs p {
        line-height: 27px;
        width: 100%;
    }
    .avis-collaborateurs p br{ display: none; }
    .newsletter .form-wrapper {
        width: 59%;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content {
        padding-top: 52px;
    }
    .avenir-avec-nous .box-text h3 {
        font-size: 28px;
    }
    .avenir-avec-nous .box-text h6 {
        font-size: 20px;
    }
    .actu-job h2 {
        font-size: 40px;
    }
    .actu-job table {
        width: 88%;
    }
    .actu-job .webhelp-offres .offre {
        font-size: 21px;
    }
    .actu-job .webhelp-offres .ville-job {
        font-size: 17px;
    }
    .actu-job .content-actu-job-item {
        width: 60%;
    }
    .actu-job .content-actu-job-item span {
        font-size: 16px;
        padding-left: 10px;
    }
    .nouvelle-famille {
        padding-left: 34% !important;
    }
    .nouvelle-famille .item div {
        font-size: 24px;
    }
    .nouvelle-famille p {
        font-size: 20px !important;
    }
    .nouvelle-famille .text-nouvelle-famille {
        padding-left: 65px;
    }
    .slider-home h2 {
        font-size: 110px;
    }
    .slider-home p {
        font-size: 50px;
    }
    .slider-home form {
        width: 65.2%;
    }
    .slider-home nav {
        width: 83%;
    }
    .slider-home nav .main-menu a {
        font-size: 13px;
        padding: 10px 6px;
    }
    .slider-home .carousel-indicators {
        right: 10px;
    }
    .integration .premiers-pas {
        font-size: 30px;
    }
    .postuler-webhelp .img-wh {
        display: none;
    }

    .postuler-webhelp h2 {
        font-size: 40px;
    }
    .postuler-webhelp .choix-postuler {
        font-size: 33px;
    }

    .postuler-webhelp .methodes-postuler .online > p {
        font-size: 38px;
    }
    .postuler-webhelp .methodes-postuler .chrono > p {
        font-size: 38px;
    }
    .postuler-webhelp .suite-postuler .etapes .text-etape {
        font-size: 16px;
    }
    .postuler-webhelp .suite-postuler h3 {
        font-size: 33px;
    }
    .slider-home h2 {
        font-size: 58px !important;
    }
    .slider-home p {
        font-size: 25px !important;
    }
    .slider-home form select {
        padding-left: 10px;
        font-size: 22px;
    }
    .slider-home button {
        padding: 0px 15px;
    }
    .slider-home form select {
        height: 48px;
    }
    .slider-home button {
        /*  height: 48px; */
    }
    .slider-home .bottom-nav ul li {
        font-size: 13px;
    }
    .slider-home .bottom-nav ul li a {
        font-size: 13px;
    }
    .c-button {
        top: 9px;
    }
}
@media (max-width: 917px) and (min-width: 601px) {
    .actu-job .webhelp-offres{
        background: url("images/bg-job-slider--resp.png");
        background-size: cover;
    }
}
@media (max-width: 992px) and (min-width: 767px) {
    .multinatinal-map .map {
        width: 288px !important;
    }
    .qui-sommes-nous .multinatinal-map .map{
         width: 288px !important;
    }
    .footer-portugal .menu-footer .menu-items-wh {
        margin-left: -6px !important;
}
    .footer-portugal .menu-footer .menu-items-aventure {
        margin-left: 9px !important;
    }
    .footer-portugal .menu-footer .menu-items-famille {
    margin-left: -9px !important;
}
}

@media (min-width: 768px) and (max-width: 1024px){
    .newsletter .form-inline .input-group .input-group-btn {
        display: inline-block;
    }
}
@media (max-width: 767px){
    .our-opportunities h2{
        font-size: 32.96px;
    }
    .slider-home-portugal p {
        margin-top: -54px !important;
    }
    .slider-home .tp-bullets.simplebullets.round{
        right: 31px !important;
    }
    .working-way {
        padding-top: 90px !important;
    }
    .working-way{
        padding-left: 0 !important;
    }
   .get-hired .content-get-hired .local-interview .item-etape-content{
       margin: auto;
   }
   .get-hired .content-get-hired .local-interview .local-interview-item .etapes h4 {
        padding-top: 15px;
        font-size: 16px;
}
    .get-hired .content-get-hired .local-interview .local-interview-item .etapes p{
        text-align: center;
    }
    .trouver-emploi .input-group{
        display: inline-block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .slider-home .carousel-indicators, 
    .slider-home .tp-bullets.simplebullets.round{
        right: 0px !important;
    }
    .slider-home .select2-container {
        width: 217px !important;
    }
    .avis-collaborateurs .content-avis{
        width: 100% !important;
    }
    .temoignage-monde .temoignage-item:nth-child(4) .text-temoignage  .counter{
        
        display: inline-block;
    }
    .avenir-avec-nous .box-content-item a{
        width: 100%;
    }
    .avenir-avec-nous .box-text {
        text-align: center;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content-item {
        width: 100% !important;
    }
    .newsletter .form-wrapper input[type="text"]{
        width: 100%;
    }
    .newsletter .form-wrapper{
        width: 75%;
    }
    .webhelp-multinationale .webhelp-map .maroc-icon{
        top: 290px;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape{
        margin-bottom: 40px;
    }
    .integration .services-webhelp .services-item:nth-child(1) .imgs{
        left: -18px;
    }
    .integration .services-webhelp .services-item:nth-child(2) .imgs{
        left: -2px !important;
    }
    .nouvelle-famille p{
        padding-right: 0 !important;
    }
    .aventure-commence .content-integration:after{
        margin-left: 0px !important;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape:after {
        content: none !important;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape{
        width: 100% !important;
    }
    .postuler-webhelp .methodes-postuler .online{
        padding-left: 10px;
    }
    .postuler-webhelp .methodes-postuler .col-lg-6{
        width: 100%;
    }
    footer .suivez-nous{
        bottom: -74px !important;
    }
    .temoignage-monde .text-temoignage .letter-ca{
        line-height: normal;
    }
    .slider-home .bx-controls .bx-pager-item + .bx-pager-item,
    .slider-home .owl-theme .owl-controls .owl-page + .owl-page span{
        margin-top: 0;
    }
    .slider-home .bx-controls .bx-pager-item,
    .slider-home .owl-theme .owl-controls .owl-page span{
        margin: 0 7px;
    }
    .slider-home .bx-controls .bx-pager-item,
    .owl-theme .owl-controls .owl-page{
        display: inline-block;
        vertical-align: middle;
    }
    .slider-home .bx-controls,
    .slider-home .owl-controls{
        top: 90%;
    }
    .espace-membre a {
        width: 100%;
        font-size: 14px !important;
    }
    .espace-membre a .icon {
        width: 50px;
    }
    .multinatinal-map .map {
        width: 231px !important;
    }
    .webhelp-multinationale .text-webhelp-multinationale {
        padding-bottom: 73px;
    }
    .nouvelle-famille p {
        font-size: 15px;
    }
    .nouvelle-famille .item div {
        font-size: 19px;
    }
    .nouvelle-famille {
        padding-top: 210px;
        padding-bottom: 0;
    }
    .tablet-iphone {
        display: none;
    }
    .slider-home .owl-controls {
        right: 20px;
    }
    .responsive-main-menu {
        z-index: 999999;
    }
    footer .footer-top .map-footer-top {
        display: block;
        margin: auto;
    }
    /* footer .suivez-nous span {
        width: auto;
    } */
    .newsletter .form-wrapper input[type="text"] {
        font-size: 20px;
    }
    footer .logo-footer {
        width: 100% !important;
    }
    footer .menu-footer {
        padding: 0 10px 0 10px;
        margin-top: 65px;
        width: 100%;
    }
    footer .map-footer {
        display: block;
        margin: auto;
    }
    .form-responsive form select {
        font-size: 23px !important;
        padding-left: 10px !important;
    }
    .slider-home .owl-theme .owl-controls .owl-page span {
        margin-bottom: 10px;
        width: 14px;
        height: 14px;
    }
    .slider-home .owl-theme .owl-dots .owl-dot.active span {
        margin-bottom: 10px;
        width: 14px;
        height: 14px;
    }
    .slider-home .slide {
        padding-top: 0;
    }
    .content-top-slide {
        padding-top: 5px;
    }
    .que-cherches-tu h2 {
        padding-bottom: 34px;
    }
    .que-cherches-tu .critere-text span {
        font-size: 15px;
    }
    .que-cherches-tu .critere-img {
        width: 100%;
    }
    .que-cherches-tu .critere-img img {
        max-width: 100%;
    }
    .avis-collaborateurs a {
        line-height: normal;
        width: auto;
    }
    .avis-collaborateurs p {
        line-height: 27px;
        width: auto;
    }
    .avis-collaborateurs p br{ display: none; }
    .newsletter {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .newsletter h2 {
        font-size: 32px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .newsletter .form-wrapper {
        width: 74.6%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .newsletter::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 20px;
        top: -20px;
        padding-top: 19px;
    }
    .newsletter::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 20px;
        top: -20px;
        padding-top: 19px;
    }
    /* .newsletter :-3ps {
      IE 10+
      font-size: 20px;
      top: -20px;
      padding-top: 19px;
    }*/
    .newsletter:-moz-placeholder {
        /* Firefox 18- */
        font-size: 20px;
        top: -20px;
        padding-top: 19px;
    }
    button {
        padding: 0 9px !important;
    }
    button i {
        font-size: 29px !important;
    }
    .avenir-avec-nous {
        padding-top: 75px;
    }
    .avenir-avec-nous h2 {
        font-size: 33px;
    }
    .avenir-avec-nous .metiers {
        font-size: 20px;
    }
    .avenir-avec-nous .parcours {
        font-size: 20px;
    }
    .avenir-avec-nous .box-text {
        padding: 50px 16px 0 13px;
    }
    .avenir-avec-nous .box-text h3 {
        font-size: 24px;
    }
    .avenir-avec-nous .box-text h6 {
        font-size: 18px;
    }
    .temoignage-monde h2 {
        font-size: 34px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .temoignage-monde .content-temoignage-monde {
        padding-left: 10px;
        padding-right: 10px;
    }
    .temoignage-monde .text-temoignage .counter {
        font-size: 28px;
    }
    .temoignage-monde .text-temoignage .plus {
        font-size: 22px;
    }
    .temoignage-monde .text-temoignage .letter-ca {
        font-size: 22px;
    }
    .temoignage-monde .criteres-temoignage {
        font-size: 13px;
    }
    .bienvenu .bienvenu-text p {
        font-size: 18px;
    }
    .actu-job .webhelp-offres .offre {
        font-size: 18px;
    }
    .carousel-jobs {
        right: 5px !important;
    }
    .webhelp-multinationale {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .webhelp-multinationale .text-webhelp-multinationale h2 {
        font-size: 40px;
        padding-bottom: 5px;
    }
    .webhelp-multinationale .text-webhelp-multinationale p {
        font-size: 22px;
        margin-bottom: -35px;
    }
    .webhelp-multinationale .webhelp-map h4 {
        font-size: 30px;
    }
    .webhelp-multinationale .webhelp-map p {
        font-size: 15px;
    }
    .webhelp-multinationale .webhelp-map a.link {
        padding: 10px 24px;
    }
    .webhelp-multinationale .webhelp-map .maroc-icon a i {
        font-size: 39px;
    }
    .webhelp-multinationale .webhelp-map .maroc-icon span {
        font-size: 17px;
    }
    .slider-home .navbar {
        display: none;
    }
    .slider-home .slide h2 {
        font-size: 80px;
    }
    .slider-home .slide p {
        font-size: 35px;
    }
    /* .slider-home form {
        padding-bottom: 55px;
        padding-top: 60px;
        width: 100%;
    } */
    .slider-home form select {
        font-size: 23px;
        height: 62px;
    }
    /* .slider-home form button {
        height: 62px;
    } */
    /* .slider-home .bottom-nav {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
    } */
    .responsive-main-menu {
        display: block;
        position: relative;
    }
    .responsive-main-menu .navbar-nav.espace-membre {
        margin: 0;
        margin-top: 20px !important;
    }
    .responsive-main-menu .navbar-nav.espace-membre span {
        right: 0;
    }
    .integration .integration-text {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
    }
    .integration .premiers-pas {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 23px;
    }
    .integration .services-webhelp .services-item span {
        font-size: 18px;
        top: 13px;
    }
    .postuler-webhelp .methodes-postuler .chrono {
        width: 100%;
        margin-bottom: 50px;
    }
    .postuler-webhelp .methodes-postuler .chrono > p {
        padding-bottom: 0;
    }
    .postuler-webhelp .methodes-postuler .avantages-chrono {
        padding-top: 0;
    }
    .postuler-webhelp .methodes-postuler .explication-methode .astuce:before {
        right: 0;
    }
    .postuler-webhelp .methodes-postuler .explication-methode .astuce span {
        margin-left: 0;
    }
    .postuler-webhelp .methodes-postuler .online {
        width: 100%;
    }
    .postuler-webhelp .suite-postuler .etapes .text-etape {
        font-size: 13px;
    }
    .aventure-commence {
        padding-top: 60px;
    }
    .aventure-commence .icon-suite {
        right: -21px;
        top: 151px;
    }
    .aventure-commence .left-aventure {
        width: 100%;
        text-align: center;
    }
    .aventure-commence .right-aventure {
        width: 100%;
    }
    .aventure-commence .number {
        padding-left: 0;
    }
    .aventure-commence .content-recrutement:after {
        margin-left: 0;
    }
    .aventure-commence .content-integration:after {
        margin-left: 0;
    }
    .aventure-commence .right-aventure .img-iphone {
        text-align: center;
    }
    .aventure-commence .right-aventure .img-iphone img.mobile-iphone {
        max-width: 307px;
        margin: auto;
        display: block;
    }
    .aventure-commence .icon-suite {
        top: 65px !important;
    }
    .aventure-portugal .icon-suite{
        right: -10px !important;
    }
    .nouvelle-famille h2 {
        font-size: 32px;
    }
    .nouvelle-famille .avantages-webhelp .item {
        padding-bottom: 10px;
    }
    .form-responsive {
        display: block;
    }
    .form-responsive form {
        float: left;
        width: 100%;
        margin: auto;
    }
    .form-responsive form select {
        width: 50% !important;
        float: left;
        padding-left: 28px;
        border-radius: 0;
        height: 70px;
        border: 0;
        box-shadow: none;
        font-size: 29.81px;
        font-family: "open_sanslight";
        background: url("images/icon-select.png") #fff no-repeat 94% 53%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -khtml-appearance: none;
    }
    .form-responsive button {
        height: 70px;
        border: 0;
        border-radius: 0;
        background: #ff6319;
        padding: 0 48px;
    }
    .form-responsive button:hover {
        background: #ff6319;
    }
    .form-responsive button i {
        color: #fff;
        font-size: 30px;
    }
    /* .slider-home form {
        display: none;
    } */
}
@media (max-width: 717px){
    .actu-job .webhelp-offres{
        background: transparent;
    }
}
@media (max-width: 767px) and (min-width: 600px) {
    .newsletter .form-wrapper{
        width: 100%;
    }
    .newsletter .form-wrapper input[type="text"]{
        float: left;
    }
    .integration .services-webhelp .services-item{
        width: 128px;
    }
    .integration .services-webhelp .cf{
        float: none;
    }
    .actu-job .bottom-actu-job .actu-job-item:nth-child(n){
        width: 180px;
    }
    .actu-job .cf{
        float: none;
    }
    .actu-job .bottom-actu-job{
        width: 549px;
    }
}
@media (max-width: 600px) {
    .job-france .bottom-actu-job .actu-job-item:nth-child(1){
        left: 0 !important;
    }
      .slider-home-portugal .bottom-nav .form-item{
        width: 100% !important;
    }
    .conseil-wh-france .conseil a{
         width: 190px;
    }
    .etapes-recrutement .etude-candidature .etape1 {
        width: 258px !important;
    }
    .working-way .avantages-webhelp {
    padding-left: 10px !important;
}
    .working-way .avantages-webhelp .item:nth-child(4) {
    padding-top: 0;
}
    .working-way .avantages-webhelp .item {
    width: 100% !important;
}
    .who-we-are .webhelp-map .maroc-icon{
        top:14px !important;
    }
.why-webhelp .critere-item {
    padding-bottom: 27px;
}
    .bottom-nav .form-item{
        width: 100% !important;
    }
    .input-group-btn{
        width: 100%;
    }
    .slider-home .carousel-indicators, .slider-home .tp-bullets.simplebullets.round{
        left: 93% !important;
    }
    .form-wrapper .select2-container ~ .select2-container{
        margin-left: 0 !important;
    }
    .slider-home .form-wrapper .input-group-btn{
        margin-left: 0;
        width: 100%;
    }
    .slider-home .input-group-btn:last-child > .btn{
        margin-left: 0;
        width: 100%;
    }
    .slider-home .select2-container {
        width: 100% !important;
    }
    .newsletter .form-wrapper{
        width: 100%;
        padding-left: 0;
    }
    .newsletter .input-group{
        width: 100%;
    }
    .newsletter .form-wrapper input[type="text"]{
        float: left;
        width: 83%;
    }
    footer .menu-footer .menu-items li{
        font-size: 16px;
    }
    .integration .services-webhelp{
        padding: 35px 0 0 0;
    }
    .integration .services-webhelp .services-item:nth-child(1){
        margin-left: 19px !important;
    }

    .integration .services-webhelp .services-item{
        margin-bottom: 60px;
    }
    .integration .services-webhelp .services-item{
        width: 100% !important;
    }
    .que-cherches-tu .critere-item {
        margin-bottom: 15px;
        width: 100%;
    }
    .que-cherches-tu .critere-item:nth-child(6){
        left: 0;
    }

    .actu-job .cf{
        height: 15px;
    }
    .actu-job .bottom-actu-job .actu-job-item:nth-child(n){
        width: 100% !important;
    }
    .aventure-commence .content-recrutement {
        width: 100%;
    }
    .aventure-commence .content-integration{
        width: 100% !important;
    }
    .aventure-commence .content-integration .number{
        padding-left: 0;
    }
    .aventure-commence .icon-suite{
        display: none;
    }
    .actu-job {
        padding-bottom: 20px;
    }
    .logo-top .fond-logo {
        top: -14px;
        left: -88px;
        max-width: 416px
    }
    .logo-top .logo {
        padding-top: 0;
    }
    .logo-top {
        width: 80%;
    }
    .tablet-iphone {
        display: none;
    }
    .mobile-iphone {
        display: block;
    }
    .imgs {
        float: none !important;
    }
    .imgs .image-hover {
        margin: auto;
    }
    .integration .services-webhelp .services-item span {
        left: 0;
    }
    .webhelp-multinationale .webhelp-map .maroc-icon {
        top: 0
    }
    .webhelp-multinationale .webhelp-map .multinatinal-map img {
        padding-top: 50px;
    }
    footer .logo-footer {
        width: 100%;
    }
    footer .logo-footer img {
        margin: auto;
        display: block;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content {
        min-height: auto;
        padding-bottom: 25px;
    }
    .avenir-avec-nous .box-avantages-webhelp .box-content-item ,
    .avenir-avec-nous .box-avantages-webhelp .box-content-item:nth-child(3){
        margin-bottom: 18px;
        margin-left: 0 !important;
        width: 100% !important;
    }
    .newsletter .conseil a{
        display: block;
        width: 100% !important;
        left: 0 !important;
        margin-top: 10px;
    }

    .newsletter .form-wrapper .input-group-btn{
        display: block;
    }
    .newsletter .form-wrapper label{
        display: block;
        float: none;
        margin: 0;
    }

    .avenir-avec-nous .box-text {
        text-align: center;
    }

    .temoignage-monde {
        padding-top: 60px;
        padding-bottom: 34px;
    }
    .temoignage-monde h2 {
        font-size: 33px;
    }
    .temoignage-monde .temoignage-item {
        padding-bottom: 40px;
    }
    .temoignage-monde h2 {
        padding-bottom: 40px;
    }
    .temoignage-monde .temoignage-item {
        width: 50%;
    }
    .actu-job table {
        display: none;
    }
    .actu-job .offres-responsive {
        padding-left: 22px;
        padding-right: 22px;
        display: block;
    }
    .actu-job .offres-responsive .item-offre {
        width: 33.3333%;
        float: left;
    }
    .content-actu-job-item span {
        display: block;
        padding-left: 0 !important;
        padding-top: 15px;
    }
    .webhelp-multinationale .text-webhelp-multinationale {
        padding-left: 12px;
        padding-right: 12px;
    }
    .webhelp-multinationale .items-webhelp-map {
        width: 100% !important;
    }
    .webhelp-multinationale .webhelp-map .maroc-icon {
        padding-top: 40px;
        padding-bottom: 20px;
        bottom: 0;
    }
    .webhelp-multinationale .webhelp-map p {
        padding-bottom: 25px;
    }
    .webhelp-multinationale .map img {
        display: block;
        margin: auto;
    }
    .nouvelle-famille {
        padding-left: 0 !important;
        background: #f7f7f7 !important;
    }
    .nouvelle-famille .text-nouvelle-famille {
        padding-left: 0 !important;
    }
    .nouvelle-famille .avantages-webhelp .item {
        width: 100%;
        padding-bottom: 35px !important;
    }
    .nouvelle-famille .bottom-items {
        padding-left: 0;
    }
    footer .suivez-nous .content-suivez-nous {
        width: auto;
    }
    /* footer .suivez-nous span {
        width: 100%;
    } */
    .slider-home .slide h2 {
        font-size: 45px;
    }
    .slider-home .slide p {
        font-size: 23px;
    }
    .integration .services-webhelp .services-item span {
        display: block;
    }
    .slider-home .owl-theme .owl-dots .owl-dot span {
        bottom: 0;
        margin-bottom: 2px !important;
    }
    .slider-home h2 {
        font-size: 45px !important;
        margin-bottom: 24px !important;
    }
    .slider-home p {
        font-size: 20px !important;
    }
    .slider-home .bottom-nav ul li {
        font-size: 13px;
    }
    .integration .video-integration-item .video-link{
        left: 50%;
        top: 50%;
    }
    .integration .video-integration-item + .video-integration-item{
        margin-left: 0px;
    }
    .integration .video-integration-item{
        display: block;
        margin: auto !important;
        height: 168px;
    }
}

@media (max-width: 600px) and (min-width: 480px) {
    .actu-job .carousel-jobs .next-job {
        background: url(images/prev.png) #e8e8e8 no-repeat 3px 9px !important;
    }
    .actu-job .carousel-jobs .prev {
        background: url(images/prev.png) #e8e8e8 no-repeat 3px 9px !important;
    }
    .actu-job .webhelp-offres .offre {
        font-size: 13.5px;
        line-height: 22px;
    }
    .actu-job .webhelp-offres .ville-job {
        font-size: 13px;
    }
    .actu-job .carousel-jobs .carousel-control {
        width: 35px;
        height: 35px;
    }
    .postuler-webhelp .suite-postuler .etapes .text-etape {
        font-size: 20px;
    }


}

@media (max-width: 640px) {

    footer .suivez-nous {
        bottom: -74px !important;
    }
    .integration .services-webhelp .services-item:nth-child(1){
        margin-left: -10px;
    }
}

@media (max-width: 480px) {
    .etapes-recrutement .etude-candidature .etape1:after{
        content:none !important;
    }   
    .get-board .bottom-get-board .video-get-board .video-link{
        margin: -30px 0 0 -49px !important;
    }
    .footer-portugal .menu-footer .menu-items-avenir {
        margin-left: -26px !important;
    }
    .footer-portugal .menu-footer .menu-items-aventure {
        margin-left: -28px !important;
    }
    .footer-portugal .menu-footer .menu-items-wh {
        margin-left: -24px !important;
    }
    .slider-home h2{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 40px !important;
        margin-bottom: 42px !important;
    }
    .slider-home p{
        line-height: 28px !important;
    }
    .slider-home .tp-caption{
        white-space: normal !important;
    }
    .slider-home .form-wrapper .input-group{
        width: 80%;
    }
    .actu-job .owl-buttons{
        top: 46px;
    }
    .actu-job .item-offre{
        width: 274px !important;
    }
    .actu-job .item-offre a{
        font-size: 16px;
    }
    .newsletter .form-wrapper input[type="text"] {
        width: 83%;
    }
    .newsletter .form-wrapper label{
        font-size: 19px;
    }
    .actu-job h2 a{
        right: -7px;
    }
    .suivez-nous {
        bottom: 0px;
    }
    .aventure-commence .content-integration:after{
        margin-left: 0 !important;
    }
    .que-cherches-tu .critere-item:nth-child(n){
        position: static;
    }
    .aventure-commence .content-integration .number{
        padding-left: 8px;
    }
    footer .suivez-nous{
        bottom: -16px !important;
    }
    .postuler-webhelp .methodes-postuler .col-lg-6{
        width: 100%;
    }
    .postuler-webhelp .methodes-postuler .col-lg-6 +.col-lg-6{
        margin-left: 0px;
    }
    .slider-home form{ margin-bottom: 0; }
    .slider-home .form-wrapper .input-group-btn{
        width: 100%;
    }
    .slider-home .form-wrapper .input-group-btn i{
        display: inline-block;
        float: none;
        text-align: center;
    }
    .temoignage-monde .temoignage-item {
        left: -15px !important;
        top: 0 !important;
        width: 100%;
    }
    .logo-top .fond-logo {
        display: none;
    }
    .logo-top {
        padding-top: 12px;
    }
    .slider-home .owl-theme .owl-dots .owl-dot {
        display: none;
    }
    .que-cherches-tu {
        padding-bottom: 50px;
    }
    .que-cherches-tu h2 {
        font-size: 35px;
    }
    .que-cherches-tu .critere-img {
        width: 50%;
        margin: auto;
    }
    footer .logo-footer {
        width: 100%;
        padding-top: 0;
    }

    footer .menu-footer .menu-items {
        width: 100%;
    }
    footer .suivez-nous span {
        float: none;
    }
    footer .suivez-nous ul {
        padding-top: 10px;
    }
    .actu-job .offres-responsive .item-offre {
        width: 100%;
        margin-bottom: 38px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .actu-job .content-actu-job-item {
        text-align: center;
        width: 100%;
    }
    .actu-job .bottom-actu-job {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .actu-job .bottom-actu-job .actu-job-item {
        left: 0 !important;
        top: 0;
        width: 100% !important;
    }

    .nouvelle-famille h2 {
        font-size: 34px;
    }
    .nouvelle-famille p {
        font-size: 19px !important;
    }
    .nouvelle-famille .avantages-webhelp .item {
        left: 0 !important;
        top: 0 !important;
        width: 100%;
    }
    .slider-home form select {
        width: 100% !important;
    }

    .slider-home button {
        width: 100%;
    }
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        margin-left: 0;
    }
    .integration .services-webhelp .services-item {
        width: 100%;
        margin-bottom: 30px;
    }
    .integration h2 {
        font-size: 40px;
    }
    .postuler-webhelp .suite-postuler .etapes .item-etape {
        width: 100%;
        margin-bottom: 40px;
    }

    .postuler-webhelp .suite-postuler .etapes .text-etape {
        font-size: 18px;
    }

    .aventure-commence .content-integration {
        width: 100%;
    }
    .aventure-commence .icon-suite {
        display: none;
    }
    .aventure-commence .img-iphone {
        padding-top: 30px;
    }
    .aventure-commence .img-iphone img {
        width: 100%;
    }
    #social-btn-resp {
        display: block !important;
    }
    .logo-top .logo {
        max-width: 89px;
    }
    .slider-home .carousel-caption {
        top: 58px !important;
    }
    .form-responsive form select {
        font-size: 18px !important;
    }
    .slider-home .carousel-indicators li {
        margin-bottom: 6px;
        width: 12px;
        height: 12px;
    }
    .slider-home .carousel-indicators li.active {
        margin-bottom: 6px;
        width: 12px;
        height: 12px;
    }
    .content-top-slide {
        padding-top: 0;
    }
    .form-responsive button i .icon {
        width: 40px;
        height: 40px;
    }
    footer .suivez-nous li {
        padding-right: 22px;
    }
}

/* Portrait and Landscape */
@media screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 3) {
    footer .suivez-nous{
        bottom: -50px;
    }
}

/*# sourceMappingURL=main.css.map */

.carousel.vertical .item {
    -webkit-transition: .3s ease-in-out top;
    -moz-transition: .3s ease-in-out top;
    -ms-transition: .3s ease-in-out top;
    -o-transition: .3s ease-in-out top;
    transition: .3s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 400px;
}

.carousel.vertical .prev {
    top: -400px;
}

.carousel.vertical .prev.right {
    top: 52px;
}
.carousel.vertical .prev.right {
    top: 42px;
}

.carousel.vertical .active.left {
    top: -400px;
}

.carousel.vertical .active.right {
    top: 400px;
}

.carousel.vertical .item {
    left: 0;
}

.imgs {
    display: block;
    float: left;
}

@keyframes hover-anim {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/*.image-hover {
    display: none;
}
*/
/*
.actu-job .content-actu-job-item a:hover .image-default{
    display: none;
}


.actu-job .content-actu-job-item a:hover .image-hover {
    display: block;
    -webkit-transition: hover-anim 5s linear;
    -moz-transition: hover-anim 5s linear;
    -o-transition: hover-anim 5s linear;
    transition: hover-anim 5s linear;
}
*/
.imgs-box {
    float: none !important;
    display: table !important;
    margin: auto;
}

.imgs-box:hover .image-default {
    displaY: none;
}

.imgs-box:hover .image-hover {
    display: block;
}

.imgs-cherche {
    display: block;
}

.imgs-famille {
    float: none !important;
    display: table !important;
    margin: auto;
}
.imgs-famille.cf{
    position:relative;
    height:40px;
    width:40px;
    margin:0 auto;
}
.imgs-famille.cf img {
    position:absolute;
    left:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.imgs-famille.cf .bottom{
    opacity: 0
}

.nouvelle-famille .avantages-webhelp a:hover .cf img.top{
    opacity:0
}
.nouvelle-famille .avantages-webhelp a:hover .cf img.bottom{
    opacity:1;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: 816px;
}
#owl-demo .item {
    float: left;
    width: 100%;
    height: 816px;
}
#owl-demo  ,
#owl-demo .bx-wrapper {
    height: 816px;
}
#owl-demo.owl-carousel{
    display: block;
}
.pin {
    text-align: left;
    width: 30px;
    /*height: 30px; */
    border-radius: 50% 50% 50% 0;
    background: #ff6319;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: 0 0 0 -31px;
}

.pin:after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 8px 0 0 8px;
    background: #ff6319;
    position: absolute;
    border-radius: 50%;
}

.bounce {
    animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
}

.pulse {
    text-align: left;
    background: transparent;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 11px 0px 0px -12px;
    transform: rotateX(55deg);
    z-index: 9999;
}

.pulse:after {
    content: "";
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    margin: -4px 0 0 0px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #ff6319;
    animation-delay: 1.1s;
}
.select2-dropdown {
    z-index: 99999;
}
.form-wrapper .naissance  .select2-container {
    display: inline-block;
    vertical-align: middle;
    height: 47px;
    width: 142px !important;
}
.form-wrapper .info-poste  .select2-container {
    display: inline-block;
    vertical-align: middle;
    height: 54px;
    width: 421px !important;
}

.form-wrapper .select2-container .select2-choice ,
.popin .select2-container .select2-choice {
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    text-align: left;
    text-shadow: none;
}

.form-wrapper .select2-container .select2-choice .select2-arrow {
    right: 15px;
    top: 0;
}
.select2-container{
    background: #fff;
    box-shadow: none;
}
.select2-container .select2-choice{
    padding: 0;
}
.select2-container .select2-choice .select2-arrow{
    background: none;
    border: none;
    width: 0px !important;
}
.time .select2-container .select2-choice .select2-arrow{
    right: 10px;
}

.select2-container .select2-choice .select2-arrow b {
    background: none !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #7f7f7f transparent transparent transparent;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}
.form-wrapper .select2-container .select2-choice .select2-arrow b {
    border-width: 7px 6px 0;
    border-color: #7f7f7f transparent transparent;
}

.select2-container.select2-container--open .select2-choice .select2-arrow b {
    border-width: 0 6px 7px;
    border-color: transparent transparent #7f7f7f;
}
.select2-container .select2-choice .select2-arrow b{
    margin-left: -11px;
    margin-top: -3px;
}
.form-wrapper .select2-container.selectpicker{
    border: none;
    border-radius: 0;
    padding: 0;
    height: 47px;
}
.form-wrapper .select2-container .select2-choice .select2-arrow{
    background: none;
    border: none;
}
.form-wrapper .select2-container .select2-choice,
.form-wrapper .select2-container .select2-choice .select2-arrow {
    height: 47px;
}

.form-wrapper .select2-container .select2-choice .select2-chosen {
    font-size: 20.01px;
    font-weight: 300;
    height: 47px;
    line-height: 47px;
    padding-left: 22px;
}

.form-wrapper .select2-container ~ .select2-container {
    margin-left: -4px;
}

.trouver-emploi .form-wrapper .select2-container,
.trouver-emploi .form-wrapper .select2-container .select2-choice,
.trouver-emploi .form-wrapper .select2-container .select2-choice .select2-arrow,
.trouver-emploi .form-wrapper .select2-container .select2-choice .select2-chosen,
.container-espace-candidature .form-wrapper .select2-container,
.container-espace-candidature .form-wrapper .select2-container .select2-choice,
.container-espace-candidature .form-wrapper .select2-container .select2-choice .select2-arrow,
.container-espace-candidature .form-wrapper .select2-container .select2-choice .select2-chosen {
    height: 50px;
    line-height: 50px;
    color: #5d5d5d;
}
.popin .select2-container .select2-choice .select2-chosen {
    font-size: 10px;
    font-weight: 300;
    height: 23px;
    line-height: 23px;
    padding-left: 0px;
    padding-right: 0px;
}

/* .popin .select2-container .select2-choice,
.popin .select2-container .select2-choice .select2-arrow,
.popin .select2-container .select2-choice .select2-chosen {
    height: 23px;
    line-height: 23px;
    color: #5d5d5d;
} */
.select2-dropdown{
    min-width: 117px !important;
}

.fancybox-overlay-fixed{
    z-index: 9999999999;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.right.carousel-control {
    filter: none;
}

@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
    .slider-home form select {
        background: #fff;
    }
}




/* added by hafid */
.wrapper .adresses-webhelp .ville h3:before{
    vertical-align: bottom;
}

.video-frame,
.video-close{
    box-shadow: none !important;
}
.video-close,
.fancybox-close{
    background: none !important;
    color: #fff;
    font-size: 24px;
    height: auto;
    position: fixed !important;
    right: 25px !important;
    top: 0 !important;
    width: auto;
}
.fancybox-close:active,
.fancybox-close:focus,
.fancybox-close:hover{
    color: #fff;
}
.video-wrapper{
    background: rgba(0, 0, 0, 0.8) !important;
}
.selected{
    padding: 5px;
    background: red;
}

.aventure-commence .icon-suite img{
    display: block;
    opacity:0;
    -o-animation:wifianimation 3s infinite;
    -moz-animation:wifianimation 3s infinite;
    -webkit-animation:wifianimation 3s infinite;
    animation:wifianimation 3s infinite;
}
.aventure-commence .icon-suite img:first-child {
    -o-animation-delay:1000ms;
    -moz-animation-delay:1000ms;
    -webkit-animation-delay:1000ms;
    animation-delay:1000ms;
}
.aventure-commence .icon-suite img:first-child + img {
    -o-animation-delay:2000ms;
    -moz-animation-delay:2000ms;
    -webkit-animation-delay:2000ms;
    animation-delay:2000ms;
}
.aventure-commence .icon-suite img:first-child + img + img {
    -o-animation-delay:3000ms;
    -moz-animation-delay:3000ms;
    -webkit-animation-delay:3000ms;
    animation-delay:3000ms;
}

@-o-keyframes wifianimation
{
    0% { opacity: 0.9 }
    20% { opactiy: 0.8 }
    50% { opactiy: 0.7 }
    100% { opactiy: 0.6; }
}
@-moz-keyframes wifianimation
{
    0% { opacity: 0.9 }
    20% { opactiy: 0.8 }
    50% { opactiy: 0.7 }
    100% { opactiy: 0.6; }
}
@-webkit-keyframes wifianimation
{
    0% { opacity: 0.9 }
    20% { opactiy: 0.8 }
    50% { opactiy: 0.7 }
    100% { opactiy: 0.6; }
}

#fancymap{
    height: 600px;
    width: 800px;
}

/*.share-btn li:not(.goto){
    display: none;
}*/

.share-btn li ul li a.facebook:hover{
    background: rgba(59, 89, 152, 1);
}
.share-btn li ul li a.twitter:hover{
    background: rgba(85,172,238,1);
}
.share-btn li ul li a.gplus:hover{
    background: rgba(220,78,65,1);

}
.share-btn li ul li a.linkedin:hover{
    background: rgba(0,122,185,1);
}

.tp-video-play-button{
    display: none !important;
}

tbody {
    border-top: 0;
}




/* Icon Pulse Shrink */
@-webkit-keyframes pls-anim {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}


@keyframes pls-anim {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.postuler-webhelp .methodes-postuler .avantages > span ,
.avantages-chrono.avantages > span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-right: 5px;
}
.postuler-webhelp .methodes-postuler .avantages > span:before ,
.avantages-chrono.avantages > span:before {
    content: "\f067";

    background: url("images/plus-icon.png") no-repeat;
    font-size: 30.1px;
    position: absolute;
    right: -25px;
    top: 13px;
    color: transparent;
    /*font-family: FontAwesome;*/
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.postuler-webhelp .methodes-postuler .avantages > span:before,
.postuler-webhelp .methodes-postuler .avantages > span:focus:before,
.postuler-webhelp .methodes-postuler .avantages > span:active:before,
.avantages-chrono.avantages > span:before,
.avantages-chrono.avantages > span:focus:before,
.avantages-chrono.avantages > span:active:before {
    -webkit-animation-name: pls-anim;
    animation-name: pls-anim;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}



/*.html5vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0 !important;
    overflow: hidden;
}

.html5vid iframe,
.html5vid object,
.html5vid video,
.html5vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.bx-wrapper{
    background: transparent;
    border: 0;
    box-shadow: none;
}
 
.btn-back{
    position: absolute;
    background: url("../images/home.png") 0 0 no-repeat;
    display: block;
    width: 44px;
    height: 40px;
    margin: 0 auto; 
    font-size: 0px;
    top: 25px;
    left:-60px;
}

.trouver-emploi .input-group{
    max-width: 650px;
    margin: 0 auto;
}

.bottom-nav form,
.trouver-emploi form{
    max-width: 650px;
}
.trouver-emploi .form-item,
.bottom-nav .form-item{
    margin: 0;
    float: left;
    width: 43.8%
}
.trouver-emploi .input-group-btn,
.bottom-nav .input-group-btn{
    float: left;
}
.nos-offres-actualites .content-offres-actualites .trouver-emploi select,
.bottom-nav .select2-container,
.nos-offres-actualites .content-offres-actualites .trouver-emploi .select2-container{
    background: #fff;
    border: none;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    width: 100% !important;
}
.bottom-nav .select2-container .select2-choice ,
.nos-offres-actualites .content-offres-actualites .trouver-emploi .select2-container .select2-choice {
    padding: 0 0 0 2px;
    background: none;
    border: none;
    line-height: 50px;
    height: 50px;
    font-size: 17px;
    font-weight: 300;
    box-shadow: none;
}
.bottom-nav .select2-container ,
.bottom-nav .select2-container .select2-choice {
    height: 47px;
    line-height: 47px;
}
.trouver-emploi select,
.bottom-nav select{
    font-size: 22px !important;
    height: 47px !important;
}
.trouver-emploi select{
    height: 50px !important;
    font-size: 20px !important;
    font-family: arial;
}

/* container-espace-candidature */
.container-espace-candidature.edition .donnees-personnelles{
    max-width: 478px;
}

.container-espace-candidature.edition .info-poste #edit-field-region,
.container-espace-candidature.edition .info-poste #edit-field-ville,
.container-espace-candidature.edition .info-poste .form-type-radios{
    margin-top: 40px; 
}

.container-espace-candidature.edition .form-actions{
    clear: both;
}
.container-espace-candidature.edition.btns .form-actions{
    display: none;
}
.container-espace-candidature .donnees-personnelles .form-type-radios{
    padding-top: 90px;
}
.container-espace-candidature.edition .form-type-radios,
.container-espace-candidature.register .form-type-radios{
    padding-top: 0;
}
.container-espace-candidature.register .identif-left{
    float: left;
    width: 100%;
}
.container-espace-candidature.register .identif-left p{
    font-size: 20px;
    float: left;
    margin-right: 40px;
    margin-top: 10px;
}
.container-espace-candidature.register .identif-left .connecte-toi{
    float: none;
}
.container-espace-candidature.edition{
    overflow: hidden;
    margin-bottom: 60px !important;
}
.container-espace-candidature .form-type-radios label,
.container-espace-candidature .form-type-radios .form-type-radio,
.container-espace-candidature .form-type-radios .form-radios{
    display: inline-block;
}

.container-espace-candidature .form-type-radios.form-item-field-civilite-und label {
    color: #191919; 
    font-size: 17.74px;
}
.container-espace-candidature .form-type-radios .form-type-radio {
    padding-top: 0;
}
.container-espace-candidature .donnees-personnelles .form-type-radios .form-radios {
    padding-left: 36px;
    width: 82%;
}

.container-espace-candidature .form-type-radios .form-radios label{
    padding-right: 50px;
}
.container-espace-candidature .form-type-radios .form-radios label:before,
.container-espace-candidature .info-poste div[id^="edit-field-type-de-poste"] .form-type-radio label:before{
    content: "";
    background: #c9c9c9;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -1px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 20%;
    border-radius: 50%;
}
.container-espace-candidature .form-type-radios .form-radios input:checked + label:before,
.container-espace-candidature .info-poste div[id^="edit-field-type-de-poste"] .form-type-radio input:checked + label:before{
    background: #ff6319;
}
.container-espace-candidature div[id^="field-prenom"] label,
.container-espace-candidature div[id^="field-nom"] label,
.container-espace-candidature div[id^="field-email"] label,
/*.container-espace-candidature div[id^="field-tel"] label,*/
.container-espace-candidature div[id^="field-date"] label,
.container-espace-candidature label[for="edit-captcha-response"]{
    display: none;
}
.container-espace-candidature div[id^="field-tel"] label,
.container-espace-candidature div[id^="field-date"] legend{
    display: block;
    border: none;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 21px;
    color: #5d5d5d;
}
.container-espace-candidature div[id^="field-date"] .date-no-float{
    width: 100%;
}
.container-espace-candidature div[id^="field-date"] .date-padding{
    padding-left: 0px;
    padding-right: 0px;
}
.container-espace-candidature .info-poste .form-field-name-field-source .form-item{
    margin-top: 0px;
}
.container-espace-candidature .group-info-perso #edit-field-date-de-naissance legend span:after{
    content: "*";
    color: #f00;
    display: inline-block;
}
.container-espace-candidature .group-info-perso > legend,
.container-espace-candidature .info-poste label{
    color: #0069a3;
    display: block;
    font-size: 23px;
    font-weight: 400;
    padding-bottom: 32px;
    border: none;
    position: relative;
}
.container-espace-candidature .info-poste #edit-field-cv-document label[for="edit-field-cv-document-und-0"]{
    color: transparent;
}
.container-espace-candidature .info-poste #edit-field-cv-document label[for="edit-field-cv-document-und-0"]:before{
    content: "Ton CV";
    display: block;
    position: absolute;
    left: 0;
    color: #0069a3;
}
.container-espace-candidature .info-poste #edit-field-cv-document label[for="edit-field-cv-document-und-0"]:after{
    content: "(á télécharger au format :  \00a0 Pdf, Doc, Docx)";
    display: block;
    font-size: 15px;
    position: absolute;
    right: 123px;
    top: 6px;
    color: #0069a3;
}

.container-espace-candidature .info-poste label[for="edit-field-cv-document-und-0"] span{
    font-size: 15px; 
}

.container-espace-candidature .captcha.form-wrapper legend,
.container-espace-candidature #edit-simplenews .fieldset-description,
.container-espace-candidature div[id^="edit-account"] label,
.container-espace-candidature #edit-account label,
.container-espace-candidature.edition .field-name-field-conditions-utilisations label[for="edit-field-conditions-utilisations-und"],
.container-espace-candidature.register .field-name-field-conditions-utilisations label[for="edit-field-conditions-utilisations-und"]{
    display: block;
    font-weight: 400;
    font-size: 21px;
    color: #5d5d5d;
    padding-bottom: 0;
    border: none;
}

.container-espace-candidature .captcha.form-wrapper {
    max-width: 50%;
}
.container-espace-candidature .captcha.form-wrapper legend{
    padding-top: 20px;
    display: block;
    margin-bottom: 0px;
}

.container-espace-candidature.register .form-actions{
    clear: both;
    margin-bottom: 90px;
}

.container-espace-candidature.register  .info-poste + p,
.container-espace-candidature.register  .info-poste + p + br{
    display: none;
}

.container-espace-candidature.register  .info-poste + p + br + fieldset{
    clear: both;
}

.container-espace-candidature.register  .info-poste label[for="edit-field-conditions-utilisations-und-0"]{
    font-size: 14px;
    color: #5d5d5d;
    display: inline-block;
}
.container-espace-candidature div[id^="edit-account"] input{
    border: none;
    height: 54px;
    padding-left: 23px;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 21px;
    color: #5d5d5d;
}
.container-espace-candidature #reset{
    display: none;
}
.container-espace-candidature .form-submit{
    margin: auto;
    display: inline-block;
    color: #fff;
    background: #ff6319;
    border-radius: 0;
    font-size: 17.63px;
    /*text-transform: capitalize;*/
    min-width: 195px;
    padding: 0 15px;
    height: 48px;
    line-height: 34px;
    border: none;
    
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.container-espace-candidature .form-submit:hover{
    color: #fff;
    background: #e05310 !important;
}

.container-espace-candidature.register .field-name-field-conditions-utilisations {
    float: none;
    clear: both;
}
.container-espace-candidature.register .field-name-field-conditions-utilisations + p {
    display: none;
}
.container-espace-candidature.register .field-name-field-conditions-utilisations + p + br {
    display: none;
}
.container-espace-candidature.register .field-name-field-conditions-utilisations + p + br + fieldset{
    min-width: 100%;
    clear: both;
}
.container-espace-candidature .info-poste div[id^="field-source"] input{
    width: 100%;
}
.container-espace-candidature .info-poste div[id^="edit-field-type-de-poste"] .form-type-radio{
    display: inline-block;
}
.container-espace-candidature .info-poste div[id^="edit-field-type-de-poste"] .form-type-radio label{
    padding-right: 50px;
}

.container-espace-candidature .info-poste .form-item-field-source-und .select2-container,
.container-espace-candidature .info-poste .form-item-field-region-und .select2-container,
.container-espace-candidature .info-poste .form-item-field-ville-und .select2-container{
    background: #fff;
    border: none;
    height: 50px;
    /*padding: 0 20px;*/
    line-height: 50px;
    width: 100% !important;
}

.container-espace-candidature input#edit-field-date-de-naissance-user-und-0-value-datepicker-popup-0{
    margin-bottom: 0;
}
.container-espace-candidature .info-poste .form-item-field-source-und .select2-container .select2-choice ,
.container-espace-candidature .info-poste .form-item-field-region-und .select2-container .select2-choice,
.container-espace-candidature .info-poste .form-item-field-ville-und .select2-container .select2-choice {
    padding: 0;
    background: none;
    border: none;
    line-height: 50px;
    height: 50px;
    font-size: 17px;
    font-weight: 300;
    box-shadow: none;
}
.container-espace-candidature .info-poste .form-managed-file {
    width: 421px;
    background: #fff;
    height: 54px;
    position: relative;
    overflow: hidden;
}
.container-espace-candidature .info-poste .form-managed-file input[type="file"]{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
    z-index: 1;
}
.container-espace-candidature .info-poste .form-managed-file input[type="submit"]{
    display: none;
}
.espace-candidature .form-item .description,
.field-name-group-audience{
    display: none;
}
.espace-candidature .register input[type="text"],  
.espace-candidature .register input[type="password"], 
.espace-candidature .register input[type="email"], 
.espace-candidature .register input[type="tel"]
.espace-candidature .edition input[type="text"], 
.espace-candidature .edition input[type="password"], 
.espace-candidature .edition input[type="email"], 
.espace-candidature .edition input[type="tel"]{
    width: 90%;
}
.espace-candidature input[type="text"]:hover,  
.espace-candidature input[type="password"]:hover, 
.espace-candidature input[type="email"]:hover, 
.espace-candidature input[type="tel"]:hover{
    border:1px solid #ccc !important;
}
 
.espace-candidature input[type="text"]:focus,  
.espace-candidature input[type="text"]:active,  

.espace-candidature input[type="password"]:focus, 
.espace-candidature input[type="password"]:active, 

.espace-candidature input[type="email"]:focus, 
.espace-candidature input[type="email"]:active, 

.espace-candidature input[type="tel"]:focus,
.espace-candidature input[type="tel"]:active{
    border:1px solid #ff6319 !important;
}

.espace-candidature .edition .form-type-password-confirm input[type="password"]{
    width: 83%;
}
.espace-candidature .register .container-inline-date .date-padding,
.espace-candidature .register .container-inline-date .form-item,
.espace-candidature .edition .container-inline-date .date-padding,
.espace-candidature .edition .container-inline-date .form-item{
    float: none;
    width: 100%;
}
.espace-candidature .donnees-personnelles input[type="checkbox"]{
    margin-bottom: 5px;
    width: auto;
}
.container-espace-candidature .info-poste .form-managed-file:after {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    float: right;
    background: url(images/icon-upload.png) no-repeat;
    position: absolute;
    top: 11px;
    right: 20px;
    visibility: visible;
}
.container-espace-candidature .info-poste .form-managed-file span.file{
    bottom: 16px !important;
    left: 60px !important;
}
.container-espace-candidature .info-poste .form-managed-file span.file + span.file-size{
    display: none;
}
.container-espace-candidature .info-poste .form-managed-file:after {
    content: attr(data-name);
    color: #337ab7;
    font-weight: 14px;
    display: inline-block;
    text-indent: -22em;
}

.container-espace-candidature .info-poste .form-managed-file:before {
    content: "CV";
    font-size: 21px; 
    color: #5d5d5d;
    padding-left: 20px;
    line-height: 49px;
    text-transform: uppercase;
    position: relative;
}

.mejs-container{
    background: none !important;
}

.view-page-des-creneaux{
    margin: 60px 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #5d5d5d;
  -moz-text-fill-color: #5d5d5d;
  -o-text-fill-color: #5d5d5d;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -moz-box-shadow: 0 0 0px 1000px #fff inset;
  -o-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.btn-new {
    position: absolute;
    font-size: 17px;
    background: #ff6319;
    padding: 7px 16px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    top: 108px;
    left: 78px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
.btn-new:hover {
    color: #fff;
    background: #e05310;
}

.password-strength,
.password-strength-title,
.password-strength-text,
.password-suggestions.description,
.password-indicator,
.container-espace-candidature.register form > div > p,
.element-invisible{
    display: none !important;
}

.txt-small{
    font-size: 15px;
}

.profile{
    margin: 100px auto;
}
.profile .field-label-above{
    height: auto;
    margin-bottom: 20px;
}
.profile .field-item.even{
    margin: 0;
}
.profile h3{
    border: none;
    margin-bottom: 10px;
}
.profile tr.odd{
    border: none;
    margin-top: 10px;
}
.profile tr.odd{
    background: none;
    border: none;
}

.profile thead tr th{
    border: none;
}
.profile tbody {
    border-top: 0;
}

.comments h2.title {
    color: #0069A3;
    margin: 30px 0;
}
.comment textarea ,
.comment-form textarea {
    border: 1px solid #ccc !important;
    resize: vertical;
}

article.comment {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 5px 20px;
    box-shadow: 1px 2px 3px #ccc;
}

article.comment .field-item.even{
    margin: 0;
}

.comment .links.inline,
.comments .links.inline{
    list-style:none !important;
}

.comment .links.inline a,
.comments .links.inline a,
.comment-form input[type="submit"],
.comments input[type="submit"]{
    color: #fff;
    background: #ff6319;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    margin: 10px 0 0;
    display: inline-block;
    padding: 0px 25px;
    text-transform: capitalize;
    min-width: 120px;
    text-align: center;
}

.comments .links.inline a:hover,
.comments .links.inline a:focus,
.comments .links.inline a:active,
.comments input[type="submit"]:hover,
.comments input[type="submit"]:focus,
.comments input[type="submit"]:active,
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus,
.comment-form input[type="submit"]:active{
    color: #fff !important;
    background: #e05310 !important;
}

.comments h2.title.comment-form{
    margin: 60px 0 0;
    font-size: 20px;
}

.filter-wrapper.form-wrapper{
    display: none;
}

.retour{
    margin-top: 60px;
}

.retour a{
    border: 1px solid #ccc;
    display: inline-block;
    background: none;
    box-shadow: none;
    padding: 5px 10px;
    border-radius: 5px;
}

h3.author {
    color: #0069A3;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
#node-body img{
    /*width: auto !important;*/
    height: auto!important;
}
.comment p,  
#node-body .comments p, 
#node-body .comments p span{
    font-size: 14px !important;
    text-transform: lowercase;
}

h3.author + h3{
    display: none;
}

.btns-user a{
    color: #fff !important;
    background: #ff6319;
    font-size: 18px !important;
    font-weight: 500;
    height: 46px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    line-height: 46px;
}
.btns-user a:hover,
.btns-user a:focus,
.btns-user a:active{
    color: #fff !important;
    background: #e05310 !important;
}

.top-page-content > a[id^="comment-"] + .comment{
    margin-top: 80px;
}
.top-page-content > a[id^="comment-"] + .comment + .comment-form{
    margin-bottom: 100px;
}

.espace-candidature .entretien-video{
    visibility: hidden;
}

.container-espace-candidature input[type="radio"], 
.container-espace-candidature input[type="checkbox"]{
        margin:0;
}
.form-field-name-field-cv-document div.error, 
.form-field-name-field-cv-document table tr.error{
    position: absolute;
}

.page-85 h1{
    color: #07659a;
}

.fullcoveredvideo video, .fullscreenvideo video{
    background: none !important;
}

div.password-confirm{
    display: none;
}

#node_cv_webhelp_form_group_cv_document {
   display: none;
}

div#edit-field-date-de-naissance-und-0-value .select2-container ,
div#edit-field-date-de-naissance-user-und-0-value .select2-container {
    width: 30%;
}

.group-cv-webhelp,
.group-cv-media,
.group-cv-document,
#edit-field-date-de-naissance-und-0-value-datepicker-popup-0,
#edit-field-date-de-naissance-user-und-0-value-datepicker-popup-0{
    display: none !important;
}

.details-offre h2 + p {
    margin-bottom: 20px
}

.page-270{
    margin: 0 auto;
    max-width: 960px;
}

.form-managed-file div.ajax-progress, 
.form-managed-file div.throbber{
    position: absolute;
}

.actu-job .owl-controls .owl-buttons div.owl-prev{
    position: relative;
    top: 39px;
    transform: rotate(180deg);
}

.actu-job .owl-controls .owl-buttons div.owl-next{
    position: relative;
    top: -40px;
    transform: rotate(0deg);
}

.hybridauth-widget-wrapper h3{
    display: none;
}

.hybridauth-widget-wrapper .hybridauth-widget{
    margin: 20px 0 0;
}

.hybridauth-widget-wrapper ul.hybridauth-widget{
    margin: 20px 0 30px;
    overflow: hidden;
}

.hybridauth-widget-wrapper ul.hybridauth-widget li{
    margin: 0 4px 0 0;
    float: left;
    height: 90px;
    width: 90px;
}

.hybridauth-widget-wrapper ul.hybridauth-widget li a{
    color: #fff;
}

.hybridauth-widget-wrapper .hybridauth-widget li.first{

}
.hybridauth-widget-wrapper .hybridauth-widget li .hybridauth-icon.facebook{
    background: rgba(59, 89, 152, 0.9) none repeat scroll 0 0;
    font-size: 40px;
    line-height: 75px;
}
.hybridauth-widget-wrapper .hybridauth-widget li .hybridauth-icon.linkedin{
    background: rgba(0, 122, 185, 0.9) none repeat scroll 0 0;
    font-size: 40px;
    line-height: 70px;
}
.hybridauth-widget-wrapper .hybridauth-widget li .hybridauth-icon.google{
    background: rgba(220, 78, 65, 0.9) none repeat scroll 0 0;
    font-size: 35px;
    line-height: 72px;
}

.hybridauth-widget-wrapper .hybridauth-widget span{
    border-radius: 50%;
    height: 70px;
    width: 70px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    background-size: 100% auto;
    opacity: 1;
}

.espace-candidature.identif .identif-left .social-media{
    display: none;
}

#hybridauth-additional-info-form{
    margin: 10px;

}

#hybridauth-additional-info-form #edit-fset legend{
    color: #0069a3;
    display: block;
    font-size: 23px;
    font-weight: 400;
    position: relative;
}

#hybridauth-additional-info-form .form-item label{
    display: block;
    border: none;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 21px;
    color: #5d5d5d;
}

#hybridauth-additional-info-form .form-item input.password-confirm, 
#hybridauth-additional-info-form .form-item input.password-field{
    height: 54px;
    padding-left: 23px;
    border: 1px solid #ccc !important;
    box-shadow: none;
    font-size: 21px;
    color: #5d5d5d;
}

#hybridauth-additional-info-form #edit-submit{
    margin: auto;
    display: inline-block;
    color: #fff;
    background: #ff6319;
    border-radius: 0;
    font-size: 17.63px;
    text-transform: capitalize;
    width: 195px;
    height: 48px;
    line-height: 34px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

#hybridauth-additional-info-form ~ #footer{
    display: none;
}

#hybridauth-additional-info-form #edit-submit:hover{
    color: #fff;
    background: #e05310 !important;
}

.details-offre .top-details-offres.last{
    padding: 0;
}

.details-offre .top-details-offres.last .link-postuler{
    bottom: -63px;
    right: 0;
}

.navbar-nav > li:hover .pages{
    display: block;
}

.pages {
    left: 0;
    position: absolute;
    right: 0;
    display: none;
}

.pages a {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    padding: 5px 10px;
}

.pages.connexion a {
    line-height: 35px;
}

.pages a:hover,
.pages a:focus,
.pages a:active,
.pages a.active {
    color: #fff !important;
    background: #e05310 !important;
}
.pages a + a{
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.creneau h2{
    float: none !important;
    color: #0069A3 !important;
    margin: 0 0 50px !important;
    font-size: 29px !important;
}
.creneau .intro{
    font-size: 16px;
}
.creneau strong{ 
    font-weight: normal;
}

.creneau em{
    font-style: normal;
    color: #337ab7;
}

#oldnavigator{
    background: #f5f5f5;
    display: none;
    text-align: center;
    padding: 40px 0;
}
#oldnavigator h2{
    background: url("../images/nav-icon.png") center 0 no-repeat;
    padding-top: 89px;
    color: #191919;
    font-size: 19px;
    margin-bottom: 17px;
}
#oldnavigator p{
    color: #191919;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 45px;
}
#oldnavigator .buttons br{display: block !important;}
#oldnavigator .buttons a + a{
    margin-left: 32px;
}

.img-creneau{
    float: left;
    margin-right: 20px;
}

#newsletter .newsletter{
    background: none;
    padding: 0;
}
#newsletter .newsletter .form-item-mail{
    float: left;
    margin: 0;
}
#newsletter .newsletter .input_img.form-submit{
    border: 0;
    height: 51px;
    border-radius: 0;
    background: #ff6319;
    color:#fff;
    width: 63px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}
#newsletter .newsletter .input_img.form-submit:hover{
    background: #e05310;
}
#newsletter .newsletter h4{
    display: none;
}
.simplenews-subscribe label{
    display: none;
}

.webhelp-adresses p{
    margin-top: 15px;
    overflow: hidden;
    display: block;
}

.webhelp-adresses p:before{
    content: '';
    display: inline-block;
    background: url(images/icon-ville.png) 0 0 no-repeat;
    background-size: 80%;
    width: 24px;
    height: 27px;
    margin-right: 5px;
    float: left;
}

.messages-label{
    display: none !important;
}

.webhelp-box{
    margin-top: 20px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
}

#messages-inner{
    color: #3c763d;
    background: #fff;
    border: 1px solid #ccc;
}
#messages-inner tbody tr:first-child, 
#messages-inner tbody tr:last-child {
    display: none;
}

#better-messages-default div.status{
    background: url("../images/check.png") 0 0 no-repeat;
    background-size:12%; 
}
#better-messages-default div.error{
    background: url("../images/error-icon.png") 5px 8px no-repeat;
    background-size:9%; 
}

#better-messages-default div.error,
#better-messages-default div.status{
    border: none;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 20px 5px 60px;
    margin:0;
    min-height: 60px;
}

.webhelp-box-content{
    display: table-footer-group;
}

.webhelp-box-content p{
    margin-top: 30px;
}
.intro + .view-content{
    display: table;
}
.intro + .view-content > p{
    margin-top: 30px;
}
.calendar-calendar{ 
    background: #fff;
    margin-top: 70px;
    display: table-header-group;
}
.calendar-calendar .week-view{
    margin: 20px;
}

div[title="Zoom avant"],
div[title="Zoom arrière"]{
    background: #ff6319;
}

#simplenews-confirm-removal-form.confirmation,
#simplenews-confirm-add-form.confirmation,
#user-pass-reset{
    margin: 60px auto;
}
#simplenews-confirm-removal-form #edit-submit,
#simplenews-confirm-add-form.confirmation #edit-submit,
#user-pass-reset #edit-submit{
    background: #ff6319 none repeat scroll 0 0;
    color: #fff;
    font-size: 15.35px;
    display: inline-block;
    height: 42px;
    line-height: 40px;
    width: 140px;
}
#simplenews-confirm-removal-form #edit-submit:hover,
#simplenews-confirm-add-form.confirmation #edit-submit:hover,
#user-pass-reset #edit-submit:hover{
    background: #e05310;
}
#simplenews-confirm-removal-form #edit-submit + #edit-cancel,
#simplenews-confirm-add-form.confirmation #edit-submit + #edit-cancel{
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    height: 42px;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 40px;
    vertical-align: top;
}

.responsive-main-menu{
        z-index: 999999999999999999999999999999999;
}