/* CSS Document */

body{
	background:#171819 url(../images/commun/fd_body.gif) repeat-x left top;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

img{border:none;}

#page{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

/******************* COLONNE DROITE ******************************/

#colonne_droite{
	background:url(../images/colonne_droite/fd_colonne_droite.jpg) no-repeat left top;
	width:27px;
	height:665px;
	float:left;
}

/****************** FORMULAIRE *************************************/

#FormContact input{
	width:136px !important;
	font-size:10px;
	margin-top:2px;
	margin-bottom:2px;
}

#FormContact textarea{
	width:170px;
	font-size:10px;
	margin-bottom:4px;
}

#FormContact label{
	margin-right:15px;
}

#FormContact strong{
	color: #4bb8f0;
}

/****************** RÉSERVATION *****************************************/

#sous_titre_reservation{
	font-size:10px;
	color:#172f3b;
	text-transform:uppercase;
}

#etape{
	float:right;
}

#barre_reservation{
	background:url(../images/colonne_bas_milieu/barre.gif) center center no-repeat;
	height:21px;
	clear:both;
}

#recapitulatif_reservation{
	color:#768087;
	font-size:10px;
}

#montant_reservation{
	font-size:12px;
	font-weight:bold;
	color:#0085d0;
	text-transform:uppercase;
	float:right;
}

#bouton_reservation{
	background:url(../images/colonne_bas_milieu/reservation/btn_reservation_gauche.gif) left top no-repeat;
	display:block;
	height:34px;
	float:right;
	font-size:9px;
	color:#000;
	text-decoration:underline;
}

#bouton_reservation:hover{
	color:#4A4A4A;
	text-decoration:none;
}

#bouton_reservation div{
	background:url(../images/colonne_bas_milieu/reservation/btn_reservation_droite.gif) right top no-repeat;
	display:block;
	height:23px;
	padding-left:20px;
	padding-right:15px;
	padding-top:11px;
	float:left;
}

#bouton_reservation div div{
	background:url(../images/colonne_bas_milieu/reservation/fleche_blanche.gif) right 2px no-repeat;
	padding:0px;
	height:23px;
	padding-right:15px;
	float:left;
}

#FormInscription, #FormDistribution, #FormConnexion{
	padding-top:10px;
	clear:both;
}

#texte_colonne_milieu_haut input{
	width:160px;
	height:15px;
	font-size:10px;
	background:#f1f7f9;
}

#texte_colonne_milieu_haut select{
	font-size:10px;
	background:#f1f7f9;
}

#texte_colonne_milieu_haut label{
	color:#768087;
	font-size:10px;
	text-align:left;
	float:left;
}

#elementFormInscription{
	text-align:right;
	padding-bottom:10px;
}

#texte_colonne_milieu_haut #FormInscription1{
	float:left;
	width:245px;
}

#texte_colonne_milieu_haut #FormInscription2{
	float:right;
	width:250px;
}

/****************** DIVERS *****************************************/

A.lien1:link, A.lien1:visited, A.lien1:active {
	background:url(../images/commun/fleche.gif) no-repeat left 3px;
	color: #172228;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:10px;
	text-decoration:underline;
	font-weight:bold;
}
A.lien1:hover {
	color: #000;
	text-decoration:none;
}

A.lien2:link, A.lien2:visited, A.lien2:active {
	background:url(../images/commun/fleche.gif) no-repeat left 3px;
	color: #4bb8f0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:10px;
	text-decoration:underline;
	font-weight:bold;
}
A.lien2:hover {
	color: #ffffff;
	text-decoration:none;
}

A.lien3:link, A.lien3:visited, A.lien3:active {
	background:url(../images/commun/fleche_bleu.gif) no-repeat right 3px;
	color: #4bb8f0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right:10px;
	text-decoration:underline;
	font-weight:bold;
}
A.lien3:hover {
	color: #172228;
	text-decoration:none;
}

A.lien_blanc:link, A.lien_blanc:visited, A.lien_blanc:active {
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;
}
A.lien_blanc:hover {
	color: #ffffff;
	text-decoration:none;
}

/******************* BILLETTERIE *************************************/

#colonne_billetterie{
	float:left;
	width:161px;
}

#haut_colonne_billetterie{
	height:106px;
}

#contenu_colonne_billetterie{
	background:url(../images/colonne_bas_milieu/reservation/billetterie/fd_contenu_colonne.gif) left top repeat-y;
	color:#172f3b;
	font-size:10px;
	padding:13px 0px 10px 11px;
	text-align:center;
}

#bas_colonne_billetterie{
	background:url(../images/colonne_bas_milieu/reservation/billetterie/fd_bas_colonne.gif) left top no-repeat;
	height:75px;/*48px*/
	margin-bottom:9px;
	color:#172f3b;
	font-size:10px;
	padding-left:11px;
	text-align:center;
}

#debut_ligne_gauche{
	float:left;
	width:9px;
	height:225px;
	background:url(../images/colonne_bas_milieu/reservation/billetterie/fd_gauche.gif) left 99px no-repeat;
}

#debut_ligne_droite{
	float:left;
	width:19px;
	height:225px;
	background:url(../images/colonne_bas_milieu/reservation/billetterie/fd_droit.gif) right 99px no-repeat;
}