/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 oct. 2015, 18:13:41
    Author     : Jean-Luc
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11 mars 2018, 21:24:19
    Author     : Jean-Luc
*/
/* Declaration for colors */
/*Table*/
/*Events*/
/*Menus*/
/*========================General=====================*/
html,
body {
  height: 100%;
}
body {
  padding-top: 50px;
  color: #000;
  /*couleur du texte par défaut*/
  font-family: 'Calibri', 'Verdana', 'Trebuchet MS', 'sans-serif', 'Futura-Medium', 'Futura';
  background: #ddd;
  font-size: 14px;
}
a[href] {
  color: #00f;
}
a.not-active {
  pointer-events: none;
  cursor: default;
  color: #777;
}
hr {
  height: 1px;
  width: 70%;
  background-color: white;
  border-color: white;
}
/* ============= Barre de navigation supérieure ==================*/
nav.navbar.navbar-inverse.navbar-fixed-top navbar-default {
  /*height:30px;*/
}
/* Image logo*/
nav.navbar img.navbar-brand {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 50px;
}
/*Fond de la barre */
#ctn_Header {
  background: #ddd;
}
div.navbar-collapse ul.nav.navbar-nav li {
  /* display: inline-block;        */
  position: relative;
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
}
/* Liste des hyperliens de la barre menu */
/* Non survolé */
div#myNavbar ul.nav.navbar-nav li a {
  display: block;
  padding: 5px 15px;
  color: #000;
  /* couleur texte menu*/
  text-decoration: none;
  vertical-align: central;
  background: #ccc;
}
/* Modification couleur et background quand survolé */
div#myNavbar ul.nav.navbar-nav li a:hover {
  color: #fff;
  /* couleur du texte du menu, survolé*/
  background: #930093;
}
div#myNavbar ul.nav.navbar-nav li.active a {
  color: #000;
  /* couleur du texte du menu, actif*/
  background: #fff;
}
/* Sous menus de la barre des menu */
div#myNavbar ul.nav.navbar-nav li ul.dropdown-menu {
  background: #ddd;
  /* arrière plan de la liste déroulante*/
}
div#myNavbar ul.nav.navbar-nav li ul.dropdown-menu li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 0px;
}
div#myNavbar ul.nav.navbar-nav li:hover ul.dropdown-menu {
  /*display: block;	/* Display the dropdown */
}
.navbar {
  min-height: 50px !important;
}
/* ==================BOUTON DES FORMULAIRES===================================*/
.btn-default {
  background: #bbb;
  color: #223;
  margin-top: 10px;
}
.btn-default:hover {
  background: #888;
  color: #eee;
}
.f_right {
  float: right;
}
.center {
  text-align: center;
}
/* ============= Container principal ========================*/
/* Partie sous la barre de navigation qui comprend la barre pop-up d'information,
 les menus verticaux à gauche et le contenu à droite*/
#ctn_Main {
  /*padding-top: 32px; /* pour être en dessous de la barre de navigation */
  margin-right: auto;
  margin-left: auto;
  border-top: 2px white solid;
  /* à enlever à la fin */
}
div.container-fluid {
  padding: 0px;
}
div.container-fluid [class*="alert"] {
  margin: 0px;
}
#pnl_page {
  border-left: 1px white solid;
  border-right: 1px white solid;
  background-color: #ccc;
}
#pnl_page,
#pnl_menu {
  padding: 10px;
  border-right: 1px white solid;
}
/*div.menuAndContent, div.menu{*/
#pnl_menu {
  background-color: #ddd;
  color: #000;
}
/* ====================  Barre de bas de page ============================*/
footer div.row {
  background-color: #ddd;
  color: #000;
  border-top: 1px solid white;
  padding: 20px;
  margin: 0px;
}
#form_blogComment {
  border: 1px solid #DF3F3F;
  border-color: white;
  padding: 5px 20px;
}
#id_blogComment {
  height: 150px;
}
/*=================================TABLEAUX===========================*/
table.data,
table.form {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border: 2px #444 groove;
}
td {
  padding: 5px;
  border: 1px #333 solid;
}
td.tableTitle {
  text-align: center;
  font-size: 150%;
  border-bottom: 1px #010101 solid;
}
td.top {
  vertical-align: top;
}
/* =====================LISTES EN TABLEAUX============================*/
table.data td {
  background: #ddd;
}
td.eventPrivate {
  font-style: italic;
  color: #b66;
}
tr.rowLabel {
  border-bottom: 3px #333 solid;
}
td.columnLabel {
  text-align: left;
  font-size: 100%;
  vertical-align: top;
  /*border-bottom: 3px #333 solid;*/
}
/*=============SAISIES DE DONNEES EN TABLEAUX===================*/
table.form td {
  background: #ddd;
}
td.width40 {
  width: 40%;
}
td.width20 {
  width: 20%;
}
.noVerticalPadding {
  padding-top: 0px;
  padding-bottom: 0px;
}
/* ====================INPUT FIELDS=============================== */
/*input[type=text], input[type=password], input[type=email], input[type=submit] {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}*/
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
input[type=time],
select,
textarea.form-control {
  background-color: #aef;
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
input[type=time],
select,
textarea.form-control {
  border-color: #b4cf5e;
  border-style: solid;
  border-radius: 2px;
  border-width: 1px;
  font-size: 14px;
  height: 25px;
  margin-right: 10px;
  /*width: 100%;*/
  color: #224;
}
input[type=text] {
  width: 100%;
}
select {
  width: auto;
}
textarea.form-control,
textarea.correct,
textarea.wrong {
  width: 100%;
  color: black;
  height: 100px;
}
input.wrong,
select.wrong,
textarea.wrong {
  border-color: #b4cf5e;
  background-color: #ffb7b7;
}
input.correct,
select.correct,
textarea.correct {
  border-color: #b4cf5e;
  background-color: #dcfba4;
}
/*input:-moz-read-only {  For Firefox 
    background-color: #ccc;
}*/
input:read-only {
  color: #111;
  font-style: italic;
}
input[type=checkbox].css-checkbox + label.css-label {
  padding-right: 20px;
  display: inline-block;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  vertical-align: center;
  color: #111 !important;
  padding-top: 10px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -15px;
  font-size: 14px;
  font-weight: normal;
  color: green;
}
.css-label {
  /*background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);*/
  margin-left: 5px;
  color: #222;
}
/*==================Titres ===========================*/
.titleBulletin {
  margin-bottom: 0px;
  color: white;
}
#content {
  margin-bottom: 30px;
}
#titleBlog,
#piedBlog {
  text-align: center;
  color: green;
}
#titleReponses {
  font-size: 100%;
}
#hautBlog {
  width: 100%;
  background-color: white;
  color: green;
}
.blogComments {
  margin-left: 30px;
  color: #fafab4;
}
.alert {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* ================== Menu calendrier =========================*/
/* Event list */
#inputEventsSince {
  display: inline-block;
}
div.divEventsSince {
  display: inline-block;
}
label.filterListEvents.lblCheckbox,
label.filterListEvents.label {
  display: inline-block;
  color: #000;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}
label.filterListEvents.lblCheckbox {
  width: 130px;
}
label.filterListEvents.label {
  text-align: right;
  width: 90px;
}
input[type='date'].filterListEvents,
input[type='date'],
input[type='submit'].filterListEvents,
input[type='submit'].dateRappel {
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0px;
}
label.filterListEvents.button {
  cursor: pointer;
  background-color: #333;
  border-radius: 5px;
}
label.filterListEvents.button:hover {
  color: #eee;
}
/* Event details */
div.eventPublic,
div.eventPrivate,
div#id_eventCreationDate {
  text-align: center;
}
div.eventPublic,
div.eventPrivate {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
div.eventPrivate {
  color: #b66;
}
label.lbl_detailsEvent {
  text-decoration: underline;
}
#inputEventDescription {
  height: 150px;
}
div input.dateTimeEvent {
  width: auto;
  color: black;
}
input[type="text"]#inputEventTitle {
  margin: 0px;
  padding: 10px;
  text-align: center;
}
/*======================NOTIFICATIONS (NOTICES)===========================*/
.nonLu {
  color: #ffa;
}
/*=================Menu navigation dans les listes===================*/
form.clsListNavigation {
  background-color: white;
  color: black;
}
form.clsListNavigation a[href] {
  color: black;
}
form.clsListNavigation a:hover {
  color: white;
  text-decoration: none;
  background-color: black;
}
form.clsListNavigation select {
  color: black;
  background-color: white;
  width: 50px;
  border: 0px;
}
form.clsListNavigation a[href].not-active {
  color: white;
}
/*===============Edition d'une activité=====================*/
form.clsEditActivity select {
  color: black;
}
textarea.cls_hidden,
input[type=number].cls_hidden {
  height: 0px;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  display: inline-block;
}
div#id_lblValue,
input[type=number]#id_value {
  display: inline-block;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
div.cls_images {
  display: block;
  text-align: center;
  border: 3px white solid;
  width: 650px;
  margin: auto;
}
img.cls_images {
  padding: 5px;
  width: 640px;
  vertical-align: top;
}
.cls_images_small {
  padding: 5px;
  width: 150px;
  vertical-align: top;
}
.marge {
  margin-left: 2em;
}
figcaption {
  text-align: center;
  color: white;
  width: 640px;
}
/* to override the bootstrap.css*/
.form-control[disabled],
select[disabled],
input.btn[disabled],
input.btn-default[disabled],
button.btn[disabled] {
  background-color: #555;
  opacity: 1;
}
/* Barre de menu gauche*/
li a {
  display: list-item;
  list-style-type: square;
}
li a mark {
  color: white;
  background-color: #ddd;
}
li a.not-active mark {
  color: grey;
  background-color: #ddd;
}
/*# sourceMappingURL=style.css.map */