#actualites { width: 295px; margin-right: 30px; height: 90px; }
#actualites, #actualites2 UL { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
#actualites P, #actualites2 P { margin: 0px; }
	#actualites2 LI { clear: both; padding-top: 20px; }
		#actualites2 LI:first-child { padding-top: 0; }
	#actualites .titre, #actualites2 .titre { color: #FFFFFF; font-weight: bold; text-transform: uppercase; }
	#actualites .image, #actualites2 .image { float: left; width: 70px; padding-right: 10px; }
	#actualite .image { float: left; width: 200px; }
	#actualites .actualite { float: left; width: 215px; }
	#actualites2 .actualite	{ float: left; width: 485px; }
	#actualite .actualite { float: left; width: 309px; padding-right: 30px; }

	.actualite A { margin-top: 15px; display: block; }

#footer { clear: both; width: 1000px; margin: 0 auto; overflow: hidden; padding: 20px 0px; }
	#footer .col1 { width: 800px; }
	#footer .col2 { width: 176px; float: right; text-align: right; padding-right: 14px; }
	#footer UL { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
	#footer LI { float:left; font-family: Verdana, Genova, sans-serif; font-size: 10px; line-height: 22px; margin-left: 7px; }
		#footer LI:first-child { border: none; margin-left: 0; padding-left: 14px; }
	#footer LI A { font-family:arial !important; color: #48B2EE; text-decoration: none; line-height: 22px; border-left: 1px solid #48B2EE; padding-left: 8px; }
		#footer A:hover { color: #FFFFFF; }
	#footer .network  { display: block; text-indent: -9999px; width: 22px; padding-left: 0px; border: none; height: 22px; background: url('../images/commun/reseaux.png') top left; }
		#footer .infosFooter { clear:both; margin-left:15px;}
		#footer .tweeter { background-position: 0 0; }
			#footer .tweeter:hover { background-position: 0 -22px; }
		#footer .facebook { background-position: -22px 0; }
			#footer .facebook:hover { background-position: -22px -22px; }
	#footer .col2 UL { float: right; }
	#footer .col2 LI { padding: 0; }
	#footer .col2 A { border: none; margin: 0; padding: 4px 0 0 0; display: block; }

#actualite_accueil2 {
	overflow: auto;
	height: 315px;
	width: 535px;
}

/* 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:145px !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;
	padding-top:5px;
}

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