/*** BTNS ***/
.boxed								{ transition: border 200ms, color 200ms, background 200ms; }
.boxed_black:hover					{ border-color: #ea501d; background: #ea501d; }
.boxed_orange:hover					{ border: solid 1px #231f20; color: #fff; background: #231f20; }
.boxed_clear:hover					{ background: #ea501d; color: #fff; }
.boxed_light:hover					{ border-color: #ea501d; color: #ea501d; }
.boxed_dark:hover					{ background: #000; color: #fff; }
.boxed_white:hover					{ color: #fff; background: transparent; }
.link								{ transition: all 200ms; }
.link:hover							{ opacity: 1; color: #ea501d; }
.link img							{ transition: opacity 200ms; }
.link:hover img						{ opacity: 1; }
.link:hover img:first-child 			{ opacity: 0; }
.play								{ transition: opacity 200ms; }

/*** HEADER ***/
#navToggle:hover #bar2				{ width: 20px; }
.estucapable:hover 					{ color: #231f20; }

/*** MAINNAV***/
nav li a:hover						{ color: #ea501d; }
.mainNav li:first-child a:hover		{ color: #231f20; }
.tierNav li a:hover					{ color: #231f20; }

/*** FOOTER ***/
footer a								{ transition: opacity 200ms, color 200ms; }
footer a:hover						{ opacity: 0.5; }
footer ul li a:hover						{ color: #fff; }
footer a.boxed:hover					{ color: #231f20; background: #fff; opacity: 1; }

/*** STYLES ***/
ul li a:hover							{ color: #ea501d; }
.ul_border img						{ margin-top: 10px; opacity: 0; transition: all 200ms; }
.ul_border a:hover img				{ margin-top: -3px; opacity: 1; }

/*** DYNAMIC ***/
.dynamic a:hover						{ color: #000; }

/*** SELECT ***/
div.fancy-select div.trigger:hover	{ background-color: #f7f7f7; box-shadow: 1px 1px 1px 0 rgba(50, 50, 50, 0.1); }

/*** CONTENT ***/
.bcrumps img, .shareTag img			{ transition: opacity 200ms; }
.bcrumps a:hover						{ color: #ea501d; }
.bcrumps a:hover img					{ opacity: 0; }
.bcrumps a:hover img:first-child		{ opacity: 1; }
.shareTag span						{ transition: color 200ms; }
.shareTag span:hover					{ color: #231f20; }
.shareTag span:hover img				{ opacity: 0; }
.shareTag span:hover img:first-child	{ opacity: 1; }
.jobsList a							{ transition: background 200ms; }
.jobsList a:hover					{ background: #eee; }
.jobsList a .arrow					{ transition: all 200ms; }
.jobsList a:hover .arrow				{ opacity: 1; margin-top: -3px; }
.galerie a::before					{ transition: opacity 200ms; }
.galerie a:hover::before				{ opacity: 0; }

/*** HOME ***/
#banner .boxed:hover					{ border-color: #fff; color: #ea501d; background: #fff; }
.bannerDesc .play:hover				{ opacity: 0.5; }
.bannerThumbs a						{ transition: background-color 300ms cubic-bezier(0.305, 0.830, 0.455, 1); }
.bannerThumbs .link					{ top: 15px; opacity: 0; transition: all 300ms cubic-bezier(0.305, 0.830, 0.455, 1); }
.bannerThumbs a:hover				{ background-color: #231f20; }
.bannerThumbs a:hover .link			{ top: 0; opacity: 1; }
.jobRegion a							{ transition: opacity 200ms; }
.jobRegion a:hover					{ opacity: 1; }
.jobList a							{ transition: background 200ms; }
.jobList a:hover						{ background: rgba(0, 0, 0, 0.2); }
.jobList a h4							{ transition: color 200ms; }
.jobList a:hover h4					{ color: #ea501d; }
#banner .boxed_light:hover			{ border-color: #fff; color: #231f20; background: #fff; }
#home h2 a img						{ transition: opacity 200ms; }
#home h2 a:hover						{ color: #231f20; }
#home h2 a:hover img					{ opacity: 1; }
#home h2 a:hover img:first-child 		{ opacity: 0; }
.homeNew h4							{ transition: color 200ms; }
.homeNew:hover h4					{ color: #ea501d; }
#home .ul_border a					{ transition: background 200ms; }
#home .ul_border a:hover				{ background: #eee; }
#pubCycle a span						{ transition: background 200ms; }
#pubCycle a:hover span				{ background: rgba(0, 0, 0, 0.1); }
#sm-emplois a h2,				
#sm-emplois a h4						{ transition: color 200ms; }
#sm-emplois a:hover h2,				
#sm-emplois a:hover h4				{ color: #ea501d; }
#sm-emplois .light					{ transition: opacity 200ms; }
#sm-emplois .light:hover				{ opacity: 1; }
	
/*** FORMATIONS ***/
#formations .shareTag span:hover		{ color: #231f20; }
#formations .boxed_light:hover		{ background: #fff; color: #ea501d; }
#formations .ul_std li a:hover			{ color: #231f20; }
.cycleBtns							{ transition: all 200ms; }
.cyclePrev:hover					{ left: 25px; opacity: 1; }
.cycleNext:hover					{ right: 25px; opacity: 1; }

/*** ENTREPRISES ***/
.cie .cieDesc						{ opacity: 0; transition: opacity 400ms ease 60ms; }
.jobInfos							{ right: 0; opacity: 0; transition: right 450ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 450ms; }
.cieInfos							{ left: -25px; opacity: 0; transition: left 450ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 450ms; }
.cie:hover > div						{ opacity: 1; }
.cie:hover .jobInfos					{ right: 25px; opacity: 1; transition-delay: 135ms; }
.cie:hover .cieInfos					{ left: 0; opacity: 1; transition-delay: 135ms; }

/*** ENTREPRISE-OPEN ***/
#entreprise .bcrumps	a:hover			{ color: #ea501d; }
#entreprise .boxed_light:hover		{ border-color: #fff; background: #fff; }
.mediaBtn img						{ transition: opacity 200ms; }
.mediaBtn:hover img					{ opacity: 0; }
.mediaBtn:hover img:first-child		{ opacity: 1; }
.specs li > a img						{ transition: opacity 200ms; }
.specs li > a:hover img				{ opacity: 1; }
.specs li > a:hover img:first-child	{ opacity: 0; }

/*** NEWS ***/
.newPic::after						{ transition: background 200ms; }
.newBloc:hover .newPic::after		{ background: rgba(0, 0, 0, 0); }
.newBloc h4							{ transition: color 200ms; }
.newBloc:hover h4					{ color: #ea501d; }

/*** EVENEMENTS ***/
.eventPic::after					{ transition: background 200ms; }
.eventBloc:hover .eventPic::after	{ background: rgba(0, 0, 0, 0); }
.eventBloc h4						{ transition: color 200ms; }
.eventBloc:hover h4					{ color: #ea501d; }

/*** TEMOIGNAGES ***/
.videoBloc > img						{ transition: opacity 200ms; }
.videoBloc .play						{ top: 15px; opacity: 0; transition: all 300ms cubic-bezier(0.305, 0.830, 0.455, 1); }
.videoBloc:hover > img				{ opacity: 0.7; }
.videoBloc:hover .play				{ top: 0; opacity: 1; }

/*** DOCS ***/
#docs .ul_border ul a:hover			{ color: #231f20; }

/*** PARTENAIRES ***/
a.partnerBloc h6						{ transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; }
a.partnerBloc:hover h6				{ color: #ea501d; }

/*** CARRIERE ***/
#carriere .innerLink a:hover			{ color: #231f20; }

/*** EMPLOI ***/
#emploi .jobsList a:hover			{ background: #fff; }

/*** CONTACT ***/
#contact .shareTag span:hover		{ color: #231f20; }
#contact .boxed_light:hover			{ border: solid 1px #fff; color: #ea501d; background: #fff; }
#contact .mail:hover					{ color: #231f20; }
#contact .mail::before				{ transition: color 200ms; }
#contact .mail:hover::before			{ color: #231f20; }

/*** FANCYBOX ***/
.fancybox-close 						{ transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; }
.fancybox-close:hover 				{ background-color: #ea501d; background-color: rgba(234, 80, 29, 0.6); }
.fancybox-nav span					{ opacity: 0; filter: alpha(opacity=0); transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; }
.fancybox-prev span 					{ margin-left: 5px; }
.fancybox-next span 					{ margin-right: 5px; }
.fancybox-nav:hover span				{ opacity: 1; filter: alpha(opacity=100); margin: -50px 0 0 0; }

/*** REGIONS ***/
.regionsLogos a						{ transition: opacity 200ms; }
.regionsLogos a:hover				{ opacity: 0.7; }
#regions .boxed_light:hover			{ color: #ea501d; background: #fff; }

/*** FORM - EMPLOIS ***/
.closeBtn							{ transition: opacity 200ms; }
.closeBtn:hover						{ opacity: 0.7; }
.loginForm .boxed_clear:hover		{ border-color: #231f20; border-color: rgba(35, 31, 32, 0.05); color: #fff;  background: #231f20; background: rgba(35, 31, 32, 0.3); }
input:hover, textarea:hover			{ background: #f8f8f8; }
input:focus, textarea:focus			{ border: solid 1px #231f20; border-color: rgba(35, 31, 32, 0.3); color: #231f20; background: #f8f8f8; box-shadow: 1px 1px 4px 0 rgba(50, 50, 50, 0.15); }


@media screen and (max-width: 800px)
{
	/*** ENTREPRISE-OPEN ***/
	.cieBanner .shareTag span:hover						{ color: #ea501d; }
	.cieBanner .shareTag span:hover img:nth-child(2)		{ opacity: 1; }

}

@media screen and (max-width: 475px)
{
	.videoBloc .play					{ position: absolute; left: 20px; top: -25px; }
	.videoBloc:hover .play			{ top: -40px; }
}