@charset "UTF-8";
/* CSS Document */
.front div[role="contentinfo"],
.type-accueil div[role="contentinfo"] {
	position: absolute;
	z-index: 100;
	left:50%;
	width:800px;
	margin-left:-400px;
}
.ytp-youtube-button {
	display: none!important;
}
.front .h1Node,
.front .nodeActions {
	display: none;
}
.homeParas {
	background: #FFF;
	padding: 1px 0px;
	position: relative;
	z-index: 10;
}
.type-accueil .ligneHr,
.front .ligneHr,
.type-accueil .para,
.front .para,
.paraVues,
.paraContenu {
	
	
}
.front h2 {
	margin-top:30px;
}
.front .para h1 {
	margin-top:0px;
}
.front .nod {
    padding-bottom:0px;
}
.diapoHome ul {
	margin:0px;
	padding:0px;
}
.diapoHome ul.sansDiapo > li {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.diapoHome ul.sansDiapo > li:before {
	display: none;
}
/* PARA BANDEAU HOME */
.diapoHome .jDiaporama_controls {
	bottom:3px;
}
.diapoHome .jDiaporama_status {
	margin-top:0px;
	bottom:35px;
	z-index: 15;
}
.diapoHome .jDiaporama_status a {
    background: rgba(235,235,235,0.5);
    width: 12px;
    height: 12px;
    margin: 0px 8px;
    border-radius: 35px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
.diapoHome .jDiaporama_status a.active {
    background: #FFF; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.diapoHome .jDiaporama_status a:hover {
	background: #FFF;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.diapoHome {
	position: relative;
}
.diapoHome.siteAuto {
	max-width:1592px;
	width:94%;
	margin:0px auto;
	padding-top:60px;
}
.diapoHome.siteAuto,
.diapoHome.siteAuto .jDiaporama,
.diapoHome.siteAuto .jDiaporama,
.diapoHome.siteAuto .jDiaporama li.itDiapo {
	height:500px !important;
}
.diapoHome.siteFull,
.diapoHome.siteFull .jDiaporama,
.diapoHome.siteFull .jDiaporama ul,
.diapoHome.siteFull .jDiaporama li.itDiapo {
	height:545px !important;
}
.homeBandeau .mediaFull .mediaBloc {
	position:absolute;
	width: 100%;
	height:600px;
	top:0px;
	z-index:4;
}
.homeBandeau .siteFull .diapoFondColor,
.homeBandeau .siteFull .diapoFondMedia,
.homeBandeau .siteFull .diapoFondMedia .mediaBloc,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc {
	position: fixed;
	width: 100%;
	height: 767px;
	top:0px;
	z-index:4;
	left:500px;
}

.homeBandeau .siteFull .diapoFondMedia iframe,
.homeBandeau .siteFull .itemFull.mediaFull .mediaBloc iframe {
	max-width: none !important;
    width: 100vw !important;
    height: 56.25vw !important;
}
.homeBandeau .siteAuto .diapoFondMedia iframe,
.homeBandeau .siteAuto .itemFull.mediaFull .mediaBloc iframe {
	max-width: none !important;
    width: 83vw !important;
    height: 46vw !important;
}
.homeBandeau .diapoFondColor {
	z-index: 1;
}
.homeBandeau .diapoFondMedia {
	z-index: 2;
}
.diapoHome .jDiaporama li.itDiapo {
	margin:0px !important;
	width: 100% !important;
	height: 100% !important;
}
.imgBox {
	background-size: cover;
}
/*
.avecFondTexte .intD1 {
	background-color: #fff;
	position: relative;
	z-index: 5;
}*/
.itemAuto .intD,
.itemFull .intD2 {
	display: flex;
	align-items:center;
	justify-content:center;
	height: 100%;
	width: 100%;
}
.siteAuto .itemAuto .intD2 {
	width:1200px;
	height: 380px;
}
.siteFull .itemAuto .intD2 {
	width:1400px;
	height: 410px;
}
.siteAuto .mediaFull .textesBox,
.siteAuto .sansMedia .textesBox {
	max-width:600px;
	margin:50px;
}
.siteFull .mediaFull .textesBox,
.siteFull .sansMedia .textesBox  {
	max-width:700px;
	margin:70px;
}
.itemFull .intD {
	width: 100%;
	height:100%;
	margin:0px;
}
.mediaAuto.avecMedia .textesBox,
.mediaAuto .mediaBox .mediaBloc {
	width:50%;
}
.homeBandeau .mediaBloc {
	width:50%;
}
.homeBandeau .mediaBloc,
.homeBandeau .mediaBloc iframe {
	height: 100%;
	z-index:5;
}
.intD2 {
	position: relative;
}
.vueBandeau .itemAuto.mediaFull.alignH1 .avecMedia .intD2,
.vueBandeau .itemAuto.mediaFull.alignH1 .avecMedia .intD2,
.vueBandeau .mediaFull.alignH1 .intD2,
.vueBandeau .alignV1 .sansMedia .intD1,
.sansMedia.alignH1 .intD2,
.itemAuto.mediaFull.avecMedia.alignH1 .intD2,
.mediaFull.alignH1 .intD2,
.sansMedia.alignV1 .intD1 {
	justify-content: flex-start;
}
.vueBandeau .itemAuto.mediaFull.alignH3 .avecMedia .intD2,
.vueBandeau .mediaFull .alignH3 .intD2,
.vueBandeau .alignV3 .sansMedia .intD1,
.sansMedia.alignH3 .intD2,
.itemAuto.mediaFull.avecMedia.alignH3 .intD2,
.mediaFull.alignH3 .intD2,
.sansMedia.alignV3 .intD1 {
	justify-content: flex-end;
}
.vueBandeau .itemAuto.mediaFull.alignV1 .avecMedia .intD2,
.vueBandeau .mediaFull.alignV1 .intD2,
.vueBandeau .alignV1 .sansMedia .intD1,
.sansMedia.alignV1 .intD2,
.itemAuto.mediaFull.avecMedia.alignV1 .intD2,
.mediaFull.alignV1 .intD2,
.sansMedia.alignV1 .intD1 {
	align-items: flex-start;
}
.vueBandeau .itemAuto.mediaFull.alignV3 .avecMedia .intD2,
.vueBandeau .mediaFull.alignV3 .intD2,
.vueBandeau .alignV3 .sansMedia .intD1,
.sansMedia.alignV3 .intD2,
.itemAuto.mediaFull.avecMedia.alignV3 .intD2,
.mediaFull.alignV3 .intD2,
.sansMedia.alignV3 .intD1 {
	align-items: flex-end;
}
.fondTextes,
.diapoFondColor,
.diapoFondMedia,
.mediaFull .mediaBox .mediaBloc {
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.diapoFondColor {
	z-index: 4;
}
.mediaAuto.avecMedia .textesBox {
	height: 100%;
	display: flex;
	align-items:center;
}
.itDiapo h2 {
	margin: 0px;
}
.itDiapo .textesBox {
	position: relative;
}
.mediaFull.avecMedia .intTextes {
    max-width:500px;
}

.itDiapo .intTextes {
	position: relative;
	z-index: 10;
	padding:40px 70px;
	text-align: left;
}
.siteAuto .itDiapo .intTextes,
.mediaFull.avecMedia .intTextes {
	padding:23px 35px;
}
.textClair .sousTitre,
.textClair .titre,
.textClair a,
.textClair .dateF,
.textClair .chapo,
.textClair h2 {
	color:#FFF !important;
}
.textFonce .titre,
.textFonce a,
.textFonce .dateF,
.textFonce .chapo,
.textFonce h2 {
	color:#000 !important;
}
.itDiapo .intTextes a.subTour {
	display: block;
	text-decoration: underline;
}
.paraDiapoHome {
	position: relative;
	z-index: 10;
}

/* FIN PARA BANDEAU HOME */
.titreVue h2 {
	font-size: 2.6em;
	color:#5EC5ED;
	position: relative;
}
.front .contenu {
	position: relative;
}
.front .h1 {
	text-align: center;
	margin-top: 45px;
}
/*
.titreVue h2:after {
	display:block;
	content:"";
	background:#F1F1F1;
	height: 4px;
	width:125px;
	position: absolute;
	bottom:-13px;
}
.avecFond .titreVue h2:after {
	background:#E7E7E7;
}*/
.vue_cowork {
	margin:0px !important;
}
.vue_cowork .views-field-field-paragraphe .field-content {
	display: flex;
	border-bottom: 1px solid #ccc;
	justify-content: space-between;
}
.vue_cowork .corps,
.vue_cowork .titreh2 {
    padding: 0px;
	margin:0px;
}
.vue_cowork .paraText {
	width:50%;
	margin:0px auto;
	padding:50px 0px 265px 0px;
	background: url('../images/coworking.gif') no-repeat right bottom;

}
.vue_cowork .paraText:last-child  {
	background-image: url('../images/cartographie.gif');
	background-position:200px bottom;
}
/*
.vue_cowork .paraText:first-child  {
	text-align: right;
} */
.vue_cowork h2 {
	font-size: 3.167em;
	color:#0284AE;
	/*height: 160px; */
	margin:0px 0px 15px 0px;
	text-align: left;
	display: inline-block;
	text-shadow: 5px 5px 10px #FFF;
}
.vue_cowork h2 .sousTitre {
    color: #000;
	line-height: 1em;
	margin-left: 50px;
}
.vue_cowork .paraText:last-child h2 {
	color:#CAD421;
}
.vue_cowork .item .lienBloc {
    background: #FFF url('../images/icons/fleche_bleu.png') no-repeat 1px center;
    background-size: 41px auto;
    padding: 13px 25px 13px 50px;
	font-size: 1.3em;
	box-shadow: 10px 8px 0px rgba(94,197,237,0.65);
	border-radius:0px;
}
.vue_cowork .item .lienBloc:hover {
    background-size: 51px auto;
	box-shadow: 10px 8px 0px rgba(94,197,237,0.85);
}
.vue_cowork .paraText:last-child .lienBloc {
    background-image:url('../images/icons/fleche_verte.png');
	box-shadow: 10px 8px 0px rgba(202,212,33,0.65);
	margin-left:50px;
}
.vue_cowork .paraText:last-child .lienBloc:hover {
	box-shadow: 10px 8px 0px rgba(202,212,33,0.85);
}
/* CARTE */
.vue_villes .flexVilles {
    flex-wrap:nowrap;
}
.mapVille {
	background: url('../images/villes/carte.png') no-repeat left top;
	background-size: contain;
	width:700px;
	height: 500px;
	position: relative;
	flex-shrink: 0;
}

.mapVille a {
	display: block;
	color:#FFF;
}
.cVille {
	height: 100%;
	width:100%;
	opacity: 0;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}
.rNom {
	position:relative;
	display: flex;
	align-items: stretch;
	width:570px;
}
.rNom .lienNom {
	display: block;
    font-size: 1.2em;
	padding:5px 0px;
	font-weight: 600;
	position: relative;
	color:#FFF;
	opacity:0.7;
	transition: 0.2s;
	margin-left: 35px;
	width: 100%;
	text-align: left;
}
.rNom .lienNom:before {
	display: block;
    content:"";
	height: 12px;
	width:12px;
	background: #FFF;
	position:absolute;
	left:-30px;
	top:12px;
	border-radius: 100%;
}
.itF .villeTraits {
	display: none;
}
.villeTraits {
	background: url('../images/tiraits.png') no-repeat left center;
	background-size: auto;
	transition: 0.2s;
	opacity:0;
	margin-left: 15px;
	width:284px;
}
.rNom.actif .villeTraits,
.rNom.actif .villeTraits,
.rNom.actif .lienNom,
.cVille.actif,
.rCarte.actif {
	opacity: 1;
}
.rCarte {
	display: block;
	position: absolute;
	z-index: 20;
}
.rCarte a span,
.rNom a span {
	display: none;
}
.rNom a,
.rCarte a {
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
}
.rCarte1 {
	width: 12%;
height: 24%;
right: 20%;
top: 13%;
}
.rCarte2 {
	width: 46%;
height: 20%;
right: 4%;
top: 43%;
transform: rotate(15deg);
}
.rCarte3 {
	width: 18%;
height: 12%;
left: 0%;
top: 38%;
}
.rCarte4 {
    width: 23%;
    height: 20%;
    left: 35%;
    top: 2%;
}
.rCarte5 {
    width: 10%;
height: 19%;
left: 40%;
top: 38%;
}
.rCarte6 {
   width: 11%;
height: 30%;
left: 57%;
top: 5%;
}
.rCarte7 {
    width: 20%;
    height: 28%;
    left: 18%;
    top: 53%;
}
.rCarte8 {
    width: 15%;
height: 15%;
left: 43%;
top: 22%;
}
.rCarte9 {
    width: 5%;
height: 16%;
left: 13%;
top: 15%;
}
.rCarte10 {
   width: 29%;
height: 30%;
left: 43%;
top: 58%;
}
.rCarte11 {
	width: 23%;
height: 9%;
right: 60%;
top: 44%;
}
.rCarte12 {
	width: 25%;
height: 21%;
right: 0%;
top: 28%;
}
.rCarte13 {
	width: 18%;
height: 14%;
left: 18%;
top: 10%;
}
#c1 {
	background-image: url('../images/villes/bry-sur-marne.png');
}
#c2 {
	background-image: url('../images/villes/champigny.png');
}
#c3 {
	background-image: url('../images/villes/charenton-le-pont.png');
}
#c4 {
	background-image: url('../images/villes/fontenay-sous-bois.png');
}
#c5 {
	background-image: url('../images/villes/joinville-le-pont.png');
}
#c6 {
	background-image: url('../images/villes/le-perreux-sur-marne.png');
}
#c7 {
	background-image: url('../images/villes/maison-alfort.png');
}
#c8 {
	background-image: url('../images/villes/nogent-sur-marne.png');
}
#c9 {
	background-image: url('../images/villes/saint-mande.png');
}
#c10 {
	background-image: url('../images/villes/saint-maur-des-fosses.png');
}
#c11 {
	background-image: url('../images/villes/saint-maurice.png');
}
#c12 {
	background-image: url('../images/villes/villiers-sur-marne.png');
}
#c13 {
	background-image: url('../images/villes/vincennes.png');
}