body{font-family:"bashsemilight" !important;font-size:16px !important;color:#000;padding-top:89px;padding-bottom:60px}
@media (max-width: 768px) {
	body{padding-top:59px;padding-bottom:150px;font-size:16px !important;}
	.row{padding-left:0;padding-right:0}
}


.full-width{width:100%}
.half-width{width:50%}
@media (max-width: 768px) {
	.full-width-xs{width:100% !important}
	.no-padding-xs{padding:0px !important}
}
.title-default, .title-primary, b, strong{font-family:"bashbold"}
b i{font-family:"bashbold_italic"}
hr{border-top:1px #fafafa solid}
label{}
select .optionGroup{font-weight: bold;}
select .optionChild{padding-left:15px;}

.text-ilatic, i{font-family:"bashsemilight_italic"}
.text-center p{text-align:center !important}
.no-padding{padding:0 !important}
.no-padding-left{padding-left:0 !important}
.no-padding-right{padding-right:0 !important}
.no-margin{margin:0 !important}
.no-margin-left{margin-left:0 !important}
.no-margin-right{margin-right:0 !important}
@media (max-width: 768px) {
	.hide-xs{display:none}
}
.position-relative {position: relative;}
.btn-history{display:none;position: fixed;left:55px;top: 125px;background: #000;z-index: 999;height: 50px;width: 50px;color: #fff !important;line-height:51px;text-align: center;border-radius: 100%;font-weight:bold;transform:rotate(-180deg)}
body#les-valeurs .btn-history{display:inline-block}
body#la-maison .btn-history{display:inline-block}
body#talks .btn-history{display:inline-block}
body#job-department .btn-history{display:inline-block}
body#job-offer .btn-history{display:inline-block}
body#news .btn-history{display:inline-block}
.btn-history i{font-weight:bold}
.join-the-team-job-intro p{text-align:center !important}
.join-the-team-link{position:fixed;left:0;right:0;bottom:0;padding:10px 25px;color:#fff;z-index:99;background:#000;transition:bottom 400ms linear}
/*body.scrollToBottom  .join-the-team-link{bottom:0}*/
.join-the-team-link p{font-size:16px;height:40px;line-height:35px;margin:0}
.join-the-team-link .btn{border-color:#fff;float:right;color:#fff;height:40px;line-height:35px;}
body.job-offers .join-the-team-link{display:none}
body.job-offer .join-the-team-link{display:none}

@media (max-width: 768px) {
	.join-the-team-link{text-align:center;bottom:-170px;}
	.join-the-team-link a{width: 100%;margin:0 0 0;}
	.btn-history{display:none !important;position: relative;top: 0;width: 100%;border-radius: 0;left: 0;text-align: right;padding: 0 20px 0 15px;}
}

/************************/
/* TITLE & BTN */
/************************/
.title-default{font-size:1.5em;}
.title-primary{font-size:1.8em;color:#000}
.text-primary{font-size:1em;line-height:34px;color:#000 !important;margin:25px 0;}
.hide-br br{display:none}
.text-justify{text-align:justify}
.title-default{}
.cms-text-center p{text-align:center !important}
.font-light{font-family:"bashsemilight" !important;}
@media (max-width: 768px) {
.title-default{font-size:1.2em;}
.title-primary{font-size:1.5em;color:#000}
	.text-primary{line-height:28px}
}

.btn-light{font-family:bashsemilight_italic}
.btn-light .icon-next{display:inline-block;font-weight:bold;font-size:12px;margin-right:10px}

.btn.btn-default.loading{text-indent:-300px;overflow:hidden;background: url(../img/loading.gif) center center no-repeat;background-size: 24px;border: none;box-shadow: none;}
/************************/
/* HEADER */
/************************/
header{height:90px;z-index:99;position:fixed;top:0;left:0;z-index:10;right:0;background:#fff;border-bottom:1px #fafafa solid}
header .logo-primary-wrapper{height:90px;line-height:90px;}
header .logo-primary{height:35px;}
@media (max-width: 768px) {
	header{box-shadow:0px 1px 5px 0px #939393}
}

.dropdown-menu{max-width:initial !important}

/************************/
/* MAIN MENU */
/************************/
.main-menu-wrapper{}
.main-menu{}
.main-menu ul{text-align:center}
.main-menu ul li{}
.main-menu ul li a{}
.main-menu ul li.main-menu-link-wrapper{display:inline-block;height:90px;line-height:90px;font-size:1.8em}
/*.main-menu ul li.main-menu-link-wrapper a.main-menu-link{display:inline-block;height:90px;line-height:90px;font-size:18px;padding:0 35px;vertical-align: top;}*/
.main-menu ul li.main-menu-link-wrapper a.main-menu-link{display:inline-block;height:90px;line-height:90px;font-size:18px;padding:0 30px;vertical-align: top;}
/*.main-menu ul li.main-menu-link-wrapper.active a.main-menu-link, .main-menu ul li.main-menu-link-wrapper:hover{border-bottom:5px #000 solid}*/
@media (max-width: 768px) {
	header{height:60px}
	header .logo-primary-wrapper{height:60px;line-height:50px;}
	header .logo-primary{height:30px;}


	.xs-burger{margin:20px 0 0 15px;animation:all 600ms ease}
	.xs-burger span{width:27px;height: 1px;background: #000;display: block;margin:4px 0 7px 5px;}
	.xs-burger p{margin:5px;font-size:10px;line-height:11px;letter-spacing:1px}
	
	.xs-burger.active .first{transform:rotate(-45deg) translateY(5px) translateX(-6px)}
	.xs-burger.active .seconde{transform:rotate(45deg) }
	.xs-burger.active p{display:none}
	.main-menu-wrapper{display:block;left:-100%;transition:left 600ms ease;z-index: 999;position: fixed;top:59px;background: rgba(255, 255, 255, 0.98);bottom: 0;padding:25px 0}
	.main-menu-wrapper.active{left: 0;right: 0;}
	.main-menu ul li.main-menu-link-wrapper{display:block}
	.main-menu ul li.main-menu-link-wrapper a.main-menu-link{font-size:22px}
	/*.main-menu ul li.main-menu-link-wrapper.active a.main-menu-link, .main-menu ul li.main-menu-link-wrapper a.main-menu-link:hover{border-bottom:5px #000 solid}*/

	/*Modification Nirvaan Guilloux projet septembre 2021*/
	.myDropdown{display: none}
	.main-menu-link-wrapper {display: flex!important;flex-wrap: wrap; padding: 0}
	.main-menu-link-wrapper.active {height: 100%!important;background-color: #fafafa;}
	.main-menu ul li.main-menu-link-wrapper a.main-menu-link, .main-menu-link-wrapper > span{border-bottom: 5px #fff solid;}
	.main-menu ul li.main-menu-link-wrapper.active a.main-menu-link, .main-menu-link-wrapper.active > span{border-bottom: 5px #000 solid;}
	.main-menu ul li.main-menu-link-wrapper a.main-menu-link{padding-left: 15px;text-align: left;width: 80%}
	.main-menu-link-wrapper > span{padding-right: 15px;width: 20%;cursor: pointer;text-align: right;position: relative}
	.main-menu-link-wrapper > span i{background: url(../img/icon/down-arrow.svg);background-repeat: no-repeat;width: 20px;height: 20px;position: absolute;left: 45%;top: 35%;}
	.main-menu-link-wrapper.active > span i{transform: rotate(180deg);}
	.main-menu-link-wrapper .myDropdown{width:100%; }
	.main-menu-link-wrapper .myDropdown .dropdown-item{text-align: left;padding-left: 40px; font-size: 16px; font-weight: 400;height: 45px;line-height: 45px}

}

@media (min-width: 768px) and  (max-width: 1280px){
	.main-menu ul li.main-menu-link-wrapper a.main-menu-link{font-size:16px;}
	.main-menu ul li.main-menu-link-wrapper a.main-menu-link{display:inline-block;height:90px;line-height:90px;font-size:16px;padding:0 25px;vertical-align: top;}
	.main-menu ul li.main-menu-link-wrapper.active a.main-menu-link, .main-menu ul li.main-menu-link-wrapper:hover{border-bottom:5px #000 solid}

}
/* EXPANDS */
.expand-main-menu{position:fixed;display:none;top:90px;left:0;right:0;z-index:98;background:#fff;text-align:left;line-height:1em;padding:25px 0 0;border-bottom:1px #fafafa solid}
.expand-main-menu-picture-wrapper{overflow:hidden}

.expand-main-menu-link-wrapper{margin:15px 0 25px 0}
@media (min-width: 1024px) {
	.main-menu ul li.main-menu-link-wrapper:hover .expand-main-menu{display:block;top:90px}
	.expand-main-menu-picture-wrapper:hover img{transform:scale(1.1)}
	.main-menu ul li.main-menu-link-wrapper.active a.main-menu-link, .main-menu ul li.main-menu-link-wrapper:hover{border-bottom:5px #000 solid}

}

.tools-menu{}
.tools-menu ul{text-align:right}
.tools-menu ul li{display:inline-block;}
.tools-menu ul li a{display:inline-block;height:90px;line-height:90px}
.tools-menu ul li a.alert-link{border-left:1px #fafafa solid;font-size:20px;padding:0 0 0 22px;/*border-right:1px #fafafa solid;padding:0 22px*/}
.tools-menu ul li a.myaccount-link{padding:0 30px 0 10px}
.tools-menu ul li a.myaccount-link .icon-next{font-size:14px;margin:0 0 0 10px;vertical-align:baseline;font-weight:bold;}
.tools-menu ul li a.myaccount-link.is-logged{line-height: 20px !important;height:auto;text-align: left;vertical-align: middle;}
.tools-menu ul li a.myaccount-link.is-logged span{font-size:12px;}
@media (max-width: 768px) {
	.tools-menu ul li a{height:60px;line-height:60px}
	.tools-menu ul li.myaccount-link-wrapepr{display:none}
	.tools-menu ul li a.search-link{padding: 0 15px 0 0;border: none;}
	.tools-menu ul li a.alert-link{border:none;padding:0 25px 0 0;font-size:22px}
}

/* EXPAND LOGIN */
.expand-login{position:fixed;z-index:99;width:400px;height:100%;top:0px;right:-400px;background:#fafafa;}
.myaccount-link-wrapepr:hover .expand-login{right:0}
.login-section{margin:25px 0 50px 0;padding:0 25px}
.login-section .title-primary{margin:0 0 25px 0;font-size:24px}

/************************/
/* FOOTER */
/************************/
footer{height:90px;background:#fff;border-bottom:1px #fafafa solid;border-top:1px #fafafa solid}
footer .logo-primary-wrapper{height:90px;line-height:90px;}
footer .logo-primary{height:35px;}
@media (max-width: 768px) {
}

.footer-menu-wrapper{}
.footer-menu{}
.footer-menu ul{text-align:center}
.footer-menu ul li{}
.footer-menu ul li a{}
.footer-menu ul li.footer-menu-link-wrapper{display:inline-block;height:90px;line-height:90px}
.footer-menu ul li.footer-menu-link-wrapper a{display:inline-block;height:90px;line-height:90px;font-size:16px;padding:0 40px;}
.footer-menu ul li.footer-menu-link-wrapper a:hover{border-bottom:5px #000 solid}

.footer-copyright{font-size:12px;color:#979797;padding:15px 0 15px 35px;margin:0;}

.footer-langues{}
.footer-langues a{display:inline-block;height:90px;line-height:90px;font-size:16px;padding:0 10px;}
.footer-langues a.active{text-decoration:underline;font-weight:700}

.cookie-notice{position:fixed;left:0;bottom:-100%;width:100%;z-index:99999;background:#000;color:#fff;padding:5px 25px 0px;font-size:13px}
.cookie-notice.active{bottom:0}
.cookie-notice a{color:#fff;font-size:13px}
.cookie-notice a u{font-size:12px}
@media (max-width: 768px) {
	.footer-menu ul li.footer-menu-link-wrapper{height:45px;line-height:45px}
	.footer-menu ul li.footer-menu-link-wrapper a{height:45px;line-height:45px;}
	.close-cookie-notice{display: block;float: none;margin: 10px 0;text-align: right;}
	.footer-copyright{text-align:center;padding:15px}
}

/* BANNER */
.main-banner{position:relative;height:500px;background-size:cover;background-position:center center;margin-bottom:100px}
.main-banner.small-banner{height:350px}
/*.main-banner:after{content:'';display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}*/
.main-banner.no-overlay:after{display:none}
.main-banner-content{position:absolute;z-index:2;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-shadow:1px 1px 5px rgb(0, 0, 0);}
.main-banner-content .title-primary{color:#fff;font-size:3em;font-family:"bashsemilight" !important;}
.main-banner-content .subtitle-primary{color:#fff;font-size:1em;text-shadow:1px 1px 5px rgb(0, 0, 0);}
.main-banner-content .text-primary{color:#fff !important;margin:0;}
.main-banner-content .text-primary.btn-wrapper{margin-top:25px}

.main-banner.video{overflow:hidden}
.main-banner .main-video{transform:scale(1.6)}
.main-banner.video:after{display:none}


#index .main-banner.video .main-banner-content{top:75%}
#index .main-banner .main-banner-content{top:50%}
#index #BlockHomeSlider .main-banner-content{top:50%}   
 
/************************/
/* HOME */
/************************/
#BlockHomeSlider .swiper-home{height: 700px;}
#BlockHomeSlider .swiper-home .swiper-slide{background-position:center center;background-size:cover}
#BlockHomeSlider .swiper-button-next, #BlockHomeSlider .swiper-button-prev{color:#fff}
#BlockHomeSlider .home-swiper-pagination{position: absolute;bottom:10px;z-index: 1;left: 0;right: 0;text-align: center;}
#BlockHomeSlider .home-swiper-pagination .swiper-pagination-bullet{background:#fff}
#BlockHomeSlider .swiper-button-prev:after, #BlockHomeSlider .swiper-button-next:after{font-size:30px}
#BlockHomeSlider .btn-inverse{color:#fff;border-color:#fff}
/*.main-banner.video .main-banner-content{display:none;}*/
@media (min-width: 1024px) {
	.index .main-banner{height:550px}
	#BlockHomeSlider .btn-inverse:hover{color:#fff;border-color:#000}
}

.main-banner-after-content{margin-top:-300px;background:#fff;position:relative;z-index:2;padding:50px}

@media (min-width: 768px) {
	.main-banner-after-content{width: 850px}
	.main-banner-after-content > fieldset{position: absolute; left: -270px;top: 250px;padding: 20px;width: 270px}
	.main-banner-after-content > fieldset p{font-size: 14px}
	
}
@media (max-width: 768px) {
	
	.main-banner-content .title-primary{color:#fff;font-size:2em;font-family:"bashsemilight" !important;}
	.main-banner-after-content{padding:0 15px;margin-top:0}
	.main-banner{height:250px;margin:0 0 25px 0}
	.main-banner-content{left: 30px;transform: translateX(0) translateY(-50%);right: 30px;}
	
	.index .main-banner{}
	.index .main-banner .main-video{transform:scale(1.3)}
}
/************************/
/* BREADCRUMB */
/************************/
.breadcrumb{background: #000;float:left;margin:-115px 0 75px -65px;z-index:2;position:relative;color:#fff;border-radius:0;padding:0px 25px 2px 15px;}
.breadcrumb>li+li:before{color:#fff}
.breadcrumb li{font-size:14px;}
.breadcrumb li a{color:#fff;/*font-weight:700*/}
.breadcrumb li a .icon{display:none;transform: rotate(180deg) !important;position: relative;float: left;margin: 5px 10px 0 0;font-weight: 900;font-size: 9px;}
@media (max-width: 768px) {
	.breadcrumb{display:none}
}

/* QUOTE */
.quote{color:#dedede;font-size:32px}

/* SCORING */
ul.scoring{display:inline-block}
ul.scoring li{display:inline-block}
ul.scoring li{color:#cdcdcd}
ul.scoring li.active{color:#ffcb3e}

/* TEMPLATE 1 */
.template-one{margin:200px 0 50px;padding: 0;background:#fafafa}
.template-one-background{background:#fafafa;padding: 20px 0 20px 20px; margin-bottom:20px }
.template-one .template-picture img{margin-top: -30%;}
.template-one .template-picture img.horizontal-thunb{margin-top:50px}
.template-one .template-content{padding:50px}
.template-one .template-content-expect-left{padding:50px 50px 50px 0}
/* TEMPLATE 1 HOVER*/
.template-one.hover-right, .template-one.hover-left{position: relative;background-color: #ffffff}
.template-one.hover-right:hover .wrapper-img, .template-one.hover-left:hover .wrapper-img{background-color: rgba(5, 5, 5, 0.3)}
.template-one.hover-right .row, .template-one.hover-left .row{display: flex;}
.template-one.hover-right .row > div:first-child , .template-one.hover-left .row > div:last-child
{display: flex;justify-content: center;align-items: center}
.template-one.hover-right .row .template-content, .template-one.hover-left .row .template-content
{display: flex;flex-direction: column;align-items: center;padding: 0}
.template-one.hover-right .row .wrapper-img ul,.template-one.hover-left .row .wrapper-img ul {
	position: absolute;opacity: 0;visibility: hidden; transition: visibility 0s, opacity 0.5s linear;
	color: #fff;bottom: 5%;right: 30px;z-index: 4;display: flex;align-items: flex-end;flex-direction: column;
}
.template-one.hover-right:hover .wrapper-img ul, .template-one.hover-left:hover .wrapper-img ul{visibility:visible;opacity: 1}
.template-one .wrapper-img ul a{color: white;font-size: 30px}
.template-one.hover-right .wrapper-img ul li{text-align:right}

.template-one .wrapper-img ul a:hover{font-weight: bolder}
.template-one .wrapper-bg{position: absolute;background:#fafafa;top: 10%;bottom: 10%;left: 0;right: 0}
.template-one .background_cover {
	position: absolute;background-color: rgba(5, 5, 5, 0.5);top: 0;bottom: 0;left: 15px; right:15px;
	z-index: 3;visibility: hidden; opacity: 0;transition: visibility 0s, opacity 0.5s linear;
}
.template-one:hover .wrapper-img > .background_cover{ visibility: visible;opacity: 0.5;}

body.we-are-people .template-one.small-margin{margin:50px 0}

@media (max-width: 768px) {
	body.we-are-people .template-one.small-margin{margin:15px 5px}
	body.we-are-people .template-one{margin:15px 0}
	.template-one{margin:50px 0 50px;}
	.template-one .template-picture{height:250px;overflow:hidden}
	.template-one .template-picture img{}
	.template-one .template-content{padding:25px 0}
	.template-one .template-content-expect-left{padding:25px 0}
	.template-one .col-xs-6,.template-one .col-xs-6 img {padding: 0}
	.template-one.hover-right .row, .template-one.hover-left .row{display: flex;}
	.template-one .wrapper-img ul a{font-size: 16px}
	.template-one .background_cover{left: 0;right: 0}
	.template-one.hover-left .title-primary,.template-one.hover-right .title-primary{font-size: 16px; margin-top: 12px}
	.template-one.hover-left .text-primary,.template-one.hover-right .text-primary{font-size: 14px;margin: 0}
	.template-one .wrapper-img ul{display:none !important}
	.template-one .wrapper-img ul li{text-align:right}
	.template-one.hover-right .row .wrapper-img ul, .template-one.hover-left .row .wrapper-img ul{right: 5px;opacity:1;visibility:visible}
}

/* TEMPLATE NEWS */
.col-bloc-news{margin-bottom:25px}
@media (min-width: 768px) {
	.col-bloc-news:nth-child(3n+4 ){clear:both}
	.dropdown-menu li a {padding: 12px}
}
@media (max-width: 768px) {
	.col-bloc-news:nth-child(2n+0 ){clear:both}
}
.template-news-background{height:300px;margin:50px 0 0 0;width:100%;background:#fafafa}
.template-news {padding:0px 0;margin:50px 0 25px 0}
.template-news  .title-primary{margin-bottom:50px}

/* BLOCK HOVER OPACITY + ANIMATION */
.bloc-news{position: relative}
.bloc-news:hover .title_job{transform: scale3d(0.7, 0.7, 0.7) translate3d(-74%, 0px, 0px);top: 25%;}
.bloc-news .title_job{
	position: absolute;top: 50%;left: 50%;color: #ffffff;font-size: 40px;font-weight: bolder;transition: all 0.2s linear;
	transform: translate3d(-50%, 0px, 0px);letter-spacing: 5px;z-index: 4;
}
.bloc-news:hover .background_cover{display: block}
.bloc-news .background_cover{
	position: absolute; width: 100%;height: 100%;background-color: rgba(5, 5, 5, 0.3);top: 0;z-index: 3;display: none;
}
.bloc-news .background_cover p{text-align: center; font-size: 35px;font-weight: bolder;color: white;margin-top: 25%;}
.bloc-news .background_cover p a {font-size: 18px;font-weight: bold;color: white}
.bloc-news .background_cover p a i{font-size: 12px;}
/* -------------- */

.template-news .bloc-news .block-news-picture{overflow:hidden}
.template-news .bloc-news .block-news-title{font-family:"bashbold";margin:10px 0;}
.template-news .bloc-news .block-news-introduction{font-size:12px;margin-bottom:10px}
.template-news .bloc-news .block-news-link{}
.template-news .bloc-news .block-news-link a{font-size:12px !important}
@media (min-width: 1024px) {
	/*.template-news .bloc-news:hover .block-news-title a{transform: scale3d(0.5, 0.5, 0.5);}*/
}

@media (max-width: 768px) {
	.bloc-news{overflow:hidden;margin:15px 0px}
	.bloc-news img{transform: scale(1.2);}
	.bloc-news .title_job{top:25%}
	.bloc-news .background_cover{display:block}
	.bloc-news .background_cover p{    margin-top: 40%;font-size: 24px;font-weight: 700;}
}

.template-news.jobGroup{}
.template-news.jobGroup .bloc-news{position:relative;}
.template-news.jobGroup .bloc-news .block-news-title{position:absolute;top:50%;transform:translateY(-50%);font-size:38px;text-shadow: 1px 2px 3px #333;text-align:center;width:100%}
.template-news.jobGroup .bloc-news .block-news-title.big-size{font-size:68px}
.template-news.jobGroup .bloc-news .block-news-title a{color:#fff}
/* TEMPLATE FIND A JOB */
.template-findjob{background:#fafafa;margin:0;padding:50px 0 25px 0}

/* BAckground Section */
.background-section{padding:100px 0;margin:0 50px;background-size:cover;background-attachment:fixed}
.background-section-content{background:#fff;padding:50px;}
.background-section-content-people{padding:70px;}
@media (max-width: 768px) {
	.template-news.jobGroup .bloc-news .block-news-title.big-size{font-size:38px}
	.background-section{padding:0;margin:0 15px;}
	.background-section-content{padding:25px 15px;}
	.background-section-content p{text-align:left !important}
	.background-section-content-people {padding:25px 15px;}
	.background-section-content-people p{text-align:left !important}
}

/* JOB LISTING */
body.job-offers .main-banner{margin-bottom:0}
body.job-offers .form-group-notice{text-align:center}
body.job-offers .template-findjob{padding:0 0 25px 0;}
body.job-offers .template-findjob .template-findjob-header{display:none}
.empty-offers-error{text-align: center;background: #fafafa;padding: 50px 0;color: #000;margin: 50px 0;text-transform: uppercase;letter-spacing: 1px;}
.job-listing{}
.job-listing .job-wrapper{padding:25px 25px 10px 25px;margin:25px 0;border:1px #ddd solid}

.job-listing .job-wrapper .title-primary{}
.job-listing .job-wrapper .job-path{font-size:14px}
.job-listing .job-wrapper .description_short{display:none;margin:25px 0;font-size:16px}
.job-footer{padding:10px 0 0 0;margin:25px 0 0 0;border-top:1px #fafafa solid;}
.job-footer ul{} 
.job-footer ul li{display:inline-block;margin:0 70px 0 0;font-size:14px;height:50px;line-height:50px}
.job-footer ul li i{font-size:14px;margin:0 10px 0 0}
.job-footer .job-actions{display:none}

@media (min-width: 1024px) {
	.job-listing .job-wrapper:hover{cursor:pointer}
}

@media (max-width: 768px) {
	.job-listing .job-wrapper{border:1px #e7e7e7 solid;padding:15px}
	.job-listing .job-wrapper .description_short {font-size: 13px;}
	.job-footer .job-actions{display:block;margin:15px 0}
	.job-footer ul li{font-size:11px;height:30px;line-height:30px;text-align:center;margin:0;padding:0 5px}
	.job-footer ul li i{}
	.job-footer ul li.hide-xs{display:none}
}



.job-listing .job-wrapper.active{background:#fcfcfc}
.job-listing .job-wrapper.active .job-footer{}
@media (min-width: 1024px) {
	.job-listing .job-wrapper:hover{background:#fcfcfc}
	.job-listing .job-wrapper:hover .job-footer{}
	.job-listing .job-wrapper:hover .job-footer .job-actions{display:block}
}

.job-offer  .JobOffer-content  ul li, .cms-content ul li{list-style:initial;list-style-position: inside;margin-left:25px}
.job-offer  .JobOffer-content, .cms-content{line-height:30px !important}
.cms-content iframe{width:100% !important}
@media (max-width: 768px) {
	.cms-content img{width:100% !important;height:auto !important}
}
/* MY ACCOUNT */
ul.account-menu{margin:25px 0 0 0}
ul.account-menu li{height:50px;}
ul.account-menu li a.active{font-family:"bashbold"}
.newaccount-wrapper .checkbox label span{width:90%}
/* KPI */
.kpi-wrapper{border:5px #fff solid;padding:25px 0}
.kpi-wrapper .title-primary{font-family:"bashbold";font-size:48px;line-height: initial;margin: 0;padding: 0;}
.kpi-wrapper .text-primary{margin:0}
@media (min-width: 1024px) {
	body.campus .kpi-wrapper{height:190px}
}

/* BA&SH TALKS */
.block-talk{padding:100px 0}
.block-talks .block-talk:nth-child(odd){background:#fafafa}
.block-talk .talk-picture{height:250px;width:250px;border-radius:100%;overflow:hidden;margin:0 auto 25px}
.block-talk .talk-picture .talk-video-link{font-size:48px;position: absolute;top:50%;right:45px;margin:-60px 0 0 0;text-align:right;width:250px;font-weight:900;color: #fff;}
.block-talk .talk-employee-name{}
.block-talk ifram{display:block}
/* VALEURS */

.les-valeurs  .main-banner.video video{width:100%}
@media (min-width: 1024px) {
	.les-valeurs  .main-banner.video{height:600px}
	.les-valeurs  .main-banner.video video{width:100%;height:100%;transform:scale(1.1)}

	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; min-width: 100%; max-width: 100%}
	.navbar .nav-item .dropdown-menu{ margin-top:5px; border-radius: 0 }

	.sub-nav-link{line-height: 16px}
}
@media (max-width: 768px) {
	.les-valeurs  .main-banner.video{height:auto}
}

/* PAGE CMS */
body#cms .text-primary{}
body#cms .text-primary a{text-decoration:underline}
body#cms .text-primary ul li{    list-style: square;margin: 0 0 0 50px;}
body#cms .text-primary table{width:100%}
body#cms .text-primary table td{vertical-align:middle !important;padding:0 5px;}

/************************/
/* CAMPUS */
/************************/
/*-------Slider Ambassador--------*/
.ambassador-pricture{height:340px;width:100%;overflow: hidden}
/*.ambassador-pricture  img{margin-top: -30%;}*/
.swiper .s1 {width: 100%;height: 100%;}
.s1 .swiper-scrollbar{height:13px;left:38%;width:25%;}
.s1  .swiper-slide{margin-bottom: 40px }
.swiper-scrollbar-drag{background-color:black;}
.template-wrapper {position: relative;}
.template-wrapper .background_grey{width: 100%; height:250px; position: absolute; z-index: 1; top: 150px; background:#fafafa}
.template-wrapper .container{z-index: 3;}
/*----------Slider relation---------*/
.swiper-s2{overflow: hidden}
.swiper-s2 .swiper-scrollbar {height:13px;left:38%;width:25%; margin-top: 5%}
.swiper-s2 .show-text{padding: 15px; border:none; height: 46px; width: 46px; display: block; line-height: 15px; font-size: 25px}
.swiper-button-prev-s2, .swiper-button-next-s2{display: inline-block;width: 50%;padding: 50px}
.swiper-button-prev-s2 {text-align: right}
.swiper-button-prev-s2 i{transform: rotate(180deg);display: inline-block;}
.swiper-button-next-s2 i, .swiper-button-prev-s2 i{background-color:#fafafa;padding: 15px;font-weight: bold; font-size: 20px}
.swiper-s2 .text-ecole p{max-height: 70px;overflow: hidden;transition: max-height 0.35s ease-in;}
.swiper-s2 .text-ecole .expand{max-height:500px;}
/*-------Rubrique edit--------*/
.rubrique_edit div {}
.rubrique_edit div a{display:flex;align-items: flex-end;width:100%;height: 400px;background-color: #8a8f97;background-size: cover}
.rubrique_edit div a:hover span.main-link{padding-top: 75%;height: 100%}
.rubrique_edit div span.main-link{
	padding: 20px 25px;color: #ffffff;font-weight: bolder;font-size: 20px;background-color: rgba(19,19,19,0.4);
	width:100%;text-align: left;
}
.rubrique_edit div span.main-link span.btn{color:#fff !important}
/*-------Slider Swiper S3 only mobile --------*/
.swiper-s3 .swiper-slide{height:340px;width:100%;overflow: hidden}
@media (max-width: 768px) {
	.rubrique_edit div {padding:5px !important}
	.rubrique_edit div a{display:flex;align-items: flex-end;width: 100%;height: 340px;background-color: #8a8f97;background-size: cover}
	.rubrique_edit div a span{}
	.rubrique_edit div span{
		padding: 20px 25px;color: #ffffff;font-weight: bolder;font-size: 20px;background-color: rgba(19,19,19,0.4);
		width:100%;text-align: left;
	}

	.ambassador-pricture{height:300px;width:100%;overflow: hidden}

}


/*-------F.A.Q--------*/
.faq div h2{font-size:30px;font-weight: bolder}
.faq p{font-size:16px;}
.faq p.faq-title{margin:0}
.faq .faq-content{display:none;margin:15px 0}
.faq ul > li {padding: 30px;background-color: #fafafa;margin-bottom: 15px;cursor: pointer;overflow: hidden;transition: max-height 0.35s ease-in;position:relative}
.faq ul li.expand .faq-content{display:block}
.faq ul li > p{display: inline-block;width: 85%}
.faq ul li .show-more{
	position:absolute;top:30px;right:25px;font-size: 30px;font-weight: bold;text-align: end;
	vertical-align: top;line-height: 16px;
}
@media (max-width: 768px) {
	.faq ul li{padding:15px}
	.faq ul li .show-more{top:18px;right: 15px;}
}

/************************/
/* HISTORY */
/************************/


body#history .text-primary{line-height: 26px; margin: 30px 0;font-size:1.1em;}
body#history .title-primary{line-height:1.2em;font-size:1.6em; margin-bottom: 30px ;}
body#history .not-top{line-height:1.2em;font-size:1.6em; margin: 30px 0;}
body#history .top-text{line-height: 26px; margin:  0 0  30px 0;}

.history-date{font-size: 6vw; font-family: 'bashbold'; line-height: 5vw; margin-bottom: 40px}
.history-date2004{font-size: 6vw; font-family: 'bashbold'; line-height: 5vw; margin-bottom: 20px}
.history-date2020{font-size: 6vw; font-family: 'bashbold'; line-height: 5vw; margin-bottom: 20px}
.history-date-bigger{font-size: 7vw; font-family: 'bashbold'; line-height: 5vw; margin-bottom: 40px}
.history-date-bigger2015{font-size: 8vw; font-family: 'bashbold'; line-height: 5vw; margin-bottom: 40px}
.title-primary-bigger{line-height:1.2em;font-size:3em; margin-bottom: 25px ; font-family:"bashbold";}
.img-transform{transform: translateY(-10%);}
.padding-top{padding-top: 25px;}
.transformY-35{transform: translateY(-35px);}
.no-margin-top{margin-top: 0;}

body#history hr .margin-top{margin: 25px 0}
body#history .join-the-team-link{display:none}

@media (min-width: 768px) {
	.margin-bottom{margin-bottom: 30px}
	.right2005{ text-align: right}
	.no-margin-bottom{ margin-bottom: 0}
	.no-padding-left-history{padding-left: 0}
	.no-padding-right-history{padding-right: 0}
	.no-margin-history{margin: 0}

	.transform2003{transform: translateY(-39%) translateX(-17%)}
	.transform2004{transform: translateY(-25%); translateX(-10%)}
	.transform2005{transform: translateY(-25%); translateX(-10%)}
	.transform2010{transform: translateY(-25%); translateX(-10%)}
	.transform2013{transform: translateY(-25%); translateX(-10%)}
	.transform2015{transform: translateX(2%)}
	.transform2015Y{transform: translateY(8%) }
	.transform2006{transform: translateY(-25%); translateX(-10%)}
	.transform2017{transform: translateY(-25%); translateX(-10%)}
	.transform2018{transform: translateY(-25%); translateX(-10%)}
	.transform2019{transform: translateY(-25%); translateX(-10%)}
	.transform2020{transform: translateY(-25%); translateX(-10%)}

	/*.transformY-100{transform: translateY(-25%); }*/
	.transformY100{transform: translateY(100px); }
	.transformY-50{transform: translateY(-50px); }
	.transformY140{transform: translateY(140px);}
	.transformY50{transform: translateY(50px); }
	.transformY150X200{transform: translateY(150px) translateX(200px);}
	.transform2020-text{transform: translateY(18%) translateX(-65%);}

	.pos_relative{position: relative}
	.bg_grey_2003{background-color: #f5f5f5; content: " ";height: 60%;width: 66%;position: absolute;top: 8%;left: 15%;}
	.bg_grey_2004{background-color: #f5f5f5; content: " ";height: 115%;width: 70%;position: absolute;left: 59%;top: 11%;}
	.bg_grey_2005{background-color: #f5f5f5; content: " ";height: 60%;width: 38%;position: absolute;left: 10%;top: 4%;}
	.bg_grey_2010{background-color: #f5f5f5; content: " ";height: 72%;width: 43%;top: 9%;position: absolute;left: 15%;}
	.bg_grey_2013{background-color: #f5f5f5; content: " ";height: 137%;width: 45%;position: absolute;top: -5%;left: 56%;}
	.bg_grey_2015{background-color: #f5f5f5; content: " ";height: 72%;width: 67%;position: absolute;top: 8%;left: 11%;}
	.bg_grey_2016{background-color: #f5f5f5; content: " ";height: 107%;width: 42%;position: absolute;left: 34%;}
	.bg_grey_2017{background-color: #f5f5f5; content: " ";height: 84%;width: 48%;position: absolute;top: 14%;left: 54%;}
	.bg_grey_2018{background-color: #f5f5f5; content: " ";height: 63%;width: 34%;position: absolute;top: 14%;left: 15%;}
	.bg_grey_2019{background-color: #f5f5f5; content: " ";height: 74%;width: 46%;position: absolute;top: -6%;left: 36%;}
	.bg_grey_2020{background-color: #f5f5f5; content: " ";height: 86%;width: 82%;position: absolute;top: -2%;left: 20%;}

}
@media (max-width: 768px) {
	body#history .text-primary{line-height: 20px; font-size: 1em; margin: 0px 0px}
	body#history .title-primary {font-size: 1.3em; margin: 25px 0px }
	body#history .title-primary-bigger {font-size: 1.3em; margin: 25px 0px }
	/*.text-primary {padding: 2px}*/
	.history-date{font-size: 10vw; font-family: 'bashbold'; text-align: center; line-height: 6vw; margin: 5%}
	.history-date2020{font-size: 10vw; font-family: 'bashbold'; text-align: center; line-height: 6vw; margin: 5%}
	.history-date-bigger{font-size: 10vw; font-family: 'bashbold'; text-align: center; line-height: 6vw; margin: 5%}
	.history-date-bigger2015{font-size: 10vw; font-family: 'bashbold'; text-align: center; line-height: 6vw; margin: 5%}
	hr.margin-top{margin: 25px 0}
	.img-transform {transform: inherit}
	body#history div { padding-right: 10px; padding-left: 10px}
	.padding-top-15{padding-top: 15px}
	.full-width{padding: 25px 0;}
	.text-mob{padding-top: 25px;}
}

/*TOP BAR */
.topcontent{top: 0;width: 102%;position: fixed;z-index: 99;background: #fa7272;height: 35px;color: white;text-align: center;}
.topcontent p {text-align: center;margin: 5px 0 10px;}

/*La maison */
.keyfigures div{padding-right: 2px; padding-left: 2px;}

/* WE ARE PEOPLE */
.text-big{font-size: 2em}
.text-big p, .text-big p span{font-size: 1em !important}
@media (max-width: 768px) {
	.text-big{font-size: 1em}
	.text-big p, .text-big p span{font-size: 1em !important}
}

/*Ancre */
#la-marque:target, #valeur:target,#partenaires:target,#empreinte:target,#communaute:target,#metiers:target{
	padding-top: 7em;
	margin-top: -7em;
}

#commencement:target,#circularite:target,#people:target{
	padding-top: 13em;
	margin-top: -13em;
}

/* Recherche */
.search-link{font-size:18px;padding: 0 20px 0 0;}
#search .search-toggle{text-align:center;padding:50px 0;background:#fafafa}
#search .search-toggle li{display:inline-block;padding:0 25px}
#search .search-toggle li a{display:inline-block}
#search .search-toggle li a.active{border-bottom:2px #000 solid}

.toggle-wrapper{display:none}
.toggle-wrapper.active{display:block}

.searchCMSResult{padding: 25px 25px 10px 25px;margin: 25px 0;border: 1px #ddd solid;}

.search-overlay{transform: translateY(-100%);transition:all .5s ease;position:fixed;left: 0;right: 0;top: 0;bottom:10%;background: #fff;z-index: 9;padding:150px 0 0 0}
.search-overlay.active{transform: translateY(0);}
.search-overlay form .form-control{border:none !important;border-bottom:1px #000 solid !important;height:75px;font-size:40px;float:left}
.search-close{float: left;font-size: 16px;position: absolute;bottom: 10px;margin: 0 0 0 25px;}
body#search{padding-top:165px}
#search .search-toggle{position: fixed;left: 0;right: 0;top:90px;padding:25px 0;z-index:9}

@media (max-width: 768px) {
	body#search{padding-top:130px}
	.search-overlay{padding: 50px 0 25px 0;bottom: auto;}
	.search-overlay form .form-control{width: 80%;margin:0 0 0 10px;}
	
	#search .search-toggle{position: fixed;left: 0;right: 0;top:59px;padding:25px 0;z-index:9}
	#search .search-toggle li{width:48%;padding:0}
}