body{
	 
    font-size: 14px;
    /*font-size: 12px;*/
    font-family:arial,verdana,sans-serif;
    background-color:white;
    width: 98%;
    margin :0 auto ;
        }
p
{
    font-size: 10pt;
    font-family:arial,sans-serif;
     background-color:white
      }

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

.formModifie{
    margin-bottom:0pt;
    margin-top : 0pt;
    display: inline;
}/*-----MAJ Loïs THOMAS  --> Style des boutons  dans le format tactile  -----*/

.styleBoutton {
    color : black;
}




.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:#e60002;}

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 { vertical-align: middle; 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}

/*-----MAJ Loïs THOMAS  --> Style de la banniere -----*/
#header {
    border : 1px solid #005394;
    position: relative;
    width : 100%;
}

/* toutes les images */
.image {
	border: none;
	vertical-align: middle;
}
/*-----MAJ Loïs THOMAS  -->Style à l'intérieur de la banniere -----*/
.logo{
    /*couleur de fond de la banniere pour éviter le blanc du logo
    background-color : #005394;*/
    width: 0.1%;
    height: 0.1%;
    border : 0px solid red;
}
.accueil
{
    background-color : white;
    width : 32%;
    border : 0px solid red;
}
.administration {
    background-color : white;
    width : 20%;
    border : 0px solid red;
}

.configuration {
    background-color : white;
    width : 20% ;
    vertical-align: middle;
    text-align: center;
    border : 0px solid red;
}

/*-----MAJ David VOUE -- 24/01/2014 -- Style de la balise <td> contactformulaire*/

.contactformulaire {
    background-color : white;
    width : 20% ;
    vertical-align: middle;
    text-align: center;
    border : 0px solid red;
}

/*-----MAJ David VOUE -- 24/01/2014 -- Style du bouton Réserver*/

#Réserver {
color:#00009b;
-moz-box-shadow: 0px 0px 10px #343434;
-webkit-box-shadow: 0px 0px 10px #343434;
-o-box-shadow: 0px 0px 10px #343434;
box-shadow: 0px 0px 10px #343434;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 6px;
border: 8px outset #9b9b9b;
background:#cfcfcf;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #656565);
background: -moz-linear-gradient(#cfcfcf, #656565);
background: -o-linear-gradient(#cfcfcf, #656565);
background: -ms-linear-gradient(#cfcfcf, #656565);
background: linear-gradient(#cfcfcf, #656565); 
font-size : 50px;
font-family: Arial;
}



/*-----MAJ David VOUE -- 24/01/2014 -- Style du hover du bouton Réserver*/

#Réserver:hover {

color : #A9EAFE;
font-size : 50px;
font-family: Arial;
cursor: pointer;
}






/*-----MAJ Loïs THOMAS  -->Style du menu à gauche-----*/
#menuGauche {
    background-color:#005394;
    border-bottom : 3px solid #97947e;
    float : left;
    height: 100%;
    min-width : 200px;
    width : 300px;
    padding-bottom: 10px;
}
/*-----MAJ Loïs THOMAS  -->Style du menu à gauche pour la page Month_all2-----*/
#menuGaucheMonthAll2{
    display : none;
    background-color:#005394;
    border-bottom : 3px solid #97947e;
    float : left;
    height: 100%;
    min-width : 200px;
    width : 300px;
    padding-bottom: 10px;
    
}

/*-----MAJ Loïs THOMAS  -->Style du calendrier dans le menu gauche -----*/

            /*-----MAJ Loïs THOMAS  -->Style du jour séléctionné -----*/
            .cal_current_day {
                color: black;
                vertical-align: middle;
                text-align: center;

            }
            /*-----MAJ Loïs THOMAS  -->Style de la semaine séléctionnée -----*/
            .week td a {
                background-color:#97947e;
                text-align: center ;
                vertical-align: middle;
                text-align: center;
                
                /*-----MAJ David VOUE  --> Changement de couleur de la police -----
                 * 14/01/2014*/
                color : blue;
                height: 100%;
                width : 100%;
                 }

            /*-----MAJ Loïs THOMAS  -->Style general du calendrier -----*/
            table.calendar {

               text-align: center;
                height : 100%;
                width : 99%;
                padding : 1px;
                margin: auto ;
                background-color: blanchedalmond;
                vertical-align: middle;

            }
               /*-----MAJ Loïs THOMAS  -->Style du titre calendrier -----*/
            .calendar caption {
                background-color: #97947e;
            }

            .dayBouton{
                width:80px ;
            }

            .dayBoutonJourApres{
                */width:125px;*/
            }

            /*-----MAJ Loïs THOMAS  -->Style des liens dans le calendrier -----*/
            a.calendar{
                display:block;
                color : #97947e;
                height: 100%;
                width : 100%;
                vertical-align: middle;
                text-align: center;
            }
               /*-----MAJ Loïs THOMAS  -->Style des entêtes des jours et des numéro des semaines -----*/
            .calendarcol1{
                padding: 0px;
                font-weight: bold;
                background-color: #97947e;
                text-align: center;
                height: 30px;
                width: 40px;
                vertical-align: middle;
                text-align: center;

            }
            /*-----MAJ Loïs THOMAS  -->Style des liens de la semaines -----*/
            #lienSemaine a{
                height:100%;
                width:100%;
                display:block;
                vertical-align: middle;
                text-align: center;
            }
            /*-----MAJ Loïs THOMAS  -->Style du contenu des cellules du calendrier -----*/
            .cellcalendar{
                background : #005394;
                color : #97947e;
                vertical-align: middle;
                text-align: center;
                height: 30px;
                width: 40px;
            }
            a.lienPlanning:link {
                color : white;
                display:block;
            }
            a.lienPlanning:visited{
                color : white;
                display:block;
            }
            a.lienPlanning:hover{
                color : red;
                display:block;
            }


/*Styles des ressources*/
/*-----MAJ Loïs THOMAS  -->Barre de Chargement-----*/
#chargement {
    left:35%;
    top:322px;
    position:absolute;
    display:none;
    z-index : 10;
}

#chargement p {
    padding : 0px;
    background-color:grey;
}

#chargement img{
    border : solid 2px black;
}

.ressource {
    text-align: center;
}
/*-----MAJ Loïs THOMAS  -->css des items -----*/

#item:hover
{
cursor: pointer;
border : 2px solid #bc0004;

}

#item {


    font-weight: bold;
    color : #005394;
    width : 220px;
    height: 40px;
    margin-bottom: 3px;
    background-color: #BABABA;
    border-radius: 5px;
   white-space: pre-wrap; /* css-3 */
   white-space: -moz-pre-wrap; /* mozilla, since 1999 */
  white-space: -o-pre-wrap; /* opera 7 */
   white-space : -ms-pre-wrap;
}
/*-----MAJ Loïs THOMAS  -->css des items selectionnées -----*/
#item_select {;
    font-weight: bold;
    color: #bc0004;
    border : 2px solid #bc0004;
    width : 220px;
    height: 40px;
    margin-bottom: 3px;
    background-color: #97947e;
    border-radius: 5px;
    white-space: pre-wrap; /* css-3 */
   white-space: -moz-pre-wrap; /* mozilla, since 1999 */
   white-space: -o-pre-wrap; /* opera 7 */
   white-space : -ms-pre-wrap;

}
/*-----MAJ Loïs THOMAS  -->css des listes selectionnées -----*/
    #liste_select {
       color : #97947e;
       font-weight: bold;
       }
 /*-----MAJ Loïs THOMAS  -->css des listes -----*/
    #liste  {
      color : #CCCCFF;
          }

/*Dans le menuGauche le block des légendes */
table.legende {
    width: 250px;
}

/*Dans le menuGauche le pied de page */
.pied_menuGauche {
    border-top:  3px solid #005394;
}

th {
color:#eeeeee;
font-size:10pt;
font-family:verdana,sans-serif;
background-color:#045491;
border-width:1px;
border-color:#99CCFF;
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 */
td.cell_hours {
  background-color: #95937e;
  text-align: center;
  font-size: 1em;
  border-radius: 5px;
}
/* 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;
  border-radius: 5px;
  
}

.cell_month a{
    color : black;
    font-weight:400;
    border-radius: 5px;
            }
.cell_month a:hover{
    color : black;
    font-weight:bold;
    border-radius: 5px;
            }


/* Vues par mois (month, month_all et month_all2) : mise en forme des cellules "hors mois" */
td.cell_month_o {background-color:#cccccc; border-radius: 5px;}
/* Mise en forme des plages libres */
.empty_cell {
	border-radius: 5px;
	background-color: White;
	text-align: center;
	vertical-align: middle;
}
/* Vues month et month_all2 : mise en forme du numéro du mois dans les cellules */
.monthday {
	/*MAJ David VOUE - Augmentation de la police et alignement du jour
         * 13/01/2013 */
	font-size: 2.1em;
	/*font-size: 1.1em;*/
	text-align: center;
	border-radius: 5px;
}

.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;
}


/* Css du blocs planning */
#planning{
    position: relative;
    background-color: #97947e;
    margin-left : 300px;
    height: 100%;
    width : auto;
}
#planningMonthAll2{
    margin-left : 0px;
}


/* les titres dans tous les plannings (journée, semaine, mois) */
.titre_planning {
	position: relative;
    background-color: #97947e;
    height: 100%;
	color: black;
	
	/*MAJ David VOUE - Centrer le titre et la taille du planning
         * 13/01/2013 */
	text-align: center;
	/*text-align: right;*/
	font-size: 1.2em;
	/*font-size: 1em;*/
}

/*MAJ David VOUE - Titre planning week*/
/* 13/01/2013 */
.titre_planning_week{
	background-color: #97947e;
    height: 100%;
	color: black;
	text-align: center;
	font-size: 1.2em;
	
}
/* les titres dans tous les plannings (journée, semaine, mois) */
.contenu_planning {
    position: relative;
    background-color: #97947e;
    height: 100%;
    max-width : 100%;
}
.contenu_planning a{
    display : block;
}


a.poplight{
	 display: block;
    color : black;
    font-weight:normal;
    font-size: 14px;
    height: 100%;
    width : 100%;
    vertical-align: middle;
    text-align: center;

}
a:hover.poplight{
    color : black;
    font-weight:bold;
    display : block;
    text-align : center;
}

a.lienCellule  {
    color : black;
    font-weight:normal;
    display : block ;


}

a:hover.lienCellule  {
    color : black;
    font-weight:bold;
    display : block ;
}


/* Tous les textes les plannings week_all, month et month_all */
.small_planning {
   font-size: 0.9em;
}
/* 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;
}

/*Tableau th planning month_all2.php */

th.tableau_month2
{
    padding : 2px;
}
#lienPrecedent a{
    text-align : left;
    font-size : 20px;
}

.tableau_month_all2{
    font-size: 0.8em;
}




/*POPUP */
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 10%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
}



img.btn_close {
    	position:relative;
	z-index:5;
	border:0;
	float: right;
	margin: -15px -15px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;

}


/*MAJ Hugo FORESTIER - Mise en place du style du bouton 'retour en haut de la page' en jQuery
 * 14/05/2013 */
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        
        /*MAJ David VOUE - Placement du bouton 'retour en haut de la page à droite et changement de la police de 11px À 14px
         * 13/01/2014 */
         
        right:100px;
        /*right:100px;*/
        cursor:pointer;

        color:#333;
        font-family:verdana;
        font-size: 14px;
        /*MAJ David VOUE - Modification de la bordure
         * 14/01/2014*/
        border-radius: 5px;
        /*font-size: 11px;*/
}

a.buttonsReservation
{
		background-color: purple;
		color: purple;
		cursor:pointer;
}