/**************************************************************/
/*    Zone de définition des styles de page:                  */
/*    Ascenceurs, Marges, Couleur de fond, Alignement, ...    */
/**************************************************************/

/* Style du corps de page */
BODY{
	background:#FFFFFF;
	margin:0px;
	text-align: center;
}

#bt-cantine {
	display:block;
	width:206px;
	height:50px;
	background: url(../images/front/front_54-on.gif) no-repeat;
	cursor:pointer;
}
#bt-cantine:hover {
	background: url(../images/front/front_54-off.gif) no-repeat;
}
#bt-spectacle {
	display:block;
	width:206px;
	height:50px;
	background: url(../images/front/front_55-off.gif) no-repeat;
	cursor:pointer;
}
#bt-spectacle:hover {
	background: url(../images/front/front_55-on.gif) no-repeat;
}
#bt-compte {
	display:block;
	width:431px;
	height:36px;
	background: url(../images/front/front_56-off.gif) no-repeat;
	cursor:pointer;
}
#bt-compte:hover {
	background: url(../images/front/front_56-on.gif) no-repeat;
}


/**************************************************************/
/*    Zone de définition des styles de textes:                */
/*    Font, Taille, Couleur, ...                             */
/**************************************************************/


.Police-Arial-11-Noir {font-family: Arial; font-size: 11px; color: #000000;}
.Police-Arial-11-Rouge {font-family: Arial; font-size: 11px; color: #DA251D;}
.Police-Arial-12-GrisFonce {font-family: Arial; font-size: 12px; color: #747372;}
.Police-Arial-12-Gris {font-family: Arial; font-size: 12px; color: #C5C6C8;}
.Police-Arial-12-Noir {font-family: Arial; font-size: 12px; color: #000000;}
.Police-Arial-12-Blanc {font-family: Arial; font-size: 12px; color: #FFFFFF;}
.Police-Arial-14-Noir {font-family: Arial; font-size: 14px; color: #000000;}
.Police-Arial-14-Blanc {font-family: Arial; font-size: 14px; color: #FFFFFF;}
.Police-Arial-14-Rouge {font-family: Arial; font-size: 14px; color: #DA251D;}
.Police-Arial-14-Gris {font-family: Arial; font-size: 14px; color: #C5C6C8;}
.Police-Arial-16-Noir {font-family: Arial; font-size: 16px; color: #000000;}
.Police-Arial-16-GrisFonce {font-family: Arial; font-size: 16px; color: #747372;}
.Police-Arial-16-GrisBleu {font-family: Arial; font-size: 16px; color: #ABC5D7;}
.Police-Arial-18-Noir {font-family: Arial; font-size: 18px; color: #000000;}
.Police-Arial-16-Blanc {font-family: Arial; font-size: 16px; color: #FFFFFF;}
.Police-Arial-20-Gris {font-family: Arial; font-size: 20px; color: #C5C6C8;}
.Police-Arial-20-Blanc {font-family: Arial; font-size: 20px; color: #FFFFFF;}
.Police-Arial-24-Noir {font-family: Arial; font-size: 24px; color: #000000;}
.Police-Arial-24-Blanc {font-family: Arial; font-size: 24px; color: #FFFFFF;}

.Police-Verdana-11-Noir {font-family: Verdana; font-size: 11px; color: #000000;}
.Police-Verdana-12-Blanc {font-family: Verdana; font-size: 12px; color: #FFFFFF;}
.Police-Verdana-14-Noir {font-family: Verdana; font-size: 14px; color: #000000;}


/**************************************************************/
/*    Zone de définition des styles de liens:                 */
/*    Couleur, Font, Taille, Style, ...                       */
/**************************************************************/

/* Style lien par defaut */
a {color: #000000; text-decoration: none;}
a:link {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:visited:hover {color: #000000; text-decoration: none;}  

/* Style lien Blanc-Noir */
a.Lien-Blanc-Noir { color: #FFFFFF;}
a:link.Lien-Blanc-Noir { color: #FFFFFF;}
a:hover.Lien-Blanc-Noir { color: #000000;}
a:visited.Lien-Blanc-Noir { color: #FFFFFF;}
a:visited:hover.Lien-Blanc-Noir { color: #000000;}

/* Style lien Noir-Blanc */
a.Lien-Noir-Blanc { color: #000000;}
a:link.Lien-Noir-Blanc { color: #000000;}
a:hover.Lien-Noir-Blanc { color: #FFFFFF;}
a:visited.Lien-Noir-Blanc { color: #000000;}
a:visited:hover.Lien-Noir-Blanc { color: #FFFFFF;}

/* Style lien Noir-GrisFonce */
a.Lien-Noir-GrisFonce { color: #000000;}
a:link.Lien-Noir-GrisFonce { color: #000000;}
a:hover.Lien-Noir-GrisFonce { color: #747372;}
a:visited.Lien-Noir-GrisFonce { color: #000000;}
a:visited:hover.Lien-Noir-GrisFonce { color: #747372;}

/* Style lien Bleu-Noir */
a.Lien-Bleu-Noir { color: #2266a6;}
a:link.Lien-Bleu-Noir { color: #2266a6;}
a:hover.Lien-Bleu-Noir { color: #000000;}
a:visited.Lien-Bleu-Noir { color: #2266a6;}
a:visited:hover.Lien-Bleu-Noir { color: #000000;}

/* Style lien Bleu-Noir */
.text-justify {
	text-align:justify;
}

/**************************************************************/
/*  Zone de définition des styles de formulaires:             */
/*  Couleur, Couleur de fond, Font, Taille, Style, Bordure... */
/**************************************************************/


/* Champs du formulaire de demande de login */
INPUT.FormLogin{
	font-family: Arial; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-color: #FFFFFF;
	border-bottom: #605E5D 1px solid; 
	border-left: #605E5D 1px solid; 
	border-right: #605E5D 1px solid; 
	border-top: #605E5D 1px solid;
	width: 110px;
}


/* Champs du formulaire d'inscription */
INPUT.Inscription{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-color: #FFFFFF;
	border-bottom: #605E5D 1px solid; 
	border-left: #605E5D 1px solid; 
	border-right: #605E5D 1px solid; 
	border-top: #605E5D 1px solid;
	width: 250px;
}


/* Champs du formulaire d'inscription */
TEXTAREA.Inscription{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-color: #FFFFFF;
	border-bottom: #605E5D 1px solid; 
	border-left: #605E5D 1px solid; 
	border-right: #605E5D 1px solid; 
	border-top: #605E5D 1px solid;
	width: 250px;
}


/* Champs du formulaire de reservation */
INPUT.CheckBoxReservation{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-image: url(../images/front/front_42.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: 0px;
}


/* Champs du formulaire du backoffice */
SELECT.BackOffice{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	border-color:#605E5D;
	border-width: 1px;
	background-color: #FFFFFF;
	width: 200px;
}


/* Champs du formulaire du backoffice */
INPUT.BackOffice{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-color: #FFFFFF;
	border-bottom: #605E5D 1px solid; 
	border-left: #605E5D 1px solid; 
	border-right: #605E5D 1px solid; 
	border-top: #605E5D 1px solid;
	width: 140px;
}


/* Champs du formulaire du backoffice */
TEXTAREA.BackOffice{
	font-family: Verdana; 
	font-size: 11px;
	font-weight: normal;
	color: #605E5D;
	background-color: #FFFFFF;
	border-bottom: #605E5D 1px solid; 
	border-left: #605E5D 1px solid; 
	border-right: #605E5D 1px solid; 
	border-top: #605E5D 1px solid;
	width: 200px;
}

/* Chargement */
#loading {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: rgb(0, 0, 255);
	background-color: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
}

#loading img {
	margin:0 auto;
}