/*html{
height:100%;
overflow: hidden;
}*/
body{
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
/*height:100%;
perspective: 1px;
transform-style: preserve-3d;
overflow-y: scroll;
overflow-x: hidden;*/
}
div.header_container{
width:100%;
height:120px;
background:#58595b;
position: absolute;
top:30px;
z-index: 1000;
}
div.header_content{
width:1065px;
height:auto;
margin:0 auto;
}
div.logo{
position: relative;
}
div.logo img{
margin-top:13px;
max-height:144px!important; /* 120 avant */
width:auto!important;
}
div.coin_menu{
width:337px;
height:46px;
position: absolute;
bottom:-7px; /* -31 avant */
left:-30px;
background:url(../img/coin-menu.png) no-repeat;
z-index: -1;
}
.not_home .barre_coin_logo{
top:149px !important;
}
.barre_coin_logo{
width:30%;
height:45px;
background:#58595b;
position: absolute;
z-index: -1;
top:70px;
left:0;
}
div.main_menu,
div.menu-main-principal-container,
div.menu-main-menu-container{
text-align: right;
}
div.menu-main-principal-container ul,
div.menu-main-menu-container ul{
padding:0;
line-height: 121px;
}
div.menu-main-principal-container ul li,
div.menu-main-menu-container ul li{
display: inline-block;
list-style-type: none;
font-size: 16px;
text-transform: uppercase;
margin-right:50px;
}
div.menu-main-principal-container ul li:last-child,
div.menu-main-menu-container ul li:last-child,
div.menu-main-principal-container ul li:nth-child(3),
div.menu-main-menu-container ul li:nth-child(3){
margin-right: 0 !important;
}
div.menu-main-principal-container ul li a,
div.menu-main-menu-container ul li a{
color:#ccc;
text-decoration: none;
}
div.menu-main-principal-container ul li a:hover,
div.menu-main-menu-container ul li a:hover{
color:#fff;
}
div.menu-main-principal-container ul li.menu-item-language,
div.menu-main-menu-container ul li.menu-item-language{
float: right !important;
margin-right: 0;
}
.main_menu li:hover > ul {
transition: 1s max-height 0.2s;
max-height: 22em;
display: block;
}
.main_menu ul ul {
position: absolute;
overflow: hidden;
max-height: 0em;
z-index: 999;
margin: 0 0 0 -15px;
padding: 0 20px;
border: none;
display: block;
background:#58595b;
line-height: normal !important;
top:80px;
text-align: left;
}
.main_menu {
    padding-right:0 !important;
}
.main_menu ul ul li{
display: block;
line-height: normal !important;
padding:8px 0;
border-bottom: solid 1px #666;
margin-right: 0 !important;
text-transform: none !important;
}
.main_menu ul ul li:last-child {
float: none;
border-bottom: none;
}
.container{
width:100% !important;
height:auto;
padding:0 !important;
}
.content{
width:1065px;
height:auto;
margin:0 auto;
position: relative;
}
div.slider{
height:500px;
background: #eee;
margin-top: 71px;
position: relative;
}
.flex-control-nav {
text-align: right !important;
margin-top:40px;
z-index: 1000 !important;
position: relative !important;
}
.flex-control-nav li a{
color:transparent !important;
}
.flex-control-paging li a.flex-active{
background:#ccc !important;
border:solid 2px #ccc !important;
width: 12px !important;
height: 12px !important;
}
.flex-control-paging li a{
background:transparent !important;
border:solid 2px #ccc !important;
box-shadow:none !important;
width: 12px !important;
height: 12px !important;
}
div.container_croix{
width:100%;
height:100%;
position: absolute;
top:120px;
}
div.container_croix .content{
height:100%;
}
div.barre_vertical{
width:17px;
height:100%;
background:url(../img/barre_vertical_croix.png) repeat-y;
position: absolute;
top:0;
left:0;
z-index: 500;
}
div.barre_horizontal{
position: relative;

width:100%;
height:17px;
background:url(../img/barre_horizontal_croix.png) repeat-x;
}
div.cercle_croix{
position: absolute;
bottom:-106px;
left:-89px;
z-index:50;
background:url(../img/cercle-croix.png) no-repeat;
width:196px;
height: 195px;
}
div.motif_top_container{
width:100%;
height: auto;
position: relative;
z-index: 1;
background:#fff;
}
div.motif_top_container .content{
padding-bottom: 20px;
}
div.motif_top_container .row{
margin-left:30px;
margin-right:0;
}
div.bloc_jaune{
background:#f9ae49;
font-size:25px;
color:#fff;
padding:30px;
width: 56.5%;
margin-top: 13px;
}
div.bloc_gris{
background:#b3b3b3;
margin-top: 60px;
padding:30px;
font-size: 20px;
color:#fff;
width:40.5%;
position: absolute;
right:0;
}
div.motif_top{
width:100%;
height:130px;
background:url(../img/motif-top.jpg) no-repeat;
position: absolute;
bottom:0;
z-index: -1;
}
.slider_container, div#services_container {
background:#fff;
position: relative;
z-index:2;
}
div#services_container .content{
padding:30px 0 40px 0;
}
div#services_container .barre_vertical {
top:-130px !important;
height:calc(100% + 130px) !important;
}
div.section_services,
.row.section_emplois{
margin-right: 0;
margin-left: 20px;
}
div.section_services p{
color:#808080;
font-size: 20px;
}
div.img_services{
height:145px;
}
div.img_services img{
margin:0 auto;
}
.section_emplois{
    margin-top:30px;
}
.section_emplois h2{
    margin-bottom:20px !important;
}
.job_listings h3{
    color:#fbb040 !important;
}
.single_job_listing .meta .job-type{
    color:#1a1a1a !important;
}
div.motif_bg{
width:100%;
height:320px;
/*background:url(../img/motif_bottom.jpg) no-repeat center top;*/
color:#808080;
font-size: 36px;
font-weight: 300;
}
div.motif_bg .content{
height:320px;
}
@media (min-width:992px){
    div.motif_bg .coordonnees{
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin:0 auto;
    }
}
div.motif_bg .facebook{
    text-align:right;
}
div.motif_bg iframe{
    margin-top:20px;
}
div.yellow_line{
width:100%;
height:7px;
background:#f9ae49;
position: relative;
z-index: 1;
}
div.footer_container{
width:100%;
height:auto;
background:#58595b;
padding:15px 0 20px 0;
position: relative;
z-index: 1;
}
div.footer_container ul ul{
display: none;
}
div.footer_container ul{
line-height: normal;
}
div.footer_container .menu li a{
color:#fff;
}
div.footer_container .menu li a:hover{
color:#ccc;
}
div.footer_container .menu li:last-child{
margin-left:125px;
}
div.logo_footer img{
margin:0 auto;
width: 205px;
height:auto;
display: inline-block;
}
div.logo_footer {
margin:20px 0 30px 0;
}
div.copyright, div.copyright a{
color:#999;
font-size:15px;
}

/********** PAGE SERVICES **********/

.header_page{
width:1065px;
height:275px;
/*background:url(../img/motif_header.jpg) no-repeat;*/
margin:120px auto 0 auto;
padding:0;
}
.header_single{
width:1065px;
height:270px;
margin:87px auto 0 auto;
position: relative;
}
h1{
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
font-weight: 700 !important;
font-size: 35px !important;
text-transform: uppercase;
color:#fbb040 !important;
margin:0 0 50px 0!important;
padding-top:30px;
}
.page_content{
padding-top:50px;
}
.page_content p{
font-size: 22px;
color:#1a1a1a;
font-weight: 300;
margin-bottom: 25px !important;
}
.page_content ul{
padding:15px 0 15px 10px;
}
.page_content ul li{
font-size: 22px;
color:#1a1a1a;
font-weight: 300;
margin-bottom: 8px !important;
list-style-type:none;
background:url(../img/puce.png) no-repeat left top;
padding-left:40px;
}
.feature_image {
padding-left: 0 !important;
}
.feature_image img{
width:100%;
height:auto;
}
.service_text{
margin: 0 auto !important;
width:85%;
}
.services_list_container{
margin:50px 0 0 0;
padding:0 0 75px 0;
}
h2{
color:#fbb040 !important;
font-size: 33px !important;
font-weight: 700 !important;
margin:0 0 2px 0!important;
}
.excerpt p{
margin: 0 !important;
}
.read_more{
color:#1a1a1a;
font-size: 20px;
font-weight: 500;
display: inline-block;
background:#ccc;
padding:0 10px;
text-decoration: none;
margin-top:10px;
}
.read_more:hover{
text-decoration: none;
background:#fbb040;
color:#fff;
}
.services_list_content{
margin-top:25px;
}
.single_content{
padding-bottom: 50px;
}
.clear{
clear: both;
}
.footer_info{
height:320px;
color:#808080;
font-size: 36px;
font-weight: 300;
}
.footer_info p{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
max-width: 90%;
display: block;
}
.contact_content {
padding-left:100px;
}
.contact_content  .col-xs-12{
padding-left:0 !important;
}
.hide{
display: block !important;
}
#agm-canvas{
margin-top:10px;
}
.container_page .content{
padding:50px 0 100px 100px;
}
.container_page a{
color:#fbb040;
text-decoration: none;
}
.container_page a:hover{
color:#1a1a1a;
text-decoration: none;
}
.img-page{
width:100%;
}
.flex-direction-nav .flex-next{
right:20px !important;
}
.flex-direction-nav .flex-prev{
left:20px !important;
}
.container_page hr{
border-top:solid 1px #d9d9d9;
margin:30px 0 !important;
}
#huge_it_google_map997407{
display: block !important;
}
/****** ACCORDEON ********/

/*.wpsm_panel {
padding:0 !important;
}
.ac_open_cl_icon {
display: none !important;
}
.ac_title_class span{
display: none !important;
}
.ac_title_class{
border-top:none !important;
border-left:none !important;
border-right:none !important;
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
font-weight: 600 !important;
}
#wpsm_accordion_44 .wpsm_panel-body{
font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
border :none !important;
}*/
/***** CLASS ÉDITEUR DE CONTENU *******/

.gris{
color:#808080;
}
.majuscule{
text-transform: uppercase;
}
/**** PARALLAX **/

.parallax {
position: relative;
min-height: 830px;
width: 100%;
transform-style: inherit;
background: 50% 50% / cover;
padding-top:130px;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.parallax:before {
	transform: none !important;
	}
}
.parallax:before {
background: url(../img/motif.jpg) no-repeat center;
transform: translateZ(-1px) scale(2);
z-index: -1;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size:cover;
}

/********** FORMULAIRE DEMANDE DE SOUMISSION ****************/
#vfbp-form-1,
#vfbp-form-4{
    margin: 0 -15px;
}
.vfbp-form .vfb-form-control{
    height:40px !important;
}
.vfbp-form label{
    color:#58595b !important;
}
.vfb-form-group{
    margin-bottom:25px !important;
}
.vfbp-form textarea.vfb-form-control{
    height:auto !important;
}
.vfb-fieldType-checkbox>div{
    display:flex;
    flex-wrap: wrap;
}
.vfb-fieldType-checkbox .vfb-checkbox{
    width:25%;
}
@media (max-width:767px){
    .vfb-fieldType-checkbox .vfb-checkbox{
        width:44%;
        margin-right:20px;
    }
}
@media (min-width:768px) and (max-width:1065px){
    .vfb-fieldType-checkbox .vfb-checkbox{
        width:33.33333333%;
    }
}
.vfb-fieldType-checkbox{
    margin-bottom:25px !important;
}
.vfbp-form .btn-primary{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color:#f9ae49 !important;
    border:0 !important;
    height:40px !important;
    padding:6px 20px !important;
    font-weight:bold !important;
    transition:all 0.5s;
}
.vfbp-form .btn-primary:hover{
    background-color:#58595b !important;
}
.vfbp-form .btn-file i{
    top:-2px !important;
    margin-right:5px !important;
}
.fileinput-remove-button{
 float:left !important; 
}
.btn-file{
 float:right !important;
}
#vfbp-form-1 .vfb-fieldType-checkbox .vfb-help-block,
#vfbp-form-4 .vfb-fieldType-checkbox .vfb-help-block{
    position: absolute;
    top: 0;
    display:flex;
    justify-content:center;
    align-items:center;
    width: 17px;
    height: 17px;
    margin:0;
}
#vfbp-form-1 .vfb-fieldType-checkbox .vfb-help-block{
    left: 145px;
}
#vfbp-form-4 .vfb-fieldType-checkbox .vfb-help-block{
    left: 125px;
}
#vfbp-form-1 .vfb-fieldType-checkbox .vfb-help-block a,
#vfbp-form-4 .vfb-fieldType-checkbox .vfb-help-block a{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 17px;
    height: 17px;
    padding-top: 1px;
    background-color:#fbb040;
    border-radius:100px;
    color:#fff;
    font-weight:600;
    transition:all 0.5s;
}
#vfbp-form-1 .vfb-fieldType-checkbox .vfb-help-block a:hover,
#vfbp-form-4 .vfb-fieldType-checkbox .vfb-help-block a:hover{
    background-color:#58595b;
}
.job-listing-meta li{
    background:none !important;
}
#job_type{
    height:34px;
}
#submit-job-form input[type=submit]{
    display: flex;
    justify-content: center;
    align-items: center ;
    background-color:#f9ae49;
    border:0;
    height:40px;
    padding:6px 20px;
    font-weight:bold;
    color:#fff;
    transition:all 0.5s;
}
#submit-job-form input[type=submit]:hover{
    background-color:#58595b;
}
#vfbp-form-2{
    margin:0 -15px;
}
#vfbField52 .vfb-checkbox,
#vfbField53 .vfb-checkbox{
    width:100%;
}
#vfbField54 label{
    display:none;
}
#vfbField54 input{
    margin-top:20px;
}
@media (max-width:992px){
    #vfbp-form-1{
        padding-bottom:50px;
    }
}
.top_bar{
    display:flex;
    justify-content: flex-end;
    background-color: #f9ae49;
}
.top_bar .top_container{
    width: 1065px;
    height: auto;
    margin: 0 auto;
    display:flex;
    justify-content:flex-end;
}
.top_bar ul{
    padding: 0;
    display:flex;
    /*justify-content: flex-end;*/
    align-items: center;
    height: 30px;
    margin: 0;
}
.top_bar ul.coords{
    width:50%;
    display:flex;
    justify-content:flex-start;
}
.top_bar ul li{
    margin-right:30px;
    color:#fff;
    list-style-type: none;
}
.top_bar nav{
    width:50%;
    display:flex;
    justify-content:flex-end;
}
#menu-menu-top-bar{
    display:flex !important;
}
#menu-menu-top-bar li{
    margin-right:0;
}
.top_bar ul li img{
    width:16px;
    height:auto;
    margin-right:8px;
}
.top_bar ul li a{
    color:#fff;
    transition:all 0.5s;
}
.top_bar ul li a:hover{
    color:#58595b;
    text-decoration: none;;
}
.header_content nav .btn{
    background-color:#f9ae49;
    padding:10px 15px;
    border-radius:0;
    transition:all 0.5s;
}
#rmp-menu-204 .btn{
    background-color:#f9ae49;
    border-radius:0;
    padding:0;
}
#rmp-menu-204 .btn a{
    background-color:#f9ae49;
    border:none;
    line-height:50px;
}
.header_content nav .btn:hover,
#rmp-menu-204 .btn:hover{
    background-color:#fff;
}
.header_content nav .btn a,
#rmp-menu-204 .btn a{
    color:#fff;
    transition:all 0.5s;
}
.header_content nav .btn:hover a{
    color:#f9ae49;;
}
#rmp-menu-204 .btn:hover a{
    color:#f9ae49;
    background-color:#fff;
}
@media screen and (max-width: 1065px){
    .top_bar .top_container {
        width: 100% !important;
        padding:0 20px;
    }
}

@media screen and (max-width: 500px){
    .top_bar .top_container{
        justify-content:center;
    }
    .top_bar, .top_bar ul{
        display:flex;
        justify-content: center;
        background-color: #f9ae49;
    }
    .top_bar ul li{
        margin-right:15px;
    }
    .top_bar ul.coords, .top_bar nav{
    width:auto;
    justify-content:center;
    }
}