/*
font-family: 	'Work Sans', Arial, sans-serif; 700, 800
font-family: 	'Montserrat', Arial, sans-serif; 400, 700
*/

/* Initialisation */
* 											{ padding: 0; margin: 0; border: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a, a:active,
a:focus,
input:focus, input,
textarea:focus								{ outline: none; }
:focus 										{ outline: none; }
::-moz-focus-inner 							{ border: 0; }
::-ms-clear 									{ display: none; }
table										{ border-collapse: collapse; }
a											{ text-decoration: none; color: #231f20; transition: color 200ms; }
ul											{ list-style-type: none; }
h1,h2,h3,h4,h5,h6,b							{ font-weight: normal; }
strong										{ font-weight: 700; }
sup, sub 									{ vertical-align: 0; position: relative; }
sup 										{ bottom: 1px; }
input										{ outline: none; -webkit-appearance: none; -moz-appearance: none; }
textarea									{ outline: none; -webkit-appearance: none; -moz-appearance: none; }

/*** FRAMESET ***/
html										{ width: 100%; }
body 										{ counter-reset: item; width: 100%; font: 400 12px/12px 'Montserrat', Arial, sans-serif; color: #231f20; opacity: 0; transition: opacity 50ms linear; }
.loaded body								{ opacity: 1; filter: alpha(opacity=100); }
.container									{ position: relative; width: 100%; }
.flag										{ position: absolute; left: -1000px; top: -1000px; display: block; width: 1px; height: 1px; }

/*** MEDIAS ***/
#dropNavFlag								{ display: none; }

/*** SHORTSKEY ***/
.clearfloat									{ clear: both; }
.left										{ float: left; }
.right										{ float: right; }
.nomargin									{ margin-bottom: 0; }
.xmargin									{ margin-bottom: 40px; }
.xsmargin									{ margin-bottom: 5px; }
.orange										{ color: #ea501d; }
.black										{ color: #231f20; }
.whitebg									{ background: #fff !important; }
.graybg										{ background: #eee !important; }


/*** ANIM ***/
.auto										{ opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: opacity 500ms cubic-bezier(0.305, 0.830, 0.455, 1), transform 500ms cubic-bezier(0.305, 0.830, 0.455, 1); -webkit-transition: opacity 500ms cubic-bezier(0.305, 0.830, 0.455, 1), -webkit-transform 500ms cubic-bezier(0.305, 0.830, 0.455, 1); }
.anim										{ opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: opacity 400ms cubic-bezier(0.305, 0.830, 0.455, 1), transform 400ms cubic-bezier(0.305, 0.830, 0.455, 1); -webkit-transition: opacity 400ms cubic-bezier(0.305, 0.830, 0.455, 1), -webkit-transform 400ms cubic-bezier(0.305, 0.830, 0.455, 1); }
.hidden.start 								{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
.animdelay1									{ transition-delay: 300ms; }
.animdelay2									{ transition-delay: 550ms; }
.animdelay3									{ transition-delay: 1s; }
.animdelay4									{ transition-delay: 1.15s; }

/*** BTNS ***/
.boxed										{ display: inline-block; padding: 13px 25px; font: 700 13px/16px 'Montserrat', Arial, sans-serif; color: #fff; text-align: center; text-transform: uppercase; border-radius: 5px; }
.boxed_black								{ border: solid 1px #231f20; background: #231f20; }
.boxed_white								{ border: solid 1px #fff; color: #ea501d; background: #fff; }
.boxed_orange								{ border: solid 1px #ea501d; color: #fff; background: #ea501d; }
.boxed_clear								{ border: solid 1px #ea501d; color: #ea501d; }
.boxed_light								{ border: solid 1px #fff; color: #fff; }
.boxed_dark									{ border: solid 1px #000; color: #000; }
.link										{ position: relative; display: inline-block; margin: 0; padding-right: 25px; font: 700 13px/20px 'Montserrat', Arial, sans-serif; color: #231f20; text-transform: uppercase; }
.link img									{ position: absolute; right: 0; top: 7px; opacity: 0; }
.link img:first-child 						{ opacity: 1; }
.play										{ margin: 0; font: 700 13px/26px 'Montserrat', Arial, sans-serif; color: #fff; text-transform: uppercase; }
.play img									{ margin: 0 10px 0 0; vertical-align: middle; }
.light										{ opacity: 0.5; }

/*** HEADER ***/
header										{ position: fixed; left: 0; top: 0; width: 100%; height: 80px; padding: 0 0 0 13%; line-height: 80px; background: #fff; z-index: 301; box-shadow: 0px 3px 5px 0px rgba(0, 1, 1, 0.1); box-sizing: border-box; }
.home-logo									{ position: absolute; left: 13%; top: 0; width: 130px; margin-left: -5px; line-height: 0; }
.home-logo img 								{ width: 100%; }
.first										{ margin-left: 150px; }
.logo										{ display: inline-block; max-width: 135px; margin-right: 10px; }
.logo img									{ max-height: 55px; max-width: 100%; vertical-align: middle; }
.logo_accord img								{ margin: 10px 0 0 0; }
.connexion									{ float: right; }
.connexion span								{ margin: 0 20px 0 0; font: 400 13px/16px 'Montserrat', Arial, sans-serif; text-transform: uppercase; color: #6c6c6c; }
.connexion a:nth-child(3)					{ margin: 0 0 0 10px; }
#navToggle									{ float: right; display: block; width: 30px; height: 24px; margin: 0 0 0 25px; padding: 31px 25px 25px 25px; text-align: center; background: #ea501d; }
#navToggle div								{ display: block; width: 30px; height: 2px; margin: 0 0 6px 0; background: #fff; transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.nav-open #navToggle div						{ width: 30px; }
.nav-open #bar1								{ transform: rotate(-45deg) translateX(-1px) translateY(-5px); -webkit-transform: rotate(-45deg) translateX(-1px) translateY(-5px); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; }
.nav-open #bar2								{ opacity: 0; }
.nav-open #bar3								{ transform: rotate(45deg) translateX(-2px) translateY(5px); -webkit-transform: rotate(45deg) translateX(-2px) translateY(5px); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; }
.estucapable								{ position: relative; float: right; display: block; height: 80px; padding: 17px 30px 0 30px; border-left: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.2); font: 800 20px/16px 'Work Sans', Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #fff; background: #ea501d; box-sizing: border-box; }

/*** MAINNAV***/
nav											{ position: fixed; left: 0; top: 0; height: 0; width: 100%; text-align: center; background: #fff; z-index: 300; overflow: hidden; opacity: 0; box-sizing: border-box; transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }
nav li										{ position: relative; top: 30px; min-width: 200px; margin-bottom: 10px; text-transform: uppercase; opacity: 0; transition: opacity 300ms cubic-bezier(0.305, 0.830, 0.455, 1), top 300ms cubic-bezier(0.305, 0.830, 0.455, 1); }
nav li a										{ display: block; padding: 5px 0; color: #231f20; }
.navWrapper									{ display: inline-block; width: 100%; max-width: 750px; margin: 180px 0 0 0; padding: 0 20px; text-align: left; box-sizing: border-box; }
.mainNav									{ float: left; }
.mainNav li									{ margin-bottom: 20px; font: 800 38px/38px 'Work Sans', Arial, sans-serif; text-transform: none; }
.mainNav li:first-child						{ margin-bottom: 10px; font: 700 15px/15px 'Montserrat', Arial, sans-serif; text-transform: uppercase; }
.mainNav li:first-child a						{ color: #ea501d; }
.secNav										{ float: right; margin: 53px 0 40px 0; }
.secNav li									{ font: 700 15px/15px 'Montserrat', Arial, sans-serif; }
.tierNav									{ float: right; }
.tierNav li									{ font: 400 14px/14px 'Montserrat', Arial, sans-serif; }
.tierNav li a									{ color: #ea501d; }
.nav-open nav								{ height: 100%; opacity: 1; }
.nav-open nav li 								{ top: 0; opacity: 1; transition-delay: 200ms; }
.nav-open .delay1							{ transition-delay: 250ms; }
.nav-open .delay2							{ transition-delay: 300ms; }
.nav-open .delay3							{ transition-delay: 350ms; }
.nav-open .delay4							{ transition-delay: 400ms; }
.nav-open .delay5							{ transition-delay: 450ms; }
.nav-open .delay6							{ transition-delay: 500ms; }
.nav-open .delay7							{ transition-delay: 550ms; }
.nav-open .delay8							{ transition-delay: 600ms; }
.nav-open .delay9							{ transition-delay: 650ms; }

/*** FOOTER ***/
footer										{ background: #000; }
footer ul									{ margin-top: 130px; }
footer ul li								{ display: inline-block; margin: 0 15px 0 0; font: 400 13px/22px 'Montserrat', Arial, sans-serif; text-transform: uppercase; }
footer ul li a								{ display: block; padding: 5px 0; color: #fff; }
footer p									{ margin: 0; font: 400 12px/16px 'Montserrat', Arial, sans-serif; color: #fff; text-transform: uppercase; opacity: 0.5; }
footer .wrapper								{ position: relative; padding: 0 10% 0 13%; }
footer .footerCol							{ padding: 80px 0; }
footer .left > a							{ position: absolute; left: 13%; top: 0; }
footer .fbook								{ display: block; margin: 0 0 60px 0; }
footer .right								{ text-align: right; }
footer .right p								{ margin: 0 0 10px 0; }
footer .boxed								{ margin: 0 0 0 10px; border: solid 1px #fff; }
.subFooter									{ padding: 32px 0; background: #231f20; }
.subFooter p								{ display: inline-block; text-transform: none; }

/*** STYLES ***/
h1											{ margin: 0 0 40px 0; font: 800 55px/50px 'Work Sans', Arial, sans-serif; color: #ea501d; letter-spacing: -1px; }
h2											{ margin: 0 0 40px 0; font: 800 32px/32px 'Work Sans', Arial, sans-serif; color: #231f20; }
h2.smargin									{ margin-bottom: 25px; }
h3											{ margin: 0 0 25px 0; font: 700 22px/24px 'Montserrat', Arial, sans-serif; color: #ea501d; }
h4											{ margin: 0 0 20px 0; font: 800 22px/24px 'Work Sans', Arial, sans-serif; color: #231f20; }
h5											{ margin: 0 0 25px 0; font: 700 22px/26px 'Work Sans', Arial, sans-serif; color: #231f20; }
h6											{ margin: 0 0 5px 0; font: 700 13px/15px 'Montserrat', Arial, sans-serif; color: #ea501d; text-transform: uppercase; }
p											{ margin: 0 0 20px 0; font: 400 16px/24px 'Montserrat', Arial, sans-serif; }
.date										{ position: relative; display: inline-block; margin: 0 0 12px 0; padding: 0 0 0 25px; font: 700 12px/16px 'Montserrat', Arial, sans-serif; color: #231f20; text-transform: uppercase; opacity: 0.5; }
.date img									{ position: absolute; left: 0; top: 0; }
.ul_std										{ margin: 0 0 40px 0; }
.ul_std li									{ position: relative; margin: 0 0 10px 0; padding: 0 0 0 15px; font: 400 16px/20px 'Montserrat', Arial, sans-serif; }
.ul_std li:last-child						{ margin-bottom: 0; }
.ul_std li::before							{ position: absolute; left: 0; top: -2px; content: '\203A'; font-size: 20px; color: #ea501d; }
.ul_border									{ margin: 0 0 80px 0; }
.ul_border > li								{ margin: 0; padding: 0; border-bottom: solid 1px #231f20; border-color: rgba(31, 59, 75, 0.3); font: 800 22px/24px 'Work Sans', Arial, sans-serif; color: #231f20; }
.ul_border > li > a							{ position: relative; display: block; padding: 30px 40px 30px 0;  }
.ul_border img								{ position: absolute; right: 10px; top: 50%; margin-top: -3px; }
.bicol li									{ display: inline-block; width: 40%; margin: 0 8% 20px 0; vertical-align: top; box-sizing: border-box; }

/*** DYNAMIC ***/
.dynamic									{ margin: 0 0 30px 0; }
.dynamic > :first-child     					{ margin-top: 0 !important; }
.dynamic > :last-child						{ margin-bottom: 0 !important; }
.dynamic h1									{ margin: 35px 0 20px 0; font: 700 24px/26px 'Work Sans', Arial, sans-serif; color: #231f20; }
.dynamic h2									{ margin: 35px 0 20px 0; font: 700 21px/23px 'Montserrat', Arial, sans-serif; color: #ea501d; }
.dynamic h3,
.dynamic h4,
.dynamic h5,
.dynamic h6									{ margin: 35px 0 20px 0; font: 700 15px/17px 'Montserrat', Arial, sans-serif; text-transform: uppercase; color: #ea501d; }
.dynamic a									{ color: #ea501d; }
.dynamic img									{ height: auto !important; max-width: 100%; }
.dynamic ul, .dynamic ol						{ margin: 25px 0 30px 0; list-style: none; }
.dynamic ul li 								{ padding: 0 0 0 15px; }
.dynamic ul li::before						{ position: absolute; left: 0; top: -2px; content: '\203A'; font-size: 20px; color: #ea501d; }
.dynamic ul li:last-child,
.dynamic ol li:last-child						{ margin-bottom: 0; }
.dynamic li									{ position: relative; margin: 0 0 10px 0; font: 400 16px/20px 'Montserrat', Arial, sans-serif; }
.dynamic ol									{ counter-reset: item; }
.dynamic ol li								{ counter-increment: item; padding: 0 0 0 28px; }
.dynamic ol li::before						{ position: absolute; left: 0; top: 0; width: 23px; content: counter(item)'.'; font-weight: 700; color: #ea501d; text-align:right; }

/* SELECT */
div.fancy-select  							{ position: relative; width: 320px; max-width: 100%; margin: 0 0 25px 0; font: 400 15px/16px 'Montserrat', Arial, sans-serif; color: #231f20; text-align: left; }
div.fancy-select.disabled 					{ opacity: 0.5; }
div.fancy-select select:focus + div.trigger { color: #231f20; }
div.fancy-select div.trigger 				{ position: relative; height: 45px; padding: 0 60px 0 20px; line-height: 45px; color: #231f20; background: #fff url('../images/content/bg-select.jpg') repeat-y right center; cursor: pointer; overflow: hidden; border-radius: 4px; box-sizing: border-box; transition: all 240ms ease-out; }
div.fancy-select div.trigger.selected		{ color: #ea501d; }
div.fancy-select div.trigger:after 			{ position: absolute; top: 20px; right: 16px; display: block; content: ""; width: 14px; height: 9px; background: url('../images/icones/arrow-select.png') no-repeat center center; background-size: 7px 5px; }
div.fancy-select div.trigger.open 				{ box-shadow: none; }
div.fancy-select ul.options 					{ position: absolute; top: 40px; left: 0; width: 100%; background: #f8f8f8; visibility: hidden; z-index: 1; overflow: auto; opacity: 0; border-radius: 4px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
div.fancy-select ul.options.open 				{ visibility: visible; top: 50px; opacity: 1; transition: opacity 300ms ease-out, top 300ms ease-out; }
div.fancy-select ul.options.overflowing 		{ top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
div.fancy-select ul.options.overflowing.open 	{ top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; }
div.fancy-select ul.options li 					{ border-top: solid 1px #e5eaed; padding: 10px 20px; cursor: pointer; transition: all 200ms ease-out; }
div.fancy-select ul.options li:first-child 		{ padding-top: 12px; border: none; }
div.fancy-select ul.options li:last-child 		{ padding-bottom: 12px; }
div.fancy-select ul.options li.selected 		{ font-weight: 700; color: #ea501d; }
div.fancy-select ul.options li.hover			{ color: #fff; background: #231f20; }

/*** CONTENT ***/
.content 									{ position: relative; margin: 80px 0 0 0; background: #eee; }
.bcrumps, .shareTag							{ margin: 0 0 50px 0; padding: 70px 0 0 0; font-size: 13px; line-height: 13px; white-space: nowrap; }
.bcrumps a:first-child						{ position: relative; display: inline-block; width: 20px; padding: 0 0 0 20px; box-sizing: border-box; }
.bcrumps a:first-child img					{ position: absolute; left: 0; top: -1px; }
.bcrumps a img:first-child					{ opacity: 0; }
.bcrumps .spacer								{ margin: 0 7px; }
.shareTag									{ position: relative; margin-bottom: 57px; text-align: right; }
.shareTag span								{ position: relative; padding: 0 25px 0 0; color: #ea501d; cursor: pointer; }
.shareTag img								{ position: absolute; right: 0; top: -1px; }
.shareTag img:first-child					{ opacity: 0; }
.shareHidden								{ display: none; }
.oneCol .mainCol								{ position: relative; float: none; width: auto; padding: 0 9.9% 80px 13%; }
.oneCol .mainCol > :last-child				{ margin-bottom: 0; }
.oneCol .shareTag							{ float: right; margin: 0; }
.oneCol .bcrumps								{ float: left; }
.mainCol									{ float: left; width: 60%; }
.paged .mainCol								{ padding-bottom: 60px; }
.sideCol									{ float: left; width: 40%; background: #fff; }
.l-padded									{ padding: 0 13% 80px 21.8%; }
.l-padded > :last-child						{ margin-bottom: 0; }
.r-padded									{ padding: 0 24.5% 80px 15%; }
.r-padded > :last-child						{ margin-bottom: 0; }
.padTop, .oneCol .padTop						{ padding-top: 80px; }
.fixedBloc .mainCol > .l-padded				{ padding-bottom: 409px; }
.jobTag										{ display: inline-block; width: 68px; border: solid 1px #fff; font: 700 12px/30px 'Montserrat', Arial, sans-serif; color: #fff; text-align: center; text-transform: uppercase; border-radius: 5px; }
.stage										{ border-color: #ea501d; background: #ea501d; }
.pagination 									{ margin: 50px 0 2% 0 !important; font: 900 16px/18px 'Montserrat', Arial, sans-serif; text-align: center; clear: both; }
.pagination li								{ display: inline-block; }
.pagination a, .pagination span				{ display: block; padding: 0 5px; color: #231f20; }
.pagination .active *						{ color: #ea501d; cursor: default; }
.pagination li.disabled span,
.pagination li.disabled a  						{ color: #aaa !important; cursor: default; }
.jobsList									{ margin-bottom: 60px; }
.jobsList li									{ display: block; }
.jobsList a									{ position: relative; display: block; }
.jobsList a .arrow							{ position: absolute; right: 24.5%; top: 50%; margin-top: 10px; opacity: 0; }
.jobsList h2									{ margin-bottom: 5px; font-size: 18px; line-height: 20px; text-transform: uppercase; }
.jobsList h6									{ margin-bottom: 0; text-transform: none; }
.jobsList .date								{ margin-bottom: 15px; line-height: 30px; }
.jobsList .date img							{ top: 6px; }
.jobsList .jobTag							{ margin: 0 12px 5px 0; border: none; color: #fff; background: #000; }
.jobsList .stage								{ background: #ea501d; }
#filter										{ position: absolute; right: 0; top: -125px; width: 500px; }
#filter label									{ float: left; display: block; margin: 0 0 10px 0; font: 400 13px/45px 'Montserrat', Arial, sans-serif; color: #6c6c6c; text-transform: uppercase; }
#filter div.fancy-select  					{ float: right; }
#filter a									{ float: right; margin: 0 0 0 10px; }
.orangeBar									{ position: absolute; left: 0; bottom: 0; width: 60%; background: #ea501d; box-sizing: border-box; }
.orangeBar .l-padded							{ padding-top: 80px; padding-bottom: 80px; }
.orangeBar strong								{ color: #fff; }
.orangeBar h2								{ opacity: 0.5; }
.galerie									{ margin: 0 0 60px 0; clear: both; }
.galerie li									{ position: relative; float: left; display: block; width: 33.33%; width: calc(33.33% - 4px); max-width: 148px; margin: 0 6px 6px 0; line-height: 0; }
.galerie li:nth-child(3n)						{ margin-right: 0; }
.galerie a									{ display: block; width: 100%; height: 100%; }
.galerie a::before							{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.3; }
.galerie img									{ width: 100%; }

/*** HOME ***/
#home,
#home body,
#home .container								{ height: 100%; }
#home .home-logo								{ width: 260px; transition: width 200ms; }
#home .first									{ margin-left: 280px; transition: margin 200ms; }
#home.sm-logo .home-logo						{ width: 130px; }
#home.sm-logo .first							{ margin-left: 150px; }
#home .content								{ margin: 0; z-index: 201; }
#home .mainCol								{ width: 70%; }
#home .mainCol > :first-child				{ padding-top: 120px; }
#home .mainCol > img							{ position: absolute; left: 0; top: 480px; }
#home .sideCol								{ width: 30%; }
#home .content .sideCol > :first-child		{ padding-top: 120px; }
.home-rpadded								{ padding: 0 12%; }
.home-lpadded								{ padding: 0 6% 0 18.5%; }
.col-a										{ position: relative; float: left; width: 50%; margin-right: 5%; }
.col-b										{ float: left; width: 45%; }
#home .xsize, #home .xsize li					{ font-size: 18px; }
#banner										{ position: relative; height: 100%; width: 100%; min-height: 800px !important; }
#banner .cycle-slideshow						{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#banner .home-lpadded						{ padding-right: 0; }
.bannerShadow								{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/home/bannershadow.png') repeat-x center bottom; }
.shadow2									{ background: url('../images/home/bannershadow2.png') repeat-y center center; }
.slide										{ position: relative; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; }
#slide1										{ background-image: url('../images/home/banner1.jpg'); }
#slide2										{ background-image: url('../images/home/banner2.jpg'); }
.bannerInner								{ position: absolute; left: 0; top: 0; width: 70%; height: 100%; z-index: 201; }
.bannerDesc									{ display: inline-block; vertical-align: middle; line-height: normal; }
.heightBloc									{ max-height: 209px; margin-bottom: 25px; overflow: hidden; }
.bannerDesc h1								{ margin: 0; width: 65%; font-size: 72px; line-height: 68px; color: #fff; }
.bannerDesc .boxed 							{ float: left; }
.bannerDesc .play							{ float: left; margin: 0 0 0 20px; line-height: 45px; color: #fff; }
.bannerThumbs								{ position: absolute; left: 0; bottom: 0; width: 70%; z-index: 201; box-sizing: border-box; }
.bannerThumbs a								{ position: relative; float: left; display: block; width: 49%; margin: 0 0 0 1%; padding: 60px 0 20px 180px; background: #ea501d; box-sizing: border-box; }
.bannerThumbs a:first-child					{ margin: 0 1% 0 0; }
.bannerThumbs a > img							{ position: absolute; left: 0; bottom: 0; }
.bannerThumbs h2								{ margin: 0 0 10px 0; color: #fff; }
.bannerThumbs .link							{ position: relative; }
.bannerThumbs .link span						{ color: #fff; }
.bannerThumbs .link img						{ opacity: 1 !important; }
#banner .sideCol								{ position: absolute; right: 0; bottom: 0; min-height: 0 !important; padding-bottom: 30px; background: #000; background: rgba(0, 0, 0, 0.5) url('../images/home/job-shadow.png') repeat-x center 0; z-index: 201; box-sizing: border-box; }
#banner .sideCol .boxed						{ display: block; margin: 0 0 10px 0; padding: 13px 20px; }
#banner .jobRegion							{ position: relative; padding-top: 20px; padding-bottom: 20px; }
.jobRegion h4								{ margin-bottom: 0; color: #fff; }
.jobRegion h2								{ margin-bottom: 0; color: #fff; }
.sideCol .showRegion							{ position: absolute; right: 12%; bottom: 23px; display: block; padding: 0 24px 0 0; line-height: 15px; text-align: right; color: #fff; }
.sideCol .showRegion img						{ position: absolute; right: 2px; top: 50%; margin-top: -9px; }
.sideCol .showRegion br						{ display: none; }
#sm-emplois									{ display: none; }
.jobList									{ padding-bottom: 25px; }
.jobList a									{ display: block; padding-top: 15px; }
.jobList .date								{ margin: 0 0 7px 10px; color: #fff; }
.jobList h4									{ margin-bottom: 5px; font-size: 18px; line-height: 20px; color: #fff; text-transform: uppercase; }
.jobList h5									{ margin-bottom: 0px; padding-bottom: 15px; font-size: 12px; line-height: 13px; color: #ea501d; border-bottom: solid 1px #fff; border-color: rgba(255, 255, 255, 0.1); }
.jobList .jobTag								{ margin-bottom: 10px; color: #231f20; background: #fff; }
.jobList .stage								{ border-color: #ea501d; color: #fff; background: #ea501d; }
.ul_videos									{ margin-bottom: 30px; }
.ul_videos li									{ margin: 0 0 10px 0; font: 700 14px/26px 'Montserrat', Arial, sans-serif; text-transform: uppercase; }
.ul_videos li a								{ position: relative; display: block; padding: 0 0 0 35px; color: #231f20; }
.ul_videos li a img							{ position: absolute; left: 0; top: 0;  }
#home .boxed_black							{ margin-bottom: 170px; }
#home h2 a									{ position: relative; display: inline-block; padding-right: 25px; color: #ea501d; }
#home h2 a img								{ position: absolute; right: 0; top: 15px; opacity: 0; }
#home h2 a img:first-child 					{ opacity: 1; }
#home .eventBloc								{ float: none; width: 100%; }
#home .eventDesc								{ padding-right: 50px; }
#home .eventDesc .link						{ color: #231f20; opacity: 0.5; }
#home .eventDesc .link img					{ opacity: 1; }
#homeNews									{ padding-top: 0; margin-bottom: 80px; }
.homeNew									{ display: block; padding: 15px 0 20px 0; border-bottom: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.1); }
.homeNew:first-of-type						{ border-top: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.1); }
.homeNew h4									{ max-width: 550px; margin-bottom: 15px; }
#home .homeNew .link							{ color: #231f20; opacity: 0.5; }
#home .homeNew .link img						{ opacity: 1; }
#home .ul_border								{ margin-bottom: 70px; }
#home .ul_border li							{ border: none; }
#home .ul_border a							{ padding: 0 12%; color: #231f20; }
#home .ul_border span						{ position: relative; display: block; padding: 30px 35px 30px 0; border-bottom: solid 1px #eee; }
.homePartners								{ margin: -10px 0 15px 0; }
.homePartners a								{ float: left; display: block; width: 45%; height: 100px; max-width: 200px; margin: 0 5% 20px 0; line-height: 100px; }
.homePartners a img							{ max-height: 100%; max-width: 90%; vertical-align: middle; }
#pubCycle									{ position: relative; width: 100%; max-width: 435px; line-height: 0; margin: 0 0 80px 0; }
#pubCycle a									{ position: relative; display: block; width: 100%; }
#pubCycle a img								{ width: 100%; }
#pubCycle a span								{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 201; }

/*** FORMATIONS ***/
#formations .shareTag span					{ color: #fff; }
#formations .shareHidden span				{ color: #ea501d; }
#formations .sideCol							{ background: #ea501d; }
#formations .sideCol h2,
#formations .sideCol h3						{ margin-bottom: 20px; color: #fff; }
#formations .sideCol p						{ color: #fff; }
#formations .sideCol .boxed					{ margin-bottom: 50px; }
#formations .ul_std							{ margin-bottom: 30px; }
#formations .ul_std li						{ color: #fff; }
#formations .ul_std li::before				{ color: #fff; }
#formations .ul_std li a					{ color: #fff; }
#formations .list li						{ margin: 0 0 5px 0; font: 800 18px/20px 'Work Sans', Arial, sans-serif; color: #fff; }
#formation .sideCol strong					{ color: #ea501d; }
.grade 										{ margin: -25px 0 40px 0; font: 400 14px/32px 'Montserrat', Arial, sans-serif; }
.grade span									{ display: inline-block; padding: 0 15px; margin: 0 10px 0 0; font-weight: 700; text-transform: uppercase; color: #fff; background: #231f20; border-radius: 5px; }
.wMedia .hide								{ display: none; }
.noMedia .show								{ display: none; }
.videoBox									{ position: relative; padding-bottom: 56.25%; height: 0; background: #fff; }
.videoBox iframe								{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#formation .cycle-slideshow					{ position: relative; width: 100%; background: #fff; }
#formation .cycle-slideshow img				{ width: 100%; }
.cycleBtns									{ position: absolute; top: 50%; display: block; width: 27px; height: 79px; margin: -40px 0 0 0; z-index: 201; opacity: 0.5; }
.cyclePrev									{ left: 30px; }
.cycleNext									{ right: 30px; }

/*** ENTREPRISES ***/
.cie_list									{ position: relative; max-width: 1288px; margin: 80px 0 0 0; }
.cie										{ position: relative; float: left; display: block; width: 25%; width: calc(25% - 2px); margin: 0 2px 2px 0; text-align: center; background: #fff; box-sizing: content-box; }
.cie > img									{ width: 100%; }
.cie > div									{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cie .cieLogo								{ font-size: 16px; }
.cie .cieLogo img							{ max-height: 65%; max-width: 65%; vertical-align: middle; }
.cie .cieDesc								{ background: #231f20; background: rgba(35, 31, 32, 0.85); }
.cie p										{ margin-bottom: 7px; color: #fff; opacity: 0.5; }
.jobInfos									{ position: absolute; right: 25px; top: 15px; line-height: normal; text-align: right; }
.jobInfos .jobTag							{ float: right; margin: 0 0 0 5px; }
.cieInfos									{ position: absolute; left: 0; bottom: 15px; display: block; width: 100%; padding: 0 25px; line-height: normal; text-align: left; box-sizing: border-box; }
.cieInfos p img								{ margin: 0 5px 0 0; vertical-align: middle; }
.cieInfos h2								{ margin-bottom: 7px; color: #fff; max-height: 64px; overflow: hidden; }
.cieInfos h3								{ margin-bottom: 20px; max-height: 60px; font-size: 13px; line-height: 15px; text-transform: uppercase; overflow: hidden; }
.cieInfos .link								{ white-space: nowrap; opacity: 1; }

/*** ENTREPRISE-OPEN ***/
#entreprise .bcrumps							{ color: #fff; }
#entreprise .bcrumps	a						{ color: #fff; }
#entreprise .mainCol ul						{ margin-bottom: 30px; }
.cieBanner .shareTag img:last-child			{ display: none; }
.cieBanner									{ position: relative; height: 500px; background: url('../images/entreprises/banner.jpg') no-repeat 0 0; background-size: cover; z-index: 5; }
.cieBannerOverlay							{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/entreprises/shadow.png') repeat-x center bottom; z-index: -1; }
.cieBanner h1								{ position: absolute; left: 0; bottom: 36px; max-height: 100px; margin: 0; padding-bottom: 4px; padding-right: 270px; color: #fff; overflow: hidden; }
.cieMedia									{ position: absolute; right: 40px; bottom: 45px; height: 44px; line-height: 44px; }
.cieMedia a									{ margin: 0 5px; }
.mediaBtn									{ position: relative; display: inline-block; width: 30px; height: 30px; vertical-align: middle; line-height: normal; }
.mediaBtn img								{ position: absolute; left: 0; top: 0; opacity: 1; }
.mediaBtn img:first-child					{ opacity: 0; }
.specs										{ margin: 0 0 30px 0; }
.specs li										{ display: inline-block; width: 40%; margin: 0 8% 20px 0; vertical-align: top; }
.specs li.sm-show								{ display: none; }
.specs li > a									{ position: relative; display: inline-block; width: 30px; height: 30px; margin: 5px 0 0 0; }
.specs li > a img								{ position: absolute; left: 0; top: 0; opacity: 0; }
.specs li > a img:first-child					{ opacity: 1; }
.cieNew .cieNewBloc							{ margin-bottom: 60px; }
.cieNew > :last-child						{ margin-bottom: 0; }
.cieNew > :last-child > p:last-of-type 		{ margin-bottom: 0; }
.cieNew img									{ float: left; max-width: 180px; max-height: 150px; margin: 0 40px 30px 0; }
#mainInfo									{ padding-bottom: 15px; }
#mainInfo h2:last-child						{ line-height: 30px; }
#mainInfo h2 img								{ max-width: 100%; }
#entreprise .jobsList a						{ padding: 30px 28% 30px 15%; border-bottom: solid 1px #eee; }

/*** NOUVELLES ***/
.newBloc									{ position: relative; float: left; display: block; height: 245px; width: 48%; max-width: 800px; padding: 0 3% 0 310px; margin: 0 2% 2% 0; line-height: 245px; background: #fff; box-sizing: border-box; }
.newBloc:last-of-type						{ margin-bottom: 0; }
.newPic										{ position: absolute; left: 0; top: 0; width: 245px; height: 245px; }
.newPic::after								{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; content:''; background: transparent; background: rgba(0, 0, 0, 0.1); }
.newPic .dt-hide								{ display: none; }
.newDesc									{ display: inline-block; vertical-align: middle; line-height: normal; }
.newDesc h4									{ margin-bottom: 15px; line-height: 24px; max-height: 120px; text-transform: uppercase; overflow: hidden; }
.newDesc .link								{ color: #231f20 !important; opacity: 0.5 !important; }
.newDesc .link img							{ opacity: 1 !important; }
#news .pagination 							{ margin-right: 2% !important; }

/*** EVENEMENTS ***/
.eventBloc									{ float: left; display: block; width: 32%; max-width: 560px; margin: 0 2% 2% 0; background: #fff; }
.eventBloc:nth-child(3n)					{ margin-right: 0; }
.eventBloc:last-of-type						{ margin-bottom: 0; }
.eventPic									{ position: relative; line-height: 0; }
.eventPic img								{ width: 100%; }
.eventPic::after							{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; content:''; background: transparent; background: rgba(0, 0, 0, 0.1); }
.eventDesc									{ padding: 50px 30px 40px 30px; }
.eventDesc h4								{ line-height: 24px; text-transform: uppercase; }
.eventDesc .link								{ color: #231f20 !important; opacity: 0.5 !important; }
.eventDesc .link img							{ opacity: 1 !important; }

/*** EVENT/NEW OPEN ***/
.newopen .dynamic							{ margin-bottom: 50px; }
.newopen .date								{ margin-bottom: 25px; }
.newopen .galerie							{ margin-bottom: 0; }
.sideCol .eventBloc							{ float: none; width: 100%; margin: 0 0 20px 0; }
.sideCol .eventDesc							{ background: #eee; }
.mainPic									{ margin-bottom: 6px; line-height: 0; }
.mainPic img									{ max-width: 100%; }
.mainPic-sm_show							{ display: none; }

/*** TEMOIGNAGES ***/
.videoBloc									{ position: relative; float: left; display: block; width: 48%; max-width: 640px; margin: 0 2% 2% 0; line-height: 0; background: #231f20; }
.videoBloc > img								{ width: 100%; opacity: 0.5; }
.videoBloc div								{ position: absolute; left: 0; bottom: 0; width: 100%; max-height: 100%; padding: 40px; box-sizing: border-box; }
.videoBloc h2								{ max-height: 64px; margin-bottom: 20px; color: #fff; overflow: hidden; }
.videoBloc h4								{ max-height: 72px; margin-bottom: 20px; color: #fff; overflow: hidden; }
.videoBloc .play								{ position: relative; height: 28px; overflow: hidden; }

/*** DOCUMENTS ***/
#docs .ul_border								{ max-width: 900px; }
#docs .ocTab::before							{ position: absolute; right: 5px; top: 50%; margin: -10px 0 0 0; content: '\203A'; font: 400 22px/22px 'Montserrat', Arial, sans-serif; color: #ea501d; transition: transform 300ms; -webkit-transition: -webkit-transform 300ms; }
#docs .ul_border ul							{ display: none; margin: 0 0 0 20px; }
#docs .ul_border ul li							{ margin: 0 0 10px 0; font: 800 18px/18px 'Work Sans', Arial, sans-serif; color: #ea501d; text-transform: uppercase; }
#docs .ul_border ul li:last-child				{ margin-bottom: 40px; }
#docs .ul_border ul a							{ display: block; padding: 10px 0; color: #ea501d; }
.open .ocTab::before							{ transform: rotate(90deg); -webkit-transform: rotate(180deg); }

/*** PARTENAIRES ***/
.partnerBloc								{ float: left; display: block; width: 265px; margin: 0 150px 50px 0; }
.partnerBloc:nth-child(odd)					{ margin-right: 0; }
.partnerBloc:nth-child(even)				{ clear: left; }
.partnerBloc:last-of-type					{ margin-bottom: 0; }
.partnerBloc h3								{ margin-bottom: 5px; font-size: 20px; line-height: 20px; color: #a8aaab; text-transform: uppercase; }
.partnerBloc h6								{ margin-bottom: 0; color: #231f20; }
.partnerBloc p								{ margin-bottom: 25px; height: 75px; line-height: 75px; }
.partnerBloc p img							{ max-width: 100%; max-height: 100%; vertical-align: bottom; }

/*** CARRIERE ***/
#carriere .inner								{ max-width: 700px; margin: 0 auto; text-align: center; }
#carriere .inner img							{ max-width: 80%; }
#carriere .lgInner							{ max-width: 1200px; }
#carriere .lgInner br							{ display: none; }
#carriere .innerCol							{ width: 50%; }
#carriere .fig3b								{ display: none; }
#carriere h1									{ margin-bottom: 80px; }
#carriere h2									{ margin-bottom: 0; font-size: 46px; line-height: 46px; color: #ea501d; }
#carriere h4									{ font-size: 26px; line-height: 26px; }
#carriere .innerLink 						{ margin-bottom: 60px; font: 700 13px/20px 'Montserrat', Arial, sans-serif; text-transform: uppercase; }
#carriere .innerLink a						{ color: #ea501d; }
#carriere .arrow								{ margin-bottom: 60px; }
#carriere .arrow img							{ opacity: 0.1; }

/*** EMPLOIS ***/
.jobsZone									{ position: relative; }
#emplois .mainCol							{ min-height: 0 !important; }
#emplois #filter								{ width: 460px; right: 9.9%; }
#emplois .jobsList li a 						{ padding: 0 9.9% 0 13%; }
#emplois .jobsList li a > div					{ position: relative; padding: 30px 50px 30px 0; border-bottom: solid 1px #eee; }
#emplois .jobsList a .arrow					{ right: 0; }
#emplois .jobsList li:first-child a > div		{ border-top: solid 1px #eee; }

/*** EMPLOI ***/
#emploi .content .boxed_orange.right			{ margin: 15px 0 0 30px; }
#emploi .sm-show								{ display: none; margin: 0 0 30px 0; }
#emploi .sideCol .whitebg					{ padding-bottom: 30px; }
#emploi .title								{ margin: 60px 0 5px 0; padding-bottom: 0; }
#emploi .jobsList							{ margin-bottom: 0; }
#emploi .jobsList a							{ border-color: #fff; }
#emploi .light								{ padding-right: 25px; padding-bottom: 0; margin-bottom: 30px; }

/*** CONTACT ***/
#contact .l-padded							{ overflow-x: hidden; }
#contact .shareTag span						{ color: #fff; }
#contact .shareHidden span					{ color: #ea501d; }
#contact .sideCol							{ background: #ea501d; }
#contact .sideCol h2,
#contact .sideCol p							{ color: #fff; }
#contact .mail								{ position: relative; padding: 0 0 0 15px; color: #ea501d; }
#contact .mail::before						{ position: absolute; left: 0; top: -4px; content: '\203A'; font-size: 20px; color: #ea501d; }

/*** REGIONS ***/
#regions									{ position: fixed; left: 0; top: 0; width: 100%; height: 0; padding: 0 20px; text-align: center; background: url('../images/content/bg_region.jpg') no-repeat center center; z-index: -1; opacity: 0; background-size: cover; box-sizing: border-box; transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms; }
.regionsForm								{ display: inline-block; width: 420px; max-width: 100%; margin-top: 40px; line-height: normal; text-align: left; vertical-align: middle; opacity: 0; transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms; }
.regionsForm h1								{ margin-bottom: 30px; font-size: 75px; line-height: 68px; color: #fff; }
.regionsForm h1 br							{ display: block; }
.regionsForm p								{ margin-bottom: 50px; color: #fff; }
.regionsLogos 								{ position: absolute; left: 0; bottom: 0; width: 100%; max-height: 170px; padding: 20px; font: 700 13px/33px 'Montserrat', Arial, sans-serif; text-align: left; background: #231f20; overflow: hidden; box-sizing: border-box; }
.regionsLogos a								{ display: inline-block; max-width: 40%; height: 33px; margin: 0 22px 10px 0; vertical-align: middle; }
.regionsLogos a img							{ max-width: 100%; vertical-align: bottom; }
.show-regions #regions						{ height: 100%; z-index: 301; opacity: 1; }
.show-regions .regionsForm					{ margin-top: 0; opacity: 1; }

/*** FORM - EMPLOIS ***/
form											{ position: relative; margin: 0 0 10px 0; }
form .invalid								{ border-color: #ea501d; border-color: rgba(234, 80, 29, 0.35); color: red; box-shadow: 1px 1px 4px 0 rgba(234, 80, 29, 0.35); }
form .warning								{ position: absolute; left: 0; top: 100%; margin: -40px 0 0 0; font: 700 14px/15px 'Work Sans', Arial, sans-serif; color: #231f20; text-transform: uppercase; }
input											{ display: block; width: 100%; margin: 0 0 20px 0; padding: 25px; border: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.3); font: 400 16px/16px 'Montserrat', Arial, sans-serif; color: #231f20; color: rgba(35, 31, 32, 0.5); cursor: pointer; box-sizing: border-box; border-radius: 5px; transition: border 200ms, background 200ms, color 200ms; }
textarea										{ display: block; width: 100%; height: 150px; margin: 0 0 20px 0; padding: 25px; border: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.3); font: 400 16px/16px 'Montserrat', Arial, sans-serif; color: #231f20; color: rgba(35, 31, 32, 0.5); cursor: pointer; box-sizing: border-box; border-radius: 5px; transition: border 200ms, background 200ms, color 200ms; resize: none; overflow: hidden; }
.emploiForm									{ position: fixed; left: 0; top: 0; width: 100%; height: 0; padding: 0 20px; text-align: center; background: #fff; background: rgba(255, 255, 255, 0.9); z-index: -1; opacity: 0; transition: height 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms, z-index 0ms ease 400ms; box-sizing: border-box; }
.formLayer 									{ position: relative; display: inline-block; width: 600px; max-width: 100%; margin-top: 160px; padding: 100px 100px 80px 100px; line-height: normal; text-align: left; vertical-align: middle; background: #fff; opacity: 0; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2); box-sizing: border-box; transform: translateY(40px); -webkit-transform: translateY(40px); transition: opacity 100ms, transform 0 ease 300ms; -webkit-transition: opacity 100ms, -webkit-transform 0 ease 300ms; }
.formLayer h2								{ margin-bottom: 5px; font-size: 32px; line-height: 32px; }
.formLayer h6								{ margin-bottom: 10px; }
.closeBtn									{ position: absolute; right: 30px; top: 30px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; opacity: 0.5; }
.closeBtn img								{ vertical-align: middle; }
.loginForm .boxed_clear						{ border-color: #231f20; border-color: rgba(35, 31, 32, 0.3); color: #231f20; color: rgba(35, 31, 32, 0.3); }
#login form									{ padding-bottom: 40px; }
#login p										{ margin-bottom: 30px; }
#app .formLayer								{ padding: 80px 100px 60px 100px; }
.show-login #login							{ height: 100%; z-index: 299; opacity: 1; transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms; }
.show-app #app								{ height: 100%; z-index: 299; opacity: 1; transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms; }
.formOpen .formLayer							{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms, opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms, transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms; -webkit-transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms, opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms, -webkit-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms; }