/**********************************************************************/
/* @file calendrier.css                          	          		  */
/* @brief Ce fichier met en forme le calendrier de l'intranet du CDES */
/**********************************************************************/
/* @htmlinclude copyright_mediaprojets.html                		      */
/* @since 2011-03-30                                       		      */
/* @date 2011-03-30                                       		      */
/* @author Didier RIBIERE                                  		      */
/**********************************************************************/

/**********************************************************************/
/*  STYLE GENERAL                                                     */
/**********************************************************************/

br { clear: both; }
html { font-family: Helvetica; font-size: 13px; }
.rdv { cursor: pointer; vertical-align: center!important; }
/** Tableau **/
div.calendrier { margin: 5px 7px 0 0; float: left; }
.taille_6_mois{width: 200px;}
.taille_3_mois{width: 404px;}
.taille_2_mois{width: 600px;}
.taille_1_mois{width: 1200px;}
table { border-width: 1px; border-style: solid; border-color: black; float: left; }
caption { border: solid #bbb; border-width: 2px 2px 0; line-height: 30px; vertical-align: middle; background: #eee; }
tr { line-height: 1em; }
.calendrier td, .calendrier th { border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ddd; border-left-color: #bbb; border-right-color: #bbb; width: 142px; }
tr.listDiplome { background: #000; color: #FFF; height: 30px; }
tr.listDiplome th { border: 0; }
.dayInfo { width:20px !important; }
tr.weekend td, tr.weekend td:hover { background: #CCCCCC; }
th.headInfoDay { width: 42px; }
td.empty:hover{ cursor: pointer; background: #eee; }
/*.vacA { display: none; }*/
.vacances { width: 0px !important; border:0 1px 0 0 !important; }
tr .vacances:first { border: 0; }
.vacA .dayInfo { background-color: #E9D4E8; }
.vacB .vacances { width:3px !important; background: #90278E !important; border-bottom-color: #90278E; border-top-color: #90278E; }
.vacC td { background: #CCCCCC !important; }

.vacScolaire .dayInfo { background-color: #E9D4E8; }
.vacFerie td { background: #CCCCCC !important; }
.vacScolaire .vacances { background-color: #FFFFFF; }
.vacCDES .vacances { width:3px !important; background: #90278E !important; border-bottom-color: #90278E; border-top-color: #90278E; }

.sem1, .sem1:hover { background: #075475!important; vertical-align: center!important; }
.sem2, .sem2:hover { background: #2F771C!important; vertical-align: center!important; }
.sem3, .sem3:hover { background: #BE1E2D!important; vertical-align: center!important; }
.sem4, .sem4:hover { background: #63B3BE!important; vertical-align: center!important; }
.sem5, .sem5:hover { background: #E8D700!important; vertical-align: center!important; }
.sem6, .sem6:hover { background: #3d3230!important; vertical-align: center!important; }
.sem7, .sem7:hover { background: #EB1603!important; vertical-align: center!important; }
.sem8, .sem8:hover { background: #93C01F!important; vertical-align: center!important; }
.sem9, .sem9:hover { background: #E87D1B!important; vertical-align: center!important; }
/* couleur pour un prochain diplome : ED5475*/

.sem-1, .sem-1:hover { background: #F9B800!important; }
td.rdv{ color:#FFF; text-align: center; font-weight: bold; font-size: 10px; vertical-align: center!important; }

/**********************************************************************/
/*  PROPRE A LA VUE CALENDRIER RECHERCHE                              */
/**********************************************************************/

div#ViewCalendrierRecherche { width: 100%; border: solid #be1e2d ; border-width: 2px 0; padding: 15px 0; display: block; clear: both; }
div#ViewCalendrierRecherche form { margin: 0 0 0 15px; width: 1200px; }
div#ViewCalendrierRecherche label { margin: 0 10px 0 0 }
div#ViewCalendrierRecherche span label { margin: 0 20px 0 0 }
div#ViewCalendrierRecherche select { margin: 0 40px 0 0 }
div#ViewCalendrierRecherche input { margin: 0 5px 0 0 }
div#ViewCalendrierRecherche input.annee { width: 35px; text-align: right; }
div#ViewCalendrierRecherche input.nb_mois { width: 25px; text-align: right; margin: 0 5px 0 0; }
div#ViewCalendrierRecherche label.nb_mois { margin-left: 36px }
div#ViewCalendrierRecherche form .submit { margin: 0px 0px 0px 30px; }
div#ViewCalendrierRecherche .printCal { width: 80px; }

/**********************************************************************/
/*  PROPRE A LA VUE CALENDRIER                                        */
/**********************************************************************/

div#ViewCalendrier { display: block; clear: both; }
div#ViewCalendrier div.impression { margin: 3px 0px 0px 0px; float: right; }
div#ViewCalendrier div.trimestre { clear: both; }
div#ViewCalendrier div.trimestre div { display: inline-block; }