@charset "utf-8";
/* CSS Document */

a {color:#5f5f5f;}    /* unvisited link */
a:visited {color:#E4E4E4;} /* visited link */
a:hover {color:#E4E4E4;}   /* mouse over link */
a:active {color:#5f5f5f;}  /* selected link */
a:link 
{ 
 text-decoration:none; 
} 


@font-face {
	font-family: 'bebasneue';
    src: url('bebas_neue/bebasneue-webfont-webfont.eot');
    src: url('bebas_neue/bebasneue-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebas_neue/bebasneue-webfont-webfont.woff') format('woff'),
         url('bebas_neue/bebasneue-webfont-webfont.ttf') format('truetype'),
         url('bebas_neue/bebasneue-webfont-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face{	
	font-family: 'open_sansregular';
    src: url('OpenSans/opensans-regular-webfont.eot');
    src: url('OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans/opensans-regular-webfont.woff') format('woff'),
         url('OpenSans/opensans-regular-webfont.ttf') format('truetype'),
         url('OpenSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('OpenSans/opensans-light-webfont.eot');
    src: url('OpenSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans/opensans-light-webfont.woff') format('woff'),
         url('OpenSans/opensans-light-webfont.ttf') format('truetype'),
         url('OpenSans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

img{
	max-width: 100%;
}

h1{
	font-family: bebasneue;
	color: white;
	font-size: 80px;
	text-align: center;
	letter-spacing:4px;
	margin-bottom: 5px;
} /* Gros titre */

h3{
	margin: 0px;
	font-family: open_sanslight;
	color: white;
	font-size: 18px;
	text-align:center;
	font-weight:lighter;
} /* Sous-titre */

h2{
	font-family: open_sanslight;
	color: #c7c6c6;
	font-size: 30px;
	text-align:center;
	font-weight:lighter;
	line-height:10px;
} /* Titre article */

h4{	
	font-family: open_sansregular;
	font-size: 14px;
	color: #505050;
	font-weight:lighter;
	text-align: center;
} /* Texte general GRIS*/

h5{
	font-family: open_sansregular;
	color: #0a3757;
	font-size: 24px;
	font-weight:lighter;
	margin: 0px;
	line-height:0px;
} /* Texte GRAND BLEU*/

h6{
	font-family: helvetica;
	color: #0a3757;
	font-size: 15px;
	font-style : italic;
	font-weight:lighter;
	margin: 0px;
} /* Texte italic BLEU*/


h7{
	margin: 0px;
	font-family: open_sansregular;
	color: white;
	font-size: 16px;
	text-align:right;
	font-weight:lighter;
	line-height:40px;
	
} /* Barre de recherche */

h8{
	font-family: open_sansregular;
	font-size: 18px;
	color: #505050;
	text-align:left;
} /* Texte coordon�es */

.h9{
	font-family: open_sansregular;
	color: #c7c6c6;
	font-size: 16px;
	text-align:center;
	font-weight:lighter;
	line-height:12px;
	letter-spacing:-1px;
}/*CONTACT*/


body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background-color: white;
}



/*----------------------------
-----------PARALLAX-----------
----------------------------*/



#nav{
	position: fixed;
	margin-top: 1%;
	width: 260px;
	margin-right: 1%;
	z-index: 999;
	right: 0px;
	}

#nav .show_hide1{
	position: absolute;	
	right: 1%;
	cursor: pointer;
	
}

#nav .slidingDiv1{
	margin-top: 45px;
	margin-right: 1%;
	text-align:right;
	background-color: rgba(0, 0, 0, 0.5);
	padding-right: 5px;
	padding-left: 5px;
}


#home{
	background:url(img/home/homeBkgd1.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	background-size: 2048px 1100px;
	
}

#appli{
	background:url(img/appli/appliBkgd0.jpg)no-repeat fixed;
	height: 1000px;
	color: white;
	padding:0;	
	background-size: 2048px 1200px;
}

#immersion{
	background:url(img/360/360Bkgd0.jpg)no-repeat fixed;
	width: 100%;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1200px;
}

#analyse{
	background:url(img/reseaux/reseauxBkgd0.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1200px;
}

#interface{
	background:url(img/interface/interfaceBkgd0.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1300px;
	margin-top:0px;
}

#transmedia{
	background:url(img/transmedia/transmediaBkgd0.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1400px;
}

#reference{
	background:url(img/reference/refBkgd0.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1400px;
}

#connexe{
	background:url(img/sitesConnexes/sitesBkgd0.jpg)no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1400px;
}

#equipe{
	background:url(img/equipe/equipeBkgd0.jpg) no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1400px;
}

#contact{
	background:url(img/contact/contactBkgd0.jpg) 100% no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	background-size: 2048px 1400px;
}

.blank{
	background: white 50% 0 no-repeat fixed;
	color: white;
	overflow: hidden;
	max-width: 100%;
	margin: auto;

}

.blankSansMarge{
	max-width: 1920px;
	margin: auto;
}

.blankApp{
	padding-top: 4%;
	height: 800px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankImmersion{
	padding-top: 10%;
height: 660px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankInterface{
	padding-top: 8%;
height: 740px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankTransmedia{
	padding-top: 3%;
	height: 1070px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankReference{
	padding-top: 3%;
	height: 810px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankSites{
	padding-top: 3%;
	height: 850px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}

.blankService{
	background:url('img/service/imgServices.png') no-repeat;
	background-size: 100%;
}

.blankEquipe{
	padding-top: 3%;
	height: 850px;
	background:url('img/transmedia/blankTransmedia.png') no-repeat;
}




/*------------------------------------*/




.story{
	min-width: 980px;
	overflow: hidden;
	max-width: 1920px;
margin: auto;
}






/*--------------------------
-----------TITRES-----------
--------------------------*/
.titre{
	display:block;
	margin-top:10%;	
	z-index: 100;
	max-width: 1500px;
	margin-left: 10%;
	margin-bottom: 10%;
}

.titre img{
	margin-top: -5%;
margin-left: 15%;
width:70%;
}

#home .categorie{
	display:block;
	position:relative;
	top:53%;
}

#logoHome{
	width: 30%;
margin-left: 35%;

}


.categorie{
	position:relative;
	margin-top: -22%;
	padding-bottom: 23%;
	background: url('img/cadreTitre.png') no-repeat;
margin: auto;
max-width: 952px;
height: 516px;
padding-top: 200px;
}

.categorieContact{
	position:relative;
	margin-top: -25%;
	padding-bottom: 23%;
		background: url('img/cadreTitre.png') no-repeat;
margin: auto;
max-width: 952px;
height: 516px;
padding-top: 150px;
}


#categorieGrandTitre{
		background: url('img/cadreTitre.png') no-repeat;
margin: auto;
max-width: 952px;
height: 516px;
padding-top: 250px;
}

#categorieGrandTitre2{
	position:relative;
	margin-top: -27%;
	padding-bottom: 23%;
		background: url('img/cadreTitre.png') no-repeat;
margin: auto;
max-width: 952px;
height: 516px;
padding-top: 150px;
}

.sousTitre{
}

.sousTitre2{
	margin-top:-8%;
}


/*--------------------------------------
-----------SPECIFIQUE ACCUEIL-----------
--------------------------------------*/
#scroll{
	display: block;
margin-top: 350px;
width: 50px;
margin-right: auto;
margin-left: auto;
}


/*---------------------------------------
-----------SPECIFIQUE SERVICES-----------
---------------------------------------

.serviceGauche{
	display:inline-block;
	vertical-align: top;
	float: left;
}

.serviceDroite{
	display:inline-block;
	vertical-align: top;
	float: right;
}


.LigneImgTexte{
	position: relative;
	top:-40px;
	left:100px;
	height:15px;
}

.LigneImgTexteDroite{
	position: relative;
	text-align:right;	
	top:-40px;
	left:-100px;
	height:15px;
}
*/
/*------------------------------------
-----------SPECIFIQUE APPLI-----------
------------------------------------*/
.topImg{
	display:inline-block;
	margin-left:445px;
}	

#imgAppli{
	display:inline-block;
	margin-left:100px;
}

.legendeGauche{
	display:inline-block;
	width:700px;
	margin-left:460px;
}	

.icon{
display: inline-block;
height: 200px;
vertical-align: top;
margin-left: 5%;
margin-top: 30px;
}
.iconV{
display: inline-block;
height: 100px;
vertical-align: top;
margin-left: 2%;
margin-top: 60px;
}


/*----------------------------------
-----------SPECIFIQUE 360-----------
----------------------------------*/
.survol{
	position: relative;
	/*top:-376px;*/
	/*position:relative;
	
	margin-bottom:-376px;
	display:none*/
}



.btnclose{
	position:relative;
	left:980px;
	top:-370px;
	height:42px;
	width:42px;
	cursor: pointer;
	margin-bottom:-42px;
	display:none;
}

.lien360{
	font-family: open_sanslight;
	color: #c7c6c6;
	font-size: 28px;
	text-align:center;
	font-weight:lighter;
}

.lienV{
	font-family: open_sanslight;
	color: #c7c6c6;
	font-size: 28px;
	text-align:center;
	font-weight:lighter;
	margin-left: -11%;
}

/*---------------------------------------------
-----------SPECIFIQUE WEB SEMANTIQUE-----------
---------------------------------------------*/



.legendeFlottante{
	position: absolute;
	width:450px;
	left: 13%;
	margin-top: 5%;
}

.blankArs{
	max-height: 757px;
	background:url('img/appli/slideshow3.png') no-repeat;
}


/*----------------------------------------
-----------SPECIFIQUE INTERFACE-----------
----------------------------------------*/

.legendeCentre{
	display:inline-block;
	width:1027px;
	margin-left:445px;
}	


/*-----------------------------------------
-----------SPECIFIQUE REFERENCES-----------
-----------------------------------------*/
.cadrePhoto{
	margin: auto;
	width:1050px;
}

.reference{
	margin-right:10px;
	margin-bottom:10px;
}


.contact{
	position:relative;
	left:10px;
	top:-375px;
	display:none;
	width:310px;
	height:0px;
}

.titreContact{
	margin-top: -50px;
}

.equipe{
	display:inline-block;
	vertical-align:top;
}


/*---------------------------------------
-------------------MAP-------------------
---------------------------------------*/
#map-canvas{
	height:450px;
}

#infobulle{
	width:320px;
	height:90px;
}

#infobulle .h9{
	color:#4e4f53;
}
#infobulle img, #textBulle{
	display:inline-block;
	vertical-align:top;
}
#textBulle{
	margin-left:20px;
}

/*------------------------------------------
-------------------SLIDES-------------------
------------------------------------------*/
#slideshow, #slideshow2, #slideshow3, #slideshow4, #slideshow5 {
  /*margin-left:23%;*/
  text-align: center;
}

.slideshow{
  display:inline-block;
  vertical-align:top;
  margin:0 auto;
  width: 1030px;
  height:680px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  /*max-width: 1080px;*/
}

#slideshow{
  height:650px;}

#slidesContainer2{
  height:850px;
}

#slideshow2{
  height:800px; 
}

#slideshow5{
  height:1000px;
} 


  #slideshow3{
  height: 780px;
  background:url('img/transmedia/blankTransmedia.png') no-repeat;
  }

  #slidesContainer3{
  height:800px;
}

#slideshow4{
  height: 530px;
}

.slide{
  margin:0 auto;
 /* reduce by 20 pixels to avoid horizontal scroll */
}


/* 
 * Slideshow controls style rules.
 **/
.control, .control2 , .control3 , .control4, .control5{
	display:inline-block;
	vertical-align:top;
  width:36px;
  height:68px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

.leftControl{
	margin:auto;
	position:relative;
	top:200px;
	left:-40px;
	background:transparent url(img/back.png) no-repeat 0 0;
}

.rightControl{
	margin:auto;
	position:relative;
	top:200px;
	left:40px;
	background:transparent url(img/next.png) no-repeat 0 0;
}


.legendeSlide{
	display:inline-block;
	width:70%;
} 

.legendeSlideIcone{
	display:inline-block;
	width:55%;
	height: 670px;
	margin-left:5%;
} 

.legendeSlideIconeV{
	display:inline-block;
	width:45%;
	height: 100px;
} 



.imgDroite{
	margin-bottom: 60px;
}

.motCle{
	font-family: open_sanslight;
	color: #a3a3a3;
	font-size: 10px;
 	text-align: center;
 	background-color: black;
 	width: 100%;
 	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
}



a.rollover1 {
background:url('img/360/rolloverExplornova.jpg') no-repeat;
width: 1030px;
height: 370px;
display:block;
}

a.rollover1:hover {
background-position: bottom center;
}



a.rollover2 {
background:url('img/360/parc-asterix.jpg') no-repeat;
width: 1030px;
height: 370px;
display:block;
}

a.rollover2:hover {
background-position: bottom center;
}

a.rollover3 {
background:url('img/360/rolloverSuez.jpg') no-repeat;
width: 1030px;
height: 370px;
display:block;
}

a.rollover3:hover {
background-position: bottom center;
}

a.rollover4 {
background:url('img/360/rolloverVeolia.jpg') no-repeat;
width: 1030px;
height: 370px;
display:block;
}

a.rollover4:hover {
background-position: bottom center;
}

a.rollover5 {
background:url('img/sitesConnexes/imgNeurokiff.jpg') no-repeat;
width: 1030px;
height: 578px;
display:block;
}

a.rollover5:hover {
background-position: bottom center;
}

a.rollover6 {
background:url('img/sitesConnexes/imgIrealite360.jpg') no-repeat;
width: 1030px;
height: 578px;
display:block;
}

a.rollover6:hover {
background-position: bottom center;
}

a.rollover7 {
background:url('img/sitesConnexes/imgTag2.jpg') no-repeat;
width: 1030px;
height: 578px;
display:block;
}

a.rollover7:hover {
background-position: bottom center;
}

a.rollover8 {
background:url('img/sitesConnexes/imgCarre.jpg') no-repeat;
width: 1030px;
height: 578px;
display:block;
}

a.rollover8:hover {
background-position: bottom center;
}


a.rollover9 {
background:url('img/360/atlantia-la-baule.jpg') no-repeat;
width: 1030px;
height: 370px;
display:block;
}

a.rollover9:hover {
background-position: bottom center;
}

.iconRs{
position: fixed;
width: 68px;
z-index: 999;
height: 147px;
bottom: 30px;
}



/*SERVICES*/
.service{
	font-family: 'open_sanslight';
	text-align: center;
	margin-top: 70px;
	margin-bottom: 110px;
}


h10{
 font-size: 65px;
 color: #000000;
 margin-bottom: 3px;
 line-height: 34pt;
}

h11{
font-size: 39px;
 color: #a3a3a3;
 line-height: 28pt;
}

h12{
font-size: 40px;
 color: #a3a3a3;
 margin-top:0px;
 line-height: 35pt;
}

h13{
font-size: 65px;
 color: #6d6d6d;
 line-height: 33pt;
}

h14{
font-size: 25px;
 color: #a3a3a3;
 line-height: 13pt;
}

h15{
font-size: 40px;
 color: #a3a3a3;
 line-height: 31pt;
}

h16{
font-size: 34px;
 color: #a3a3a3;
 margin-top:0px;
 margin-left: 2px;
 line-height: 40pt;
}

h17{
font-size: 49px;
 color: #6d6d6d;
 margin-top:0px;
margin-left: 15px;
line-height: 31pt;
}

h19{
font-size: 24px;
 color: #a3a3a3;
 margin-top:0px;
 line-height: 0pt;
}

h18{
font-size: 38px;
 color: #6d6d6d;
 margin-top:0px;
line-height: 0pt;
}

h20{
font-size: 24px;
 color: #a3a3a3;
margin-top: -20px;
margin-left: 8px;
line-height: 0pt;
}

h21{
font-size: 43px;
 color: #a3a3a3;
 margin-top:0px;
 line-height: 25pt;
}

.logoService{
	text-align: center;
}

.ligne{
margin-bottom: 70px;
}

#univ{
margin-left: 150px;

}