@CHARSET "ISO-8859-1";

/**
 * Style dédié au portail Adhérent
 * ---------------------------------------------------------------------------------------------------------------------------------------------------
 * @version 2017-10-02 JN : Création (éclatement de anciennement personnalise.css)
 * @version 2018-11-29 JN : Remise à plat qui devient la réference pour les futurs portails (style fondé pour MPI)
 * @version 2019-06-14 JN : Gestion des sinistres
 * @version 2019-07-02 JN : refonte de l'écran "compte web" : Gestion du consentement et des notifications
 * @version 2020-08-21 JN : sécurité des mots de passe
 * @version 2021-07-09 JN : sinistre pièce attente
 * @version 2021-10-12 JA : utilisation de variable
 * 
 */
 
 #menu_adherent_aide {display:none;}
 #menu_adherent_teleconsultation {display:none;}


:root {
	--menu-border-radius: 3px;
	--menu-courant-color: #FFFFFF;
	
	--accueil-box-bg-title: #FFF;
	--accueil-box-title: #444444;
	--accueil-box-bg-color: #FFFFFF;
	--accueil-box-color: #444444;
	--accueil-box-border-color: #FFF;
	--accueil-box-border-radius: 3px;
	
	--contenu-bg-color: #FFFFFF;
	--bg-color-menu: #f0f0f0;
}


/* --------------------------------- MES DECOMPTES [recap_decompte_adherent / detail_decompte_adherent] */

#recap_decompte_adherent_liste_benef {
	margin: 0 10px;
	width: 260px;
}

.detail_decompte_adherent_dtdeb_soin 		{text-align:center; width:5.714285714285714em;}
.detail_decompte_adherent_dtfin_soin 		{text-align:center; width:5.714285714285714em;}
.detail_decompte_adherent_mt_depense 		{text-align:right;  width:2.714285714285714em;}
.detail_decompte_adherent_acte 				{padding-left:0.2857142847142858em;}
.detail_decompte_adherent_hps 				{display:none;}
.detail_decompte_adherent_quantite_et_coeff {display:none;}
.detail_decompte_adherent_quantite 			{display:none;}
.detail_decompte_adherent_coeff 			{display:none;}
.detail_decompte_adherent_pu 				{display:none;}
.detail_decompte_adherent_base_ro 			{display:none;}
.detail_decompte_adherent_tx_ro 			{display:none;}
.detail_decompte_adherent_mt_ro 			{text-align:right;  width:17.814em;}
.detail_decompte_adherent_mt_rc 			{text-align:right;  width:11.814em;}

.detail_decompte_adherent_ligne_remb {
	font-style:italic;
	color:#666;
}
.detail_decompte_adherent_ligne_remb td {
	padding-top:2px;
	padding-bottom:2px;
}
.detail_decompte_adherent_formule {
	padding-left:30px;
}
.detail_decompte_adherent_ligne_tot {
	background-color: #f1f1f1;
}
.detail_decompte_adherent_ligne_tot td {
	font-weight: bold;
	font-size: 0.9em;
}
.detail_decompte_adherent_ligne_tot_autre_remb {
	font-style:italic;
	font-weight:normal;
	padding-left:2em;
}
.detail_decompte_adherent_ligne_tot_lib {
	text-align:right;
}
.detail_decompte_adherent_ligne_tot_mt {
	text-align:right;
}
.detail_decompte_adherent_tot {
	text-align:right;
	font-weight:bold;
}


/* --------------------------------- MES REMBOURSEMENTS [recap_liquidation_adherent / detail_liquidation_adherent] */

.recap_liquidation_adherent_mt_reglement {text-align:right;}

.detail_liquidation_adherent_mt_decompte {text-align:right;}


/* --------------------------------- MES EVENEMENTS [recap_evenement_adherent / recap_evenement_adherent_detail] */

.recap_evenement_adherent_action {width: 100px; text-align: right;}
.recap_evenement_adherent_action .icone_loupe {margin: 0 10px;}

#recap_evenement_adherent_div_type    > .contenu_form_div_intitule {width: 80px;}
#recap_evenement_adherent_div_motif   > .contenu_form_div_intitule {width: 80px;}
#recap_evenement_adherent_div_fichier > .contenu_form_div_intitule {width: 80px;}
#recap_evenement_adherent_div_message > .contenu_form_div_intitule {width: 80px; vertical-align: top;}
#recap_evenement_adherent_div_message > .contenu_form_div_saisie   {width: calc(100% - 90px);}
#recap_evenement_adherent_div_message textarea {width: 100%; box-sizing: border-box;}

.recap_evenement_adherent_dt      {width:10em;}
.recap_evenement_adherent_type    {}
.recap_evenement_adherent_origine {width:4em; text-align:center;}
.recap_evenement_adherent_img_origine_mutuelle {width:20px;}
.recap_evenement_adherent_doc     {width:4em; text-align:center;}
.recap_evenement_adherent_action  {width:7em; text-align:center;}
.recap_evenement_adherent_action img {width:16px;}
.recap_evenement_adherent_img_origine_mutuelle {height: 16px;}

/* --------------------------------- MES COTISATIONS [recap_cotisation_adherent] */

#recap_cotisation_adherent_texte_haut {display: none;}

.recap_mode_cotis_div {
	margin: 0 0 0.8em 0;
}
.recap_mode_cotis_div .header {
	background-color: var(--main-bg-light);
	padding: 10px;
}
.recap_mode_cotis_div .detail {
	color: var(--main-color-text);
}
.recap_mode_cotis_div .intitule {
	display: inline-block;
	color: #333;
	padding: 5px 0;
	width: 6em;
}
.recap_mode_cotis_div .valeur {
	display: inline-block;
	border-bottom: 1px solid #eee;
	width: 33em;
	padding: 7px 14px;
	margin-bottom: 4px;
	height: 15px;
}
.recap_mode_cotis_div .footer {
	color: var(--main-color-text);
}


/* --------------------------------- MES COORDONNEES [recap_adresse_adherent] */

#recap_adresse_adherent_contenu_texte_haut {
	display:none;
}
.recap_adresse_adherent_benef {
	display:inline-block;
}
.recap_adresse_adherent_info_radiation {
	display:inline-block;
	color:#666;
	font-style:italic;
	padding:0 10px;
}
.recap_adresse_adherent_div_action {
	display:inline-block;
	float:right;
}
.recap_adresse_adherent_meme_adresse {
	padding: 5px 0;
}
.recap_adresse_adherent_visualiser_chgt_prevu {
	display:flex;
	gap:10px;	
}
.recap_adresse_adherent_pave_chgt_prevu {
	padding: 10px;
	background-color: #F0F8FF;
}
.recap_adresse_adherent_adresse.edit {
	padding: 10px;
	background-color: #F0F8FF;
}
.recap_adresse_adherent_pave_chgt_prevu_entete {
	padding: 5px 0;
}
.recap_adresse_adherent_intitule {
	display:inline-block;
	padding:5px 0;
	width:9em;
}
.recap_adresse_adherent_valeur {
	display:inline-block;
	border-bottom:1px solid #eee;
	width: 33em;
	padding: 7px 14px;
	margin-bottom: 4px;
	height: 15px;
}
.recap_adresse_adherent_pave_chgt_prevu .recap_adresse_adherent_valeur { border-color: #fff; }
.recap_adresse_adherent_valeur.cp {
	width: 4em;
}
.recap_adresse_adherent_valeur.ville {
	width: 21.5em;
}
.recap_adresse_adherent_saisie {
	display:inline-block;
	padding:2px;
}
.recap_adresse_adherent_adresse img {
	float:right;
	max-height:14px;
}
.recap_adresse_adherent_saisie > input,
.recap_adresse_adherent_saisie > select {
	width:35em;
}
.recap_adresse_adherent_intitule_ville {
	width:5em;
	text-align:center;
}
.recap_adresse_adherent_saisie .recap_adresse_adherent_cp {
	width:4.7em;
}
.recap_adresse_adherent_saisie .recap_adresse_adherent_cp.cp_long {
	width:7em;
}
.recap_adresse_adherent_saisie .recap_adresse_adherent_ville {
	width:24.5em;
}
.recap_adresse_adherent_option_modification {
	margin-top:4px;
}
.recap_adresse_adherent_option_modification > * {
	padding:4px 0;
}
.recap_adresse_adherent_div_etoile 	{text-align:center; padding:5px; font-size:0.9em;}
.recap_adresse_adherent_enreg 		{text-align:center; padding:5px;}
.recap_adresse_adherent_suppr_chgt 	{text-align:center; padding:5px;}


/* --------------------------------- MES COORDONNEES [recap_mode_presta_adherent] */

.recap_mode_presta_adherent_libelle {
	display:inline-block;
}
.recap_mode_presta_adherent_div_action {
	display:inline-block;
	float:right;
}
.recap_mode_presta_adherent_visualiser_chgt_prevu {
	display:flex;
	gap:10px;	
}
.recap_mode_presta_adherent_pave_chgt_prevu {
	padding: 10px;
	background-color: #F0F8FF;
}
.recap_mode_presta_adherent_rib.edit {
	padding: 10px;
	background-color: #F0F8FF;
}
.recap_mode_presta_adherent_pave_chgt_prevu_entete {
	padding: 5px 0;
}
.recap_mode_presta_adherent_intitule {
	display:inline-block;
	padding:5px 0;
	width:9em;
}
.recap_mode_presta_adherent_valeur {
	display:inline-block;
	border-bottom:1px solid #eee;
	width: 33em;
	padding: 7px 14px;
	margin-bottom: 4px;
	height: 15px;
}
.recap_mode_presta_adherent_pave_chgt_prevu .recap_mode_presta_adherent_valeur { border-color: #fff; }
.recap_mode_presta_adherent_saisie {
	display:inline-block;
	padding:2px;
}
.recap_mode_presta_adherent_saisie > input {
	width:25em;
}
.recap_mode_presta_adherent_option_modification {
	margin-top:4px;
}
.recap_mode_presta_adherent_option_modification > * {
	padding:4px 0;
}
.recap_mode_presta_adherent_div_etoile 	{text-align:center; padding:5px; font-size:0.9em;}
.recap_mode_presta_adherent_enreg 		{text-align:center; padding:5px;}
.recap_mode_presta_adherent_suppr_chgt 	{text-align:center; padding:5px;}


/* --------------------------------- MON COMPTE [compte_web_adherent] */

.bloc_modif_compte_web .contenu_form_div_intitule {
	width: 15em;
}
.bloc_modif_compte_web .contenu_form_div_saisie {
	width: 20em;
	position: relative;
}
.bloc_modif_compte_web .div_progress {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(12px);
	margin: 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
	border-radius: 0 0 0.3rem 0.3rem;
}

#compte_web_adherent_aide_mdp {
	width: 12px;
	margin-left: 5px;
	cursor: pointer;
}


/* --------------------------------- MON COMPTE [compte_web_adherent_consentement] */

#sousmenu_adherent_compte_web   {}
#sousmenu_adherent_consentement {}
#sousmenu_adherent_notification {display:none;}

#bloc_consentement tr {border:0; height:42px;}
#bloc_consentement table {}

.compte_web_adherent_consentement_intitule	          {}
.compte_web_adherent_consentement_refus	              {text-align:center; width:100px;}
.compte_web_adherent_consentement_autorise_interne	  {text-align:center; width:100px;}
.compte_web_adherent_consentement_autorise_demarchage {text-align:center; width:100px;}
.compte_web_adherent_consentement_autorise_tiers	  {text-align:center; width:100px;}

.consentement_slider {margin-left:50px; margin-right:50px;}
#compte_web_adherent_consentement_slider_adresse_postale {margin-left:160px;}

.consentement_slider_color_value_1 {background:linear-gradient(.25turn, #9BDFA7, #63CD76);}
.consentement_slider_color_value_2 {background:linear-gradient(.25turn, #9BDFA7, #30BD4A);}
.consentement_slider_color_value_3 {background:linear-gradient(.25turn, #9BDFA7, #06B025, #d60a00);}

.consentement_slider_separ_1,
.consentement_slider_separ_2,
.consentement_slider_separ_3,
.consentement_slider_separ_4 {
	border-right:1px solid #eee;
	position:absolute;
	width:50px;
	height:126px;
	margin-top:10px;
}
.consentement_slider_separ_1 {}
.consentement_slider_separ_2 {}
.consentement_slider_separ_3 {}
.consentement_slider_separ_4 {}

#compte_web_adherent_consentement_legende {
	margin-top:10px;
	margin-left:20px;
	font-size:0.9em;
}
.compte_web_adherent_consentement_legende_div {
	height:26px;
}
.compte_web_adherent_consentement_legende_label_titre {
	line-height:22px;
	vertical-align:middle;
	font-weight:bold;
	width:70px;
	display:inline-block;
}
.compte_web_adherent_consentement_legende_label_detail {
	line-height:22px;
	vertical-align:middle;
}


/* --------------------------------- MON COMPTE [compte_web_adherent_notification] */

#bloc_notification tr {border:0;}
.compte_web_adherent_notification_intitule	{}
.compte_web_adherent_notification_courrier	{display:none;}
.compte_web_adherent_notification_mail	    {text-align:center; width:100px;}
.compte_web_adherent_notification_sms	    {display:none;}
.compte_web_adherent_notification_app_mobile{display:none;}
.compte_web_adherent_notification_interface	{display:none;}


/* --------------------------------- SINISTRE [adherent_sinistre] */

.adherent_sinistre_garantie		{text-align:left; width:30px;}
.adherent_sinistre_nosinistre	{text-align:left; width:120px;}
.adherent_sinistre_dtsinistre	{text-align:left; width:110px;}
.adherent_sinistre_dtcloture	{text-align:left; width:90px;}
.adherent_sinistre_salarie		{display:none;}
.adherent_sinistre_situation	{text-align:left;}
.adherent_sinistre_action		{text-align:center; width:60px;}

.adherent_sinistre_situation_1 {display:block;}
.adherent_sinistre_situation_2 {display:block;}

#adherent_sinistre_detail_tb_upload_fichier	{width:600px; height:357px;} /* Définit la taille de la thixkbox */


/* --------------------------------- SINISTRE [adherent_sinistre_detail] */

#adherent_sinistre_detail_texte_haut label {font-style:italic; margin-left:0.571em;}
#adherent_sinistre_detail_etape_entete {
	width:95%;
	margin:10px auto;
	border:1px solid #f2f2f2;
	white-space:nowrap;
	font-size:0;
}
#adherent_sinistre_detail_etape_entete > div {
	display:inline-block;
	white-space:normal;
	font-size:13px;
	vertical-align:top;
}
#adherent_sinistre_detail_etape_entete_1 {width:70%;}
#adherent_sinistre_detail_etape_entete_2 {width:30%;}

#adherent_sinistre_detail_etape_entete_1 > label {display:none;}
#adherent_sinistre_detail_etape_entete_2 > label {display:block; padding:8px 5px; font-weight: bold;}

.sinistre_entete_div        {display:inline-block; padding:5px;}
.sinistre_entete_div > div  {display:inline-block;}

.adherent_sinistre_detail_etape,
.adherent_sinistre_detail_evnt,
.adherent_sinistre_detail_piece_attente {
	margin:1.429em auto;
}

.adherent_sinistre_detail_etape_hierarchie_1 {}
.adherent_sinistre_detail_etape_hierarchie_2 {margin-left:30px;}
.adherent_sinistre_detail_etape_hierarchie_3 {margin-left:60px;}
.adherent_sinistre_detail_etape_hierarchie_4 {margin-left:90px;}
.adherent_sinistre_detail_etape_hierarchie_5 {margin-left:120px;}

.adherent_sinistre_detail_separ        {border-top:1px solid #ccc; border-bottom:1px solid #eee; height:1px;}
.adherent_sinistre_detail_separ_etape  {}
#adherent_sinistre_detail_separ_entete {margin-top:1.429em;}
#adherent_sinistre_detail_separ_evnt   {}

.adherent_sinistre_detail_etape_titre_libelle,
.adherent_sinistre_detail_evnt_titre_libelle,
.adherent_sinistre_detail_piece_attente_titre_libelle {
	text-decoration:underline;
	padding:5px;
}

.adherent_sinistre_detail_tampon_annule {
    display: inline-block;
    color: red;
    font-family: segoe;
    text-transform: uppercase;
    font-style: italic;
    transform: rotate(5deg);
    border: 1px solid red;
    border-radius: 3px;
    padding: 2px;
    vertical-align: top;
    font-size:0.857em;
    margin-top: -5px;
    margin-left:2em;
    margin-right:0.857em;
}
.adherent_sinistre_detail_libelle_annule,
.adherent_sinistre_detail_motif_annule {
	color:red;
	margin-left:2px;
	text-decoration:none;
	font-style:italic;
}
.adherent_sinistre_detail_etape_detail_questionnaire {
	width:95%;
	margin:0.8em auto;
	padding:0 5px;
	word-wrap: break-word;
}
.adherent_sinistre_detail_etape_detail_versement {
	width:95%;
	margin:0.8em auto;
	padding:0 5px;
}
.adherent_sinistre_detail_etape_detail_versement_calcul_lien,
.adherent_sinistre_detail_ajout_event {
	margin-left:2.143em;
	color:var(--main_color);
	text-decoration:underline;
}

.adherent_sinistre_detail_etape_detail_message_annule              {color:#d60a00; width:95%; margin:0.8em auto; padding:0 5px;}
.adherent_sinistre_detail_etape_detail_message_encours             {color:#d60a00; width:95%; margin:0.8em auto; padding:0 5px;}
.adherent_sinistre_detail_etape_detail_versement_message_realise   {color:green;}
.adherent_sinistre_detail_etape_detail_versement_message_annule    {color:red;}
.adherent_sinistre_detail_etape_detail_versement_message_programme {color:#d60a00;}
.adherent_sinistre_detail_etape_detail_versement_message_saisie    {color:#d60a00;}

#adherent_sinistre_detail_entete_noadherent {width:220px;}
#adherent_sinistre_detail_entete_benef      {width:420px;}
#adherent_sinistre_detail_entete_dtsinistre {width:220px;}
#adherent_sinistre_detail_entete_dtcloture  {width:420px; display:none;}
#adherent_sinistre_detail_entete_dern_etape {width:650px;}
#adherent_sinistre_detail_entete_mtregle    {display:block;}
#adherent_sinistre_detail_entete_mtannule   {display:block;}

#adherent_sinistre_detail_entete_noadherent .sinistre_entete_div_texte,
#adherent_sinistre_detail_entete_dtsinistre .sinistre_entete_div_texte,
#adherent_sinistre_detail_entete_benef      .sinistre_entete_div_texte,
#adherent_sinistre_detail_entete_dtcloture  .sinistre_entete_div_texte,
#adherent_sinistre_detail_entete_dern_etape .sinistre_entete_div_texte  {width:120px;}
#adherent_sinistre_detail_entete_mtregle    .sinistre_entete_div_texte,
#adherent_sinistre_detail_entete_mtannule   .sinistre_entete_div_texte  {width:70px;}
#adherent_sinistre_detail_entete_mtregle    .sinistre_entete_div_valeur,
#adherent_sinistre_detail_entete_mtannule   .sinistre_entete_div_valeur {text-align:right; width:80px;}

.adherent_sinistre_detail_versement_multiple         {margin-left:60px;}
.adherent_sinistre_detail_versement_multiple_titre   {text-decoration:underline;}
.adherent_sinistre_detail_versement_multiple_montant {margin-left:30px;}
.adherent_sinistre_detail_versement_multiple_periode {margin-left:30px;}

/* colonnes du tableau des versements */
.adherent_sinistre_detail_versement_dtversement  {text-align:center; width:80px;}
.adherent_sinistre_detail_versement_dtreglement  {text-align:center; width:80px;}
.adherent_sinistre_detail_versement_montant      {text-align:right; width:90px;}
.adherent_sinistre_detail_versement_destinataire {}
.adherent_sinistre_detail_versement_mode         {width:200px;}
.adherent_sinistre_detail_versement_etat         {text-align:center; width:60px;}
.adherent_sinistre_detail_versement_total        {text-align:right;}

/* colonnes du tableau d'évènements */
.adherent_sinistre_detail_evnt_date         {width:120px; text-align:left;}
.adherent_sinistre_detail_evnt_type         {width:150px; text-align:left;}
.adherent_sinistre_detail_evnt_commentaire  {text-align:left;}
.adherent_sinistre_detail_evnt_destinataire {width:150px; text-align:left;}
.adherent_sinistre_detail_evnt_origine      {width:40px; text-align:center;}
.adherent_sinistre_detail_evnt_document     {width:40px; text-align:center;}
th.adherent_sinistre_detail_evnt_origine    {font-size:9px;}
th.adherent_sinistre_detail_evnt_acces      {font-size:9px;}

.adherent_sinistre_detail_img_origine_mutuelle {width:15px;}

/* colonnes du tableau des pièces en attente */
.adherent_sinistre_detail_piece_attente_table .tr_piece_attente_etat {background-color:#EFEFEF; font-style:italic; color:#666666; font-size:0.9em;}
.adherent_sinistre_detail_piece_attente_table .tr_piece_attente {height:48px;}
.adherent_sinistre_detail_piece_attente_date_demande   {width:120px; text-align:left;}
.adherent_sinistre_detail_piece_attente_date_reception {width:120px; text-align:left;}
.adherent_sinistre_detail_piece_attente_type_piece     {width:200px; text-align:left;}
.adherent_sinistre_detail_piece_attente_libelle_piece  {width:250px; text-align:left;}
.adherent_sinistre_detail_piece_attente_document       {text-align:left;}
.adherent_sinistre_detail_piece_attente_etat           {width:50px; text-align:center;}

/* thickbox du détail de calcul de versement */
#adherent_sinistre_detail_tb_detail_calcul            {width:600px; height:357px;} /* Définit la taille de la thixkbox */
#adherent_sinistre_detail_detail_calcul_erreur        {text-align:center; width:400px; margin:2em auto;}
#adherent_sinistre_detail_detail_calcul_overflow      {height:310px; overflow-y:auto;}
#adherent_sinistre_detail_detail_calcul_table         {border:none; margin-top:0; font-size:0.857em;}
#adherent_sinistre_detail_detail_calcul_table td      {padding:4px;}
#adherent_sinistre_detail_detail_calcul_btn_fermer    {margin:1em; text-align:center;}
.adherent_sinistre_detail_calcul_formule_ordre        {width:15px;}
.adherent_sinistre_detail_calcul_formule_detail_ordre {width:15px;}
.adherent_sinistre_detail_calcul_formule_libelle      {}
.adherent_sinistre_detail_calcul_formule_resultat     {}
.adherent_sinistre_detail_calcul_formule_total        {width:30px;}


/* --------------------------------- SINISTRE [adherent_sinistre_piece_attente] */

#adherent_sinistre_piece_attente_critere_filtre {width:240px;}
.adherent_sinistre_piece_attente_nosinistre     {width:120px; text-align:left;}
.adherent_sinistre_piece_attente_date_demande   {width:120px; text-align:left;}
.adherent_sinistre_piece_attente_date_reception {width:120px; text-align:left;}
.adherent_sinistre_piece_attente_type_piece     {width:200px; text-align:left;}
.adherent_sinistre_piece_attente_libelle_piece  {text-align:left;}
.adherent_sinistre_piece_attente_action         {width:200px; text-align:center;}