/************************************************************************/
/***********************//* PAGE ACCUEIL *//****************************/
/*****************************  1366px  *******************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/


/* SECTION PRESENTATION */
#presentation h1{
	font-size: 100px;
	width: 50%;
	top: 40%;
}

/* ARRANGEMENT POUR LA SECTION DU PARALAX DE LA PAGE D'ACCUEIL */

	.sectionVedette .vitrine .unEvent .div .h3{
		font-size: 20px;
	}

.nContacter h3{
	top: 42.5%;
	font-size: 70px;
}

/* // FOOTER // 1366px */

div.reseauSociaux{
	width: 10%;
}

/************************************************************************/
/*************************//* PAGE WORK *//*****************************/
/*****************************  1366px  *******************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

#workflow{
	width: 75%;
}

.filterZone .filter{
	width: 85%;
}



/************************************************************************/
/************************//* PAGE CONTACT *//***************************/
/*****************************  1366px  *******************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

#presentation.presentationContact h1{
	font-size: 100px;
}

.locations h4{
	margin-left: 20px;
}

.locations h4::after{
	width: 20.5%;
}


#contactFollow h4{
	margin-left: 38%;
}


#contactFollow div.reseauSociaux{
	width: 32%;
}


/************************************************************************/
/***********************//* PAGE DETAIL *//*****************************/
/*****************************  BASE  *********************************/
/********************  SECTION DETAIL PROJET *************************/
/********************************************************************/

#detailProjet #texteProjet{
	width: 58%;
}


/************************************************************************/
/***********************//* PAGE AGENCY *//*****************************/
/***************************  1366px  *********************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

#presentation.presentationAgency h6{
	width: 50%;
}


#who .whoRanger .whoGauche{
	width: 35%;
	margin-left: 5%;
}

/*#who .whoRanger h4{
	font-size: 20px;
}*/



/* AJUSTEMENT DES 3 images */
#troisImage{
	max-width: 1366px;
	height: 500px;
}

	#troisImage .imgLarge{
		width: 560px;
		height: 360px;
	}

	#troisImage .imgHaute{
		width: 363px;
		height: 563px;
	}

	#troisImage .pt1{
		top: 160px;
		left: 35px;
	}

	#troisImage .pt2{
		left: 502px;
	}

	#troisImage .pt3{
		top: 225px;
		right: 35px;
	}

/* APPROACH HAUT */

#approach .hautApproach{
	width: 75%;
}

#approach .hautApproach .approachImg{
		padding-bottom: 15.5%;
	}



	/*#approach .hautApproach .approachImg{
		height: 360px;
	}*/

	#approach .hautApproach h4{
		/*margin-top: 96px;*/
		width: 30%;
	}


/* APPROACH BAS */

/* BAS APPROACH */

	#approach .basApproach{
		width: 80%;
	}

		#approach .basApproach .approachImg{
			height: 170px;
			margin-right: -6%;
		}

		#approach .basApproach .basApproachColGauche{
			width: 30%;
			margin-left: 10.5%;
		}

		#approach .basApproach .basApproachColGauche h4{
			height: 260px;
		}

		/*#approach .basApproach .basApproachColGauche h5{
			left: -115px;
		}


			#approach .basApproach .basApproachColGauche h5::after{
				position: absolute;
				width: 500%;
			}*/

/* OUR DIRECTOR */
#director .directorImg{
	margin: 55px auto 0;
}

#director .prevProjet{
	left: 10%;
}

#director .nextProjet{
	right: 10%;
}


/* SELECTED LIST */

/*#selClients h5{
		font-size: 18px;
		left: 130px;
	}

		#selClients h5::after{
			width: 90%;
		}*/

/*	#selClients .laListe{
		width: 75%;
	}*/

	#selClients ul{
		padding: 0 35px;
	}

		#selClients ul li{
			margin-top: 8px;
		}


/************************************************************************/
/***********************//* PAGE SERVICE *//****************************/
/*****************************  1366px  *******************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

/* SECTION SERVICE */


	.serviceDroite .sd_cd{
		width: 30%;
		margin-left: 15%;
	}

	.serviceDroite h2{
		width: 92.5%
	}
	
		.serviceDroite .sd_cd ul{
			width: 48%;
		}

	.serviceDroite a{
		width: 80%;
	}

/* SECTION GAUCHE */

	.serviceGauche h2{
		width: 92.5%;
	}

	.serviceGauche .sd_cg{
		width: 30%;
		margin-right: 11.5%;
	}

	.serviceGauche a{
		bottom: 3.5%;
		margin-left: 10% !important;
		font-size: 14px;
	}

	.serviceGauche h4{
		margin: 50px 0 60px 9.8%;
	}

	/* LES IMAGES */

	.serviceDroite .eventImg{
		margin-right: 10%;
	}

	.serviceGauche .brandImg{
		margin-left: 10%;
	}

/************************************************************************/
/**********************//* PAGE CAREERS *//*****************************/
/****************************  1366px  ********************************/
/**********************  SECTION DESCRIPTION  ************************/
/********************************************************************/
#careerDescription{
	width: 70%;
}

		#careerDescription .descCourriel h4{
			width: 70%;
		}

		#careerDescription .descCourriel a{
			font-size: 20px;
		}

		#careerDescription .descEmploi h4{
			width: 70%;
		}