body {
	font-family: "Nunito", sans-serif;
	overflow:hidden;
}
body.active-contraste .psv-container{
	background: #000!important;
}
.psv-container{
	transition-property: background;
	transition-duration: 0.3s;	
}
body.active-contraste .psv-canvas-container{
	opacity: 0.5!important;
}
body.active-contraste.niv-1 .psv-canvas-container{
	opacity: 0.8!important;
}
body.active-contraste.niv-2 .psv-canvas-container{
	opacity: 0.6!important;
}
body.active-contraste.niv-3 .psv-canvas-container{
	opacity: 0.4!important;
}
body.active-contraste.niv-4 .psv-canvas-container{
	opacity: 0.2!important;
}
.psv-canvas-container{
	transition-property: opacity;
	transition-duration: 0.3s;	
}
iframe {
	background-color: rgba(255,255,255,0);
}
.iframe #bt_full_screen,.iframe #bt_navigation ,.iframe #logo,.iframe #menuGauche,.iframe #menu_map {
display:none!important;
}
#bloc_interface{
	width: 100vw;
	height: 100vh;
	position: absolute;
	opacity: 0;
}
body.mode-draw #bloc_interface > div:not(#bt_ferme_iframe_draw),body.mode-draw #bloc-titre,body.mode-draw .psv-notification,body.mode-draw .psv-compass,body.mode-draw #logo{
	opacity:0!important;
}
body.mode-draw:not(.avec-info) #viewer .psv-markers{
	opacity:0!important;
}
#bloc_interface_msg{
	width: 100vw;
	height: 100vh;
	position: absolute;
}
#bloc_interface_msg.actif{
	z-index:99999;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* button */
::-webkit-scrollbar-button {
    background: #222;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Track */
::-webkit-scrollbar-track {
    background: #000;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner {
    background: #999;
}

/* Resizer */
::-webkit-resizer {
    background: #111;
}
/*

#bt_ouvre_menu {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url(../adon/images/bt_menu.png);
	background-size: contain;		
	z-index: 19;
	cursor: pointer;
	background-repeat: no-repeat;		
	transition-property: background-color;
	transition-duration: 0.3s;	
	display:none;
}
*/





#bt_menu_panorama {
	background-image: url(../adon/images/chevron_droit.png);
	right: 0;	
	opacity:0;
	cursor:default;
}
.menu0 #bt_menu_panorama {
	opacity:0.5;
	cursor:pointer;
}
.menu0 #bt_menu_panorama:hover {
	opacity: 1;
	background-color:#0003;
}



#bt_menu_visite {
	background-image: url(../adon/images/chevron_gauche.png);
	opacity:0;
	cursor:default;
}
#bt_menu_visite.actif {
	opacity:0.5;
	cursor:pointer;
}

#bt_menu_visite.actif:hover {
	opacity: 1;
	background-color:#0003;
}

.menu0 #bt_menu_visite {
	opacity:0;
	cursor:default;
}
.menu0 #bt_menu_visite:hover {
	opacity: 0;
}

.chevron {
	position:absolute;
	width:30px;
	height:96px;
	top: calc(50% - 47px);
	transition-property: opacity;
	transition-duration: 0.3s;	
}




.titre_pano {	 
	background-color: #00000073;
	color: #FFF;
	padding: 5px 20px;
	line-height: 36px;

	font-family: Nunito;
}
#action_pano {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	text-align: center;	
	margin-bottom: 10px;
	font-family: Nunito;
}
#action_pano span{
	z-index: 21;
	padding: 7px 12px;
	background-color: #594e62b5;
	color: #FFF;
	line-height: 27px;
	cursor:pointer;
}



/*

#bloc_affichage {
position: fixed;
top: 15px;
left: 15px;
z-index:19;
text-align:center;		
transition-property: background-color;
transition-duration: 0.3s;
}

#bloc_affichage .bt_affichage {
padding: 0 10px;
min-width: 30px;
width: 30px;
height: 30px;
color: #FFF;
line-height: 30px;
cursor: pointer;
opacity: 0.5;
transition-property: opacity,width;
transition-duration: 0.1s;
background-repeat: no-repeat;
background-size: 24px;
background-position: 2px;
background-color: var(--unit-fond-menu);
border-radius: 3px;
margin-bottom: 3px;
border: 1px solid #fff;
overflow: hidden;
font-family: Nunito;
}
#bloc_affichage .bt_affichage:hover {
width: auto;
}
#bloc_affichage .bt_affichage span{ 
line-height: 11px;
display: block;
text-align: left;
padding-left: 23px;
padding-right: 10px;
padding-top: 3px;
font-size: 12px;
}

#bloc_affichage .bt_affichage.une-ligne span{ 
line-height: 23px;
padding-top: 2px;
}

#bloc_affichage .bt_affichage.actif {
opacity: 1;
}
#bloc_affichage .bt_affichage.actif::before {
content: '\f06e';
position:absolute;
color:#FFF;
font-family: 'icomoon';
font-size: 16px;
margin-top: -15px;
left: -8px;
text-shadow: 0 0 0.2em black;
}	  
#bloc_affichage .bt_affichage:hover {
opacity: 1;
}

*/


/*********************************************/
/*     Mise en forme éléments                 */
/*********************************************/
	/* Commun  */
	#logo {
		background-image: url(../adon/images/logo.png);
		background-size: contain;
		width: 170px;
		height: 100px;
		position: fixed;
		z-index: 10;
		background-repeat: no-repeat;
		opacity: 1;
		cursor: move;
	}	
	/* Sur ordi  */
	@media screen and (max-width: 768px)
	{
		/* :root {  */
			/* --largeur-menu: 100%; */
		/* }  */
		body { 
			--largeur-menu: 100%!important;
		} 
		body.media_tab #logo {
			width: 14vw;
			height: 55px;
			bottom: 40px;
			right: 10px;		
		}
		body.media_tab #bloc-titre .titre-content {
			padding: 0.4em 0.6em;
			font: 14px sans-serif;
		}
		body.media_tab #bt_ouvre_datatourisme {
			top: 100px!important;
		}
		body.media_tab #bloc_volume {
			top: 160px !important;		
		}
		body.media_tab #bt_capture {
			display: none!important;		
		}
	}	
	body.media_tab #logo {
		bottom: 40px;
		left: 20px;
		background-position: center left;		
		/* bottom: 20px; */
		/* right: 30px; */
		/* background-position: center right;	 */
	}
	/* Sur smartphone  */
	body.media_smart #logo {
		top: 10px;
		left: 10px;
		background-position: top left;	
	}
	
	
/*********************************************/
/*     Mise en forme du menu                 */
/*********************************************/
	/* Commun  */
	#bt_admin {
		background-image: url(../adon/images/bt_param.png);
	}
	#bt_ouvre_menu {
		background-image: url(../adon/images/logo_menu3.png);
	}

	.ding #bt_ouvre_menu span {
		width: 70px;
		height: 70px;
		display: block;
		position: absolute;
		margin-left: 10px;
		background-size: 600% 600%;
		-webkit-animation: playv2 1s steps(4) infinite, playh32 0.25s steps(6) infinite;
		animation: playv2 1.5s steps(6) infinite, playh32 0.25s steps(6) infinite;
		background-image: url("/ressources/client_1/media/hotspot/disque6b_j.png");
		padding: 0;
		margin-top: -10px;		
	}
	.ding #bt_ouvre_menu:hover span,.psv-panel--open .ding #bt_ouvre_menu span {
		display:none!important;
	}
	#bt_ouvre_accueil {
		background-image: url(../adon/images/bt_home.png);
		margin-bottom: 30px;
	}

	#bt_action_menu {
		background-image: url(../adon/images/bt_favoris.png);
		margin-top: 20px;
		display:none;
	}
	
	/* #bt_contraste { */
		/* background-image: url(../adon/images/bt_contraste.png); */
		/* margin-top: 20px; */
		/* display:none; */
	/* } */
	#bt_contraste {
	  position: relative;
	  overflow: hidden;
	  /* transform: rotate(30deg); */
	}

	#bt_contraste::before {
		content: "";
		position: absolute;
		width: 50px;
		height: 50px;
		transform-origin: center;
		top: 0;
		left: 0;
		z-index: -1;
		background: url(../adon/images/bt_contraste.png) center center no-repeat;
		transition-property: transform;
		transition-duration: 0.3s;	  
	  /* transform: rotate(0deg); */
	}
	#bt_contraste:hover::before {
	  transform: rotate(180deg);
	}
	body.active-contraste #bt_contraste::before,body.active-contraste #bt_contraste:hover:focus::before {
		transform: rotate(180deg);
	}
	body.active-contraste #bt_contraste:hover::before,#bt_contraste:hover:focus::before {
		transform: rotate(0deg);
	}


	#bt_zoom_p {
		background-image: url(../adon/images/bt_zoom_p.png);
		margin-top: 20px;
		display:none;
	}

	#bt_zoom_m {
		background-image: url(../adon/images/bt_zoom_m.png);
		display:none;
	}

	
	#bt_ouvre_plein {
		background-image: url(../adon/images/logo_plein_ecran.png);
	}
	#bt_ouvre_plein.actif {
		background-image: url(../adon/images/logo_plein_ecran2.png);
	}
	
	
	#bt_ouvre_actu {
		background-image: url(../adon/images/bt_actu.png);
	}	

	#bt_ouvre_carte {
		background-image: url(../adon/images/logo_carte.png);
	}

	#bt_capture {
		background-image: url(../adon/images/bt_capture.png);
	}

	#bt_info {
		background-image: url(../adon/images/bt_info.png);
		margin-top: 30px;
	}
	#bt_hd {
		background-image: url(../adon/images/bt_hd.png);
		margin-top: 30px;
	}
	#bt_draw {
		background-image: url(../adon/images/bt_draw.png);
		margin-top: 30px;
	}

	#bt_newsletter {
		background-image: url(../adon/images/logo_news.png);
	}
	#bt_reso {
		background-image: url(../adon/images/picto-reso.png);
	}
	#bt_facebook {
		background-image: url(../adon/images/logo_face2.png);
	}

	#bt_facebook.actif {
		background-image: url(../adon/images/logo_face2.png);
	}
	#bt_linkedin {
		background-image: url(../adon/images/logo_link.png);
	}

	#bt_linkedin.actif {
		background-image: url(../adon/images/logo_link.png);
	}

	#bt_partage {
		background-image: url(../adon/images/logo_partage.png);
	}

	#bt_partage.actif {
		background-image: url(../adon/images/logo_partage.png);
	}
	
	#bt_search {
		background-image: url(../adon/images/logo_search.png);
	}	

	#bt_langue.en-fr {
		background-image: url(../adon/images/en_fr.png);
	}		
	#bt_langue.en-de {
		background-image: url(../adon/images/en_de.png);
	}		
	#bt_langue.en-en {
		background-image: url(../adon/images/en_en.png);
	}		
	#bt_langue.en-it {
		background-image: url(../adon/images/en_it.png);
	}		
	#bt_langue.en-pt {
		background-image: url(../adon/images/en_pt.png);
	}		
	#bt_langue.en-es {
		background-image: url(../adon/images/en_es.png);
	}
	#bt_langue.en-lu {
		background-image: url(../adon/images/en_lu.png);
	}
	#bt_langue.en-nl {
		background-image: url(../adon/images/en_nl.png);
	}
	#bt_langue.en-pl {
		background-image: url(../adon/images/en_pl.png);
	}
	
	#bloc_message_langue.en-fr {
		background-image: url(../adon/images/en2_fr.png);
	}		
	#bloc_message_langue.en-de {
		background-image: url(../adon/images/en2_de.png);
	}		
	#bloc_message_langue.en-en {
		background-image: url(../adon/images/en2_en.png);
	}		
	#bloc_message_langue.en-it {
		background-image: url(../adon/images/en2_it.png);
	}		
	#bloc_message_langue.en-pt {
		background-image: url(../adon/images/en2_pt.png);
	}		
	#bloc_message_langue.en-es {
		background-image: url(../adon/images/en2_es.png);
	}		
	#bloc_message_langue.en-lu {
		background-image: url(../adon/images/en2_lu.png);
	}		
	#bloc_message_langue.en-pl {
		background-image: url(../adon/images/en2_pl.png);
	}		
	#bloc_message_langue.en-nl {
		background-image: url(../adon/images/en2_nl.png);
	}		
	
	#choix_langue,#bloc_message_langue {
		display: flex;
	}
	
	#choix_langue div {
		width: 40px;
		height: 40px;
		background-size: 36px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 30px;
		margin-top: 5px;
		margin-left: 5px;
	}

	#bloc_message_langue div {
		width: 50px;
		height: 50px;
		background-size: 50px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 35px;
		margin-top: 5px;
		margin-right: 5px;
		cursor: pointer;
	}
	
	#choix_langue div:hover,#bloc_message_langue div:hover {
		background-color: #FFF;
	}

	#bt_langue.en-fr div.lang-fr,#bt_langue.en-en div.lang-en,#bt_langue.en-de div.lang-de,#bt_langue.en-it div.lang-it,#bt_langue.en-pt div.lang-pt,#bt_langue.en-es div.lang-es,#bloc_message_langue.en-fr div.lang-fr,#bloc_message_langue.en-en div.lang-en,#bloc_message_langue.en-de div.lang-de,#bloc_message_langue.en-it div.lang-it,#bloc_message_langue.en-pt div.lang-pt,#bloc_message_langue.en-es div.lang-es {
		display:none;
	}

	#choix_langue div.lang-fr,#bloc_message_langue div.lang-fr {
		background-image: url(../adon/images/fr.png);
	}
	#choix_langue div.lang-de,#bloc_message_langue div.lang-de {
		background-image: url(../adon/images/de.png);
	}
	#choix_langue div.lang-en,#bloc_message_langue div.lang-en {
		background-image: url(../adon/images/en.png);
	}
	#choix_langue div.lang-pt,#bloc_message_langue div.lang-pt {
		background-image: url(../adon/images/pt.png);
	}
	#choix_langue div.lang-it,#bloc_message_langue div.lang-it {
		background-image: url(../adon/images/it.png);
	}
	#choix_langue div.lang-es,#bloc_message_langue div.lang-es {
		background-image: url(../adon/images/es.png);
	}
	#choix_langue div.lang-lu,#bloc_message_langue div.lang-lu {
		background-image: url(../adon/images/lu.png);
	}
	#choix_langue div.lang-pl,#bloc_message_langue div.lang-pl {
		background-image: url(../adon/images/pl.png);
	}
	#choix_langue div.lang-nl,#bloc_message_langue div.lang-nl {
		background-image: url(../adon/images/ln.png);
	}
	
	
	
	#bt_ouvre_menu_dossier {
		background-image: url(../adon/images/bt_affichage.png);
	}	
	
	#bt_datatour {
		background-image: url(../adon/images/bt_datatou.png);
	}	
	.bt_ouvre_ctrl {
		background-image: var(--bg-bt-ctrl);
		background-color: var(--unit-fond-ctrl);
	}
	#bt_menu_visite,#bt_menu_panorama{
		display:none;
	}
	/* Sur ordi  */
	body.media_tab #bloc_menu {
		position: fixed;
		top: 40px;
		width:70px;
		right: 0px;
		z-index:27;
	}
	body.media_tab #bloc_menu_gauche {
		position: absolute;
		left: var(--largeur-menu, 350px);
		top: 0;
		padding-top: 30px;
	}
	/* body.media_tab #bloc_menu.avec_menu {	 */
		/* top: 80px; */
	/* } */
	/* body.media_tab #bt_ouvre_menu { */
		/* position: fixed; */
		/* top: 30px; */
		/* width:70px; */
		/* right: 0px; */
		/* z-index:20; */
	/* } */
	/* body.media_tab #bt_ouvre_menu { */
		/* position: fixed!important; */
		/* top: 10px; */
		/* right: -35px; */
		/* width: 80px!important; */
		/* height: 50px!important; */
		/* border-radius: 50px; */
		/* background-position: left 1px center!important; */
		/* z-index:20; */
	/* }	 */
	body.media_tab #bt_ouvre_menu {
		/* position: absolute; */
		/* top: 30px; */
		width: 50px !important;
		height: 50px !important;
		border-radius: 0 50px 50px 0;
		background-position: right 1px center !important;
		z-index: 20;
		opacity: 0.6;
		background-color: var(--unit-fond-menu-alpha);
		cursor: pointer;
		background-repeat: no-repeat;
		transition-property: opacity,width;
		transition-duration: 0.3s;
		margin-bottom: 5px;
		/* left: var(--largeur-menu, 350px);	 */
	}	
	
	body.media_tab #bt_ouvre_menu:hover,body.media_tab #bt_ouvre_menu:focus {
		width: 60px !important;
		opacity: 1;
	}	
	body.media_tab #bt_ouvre_menu.actif {
		width: 50px !important;
		opacity: 1;
		cursor:default;
	}	
	
	body.media_tab #bt_admin {
		width: 50px !important;
		height: 50px !important;
		border-radius: 0 50px 50px 0;
		background-position: right 1px center !important;
		z-index: 20;
		opacity: 0.6;
		background-color: var(--unit-fond-menu-alpha);
		cursor: pointer;
		background-repeat: no-repeat;
		transition-property: opacity,width;
		transition-duration: 0.3s;
		margin-bottom: 5px;
	}	
	body.media_tab #bt_admin:hover,body.media_tab #bt_admin:focus {
		width: 60px !important;
		opacity: 1;
	}	
	body.media_tab #bt_admin.actif {
		width: 50px !important;
		opacity: 1;
		cursor:default;
	}	
	
	
	
	body.media_tab .bt_ouvre_ctrl {
		width: 50px !important;
		height: 50px !important;
		border-radius: 0 50px 50px 0;
		background-position: right 12px center !important;
		z-index: 20;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		cursor: pointer;
		background-repeat: no-repeat;
		transition-property: opacity,width;
		transition-duration: 0.3s;
		margin-bottom: 5px;
		background-size: auto 68%;
		/* left: var(--largeur-menu, 350px);	 */
	}	
	
	body.media_tab .bt_ouvre_ctrl:hover,body.media_tab .bt_ouvre_ctrl:focus {
		width: 60px !important;
		opacity: 1;
	}	
	body.media_tab .bt_ouvre_ctrl.actif {
		width: 50px !important;
		opacity: 1;
		cursor:default;
	}	


	body.media_tab #bt_ouvre_datatourisme {
		/* position: absolute; */
		/* bottom: 70px; */
		width: 50px !important;
		height: 50px !important;
		border-radius: 0 50px 50px 0;
		border: solid #a11f41;
		border-width: 2px 2px 2px 0;
		background-position: left 2px center;
		background-image: url(/front/images/Logo_DATA.png);
		background-repeat: no-repeat;
		background-size: 180px;
		z-index: 20;
		opacity: 0.6;
		background-color: #FFFFFFD9;
		cursor: pointer;
		background-repeat: no-repeat;
		transition-property: opacity,width;
		transition-duration: 0.3s;
		margin-top: 10px;
		/* left: var(--largeur-menu, 350px);	 */
		/* top: 100px; */
	}	
	body.media_tab #bt_ouvre_datatourisme:hover,body.media_tab #bt_ouvre_datatourisme:focus {
		width: 60px !important;
		opacity: 1;
	}	
	body.media_tab #bt_ouvre_datatourisme.actif {
		width: 50px !important;
		opacity: 1;
		cursor:default;
	}	
	body.media_tab .bt_menu {
		position:relative;
		width: 150px;
		height:50px;	
		right: -110px;
		border-radius:25px;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		background-position: 0px center;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right;
		transition-duration: 0.3s;	
		/* display:none; */
		margin-left:-85px;
		margin-bottom:5px;
	}
	body.media_tab .bt_menu:hover, body.media_tab .bt_menu:focus {
		opacity: 0.95;
		right: -100px;
	}
	body.media_tab #bloc_menu > div label {
		display:none;
	}	
	
	body.media_tab #bt_ouvre_menu_dossier {
		display:none;
	}	
	body.media_tab #bt_capture.attente {
		opacity: 1;
		right: -100px;
	}
	body.media_tab #bt_capture i {
		display: none;
	}
	body.media_tab #bt_capture.attente i {
		position: absolute;
		color: #FFF;
		margin-left: -25px;
		margin-top: 12px;
		font-size: 20px;
		display: block;
	}
	
	body.media_tab #bt_datatour {
		display:none;
	}

	body.media_tab #bt_newsletter {
		position:relative;
		margin-left:-260px;
		margin-top:5px;	
		width: 330px;
		height:50px;	
		right: -290px;
		border-radius:25px;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right,height;
		transition-duration: 0.3s;	
		display:none;
		color: #FFF;
		padding-left: 45px;
		padding-top: 3px;	
		z-index:19;
		padding-right: 45px;	
	}
	body.media_tab #bt_newsletter:hover {
		opacity: 1;
		right: -30px;
	}
	body.media_tab #bt_newsletter.abon {
		opacity: 1;
		right: -30px;
		z-index:30;
		height:90px;
	}
	body.media_tab #bt_newsletter label{
		display: block;
		margin-bottom: 0;
		margin-top: -2px;
		font-size: 14px;
		font-weight: bold;
	}
	body.media_tab #bt_newsletter input{
		padding: 0 5px;
		line-height: 12px;
		width: 240px;	
		margin-bottom: 5px;
	}
	body.media_tab #bt_newsletter h6{
		margin-bottom: 2px;
	}
	body.media_tab #bt_newsletter.abon span{
		display:none;
	}

	body.media_tab #bt_newsletter form{
		display:none;
	}

	body.media_tab #bt_newsletter.abon form{
		display:block;
	}

	body.media_tab #bt_newsletter span{
		display:block;
		font-size: 12px;
		line-height: 12px;
		padding-right: 50px;
		margin-top: -2px;
	}
	body.media_tab #bt_newsletter.actif {
		background-image: url(../adon/images/logo_news.png);
	}

	
	body.media_tab #bt_reso {
		position:relative;
		margin-left:-260px;
		margin-top:5px;	
		width: 330px;
		height:50px;	
		right: -290px;
		border-radius:25px;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right,height;
		transition-duration: 0.3s;	
		display:none;
		color: #FFF;
		padding-left: 45px;
		padding-top: 3px;
		z-index:19;
		padding-right: 45px;	
	}
	body.media_tab #bt_reso:hover {
		opacity: 1;
		right: -30px;
	}
	body.media_tab #bt_reso.abon {
		opacity: 1;
		right: -30px;
		z-index:30;
		height:90px;
	}
	body.media_tab #bt_reso label{
		display: block;
		margin-bottom: 0;
		margin-top: -2px;
		font-size: 14px;
		font-weight: bold;
	}
	body.media_tab #bt_reso input{
		padding: 0 5px;
		line-height: 12px;
		width: 240px;	
		margin-bottom: 5px;
	}
	body.media_tab #bt_reso h6{
		margin-bottom: 2px;
	}
	body.media_tab #bt_reso.abon span {
		display:none;
	}

	body.media_tab #bt_reso form{
		display:none;
	}

	body.media_tab #bt_reso.abon form{
		display:block;
	}

	body.media_tab #bt_reso span{
		display:block;
		font-size: 12px;
		line-height: 12px;
		padding-right: 50px;
		margin-top: -2px;
	}
	body.media_tab #bt_reso.actif {
		background-image: url(../adon/images/picto-reso.png);
	}
	
	body.media_tab #bloc_search #bt_localise_moi {	
		margin-top: 30px;
		width: 80%;
		margin-left: 10%;
		border: 1px solid #FFF;
		border-radius: 4px;
		padding: 0;
		cursor: pointer;
		text-align: center;
	}
		
	body.media_tab #bloc_message_langue {
		position: fixed;
		bottom: 10px;
		width: 330px;
		height: 60px;
		border-radius: 40px;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		background-repeat: no-repeat;
		transition-property: opacity,right,height;
		transition-duration: 0.3s;
		color: #FFF;
		padding-left: 60px;
		z-index: 30;
		padding-right: 45px;
		background-size: auto 100%;
	}

	body.media_tab #bloc_message_langue.lang1 {
		width: 190px;
		left:calc(100% - 130px);		
	}
	body.media_tab #bloc_message_langue.lang2 {
		width: 260px;
		left:calc(100% - 180px);		
	}
	body.media_tab #bloc_message_langue.lang3 {
		width: 330px;
		left:calc(100% - 230px);		
	}
	body.media_tab #bloc_message_langue.lang4 {
		width: 400px;	
		left:calc(100% - 285px);		
	}
	body.media_tab #bloc_message_langue.lang5 {
		width: 470px;	
		left:calc(100% - 430px);		
	}
	body.media_tab #bloc_message_langue.lang6 {
		width: 540px;	
		left:calc(100% - 500px);		
	}

	
	body.media_tab #bt_langue {
		position:relative;
		margin-left:-265px;
		margin-top:5px;	
		width: 330px;
		height:50px;	
		right: -290px;
		border-radius:25px;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right,height;
		transition-duration: 0.3s;	
		/* display:none; */
		color: #FFF;
		padding-left: 45px;
		z-index:19;
		padding-right: 45px;	
	}

	body.media_tab #bt_langue.lang1 {
		width: 135px;	
	}	
	body.media_tab #bt_langue.lang2 {
		width: 180px;	
	}
	body.media_tab #bt_langue.lang3 {
		width: 225px;	
	}
	body.media_tab #bt_langue.lang4 {
		width: 270px;	
	}
	body.media_tab #bt_langue.lang5 {
		width: 315px;	
	}
	body.media_tab #bt_langue.lang6 {
		width: 360px;	
	}

	
	body.media_tab #bt_langue:hover {
		opacity:1;
	}	
	body.media_tab #bt_langue.lang1:hover {
		right: -235px;
	}	
	body.media_tab #bt_langue.lang2:hover {
		right: -190px;
	}	
	body.media_tab #bt_langue.lang3:hover {
		right: -145px;
	}	
	body.media_tab #bt_langue.lang4:hover {
		right: -100px;
	}	
	body.media_tab #bt_langue.lang5:hover {
		right: -55px;
	}	
	body.media_tab #bt_langue.lang6:hover {
		right: -10px;
	}	
	
	body.media_tab #bt_search,body.media_tab #bt_draw {
		position:relative;
		margin-left:-265px;
		margin-top:5px;	
		height:50px;	
		border-radius:25px;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right,height;
		transition-duration: 0.3s;	
		/* display:none; */
		color: #FFF;
		padding-left: 45px;
		padding-top: 3px;
		
		z-index:19;
			
	}
	body.media_tab #bt_search {
		width: 330px;
		right: -290px;
		padding-right: 45px;
	}
	body.media_tab #bt_draw {
		width: 380px;
		right: -290px;
		padding-right: 30px;
	}
	body.media_tab #bt_search.insearch.sans_adr,body.media_tab #bt_search.sans_adr:hover {
		height: 50px;
		right: -50px;
	}	
	body.media_tab #bt_search.sans_adr #bloc_search h6,body.media_tab #bt_search.sans_adr #bloc_search input{
		display:none;
	}
	body.media_tab #bt_search.sans_adr #bloc_search #bt_localise_moi {
		margin-top: 7px;
		margin-left: 5%;
		width: 90%;
	}		
	body.media_tab #bt_search.sans_adr #bloc_search #bt_localise_moi::before {
		content:"";
	}		
		
	body.media_tab #bloc_search_smart {
		display:none!important;
	}
	
	body.media_tab #bloc_search div.titre, body.media_tab #bloc_search div.psv-panel-close-button {
		display:none;
	}	
	body.media_tab #bt_search:hover {
		opacity: 1;
		right: -30px;
		height: 85px;
	}
	body #bt_draw {
		overflow: hidden;
	}
	body #bt_draw h6{
		margin: 11px 10px 0;
	}
	body.media_tab #bt_draw:hover {
		opacity: 1;
		right: 20px;
		height: 145px;
	}
	body.media_tab #bt_draw.indraw {
		opacity: 1;
		right: 20px;
		z-index:30;
		height: 145px;
	}
	body #liste_draw {
		height: 104px;
		overflow: auto;
		margin-top: 5px;
		margin-left: 10px;
		list-style: none;
		padding: 0 0 10px;	
		position:relative;		
	}
	body #liste_draw li {
		padding: 0 0 0 5px;
	}
	body #liste_draw li:hover {
		background-color:#FFFFFF36;
	}
	body #liste_draw li i {
		position:absolute;
		margin-top:3px;
	}	
	body #liste_draw li i.supp-draw {
		right:5px;
	}
	body #liste_draw li i.modif-draw {
		right:30px;
	}
	
	body #liste_draw li i.modif-draw:hover {
		color:#91FFBC;
	}	
	body #liste_draw li i.supp-draw:hover {
		color:#FF9191;
	}	
	body #liste_draw input {
		padding: 0 5px;
		box-sizing: border-box;
		font-size: 12px;
		width: calc(100% - 48px);
		margin-left: -5px;
	}
	body #volvar {
		font-size: 12px;
		position: absolute;
		line-height: 22px;
		right: 35px;
	}		
	body.media_tab #bt_add_draw {
		position: absolute;
		left: 10px;
		cursor: pointer;
		height: 29px;
		width: 31px;
		top: 47px;	
		font-size: 2.8em;
		padding: 3px;
	}
	body.media_tab #bt_down_draw {	
		position: absolute;
		left: 10px;
		cursor: pointer;
		height: 29px;
		width: 31px;
		top: 77px;	
		font-size: 1.2em;
		padding: 3px 6px 4px;
	}
	body.media_tab #bt_up_draw {	
		position: absolute;
		left: 10px;
		cursor: pointer;
		height: 29px;
		width: 31px;
		top: 107px;	
		font-size: 1.2em;
		padding: 3px 6px 4px;
		overflow: hidden;
		display: flex;		
	}

	body.media_tab #file_draw {
		font-size: 10px;
		margin-left: 17px;
		margin-top: 2px;
		width: 240px;
	}
	body #uploadbutton{
		width: 50px;
		font-size: 10px;
		position: absolute;
		margin-top: 2px;
		display: none;
		right: 5px;	
	}
	body #bt_up_draw.actif,body.media_tab #bt_up_draw.actif:hover {
		/* background-color:var(--unit-fond-menu); */
		background-color:black;
	}
	body #bt_up_draw.actif #uploadbutton {
		display:block;
	}
	body.media_tab #bt_up_draw.actif {
		width:340px;
	}
	body.media_tab #bt_add_draw:hover,body.media_tab #bt_down_draw:hover,body.media_tab #bt_up_draw:hover {
		background-color:#FFFFFF36;
	}
	body.media_tab #bt_add_draw i{
		position: absolute;
		margin-top: -13px;
	}
	
	
	body #pano_draw {
		font-size: 12px;
		margin-left: 10px;
		width: 296px;	
	}	
	body.media_tab #bt_search.insearch {
		opacity: 1;
		right: -30px;
		z-index:30;
		height: 85px;
	}
	body.media_tab #bt_search label{
		display: block;
		margin-bottom: 0;
		margin-top: -2px;
		font-size: 14px;
		font-weight: bold;
	}
	body.media_tab #bt_search input{
		padding: 2px 5px;
		line-height: 12px;
		width: 240px;
		font-size: 12px;
		margin-top: -2px;
		position: absolute;
	}
	body.media_tab #bt_search h6{
		margin-bottom: 2px;
	}
	body.media_tab #bt_search.insearch span{
		display:none;
	}

	body.media_tab #bt_search form{
		display:none;
	}

	body.media_tab #bt_search.insearch form{
		display:block;
	}

	body.media_tab #bt_search span{
		display:block;
		font-size: 12px;
		line-height: 12px;
		padding-right: 50px;
		margin-top: -2px;
	}
	body.media_tab #bt_search.actif {
		background-image: url(../adon/images/logo_search.png);
	}
	body.media_tab #bt_localise_moi {
		margin-top: 30px;
		padding: 0 5px;

	}
	/* body.media_tab #bt_search:hover #bt_localise_moi::before,body.media_tab #bt_search.insearch #bt_localise_moi::before { */
		/* content:"ou"; */
		/* position: absolute; */
		/* margin-left: -45px; */
		/* color: #FFF; */
	/* } */

	/* Sur smartphone  */
	body.media_smart #bloc_menu {
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0px;
		z-index: 21;
		height: 60px;
		backdrop-filter: blur(6px);
		background-color: var(--unit-fond-menu);
	}
	
	body.media_smart #bloc_menu > div label {
		position: absolute;
		width: 100%;
		bottom: 0;
		text-align: center;
		color: #FFF;
		margin-bottom: 0px;
		font-size: 0.8rem;		
	}	
	body.media_smart .bt_menu,body.media_smart #bt_search {
		position:relative;
		width: 20%;
		height:60px;	
		opacity: 0.7;
		background-color: var(--unit-fond-menu);
		background-position: top center;
		cursor: pointer;
		background-repeat: no-repeat;		
		transition-property: opacity,right;
		transition-duration: 0.3s;	
		display: inline-block;
	}
	
	body.media_smart #bloc_menu.nb_item_5 .bt_menu,body.media_smart #bloc_menu.nb_item_5 #bt_search   {
		width: 20%;
	}
	body.media_smart #bloc_menu.nb_item_4 .bt_menu,body.media_smart #bloc_menu.nb_item_4 #bt_search   {
		width: 25%;
	}
	body.media_smart #bloc_menu.nb_item_3 .bt_menu,body.media_smart #bloc_menu.nb_item_3 #bt_search   {
		width: 33.33%;
	}	
	body.media_smart #bloc_menu.nb_item_2 .bt_menu, body.media_smart #bloc_menu.nb_item_1 .bt_menu ,body.media_smart #bloc_menu.nb_item_2 #bt_search ,body.media_smart #bloc_menu.nb_item_1 #bt_search  {
		width: 50%;
	}
	body.media_smart #bloc_menu.nb_item_5.et_volume .bt_menu,body.media_smart #bloc_menu.nb_item_5.et_volume #bt_search   {
		width: calc(20% - 20px);
	}
	body.media_smart #bloc_menu.nb_item_4.et_volume .bt_menu,body.media_smart #bloc_menu.nb_item_4.et_volume #bt_search   {
		width: calc(25% - 25px);
	}
	body.media_smart #bloc_menu.nb_item_3.et_volume .bt_menu,body.media_smart #bloc_menu.nb_item_3.et_volume #bt_search   {
		width: calc(33.33% - 33px);
	}	
	body.media_smart #bloc_menu.nb_item_2.et_volume .bt_menu, body.media_smart #bloc_menu.nb_item_1.et_volume .bt_menu ,body.media_smart #bloc_menu.nb_item_2.et_volume #bt_search ,body.media_smart #bloc_menu.nb_item_1.et_volume #bt_search  {
		width: calc(50% - 50px);
	}
	body.media_smart #bloc_menu.nb_item_0  {
		bottom: -100%;
	}	
	body.media_smart #bloc_menu .bt_menu:hover,body.media_smart #bt_search:hover,body.media_smart #bt_search.insearch ,body.media_smart #bt_ouvre_menu_dossier.actif,body.media_smart #bt_datatour.actif {
		opacity: 1;
	}

	body.media_smart #bloc_message_langue div {
		width: 46px;
		height: 46px;
		background-size: 44px;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 35px;
		margin-top: 7px;
		margin-right: 15px;
		cursor: pointer;
	}
		
	body.media_smart #bloc_message_langue {
		position: absolute;
		bottom: 10px;
		width: 330px;
		height: 60px;
		border-radius: 40px;
		background-color: var(--unit-fond-menu);
		background-position: left top;
		background-repeat: no-repeat;
		transition-property: opacity,right,height;
		transition-duration: 0.3s;
		color: #FFF;
		padding-left: 70px;
		z-index: 30;
		padding-right: 45px;
		background-size: auto 100%;
	}

	body.media_smart #bloc_message_langue.lang1 {
		width: 190px;
		left:calc(100% - 150px);		
	}
	body.media_smart #bloc_message_langue.lang2 {
		width: 260px;
		left:calc(100% - 220px);		
	}
	body.media_smart #bloc_message_langue.lang3 {
		width: 330px;
		left:calc(100% - 290px);		
	}
	body.media_smart #bloc_message_langue.lang4 {
		width: 400px;	
		left:calc(100% - 360px);		
	}
	body.media_smart #bloc_message_langue.lang5 {
		width: 470px;	
		left:calc(100% - 430px);		
	}
	body.media_smart #bloc_message_langue.lang6 {
		width: 540px;	
		left:calc(100% - 500px);		
	}


	
	body.media_smart .psv-notification-content {
		display:none!important;	
	}
	body.media_smart #bt_datatour {
		float:right;
	}	
	
	body.media_smart #bt_capture {
		display:none!important;	
	}
	
	body.media_smart #bt_ouvre_plein {
		display:none!important;	
	}
	
	body.media_smart #bt_newsletter {
		display:none!important;	
	}
	
	body.media_smart #bt_reso {
		display:none!important;	
	}

	body.media_smart #bt_ouvre_menu {
		position: fixed!important;
		top: 10px;
		right: -30px;
		width: 80px!important;
		height: 50px!important;
		border-radius: 50px;
		background-position: left 5px center!important;
		z-index:20;
	}
/*	
	body.media_smart #bloc_search_smart {
		position: fixed;
		bottom: -100%;
		height: 45%;
		width: 96%;
		left: 2%;
		background-color: var(--unit-fond-menu);
		padding: 20px;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		transition-property: bottom;
		transition-duration: 0.5s;	
		padding: 40px 10px 20px;
		border: 3px solid #FFF;	
		z-index: 25;
	}
*/	
	body.media_smart #bloc_search {
		display:none!important;
	}
	
	body.media_smart #bloc_search_smart {
		position: fixed;
		bottom: -100%;
		left: 2%;
		z-index: 21;
		text-align: right;
		transition-property: background-color,bottom;
		transition-duration: 0.5s;
		width: 96%;
		padding: 20px px 0;
		background-color: var(--unit-fond-menu);
		border-radius: 10px;
		height:calc(90% - 55px);
		border: 2px solid #FFF;
		color:#FFF;
		text-align: center;	
		padding: 5px 10px;		
	}

	
	body.media_smart #bloc_search_smart.sans_adr div.titre,body.media_smart #bloc_search_smart.sans_adr input {
		display:none;
	}
	body.media_smart #bloc_search_smart.sans_adr #bt_localise_moi_smart::before {
		content:'';
	}
	body.media_smart #bloc_search_smart.sans_adr #bt_localise_moi_smart {
		margin-top: 5px;
	}	
	body.media_smart #bloc_search_smart div.titre {
		/* position:absolute; */
		/* top:5px; */
		text-align:center;
		color:#FFF;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		/* left: 0; */
	}
	
	body.media_smart #bloc_search_smart .psv-panel-close-button {
		display: block;
	}	
	body.media_smart #bloc_search_smart #adresse_search_smart {
		width:100%;
		margin: 3px 0 0;
	}
	body.media_smart #bloc_search_smart #bt_localise_moi_smart::before {
		content:"ou";
		position:absolute;
		text-align:center;
		color:#FFF;
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		left: 0;
		margin-top: -37px;	
	}	
	body.media_smart #bloc_search_smart #bt_localise_moi_smart {	
		margin-top: 30px;
		width: 80%;
		margin-left: 10%;
		border: 1px solid #FFF;
		border-radius: 4px;
		padding: 5px 0;
		cursor: pointer;
	}	
	#bloc_search_smart #bt_localise_moi_smart:hover {
		background-color:#FFFFFF1C;
	}
	body.media_smart #bloc_search_smart #bt_localise_moi_smart {
		margin-top:30px;
	}	
	body.media_smart #bloc_search_smart.insearch {
		/* bottom: calc(30% + 70px); */
		bottom: 55px;		
	}
	body.media_smart #bt_search_smart h6 {
		display:none!important;
	}
	body.media_smart #bt_search_smart.actif {
		background-image: url(../adon/images/logo_search.png);
	}

	body.media_smart #bloc_search_smart #liste_search_smart {	
		margin-top: 18px;
		width: 100%;
		padding: 5px 0;
		cursor: pointer;
		overflow:auto;
		max-height: calc(100% - 150px);
	}	
	body.media_smart #bloc_search_smart #liste_search_smart > div {	
		width: 100%;
		cursor: pointer;
		display: flex;
		margin-bottom: 10px;
	}
	body.media_smart #bloc_search_smart #liste_search_smart > div .adresse,body.media_smart #bloc_search_smart #liste_search_smart > div .position {
		width: 90%;
		border: 1px solid #FFF;
		border-radius: 4px 0 0 4px;
		padding: 5px 0;	
		display: flex;
		background-color: #BA00E2;		
	}	
	body.media_smart #bloc_search_smart #liste_search_smart > div .info {	
		text-align: left;
		padding: 0 5px;
		width: 80%;	
		height: 22px;
		overflow: hidden;
	}
	body.media_smart #bloc_search_smart #liste_search_smart > div .dist {	
		width: 20%;
		text-align: right;
		padding: 0 5px 0 0;
		height: 22px;
		overflow: hidden;
	}

	body.media_smart #bloc_search_smart #liste_search_smart > div .bt_supp_loc {	
		width: 10%;
		text-align:center;
		border: 1px solid #FFF;
		border-radius: 0 4px 4px 0;	
		line-height: 32px;
		background-color:#EC6F6F;
	}
	body.media_smart #bloc_search_smart #liste_search_smart > div .bt_supp_loc:hover {
		background-color:#FF0000;
	}
	
	#bloc_search_smart #liste_search_smart > div:hover {
		background-color:#FFFFFF1C;
	}

/*********************************************/
/*     Affichage du tuto                     */
/*********************************************/
	body.media_tab.tuto .bt_menu {
		opacity: 1;
		right: -100px;
	}
	body.media_tab.tuto #bt_search {
		opacity: 1;
		right: -280px;
	}
	body.media_tab.tuto #bt_ouvre_menu {
		width: 60px !important;
		opacity: 1;
	}	
	body.media_tab.tuto .psv-compass {
		/* width: 60px !important; */
		opacity: 1!important;
		z-index: 11;
	}	
	
	body.media_tab.tuto .psv-compass::after {
		content: url(../images/tuto/inf-compass.png);
		position: absolute;
		left: 100%;
		top: 0;
	}	
	
	
	body.media_tab.tuto #bt_ouvre_accueil::after {
		content: url(../images/tuto/inf-menu.png);
		position: absolute;
		left: -178px;
		top: 7px;
	}
	body.media_tab.smart.tuto #bt_ouvre_accueil::after {
		content: url(../images/tuto/inf-menu2.png);
		position: absolute;
		left: -180px;
		top: 24px;
	}
	body.media_tab.tuto #bt_ouvre_plein::after {
		content: url(../images/tuto/inf-plein.png);
		position: absolute;
		left: -198px;
		top: 7px;
	}
	body.media_tab.tuto #bt_ouvre_actu::after {
		content: url(../images/tuto/inf-actu.png);
		position: absolute;
		left: -140px;
		top: 7px;
	}
	body.media_tab.smart.tuto #bt_ouvre_actu::after {
		content: url(../images/tuto/inf-actu2.png);
		position: absolute;
		left: -141px;
		top: 24px;
	}
	body.media_tab.tuto #bt_capture::after {
		content: url(../images/tuto/inf-capture.png);
		position: absolute;
		left: -247px;
		top: 7px;
	}
	body.media_tab.tuto #bt_search::after {
		content: url(../images/tuto/inf-pos.png);
		position: absolute;
		left: -239px;
		top: 7px;
	}
	body.media_tab.tuto #liste_affichage::after {
		content: url(../images/tuto/inf-couche.png);
		position: absolute;
		left: 50%;
		top: -75px;
		margin-left: -123px;
	}
	body.media_tab.tuto #bt_ouvre_menu::after {
		content: url(../images/tuto/inf-ss-menu.png);
		position: absolute;
		left: 57px;
		margin-top: 4px;
	}
	body.media_tab.smart.tuto #bt_ouvre_menu::after {
		content: url(../images/tuto/inf-ss-menu2.png);
		position: absolute;
		left: 57px;
		margin-top: -12px;
	}
	body.media_tab.tuto #bt_ouvre_carte::after {
		content: url(../images/tuto/inf-carte.png);
		position: absolute;
		left: -218px;
		top: 7px;
	}
	body.media_tab.tuto #fond_tuto {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		top: 0;
		left: 0;
		z-index: 11;
		opacity: 0.6;
	}
	body.media_tab.tuto #masque_tuto {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 30;
		opacity: 0.6;
		cursor:pointer;
	}
	
	body.media_tab.tuto #panel1,body.media_tab.tuto #panel2 .psv-panel-content,body.media_tab.tuto #bt_info,body.media_tab.tuto #bt_draw ,body.media_tab.tuto #bt_hd {
		opacity:0!important;
	}
	body.media_tab.tuto #bloc_menu {
		display:block!important;
	}
	body.media_tab.tuto #bt_ar {
	  z-index: 11;
	}  
/*********************************************/
/*     Mise en forme du menu des calques     */
/*********************************************/

	/* Sur ordi  */
	body.media_tab #bloc_volume {
		color: #FFF;
		font-size: 50px;
		display: none;
		overflow: hidden;
		/* position: absolute; */
		/* left: 100%; */
		z-index: 99999;
		/* bottom: 10px; */
		height: 50px;
		border-radius: 0 30px 30px 0;
		border-color: #FFFFFF14;
		opacity: 0.6;
		background-color: var(--unit-fond-menu);
		cursor: pointer;
		padding-right: 15px;
		width: 50px;
		margin-bottom: 5px;
		/* top: 160px;		 */
				
	}
	body.media_tab #bloc_volume.actif {
		display: flex;
	}
	body.media_tab #bloc_volume.volOuvert {
		opacity: 1;
	}
	
	body.media_tab #bloc_volume:hover {
		opacity: 1;
		width: auto;
	}
	body.media_tab #bloc_volume:hover .sel_volume div{
		width:20px;
		position:relative;
		opacity:1;
	}
	body.media_tab #bloc_volume i{
		cursor:pointer;
		padding: 0px 0px 5px 5px;
		color:var(--unit-volume);
	}

	body.media_tab #bloc_volume.vol0 i:after{
	  content:url(../images/barre_40.png) ;
	  position:absolute;
	  width:50%;
	  left: 0;
	}	

	body.media_tab .sel_volume{
		display: flex;
		margin:9px 3px 0;
	}
	body.media_tab .sel_volume div{
		width:5px;
		height:40px;
		border-bottom:1px solid;
		border-color:#FFFFFF00;
		cursor:pointer;
		transition-property: border-color,width,left;
		transition-duration: 0.5s;
		position:absolute;
		
	}
	body.media_tab .sel_volume div:hover{
		border-color:#FFFFFFFC;
	}
	body.media_tab .sel_volume div span{
		width: 100%;
		display:block;
		position:absolute;
		bottom:3px;
		border-right: 1px solid #cacaca;
		border-top: 1px solid #666;
		/* border-top: 1px solid #cacaca; */
		background-color:#FFF;
		opacity:1;
		
	}
	body.media_tab #bloc_volume.vol1 .sel_volume div:nth-child(-n+1) span,body.media_tab #bloc_volume.vol2 .sel_volume div:nth-child(-n+2) span,body.media_tab #bloc_volume.vol3 .sel_volume div:nth-child(-n+3) span,body.media_tab #bloc_volume.vol4 .sel_volume div:nth-child(-n+4) span,body.media_tab #bloc_volume.vol5 .sel_volume div:nth-child(-n+5) span,body.media_tab #bloc_volume.vol6 .sel_volume div:nth-child(-n+6) span,body.media_tab #bloc_volume.vol7 .sel_volume div:nth-child(-n+7) span,body.media_tab #bloc_volume.vol8 .sel_volume div:nth-child(-n+8) span,body.media_tab #bloc_volume.vol9 .sel_volume div:nth-child(-n+9) span,body.media_tab #bloc_volume.vol10 .sel_volume div:nth-child(-n+10) span{
		opacity:1;
		background-color:var(--unit-volume);
		border-right: 1px solid #cacaca00;
		border-top: 0px;
	}
	body.media_tab #bloc_volume.vol0 i{
		opacity:0.4;
		color:#FFF!important;
	}	
	body.media_tab #bloc_volume.vol0 .sel_volume div{
		width:0;
		opacity:0;
	}	
	
	/* .sel_volume div:nth-child(n) span{ */
		/* height: calc(n * 10%); */
	/* }	 */
	body.media_tab .sel_volume div:nth-child(1) span{
		height: 10%;
		z-index:20;
	}		
	body.media_tab .sel_volume div:nth-child(2) span{
		height: 20%;
		z-index:19;
	}		
	body.media_tab .sel_volume div:nth-child(3) span{
		height: 30%;
		z-index:18;
	}		
	body.media_tab .sel_volume div:nth-child(4) span{
		height: 40%;
		z-index:17;
	}		
	body.media_tab .sel_volume div:nth-child(5) span{
		height: 50%;
		z-index:16;
	}		
	body.media_tab .sel_volume div:nth-child(6) span{
		height: 60%;
		z-index:15;
	}		
	body.media_tab .sel_volume div:nth-child(7) span{
		height: 70%;
		z-index:14;
	}		
	body.media_tab .sel_volume div:nth-child(8) span{
		height: 80%;
		z-index:13;
	}		
	body.media_tab .sel_volume div:nth-child(9) span{
		height: 90%;
		z-index:12;
	}		
	body.media_tab .sel_volume div:nth-child(10) span{
		height: 100%;
		z-index:11;
	}	
	
	/* body.media_tab #bloc_affichage { */
	/* position: fixed; */
	/* top: 30px; */
	/* left: -43px; */
	/* z-index:19; */
	/* text-align:right;		 */
	/* transition-property: background-color; */
	/* transition-duration: 0.3s; */
	/* } */
	
	/* body.media_tab #bloc_affichage div.titre { */
		/* display:none; */
	/* } */
	/* body.media_tab #bloc_affichage .bt_affichage { */
	/* padding: 0 20px; */
	/* min-width: 30px; */
	/* width: 80px; */
	/* height: 30px; */
	/* color: #FFF; */
	/* line-height: 30px; */
	/* cursor: pointer; */
	/* opacity: 0.6; */
	/* transition-property: opacity,width,margin-left; */
	/* transition-duration: 0.3s; */
	/* background-repeat: no-repeat; */
	/* background-size: 24px; */
	/* background-position: right 10px center; */
	/* background-color: var(--unit-fond-menu); */
	/* border-radius: 20px; */
	/* overflow: hidden; */
	/* font-family: Nunito; */
	/* margin-bottom:3px; */
	/* position:relative; */
	/* } */
	/* body.media_tab #bloc_affichage .bt_affichage:hover,body.media_tab #bloc_affichage .bt_affichage.actif:hover { */
		/* width: auto; */
		/* margin-left:30px; */
	/* } */

	/* body.media_tab #bloc_affichage .bt_affichage:hover div { */
		/* max-width: 400px; */
	/* } */
	/* body.media_tab #bloc_affichage .bt_affichage div{  */
		/* line-height: 11px; */
		/* display: block; */
		/* text-align: left; */
		/* margin-left: 23px; */
		/* margin-right: 25px; */
		/* padding-top: 3px; */
		/* font-size: 12px; */
		/* max-width: 0px; */
		/* overflow: hidden; */
		/* transition-property: max-width; */
		/* transition-duration: 0.6s; */
	/* } */

	/* body.media_tab #bloc_affichage .bt_affichage.une-ligne div{  */
	/* line-height: 23px; */
	/* padding-top: 2px; */


	/* } */

	/* body.media_tab #bloc_affichage .bt_affichage.actif { */
	/* opacity: 1; */
	/* margin-left:30px; */
	/* } */

	/* body.media_tab #bloc_affichage .bt_affichage.actif span { */
		/* position:relative; */
	/* } */

	/* body.media_tab #bloc_affichage .bt_affichage.actif div::before { */
	/* content: '\f06e'; */
	/* position:absolute; */
	/* color:#FFF; */
	/* font-family: 'icomoon'; */
	/* font-size: 16px; */
	/* margin-top: 5px; */
	/* margin-left: -22px; */
	/* text-shadow: 0 0 0.2em black; */
	/* }	  */
	/* body.media_tab #bloc_affichage .bt_affichage.actif.une-ligne div::before{  */
		/* margin-top: 0px!important; */
	/* } */



	/* body.media_tab #bloc_affichage .bt_affichage:hover { */
	/* opacity: 1; */
	/* } */

	/* body.media_tab #bloc_affichage.hors_champs { */
		/* left:-500px!important; */
	/* } */

	
	/* body.media_tab #bloc_affichage { */
		/* position: fixed; */
		/* bottom: 0; */
		/* left: 0; */
		/* z-index:19; */
		/* text-align:right;		 */
		/* transition-property: background-color; */
		/* transition-duration: 0.3s; */
		/* width: 100%; */
	/* }	 */
	
body.media_tab #bloc_affichage {	
  position: fixed;
  z-index: 26;
  bottom:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-transition-property: opacity, bottom;
  transition-property: opacity, bottom;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
	text-align:center;
}	
	
	body.media_tab #bloc_affichage #liste_affichage {
		/* display: block; */
		/* text-align: center; */
		/* line-height: 0px; */
		/* position: absolute; */
		/* width: 100%; */
		display: table;
	}	

	#liste_affichage span{
		display: inline-block;
		padding: 5px 10px 0px;
		border: 1px solid #FFF6;
		margin-bottom: 2px;
		background-color: #FFFFFF5C;
		line-height: 20px;
		border-radius: 5px;
		transition-property: background-color,max-height;
		transition-duration: 0.3s;	
		max-height: 42px;
		overflow:hidden;
		max-width: calc(100vw - 80px);
		/* bottom: 0; */
		/* position: fixed;		 */
		/* max-width: 600px; */
	}
	#liste_affichage span.actif{
		/* background-color: #FFFC; */
		max-height: 600px;
	}
	body.media_tab #bloc_affichage .bt_affichage.ss-picto {
		padding: 0 0px 0 4px!important;
	}
	body.media_tab #bloc_affichage .bt_affichage.ss-picto div {
		margin-left: 10px;
		margin-right: 12px;
	}
	body.media_tab #bloc_affichage .bt_affichage {
		padding: 0 20px 0 10px;
		min-width: 30px;
		height: 30px;
		color: #FFF;
		line-height: 30px;
		cursor: pointer;
		opacity: 0.6;
		border:1px solid #FFF0;
		transition-property: opacity,width,margin-left;
		transition-duration: 0.3s;
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: right 10px center;
		background-color: var(--unit-fond-menu);
		border-radius: 20px;
		overflow: hidden;
		font-family: Nunito;
		margin: 0 2px;
		position:relative;
		display: inline-block;
	}
	body.media_tab #bloc_affichage .ss-ctrl {
		display:none;
		position:absolute;
		top: 0;
		margin-top: -40px;
		left: 50%;		
	}
	body.media_tab #bloc_affichage .bt_affichage:hover {
		opacity: 1;
	}
	body.media_tab #bloc_affichage .bt_affichage div{ 
		line-height: 11px;
		display: block;
		text-align: left;
		margin-left: 23px;
		margin-right: 25px;
		padding-top: 3px;
		font-size: 12px;
		overflow: hidden;
		transition-property: max-width;
		transition-duration: 0.6s;
	}
	body.media_tab #bloc_affichage .ss-ctrl .bt_ctrl {
		display: block;
		width: 30px;
		height: 30px;
		text-align: center;
		border-radius: 20px;
		background-color: #FFF;
		color: #5b5b5b;
		font-size: 18px;
		line-height: 30px;
		margin: 0 10px;
		cursor:pointer;
		opacity:0.7;
		padding: 0;
		font-family:Helvetica, sans-serif;
		font-weight:bold;
		border: 0;
	}
	
	body.media_tab #bloc_affichage .ss-ctrl .bt_ctrl:hover , body.media_tab #bloc_affichage .ss-ctrl .bt_ctrl.actif {
		opacity:1;
	}
	
	body.media_tab #bloc_affichage .bt_affichage.une-ligne{ 
		/* top: 3px; */

	}

	body.media_tab #bloc_affichage .bt_affichage.une-ligne div{ 
	line-height: 23px;
	padding-top: 2px;


	}

	body.media_tab #bloc_affichage .bt_affichage.actif {
		border:1px solid #FFF;
		opacity: 1;		
	}

	body.media_tab #bloc_affichage .bt_affichage.actif span {
		position:relative;
	}
	
	body.media_tab #bloc_affichage .bt_affichage.ss-picto.actif div::before {
	content: '\f06e';
	position:absolute;
	color:#FFF;
	font-family: 'icomoon';
	font-size: 10px;
	margin-top: 5px;
	margin-left: -12px;
	text-shadow: 0 0 0.2em black;
	}	 
	
	body.media_tab #bloc_affichage .bt_affichage.actif div::before {
	content: '\f06e';
	position:absolute;
	color:#FFF;
	font-family: 'icomoon';
	font-size: 10px;
	margin-top: 5px;
	margin-left: -22px;
	text-shadow: 0 0 0.2em black;
	}	 
	
	body.media_tab #bloc_affichage .bt_affichage.actif.une-ligne div::before{ 
		margin-top: 0px!important;
	}
	
	body.media_tab #bloc_affichage .ss-ctrl.actif {
		display:flex;
	}

	body.media_tab #bloc_affichage .bt_affichage:hover {
	opacity: 1;
	}

	body.media_tab #bloc_affichage .titre {
	display:none;
	}

	body.media_tab #bloc_affichage.hors_champs {
		left:-100%!important;
	}

	
	/* Sur smartphone  */	
	body.media_smart #bloc_volume {
		color: #FFF;
		font-size: 32px;
		/* display: flex; */
		overflow: hidden;
		position: fixed;
		right: 0;
		z-index: 99999;
		bottom: 0px;
		background-color: var(--unit-fond-menu);
		cursor: pointer;
		padding-right: 20px;
		margin-left: -4px;
		width: 100px;
		min-height: 60px;
		opacity: 0.7;
	}
	body.media_smart #bloc_volume:after {
		content: "Volume";
		font-size: 14px;
		position: absolute;
		bottom: 0;
		left: 27px;
	}
	body.media_smart #bloc_volume.volOuvert {
		opacity: 1;
	}
	body.media_smart #bloc_volume:hover {
		opacity: 1;
	}
	/* body.media_smart #bloc_volume:hover .sel_volume div{ */
	body.media_smart #bloc_volume .sel_volume{
		display:none;
	}
	body.media_smart #bloc_volume .sel_volume div{
		width:80px;
		/* position:relative; */
		/* opacity:1; */
	}
	body.media_smart #bloc_volume i{
		cursor: pointer;
		color: #3b82ac;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		bottom: 16px;
	}

	body.media_smart #bloc_volume i:hover:after,body.media_smart #bloc_volume.vol0 i:after{
	  content:url(../images/barre_30.png) ;
	  position:absolute;
	  width:50%;
	  left: -5px;
	}	

	body.smart .sel_volume{
		display:none;
	}
	body.media_smart .sel_volume{
		display: list-item;
		width: 80px;
		margin-left: 10px;
		margin-bottom: 44px;
		list-style-type: disc;
		color: #FFF0;
		margin-top: 9px;
		line-height: 5px;
		position: relative;
		transition-property: line-height,margin-bottom;
		transition-duration: 0.5s;		
	}
	body.media_smart #bloc_volume.volOuvert .sel_volume{
		line-height: 400px;
		margin-bottom: 60px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div{
		height: 35px;
	}
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(1){
		bottom: 0;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(2){
		bottom: 40px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(3){
		bottom: 80px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(4){
		bottom: 120px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(5){
		bottom: 160px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(6){
		bottom: 200px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(7){
		bottom: 240px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(8){
		bottom: 280px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(9){
		bottom: 320px;
	}		
	body.media_smart #bloc_volume.volOuvert .sel_volume div:nth-child(10){
		bottom: 360px;
	}		

	body.media_smart .sel_volume div{
		height:5px;
		bottom:0;
		cursor:pointer;
		transition-property: bottom;
		transition-duration: 0.5s;
		position:absolute;
		
	}

	body.media_smart .sel_volume div span{
		height: 100%;
		display:block;
		position:absolute;
		bottom:3px;
		border-right: 1px solid #cacaca;
		border-top: 1px solid #666;
		/* border-top: 1px solid #cacaca; */
		background-color:#FFF;
		opacity:1;
		
	}
	body.media_smart #bloc_volume.vol1 .sel_volume div:nth-child(-n+1) span,body.media_smart #bloc_volume.vol2 .sel_volume div:nth-child(-n+2) span,body.media_smart #bloc_volume.vol3 .sel_volume div:nth-child(-n+3) span,body.media_smart #bloc_volume.vol4 .sel_volume div:nth-child(-n+4) span,body.media_smart #bloc_volume.vol5 .sel_volume div:nth-child(-n+5) span,body.media_smart #bloc_volume.vol6 .sel_volume div:nth-child(-n+6) span,body.media_smart #bloc_volume.vol7 .sel_volume div:nth-child(-n+7) span,body.media_smart #bloc_volume.vol8 .sel_volume div:nth-child(-n+8) span,body.media_smart #bloc_volume.vol9 .sel_volume div:nth-child(-n+9) span,body.media_smart #bloc_volume.vol10 .sel_volume div:nth-child(-n+10) span{
		opacity:1;
		background-color:#3b82ac;
		border-right: 1px solid #cacaca00;
		border-top: 0px;
	}
	body.media_smart #bloc_volume.vol0 i{
		opacity:0.4;
		color:#FFF!important;
	}	
	body.media_smart #bloc_volume.vol0 .sel_volume div{
		opacity:0;
	}	
	body.media_smart #bloc_volume.vol0.volOuvert .sel_volume div{
		opacity:1;
	}		
	/* .sel_volume div:nth-child(n) span{ */
		/* height: calc(n * 10%); */
	/* }	 */
	body.media_smart .sel_volume div:nth-child(1) span{
		width: 10%;
		z-index:20;
	}		
	body.media_smart .sel_volume div:nth-child(2) span{
		width: 20%;
		z-index:19;
	}		
	body.media_smart .sel_volume div:nth-child(3) span{
		width: 30%;
		z-index:18;
	}		
	body.media_smart .sel_volume div:nth-child(4) span{
		width: 40%;
		z-index:17;
	}		
	body.media_smart .sel_volume div:nth-child(5) span{
		width: 50%;
		z-index:16;
	}		
	body.media_smart .sel_volume div:nth-child(6) span{
		width: 60%;
		z-index:15;
	}		
	body.media_smart .sel_volume div:nth-child(7) span{
		width: 70%;
		z-index:14;
	}		
	body.media_smart .sel_volume div:nth-child(8) span{
		width: 80%;
		z-index:13;
	}		
	body.media_smart .sel_volume div:nth-child(9) span{
		width: 90%;
		z-index:12;
	}		
	body.media_smart .sel_volume div:nth-child(10) span{
		width: 100%;
		z-index:11;
	}	


	
	
	body.media_smart #bloc_affichage {
		position: fixed;
		bottom: -100%;
		left: 2%;
		z-index: 21;
		text-align: right;
		transition-property: background-color,bottom;
		transition-duration: 0.5s;
		width: 96%;
		padding: 20px 0 0;
		background-color: var(--unit-fond-menu);
		border-radius: 10px;
		height:calc(90% - 55px);
		border: 2px solid #FFF;	
	}
	body.media_smart #bloc_affichage.ouvert {
		bottom: 55px;
	}
	body.media_smart #bloc_affichage div.titre {
		position:absolute;
		top:5px;
		text-align:center;
		color:#FFF;
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		left: 0;
	}
	
	body.media_smart #bloc_affichage .psv-panel-close-button {
		display: block;
	}	
	body.media_smart #liste_affichage {
		margin: 30px 0 10px;
		padding: 0 10px;
		height: calc(100% - 40px);
		overflow: auto;
		position: relative;	
				
	}
	
	body.media_smart #bloc_affichage .bt_affichage {
	padding: 5px 20px;
	min-width: 30px;
	/* width: 80px; */
	/* height: 30px; */
	height: 40px;
	color: #FFF;
	line-height: 30px;
	cursor: pointer;
	/* opacity: 0.6; */
	transition-property: opacity,width,margin-left;
	transition-duration: 0.3s;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: right 10px center;
	background-color: var(--unit-fond-menu);
	border-radius: 20px;
	overflow: hidden;
	font-family: Nunito;
	margin-bottom:3px;
	position:relative;
	border: 2px solid #FFFFFF00;
	}
	body.media_smart #bloc_affichage .bt_affichage:hover,#bloc_affichage .bt_affichage.actif:hover {
	/* width: auto; */
	/* margin-left:30px; */
	}

	body.media_smart #bloc_affichage .bt_affichage:hover div {
		/* max-width: 400px; */
	}
	body.media_smart #bloc_affichage .bt_affichage div{ 
		line-height: 11px;
		display: block;
		text-align: center;
		margin-left: 25px;
		margin-right: 25px;
		padding-top: 3px;
		font-size: 12px;
		/* max-width: 0px; */
		overflow: hidden;
		transition-property: max-width;
		transition-duration: 0.6s;
	}

	body.media_smart #bloc_affichage .bt_affichage.une-ligne div{ 
	line-height: 23px;
	padding-top: 2px;


	}

	body.media_smart #bloc_affichage .bt_affichage.actif {
	/* opacity: 1; */
	/* margin-left:30px; */
	border: 2px solid #FFF;
	}

	body.media_smart #bloc_affichage .bt_affichage.actif span {
		position:relative;
	}

	body.media_smart #bloc_affichage .bt_affichage.actif div::before {
		content: '\f06e';
		position:absolute;
		color:#FFF;
		font-family: 'icomoon';
		font-size: 16px;
		margin-top: 4px;
		margin-left: 16px;
		text-shadow: 0 0 0.2em black;
		left:0;
	}	 
	body.media_smart #bloc_affichage .bt_affichage.actif.une-ligne div::before{ 
		margin-top: -1px!important;
	}



	body.media_smart #bloc_affichage .bt_affichage:hover {
	opacity: 1;
	}




	body.media_smart #bloc_affichage.hors_champs {
	left:-500px!important;
	}


/*********************************************/
/*     Mise en forme du menu Datatourisme    */
/*********************************************/

	/* Sur ordi  */
	/* body.media_tab #bloc_datatourisme { */
		/* position: absolute; */
		/* left: -572px; */
		/* bottom: 25px; */
		/* background-color: #FFFFFFD9; */
		/* width: 628px; */
		/* height: 56px; */
		/* border-radius: 30px; */
		/* border: 2px solid #a11f41; */
		/* background-image: url(/front/images/Logo_DATA.png); */
		/* background-repeat: no-repeat; */
		/* background-size: 200px; */
		/* background-position: top 3px right -150px; */
		/* opacity: 0.7; */
		/* z-index: 19; */
		/* transition-property: opacity,height,left,background-position; */
		/* transition-duration: 0.5s;	 */
		/* padding-left: 265px; */
		/* padding-top: 43px;	 */
		/* overflow:hidden; */
	/* } */	

	body.media_tab #bloc_datatourisme {
		position: absolute;
		left: 0;
		background-color: #FFFFFFD9;
		width: 100%;
		height: 100%;
		/* border: 2px solid #a11f41; */
		background-image: url(/front/images/Logo_DATA.png);
		background-repeat: no-repeat;
		background-size: 150px;
		background-position: top 3px center;
		opacity: 1;
		z-index: 19;
		transition-property: opacity,height,left,background-position;
		transition-duration: 0.5s;
		padding: 10px;		
		display:none;
	}
	body.media_tab #bloc_datatourisme.actif {
		display:block;
	}		
	/* body.media_tab #bloc_datatourisme.pos_haut { */
		/* bottom: 75px; */
	/* } */
	body.media_tab #rayon_datatourisme {
		position: absolute;
		top: 28px;
		opacity: 1;
		transition-property: opacity;
		transition-duration: 0.5s;
		color: #5e5c61;
		width: 100%;
		text-align: center;
		font-size: 0.8em;
	}
	/* body.media_tab #bloc_datatourisme.ouvert #rayon_datatourisme,body.media_tab #bloc_datatourisme:hover #rayon_datatourisme{ */
		/* opacity:1; */
	/* } */
	/* body.media_tab #liste_data > div .bloc_picto,body.media_tab #liste_data > div .bloc_titre,body.media_tab #liste_data > div .bloc_count,body.media_tab #liste_data > div.tour_cat { */
		/* display:none; */
	/* } */
	
	body.media_tab #liste_data > div.tour{
		width: calc(100% - 10px);
		padding: 5px;
		background-color: #FFF;
		border-radius: 40px;
		opacity: 1;
		margin: 5px 10px 5px auto;;
		float: right;
		cursor: pointer;
		font-weight: 700;
		border:2px solid #a11f41;
		color: #56565a;
		position: relative;
	}
	
	body.media_tab #liste_data {
		width:100%;
		max-height: calc(100% - 40px);
		overflow: auto;
		scrollbar-width: thin;
		margin-top: 40px;
	}
	body.media_tab #liste_data > div.tour .bloc_picto{
		width: 35px;
		height: 35px;
		float: left;
		background-size: 600% 200%;
		cursor: pointer;
		transition-property: opacity;
		transition-duration: 0.3s;
		margin-right: 10px;
		position: absolute;
	}


	body.media_tab #liste_data > div.tour .bloc_titre{
		width: 100%;
		font-size: 0.8rem;
		line-height: 35px;
		padding-left: 38px;
	}
	body.media_tab #liste_data > div.tour .bloc_titre.deux_ligne{
		font-size: 0.8rem;
		line-height: 17px;
	}
	body.media_tab #liste_data > div.tour .bloc_count{
		width: 34px;
		height: 34px;		
		position: absolute;
		margin-top: -34px;
		border-radius: 20px;
		text-align: center;
		right: 5px;
		font-size: 14px;
		line-height: 33px;		
	}
	body.media_tab #liste_data > div.tour_cat {
		width: 100%;
		opacity: 1!important;
	}
	body.media_tab #liste_data > div.tour_cat > div {
		font-size: 14px;
		width: 94%;
		float: right;
		background-color: #fff;
		height: 30px;
		border-radius: 20px;
		line-height: 29px;
		font-weight: normal;
		position: relative;
		margin-bottom: 5px;
		text-align: left;
		padding-left: 30px;	
		opacity: 1!important;	
		margin-right: 10px;
		cursor:pointer;
		color: #656565;
	}
	body.media_tab #liste_data > div.tour_cat > div > span {
		float: right;
		margin-right: 10px;
	}
	body.media_tab #liste_data > div.tour_cat > div.actif {
		border: 1px solid #a11f41;
		height:auto;
	}	
	body.media_tab #liste_data > div.close.tour_cat > div.actif::before {
		content: "";
	}
	body.media_tab #liste_data > div.tour_cat > div.actif::before {
		content: "\f00c";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		margin-left: 5px;
		font-size: 16px;
		position: absolute;
		left: 0;	
		color: #a11f41;
	}
	body.media_tab #liste_data > div.tour_cat.close div{
		font-weight: 100;
		border: 1px solid #FFFFFF00;
		color: #656565!important;
	}
	body.media_tab #liste_data > div.tour_cat > div > ul {
		display: none;
		list-style-type: disclosure-closed;
		padding-left: 12px;
		line-height: 14px;
		font-size: 12px;
		margin-left: -10px;
	}
	body.media_tab #liste_data > div.tour_cat > div > ul > li {
		padding-right:45px;
		padding-left:2px;
		position: relative;
	}	
	body.media_tab #liste_data > div.tour_cat > div > ul > li.data-ban:before {
		content: "";
		position: absolute;
		color: #F00;
		font-family: 'icomoon';
		font-size: 16px;
		margin-top: 1px;
		margin-left: -29px;
	}	
	body.media_tab #liste_data > div.tour_cat > div > ul > li.data-ban {
		color: #F00!important;
	}	
	
	body.media_tab #liste_data > div.tour_cat > div > ul > li:hover {
		background-color: #999;
		color:#FFF;
	}	
	body.media_tab #liste_data > div.tour_cat > div > ul > li.data-ban:hover {
		background-color: #F00;
		color:#FFF!important;
	}	
	
	body.media_tab #liste_data > div.tour_cat > div > ul > li > span{
		position: absolute;
		right: 10px;
		top: 0px;
	}	
	
	body.media_tab #liste_data > div.tour_cat > div.actif > ul {
		display: block;		
	}	

	body.media_tab #liste_data > div.tour.tour_1.close .bloc_count,body.media_tab #liste_data > div.tour.tour_2.close .bloc_count,body.media_tab #liste_data > div.tour.tour_3.close .bloc_count,body.media_tab #liste_data > div.tour.tour_4.close .bloc_count,body.media_tab #liste_data > div.tour.tour_5.close .bloc_count,body.media_tab #liste_data > div.tour.tour_6.close .bloc_count,body.media_tab #liste_data > div.tour.tour_7.close .bloc_count{
		background-color: #6c6c6c!important;
		color:#FFF!important;
	}
	body.media_tab #liste_data > div.tour_1.close .bloc_picto,body.media_tab #liste_data > div.tour_2.close .bloc_picto,body.media_tab #liste_data > div.tour_3.close .bloc_picto,body.media_tab #liste_data > div.tour_4.close .bloc_picto,body.media_tab #liste_data > div.tour_5.close .bloc_picto,body.media_tab #liste_data > div.tour_6.close .bloc_picto,body.media_tab #liste_data > div.tour_7.close .bloc_picto {
		background-position-x: 100%;
		background-position-y: 100%;
	}
	
	body.media_tab #liste_data > div.tour.tour_1 .bloc_count {
		background-color: #e20030;
		color:#FFF;
	}
	body.media_tab #liste_data > div.tour.tour_2 .bloc_count {
		background-color: #ba00e2;
		color:#FFF;
	}
	body.media_tab #liste_data > div.tour.tour_4 .bloc_count {
		background-color: #000be2;
		color:#FFF;
	}
	body.media_tab #liste_data > div.tour.tour_5 .bloc_count {
		background-color: #00e2d5;
		color:#FFF;
	}
	body.media_tab #liste_data > div.tour.tour_6 .bloc_count {
		background-color: #009ae2;
		color:#FFF;
	}
	body.media_tab #liste_data > div.tour.tour_7 .bloc_count {
		background-color: #e29000;
		color:#FFF;
	}	
	
	
	body.media_tab #liste_data .tour_3 {
		display:none;
	}
	/* body.media_tab #liste_data > div,body.media_tab #liste_data > div.close { */
		/* opacity:0; */
	/* } */
	/* body.media_tab #bloc_datatourisme.init,body.media_tab #bloc_datatourisme.ouvert,body.media_tab #bloc_datatourisme:hover{ */
		/* left: -260px; */
		/* background-position: top 3px right 162px; */
		/* opacity: 1; */
		/* padding-top: 45px; */
		/* height: 60%; */
		/* padding-bottom: 20px; */
	/* } */
	/* body.media_tab #bloc_datatourisme.init #liste_data > div,body.media_tab #bloc_datatourisme.ouvert #liste_data > div,body.media_tab #bloc_datatourisme:hover #liste_data > div{ */
		/* opacity: 1; */
	/* } */
	body.media_tab #liste_data > div.tour.close{
		font-weight: 100;
		border:2px solid #FFFFFF00;
		color: #656565;
	}
	/* body.media_tab #liste_data > div{ */
		/* width: 35px; */
		/* height: 35px; */
		/* float: left; */
		/* background-size: 600% 200%; */
		/* cursor: pointer; */
		/* transition-property: opacity; */
		/* transition-duration: 0.3s; */
		/* margin-right: 10px; */
	/* } */
	body.media_tab #liste_data > div.tour_1  .bloc_picto{
		background-image: url("/front/images/picto_tour3_1.png");
		background-position-x: 20%;
		background-position-y: 0;
	}
	body.media_tab #liste_data > div.tour_2  .bloc_picto{
		background-image: url("/front/images/picto_tour3_2.png");
		background-position-x: 40%;
		background-position-y: 0;
		opacity: 1;
	}
	body.media_tab #liste_data > div.tour_3  .bloc_picto{
		background-image: url("/front/images/picto_tour3_3.png");
		background-position-x: 60%;
		background-position-y: 0;
	}
	body.media_tab #liste_data > div.tour_4  .bloc_picto{
		background-image: url("/front/images/picto_tour3_4.png");
		background-position-x: 80%;
		background-position-y: 0;
	}
	body.media_tab #liste_data > div.tour_5  .bloc_picto{
		background-image: url("/front/images/picto_tour3_5.png");
		background-position-x: 0%;
		background-position-y: 100%;
	}
	body.media_tab #liste_data > div.tour_6  .bloc_picto{
		background-image: url("/front/images/picto_tour3_6.png");
		background-position-x: 100%;
		background-position-y: 0%;
	}
	body.media_tab #liste_data > div.tour_7  .bloc_picto{
		background-image: url("/front/images/picto_tour3_7.png");
		background-position-x: 80%;
		background-position-y: 100%;
	}
	body.media_tab #liste_data > div:hover{
		opacity:1;
	}
	body.media_tab #liste_data > div.tour_1.close,body.media_tab #liste_data > div.tour_2.close,body.media_tab #liste_data > div.tour_3.close,body.media_tab #liste_data > div.tour_4.close,body.media_tab #liste_data > div.tour_5.close,body.media_tab #liste_data > div.tour_6.close,body.media_tab #liste_data > div.tour_7.close {
		background-position-x: 100%;
		background-position-y: 100%;
	}


	/* Sur smartphone  */
	body.media_smart #bloc_datatourisme {
		position: fixed;
		bottom: -100%;
		left: 2%;
		z-index: 21;
		text-align: center;
		transition-property: background-color,bottom;
		transition-duration: 0.5s;
		width: 96%;
		padding: 20px 0 0;
		background-color: #00000082;
		border-radius: 10px;
		height:calc(90% - 55px);
		background-color: #FFFFFFD9;
		border: 3px solid #a11f41;
		background-image: url(/front/images/Logo_DATA.png);
		background-repeat: no-repeat;
		background-size: 170px;
		background-position: top 4px center;
	}
	body.media_smart #rayon_datatourisme {
		position: absolute;
		top: 30px;
		margin-left: -100px;
		left: 50%;
		opacity: 0;
		transition-property: opacity;
		transition-duration: 0.5s;
		width: 200px;
	}
	body.media_smart #bloc_datatourisme.ouvert #rayon_datatourisme,body.media_smart #bloc_datatourisme:hover #rayon_datatourisme div. {
		opacity:1;
	}
	body.media_smart #bloc_datatourisme.ouvert{
		bottom: 55px;
	}	
	body.media_smart #bloc_datatourisme .psv-panel-close-button {
		display: block;
	}	
	body.media_smart #liste_data {
		margin: 30px 0 10px;
		padding: 0 10px;
		height: calc(100% - 40px);
		overflow: auto;
		position: relative;	
		width: 100%;		
	}	
	body.media_smart #liste_data > div.tour_cat > div span {
		float: right;
		margin-right: 10px;
	}	
	body.media_smart #liste_data .tour_3 {
		display:none;
	}

	body.media_smart #liste_data > div.tour{
		width: 100%;
		padding: 5px;
		background-color: #FFF;
		border-radius: 40px;
		opacity: 1;
		margin: 5px 0;
		float: right;
		cursor: pointer;
		font-weight: 700;
		border:2px solid #a11f41;
		color: #56565a;
	}
	body.media_smart #liste_data > div.tour.close{
		font-weight: 100;
		border:2px solid #FFFFFF00;
		color: #656565;
	}
	body.media_smart #liste_data > div.tour .bloc_picto{
		width: 35px;
		height: 35px;
		float: left;
		background-size: 600% 200%;
		cursor: pointer;
		transition-property: opacity;
		transition-duration: 0.3s;
		margin-right: 10px;
		position: absolute;
	}
	body.media_smart #liste_data > div.tour .bloc_titre{
		width: 100%;
		font-size: 0.8rem;
		line-height: 35px;
	}
	body.media_smart #liste_data > div.tour .bloc_titre.deux_ligne{
		font-size: 0.8rem;
		line-height: 17px;
	}
	body.media_smart #liste_data > div.tour .bloc_count{
		width: 34px;
		height: 34px;		
		position: absolute;
		margin-top: -34px;
		border-radius: 20px;
		text-align: center;
		right: 19px;
		font-size: 14px;
		line-height: 33px;		
	}
	body.media_smart #liste_data > div.tour_cat {
		width: 100%;
		opacity: 1!important;
	}
	body.media_smart #liste_data > div.tour_cat > div {
		font-size: 14px;
		width: 90%;
		float: right;
		background-color: #fff;
		height: 30px;
		border-radius: 20px;
		line-height: 29px;
		font-weight: normal;
		position: relative;
		margin-bottom: 5px;
		text-align: left;
		padding-left: 30px;	
		opacity: 1!important;	
		margin-right: 5%;
		cursor:pointer;
	}
	body.media_smart #liste_data > div.tour_cat > div.actif {
		border: 1px solid #a11f41;
		height:auto;
	}	
	body.media_smart #liste_data > div.close.tour_cat > div.actif::before {
		content: "";
	}
	body.media_smart #liste_data > div.tour_cat > div.actif::before {
		content: "\f00c";
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		margin-left: 5px;
		font-size: 16px;
		position: absolute;
		left: 0;	
		color: #a11f41;
	}
	body.media_smart #liste_data > div.tour_cat.close div{
		font-weight: 100;
		border: 1px solid #FFFFFF00;
		color: #656565!important;
	}	

	body.media_smart #liste_data > div.tour_cat > div > ul {
		display: none;
		list-style-type: disclosure-closed;
		padding-left: 12px;
		line-height: 14px;
		font-size: 12px;
		margin-left: -10px;
	}
	body.media_smart #liste_data > div.tour_cat > div > ul > li {
		padding-right:45px;
		padding-left:2px;
		position: relative;
	}	
	body.media_smart #liste_data > div.tour_cat > div > ul > li:hover {
		background-color: #999;
		color:#FFF;
	}	
	body.media_smart #liste_data > div.tour_cat > div > ul > li > span{
		position: absolute;
		right: 10px;
		top: 0px;
	}	
	
	body.media_smart #liste_data > div.tour_cat > div.actif > ul {
		display: block;		
	}	


	body.media_smart #liste_data > div.tour.tour_1.close .bloc_count,body.media_smart #liste_data > div.tour.tour_2.close .bloc_count,body.media_smart #liste_data > div.tour.tour_3.close .bloc_count,body.media_smart #liste_data > div.tour.tour_4.close .bloc_count,body.media_smart #liste_data > div.tour.tour_5.close .bloc_count,body.media_smart #liste_data > div.tour.tour_6.close .bloc_count,body.media_smart #liste_data > div.tour.tour_7.close .bloc_count{
		background-color: #6c6c6c!important;
		color:#FFF!important;
	}
	
	body.media_smart #liste_data > div.tour.tour_1 .bloc_count {
		background-color: #e20030;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour.tour_2 .bloc_count {
		background-color: #ba00e2;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour.tour_4 .bloc_count {
		background-color: #000be2;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour.tour_5 .bloc_count {
		background-color: #00e2d5;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour.tour_6 .bloc_count {
		background-color: #009ae2;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour.tour_7 .bloc_count {
		background-color: #e29000;
		color:#FFF;
	}
	body.media_smart #liste_data > div.tour_1 .bloc_picto{
		background-image: url("/front/images/picto_tour3_1.png");
		background-position-x: 20%;
		background-position-y: 0;
	}
	body.media_smart #liste_data > div.tour_2 .bloc_picto{
		background-image: url("/front/images/picto_tour3_2.png");
		background-position-x: 40%;
		background-position-y: 0;
		opacity: 1;
	}
	body.media_smart #liste_data > div.tour_3 .bloc_picto{
		background-image: url("/front/images/picto_tour3_3.png");
		background-position-x: 60%;
		background-position-y: 0;
	}
	body.media_smart #liste_data > div.tour_4 .bloc_picto{
		background-image: url("/front/images/picto_tour3_4.png");
		background-position-x: 80%;
		background-position-y: 0;
	}
	body.media_smart #liste_data > div.tour_5 .bloc_picto{
		background-image: url("/front/images/picto_tour3_5.png");
		background-position-x: 0%;
		background-position-y: 100%;
	}
	body.media_smart #liste_data > div.tour_6 .bloc_picto{
		background-image: url("/front/images/picto_tour3_6.png");
		background-position-x: 100%;
		background-position-y: 0%;
	}
	body.media_smart #liste_data > div.tour_7 .bloc_picto{
		background-image: url("/front/images/picto_tour3_7.png");
		background-position-x: 80%;
		background-position-y: 100%;
	}
	body.media_smart #liste_data > div.tour:hover{
		opacity:1;
	}
	body.media_smart #liste_data > div.tour_1.close .bloc_picto,body.media_smart #liste_data > div.tour_2.close .bloc_picto,body.media_smart #liste_data > div.tour_3.close .bloc_picto,body.media_smart #liste_data > div.tour_4.close .bloc_picto,body.media_smart #liste_data > div.tour_5.close .bloc_picto,body.media_smart #liste_data > div.tour_6.close .bloc_picto,body.media_smart #liste_data > div.tour_7.close .bloc_picto {
		background-position-x: 100%;
		background-position-y: 100%;
	}

/*********************************************/
/*     Mise en forme du bloc de contrôle     */
/*********************************************/

	.titre_ctrl {
		background-color: var(--unit-fond-t-ctrl);
		color: var(--unit-txt-t-ctrl);
		padding: 5px 30px 5px 15px;
		font-size: 18px;
		text-align:left;
		cursor: default;
	}
		
	#boite_ctrl .reduit-ctrl {
		position: absolute;
		width: 90px;
		height: 20px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		margin-top: -20px;
		background-color: var(--unit-fond-ctrl);
		left: calc(50% - 45px);
		text-align: center;
		opacity:0.5;
		cursor:pointer;
	}
	#boite_ctrl .reduit-ctrl:hover {
		opacity:1;
	}
	#boite_ctrl .reduit-ctrl span{
		width: 40px;
		height: 3px;
		background-color: var(--unit-txt-t-ctrl);
		position: absolute;
		margin-left: -20px;
		margin-top: 10px;
	}
	
	#boite_ctrl {
		position: fixed;
		left: 70px;
		bottom: 20px;
		z-index: 11;
		background-color: var(--unit-fond-ctrl);
		text-align: center;	
		overflow-y: auto;
		overflow-x: hidden;
		padding-bottom: 3px;
		padding-top: 3px;
		display:table;
	}

	#boite_ctrl .liste_ctrl{
		margin: 0 0 5px;
		height: calc(40vh - 20px);
		overflow-y: auto;
		position: relative;
		overflow-x: hidden;
		/* height:auto; */
		transition-property: height;
	    transition-duration: 0.8s;
		scrollbar-width: thin;		
	}
	#boite_ctrl.reduit .liste_ctrl{
		height:0;
	}	
	#boite_ctrl ul{
		list-style: none;
		margin-bottom: 0;
		overflow-x: hidden;
		padding: 0 0 10px;
		width: 300px;
	}

	#boite_ctrl ul li.bloc-item{
	clear: both;
	min-height: 20px;
	padding: 0.4em 1.3em;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	}
	
	#boite_ctrl ul li.bloc-rub{
	clear: both;
	min-height: 20px;
	padding: 0.4em 1.3em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 18px;
	}	

	#boite_ctrl ul li.bloc-rub div {
	  padding: 2px 10px 0;
	  /* color: var(--unit-txt-li-ctrl); */
	  color: #FFF;
	  line-height: 20px;
	  cursor: default;
	  opacity: 1;
	  transition-property: opacity;
	  transition-duration: 0.3s;
	  width: 100%;
	  /* background-color: var(--unit-fond-li-ctrl); */
	  /* background-color: #FFF; */
	  max-height: 70px;
	  overflow:hidden;
	}	
	#boite_ctrl ul li.bloc-rub.sep {
		padding: 0.2em 1.3em;
	}		
	#boite_ctrl ul li.bloc-rub.sep div {
		padding: 0px 10px;
		margin: 0 70px;
	}	

 #boite_ctrl ul li.bloc-item div {background-image: linear-gradient(to right, var(--unit-fond-li-ctrl) 0%, var(--unit-fond2-li-ctrl)  51%, var(--unit-fond-li-ctrl)  100%)}
 #boite_ctrl ul li.bloc-item div {
	/* margin: 10px; */
	/* padding: 15px 45px; */
	padding: 5px 10px;	
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	width: 100%;
	/* text-transform: uppercase; */
	transition: 0.5s;
	background-size: 200% auto;
	background-color: var(--unit-fond-li-ctrl);
	color: var(--unit-txt-li-ctrl);            
	/* box-shadow: 0 0 20px #eee; */
	max-height: 70px;
	/* border-radius: 10px; */
	display: block;
	overflow:hidden;
	border: 1px solid #FFF0;
  }

  #boite_ctrl ul li.bloc-item div:hover {
	background-position: right center; /* change the direction of the change here */
	color: var(--unit-txt-li-ctrl);
	text-decoration: none;
	border-color:#FFFFFF52;
	/* border: 1px solid; */
  }
/*  
	#boite_ctrl ul li.bloc-item div {
	  padding: 2px 10px;
	  color: var(--unit-txt-li-ctrl);
	  line-height: 20px;
	  cursor: pointer;
	  width: 100%;
	  background-color: var(--unit-fond-li-ctrl);
	  border: 1px solid;
	  border-color:#FFFFFF50;
	  max-height: 70px;
	  overflow:hidden;
	}
	#boite_ctrl ul li.bloc-item div:hover {
		border-color:#FFFFFF;
	}
*/
	#boite_ctrl ul li.bloc-item.actif div{
	  background-color: var(--unit-fond-li-ctrl-actif);
	  color: var(--unit-txt-li-ctrl-actif);
	  border-color:#FFFFFF;
	  background-image: inherit;
	}
	#boite_ctrl .psv-panel-close-button {
		display: block;
		cursor:pointer;
	}	
	body.media_smart #boite_ctrl {
		bottom: 60px;
		left: 5%;
	}	
	
	body.media_smart #boite_ctrl .liste_ctrl{
		max-height: calc(40vh - 70px);
	}	
	@media (max-width: 1099px) {
		body.media_smart #boite_ctrl {
			width: 90%;
			
		}	
		body.media_smart #boite_ctrl ul{
			width:100%;
		}		
	}
	@media (min-width: 1100px) {

	}


/*********************************************/
/*     Mise en forme du bloc audio           */
/*********************************************/

	/* Sur ordi  */
	body.media_tab #bloc_audio{
		top:70px;
		left:calc(50% - 140px);
		transition-property: top,left;
		transition-duration: 0.4s;	
		z-index: 27;
		position: fixed;		
	}
	body.media_tab #bloc_audio.audiog{
		padding: 10px 10px 3px;
		background-color: #B93F3FC2;
		left:calc(50% - 150px);
		background-image: url(/front/images/bt_audio_guide.png);
		background-position:
		-2px -3px;
		background-size: 40px;
		background-repeat: no-repeat;
	}  
	body.media_tab #bloc_audio.audiog h2{
	  color: #FFF;
	  background-color: #00000052;
	  font-size: 1.8em;
	  line-height: 1em;
	  padding: 5px 5px 5px 5px;	
	}
	body.media_tab #bloc_audio audio{
		width: 280px;	
	}
	@media (max-width: 399px) {
		body.aff-vert.media_tab #viewer.fiche-ouverte #bloc_audio {
			top:-275px;
		}
		body.aff-hori.media_tab #viewer.fiche-ouverte #bloc_audio {
			left:10px;
		}
		body.media_tab #bloc-titre.actif .titre-content,body.media_tab #bloc-titre .titre-content {
			padding: 0.3em 0.8em 0.2em;
			font: 12px sans-serif;
		}	
	}
	@media (min-width: 400px) and (max-width: 1099px) {
		body.aff-vert.media_tab #viewer.fiche-ouverte #bloc_audio {
			top:-315px;
		}
		body.aff-hori.media_tab #viewer.fiche-ouverte #bloc_audio {
			left:10px;
		}
		body.media_tab #bloc-titre.actif .titre-content,body.media_tab #bloc-titre .titre-content {
			padding: 0.3em 0.8em 0.2em;
			font: 14px sans-serif;
		}		
	}
	@media (min-width: 1100px) {
		body.aff-vert.media_tab #viewer.fiche-ouverte #bloc_audio {
			top:-40vh;
		}
		body.aff-hori.media_tab #viewer.fiche-ouverte #bloc_audio {
			left:auto;
		}
	}
	
	/* Sur smartphone  */
	body.media_smart #bloc_audio{
		top:70px;
		left:calc(50% - 140px);
		transition-property: top,left;
		transition-duration: 0.4s;	
		z-index: 23;
		position: fixed;			
	}
	body.media_smart #bloc_audio audio{
		width: 280px;	
	}
	@media (max-width: 399px) {
		/* body.aff-vert.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* top:-275px; */
		/* } */
		/* body.aff-hori.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* left:10px; */
		/* } */
		body.media_smart #bloc-titre.actif .titre-content,body.media_smart #bloc-titre .titre-content {
			padding: 0.3em 0.8em 0.2em;
			font: 12px sans-serif;
		}	
	}
	@media (min-width: 400px) and (max-width: 1099px) {
		/* body.aff-vert.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* top:-315px; */
		/* } */
		/* body.aff-hori.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* left:10px; */
		/* } */
		body.media_smart #bloc-titre.actif .titre-content,body.media_smart #bloc-titre .titre-content {
			padding: 0.3em 0.8em 0.2em;
			font: 14px sans-serif;
		}		
	}
	@media (min-width: 1100px) {
		/* body.aff-vert.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* top:-40vh; */
		/* } */
		/* body.aff-hori.media_smart #viewer.fiche-ouverte #bloc_audio { */
			/* left:auto; */
		/* } */
	}
	.type_hr {
padding: 0;
line-height: 14px;
font-size: 12px;
	}
	#menu-pano .liste_ctrl .type_hr i:nth-child(1){
float: left;
margin-right: 5px;
	}	
	#miniDiapo{
		transition-property: opacity,right,bottom,width,height;
		transition-duration: 0.8s;	
		z-index: 3;
	}
	#miniDiapo.actif{
		opacity:1!important;
		z-index: 30!important;
	}
/*********************************************/
/*     Mise en forme du logo                 */
/*********************************************/
	body.media_smart #viewer.fiche-ouverte #logo {
		display:none;
	}

	body.media_smart #viewer.fiche-ouverte #bloc-titre {
		display:none;
	}

/*********************************************/
/*     gestion des border radius             */
/*********************************************/
	body.media_tab .coin_bouton_1 #bt_ouvre_menu {
		border-radius: 0;
	}
	body.media_tab .coin_bouton_1 #bloc_affichage .bt_affichage {
		border-radius:0;
	}
	.coin_bouton_1 #bloc-titre .titre-content {
		border-radius: 0;
	}	
	body.media_tab .coin_bouton_1 .bt_menu {
		border-radius:0;
	}
	body.media_tab .coin_bouton_1 #bloc_datatourisme {
		border-radius: 0;
	}
	body.media_tab .coin_bouton_1 #bt_search {
		border-radius: 0;
	}
	body.media_tab .coin_bouton_1 .bt_news {
		border-radius: 0;
	}
	.coin_bouton_1 .psv-notification-content {
		border-radius: 0;
	}	
	
	
	
	body.media_tab .coin_bouton_2 #bt_ouvre_menu {
		border-radius: 4px;
	}
	body.media_tab .coin_bouton_2 .bt_menu {
		border-radius:4px;
	}
	
	body.media_tab .coin_bouton_2 #bloc_affichage .bt_affichage {
		border-radius:4px;
	}
	.coin_bouton_2 #bloc-titre .titre-content {
		border-radius: 4px;
	}	
	body.media_tab .coin_bouton_2 #bloc_datatourisme {
		border-radius: 4px;
	}
	body.media_tab .coin_bouton_2 #bt_search {
		border-radius: 4px;
	}
	body.media_tab .coin_bouton_2 .bt_news {
		border-radius: 4px;
	}
	.coin_bouton_2 .psv-notification-content {
		border-radius: 4px;
	}		
	
	body.media_tab .coin_bouton_3 #bt_ouvre_menu {
		border-radius: 10px;
	}
	body.media_tab .coin_bouton_3 .bt_menu {
		border-radius:10px;
	}
	
	body.media_tab .coin_bouton_3 #bloc_affichage .bt_affichage {
		border-radius:10px;
	}
	.coin_bouton_3 #bloc-titre .titre-content {
		border-radius: 10px;
	}	
	body.media_tab .coin_bouton_3 #bloc_datatourisme {
		border-radius: 10px;
	}
	body.media_tab .coin_bouton_3 #bt_search {
		border-radius: 10px;
	}
	body.media_tab .coin_bouton_3 .bt_news {
		border-radius: 10px;
	}
	.coin_bouton_3 .psv-notification-content {
		border-radius: 10px;
	}		

	
	body.media_tab .coin_bouton_4 #bt_ouvre_menu {
		border-radius: 20px;
	}
	body.media_tab .coin_bouton_4 .bt_menu {
		border-radius:20px;
	}
	
	body.media_tab .coin_bouton_4 #bloc_affichage .bt_affichage {
		border-radius:12px;
	}
	.coin_bouton_4 #bloc-titre .titre-content {
		border-radius: 20px;
	}	
	body.media_tab .coin_bouton_4 #bloc_datatourisme {
		border-radius: 20px;
	}
	body.media_tab .coin_bouton_4 #bt_search {
		border-radius: 20px;
	}
	body.media_tab .coin_bouton_4 .bt_news {
		border-radius: 20px;
	}
	.coin_bouton_4 .psv-notification-content {
		border-radius: 20px;
	}			
#curseur_action {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-50px;
	margin-top:-50px;
	background-position:center center;
	background-image:url(../images/curseur_action.png);
	background-repeat:no-repeat;
	background-size:60% 50%;
	width:100px;
	height:100px;
	z-index: 25;
	display:none;
}
.svg_action {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-35px;
	margin-top:-35px;
	width:70px;
	height:70px;
	z-index: 25;
}
.svg_cible {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	transform-origin: 50% 50%;
	width:471px;
	height:471px;
	z-index: 25;
}

.psv-secplan,.psv-secplan.psv-ghost.psv-toggle{
	z-index:19!important;
}
.psv-marker--normal.psv-secplan:hover{
	z-index:19!important;
}	
.psv-secplan.psv-pulsar,.psv-secplan.psv-pulsar.psv-ghost.psv-toggle{
	z-index:29!important;
}
.psv-marker--normal.psv-secplan.psv-pulsar:hover {
	z-index:29!important;
}
.psv-marker--has-import {
  cursor: pointer;
}	
	
.psv-marker--visible.psv-cligne:not(.psv-ghost)  {
   animation-duration: 1.5s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   animation-timing-function:ease-in-out;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:0.9; }
  50%   {opacity:0.2; }
  100% { opacity:0.9; }
}

/* body.media_tab #bloc_volume.vol0.lecture:not(.volOuvert)  { */
body.media_tab #bloc_volume.lecture:not(.volOuvert) {
   animation-duration: 1.5s;
   /* animation-name: clignotBord; */
   animation-name: clignoter;
   animation-iteration-count: infinite;
   animation-timing-function:ease-in-out;
   transition: none;
}

body.media_smart #bloc_volume.lecture:not(.volOuvert) i {
   animation-duration: 1.5s;
   animation-name: clignotBordSmart;
   animation-iteration-count: infinite;
   animation-timing-function:ease-in-out;
   transition: none;
}

@keyframes clignotBord {
  0%   { border-color:#FFFFFFD6; }
  50%   {border-color:#FFFFFF14; }
  100% { border-color:#FFFFFFD6; }
}

@keyframes clignotBordSmart {
  0%   { opacity:0.9; }
  50%   {opacity:0.5; }
  100% { opacity:0.9; }
}

/* #viewer > div > div > div > div > div > div:nth-child(4)  canvas { */
	/* display:none!important; */
/* } */
/* div[id="21"] canvas { */
	/* display:none!important; */
/* } */
div {
	pointer-events: all!important;
}

.bx-shadow {
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
/*
@font-face {
    font-family: 'Barlow Semi Condensed';
    src: local('Barlow Semi Condensed Medium'), local('Barlow-Semi-Condensed-Medium'),
        url('fonts/BarlowSemiCondensed-Medium.woff2') format('woff2'),
        url('fonts/BarlowSemiCondensed-Medium.woff') format('woff'),
        url('fonts/BarlowSemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: 'Barlow Semi Condensed';
    src: local('Barlow Semi Condensed Extra Light'), local('Barlow-Semi-Condensed-Extra-Light'),
        url('fonts/BarlowSemiCondensed-ExtraLight.woff2') format('woff2'),
        url('fonts/BarlowSemiCondensed-ExtraLight.woff') format('woff'),
        url('fonts/BarlowSemiCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
  }
*/

#menuCategorie {
	position: fixed;
	top: 20px;
	left: 20px;
	width: 400px;
	height: 50px;
	z-index: 3;
	
}
#menuInfo {
	position: fixed;
	top: 20px;
	left: 20px;
	width: 400px;
	height: 50px;
	z-index: 10;
	
}

#menuPointInteret {
	position: absolute;
	top: 70px;
	left: 35px;
	width: 250px;
	z-index: 11;
}

#menuPointInteret ul{
	padding: 0px;
	
	
}

#menuPointInteret ul li{
	padding: 5px 10px;
	cursor:pointer;
	background-color: rgba(255,255,255,0.2);
}

#menuPointInteret h5{
	font-size:1rem;
	margin-bottom: 0;
}

#menuPointInteret ul li:hover{
	background-color: rgba(20, 82, 230, 0.18);
	color:#FFF;
	
}
.info-hover {
	position: absolute;
	background-color: #333;
	color: #FFF;
	font-size: 10px;
	padding: 2px;
	width: 70px;
	left: 50%;
	margin-left: -35px;
	margin-top: -22px;
	border-radius: 7px;
	text-align: center;
	top:0;
}
.info-depart {
	position: absolute;
	background-color: #333;
	color: #FFF;
	font-size: 10px;
	padding: 2px;
	width: 60px;
	left: 50%;
	margin-left: -30px;
	margin-top: -22px;
	border-radius: 7px;
	text-align: center;
	top:0;
}
.info-depart i{
	margin-right:5px;
}
.psv-tooltip .titre {
	font-size:16px;
	font-weight:bold;
	font-family:Nunito;
}
.psv-tooltip .info {
	font-size:14px;
	font-style: italic;
	font-family:Nunito;
}

.psv-tooltip {
  max-width: 200px;
  background-color: var(--unit-fond-psv-tooltip);
  border-radius: 4px;
  padding: 0.5em 1em;
}

.psv-tooltip-content {
  color: var(--unit-txt-psv-tooltip);
  font: 14px sans-serif;
  text-shadow: var(--unit-ombre-txt-psv-tooltip);
}

.psv-tooltip--bottom-center {
  -webkit-box-shadow: var(--unit-shadow-bottom-center-psv-tooltip);
          box-shadow: var(--unit-shadow-bottom-center-psv-tooltip);
}

.psv-tooltip--bottom-center .psv-tooltip-arrow {
  border-bottom-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--center-left {
  -webkit-box-shadow: var(--unit-shadow-center-left-psv-tooltip);
          box-shadow: var(--unit-shadow-center-left-psv-tooltip);
}

.psv-tooltip--center-left .psv-tooltip-arrow {
  border-left-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--top-center {
  -webkit-box-shadow: var(--unit-shadow-top-center-psv-tooltip);
          box-shadow: var(--unit-shadow-top-center-psv-tooltip);
}

.psv-tooltip--top-center .psv-tooltip-arrow {
  border-top-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--center-right {
  -webkit-box-shadow: var(--unit-shadow-center-right-psv-tooltip);
          box-shadow: var(--unit-shadow-center-right-psv-tooltip);
}

.psv-tooltip--center-right .psv-tooltip-arrow {
  border-right-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--bottom-left {
  -webkit-box-shadow: var(--unit-shadow-bottom-left-psv-tooltip);
          box-shadow: var(--unit-shadow-bottom-left-psv-tooltip);
}

.psv-tooltip--bottom-left .psv-tooltip-arrow {
  border-bottom-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--bottom-right {
  -webkit-box-shadow: var(--unit-shadow-bottom-right-psv-tooltip);
          box-shadow: var(--unit-shadow-bottom-right-psv-tooltip);
}

.psv-tooltip--bottom-right .psv-tooltip-arrow {
  border-bottom-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--top-left {
  -webkit-box-shadow: var(--unit-shadow-top-left-psv-tooltip);
          box-shadow: var(--unit-shadow-top-left-psv-tooltip);
}

.psv-tooltip--top-left .psv-tooltip-arrow {
  border-top-color: var(--unit-fond-psv-tooltip);
}

.psv-tooltip--top-right {
  -webkit-box-shadow: var(--unit-shadow-top-right-psv-tooltip);
          box-shadow: var(--unit-shadow-top-right-psv-tooltip);
}

.psv-tooltip--top-right .psv-tooltip-arrow {
  border-top-color: var(--unit-fond-psv-tooltip);
}






#menu_map{
	transition-property: opacity,margin-bottom; /* Active la transition sur background-color */
	transition-duration: 0.8s; /* La transition dure 1s */		
}
body.media_tab #menu_map{
	right:10px!important;
	bottom:20px!important;
}
body.smart.media_tab #menu_map{
	bottom:10px!important;
}
#menu_map.masque{
	opacity:0;
	margin-bottom:-500px!important;
	height: 0;
}
body.media_tab #menu_map.import_2.num_all {
	width: calc(100% - 20px)!important;
	max-width: 800px;
}
body.media_tab #menu_map.ac_inf.import_2.num_all .info {
  max-height: calc(100vh - 250px)!important;
}
#menu_map iframe{
	height:240px;
	transition-property: height; /* Active la transition sur background-color */
	transition-duration: 0.4s; /* La transition dure 1s */			
}
#menu_map.sans-carte iframe{
	height:0!important;
}
#menu_map.sans-carte .bloc_info {
    margin-bottom: 40px;
}
#menu_map.sans-carte iframe{
	height:0!important;
}


.psv-marker{

	transition-property: opacity,margin-bottom; /* ,background-color,border-color,background-size Active la transition sur background-color */
	transition-duration: 0.5s; /* La transition dure 1s */				
}
.psv-marker.psv-nav.no-anim {
background-size: var(--unit-nav-width-back);
background-position: center center !important;
border-radius: var(--unit-nav-radius-bord);
border-style: solid;	
border-width: var(--unit-nav-width-bord);
border-color: var(--unit-nav-coul-bord);
background-color: var(--unit-nav-coul);
cursor:pointer;
}
.psv-marker.psv-nav.no-anim:hover {
border-color: var(--unit-nav-hover-coul-bord);
background-color: var(--unit-nav-hover-coul);
background-size: var(--unit-nav-hover-width-back);
z-index:31!important;
}

.psv-marker.psv-nav.no-anim:hover {
	z-index:31!important;
}
.psv-marker.psv-nav .vignette_survol:hover{
	opacity:1;
}
.psv-marker.psv-nav .info_pano{
	position:absolute;
	bottom:-10px;
}
.psv-marker.psv-nav .vignette_survol_texte{
	background-repeat:no-repeat;
	background-size:contain;
}
.psv-marker.psv-nav .vignette_survol_texte:hover{
	opacity:0.7;
}
.psv-marker.psv-nav .vignette_survol,.psv-marker.psv-nav .vignette_survol_texte{
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	transition-property: opacity,scale;
	transition-duration: 0.4s;
	background-position:center;
}

.psv-marker.psv-nav .vignette_survol{
	border-radius: var(--unit-nav-radius-bord-vignette);
	border-style: solid;	
	border-width: var(--unit-nav-width-bord-vignette);
	border-color: var(--unit-nav-coul-bord-vignette);	
	background-size:cover;
	display:none;
}
.psv-marker.psv-nav .vignette_survol.av_o{
	box-shadow: -1px 2px 7px 3px rgba(0, 0, 0, 0.5) inset;
}

.psv-marker.pulse{
	margin-bottom:8px;	
	opacity:0.8;
}
.psv-ghost{
	opacity:0;
	z-index: 19!important; /* passe à 20 pour les étiquettes */
}
/* polyline.psv-ghost{ */
	/* display:none; */
/* } */
.psv-ghost.psv-toggle{
	opacity:1;
	z-index: 30!important;
}
.psv-inverse
{
	opacity:0;
}

.psv-alpha--50{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha--40{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha--30{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha--20{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha--10{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-0{
	opacity:0;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}


.psv-alpha-10{
	opacity:0.1;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-zoom-9 .psv-alpha--50.psv-alpha-actif,.psv-zoom-8 .psv-alpha--40.psv-alpha-actif,.psv-zoom-7 .psv-alpha--30.psv-alpha-actif,.psv-zoom-6 .psv-alpha--20.psv-alpha-actif,.psv-zoom-5 .psv-alpha--10.psv-alpha-actif,.psv-zoom-4 .psv-alpha-0.psv-alpha-actif{
	opacity:0.1;
}
.psv-zoom-10 .psv-alpha--50.psv-alpha-actif,.psv-zoom-9 .psv-alpha--40.psv-alpha-actif,.psv-zoom-8 .psv-alpha--30.psv-alpha-actif,.psv-zoom-7 .psv-alpha--20.psv-alpha-actif,.psv-zoom-6 .psv-alpha--10.psv-alpha-actif,.psv-zoom-5 .psv-alpha-0.psv-alpha-actif,.psv-zoom-4 .psv-alpha-10.psv-alpha-actif{
	opacity:0.2;
}
.psv-zoom-10 .psv-alpha--40.psv-alpha-actif,.psv-zoom-9 .psv-alpha--30.psv-alpha-actif,.psv-zoom-8 .psv-alpha--20.psv-alpha-actif,.psv-zoom-7 .psv-alpha--10.psv-alpha-actif,.psv-zoom-6 .psv-alpha-0.psv-alpha-actif,.psv-zoom-5 .psv-alpha-10.psv-alpha-actif,.psv-zoom-4 .psv-alpha-20.psv-alpha-actif{
	opacity:0.3;
}
.psv-zoom-10 .psv-alpha--30.psv-alpha-actif,.psv-zoom-9 .psv-alpha--20.psv-alpha-actif,.psv-zoom-8 .psv-alpha--10.psv-alpha-actif,.psv-zoom-7 .psv-alpha-0.psv-alpha-actif,.psv-zoom-6 .psv-alpha-10.psv-alpha-actif,.psv-zoom-5 .psv-alpha-20.psv-alpha-actif,.psv-zoom-4 .psv-alpha-30.psv-alpha-actif{
	opacity:0.4;
}
.psv-zoom-10 .psv-alpha--20.psv-alpha-actif,.psv-zoom-9 .psv-alpha--10.psv-alpha-actif,.psv-zoom-8 .psv-alpha-0.psv-alpha-actif,.psv-zoom-7 .psv-alpha-10.psv-alpha-actif,.psv-zoom-6 .psv-alpha-20.psv-alpha-actif,.psv-zoom-5 .psv-alpha-30.psv-alpha-actif,.psv-zoom-4 .psv-alpha-40.psv-alpha-actif{
	opacity:0.5;
}
.psv-zoom-10 .psv-alpha--10.psv-alpha-actif,.psv-zoom-9 .psv-alpha-0.psv-alpha-actif,.psv-zoom-8 .psv-alpha-10.psv-alpha-actif,.psv-zoom-7 .psv-alpha-20.psv-alpha-actif,.psv-zoom-6 .psv-alpha-30.psv-alpha-actif,.psv-zoom-5 .psv-alpha-40.psv-alpha-actif,.psv-zoom-4 .psv-alpha-50.psv-alpha-actif{
	opacity:0.6;
}
.psv-zoom-10 .psv-alpha-0.psv-alpha-actif,.psv-zoom-9 .psv-alpha-10.psv-alpha-actif,.psv-zoom-8 .psv-alpha-20.psv-alpha-actif,.psv-zoom-7 .psv-alpha-30.psv-alpha-actif,.psv-zoom-6 .psv-alpha-40.psv-alpha-actif,.psv-zoom-5 .psv-alpha-50.psv-alpha-actif,.psv-zoom-4 .psv-alpha-60.psv-alpha-actif{
	opacity:0.7;
}
.psv-zoom-10 .psv-alpha-10.psv-alpha-actif,.psv-zoom-9 .psv-alpha-20.psv-alpha-actif,.psv-zoom-8 .psv-alpha-30.psv-alpha-actif,.psv-zoom-7 .psv-alpha-40.psv-alpha-actif,.psv-zoom-6 .psv-alpha-50.psv-alpha-actif,.psv-zoom-5 .psv-alpha-60.psv-alpha-actif,.psv-zoom-4 .psv-alpha-70.psv-alpha-actif{
	opacity:0.8;
}
.psv-zoom-10 .psv-alpha-20.psv-alpha-actif,.psv-zoom-9 .psv-alpha-30.psv-alpha-actif,.psv-zoom-8 .psv-alpha-40.psv-alpha-actif,.psv-zoom-7 .psv-alpha-50.psv-alpha-actif,.psv-zoom-6 .psv-alpha-60.psv-alpha-actif,.psv-zoom-5 .psv-alpha-70.psv-alpha-actif,.psv-zoom-4 .psv-alpha-80.psv-alpha-actif{
	opacity:0.9;
}
.psv-zoom-10 .psv-alpha-30.psv-alpha-actif,.psv-zoom-9 .psv-alpha-40.psv-alpha-actif,.psv-zoom-10 .psv-alpha-40.psv-alpha-actif,.psv-zoom-8 .psv-alpha-50.psv-alpha-actif,.psv-zoom-9 .psv-alpha-50.psv-alpha-actif,.psv-zoom-10 .psv-alpha-50.psv-alpha-actif,.psv-zoom-7 .psv-alpha-60.psv-alpha-actif,.psv-zoom-8 .psv-alpha-60.psv-alpha-actif,.psv-zoom-9 .psv-alpha-60.psv-alpha-actif,.psv-zoom-10 .psv-alpha-60.psv-alpha-actif,.psv-zoom-6 .psv-alpha-70.psv-alpha-actif,.psv-zoom-7 .psv-alpha-70.psv-alpha-actif,.psv-zoom-8 .psv-alpha-70.psv-alpha-actif,.psv-zoom-9 .psv-alpha-70.psv-alpha-actif,.psv-zoom-10 .psv-alpha-70.psv-alpha-actif,.psv-zoom-5 .psv-alpha-80.psv-alpha-actif,.psv-zoom-6 .psv-alpha-80.psv-alpha-actif,.psv-zoom-7 .psv-alpha-80.psv-alpha-actif,.psv-zoom-8 .psv-alpha-80.psv-alpha-actif,.psv-zoom-9 .psv-alpha-80.psv-alpha-actif,.psv-zoom-10 .psv-alpha-80.psv-alpha-actif,.psv-zoom-4 .psv-alpha-90.psv-alpha-actif,.psv-zoom-5 .psv-alpha-90.psv-alpha-actif,.psv-zoom-6 .psv-alpha-90.psv-alpha-actif,.psv-zoom-7 .psv-alpha-90.psv-alpha-actif,.psv-zoom-8 .psv-alpha-90.psv-alpha-actif,.psv-zoom-9 .psv-alpha-90.psv-alpha-actif,.psv-zoom-10 .psv-alpha-90.psv-alpha-actif{
	opacity:1;
}

.psv-alpha-20{
	opacity:0.2;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}

.psv-alpha-30{
	opacity:0.3;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-40{
	opacity:0.4;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-50{
	opacity:0.5;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-60{
	opacity:0.6;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-70{
	opacity:0.7;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-80{
	opacity:0.8;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha-90{
	opacity:0.9;
	/* transition-property: opacity; /* Active la transition sur background-color */ */
	/* transition-duration: 0.3s; /* La transition dure 1s */			 */
}
.psv-alpha--50:hover,.psv-alpha--40:hover,.psv-alpha--30:hover,.psv-alpha--20:hover,.psv-alpha--10:hover,.psv-alpha-0:hover,.psv-alpha-10:hover,.psv-alpha-20:hover,.psv-alpha-30:hover,.psv-alpha-40:hover,.psv-alpha-50:hover,.psv-alpha-60:hover,.psv-alpha-70:hover,.psv-alpha-80:hover,.psv-alpha-90:hover{
	opacity:1.0!important;
}
.psv-alpha-20.psv-ghost,.psv-alpha-30.psv-ghost,.psv-alpha-40.psv-ghost,.psv-alpha-50.psv-ghost,.psv-alpha-60.psv-ghost,.psv-alpha-70.psv-ghost,.psv-alpha-80.psv-ghost,.psv-alpha-90.psv-ghost,.psv-alpha-20.psv-ghost:hover,.psv-alpha-30.psv-ghost:hover,.psv-alpha-40.psv-ghost:hover,.psv-alpha-50.psv-ghost:hover,.psv-alpha-60.psv-ghost:hover,.psv-alpha-70.psv-ghost:hover,.psv-alpha-80.psv-ghost:hover,.psv-alpha-90.psv-ghost:hover{
	opacity:0!important;
}

#menuGauche {
	position: absolute;
	top: 0;
	height: 100vh;
	overflow: hidden;
	background-color: #000000ad;
	z-index: 10;
	color: #FFF;
	font-family: 'Nunito'!important;
	cursor:default;
	padding:0;
	width:450px;
	margin-left:-435px;
	transition-property: margin-left;
	transition-duration: 1s;	
}
#menuGauche .barre{
	position: absolute;
	right: 6px;
	top: 35vh;
	height: 30vh;
	width: 4px;
	background-color: #D2D2D2;
	border-radius: 3px;
}
#menuGauche.ouvert {
	margin-left:0;
}

#menuGauche .titre{
	font-weight: 500;
	text-align: center;
	font-size: 20px;
	padding-bottom:5px;
	height: 35px;
	border-bottom:1px solid #000;
	background-color: rgba(0,0,0,0.5);
}
#menuGauche .zone_liste{
	overflow: auto;
	margin-right: 15px;
	margin-top: 5px;	
}
#menuGauche .list-group li{
	font-weight: 500;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color:rgba(255,255,255,0);
	transition-property: background-color; /* Active la transition sur background-color */
	transition-duration: 0.2s; /* La transition dure 1s */	
	padding-top: 0px;
	line-height: 21px;	
	
}
#menuGauche .list-group li.sel{
	background-color:rgba(255,255,255,0.2)!important;
	/* color:#000; */
}
#menuGauche .list-group li.sel label{
	font-weight: 500;
	text-decoration: underline;
}
#menuGauche .list-group li:hover{

	background-color:rgba(255,255,255,0.2);
}
#menuGauche .list-group.inner li{
    border:none;
	font-weight: 200;
	padding: 0px 30px 2px 13px;
	line-height: 21px;

	
}
#menuGauche .list-group.inner li:hover{
	
}

#menuGauche .list-group {
	background-color: rgba(0,0,0,0);
}

#menuGauche .list-group-item {
	background-color: rgba(0,0,0,0);
}

#liste_hotspot li:hover{
	background-color: rgba(0,0,0,0)!important;
	text-decoration: underline;
}



.psv-tooltip--top-center{
/* display:none; */
}
.psv-marker.actif{
    opacity: 1 !important;
}
.psv-marker.actif:before{
	background-image: url('../images/pointeurGps2.png');
	background-size: contain;
	display: inline-block;
	width: 160%;
	height: 160%;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -30%;
	margin-top: -30%;
   animation-duration: 1.5s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   animation-timing-function:ease-in-out;
   transition: none;	
}
.bt_ferme {
	background-image: url(../adon/images/ferme.png);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 2px;
	right: 10px;
	cursor:pointer;
}
.bt_ferme:hover {
	background-image: url(../adon/images/fermeh.png);
}

#menu_map .bloc_info {
	margin: 0 10px 280px;
	overflow: auto;
	transition-property: margin; /* Active la transition sur background-color */
	transition-duration: 0.4s; /* La transition dure 1s */	
	overflow: hidden;
}
#menu_map .bloc_info .info{
	position:relative;
}
#menu_map.tour .bloc_info {
	display:none;
}
#menu_map .nav_point {
	position: absolute;
	right: 50%;
	bottom: 5px;
	margin-right: -30px;
}
#menu_map .nav_point div {
	margin-left: 5px;
	padding: 2px 8px;
	font-weight: bold;
	background-color: #CCC;
	opacity:0.7;
	transition-property: opacity; /* Active la transition sur background-color */
	transition-duration: 0.4s; /* La transition dure 1s */	
}
#menu_map .nav_point div:hover {
	opacity:1;
}
#menu_map .theme {
font-size: 18px;
padding: 2px 35px;
}
#menu_map.ss_picto .theme {
padding: 2px 35px 2px 10px;
}
#menu_map .legende {
	font-size: 16px;
	padding-right: 20px;
	line-height: 18px;
}
#menu_map .info {
	font-size: 14px;
}
#menu_map.ac_inf .info {
  min-height: 27px;
  max-height: 300px;
  overflow: auto;
}
#menu_map.ac_leg .legende {
  min-height: 27px;
}
#menu_map .adresse {
	position: absolute;
	bottom: 3px;
	font-size: 12px;
	width: calc(100% - 20px);
}
#menu_map .bt_lien{
	background-position: center;
	background-repeat: no-repeat;
	background-color: #777676;
	background-image: url(/front/images/bt_poi_lien2.png);
	background-size: 80%;
	border-radius: 4px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition-property: opacity;
	transition-duration: 0.3s;
	position: absolute;
	bottom: 5px;
	left: 5px;
	opacity:0.6;
	display:none;
}
#menu_map .bt_lien:hover{
	opacity:1;
}
#menu_map.avec_lien .adresse {
	margin-left: 30px;
}
#menu_map.avec_lien .bt_lien{
	display:block;
}
#menu_map .bloc_datatourisme {
	display:none;
}
#menu_map.tour .bloc_datatourisme {
	display:block;
}
#menu_map .no-boite {
display:none;
}


/*  CSS FICHE INSEE  */
ul.info-insee,ul.data-insee {
 padding-left:0;
 font-size: 16px;
 margin-top: 12px;
}
ul.info-insee > li > ul > li > ul > li,ul.data-insee > li {
 font-size: 12px;
 line-height:14px;
 position: relative;
}

ul.info-insee > li > ul > li > ul > li span,ul.data-insee > li span {
 font-size: 12px;
}


ul.info-insee ul,ul.data-insee ul {
 padding-left:13px;
}
ul.info-insee li,ul.data-insee li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
ul.info-insee > li,ul.data-insee li.comp_cat {
	line-height: 16px;
	margin-top: 12px;
	font-weight:bold;
}
ul.data-insee li.comp_source {
	font-size:10px;
	margin-left: 35px;
}
ul.data-insee li.comp_val {
	margin-left: 35px;
}
ul.data-insee li.comp_val span {
	position:absolute;
	right: calc(100% + 5px);
}
ul.info-insee > li.res > span {
	position:absolute;
	left:10px;
	font-size:16px;
}
ul.info-insee > li.res {
	font-size:16px;
	line-height: 16px;
	margin-top: 6px;
	font-weight:normal;
	position:relative;
	padding-left: 45px;
}
ul.info-insee.bData > li.res {
	padding-left: 55px;
}
ul.info-insee.bbData > li.res {
	padding-left: 65px;
}
ul.info-insee > li.detail {
	line-height: 16px;
	margin-top: 12px;
	font-weight:bold;
}

ul.info-insee > li > ul > li {
	line-height: 16px;
	margin-top: 5px;
}
ul.info-insee > li > span {
	font-size:12px;
}
ul.info-insee > li > ul > li >span {
	font-size:10px;
}

ul.info-insee > li > ul > li > ul {
	padding-left:20px;
	margin-top: 3px;
	font-weight:normal;
}
ul.info-insee > li > ul > li > ul > li span:nth-child(1) {
	font-weight: bold;
	position: absolute;
	right: calc(100% + 4px);
}
#menu_map .bpe_insee {
	background-image: url("/front/images/bpe_insee.jpg");
	width: 80px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;

}
#menu_map .lien_insee {
	position: absolute;
	right: 20px;
	bottom: 5px;
	background-color: #666;
	border-radius: 5px;
	cursor: pointer;
	padding: 1px 5px;
}
#menu_map .lien_insee a{
	color:#DDD;
}
#menu_map .lien_insee a:hover,#menu_map .lien_insee a:focus{
	color:#FFF;
}
/* #menu_map.reduit #map{ */
	/* height: 40px; */
	/* width: 330px; */
	/* opacity: 0.6; */
	/* margin-left: 10px; */
	/* border: solid 2px #FFF; */
	/* cursor: pointer !important; */
	/* border-radius:5px; */
/* } */
/* #menu_map.reduit .bloc_info { */
	/* margin-bottom:90px;; */
/* } */



#menu_map.import_2 .theme{
padding-left:10px;
}

/*
#menu_map.import_2 .theme:before{
position: absolute;
border: solid 1px;
border-radius: 30px;
line-height: 22px;
font-size: 14px;
font-weight: bold;
margin-left: -30px;
margin-top: 2px;
}
#menu_map.import_2.num_1 .theme:before{ content: "1"; padding: 0 7px; }
#menu_map.import_2.num_2 .theme:before{ content: "2"; padding: 0 7px; }
#menu_map.import_2.num_3 .theme:before{ content: "3"; padding: 0 7px; }
#menu_map.import_2.num_4 .theme:before{ content: "4"; padding: 0 7px; }
#menu_map.import_2.num_5 .theme:before{ content: "5"; padding: 0 7px; }
#menu_map.import_2.num_6 .theme:before{ content: "6"; padding: 0 7px; }
#menu_map.import_2.num_7 .theme:before{ content: "7"; padding: 0 7px; }
#menu_map.import_2.num_8 .theme:before{ content: "8"; padding: 0 7px; }
#menu_map.import_2.num_9 .theme:before{ content: "9"; padding: 0 7px; }
#menu_map.import_2.num_10 .theme:before{ content: "10"; padding: 0 2px; }
#menu_map.import_2.num_11 .theme:before{ content: "11"; padding: 0 2px; }
#menu_map.import_2.num_12 .theme:before{ content: "12"; padding: 0 2px; }
#menu_map.import_2.num_13 .theme:before{ content: "13"; padding: 0 2px; }
#menu_map.import_2.num_14 .theme:before{ content: "14"; padding: 0 2px; }
#menu_map.import_2.num_15 .theme:before{ content: "15"; padding: 0 2px; }
#menu_map.import_2.num_16 .theme:before{ content: "16"; padding: 0 2px; }
#menu_map.import_2.num_17 .theme:before{ content: "17"; padding: 0 2px; }
#menu_map.import_2.num_18 .theme:before{ content: "18"; padding: 0 2px; }
#menu_map.import_2.num_19 .theme:before{ content: "19"; padding: 0 2px; }
#menu_map.import_2.num_20 .theme:before{ content: "20"; padding: 0 2px; }
#menu_map.import_2.num_21 .theme:before{ content: "21"; padding: 0 2px; }
#menu_map.import_2.num_22 .theme:before{ content: "22"; padding: 0 2px; }
#menu_map.import_2.num_23 .theme:before{ content: "23"; padding: 0 2px; }
#menu_map.import_2.num_24 .theme:before{ content: "24"; padding: 0 2px; }
#menu_map.import_2.num_25 .theme:before{ content: "25"; padding: 0 2px; }
#menu_map.import_2.num_26 .theme:before{ content: "26"; padding: 0 2px; }
#menu_map.import_2.num_27 .theme:before{ content: "27"; padding: 0 2px; }
#menu_map.import_2.num_28 .theme:before{ content: "28"; padding: 0 2px; }
#menu_map.import_2.num_29 .theme:before{ content: "29"; padding: 0 2px; }
*/


body.smart #menu_map.sans-carte .bloc_info {
	margin-bottom:40px!important;
}
body.smart #menu_map .bloc_info {
	/* margin-bottom:205px; !important; */
	margin-bottom:180px!important;
}

/* body.smart.fbb #menu_map { */
	/* margin-bottom:0px; */
/* } */

#menu_map #map{
	height:240px;
	transition-property: opacity,height,width,margin-left; /* Active la transition sur background-color */
	transition-duration: 0.4s; /* La transition dure 1s */		
}
#menu_map.tour #map{
	height:200px !important;
	bottom:0px !important;
	position:relative !important;
	z-index:2;	
}
body.media_smart #menu_map.tour #map {
	height:142px !important;
}
#menu_map.tour #map.masque{
	/* opacity:0 !important; */
	display:none !important;
	z-index:0;
}
#menu_map .theme span{
	margin-top: 3px;
	display: inline-block;
	margin-bottom: 1px;
}

#menu_map.tour .theme,#menu_map.tour #horaire_poi .hr_periode {
	color:#fff;
}
#menu_map.tour1 .theme,#menu_map.tour1 .bt_plus,#menu_map.tour1 .bt_moins,#menu_map.tour1 #horaire_poi .hr_periode,#menu_map.tour1 .bt_poi,#titre_poi .nav_poi span.tour1 {
	background-color:#e20030!important;
}

#menu_map.tour2 .theme,#menu_map.tour2 .bt_plus,#menu_map.tour2 .bt_moins,#menu_map.tour2 #horaire_poi .hr_periode,#menu_map.tour2 .bt_poi,#titre_poi .nav_poi span.tour2 {
	background-color:#ba00e2!important;
}

#menu_map.tour3 .theme,#menu_map.tour3 .bt_plus,#menu_map.tour3 .bt_moins,#menu_map.tour3 #horaire_poi .hr_periode,#menu_map.tour3 .bt_poi,#titre_poi .nav_poi span.tour3 {
	background-color:#6500e2!important;
}

#menu_map.tour4 .theme,#menu_map.tour4 .bt_plus,#menu_map.tour4 .bt_moins,#menu_map.tour4 #horaire_poi .hr_periode,#menu_map.tour4 .bt_poi,#titre_poi .nav_poi span.tour4 {
	background-color:#000be2!important;
}

#menu_map.tour5 .theme,#menu_map.tour5 .bt_plus,#menu_map.tour5 .bt_moins,#menu_map.tour5 #horaire_poi .hr_periode,#menu_map.tour5 .bt_poi,#titre_poi .nav_poi span.tour5 {
	background-color:#00e2d5!important;
}

#menu_map.tour6 .theme,#menu_map.tour6 .bt_plus,#menu_map.tour6 .bt_moins,#menu_map.tour6 #horaire_poi .hr_periode,#menu_map.tour6 .bt_poi,#titre_poi .nav_poi span.tour6 {
	background-color:#009ae2!important;
}

#menu_map.tour7 .theme,#menu_map.tour7 .bt_plus,#menu_map.tour7 .bt_moins,#menu_map.tour7 #horaire_poi .hr_periode,#menu_map.tour7 .bt_poi,#titre_poi .nav_poi span.tour7 {
	background-color:#e29000!important;
}


	
#titre_poi {
	max-height: 55px;
	line-height: 12px;
	font-size: 12px;
	padding: 5px 15px;
	width:100%;
	overflow: hidden;
	font-weight:bold;
	text-align:center;
} 


body.media_smart #titre_poi {
	padding: 5px;
	height:27px;
}
body.media_smart #action_poi {
	background-size: 20%;
}
body.media_smart #titre_poi .nav_poi {
bottom: 35px;
margin-right: -110px;
}

body.media_smart #titre_poi.aff_map {
position: absolute;
bottom: 50px;
z-index: 22;
background-color: #ffffffb0;
color: #000;
padding-bottom: 3px;
}

body.media_smart  #menu_map .theme{
	font-size: 16px;
	line-height: 26px;
}
body.media_smart  .bt_poi {
	width: 37px;
height: 37px;
}
#titre_poi .nav_poi{
	text-align: center;
	height: 20px;
	position: absolute;
	bottom: 50px;
	right: 50%;
	margin-right: -50px;
	background-color: #FFFFFFD6;
	padding-top: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#titre_poi .nav_poi .bt_poi_moins,#titre_poi .nav_poi .bt_poi_plus{
	padding: 0 5px;
	color: #FFF;
	border-radius: 30px;
	opacity:0.4;
	font-weight:bold;
	margin: 10px;
	cursor:pointer;
	transition-property: opacity;
	transition-duration: 0.3s;		
}
#titre_poi .nav_poi .bt_poi_moins:hover,#titre_poi .nav_poi .bt_poi_plus:hover{
	opacity:1;
}




#media_poi {
height: 200px;
/* position: absolute; */
/* margin-top:-207px; */
width:100%;
display:none;
z-index: 12;
}
body.media_smart #menu_map {
	min-height:229px;
}
body.media_smart #media_poi {
	height: 149px;
	margin-top: 0;
	position: relative;
}
#media_poi .bloc_image {
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#media_poi.actif,#info_poi.actif,#horaire_poi.actif,#tarif_poi.actif {
	display:block;
}
#menu_map.no-media #media_poi,#menu_map.tour.no-media #bt_map_poi,#menu_map.tour.no-media #bt_media_poi {
	display:none!important;
}
body.media_smart #menu_map.tour.no-media #bt_map_poi {
	display:block!important;
}

#info_poi {
min-height: 100px;
max-height: 200px;
overflow-y: scroll;
line-height: 16px;
font-size: 14px;
padding: 0px 4px 20px 18px;
width:100%;
text-align: center;
display:none;
}

body.media_smart #horaire_poi,body.media_smart #info_poi {
	height: 122px;
}
#horaire_poi {
min-height: 100px;
max-height: 200px;
overflow-y: scroll;
line-height: 16px;
font-size: 14px;
padding: 0px 0px 20px 18px;
width:100%;
display:none;
text-align:center;
}
#horaire_poi .hr_periode {
background-color: #888;
padding: 2px 10px;
color: #FFF;
display: block;
border-radius: 15px;
margin: 5px 0 3px;
text-align: center;
}
#horaire_poi .hr_periode:nth-child(1) {
	margin-top:0;
}

#horaire_poi .hr_jour,#horaire_poi .hr_heure {
	padding-left: 10px;
	display: block;
}
#tarif_poi {
min-height: 100px;
max-height: 200px;
overflow:auto;
line-height: 16px;
font-size: 14px;
padding: 0px 4px 20px 15px;
width:100%;
display:none;
}
#action_poi {
height: 50px;

background-color:#FFF;
padding:5px;
background-position: right 73px center;
background-repeat: no-repeat;	
/* background-image: url(/front/images/logo-data-tourisme.png); */
background-size: 30%;

}

.bt_poi {
	width:40px;
	height:40px;
	opacity:0.4;
	float:left;
	background-color:#666;
	margin-left:5px;
	cursor:pointer;
	transition-property: opacity;
	transition-duration: 0.3s;	
}
.bt_poi:hover {
	opacity:0.6;
}
.bt_poi.masque {
	display:none;
}
.bt_poi.actif {
	opacity:1;
}

#bt_info_poi {
	background-position: center;
	background-repeat: no-repeat;	
	background-image: url(/front/images/bt_poi_fiche.png);
	background-size: 80%;
	border-radius: 4px;
}

#bt_horaire_poi {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/front/images/bt_poi_horaire.png);	
	background-size: 80%;
	border-radius: 4px;
}

#bt_tarif_poi {
	background-position: center;
	background-repeat: no-repeat;	
	background-size: 80%;
	border-radius: 4px;
}

#bt_media_poi {
	position: absolute;
	top: 190px;
	left: 3px;
	z-index: 20;
	opacity:1;	
	border: 2px solid rgba(0,0,0,0.2);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius: 4px;
	opacity: 0.8!important;
}
#bt_maps_poi,#bt_waze_poi { 
	display:none;
	float: right;
}
#bt_maps_poi::before {
  content: "Y aller :";
  position: absolute;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-left: -64px;
  margin-top: 22px;
  background-color: #009ae2;
  padding: 0 5px;
  border-radius: 5px;
}
#menu_map #bt_maps_poi.bt_poi { 
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/front/images/lien_maps.png);	
	background-size: cover;
	border-radius: 10px;
	opacity: 1!important;
	background-color: transparent !important;
	margin-top: -2px;
}

#menu_map #bt_waze_poi.bt_poi { 
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/front/images/bt_waze2.png);	
	background-size: cover;
	border-radius: 10px;
	background-color: transparent !important;
	opacity: 1!important;
}
#menu_map #bt_maps_poi.bt_poi:hover,#menu_map #bt_waze_poi.bt_poi:hover { 
	opacity: 1!important;
}
#bt_waze_poi a,#bt_maps_poi a{
	width:100%;
	height:100%;
	display:block;
}

#menu_map.tour #bt_waze_poi,#menu_map.tour #bt_maps_poi { display:block;}


body.media_smart #bt_media_poi,body.media_smart #bt_map_poi {
	opacity:0.4;
	position: inherit;
}

#bt_media_poi.actif,#bt_map_poi.actif {
	display:none;
}
body.media_smart #bt_media_poi.actif,body.media_smart #bt_map_poi.actif {
	display:block;
	opacity:1!important;
}
#bt_map_poi {
	position: absolute;
	top: 190px;
	left: 3px;
	z-index: 20;
	opacity:1;
	border: 2px solid rgba(0,0,0,0.2);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius: 4px;	
	background-image: url(/front/images/bt_map.jpg);
}
body.media_smart #bt_map_poi {
	position: inherit;
	display:block!important;
	opacity:0.4!important;
}

[class^="icomoon-"], [class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
span.icomoon-ico {
	background-color: #fff;
	color: var(--ma-couleur);
	border-radius: 17px;
	width: 17px;
	display: inline-block;
	height: 17px;
	text-align: center;
	line-height: 18px;
}

span.icomoon-ico:before {
  content: var(--mon-code-var);
  font-size: 12px;
  margin-left: 2px;
}

div.psv-actif {
	z-index:31!important;
}
.psv-marker--normal:hover {
	z-index:32!important;
}

.psv-notification {
	bottom: -30px; 
	/* top: 100%; */
	cursor: all-scroll;
	transition-property: opacity;
	transition-duration: 0.3s;
	z-index:19;	
	position:fixed!important;
}
.psv-notification.actif{
	opacity:1;
	
}
	
.psv-notification-content{
	font:10px Nunito;
	transition-property: width,height;
	transition-duration: 1s;	
	text-align: center;
	max-width: 75em;
	position: relative;
	border-radius: 20px;
	padding: 0.4em 7px 30px;
	background-color: var(--unit-fond-menu);
}
.psv-notification-content ul{
	
	margin-bottom: 0;
	display: inline;
	padding: .25em 0;
	list-style-type: none;	
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	width: 100%;
}
.psv-notification-content ul li {
	list-style-type: none;
	padding: .3em 0.2em .3em 0.3em;
	box-sizing: content-box;
	background-color: transparent;
	transition-property: background-color;
	transition-duration: 0.5s;
	display: inline-block;	
}

.psv-notification-content ul li .texteLegende{
	padding: 0px 5px 0 5px;
	display: inline-block;
    text-decoration: none;
    white-space: nowrap;	
}
.f-legende {
	display: inline-block;
	margin-bottom: -3px;
}
.f-legende-1 {
	width: 10px;
	height: 10px;
	margin-bottom: -2px;
	border:2px solid;
	border-color:var(--ma-couleur);
	border-radius:13px;
}
.f-legende-2 {
  width: 10px;
  height: 10px;
  background-color: var(--ma-couleur);
  border-radius: 13px;
  margin-bottom: -2px;
}
.f-legende-3 {
	width: 10px;
	height: 10px;
	margin-bottom: -2px;
	border:2px solid;
	border-color:var(--ma-couleur);
	background-color:#FFF;
	border-radius:13px;
}
.f-legende-4 {
	width: 10px;
	height: 10px;
	margin-bottom: -2px;
	border:2px solid;
	border-color:var(--ma-couleur);
}
.f-legende-5 {
	width:15px;
	height:15px;
	background-color:var(--ma-couleur);
}
.f-legende-6 {
	width:15px;
	height:15px;
	border:1px solid;
	border-color:var(--ma-couleur);
	background-color:#FFF;
}
.f-legende-7 {
	width: 20px;
	height: 4px;
	background-color: var(--ma-couleur);
	margin: 0 0 2px;
}
.txt-no-select {
	-webkit-user-select: none; // For Webkit
	-khtml-user-select: none;
	-moz-user-select: none; // For Mozilla
	-o-user-select: none;
	user-select: none; // Default
}
i.icomoon-ouvre{
	icomoon
}
i.icomoon-ouvre:before {
  content: "\f077";
  font-size: 14px;
}

#bloc-titre {
  position: absolute;
  z-index: 19;
  top: 5px;
  bottom:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
  opacity: 0;
  -webkit-transition-property: opacity, bottom;
  transition-property: opacity, bottom;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
	text-align:center;
}
body.charge-pano #bloc-titre {
	opacity:0!important
}
/*
body.aff-vert #bloc-titre.actif,body.aff-vert #bloc-titre {
	opacity: 0;
}
*/
#bloc-titre .titre-content,#bloc-heure {
	display:none;
}
#bloc-titre.actif {
	opacity: 1;
}
#bloc-titre.actif .titre-content,#bloc-titre.actif #bloc-heure  {
	display:table;
}
#bloc-titre .titre-content {
  max-width: calc(100% - 60px);
  background-color: var(--unit-fond-menu-alpha);
  border-radius: 4px;
  padding: 0.6em 1.2em;
  font: 16px sans-serif;
  color: white;
}
#bloc-heure {
position: absolute;
margin-top: -12px;
font-family: 'Barlow Semi Condensed';
font-weight: bold;
text-shadow: 1px 1px 2px black, 0 0 1em #30305e, 0 0 0.2em #424259;
font-size: 30px;
color: #FFF;
right: 5px;
top: 0;
}
#msg-flash {
  position: fixed;
  z-index: 25;
  bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
  opacity: 0;
  -webkit-transition-property: opacity, bottom;
  transition-property: opacity, bottom;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
	text-align:center;
}
@media (max-width: 600px) {
	body #msg-flash {
		padding:0;
		max-width:100%;
		width:100%;
	}
	body #msg-flash .info-zone {
		max-width:100%!important;
		font-size: 12px;
	}
	#msg-flash .info-zone .info_larg {
		width: 80px!important;
	}
	#msg-flash .info-zone .info_green {
		width: 100px!important;
	}
	#msg-flash .info-zone .info_pente {
		width: 60px!important;
	}
	#msg-flash .info-zone .info_incl {
		width: 60px!important;
	}
	#msg-flash .info-zone .info_dep0,#msg-flash .info-zone .info_dep1,#msg-flash .info-zone .info_dep2,#msg-flash .info-zone .info_dep3 {
		width: 85px!important;
	}	
	#msg-flash .info-zone div i.fa-sort-up {
	  margin-left: -9px!important;
	}	
	#msg-flash .info-zone div i.fa-sort-down {
	  margin-left: -9px!important;
	}	
	#msg-flash .info_info {
		margin-left: 330px!important;	
	}	
	body #bt_ar {
		max-width: 40%!important;
		bottom: 5px!important;
		right: 5px!important;
	}	
}
@media (max-height: 600px) {
	body #msg-flash {
		bottom:10px;
	}
}

#msg-flash .titre-content {
	display:none;
}

#msg-flash.actif {
	opacity: 1;
}
#msg-flash.actif .titre-content,#msg-flash.actif .info-zone  {
	display:table;
}
#msg-flash h3 {
	font-size: 1.3rem;
	line-height: 1.2rem;
	width: 100%;		
}
#msg-flash .titre-content {
  max-width: calc(100% - 60px);
  background-color: var(--unit-fond-menu-alpha);
  border-radius: 4px;
  padding: 0.6em 1.2em;
  font: 16px sans-serif;
  color: white;
}

#msg-flash .info-zone {
  max-width: calc(100% - 60px);
  background-color: var(--unit-fond-menu-alpha);
  border-radius: 4px;
  padding: 0.6em 1.2em;
  font: 16px sans-serif;
  color: white;
  display:none;
   
}
#msg-flash .ferme_info {
	display: block;
	height: 15px;
	width: 100px;
	background-position: center;
	float: right;
	position: absolute;
	background-color: #000;
	margin-top: -15px;
	border-radius: 5px 5px 0 0;
	padding: 7px 30px;
	background-color: rgb(251, 120, 20);
	opacity:0.7;
	cursor:pointer;
}
#msg-flash .ferme_info:hover {
	opacity:1;
}
#msg-flash .info_info {
	background-image: url(../images/golf/info_zone/info_info.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 30px;
	width: 30px;
	background-position: center;
	position: absolute;
	opacity:0.7;
	cursor:pointer;
	margin-left: 440px;
	margin-top: 4px;	
}
#msg-flash .info_info:hover {
	opacity:1;
}

#msg-flash .ferme_info div{
	width: 40px;
	height: 3px;
	background-color: #FFF;
	position: absolute;	
}
#msg-flash .info-zone .ligne1 {
	display: inline-flex;
}
#msg-flash .info-zone .info_larg {
	width: 120px;
	float:left;
}
#msg-flash .info-zone .info_green {
	width: 110px;
	float:left;
}
#msg-flash .info-zone .info_pente {
	width: 70px;
	float:left;
}
#msg-flash .info-zone .info_incl {
	width: 70px;
	float:left;
}
#msg-flash .info-zone .info_dep0,#msg-flash .info-zone .info_dep1,#msg-flash .info-zone .info_dep2,#msg-flash .info-zone .info_dep3 {
	width: 110px;
	float:left;
}
#msg-flash .info-zone .info_larg span {
	background-image: url(../images/golf/info_zone/largeur.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 30px;
	background-position: center;	
}
#msg-flash .info-zone .info_green span {
	background-image: url(../images/golf/info_zone/dist_green.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 30px;
	background-position: center;

}
#msg-flash .info-zone div i {
	margin-left: 7px;	
	margin-right: 2px;	
	opacity:0.5;
}
#msg-flash .info-zone div i.fa-sort-up {
	position: absolute;
	margin-left: -12px;
	margin-top: 1px;
	opacity:1;
}
#msg-flash .info-zone div i.fa-sort-down {
	position: absolute;
	margin-left: -12px;
	margin-top: 1px;
	opacity:1;
}

#msg-flash .info-zone .info_pente span {
	background-image: url(../images/golf/info_zone/pente.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 30px;
	background-position: center;
}

#msg-flash .info-zone .info_incl span {
	background-image: url(../images/golf/info_zone/incline_d.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 30px;
	background-position: center;
}
#msg-flash .info-zone .info_incl span.a_g {
	background-image: url(../images/golf/info_zone/incline_g.png);
}

#msg-flash .info-zone .info_dep0 span {
	background-image: url(../images/golf/info_zone/dep_blanc.png);
	background-repeat: no-repeat;
	background-size: 70%;
	display: block;
	height: 30px;
	background-position: center bottom;
}
#msg-flash .info-zone  .info_dep1 span {
	background-image: url(../images/golf/info_zone/dep_jaune.png);
	background-repeat: no-repeat;
	background-size: 70%;
	display: block;
	height: 30px;
	background-position: center bottom;
}
#msg-flash .info-zone  .info_dep2 span {
	background-image: url(../images/golf/info_zone/dep_bleue.png);
	background-repeat: no-repeat;
	background-size: 70%;
	display: block;
	height: 30px;
	background-position: center bottom;
}
#msg-flash .info-zone  .info_dep3 span {
	background-image: url(../images/golf/info_zone/dep_rouge.png);
	background-repeat: no-repeat;
	background-size: 70%;
	display: block;
	height: 30px;
	background-position: center bottom;
}
.psv-settings-list {
    list-style: none;
	margin-bottom: 0;
	overflow-x: hidden;
	/* margin-left:calc(50% - 176px); */
	padding: 0 10px;
	scrollbar-width: thin;
}
body.media_smart .psv-settings-list {
	padding: 0;
}
.psv-settings-item {
    clear: both;
    min-height: 20px;
    padding: 0.5em 0.2em;
    cursor: pointer;
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	position: relative;
}
#menu-pano .psv-settings-item {
	padding: 0;
}
#menu-niveau0 .psv-settings-item,#menu-niveau1 .psv-settings-item {
	padding: 0.5em 0.2em;;
}
#bt_cgu {
width: 49%;
  font-size: 10px;
  cursor: pointer;
  float: left;
  padding: 5px 0;
  font-family: Nunito;
}
#bt_mention {
font-size: 10px;
  width: 49%;
  float: right;
  cursor: pointer;
  padding: 5px 0;
  font-family: Nunito;
}
.psv-settings-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* font: 18px Nunito; */
	margin: 0;
	/* padding: 5px 5px 5px 0; */
	padding: 5px 30px 5px 10px;
	text-align: left;
	background-color: var(--unit-fond-titre-menu);
	color: var(--unit-txt-titre-menu);
}
#panel1 .psv-settings-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 18px Nunito;
  margin: 0;
  padding: 5px 5px 5px 0;
  text-align: center;
  background-color: var(--unit-fond-titre-menu);
  color: var(--unit-txt-titre-menu);
}
.psv-panel {
	width:var(--largeur-menu, 350px);
	z-index:27;
	overflow: hidden;
	max-width:100%;
	position:fixed!important;
	top:0;
	background-color: rgba(10, 10, 10, 0);
}
.psv-panel.psv-panel--open {
	z-index:28;
}
#panel1 {
	background-color: var(--unit-fond-menu-alpha);
	z-index:28;
}
.psv-panel.psv-panel-gauche {
	right: calc(100vw + var(--largeur-menu, 350px));
}
body.charge-pano .psv-panel--open.psv-panel-gauche {
-webkit-transform: none!important;
transform: none!important;
}
.psv-panel--open.psv-panel-gauche {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.psv-panel-content{
	font-family:Nunito;
	color: #FFF;
}

#panel2{
	overflow: initial;
}


#menu-niveau0 .psv-settings-item .bt_action,#menu-niveau1 .psv-settings-item .bt_action {
  padding: 2px 10px;
  line-height: 20px;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.3s;
  width: 100%;
  color: var(--unit-txt-bt-menu);
  background-color: var(--unit-fond-bt-menu);
  border: var(--unit-menu0-bord-w,0) solid var(--unit-menu0-bord-c,transparent);
  border-radius:var(--unit-menu0-bord-rad,0); 
  max-height: 70px;
  overflow:hidden;
  display: flex;
  min-height:38px;

  position:relative;
}
#menu-niveau0 .sidebar-menu li > a > .fa-angle-left,#menu-niveau1 .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > div.bt_action > .fa-angle-left {
	top: 14px;
}
.psv-settings-item .bt_action.sans_legende {

}
#menu-niveau0 .psv-settings-item .bt_action:hover,#menu-niveau1 .psv-settings-item .bt_action:hover {
opacity: 1;
}
#menu-niveau0 .psv-settings-item.actif .bt_action,#menu-niveau0 .psv-settings-item.actif:hover .bt_action,#menu-niveau1 .psv-settings-item.actif .bt_action,#menu-niveau1 .psv-settings-item.actif:hover .bt_action {
  background-color: var(--unit-fond-bt-menu-actif);
  color: var(--unit-txt-bt-menu-actif);
  cursor:default;
  opacity: 1;
}
#menu-niveau0 .psv-settings-item.actif .menu_vignette,#menu-niveau1 .psv-settings-item.actif .menu_vignette {
	cursor:default;
}
#menu-niveau0 .psv-settings-item .menu_vignette {
	width: var(--unit-menu0-img-larg,30%);
	height: 100%;
	background-size: cover;
	z-index: 2;
	background-position: center;
}
#menu-niveau1 .psv-settings-item .menu_vignette {
	width: 120px;
	height: 70px;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right:7px;
}
#menu-niveau0 .psv-settings-item .bt_action.avec_vignette,#menu-niveau1 .psv-settings-item .bt_action.avec_vignette {
	text-align: center;
	/* padding-right: 108px; */
	font-size: 18px;
	line-height: 16px;

	height: 70px;
	margin-left:0;
	margin-right:auto;
	/* padding-left: 5px;	 */
	overflow: hidden;
	padding: 0;
}
#menu-niveau0 .psv-settings-item .bt_action.avec_vignette p,#menu-niveau1 .psv-settings-item .bt_action.avec_vignette p{
	width:calc(100% - var(--unit-menu0-img-larg,30%));
}
#menu-niveau0 .psv-settings-item .bt_action.avec_vignette.sans_legende,#menu-niveau1 .psv-settings-item .bt_action.avec_vignette.sans_legende {
	line-height: 30px;
	font-size:18px;
	font-weight:normal;
}
#menu-niveau0 .psv-settings-item .bt_action p,#menu-niveau1 .psv-settings-item .bt_action p{
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	padding: 3px 5px;
}


#menu-niveau0 .psv-settings-item .bt_action span,#menu-niveau1 .psv-settings-item .bt_action span {
	display: block;
	font-size: 12px;
	font-weight: normal;	
	line-height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#menu-niveau0 .psv-settings-item.avec_menu > div,#menu-niveau1 .psv-settings-item.avec_menu > div{
	padding-right: 30px;
    color: var(--unit-txt-bt-menu);
    background-color: var(--unit-fond-bt-ssmenu,var(--unit-fond-bt-menu));
    border: var(--unit-ssmenu0-bord-w,var(--unit-menu0-bord-w,0)) solid var(--unit-ssmenu0-bord-c,var(--unit-menu0-bord-c,transparent));
    border-radius:var(--unit-ssmenu0-bord-rad,var(--unit-menu0-bord-rad,0)); 
}
#menu-niveau0 .psv-settings-item.avec_menu > div > p,#menu-niveau1 .psv-settings-item.avec_menu > div > p {
	margin-left:inherit;
}
#menu-niveau0 .psv-settings-item.avec_menu.active > .bt_action,#menu-niveau1 .psv-settings-item.avec_menu.active > .bt_action {
	opacity:1;
}
#menu-niveau0 .sidebar-menu .sidebar-submenu,#menu-niveau1 .sidebar-menu .sidebar-submenu {
    margin: 0px;
	/* padding: 0 5px 10px 0; */
	padding: 0 0 10px 10px;
	/* width: calc(var(--largeur-menu) - 29px); */
	width: 100%;
  
}

#menu-niveau0 .sidebar-menu .sidebar-submenu li,#menu-niveau1 .sidebar-menu .sidebar-submenu li{
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

#menu-niveau0 .sidebar-menu .sidebar-submenu > li > a,#menu-niveau1 .sidebar-menu > li > a {
  padding: 0;
}
#menu-niveau1 .sidebar-menu{
	padding-top:5px;
}
#menu-niveau1 .psv-settings-item{
	font-size:0.8em;
	cursor:default;
}
#menu-niveau1 .psv-settings-item.avec-img{
	min-height: 130px;
}
#menu-niveau1 .psv-settings-item.avec-img.avec-bt{
	min-height: 140px;
}
#menu-niveau1 .psv-settings-item.avec-bt{
	padding-bottom:30px;
}
#menu-niveau1 p {
	margin-bottom:0.2em;
}
#menu-niveau1 .date-actu {
	font-size:1em;
	width: 100%;
	text-align:right;	
}
#menu-niveau1 .sep-actu {
	height: 2px;
	background-color: #FFF;
	width: calc(100% - 60px);
	margin-top: -10px;
}
#menu-niveau1 .titre-actu {
	width: 100%;
	float: left;
	font-size: 1.2em;
	padding: 5px 0;
}
#menu-niveau1 .texte-actu {
	width: 100%;
	float: left;
	font-size: 1em;
	padding:5px 0;
}
#menu-niveau1 .cat-actu {
	font-size: 1em;
	position: absolute;
	padding: 0 5px;
	margin-top: -18px;
}

#menu-niveau1 .bt-actu {
	position: absolute;
	font-size: 1.2em;
	padding: 3px 20px;
	border-radius: 20px;
	right: 10px;
	cursor: pointer;
	bottom: 5px;
}
#menu-niveau1 .cat-actu.cat-actu-1 {
	background-color: var(--unit-cat-actu-1,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-2 {
	background-color: var(--unit-cat-actu-2,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-3 {
	background-color: var(--unit-cat-actu-3,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-4 {
	background-color: var(--unit-cat-actu-4,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-5 {
	background-color: var(--unit-cat-actu-5,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-6 {
	background-color: var(--unit-cat-actu-6,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-7 {
	background-color: var(--unit-cat-actu-7,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-8 {
	background-color: var(--unit-cat-actu-8,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-9 {
	background-color: var(--unit-cat-actu-9,transparent);
}
#menu-niveau1 .cat-actu.cat-actu-10 {
	background-color: var(--unit-cat-actu-10,transparent);
}


#menu-pano .psv-settings-item .bt_action.avec_picto i.fa:nth-child(1)::before{
  content: var(--my-code-picto);
}
#menu-pano .sidebar-menu > .psv-settings-item > .avec_vignette > .menu_vignette {
	margin-top: -8px;
}
#menu-pano .psv-settings-item > .avec_vignette > .menu_vignette {
	position: absolute;
	width: 54px;
	height: 39px;
	background-size: cover;
	z-index: 2;
	background-position: center;
	margin-top: -10px;
	border: 1px solid;
}
#menu-pano .psv-settings-item > .avec_vignette.ss_bord > .menu_vignette {
	background-size: contain;
	z-index: 2;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -10px;
	border: 0px solid;
	width: 39px;
}
#menu-pano .psv-settings-item > .avec_vignette.gauche > .menu_vignette {
	left: 18px;
}
#menu-pano .psv-settings-item > .avec_vignette.droite > .menu_vignette {
	right: 8px;
}
#menu-pano .psv-settings-item > div.avec_vignette.gauche {
	padding-left:80px;
}
#menu-pano .psv-settings-item > div.avec_vignette.ss_bord.gauche {
	padding-left:45px;
}
#menu-pano .psv-settings-item > div.avec_vignette.droite {
	padding-right:65px;
}
#menu-pano .psv-settings-item.avec_menu > div.avec_picto {
	padding-left:40px;
}
#menu-pano .psv-settings-item > div.avec_picto {
	padding-left:40px;
}
#menu-pano .psv-settings-item.avec_menu > div{
	padding-right: 30px;
}

#menu-pano .psv-settings-item > div.avec_picto > i:nth-child(1) {
	position:absolute;
	margin-left: -25px;
	margin-top: 1px;
}

.sidebar-menu li.avec_menu > div.bt_action > .fa-angle-left {
	right: 0;
	position: absolute;
	top: calc(50% - 10px);  
}
.sidebar-menu .affMenuCtrl .sidebar-submenu > li > div.bt_action { 
  padding-left:35px;
}
.sidebar-menu .affMenuCtrl .sidebar-submenu > li.bloc-rub > div.bt_action,.sidebar-menu .affMenuCtrl .sidebar-submenu > li.ss-rub > div.bt_action {
  padding-left:25px;
}
.sidebar-menu .affMenuCtrl .sidebar-submenu > li.bloc-rub > div.bt_action:before {
  content:'\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  margin-left: -12px;
  margin-top: 2px;  
}
.sidebar-menu .affMenuDataT .sidebar-submenu > li > div.bt_action { 
  padding-left:25px;
}
.sidebar-menu .affMenuDataT .sidebar-submenu > li.bloc-rub > div.bt_action,.sidebar-menu .affMenuDataT .sidebar-submenu > li.ss-rub > div.bt_action {
  padding-left:25px;
}
.sidebar-menu .affMenuDataT .sidebar-submenu > li.bloc-rub > div.bt_action:before {
  content:'\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  margin-left: -12px;
  margin-top: 0;  
}

#img-menu-pano {
	position: absolute;
	bottom: 0;
	width: 60%;
	left: 20%;
}
#menu-pano.avec-ctrl .sidebar-menu {
	display:none;
}
#menu-pano .sidebar-menu {
	padding-left:0;
	padding-right:0;
}
#menu-pano .sidebar-menu .sidebar-submenu {
	width: calc(100% - 9px);
	margin-left: 4px;
}
#menu-pano .sidebar-menu .sidebar-submenu > li {
	border-top-width: var(--unit-dimB);
	border-top-style: solid;
	border-top-color: var(--unit-bdTop);
}
#menu-pano .sidebar-menu .sidebar-submenu > li:nth-child(1) {
	border-top:0px;
}
#menu-pano .sidebar-menu .sidebar-submenu > li > div.bt_action {
	padding-top:1em;
	padding-bottom:1em;
	border-left:2px solid #FFFFFF00;
}
#menu-pano .sidebar-menu .affMenuCtrl .sidebar-submenu > li > div.bt_action {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#menu-pano .sidebar-menu .affMenuCtrl .sidebar-submenu > li.ss-rub > div.bt_action {
	padding-top:0.7em;
	padding-bottom:0.7em;
}
#menu-pano .sidebar-menu .affMenuCtrl .sidebar-submenu > li.bloc-rub > div.bt_action {
	padding-top:0.7em;
	padding-bottom:0.2em;
}

#menu-pano .bt_action.row {
	display:flex;
	width: 100%;
	margin-left: 0px;	
	padding-left: 6px;
}
#menu-pano .bt_action.row div{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
}
#menu-pano .bt_action.row div:nth-child(2),#menu-pano .bt_action.row div:nth-child(3),#menu-pano .bt_action.row div:nth-child(4) {
	text-align:center;
}
#menu-pano .bloc-item .bt_action.row div:nth-child(2),#menu-pano .bloc-item .bt_action.row div:nth-child(3),#menu-pano .bloc-item .bt_action.row div:nth-child(4) {
    font-size: 12px;
    line-height: 19px;	
}

#menu-pano .sidebar-menu .affMenuCtrl .sidebar-submenu > li.ss-rub.tri-item > div.bt_action {
	padding-top: 3px;
	padding-bottom: 5px;
}

#menu-pano .bt_action .bt_tri.actif span {
	font-weight:bold;
	background-repeat: no-repeat;
	background-size: 27px;
	background-position: center 19px;
	padding-bottom: 10px;	
}	

#menu-pano .bt_action .bt_tri.actif.tri-up span {
	font-weight:bold;
	background-image: url(../images/tri_data_down.png);
}
#menu-pano .bt_action .bt_tri.actif.tri-down span {
	font-weight:bold;
	background-image: url(../images/tri_data_up.png);
}

#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li > div.bt_action {
	padding-right: 60px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li > div.bt_action > span {
	position: absolute;
	right: 10px;
	top: 12px;
}

#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li > div.bt_action {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 12px;
	line-height: 14px;		
}
#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li.data-ban > div.bt_action:before {
	content: "";
	position: absolute;
	color: #F00;
	font-family: 'icomoon';
	font-size: 16px;
	margin-top: 0px;
	margin-left: -24px;
}
#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li.data-ban > div.bt_action{
	color: #F00!important;
	background-color: #FAA!important;
}
#menu-pano .sidebar-menu .affMenuDataT .sidebar-submenu > li.bloc-rub > div.bt_action {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-right: 5px;
	font-size: 16px;
	line-height: 16px;		
}



#menu-pano .sidebar-menu .sidebar-submenu > li > div.bt_action:hover {
    color: var(--unit-subTxH);
	background-color: var(--unit-subBgH);	  }
#menu-pano .sidebar-menu .sidebar-submenu > li.actif > div.bt_action {
    color: var(--unit-subTxA);
	background-color: var(--unit-subBgA);
	border-left:2px solid var(--unit-subBdH);	}	
#menu-pano .sidebar-menu .sidebar-submenu > li.bloc-rub > div.bt_action:hover {
    color: inherit!important;
	background-color: inherit!important;cursor:default;	  }	
	





.bloc-logo-menu {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px 15px;
	text-shadow: 0 0 0.2em white;
	background-color: var(--unit-fond-logo-menu);	
}
.bloc-action-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 70px;
	width: 100%;
	padding: 10px;
	text-align: center;
}

#bt_full_screen2 {
	position: absolute;
	top:  10px;
	width: 37px;
	height: 37px;
	background-color: rgba(255, 255, 255, 0.3);
	background-size: contain;
	z-index: 24;
	cursor: pointer;
	background-repeat: no-repeat;
	transition-property: background-color; /* Active la transition sur background-color */
	transition-duration: 0.3s; /* La transition dure 1s */				
	right: 10px;
	background-image: url(../adon/images/icone_agrandi_1.png);
}
#bt_full_screen2 div {
	width:100%;
	height:100%;
	background-size: contain;
	background-repeat: no-repeat;	
	opacity:0.5;
	transition-property: opacity;
	transition-duration: 0.3s;	
	background-image: url(../adon/images/icone_agrandi_2.png);
}
#bt_full_screen2:hover {
	background-color: rgba(255, 255, 255, 0.8);
}
#bt_full_screen2.moins {
	background-image: url(../adon/images/moins.png);
}
#bt_full_screen {
	width: 40px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../adon/images/plus.png);
	background-size: contain;
	cursor: pointer;
	background-repeat: no-repeat;
	transition-property: background-color; /* Active la transition sur background-color */
	transition-duration: 0.3s; /* La transition dure 1s */	
	display: inline-block;
	margin: 0 5px 0 10px;
}
#bt_navigation {
	width: 40px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../adon/images/map.png);
	background-size: contain;
	cursor: pointer;
	background-repeat: no-repeat;
	transition-property: background-color; /* Active la transition sur background-color */
	transition-duration: 0.3s; /* La transition dure 1s */	
	display: inline-block;
	margin: 0 10px 0 5px;
}
#bt_plan {
	width: 40px;
	height: 35px;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../adon/images/map.png);
	background-size: contain;
	cursor: pointer;
	background-repeat: no-repeat;
	transition-property: background-color; /* Active la transition sur background-color */
	transition-duration: 0.3s; /* La transition dure 1s */	
	display: none;
	margin: 0 10px 0 5px;
}
#bt_plan.actif {
	display: inline-block;
}
#bt_full_screen.moins {
	background-image: url(../adon/images/moins.png);
}	 
/*
#bt_ouvre_menu:hover {
	background-color: rgba(255, 255, 255, 1);
}
*/
#bt_full_screen:hover,#bt_navigation:hover {
	background-color: rgba(255, 255, 255, 1);
}
.psv-panel-close-button {
    left: calc(100% - 30px);
	top: 5px;
	z-index: 30;
}
.bloc-menu {
	position:absolute;
	/* transition-property: left; /* Active la transition sur background-color */ */
	/* transition-duration: 0.6s; /* La transition dure 1s */	 */
	margin-left: 0;
	width:100%;
	text-align: center;
}
#menu-niveau0,#menu-niveau1{
	left:-100%;	
}
/* #menu-niveau1{ */
	/* left:0%; */
	/* background-color: var(--unit-fond-menu);	 */
/* } */
#menu-pano,.ctrl-menu{
	left:0%;
	height: 100%;
	display:none;
	opacity:0;
	transition-property: opacity; /* Active la transition sur background-color */
	transition-duration: 0.5s; /* La transition dure 1s */
	/* padding: 0 5px 0 10px;	 */
	padding: 0;	
}
#menu-pano{
	background-color: var(--unit-fond-menu-alpha);	
}
#menu-pano.avec-ctrl,.ctrl-menu{
	background-color: var(--unit-fond-ctrl);
}
#menu-pano.avec-ctrl .psv-settings-list{
	display:none;
}
#menu-pano.avec-ctrl .boite_ctrl{
	display:block;
}
#menu-pano .boite_ctrl .texte_ctrl_menu{
	padding: 5px;
}
 
#menu-pano.actif,#panel2 .ctrl-menu.actif{	
	display:block;
	opacity:1;
}

	#panel2 .boite_ctrl{
		position: relative;
		text-align: left;	
		overflow-y: auto;
		overflow-x: hidden;	
		width: 100%;
		padding: 27px 0 0 10px;
		display:block;
	}

	#panel2 li.affMenuCtrl.ctrl_ouvert {
	  padding:5px;  
	}	
	#panel2 li.affMenuCtrl.ctrl_ouvert > ul {
	  display: block;
	  width:100%;
	  margin-left:0;
	  padding-left: 0;
	}	
	#panel2 .sidebar-submenu li.affMenuCtrl > div.bloc-txt {
	  background-color: #FFFFFF00;
		width: 100%;
		margin: 0;	  
	}	
	#panel2 .sidebar-submenu li.affMenuCtrl > div.bloc-txt > div.cadre-txt {
		padding: 10px;
		background-color: var(--unit-ctrlBgM);
		color: var(--unit-ctrlTxM);
	}	
	
	#panel2 li.affMenuCtrl > div.bloc-txt {
		background-color: var(--unit-ctrlBg);
		color: var(--unit-ctrlTx);
		width: calc(100% - 20px);
		margin: 5px 10px;	  
	}	
	#panel2 li.affMenuDataT.ctrl_ouvert {
	  padding:5px;  
	}	
	#panel2 li.affMenuDataT.ctrl_ouvert > ul {
	  display: block;
	  width:100%;
	  margin-left:0;
	  padding-left: 0;
	}	
	#panel2 .sidebar-submenu li.affMenuDataT > div.bloc-txt {
	  background-color: #FFFFFF00;
		width: 100%;
		margin: 0;	  
	}	
	#panel2 .sidebar-submenu li.affMenuDataT > div.bloc-txt > div.cadre-txt {
		padding: 10px;
		background-color: var(--unit-ctrlBgM);
		color: var(--unit-ctrlTxM);
	}	
	
	#panel2 li.affMenuDataT > div.bloc-txt {
		background-color: var(--unit-ctrlBg);
		color: var(--unit-ctrlTx);
		width: calc(100% - 20px);
		margin: 5px 10px;	  
	}	
	#panel2 .boite_ctrl.bloc-txt {
		cursor: default;
		overflow-y: hidden;
		display: block;
		width: 100%;
		padding: 10px;
	}	
	#panel2 .boite_ctrl.bloc-txt p{
		margin-bottom: 0.2rem;
			
	}	
	#panel2 .boite_ctrl.sans_titre,#panel2 .sans_titre .boite_ctrl{
		padding: 0px 0 0 0px;
	}
	#panel2 .boite_ctrl.avec_titre,#panel2 .avec_titre .boite_ctrl{
		padding: 0px 0 0 10px;
	}

	#panel2 .boite_ctrl .liste_ctrl{
		margin: 0 0 5px;
		overflow-y: auto;
		position: relative;
		overflow-x: hidden;
		scrollbar-width: thin;		
	}
	#panel2 .boite_ctrl .texte_ctrl{
		margin: 0 0 5px;
		overflow-y: auto;
		position: relative;
		overflow-x: hidden;
		scrollbar-width: thin;		
		padding: 5px 10px 5px 0;
		line-height: 1.6em;				
	}

	#panel2 .boite_ctrl ul{
		list-style: none;
		margin-bottom: 0;
		overflow-x: hidden;
		padding: 0 0 10px;
		width: 100%;
	}

	#panel2 .boite_ctrl ul li.bloc-item{
	clear: both;
	min-height: 20px;
	padding: 0.4em 0.4em 0.4em 0.2em;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	}
	#panel2 .boite_ctrl .big_bt_action{
	min-height: 20px;
	padding: 0.4em 0.4em 0.4em 0.2em;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	}
	#panel2 .boite_ctrl .big_bt_action {
		background-image: linear-gradient(to right, var(--unit-fond-li-ctrl) 0%, var(--unit-fond2-li-ctrl)  51%, var(--unit-fond-li-ctrl)  100%);
	}
	#panel2 .boite_ctrl .big_bt_action {
		/* margin: 10px; */
		/* padding: 15px 45px; */
		padding: 5px 10px;	
		text-align: left;
		line-height: 16px;
		cursor: pointer;
		width: 100%;
		/* text-transform: uppercase; */
		transition: 0.5s;
		background-size: 200% auto;
		background-color: var(--unit-fond-li-ctrl);
		color: var(--unit-txt-li-ctrl);            
		/* box-shadow: 0 0 20px #eee; */
		max-height: 70px;
		/* border-radius: 10px; */
		display: block;
		overflow:hidden;
		border: 1px solid #FFF0;
	}

	#panel2 .boite_ctrl .big_bt_action:hover {
		background-position: right center; /* change the direction of the change here */
		color: var(--unit-txt-li-ctrl);
		text-decoration: none;
		border-color:#FFFFFF52;
	}
	#panel2 .boite_ctrl .big_bt_action.actif{
	  background-color: var(--unit-fond-li-ctrl-actif);
	  color: var(--unit-txt-li-ctrl-actif);
	  border-color:#FFFFFF;
	  background-image: inherit;
	}	

	#panel2 .boite_ctrl  .bt_action{
		background-color: var(--unit-fond-li-ctrl);
		color: var(--unit-txt-li-ctrl);            
		padding: 0 5px;
		border: 1px solid #FFF0;
		cursor:pointer;
	}
	#panel2 .boite_ctrl  .bt_action:hover{
		background-position: right center; /* change the direction of the change here */
		color: var(--unit-txt-li-ctrl);
		text-decoration: none;
		border-color:#FFFFFF52;
	}
	#panel2 .boite_ctrl  .bt_action.actif{
	  background-color: var(--unit-fond-li-ctrl-actif);
	  color: var(--unit-txt-li-ctrl-actif);
	  border-color:#FFFFFF;
	  background-image: inherit;
	}


	#panel2 .boite_ctrl  .txt_action{
		text-decoration: underline;
		cursor:pointer;
		border: 1px solid #FFF0;
	}
	#panel2 .boite_ctrl  .txt_action:hover{
		color: var(--unit-txt-li-ctrl);
		background-color: var(--unit-fond-li-ctrl);
	}
	#panel2 .boite_ctrl  .txt_action.actif{
	  border-color:#FFFFFF;
	}

	
	#panel2 .boite_ctrl ul li.bloc-rub{
	clear: both;
	min-height: 20px;
	padding: 0.4em 0.2em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 18px;
	}	

	#panel2 .boite_ctrl ul li.bloc-rub div {
	  padding: 5px 0px 0;
	  /* color: var(--unit-txt-li-ctrl); */
	  color: #FFF;
	  line-height: 20px;
	  cursor: default;
	  opacity: 1;
	  transition-property: opacity;
	  transition-duration: 0.3s;
	  width: 100%;
	  /* background-color: var(--unit-fond-li-ctrl); */
	  /* background-color: #FFF; */
	  max-height: 70px;
	  overflow:hidden;
	}	
	#panel2 .boite_ctrl ul li.bloc-rub.sep {
		padding: 0.2em 1.3em;
	}		
	#panel2 .boite_ctrl ul li.bloc-rub.sep div {
		padding: 0px 10px;
		margin: 0 70px;
	}	

	#panel2 .boite_ctrl ul li.bloc-item>div {
		background-image: linear-gradient(to right, var(--unit-fond-li-ctrl) 0%, var(--unit-fond2-li-ctrl)  51%, var(--unit-fond-li-ctrl)  100%);
	}
	#panel2 .boite_ctrl ul li.bloc-item>div {
		/* margin: 10px; */
		/* padding: 15px 45px; */
		padding: 5px 10px;	
		text-align: left;
		line-height: 16px;
		cursor: pointer;
		width: 100%;
		/* text-transform: uppercase; */
		transition: 0.5s;
		background-size: 200% auto;
		background-color: var(--unit-fond-li-ctrl);
		color: var(--unit-txt-li-ctrl);            
		/* box-shadow: 0 0 20px #eee; */
		max-height: 70px;
		/* border-radius: 10px; */
		display: block;
		overflow:hidden;
		border: 1px solid #FFF0;
	}

	#panel2 .boite_ctrl ul li.bloc-item > div:hover {
		background-position: right center; /* change the direction of the change here */
		color: var(--unit-txt-li-ctrl);
		text-decoration: none;
		border-color:#FFFFFF52;
	}
	#panel2 .boite_ctrl ul li.bloc-item.actif>div{
	  background-color: var(--unit-fond-li-ctrl-actif);
	  color: var(--unit-txt-li-ctrl-actif);
	  border-color:#FFFFFF;
	  background-image: inherit;
	}
	#panel2 .boite_ctrl .psv-panel-close-button {
		display: block;
		cursor:pointer;
	}	




#bloc_datatourisme.actif{	
	display:block;
	opacity:1;
}



.menu0 #menu-niveau0,.menu1 #menu-niveau1{
	left:0%;	
}

/* .menu0 #menu-niveau1{ */
	/* left:100%;	 */
/* } */
#bt-menu-niveau0 {
	width: 40px;
	height: 35px;
	background-image:url(../adon/images/fleche_menu_gauche.png);
	background-size:contain;
	cursor:pointer;
	opacity:0.8;
	transition-property: opacity; /* Active la transition sur background-color */
	transition-duration: 0.5s; /* La transition dure 1s */	
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	
}
#bt-menu-niveau0:hover {
	opacity:1;
}
#bt-menu-niveau1 {
	width: 40px;
	height: 35px;
	background-image:url(../adon/images/fleche_menu_droite.png);
	background-size:contain;
	cursor:pointer;
	opacity:0;
	transition-property: opacity; /* Active la transition sur background-color */
	transition-duration: 0.5s; /* La transition dure 1s */	
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}
#bt-menu-niveau1:hover {
	opacity:1;
}
.menu0 #bt-menu-niveau0{
	opacity:0;	
}
.menu0 #bt-menu-niveau1{
	opacity:0.8;
}
#plan {
	z-index:25;
	bottom:20px;
	right:20px;
	width:calc(100% - 40px);
	height:calc(100% - 40px);	
	position: absolute;
	background-color: rgba(255, 255, 255, 0) !important;
	transition-property: opacity;
	transition-duration: 0.5s;
	opacity:1;
	border: 3px solid #FFF;
	border-radius: 7px;
}
#plan.reduit{
	width:200px;
	height:140px;
	opacity:0.7;
}
#plan.reduit:hover{
	opacity:1!important;
}

#bt_big_plan{
	opacity:0;
	z-index:26;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url('../adon/leaflet/images/bt_big.png');
	background-size: contain;
	right:calc(20px + 167px);
	bottom: calc(20px + 107px);
	cursor:pointer;	
	transition-property: opacity;
	transition-duration: 0.5s;
}
#bt_big_plan:hover{
	opacity:1!important;	
}

#bt_min_plan{
	opacity:0.7;
	display:none;
	z-index:26;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url('../adon/leaflet/images/bt_reduit.png');
	background-size: contain;
	right:calc(23px);
	bottom: calc(23px);
	cursor:pointer;	
	transition-property: opacity;
	transition-duration: 0.5s;
}
#bt_min_plan:hover{
	opacity:1;	
}



audio
{
-moz-border-radius:4px 4px 4px 4px ;
-webkit-border-radius:4px 4px 4px 4px ;
border-radius:4px 4px 4px 4px ;
}

#cache-anim {
	z-index: 30;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.57) !important;
}
#cache-anim div {
	background-image: url('../adon/images/bt_lecture.png');
	width:200px;
	height:200px;
	position:absolute;
	left:calc(50% - 100px);
	top:calc(50% - 100px);	
	background-size: contain;
	transition-property: background-image;
	transition-duration: 0.4s;
	cursor:pointer;
}
#cache-anim div:hover {
	background-image: url('../adon/images/bt_lecture_hover.png');
}

.close-button {
	display: none;
	position: absolute;
	top: 4px;
	right: 5px;
	width: 23px;
	height: 24px;
	background: rgba(202, 202, 202, 0.9);
	cursor: pointer;
}
.close-button::before, .close-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 15px;
  height: 1px;
  background-color: #404040;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: width, left, -webkit-transform;
  transition-property: width, left, -webkit-transform;
  transition-property: width, left, transform;
  transition-property: width, left, transform, -webkit-transform;
}

.close-button::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.close-button::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close-button:hover::before, .close-button:hover::after {
  left: 0;
  width: 23px;
}

.close-button:hover::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.close-button:hover::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-button {
  display: block;
  z-index: 13;
}
/*
#cible_localisation {
	width: 121px;
	height: 121px;
	background-image: url(../images/pointeurGps2.png);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -60px;
	transition-property: opacity;
	transition-duration: 0.4s;
	opacity: 0.5;
	z-index: 30;
	background-size: contain;
}
#cible_localisation.masque {
	opacity:0;
	z-index: 19;
}
*/
#bloc_info{
	width: 181px;
	height: 181px;
	background-image: url(../images/info_souris.png);
	position: absolute;
	right: 40px;
	bottom: 40px;
	opacity: 1;
	z-index: 30;
	background-repeat: no-repeat;
	background-size: contain;	
	background-color: var(--unit-fond-menu);
	border-radius: 20px;	
	transition-property: margin-bottom; /* Active la transition sur background-color */
	transition-duration: 0.4s; /* La transition dure 1s */		
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    /* background-color: #ffffff; */
    background-color: #c3f1ff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
#viewer.no_tour_1 .psv-marker--visible.tour-1{
	display:none!important;
}
#viewer.no_tour_2 .psv-marker--visible.tour-2{
	display:none!important;
}
#viewer.no_tour_3 .psv-marker--visible.tour-3{
	display:none!important;
}
#viewer.no_tour_4 .psv-marker--visible.tour-4{
	display:none!important;
}
#viewer.no_tour_5 .psv-marker--visible.tour-5{
	display:none!important;
}
#viewer.no_tour_6 .psv-marker--visible.tour-6{
	display:none!important;
}
#viewer.no_tour_7 .psv-marker--visible.tour-7{
	display:none!important;
}
.bt_recharge_img{
	position: absolute;
	left: 20px;
	width: 30px;
	cursor: pointer;
	color: #000;
	width: 30px;
	height: 30px;
	margin-top: 10px;	
	background-image: url("/front/images/refresh.png");
	background-size: contain;
	opacity:0.6;
	transition-property: opacity;
	transition-duration: 0.3s;
	
}
.bt_recharge_img:hover{
	opacity:1;
}
#bloc_message {
	z-index: 30;
	position: fixed;
	background-color: rgba(0, 0, 0, 0) !important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#bloc_message_anim {
	z-index: 30;
	position: fixed;
	background-color: rgba(0, 0, 0, 0) !important;
}

/* Modification pour masquer le panel et visualiser les boutons de zoom */
.psv-navbar {
	height: 0!important;
	display:none;
	z-index: 20!important;
}
.psv--has-navbar .psv-panel {
    height: 100%!important;
}
body.media_smart .psv-navbar {
	display:block;
}	
.psv-navbar .psv-zoom-button{
	position:fixed!important;
}
.psv-navbar .psv-zoom-button:nth-child(1) {
	bottom: 65px;
	left: 50px;
}
.psv-navbar .psv-zoom-button:nth-child(2) {
	bottom:65px;
}
.psv-zoom-button {
	background-color: var(--unit-fond-menu);
	border-radius: 5px;
	opacity: 0.8;
	left: 5px;
}
.psv-zoom-button:hover {
	opacity: 1;
}

body.media_smart .psv-navbar {
	
}
.psv-overlay-image svg {
  max-width: 160px!important;
}	

.texte_ctrl_menu p {
  margin-bottom: 0.2rem;
}

.psv-markers.aff_act_0 .grp1,.psv-markers.aff_act_0 .grp2,.psv-markers.aff_act_0 .grp3,.psv-markers.aff_act_0 .grp4,.psv-markers.aff_act_0 .grp5,.psv-markers.aff_act_0 .grp6,.psv-markers.aff_act_0 .grp7,.psv-markers.aff_act_0 .grp8,.psv-markers.aff_act_0 .grp9,.psv-markers.aff_act_0 .grp10,.psv-markers.aff_act_0 .grp11,.psv-markers.aff_act_0 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_0 .grp0,.psv-markers.aff_act_0 .grp0.grp1,.psv-markers.aff_act_0 .grp0.grp2,.psv-markers.aff_act_0 .grp0.grp3,.psv-markers.aff_act_0 .grp0.grp4,.psv-markers.aff_act_0 .grp0.grp5,.psv-markers.aff_act_0 .grp0.grp6,.psv-markers.aff_act_0 .grp0.grp7,.psv-markers.aff_act_0 .grp0.grp8,.psv-markers.aff_act_0 .grp0.grp9,.psv-markers.aff_act_0 .grp0.grp10,.psv-markers.aff_act_0 .grp0.grp11,.psv-markers.aff_act_0 .grp0.grp12{
	opacity:1;
}

.psv-markers.aff_act_1 .grp0,.psv-markers.aff_act_1 .grp2,.psv-markers.aff_act_1 .grp3,.psv-markers.aff_act_1 .grp4,.psv-markers.aff_act_1 .grp5,.psv-markers.aff_act_1 .grp6,.psv-markers.aff_act_1 .grp7,.psv-markers.aff_act_1 .grp8,.psv-markers.aff_act_1 .grp9,.psv-markers.aff_act_1 .grp10,.psv-markers.aff_act_1 .grp11,.psv-markers.aff_act_1 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_1 .grp1,.psv-markers.aff_act_1 .grp1.grp0,.psv-markers.aff_act_1 .grp1.grp2,.psv-markers.aff_act_1 .grp1.grp3,.psv-markers.aff_act_1 .grp1.grp4,.psv-markers.aff_act_1 .grp1.grp5,.psv-markers.aff_act_1 .grp1.grp6,.psv-markers.aff_act_1 .grp1.grp7,.psv-markers.aff_act_1 .grp1.grp8,.psv-markers.aff_act_1 .grp1.grp9,.psv-markers.aff_act_1 .grp1.grp10,.psv-markers.aff_act_1 .grp1.grp11,.psv-markers.aff_act_1 .grp1.grp12{
	opacity:1;
}
.psv-markers.aff_act_2 .grp0,.psv-markers.aff_act_2 .grp1,.psv-markers.aff_act_2 .grp3,.psv-markers.aff_act_2 .grp4,.psv-markers.aff_act_2 .grp5,.psv-markers.aff_act_2 .grp6,.psv-markers.aff_act_2 .grp7,.psv-markers.aff_act_2 .grp8,.psv-markers.aff_act_2 .grp9,.psv-markers.aff_act_2 .grp10,.psv-markers.aff_act_2 .grp11,.psv-markers.aff_act_2 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_2 .grp2,.psv-markers.aff_act_2 .grp2.grp0,.psv-markers.aff_act_2 .grp2.grp1,.psv-markers.aff_act_2 .grp2.grp3,.psv-markers.aff_act_2 .grp2.grp4,.psv-markers.aff_act_2 .grp2.grp5,.psv-markers.aff_act_2 .grp2.grp6,.psv-markers.aff_act_2 .grp2.grp7,.psv-markers.aff_act_2 .grp2.grp8,.psv-markers.aff_act_2 .grp2.grp9,.psv-markers.aff_act_2 .grp2.grp10,.psv-markers.aff_act_2 .grp2.grp11,.psv-markers.aff_act_2 .grp2.grp12{
	opacity:1;
}
.psv-markers.aff_act_3 .grp0,.psv-markers.aff_act_3 .grp1,.psv-markers.aff_act_3 .grp2,.psv-markers.aff_act_3 .grp4,.psv-markers.aff_act_3 .grp5,.psv-markers.aff_act_3 .grp6,.psv-markers.aff_act_3 .grp7,.psv-markers.aff_act_3 .grp8,.psv-markers.aff_act_3 .grp9,.psv-markers.aff_act_3 .grp10,.psv-markers.aff_act_3 .grp11,.psv-markers.aff_act_3 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_3 .grp3,.psv-markers.aff_act_3 .grp3.grp0,.psv-markers.aff_act_3 .grp3.grp1,.psv-markers.aff_act_3 .grp3.grp2,.psv-markers.aff_act_3 .grp3.grp4,.psv-markers.aff_act_3 .grp3.grp5,.psv-markers.aff_act_3 .grp3.grp6,.psv-markers.aff_act_3 .grp3.grp7,.psv-markers.aff_act_3 .grp3.grp8,.psv-markers.aff_act_3 .grp3.grp9,.psv-markers.aff_act_3 .grp3.grp10,.psv-markers.aff_act_3 .grp3.grp11,.psv-markers.aff_act_3 .grp3.grp12{
	opacity:1;
}
.psv-markers.aff_act_4 .grp0,.psv-markers.aff_act_4 .grp1,.psv-markers.aff_act_4 .grp2,.psv-markers.aff_act_4 .grp3,.psv-markers.aff_act_4 .grp5,.psv-markers.aff_act_4 .grp6,.psv-markers.aff_act_4 .grp7,.psv-markers.aff_act_4 .grp8,.psv-markers.aff_act_4 .grp9,.psv-markers.aff_act_4 .grp10,.psv-markers.aff_act_4 .grp11,.psv-markers.aff_act_4 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_4 .grp4,.psv-markers.aff_act_4 .grp4.grp0,.psv-markers.aff_act_4 .grp4.grp1,.psv-markers.aff_act_4 .grp4.grp2,.psv-markers.aff_act_4 .grp4.grp3,.psv-markers.aff_act_4 .grp4.grp5,.psv-markers.aff_act_4 .grp4.grp6,.psv-markers.aff_act_4 .grp4.grp7,.psv-markers.aff_act_4 .grp4.grp8,.psv-markers.aff_act_4 .grp4.grp9,.psv-markers.aff_act_4 .grp4.grp10,.psv-markers.aff_act_4 .grp4.grp11,.psv-markers.aff_act_4 .grp4.grp12{
	opacity:1;
}
.psv-markers.aff_act_5 .grp0,.psv-markers.aff_act_5 .grp1,.psv-markers.aff_act_5 .grp2,.psv-markers.aff_act_5 .grp3,.psv-markers.aff_act_5 .grp4,.psv-markers.aff_act_5 .grp6,.psv-markers.aff_act_5 .grp7,.psv-markers.aff_act_5 .grp8,.psv-markers.aff_act_5 .grp9,.psv-markers.aff_act_5 .grp10,.psv-markers.aff_act_5 .grp11,.psv-markers.aff_act_5 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_5 .grp5,.psv-markers.aff_act_5 .grp5.grp0,.psv-markers.aff_act_5 .grp5.grp1,.psv-markers.aff_act_5 .grp5.grp2,.psv-markers.aff_act_5 .grp5.grp3,.psv-markers.aff_act_5 .grp5.grp4,.psv-markers.aff_act_5 .grp5.grp6,.psv-markers.aff_act_5 .grp5.grp7,.psv-markers.aff_act_5 .grp5.grp8,.psv-markers.aff_act_5 .grp5.grp9,.psv-markers.aff_act_5 .grp5.grp10,.psv-markers.aff_act_5 .grp5.grp11,.psv-markers.aff_act_5 .grp5.grp12{
	opacity:1;
}
.psv-markers.aff_act_6 .grp0,.psv-markers.aff_act_6 .grp1,.psv-markers.aff_act_6 .grp2,.psv-markers.aff_act_6 .grp3,.psv-markers.aff_act_6 .grp4,.psv-markers.aff_act_6 .grp5,.psv-markers.aff_act_6 .grp7,.psv-markers.aff_act_6 .grp8,.psv-markers.aff_act_6 .grp9,.psv-markers.aff_act_6 .grp10,.psv-markers.aff_act_6 .grp11,.psv-markers.aff_act_6 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_6 .grp6,.psv-markers.aff_act_6 .grp6.grp0,.psv-markers.aff_act_6 .grp6.grp1,.psv-markers.aff_act_6 .grp6.grp2,.psv-markers.aff_act_6 .grp6.grp3,.psv-markers.aff_act_6 .grp6.grp4,.psv-markers.aff_act_6 .grp6.grp5,.psv-markers.aff_act_6 .grp6.grp7,.psv-markers.aff_act_6 .grp6.grp8,.psv-markers.aff_act_6 .grp6.grp9,.psv-markers.aff_act_6 .grp6.grp10,.psv-markers.aff_act_6 .grp6.grp11,.psv-markers.aff_act_6 .grp6.grp12{
	opacity:1;
}
.psv-markers.aff_act_7 .grp0,.psv-markers.aff_act_7 .grp1,.psv-markers.aff_act_7 .grp2,.psv-markers.aff_act_7 .grp3,.psv-markers.aff_act_7 .grp4,.psv-markers.aff_act_7 .grp5,.psv-markers.aff_act_7 .grp6,.psv-markers.aff_act_7 .grp8,.psv-markers.aff_act_7 .grp9,.psv-markers.aff_act_7 .grp10,.psv-markers.aff_act_7 .grp11,.psv-markers.aff_act_7 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_7 .grp7,.psv-markers.aff_act_7 .grp7.grp0,.psv-markers.aff_act_7 .grp7.grp1,.psv-markers.aff_act_7 .grp7.grp2,.psv-markers.aff_act_7 .grp7.grp3,.psv-markers.aff_act_7 .grp7.grp4,.psv-markers.aff_act_7 .grp7.grp5,.psv-markers.aff_act_7 .grp7.grp6,.psv-markers.aff_act_7 .grp7.grp8,.psv-markers.aff_act_7 .grp7.grp9,.psv-markers.aff_act_7 .grp7.grp10,.psv-markers.aff_act_7 .grp7.grp11,.psv-markers.aff_act_7 .grp7.grp12{
	opacity:1;
}
.psv-markers.aff_act_8 .grp0,.psv-markers.aff_act_8 .grp1,.psv-markers.aff_act_8 .grp2,.psv-markers.aff_act_8 .grp3,.psv-markers.aff_act_8 .grp4,.psv-markers.aff_act_8 .grp5,.psv-markers.aff_act_8 .grp6,.psv-markers.aff_act_8 .grp7,.psv-markers.aff_act_8 .grp9,.psv-markers.aff_act_8 .grp10,.psv-markers.aff_act_8 .grp11,.psv-markers.aff_act_8 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_8 .grp8,.psv-markers.aff_act_8 .grp8.grp0,.psv-markers.aff_act_8 .grp8.grp1,.psv-markers.aff_act_8 .grp8.grp2,.psv-markers.aff_act_8 .grp8.grp3,.psv-markers.aff_act_8 .grp8.grp4,.psv-markers.aff_act_8 .grp8.grp5,.psv-markers.aff_act_8 .grp8.grp6,.psv-markers.aff_act_8 .grp8.grp7,.psv-markers.aff_act_8 .grp8.grp9,.psv-markers.aff_act_8 .grp8.grp10,.psv-markers.aff_act_8 .grp8.grp11,.psv-markers.aff_act_8 .grp8.grp12{
	opacity:1;
}
.psv-markers.aff_act_9 .grp0,.psv-markers.aff_act_9 .grp1,.psv-markers.aff_act_9 .grp2,.psv-markers.aff_act_9 .grp3,.psv-markers.aff_act_9 .grp4,.psv-markers.aff_act_9 .grp5,.psv-markers.aff_act_9 .grp6,.psv-markers.aff_act_9 .grp7,.psv-markers.aff_act_9 .grp8,.psv-markers.aff_act_9 .grp10,.psv-markers.aff_act_9 .grp11,.psv-markers.aff_act_9 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_9 .grp9,.psv-markers.aff_act_9 .grp9.grp0,.psv-markers.aff_act_9 .grp9.grp1,.psv-markers.aff_act_9 .grp9.grp2,.psv-markers.aff_act_9 .grp9.grp3,.psv-markers.aff_act_9 .grp9.grp4,.psv-markers.aff_act_9 .grp9.grp5,.psv-markers.aff_act_9 .grp9.grp6,.psv-markers.aff_act_9 .grp9.grp7,.psv-markers.aff_act_9 .grp9.grp8,.psv-markers.aff_act_9 .grp9.grp10,.psv-markers.aff_act_9 .grp9.grp11,.psv-markers.aff_act_9 .grp9.grp12{
	opacity:1;
}
.psv-markers.aff_act_10 .grp0,.psv-markers.aff_act_10 .grp1,.psv-markers.aff_act_10 .grp2,.psv-markers.aff_act_10 .grp3,.psv-markers.aff_act_10 .grp4,.psv-markers.aff_act_10 .grp5,.psv-markers.aff_act_10 .grp6,.psv-markers.aff_act_10 .grp7,.psv-markers.aff_act_10 .grp8,.psv-markers.aff_act_10 .grp9,.psv-markers.aff_act_10 .grp11,.psv-markers.aff_act_10 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_10 .grp10,.psv-markers.aff_act_10 .grp10.grp0,.psv-markers.aff_act_10 .grp10.grp1,.psv-markers.aff_act_10 .grp10.grp2,.psv-markers.aff_act_10 .grp10.grp3,.psv-markers.aff_act_10 .grp10.grp4,.psv-markers.aff_act_10 .grp10.grp5,.psv-markers.aff_act_10 .grp10.grp6,.psv-markers.aff_act_10 .grp10.grp7,.psv-markers.aff_act_10 .grp10.grp8,.psv-markers.aff_act_10 .grp10.grp9,.psv-markers.aff_act_10 .grp10.grp11,.psv-markers.aff_act_10 .grp10.grp12{
	opacity:1;
}
.psv-markers.aff_act_11 .grp0,.psv-markers.aff_act_11 .grp1,.psv-markers.aff_act_11 .grp2,.psv-markers.aff_act_11 .grp3,.psv-markers.aff_act_11 .grp4,.psv-markers.aff_act_11 .grp5,.psv-markers.aff_act_11 .grp6,.psv-markers.aff_act_11 .grp7,.psv-markers.aff_act_11 .grp8,.psv-markers.aff_act_11 .grp9,.psv-markers.aff_act_11 .grp10,.psv-markers.aff_act_11 .grp12 {
	opacity:0;
}
.psv-markers.aff_act_11 .grp11,.psv-markers.aff_act_11 .grp11.grp0,.psv-markers.aff_act_11 .grp11.grp1,.psv-markers.aff_act_11 .grp11.grp2,.psv-markers.aff_act_11 .grp11.grp3,.psv-markers.aff_act_11 .grp11.grp4,.psv-markers.aff_act_11 .grp11.grp5,.psv-markers.aff_act_11 .grp11.grp6,.psv-markers.aff_act_11 .grp11.grp7,.psv-markers.aff_act_11 .grp11.grp8,.psv-markers.aff_act_11 .grp11.grp9,.psv-markers.aff_act_11 .grp11.grp10,.psv-markers.aff_act_11 .grp11.grp12{
	opacity:1;
}
.psv-markers.aff_act_12 .grp0,.psv-markers.aff_act_12 .grp1,.psv-markers.aff_act_12 .grp2,.psv-markers.aff_act_12 .grp3,.psv-markers.aff_act_12 .grp4,.psv-markers.aff_act_12 .grp5,.psv-markers.aff_act_12 .grp6,.psv-markers.aff_act_12 .grp7,.psv-markers.aff_act_12 .grp8,.psv-markers.aff_act_12 .grp9,.psv-markers.aff_act_12 .grp10,.psv-markers.aff_act_12 .grp11 {
	opacity:0;
}
.psv-markers.aff_act_12 .grp12,.psv-markers.aff_act_12 .grp12.grp0,.psv-markers.aff_act_12 .grp12.grp1,.psv-markers.aff_act_12 .grp12.grp2,.psv-markers.aff_act_12 .grp12.grp3,.psv-markers.aff_act_12 .grp12.grp4,.psv-markers.aff_act_12 .grp12.grp5,.psv-markers.aff_act_12 .grp12.grp6,.psv-markers.aff_act_12 .grp12.grp7,.psv-markers.aff_act_12 .grp12.grp8,.psv-markers.aff_act_12 .grp12.grp9,.psv-markers.aff_act_12 .grp12.grp10,.psv-markers.aff_act_12 .grp12.grp11{
	opacity:1;
}

#bt_ar {
	position: fixed;
	z-index: 26;
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	cursor:pointer;
}
body #bt_ar {
	width: 100px;
	height: 100px;
	bottom: 10px;
	right: 10px;
}

#bloc_message_diapo.dim-diap-w-300 {
	width: 300px;
	height: calc(300px * var(--diapo-prop));
	margin-left: -150px;
	margin-top: calc(-150px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-300  .swiper-slide{
	height:calc(300px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-500 {
	width: 500px;
	height: calc(500px * var(--diapo-prop));
	margin-left: -250px;
	margin-top: calc(-250px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-500  .swiper-slide{
	height:calc(500px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-800 {
	width: 800px;
	height: calc(800px * var(--diapo-prop));
	margin-left: -400px;
	margin-top: calc(-400px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-800  .swiper-slide{
	height:calc(800px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-1200 {
	width: 1200px;
	height: calc(1200px * var(--diapo-prop));
	margin-left: -600px;
	margin-top: calc(-600px * var(--diapo-prop));
}
#bloc_message_diapo.dim-diap-w-1200  .swiper-slide{
	height:calc(1200px * var(--diapo-prop));
}

@media (max-width: 550px)
{
	#bloc_message_diapo.dim-diap-w-500 {
		width: 96%;
		height: calc(500px * var(--diapo-prop));
		margin-left: -48%;
		margin-top: calc(-250px * var(--diapo-prop));
	}
	#bloc_message_diapo.dim-diap-w-500 #bt_ferme_message{
		right:5px!important;
	}

}

@media (max-width: 850px)
{
	#bloc_message_diapo.dim-diap-w-800 {
		width: 96%;
		height: calc(800px * var(--diapo-prop));
		margin-left: -48%;
		margin-top: calc(-400px * var(--diapo-prop));
	}
	#bloc_message_diapo.dim-diap-w-800 #bt_ferme_message{
		right:5px!important;
	}
}

@media (max-width: 1250px)
{
	#bloc_message_diapo.dim-diap-w-1200 {
		width: 96%;
		height: calc(1200px * var(--diapo-prop));
		margin-left: -48%;
		margin-top: calc(-600px * var(--diapo-prop));
	}
	body.aff-vert #bloc_message_diapo.dim-diap-w-1200 {
		width: calc(96% + 2px);
		height: 96%;
		top: 2%;
		margin-top: 0;
	}
	body.smart.aff-vert #bloc_message_diapo.dim-diap-w-1200 {
		height: calc(99% - 110px);
		top: 1%;
		margin-top: 0;
	}
	body.aff-vert .swiper-container {
		height:100%;
	}
	body.aff-vert #bloc_message_diapo.dim-diap-w-1200 .swiper-slide {
	  height: 100%;
	}
	body.aff-vert #bloc_message_diapo .swiper-slide .swiper-diap {
	  /* width: calc(100% - calc(var(--diapo-bord) * 2)); */
	  width: 100%;
	}
	body.aff-vert #bloc_message_diapo .swiper-image {
	  height: var(--diapo-image-width);
	  width: 100%;
	  padding: 30px;
	  float: left;
	}

	body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt.img-g .swiper-legende-image {
	  bottom: calc(var(--diapo-texte-width) + 5px);
	  right: 36px !important;
	}
	body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt.img-d .swiper-legende-image {
	  bottom: 5px;
	  right: 36px !important;
	}

	body.aff-vert #bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-image {
	  border-radius: var(--diapo-radius) var(--diapo-radius) 0px 0px!important;
	}

	body.aff-vert #bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-image {
	  border-left-width: var(--diapo-bord) !important;
	  border-bottom-width: 0px !important;
	  border-right-width: var(--diapo-bord) !important;
	  border-top-width: var(--diapo-bord) !important;
	}

	body.aff-vert #bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-texte {
	  border-left-width: var(--diapo-bord) !important;
	  border-right-width: var(--diapo-bord) !important;
	  border-top-width: 0px !important;
	  border-bottom-width: var(--diapo-bord) !important;
	  border-radius: 0px 0px var(--diapo-radius) var(--diapo-radius) !important;
	  position:absolute;
	  bottom:0;
	}

	body.aff-vert #bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-image {
	  border-top-width: 0px !important;
	  border-left-width: var(--diapo-bord) !important;
	  border-bottom-width: var(--diapo-bord) !important;
	  border-right-width: var(--diapo-bord) !important;
	  border-radius: 0px 0px var(--diapo-radius) var(--diapo-radius) !important;
	  position:absolute;
	  bottom:0;
	  width: calc(100% - calc(var(--diapo-bord) * 2));
	}

	body.aff-vert #bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-texte {
	  border-right-width: var(--diapo-bord) !important;
	  border-top-width: var(--diapo-bord) !important;
	  border-bottom-width: 0px !important;
	  border-radius: var(--diapo-radius) var(--diapo-radius) 0px 0px!important;
	}

	body.aff-vert #bloc_message_diapo .swiper-texte {
	  width: 100%;
	  height: var(--diapo-texte-width);
	}	
	
	#bloc_message_diapo.dim-diap-w-1200 #bt_ferme_message{
		right:5px!important;
	}	
}

@media (max-height: 1200px)
{
	#bloc_message_diapo.dim-diap-h-1200 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-1200  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-1200 .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 900px)
{
	#bloc_message_diapo.dim-diap-h-900 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-900 .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-900 .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 800px)
{
	#bloc_message_diapo.dim-diap-h-800{
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-800  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-800 .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 675px)
{
	#bloc_message_diapo.dim-diap-h-675 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-675  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-675  .swiper-slide .swiper-texte{
		display:block!important;
	}
	#bloc_message_diapo.dim-diap-h-675  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 600px)
{
	#bloc_message_diapo.dim-diap-h-600 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-600  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-600  .swiper-slide .swiper-texte{
		display:block!important;
	}
	
}
@media (max-height: 500px)
{
	#bloc_message_diapo.dim-diap-h-500 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-500  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-500  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 450px)
{
	#bloc_message_diapo.dim-diap-h-450 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-450  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-450  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 400px)
{
	#bloc_message_diapo.dim-diap-h-400 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-400  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-400  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 375px)
{
	#bloc_message_diapo.dim-diap-h-375 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-375  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-375  .swiper-slide .swiper-texte{
		display:block!important;
	}
}


@media (max-height: 300px)
{
	#bloc_message_diapo.dim-diap-h-300 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-300  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-300  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 281px)
{
	#bloc_message_diapo.dim-diap-h-281 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-281  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-281  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 250px)
{
	#bloc_message_diapo.dim-diap-h-250 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-250  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-250  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 225px)
{
	#bloc_message_diapo.dim-diap-h-225 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-225  .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-225  .swiper-slide .swiper-texte{
		display:block!important;
	}
}
@media (max-height: 150px)
{
	#bloc_message_diapo.dim-diap-h-150 {
		height: 100vh;
		margin-top: -50vh;
	}
	#bloc_message_diapo.dim-diap-h-150 .swiper-slide {
	  height: 100vh!important;
	}	
	#bloc_message_diapo.dim-diap-h-150 .swiper-slide .swiper-texte{
		display:block!important;
	}
}

/* "degC": code type dégradé : v ou h ou hb ou bh "_" 10 25 50 75 90 */


#bloc_message_diapo{
	/* background-color: var(--diapo-color-back); */
	left: 50%;
	position: absolute;
	top: 50%;
	z-index:25;
}
#bloc_message_diapo .nb_question,#bloc_message_diapo .nb_erreur,#bloc_message_diapo .nb_reussi,#bloc_message_diapo .nb_reponse {
	font-weight:bold;
}
#bloc_message_diapo .nb_reussi {
	color: #0eff0e;
}
#bloc_message_diapo .nb_erreur {
	color: #ff0e0e;
}

#bloc_message_diapo.no-nav .swiper-pagination,#bloc_message_diapo.no-nav .swiper-button-prev,#bloc_message_diapo.no-nav .swiper-button-next {
	display:none;
}
#bloc_message_diapo.ac-omb .swiper-slide {
	padding:20px;
}
body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-slide {
	padding:3px 2px;
}
#bloc_message_diapo.ac-omb .swiper-button-prev {
	margin-left:20px;
}
body.smart.aff-vert #bloc_message_diapo .swiper-button-prev, body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-button-prev {
	margin-left:-10px;
}
#bloc_message_diapo.ac-omb .swiper-button-next {
	margin-right:20px;
}
body.smart.aff-vert #bloc_message_diapo .swiper-button-next,body.smart.aff-vert #bloc_message_diapo .swiper-button-prev {
	scale: 0.7;
}
body.smart.aff-vert #bloc_message_diapo .swiper-button-next,body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-button-next {
	margin-right:-10px;
}
#bloc_message_diapo .swiper-pagination {
	margin-bottom:-5px;
}
#bloc_message_diapo.ac-omb .swiper-pagination.swiper-pagination-progressbar {
	margin-bottom:0;
	top:calc(100% - 4px) !important;
}

#bloc_message_diapo.ac-omb .swiper-pagination {
	margin-bottom:15px;
}
body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-pagination {
	margin-bottom:0px;
}
#bloc_message_diapo.ac-omb .swiper-legende-image {
	margin-bottom: 20px ;
}
body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-legende-image {
	margin-bottom: 0px ;
}

#bloc_message_diapo .swiper-pagination-bullet {
	opacity:1;
}

#bloc_message_diapo .swiper-pagination.swiper-pagination-bullets span:first-child::before {
	content: '';
	position: absolute;
	height: 20px;
	margin-top: -7px;
	width: 20px;
	background-color: #3333335e;
	margin-left: -12px;
	border-radius:10px 0px 0px 10px;
	z-index: -1;
}
#bloc_message_diapo .swiper-pagination.swiper-pagination-bullets span:last-child::before {
	content: '';
	position: absolute;
	height: 20px;
	margin-top: -7px;
	width: 20px;
	background-color: #3333335e;
	margin-left: -8px;
	border-radius: 0px 10px 10px 0px;
	z-index: -1;
}
#bloc_message_diapo .swiper-pagination.swiper-pagination-bullets span::before {
	content: '';
	position: absolute;
	height: 20px;
	margin-top: -7px;
	width: 16px;
	background-color: #3333335e;
	margin-left: -8px;
	z-index: -1;
}

#bloc_message_diapo .swiper-slide.sans_d .swiper-diap{
	background-color: var(--slide-color-back,var(--diapo-color-back));
}
#bloc_message_diapo .swiper-slide.v_50 .swiper-diap{
	background: linear-gradient(var(--slide-color-back,var(--diapo-color-back)), var(--slide-color-back2,var(--diapo-color-back2)));
}

#bloc_message_diapo .swiper-slide.v_10 .swiper-diap{
	background: linear-gradient(var(--slide-color-back,var(--diapo-color-back)), 10%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.v_25 .swiper-diap{
	background: linear-gradient(var(--slide-color-back,var(--diapo-color-back)), 25%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.v_75 .swiper-diap{
	background: linear-gradient(var(--slide-color-back,var(--diapo-color-back)), 75%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.v_90 .swiper-diap{
	background: linear-gradient(var(--slide-color-back,var(--diapo-color-back)), 90%, var(--slide-color-back2,var(--diapo-color-back2)));
}

#bloc_message_diapo .swiper-slide.h_10 .swiper-diap{
	background: linear-gradient(to right,var(--slide-color-back,var(--diapo-color-back)), 10%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.h_25 .swiper-diap{
	background: linear-gradient(to right,var(--slide-color-back,var(--diapo-color-back)), 25%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.h_50 .swiper-diap{
	background: linear-gradient(to right,var(--slide-color-back,var(--diapo-color-back)), var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.h_75 .swiper-diap{
	background: linear-gradient(to right,var(--slide-color-back,var(--diapo-color-back)), 75%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.h_90 .swiper-diap{
	background: linear-gradient(to right,var(--slide-color-back,var(--diapo-color-back)), 90%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.bh_10 .swiper-diap{
	background: linear-gradient(to top right,var(--slide-color-back,var(--diapo-color-back)), 10%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.bh_25 .swiper-diap{
	background: linear-gradient(to top right,var(--slide-color-back,var(--diapo-color-back)), 25%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.bh_50 .swiper-diap{
	background: linear-gradient(to top right,var(--slide-color-back,var(--diapo-color-back)), var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.bh_75 .swiper-diap{
	background: linear-gradient(to top right,var(--slide-color-back,var(--diapo-color-back)), 75%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.bh_90 .swiper-diap{
	background: linear-gradient(to top right,var(--slide-color-back,var(--diapo-color-back)), 90%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.hb_10 .swiper-diap{
	background: linear-gradient(to bottom right,var(--slide-color-back,var(--diapo-color-back)), 10%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.hb_25 .swiper-diap{
	background: linear-gradient(to bottom right,var(--slide-color-back,var(--diapo-color-back)), 25%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.hb_50 .swiper-diap{
	background: linear-gradient(to bottom right,var(--slide-color-back,var(--diapo-color-back)), var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.hb_75 .swiper-diap{
	background: linear-gradient(to bottom right,var(--slide-color-back,var(--diapo-color-back)), 75%, var(--slide-color-back2,var(--diapo-color-back2)));
}
#bloc_message_diapo .swiper-slide.hb_90 .swiper-diap{
	background: linear-gradient(to bottom right,var(--slide-color-back,var(--diapo-color-back)), 90%, var(--slide-color-back2,var(--diapo-color-back2)));
}




#bloc_message_diapo .swiper-texte.v_50 {
	background: linear-gradient(var(--slide-color-back-t), var(--slide-color-back-t2));
}

#bloc_message_diapo .swiper-texte.v_10 {
	background: linear-gradient(var(--slide-color-back-t), 10%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.v_25 {
	background: linear-gradient(var(--slide-color-back-t), 25%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.v_75 {
	background: linear-gradient(var(--slide-color-back-t), 75%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.v_90 {
	background: linear-gradient(var(--slide-color-back-t), 90%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.h_10 {
	background: linear-gradient(to right,var(--slide-color-back-t), 10%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.h_25 {
	background: linear-gradient(to right,var(--slide-color-back-t), 25%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.h_50 {
	background: linear-gradient(to right,var(--slide-color-back-t), var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.h_75 {
	background: linear-gradient(to right,var(--slide-color-back-t), 75%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.h_90 {
	background: linear-gradient(to right,var(--slide-color-back-t), 90%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.bh_10 {
	background: linear-gradient(to top right,var(--slide-color-back-t), 10%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.bh_25 {
	background: linear-gradient(to top right,var(--slide-color-back-t), 25%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.bh_50 {
	background: linear-gradient(to top right,var(--slide-color-back-t), var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.bh_75 {
	background: linear-gradient(to top right,var(--slide-color-back-t), 75%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.bh_90 {
	background: linear-gradient(to top right,var(--slide-color-back-t), 90%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.hb_10 {
	background: linear-gradient(to bottom right,var(--slide-color-back-t), 10%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.hb_25 {
	background: linear-gradient(to bottom right,var(--slide-color-back-t), 25%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.hb_50 {
	background: linear-gradient(to bottom right,var(--slide-color-back-t), var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.hb_75 {
	background: linear-gradient(to bottom right,var(--slide-color-back-t), 75%, var(--slide-color-back-t2));
}
#bloc_message_diapo .swiper-texte.hb_90 {
	background: linear-gradient(to bottom right,var(--slide-color-back-t), 90%, var(--slide-color-back-t2));
}




#bloc_message_diapo.ac-rad .swiper-slide .swiper-image{
	border-radius: var(--diapo-radius);
}
#bloc_message_diapo .swiper-slide .swiper-diap{
	height:100%;
	width:100%;	
	position: relative;
}


#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-image{
	border-radius: 0px var(--diapo-radius) var(--diapo-radius) 0px!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-image{
	border-radius: var(--diapo-radius) 0px 0px var(--diapo-radius)!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-texte{
	border-radius: var(--diapo-radius) 0px 0px var(--diapo-radius)!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-texte{
	border-radius: 0px var(--diapo-radius) var(--diapo-radius) 0px!important;
}


#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-image{
	border-left-width: 0px!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-image{
	border-right-width: 0px!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-d .swiper-texte{
	border-right-width: 0px!important;
}
#bloc_message_diapo.ac-rad .swiper-slide.ac-txt.img-g .swiper-texte{
	border-left-width: 0px!important;
}
#bloc_message_diapo.ac-rad .myswiper-cadre {
	overflow:hidden;
	height:100%;
	padding: 25px;
}
#bloc_message_diapo.ac-rad .swiper-slide .swiper-diap,#bloc_message_diapo.ac-rad .swiper-texte,#bloc_message_diapo.ac-rad .swiper-bloc-contain,#bloc_message_diapo.ac-rad .myswiper-cadre{
	border-radius: var(--diapo-radius);
}

#bloc_message_diapo.ac-bord .swiper-texte,#bloc_message_diapo.ac-bord .swiper-image,#bloc_message_diapo.ac-bord .swiper-bloc-contain,#bloc_message_diapo.ac-bord .myswiper-cadre{
	border-color: var(--diapo-coul-bord);
	border-style: solid;
	border-width: var(--diapo-bord);
}
#bloc_message_diapo .bloc-for-bord{
	width: var(--diapo-image-width);
	height: 100%;
	background: transparent;
}
#bloc_message_diapo .img-d .bloc-for-bord{
	float: right;
}
#bloc_message_diapo .img-g .bloc-for-bord{
	float: left;
}
#bloc_message_diapo.ac-bord .bloc-for-bord{
	border-color: var(--diapo-coul-bord);
	border-style: solid;
	border-width: var(--diapo-bord);
}
#bloc_message_diapo.ac-bord .img-d .bloc-for-bord{
	border-left-width: 0;
}
#bloc_message_diapo.ac-bord .img-g .bloc-for-bord{
	border-right-width: 0;
}

/* #bloc_message_diapo.ac-omb .swiper-texte,#bloc_message_diapo.ac-bord .swiper-image{ */
	/* border-color: var(--diapo-coul-bord); */
	/* border-style: solid; */
	/* border-width: var(--diapo-bord); */
/* } */

#bloc_message_diapo .swiper-image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
	height:100%;
	width:var(--diapo-image-width);
	padding:30px;
	float:left;
}
#bloc_message_diapo .swiper-legende-image{
	color: #FFF;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
	position: absolute;
	right: 50px;
	bottom: calc(5px + var(--diapo-bord));
	font-size: 12px;
}
#bloc_message_diapo .swiper-slide.img-g .swiper-legende-image{
	right: calc(var(--diapo-texte-width) + 10px)!important;
}
#bloc_message_diapo .swiper-image .swiper-contain-image{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;	
	height:100%;
	width:100%;
}
/* #bloc_message_diapo .swiper-slide.ac-txt .swiper-image{ */
	/* width:var(--diapo-image-width); */
/* } */
#bloc_message_diapo .swiper-slide.img-g .swiper-image{
	float: left;
}

#bloc_message_diapo .swiper-slide.img-d .swiper-image{
	float: right;
}

#bloc_message_diapo .swiper-slide.ac-txt.img-g .swiper-image{
	border-right-width:0!important;
}

#bloc_message_diapo .swiper-slide.ac-txt.img-d .swiper-image{
	border-left-width:0!important;
}
#bloc_message_diapo .swiper-slide.ac-txt.img-g .swiper-texte{
	border-left-width:0!important;
}

#bloc_message_diapo .swiper-slide.ac-txt.img-d .swiper-texte{
	border-right-width:0!important;
}
body.aff-hori #bloc_message_diapo .swiper-slide.ac-txt .swiper-image.imgv,
body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt.img-c .swiper-image.imgv,
body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt .swiper-image.imgh{
	display:none!important;
}
body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt .swiper-image.imgv,
body.aff-hori #bloc_message_diapo .swiper-slide.ac-txt .swiper-image.imgh,
body.aff-vert #bloc_message_diapo .swiper-slide.ac-txt.img-c .swiper-image.imgh{
	display:block;
}


/* #bloc_message_diapo .swiper-slide.ac-img .swiper-texte{ */
	/* width:calc(100% - var(--diapo-image-width)); */
/* } */
#bloc_message_diapo .swiper-texte{
	width: var(--diapo-texte-width);
	padding: 1em 1em;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
	float:right;
}
body.smart.aff-vert #bloc_message_diapo .swiper-texte{
	padding: 0.5em 0.5em;
}
#bloc_message_diapo .swiper-slide.img-c .swiper-texte{
	position:absolute;
}
#bloc_message_diapo.ac-omb .swiper-slide.img-c .swiper-texte{
	width:calc(100% - 40px);
	height:calc(100% - 40px);
}
body.smart.aff-vert #bloc_message_diapo.ac-omb .swiper-slide.img-c .swiper-texte{
	width:calc(100% - 4px);
	height:calc(100% - 6px);
}


#bloc_message_diapo .swiper-slide.img-g .swiper-texte{
	float: right;
}


#bloc_message_diapo .swiper-slide.img-d .swiper-texte{
	float: left;	
}
#bloc_message_diapo .swiper-slide .swiper-texte{
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}
body.smart.aff-vert #bloc_message_diapo .swiper-slide .swiper-texte{
	overflow-y: auto;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-size-5{
	font-size:3em;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-size-4{
	font-size:2em;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-size-3{
	font-size:1.5em;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-size-2{
	font-size:1em;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-size-1{
	font-size:0.8em;
}
#bloc_message_diapo .swiper-slide .swiper-texte .text-bold{
	font-weight:bold;
}

body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-size-5{
	font-size:2em;
}
body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-size-4{
	font-size:1.5em;
}
body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-size-3{
	font-size:1em;
}
body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-size-2{
	font-size:0.8em;
}
body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-size-1{
	font-size:0.6em;
}
body.smart #bloc_message_diapo .swiper-slide .swiper-texte .text-bold{
	font-weight:bold;
}

.swiper-slide-zoomed .info-dbl-click {
	display:none;
}

#bloc_message_diapo .ac-view .swiper-slide:not(.swiper-slide-active) {
  opacity: 0!important;
}

.info-dbl-click {
	width: 178px;
	height: 178px;
	background-image: url("../images/avec_souris2.png");
	position:absolute;
	left:calc(10px + var(--diapo-bord));	
	bottom:calc(10px + var(--diapo-bord));	
	scale:0.5;
	transform-origin: 0% 100% 0;
	opacity: 0.7;
}

#bloc_message_diapo .swiper-scrollbar{
	display:none;
}

#bloc_message_diapo .swiper-pagination-bullet {
	border: 1px solid #fff!important;
}
#bloc_message_diapo .swiper-pagination-fraction {
	color:#FFF;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;	
}

#bloc_message_diapo .swiper-button-prev,#bloc_message_diapo .swiper-button-next {
	color: var(--diapo-color-nav,var(--swiper-theme-color))!important;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
#bloc_message_diapo .swiper-button-verrou {
	right: 10px;
	left: auto;
	text-shadow: 1px 1px 2px #0000004a, 0 0 1em #0000006b, 0 0 0.2em #00000057;
	position: absolute;
	top: 50%;
	width: calc(10px + var(--swiper-navigation-size) / 44 * 27);
	height: calc(10px + var(--swiper-navigation-size));
	margin-top: calc(-2px + -1 * var(--swiper-navigation-size) / 2);
	z-index: 11;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #B1B1B1A3;
	display:none;
}
.swiper-button-verrou::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f023";
  font-weight: 900;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
#bloc_message_diapo .swiper-pagination-bullet-active {
	background: var(--diapo-color-nav,var(--swiper-pagination-color, var(--swiper-theme-color)))!important;
}
#bloc_message_diapo .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--diapo-color-nav,var(--swiper-pagination-color, var(--swiper-theme-color)))!important;
}

.swiper-slide.ac-qcm{
	cursor:default!important;
}
.diap-qcm {
	overflow: auto;
	height: 100%;
}
.diap-qcm-titre {
	display: block;
	text-align: var(--diap-titre-align,rigth);
	font-size: var(--diap-titre-size,20px);
	background-color: var(--diap-titre-back,transparent);
	color: var(--diap-titre-txt,#FFF);
	padding: var(--diap-titre-mv,10px) var(--diap-titre-mh,10px);
}
.diap-qcm-quest {

	text-align: var(--diap-quest-align,left);
	font-size: var(--diap-quest-size,16px);
	background-color: var(--diap-quest-back,transparent);
	color: var(--diap-quest-txt,#FFF);
	padding: var(--diap-quest-mv,10px) var(--diap-quest-mh,0);
}


.diap-qcm-choix{
	margin: 0 0 var(--diap-choix-mh,0) 0;
	padding: .2em .2em 0;
	text-align: var(--diap-choix-align,left);
}
.diap-qcm-valide{
	display: inline-block;
	background-color: var(--diap-action-fond,#333);
	color:var(--diap-action-txt,#FFF);
	padding: var(--diap-action-mv,10px) var(--diap-action-mh,20px);	
	/* margin-left: calc(100% - 176px); */
	/* margin-top: 14px; */
	cursor: pointer;
	/* margin-bottom:10px; */
	opacity:0.7;
	transition-property: opacity;
	transition-duration: 0.3s;	
}
.diap-qcm-valide:hover {
	opacity:1;
}
.diap-qcm-choix li {
	list-style: none;
	position: relative;
	top: 0;
	margin: 5px 0 var(--diap-marge-question,0) 0;
	border: 2px solid transparent;
	padding: var(--diap-pad-v,5px) var(--diap-pad-h,10px);	
	border-radius: var(--diap-choix-mv,0);
	background-color: var(--diap-choix-fond,#0a274682);
	color: var(--diap-choix-txt,#BDBDBD);
	line-height: 1.2;
	font-size: var(--diap-choix-size,16px);
}
.diap-qcm-choix.diap-qcm-cont li {
	display:inline-block;
}
.swiper-slide.ac-qcm .diap-qcm-choix li:hover{
	color: #FFF;	
}
.swiper-slide.ac-qcm .diap-qcm-choix li {
	cursor: pointer;
}


.diap-qcm-choix li.actif {
	border:2px solid #FFF!important;
	color: #FFF;
}
.diap-qcm-choix li.no-good {
	opacity:0.4;
}
.diap-qcm-choix li.actif.no-good {
	border-color:#ff8585!important;
	color: #ff8585!important;
}
.diap-qcm-choix li.good {
	/* border-color:#ff8585; */
	border-color:transparent;
	color: #09FF00;
}
.diap-qcm-choix li.actif.good {
	border-color:#09FF00!important;
	color: #09FF00!important;
}
.diap-qcm-choix li span{
	/* position:absolute; */
	/* margin-left:-30px; */
}

.diap-action-bloc{
	text-align: var(--diap-action-align,right);
}

.diap-qcm-rep {
	/* height: 65px; */
	width: 100%;
	display:none;
	line-height:1;
	font-size:14px;
	text-align: center;
	
}
.diap-qcm-rep.erreur {
	background-color: var(--diap-perdu-back,#df5050);
	color: var(--diap-perdu-txt,#FFF);
	padding: var(--diap-perdu-mv,5px) var(--diap-perdu-mh,10px);
	font-size: var(--diap-perdu-size,16px);	
	text-align: var(--diap-perdu-align,left);
}
.diap-qcm-rep.reussi {
	background-color: var(--diap-gagne-back,#50c858);
	color: var(--diap-gagne-txt,#FFF);
	padding: var(--diap-gagne-mv,5px) var(--diap-gagne-mh,10px);	
	font-size: var(--diap-gagne-size,16px);
	text-align: var(--diap-perdu-align,left);
}

/* #bloc_message_diapo .swiper-pagination-progressbar .swiper-pagination-progressbar-fill::after { */
	/* content: ''; */
	/* position: absolute; */
	/* border-color: #d0701b; */
	/* border-style: solid; */
	/* border-width: 0 0.3em 0.25em 0; */
	/* height: 1em; */
	/* top: 0.6em; */
	/* right: 0.1em; */
	/* margin-top: -1em; */
	/* transform: rotate(310deg); */
	/* width: 1em; */
/* } */
.ombB1 {
   box-shadow: 0px 0px 15px 3px #403F3F61;
}
.ombB2 {
   box-shadow: 0px 0px 15px 3px #403F3FA6;
}
.ombB3 {
   box-shadow: 0px 0px 15px 3px #403F3F;
}



.blue-shadow {
   box-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
}
.black-shadow {
   box-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.white-shadow {
   box-shadow: 1px 1px 2px #CCC, 0 0 1em #FFF, 0 0 0.2em #FFF;
}

.text-blue-shadow {
   text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
}
.text-black-shadow {
   text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.text-white-shadow {
   text-shadow: 1px 1px 2px #CCC, 0 0 1em #FFF, 0 0 0.2em #FFF;
}
.text-white2-shadow {
   text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em #d38282;
}

.no-select
{
 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}

.no-display{
	display:none;
}

.bloc_message_diapo .swiper-slide{
	z-index:0;
}
#bloc_message_diapo .swiper-slide.swiper-slide-prev{
	z-index:1;
}
#bloc_message_diapo .swiper-slide.swiper-slide-next{
	z-index:2;
}
#bloc_message_diapo .swiper-slide.swiper-slide-active{
	z-index:3;
}

.swiper-bloc-contain{
width:100%;
height:100%;
}
.swiper-bloc{
	top:50%;
	left:50%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;	
	position:absolute;
}

.bt-code-pave{
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position-y:center;	
	position:absolute;
	background-color:var(--diap-code-f,transparent) !important;
	border-width:var(--diap-code-b,0) !important;
	border-color:var(--diap-code-cb,transparent) !important;
	border-radius:var(--diap-code-rd,0) !important;
	border-style:solid;
}
.ac-sprite.ac-back-p .bt-code-pave {
	background-image: var(--diap-code-img)!important;
	background-position-y:center;
}
.ac-code .bt-code-pave{
	cursor:pointer;	
}
.ac-code .bt-code-pave:hover{
	border-color:var(--diap-code-cbh,transparent) !important;
	background-color:var(--diap-code-fh,transparent) !important;
}

.zone_aff{
	position:absolute;
	background-color:var(--diap-code-fz,transparent) !important;
	border-width:var(--diap-code-bz,0) !important;
	border-color:var(--diap-code-cbz,transparent) !important;
	border-radius:var(--diap-code-rdz,0) !important;
	border-style:solid;
}

.zone_aff div {
	background-image: var(--diap-code-img)!important;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position-y:center;
	float:left;
	height:100%;
	width:calc(100% / var(--diap-nb-code,1));
}
.ac-sprite.reussi .zone_aff div {
	background-image: var(--diap-code-img-w)!important;
}
.ac-sprite.erreur .zone_aff div {
	background-image: var(--diap-code-img-e)!important;
}
.ac-sprite .bt-code-pave {background-position-x:-100%;}
.ac-sprite .zone_aff div.c1,.ac-sprite.ac-back-p .bt-code-pave.c0 {background-position-x: 0 ;}
.ac-sprite .zone_aff div.c1,.ac-sprite.ac-back-p .bt-code-pave.c1 {background-position-x: calc(100% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c2,.ac-sprite.ac-back-p .bt-code-pave.c2 {background-position-x: calc(200% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c3,.ac-sprite.ac-back-p .bt-code-pave.c3 {background-position-x: calc(300% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c4,.ac-sprite.ac-back-p .bt-code-pave.c4 {background-position-x: calc(400% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c5,.ac-sprite.ac-back-p .bt-code-pave.c5 {background-position-x: calc(500% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c6,.ac-sprite.ac-back-p .bt-code-pave.c6 {background-position-x: calc(600% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c7,.ac-sprite.ac-back-p .bt-code-pave.c7 {background-position-x: calc(700% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c8,.ac-sprite.ac-back-p .bt-code-pave.c8 {background-position-x: calc(800% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c9,.ac-sprite.ac-back-p .bt-code-pave.c9 {background-position-x: calc(900% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c10,.ac-sprite.ac-back-p .bt-code-pave.c10 {background-position-x: calc(1000% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c11,.ac-sprite.ac-back-p .bt-code-pave.c11 {background-position-x: calc(1100% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c12,.ac-sprite.ac-back-p .bt-code-pave.c12 {background-position-x: calc(1200% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c13,.ac-sprite.ac-back-p .bt-code-pave.c13 {background-position-x: calc(1300% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c14,.ac-sprite.ac-back-p .bt-code-pave.c14 {background-position-x: calc(1400% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c15,.ac-sprite.ac-back-p .bt-code-pave.c15 {background-position-x: calc(1500% / var(--diap-code-nb)) ;}
.ac-sprite .zone_aff div.c16,.ac-sprite.ac-back-p .bt-code-pave.c16 {background-position-x: calc(1600% / var(--diap-code-nb)) ;}


.bt-code-num{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;	
	position:absolute;
	background-color:var(--diap-code-f,transparent) !important;
	border-width:var(--diap-code-b,0) !important;
	border-color:var(--diap-code-cb,transparent) !important;
	border-radius:var(--diap-code-rd,0) !important;
	border-style:solid;
}

.ac-code .bt-code-num{
	cursor:pointer;	
}
.ac-code .bt-code-num:hover{
	border-color:var(--diap-code-cbh,transparent) !important;
	background-color:var(--diap-code-fh,transparent) !important;
}
.ac-sprite .reussi .bt-code-num {
	background-image: var(--diap-code-img-w)!important;
}
.ac-sprite .bt-code-num {
	background-image: var(--diap-code-img)!important;
	background-size: auto 100%;
	background-position-y:center;
	background-position-x:0;
}
.ac-sprite .bt-code-num.c0 {
	background-position-x: 0;
}
.ac-sprite .bt-code-num.c1 {background-position: calc(100% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c2 {background-position: calc(200% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c3 {background-position: calc(300% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c4 {background-position: calc(400% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c5 {background-position: calc(500% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c6 {background-position: calc(600% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c7 {background-position: calc(700% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c8 {background-position: calc(800% / var(--diap-code-nb)) center;}
.ac-sprite .bt-code-num.c9 {background-position: calc(900% / var(--diap-code-nb)) center;}
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */
/* .ac-sprite .bt-code-num.c1 {background-position: 11% center;} */



.bt-code-num.c0{background-image: url(../images/num_c0_0.png); }
.bt-code-num.c1{background-image: url(../images/num_c0_1.png); }
.bt-code-num.c2{background-image: url(../images/num_c0_2.png); }
.bt-code-num.c3{background-image: url(../images/num_c0_3.png); }
.bt-code-num.c4{background-image: url(../images/num_c0_4.png); }
.bt-code-num.c5{background-image: url(../images/num_c0_5.png); }
.bt-code-num.c6{background-image: url(../images/num_c0_6.png); }
.bt-code-num.c7{background-image: url(../images/num_c0_7.png); }
.bt-code-num.c8{background-image: url(../images/num_c0_8.png); }
.bt-code-num.c9{background-image: url(../images/num_c0_9.png); }

.coul_white .bt-code-num.c0{background-image: url(../images/num_c1_0.png); }
.coul_white .bt-code-num.c1{background-image: url(../images/num_c1_1.png); }
.coul_white .bt-code-num.c2{background-image: url(../images/num_c1_2.png); }
.coul_white .bt-code-num.c3{background-image: url(../images/num_c1_3.png); }
.coul_white .bt-code-num.c4{background-image: url(../images/num_c1_4.png); }
.coul_white .bt-code-num.c5{background-image: url(../images/num_c1_5.png); }
.coul_white .bt-code-num.c6{background-image: url(../images/num_c1_6.png); }
.coul_white .bt-code-num.c7{background-image: url(../images/num_c1_7.png); }
.coul_white .bt-code-num.c8{background-image: url(../images/num_c1_8.png); }
.coul_white .bt-code-num.c9{background-image: url(../images/num_c1_9.png); }

.reussi .bt-code-num.c0{background-image: url(../images/num_c2_0.png); }
.reussi .bt-code-num.c1{background-image: url(../images/num_c2_1.png); }
.reussi .bt-code-num.c2{background-image: url(../images/num_c2_2.png); }
.reussi .bt-code-num.c3{background-image: url(../images/num_c2_3.png); }
.reussi .bt-code-num.c4{background-image: url(../images/num_c2_4.png); }
.reussi .bt-code-num.c5{background-image: url(../images/num_c2_5.png); }
.reussi .bt-code-num.c6{background-image: url(../images/num_c2_6.png); }
.reussi .bt-code-num.c7{background-image: url(../images/num_c2_7.png); }
.reussi .bt-code-num.c8{background-image: url(../images/num_c2_8.png); }
.reussi .bt-code-num.c9{background-image: url(../images/num_c2_9.png); }

#realise{
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #00000054;
	color: #FFF;
	padding: 0px 10px;
	display: block;
	font-size: 0.6em;
	z-index: 25;
}
#realise a{
	color: #FFF;
}

.social-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: none;
  text-align: right;
  padding-left: 10px;
  margin-top: 10px;
}
.social-toolbar li {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.social-tool-label {
  font-weight: 600;
  margin-right: 0;
}
.social-tool {
  display: inline-block;
  margin-left: 5px;
}
.social-toolbar li + li {
  margin-left: 25px;
}
.social-tool > a {
  border-radius: 50%;
  font-size: 20px;
  font-size: 2rem;
  height: 40px;
  width: 40px;
  background-color: #E7E7E7;
  color: #757575;
}
.social-tool > a {
  text-align: center;
  padding: 7px 0 0 0;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sharer-fb{
	background-image: url(../images/part_fb.png);
	background-position: center;
	background-size: 80%;
}
.sharer-twiter{
	background-image: url(../images/part_tw.png);
	background-position: center;
	background-size: 80%;
}
.sharer-mail{
	background-image: url(../images/part_mail.png);
	background-position: center;
	background-size: 80%;
}
.picto50.pos-b {
margin-top:-25px;
cursor:pointer;
}
.picto50.pos-l {
margin-left:25px;
cursor:pointer;
}
.picto50.pos-t { 
margin-top:25px;
cursor:pointer;
}
.picto50.pos-r {
margin-left:-25px; 
cursor:pointer;
}
.picto50.pos-b::after {
position: absolute;
left: 50%;
top: 100%;
margin-left: -25px;
}
.picto50.pos-l::after {
position: absolute;
left: 0;
top: 50%;
margin-left: -50px;
margin-top: -25px;
}
.picto50.pos-t::after {
position: absolute;
left: 50%;
top: 0;
margin-left: -25px;
margin-top: -50px;
}
.picto50.pos-r::after {
position: absolute;
left: 100%;
top: 50%;
margin-left: 0;
margin-top: -25px;
}

.picto40.pos-b {
margin-top:-20px;
cursor:pointer;
}
.picto40.pos-l {
margin-left:20px;
cursor:pointer;
}
.picto40.pos-t {
margin-top:20px;
cursor:pointer;
}
.picto40.pos-r {
margin-left:-20px; 
cursor:pointer;
}
.picto40.pos-b::after {
position: absolute;
left: 50%;
top: 100%;
margin-left: -20px;
}
.picto40.pos-l::after {
position: absolute;
left: 0;
top: 50%;
margin-left: -40px;
margin-top: -20px;
}
.picto40.pos-t::after {
position: absolute;
left: 50%;
top: 0;
margin-left: -20px;
margin-top: -40px;
}
.picto40.pos-r::after {
position: absolute;
left: 100%;
top: 50%;
margin-left: 0;
margin-top: -20px;
}
.a-b50::after {
content: url(/front/images/tuto/audio-bleue-50.png);
}
.a-r50::after { 
content: url(/front/images/tuto/audio-rouge-50.png);
}
.a-g50::after {
content: url(/front/images/tuto/audio-gris-50.png);
}
.a-o50::after {
content: url(/front/images/tuto/audio-orange-50.png);
}
.a-v50::after {
content: url(/front/images/tuto/audio-vert-50.png);
}
.f-b50::after {
content: url(/front/images/tuto/fiche-bleue-50.png);
}
.f-r50::after { 
content: url(/front/images/tuto/fiche-rouge-50.png);
}
.f-g50::after {
content: url(/front/images/tuto/fiche-gris-50.png);
}
.f-o50::after {
content: url(/front/images/tuto/fiche-orange-50.png);
}
.f-v50::after {
content: url(/front/images/tuto/fiche-vert-50.png);
}
.n-b50::after {
content: url(/front/images/tuto/next-bleue-50.png);
}
.n-r50::after { 
content: url(/front/images/tuto/next-rouge-50.png);
}
.n-g50::after {
content: url(/front/images/tuto/next-gris-50.png);
}
.n-o50::after {
content: url(/front/images/tuto/next-orange-50.png);
}
.n-v50::after {
content: url(/front/images/tuto/next-vert-50.png);
}
.n-j50::after {
content: url(/front/images/tuto/next-jaune-50.png);
}
.p-b50::after {
content: url(/front/images/tuto/img-bleue-50.png);
}
.p-r50::after {
content: url(/front/images/tuto/img-rouge-50.png);
}
.p-g50::after {
content: url(/front/images/tuto/img-gris-50.png);
}
.p-o50::after {
content: url(/front/images/tuto/img-orange-50.png);
}
.p-v50::after {
content: url(/front/images/tuto/img-vert-50.png);
}
.i-b50::after {
content: url(/front/images/tuto/info-bleue-50.png);
}
.i-r50::after {
content: url(/front/images/tuto/info-rouge-50.png);
}
.i-g50::after {
content: url(/front/images/tuto/info-gris-50.png);
}
.i-o50::after {
content: url(/front/images/tuto/info-orange-50.png);
}
.i-v50::after {
content: url(/front/images/tuto/info-vert-50.png);
}
.z-b50::after {
content: url(/front/images/tuto/zoom-bleue-50.png);
}
.z-r50::after {
content: url(/front/images/tuto/zoom-rouge-50.png);
}
.z-g50::after {
content: url(/front/images/tuto/zoom-gris-50.png);
}
.z-o50::after {
content: url(/front/images/tuto/zoom-orange-50.png);
}
.z-v50::after {
content: url(/front/images/tuto/zoom-vert-50.png);
}
.p-b40::after {
content: url(/front/images/tuto/img-bleue-40.png);
}
.p-r40::after {
content: url(/front/images/tuto/img-rouge-40.png);
}
.p-g40::after {
content: url(/front/images/tuto/img-gris-40.png);
}
.p-o40::after {
content: url(/front/images/tuto/img-orange-40.png);
}
.p-v40::after {
content: url(/front/images/tuto/img-vert-40.png);
}
.i-b40::after {
content: url(/front/images/tuto/info-bleue-40.png);
}
.i-r40::after {
content: url(/front/images/tuto/info-rouge-40.png);
}
.i-g40::after {
content: url(/front/images/tuto/info-gris-40.png);
}
.i-o40::after {
content: url(/front/images/tuto/info-orange-40.png);
}
.i-v40::after {
content: url(/front/images/tuto/info-vert-40.png);
}
.z-b40::after {
content: url(/front/images/tuto/zoom-bleue-40.png);
}
.z-r40::after {
content: url(/front/images/tuto/zoom-rouge-40.png);
}
.z-g40::after {
content: url(/front/images/tuto/zoom-gris-40.png);
}
.z-o40::after {
content: url(/front/images/tuto/zoom-orange-40.png);
}
.z-v40::after {
content: url(/front/images/tuto/zoom-vert-40.png);
}

.a-b40::after {
content: url(/front/images/tuto/audio-bleue-40.png);
}
.a-r40::after { 
content: url(/front/images/tuto/audio-rouge-40.png);
}
.a-g40::after {
content: url(/front/images/tuto/audio-gris-40.png);
}
.a-o40::after {
content: url(/front/images/tuto/audio-orange-40.png);
}
.a-v40::after {
content: url(/front/images/tuto/audio-vert-40.png);
}
.a-j40::after {
content: url(/front/images/tuto/audio-jaune-40.png);
}
.n-b40::after {
content: url(/front/images/tuto/next-bleue-40.png);
}
.n-r40::after { 
content: url(/front/images/tuto/next-rouge-40.png);
}
.n-g40::after {
content: url(/front/images/tuto/next-gris-40.png);
}
.n-o40::after {
content: url(/front/images/tuto/next-orange-40.png);
}
.n-v40::after {
content: url(/front/images/tuto/next-vert-40.png);
}
.n-j40::after {
content: url(/front/images/tuto/next-jaune-40.png);
}


.picto30.pos-b {
margin-top:-15px;
cursor:pointer;
}
.picto30.pos-l {
margin-left:15px;
cursor:pointer;
}
.picto30.pos-t {
margin-top:15px;
cursor:pointer;
}
.picto30.pos-r {
margin-left:-15px; 
cursor:pointer;
}

.picto30.pos-b::after {
position: absolute;
left: 50%;
top: 100%;
margin-left: -15px;
}
.picto30.pos-l::after {
position: absolute;
left: 0;
top: 50%;
margin-left: -30px;
margin-top: -15px;
}
.picto30.pos-t::after {
position: absolute;
left: 50%;
top: 0;
margin-left: -15px;
margin-top: -30px;
}
.picto30.pos-r::after {
position: absolute;
left: 100%;
top: 50%;
margin-left: 0;
margin-top: -15px;
}

.a-b30::after {
content: url(/front/images/tuto/audio-bleue-30.png);
}
.a-r30::after { 
content: url(/front/images/tuto/audio-rouge-30.png);
}
.a-g30::after {
content: url(/front/images/tuto/audio-gris-30.png);
}
.a-o30::after {
content: url(/front/images/tuto/audio-orange-30.png);
}
.a-v30::after {
content: url(/front/images/tuto/audio-vert-30.png);
}

.f-b30::after {
content: url(/front/images/tuto/fiche-bleue-30.png);
}
.f-r30::after { 
content: url(/front/images/tuto/fiche-rouge-30.png);
}
.f-g30::after {
content: url(/front/images/tuto/fiche-gris-30.png);
}
.f-o30::after {
content: url(/front/images/tuto/fiche-orange-30.png);
}
.f-v30::after {
content: url(/front/images/tuto/fiche-vert-30.png);
}
.n-b30::after {
content: url(/front/images/tuto/next-bleue-30.png);
}
.n-r30::after { 
content: url(/front/images/tuto/next-rouge-30.png);
}
.n-g30::after {
content: url(/front/images/tuto/next-gris-30.png);
}
.n-o30::after {
content: url(/front/images/tuto/next-orange-30.png);
}
.n-v30::after {
content: url(/front/images/tuto/next-vert-30.png);
}
.p-b30::after {
content: url(/front/images/tuto/img-bleue-30.png);
}
.p-r30::after {
content: url(/front/images/tuto/img-rouge-30.png);
}
.p-g30::after {
content: url(/front/images/tuto/img-gris-30.png);
}
.p-o30::after {
content: url(/front/images/tuto/img-orange-30.png);
}
.p-v30::after {
content: url(/front/images/tuto/img-vert-30.png);
}
.i-b30::after {
content: url(/front/images/tuto/info-bleue-30.png);
}
.i-r30::after {
content: url(/front/images/tuto/info-rouge-30.png);
}
.i-g30::after {
content: url(/front/images/tuto/info-gris-30.png);
}
.i-o30::after {
content: url(/front/images/tuto/info-orange-30.png);
}
.i-v30::after {
content: url(/front/images/tuto/info-vert-30.png);
}
.z-b30::after {
content: url(/front/images/tuto/zoom-bleue-30.png);
}
.z-r30::after {
content: url(/front/images/tuto/zoom-rouge-30.png);
}
.z-g30::after {
content: url(/front/images/tuto/zoom-gris-30.png);
}
.z-o30::after {
content: url(/front/images/tuto/zoom-orange-30.png);
}
.z-v30::after {
content: url(/front/images/tuto/zoom-vert-30.png);
}

.picto20.pos-b {
margin-top:-7px;
cursor:pointer;
}
.picto20.pos-l {
margin-left:10px;
cursor:pointer;
}
.picto20.pos-t {
margin-top:10px;
cursor:pointer;
}
.picto20.pos-r {
margin-left:-10px; 
cursor:pointer;
}

.picto20.pos-b::after {
position: absolute;
left: 50%;
top: 100%;
margin-left: -10px;
margin-top:-3px
}
.picto20.pos-l::after {
position: absolute;
left: 0;
top: 50%;
margin-left: -20px;
margin-top: -10px;
}
.picto20.pos-t::after {
position: absolute;
left: 50%;
top: 0;
margin-left: -10px;
margin-top: -20px;
}
.picto20.pos-r::after {
position: absolute;
left: 100%;
top: 50%;
margin-left: 0;
margin-top: -10px;
}

.f-b20::after {
content: url(/front/images/tuto/fiche-bleue-20.png);
}
.f-r20::after { 
content: url(/front/images/tuto/fiche-rouge-20.png);
}
.f-g20::after {
content: url(/front/images/tuto/fiche-gris-20.png);
}
.f-o20::after {
content: url(/front/images/tuto/fiche-orange-20.png);
}
.f-v20::after {
content: url(/front/images/tuto/fiche-vert-20.png);
}
.f-j20::after {
content: url(/front/images/tuto/fiche-jaune-20.png);
}
.p-b20::after {
content: url(/front/images/tuto/img-bleue-20.png);
}
.p-r20::after {
content: url(/front/images/tuto/img-rouge-20.png);
}
.p-g20::after {
content: url(/front/images/tuto/img-gris-20.png);
}
.p-o20::after {
content: url(/front/images/tuto/img-orange-20.png);
}
.p-v20::after {
content: url(/front/images/tuto/img-vert-20.png);
}
.p-j20::after {
content: url(/front/images/tuto/img-jaune-20.png);
}
.i-b20::after {
content: url(/front/images/tuto/info-bleue-20.png);
}
.i-r20::after {
content: url(/front/images/tuto/info-rouge-20.png);
}
.i-g20::after {
content: url(/front/images/tuto/info-gris-20.png);
}
.i-o20::after {
content: url(/front/images/tuto/info-orange-20.png);
}
.i-v20::after {
content: url(/front/images/tuto/info-vert-20.png);
}
.i-j20::after {
content: url(/front/images/tuto/info-jaune-20.png);
}
.z-b20::after {
content: url(/front/images/tuto/zoom-bleue-20.png);
}
.z-r20::after {
content: url(/front/images/tuto/zoom-rouge-20.png);
}
.z-g20::after {
content: url(/front/images/tuto/zoom-gris-20.png);
}
.z-o20::after {
content: url(/front/images/tuto/zoom-orange-20.png);
}
.z-v20::after {
content: url(/front/images/tuto/zoom-vert-20.png);
}
.z-j20::after {
content: url(/front/images/tuto/zoom-jaune-20.png);
}

.psv-markers.hide-0 .dos-0,.psv-markers.hide-1 .dos-1,.psv-markers.hide-2 .dos-2,.psv-markers.hide-3 .dos-3,.psv-markers.hide-4 .dos-4,.psv-markers.hide-5 .dos-5,.psv-markers.hide-6 .dos-6,.psv-markers.hide-7 .dos-7,.psv-markers.hide-8 .dos-8,.psv-markers.hide-9 .dos-9,.psv-markers.hide-10 .dos-10,.psv-markers.hide-11 .dos-11,.psv-markers.hide-12 .dos-12,.psv-markers.hide-13 .dos-13,.psv-markers.hide-14 .dos-14{
	display: none!important;
}
.psv-markers.show-0 .dos-0,.psv-markers.show-1 .dos-1,.psv-markers.show-2 .dos-2,.psv-markers.show-3 .dos-3,.psv-markers.show-4 .dos-4,.psv-markers.show-5 .dos-5,.psv-markers.show-6 .dos-6,.psv-markers.show-7 .dos-7,.psv-markers.show-8 .dos-8,.psv-markers.show-9 .dos-9,.psv-markers.show-10 .dos-10,.psv-markers.show-11 .dos-11,.psv-markers.show-12 .dos-12,.psv-markers.show-13 .dos-13,.psv-markers.show-14 .dos-14{
	display: block!important;
}
.etat-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/*
audio::-webkit-media-controls-play-button{
background-color:green!important;}
audio::-webkit-media-controls-play-button,
     audio::-webkit-media-controls-panel {
     background-color: #000;
     color: #000;
     }

audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}
*/