/*
Ce fichier : tout ce qui est spécifique au calendrier.
Désactive une bonne partie des styles PrimeFaces
*/

/* Clearfix
http://nicolasgallagher.com/micro-clearfix-hack/
==============================================================================
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* end Clearfix */


/* Global
==============================================================================
*/
body {
    font-family: verdana,  sans-serif;
    font-size: 0.8em;
    color: #0c4600;
}
a, a:visited {
    color: #011F53;
}
table {
    border-spacing: 0;
}
li {
    margin-left: -20px;
    margin-bottom: 5px;
}

#wrapper {
    margin: 0 auto;
    max-width: 960px;
    margin-bottom: 70px;
    /*line-height: 1.6em;*/
}
#menu-and-content {
    border: 1px solid #001944;
}
#content1 {
    float: left;
    width: 590px;
}



/* Menu
==============================================================================
Yahoo Pure css
 ex : http://purecss.io/layouts/marketing/
 */
/*#main-menu .pure-menu-heading {
    color: white;
    font-weight: 400;
    font-size: 120%;
    padding: 0 50px 0 0;
}

#main-menu .pure-menu-selected a {
    color: white;
}
#main-menu .pure-menu-selected a:hover {
    background: none;
}*/
#main-menu {
    background-color: #011F53;
    background: url("/javax.faces.resource/default/img/bar-bkg-sprite.png.xhtml") repeat-x;
    background-position: -0px -200px;
}
#main-menu a {
    color: #CBE5FF;
    background: url("/javax.faces.resource/default/img/bar-bkg-sprite.png.xhtml") repeat-x;
    background-position: -0px -300px;
    height: 1.3em;
    font-size: 1.1em;
    vertical-align: middle;
}
#main-menu a:hover,
#main-menu a:focus {
    background-color: #005cff;
    /*border: none;*/
    color: white;
}

/* Home
============================================================================== */
#home-intro {
    color: rgb(88, 166, 43);
}

.home-app-cell {
    width: 285px;
    background-color: #ffffff;
}
.home-cal-title {
    text-align: center;
}
#home-cal-thumb {
    background: url("/javax.faces.resource/default/img/calendrier-lunaire.png.xhtml") no-repeat;
    width: 277px;
    height: 252px;
}
.home-cal-desc {
    padding: 8px;
}
/*@supports (text-justify: newspaper) {
    .home-cal-desc  {
        text-align: justify;
        text-justify: newspaper;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}*/
.home-cal-country, .home-cal-info {
    float: left;
    padding-right: 10px;
    width: 22px;
    height: 22px;
}
.home-cal-info {
    background: url("/javax.faces.resource/default/img/info.png.xhtml") no-repeat;
}
.home-cal-country {
    background: url("/javax.faces.resource/default/img/browser.png.xhtml") no-repeat;
}

#cal-title {
    margin-bottom: 5px;
}
#cal-title-sub-wrapper {
    padding-bottom: 15px;
}
#cal-title-sub {
    float: left;
    margin: 0 30px 5px 0;
}
/* used inside the resource bundle (for France timezone : Suisse etc…) */
.timezone-sentence-detail {
   font-size: 0.8rem;
}
#cal-title, #cal-title-sub {
    color: #00338C;
}
#timezone {
    float: left;
}


/* quand gérés par une grid Pure
ne pas mettre de border (en tout cas à la 2e col), car fait sauter à la ligne
Mettre les borders dans des sous divs */
#form {
    /* si pureCss PAS DE PADDING, PAS DE BORDER ! */
    padding: 10px;
}
/* "computing" dialog */
.computing-dialog.ui-dialog {
   /* width: 250px;   */
}
.computing-dialog.ui-widget-content, .timeout-dialog.ui-widget-content {
    background-color: #ffffff;
}
.computing-txt {
    padding-left: 10px;
}
.computing-img {
    background-image:url("/javax.faces.resource/default/img/ajaxloadingbar.gif.xhtml");
    width: 220px;
    height: 19px;
    margin-top: 10px;
}
/*
#compute-dialog-bkg {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}*/
/* new */
#calendar {
    float: left;
    width: 590px;
}

.calendar-inner-table {
    margin: 10px 10px 0 0;
    border: 1px solid green;
    /*margin-bottom: 10px;*/

    /* for glow effect on hover */
    /*border-collapse: separate;
    border-spacing: 0 10px;*/
}
#side-column {
    /* si pureCss PAS DE PADDING, PAS DE BORDER ! */
}
/* new */
#side-column {
    float: left;
    margin-right: 10px;
}

#side-column-content {
    margin: 10px 0 0 0;
}
#top-pb {
    /*border: 1px solid gray;*/
    height: 90px;
    width: 928px;
    margin: 0;
}
#side-pb {
    /*border: 1px solid gray;*/
    /* grand rectangle : 336 x 280, rectangle moyen : 300 x 250 */
    width: 336px;
    height: 280px;
}

/* required (after calendar and side column) to have the main wrapper fill the page height */
.float-clearer {
    clear: both;
}

/*
PrimeFaces 5
=================================================================================
*/
/* all shadows underneath dialogs / overlays… */
.ui-shadow {
    moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.6);
}
/* pour dialog rechargement après timeout */
.ui-widget-content a {
    color: inherit;
}

#calendar .ui-datagrid-column {
    padding: 0;
}
#main-menu .ui-menu {
    padding: 0;
    margin: 0;
}
#main-menu .ui-menuitem {
    padding: 0 20px 0 0;
    margin: 0;
}
.ui-menuitem-link {
    color: #C0E0FF;
    background-color: #072D75;
}
.ui-menuitem-link:hover {
    background: none;
    color: #ffffff;
}

/*
PrimeFaces 4
=================================================================================
*/
/*.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 0;
    overflow: inherit;
    border: none;
    vertical-align: top;
}
.ui-panel {
    padding: 0;
}
.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0;
}
.ui-widget-content {
    border: inherit;
    background: inherit;
    color: inherit;
}*/


/*
PrimeFaces 3
=================================================================================
*/
/*
Pour dataTable
 --------------------------
*/
/* header for month names */
/*.ui-widget-header {
    border: none;
}
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
    padding: 0;
    overflow: inherit;
    border: none;
    vertical-align: top;
}*/
/* header for columns */
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    display: none;
}*/
/* rows */
/*.ui-datatable-odd, .ui-datatable-even {
}*/
/* cells */
/*.ui-datatable .ui-datatable-data td div.ui-dt-c {
    padding: inherit;
}*/


/*
Accordion
---------------------------
*/
#calendar .ui-accordion-content {
    padding: 0px;
}

/*
PanelGrid
---------------------------
*/
.ui-panelgrid .ui-panelgrid-cell {
    border: none;
    padding: 0;
}
#panelExpan-active td {
    /*border-bottom: 1px solid lightgray;
    border-top: none;
    border-left: none;
    border-right: none;*/
    border: none;
    padding: 0;
    vertical-align: top;
}

/*
Day Expan
---------------------------
*/
.ui-panel {
    padding: 0;
}
.ui-panel .ui-panel-content {
    border: 0;
    background: none;
    padding: 0;
}
/* impacte les panels dans le day Expan, ET les pourtours de tableau ET les rows */
.ui-widget-content {
    border: none;
    background: inherit;
    color: inherit;
}
/*
Other
----------------------------
*/
/* redefine tooltip that was overriden by classes above (ui-widget-content …) */
.tooltip {
    border: 1px solid #a8a8a8;
    background: #ffffff;
    color: #4f4f4f;
    font-size: 1em;
}

/* panel wrapping a month */
.month-panel {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*
Calendar content
============================================================================================== */

/* correspond au H3 du header d’accordion */
.cal-accordion .ui-accordion-header {
    /*clear: both;*/
    padding: 0;
    max-width: 526px; /* to synchonize with .expan-panel */
}
/*#calendar .ui-state-default, #calendar .ui-state-active {
    background: none;
}*/
.cal-bar {
    height: 40px;
    width: 100%;
}
.cal-bar tr {
    background-color: gray;
}
.cal-bar tr:hover {
    background-color: white;
}

/* Bar cells
-------------------------------------------------------------------------------------------------*/

/* Generated by http://css.spritegen.com CSS Sprite Generator */

.sprite-cstl-aquarius { background-position: -0px -0px; width: 34px; height: 34px; }
.sprite-cstl-sextans { background-position: -34px -0px; width: 34px; height: 34px; }
.sprite-event-phase-waning-gibbous { background-position: -68px -0px; width: 34px; height: 34px; }
.sprite-event-phase-waxing-crescent { background-position: -102px -0px; width: 34px; height: 34px; }
.sprite-cstl-pisces { background-position: -136px -0px; width: 34px; height: 34px; }
.sprite-jour-racine { background-position: -0px -34px; width: 34px; height: 34px; }
.sprite-jour-fleur { background-position: -34px -34px; width: 34px; height: 34px; }
.sprite-cstl-cancer { background-position: -68px -34px; width: 34px; height: 34px; }
.sprite-event-phase-new { background-position: -102px -34px; width: 34px; height: 34px; }
.sprite-cstl-aries { background-position: -136px -34px; width: 34px; height: 34px; }
.sprite-jour-repos { background-position: -0px -68px; width: 34px; height: 34px; }
.sprite-cstl-scorpius { background-position: -34px -68px; width: 34px; height: 34px; }
.sprite-cstl-taurus { background-position: -68px -68px; width: 34px; height: 34px; }
.sprite-event-phase-waxing-gibbous { background-position: -102px -68px; width: 34px; height: 34px; }
.sprite-cstl-capricornus { background-position: -136px -68px; width: 34px; height: 34px; }
.sprite-cstl-gemini { background-position: -0px -102px; width: 34px; height: 34px; }
.sprite-event-decli-desc { background-position: -34px -102px; width: 34px; height: 34px; }
.sprite-event-phase-last-quarter { background-position: -68px -102px; width: 34px; height: 34px; }
.sprite-cstl-capricorn { background-position: -102px -102px; width: 34px; height: 34px; }
.sprite-jour-feuille { background-position: -136px -102px; width: 34px; height: 34px; }
.sprite-event-phase-full { background-position: -0px -136px; width: 34px; height: 34px; }
.sprite-cstl-ophiuchus { background-position: -34px -136px; width: 34px; height: 34px; }
.sprite-event-decli-max { background-position: -68px -136px; width: 34px; height: 34px; }
.sprite-cstl-sagittarius { background-position: -102px -136px; width: 34px; height: 34px; }
.sprite-jour-fruit { background-position: -136px -136px; width: 34px; height: 34px; }
.sprite-cstl-orion { background-position: -0px -170px; width: 34px; height: 34px; }
.sprite-event-phase-first-quarter { background-position: -34px -170px; width: 34px; height: 34px; }
.sprite-cstl-libra { background-position: -68px -170px; width: 34px; height: 34px; }
.sprite-cstl-virgo { background-position: -102px -170px; width: 34px; height: 34px; }
.sprite-event-phase-waning-crescent { background-position: -136px -170px; width: 34px; height: 34px; }
.sprite-event-decli-asc { background-position: -0px -204px; width: 34px; height: 34px; }
.sprite-cstl-leo { background-position: -34px -204px; width: 34px; height: 34px; }
.sprite-event-decli-min { background-position: -68px -204px; width: 34px; height: 34px; }


/* Generated by http://css.spritegen.com CSS Sprite Generator */
/*#form\:calendar .sprite { */
.sprite {
    background-repeat:no-repeat;
    /*display: table-cell;*/
    display: block;
    text-indent:-99999px;
    overflow:hidden;
    float: left;
}

/* for tooltip (jsf component required) */
.sprite-jour-wrapper {
    width: 34px; /* for tooltip placement, else tooltip shows at the end of the cell */
}

.cal-toggler, .cal-date, .cal-decli,.cal-decli-legend, .cal-phase, .cal-phase-legend, .cal-cstl, .cal-type-jour, .cal-type-jour-legend, .cal-comment {
    /*padding: 3px;*/
    /* float: left;*/
    vertical-align: middle;
}
.cal-toggler {
    width: 20px;
}
.cal-date {
    width: 100px;
    text-align:center;
    background-color: #3291F1;
}
.cal-date-num {
    font-weight:bold;
    font-size: 15px;
}
.cal-decli, .cal-phase, .cal-cstl {
    width: 34px;
    border-right: 1px solid #0043b7;
}
.cal-type-jour {
    width: 150px;
}
.sprite-jour-racine, .sprite-jour-feuille, .sprite-jour-fleur, .sprite-jour-fruit {
   float: left;
}
.sprite-jour-repos {
    margin-right: 10px;
    clear: both;
}
.cal-comment {
    /*width: 238px;*/
}
.cal-comment img {
    padding: 0 10px 0 0;
    vertical-align: middle;
}


.type-jour-time-change-bloc, .cal-comment-bloc {
    height: 38px;
    float: left;
}
.type-jour-time-change-bloc {
    padding-left: 12px;
    border-left: 1px solid #146403;
    margin-left: 6px;
}
.type-jour-time-change, .cal-comment-text {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 38px;
}


/* EXPAN
========================================================================================================================================= */
.expan-panel {
    padding: 5px;
    /*background-color: #71b7fc;*/ /*bleu clair*/
    /*background-color: #FBFF9B;*/  /*jaune*/
    background-color: #4C96D0; /*idem onglet*/
    border: 1px solid #2E2E2E;
    border-top: none;
    /* for toggled fieldset, to tune */
    max-width: 516px; /* to synchonize with .cal-accordion .ui-accordion-header */
}
.expan-wrapper thead, .expan-wrapper tbody, .expan-wrapper tr, .expan-wrapper td {
    border: none !important;
}


.expan-influence-change {
    padding-top: 5px;
}
.expan-influence-change-time {
    color: #0C4500;
    font-weight: bold;
    width: 100%;
    height: 0.1em;
    text-align: center;
    border-bottom: 3px dashed #0C4500;
    line-height: 0.1em;
    margin: 20px 0 10px;
}

.expan-influence-change-time .expan-influence-change-time-rule {
    background:#4C96D0; /* same as .expan-panel */
    padding:0 10px;
}
.expan-cstl-and-plantpart {

}
.expan-plantpart-full {
    font-weight: bold;
}
.expan-plantpart-detail {
    font-weight: bold;
    color: #0C4500;
    list-style-position: inside;
}
.expan-plantpart-example {
    font-style: italic;
}

.spinning-wheel {
    padding: 10px;
    vertical-align: middle;
}

.click-to-show-expan {
    /*border: 1px solid blueviolet;*/
    cursor: pointer;
    height: 34px;
    overflow: hidden;  /* prevent the sprite to show below when text wraps */
}

.bad-event-expan {
    height: 35px;
    padding: 0 5px 0 5px;
    background-color: orange;
    color: darkred;
}

/* THUMBS
----------------------------------------------------------------------- */
.thumbs {
    clear: both;
}
/* new */
.thumbs {
    width: 100%;
}

.thumb-placeholder {
    float: left;
    width: 122px;
    margin: 2px 5px 0 0;
}
/* new */
.thumb-wrapper  {
    border: 1px solid rgb(0, 77, 209);
}
/*.thumb-col-plant {
    float: left;
}*/

.thumb-placeholder-double {
    float: left;
    width: 262px;
    margin: 2px 0 0 0;
}
.thumb-wrapper-double {
    border: 1px solid rgb(0, 112, 0);
}
.thumb-title {
    text-align: center;
    height: 3em;
    vertical-align: middle;
    display: table-cell;
    padding: 0 3px 0 3px;
}
.thumb-text {
    padding: 3px;
    background-color: #ffffff;
}
.thumb-title-decli, .thumb-title-phase {
    width: 114px;
    color: #ffffff;
    background-color: rgb(0, 25, 68);
}
.thumb-title-decli-header, .thumb-title-phase-header {
    font-weight: bold;
}
.thumb-subtitle-decli, .thumb-subtitle-phase {
    color: #ffffff;
    background-color: rgb(0, 51, 144);
}

.thumb-title-cstl-plantpart {
    width: 314px;
    color: white;
    background-color: #0C4500;
}

.sprite-thumb {
    background-image:url("/javax.faces.resource/default/img/sprite-thumbs.jpg.xhtml");
}
.sprite-thumb-plant {
    float: left;
}

.sprite-event-decli-asc-thumb {             background-position: -0px -0px; width: 120px; height: 120px; }
.sprite-event-decli-desc-thumb {            background-position: -120px -0px; width: 120px; height: 120px; }
.sprite-event-decli-max-thumb {             background-position: -240px -0px; width: 120px; height: 120px; }
.sprite-event-decli-min-thumb {             background-position: -360px -0px; width: 120px; height: 120px; }

.sprite-event-phase-new-thumb {             background-position: -0px -120px; width: 120px; height: 120px; }
.sprite-event-phase-waxing-crescent-thumb { background-position: -120px -120px; width: 120px; height: 120px; }
.sprite-event-phase-first-quarter-thumb {   background-position: -240px -120px; width: 120px; height: 120px; }
.sprite-event-phase-waxing-gibbous-thumb {  background-position: -360px -120px; width: 120px; height: 120px; }

.sprite-event-phase-full-thumb {            background-position: -0px -240px; width: 120px; height: 120px; }
.sprite-event-phase-waning-gibbous-thumb {  background-position: -120px -240px; width: 120px; height: 120px; }
.sprite-event-phase-last-quarter-thumb {    background-position: -240px -240px; width: 120px; height: 120px; }
.sprite-event-phase-waning-crescent-thumb { background-position: -360px -240px; width: 120px; height: 120px; }

.sprite-jour-racine-thumb {     background-position: -0px -360px; width: 120px; height: 80px; }
.sprite-jour-fleur-thumb {      background-position: -120px -360px; width: 120px; height: 80px; }
.sprite-jour-fruit-thumb {      background-position: -240px -360px; width: 120px; height: 80px; }
.sprite-jour-feuille-thumb {    background-position: -360px -360px; width: 120px; height: 80px; }

/* Advice
----------------------------------------------------------------------- */
.advice {
    /*clear: both; */
    float: left;
    font-weight: bold;
    height: 16px;
    padding: 3px 5px 4px 18px;
    margin-top: 5px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    background-position: left center;
    background-image:url("/javax.faces.resource/default/img/ico-rightarrow.png.xhtml");
    background-repeat: no-repeat;
}

.advice-expandable {
    float: left;
    /*height: 45px;*/
    padding: 0 0 0 0;
    margin: 5px 5px 0 0;
}
.advices button, .advices button.ui-state-default {
    color: #0C4500;;
    padding: 0 0 0 8px;
    margin: 5px 5px 0 0;
    background-color: rgba(255, 255, 255, 0.5);
    background-position: left center;
    background-image:url("/javax.faces.resource/default/img/ico-rightarrow.png.xhtml");
    background-repeat: no-repeat;
}
.advices button.ui-state-hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.advice-overlay-panel {
    background-color: #BED8EE;
    background-image: none;
}

#calendar .advice-expandable legend {
    color: inherit;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.4);
}
#calendar .advice-expandable legend.ui-state-hover {
    background-color: rgba(255, 255, 255, 0.5);
}
#calendar .advice-expandable .ui-icon-plusthick, #calendar .advice-expandable .ui-icon-minusthick {
    background-position: left center;
    background-repeat: no-repeat;
    padding-right: 10px;
}
#calendar .advice-expandable .ui-icon-plusthick {
    background-image:url("/javax.faces.resource/default/img/ico-rightarrow.png.xhtml");
}
#calendar .advice-expandable .ui-icon-minusthick {
    background-image:url("/javax.faces.resource/default/img/ico-downarrow.png.xhtml");
}
#calendar .advice-expandable .ui-fieldset-content {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 1px 5px 1px 10px;
}
.advice-detail-cause {
    font-style: italic;
}
.advice-detail-action {
     font-weight: bold;
 }


/* NAVIGATION
 ====================================================================== */
#navigate {
}
.navigate-prompt {
    height: 22px;
    vertical-align: middle;
    display: table-cell;
}
.navigate-button-outer {
    vertical-align: middle;
    display: table-cell;
    height: 22px;
    padding-left: 10px;
}
.navigate-rewind {
    background-image:url("/javax.faces.resource/default/img/ico-1leftarrow.png.xhtml");
}
.navigate-forward {
    background-image:url("/javax.faces.resource/default/img/ico-1rightarrow.png.xhtml");
}
.navigate-fast-forward {
    background-image:url("/javax.faces.resource/default/img/ico-2rightarrow.png.xhtml");
}
.navigate-button-inner {
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

#after-calendar {
    clear: both;
}

/* LEGEND
 ====================================================================== */
#legend-panel {
    background-color: antiquewhite;
    border: 1px solid #a8a8a8;
    margin-top: 30px;
    width: 336px;
}
#legend-padder {
    padding: 0 5px 0 5px;
}
#legend-panel p {
    margin-top: 4px;
    margin-bottom: 4px;
}
.legend-tip {
    margin-top: 5px;
    margin-bottom: 10px;
    font-style: italic;
}
.legend-topic {
    background-color: #FFFDEE;
    border: 1px solid #a8a8a8;
    padding: 5px;
    margin-bottom: 10px;
}
.footnote-parag {
    font-size: 0.7em;
    color: #666;
}
.footnote-title {
    font-style: italic;
}
.cal-type-jour-legend {
    width: 38px;
}
.cal-decli-legend {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 7px;
}
.cal-phase-legend {
    width: 102px;
    height: 34px;
    float: left;
    margin-right: 7px;
}
.legend-phase-wrapper {
    clear: both;
    margin-bottom: 2px;
}
.legend-table {
    border-spacing: 2px;
}
.legend-table td:nth-of-type(2n) {
    padding-left: 7px;
    font-weight: bold;
}
.legend-table td:nth-of-type(2) {
    padding-right: 20px;
}
.legend-item {
    font-weight: bold;
    height: 34px;
    vertical-align: middle;
    display: table-cell;
}


/* FOOTER
 ====================================================================== */
#footer-silhouette {
    bottom: 0;
    left: 0;
    text-align: center;
    height: 239px;
    position: fixed;
    width: 100%;
    z-index: -1;
    padding: 0;
}
#footer {
    bottom: 0;
    left: 0;
    text-align: center;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 5;
    padding: 0;

    /* new version dans Greener side, pour
    bug intermittent IE8 ? */
    /*background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 100px;
    z-index: 5;*/
}
#footer p {
    color: #d3d3d3;
    left: 0;
    bottom: 0;
    position: absolute;
    margin: 0 0 5px 5px;
    font-size: 0.7em;
}