@media screen and (max-width: 1600px)
{
	/*** CONTENT ***/
	.content						{ padding-left: 545px; }
	.wide							{ padding-left: 400px; }
	.widePad						{ padding-left: 145px; padding-right: 13%; }
	.jobsList a						{ padding: 0 13.5% 0 145px; }
}

@media screen and (max-width: 1300px)
{
	/*** HEADER ***/
	header							{ padding: 30px 20px; } 

	/*** ASIDE ***/
	aside							{ width: 320px; min-width: 0; padding-top: 150px; }
	aside li a							{ padding-left: 20px; } 
	#copy							{ left: 20px; bottom: 60px; }
	
	/*** CONTENT ***/
	.content						{ padding: 90px 20px 60px 420px; }
	.wide							{ padding-left: 320px; padding-right: 0; }
	.widePad						{ padding-left: 100px; padding-right: 20px; }
	.jobsList a						{ padding: 0 20px 0 100px; }
	.filter							{ right: 20px; } 
}

@media screen and (max-width: 1100px)
{	
	/*** CONTENT ***/
	.inner > h1 br					{ display: block; }
	#enregion .filter				{ top: 50px; } 
}

@media screen and (max-width: 1050px)
{	
	/*** ASIDE ***/
	aside							{ width: 300px; padding-top: 130px; }
	
	/*** CONTENT ***/
	.content						{ padding: 70px 20px 60px 355px; }	
	.wide							{ padding-left: 300px; padding-right: 0; }	
	.widePad						{ padding-left: 55px; }
	.jobsList a						{ padding-left: 55px; }
}

@media screen and (max-width: 900px)
{	
	/*** HEADER ***/
	header							{ padding-left: 70px; }
	#navToggle						{ display: block; }
	
	/*** ASIDE ***/
	aside							{ width: 100%; max-width: 350px; opacity: 0.5; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 400ms cubic-bezier(0.305, 0.830, 0.455, 1), opacity 100ms; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.305, 0.830, 0.455, 1), opacity 100ms; }
	.nav-open aside					{ opacity: 1; transform: translateX(0) !important; -webkit-transform: translateX(0) !important; }
	
	/*** CONTENT ***/
	.content						{ padding: 70px 20px 60px 20px; }
	.wide							{ padding-left: 0; padding-right: 0; }	
	.widePad						{ padding-left: 20px; }
	.jobsList a						{ padding-left: 20px; }
}

@media screen and (max-width: 625px)
{
	/***  STYLES ***/
	h1								{ margin-bottom: 40px; font-size: 24px; line-height: 32px; }

	/*** HEADER ***/
	header .return					{ display: none; }
	
	/*** ASIDE ***/
	aside							{ padding-top: 115px; }
	aside li							{ font-size: 18px; line-height: 20px; }
	aside li a							{ padding: 20px; }
	aside .small						{ display: block; }
	#copy							{ bottom: 50px; }
	
	/*** CONTENT ***/
	.content						{ padding: 50px 20px; }
	.wide							{ padding-left: 0; padding-right: 0; }	
	.ul_main li						{ margin: 0 0 15px 0; font-size: 18px; line-height: 20px; }
	.ul_main a						{ padding: 30px 20px; }
	.jobsList a .arrow				{ display: none; }
	.jobsList li a > div				{ padding-right: 0; }
	
	.filter							{ position: static; right: auto; top: auto; padding: 0 20px; margin: 0 0 20px 0; }
	.filter li						{ margin: 0 15px 0 0; }
	.filter li:last-child				{ margin-right: 0; }
	
	/*** ACCUEIL CIE ***/
	#accueil-cie h1 br				{ display: none; }
	
	/*** BOTTIN ***/
	#bottin .filter					{ padding: 0; }
	.ocList > li > a					{ position: relative; display: block; padding: 20px 30px 20px 0; }
	.ocList ul li						{ display: block; width: auto; margin: 0 0 30px 0; vertical-align: baseline; }
}

@media screen and (max-width: 450px)
{
	/***  STYLES ***/
	h1								{ margin-bottom: 40px; font-size: 22px; line-height: 30px; }
	
	/*** HEADER ***/
	header .logoff					{ display: none; }
	
	/*** ASIDE ***/
	aside							{ padding-top: 105px; }
	#copy							{ bottom: 40px; }
	
	/*** CONTENT ***/
	.content						{ padding: 40px 20px; }
	.wide							{ padding-left: 0; padding-right: 0; }	
	.ul_main a						{ padding: 25px 20px; }
}

@media screen and (max-width: 400px)
{
	/*** ENTREPRISE ***/
	.entreprise p br					{ display: none; }
}

@media screen and (max-width: 350px)
{
	/*** FINISSANT ***/
	.link								{ display: block; float: none;  }
	
	/*** FORM ***/
	input	, textarea					{ padding: 20px 15px; }
	input.w33							{ text-align: left; }	
	div.fancy-select div.trigger 		{ padding-left: 15px; }
	div.fancy-select ul.options li 		{ padding: 10px 15px; }
}

@media screen and (max-width: 320px)
{
	/*** HEADER ***/
	header							{ height: 30px; padding: 22px 20px 23px 70px; }
	header br							{ display: block; }
}

/***************************************************************** HEIGHT ***/
@media screen and (min-width: 1050px) and (max-height: 700px)
{
	/*** ASIDE ***/
	aside							{ padding-top: 130px; }
	
	/*** CONTENT ***/
	.content						{ padding-top: 70px; }
}

@media screen and (max-height: 800px)
{
	/*** LOGIN ***/
	.login .container				{ padding-top: 150px; box-sizing: border-box; }
	.logwrapper						{ padding-bottom: 50px; }
	.logBloc						{ margin-bottom: 50px; }
}

@media screen and (max-height: 700px)
{
	/*** LOGIN ***/
	.login .container				{ padding-top: 100px; }
	.logwrapper						{ padding-bottom: 40px; }
	.logBloc						{ margin-bottom: 40px; }
	
	/*** INSCRIPTION ***/
	#inscription .container			{ padding-top: 75px; }	
}


@media screen and (max-height: 600px)
{
	/*** LOGIN ***/
	.login .container				{ padding-top: 90px; }
	.logwrapper						{ padding-bottom: 35px; }
	.logBloc						{ margin-bottom: 35px; }
	
	./*** INSCRIPTION ***/
	#inscription .container			{ padding-top: 50px; }
}

@media screen and (max-height: 500px)
{
	/*** LOGIN ***/
	.login .container				{ padding-top: 75px; }
	.logwrapper						{ padding-bottom: 30px; }
	.logBloc						{ margin-bottom: 30px; }
}

@media screen and (max-height: 400px)
{
	/*** LOGIN ***/
	.login .container				{ padding-top: 50px; }
}