p,body{font-size: 10pt; font-family:arial,sans-serif;
background-color:white}

input,textarea,submit {color:black; font-size: 10pt; font-family:arial,sans-serif}
FORM {margin-bottom:5pt;margin-top : 5pt    }

.small {font-size:0.8em}
.larger {font-size:1.4em}

A:link {color:#000066; font-weight: bold; text-decoration: none}
A:visited {color:#000066; font-weight: bold; text-decoration: none}
A:hover {color:red; text-decoration:underline}

h1 {color:black; font-family:verdana,sans-serif; font-size:16pt}
h2 {color:black; font-family:verdana,sans-serif; font-size:14pt}
h3 {color:black; font-family:verdana,sans-serif; font-size:12pt}

td {font-size:10pt; font-family:arial,sans-serif; border-width:1px; vertical-align:top}

td.CR { vertical-align: middle; text-align: right}
td.CL { text-align: left}
td.BR { vertical-align: baseline; text-align: right}
td.BL { vertical-align: baseline; text-align: left}
td.TR { vertical-align: top; text-align: right}
td.TL { vertical-align: top; text-align: left}

/* Mise en forme de l'affichage de la date et de l'heure */
.clock {
font-size: 1em;
}

.fontcolor1{color:white}
.fontcolor2{color:#99CCFF}
.fontcolor3{color:#99CCFF}
.fontcolor4{color:#000066}

.bground {background-color:#99CCFF}
td.border_banner {background-color:#000066}
td.banner {vertical-align:middle; background-color:#99CCFF}
th {
color: black;
font-size:10pt;
font-family:verdana,sans-serif;
background-color: white;
border-width:1px;
border-color:black;
vertical-align:top
}
/* Vues Journée et semaines. Mise en forme :
   - des premières et dernières colonnes du planning
	- de la 2ème ligne du planning */

.bigcalendar {
    border-collapse: collapse;
}

.bigcalendar th, .bigcalendar td.empty_cell, .bigcalendar td.cell_month, .bigcalendar tr.bigcalendarHeader td.cell_hours {
    border: solid 1px #e1f2fa;
    padding: 0;
    font-size: 1.1em;
}

.bigcalendar th div {
    height: 45px;
}

.bigcalendar th div.theday, .bigcalendar td a.theday span {
    background-color: #e1f2fa;
    width: 100%;
    height: 20px;
    padding: 3px 0;
}

.bigcalendar.day_cal th div.theday {
    height: 60px;
}

.bigcalendar td.cell_hours {
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
}

.bigcalendar tr.border_bottom td, .bigcalendar td.border_bottom {
    border-bottom: solid 1px #e1f2fa;
}

.bigcalendar tr.border_top td, .bigcalendar td.border_top {
    border-top: solid 2px #e1f2fa;
}

.bigcalendar td.cell_hours.border_top {
    border-top: solid 1px #e1f2fa;
}

.bigcalendar tr td.reservation {
    padding: 5px;
/*    border: dotted 2px black; */
}

/* Vues week_all et toutes les vues mensuels :
   mise en forme des cellules lorsqu'il il a au moins une réservation */
td.cell_month {
  background-color:white;
}
/* Vues par mois (month, month_all et month_all2) : mise en forme des cellules "hors mois" */
td.cell_month_o {background-color:#cccccc;}
/* Mise en forme des plages libres */
.empty_cell {
	background-color: White;
	text-align: center;
	vertical-align: middle;
}
.empty_cell:hover {
    cursor: pointer;
}
.empty_cell a img {
    visibility: hidden;
}
.empty_cell:hover a img {
    visibility: visible;
}
/* Vues month et month_all2 : mise en forme du numéro du mois dans les cellules */
.monthday {
	font-size: 1.1em;
}

table.calendar {
    border: solid 1px #e1f2fa;
    border-collapse: collapse;
    height: 156px;
}

.calendar td {
    padding: 3px;
}

.calendar .cal_current_day {
    color: red;
}

.calendar .week {
    background-color: #2AD7E0;
}

.calendar td.calendar {
    border: 0px;
    font-size: 8pt;
}

.calendar td.calendarcol1 {
    font-size: 8pt;
    border-right: 1px solid #e1f2fa;
}

.calendar .calendarHeader td {
    font-size: 10pt;
    background-color: #e1f2fa;
}

.center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.avertissement {
background-color:#FF8585;
text-align:center;
}

td.calendar2 {text-align:center; border:2px; font-size: 8pt}
td.calendarHeader2 {text-align:center; border:0px; font-size: 10pt; width: 200px;}
.formo {width: 100%; background-color: #FFF0E0; background-position: center bottom; float: none; color: #000000}
.fondo {background-color: #FFF0E0; background-position: center bottom; float: none; color: #000000}
.fondl {background-color: #CCCCCC; background-position: center bottom; float: none; color: #000000}

/* La colonne de gauche de l'administration
------------------------------------------*/
#colgauche fieldset{
    border:1px solid #000000;
    margin:10px;
    padding:10px;
}
#colgauche  fieldset legend{
    color:#000000;
    margin-bottom:5px;
}
#colgauche  fieldset ul{
    margin: 0;
    padding-bottom:0;
    padding-top:0;
    padding-left:10px;
}
#colgauche  fieldset ul li{
    list-style-type:disc;
}
td.colgauche_admin {
    width: 25%;
}

div.tooltip{
	color: Black;
	margin-bottom: 5pt;
	background: #FFB200;
	margin: 5px;
	padding: 5px;
}
/* toutes les images */
.image {
	border: none;
	vertical-align: middle;
}
/* les titres dans tous les plannings (journée, semaine, mois) */
.titre_planning {
	color: black;
	text-align: center;
	font-size: 2em;
	line-height: 35px;
}
/* Tous les textes en petits caractères dans les plannings week_all, month et month_all */
.small_planning {
   font-size: 0.7em;
}
/* le div du lien imprimable */
.format_imprimable {
  text-align: center;
}
/* Ressources temporairement indisponible */
.texte_ress_tempo_indispo {
	color: #BA2828;
	font-weight: bold;
}
/* couleur pour les ressources modérée */
.texte_ress_moderee {
	color: #BA2828;
	font-weight: bold;
}

/* page width */
body > table, body > p, body > div, body > form, body > h1, body > h2, body > h3, body > ul, body > fieldset {
    width: 1000px;
    margin: 15px auto !important;
}

body.contact > table, body.contact > p, body.contact > div, body.contact > form, body.contact > h1, body.contact > h2, body.contact > ul {
    width: auto;
}

body.contact {
    margin: 0 20px;
}


/* menu images */
.button_day, .button_week, .button_month, .button_today, .button_year, .button_year b {
    border: solid 1px transparent;
    vertical-align: middle;
    padding: 2px 2px 2px 22px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 2px 2px;
    margin-right: 7px;
}

.button_day:hover, .button_week:hover, .button_month:hover, .button_today:hover, .button_day.active, .button_week.active, .button_month.active {
    border: solid 1px black;
    background-color: #EDF1D5;
    cursor: pointer;
}

.button_day {
    background-image: url("../img/wdCalendar/icons/cal-day.gif");
}

.button_week {
    background-image: url("../img/wdCalendar/icons/cal-week.gif");
}

.button_month, .button_year b {
    background-image: url("../img/wdCalendar/icons/cal-month.gif");
}

.button_today {
    background-image: url("../img/wdCalendar/icons/date.png");
}

.button_year {
    padding-left: 0;
}

.button_year a {
    margin-left: 3px;
    vertical-align: middle;
    color: black;
    font-weight: normal;
    padding-top: 1px;
}

.button_year b {
    margin-right: 0;
    padding: 0 0 0 15px;
}

b.caret {
    margin-left: 5px;
}

.domain_page {
    margin-bottom: 10px;
    border-bottom: dotted 1px black;
}

.brand {
    width: 100%;
    text-align: center;
}

.calendar_shortcuts {
    width: 230px;
}

.calendar_shortcuts select, #start_day, #start_month, #start_year, #end_day, #end_month, #end_year, #rep_end_day, #rep_end_month, #rep_end_year, .CL input[name=hour], .CL input[name=minute], .CL input[name=end_hour], .CL input[name=end_minute] {
    width: 70px;
    margin-right: 5px;
}

.CL input[name=rep_type] {
    margin-right: 5px;
}

select, input {
    vertical-align: sub;
}

.calendar_shortcuts br {
    margin-bottom: 10px;
}

.login_page {
    background-color: #e1f2fa;
    width: 500px;
    border: dotted 2px #DDDDDD;
}

.login_page p {
    background: none;
}

.login_page .fontcolor3 {
    color: black;
}

#objet_message {
    display: block;
}

.contact td {
    width: 235px;
}

table.bigcalendar td {
    width: 10%;
}

.style_admin, .style_gestionnaire_utilisateur {
    font-weight: bold;
}

.style_visiteur {
    color: #ee7700 !important;
}

/* help page */
body.help > * {
    width: 735px;
}

body.help > div {
    margin-top: 5px !important;
    border-top: solid 1px #cccccc;
    padding-top: 5px;
}

body.help > div.submenu {
    border: none;
    padding-top: 0;
}

body.help > h1 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

body.help > h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 26px !important;
    font-size: 18px !important;
}

body.help > div > h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 18px !important;
    font-size: 15px !important;
}

body.help > div > h3.hide, body.help > div.hide {
    display: none;
}

body.help > div.submenu {
    margin: 0 60px !important;
}

body.help p, body.help li {
    text-align: justify;
}

body.help th, body.help td {
    padding: 5px;
    border: solid 1px #cccccc;
}