* 			{box-sizing:border-box; margin:0; padding:0; outline:none}
html	 	{font-family:Arial, Helvetica, sans-serif; font-size:10px}
body		{margin:1%; font-size:1.4rem} 
a			{text-decoration:none}

/* CADRES */

div#menu	{margin-bottom:10px}

div.frame	{border:0; padding:1%; float:left; border-radius:5px}
div.frame11	{width:100%; margin:0 0  1% 0}

div.frame12s {width:49.5%; margin:0 49.5% 1% 0}
div.frame12	{width: 49%; margin:0 1% 1% 0}
div.frame22	{width: 50%; margin:0 0  1% 0}

div.frame13	{width: 32.5%; margin:0 1% 1% 0}
div.frame23	{width: 32.5%; margin:0 1% 1% 0}
div.frame33	{width: 33%; margin:0 0% 1% 0}

div.frame14	{width: 24%; margin:0 1% 1% 0}
div.frame24	{width: 24%; margin:0 1% 1% 0}
div.frame34	{width: 24%; margin:0 1% 1% 0}
div.frame44	{width: 25%; margin:0 0% 1% 0}

hr {clear:both; border:none}
div#footer	{clear:both; margin-top:30px; font-size:1rem}

/* HTML */

input, select, textarea	{font-size:1.4rem; padding:2px 4px; margin:4px; border-radius:0px}
input[type=submit], input[type=button]	{padding:4px 8px 4px 8px; min-width:90px; cursor:pointer}
input[name=addPago]	{margin-left:44px} 
textarea	{font-family:Arial, Helvetica, sans-serif; padding:2px 6px 3px 6px; overflow:visible}

p			{padding:0; margin:2px 0 4px 0}
h1			{font-size:2.6rem; font-weight:bold; padding: 0px 0px  6px 0px}
h2			{font-size:2.0rem; font-weight:bold; padding: 4px 0px 10px 0px}
h3			{font-size:1.6rem; font-weight:bold; padding:12px 0px  6px 0px}

.center		{text-align:center}
.right		{text-align:right}

div.identity	{line-height:2.2rem}
div.notes		{line-height:1.8rem}
.infoOK			{background-color:green; color:white; padding:10px 30px; margin:20px; border-radius:8px}
.infoKO			{background-color:red; color:white; padding:10px 30px; margin:20px; border-radius:8px}

.nocita, .nopago	{display:none}
.option				{font-size:1.2rem}

/* ICONES */

.plusmoins			{cursor:pointer; border:0; background-color:transparent; margin-bottom:8px}
.plusmoins:focus 	{outline:none}
.plusmoins i		{font-size:2.6rem}

i.fa-caret-right	{position:relative; top:3px; margin-left:12px}
i.fa-solid, i.fa-regular {font-size:2.0rem; padding-left:4px}
i.iconMenu	 {font-size:4.6rem; margin-right:8px}
i.fa-file-powerpoint, i.fa-file-excel, i.fa-exclamation-triangle {color:#E50707}
i.fa-exclamation-triangle {font-size:1.2rem}
i.fa-print	{cursor:pointer; color:#444}
i.fa-edit	{cursor:pointer}
i.fa-info-circle {cursor:help}
i.fa-trash-alt {padding-left:25px}
.photo		{float:left; width:100px; height:100px; border:1px #c1e4f0 solid; margin-right:5px; padding:0}
.photo i	{font-size:8rem; padding:10px 0 0 14px}

/* LISTES */

div.colonnes	{column-count:4}
div.liste li	{list-style:none; padding:4px}
div.liste i.fa-phone, div.liste .fa-mobile-alt, div.liste i.fa-envelope, div.liste i.fa-user-md {font-size:1.3rem}

table.liste    {border-collapse:collapse; border:0; padding:10px; background-color:#FFF}
table.liste th {border-bottom:0px solid #c1e4f0; padding:5px}
table.liste td {border-top:1px solid #c1e4f0; padding:2px 5px 2px 5px}

a.alphabet:visited	{color:black}
a.alphabet:link		{color:black}
a.alphabet:hover, a.alphabet i:hover {color:#3eacd1}

/* CALENDRIER */

table.date 	{border-collapse:collapse; width:100%}
td.date		{width:14%; height:78px; text-align:left; vertical-align:top; border:1px solid #c1e4f0}
.persoFullDay	{margin:5px; padding:10px 5px 10px 5px; text-align:center; font-weight:bold}
.perso, .persoFullDay {cursor:pointer}
.dateHead	    {margin:0; padding:2px 0px 2px 8px; font-weight:bold}
.listeNom		{font-size:1.2rem; padding-left:2px; font-weight:normal}
.listeNomGras	{font-size:1.2rem; padding-left:2px; font-weight:bold}

/* FORMULAIRES */

div.formG				{width:150px; text-align:right; vertical-align:middle; display:inline-block}
div.formD, div.formd	{width:400px; text-align:left;  vertical-align:middle; display:inline-block}
div.formD input	{width:100%}
div.formd input	{width: 50%}
div.formd input.date {width: 55px}
textarea#notePatient, textarea#noteCita, textarea#notePago {width:100%}
div.help, div#ajax	{display:inline-block; color:#3eacd1}
div.unbloc			{display:inline-block; padding-right:10px}

#patientPrenom, #patientNom {width:90%}

.sizeA {width:115px}
.sizeB {width:270px}

/* TOUTES LES CITAS */

table.citas	{border-collapse:collapse; width:100%}
tr.rub		{font-weight:bold}
table.citas tr td {padding:4px}
table.citas tr td i {font-size:1.4rem}

/* LES ANTECEDENTS */

h3.ante	{background-color:#3eacd1; color:white; padding:4px; margin-top:10px}
table.ante	{border-collapse:collapse}
table.ante tr th {text-align:left}
table.ante tr td {padding:4px}
table.ante tr td i {font-size:1.4rem}

/* ??? */

table.graphe td {text-align:center}
.lien		{padding-left:6px; font-weight:bold}
.legende    {font-size:1.2rem}
.legende i  {font-size:1.0rem}

/***********/
/* COULEUR */
/***********/

body		{background-color:#3eacd1; 
			 background-image: url("../background.jpg"); background-position:right top; background-repeat:no-repeat; background-attachment: fixed}			/* fond de page */
h1, div#menu i  {color:#FFF}

div.frame	{background-color:#FFFFFF; border-color:#FFFFFF; color:#3eacd1}	/* zone et bord zone */

input[type=text], select, textarea {border:1px solid #3eacd1}

div.liste .fa-phone, div.liste .fa-mobile-alt, div.liste .fa-envelope, div.liste i.fa-user-md {color:#3eacd1}

tr.passed, tr.passed i	{background-color:#fff; color:#3eacd1}	/* ligne cita passée */ 
tr.futur, tr.futur i	{background-color:#3eacd1; color:#fff}	/* ligne cita future */ 
tr.pago		{background-color:#d6edf5; color:#3eacd1}				/* ligne pago */
tr.presu	{background-color:#d6edf5; color:#3eacd1; font-style: italic}	/* ligne presupuesto */
tr.gasto  	{color:#3eacd1}										/* ligne gastos */
h2.txtfix  	{margin-top:10px}

tr.rub		{background-color:#3eacd1; color:#fff}				/* dans 'toutes les citas' */

div.dateHead {background-color:#3eacd1; color:#fff; }			/* numero du jour */
td.date		{background-color:#fff}		                	/* case du jour */
td.dateBad	{background-color:#3eacd1; }
td.today	{background-color:#D2EEF2 !important}

.confirmada		{color:#444}
.pendiente 		{color:#4711C4}
.exterieur 		{color:#469B42}
.perso			{color:#3eacd1}
.persoFullDay	{background-color:#3eacd1; color:white}

a i {color:#444} 
.plusmoins i, .lien {color:#444 !important} 

.green	{color:green !important}

/**********/
/* PERIOD */
/**********/

table.capture					{border-spacing:0px; border-collapse:collapse}
table.capture td, table.capture th {border:1px solid #AAA}
table.capture tr td 	  		{padding:0; text-align:center}
table.capture tr td input  		{width:18px; height:24px; border:0; text-align:center; margin:0; padding:0}
table.capture tr td.cat 		{text-align:center; }
table.capture tr td select 		{width:38px; border:0; padding:2px; margin:0}

.center		{text-align:center}
.gris		{background-color:#EEE; padding:2px 4px 2px 4px}
.red		{color:#B70000}
.num		{font-weight:bold}

table.capture i.fa-square {font-size:1.8rem; padding:3px 1px}
table.capture i.fa-tooth {font-size:3.8rem; padding:2px}

.Absent		{opacity:0.2}
.Enfermo	{color:#B70000; font-weight:bold}

/**********/
/* GRAPHE */
/**********/

.real	{color:#0000ff; font-weight:bold}
.cancel	{color:#FF0000; font-weight:bold}
.indef	{color:#808080; font-weight:bold}

.first	{color:#0000ff; font-weight:bold}
.trat	{color:#FF0000; font-weight:bold}
.rev	{color:#808080; font-weight:bold}
.mtto	{color:#04B404; font-weight:bold}

/*********/
/* MODAL */
/*********/

#overlay 	{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); }
#modal 		{position:absolute; border-radius:14px; padding:8px; }
#content 	{border-radius:8px; background:#fff; padding:10px; margin:30px; line-height:18px}
#close 		{position:absolute; background:url(../close.png) 0 0 no-repeat; width:36px; height:36px; display:block; text-indent:-9999px; top:-9px; right:-9px; margin:30px; }
#content i	{font-size:1.8rem; padding:0px; float:none; position:static; }

/*********/
/* MOVIL */
/*********/

@media (max-width: 1000px) {
	body		{margin:2%; background-image:none}

	div.frame11, div.frame12s, div.frame12, div.frame22	{width:100%; margin:0 0 2% 0}
	div.frame13, div.frame23, div.frame33				{width:100%; margin:0 0 2% 0}
	div.frame14, div.frame24, div.frame34, div.frame44	{width:100%; margin:0 0 2% 0}

	div.liste	{column-count:1}

	table.liste tr {font-size:1.2rem}
	.listeNom, .listeNomGras, .persoFullDay {font-size:1.3rem}

	td.date		{border:0px solid #c1e4f0; height:50px}

	div.formG				{width:30%; text-align:left}
	div.formD, div.formd	{width:65%; text-align:left}
	div.formd input			{width:100%}

    .legende    {font-size:1.1rem}
    .legende i  {font-size:0.9rem}

	div.help	{display:none}
	.nocel		{display:none}
}

/*********/
/* PRINT */
/*********/

@media print {
	body	{background-color:#FFF; margin:0; font-size:1.0rem} 
	#menu, #footer {display:none}
	input[type=button], input[type=submit] {display:none}
	.frame 	{padding:0; }

	div.frame13, div.frame23, div.frame33				{width:100%; margin:0 0 2% 0}

	h2	{font-size:1.7rem; padding:4px 0px 2px 0px}
	h3	{font-size:1.3rem; padding:4px 0px 2px 0px}
	.gris 	  	{color:#222}
	table.capture tr td 	  	{padding:2px}
	table.capture tr td input   {font-size:1rem; width:12px; height:16px}
	table.capture i.fa-square	{font-size:1.2rem}
	table.capture i.fa-tooth 	{font-size:4.1rem}

	table.liste td	{color:#000; font-size:1.6rem}
	.noprint	{display: none}
}