/*puces********************************/
.pucesObj,.menu-langue-container{
	z-index:2000;
	position:fixed;
	width:40px;
	height:40px;
	-webkit-border-radius:50%;
	left:70px;
	top:70px;
	right:70px;
	bottom:70px;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	
.navleft{
	top:auto;
	}
	
.navright{
	left:auto;
	top:auto;
	z-index:2001;
	}
	
.navleft.navActive,.navright.navActive{cursor:pointer;}
.pucetopleft2{top:170px;}



.logo-resp-article-container{display:none;}
/*bar****************************/
.bar-bas-container{
	position:fixed;
	width:500px;
	height:24px;
	top:auto;
	bottom:calc( 70px + 20px );
	margin-bottom:-12px;
	left:auto;
	right:calc( 70px + 20px );
	margin-right:-250px;
	z-index:2000;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	transition:.7s ease;
	}
	
.bar-bas-content{width:200px;}

.bar-bas-container-end,.menuIsActived .bar-bas-container{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
	
.bar-bas-container-end-forced,.accueilbody .bar-bas-container{
	transition:0s ease;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}

/*nav**************************/
.nav-container{
	box-sizing:border-box;
	padding:100px;
	padding-left:180px;
	padding-right:180px;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:2000;
	transition:1.1s ease;
	left:100vw;
	}
	
.nav-ul{
	width:auto;
	display:flex;
	flex-direction:column;
	margin-left:50px;
	margin-right:50px;
	}
	
.nav-li{
	width:auto;
	clear:both;
	}
		
.nav-li a *{transition:.7s ease;}
	
/*************************************menu langue + hm */
.menu-langue-container{
	width:58px;
	height:auto;
	left:auto;
	right:calc( 70px - 9px );
	bottom:auto;
	margin-top:-10px;
	}

.menu-langue-li h2{}

.menu-hm-container{
	cursor:pointer;
	z-index:2000;
	position:fixed;
	top:160px;
	width:58px;
	left:auto;
	right:calc( 70px - 9px );
	}
	
.menu-hm-bar-content{}

.menu-hm-container:hover .menu-hm-bar-content-0{animation: animateHM0 .8s ease;}
.menu-hm-container:hover .menu-hm-bar-content-1{animation: animateHM1 .8s ease;}
.menu-hm-container:hover .menu-hm-bar-content-2{animation: animateHM2 .8s ease;}
@keyframes animateHM0{
    0% {left:0;}
    30% {left:40px;}
    60% {left:0;}
}
@keyframes animateHM1{
    15% {left:0;}
    45% {left:40px;}
    75% {left:0;}
}
@keyframes animateHM2{
    30% {left:0;}
    60% {left:40px;}
    90% {left:0;}
}
.menuIsActived .menu-hm-bar-content-0{transition:.7s ease;}
.menuIsActived .menu-hm-bar-content-1{transition:.7s ease;transition-delay:.2s;}
.menuIsActived .menu-hm-bar-content-2{transition:.7s ease;transition-delay:.4s;}
.menuIsActived .menu-hm-bar-content{left:calc( 100% + 70px );}
.menuIsActived .menu-hm-container{z-index:0;transition:.7s ease;transition-delay:.5s;}
.menu-hm-bar-content{
	height:11px;
	margin-top:9px;
	}
	
.cross-nav-container{
	position:absolute;
	left:auto;
	right:65px;
	top:170px;
	width:50px;
	height:50px;
	transition:.7s ease;
	z-index:3000;
	cursor:pointer;
	}
	
.span-cross-nav{
	position:absolute;
	height:8px;
	left:50%;
	top:50%;
	margin-left:-20px;
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
	
.span-cross-nav-1{
	webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}
	
.cross-nav-container:hover{opacity:.5!important;}

/*********************************restart************/
.restart-content{
	position:absolute;
	top:auto;
	bottom:75px;
	left:140px;
	}
	
.restart-li{
	clear:both;
	float:left;
	margin-top:4px;
	cursor:pointer;
	} 
	
.restart-li p{
	text-decoration:underline;
	font-weight:500!important;
	transition:.7s ease;
	cursor:pointer;
	}
	
.restart-li a, .restart-li a *{opacity:1!important;}
.restart-li:hover p{opacity:.8!important;}

/*home**********************************************/
.legende-home-container{
	position:fixed;
	top:auto;
	bottom:80px;
	left:auto;
	right:370px;
	width:auto;
	z-index:2000;
	max-width:1000px;text-align:right;
	opacity:0;
	}

	
.titre-bas-droite-nav{
	font-weight:500;
	transform-origin: 20px 20px;
	height:40px;
	position:fixed;
	top:auto;
	bottom:130px;
	left:70px;
	z-index:2000;
	width:auto;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.titre-bas-droite-nav h3{line-height:40px;}
	
/**********************************else*******/
.titre-haut-gauche{
	position:fixed;
	left:140px;
	top:65px;
	width:auto;
	max-width:calc( 50% - 140px - 100px );
	z-index:2000;
	}
	
.titre-haut-gauche h3{
	width:auto;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
	}
	
.degrade-top-nav{
	height:190px;
	position:fixed;
	z-index:1;
	transition:.8s ease;
	}
	
/*anims*/
.pucesObj,.bar-bas-content{
	transition:opacity .7s ease;
	opacity:1;
	}
	
/*puces 2*/
.restart-content-pic-ul{
	position:fixed;
	top:auto;
	width:auto;
	height:40px;
	bottom:70px;
	left:134px;
	z-index:1999;
	}
	
.restart-content-pic-li{
	width:40px;
	position:relative;
	height:40px;
	margin-right:20px;
	box-sizing:border-box;
	-webkit-border-radius:50%;
	left:0px;
	top:0px;
	-moz-border-radius:50%;
	border-radius:50%;
	border: solid;
	border-width:2px;
	/*border:2px solid #00FF00;*/
	cursor:pointer;
	transition:.7s ease;
	}
	
.restart-content-pic-li-home{}
.pic-home-button-container{position:absolute;opacity:1!important;}

.pic-home-button-container svg{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	opacity:1!important;
	}
	
.pic-home-button-container svg *{
	/*fill:#00FF00;*/
	transition:.7s ease;
	opacity:1!important;
	}
	
/*readmore button*/
.button-more{width:auto;cursor:pointer;padding-top:10px;padding-bottom:0;transition:.7s ease;}
.button-more h6{transition:.7s ease; opacity:.6;text-decoration:underline;}
.subsTr{height:0;overflow:hidden;}
.activ-more .button-more{padding-top:0px!important;opacity:0!important;}
.button-more:hover h6{opacity:1;}
.sound-on{opacity:0!important;}
.sound-off{opacity:1!important;}
.sound-button-on .sound-on{opacity:1!important;}
.sound-button-on .sound-off{opacity:0!important;}
	
.back-button-pic{
	overflow:hidden;
	position:fixed;
	z-index:2001;
	top:239px;
	left:auto;
	right:49px;
	}
	
.pic-plan-button-container{position:absolute;opacity:1!important;}

.pic-plan-button-container svg{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	opacity:1!important;
	}
	
.pic-plan-button-container svg *{
	/*fill:#00FF00;*/
	transition:.7s ease;
	opacity:1!important;
	}
	
	
	
.plan-button-pic{
	position:fixed;
	z-index:2001;
	top:auto;
	bottom:50px;
	left:140px;
	}
	
.plan-button-pic-txt{
	position:fixed;
	z-index:2001;
	top:auto;
	bottom:57px;
	left:130px;
	height:auto;
	opacity:0;
	line-height:14pt;
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:15px;
	font-size:10pt;
	min-height:none;
	padding-top:2px;
	padding-bottom:5px;
	width:auto;
	transition:.4s ease;
	transform:scaleX(0); 
	}


	
.plan-button-pic:hover .plan-button-pic-txt{left:190px;opacity:1;width:auto;z-index:3000;transform:scaleX(1);}
.plan-button-pic:hover{overflow:visible;}
	
/*ariane*/
.ariane-container{
	position:fixed;
	z-index:2500;
	top:25px;
	left:70px;
	width:auto;
	}
	
.ariane-content-ul{width:auto;}

.ariane-content-li{
	width:auto;
	float:left;
	}
	
.ariane-content-li-p{
	width:auto;
	font-size:11pt;
	line-height:15pt;
	font-weight:400;
	}
	
.ariane-content-li-a{
	width:auto;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	float:left;
	}
	
.ariane-separator{
	width:auto;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	float:left;
	font-family:inherit;
	margin-left:4px;
	margin-right:3px;
	margin-top:-1px;
	opacity:.7;
	}
	
.menu-langue-li a *,.menu-langue-li a,.nav-li a, .nav-li a *{opacity:1!important;}
.menu-langue-li a:hover *, .nav-li a:hover *{opacity:.7!important;}
.noReady .pucesObj,.noReady .bar-bas-content{opacity:0;}
.menuIsActived .nav-container{left:0;}
.accueilnav{z-index:1998;}
/*rappelcookies*/

#cookie-law-info-again span,#cookie-law-info-bar span,#cookie-law-info-bar a{font-size:10pt;line-height:14pt;}
#cookie-law-info-again{font-size:7pt;line-height:13pt;}
#cookie-law-info-again span{font-size:7pt;line-height:13pt;}
#cookie-law-info-again{padding:0 10px;right:0!important;}
#cookie_action_close_header{padding:7px 12px;}

/*animation home*/
.baseline-home-container{
	width:0;
	overflow-x:hidden;
	transition:auto!important;
	transition:none!important;
	overflow-x:hidden!important;
	opacity:0;
	}
	

.baseline-home-container h3{width:auto!important;overflow-x:hidden!important;text-align:right!important;float:right;}
.sous-menubaseline{clear:both;width:auto;}
.restart-content-pic-ul{left:70px;z-index:1999;opacity:0;}
.survoling{z-index:2002;opacity:0;position:fixed;}
.survoling0{top:0;left:0;width:120px;height:220px;}
.survoling1{top:auto;left:0;width:120px;height:120px;bottom:0;}
.survoling2{top:auto;left:auto;right:0;width:340px;height:120px;bottom:0;}

.accueilbody .nav{opacity:0;}
.home-container{opacity:0;}

.accueilbody .bar-bas-container{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	transition:.8s ease;
	}
	
.bar-bas-container.forcedIntro{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
	
.nav-hm-special{
	opacity:0;
}

/*nouveau logo 2026*/
.container-id-elmts{position:fixed;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;gap:0;z-index: 2000;}
.content-topLeft{left:15px;top:55px;}
.content-botLeft{left:15px;top:auto;bottom:15px;}
.content-botRight{left:auto;right:0;top:auto;bottom:15px;}
.content-o-container{width:100px;}
.content-v-container{width:100px;}
.content-n-container{width:100px;}
.content-i-container{width:35px;}
.content-id-letter svg{margin:0;padding:0;width:100%;height:auto;display:block;clear:both;float:left;}
.content-id-letter svg *{transition: .7s ease;}
/*2026home*/
.home-id-elmts{position:fixed;background-color:#EDEDED;}
.home-logo-top{top:55px;left:55px;height:300px;opacity:0;z-index:10;}
.home-logo-bot{top:auto;bottom:55px;left:55px;height:180px;opacity:0;z-index:10;}
.home-id-elmts .home-o-container{width:100px;}
.home-id-elmts .home-v-container{width:100px;margin-top:190px;}
.home-id-elmts .home-n-container{width:90px;}
.home-id-elmts .home-i-container{width:31px;}
.legende-home-container{right:55px;bottom:55px;}
.baseline-home-container{top:55px;left:calc( 55px + 27px + 200px );}
.restart-content-pic-li{right:0;margin:0;padding:0;}
.restart-content-pic-ul{left:auto!important;right:60px;top:160px;display:flex;flex-direction:column:gap:20px;margin:0;padding:0;}