/* Main Style Sheet for jQuery Calendar */
div.evenements {
    width              : 600px;
}
div#calendrier {
	float				: left;
	width				: 230px;
	height				: 450px;
}
div#title_calendar {
    color               : #fff;
    width               : 170px;
    text-align          : center;
    border-bottom       : 1px solid #fff;
    margin-left         : 22px;
}


#calendar_div, .calendar_inline {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 13px;
    background          : #242a66;
    margin-left         : 22px;
    _margin-left        : 13px;
    width               : 180px;
    height              : 180px;
}

#calendar_div {
  /*  display            : none;
    z-index            : 10; /*must have*/
}

#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
    width              : 170px;
}

.calendar_inline {
 /*   float              : left;
    display            : block;
    border             : 0;*/
    height              : 100px;
    width               : 180px;
}

.calendar_dialog {
/*  padding            : 5px !important;
    border             : 4px ridge #ddd !important;*/
}

button.calendar_trigger {
 /*   width              : 25px;  */
}

img.calendar_trigger {
 /*   margin             : 2px;
    vertical-align     : middle;  */
}

.calendar_prompt {
 /*   float              : left;
    width              : 246px;
    padding            : 2px;
    background         : #ddd;
    color              : #fff;*/
}

* html .calendar_prompt {
 /*   width              : 185px;*/
}

.calendar_control, .calendar_links, .calendar_header, .calendar {
    clear              : both;
    color              : #000;
}

.calendar_control {
 /*   background         : #400;  */
}

.calendar_links {
    background         : #242a66;
    z-index            : 10;
    width              : 180px;
    font-size			: 11px;
}

.calendar_control, .calendar_links {

}

.calendar_clear, .calendar_prev {
    text-decoration     : none;
    font-size			: 11px;
}

.calendar_current {
    display             : none;
}
.calendar_close, .calendar_next {
    text-decoration     : none;
   
}

.calendar_header {
     background       : #242a66;
    text-align         : center;
    font-weight        : bold;
    color              : #fff;
}
.calendar_header select {
    color              : #fff;
}

.calendar {
    text-align         : center;
    font-size          : 13px;

}

.calendar a {
    display            : block;
    width              : 100%;
    text-decoration    : none;
}
.calendar .calendar_titleRow {
    background         : #242a66;
    color              : #fff;
}

.calendar .calendar_titleRow td {
  /*  border: 1px solid #3C3D42 !important;*/
  border-bottom        : 1px solid #fff;
}

.calendar .calendar_daysRow {
    background         : #c6cde7;
    color              : #000;
    font-size          : 10px !important;
}

.calendar .calendar_daysCell {
    color              : #000;
/*  border: 1px solid #3C3D42;*/
    font-size          : 13px !important;
}
#calendar .calendar_daysCell a{
    display            : block;
}

.calendar .calendar_weekEndCell {
/*    background         : #91BFE0;*/
}

.calendar .calendar_daysCellOver {
   /* color               : #000;
    background         : #91BFE0;
    border: 1px solid #777;*/
}

.calendar .calendar_unselectable {
  /*  color                  : #555;
    background         : #91BFE0;  */
}
.calendar_today {
    background             : #242a66 !important;
 /*   border          : 1px solid #f00 !important;*/
}
.calendar_currentDay {
    background             : #242a66 !important;
    color                  : #fff !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
    cursor                 : pointer;
    margin                 : 0;
    padding                : 0;
    background             : none;
    color                  : #fff;
    text-decoration        : none;
}

.calendar_inline .calendar_links a {
    padding                : 0 !important;
}
.calendar_control a, .calendar_links a {
    padding                : 0 !important;
    color                  : #fff !important;
    font-size              : 11px !important;
}

.calendar_titleRow a {
/*    color                  : #A6002D !important;
    font-size              : 13px !important;  */
}
.calendar_control a:hover {
 /*   background             : #fdd !important;
    color                  : #A6002D !important;
    font-size              : 13px !important;  */
}


.calendar_links a:hover, .calendar_titleRow a:hover {
    /*background: #A6002E !important;
    background             : transparent !important;
    color                  : #000 !important;
    text-decoration        : none;
    font-size              : 13px !important;  */
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: none; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: 1; /*must have*/

    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/
}

/* -----------------------------------------------------------------------*/
/* ---------->>> Format de la cellule s'il y a un événement <<<-----------*/
/* -----------------------------------------------------------------------*/

.evenement {
    color               : #000 !important;
}

.evenement a {
    color               : #fff !important;
}

/* ----------------------------------- */
/* ---------->>> AGENDA <<<----------- */
/* ----------------------------------- */

div.date, div.ficheevenement div.titre {
    color               : #304E70;
    font-weight         : bold;
    font-size           : 18px;
    margin-bottom       : 20px;
}

div.unevenement {
    margin-bottom       : 10px;
}

div.unevenement div.titre {
    font-size           : 13px;
    font-weight         : bold;
    color               : #A6002E;
    float               : left;
}

div.ficheevenement div.titre {
    font-size           : 13px;
    font-weight         : bold;
    color               : #A6002E;
}

div.unevenement div.lieu {
    /*float             : right;*/
    font-weight         : bold;
    font-size           : 11px;
    color               : #333333;
}

div.unevenement div.entite {
    font-size           : 12px;
    font-weight         : bold;
    color               : #333333;
}

div.unevenement div.dates {
    font-size           : 12px;
    font-weight         : bold;
    color               : #333333;
}

div.ficheevenement div.titre {
    font-size           : 16px;
}

div.ficheevenement {
    font-size           : 13px;
}

div.ficheevenement div.date {
    font-size           : 13px;
    font-weight         : normal;
    color               : #000;
}

div.ficheevenement div.lieu {
    float               : right;
    font-size           : 13px;
    font-weight         : normal;
    color               : #000;
}

div.ficheevenement div.retour {
    font-weight         : bold;
    text-align          : right;
}

div.ficheevenement a, div.ficheevenement a:link, div.ficheevenement a:visited, div.ficheevenement a:hover, div.ficheevenement a:active {
    color               : #A6002E;
    font-size           : 11px;
}

div.ajouter_favoris {
    text-align          : right;
}

a.savoir_plus, a.savoir_plus:link, a.savoir_plus:visited, a.savoir_plus:hover, a.savoir_plus:active {
    color               : #A5002D;
}

table.calendar_legend {
    padding             : 10px;
}

table.calendar_legend td {
    padding             : 5px;
}

table.agenda_impression {
    width               : 100%;
    border-collapse     : collapse;
}

table td {
    padding             : 5px;
}

table td.pair {
    background          : #000;
}

table td.impair {
    background          : #000;
}