* {
	position:relative;
}
.page_conteneur {
	position:relative;
	width:100%;
	#height:100%;
	z-index:3;
	text-align:center;
}

.page_conteneur_hidden {
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
	text-align:center;
	opacity:0;
}

.texteGris {
	color:#444444;
	color:var(--texte-gris);
	text-shadow: 1px 1px 1px var(--ombre-claire);
	text-shadow: 1px 1px 1px #eeeeee;
}

.myPlaquetteContainer {
	position:relative;
	left:20px;
	top:20px;
	width:412px;
	height:412px;
	#border:1px solid #000000;
	background-image: url(../datas/plaquetteDownload3.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	
}

.myPlaquetteBoutonContainer {
	position:absolute;
	left:100px;
	top:380px;
	cursor:pointer;
}

.texteForm {
	color:#000000;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	text-align:right;
	line-height:1.2;
	padding-bottom:2px;
}
.texteForm2 {
	color:#000000;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	text-align:left;
	line-height:1.2;
	padding-bottom:2px;
}
.nomV2R {
	flex:1;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000;
	text-shadow: 1px 1px 1px var(--ombre-foncee);
	display:inline-block;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:20px;
	margin-left:20px;	
	color:#ffffff;
	color:var(--logo-titre-couleur);
	padding:4px;
	font-family: 'Ubuntu', sans-serif;
	font-size:16pt;
}

.videosfull {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
}

.indicateurPartie {
	position:absolute;
	width:1px;
	height:2px;
	top:33px;
	left:0px;
	background-color:#00ff00;
	background-color:var(--surlignage-couleur);
	opacity:0.75;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);	
}

.bloc_conteneur {
	position:absolute;
	#display:flex;
	width:100%;
	height:80%;
	#border:1px solid #00ff00;
	top:10%;
	z-index:2;
}

.fondClairTransparent {
	position:absolute;
	width:100%;
	#height:100%;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
}

	
.fondClairTransparentFiligramme {
	position:absolute;
	width:400px;
	height:600px;
	left:0px;
	bottom:0px;
	background-image: url(../datas/fond_filigramme.png); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:0.8;
}

.fondClairTransparentFiligrammeCity {
	position:absolute;
	width:1362px;
	height:454px;
	left:0px;
	bottom:0px;
	background-image: url(../datas/illuVilleUG_degrade.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:1;
}

.fondClairTransparentFiligrammeCityFixed {
	position:fixed;
	width:1362px;
	height:454px;
	left:-30px;
	bottom:-250px;
	background-image: url(../datas/illuVilleUG_degrade.png); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:1;
	z-index:500;
	opacity:0;
	-moz-transition: all 2000ms ease-in-out;
	-webkit-transition: all 2000ms ease-in-out;
	-o-transition: all 2000ms ease-in-out;
	transition: all 2000ms ease-in-out;
	pointer-events: none;
}

.conteneurDemo {
	position:relative;
	display:inline-block;
	width:1210px;
	#border:1px solid #000000;
}

.conteneurDemoImage {
	position:absolute;
	display:inline-block;
	width:620px;
	height:419px;
	
	background-color:#f0f0f0;
	border:1px solid #dddddd;
	padding:0px;
	top:0px;
	left:0px;
	
	margin-top:2px;
	
}

.closeVideoButton {
	position:absolute;
	top:0px;
	left:50%;
	width:100px;
	height:28px;
	margin-left:-50px;
	margin-top:-14px;
	background-color:#f0f0f0;
	border:1px solid #aaaaaa;
	font-family: 'Ubuntu', sans-serif;
	font-size:12pt;
	text-align:center;
	border-radius:10px;
	line-height:28px;
	cursor:pointer;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.closeVideoButton:hover {
	background-color:#ffffff;
}

.conteneurDemoImageFull {
	position:absolute;
	display:inline-block;
	width:1024px;
	height:614px;
	top:100px;
	left:188px;
	margin-left:-512px;
	#margin-top:-307px;
	background-color:#f0f0f0;
	border:1px solid #dddddd;
	padding:4px;
	-ms-transform: scale(0.2,0.2) rotate(10deg); /* IE 9 */
    -webkit-transform: scale(0.2,0.2) rotate(10deg); /* Safari */
    transform: scale(0.2,0.2) rotate(10deg);
	opacity:1;
	-moz-transition: all 1000ms ease-in-out;
	-webkit-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
	z-index:3;
	
}

.infosVideo {
	position:absolute;
	width:300px;
	height:200px;
	bottom:5px;
	left:5px;
	color:#000000;
	font-family: 'Ubuntu', sans-serif;
	font-size:12pt;
}

.infosVideoBack {
	position:absolute;
	width:300px;
	height:200px;
	bottom:5px;
	left:5px;
	color:#000000;
	font-family: 'Ubuntu', sans-serif;
	font-size:12pt;
	background-color:#eeeeee;
}

.myScreenshot {
	#position:absolute;
	width:100%;
	#height:100%;
	max-width:1280px;
	#max-height:758px;
	#top:0px;
	#left:0px;
	margin:auto;
	visibility:hidden;
}

.myVideo
{
	position:absolute;
	width:100%;
	height:100%;	
	top:0px;
	left:0px;
	visibility:hidden;
}

.conteneurDemoImageWrap {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}

.imageDemo {
	position:relative;
	height:100%;
}

.imageLogiciel {
	position:relative;
	width:100%;
}

.creditPhotoDemo {
	position:absolute;
	bottom:3px;
	right:3px;
	color:#ffffff;
	font-family: 'Ubuntu', sans-serif;
	font-size:8pt;
	opacity:1;
	z-index:100;
	text-shadow: 1px 1px #000000;
}

.conteneurDemoVignette {
	position:absolute;
	display:inline-block;
	width:590px;
	#border:1px solid #00FF00;
	top:0px;
	right:0px;
}

.fondClairTransparentFiligrammeCityRight {
	position:absolute;
	width:1000px;
	height:379px;
	right:0px;
	bottom:0px;
	#background-image: url(../datas/illuVilleUG_2.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:1;
}

.fondClairTransparentFiligrammeHand {
	position:absolute;
	width:284px;
	height:233px;
	left:0px;
	bottom:0px;
	background-image: url(../datas/hand.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:1;
}

.puce {
	display:inline-block;
	width:6px;
	height:6px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:1px;
	background-image: url(../datas/puce8.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.fondClairTransparentFiligrammeContact {
	position:absolute;
	width:500px;
	height:292px;
	left:0px;
	bottom:0px;
	background-image: url(../datas/fili_contact.jpg); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	opacity:1;
}

.myAnchor {
	position:absolute;
	width:1px;
	height:100px;
	top:20%;
	left:0px;
	z-index:0;
}

.titreCommunesRefs {
	font-size:14pt;
	text-decoration:underline;
}

.bloc_conteneur_contact
{
	position:absolute;
	display:inline-block;
	width:100%;
	#border:1px solid #00ff00;
	top:50%;
	left:0px;
	vertical-align:top;
}

.texte_section_contact {
	display:inline-block;
	width:20%;
	text-align:center;
	color: #909399;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	padding:20px;
	padding-top:18px;	
	#border:1px solid #0000ff;
	vertical-align:top;
	overflow:hidden;
	max-height:100px;
	overflow:hidden;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	#border:1px solid #00ff00;
}

.texte_section_contact:hover
{
	max-height:200px;
}

.UG_roue_base {
	position:relative;
	display:inline-block;
	width:500px;
	height:500px;
	background-image: url(../datas/accessible_roue_base_v3.png); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
#border:1px solid #00ff00;	
}

.UG_roue_bouton_conteneur {
	position:absolute;
	width:400px;
	height:500px;
	top:10px;
	left:-554px;
	#overflow:hidden;
	z-index:2;
	perspective: 400px;
	#border:1px solid #ff0000;	
}

.logosContainer {
	width: 400px;
	height: 400px;
	position: relative;
	text-align:left;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	#display: grid; /* grid container */
	#grid-gap: 2px; /* vertical and horizontal gutter */
	#grid-template-columns: 33% 33% 33%;
}


.unLogo {
	display:inline-block;
	width:125px;
	height:158px;
	#border:1px solid #000000;
	text-align:center;
	#overflow:hidden;
	#border:1px solid #ddd;
}

.imageUnLogo {
	position:relative;
	max-width:113px;
	max-height:113px;
	margin:auto;
	margin-top:0px;
	
}

.imageUnLogoM {
	position:relative;
	max-width:100px;
	max-height:100px;
	margin:auto;
	margin-top:28px;
	
}

.texteUnLogo {
	position:absolute;
	width:130px;
	height:25px;
	#line-height:20px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:8pt;
	bottom:2px;
	left:0px;
	text-align:center;
	padding-top:2px;
	
}

.UG_roue_bouton_infos {
	position:absolute;
	width:400px;
	height:500px;
	top:0px;
	left:400px;
	opacity:0;
	text-align:justify;
	color: #555555;
	color: var(--roue-infos-color);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	vertical-align:top;
	#text-shadow: 1px 1px 1px var(--ombre-claire);
	padding:24px;
	padding-top:24px;
	border:1px solid #AAAAAA;
	background-color:#ffffff;
	
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.35);
	box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.35);	
	
	-moz-transition: all 1000ms ease-in-out;
	-webkit-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
}

.UG_roue_bouton_infos_zero {
	padding:4px;
	background-color:transparent;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
}

.UG_roue_bouton {
	position:absolute;
	width:64px;
	height:64px;
	border-radius:64px;
	margin-top:-32px;
	margin-left:-32px;
	z-index:10;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	cursor:pointer;
}

.UG_roue_bouton_big {
	position:absolute;
	width:64px;
	height:64px;
	border-radius:64px;
	margin-top:-32px;
	margin-left:-32px;
	z-index:10;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.UG_roue_bouton:hover {

}

.UG_roue_bouton:hover .UG_roue_bouton_icon_infos {
	opacity:1;
	#transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	#-webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	#-moz-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	#-o-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);
	#-ms-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);	
}

.roueCouleurShadow {
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);	
}

.roueCouleur1 {
	border:2px solid #6fc6fe;
	background: rgba(111,199,254,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(111,199,254,1) 0%, rgba(28,99,254,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(111,199,254,1)), color-stop(100%, rgba(28,99,254,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(111,199,254,1) 0%, rgba(28,99,254,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(111,199,254,1) 0%, rgba(28,99,254,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(111,199,254,1) 0%, rgba(28,99,254,1) 100%);
	background: radial-gradient(ellipse at center, rgba(111,199,254,1) 0%, rgba(28,99,254,1) 100%);
}

.roueCouleur2 {
	border:2px solid #6096ff;
	background: rgba(85,134,240,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(85,134,240,1) 0%, rgba(53,59,173,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(85,134,240,1)), color-stop(100%, rgba(53,59,173,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(85,134,240,1) 0%, rgba(53,59,173,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(85,134,240,1) 0%, rgba(53,59,173,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(85,134,240,1) 0%, rgba(53,59,173,1) 100%);
	background: radial-gradient(ellipse at center, rgba(85,134,240,1) 0%, rgba(53,59,173,1) 100%);
}

.roueCouleur3 {
	border:2px solid #91cc93;
	background: rgba(146,205,147,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(146,205,147,1) 0%, rgba(61,122,40,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(146,205,147,1)), color-stop(100%, rgba(61,122,40,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(146,205,147,1) 0%, rgba(61,122,40,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(146,205,147,1) 0%, rgba(61,122,40,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(146,205,147,1) 0%, rgba(61,122,40,1) 100%);
	background: radial-gradient(ellipse at center, rgba(146,205,147,1) 0%, rgba(61,122,40,1) 100%);
}

.roueCouleur4 {
	border:2px solid #dbdcdc;
	background: rgba(219,220,220,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(219,220,220,1) 0%, rgba(176,177,179,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(219,220,220,1)), color-stop(100%, rgba(176,177,179,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(219,220,220,1) 0%, rgba(176,177,179,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(219,220,220,1) 0%, rgba(176,177,179,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(219,220,220,1) 0%, rgba(176,177,179,1) 100%);
	background: radial-gradient(ellipse at center, rgba(219,220,220,1) 0%, rgba(176,177,179,1) 100%);
}

.roueCouleur5 {
	border:2px solid #adff39;
	background: rgba(173,255,57,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(173,255,57,1) 0%, rgba(129,187,57,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(173,255,57,1)), color-stop(100%, rgba(129,187,57,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(173,255,57,1) 0%, rgba(129,187,57,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(173,255,57,1) 0%, rgba(129,187,57,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(173,255,57,1) 0%, rgba(129,187,57,1) 100%);
	background: radial-gradient(ellipse at center, rgba(173,255,57,1) 0%, rgba(129,187,57,1) 100%);
}


.UG_roue_bouton_icon {
	position:absolute;
	width:48px;
	height:48px;
	margin-top:-24px;
	margin-left:-24px;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	top:50%;
	left:50%;
}

.UG_roue_bouton:before,
.UG_roue_bouton:after {
  opacity: 0;
}

.UG_roue_bouton:after {
	position:absolute;
  border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,.75); 
  content: '';
  height: 0;
    top:60px;
    left: 22px;
  width: 0;
  pointer-events: none;
}
.UG_roue_bouton:before {
	position:absolute;
  background: rgba(0,0,0,.75);
  border-radius: 2px;
  color: #fff;
  content: attr(data-title);
  font-size: 7pt;
  padding: 3px 5px;
    top: 66px;
	left:0px;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 0px 0px 0px #ffffff;
}

/* the animations */
/* fade */
.UG_roue_bouton.fade:after,
.UG_roue_bouton.fade:before {
  transform: translate3d(0,-10px,0);
  transition: all .15s ease-in-out;
}
.UG_roue_bouton.fade:hover:after,
.UG_roue_bouton.fade:hover:before {
  opacity: 1;
  transform: translate3d(0,0,0);
}


.UG_roue_bouton_icon_infos {
	pointer-events:none;
	position:absolute;
	width:200px;
	height:48px;
	margin-left:-100px;
	margin-top:-24px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	opacity:0;
	#text-shadow: 1px 1px 3px #ffffff;
	color:#555555;
	color:var(--soustitre-section-gris-couleur);
	
	#border:1px solid #ff0000;
	#transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
	#-webkit-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
	#-moz-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
	#-o-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
	#-ms-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);	
	
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
}

.UG_roue_bouton_mini {
	position:absolute;
	width:16px;
	height:16px;
	border-radius:16px;
	margin-top:-8px;
	margin-left:-8px;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.titre_logo {
	position:relative;
	#border:1px solid #ff0000;
}

.UG_logo_r {
	position:absolute;
	width:265px;
	height:76px;
	margin-top:-38px;
	margin-left:-130px;
	background-image: url(../datas/urbanGrid_r.png); 
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	#border:1px solid #00ff00;
}

.wrapper3d {
	display:inline-block;
	width:500px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-250px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	#border:1px solid #FF0000;	
}

.icone3D {
	position:absolute;
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
}

.blocContact {
	display:inline-block;
	width:500px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-250px;
	#background:#00ff00;
}

.entete_conteneur {
	width:100%;
	height:40px;
	position:fixed;
	z-index: 5;
	top:0px;
	left:0px;
	text-align:left;
	padding-left:10px;
	display:flex;
	opacity:0;
	overflow:hidden;
}

.entete_conteneur_background {
	width:100%;
	height:40px;
	position:fixed;
	z-index: 4;
	top:0px;
	left:0px;
	text-align:left;
	padding-left:10px;
	display:flex;
	background-color:#000000;
	background-color:var(--entete-fond-couleur);
	opacity:0;
	max-height:40px;
}

.mybouton {
	display:inline-block;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:20px;
	margin-left:20px;	
	color:#FFFFFF;
	color:var(--bouton-couleur);
	padding:10px;
	padding-bottom:5px;
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	cursor:pointer;
}

.mybouton:hover {
	color:#00ff40;
}

.myboutonLink {
	text-decoration:none;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	text-shadow: 1px 1px 1px var(--ombre-foncee);
}

.textShadow {
	text-shadow: 1px 1px 1px #000000;
	text-shadow: 1px 1px 1px var(--ombre-foncee);
}

.plusbox {
	position:relative;
	display:inline-block;
	color:#8ac832;
	font-size:8pt;
	cursor:pointer;
	padding-top:4px;
}

.sepRefs {
	height:8px;
}

.largeBox {
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:48pt;
}

.refsBox {
	position:relative;
	display:inline-block;
	width:18px;
	height:18px;
	background:#8ac832;
	margin:0px;
	border-radius: 4px;
	cursor:pointer;
	margin-top:1px;
}

.textRefsBox {
	position:relative;
	display:inline-block;
	font-family: 'Ubuntu', sans-serif;
	font-size:12pt;
	font-weight:bold;
	#color:#FFFFFF;
	margin:0px;
	padding-left:8px;
	cursor:pointer;
}

.volet {
	position:relative;
	overflow:hidden;
	width:100%;
	-moz-transition: max-height 1000ms ease-out;
	-webkit-transition: max-height 1000ms ease-out;
	-o-transition: max-height 1000ms ease-out;
	transition: max-height 1000ms ease-out;
}

.refBox {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	margin:4px;
	border-radius: 7px;
	background:#00b300;
	margin-left:40px;
	padding-top:20px;
	cursor:pointer;
}

.textRefBox {
	display:inline-block;
	position:relative;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	#color:#FFFFFF;
	margin:2px;
	cursor:pointer;
	text-align:left;
	#border:1px solid #000000;
}

.videos {
	display:block;
	margin: 0;
	padding:0;
	width:800px;
	height:450px;
	background-color:#000000;
	border:1px solid #000000;
	margin-top:10px;
}

.titreFonctions {
	font-family: 'Ubuntu', sans-serif;
	font-size:14pt;
	font-weight:normal;
	width:100%;
	color:#44444;
	text-decoration:underline;
	margin-bottom:10px;
}

.sousTitreFonctions {
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	font-weight:normal;
	width:100%;
	color:#AAAAAA;
	text-align:justify;
	margin-bottom:20px;
}

.textRefBoxBlock {
	display:inline-block;
	position:relative;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#909399;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
	cursor:pointer;
	text-align:left;
	width:240px;
	#height:64px;
	#overflow:hidden;
	#background-color:#eeeeee;
	#-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
	#-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
	#box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);	
}

.textRefBoxBlock:hover {
	color:#000000;
	#-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);
	#-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);
	#box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.25);	
}

.texteDom {
	text-align:center;
	width:100%;
	color: #444444;
	color: var(--texte-gris);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:24pt;
	margin-bottom:16px;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #eeeeee;
	text-shadow: 1px 1px 1px var(--ombre-claire);
}

.mapInfos {
	position:relative;
	width:100%;
	z-index:110;
	color:#222222;
	text-align:right;
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	font-weight:normal;
	padding-right:100px;
	visibility:visible;
	#border:1px solid #ffff00;
}

.refTexte {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:100;
	color:#909399;
	text-align:left;
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	font-weight:normal;
	padding:10px;
	padding-right:100px;
	visibility:visible;
}

.waiting {
	position:absolute;
	top:10%;
	left:50%;
	margin-left:64;
	visibility:hidden;
}

.map {
	position:absolute;
	top:0%;
	left:0px;
	#background:#ffffff;
	width:100%;
	height:100%;
	#opacity:0.25;
	
}

.cadreBlancTransparent {
	display:inline-block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	overflow:hidden;
}

.leftBox {
	display:flex;
	flex-direction: column;
	width:600px;
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
	#background:#FFFFFF;
	text-align:left;
	padding:0px;
	margin:10px;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#58595b;
}

.rightBox {
	width:100%;
	height:100%;
	margin-top:auto;
	margin-bottom:auto;
	#background:#dddddd;
	text-align:left;
	padding:8px;
	#margin:10px;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	#border:1px solid #0000ff;
}

.scroller_conteneur {
	position:relative;
	width:380px;
	height:100%;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	text-align:justify;
	overflow:hidden;	
}

.scroller {
	position:absolute;
	width:405px;
	height:100%;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#FFFFFF;
	padding:20px;
	padding-right:35;
	text-align:justify;
	overflow:auto;	
	#border:1px solid #00ff00;
}

.texteSimple {
	display:flex;
	position:relative;
	width:100%;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	padding:0px;
	text-align:justify;
}

.texteSimpleMini {
	#display:flex;
	display:inline-block;
	position:relative;
	width:300px;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	font-weight:normal;
	padding:0px;
	text-align:justify;
	margin-left:39px;
	#border:1px solid #00ff00;
}

.bloc_espace {
	display:flex;
	position:absolute;
	width:100%;
	height:100%;
	padding:0px;
	top:0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:32pt;
	z-index:2;
	text-align:center;
	color:#FFFFFF;
	overflow:hidden;
	vertical-align:center;
	padding-top:100px;
}

.softShadow {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}

.flatShadow {
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.25);
}

.default {
	display:flex;
	position:relative;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
}

.hardShadow {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
}

.titre_section {
	display:inline-block;
	#width:1000px;
	text-align:center;
	color: #ffffff;
	color: var(--titre-section-couleur);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:22pt;
	vertical-align:top;
	text-shadow: 2px 2px 2px #000000;
	text-shadow: 2px 2px 2px var(--ombre-foncee);
	border-bottom:1px solid #aaaaaa;
	padding-bottom:22px;
	#border:1px solid #ff0000;
}

.titre_section_gris {
	position:relative;
	display:inline-block;
	width:100%;
	text-align:right;
	color: #555555;
	color: var(--titre-section-gris-couleur);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:22pt;
	vertical-align:top;
	margin-right:20px;
	text-shadow: 2px 2px 2px #eeeeee;
	text-shadow: 2px 2px 2px var(--ombre-claire);
	border-bottom:1px solid #909399;
}

.titre_section_gris_texte {
	position:relative;
	display:inline-block;
	color: #555555;
	color: var(--titre-section-gris-couleur);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:22pt;
	vertical-align:top;
	text-shadow: 2px 2px 2px #eeeeee;
	text-shadow: 2px 2px 2px var(--ombre-claire);
	left:0px;
	bottom:0px;
}

.titre_section_contact {
	display:inline-block;
	width:50%;
	text-align:center;
	color: #8ac832;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:22pt;
}

.soustitre_section {
	display:inline-block;
	width:100%;
	text-align:right;
	color: #ffffff;
	color: var(--soustitre-section-couleur);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:15pt;
	border-top:1px solid #909399;
	padding-top:6px;
	vertical-align:top;
	text-shadow: 2px 2px 2px #000000;
	text-shadow: 2px 2px 2px var(--ombre-foncee);
}

.soustitre_section_gris {
	position:relative;
	right:0px;
	bottom:0px;
	display:inline-block;
	text-align:right;
	color: #555555;
	color: var(--soustitre-section-gris-couleur);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:15pt;
	vertical-align:bottom;
	text-shadow: 2px 2px 2px #eeeeee;
	text-shadow: 2px 2px 2px var(--ombre-claire);
}

.soustitre_section_contact {
	display:inline-block;
	width:100%;
	text-align:center;
	color: #FFFFFF;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:15pt;
	border-top:1px solid #909399;
	padding-top:6px;
}

.texte_section {
	display:inline-block;
	#width:1000px;
	text-align:justify;
	color: #eeeeee;
	color: var(--texte-clair);
	font-family: 'open_sanslight', sans-serif;
	font-weight:normal;
	font-size:10pt;
	vertical-align:top;
	text-shadow: 1px 1px 1px #000000;
	text-shadow: 1px 1px 1px var(--ombre-foncee);
	padding-top:24px;
}

.skyline {
	position:absolute;
	width:1280px;
	height:850px;
	background-size: 1280px 850px;
	background-image:url(../datas/skyline.png);
	bottom:0%;
	left:50%;
	margin-left:-640px;
}

.texte_section_gris {
	display:inline-block;
	width:25%;
	text-align:justify;
	color: #888888;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	vertical-align:top;
	text-shadow: 1px 1px 1px #eeeeee;
	text-shadow: 1px 1px 1px var(--ombre-claire);
	#Line-Height: 14pt;
}

.texte_section_gris_colonne {
	display:inline-block;
	width:60%;
	text-align:justify;
	color: #444444;
	color: var(--texte-gris);
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:10pt;
	vertical-align:top;
	text-shadow: 1px 1px 1px #eeeeee;
	text-shadow: 1px 1px 1px var(--ombre-claire);
	#Line-Height: 14pt;
}

.texte_sectionLarge {
	display:inline-block;
	width:100%;
	text-align:justify;
	color: #666666;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:12pt;
	vertical-align:top;
	margin-bottom:16px;
	#Line-Height: 14pt;
	text-shadow: 1px 1px 1px #eeeeee;
	text-shadow: 1px 1px 1px var(--ombre-claire);
}

.titre_domainesintervention {
	width:100%;
	text-align:left;
	color: #8ac832;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:22pt;
	z-index:2;
	text-shadow: 1px 1px 1px #eeeeee;
	text-shadow: 1px 1px 1px var(--ombre-claire);
}

.scrollLink {
	position:fixed;
	width:100%;
	bottom:0%;
	left:0%;
	padding:10px;
	color:#ffffff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:8pt;
	text-decoration:none;
	text-align:center;
	z-index:100;
}

.pied_conteneur {
	width:100%;
	left:0px;bottom:0px;
	color:#ffffff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:8pt;
	position:absolute;
	text-align:center;
	z-index:3;
	padding:8px;
	cursor:pointer;
}

.conteneur_background {
	position:fixed;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	overflow:hidden;
	
background: rgba(1,3,47,1);
background: -moz-linear-gradient(top, rgba(1,3,47,1) 0%, rgba(7,21,68,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,3,47,1)), color-stop(100%, rgba(7,21,68,1)));
background: -webkit-linear-gradient(top, rgba(1,3,47,1) 0%, rgba(7,21,68,1) 100%);
background: -o-linear-gradient(top, rgba(1,3,47,1) 0%, rgba(7,21,68,1) 100%);
background: -ms-linear-gradient(top, rgba(1,3,47,1) 0%, rgba(7,21,68,1) 100%);
background: linear-gradient(to bottom, rgba(1,3,47,1) 0%, rgba(7,21,68,1) 100%);

z-index:1;
}

.transparentFull {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;
}

.opaqueFull {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.2;
	background-color:#000000;
	z-index:4;	
}

.conteneur_background_gris {
	position:fixed;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	overflow:hidden;
	background: #333335;
	z-index:1;
}

.backgroundImage
{
	position:fixed;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	overflow:hidden;
	text-align:center;
	z-index:1;
}

.container3D {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	z-index:2;
}

.svg-icon {
  width: 64px;
  height: 64px;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #8ac832;
}

.svg-icon circle {
  stroke: #8ac832;
  stroke-width: 1;
}

.vignette {
	position:relative;
	width:180px;
	height:135px;
	padding:4px;
	color:#000000;
	#background-color:#f0f0f0;
	#border:1px solid #dddddd;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	-ms-transform: scale(1.0,1.0); /* IE 9 */
    -webkit-transform: scale(1.0,1.0); /* Safari */
    transform: scale(1.0,1.0);
	z-index:1;
	margin:2px;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out; /* transition when the mouse over */
	#-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	#-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	#box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}


.vignette_texte_conteneur {
	position:relative;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	opacity:1;
	background-color:#ffffff;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}


.vignetteShadow {
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
}

.vignette_fond {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	overflow:hidden;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.vignette:hover {
    -ms-transform: scale(1.15,1.15); /* IE 9 */
    -webkit-transform: scale(1.15,1.15); /* Safari */
    transform: scale(1.15,1.15);
	z-index:2;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.53);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.53);
	
}

.vignette:hover .vignette_texte_infos_conteneur{
	opacity:1;
}

.vignette_texte_fond {
	position:absolute;
	width:100%;
	height:20px;
	margin:0px;
	padding:0px;
	bottom:0px;
	left:0px;
	overflow:hidden;
	background-color:#000000;
	opacity:0.25;
}

.vignette_type
{
	position:absolute;
	bottom:-1px;
	left:2px;
}

.vignette_texte_texte {
	position:absolute;
	width:100%;
	height:20px;
	margin:0px;
	padding-left:2px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	text-shadow: 1px 1px 1px #444444;
	font-family: 'Ubuntu', sans-serif;
	font-size:10pt;
	
}

.vignette_texte_infos_conteneur {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	left:0px;
	top:0px;
	overflow:hidden;
	opacity:0;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	
}

.vignette_texte_infos_back {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	left:0px;
	top:0px;
	overflow:hidden;
	background-color:#ffffff;
	opacity:0.75;
}

.vignette_texte_infos {
	position:absolute;
	width:100%;
	height:100%;
	margin:0px;
	padding:8px;
	left:0px;
	top:0px;
	overflow:hidden;
	color:#000000;
	text-align:left;
	#text-shadow: 1px 1px 1px #ffffff;
	font-family: 'Ubuntu', sans-serif;
	font-size:9pt;
	
}