/* définition des polices */
@font-face { font-family: Mitr-Regular; 	src: url(fonts/Mitr-Regular.ttf); font-display:swap; }
@font-face { font-family: Mitr-Bold; 			src: url(fonts/Mitr-Bold.ttf); font-display:swap; }
@font-face { font-family: Mitr-Medium;   	src: url(fonts/Mitr-Medium.ttf); font-display:swap; }
@font-face { font-family: Mitr-Light;			src: url(fonts/Mitr-Light.ttf); font-display:swap; }
@font-face { font-family: Mitr-ExtraLight; src: url(fonts/Mitr-ExtraLight.ttf); font-display:swap; }


/*----- les textes -------------*/
/* { font-family: Mitr-ExtraLight; font-size:14px; color: #264170; text-align: justify; }*/

h1 {
	font-size:20px;
	font-family: Mitr-Medium;
}

h1.h1_numero {
	font-size:35px;
	font-family: Mitr-Medium;
	color: #0068FF;
}
h1.h1_numero span {
	font-size:35px;
	font-family: Mitr-Medium;
	color: #F6BB00;
}

h2 {
	font-family: Mitr-Medium;
	font-size:30px;
	letter-spacing: -2px;
	font-weight: normal;
	color: #10327c;
	margin: 0px;
	line-height: 100%;
}
h2.h2_numero {
	letter-spacing: 0px;
	font-size:20px;
	font-family: Mitr-Medium;
	color: #0068FF;
	margin-bottom: 10px;
	flex-basis: 100%;
}
h2.h2_numero span {
	font-size:20px;
	font-family: Mitr-Medium;
	color: #F6BB00;
}

h3 {
	letter-spacing: 0px;
	font-size:14px;
	font-family: Mitr-Regular;
	color: #0068FF;
	margin-bottom: 10px;
	flex-basis: 100%;
}
h3.h3_sombre {
	color: #26436d;
}

p, li, ol, ul, td {
	line-height: 100%;
	font-family: Mitr-ExtraLight;
	font-size:14px;
	color: #264170;
	text-align: justify;
}

p.p_intro_formulaire {
	font-family: Mitr-Medium;
	font-size:30px;
	font-weight: normal;
	color: #10327c;
	margin: 0px;
	line-height: 100%;
}


a img { border: none; text-decoration:none; }

.bloc_blanc { margin:0px; margin-top:20px; background-color:#FFF; border-radius:20px; padding:20px; }
.div_options { display:flex; flex-wrap: wrap; justify-content:center; align-items:normal; width:100%; }
.bloc_option_180px { width:180px; margin:10px; text-align:center; font-size:14px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_180px img { max-width:150px; }
.bloc_option_100px { width:100px; margin:5px; text-align:center; font-size:14px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_110px { width:110px; margin:5px; text-align:center; font-size:14px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_75px { width:75px; margin:5px; text-align:center; font-size:10px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_85px { width:85px; margin:5px; text-align:center; font-size:10px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_50px { width:50px; margin:5px; text-align:center; font-size:10px; font-family: Mitr-Medium; cursor:pointer; }
.bloc_option_lignes_heures { width:200px; padding:5px 0px; text-align:center; font-size:14px; font-family: Mitr-Medium;
	cursor:pointer; color: #26436f; background-color: #ededef; border-radius:15px; margin-bottom:10px; }
.bloc_option_lignes_2026 { width:100%; text-align:left; font-family: Mitr-Light; font-size:14px; cursor:pointer; }
.option_cliquable_lignes_heures { font-family: Mitr-Light; font-size:14px; cursor:pointer; }
.option_cliquable_lignes_heures img { border:none; border-radius: 0px; padding-left:1px; }
.option_cliquable_lignes_heures.bloc_choisi img { border:none; border-radius: 0px; }
.bloc_option_debut_semaine { width:140px; padding:5px 0px; text-align:center; font-size:14px; font-family: Mitr-Medium;
	cursor:pointer; color: #26436f; background-color: #ededef; border-radius:10px; /*V71 10 -> 5 */ margin-right:20px; margin-bottom:10px; }
.bloc_option_mise_en_page { width:15%; padding:2px 0px; text-align:center; font-size:14px; /*V71*/ font-family: Mitr-Medium; cursor:pointer;
	color: #0068FF; background-color: #ededef; border-radius:5px; margin-bottom:5px; }
.bloc_option_ferie { width:60px; margin-right:10px; padding:2px 0px; text-align:center; font-size:15px; font-family: Mitr-Medium; cursor:pointer;
	color: #0068FF; background-color: #ededef; border-radius:10px; /*V71 10 -> 5 */ margin-bottom:8px; }
.bloc_option_debut_cal { width:290px; padding:5px 0px; padding-left:20px; text-align:center; font-size:14px; font-family: Mitr-Medium;
	cursor:pointer; color: #26436f; background-color: #ededef; border-radius:10px; /*V71 10 -> 5 */ margin-bottom:10px; }
#menuZoom6 .bloc_option_debut_cal { padding-left:20px; background-repeat:no-repeat; background-size:20px;
		background-position: center left; background-image:url('https://www.agenaco.com/img/btn_menu_zoom/radio-button-unchecked.svg'); }
.bloc_bouche_trou { opacity:0%; background-color:#fff; }


/* au repos, certaines images ont une bordure blanche pour ne pas provoquer de saut de mise en page au clic */
.bloc_option_orientation img, .bloc_option_format img, .bloc_option_couverture img {
	border: 3px solid #fff;
}
/* V69 */
.bloc_option_lignes_2026 img { height:20px !important; width:auto !important; display:inline-block; vertical-align:-5px !important; }

.bloc_option_format span { font-size:9px; font-family:Mitr-Regular, sans-serif; }

/* survol d'une option : le fond devient gris */
/* V71 border radius passe de 3 à 5 */
.bloc_option_mise_en_page:hover, .bloc_option_lignes_heures:hover, .bloc_option_debut_semaine:hover, .bloc_option_texte:hover, 
.bloc_option_debut_cal:hover {
	background-color: #eee !important; border-radius:5px;
}
/* V60 cas particulier du menu jour férié au survol */
.bloc_option_ferie:hover { background-color: #ccc !important; border-radius:10px !important; /*V71 10 -> 5 */ }

/* V61 pour le menu format / orientation / reliure, seule l'image devient grise au survol */
/*V71 radius 10 -> 5 */
.bloc_option_orientation img, .bloc_option_couverture img, .bloc_option_format img { border-radius:10px !important; background-color:#EBEBEB; }
.bloc_option_orientation:hover img, .bloc_option_couverture:hover img, .bloc_option_format:hover img {
	/*
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-o-filter: brightness(90%);
	-ms-filter: brightness(90%);
	filter: brightness(90%);
	border-radius:12px !important;
	border:3px solid #fff;
	*/
	background-color: #E0E0E0;
}


.bloc_choisi { color:#82dd2a; }
.bloc_choisi img { border:3px solid #82dd2a; border-radius:10px; } /* V71 radius passe de 10 à 5 */
.bloc_choisi.bloc_option_texte {
		-webkit-box-shadow:inset 0px 0px 0px 3px #82dd2a;
    -moz-box-shadow:inset 0px 0px 0px 3px #82dd2a;
    box-shadow:inset 0px 0px 0px 3px #82dd2a;
}
.choix_impossible { opacity:0.5; cursor:not-allowed; }
.choix_masque { display:none; }


#bloc_tarif { width:250px; margin:0px; margin-top:20px; background-color:#FFF;
	border-radius:20px; padding:20px; display:inline-block; }
p#annonce_tarif { font-size:20px; color:#0369fc; font-family:Mitr-Medium; padding:0px; margin:0px; }
p#annonce_tarif span { font-size:32px; color:#86de32; font-family:Mitr-Medium; }
p#precision_tarif { font-size:12px; color:#234270; font-family:Mitr-Regular; padding:0px; margin:0px; }
#btn_validation_catalogue { display:inline-block; width:auto; margin-top:20px; }

.contenu_a_droite { text-align:right; }

@media screen and (max-width: 750px) {
	.bloc_option_180px { width:25%; }
	.bloc_option_100px { width:22%; margin-top:30px; }
	.bloc_option_texte { min-width:20%; margin:5px; }
	.bloc_option_lignes_heures { width:45%; }
	.choix_impossible { display:none; }
	.bloc_option_debut_cal { width:90%; }
}

/********** Paolo - Pour le calendrier des jours fériés **********/
.calendarDayOff{
  font-family: Tahoma,Sans-Serif;
  font-size: 11px;
	color: black ;
}

/*--- Début- Paolo 13/11/15 style pour l'étoile du formulaire de commande ou d'inscript indiquant les champs obligatoire ---*/
.obligatoire{
  color:red;
}
/*--- Fin- Paolo 13/11/15 style pour l'étoile du formulaire de commande ou d'inscript indiquant les champs obligatoire ---*/

.select {
overflow:hidden;
padding:0; 
margin:0;
}

/*------ Début- Paolo 29/10/15 bouton defini dans le fichier inscription.php -------*/

.bouton_style1{
    border: 1px solid red; 
    background-color: rgb(238, 238, 238);
    font-weight: bold;
}
.bouton_style1:hover{
    cursor:pointer;
    background-color: rgb(187, 187, 187);
}
/*------ Fin- Paolo 29/10/15 bouton defini dans le fichier inscription.php -------*/

/*----- les blocs -------------*/
html {
	background-color: #f4f4f4;
	/*background-color: #d4d4d4;*/
}

body {
	margin:0px auto; 				  			 	 
	padding:0px;
	width:100%;
}

/* V70 menu fixe sur smartphone et PC */
#header_ext { width:100%; height:70px; margin:0px; background-color:rgba(255, 255, 255, 0.9); 	position: sticky;
	top:0px;  }

#header { display:flex; justify-content:space-between; align-items:center;
	width:80%; height:70px; margin:0px auto; 
}

#logo {
	margin-left:20px;
	margin-top:10px;
	background-repeat: no-repeat;
	height:30px;
	width:150px;
	background-image:url('./img/logo-Agenaco.jpg');
	background-size: contain;
}

#menu {
	display:flex; justify-content:flex-end; align-items:center;
	width:50%;
	margin-right:20px;
	margin-top:5px;
}

#menu #acces_catalogue img { width:153px; display:inline-block; vertical-align:middle; }
#menu #infos_clients img { width:20px; display:inline-block; vertical-align:middle; }
#menu #mini_panier img { width:25px; display:inline-block; vertical-align:middle; }
#menu a { margin-left:25px; text-decoration:none; font-size:13px; font-family:Mitr-Medium; }

#contenu {
	width: 75%;
	padding:0px;
	margin: 0px auto;
}

div.multi_colonnes { background-color:#fff; display:flex; justify-content:space-evenly; align-items:center;
		margin-top:20px; border-radius:20px; padding:20px; }
div.multi_colonnes div.colonne30 { width:30%; }
div.multi_colonnes div.colonne35 { width:35%; }
div.multi_colonnes div.colonne40 { width:40%; }
div.multi_colonnes div.colonne45 { width:45%; }
div.multi_colonnes div.colonne50 { width:50%; }
div.multi_colonnes div.colonne55 { width:55%; }
div.multi_colonnes div.colonne60 { width:60%; }
div.multi_colonnes div.colonne65 { width:65%; }

@media screen and (max-width: 750px) {
	#header { width:100%; }
	#header_ext, #header { height:35px; }
	#logo { margin:0px; width:100px; height: 30px; }
	#contenu { width:90%; }
	div.multi_colonnes { display:block; width:90%; margin:20px auto; }
	div.multi_colonnes div.colonne30 { width:100% !important; }
	div.multi_colonnes div.colonne35 { width:100% !important; }
	div.multi_colonnes div.colonne40 { width:100% !important; }
	div.multi_colonnes div.colonne45 { width:100% !important; }
	div.multi_colonnes div.colonne50 { width:100% !important; }
	div.multi_colonnes div.colonne55 { width:100% !important; }
	div.multi_colonnes div.colonne60 { width:100% !important; }
	div.multi_colonnes div.colonne65 { width:100% !important; }
}


/*---------------------------------*/
/* page d'accueil */
/*---------------------------------*/
#slider_homepage img { max-width:100%; width:100% !important; }

#a_la_une { display:flex; justify-content:space-between; align-items:flex-start; margin-top:40px; }
#a_la_une .gauche { width:32%; }
#a_la_une .droite { width:62%; }
a.btn_commencer-a-creer { display:inline-block; max-width:230px; }
a.btn_commencer-a-creer img { width:100%; }

#points_forts { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin:50px 0px;
background-color:#FFF; border-radius:20px; padding:10px; }
#points_forts div { width:27%; margin:20px; }
#points_forts div img { width:32%; }

@media screen and (max-width: 750px) {
	#a_la_une { display:block; width:80%; margin:20px auto; }
	#a_la_une .gauche { width:100%; }
	#a_la_une .droite { width:100%; }
	#points_forts { display:block; margin:0px; }
	#points_forts div { width:100%; margin:20px; }
}

/*---------------------------------*/
/* page catalogue */
/*---------------------------------*/
#visualisation_agenda {
	background-size: cover;
	background-image: url('img/catalogue_produit/calc_de_dimension_A4_1_H_R.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
#visualisation_agenda img {	width:100%; }

#zoom { width:150px; height:100px; position:absolute; left:-2000px; background-color: #fff; border:1px solid silver;
			background-repeat: no-repeat; }


/*---------------------------------*/
/* page produit */
/*---------------------------------*/
#zone_visualisation { /* V65 */
	position:relative; 
	height: 100% !important;
	background: #fff url('https://www.agenaco.com/calques/fond_ecran/default.svg') repeat center;
	/*background-size:cover;*/
}

#visualisation_interieur { text-align:center; transition:.5s; overflow: hidden !important; }
#calques_PCLT { position:relative; overflow:hidden; clear:both;
								/*cursor: url('https://www.agenaco.com/img/loupe.png'), auto;*/
								cursor: url('https://www.agenaco.com/img/btn_menu_zoom/loupe.svg'), auto; }
#div_calque_P, #div_calque_L, #div_calque_C, #div_calque_T, #div_calque_B, #div_calque_INTRO_FIN, #div_calque_D { 
	position:absolute; top:0; left:0; }

#fleche_precedente, #fleche_suivante {
		display:none !important; /* V64 */
		/*width:30px; height:30px;*/
		width:20px; height:60px;
		position:absolute;
		top:calc(50% - 30px);
		background-size: cover;
		background-image: url('img/catalogue_produit/calc_de_dimension_A4_1_H_R.png');
		background-color: rgba(255, 255, 255, 0.01);
		background-blend-mode: lighten;
		z-index:300;
		cursor: pointer !important;
	}
#fleche_precedente { left:0px; background-image: url('img/btn_menu_zoom/fleche_gauche.svg'); }
#fleche_suivante { right:0px; background-image: url('img/btn_menu_zoom/fleche_droite.svg'); right:20px; }

#fleche_precedente:hover, #fleche_suivante:hover { background-color: rgba(0, 0, 0, 0.2); background-blend-mode: lighten; }

#visualisation_interieur img { width:100%; }

#menu_plein_ecran, #pagination_plein_ecran, #menu_svg {  
  display: block;
}

.alignement_droite { text-align:right !important; }

.rond_pagination { color:silver; text-decoration: none; }
.rond_pagination_actif { color:#26436f; }


/*----------------------------------------------*/
/* menu déroulant en mode zoom plein-ecran */
/*--------------------------------------------*/
 /* Dropdown Button */
.dropbtn {
  border: none;
  cursor: pointer;
  height:20px !important;
  width:auto;
  margin:0px 5px;
}

.btn_menu {
  background-repeat:no-repeat;
  background-size:contain;
  border:1.5px solid silver;
  padding:0px 3px;
  border-radius: 5px;
  margin:0px;
}

.btn_menu * {
  color:#0068ff;
  font-family: 'Mitr-Medium';
  font-size:16px;
}

.btn_menu img { height:16px !important; width:auto !important; vertical-align: middle; }
.btn_menu span { display:inline-block; width:auto; margin:0px; padding:0px; margin-right:20px; }
.btn_menu::after { content:'⯆'; }

.autresBtnZoom {
  border: none;
  cursor: pointer;
  height:20px !important;
  width:20px !important;
  margin:0px 3px;
  display:inline;
}
.autresBtnZoom[choix-courant="1"]{ opacity:1; }
.autresBtnZoom[choix-courant="0"]{ opacity:0.5; }

/* code couleur inversé pour le bouton zoom */
#switch_super_zoom[choix-courant="0"]{ opacity:1; }
#switch_super_zoom[choix-courant="1"]{ opacity:0.5; }

#curseur_super_zoom { position:fixed; top:30px; left:100px; z-index:1000; rotate: 180deg; }

/* survol de la souris sur le bouton SVG panier */
#panier_flottant:hover #panier_commande { fill:#0068AA; }

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  /*background-color: #2980B9;*/
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
/* V60 ajout d'un border radius au titre pour ne pas empiéter sur la bordure du menu */
.dropdown-content p { font-size:12px; font-family: Mitr-Medium; color: #26436d; cursor: default; }
.dropdown-content p.titre { background-color:#EBEBEB; padding:5px 10px; margin:0px; position:relative; border-radius:5px 5px 0px 0px; }
.dropdown-content div.contenu { padding:3px; }
.dropdown-content div.contenu_avec_marges { padding:14px 10px 10px 20px; }
.dropdown-content div.contenu_avec_marges_feries { padding:14px 10px 20px 20px; }
.dropdown-content div.contenu_avec_marges_calendrier { padding:5px 10px; }
.dropdown-content div.contenu_avec_marges_periode { padding:14px 10px 10px 20px; line-height:2; } /*V68*/

.header_menu_zoom {
	background-color: #EBEBEB;
	color:#26436d;
	font-size:13px;
	text-align: left;
	padding:5px 10px;
	font-family: Mitr-Medium !important;
	border-radius:5px 5px 0px 0px;
}

.menu_zoom_contextuel .header_menu_zoom span {
	display: block;
	float:right;
	cursor: pointer;
}
.menu_zoom_contextuel .header_menu_zoom img {
	max-width:20px;
}
.menu_zoom_contextuel .header_menu_zoom img:hover { /* V62 */
	content:url('https://www.agenaco.com/img/minimize_rouge.svg');
}

.contenu_menu_zoom { padding:10px 5px; }

.footer_menu_zoom { background-color:#EBEBEB; min-height:20px;	padding:10px 5px; }

#compteur_periode, #compteur_evenements, #compteur_feries { font-size:10px; color:#4682B4; }
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  min-width: 60px;
  text-align: center;
  padding:0px;
  border:1px solid silver;
  border-radius: 5px;
  margin-top: 5px;
  z-index: 1;
}


/* style graphique des menu zoom contextuel 
https://getcssscan.com/css-box-shadow-examples */
.menu_zoom_contextuel {
	/*border:1px solid #000;*/
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border-radius: 5px;
	/* V60  ce sont les blocs internes qui ont des padding padding:5px 10px; */
}


/* Links inside the dropdown */
div.bloc_menu_deroulant_zoom {
  color: black;
  padding: 5px 12px;
  text-decoration: none;
  display: inline-block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover { background-color: #ddd; }

/* les options des menus déroulants mode zoom Agenaco */
.choix_dropdown { display:block; width:auto; background:none; padding-right:20px; color:#1b2c49;
  font-family: 'Mitr-Regular'; font-size:16px; text-align:left; }
.choix_dropdown.bloc_choisi { display:block; width:auto; background:none; padding-right:20px; 
	font-family: 'Mitr-Medium'; color:#0068ff; border:none; box-shadow: none; }
.choix_dropdown.bloc_choisi::after { content:'✓'; position:absolute; right:5px; color:#1b2c49; }


/* le slider de zoom */
input[type=range][orient=vertical] {
    writing-mode: vertical-lr;
    direction: rtl;
    appearance: slider-vertical;
    width: 16px;
    vertical-align: bottom;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 


/*---------------------------------*/
/* choix des groupes d'évènements d'un agenda */
/*---------------------------------*/
label.form-switch.checkbox_groupe_evenement {
	margin:10px 5px;
	letter-spacing: 0px;
	font-size:18px;
	font-family: Mitr-Regular;
	font-weight: 600;
	color: #26436d;
}
label.form-switch.checkbox_groupe_evenement img { width:35px; vertical-align: middle; }


/*---------------------------------*/
/* panier */
/*---------------------------------*/
#table_panier { width:100%; }
#table_panier * { font-family:Mitr-Regular; text-align:left; }
#table_panier th { text-align:left; }
#table_panier img { display:inline-block; width:15px !important; vertical-align:middle; }
#table_panier img:hover { fill:red; }
#table_panier div.centrage_chiffre { width:70px; margin:auto; display:block; text-align:left; }
#table_panier .align_left { text-align:left; padding-left:20px; }
#table_panier .align_center { text-align:center; }
#table_panier .align_right { text-align:right; padding-right:20px; }
#table_panier .recap_panier { display:none; background-color: #F4F4F4; border-radius:10px; padding:10px; border:1px solid #ccc; }
#table_panier .recap_panier img { width:15px !important; vertical-align:baseline; }
#table_panier .montre_detail_panier:hover~div.recap_panier { display:block; position:absolute; z-index:1000; }
/* V62 image de l'agenda en début de ligne */
#table_panier img.img_agenda {  width:30px !important; }

/*---------------------------------*/
/* mode visionneuse plein-écran    */
/*---------------------------------*/
.plein-ecran {  
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  margin-left:0px !important;
  width:100% !important;
  height:100% !important;
  background-color: #fff !important;
  z-index:1000 !important;
  cursor:auto !important;
}

body:has(.plein-ecran) { overflow: hidden !important; /* Hide scrollbars */ }

/* V60 logo transparent en plein écran */
#logo_plein_ecran {
	display:block; width:200px; height:20px; position: fixed;
	background-image:url('./img/logo-Agenaco.png');
	background-size: contain;
	background-repeat: no-repeat;
	top:2px; left:2px; z-index:1500 !important;
}

.plein-ecran #menu_plein_ecran {  
  height:20px;
  display: block;
  text-align: right;
  position: fixed;
  padding-top:3px;
  right:210px;
  top:0px;
  z-index:2000;
  /*background-color: #fff;*/ /* V65 */
}

.plein-ecran #menu_plein_ecran.menu_pleine_largeur {
	width:100% !important;
	right:0px;
}

#fleche_suivante, #fleche_precedente { opacity:70%; }
#fleche_suivante:hover, #fleche_precedente:hover { opacity:100%; }
.plein-ecran #fleche_suivante { right:15px; top:calc(50vh - 30px); }
.plein-ecran #fleche_precedente { left:15px; top:calc(50vh - 30px); }
.masquer_fleche { opacity: 1% !important; }


.plein-ecran #calques_PCLT {  
  display: block;
  position:fixed;
  top:0px;
  cursor:default;
  z-index:100;
}

.plein-ecran #pagination_plein_ecran {  
  height:100%;
  width: 180px;
  display: block;
  position:fixed;
  z-index:300;
  top:0px;
  right:0px;
  font-size:11px;
  font-family: Mitr-Light;
  color: #555;
  padding:0px 10px;
  background-color: #ededefa7;
  line-height: 100%;
}

.plein-ecran #pagination_plein_ecran #titre_colonne_pagination { margin-bottom:22px; }
#fermer_colonne_navigation { text-align:right; margin:5px 2px; padding:0px; }
#fermer_colonne_navigation img { width:15px; height:15px; }

.plein-ecran #pagination_plein_ecran b {  
  font-family: Mitr-Regular;
}

#pagination_plein_ecran .cadre_gris h3, #pagination_plein_ecran .cadre_blanc h3 { margin-top:0px; }
#pagination_plein_ecran .cadre_gris { background-color:#fff; border-radius:10px; 
	margin:10px auto; padding:10px; text-align: left; }

#pagination_plein_ecran .cadre_blanc { background-color:#fff; border-radius:10px; margin:10px auto; padding:10px; text-align: left; }

#pagination_plein_ecran .cadre_blanc img { width:12px; }


.plein-ecran #menu_svg {  
  height:100%;
  width: 80px;
  display: block;
  position:fixed;
  z-index:300;
  top:0px;
  left:0px;
  display:flex;
	align-items:center;
	/* v63 border:1px solid lime; */
}

.plein-ecran #menu_svg #menu_svg_inside {
	margin:auto;
}

.plein-ecran #menu_svg #menu_svg_inside svg {
	display:block;
  width:76px;
  height:76px;
  margin-bottom: 1mm;
  cursor: pointer !important;
}

.invisible {  
  display: none !important;
}

.plein-ecran #pagination_initiale {  
  display: none;
}

/* V69 plus besoin
#info_pagination { display: none; font-size:8px; font-family: 'Courier New', monospace, monospace; color: #555;}
#info_pagination span { display:inline; vertical-align: middle; font-family: 'Courier New', monospace, monospace; }
#info_pagination .autresBtnZoom, #info_pagination img { display:inline; vertical-align: middle !important; }
.plein-ecran #info_pagination { display:block; position:fixed; z-index:100; }
*/

/*--------------------------------------*/
/* SVG dynamique de pagination + visualisation fériés/évènements */
/*---------------------------------------*/
#svg_pagination_bas {
	display:none;
}

.plein-ecran #svg_pagination_bas {
	display:block;
	position: fixed;
	height:70px;
  bottom: 0;
  left: 0;
  right:0px;
  margin: 0 auto !important;
  text-align: center;
  width: fit-content;
  white-space: nowrap;
  z-index:1000;
}

#infobulle_feries {
	background: #fff;
	border:1px solid #333;
	border-radius: 5px;
	padding:10px;
	font-size: small;
	display:none;
	position: fixed !important;
	z-index:10000 !important;
	text-align: left;
	font-family: 'Courier New', monospace;
}


/*---------------------------------*/
/* mode super zoom */
/*---------------------------------*/
.ui-draggable-handle:hover { 
	cursor: move !important; /* fallback if grab cursor is unsupported */
  /*cursor: grab !important;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;*/
}

.ui-draggable-dragging:hover { 
	cursor: move !important; /* fallback if grab cursor is unsupported */
  /*cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;*/
}

/*---------------------------------*/
/* menus interactifs du calque boule */
/*---------------------------------*/
.menu_calque_boule { display:block; position:fixed; z-index:2000; margin:0px; scale:1 }

.menu_calque_boule .bloc_option_texte, .menu_calque_boule .bloc_option_mise_en_page, 
.menu_calque_boule .bloc_option_texte * { display:block; margin:0px; padding:0px; width:auto; 
	font-size:14px; background: none; padding-right:25px; text-align:left; font-family:'Mitr-Light'; }
/* V60 ajout d'un svg sans fond + viewbox adaptée dans le SVG */
.menu_calque_boule .bloc_choisi { color:#0068ff; box-shadow:none; border:none; background-repeat:no-repeat; 
	background-position:center right; background-image:url('https://www.agenaco.com/img/btn_menu_zoom/check-svgrepo-com.svg'); }


/* on force les dimensions des menus zoom */
/* menuZoom1 = menu des langues de l'agenda */
#menuZoom1 .bloc_option_mise_en_page { border-radius:3px; }
.menuZoom1 .bloc_option_mise_en_page img { border-radius:3px; }

/* menuZoom2 = menu des modèles possibles */
/* V71 menuzoom2 devient à la fois une classe et un identifiant pour pouvoir afficher facilement les modèles sur PC er smartphone */
#menuZoom2 .div_options_modeles { align-items: center; margin-left:-12px; padding-left: 10px !important; } /* V65 */
#menuZoom2 p.entete_types_modeles { width:115px; color:#000;  margin:5px 0px; } /* V63 V64 */
#menuZoom2 p.entete_types_modeles span { font-weight:normal; font-size:10px; font-family:sans-serif; }
#menuZoom2 .div_vignette_modele { position: relative; min-width:20px; text-align:center; margin:0px !important; padding:2px !important;
 border:3px solid #fff; line-height: 90%; color: #1b2c49 !important; font-size:8px; }
#menuZoom2 .div_vignette_modele:hover:before { 
	content: '';
  background: rgba(150, 150, 150, 0.4);
  width:100%;
  height:100%;
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  pointer-events: none;
 }
#menuZoom2 .div_vignette_modele.bloc_choisi { background:none; border:3px solid #82dd2a; border-radius:5px; }
#menuZoom2 .div_vignette_modele img { width:35px; }
#menuZoom2 .bloc_choisi img { border:none; border-radius:0px; }
/* V61 centrage vertical des liens +/- des autres groupes */
.lien_modeles_precedents, .lien_modeles_suivants { opacity:0 !important; width:14px; padding-bottom:11px; margin:5px 0px; }
.lien_modeles_precedents { width:20px; text-align:right; } /* V63 */
.lien_modeles_precedents a, .lien_modeles_suivants a { align-items: center; color:grey; font-family:Mitr-Regular; }
#div_modeles_type_1:hover .lien_modeles_precedents { opacity:1 !important; }
#div_modeles_type_1:hover .lien_modeles_suivants { opacity:1 !important; }
#div_modeles_type_2:hover .lien_modeles_precedents { opacity:1 !important; }
#div_modeles_type_2:hover .lien_modeles_suivants { opacity:1 !important; }
#div_modeles_type_3:hover .lien_modeles_precedents { opacity:1 !important; }
#div_modeles_type_3:hover .lien_modeles_suivants { opacity:1 !important; }
#div_modeles_type_4:hover .lien_modeles_precedents { opacity:1 !important; }
#div_modeles_type_4:hover .lien_modeles_suivants { opacity:1 !important; }

/* V69 menu lignes heures */
#menuZoom3 .bloc_option_lignes_2026:hover { background-color:#eee; border-radius:3px; }
#menuZoom3 .bloc_option_lignes_2026 .largeur_fixe { display: inline-block; width:190px; }
#menuZoom3 .option_cliquable_lignes_heures.bloc_choisi { background:none; text-decoration: underline; border:none; }
#menuZoom3 .option_cliquable_lignes_heures.bloc_choisi:hover { background-color:#eee; }
#menuZoom3 .survol_plus_gris:hover { background-color:#ddd; border-radius:3px; } /* V71 */
#menuZoom3 .survol_plus_gris.bloc_choisi:hover { background-color:#ddd; border-radius:3px; } /* V71 pour les choisis */
#menuZoom3 .bloc_option_lignes_2026:has(span.bloc_choisi) .visible_au_survol { opacity:1; }
 /* V70 ne pas utiliser le sélecteur > sinon enfant direct */
#menuZoom3 .bloc_option_lignes_2026:has(.bloc_choisi) * { color:#0068ff !important; }

/* sauf pour le menuZoom6 = choix du début : boutons radios */
#menuZoom6 .bloc_option_debut_cal.bloc_choisi { background-image:url('https://www.agenaco.com/img/btn_menu_zoom/radio-button-checked.svg'); }
/* V61 on enlève les coches dans les select déroulants du menu choix de la période */
#mois_debut_calendrier_zoom.bloc_choisi, #annee_debut_calendrier_zoom.bloc_choisi { background:none; }

/* sauf pour le menuZoom5 = choix des jours fériés : écriture en vert au lieu de coche */
#menuZoom5 .bloc_option_ferie { border:3px solid #fff; position:relative; margin:6px; }
#menuZoom5 .bloc_option_ferie img { border:none; width:30px; margin-top:3px; }
#menuZoom5 .bloc_option_ferie:hover { background-image:none; border-radius:0px; background-color:#ccc; }
#menuZoom5 .bloc_option_ferie.bloc_choisi { background-image:none; border:3px solid #82dd2a; }
#menuZoom5 .bloc_option_ferie.bloc_choisi img { border:none; border-radius:0px; }
#menuZoom5 .bloc_option_ferie.bloc_choisi span { color:#000; }
#menuZoom5 .bloc_choisi::after { content:''; }
#menuZoom5 .erreur_max_jours_feries { color:red; font-size:10px; text-align:center; }
#menuZoom5 .infobulle_nb { background-color:red; color:#fff; font-size:8px; font-weight: bold; padding:2px;
	width:12px !important; height:12px !important; overflow:hidden; border-radius:20px; position:absolute; top:-9px; right:-9px; 
	border:2px solid #fff; }
.goto_ferie { text-decoration:underline; cursor:pointer; }

/* bloc menu menuZoom7 des évènements, des fériés, la période */
#menuZoom7, #menuZoom6, #menuZoom5 {
	transform-origin: left top;
	overflow:hidden;
}

#menuZoom7 div.contenu_menu_zoom{
	padding:0px;
}

/* V66 - bloc menu de couleur du theme */
#menuZoom11 div.contenu_menu_zoom{
	padding:0px;
	height: 110px;
	background-color: #F5F5F5;
}

/* menu dynamique des jours visibles à l'écran pour ajouter des évènements */
#btn_types_evenements { display:flex; background-color:#ccc; border-radius:10px; }
#btn_types_evenements .btn_switch_type_ev { border:1px solid navy; padding:5px; margin:10px; width:auto; border-radius:10px; }
#btn_types_evenements .btn_switch_type_ev_selected { background-color:#fff; }
#btn_sous_types_evenements { display:flex; }
#btn_sous_types_evenements .btn_switch_sous_type_ev { border:1px solid lime; padding:5px; margin:5px; width:auto; border-radius:10px; }
#btn_sous_types_evenements .btn_switch_sous_type_ev_selected { background-color:#dde; }

#menuZoom7 #svg_gestion_evenements { width:100% !important; }
#menuZoom7 .bouton_ajout_ev { width:211px; height:30px; background-image:url('img/btn_ajouter_evenement.jpg'); 
		background-repeat:no-repeat; background-size: contain; margin-left: auto; margin-right:20px; cursor: pointer; }
#menuZoom7 .jour_visible_pour_ev { display:inline-block; padding:5px; margin:5px; border:1px solid #333; border-radius:5px; }
#menuZoom7 .couleur_pour_ev { display:inline-block; margin:5px; border:3px solid #fff; }
#menuZoom7 .jour_visible_pour_ev.bloc_choisi, #menuZoom7 .couleur_pour_ev.bloc_choisi { background:none; border:3px solid #26436d; }

/* couleurs de évènements saisis par le client */
.tr_blue * { color:blue; }
.tr_red * { color:red; }
.tr_green * { color:green; }
.tr_black * { color:black; }
/* tableau recap des évènements du client */
#div_ascenseur_evenements { display:block; overflow:auto; height:230px; max-height:230px; } /* V66 V70 */
#div_ascenseur_evenements::-webkit-scrollbar-button { display: none; color:#fff; background:red; } /* V66 */
/* V70 on dissocie l'entete du contenu */
#entete_table_evenements_client { border-collapse:collapse; width:98%; margin-left:10px; } /*V63 V66*/
#entete_table_evenements_client * { font-size:13px; }
#entete_table_evenements_client thead { position: sticky; top:0px; background-color:#fff; }
#entete_table_evenements_client th { font-family:Mitr-Medium; font-weight:normal; text-align:left; }
#entete_table_evenements_client thead td:nth-child(1) {  width:230px; } /* V70 */
#entete_table_evenements_client thead td:nth-child(2) {  width:40px; }
#entete_table_evenements_client thead td:nth-child(3) {  width:280px; }

#table_evenements_client { border-collapse:collapse; width:98%; margin-left:10px; } /*V63 V66*/
#table_evenements_client * { font-size:13px; }
#table_evenements_client thead:hover * { font-weight:normal; }
#table_evenements_client tr { display: table; width:100%; }
#table_evenements_client tr:hover * { font-weight:bold; }
#table_evenements_client tbody td:nth-child(1) {  width:230px; } /* V62 */
#table_evenements_client tbody td:nth-child(2) {  width:40px; }
#table_evenements_client tbody td:nth-child(3) {  width:280px; }
#table_evenements_client tbody td:nth-child(4):hover img { width:10px !important; content:url("https://www.agenaco.com/img/SVG/Divers/corbeille_rouge.svg"); } /* V62 */
#table_evenements_client img { width:10px !important; }
.td_ev_actif_ou_non { background-color:green !important; }
.checkbox_ev_inactive { background-color:#fff !important; }
#BOUTON_AJOUTER_VOS_EVENEMENT_ADMIN { display:block; text-align:right; font-family:Mitr-Light, sans-serif; font-size:12px; 
	text-decoration: underline; letter-spacing: -2; color:#000; padding:10px; position:absolute; bottom:20px; right:27px; }
#BOUTON_AJOUTER_VOS_EVENEMENT_ADMIN:hover {	background-color: #fff; font-family:Mitr-Regular; }
#BOUTON_AJOUTER_VOS_EVENEMENT_ADMIN:active {	color:red; }

#cadre_ev_jour, #cadre_ev_semaine, #cadre_ev_periodique, #cadre_ev_decompte { display:none; }

#switch_mini_calendrier_zoom { cursor:pointer; background-repeat:no-repeat; background-size: contain;
	background-position:center right; }
#switch_mini_calendrier_zoom[choix-courant="1"] { background-image:url('img/menu_calendrier_choisi.png'); }
#switch_mini_calendrier_zoom[choix-courant="0"] { background-image:url('img/menu_calendrier_non_choisi.png'); }

.menu_calque_boule .choix_impossible { display:none; }

/*------------------------------------*/
/* menu format orientation couverture V67 V66 V68 */
/*------------------------------------*/
#menuZoom10 div.contenu_menu_zoom { padding:24px 15px; }
#menuZoom10 .choix_impossible { display:inline-block; opacity:0.3; cursor:not-allowed; }
#menuZoom10 .bloc_choisi { background-image: none; }
#menuZoom10 div.div_options_orientation, #menuZoom10 div.div_options_format, #menuZoom10 div.div_options_couverture { 
	display:flex; padding:0px 10px; border-left:3px solid #fff; }
#menuZoom10 div.div_options_orientation:hover, #menuZoom10 div.div_options_format:hover, #menuZoom10 div.div_options_couverture:hover 
	{ background-color:#eee; border-left:3px solid #26436d; }
/* la bordure des images d'option devient grise au survol de la ligne */
#menuZoom10 div.div_options_orientation:hover img, #menuZoom10 div.div_options_format:hover img, 
 #menuZoom10 div.div_options_couverture:hover img	{ border-color:#eee; }
/* sauf le bloc_choisi qui reste vert */
#menuZoom10 div.div_options_orientation:hover .bloc_choisi img, 
	#menuZoom10 div.div_options_format:hover .bloc_choisi img, 
 	#menuZoom10 div.div_options_couverture:hover .bloc_choisi img { border-color:#82dd2a; }
/* une vignette img survolée passe en gris foncé */
#menuZoom10 div.contenu_menu_zoom img { background: rgba(150, 150, 150, 0.15); }
#menuZoom10 div.contenu_menu_zoom img:hover { background: rgba(150, 150, 150, 0.4); }
#menuZoom10 div.div_options_orientation { margin:6px 0px 10px 0px; } /* pour mieux espacer les lignes, sur mesure */
#menuZoom10 p.entete_format_orientation { display:block; font-size:17px; margin-top:10px; }
#menuZoom10 div.div_options_menu10 { display:flex; justify-content:space-between; }
#menuZoom10 div.bloc_blanc { /* border:1px solid lightgrey; border-radius:10px; */ padding:0px; margin:0px; }
#menuZoom10 div.bloc_option_format, #menuZoom10 div.bloc_option_orientation, #menuZoom10 div.bloc_option_couverture { line-height:1; }



/* menu boule de couverture */
/* V61 retouche des bordures */
/* V67 #menuZoom9 img { border-radius:20px !important; }*/
/* V70 ajout marge */
#menuZoom9 .contenu { padding:10px; }
#menuZoom9 .bloc_choisi { background-image: none; }
#menuZoom9 .bloc_option_couverture { line-height:100%; } /* V71  interligne texte */
#menuZoom9 .bloc_option_couverture img { margin-bottom:5px; } /* V71  à cause interligne texte */
/* V61 page catalogue */
.bloc_radius_20 img { border-radius: 20px !important; }


#CALENDRIER_P1, #CALENDRIER_P2, #CALENDRIER_P3, #CALENDRIER_P4, #CALENDRIER_P5, #CALENDRIER_P6, #CALENDRIER_P7, 
#CALENDRIER_P8, #CALENDRIER_P9, #CALENDRIER_P10, #CALENDRIER_P11, #CALENDRIER_P12, #LANGUE_P1, #LANGUE_P2, 
#LANGUE_P3, #LANGUE_P4, #LANGUE_P5, #LANGUE_P6, #LANGUE_P7, #LANGUE_P8, #LANGUE_P9, #LANGUE_P10, #LANGUE_P11, 
#LANGUE_P12, #LANGUE_P13, #LANGUE_P14, #LIGNE_P1, #LIGNE_P2, #LIGNE_P3, #LIGNE_P4, #LIGNE_P5, #LIGNE_P6, 
#LIGNE_P7, #LIGNE_P8, #LIGNE_P9, #LIGNE_P10, #LIGNE_P11, #LIGNE_P12, #LIGNE_P13, #LIGNE_P14,
#MODELE_PG, #MODELE_PD, #TYPE_RECTANGLE_JOUR_FERIER_D, #TYPE_RECTANGLE_JOUR_FERIER_G, #TYPE_RECTANGLE_DEBUT_AGENDA_D,
#TYPE_RECTANGLE_DEBUT_AGENDA_G, #TYPE_RECTANGLE_EVE_D, #TYPE_RECTANGLE_EVE_G, #NOMPRENOM_PD,
#TITREDEBUT_PD, #COUVERTURE_PD { /*cursor: pointer !important;*/ cursor: url('https://www.agenaco.com/img/SVG/Souris/page rond.svg') 15 15, pointer; }

/* V67 survol de la zone d'approche des menus boules -> cusrseur neutre */
#CALENDRIER_P1_VU, #CALENDRIER_P2_VU, #CALENDRIER_P3_VU, #CALENDRIER_P4_VU, #CALENDRIER_P5_VU, #CALENDRIER_P6_VU, #CALENDRIER_P7_VU, 
#CALENDRIER_P8_VU, #CALENDRIER_P9_VU, #CALENDRIER_P10_VU, #CALENDRIER_P11_VU, #CALENDRIER_P12_VU, #LANGUE_P1_VU, #LANGUE_P2_VU, 
#LANGUE_P3_VU, #LANGUE_P4_VU, #LANGUE_P5_VU, #LANGUE_P6_VU, #LANGUE_P7_VU, #LANGUE_P8_VU, #LANGUE_P9_VU, #LANGUE_P10_VU, #LANGUE_P11_VU, 
#LANGUE_P12_VU, #LANGUE_P13_VU, #LANGUE_P14_VU, #LIGNE_P1_VU, #LIGNE_P2_VU, #LIGNE_P3_VU, #LIGNE_P4_VU, #LIGNE_P5_VU, #LIGNE_P6_VU, 
#LIGNE_P7_VU, #LIGNE_P8_VU, #LIGNE_P9_VU, #LIGNE_P10_VU, #LIGNE_P11_VU, #LIGNE_P12_VU, #LIGNE_P13_VU, #LIGNE_P14_VU,
#MODELE_PG_VU, #MODELE_PD_VU, #TYPE_RECTANGLE_JOUR_FERIER_D_VU, #TYPE_RECTANGLE_JOUR_FERIER_G_VU, #TYPE_RECTANGLE_DEBUT_AGENDA_D_VU,
#TYPE_RECTANGLE_DEBUT_AGENDA_G_VU, #TYPE_RECTANGLE_EVE_D_VU, #TYPE_RECTANGLE_EVE_G_VU, #NOMPRENOM_PD_VU,
#TITREDEBUT_PD_VU, #COUVERTURE_PD_VU { cursor: url('https://www.agenaco.com/img/SVG/Souris/page rond.svg') 15 15, pointer; }

/*---------------------------------*/
/* menu de filtrage et accès rapide goto */
/*---------------------------------*/
#bouton_goto { display:inline-block; background-color: #ccc; padding:5px; }
.bouton_goto_plus_moins { display:inline-block; background-color: #ccc; padding:5px; }
.p_avance_rapide { text-align:center; }

/*---------------------------------*/
/* classes de forçage */
/*---------------------------------*/
.bloc_flex { display: flex; }
.flex_center { justify-content:center; }
.flex_evenly { justify-content:space-evenly; }
.flex_space_between { justify-content:space-between; }
.flex_start { justify-content:flex-start; }
.flex_right { align-items: flex-end; }
.largeur_20 { width:20px; }
.largeur_25 { width:25px; }
.largeur_30 { width:30px; }
.largeur_35 { width:35px; }
.no_padding_h { padding-left:0px !important; padding-right:0px !important; }
.no_padding_v { padding-top:0px !important; padding-bottom:0px !important; }
.no_padding { padding:0px !important; }
.non_souligne { text-decoration: none !important; }
.interactif_au_survol .visible_au_survol { opacity:0; }
.interactif_au_survol.bloc_choisi .visible_au_survol { opacity:1; }
.interactif_au_survol:hover .visible_au_survol { opacity:1; }


/*---------------------------------*/
/* style interrupteur CHECKBOX */
/*---------------------------------*/
.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 18px;
  background-color: #c9d8ff;
  border-radius: 10px;
  vertical-align: text-bottom;
  transition: slide-in 1s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 14px;
  background-color: #fff;
  border-radius: 8px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after { /* le rond qui se déplace */
  content: "";
  position: absolute;
  top:-5px;
  left: -2px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 20px;
  border:3px solid #2a53bd;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { background-color: #c9d8ff; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(24px, 2px, 0);  background-color: #3b63ff; }

.form-switch:has(> .choix_impossible) { opacity:0.5; cursor:not-allowed; }


/*--------------------------
// INPUT TYPE NUMBER
//----------------------------*/
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
  background-color: #ededef;
  border-radius:50px;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}



.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 5rem;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 2rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}
.number-input .plus_moins { padding:10px 5px; font-size: 1.5rem; }


/*---------------------------
/* panier flottant
----------------------------*/
#panier_flottant_input { display:none; }
#panier_flottant { display:none; cursor:pointer; position:fixed; bottom:10px; right:10px; z-index:10000; }

#succes_login {
	/*width:300px;
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:30%;*/
	background:rgba(204,255,204,.8);
	/*z-index:10000;
	border-radius:10px;
	box-shadow:2px 2px 5px #000;*/
   /* -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
   /* -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
   /* animation-name: example;
   /* animation-duration: 2s;
	/*transform: scale(0);*/
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {-webkit-transform: scale(0.8); }
    10% {-webkit-transform: scale(1); }
	 100% {-webkit-transform: scale(1); }
}

/* Standard syntax */
@keyframes example {
    0% {transform: scale(0.8); }
    10% {transform: scale(1); }
	 100% {transform: scale(1); }
}

#succes_login p {
	color:black;
	/*font-size:20px;*/
	font-weight: bold;
	padding:5px;
	text-align:center;
}

#cookies {
	display:block;
	width:100%;
	position:fixed;
	left:0px;
	bottom:0px;
	background: rgba(204,204,204,.8);
	border-top: 1px solid #999;
	text-decoration: none;
	z-index:10000;
}

#cookies p {
	margin:5px;
	text-align:center;
	font-size: small;
	padding:0px;
	font-weight:normal;
}


#flags {
	position:absolute;
	top:5px;
	right:20px;
}

#flags img { width:15px; }


.evenement {
	background-image:url("img/onglets_ev.png");
	background-color:silver; /* astuce pour que le curseur fonctionne */
	color: #333366;
	padding-left:20px;
	margin-bottom:0px;
	margin-top: 0px;
	border-bottom:1px solid #FFF;
	font-weight: bold;
	height:18px;
	font-size: 12px;
	color:#000;
	padding-top:2px;
	cursor:pointer;
}

h2.evenement:hover { color: #555; }

.evenement.openpet {
	background-image:url("img/onglets_ev_active.png");
	cursor:pointer;
}

.formulaire {
	border:1px solid #A7B7C8;
	border-top:none;
	margin-bottom:0px;
	height:300px;
	vertical-align: middle;
}
.formulaire form {
	padding:20px;
	margin:0px;
}

.formulaire form .table_formulaire {
	padding:0px;
	margin:0px;
	position:relative;
	left:-3px;
}

.bouton_form_js {
	border-right:1px solid silver;
	padding:0px 3px;
	padding-top:0px;
	background-color: silver;
	background-image: url('img/silver.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	display: block;
	float:left;
	height:15px;
	color:#333;
	font-weight: normal;
}

.btn_ev {
	border:1px solid red;
	padding-right:25px;
	background-image: url('img/fleche-rouge.jpg');
	background-position: center right;
	background-color:#eee;
	background-repeat: repeat-y;
	cursor:pointer;
	height:20px;
	padding-bottom : 2px;
}

.btn_ev:hover { background-color:#ddd; }

/* focus de la bordure lorsque sur l'input pour créer un nouveau groupe  */
.input_groupe:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding-top:1px;
  vertical-align:top;
  border: 1px solid rgba(81, 203, 238, 1);
}

/* bouton imput des groupe 
.input_groupe1:hover { 
  color:red; 
}
*/

.input_groupe1:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding-top:1px;
  vertical-align:top;
  border: 1px solid rgba(81, 203, 238, 1);
  font-style:italic;
}

#ev_gauche ul {
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

#ev_gauche ul li {
	font-weight: bold;
	background-color: white;
	border-bottom:1px solid #fff;
	height:18px;
	padding-top:2px;
	overflow:hidden;

	background-repeat: no-repeat;
	cursor:pointer;
}

#ev_gauche ul ul li {
	font-weight: normal;
	padding-left:20px;
	border-bottom:1px solid #fff;
	background-color: white;
	height:18px;
	padding-top:2px;
	overflow:hidden;
	background-image:none;
	cursor:default;
/*  vertical-align:top;  */
}

/* couleur de fond et du text au survol d'un evenement */
#ev_gauche ul ul li:hover {
	background-color: white;
  color: blue;
}

#ev_gauche ul ul {
	list-style-type: none;
	margin-left:0px;
}


.image_groupe { margin-top:0px; }

.li_groupe { padding-left:0px; cursor:pointer; 	}

.li_groupe_fermer { padding-left:28px; cursor:pointer; 	background-image: url('./img/groupe_fermer.png'); }
.li_groupe_ouvert { padding-left:28px; cursor:pointer; 	background-image: url('./img/groupe_ouvert.png'); }


.li_groupe_ev  { 	background-image: url('./img/triangle_modele.png'); }

/*  lorsque l'on survole le groupe avec la sourie, le texte devient rouge */
.li_groupe:hover { color:red; }
.li_groupe_ouvert:hover { color:red; }
.li_groupe_fermer:hover { color:red; }

.li_ev { cursor:pointer !important; }

#icone_menu_ev, #icone_menu_groupe { width:20px; height:20px; background-image:url('./img/derouler.png'); }
#icone_menu_ev, #icone_menu_groupe { width:20px; height:20px; background-image:url('./img/derouler.png'); }

#icone_menu_groupe:hover, #icone_menu_ev:hover { background-image:url('./img/derouler_on.png'); }

#tab_config_graphique { width:90%; border-collapse:collapse; }
#tab_config_graphique_g { background-color:#eee; border:1px solid gray; width:200px; vertical-align:top; }
#tab_config_graphique_g ul {
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
}

#tab_config_graphique_g ul li {
	font-weight: bold;
	background-color: #bbb;
	border-bottom:1px solid #fff;
	height:18px;
	padding-top:2px;
	overflow:hidden;
	background-image: url('./img/triangle_modele.png');
	background-repeat: no-repeat;
	cursor:pointer;
}
#tab_config_graphique_g ul li:hover {
	background-color:grey;
	color:white;
}

.outils_groupe { 
  float:right; 
  margin-right:10px; 
  width:15px; 
  visibility:hidden; 
}

/* au survol d'un groupe ou d'un evenement la cle à molette apparait */
/* li:hover img.outils_groupe {  visibility:visible !important; }   */


.ouvre_options_graphiques { float:right; margin-right:10px; width:15px; visibility:hidden; }
.ouvre_options_graphiques #outils1 { visibility:visible; }       
/* li:hover img.ouvre_options_graphiques { visibility:visible !important; } */

.img_change_gp_ev  {
	padding-left:0px;
	margin-left:0px;
}

#outils1 { visibility:visible; }

.fin_float {
	clear:both;
	margin: 0px;
	padding: 0px;
}

.classe_inline_block { display:inline-block !important; }

#footer {
	padding-top:15px;
	padding-bottom: 30px; 
	margin-top: 100px;
	text-align:center;
	background-color: #e3e3e3;
	font-family: Mitr-Regular;
	font-size:12px;
}

#footer a {
	font-family: Mitr-Regular;
	font-size:12px;
	color:grey !important;
}



/*----------- STYLES MOTEURS ---------*/
/* le tableau des critères intéractifs */
#moteur {
	width:80%;
	border:1px solid silver;
	border-collapse: collapse;
}

#moteur b {
	display:block;
	width:100%;
	text-align:center;
}

#moteur td {
	vertical-align: top;
	border-right:1px dotted lime; 
}

/*----------- mise en page spéciale TABLEAU ACCUEIL-------------------*/
#tab_home {
	width: 500px;
	margin: 0px auto;
}

#tab_home td {
	text-align: center;
}

#tab_home a {
	text-decoration: none;
	color: #8C4816;
	font-weight: bold;
}

.hpanel .photo_annonce {
	float:left;
	width:150px;
}

.hpanel .photo_annonce p {
	position: relative;
	top:240px;
	width:130px;
	margin:0px;
	padding:0px;
	text-align:center;

}

.hpanel .texte_annonce {
	float:left;
	width:420px;
}

#apercu {
	border:1px solid silver;
}

.superpose1 {
	width:900px;
	height:1000px;
}
.superpose {
	width:900px;
	height:1000px;
	position:relative;
	top:-1000px;
}



/*----------- cas particulier : ADMIN ------------------------*/
.num_admin {
	font-family:Georgia;
	font-size:3em;
	font-style: italic;
	color: #C98838;
}

/*******************************/
/* galerie photo en javascript */
/*******************************/
div#galerie
{
	/*width: 650px ;*/
	border: 1px solid #555 ;
	padding: 15px ;
	/*margin: 15px 30px ;*/
	text-align: center ;
	font: 0.9em Arial, sans-serif ;
}

ul#galerie_mini
{
	margin: 0;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #555 ;
	width: 75px;
	vertical-align: middle;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font-weight: bold;
	font: italic 1.8em Georgia, serif ;
	color: red ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #555 ;
}

/* option necessaire pour que le sous menu chg groupe ou evenement soit au dessus du bouton "Ajouter cet evenement"  */
.menu_outils
{
  z-index: 1000000;
}

/********** Début Paolo 28/10/14 style bouton ajouter au groupe **********/
.menu_ajouter_au_groupe {
  width:198px;
  
  position:relative;
  z-index: 999999;
}

.cadre_ajouter_au_groupe {
  float:bottom;
	border: 1px solid red;
	border-style: none solid solid;
	background: white;
	position:relative;
  z-index: 999999;
}

.ascenseur_ajouter_au_groupe {
 overflow: auto;
 overflow-x: hidden;
 height: 180px;
}

.bouton_ajouter_au_groupe {
  border: 1px solid red;
	cursor: hand;
	unselectable:on;            
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none; 
  font-weight: bold;   
   padding-left: 5px;          
  vertical-align:middle;        
  line-height: 149%;     
  background: #eee url('img/fleche-rouge.jpg') no-repeat right center;
  background-size: 18px 18px;      
	float:bottom;
	height:18px;   
}
/********** Fin Paolo 28/10/14 style bouton ajouter au groupe **********/


.visionneuse_produit {
position:relative;
top:-460.63px
}

.visionneuse_produit_SMALL_VL_rouge, .visionneuse_produit_SMALL_VL_noir, .visionneuse_produit_SMALL_VS_rouge, .visionneuse_produit_SMALL_VS_noir, .visionneuse_produit_SMALL_HS_noir, .visionneuse_produit_SMALL_HS_rouge, .visionneuse_produit_SMALL_HL_noir, .visionneuse_produit_SMALL_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_SMARTPHONE_VL_rouge, .visionneuse_produit_SMARTPHONE_VL_noir, .visionneuse_produit_SMARTPHONE_VS_rouge, .visionneuse_produit_SMARTPHONE_VS_noir, .visionneuse_produit_SMARTPHONE_HS_noir, .visionneuse_produit_SMARTPHONE_HS_rouge, .visionneuse_produit_SMARTPHONE_HL_noir, .visionneuse_produit_SMARTPHONE_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_TRAVEL_VL_rouge, .visionneuse_produit_TRAVEL_VL_noir, .visionneuse_produit_TRAVEL_VS_rouge, .visionneuse_produit_TRAVEL_VS_noir, .visionneuse_produit_TRAVEL_HS_noir, .visionneuse_produit_TRAVEL_HS_rouge, .visionneuse_produit_TRAVEL_HL_noir, .visionneuse_produit_TRAVEL_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_OFFICE_VL_rouge, .visionneuse_produit_OFFICE_VL_noir, .visionneuse_produit_OFFICE_VS_rouge, .visionneuse_produit_OFFICE_VS_noir, .visionneuse_produit_OFFICE_HS_noir, .visionneuse_produit_OFFICE_HS_rouge, .visionneuse_produit_OFFICE_HL_noir, .visionneuse_produit_OFFICE_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_A5_VL_rouge, .visionneuse_produit_A5_VL_noir, .visionneuse_produit_A5_VS_rouge, .visionneuse_produit_A5_VS_noir, .visionneuse_produit_A5_HS_noir, .visionneuse_produit_A5_HS_rouge, .visionneuse_produit_A5_HL_noir, .visionneuse_produit_A5_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_TABLETPC_VL_rouge, .visionneuse_produit_TABLETPC_VL_noir, .visionneuse_produit_TABLETPC_VS_rouge, .visionneuse_produit_TABLETPC_VS_noir, .visionneuse_produit_TABLETPC_HS_noir, .visionneuse_produit_TABLETPC_HS_rouge, .visionneuse_produit_TABLETPC_HL_noir, .visionneuse_produit_TABLETPC_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

.visionneuse_produit_A4_VL_rouge, .visionneuse_produit_A4_VL_noir, .visionneuse_produit_A4_VS_rouge, .visionneuse_produit_A4_VS_noir, .visionneuse_produit_A4_HS_noir, .visionneuse_produit_A4_HS_rouge, .visionneuse_produit_A4_HL_noir, .visionneuse_produit_A4_HL_rouge  {
  position:relative;
  top:-466px; 
  right:7.5px;
}

/********** Pour les recharges **********/
.visionneuse_produit_A4_VL_recharge, .visionneuse_produit_A4_HL_recharge, .visionneuse_produit_A5_VL_recharge, .visionneuse_produit_A5_HL_recharge, .visionneuse_produit_OFFICE_VL_recharge, .visionneuse_produit_OFFICE_HL_recharge, .visionneuse_produit_TRAVEL_VL_recharge, .visionneuse_produit_TRAVEL_HL_recharge, .visionneuse_produit_SMALL_VL_recharge, .visionneuse_produit_SMALL_HL_recharge {
  position:relative;
  top:-466px; 
  right:7.5px;
/* 
  transform: scale(0.3375);
  transform-origin: -10px -7px; 
*/
}

/****************************************/
/*  classes ADMIN filtres ON / OFF      */
/****************************************/
.filtre_on {
	background-color:green;
}
.filtre_off {
	background-color:gray;

}
.filtre {
	display:align-block;
	width:150px;
	padding:5px 10px;
	text-align:center;
	margin:5px;
	color:#fff;
}

#tableau_commandes thead td {
	color:#fff;
	background-color:gray;
	font-weight:bold;
	text-align: center;
}

#tableau_commandes thead td a {
	color:#000;
	font-weight:bold;
	display:align-block;
	padding:0px 5px;
	text-align:center;
	background-color:#fff;
	text-decoration: none;
	cursor:pointer;
}


.demoRadio input[type="radio"],
		.demoCheckbox input[type="checkbox"]{
        	display: none;
        }
        
        .demoRadio input[type="radio"]+label,
		.demoCheckbox input[type="checkbox"]+label { 
			height: 32px;
			line-height: 32px;
			float: left;
			font-weight: bold;
			color: #fff;
			font-size: 90%;
			text-shadow: #000 0 1px 0;
			padding-right: 13px;
			padding-left: 15px;
			border-right: 2px groove #999;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(1%,#7e7e7e), color-stop(5%,#6c6c6c), color-stop(6%,#6b6b6b), color-stop(49%,#5b5b5b), color-stop(51%,#515151), color-stop(95%,#3f3f3f), color-stop(99%,#343434), color-stop(100%,#333333)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #7e7e7e 0%,#7e7e7e 1%,#6c6c6c 5%,#6b6b6b 6%,#5b5b5b 49%,#515151 51%,#3f3f3f 95%,#343434 99%,#333333 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #7e7e7e 0%,#7e7e7e 1%,#6c6c6c 5%,#6b6b6b 6%,#5b5b5b 49%,#515151 51%,#3f3f3f 95%,#343434 99%,#333333 100%); /* Opera11.10+ */
			background: linear-gradient(top, #7e7e7e 0%,#7e7e7e 1%,#6c6c6c 5%,#6b6b6b 6%,#5b5b5b 49%,#515151 51%,#3f3f3f 95%,#343434 99%,#333333 100%); /* W3C */
        } 
			
		.demoCheckbox input[type="checkbox"]+label  {
			-webkit-border-radius: 5px;
		} 
				
        .demoRadio input[type="radio"]:checked+label,
		.demoCheckbox input[type="checkbox"]:checked+label { 
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7400), color-stop(1%,#4e7500), color-stop(5%,#5c8900), color-stop(95%,#71a600), color-stop(96%,#75a908), color-stop(97%,#7dae15), color-stop(99%,#82b11e), color-stop(100%,#83b21e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #4e7400 0%,#4e7500 1%,#5c8900 5%,#71a600 95%,#75a908 96%,#7dae15 97%,#82b11e 99%,#83b21e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #4e7400 0%,#4e7500 1%,#5c8900 5%,#71a600 95%,#75a908 96%,#7dae15 97%,#82b11e 99%,#83b21e 100%); /* Opera11.10+ */
			background: linear-gradient(top, #4e7400 0%,#4e7500 1%,#5c8900 5%,#71a600 95%,#75a908 96%,#7dae15 97%,#82b11e 99%,#83b21e 100%); /* W3C */
			text-shadow: #000 0 -1px 0;
			border-right: 2px solid transparent;
        }
        
        .demoRadio input[type="radio"]+label:first-of-type {
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
        }
        
        .demoRadio input[type="radio"]+label:last-of-type {
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
        }

/*************************
BARRE DE PROGRESSION
***************************/
#barre_progression {
	margin:10px 0px;
}

#barre_progression span {
	display:inline-block;
	padding:3px 26px 3px 8px;
	font-size:14px;
	font-weight: normal;
}

#barre_progression span:last-child {
	background:none;
}

.etape_passee {
	color:#30bf71;
	background:url('img/etape_passee.jpg') no-repeat right center;
}

.etape_active {
	color:red;
	background:url('img/etape_active.jpg') no-repeat right center;
}

.etape_a_venir {
	color:#000;
	background:url('img/etape_a_venir.jpg') no-repeat right center;
}

#barre_progression span:last-child {
	background:none;
}

#BOUTON_PREMIER_EVENEMENT:hover { fill:red !important; stroke:red !important; }

/* empeche la sélection d'un texte avec la souris */
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* permet de stopper la mise en page flex */
.disable-flex { display: block; width:100%; }

/*--------------------------------*/
/* V64 TOOLTIPs - popup d'information */
/*--------------------------------*/
/* v65 essai autre CSS de tooltip */
  .ui-tooltip, .arrow:after {
    background: black;
    z-index:10000;
  }

  .ui-tooltip {
    padding: 4px;
    color: white;
    border-radius: 5px;
    font: 11px "Helvetica Neue", Sans-Serif;
    max-width:120px;
    text-align: center;
    position: absolute; /* V65 pour éviter les sauts */
  }

  #switch_colonne_pagination .ui-tooltip {
  	color:red !important;
  }

/*--------------------------------*/
/* V64 V65 classe qui permet de mettre en valeur les modèles survolés */
/*--------------------------------*/
.survol_souris_modeles { border-left:3px solid #fff; padding-left:5px; }
.survol_souris_modeles:hover { border-left:3px solid #26436d; background-color:#eee; }
.survol_souris_modeles:hover .div_vignette_modele { border-color:#eee !important; }
.survol_souris_modeles:hover .div_vignette_modele.bloc_choisi { background:none; border:3px solid #82dd2a !important; border-radius:5px; }
.div_options_modeles:hover p.entete_types_modeles { color:#26436d !important; }



/*--------------------------------*/
/* V65 attributs pour piloter le visuel de la souris en page suivante/précédente */
/*--------------------------------*/
/* pages doubles */
#div_calque_B[data-souris="VL0"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL0"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL0"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL0"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }

#div_calque_B[data-souris="VS0"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS0"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS0"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS0"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }

#div_calque_B[data-souris="HL0"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL0"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL0"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL0"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }

#div_calque_B[data-souris="HS0"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS0"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS0"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS0"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }

/* pages simples */
#div_calque_B[data-souris="VL1"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL1"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL1"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VL1"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }

#div_calque_B[data-souris="VS1"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS1"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS1"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page droite.svg') 15 15, n-resize; }
#div_calque_B[data-souris="VS1"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page gauche.svg') 15 15, n-resize; }

#div_calque_B[data-souris="HL1"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL1"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL1"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HL1"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }

#div_calque_B[data-souris="HS1"] #BTN_P_11 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS1"] #BTN_P_12 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS1"] #BTN_P_21 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page bas.svg') 15 15, n-resize; }
#div_calque_B[data-souris="HS1"] #BTN_P_22 { cursor: url('https://www.agenaco.com/img/SVG/Souris/page haut.svg') 15 15, n-resize; }

/* V68 cas particulier de la page 1 - classe premiere_page sur #div_calque_B */
/* on masque la souris sur la page de début */
/* pages doubles */
#div_calque_B.premiere_page[data-souris="VL0"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="VL0"] #BTN_P_12 { cursor: default; }

#div_calque_B.premiere_page[data-souris="VS0"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="VS0"] #BTN_P_12 { cursor: default; }

#div_calque_B.premiere_page[data-souris="HL0"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="HL0"] #BTN_P_12 { cursor: default; }

#div_calque_B.premiere_page[data-souris="HS0"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="HS0"] #BTN_P_12 { cursor: default; }

/* pages simples */
#div_calque_B.premiere_page[data-souris="VL1"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="VL1"] #BTN_P_22 { cursor: default; }

#div_calque_B.premiere_page[data-souris="VS1"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="VS1"] #BTN_P_22 { cursor: default; }

#div_calque_B.premiere_page[data-souris="HL1"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="HL1"] #BTN_P_22 { cursor: default; }

#div_calque_B.premiere_page[data-souris="HS1"] #BTN_P_11 { cursor: default; }
#div_calque_B.premiere_page[data-souris="HS1"] #BTN_P_22 { cursor: default; }

/* V68 cas particulier de la page 99 - classe derniere_page sur #div_calque_B */
/* on masque la souris sur la page de fin */
/* pages doubles */
#div_calque_B.derniere_page[data-souris="VL0"] #BTN_P_21 { cursor: default; }
#div_calque_B.derniere_page[data-souris="VL0"] #BTN_P_22 { cursor: default; }

#div_calque_B.derniere_page[data-souris="VS0"] #BTN_P_21 { cursor: default; }
#div_calque_B.derniere_page[data-souris="VS0"] #BTN_P_22 { cursor: default; }

#div_calque_B.derniere_page[data-souris="HL0"] #BTN_P_21 { cursor: default; }
#div_calque_B.derniere_page[data-souris="HL0"] #BTN_P_22 { cursor: default; }

#div_calque_B.derniere_page[data-souris="HS0"] #BTN_P_21 { cursor: default; }
#div_calque_B.derniere_page[data-souris="HS0"] #BTN_P_22 { cursor: default; }

/* pages simples */
#div_calque_B.derniere_page[data-souris="VL1"] #BTN_P_12 { cursor: default; }
#div_calque_B.derniere_page[data-souris="VL1"] #BTN_P_21 { cursor: default; }

#div_calque_B.derniere_page[data-souris="VS1"] #BTN_P_12 { cursor: default; }
#div_calque_B.derniere_page[data-souris="VS1"] #BTN_P_21 { cursor: default; }

#div_calque_B.derniere_page[data-souris="HL1"] #BTN_P_12 { cursor: default; }
#div_calque_B.derniere_page[data-souris="HL1"] #BTN_P_21 { cursor: default; }

#div_calque_B.derniere_page[data-souris="HS1"] #BTN_P_12 { cursor: default; }
#div_calque_B.derniere_page[data-souris="HS1"] #BTN_P_21 { cursor: default; }


/*-------------------------------------*/
/* V67 mise en forme des scrollbars / ascenseurs */
/*-------------------------------------*/
.mostly-customized-scrollbar {
  display: block;
  overflow: auto;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
 /* NE PAS SUPPRIMER SINON BUG CHROME */
.mostly-customized-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #fff; /* or add it to the track */
}

/* Add a thumb */
.mostly-customized-scrollbar::-webkit-scrollbar-thumb {
  background: #bbb;
}

/* cas particulier de la couleur, uniquement valable dans Mozilla Firefox */
@-moz-document url-prefix() {
  html {
  	scrollbar-color: #bbb #fff;
   	scrollbar-width: thin;
  }
}

/* V71 background du bloc blanc des langues sur smartphone */
/* estompé par blend avec un fond blanc, positionnement x y sur mesure */
.background_bloc_langues { background-image: url("img/language-icon.svg"); background-repeat:no-repeat;
	background-position-y:10px; background-position-x:calc(100% - 20px);
	background-size:20px; }