/*@media only screen and (max-width: 540px){*/
	.blocMontre img,
	.blocMontre canvas {
	    -webkit-transform: translate(-44%,-65%);
	    transform: translate(-44%,-65%);
	}
/*}*/

@media only screen and (orientation: portrait){
	canvas{
		margin-top: 50px;
	}

	.mainContener{
		z-index: 2;		
	}

	#ecrin_contener{
		z-index: 1;
	}

	.BtPlus{
		font-family: "HelveticaNeueW01-45Light",Helvetica,helvetica,arial,Microsoft JhengHei,SimHei,STXihei,Arial Unicode MS,"sans-serif";
    	color: #fff;
    	font-size: 1em;    	
/*    	text-transform: uppercase;*/
    	cursor: pointer;

    	height: 50px;
    	background-color: rgba(255,255,255,0.5);
	}

	.BtPlus img{
		height: 20px;
		width: 20px;
		float: left;
	}	

	.btPlus_text{
		float:left;
		margin-left: 6px;
    	font-size: 0.9em;
    	text-decoration: underline;
    	text-underline-offset : 5px;
    	color: rgba(255,255,255, 0.5);
	}



	/*-------------INTRODUCTION--------------*/

	#contentTexte_3 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_3 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------ALLUMER LE MOTEUR--------------*/

	#contentTexte_4 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_4 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------L'ETAT DES PILES--------------*/

	#contentTexte_5 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_5 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------PILES PRESQUE VIDES--------------*/

	#contentTexte_6 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_6 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------CYCLE SANS MONTRE--------------*/

	#contentTexte_7 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_7 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------CYCLE AVEC MONTRE--------------*/

	#contentTexte_8 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_8 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------FIN DE CYCLE--------------*/

	#contentTexte_9 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_9 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------ETEINDRE LE MOTEUR-------------*/

	#contentTexte_10 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_10 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------AVT D'INSTALLER UNE MONTRE-------------*/

	#contentTexte_11 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_11 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------INSTALLER UNE MONTRE-------------*/

	#contentTexte_12 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_12 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------RALLUMER LE MOTEUR-------------*/

	#contentTexte_13 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_13 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------PROTECTION CONTRE LE BLOCAGE-------------*/

	#contentTexte_14 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_14 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------REDEMARRER APRES UN BLOCAGE-------------*/
    /*	15 / Le texte est trés court, pas besoin de bouton*/

    /*-------------QUAND CHANGER LES PILES-------------*/

	#contentTexte_16 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_16 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------CHANGER LES PILES-------------*/

	#contentTexte_17 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_17 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	/*-------------SPECIFICATION-------------*/

	#contentTexte_18 span:nth-child(1){	
		height: 44px;
    	overflow: hidden;	
		background-color: rgba(0, 0, 0, 0.8);
	}

	#contentTexte_18 span:nth-child(2){
		display: table-caption;
		margin-top: 70px;
		background-color: rgba(0, 0, 0, 0.8);
	}
}

@media only screen and (orientation: landscape){
	.BtPlus{
		display: none;
	}
}


@media only screen and (orientation: landscape) and (min-width: 1024px){
	.blocMontre img,
	.blocMontre canvas {
	    max-height: 100vh;
	    max-height: var(--vh);
	    max-width: none;
	    width: auto;
	    height: 68%;
	    -webkit-transform: translate(-55%,-55%);
	    transform: translate(-55%,-55%);
	}
}



.scrollContener h2,
.scrollContener h3,
.scrollContener .titreTexte{
    opacity: 0;
}
.blocTemoin{
	height: 100vh !important;
	height: var(--vh) !important;
	/*height: calc(var(--vh) * 0.5) !important;*/
}
@media only screen and (min-width: 50em){
	/*.scrollContener {
	    height: 2100vh !important;
		height: calc(var(--vh) * 23) !important;
		height: calc(var(--vh) * 12) !important;
	}*/
	.blocTemoin{
		height: 100vh !important;
		height: var(--vh) !important;
		height: calc(var(--vh) * 0.51) !important;
	}
}

#menuPresentation_1{
	transition: transform 1s;
}

#menuPresentation{
	transition: transform 1s;
}

#contentTexte_1{
	height: 90px;
	overflow: hidden;
}

/*#complication_9{
	height: 60px;
}*/
li#titreTexte_18,
li#titreTexte_19,
li#titreTexte_21 {
    /*font-size: 1rem;*/
}


@media only screen and (min-width: 1024px) and (max-width: 1122px){
	[lang="it"] #complication_10,
	[lang="fr"] #complication_10{
		height: 60px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1136px){
	[lang="it"] #complication_11{
		height: 60px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1400px){
	[lang="fr"] #complication_9{
		height: 60px;
	}
}


@media only screen and (min-width: 600px){
	li#titreTexte_18,
	li#titreTexte_19,
	li#titreTexte_21 {
	    /*font-size: 1.9rem;*/
	}
}
@media only screen and (orientation: landscape) and (min-width: 1024px){
	li#titreTexte_18,
	li#titreTexte_19,
	li#titreTexte_21 {
	    /*font-size: 1.9rem;*/
	}
	[lang="it"] #complication_6{
		height: 60px;
	}
}

@media only screen and (min-width: 42em) and (max-width:  64em){
	html[lang="fr"] #menuPresentation .titreComplication{
        font-size: 1.1rem;
	}
}


@media only screen and (min-width: 43.75em) and (orientation: portrait){
	#contentTexte_1{
		height: 100px;
	}
}

@media only screen and (min-width: 63.75em) and (orientation: landscape){
	#contentTexte_1{
		height: 170px;
	}
}

@media only screen and (min-width: 87.5em) and (orientation: landscape){
	#contentTexte_1{
		height: 250px;
	}
}

/*----------------TITRE DE PLUS DE DEUX LIGNES----------------------------------*/

.titreTexteContener{
	overflow: initial;
}

/*----------------POP-UP DATE----------------------------------*/

#striking-tooltip{
	position: absolute;
    top: 70px;
    right: 0;
}

#striking-tooltip__content{
	position: absolute;
    top: 30px;
    left: 108%;
}

/*----------------SCENE BABYLON----------------------------------*/


#ecrin_contener{    
    position: fixed;    
    top:81px;
    left:0;
    width: 100%;
    height: calc(100% - 81px);
    background-color: black;
    /*transition:top 0.5s;*/
    /*display: none;*/
}

#ecrin_contener canvas{
    width: 100%;
    height: 100%;
    background-color: black;
    /*background-color: rgba(255,0,0,0.5);*/
}

#legendes{
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

@media only screen and (orientation:landscape) and (min-width: 1020px) { 
	#cinema_contener canvas{
        width: 140%;
    }  

    #ecrin_contener{  
    	left:15%;
    }  

}


/*-------------------Menu Haut---------------------------------------*/

@media only screen and (orientation: landscape) and (min-width: 1024px){
	.menuManuel {
		max-width: 500px;	
	}
}


/*-------------------Correction en savoir Plus---------------------*/