body {
	margin: 0px;
	background: url(../images/bg.gif) repeat-x;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #484848;
}

p {
	margin:4px 0;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.break {
	clear:both;
}

.spacing-images {
}

.spacing-images img{
	padding: 8px;
}

.totale {
	margin-left: auto;
	margin-right: auto;
	width: 914px;
}

.bandeau-haut {
	background: url(../images/logo.gif) left no-repeat;
	height: 89px;
}

.bandeau-titre {
	background-color: #000;
}

.titre-gauche {
	float: left;
	width: 50%;
	background:url(../images/bas-gauche.gif) left no-repeat;
	height: 78px;
}

.titre-droite1 {
	float: right;
	width: 50%;
	background:url(../images/bienvenue.gif) right no-repeat;
	height: 78px;
}

.bandeau-milieu {
}

.bandeau-gauche {
	float: left;
	width: 251px;
}

.bandeau-droit {
	float: right;
	width: 639px;
	height: 563px;
	height: auto;
	min-height: 563px;
	background: url(../images/ombre.gif) left no-repeat;
	padding-left: 24px;
	padding-top: 37px;
}

.bandeau-bas {
	background: url(../images/footer.gif) no-repeat;
	background-color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	text-align: center;
	min-height: 37px;
	height: 37px;
	height: auto;
}

.login {
	background: url(../images/menu.jpg) no-repeat;
	height: 89px;
	width: 218px;
	padding-left: 10px;
	padding-right: 23px;
	padding-top: 35px;
	font-size: 13px;
	font-weight: bold;
}
.listing {
	padding-bottom: 10px;
	font-weight: bold;
}

.bloc1 {
	background: url(../images/bloc1.gif);
	width: 624px;
	height: 34px;
	padding-left: 15px;
}

.bloc2 {
	background: url(../images/bloc2.jpg) no-repeat;
	width: 609px;
	height: 160px;
	height: auto;
	min-height: 160px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 16px;
}

.titre-bloc1 {
	background: url(../images/titre-bloc.gif) repeat-x top;
	font-size: 14px;
	font-weight: bold;
	color: #e2007a;
	padding-bottom: 10px;
}

.bouton {
	width: 89px;
	height: 22px;
	background: url(../images/valider.gif);
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.selection {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #e2007a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
}

.champ-txt {
	width: 134px;
	height: 17px;
	background: url(../images/champ-txt.gif);
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 20px;
	border: 0px;
	color: #000;
	font-size: 11px;
}

.champ-txt2 {
	width: 134px;
	height: 17px;
	background: url(../images/champ-txt.gif);
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin: 0px;
	border: 0px;
	color: #000;
	font-size: 11px;
}

.spacing {
	background:url(../images/spacing.gif);
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.center {
	text-align: center;
}

.bloc-colonnes {
}

.ligne1 {
}

.ligne2 {
	border-top: 1px dashed #e2007a;
	margin-top: 5px;
	padding-top: 5px;
}

.nom-switch {
	width: 49%;
	float: left;
}

.edit-switch {
	width: 49%;
	text-align: right;
	float: right;
}

.cartes {
	padding: 0;
	margin: 0;
	margin-left: 45px;
	list-style: square;
}

/* -------------- Menu -------------- */

.menu {
	background: url(../images/menu.jpg) no-repeat bottom;
	padding-top: 37px;
	padding-bottom: 15px;
}

.menu ul {
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	list-style: none ;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menu0 {
}

.menu0 a {
	display: block ;
	background: url(../images/espace_client1.gif) top center no-repeat;
	height: 23px;
}

.menu0 a:hover, .menu1 a:focus, .menu1 a:active {
	background: url(../images/espace_client2.gif) top center no-repeat ;
}

.menu1 {
}

.menu1 a {
	display: block ;
	background: url(../images/coordonnees1.gif) top center no-repeat;
	height: 23px;
}

.menu1 a:hover, .menu1 a:focus, .menu1 a:active {
	background: url(../images/coordonnees2.gif) top center no-repeat ;
}

.menu2 {
}

.menu2 a {
	display: block ;
	background: url(../images/stat1.gif) top center no-repeat;
	height: 23px;
}

.menu2 a:hover, .menu2 a:focus, .menu2 a:active {
	background: url(../images/stat2.gif) top center no-repeat ;
}

.menu3 {
}

.menu3 a {
	display: block ;
	background: url(../images/tickets1.gif) top center no-repeat;
	height: 23px;
}

.menu3 a:hover, .menu3 a:focus, .menu3 a:active {
	background: url(../images/tickets2.gif) top center no-repeat ;
}

.menu4 {
}

.menu4 a {
	display: block ;
	background: url(../images/grille1.gif) top center no-repeat;
	height: 23px;
}

.menu4 a:hover, .menu4 a:focus, .menu4 a:active {
	background: url(../images/grille2.gif) top center no-repeat ;
}

.menu5 {
}

.menu5 a {
	display: block ;
	background: url(../images/recharges1.gif) top center no-repeat;
	height: 23px;
}

.menu5 a:hover, .menu5 a:focus, .menu5 a:active {
	background: url(../images/recharges2.gif) top center no-repeat ;
}

.menu6 {
}

.menu6 a {
	display: block ;
	background: url(../images/compte1.gif) top center no-repeat;
	height: 23px;
}

.menu6 a:hover, .menu6 a:focus, .menu6 a:active {
	background: url(../images/compte2.gif) top center no-repeat ;
}

.menu7 {
}

.menu7 a {
	display: block ;
	background: url(../images/programme1.gif) top center no-repeat;
	height: 23px;
}

.menu7 a:hover, .menu7 a:focus, .menu7 a:active {
	background: url(../images/programme2.gif) top center no-repeat ;
}

/* -------------- Contenu des pages -------------- */

.form {
	border-bottom: 1px dashed #e2007a;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

.bloc-gauche {
	float: left;
	width: 48%;
}

.bloc-droite {
	float: right;
	width: 48%;
}

.grille {
	width: 610px;
}

.grille td {
	border-bottom: 1px dashed #e2007a;
	width: 25%;
	height: 20px;
}

.grille2 {
	width: 610px;
}

.grille2 td {
	border-bottom: 1px dashed #e2007a;
	width: 101px;
	height: 20px;
}

.grille3 {
	width: 610px;
}

.grille3 td {
	border-bottom: 1px dashed #e2007a;
	height: 20px;
}

/* -------------- Fonts -------------- */

.magenta-gras {
	font-weight: bold;
	color: #e2007a;
}

.magenta {
	color: #e2007a;
}

/* -------------- Inputs -------------- */

.input-valider {
	width: 89px;
	height: 22px;
	background: url(../images/valider.gif);
	border: 0px;
}

.input-deconnexion {
	width: 89px;
	height: 22px;
	background: url(../images/deconnexion.gif);
	border: 0px;
}

.input-retablir {
	width: 89px;
	height: 22px;
	background: url(../images/retablir.gif);
	border: 0px;
}

.input-retour {
	width: 89px;
	height: 22px;
	background: url(../images/retour.gif);
	border: 0px;
}

.input-continuer {
	width: 89px;
	height: 22px;
	background: url(../images/continuer.gif);
	border: 0px;
}

.input-afficher {
	width: 89px;
	height: 22px;
	background: url(../images/afficher.gif);
	border: 0px;
}

.input-exporter {
	width: 89px;
	height: 22px;
	background: url(../images/exporter.gif);
	border: 0px;
}

	

/* -------------- Liens -------------- */

a {
	color: #e2007a;
	text-decoration: none;
}

a:hover {
	color: #660a3c
}

.lien-logo1 {
	width: 155px;
	height: 89px;
	display: block ;
}

.lien-logo2 {
	width: 210px;
	height: 40px;
	display: block ;
	
}

/* --------------- Calendrier -------------- */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #e2007a;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}