@charset 'utf-8';

/* MENU MOBILE */
nav#mainMenu span.logoImg{
		top: 19px;
		left: 17px;
		/*background-size: 200px 18.8px !important;*/
		background-repeat: no-repeat;
		background-size:200px 23.4px !important;
}

/* PAGE WORK */
#workflow .workEvent{
	height:auto;
	position: relative;
	width:100%;
	margin: 15px auto;
}




/* PAGE CONTACT */

.contactPage{
	width: calc(100% - 60px);
}

.locations div.adresse a{
	font-family: 'Infini', sans-serif;
}

.elem a{
	color: #000;
}

	.elem .courrielContact{
		font-family: 'Infini', sans-serif;
	}


.reseauSociaux h5 a{
	color: #000;
	line-height: 20px;
}



/* PAGE AGENCY */

#approach .hautApproach .approachImg{
	height: auto;
	padding-bottom: 64%;
}

#who .whoRanger .whoImg,
#approach .hautApproach .approachImg,
#approach .basApproach .approachImg{
	height: auto;
	padding-bottom: 35%;
	background-size: cover;
}


nav#mainMenu.black,
nav#mainMenu.black ul#listeMenu li a,
nav#mainMenu.black ul#listeMenu li{
	color:#fff;
}


nav#mainMenu.black span.logoImg.logo1{
	background:url(../images/logos/circologo1.png) top left no-repeat;
	background-image: -webkit-image-set( url('../images/logos/circologo1.png') 1x, url('../images/logos/circologo12x.png') 2x);
}

nav#mainMenu.black span.logoImg.logo2{
	background:url(../images/logos/circologo2.png) top left no-repeat;
	background-image: -webkit-image-set( url('../images/logos/circologo2.png') 1x, url('../images/logos/circologo22x.png') 2x);
}

nav#mainMenu.black span.logoImg.logo3{
	background:url(../images/logos/circologo3.png) top left no-repeat;
	background-image: -webkit-image-set( url('../images/logos/circologo3.png') 1x, url('../images/logos/circologo32x.png') 2x);
}

nav#mainMenu.black span.logoImg.logo4{
	background:url(../images/logos/circologo4.png) top left no-repeat;
	background-image: -webkit-image-set( url('../images/logos/circologo4.png') 1x, url('../images/logos/circologo42x.png') 2x);
}

nav#mainMenu.black span.logoImg.logo5{
	background:url(../images/logos/circologo5.png) top left no-repeat;
	background-image: -webkit-image-set( url('../images/logos/circologo5.png') 1x, url('../images/logos/circologo52x.png') 2x);
}


/* Page d'accueil pour la version mobile */

.propos .descriptionAgence h3{
	font-size: 22px;
}

.propos .descriptionAgence p{
	font-size: 16px;
}

.propos .descriptionAgence a{
	font-size: 14px
}

/* // Accueil // zone vedette */
.sectionVedette .vitrine .unEvent a .div .h3{
	font-size: 14px;
}

.sectionVedette .vitrine .unEvent a .div .h5{
	font-size: 12px;
}

.sectionVedette .template1 .unEvent .div, 
.sectionVedette .template2 .unEvent .div, 
.sectionVedette .template3 .unEvent .div{
	visibility: visible;
	opacity: 1;
}

/* nous contacter */
.nContacter a{
	font-size: 16px;
}

/* Careers corection pour le mobile */

.careerCity .poste h3{
	font-size: 14px;
	margin-left: 43px;
	line-height: 1.2em;
}

.careerCity .poste h5{
	font-size: 12px;
}

.careerCity .poste .posteDetail h4{
	font-size: 12px;
}

/* Correction pour la page projet */
.navProjet{
	border: none;
}

/* Correction pour la page Agency */

#presentation .resume{
	padding-bottom: 1em;
}

#presentation.presentationAgency h6{
	width: 75%;
	line-height: 1.2em;
}

/* Correction pour la page Contact */
.locations div.adresse h5{
	font-size: 14px;
}

@media screen(min-width: 375px){
	/* Page d'accueil pour la version mobile */

	.propos .descriptionAgence h3{
		font-size: 23px;
	}
	
	.propos .descriptionAgence p{
		font-size: 17px;
	}

	.propos .descriptionAgence a{
		font-size: 15px
	}

	/* // Accueil // zone vedette */
	.sectionVedette .vitrine .unEvent a .div .h3{
		font-size: 15px;
	}
	
	.sectionVedette .vitrine .unEvent a .div .h5{
		font-size: 13px;
	}

}

@media screen(min-width: 425px){
	/* Page d'accueil pour la version mobile */

	.propos .descriptionAgence h3{
		font-size: 24px;
	}
	
	.propos .descriptionAgence p{
		font-size: 18px;
	}

	.propos .descriptionAgence a{
		font-size: 16px
	}

	/* // Accueil // zone vedette */
	.sectionVedette .vitrine .unEvent a .div .h3{
		font-size: 16px;
	}
	
	.sectionVedette .vitrine .unEvent a .div .h5{
		font-size: 14px;
	}


}