@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-10-12 JA : utilisation de variable
 * 
 */
 
:root {
	--main_color:#302b9b; /* couleur dominante */
	--sec_color:#ee8122;
}

@font-face {font-family: "Futura PT"; 
  src: url("fonts/FuturaPT-DemiBold.eot"); /* IE9 */
  src: url("fonts/FuturaPT-DemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/FuturaPT-DemiBold.woff2") format("woff2"), /* chrome,firefox */ 
  url("fonts/FuturaPT-DemiBold.woff") format("woff"), /* chrome,firefox */
  url("fonts/FuturaPT-DemiBold.ttf") format("truetype"), /* chrome, firefox, opera, safari, android, ios 4.2+ */
  url("fonts/FuturaPT-DemiBold.svg#Futura PT") format("svg"); /* ios 4.1- */
 } 
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* BALISES GENERALES */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


body {
	margin:0;
	padding:0;
	font-size:14px;
	font-family: "Futura PT";
	color:#666;
}
a {
	outline:none;
}
table {
	width:100%;
	border-collapse:collapse;
	margin:0.8em auto;
	border:1px solid #f2f2f2;
	color:#333;
	font-size:13px;
}
table tr {
}
table td {
	padding:8px 5px;
}
table th {
	padding:8px 5px;
}
table a {
	color:#333;
	text-decoration:none;
}
table a:hover {
	text-decoration:underline;
}
/* table tr:not(.nohover):hover > td {
	color:#FFFFFF;
	background:var(--main_color);
} */
table tr:not(.nohover):hover > td a {
	color:var(--main_color);
}

table .tr_entete {
	color:#333;
	background-color:#fff;
	font-weight: bold;
}
table .tr_entete:hover > td {
	color:#333;
	background:none;
}
input[type=text] {
	border:none;
	padding:4px 8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#f1f1f1;
}
input[type=password] {
	border:none;
	padding:4px 8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#f1f1f1;
}
select {
	border:none;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	height:25px;
	color:#666;
	background:#f1f1f1;
}

img {
	border:none;
}

button {
	background:none;
	border:none;
	cursor:pointer;
}

h1 {
	font-size:2em;
	text-align:center;
	line-height:1.1em;
	/* font-family:'Century Gothic',Arial,sans-serif; */
	color:var(--main_color);
	margin-top:1em;
}
h2 {
	font-size:1.5em;
	text-align:center;
	line-height:1.1em;
	/* font-family:'Century Gothic',Arial,sans-serif; */
	margin-top:1em;
	color:var(--main_color);
}
h3 {
	font-size:1.428571428571429em;
	line-height:1.142857142857143em;
	text-align:left;
	/* font-family:'Century Gothic',Arial,sans-serif; */
	color:var(--main_color)
}
h4 {
	color:#474747;
	font-size:1em;
	text-align:left;
}


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

.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_color); color:#fff; 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_color); color:#fff; 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_color); color:#fff; 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:344px; margin:20px 0;}

#page {
}
#bandeau_noscript {
	text-align:center;
	color:red;
}
#bandeau_haut {
	width:100%;
	font-size:0.9em;
	color:#FFFFFF;
}
#bandeau_haut > .bandeau_haut_1 {
}
#bandeau_haut > .bandeau_haut_2 {
	width:1140px;
	margin:auto;
	padding:30px 0;
}
.bandeau_haut_2 > img {
	height:150px;
}
#bandeau_haut > .bandeau_haut_3 {
}
	
.page_index .page_preconnexion #bandeau_haut {
}
.page_adherent .page_preconnexion #bandeau_haut {
}
.page_praticien .page_preconnexion #bandeau_haut {
}
.page_structure .page_preconnexion #bandeau_haut {
}
div.bandeau_haut_logo {
	float:right;
	height:130px;
	line-height:130px;
}
div.bandeau_haut_logo img {
	display:none;
}

#bandeau_bas {
	clear:both;
	width:100%;
	font-size:1em;
	color:#ddd;
	background-color:var(--main_color);
}
#bandeau_bas a {
	color:white;
	text-decoration:none;
}
#bandeau_bas a:hover {
	text-decoration:underline;
}
#bandeau_bas > .bandeau_bas_1 {
	width:1110px;
	margin:auto;
	padding:20px 0;
}
.bandeau_bas_1 img {
	margin-left:58px;
	height:50px;
}
#bandeau_bas > .bandeau_bas_2 {
	text-align:center;
	padding:10px;
}

#contenu {
	width:1140px;
	margin:auto;
	min-height:450px;
}
#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_date {
	width:5em;
}

.div_pagination {
	/*display:none;*/
}
.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:#474747;
}
.div_pagination a:hover {
	color:var(--main_color);
}
.div_numero.selected a {
	text-decoration:none;
	cursor:default;
	color:var(--main_color);
	font-weight:bold;
}
.div_numero.selected a:hover {
	text-decoration:none;
	cursor:default;
	color:#de2560;
}

.ligne_entete {
	/*
	font-size:1em;
	background-color:#fff;
	color:var(--main_color);
	*/
}
.ligne_impair {
	font-size:1em;
	background-color:#FFFFFF;
	color:#666;
}
.ligne_pair {
	font-size:1em;
	background-color:#FFFFFF;
	color:#666;
}
.ligne_debit {
	font-style:italic;
}
.ligne_credit {
}

#espace_accueil_texte_haut {
	width:100%;
	text-align:center;
	color:#474747;
	margin-bottom:30px;
}
#espace_accueil_texte_bas {
}
#espace_accueil_acces_adherent, #espace_accueil_acces_praticien, #espace_accueil_acces_structure {
	display:inline-block;
	white-space:nowrap;
	width:33%;
	text-align:center;
	font-size:1.428571428571429em;
	vertical-align:top;
}

#espace_accueil_acces_adherent img {
}
#espace_accueil_acces_adherent a, #espace_accueil_acces_praticien a, #espace_accueil_acces_structure a {
	text-decoration:none;
	color:var(--main_color);
	white-space:normal;
}
#espace_accueil_acces_adherent a:hover, #espace_accueil_acces_praticien a:hover, #espace_accueil_acces_structure a:hover {
	text-decoration:underline;
}

#espace_accueil_acces_adherent:hover img { box-shadow:0 0 5px var(--main_color); }
#espace_accueil_acces_praticien:hover img { box-shadow:0 0 5px var(--main_color);  }
#espace_accueil_acces_structure:hover img { }

#espace_accueil_acces_structure { opacity:0.5; }
#espace_accueil_acces_structure:hover * { cursor:default; }
#espace_accueil_acces_structure:hover a { text-decoration:none; }

.image_accueil {
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px var(--main_color);
	border-radius:50%;
}

.obligatoire {
	color:red;
	font-style:italic;
	font-size:0.9em;
}
.etoile {
	color:red;
	padding:0 5px;
}

.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:210px;
}
.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;
}


.autocomp_cp_label1 {
	color:#666666;
	font-style: italic;
}
.autocomp_cp_separ {
	padding: 0 4px;
}
.autocomp_cp_label2 {
}

.autocomp_ville_label1 {
	color:#666666;
	font-style: italic;
}
.autocomp_ville_separ {
	padding: 0 4px;
}
.autocomp_ville_label2 {
}

.autocomp_praticien_label1 {
	color:#666666;
	font-style: italic;
}
.autocomp_praticien_separ {
	padding: 0 4px;
}
.autocomp_praticien_label2 {
}

/* 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;
}


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

@media screen and (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (max-width:1200px){ 
	html, body { width:100%;height:100%;margin:0;padding:0; }
	body > * { font-size: 1.5em!important; }
	#contenu { width:100%;min-height:800px; }
	#bandeau_haut > .bandeau_haut_1 { width:100%; }
	#bandeau_haut > .bandeau_haut_2 { width:100%; }
	#bandeau_bas > .bandeau_bas_1 { width:100%; }
	#espace_accueil_acces_adherent, #espace_accueil_acces_praticien, #espace_accueil_acces_structure { display:block;width:100%;padding:50px 0; }
	#bandeau_bas > .bandeau_bas_1 div { display:block!important;text-align:center;width:100%!important; }
	.bandeau_bas_1 img { margin-left:0;width:15%;height:auto; }
	#bandeau_bas { font-size:0.8em!important; }
	
	input { background-color:#f1f1f1!important; }
}