.pr{
		font-size:15px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color:#000000;
		font-weight : bold;
	}
	.horloge{
		/*margin-top:20px;
		margin-right:20px;
		float:right;*/
		font-size:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;
                margin: 0 auto;
	}

	.heure{

		font-size:40px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;
		font-weight : bold;
                margin: 0 auto;
	}

	.site{
		margin-top:20px;
		margin-right:20px;
		font-size:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;
		float:right;
		font-weight : bold;
	}


	.dateJour{
		margin-top:20px;
		margin-right:20px;
		font-size:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#B43104;
	}

	#dateJour{
		margin-top:20px;
		margin-right:20px;
		font-size:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;
	}

	.reservations{
		margin-top:20px;
		color: blue;
		margin-bottom:20px;
		float:top;	
	}

	.EnteteResa{
		background-color:#AA9F96;
		height: 20px;
	}

	.LigneResaResa{
		height:65px;
		font-size:25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:20px;
		background-color: #D7CDCD;
	}

	.creneau{
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:6px;
		color:black;	
		text-align: center;
		width : 9%;
	
	}

	.intitule{
		width : 62%;
		padding-left:18px;
	}

	.fontintitule{
		font-size:21px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#C1002A;	
		text-align: left;
		font-weight : bold;
	}

	.fontalerte{
		font-size:23px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;	
		text-align: left;
		font-weight : bold;
	}
	 
	.DonneesComplementaires{
		width : 20%;
		padding-left:3px;
	}

	.fontDonneesComplementaires{
		font-size:18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
	}

	.Institut{
		width : 15%;
		padding-left:10px;
	}


	.fontInstitut{
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
	}

	.NumeroSalle{
		width : 7%;
	}
	
	.fontNumeroSalle{
		font-size:14px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color:#C1002A;
		font-weight : bold;
	}
	.Salle{
		font-size:14px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		width : 9%;
		color:#C1002A;
		font-weight : bold;
	}
	
	.NomSalle{
		font-size:14px;	
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.Etage{
		font-size:17px;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		width : 5%;
		font-weight : bold;
	}
	
	.loader{
		height:11px;
	}


	.titreCreneau{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 9%;	
		color: white;
	}

	.titreIntitule{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 62%;	
		color: white;
	}

	.titreComplement{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 20%;	
		color: white;
	}

	.titreInstitut{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 15%;	
		color: white;
	}

	.titreEtage{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 5%;	
		color: white;
	}

	.titreSalle{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;	
		text-align: center;
		width : 9%;	
		color: white;
	}

	.tableFooterH{
		height: 0px;
	}

	.tableFooterB{
		border-style:solid;
		height: 45px;
		vertical-align: middle;
		border-color:white;
		background-color:white;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		text-align: left;
		color:red;
	}

	table{
		 table-layout: fixed;
	}


	body{
		 margin:0; padding:0; 
		/*overflow-x:hidden;*/
		overflow-y:scroll;
		scrollbar-face-color: #AA9F96;
		}
 

	div.waitable {
                height: 400px;
                width: 85%;
                border: 1px solid #aaa;
                border-radius: 5px;
                background: #C0392B;
                color: #fff;
                text-align: center;
                margin: auto;               
            }


	.libelle1{
		font-size:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#C1002A;	
		font-weight:bold;	
	}


    	#barre {
        width: 96%;
        height: 40px;
        border: 0px solid #111;
        background-color: white;
        margin:0 auto;
    	}

    	#barre1 {
        width: 100%;
        height: 1px;
        border: 1px solid #111;
        background-color: black;
        margin:0 auto;
    	}

 	/* PROGRESS STYLES */


	progress {
		display: block; /* default: inline-block */
		width: 90%;
		max-width: 300px;
		margin: 2em auto;
		padding: 4px;
		border: 0 none;
		background: #D7CDCD;
		border-radius: 14px;
		box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	}
	progress::-moz-progress-bar {
		border-radius: 12px;
		background: #FFF;
		box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);

	}
	/* webkit only */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		progress {
			height: 25px;
		}
	}
	progress::-webkit-progress-bar {
		background: transparent;
	}  
	progress::-webkit-progress-value {  
		border-radius: 12px;
		background: #C1002A;
		box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3); 
	}
	a {
		text-decoration: none;
		color: #eee;
		font-weight: bold;
		text-shadow: 0px 1px black;
	}