@charset: 'utf-8';

/* INTÉGRATION DES FONTS POUR LE SITE WEB */
/* ZIGZAG */
@font-face {
  font-family: 'zigzag-not-rounded';
  src: url('../font/ZIGZAG-Not-Rounded.eot'); /* IE9 Compat Modes */
  src: url('../font/ZIGZAG-Not-Rounded.eot?#iefix') format('embedded-opentype'),
       url('../font/ZIGZAG-Not-Rounded.woff') format('woff'),
       url('../font/ZIGZAG-Not-Rounded.ttf')  format('truetype'),
       url('../font/ZIGZAG-Not-Rounded.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'zigzag-rounded';
  src: url('../font/ZIGZAG-Rounded.eot'); /* IE9 Compat Modes */
  src: url('../font/ZIGZAG-Rounded.eot?#iefix') format('embedded-opentype'), 
       url('../font/ZIGZAG-Rounded.woff') format('woff'),
       url('../font/ZIGZAG-Rounded.ttf')  format('truetype'),
       url('../font/ZIGZAG-Rounded.svg#svgFontName') format('svg');
}

/* font-family: 'Source Sans Pro', sans-serif; */

/*
url('../font/ZIGZAG-Not-Rounded.woff2') format('woff2'),
url('../font/ZIGZAG-Rounded.woff2') format('woff2'),
*/

/* // SECTION BASE POUR TOUS LES MODÈLES // */

html, body { 
	width:100%; 
	overflow-x:hidden; 
}

body{
	cursor: url(../images/main.png) 7.5 1.5, auto;
	font-family: 'Source Sans Pro', sans-serif;
}

a{
	text-decoration: none;
	cursor:pointer;
	cursor: url(../images/main_hover.png) 7.5 1.5, auto; /* À changer pour la main. */
}

#container{
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
}

.propos .descriptionAgence .barreBas{
	text-decoration: underline;
}

.propos .descriptionAgence .superstar{
	font-family: 'zigzag-not-rounded';
	text-decoration: underline;
	/* w3C */
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1, "dlig" 1;
	/* prefixe */
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-variant-ligatures: common-ligatures; 
}

.langBarre{
	display: none;
}

/* // MENU // SECTION BASE (Mobile 320px) */

nav#mainMenu{
	position: relative;
	width: 100%;
	height: 55px;
	background-color: black;
	z-index: 5;
}

	nav#mainMenu span.logoImg{
		width: 200px;
		height: 23px;
		position: absolute;
		top: 15px;
		left: 25px;
		z-index: 5;
	}

		nav#mainMenu span.logoImg a{
			text-decoration: none;
			font-size: 29px;
			color: transparent;
		}

	nav#mainMenu h4{
		display: none;
	}

	nav#mainMenu .iconeMobile{
		position: absolute;
		width: 26px;
		height: 26px;
		top: 10px;
		right: 20px;
		padding: 5px;
		z-index: 5;
		cursor:pointer;
		cursor: url(../images/main_hover.png) 7.5 1.5, auto;
		background-image: url(../images/menu.png);
		background-repeat: no-repeat;
		background-size: 26px 26px;
		background-position: 50%;
	}

	nav#mainMenu .iconeMobile.close{
		background-image: url(../images/menu.png);
		background-image: -webkit-image-set(url('../images/menu.png') 1x, url('../images/menu2x.png') 2x);
					
	}

	nav#mainMenu .iconeMobile.open{
		background-image: url(../images/close.png);
		background-image: -webkit-image-set(url('../images/close.png') 1x, url('../images/close2x.png') 2x);
					
	}

	nav#mainMenu ul#listeMenu{
		display: none;
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 4;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	nav#mainMenu ul#listeMenu::-webkit-scrollbar { 
    	display: none; 
	}

		nav#mainMenu ul#listeMenu li{
			padding: 2px 15px;
			margin-left: 10%;
			margin-top: 3%;
		}

		.liSelection{
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			font-size: 14px !important;
			text-decoration: line-through !important;
		}

		nav#mainMenu ul#listeMenu li:first-child{
			margin-top: 20%;
		}

			nav#mainMenu ul#listeMenu li a{
				font-size: 16px;
				color: #fff;
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				font-family: 'Infini', sans-serif;
			}

			nav#mainMenu ul#listeMenu li a:hover{
				text-decoration: line-through;
				font-weight: 700; 
			}

			nav#mainMenu ul#listeMenu li ul{
				display: none;
			}

				nav#mainMenu ul#listeMenu li ul li{
					padding: 5px 15px;
					margin-left: 6%;
					margin-top: 2.5%;
				}

				nav#mainMenu ul#listeMenu li ul li:first-child{
					margin-top: 2.5%;
				}

					nav#mainMenu ul#listeMenu li ul li a{
						font-size: 16px;
					}

		.mobileDevice li.mute{
			display: none;
		}


/* À modifié en fonction de la video et de l'image */

#background{
		z-index:-1;
		pointer-events:none;
		background:#FFFFFF;
		position: absolute;
	}

	#background iframe{
		width:100%;
		height:100%;
		background:#FFFFFF;
		overflow: hidden;
	}

	#background.gif{
		width:100%;
		height:100%;
		background:url(../images/gif/menu.gif);
		background-position: center center;
		background-size:cover;
	}

#presentation{
	position: relative;
	width: 100%;
	overflow: hidden;
	
}


	#presentation h1{
		position: relative;
		top: 45%;
		font-size: 40px;
		font-family: 'zigzag-not-rounded', serif;
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
		width: 100%;
		text-align: center;
		color: #fff;
	}

	#presentation i{
		font-size: 40px;
		/*position: absolute;*/
		bottom: 50px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		color: #fff;
	}

	#presentation h4 {
		font-size: 11px;
		width: 100%;
		text-align: center;
		color: #fff;
		font-family: 'Infini', sans-serif;
	}

    #presentation .resume {
        position: absolute;
        height: auto;
        width: 100%;
        bottom: 0;
        padding-bottom: 30px;
    }
    
    #presentation .pageTitre {
        margin-bottom: 3%;
    }


/* // PAGE ACCUEIL // Section a propos */

.propos{
	width: 100%;
	padding: 40px 0px 40px 0px;
	background-color: #fff;
}

	.propos .descriptionAgence{
		position: relative;
		width: 100%;
	}

	.propos .descriptionAgence h3{
		width: 85%;
		font-size: 26px;
		font-family: 'Infini', sans-serif;
		text-align: center;
		margin: 0 auto;
		line-height: 30px;
		/*padding: 20px 0px;*/
	}


	.propos .descriptionAgence p{
		width: 85%;
		font-size: 18px;
		font-family: 'Infini', sans-serif;
		text-align: center;
		margin: 0 auto;
		line-height: 1.3em;
		padding: 40px 0px;
	}

	.propos .descriptionAgence a{
		display: block;
		color: #000;
		width: auto;
		margin: 0 auto;
		font-size: 14px;
		text-align: center;
		font-family: 'Infini', sans-serif;
	}


	.propos .descriptionAgence a:hover{
		font-weight: bold;
		text-decoration: line-through;
		letter-spacing: 1px;
	}

.surligne {
    text-decoration: underline;
}

/* // PAGE ACCUEIL // Section d'événements */

.sectionVedette{
	width: 100%;
	background-color: transparent;
	padding: 40px 0px 0;
}

	.sectionVedette .fwork{
		position: relative;
		width: 90%;
		padding: 0px 0px 20px 0;
		margin: 0 auto;
	}

		.sectionVedette .fwork h4{
			font-size: 14px;
			font-family: 'Infini', sans-serif;
		}

		.sectionVedette .fwork h2{
			font-size: 64px;
			margin-left: -4px;
			font-family: 'zigzag-not-rounded';
			/* w3C */
			text-rendering: optimizeLegibility;
			font-feature-settings: "liga" 1, "dlig" 1;
			/* prefixe */
			-ms-text-rendering: optimizeLegibility;
			-o-text-rendering: optimizeLegibility;
			-webkit-text-rendering: optimizeLegibility;
			-moz-text-rendering: optimizeLegibility;
			-webkit-font-feature-settings: "liga" 1, "dlig" 1;
			-moz-font-feature-settings: "liga=1, dlig=1";
			-ms-font-feature-settings: "liga" 1, "dlig" 1;
			-o-font-feature-settings: "liga" 1, "dlig" 1;
			font-variant-ligatures: common-ligatures;
			padding-top: 25px;
		}

		.sectionVedette .fwork .fworkModif{
			font-size: 56px;
		}

		.sectionVedette .fwork .modifAN{
			-webkit-font-feature-settings: 'clig' 0,'titl' 1;
			-o-font-feature-settings: 'clig' 0,'titl' 1;
			-moz-font-feature-settings: 'clig' 0,'titl' 1;
			-ms-font-feature-settings: 'clig' 0,'titl' 1;
			font-feature-settings: 'clig' 0,'titl' 1;
		}

		.sectionVedette .fwork a{
			position: absolute;
			top: 0;
			right: 0;
			font-size: 14px;
			color: #000;
			font-family: 'Infini', sans-serif;
		}

		.sectionVedette .fwork a:hover{
			text-decoration: line-through;
			font-weight: 700;
			letter-spacing: 1px;
		}

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

	.sectionVedette .vitrine{
		position: relative;
		width: 100%;
		padding: 0px 0px 40px 0;
		margin: 0 auto;
	}

		.sectionVedette .vitrine .unEvent{
			margin-bottom: 25px;
		}

		.sectionVedette .vitrine .unEvent{
			position: relative;
			margin: 15px auto;
			width: 90%;
			height: auto;
			background-color: #f8f8f8;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: 600px 390px;
			padding-bottom: 51.5%;
		}

			.sectionVedette .vitrine .unEvent div{
				position: absolute;
				bottom: 0px;
				left: 0px;
				right: 0;
				width: 100%;
				height: 65px;
				background-color: rgba(0,0,0,0.3);
			}

			.mobileDevice .sectionVedette .vitrine a .unEvent .div{
				visibility: visible !important;
				opacity: 1 !important;
			}

				.sectionVedette .vitrine .unEvent a .div .h3{
					margin-left: 4%;
					font-family: 'Infini', sans-serif;
					text-transform: uppercase;
				}

					.sectionVedette .vitrine .unEvent a .div .h3 a{
						font-size: 20px;
						font-family: 'Infini', sans-serif;
						color: #fff;
						text-transform: uppercase;
					}
	
				.sectionVedette .vitrine .unEvent a .div .h5{
					margin-left: 4%;
					margin-top: 5px;
					color: #fff;
					font-family: 'Infini', sans-serif;
				}

					.sectionVedette .vitrine .unEvent a .div .h5 a{
						font-size: 14px;
						color: #fff;
						font-family: 'Infini', sans-serif;
					}


/* // PAGE ACCUEIL // Section nous contacter */

.nContacter{
	position: relative;
	width: 100%;
	height: 286px;
	background-image: url("../images/image4.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-top: 25px;
	cursor: url(../images/main_hover.png) 7.5 1.5, auto;
}

	.nContacter h3{
		width: 100%;
		position: absolute;
		top: 30%;
		text-align: center;
		font-size: 50px;
		font-family: 'zigzag-not-rounded', sans-serif;
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
	}

	.nContacter a{
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10%;
		font-size: 14px;
		color: #000;
		font-family: 'Infini', sans-serif;
	}

	.nContacter a:hover{
		text-decoration: line-through;
		letter-spacing: 1px;
	}


/* // TOUT LE SITE // Adresse et #tel pour les rejoindre. */

footer{
	width: 100%;
	padding: 25px 0px 0 0;
	/*height: 272px;*/
	/*display: inline-block;*/
}

	footer img{
		display: none
	}

	div.adresse{
		width: 85%;
		margin: 0 auto;
		padding: 20px 0 20px 0;
	}


	div.adresse:first-of-type{
		padding-top: 40px;
	}

		div.adresse h3{
			width: 100%;
			text-align: center;
			font-size: 0.7em;
			font-family: 'Infini', sans-serif;
			margin-bottom: 12px;
			text-transform: uppercase;
		}

		div.adresse h5{
			width: 100%;
			text-align: center;
			font-size: 0.7em;
			font-family: 'Infini', sans-serif;
			text-transform: uppercase;
			margin-top: 12px;
			font-weight: 700;
			color: #000;
		}



	div.reseauSociaux{
		width: 100%;
		font-size: 13px;
		/*text-transform: lowercase;*/
		display: inline-block;
		margin-top: 8px;
		font-family: 'Infini', sans-serif;
	}

		div.reseauSociaux div{
			position: relative;
			width: calc(50% - 2px);
			height: 50px;
		}

		div.reseauSociaux div:nth-child(odd){
			float: left;
		}

		div.reseauSociaux div:nth-child(even){
			float: right;
		}

			div.reseauSociaux div a{
				position: absolute;
				top: 35%;
				left: 0;
				right: 0;
				text-align: center;
				color: #000;
				font-size: 12px;
			}

			div.reseauSociaux div a:visited{
				color: #000;
			}

			div.reseauSociaux div a:hover{
				text-decoration: line-through;
				font-weight: 700;
				letter-spacing: 1px;
			}

	#contactFollow div.reseauSociaux h5 a{
		color: #000;
	}

	#contactFollow div.reseauSociaux h5 a:visited{
		color: #000;
	}


/************************************************************************/
/***********************//* PAGE CONTACT *//****************************/
/*****************************  BASE  *********************************/
/***********************  SECTION LOCATION  **************************/
/********************************************************************/

#presentation.presentationContact{
	position: relative;
	width: 100%;
	overflow: hidden;
}

	#presentation.presentationContact h1{
		position: relative;
		top: 45%;
		font-size: 32px;
		font-family: 'zigzag-not-rounded', sans-serif;
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
		width: 100%;
		text-align: center;
		color: #fff;
	}

	#presentation.presentationContact h4{
		/*position: absolute;*/
		bottom: 5%;
		left: 0;
		right: 0;
		font-size: 18px;
		font-family: 'Infini', sans-serif;
		width: 100%;
		text-align: center;
		color: #fff;
	}

    #presentation.flecheScroll h4{
        
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        font-size: 11px;
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: 'Infini', sans-serif;
        font-weight: 700;
        font-size: 14px;
    }

.locations{
	width: 100%;
	/*padding: 20px 0px;*/
}

	.locations h4{
		width: 100%;
		font-size: 16px;
		text-align: left;
		font-family: 'Infini', sans-serif;
	}


		.locations div.adresse h3{
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin-bottom: 12px;
			font-family: 'Infini', sans-serif;
		}

		.locations div.adresse h5{
			width: 100%;
			text-align: center;
			font-size: 16px;
			text-transform: uppercase;
			margin-top: 5px;
		}

		.locations div.adresse a{
			display: inherit;
			width: 100%;
			text-align: center;
			font-size: 16px;
			color: #000;
			margin-top: 5px;
			text-decoration: underline;
			font-family: 'Infini',sans-serif;
		}

/* // PAGE CONTACT // SECTION DEUXIEME RANGER  */

.deuxieme{
	width: 100%;
	padding: 30px 0px;
	border-top: 1px solid black;
}

	.deuxieme .elem{
		width: 85%;
		margin: 0 auto;
		padding: 5px 0 0px 0;
	}

		.deuxieme .elem h3{
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin-bottom: 10px;
			font-family: 'Infini', sans-serif;
		}

		.deuxieme .elem h5{
			width: 100%;
			text-align: center;
			font-size: 16px;
			margin-bottom: 12px;
			font-family: 'Infini', sans-serif;
		}

		.deuxieme .elem a{
			display: inherit;
			width: 100%;
			text-align: center;
			text-decoration: underline;
			font-size: 14px;
			color: #000;
			font-family: 'Infini', sans-serif;
		}

		.deuxieme .elem a:hover{
			font-weight: 700;
			text-decoration: line-through;
			letter-spacing: 1px;
		}


	/* CONTACT */
	#contactFollow h4{
		font-family: 'Infini', sans-serif;
	}

/************************************************************************/
/************************//* PAGE WORK *//******************************/
/*****************************  BASE  *********************************/
/*************************  SECTION MENU  ****************************/
/********************************************************************/



/* // PAGE WORK // Zone filter */
.filterZone{
	width: 100%;
	padding: 20px 0px;
	display: block;
	margin: 0 auto;
}

	.filterZone .filter{
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}

		.filterZone .filter h3{
			text-align: center;
			border-bottom: 1px solid #969696;
			padding: 15px 0px;
			font-size: 1.2em;
			font-family: 'Infini', sans-serif;
		}

		.filterZone .filter div{
			width: 100%;
			border-bottom: 1px solid #969696;
		}

			.filterZone .filter div ul{
				display: none;
			}

				.filterZone .filter div ul li{
					padding: 18px 0px;
					border-top: 1px solid #dbdbdb;
					font-size: 14px;
					cursor:pointer;
    				cursor: url(../images/main_hover.png) 7.5 1.5, auto;
    				font-family: 'Infini', sans-serif;
				}

			.filterZone .filter div h4{
				font-size: 1.15em;
				font-family: 'Infini', sans-serif;
    			padding: 20px 0px;
    			cursor:pointer;
    			cursor: url(../images/main_hover.png) 7.5 1.5, auto;
			}

				.filterZone .filter div h4 i{
					margin-right: 8px;
				}

.workSectionTitre{
	/*position: absolute;
	bottom: 6%;
	left: 5%;
	display: inline-block;*/
	color: #fff;
	font-size: 20px;
	font-family: 'Infini', sans-serif;
}

/* // WORK // SECTION WORKFLOW - BASE  */
	#workflow{
		width: 90%;
		padding: 15px 0;
		margin: 0 auto;
	}

		#workflow .erreur{
			width: 100%;
			text-align: center;
			font-size: 1em;
			margin: 15px 0px;
			display: none;
		}

		#workflow .workEvent{
			position: relative;
			width: 100%;
			height: auto;
			margin: 0 auto 20px auto;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;
		}

			#workflow .workEvent a.smallctn
			,.sectionVedette .vitrine .unEvent a.smallctn{
				display: block;
				width:100%;
				height: 100%;
				top:0;
				left:0;
				position: absolute;
				color:#FFF;
			}

			#workflow .workEvent div,
			#workflow .workEvent .div,
			.sectionVedette .vitrine .unEvent .div{
				display: block;
				position: absolute;
				bottom: 0px;
				left: 0px;
				right: 0;
				width: 100%;
				height: 65px;
				/*background-color: rgba(0,0,0,0.3);
				background: rgba(69, 69, 69, 0.15);
				text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
			}

				#workflow .workEvent div h3,
				#workflow .workEvent .div .h3,
				.sectionVedette .vitrine .unEvent .div .h3{
					display: block;
					margin-left: 4%;
					font-family: 'Infini', sans-serif;
				}

					#workflow .workEvent div h3 ,
					#workflow .workEvent .div .h3 ,
					.sectionVedette .vitrine .unEvent .div .h3 {
						font-size: 16px;
						color: #fff;
						font-family: 'Infini', sans-serif;
						text-transform: uppercase;
					}
			
				#workflow .workEvent div h5,
				#workflow .workEvent .div .h5,
				.sectionVedette .vitrine .unEvent .div .h5{
					display: block;
					margin-left: 4%;
					margin-top: 5px;
				}

					#workflow .workEvent div h5 a,
					#workflow .workEvent .div .h5 .softlink,
					.sectionVedette .vitrine .unEvent .div .h5 .softlink{
						font-family: 'Infini', sans-serif;
						font-size: 12px;
						color: #fff;
					}
				
				#workflow .workEvent .div .trait,
				.sectionVedette .vitrine .unEvent .div .trait{
					display: block;
					margin: 0 0 10px 4%;
					width: 29px;
					height: 5px;
					background-image: url('../images/trait.jpg');
					background-image: -webkit-image-set(url('../images/trait.jpg') 1x, url('../images/trait2x.png') 2x);
					background-size: 29px 5px;
					background-repeat: no-repeat;
				}

	.returnTop{
		width: 90%;
		text-align: center;
		display: block;
		padding: 15px 0px;
		border-bottom: 1px solid #000;
		margin: 0 auto;
	}

		.returnTop h3{
			font-size: 12px;
			margin-top: 8px;
			font-family: 'Infini', sans-serif;
		}

		.returnTop:hover h3{
			font-weight: 700;
			letter-spacing: 1px;
			text-decoration: line-through;
		}

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

#detailProjet{
	width: 100%;
	background-color: #fff;
	padding: 20px 0px;
	position: relative;
}

	

	#detailProjet .retourProjet{
		display: none;
	}

	#detailProjet .titreProjet{
		width: 90%;
		text-align: center;
		font-size: 18px;
		font-family: 'Infini', sans-serif;
		text-transform: uppercase;
		margin: 0 auto;
	}

	#detailProjet h3{
		width: 90%;
		text-align: left;
		font-size: 14px;
		font-family: 'Infini', sans-serif;
		margin: 6px auto;
	}

	#detailProjet h4{
		width: 90%;
		text-align: left;
		font-size: 14px;
		font-family: 'Infini', sans-serif;
		margin: 0 auto 6px auto;
	}

	#detailProjet h4 span{
		font-weight: 700;
	}

	#detailProjet .colGaucheProjet{
		width: 100%;
		padding: 0px 0px 12px 0px;
	}

		#detailProjet .colGaucheProjet p{
			width: 90%;
			font-size: 11px;
			color: #A4A4A4;
			margin: 0 auto;
			line-height: 1.5em;
			font-family: 'Infini', sans-serif;
		}

		#detailProjet .colGaucheProjet .tagProjet{
			width: 90%;
			margin: 20px auto
		}

			#detailProjet .colGaucheProjet .tagProjet a{
				color: #000;
				padding: 8px 12px;
				margin-left: 2%;
				font-family: 'Infini', sans-serif;
				font-size: 14px;
			}

				#detailProjet .colGaucheProjet .tagProjet a:hover{
					font-weight: 700;
					text-decoration: line-through;
					letter-spacing: 1px;
				}

			#detailProjet .colGaucheProjet .tagProjet a:first-child{
				margin-left: 0%
			}

	#detailProjet .colDroitProjet{
		width: 100%;
		padding: 0px 0px 8px 0px;
	}

		#detailProjet .colDroitProjet p{
			width: 90%;
			margin: 0px auto 12px auto;
			font-size: 16px;
			line-height: 1.5em;
			font-family: 'Infini', sans-serif;
		}

	#detailProjet .partageProjet{
		width: 80%;
		margin: 0 auto;
		text-align: right;
	}

		#detailProjet .partageProjet a{
			color: #000;
		}

			#detailProjet .partageProjet a i{
				padding: 15px 30px;
				background-color: #f2f2f2;
			}

/* ZONE PORFOLIO DANS LAQUELLE CONTIENT IMAGES ET VIDEO */

#zonePortfolio{
	width: 100%;
	padding: 20px 0px;
}

	#zonePortfolio .imgPortfolio{
		width: 100%;
		height: 240px;
		min-width: 300px;
		max-width: 600px;
		margin: 15px auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#zonePortfolio .imgGrande{
		width: 100%;
		height: 240px;
		min-width: 300px;
		max-width: 600px;
		margin: 15px auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}


/* NAVIGATION ENTRE PROJET */

.navProjet{
	display: inline-block;
	width: 100%;
	padding: 40px 0;
	border-bottom: 2px solid #bfbfbf;
}

	.navProjet h3{
		width: 300px;
		margin: 0 auto;
		text-align: center;
		padding-top: 30px;
	}

		.navProjet h3 a{
			font-size: 14px;
			font-family: 'Infini',sans-serif;	
			color: #000;
			padding: 8px;
		}

		.navProjet h3 a:hover{
			text-decoration: line-through;
			font-weight: 700;
			letter-spacing: 1px;
		}

	.navProjet .prevProjet{
		width: 56px;
		height: 9px;
        background: url("../images/fleche_gauche.png");
		background-image: url("../images/fleche_gauche.png");
		background-image: -webkit-image-set( url("../images/fleche_gauche.png") 1x, url("../images/fleche_gauche2x.png") 2x);
		background-repeat: no-repeat;
		background-size: 56px 9px;
		background-position: center;
		margin-top: 6px;
		float: left;
		padding: 30px 10px;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
	}

	.navProjet .nextProjet{
		width: 56px;
		height: 9px;
        background: url("../images/fleche_droite.png");
		background-image: url("../images/fleche_droite.png");
		background-image: -webkit-image-set( url("../images/fleche_droite.png") 1x, url("../images/fleche_droite2x.png") 2x);
		background-repeat: no-repeat;
		background-size: 56px 9px;
		background-position: center;
		margin-top: -42px;
		float: right;
		padding: 30px 10px;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
	}

/* SECTIONS RELATED PROJECTS */

.relatedProject{
	width: 100%;
	padding: 40px 0px;
	border-bottom: 2px solid #bfbfbf;
}

	.relatedProject h2 {
		font-size: 18px;
		font-family: 'Infini',sans-serif;
		font-weight: 700;
		text-decoration: underline;
		text-transform: uppercase;
		width: 100%;
		text-align: center; 
	}


	.relatedProject .unRelProject{
		width: 100%;
		max-width: 400px;
		margin: 20px auto;
	}

		.relatedProject .unRelProject a{
			color: #000;
		}

		.relatedProject .unRelProject .image{
			width: 100%;
			height: 234px;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.relatedProject .unRelProject h3{
			font-size: 18px;
			font-family: 'Infini',sans-serif;
			margin: 7px 0;
		}

		.relatedProject .unRelProject h5{
			font-size: 12px;
			font-family: arial,sans-serif;
		}


/************************************************************************/
/***********************//* PAGE AGENCY *//*****************************/
/*****************************  BASE  *********************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

#presentation.presentationAgency{
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 400px;
}


	#presentation.presentationAgency h1{
		position: relative;
		top: 35%;
		font-size: 40px;
		font-family: 'zigzag-not-rounded', serif;
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
		width: 100%;
		text-align: center;
		color: #fff;
	}

	#presentation.presentationAgency h6{
		display: block;
		width: 70%;
		font-size: 16px;
		font-family: 'Infini', sans-serif;
		/*position: absolute;*/
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 7.5%;
		text-align: center;
		color: #fff;
	}

		#presentation.presentationAgency h6 .barreBas{
			text-decoration: underline;
		}

	#presentation.presentationAgency h4{
		/*position: absolute;*/
		bottom: 42.5%;
		left: 0;
		right: 0;
		font-size: 20px;
		font-family: 'Infini', sans-serif;
		width: 100%;
		text-align: center;
		color: #fff;
	}

/* // WHO WE ARE // */

#who{
	width: 100%;
	padding: 40px 0 25px;
	background-color: #fff;
}

	#who h2{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		text-transform: uppercase;
		margin-bottom: 40px;
	}

	#who h3{
		width: 90%;
		margin: 0px auto;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		line-height: 1.15em;
	}

	#who h3:first-of-type{
		margin-top: 5px;
	}
	#who h3:last-of-type{
		margin-bottom: 5px;
	}

	#who .whoRanger{
		width: 100%;
		padding: 15px 0;
	}

	#who .whoRanger .whoImg{
		width: 90%;
		margin: 0 auto;
		height: auto;
		/*background-image: url(../images/future.gif);*/
		background-position: 50% 50%;
		background-repeat: no-repeat;
		padding-bottom: 35%;
		background-size: cover;
	}

	#who .whoRanger h4{
		width: 90%;
		margin: 15px auto;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini', sans-serif;
		line-height: 1.3em;
	}

	#who .whoRanger a{
		display: block;
		margin: 0px auto;
		text-align: center;
		font-size: 14px;
		font-family: 'Infini',sans-serif;
		color: #000;
	}

	#who .whoRanger a:hover{
		font-weight: 700;
		text-decoration: line-through;
		letter-spacing: 1px;
	}

#troisImage{
	display: none;
    clear: both;
}


/* // APPROACH // */

#approach{
	width: 100%;
	/*padding: 20px 0px;*/
	background-color: #fff;
}

	#approach h2{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		text-transform: uppercase;
	}

	#approach h3{
		width: 90%;
		margin: 0px auto;
		padding-top: 40px; 
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		line-height: 1.3em;
	}

	#approach .hautApproach{
		width: 100%;
		margin: 20px 0;
	}

		#approach .hautApproach .approachImg{
			width: 100%;
			max-width: 560px;
			margin: 0 auto;
			height: 234px;
			background-image: url(../images/flick.gif);
			background-position: 50% 50%;
			background-repeat: no-repeat;
            background-size: cover;
		}

		#approach .hautApproach h4{
			width: 90%;
			margin: 20px auto 15px;
			text-align: center;
			font-size: 16px;
			font-family: 'Infini', sans-serif;
			line-height: 1.15em;
		}

		#approach .basApproach .approachImg{
			width: 100%;
			max-width: 560px;
			margin: 0 auto;
			height: 234px;
			background-image: url(../images/perform.gif);
			background-position: 50% 50%;
			background-repeat: no-repeat;
            background-size: cover;
		}

		#approach .basApproach .basApproachColGauche{
			width: 90%;
			max-width: 550px;
			margin: 15px auto;
			text-align: center;
		}

			#approach .basApproach .basApproachColGauche h4{
				font-size: 16px;
				font-family: 'Infini', sans-serif;
				line-height: 1.15em;
				margin: 0 auto;
			}

			#approach .basApproach .basApproachColGauche h5{
				width: 90%;
				font-size: 16px;
				font-family: 'Infini', sans-serif;
				line-height: 1.15em;
				text-align: left;
				margin-top: 35px;
			}

				#approach .basApproach .basApproachColGauche h5::after{
					position: absolute;
					width: 65%;
					content: "";
					border-bottom: 1px solid #000;
					margin-top: 9px;
					margin-left: 12px;
				}

			#approach .basApproach .basApproachColGauche li{
				list-style-type: none;
			}

			#approach .basApproach .basApproachColGauche li a{
				display: block;
				text-align: left;
				font-size: 16px;
				font-family: 'Infini', sans-serif;
				color: #000;
				margin-top: 5px;
				padding: 5px 10px 5px 0;
			}

				#approach .basApproach .basApproachColGauche a:hover{
					font-weight: 700;
					text-decoration: line-through;
					letter-spacing: 1px;
				}


/* ZONE DIRECTOR */

#director{
	width: 100%;
	padding: 25px 0px;
	position: relative;
}

	#director h2{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		text-transform: uppercase;
	}
	
	#director .directorImg{
		position: relative;
		width: 70%;
		margin: 55px auto 0px auto;
		overflow: hidden;
	}

	#director .directorImg .containerPhotos{
		position: relative;
		height: 100%;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		-ms-transition: all 0.8s ease;
	}


		#director .prevProjet{
			position: absolute;
			top: 45.5%;
			left: 0%;
			width: 29px;
			height: 12px;
			background-image: url(../images/petite_fleche_droit.png);
			background-image: -webkit-image-set(url(../images/petite_fleche_droit.png) 1x, url(../images/petite_fleche_droit2x.png) 2x);
			background-repeat: no-repeat;
			background-size: 29px 12px;
			background-position: 50% 50%;
			z-index: 5;
			cursor:pointer;
			cursor: url(../images/main_hover.png) 7.5 1.5, auto;
			padding: 30px 8px;
			-ms-transform: rotateZ(180deg);
			-moz-transform: rotateZ(180deg);
			-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
		}

		#director .nextProjet{
			position: absolute;
			top: 45.5%;
			right: 0%;
			width: 29px;
			height: 12px;
			background-image: url(../images/petite_fleche_droit.png);
			background-image: -webkit-image-set(url(../images/petite_fleche_droit.png) 1x, url(../images/petite_fleche_droit2x.png) 2x);
			background-repeat: no-repeat;
			background-size: 29px 12px;
			background-position: 50% 50%;
			z-index: 5;
			cursor:pointer;
			cursor: url(../images/main_hover.png) 7.5 1.5, auto;
			padding: 30px 8px;
		}


	/* CHOIX DES IMAGES POUR LES DIRECTORS */
	#director .containerPhotos .unDirector{
		width: 25%;
		max-width: 800px;
		height: 100%;
		float: left;
	}


	#director .containerPhotos .imgDirect{
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		float: left;
		padding-bottom: 110%;
		margin-bottom: 10px;
	}


	#director .director1{
		/*background-image: -webkit-image-set( url('../images/Vincent_crop.jpg') 1x, url('../images/Vincent_crop.jpg'));*/
		background-image: url('../images/Vincent_crop.jpg');
	}

	#director .director2{
		/*background-image: -webkit-image-set( url("../images/Julie_crop.jpg") 1x, url("../images/Julie_crop.jpg") 2x);*/
		background-image: url("../images/Julie_crop.jpg");
	}

	#director .director3{
		/*background-image: -webkit-image-set( url("../images/Roshan_crop.jpg") 1x ,url("../images/Roshan_crop.jpg") 2x);*/
		background-image: url("../images/Roshan_crop.jpg");
	}

	#director .director4{
		/*background-image: -webkit-image-set( url("../images/Nancy_crop.jpg") 1x, url("../images/Nancy_crop.jpg") 2x);*/
		background-image: url("../images/Nancy_crop.jpg");
	}


	#director span.nom{
		display: block;
		font-size: 20px;
		font-family: 'Infini', serif;
		margin: 10px auto;
		text-align: center;
	}

	#director span.position{
		display: block;
		font-size: 12px;
		font-family: 'Infini', serif;
		margin: 0 auto;
		text-align: center;
	}

	#director span.nom p{
		display: block;
		font-size: 12px;
		font-family: 'Infini', serif;
		margin: 0 auto;
		text-align: center;
	}

	#director span.nom p strong{
		display: block;
		font-size: 20px;
		font-family: 'Infini', serif;
		margin: 10px auto;
		text-align: center;
	}

/* SECTION AVEC LES CLIENT CHOISI */

#selClients{
	width: 100%;
	padding: 15px 0 20px 0;
}

	#selClients h5{
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
		font-family: 'Infini', sans-serif;
		line-height: 1.15em;
		text-align: left;
		margin-bottom: 20px;
	}

		#selClients h5::after{
			position: absolute;
			width: 50%;
			content: "";
			border-bottom: 1px solid #000;
			margin-top: 9px;
			margin-left: 12px;
		}

	#selClients ul{
		width: 90%;
		margin: 0 auto;
	}

		#selClients ul li{
			font-size: 16px;
			font-family: 'Infini', sans-serif;
			margin-top: 8px;
		}


/************************************************************************/
/***********************//* PAGE SERVICE *//****************************/
/*****************************  BASE  *********************************/
/*********************  SECTION PRESENTATION  ************************/
/********************************************************************/

/* // FOR ALL // */
	.imgService{
		width: 100%;
		height: 300px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 35px;
	}

/* // END FOR ALL // */

/* SECTION SERVICE */
.serviceDroite{
	position: relative;
	width: 100%;
	padding: 40px 0px 0;
	background-color: #fff;
	display: inline-block;
}

	.serviceDroite h2{
		width: 96.5%;
		font-size: 56px;
		margin: 0 auto;
		font-family: 'zigzag-not-rounded';
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
	}

	.serviceDroite h4{
		font-size: 14px;
		width: 95%;
		margin: 35px auto;
		font-family: 'Infini',sans-serif;
	}

	.serviceDroite .sd_cd{
		width: 100%;
	}	

		.serviceDroite .sd_cd h5{
			width: 95%;
			margin: 15px auto 8px auto;
			font-size: 14px;
			font-family: 'Infini', sans-serif;
			line-height: 1.15em;
			text-align: left;
		}
	
			.serviceDroite .sd_cd h5::after{
				position: absolute;
				width: 65%;
				content: "";
				border-bottom: 1px solid #000;
				margin-top: 9px;
				margin-left: 12px;
			}
	
		.serviceDroite .sd_cd ul{
			width: 48%;
		}
	
			.serviceDroite .sd_cd ul:nth-child(odd){
				float: right;
			}
	
			.serviceDroite .sd_cd ul:nth-child(even){
				float: left;
				margin-left: 2.5%;
			}
	
	
			.serviceDroite .sd_cd ul li{
				margin-top: 12px;
				font-size: 12px;
				font-family: 'Infini',sans-serif;
			}

	.serviceDroite a{
		position: relative;
		width: 92.5%;
		bottom: 2%;
		left: 2.5%;
		display: inline-block;
		text-align: left;
		color: #000;
		margin: 15px auto 60px auto;
		font-size: 14px;
		font-family: 'Infini', sans-serif;
		padding: 15px 0 0;
	}

	.serviceDroite a:hover{
		font-weight: 700;
		text-decoration: line-through;
	}
	

/* SECTION BRANDING */

.serviceGauche{
	position: relative;
	width: 100%;
	background-color: #fff;
	display: inline-block;
	padding-bottom: 35px;
}

	.serviceGauche h2{
		width: 95%;
		font-size: 64px;
		margin: 0 auto;
		font-family: 'zigzag-not-rounded';
		/* w3C */
		text-rendering: optimizeLegibility;
		font-feature-settings: "liga" 1, "dlig" 1;
		/* prefixe */
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-variant-ligatures: common-ligatures;
	}

	.serviceGauche h2{
		font-size: 56px;
	}

	.serviceGauche h4{
		font-size: 14px;
		width: 95%;
		margin: 25px auto;
		font-family: 'Infini',sans-serif;
	}

	.serviceGauche h2 .modifAN,
	.serviceDroite h2 .modifAN{
			-webkit-font-feature-settings: 'clig' 0,'titl' 1;
			-o-font-feature-settings: 'clig' 0,'titl' 1;
			-moz-font-feature-settings: 'clig' 0,'titl' 1;
			-ms-font-feature-settings: 'clig' 0,'titl' 1;
			font-feature-settings: 'clig' 0,'titl' 1;
		}



	.serviceGauche .sd_cg{
		width: 100%;
	}

		.serviceGauche .sd_cg h5{
			width: 95%;
			margin: 15px auto 10px auto;
			font-size: 14px;
			font-family: 'Infini',sans-serif;
			line-height: 1.15em;
			text-align: left;
		}
	
			.serviceGauche .sd_cg h5::after{
				position: absolute;
				width: 65%;
				content: "";
				border-bottom: 1px solid #000;
				margin-top: 9px;
				margin-left: 12px;
			}
	
	
		.serviceGauche .sd_cg ul{
			width: 48%;
		}
	
			.serviceGauche .sd_cg ul:nth-child(odd){
				float: right;
			}
	
			.serviceGauche .sd_cg ul:nth-child(even){
				float: left;
				margin-left: 2.5%;
			}
	
			.serviceGauche .sd_cg ul li{
				margin-top: 8px;
				font-size: 12px;
				font-family: 'Infini',sans-serif;
			}

	.serviceGauche a{
		position: absolute;
		bottom: 0%;
		right: 10%;
		display: inline-block;
		color: #000;
		margin: 30px 0 0px 2.5%;
		font-size: 14px;
		font-family: 'Infini',sans-serif;
		width: 85.5%;
		text-align: left;
	}

	.serviceGauche a:hover{
		font-weight: 700;
		text-decoration: line-through;
	}


	/* LES IMAGES */

	.serviceDroite .eventImg{
		background-image: url("../images/image1.jpg");
	}

	.serviceGauche .brandImg{
		background-image: url("../images/image3.jpg");
	}

	.serviceDroite .motionImg{
		background-image: url("../images/image2.jpg");
	}


/************************************************************************/
/**********************//* PAGE CAREERS *//*****************************/
/*****************************  BASE  *********************************/
/**********************  SECTION DESCRIPTION  ************************/
/********************************************************************/

	#careerDescription .barreBas{
		text-decoration: underline;
	}

#careerDescription{
	width: 100%;
	padding: 30px 0px;
}

	#careerDescription h2{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		text-transform: uppercase;
		margin-bottom: 30px;
	}

	#careerDescription h3{
		width: 90%;
		margin: 0px auto 15px;
		text-align: center;
		font-size: 20px;
		font-family: 'Infini',sans-serif;
		line-height: 1.15em;
	}


	#careerDescription .descCourriel{
		width: 100%;
		margin-top: 32px;
	}

		#careerDescription .descCourriel h4{
			width: 90%;
			margin: 0 auto;
			font-size: 16px;
			font-family: 'Infini',sans-serif;
			text-align: center;
			line-height: 1.30em;
		}

		#careerDescription .descCourriel a{
			display: table;
			margin: 0 auto;
			font-size: 16px;
			font-family: 'Infini',sans-serif;
			text-decoration: underline;
			color: #000;
			margin-top: 8px;
		}


	#careerDescription .descEmploi{
		width: 100%;
		margin-top: 32px;
	}

	#careerDescription .descEmploi h4{
			width: 90%;
			margin: 0 auto;
			font-size: 16px;
			font-family: 'Infini',sans-serif;
			text-align: center;
			line-height: 1.30em;
		}

/* // SECTION CURRENT OPENINGS MONTREAL // */

.careerCity{
	width: 100%;
	padding: 10px 0px 30px;
	clear: both;
}

	.careerCity h2{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-family: 'Infini',sans-serif;
		text-transform: uppercase;
		padding: 0px 0px 20px 0;
	}

	.careerCity .poste{
		width: 90%;
		margin: 0 auto;
		border-bottom: 1px solid #000;
		margin-top: 10px;
		padding: 10px 0px;
	}

		.careerCity .poste i{
			font-size: 20px;
			float: left;
		}

		.careerCity .poste h3{
			font-size: 14px; /* 24px */
			font-family: 'Infini',sans-serif;
			margin-left: 24px;
		}

		.careerCity .poste h5{
			font-size: 14px; /* 24px */
			color: #5e5e5e;
			font-family: 'Infini',sans-serif;
			margin-top: 4px;
			margin-left: 24px;
		}

		.careerCity .poste .posteDetail{
			display: none;
			width: 90%;
			padding: 20px 0;
		}

			.careerCity .poste .posteDetail h4{
				margin-left: 24px;
				line-height: 1.2em;
				font-family: 'Infini',sans-serif;
				font-size: 14px;
			}

			.careerCity .poste .posteDetail a{
				display: block;
				margin-left: 24px;
				margin-top: 24px;
				font-family: 'Infini',sans-serif;
				font-size: 14px;
				color: #000;
				text-decoration: underline;
			}





/************************************************************************/
/**************************//* RETINA *//*******************************/
/****************************  IMAGES  ********************************/
/******************************  2X **********************************/
/********************************************************************/