#header {
	width: 100%;
	background: #ffffff;
	height: 52px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #005e56;
}

#menu {
	width: 220px;
	background-color: #005e56;
	height: 240px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48px;
	right: 0px !important;
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: all 250ms;
	transition: all 250ms;
	padding-left: 0px;
}

#logo {
	width: 130px;
	height: 38px;
	margin-top: 5px;
	margin-left: 5px;
}

#city {
	display: none;
}

#boutonDerouleMenu {
	display: block;
}

.imageRecrute {
	width: 100%;
}

.boxRecrute {
	width: 100%;
	margin-bottom: 20px;
}

.coronaInfo {
	display: block;
	position: absolute;
	top: 25%;
	left: 10%;
	background-color: #eee;
	color: #444;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	font-family: V2RFontLight, Arial;
	font-size: 8pt;
	right: 9%;
	opacity: 0.75;
}

.afficheRefDatas {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow-y: auto;
	padding: 8px;
}

.conteneurRefs {
	display: inline-block;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-transition: all 600ms;
	transition: all 600ms;
	text-align: center;
	width: 100%;
}

.logoAccueilGroupe {
	width: 30%;
}

.enconstruction {
	display: block;
	position: absolute;
	top: 5px;
	right: 50px;
	background-color: #ff0000;
	color: #ffffff;
	font-family: V2RFontBold, Arial;
	font-size: 6pt;
	text-align: center;
	padding: 5px;
	border-radius: 8px;
	opacity: 0.4;
	border: 2px solid #aa0000;
	pointer-events: none;
	z-index: 100;
}

.contenerMotClef {
	display: inline-bloc;
	margin: 0px auto;
	text-align: left;
	width: 98%;
	margin-left: 5px;
	margin-bottom: 6px;
}

.titreNosMetiers {
	position: relative;
	font-family: V2RFontLight, Arial;
	font-size: 18pt;
	display: inline-block;
	width: 180px;
	height: 105px;
	margin-left: 8px;
	margin-bottom: 0px;
	height: 82px;
}

.titreNosMetiers2 {
	position: relative;
	font-family: V2RFontLight, Arial;
	font-size: 18pt;
	display: inline-block;
	width: 100%;
	margin-left: 2px;
	margin-top: 10px;
}

.domaineTitre {
	color: #161616;
	font-size: 10vw;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-top: -5px;

}

.principalesRefs {
	color: #9c1b37;
	font-size: 5.5vw;
	margin-left: 8px;
}

.refsImage {
	display: block;
	width: 90%;
	margin: 8px auto;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
}

.refsImage2 {
	display: block;
	width: 90%;
	margin: 0px auto;
}

.refsImage3 {
	display: block;
	width: 85%;
	margin: 0px auto;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);

}

.boutonMenu {
	height: 40px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
	line-height: 40px;
	display: inline-block;
	font-family: V2RFontLight, Arial;
	font-size: 11pt;
	cursor: pointer;
	padding-bottom: 0px;
	background-color: #005e56;
	-webkit-transition: all 250ms;
	transition: all 250ms;
	width: 250px;
	border-bottom: 1px solid #459088;
}

.boutonMenuOn {
	background-color: transparent;
}

.mentionslegales {
	display: inline-block;
}

#footer {
	display: none;
}

.slider_flecheGauche {
	width: 32px;
	height: 32px;
	left: 0px;
	bottom: 48px;
}

.slider_flecheDroite {
	width: 32px;
	height: 32px;
	right: 0px;
	bottom: 48px;

}

.slider_swipe {
	display: block;
}

.titreLarge {
	font-size: 10vw;
}

.colonne {
	width: 100%;
	margin: 10px;
}

.imgColonne {
	display: none;
}

.conteneur_vignette {
	position: relative;
	width: 100%;
	padding: 0px;
	color: #000000;
	text-align: center;
	#cursor: pointer;
}

.conteneur_vignette_mission {
	position: relative;
	width: 100%;
	padding: 0px;
	color: #000000;
	text-align: center;
	#cursor: pointer;
}

.piedPage {
	position: relative;
	color: #929292;
	-webkit-justify-content: center;
	justify-content: center;
}

.piedPageColonne {
	position: relative;
	display: inline-block;
	width: 90%;
	margin: 20px;
	color: #444444;
	font-family: V2RFont, Arial;
	font-size: 11pt;
	text-align: justify;
}

.PiedPageTitreColonne {
	font-size: 18pt;
}

.boutonMenuOn {
	height: 40px;
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff;
	line-height: 40px;
	display: inline-block;
	font-family: V2RFontLight, Arial;
	font-size: 11pt;
	cursor: pointer;
	padding-bottom: 0px;
	background-color: #005e56;
	-webkit-transition: all 250ms;
	transition: all 250ms;
	width: 200px;
	border-bottom: 1px solid #459088;
}

.middleInfosInscription {
	display: inline-block;
	position: relative;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: 16pt;
	background-color: #212121;
	color: #ffffff;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	cursor: pointer;
	padding: 8px;
	padding-left: 16px;
	padding-right: 16px;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	vertical-align: top;
}

.svg_icon {
	vertical-align: -2px;
}

.textAgence {
	font-family: V2RFontLight, Arial;
	font-size: 9pt;
	padding-left: 5px;
	border-left: 1px solid #ddd;
	text-align: left;
}

.domaineSel {
	color: #9c1b37;
	position: absolute;
	top: 76px;
	left: 19px;
	font-family: V2RFontLight, Arial;
	font-size: 11pt;
	text-align: left;
}

.accrocheGras {
	color: #9e1d3b;
	font-family: V2RFontBold, Arial, Helvetica Neue, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #ffffff;
}

.logoAgence {
	width: 140px;
}

.ligneAgence {
	vertical-align: center;
	height: 75px;
}

.myInputSelectNoArrowMini {
	#height: 26px;
	font-family: V2RFontLight, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 10pt;
	border: 0;
	text-align: left;
	background: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #222222;
	width: 200px;
	border-bottom: 1px solid #888888;
}

.myInput {
	#height: 26px;
	font-family: V2RFontLight, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 10pt;
	border: 0;
	text-align: left;
	background: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #222222;
	width: 200px;
	border-bottom: 1px solid #888888;
}

.contenerRefs {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.transparentFull {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 5;
	overflow: hidden;
	margin-left: 0px;
}

.refsErreur {
	font-family: V2RFontLight, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 20pt;
	color: #222222;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
}

.refsTitreTexte1 {
	width: 98%;
	display: inline-block;
	font-family: V2RFontLight, Arial;
	font-size: 12pt;
	text-align: justify;
	vertical-align: top;
	margin-left: 0;
	padding: 4px;
	margin-bottom: 40px;
	margin-top: 16px;
	margin-right: 0px;
}

.zoneRecherche {
	display: block;
	position: relative;
	width: 210px;
	margin-left: 5px;
}

.conteneurAgence {
	display: inline-block;
	width: 99%;
}

.colonneLegale {
	font-family: V2RFontLight, Arial;
	font-size: calc(2.1vw);
}

.boutonRecherche {
	display: none;
	width: 26px;
	height: 26px;
	background-image: url("../datas/svg_loupe.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	position: absolute;
	top: 0px;
	right: 2px;
	cursor: pointer;
	opacity: 0.35;
}

.colonneContact1 {
	margin: 2%;
	text-align: left;
	width: 96%;
}

.colonneContact2 {
	margin: 2%;
	text-align: left;
	width: 96%;
}

.conteneurAgenceContact {
	display: inline-block;
	width: 99%;
	margin-bottom: 20px;
}

.PiedDePageCellContent {
	text-align: justify;
	#margin-right: 4px;
	margin-bottom: 4px;
	font-size: calc(4vw);
}

.inputmotsclefs {
	position: absolute;
	border: 0;
	font-family: V2RFontLight, Arial;
	font-size: 11pt;
	width: 210px;
	padding: 4px;
	top: 0px;
	left: 0px;
	opacity: 0.35;
	border-radius: 4px;
}

.infosAdresses {
	color: #777777;
	font-size: calc(3.2vw);
}

.mapContact {
	display: none;
}

.boutonMapContact {
	display: none;
}

.inputmotsclefs:hover {
	opacity: 0.75;
}

.boutonRecherche:hover {
	opacity: 0.75;
}

.facebook {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url("../datas/svg_facebookw.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	position: absolute;
	top: 7px;
	right: 7px;
	opacity: 0.35;
	cursor: pointer;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	will-change: transform, opacity;

}

.facebook:hover {
	opacity: 0.75;
}

.zoneClient {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url("../datas/svg_cirrusw.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	position: absolute;
	top: 7px;
	right: 67px;
	opacity: 0.35;
	cursor: pointer;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	will-change: transform, opacity;
}

.zoneClientUG {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url("../datas/svg_urbangridw.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	position: absolute;
	top: 7px;
	right: 37px;
	opacity: 0.35;
	cursor: pointer;
	-webkit-transition: all 200ms;
	transition: all 200ms;
	will-change: transform, opacity;
}

.refsTitreTexte2 {
	width: 98%;
	display: inline-block;
	font-family: V2RFontLight, Arial;
	font-size: 12pt;
	text-align: justify;
	vertical-align: top;
	padding: 4px;
	margin-bottom: 10px;
	margin-top: 16px;
	margin-right: 0px;
}

.slideLeft {
	height: 128px;
	width: 32px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	cursor: pointer;
	background-image: url("../datas/slideLeft.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 32px 128px;
	opacity: 0.3;
	margin-top: -64px;
	-webkit-transition: all 600ms;
	transition: all 600ms;
}

.slideRight {
	height: 128px;
	width: 32px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	cursor: pointer;
	background-image: url("../datas/slideRight.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 32px 128px;
	opacity: 0.3;
	margin-top: -64px;
	-webkit-transition: all 600ms;
	transition: all 600ms;
}

.slideLeft:hover {
	opacity: 0.3;
}

.slideRight:hover {
	opacity: 0.3;
}

.refsImage4 {
	display: block;
	width: 100%;
	margin: 0px auto;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
}

.refsTitreMission {
	display: inline-block;
	position: relative;
	font-family: V2RFont, Arial;
	font-size: 9pt;
	width: 100%;
	border: 0;
}

.image0_texte1 {
	font-size: calc(8.0vw);
	bottom: 80px;
}

.image0_texte2 {
	font-size: calc(5.0vw);
}

.ref_colonne_content {
	position: relative;
	display: block;
	width: 99%;
	padding: 20px;
	padding-bottom: 5px;
	padding-left: 8px;

	font-family: V2RFontLight, Arial;
	font-size: 7pt;
	text-align: left;
	color: #818181;
	vertical-align: top;
}

.ref_background_image {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 162px;
	left: 0px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-filter: blur(3px);
	/* Safari 6.0 - 9.0 */
	filter: blur(3px);
}

.ref_background_image_cache {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 158px;
	left: 0px;
}

.ref_sous_titre_num {
	vertical-align: top;
	font-family: V2RFont, Arial;
	font-size: 15pt;
	text-align: left;
	color: #818181;
	margin: 0px;
	padding: 0px;
	line-height: 15pt;
}

.ref_sous_titre_texte {
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: 15pt;
	color: #9c1b37;
	border-bottom: 1px solid #818181;
	margin: 0px;
	padding: 0px;
	line-height: 15pt;
	text-align: left;
	padding-top: 15px;

}

.ref_image_2 {
	display: inline-block;
	width: 100%;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
	margin-left: 0px;
	vertical-align: top;
	margin-bottom: 8px;
	margin-top: 8px;
}

.ref_contener_texte {
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: 12pt;
	color: #818181;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	text-align: justify;
}

.ref_title_box {
	display: block;
	position: absolute;
	top: 96px;
	left: 0px;
	width: 99%;
	margin-top: -80px;
	#border-radius: 0px 10px 60px 0px;
	#background-color: #ffffff;
	padding-bottom: 12px;
	padding-right: 8px;
	min-width: 330px;
	max-width: none;
}

.ref_title_domaine {
	font-family: V2RFontLight, Arial;
	text-align: left;
	color: #414141;
	padding-left: 10px;
	margin-top: 12px;
	font-size: 4vw;
}

.ref_title_titre {
	font-family: V2RFontLight, Arial;
	font-size: 6vw;
	text-align: left;
	color: #414141;
	padding-left: 10px;
}

.ref_title_annee {
	display: inline-block;
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: 20pt;
	text-align: left;
	color: #414141;
	padding-left: 6px;
	min-width: 158px;

}

.ref_title_mo {
	display: inline-block;
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: 8pt;
	text-align: left;
	color: #414141;
	padding-left: 4px;
	margin-top: 1px;
}

.ref_contener_texte {
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: 10pt;
	color: #818181;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	text-align: justify;
}

.ref_texte_content {
	position: absolute;
	top: 158px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #ffffff;
	overflow-y: scroll;
	padding-bottom: 20px;
}

.ref_texte_cache {
	position: absolute;
	top: 158px;
	left: 0px;
	right: 0px;
	height: 8px;
	background: rgba(0, 0, 0, 0.7);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.conteneurVignettesMissions {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.conteneurSlideBoutons {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 32px;
	text-align: center;
	margin-top: 6px;
	margin-left: 4px;
}

.boutonSlideContener {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	opacity: 0.5;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.boutonSlide {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	border-radius: 6px;
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
}

.conteneurMission {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	height: 300px;
}

.newContenerRefs {
	-webkit-transition: all 1s;
	transition: all 1s;
	/* transition when the mouse over */
	width: 100%;
	text-align: center;
	margin-left: 0px;

}

.soustitreCentre {
	font-family: V2RFontLight, Arial;
	font-size: 8pt;
	width: 100%;
	text-align: center;
	color: #818181;
	margin-bottom: 30px;

}

.buttonRetour {
	font-size: 8pt;
}

.motclef {
	font-size: 8pt;
}

.SlideCacheImage {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-image: url("../datas/slideCache2.svg");
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.SlideBandeauHaut {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-family: V2RFontLight, Arial;
	font-size: 14pt;
	text-align: right;
}

.SlideBandeauBas {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	font-family: V2RFontBold, Arial;
	font-size: 21pt;
	padding-left: 10px;

}

.SlideBandeau {
	position: absolute;
	top: 60%;
}

.SlideBandeau1 {
	display: inline-block;
	position: relative;
	background: #612525;
	color: #fedfc3;
	font-family: V2RFontBold, Arial;
	font-size: 18pt;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 0px 16px 16px 0px
}

.SlideBandeau2 {
	display: inline-block;
	position: relative;
	background: #fedfc3;
	color: #612525;
	font-family: V2RFontLight, Arial;
	font-size: 10pt;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 0px 16px 16px 0px
}

.titreNosMetiers4 {
	position: relative;
	font-family: Ubuntu, Arial;
	font-size: 7.4vw;
	text-align: left;
	margin: 0;
	padding-left: 16px;
	margin-top: 20px;
	color: #454545;
}

.titreNosMetiers4_soustitre {
	position: relative;
	font-family: Ubuntu, Arial;
	font-size: 2.5vw;
	text-align: left;
	padding-left: 18px;
	margin-bottom: 10px;
	color: #888888;
}

.middleInfos {
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 56px;
	font-family: V2RFontBold;
	font-weight: normal;
	font-size: calc(2.0vw + 2.0vh);
	color: #ffffff;
	text-align: center;
}

.middleInfosBackground {
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 64px;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: calc(2.0vw + 2.0vh);
	background-color: #ffffff;
	opacity: 0.5
}

.middleInfosMini {
	position: relative;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: calc(1.0vw + 1.0vh);
	color: #ffffff;
	text-align: center;
	height: 64px;
	line-height: 64px;
}

.logoAgenceAcc {
	vertical-align: middle;
	width: 12%;
	cursor: pointer;

}

.logoAgenceAccB {
	vertical-align: middle;
	width: 18%;
	cursor: pointer;

}

.accroche {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 64px;
	line-height: 64px;
	opacity: 0;
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

.middleInfosTop {
	position: relative;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: calc(1.4vw + 1.4vh);
	color: #222222;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.middleInfosTop2 {
	position: relative;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: calc(0.9vw + 0.9vh);
	color: #222222;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.middleInfosInscription {
	position: relative;
	font-family: V2RFontBold;
	font-weight: normal;
	font-size: calc(1.3vw + 1.3vh);
	width: 60%;
	height: 32px;
	line-height: 16px;
	background-color: #ff9326;
	border-radius: 30px;
	margin: auto;
	cursor: pointer;
}

.middleInfosTopLogo {
	position: absolute;
	display: none;
	font-family: V2RFontLight;
	font-weight: normal;
	font-size: calc(1.0vw + 1.0vh);
	color: #222222;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	top: 0px;
	left: 0px;
}


.ref_title_domaine2 {
	font-family: V2RFont, Arial;
	font-size: calc(1.0vw + 1.0vh);
	text-align: left;
	color: #414141;
	padding-left: 19px;
	margin-top: 10px;
}

.ref_title_titre2 {
	font-family: V2RFont, Arial;
	font-size: calc(2.0vw + 2.0vh);
	text-align: left;
	color: #414141;
	padding-left: 16px;
	width: 100%;
	overflow: hide;
}

.ref_title_annee2 {
	display: inline-block;
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: calc(1.2vw + 1.2vh);
	text-align: left;
	color: #414141;
	padding-left: 14px;
}

.ref_title_mo2 {
	display: inline-block;
	vertical-align: top;
	font-family: V2RFontLight, Arial;
	font-size: calc(0.9vw + 0.9vh);
	text-align: left;
	color: #414141;
	padding-left: 4px;
	margin-top: 1px;
	padding-top: 0px;
}

.ref_fermer {
	height: 38px;
	width: 38px;
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background-image: url("../datas/closeRefBW.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.8;
	z-index: 100;
}

.ref_fermer:hover {
	opacity: 1.0;
}

.boutonMenuRecrute {
	height: 40px;
	width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	color: #ff0;
	line-height: 40px;
	display: inline-block;
	font-family: V2RFont, Arial;
	font-size: 12pt;
	cursor: pointer;
	text-decoration: underline;
	padding-bottom: 0px;
	border-top: 2px solid #005e56;
	border-bottom: 2px solid #005e56;
	background-color: #005e56;
	-webkit-transition: background-color 250ms;
	transition: background-color 250ms;
}