@CHARSET "ISO-8859-1";

/**
 * Style commun à tous les portails
 * Cette feuille de style est chargé en 1ere, permettant une personnalisation du style commun au niveau d'un portail spécifique
 * ---------------------------------------------------------------------------------------------------------------------------------------------------
 * @version 2017-08-01 JN : Création (éclatement de anciennement personnalise.css)
 * @version 2018-10-12 JN : Remise à plat avec les médias queries quand c'est vraiment nécessaire
 * @version 2020-08-21 JN : sécurité des mots de passe
 * @version 2021-03-31 JN : style sur les input[type=date]
 * @version 2021-07-09 JN : autocomp
 * @version 2021-09-22 JA : Nouveau logo
 * @version 2021-10-12 JA : utilisation de variable
 * 
 */
 
:root {
	--main-color: #A3B7AA;
	--main-color-dark: #A3B7AA;
	--main-color-light: #FFFFFF;
	--main-color-hover: #0092CB;
	--main-bg-light: #FAEFEA;
	--main-bg-dark: #ED7D73;

	--main-color-text: #415B4F;
	--main-color-text-common: #777;
	--main-color-link: #ED7D73;
	--main-color-link-hover: #ED7D73;
	--button-color-bg: #ED7D73;
	--button-color-text: #fff;
	
	--table-header-bg: #FFFFFF;
	--table-header-color: #A3B7AA;
	--table-footer-bg: #f0f0f0;
	--table-footer-color: #A3B7AA;
	--table-group-bg: #F2F2F2;
	--table-group-color: #A3B7AA;
	--table-row-bg: #FFFFFF;
	--table-row-color: #444444;
	--table-row-bg-hover: #ECF0F6;
	--table-row-color-hover: #4A92C9;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* BALISES GENERALES */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-text);
}
a {
	outline: none;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--main-color-link);
	margin-left: 5px;
}
a:hover {
	text-decoration: underline;
	color: var(--main-color-link-hover);
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 0.8em auto;
	border: 1px solid #f2f2f2;
	color: var(--main-color-text);
}
table table {
	margin: 0;
}
table tr {
	background-color: var(--table-row-bg);
	color: var(--table-row-color);
	}
table td {
	font-weight: normal;
	padding: 8px 5px;
	white-space: wrap;
}
table th {
	font-weight: normal;
	padding: 8px 5px;
}
table a {
	text-decoration: none;
	color: var(--main-color-text);
}
table a:hover {
	text-decoration:underline;
}
table tr:not(.nohover,.tr_entete,.tr_footer):hover > td {
	background-color: var(--table-row-bg-hover);
	color: var(--table-row-color-hover);
}
table tr:not(.nohover,.tr_entete,.tr_footer):hover > td a {
	color: var(--table-row-color-hover);
}
table .tr_entete {
	border: 1px solid #f2f2f2;
	background-color: var(--table-header-bg);
	color: var(--table-header-color);
	text-transform: uppercase;
}
table .tr_footer {
	border: 1px solid #f2f2f2;
	background-color: var(--table-footer-bg);
	color: var(--table-footer-color);
}

input[type=text] {
	width: 100%;
	border: 1px solid #CCC;
	padding: 8px 12px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-text);
	font-size: 1em;
	box-sizing: border-box;
}
input[type=password] {
	width: 100%;
	border: 1px solid #CCC;
	padding: 8px 12px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-text);
	font-size: 1em;
	box-sizing: border-box;
}
input[type=date] {
	width: 9em;
	border: 1px solid #CCC;
	padding: 8px 12px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: var(--main-color-text);
}
input.obligatoire {
	color: #e00;
	box-shadow: 0px 0px 2px 2px #e66;
	border: 1px solid transparent;
}
select {
	width: 100%;
	border: 1px solid #CCC;
	padding: 8px 12px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-text);
	font-size: 1em;
	box-sizing: border-box;
}
textarea {
	border: 1px solid #CCC;
	padding: 8px 12px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: var(--main-color-text);
}

img {
	border: none;
}
.btn_download_fichier, .btn_download_fichier_disable, .btn_upload_fichier, .btn_upload_fichier_disable, .btn_delete_fichier, .btn_delete_fichier_disable {width:auto; height:16px; margin:0 2px;}
.icone_valide, .icone_annul, .icone_loupe, .icone_edit, .icone_suppr, .icone_alerte, .icone_sinistre, .btn_selection_praticien, .btn_selection_structure, .img_interlocuteur {width:auto; height:16px; cursor:pointer;}
.icone_non_lu, .icone_vu, .img_calendrier {width:auto; height:16px;}
.icone_oeil, .icone_oeil_off {width:auto; height:25px;}
.check_notification, .check_appartenance {width:auto; height:12px; margin:0 2px;}
.img_reponse, .icone_info {width:auto; height:15px;}
.img_warning, .img_etat_versement, .img_ok, .img_erreur, .img_bdx, .img_garantie {width:auto; height:20px;}
.icone_telephone {width:auto; height:22px;}
.img_structure {width:auto; height:26px;}
.img_hps {width:auto; height:16px;}

.menu_img_alerte {
	float: right;
	margin-top: -4px;
	margin-right: 10px;
}

button {
	background: none;
	border: none;
	cursor: pointer;
}
button[type=button], button[type=submit] {
	background-color: var(--button-color-bg);
	font-size: 14px;
	color: var(--button-color-text);
	padding: 9px 20px 8px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	border-radius: 1.25em;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.action_desactive {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

h1 {
	font-size: 2em;
	text-align: center;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-dark);
	text-transform: uppercase;
	margin: 1em 0 0 0;
	padding: 0;
}
h2 {
	font-size: 22px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-dark);
	margin: 1em 0 0 0;
	padding: 12px 0;
}
h3 {
	font-size: 1em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 1em;
	line-height: 1.142857142857143em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--main-color-text);
	margin: 0;
	margin-top: 1em;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* STYLES COMMUNS AUX DIFFERENTS PORTAILS */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

input:has(+ .password_icon) {
	padding-right: 40px;
}
.password_icon {
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	width: 24px;
	color: #f9f9f9;
	transition: all 0.2s;
}
.password_icon:hover {
	cursor: pointer;
	color: #ff4754;
}
.password_icon .icone_oeil_off {
	display: none;
}
.img_alerte {
	position: absolute;
	transform: translateY(-165%);
}
.curseur {cursor: pointer;}

.button_disabled, .button_disabled:hover {opacity: 0.2; filter: alpha(opacity=20); cursor: default;}

#TB_overlay     {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%;}
.TB_overlayBG   {background-color:#000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_window      {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%;}
#TB_title       {background-color: var(--main-bg-dark); color: var(--main-color-light); height:27px; border-bottom: 1px solid #fff;}
#TB_content     {clear: both; padding: 2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_windowTitle {float: left; padding: 6px 0 5px 10px; height: 16px;}
#TB_windowClose {float: right; padding: 4px 10px 4px 0;height: 19px;}

#TB_confirm_size         {width: 400px; height: 150px;}
#TB_confirm_overlay      {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%;}
.TB_confirm_overlayBG    {background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_confirm_window       {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%;}
#TB_confirm_title        {background-color: var(--main-bg-dark); color: var(--main-color-light); height: 27px; border-bottom: 1px solid #fff;}
#TB_confirm_content      {clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em;}
#TB_confirm_button       {background-color: #efefef; color: #333; border-top: 1px solid #ccc; padding: 4px; text-align: center; position: absolute; bottom: 0; width: 422px;}
#TB_confirm_windowTitle  {float: left; padding: 6px 0 5px 10px; height: 16px;}
#TB_confirm_image        {display: inline-block; width: 90px; margin: 20px 0; text-align: left; vertical-align: top;}
#TB_confirm_message      {display: inline-block; width: 304px; margin: 20px 0;}
#TB_confirm_label        {display: inline-block; width: 90px; vertical-align: top; margin-top: 5px;}
#TB_confirm_oui          {margin: 0 2px 0 5px;}
#TB_confirm_non          {margin: 0 5px 0 2px;}

#TB_message_overlay      {position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%;}
.TB_message_overlayBG    {background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_message_window       {position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%;}
#TB_message_title        {background-color: var(--main-bg-dark); color: var(--main-color-light); height: 27px; border-bottom: 1px solid #fff;}
#TB_message_content      {clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em;}
#TB_message_windowTitle  {float: left; padding: 6px 0 5px 10px; height: 16px;}
#TB_message_image        {display: inline-block; width: 50px; margin: 20px 0; text-align: left; vertical-align: top;}
#TB_message_message      {display: inline-block; width: calc(100% - 60px); margin: 20px 0;}


.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
.autocomp_label {
	display: flex;
	gap: 2px 8px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* BANDEAUX */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

.bandeau_noscript {text-align: center; color: red; position: fixed; top: 0;}


.page_preconnexion .bandeau_haut {
	color: var(--main-color-light);
	font-size: 14px;
	grid-column: 1;
	grid-row: 1;
	align-content: center;
	text-align: end;
	background-color: #FFF;
	padding-right: 20px;
	border-bottom: 4px solid var(--main-bg-dark);
}
.page_preconnexion .bandeau_haut img  {max-height: 80px;}

.page_preconnexion .bandeau_bas {
	clear: both;
	background-color: var(--main-bg-dark);
	color: var(--main-color-light);
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	align-items: center;
	justify-items: center;
	font-size: 14px;
	margin-top: 15px;
	grid-column: 1;
	grid-row: 3;
}
.page_preconnexion .bandeau_bas_1 {grid-column: 1; grid-row: 1; font-size: 10px; color: #e0e0e0; text-align: center; min-width:120px;}
.page_preconnexion .bandeau_bas_2 {grid-column: 2; grid-row: 1; text-align: center; min-width:330px;}
.page_preconnexion .bandeau_bas_3 {grid-column: 3; grid-row: 1; text-align: center; min-width:120px;}
.page_preconnexion .bandeau_bas a       {color: var(--main-color-light); text-decoration: underline; line-height: 30px;}
.page_preconnexion .bandeau_bas a:hover {text-decoration: none;}
.page_preconnexion .bandeau_bas img     {}

.page .bandeau_haut {
	display: none;
}
.page .bandeau_bas {
	position: fixed;
	bottom: 0;
	width: 250px;
	background: none;
	margin: 0;
	padding: 10px 2px;
	display: grid;
	grid-template-columns: 250px auto;
	justify-items: center;
	color: var(--main-color-light);
}
.page .bandeau_bas_1 {
	font-size: 12px;
	border-bottom: 1px solid #eee;
	width: 210px;
	padding: 10px 0;
	grid-column: 1;
	grid-row: 1;
	text-align: center;
}
.page .bandeau_bas_1 div:first-of-type {
	margin-top: 5px;
}
.page .bandeau_bas_2 {
	font-size: 10px;
	align-self: flex-end;
	grid-column: 1;
	grid-row: 2;
}
.page .bandeau_bas a {
  color: var(--main-color-light);
  text-decoration: underline;
  line-height: 30px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

.page_preconnexion {
	display: grid;
	height: 100vh;
	grid-template-rows: 110px auto 90px;
}

.page_preconnexion .page_contenu {
	text-align: center;
	grid-column: 1;
	grid-row: 1 / 3;
}

.ppc_texte_haut {
	white-space: nowrap;
	display: grid;
	grid-template-columns: 60px 160px auto auto 170px;
	grid-template-rows: 110px;
	align-items: center;
}
.ppc_texte_haut > img {
	grid-column: 2;
	height: 90px;
	justify-self: center;
}
.ppc_texte_haut > h2 {
	grid-column: 3;
	margin: 0;
	text-align: left;
	align-content: end;
	color: var(--main-bg-dark);
	font-weight: 500;
  	letter-spacing: 1.8px;
}
.ppc_texte_haut_acces {
	grid-column: 4;
}
.ppc_texte_haut_acces > a {
	background-color: var(--button-color-bg);
	font-size: 14px;
	color: var(--button-color-text);
	padding: 9px 20px 8px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	border-radius: 1.25em;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: inline-block;
	margin-top: 4px;
}
.ppc_texte_haut_acces > a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

.ppc_contenu {
	white-space: nowrap;
	color: var(--accueil-box-color);
	margin: 40px auto;
	display: inline-block;
}
.ppc_contenu_texte_haut h3,
.ppc_contenu_texte_bas h3 {
	border: none;
	background-color: var(--accueil-box-bg-title);
	color: var(--accueil-box-title);
	padding: 10px 0 0 0;
	font-size: 2.8rem;
	font-weight: 300;
	letter-spacing: 1.5px;
	text-align: left;
}
.ppc_contenu_texte_haut p,
.ppc_contenu_texte_bas p {
	white-space: normal;
	color: var(--main-color-text);
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
}
.ppc_form {
	text-align: left;
}
#alerte_cookie {
	grid-column: 1 / 3;
	grid-row: 5;
	align-items: center;
}
#alerte_cookie > p {
	background-color: #555;
	color: #f0f0f0;
	text-align: center;
	padding: 16px;
	line-height: 26px;
	border-radius: 14px;
	box-shadow: #ccc 0px 0px 16px;
	display: inline-block;
	margin: auto;
}


.form_div {
	text-align: left;
	padding-bottom: 10px;
}
.form_div_progress {
	text-align: center;
}
.form_div_texte {
	padding: 2px 10px;
	font-size: 1.2em;
}
.form_div_saisie {
	position: relative;
	display: inline-block;
	width: 390px;
}
.form_div_ctrl {
	display: inline-block;
	white-space: normal;
	font-size: 1em;
	padding-left: 10px;
}
.form_div_complement {
	white-space: normal;
	color: #666;
	font-size: 1em;
	padding: 0 10px;
	text-align: center;
}
.form_div_complement img {
	border: 1px solid #ddd;
	opacity: 0.5;
}
.form_div_action {
	clear: both;
	margin-top: 15px;
	padding: 4px 0 0 0;
	text-align: center;
}
.form_div_erreur {
	clear: both;
	margin-top: 10px;
	padding: 0.3em;
	font-size: 0.9em;
	color: #FF1010;
	text-align: center;
}


#logout_adherent_contenu,
#logout_praticien_contenu,
#logout_structure_contenu,
#ba_logout_contenu  {
	white-space: normal;
	color: #777174;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 100px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 8px;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


.page .page_contenu {
	display: grid;
	grid-template-columns: 250px 1fr;
	grid-template-rows: auto 1fr auto;
	grid-gap: 0 10px;
	padding-right: 20px;
	height: 100vh;
}
.contenu_menu {
	grid-column: 1;
	grid-row: 1 / 4;
	background-color: var(--main-bg-dark);
}
.contenu_sousmenu {
	grid-column: 2;
	grid-row: 1;
	text-align: left;
	margin-top: 10px;
	display: grid;
	grid-template-columns: 1fr auto;
	/*min-height:36px;*/
}
.contenu_div {
	grid-column: 2;
	grid-row: 2;
	text-align: left;
	padding: 5px;
	margin: 10px 0 22px 0;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	overflow: auto;
}
.contenu_div_detail {
	color: var(--main-color-text);
	padding: 10px 5px;
	/*margin-bottom: 10px;
	white-space: nowrap;*/
}
.contenu_div_detail h3 {
	color: var(--main-color-text);
	text-align: left;
	font-size: 1.2em;
}
.contenu_detail_raccourci {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	margin: 20px;
	text-align: center;
	color:var(--main-color);
	margin-top: 50px;
}
.contenu_detail_raccourci > div {
	flex-grow: 1;
	max-width: 250px;
}
.contenu_detail_raccourci img {
	width: 180px;
}
.contenu_detail_acces {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 14px;
	margin: 26px;
	text-align: center;
}
.contenu_detail_acces > * {
	background-color:#EDF1F1;
	color:var(--main-color-text);
	padding:16px;
	border-radius:6px;
	border:1px solid #DDD;
	width: 230px;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	align-content: center;
}
.contenu_detail_acces > *:hover {
	text-decoration: none;
	background-color: #fff;
	color:var(--main-color-link);
	border-color: var(--main-color-link);
	cursor: pointer;
}
.accueil_acces_link label {
	display: block;
	line-height: 24px;
}
#acces_duplicata_carte img {
	margin-top: 20px;
	max-height: 50px;
}
#acces_mysanteclair img {
	margin-top: 20px;
}
#acces_kalivia img {
	margin-top: 10px;
}
#acces_livmeds img {
	max-width: 220px;
}
#acces_kalixia img {
	margin-top: 10px;
	max-height: 60px;
}
#alerte_gestionnaire {
	position: fixed;
	background-color: #555;
	color: #f0f0f0;
	text-align: center;
	width: 250px;
	padding: 20px;
	line-height: 26px;
	border-radius: 14px;
	box-shadow: #ccc 0px 0px 16px;
	top: 5%;
	right: calc(50% - 125px );
}

.contenu_detail_div_entete {
	background-color: var(--main-bg-light);
	padding: 10px;
}
.contenu_erreur {
	grid-column: 2;
	grid-row: 3;
	text-align: center;
	padding-bottom: 5px;
	font-size:0.9em;
	color:#FF1010;
}
.sousmenu_gauche {
	grid-column: 1;
	grid-row: 1;
	text-align: left;
	display: flex;
}
.sousmenu_gauche a {
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 0;
	margin: 0 10px 0 0;
	width: 280px;
	display:block;
	text-align:center;
	color:  var(--main-color);
	font-weight: normal;
	line-height:24px;
	border: 1px solid transparent;
	border-bottom-color: var(--main-color);
	align-self: center;
}
.sousmenu_gauche a:not(.sousmenu_courant):hover {
	color: var(--main-color);
	border: 1px solid var(--main-color);
}
.sousmenu_gauche a.sousmenu_courant {
	color: var(--main-color-link);
	border: 1px solid var(--main-color-link);
}
.sousmenu_droite {
	grid-column: 2;
	grid-row: 1;
	text-align: right;
	padding: 0 20px;
	display: grid;
	grid-template-columns: auto 24px;
	grid-gap: 4px;
	align-content: center;
}
.sousmenu_droite label {
	grid-column: 1;
	grid-row: 1;
}
.sousmenu_droite input {
	grid-column: 1;
	grid-row: 1;
	margin: 4px 0;
}
.sousmenu_droite img {
	grid-column: 2;
	grid-row: 1;
	cursor:pointer;
	align-self: center;
	justify-self: center;
}


#sousmenu_praticien_interlocuteur { display: none; }
#sousmenu_praticien_notification { display: none; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

.contenu_texte_titre {
	font-size: 1.7em;
	color: var(--main-color-text);
	padding: 8px 5px;
	border-bottom: 1px solid #e0e0e0;
}
.contenu_texte_titre a {
	font-size: 14px;
	margin-left: 20px;
}
.contenu_texte_titre .texte_alerte			{float:right; display:inline-block; text-align:right; vertical-align:middle; line-height:0.6em; font-size:0.6em; color:var(--main_color);}
.contenu_texte_titre .texte_alerte label	{display:inline-block; margin:0 0.2em;}
.contenu_texte_titre .texte_alerte img		{display:inline-block; margin:0 0.2em;}

.contenu_texte_haut {margin-bottom: 0.8em;}
.contenu_texte_bas  {margin-top: 0.8em;}
.contenu_detail_div {margin: 0 0 0.8em 0;}

.contenu_texte_aide 	{font-size:0.906585321em; padding:4px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; background-color:#FAFAFA;}
img.titre_icone_aide 	{margin-left:5px;}
img.titre_icone_retour 	{margin-left:5px;}
img.texte_icone_aide 	{margin:5px; opacity:0.3; vertical-align:top;}


.menu_entete {
	text-align: center;
	padding: 20px;
	background-color: #FFF;
	border-bottom: 1px solid var(--main-bg-dark);
	border-right: 1px solid var(--main-bg-dark);
}
.menu_footer {
	text-align: center;
	padding: 10px 0;
	margin: 20px;
	color: var(--main-color-light);
}
.menu_footer a {
	color: var(--main-color-light);
}
.menu_entete img {
	height: 90px;
}
.menu_detail a {
	padding: 1em 2em;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.89em;
	color: var(--main-color-light);
	text-align: left;
	margin-left: 0;
	display: flex;
	gap: 10px;
	align-items: center;
}
.menu_detail a:hover {
	text-decoration:none;
	background-color: #EA6B5F;
	color:#fff;
}
.menu_detail a img {
	height: 22px;
}
.menu_courant a {
	background-color: #EA6B5F;
}
.menu_detail_sousmenu a {
	padding: 0.5em 0.7em 0.5em 2.4em;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.75em;
	color: #666;
	text-align: left;
	margin-left: 0;
	line-height: 18px;
}
.menu_detail_sousmenu a:hover {
	text-decoration:underline;
	color: #333;
}
.menu_detail_sousmenu_courant a {
	color: #333;
	font-weight: bold;
}
.icone_fleche {
	width: auto;
	height: 16px;
	vertical-align: top;
}

.contenu_detail_aucun_resultat {
	text-align:center;
	padding:10px;
}

.contenu_aucun_resultat {
	background-color: var(--contenu-bg-color);
	border: 1px solid #f2f2f2;
	color: var(--main-color-text);
	padding: 8px;
	text-align: center;
}
.contenu_form {
	color: var(--main-color-text);
	padding: 8px;
}
.contenu_form_div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 40px;
}
.contenu_form_div_texte_haut {
	color: var(--main-color);
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.contenu_form_div_intitule {
	display: inline-block;
}
.contenu_form_div_saisie {
	display: inline-block;
}
.contenu_form_div_etoile {
	text-align: center;
	padding-bottom: 5px;
}
.contenu_form_div_button {
	text-align: center;
	padding: 5px;
	width: 100%;
}
.contenu_form_div_ctrl {
	text-align: center;
	padding: 5px;
	width: 100%;
	font-size: 0.9em;
	color: #ff1010;
}
.contenu_form_div_erreur {
	text-align: center;
	padding: 5px;
	width: 100%;
	font-size: 0.9em;
	color: #ff1010;
}
.contenu_form_div_erreur .reussi{
	color: #0A7A0E;
}

.form_upload_fichier {
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.form_upload_fichier button {
	background-color: transparent;
	width: 20px;
	height: 20px;
	padding: 0 10px;
}
.form_upload_fichier img {
	width: 20px;
	height: 20px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */



.logout_texte {
	font-size: 1.7em;
	border-bottom: 2px solid var(--main-bg-dark);
	width: 50%;
	padding: 10px;
	margin: 150px auto 0 auto;
}

#contenu {
	width: 100%;
	min-height: 30.28571428571429em;
}
#contenu.index, #contenu.login_adherent, #contenu.login_praticien, #contenu.login_structure {
	text-align:center;
}

.img_cliquable {
	cursor: pointer;
}

/* Encart qui s'affiche lorsque l'on survole une image ou un objet ayant la classe info_msgbox. Cela affiche l'information contenue dans l'attribut title */
#msgbox {display: block; position: absolute; padding: 3px;}
#msgbox {background-color: #eee; border: 1px solid #999; color: #666; font-size: 12px;}

.devise {
	display: none;
}

input.input_date {
	width: 7em;
}

.div_pagination {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}
.div_pagination>div {
	display: inline-block;
	margin-right: 1em; 
}
.div_pagination a {
	text-decoration: underline;
	color: var(--main-color-text);
}
.div_pagination a:hover {
	color: var(--main-bg-dark);
}
.div_numero.selected a {
	text-decoration: none;
	cursor: default;
	color: var(--main-bg-dark);
	font-weight: bold;
}
.div_numero.selected a:hover {
	text-decoration: none;
	cursor: default;
	color: #de2560;
}

.ligne_entete {
	border: 1px solid #f2f2f2;
	background-color: var(--table-header-bg);
	color: var(--table-header-color);
}
.ligne_pair {
	font-size: 1em;
	background-color: var(--table-row-bg);
	color: var(--table-row-color);
}
.ligne_impair {
	font-size: 1em;
	background-color: var(--table-row-bg);
	color: var(--table-row-color);
}
.ligne_debit {
	font-style: italic;
}
.ligne_credit {
}

#espace_accueil_contenu {
	text-align: center;
}
#espace_accueil_texte_haut {
	margin: auto;
	white-space: nowrap;
	display: grid;
	grid-template-columns: 100px auto;
	grid-template-rows: 110px auto;
	text-align: left;
	align-items: center;
	background-color: var(--main-bg-dark);
}
#espace_accueil_texte_haut > h2 {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	text-align: left;
	align-content: end;
	color: var(--main-bg-light);
	font-weight: 500;
  	letter-spacing: 1.8px;
}
#espace_accueil_texte_haut_complement {
	white-space: normal;
	color: #777174;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 1.2em;
	margin-top: 1.2em;
}
#espace_accueil_texte_bas {
}
#espace_accueil_acces_adherent, #espace_accueil_acces_praticien, #espace_accueil_acces_structure {
	display: inline-block;
	white-space: nowrap;
	width: 210px;
	text-align: center;
}
#espace_accueil_acces_adherent img {
}
#espace_accueil_acces_adherent a, #espace_accueil_acces_praticien a, #espace_accueil_acces_structure a {
	text-decoration: none;
	font-size: 16px;
}
#espace_accueil_acces_adherent a:hover, #espace_accueil_acces_praticien a:hover, #espace_accueil_acces_structure a:hover {
	text-decoration: underline;
}

.ppc_acces_container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	max-width: 1100px;
	margin: auto;
}

.image_accueil {
	width: auto;
	height: 170px;
	display: block;
	margin: 1em auto 1em auto;
}

.obligatoire {
	color: red;
	font-style: italic;
}
.form_div.obligatoire input {
	border: 1px solid #f00;
}
.etoile {
	color: red;
	padding: 0 5px;
}

.icone_aide_mdp {
	width: 12px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
}

.div_progress {
	display: -ms-flexbox;
	display: inline-flex;
	height: 5px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	line-height: 0;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	width: 60%;
}
.div_progress_bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	transition: width 0.6s ease;
	height: 5px;
}
.label_progress {
	display: inline-block;
}

.bg-danger {
  background-color: #dc3545 !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
.text-danger {
  color: #dc3545 !important;
}
.text-warning {
  color: #ffc107 !important;
}
.text-info {
  color: #17a2b8 !important;
}
.text-success {
  color: #28a745 !important;
}


/* utilisé dans mutual_web.config */
.espace_accueil_intro {
	font-size: 18px;
}
.texte_accueil {
	color: #666;
	font-size: 1.014285714285714em;
	text-align: left;
}
.texte_compte_web_a_modifier {
	color: red;
	font-size: 1.014285714285714em;
	text-align: left;
}
.texte_compte_web_fin_mdp {
	color: blue;
	font-size: 1.014285714285714em;
	text-align: left;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* LES MEDIAS QUERIES */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


@MEDIA screen and (max-width:800px) {
	
.ppc_acces_container {
	flex-direction: column;
	align-items: center;
}
.bandeau_bas_1 {
	display: none;
}
.bandeau_bas_2 {
	grid-column: 1;
	grid-row: 1;
	text-align: left;
	min-width: 330px;
}
	

}