.nettoyeur { 
	clear:both; 
	margin:0px; 
	padding:0px; 
	border:none; 
	height:0px; 
	line-height:1px; 
	font-size:1px; 
}

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

a:hover { 
	text-decoration:underline; 
}

img{
	vertical-align:middle;
	border:none;
}

textarea{
	font-family:Arial;
	font-size:13px;
}

body {
	text-align:center;
	font-size:11px;
	color:#333;
	font-family:Arial;
	margin-top:0px;
}

#principale{
	background:#ffffff url('../img/header.jpg') top left no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width:965px;
}

#page {
	background:#ffffff url('../img/fondtransparent.jpg') top left repeat-y;
	width:955px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
}

#page2 {
	background:#ffffff url('../img/fondtransparent2.jpg') top left repeat-y;
	width:955px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
}

#conteneur {
	background:#fff url('../img/fond.jpg') top left repeat-y;
	width:955px;
	margin:0px;
	padding:0px;
}

#entete {
	width:955px;
	height:159px;
}

#pied {
	width:770px;
	padding:2px;
	text-align:center;
	float:right;
	margin-top:10px;
}

#sous_footer{
	background:#ffffff url('../img/sous_footer.jpg') top left no-repeat;
	width:965px;
	height:11px;
	margin-left:auto;
	margin-right:auto;
}

#sous_footer2{
	background:#ffffff url('../img/sous_footer2.jpg') top left no-repeat;
	width:965px;
	height:11px;
	margin-left:auto;
	margin-right:auto;
}

#menu{
	background:#fff url('../img/fond.jpg') top left repeat-y;
	height:38px;
}

#menu_lateral{
	float:left;
	width:161px;
	padding-top:5px;
	padding-left:2px;
}

#contenu{
	float:right;
	width:770px;
	height:auto !important;
	min-height:410px;
	height:410px;
	padding-top:20px;
	padding-left:9px;
	padding-right:11px;
}

#newsletter{
	background:#fff url('../img/newsletter.jpg') top left no-repeat;
	width:144px;
	height:35px;
	padding-top:25px;
	padding-left:8px;
}

.input_newsletter{
	border:none;
	width:118px;
}

.bouton_newsletter{
	position:relative;
	top:5px;
}

.reservation{
	margin-left:-2px;
	margin-top:10px;
	margin-bottom:10px;
}

.titre{
	background:#009DD4 url('../img/titre.jpg') top left no-repeat;
	width:745px;
	height:41px;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

.titre strong{
	font-size:18px;
}

.colonne{
	width:235px;
	float:left;
	padding-top:20px;
	padding-left:12px;
	padding-right:8px;
}

.colonne a{
	color:#009DD4;
}

.grand{
	font-size:12px;
}

.color{
	color:#009DD4;
}

.colorf{
	color:#005D92;
}

.color span{
	margin-right:5px;
}

.colorf span{
	margin-right:5px;
}

.text{
	text-align:justify;
	margin-top:10px;
	margin-bottom:5px;
}

.floatLeft{
	float:left;
	margin-right:10px;
	height:30px;
}

.left{
	float:left;
	margin-right:10px;
}

#actu_home{
	background-color:#BBBBBB;
	color:#FFFFFF;
	width:743px;
	height:149px;
	margin-left:12px;
	margin-top:10px;
	margin-bottom:10px;
}

.photo{
	float:left;
	width:246px;
}

.photo a{
	float:left;
	width:226px;
	padding: 5px 0 5px 20px;
	margin:15px 0 0;
	color:#FFFFFF;
	background-color:#666666;
	font-weight:bold;
}

.photo div p{
	float:left;
	width:246px;
	padding: 5px 0 5px;
	margin:25px 0 0;
	color:#FFFFFF;
	text-align:center;
	background-color:#009dd4;
	font-weight:bold;
	font-size:14px;
}
.photo div a{
	margin:10px 0 0;
}

#actu_home_texte{
	float:left;
	padding-top:10px;
	width:440px;
	height:115px;
	overflow:hidden;
	text-align:justify;
}

#en_savoir_plus{
	float:left;
	width:440px;
	text-align:right;
}

.image_droite{
	float:right;
}

#interieur{
	background-color:#e1e1e1;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#ravel{
	background-color:#ffffff;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#droite{
	position:relative;
	background-color:#CCCCCC;
	width:504px;
	float:right;
	height:auto!important;
	min-height:410px;
	height:410px;
}

#onglets{
	float:left;
	width:440px;
}

#texte{
	float:left;
	width:440px;
	text-align:justify;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}

#texte ul{
	text-align:left;
}

#texte p{
	margin-top:5px;
	margin-bottom:5px;
}

.agences{
	float:left;
	width:200px;
	margin-right:20px;
	margin-top:20px;
	text-align:center;
}

.agence{
	margin-bottom:20px;
}

.label{
	float:left;
	width:115px;
	margin-right:10px;
}
span.label{
	width:90px;
}


.input{
	width:230px;
}
.select{
	width:234px;
}
.erreur{
	font-weight:bold;
	color:#FF0000;
}

dl{
	margin-right:20px;
}

.agence ul{
	margin-top:0px;
	margin-left:0px;
	padding-left:20px;
}

.underline a{
	text-decoration:underline;
}

#contactLien{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	width:504px;
}

#contactLien2{
	text-align:center;
	padding-bottom:10px;
	font-weight:bold;
}

.centrer{
	text-align:center;
}

.info_voyageurs li{
	list-style-image:url('../img/fleche2.jpg');
}

.info_voyageurs ul ul li{
	list-style-image:none;
}

.schema{
	width:290px;
	float:right;
}

.schema ul{
	margin-top:5px;
	margin-bottom:5px;
}

#login{
	width:325px;
	height:236px;
	float:left;
	margin-right:16px;
	background:url(../img/login.gif) top left no-repeat;
	padding:15px 27px 15px 15px;
}

#login p.erreur{
	text-align:center;
	padding:15px 0;
}

#account{
	width:317px;
	height:236px;
	float:left;
	background:url(../img/account.gif) top left no-repeat;
	padding:15px 35px 15px 15px;
}

#account #create-account{
	margin-top:96px;
	margin-left:70px;
}

#btn-valider{
	width:214px;
	height:29px;
	background:url(../img/create-account2.gif) top left no-repeat;
	border:none;
	cursor:pointer;
	outline:none;
}

#btn-modifier{
	cursor:pointer;
	width:214px;
	height:29px;
	background:url(../img/modify-account.jpg) top left no-repeat;
	border:none;
	outline:none;
	margin:15px 0 0 0;
}

#btn-recherche{
	cursor:pointer;
	outline:none;
	width:214px;
	height:29px;
	background:url(../img/btn-recherche.gif) top left no-repeat;
	border:none;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
.horaireVoyage a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 18px 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 208px;
	float: left;
}
.horaireVoyage input.dp-applied {
	width: 90px;
	float: left;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* RECAPITULATIF COMMANDE */

.recapitulatif #droite{
	min-height:387px;
	height:387px;
}

.recapitulatif #detail{
	padding: 15px;
}

.recapitulatif .DetailTitle{
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	padding:5px;
}

.recapitulatif #detail .dossierVoyage .head{
	background-color:#009DD4;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:720px;
}

.recapitulatif #detail .dossierVoyage .childHead{
	background-color:#333333;
	color:#FFFFFF;
	font-size:12px;
	padding: 2px 5px;
	width:710px;
}

.recapitulatif #detail .dossierVoyage .head span{
	float:left;
	padding:5px 0;
	text-align:center;
}

.recapitulatif #detail .dossierVoyage .head .allerRetour{
	width:25px;
}

.recapitulatif #detail .dossierVoyage .head .ville{
	width:245px;
}

.recapitulatif #detail .dossierVoyage .head .passager{
	width:100px;
	border-left:1px solid white;
	border-right:1px solid white;
	font-weight:normal;
	margin:0;
}

.recapitulatif #detail .dossierVoyage .head .price{
	width:100px;
	text-align:right;
}

.recapitulatif #detail .dossierVoyage .train{
	border: 2px solid #333333;
	border-bottom: 2px dotted #333333;
	width:720px;
	margin-bottom:10px;
}

.recapitulatif #detail .dossierVoyage .train .bleuGras{
	font-weight:bold;
	color:#009DD4;
}

.recapitulatif #detail .dossierVoyage .train .separateurBorderTab{
	border-bottom: 1px solid #333333;
}

.recapitulatif #detail .dossierVoyage .train .separateurTab{
	padding-bottom:1px;
}

.recapitulatif #detail .dossierVoyage .passager{
	border: none;
	width:720px;
	margin-bottom: 20px;
}

.recapitulatif #detail .dossierVoyage .passager .separateurBorder td{
	border-top:1px solid #999999;
}

/* Recap Reservation */

#texte .commande{
	margin-bottom:15px;
}

#texte .commande .title{
	background-color:#666666;
	display:block;
	padding:2px 5px;
	color:#FFFFFF;
	font-weight:bold;
}

#texte .statut strong{
	color:#009DD4;
}

#texte .commande .statut strong{
	color:#009DD4;
}

#texte .commande a{
	background-color:#009DD4;
	color:#FFFFFF;
	float:right;
	font-weight:bold;
	margin:10px 0 0;
	padding:5px;
	text-align:center;
}

#createAccount p label, #updateAccount p label, #recherche p label, #personneSup p label{
	width:145px;
}