@charset "utf-8";
/***************/
/* popup & box */
/***************/

/* *** popup *** */

.pop_flex {
	display: flex;
}

.pop_displayNone {
	display: none;
}

.pop_patiente {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.59);
	text-align: center;
	min-height: 22px;
	z-index: 1;
}

.pop_patiente div {
	display: table-cell;
	vertical-align: middle;
	background-image: url(images/patiente.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.pop_patiente img {
	vertical-align: initial;
}

.pop {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100000;
}

.pop > div {
	max-width: 1200px;
	width: 93vw;
	height: 90vh;
	margin: auto;
	height: 100%;
	padding-bottom: 80px;
	line-height: 1.4em;
}

.pop > div > div:first-child {
	font-size: 1.2em;
	width: 100%;
	padding: 1px 0;
	height: 50px;
	align-items: center;
}

.pop .pop_titre {
	flex: 1;
	/* 22/04/2020 : fenêtre "Quand Argentine" et texte sur plusieurs lignes */
	min-height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	/* overflow: hidden; Non, car coeur dans le message de vp */
}

.pop > div > div > div:nth-child(2) {
	opacity: .7;
	transition: all .2s;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.pop > div > div > div:nth-child(2):hover {
	opacity: 1;
}

.pop .pop_corps {
	width: 100%;
	height: 100%;
	animation: visi 1s;
	background-color: #fff;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}

@keyframes visi {
	0% {opacity:0;}
	100% {opacity:1;}
}

.pop .pop_corps iframe {
	width: 100%;
	height: 100%;
}

/* pour permettre le scroll d'une iframe sur iPhone */
.pop .pop_cont_iframe {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}
.pop .pop_corps iframe {
	margin-bottom: -9px; /* Evite d'avoir 2 barres de defilement sur Chrome en petit */
}
/* */

.pop.mNoir {background-color:rgba(0,0,0,.75);color:#fff;}
.pop.mNoir > div > div > div:nth-child(2) {background-image:url('images/fermer-b.svg');background-size:30px;}

.pop.mBlanc {background-color:rgba(255,255,255,.8);color:#000;font-weight:bold;}
.pop.mBlanc > div > div > div:nth-child(2) {background-image:url('images/fermer.svg');background-size:30px;}

@media screen and (max-width: 640px) {
	.pop > div {width:100vw;padding-bottom:50px;}
	.pop .pop_titre {margin-left:10px;}
	.pop > div > div > div:nth-child(2) {margin-right:10px;}
	.pop .pop_corps {border:1px solid #000 !important;}
}


/* *** box *** */

.box {
	display: none;
	font-size: 13pt;
	font-weight: normal;
	line-height: 1;
	position: absolute;
	z-index: 10; /* plus que la barre de menu */
	background-color: #fff;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 5px 13px 3px rgb(0 0 0 / 40%);
	margin-top: 5px;
	margin-bottom: 10px;
}

.box.boxOuvert {display:block;}
.boxColle {margin-top:2px;}

.b-btn-close {
	display: none;
	position: absolute;
	color: #999;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 20px;
	right: -9px;
	top: -9px;
	width: 28px;
	height: 28px;
	border-radius: 20px;
	z-index: 1;
	line-height: 1;
}

.boxOuvert .b-btn-close {
	display: block;
}

.b-btn-close:after {
	content: '\2716';
	position: relative;
	top: 3px;
}

.b-btn-close:hover {
	color:#6e64ff;
	opacity: 1;
}

.b-titre {
	margin: 5px 2px 8px 2px;
	font-weight: bold;
	font-size:.9em;
}

.b-txt {
	margin: 5px 2px 8px 2px;
	font-size: .85em;
	max-width: fit-content;
}

.b-button {
	-webkit-appearance:none;
	border: 0;
	background-color: #38afd4;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	line-height: 1;
	padding: 5px 10px;
	transition: background-color .4s;
}

.b-button:hover {background-color:#1d6d80;}

.b-btn-pm {white-space:nowrap;}

.b-btn-plus, .b-btn-moins {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid #b8b8b8;
	border-radius: 50px;
	padding: 20px;
	margin: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	opacity: .5;
	touch-action: manipulation;
}
.b-btn-plus {background-image:url(/images/i/svg/plus.svg);}
.b-btn-moins {background-image:url(/images/i/svg/moins.svg);}
.b-btn-plus:hover:not(.desactive), .b-btn-moins:hover:not(.desactive) {opacity:1;border-color:#187489d9;}
.b-btn-plus.desactive, .b-btn-moins.desactive {opacity:.2;cursor:auto;}

.box .lvind {color:#000055;max-height:350px;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;}
.box .b-titre + .lvind {margin-top:15px;}
.box.heightAuto .lvind {max-height:none;}
.lvhd {position:absolute;}
.box .lvind .br {margin-bottom:12px;}
.box .lvind .bo {border-bottom:2px solid #eee;}
.box .lvind .im {font-size:1.05em;}
.box .lvind > * {padding:5px;display:block;margin:0 2px;}
.box .lvind > .lvindGrp {margin-top:9px;font-weight:bold;font-size:.85em;background-color:#ddd;color:#444;border-radius:9px 9px 0 0;}
.box .lvind > .lvindGrp * {font-weight:normal;font-size:.85em;line-height:1.2em;}
.box .lvind.lvindGrpNone > .lvindGrp {display:none;}
.box .lvind > .lvindCache {display:none !important;}
.box .lvind > *:not(.lvindGrp) {color:#0000AA;text-decoration:none;page-break-inside:avoid;}
.box .lvind > *:not(.lvindGrp):hover {color:#000;text-decoration:none;background-color:#AADC47;cursor:pointer;}
.lvin {width:15px;height:13px;cursor:pointer;}
.lvih {width:15px;height:13px;cursor:pointer;background-color:#30B4CF;}
.lvti {color:#0000AA;font-family:Arial;font-size:10pt;margin-top:10px;}

/* permet de former des groupes */
.lvind > div.xs {padding-left:30px;}
.lvind > div.xs + div:not(.xs) {margin-top:9px;}
/* .lvind > div.x:hover ~ div.xs {background-color:#e2f9b4;} */
.lvind > div.x:hover + div.xs {background-color:#e2f9b4;} /* cas de plusieurs groupes */
.lvind > div.x:hover + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs {background-color:#e2f9b4;}
/* .lvind > div.x:not(:hover) ~ div.xs {background-color:inherit;} */
.lvind > div.xs::before {position:absolute;margin-left:-15px;color:#aaa;}
.lvind > div.x:hover + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
.lvind > div.x:hover + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs + div.xs::before {content:'+';}
/* .lvind > div.x:not(:hover) ~ div.xs::before {content:'';} */
/* encadre le titre du groupe
.lvind > div.x::before {content:'\01F5E6';position:absolute;margin:0 0 0 -19px;color:#000;font-weight:bold;}
.lvind > div.x::after {content:'\01F5E7';position:absolute;margin:0 0 0 2px;color:#000;font-weight:bold;}
*/

.lvindFiltre {
	font-size: inherit !important;
	margin: 2px !important;
	padding: 0 4px !important;
	border: 1px solid #c1c1c1 !important;
	opacity: .7 !important;
	outline: none !important;
	width: calc(100% - 10px) !important;
	border-radius: 5px !important;
}

.lvindFiltre.cache {
	position: absolute;
	/* Ne pas mettre top, height, car pb dans certains cas : ex. pb sur menu recits apres un scroll
	top: 0 !important;
	height: 0 !important; */
	left: 0 !important;
	width: 0 !important;
	opacity: 0 !important;
}

.lvindSelected {background-color:#AADC47;}
.boxFocus {outline:auto;}
input.hidden {display:none;}

@media screen and (max-width: 640px) {
	.box {
		font-size: 14pt;
		left: 0 !important;
		width: 100% !important;
		border: 1px solid #ccc;
		border-radius: 0;
	}
	.boxFullScreen {
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		margin-top: 0 !important;
		border: 4px solid #888;
		border-width: 4px;
		top: 0;
		height: 100%;
		margin: 0;
		text-align: center;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		z-index: 1000;
	}
	.b-btn-close {
		font-size: 30px;
		right: 9px;
		top: -34px;
		width: 45px;
		height: 35px;
		border-radius: 20px 20px 0 0;
		border-bottom: 0;
	}
	.boxFullScreen .b-btn-close {
		position: fixed;
		font-size: 30px;
		right: 0;
		top: 0;
		height: 40px;
		border-radius: 0;
		border: 0;
		background-color: transparent;
		text-align: right;
		padding-right: 7px;
	}
	.box.boxFullScreen .lvind {
		height: 94%;
		max-height: none;
	}
}



/* AFTER MOBILE */

@media screen and (min-width: 640px) {
	.b-btn-plus, .b-btn-moins {padding:12px;}
	.b-titre {font-size:1em;padding-right:14px; /* pour eviter que le titre soit coller a  la croix */}
	.boxOuvert:not(.btnFerme) .b-btn-close {display:none;}
}

/* Ecran tactile */
@media (pointer:coarse) {
	.b-btn-close {opacity:1;}
}