@charset "iso-8859-1";

/* --------------------------------------
/* CLIENT: Démo Cabinet Médical
/* --------------------------------------

bleu clair: #69C
Bleu foncé: #06C
Orange: #F60

/* BALISES GENERALES */
* {margin: 0; padding: 0;}
html, body {height: 100%;}

body {
	font-family: verdana, helvetica;
	font-size: 12px;
	background-color: #FFF;
	color: #666;
	text-align: center;
}
ul {margin-left: 50px;}
li {list-style-image: url(../images/fleche_bleue.png);}
p {text-align: left; color: inherit;}
h1 {font-size: 2em; text-align: left; text-decoration: none; color: inherit; margin: 1em auto;}
h4 {color: inherit; text-align: left; padding-left: 10px; margin: 10px auto 5px;}
hr {color: #AAA;}
table, td {font-size: 1em;}
b { color: inherit;}
input {margin: 2px;}
li {list-style-type: square;}
input.bouton {background-color: #69C; color: #FFF; font: normal bold 1.2em tahoma; margin: 10px auto; padding: 2px 20px;}
option {color: #777; padding: 0 2px;}
img.puce {border: 0; margin: 0 5px; vertical-align: middle;}
a {font-family: tahoma;}
a:link {color: #F60; text-decoration: underline;}
a:visited {color: #F60; text-decoration: underline;}
a:hover {color: #69C; text-decoration: none;}
a:active {color: #000;}
.couleur {color: #69C;}
.indication {font: italic 0.9em arial;}
.indication a:link, .indication a:visited, .indication a:hover {color: black; text-decoration: underline;}
.msg_client {padding: 5px; text-align: center; color: white; background-color: #69C;}
.msg_client h4 {color: black; margin-top: 2px; font-size: 1.2em; border-bottom: 2px white dotted;}
.important {font-weight: bold; color: #F00; font-size: 1em;}
.titre {
	color: #FFF;
	background-color: #69C;
	height: 30px;
	padding: 5px 5px 3px 5px;
	border: 0px #06C solid;
	border-bottom: 1px #777 solid;
	text-align: left;
	font-size: 1.1em; font-weight: bold;
	font-family: arial, "trebuchet ms", arial;
}
td.num {width: 50px; text-align: center; vertical-align: top;}
div.encadre {
	padding: 5px; border: 2px #69C dashed; background-color: transparent; font-size: 1em;
	margin: 1em auto; text-align: left;
}

/* BANDEAU SUPERIEUR */
#bandeau_sup {
	margin: 0 auto;
	width: 1000px; height: 170px;
	border: 1px #DDD solid;
	border-width: 0 1px;
	background-color: #F1F1F1;
}
#bandeau_sup img {width: 467px; height: 140px; border: 0; float: right; margin: 3px;}
.menu_horiz {height: 20px; width: 980px; color: #FFF; border: 0px black solid; clear: both; background: #69C url(../images/fond20.png) repeat-x; font: bold 10pt arial, tahoma; padding: 1px 10px; margin: 0 auto;}
div.bloc_vert { float: left; height: 20px;}
div.bloc_vert a {color: #FFF; text-decoration: none;}
div.bloc_vert a:hover {text-decoration: none; border-bottom: 7px red solid; color: #FFF;}
div.bloc_vert a:visited {color: #FFF; text-decoration: none;}
#info_pro {width: 270px; text-align: left; padding: 5px;}
#info_pro h1 {color: inherit; font-size: 15pt; font-family: arial; margin: 5px 2px 20px 2px; border-bottom: 3px #666 solid; text-decoration: none;}
#info_pro p {font: bold 1.5em "trebuchet ms"; color: inherit; text-align: center;}

/* INDEX */
.etablissement {width: 280px; height: 80px; margin: 10px; padding: 5px; float: left; border: 2px #69C solid; background-color: #DDD; color: black;}
.etablissement a {display: block; text-align: right; font-size: 1.2em; margin-top: 1em; font-style: italic;}

/* BLOCS PRINCIPAUX */
#infos_client {
	background-color: transparent; border: 0px #777 solid;
	color: inherit; font-size: 1em;
	width: 100%; height: 25px;
	margin: 10px auto;
	padding: 2px;
}
#infos_client marquee {width: 950px; margin-top: 5px; color: inherit; font: bold 1.2em tahoma;}

#main_tab {
		  width: 980px; min-height: 1000px;
		  margin: 0 auto;
		  /*height: 400;*/
		  color: inherit;
		  background-color: #F1F1F1;
		  border: 1px #DDD solid;
		  border-width: 0 1px;
		  padding: 1px 10px 5px 10px;
		  text-align: left;
		  position: relative; top: 0; left: 0;
}

/* ELEMENTS DE L'APPLICATION */
#conteneurPlanning {float: right; border: 2px #06C solid; width: auto; margin-top: 1em;}
#conteneurPlanning p {font-size: 0.5em;}   
#legende {width: 450px; height: 20px;}
#legende div {float: left;}
div.lgd {width: 15px; height: 8px; margin: 3px; border: 1px black solid;}
#annulation_form {width: 453px;}
#calendrier {margin: 10px 0; width: 450px; height: 200px; border: 2px #06C solid; background-color: #FFF; text-align: center;}
#bloquer_form {color: black; background-color: #FFF; }
#rechID {width: 200px; height: 40px; color: inherit; background-color: #EEE; border: 1px #CCC solid; float: left; position: relative; top: 0; left: 0;}
#pseudobox {color: black; background-color: white; position: absolute; top: 40px; left: 0; z-index: 50; width: 200px; padding: 5px; border: 1px black solid; text-align: left;}

/* dates possibles (si option_reservationNjours = true) */
#dates_possibles {width: 300px; background-color: white; margin: 10px 0px; border: 2px #06C solid;}
#dates_possibles ul {margin-left: 20px;}
#dates_possibles li {list-style-type: square; color: #000;}
#dates_possibles p {padding: 5px;}
#dates_liste_deroulante {margin-left: 25px;}
#dates_liste_deroulante select {width: 100%; border: 0;}
#dates_liste_deroulante option {background-color: inherit; color: #69C; font-weight: bold;}

/* lien revenir à aujourd'hui */
#revenirToday {
	margin: 2px 0 0 50px; float: right; display: block;
	padding: 3px;
	height: 20px;
	color: white;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px white solid;
	background-color: #06C;
	text-transform: uppercase;
}
#revenirToday:visited {color: #FFF;}
#revenirToday:hover {color: #AAA; text-decoration: none;}
#revenirToday:active {color: #FFF; text-decoration: none; position: relative; top: 1px;}

/* formulaire de réservation */
#formulaire {
	color: black;
	width: 450px; min-height: 300px;
	border: 2px #06C solid;
	background-color: #FFF;
	text-align: center;
}
#formulaire fieldset { padding: 5px; text-align: center; width: 90%; display: block; margin: 10px auto; -moz-border-radius: 10px; border-color: #69C;}
#formulaire legend {color: #69C; font-weight: bold;}
#desc_rdv {background-color: #EEE; border: 1px #CCC solid; padding: 0px 5px; color: red; font-weight: bold; margin: 3px auto;} 

#annulation_form {color: black; background-color: #FFF; border: 2px #06C solid;}
#annulation_form td {padding: 1px 5px;}

/* planning */
table.planning {color: #777; background-color: #06C; border: 0px #777 solid; float: left; width: 160px; border-collapse: collapse;}
table.planning td {border: 1px #06C solid;}
.rdv_pris {background: #FFF url(../images/fond_rdvpris.png) no-repeat center; text-align: center; color: #FFF;}
.rdv_libre {background-color: #FFF;}
.rdv_bloque {background-color: #03F; color: #FFF;}
.rdv_libre, .rdv_pris {width: 70%; font-size: 0.9em;}
.case_vide {font-size: 1em; background-color: #06C; height: 35px;}
/* classes pour les clients spéciaux */
.rdv_37 {background-color: #FFE000; text-align: center; color: #000;} /* occupation perso */
.rdv_38 {background-color: #486CE8; text-align: center; color: black;} /* occupation pro */
/* ID client toujours visible. Ici: cours collectif */
.rdv_39 {background-color: #FF9500; color: white; text-align: center;}
td.service {font-size: 1.3em; font-weight: bold; text-transform: uppercase; text-align: center; color: #FFF;}
td.msg_planning {color: #777; background: black; text-align: center; padding: 3px;}
.rdv {padding: 5px 10px; font-size: 1em; color: black; background: #FFF;}
.bande {background-image: url(../images/fond_titre.jpg);}
.employe {font-family: verdana; font-size: 1em;}
.heure {font-size: 0.9em; color: #FFF; vertical-align: top; height: 35px; width: 30%; font-weight: normal; text-align: center;}

img.bulle {margin: 1px; border: 0; width: 15px; height: 11px; z-index: 5;}
img.numero {border: 0; width: 15px; height: 20px; margin: 0 5px 5px; float: left;}

/* lien BULLE en mode admin */
div.aide {position: relative; top: 0; left: 0; width: 10px; height: 10px; display: inline; margin: 0 2px;z-index: 5;}
div.bloc_aide {
	width: 200px;
	border: 1px black solid;
	padding: 5px;
	background: #FFC;
	color: black;
	font: bold 1.2em arial;
	text-align: left;
	visibility: hidden; z-index: 20;
	position: absolute;
	top: -30px; left: 20px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* CALENDRIER */
.calendarNav1, .calendarNav2 {font-size: 10px; font-style: normal; background-color: #FFF;}
.calendarTop1, .calendarTop2 {font-size: 11px; font-style: normal; color: #FFF; font-weight: bold;  background-color: #06C; height: 18px; text-align: center;}
.calendarToday1, .calendarToday2 {font-size: 10pt; font-weight: bold; color: #FFF; background: url(../images/pucebleue20.png) no-repeat center; text-align: center;}
.calendarDays1, .calendarDays2 { width: 30px; height: 20px; font: bold 10pt arial; color: black; background-color: #FFF; text-align: center; border: 1px #69C solid;}
.calendarHL1, .calendarHL2 { width: 30px; height: 20px; font-size: 10px; font-style: normal; color: #AAA; background-color: #AAA; text-align: center; text-decoration: line-through;}
.calendarHeader1, .calendarHeader2 {font-size: 9px; font-weight: bold; background-color: #A9B4B3; color: #FFF; text-align: center;}
.calendarTable1, .calendarTable2 {  background-color: #FFF; border: 1px #69C solid; margin: 3px; border-collapse: collapse;}

/* liens calendrier */
a.cal:link {color: #69C; text-decoration: none;}
a.cal:visited {color: #69C; text-decoration: none;}
a.cal:hover {color: #FFF; background-color: #69C; text-decoration: none; font-weight: bold;}
a.cal:active {color: blue; }

/* lien MediaPro DX */
a.mpdx {font-size: 12px; color: #444; font-family: tahoma;}
a.mpdx:hover {text-decoration: none;}
a.mpdx:visited {color: #444; text-decoration: none;}
a.mpdx:active {font-weight: normal; text-decoration: none;}

/* PROFILS/COMPTES */
#formprofil {width: 500px; border: 2px #06C solid; margin: 1em auto;}
#tableau_bord {width: 500px; border: 2px #06C solid; margin: 1em auto;}
/* faq */
/* pour cacher/montrer les réponses dans la faq */
.cachediv {
	visibility: hidden;	overflow: hidden;
	height: 1px;
	margin-top: 5px;
	position: absolute;
}
.montrediv {
	background-color : transparent;
	border-width: 0 0 0 5px;
	border-color: #DDD #DDD #DDD #777;
	border-style: solid;
	color: inherit;
	padding: 3px;
	margin: 10px auto;
}

/* CONTACT */
#contact_form {border: 2px #06C solid; color: inherit; margin: 1em auto;}