@import url('reset.css');
@import url('horaires.sliders.css');

/* =1 Global ------------------------------------------------*/
body {
    background:   #337599 url('../images/bg_body.png') repeat-x fixed;
    color:	    #666666;
    font: 	    normal 12px Arial, Geneva, Helvetica, sans-serif;
    line-height:    1;
    vertical-align: top;
}
.float-right{ float: right; }
.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }
.left10{left:10px;}
.intro{
    color: #BC7A03;
    font-weight: bold;
    font-size:12px;
}
.w254{width: 254px;}
.display-block{display: block;}
.display-none{display:none;}
.clear-both{clear:both;}
.color-green{color: #51bd3e;}

/* =2 Links ------------------------------------------------------*/
a:link, a:visited { text-decoration: none; color: #838383; }
a:hover { text-decoration: none; color:	#2d2827; }
a:active { text-decoration: none; color: #dedc24; }

/* =3 Headings -----------------------------------------------------*/
h1 {
    border-bottom:  dashed 1px #BC7A03;
    color:          #BC7A03;
    font:           1.4em bold Verdana, Arial, Geneva, Helvetica, sans-serif;
    padding-bottom: 8px;
    text-transform: uppercase;
}
h2 {
    font: 1.2em Verdana, Arial, Geneva, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight:    bold;
    margin-bottom:  10px;
    color:          #BC7A03;
}
h3 {font: 1.2em Verdana, Arial, Geneva, Helvetica, sans-serif;}
h4 {font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif;}
h5 {font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif;font-weight: bold;}
h6 {font: 0.7em Verdana, Arial, Geneva, Helvetica, sans-serif;}

/* =4 Header ---------------------------------------------------*/
div#header{background:#fff url('../images/bg_header.png') no-repeat; height:240px;width:900px}
div#header-accueil{background-color:#fff;height:240px;width:900px;}
div#ombre_header{
	width: 930px; 
	margin: 15px auto 0 auto;
}
div#english-accueil{
    background-color:   #fff;
    height:             20px;
    padding:            6px 0 0 4px;
    position:           absolute;
    top:                225px;
    width:              154px;
	z-index: 			1000;
}
div#english-accueil a{
    font: 10px Verdana;
    font-weight: bold;
}
div#english-accueil img{vertical-align: middle;}

div#english{
    background-color:   #fff;
    height:             20px;
    padding:            6px 0 0 4px;
    position:           relative;
    top:                202px;
    width:              154px;
}
div#english a{font: 10px Verdana;}
div#english img{vertical-align: middle;}

/* =5 Navigation -------------------------------------------------*/
div#nav{
    background:     #d9d9d9 url('../images/bg_nav_vel.gif') repeat-x;
    border:         solid 1px #fff;
    border-top:     none;
    font:           11px Arial, sans-serif;
    height:         36px;
    width:          898px;    
}
div#nav li{
    background:     #fff url('../images/bg_nav.gif') repeat-x;
    border-right:   dashed 1px #E1C58C;
    float:          left;
    height:         35px;
}
div#nav li.menu-actif{background:     #fff url('../images/bg_nav_roll.gif') repeat-x;}
div#nav li:hover{
    background:     #fff url('../images/bg_nav_roll.gif') repeat-x;
    cursor:         pointer;
}
div#nav li.vel{
    background:     #fff url('../images/bg_nav_vel.gif') repeat-x;
    border:         none;
    float:          left;
    height:         35px;
    width:          250px;
}
div#nav li.vel a{
    left:       0px;
    position:   relative;
    padding-right: 60px;
}
div#nav li.vel a img{margin-right: -2px;}

div#nav li a{
    color:          #fff;
    display:        block;
    height:         35px;
    line-height:    35px;
}
div#nav li a#li1{ width: 92px;}
div#nav li a#li2{ width: 148px;}
div#nav li a#li3{ width: 99px;}
div#nav li a#li4{ width: 86px;}
div#nav li a#li5{ width: 112px;}
div#nav li a#li6{ width: 105px;}
div#nav li a img{margin: 0px;}

/* =6 Middle ----------------------------------------------------*/
div#ombre{
    background: transparent url('../images/fond_degrade-trans.png') repeat-y;
    _background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/fond_degrade-trans.png');    margin: 0px auto;
    /*height: 791px;*/
    width:  930px;
}
div#wrapper{
    margin: 0 auto;
    width:  900px;
}
div#main{
    background-color:   #fff;   
    width:              900px;
}
div#resa_accueil{
    background:     #fff url('../images/bg_resa.png') no-repeat;
    float:          right;
    height:         224px;
    padding:        10px 0;
    width:          252px;    
}
div#resa{
    background:     #fff url('../images/bg_resa_long.png') no-repeat;
    float:          right;
    height:         401px;
    padding:        10px 0;
    padding-bottom: 0px;
    width:          251px;    
}
div#content{
    padding:        1px 0 0 1px;
    text-align:     left;
    min-height:     405px;
}
div#bandeau-accueil{
    background: #fff url('../images/bandeau_accueil.png') no-repeat;
    height:     250px;
	margin: 	0;
	padding: 	0;
	overflow: 	hidden;
	width: 		644px;
}
div#accueil{padding:  20px 25px;}
div.bloc-accueil{
    color:          #5a5a5a;
    font-family:    Verdana, sans-serif;
    font-size:      10px;
    height:         170px;
    line-height:    13px;
    position:       relative;
    text-align:     justify;
    width:          272px;
}
div.bloc-accueil li{
    list-style:     disc;
    margin-left:    14px;
}
p#titre_ligne_mm{
    color:          #d00427;
    font-family:    Verdana, sans-serif;
    font-weight:    bold;
    font-size:      10px;
}
p#titre_ligne_c{
    color:          #135AA4;
    font-family:    Verdana, sans-serif;
    font-weight:    bold;
    font-size:      10px;
}
#bloc-3{
    position:relative;
    text-align:right;
    top:	-20px;
}
div#interieur{
    text-align: justify;
    margin:     0;
    padding:    25px;
    width:      648px;
}
.int_accordion{
    text-align: left;
    padding:    30px;
}
div#droite{margin-right: 50px;}
div.bloc{
    color:          #5a5a5a;
    font-family:    Verdana, sans-serif;
    font-size:      11px;
    line-height:    15px;
    position:       relative;
    text-align:     justify;
}
div.bloc li{
    list-style:     disc;
    margin-left:    14px;
}
div.bloc img{margin-top:     8px;}
div.bloc_tarif{
    float:	left;
    margin: 	20px 10px;
    width: 	260px;
    padding: 	5px;
}
div.bloc_tarif h4{font-weight: bold;}
div.bloc_tarif table{width: 100%;}
div.bloc_tarif table td{
    text-align: left;
    height: 20px;
}
div#clear-tarif{width: 500px;}
div#texte-tarif{
    position: relative;
    top:	-200px;
    padding-left:	10px;
    width:		600px;
}
div#texte-tarif p{margin-bottom:	10px;}
.table_110{border: 1px solid #D5A564;}
.table_110 td{
	padding: 5px;
    border: 1px solid #D5A564;
}
.table_110 .pair{background-color: #EFC377;}
.table_110 .impair{background-color: #fff;}
.table_210{border: 1px solid #7A9EC0;}
.table_210 td{
    padding:    5px;
    border: 1px solid #7A9EC0;
}
.table_210 .pair{background-color:#A7CCDF;}
.table_210 .impair{background-color: #fff;}
.black-list{    
    background-color:   #f86666;
    color: #fff;
}
#legend-horaires{
    border:     solid 1px #F86666;
    font-size:  11px;
    margin:     3px 4px 0 9px;
    padding:    5px;
    text-align: left;
    width:	140px;	
}
#texte-horaire{
    width: 600px;
    margin-bottom: 10px;
}
div#boutique{
    text-align: left;
    margin:     0;
    padding:    10px;
    width:      628px;
}
div#boutique ul#liste_etape{
	width: 635px;
	height: 30px;
	margin-bottom: 20px;
}
div#boutique ul#liste_etape li{
	float: left;
	text-align: center;
	height: 30px;
	margin: 0 15px;
}
div#boutique ul#liste_etape li.etape_active{font-weight: bold;}
div#boutique ul#liste_etape li.separation{
	background: url('/images/separateur_etapes.gif') no-repeat;
	width: 10px;
}
div#boutique table#liste_commandes{
	border: 1px solid black;
	width: 100%;
}
div#boutique table#liste_commandes th{
	background-color: #EFEFEF;
	height: 20px;
	font-weight: bold;
	padding-left: 3px;
}
div#boutique table#liste_commandes td{
	height: 30px;
	padding-left: 3px;
}
div#boutique table#liste_commandes tr td hr{
	background-color: #efefef;
	border: none;
	height: 3px;
}
div#boutique #bloc_connexion{
	float: left;
	width: 280px;
	height: 170px;
	border: 1px solid black;
	margin-left: 20px;
	padding: 5px;
}
div#boutique #bloc_connexion label{
	width: 90px;
	float: left;
}
div#boutique #bloc_connexion p{
	margin: 8px 0;
}
div#boutique #bloc_inscription{
	float: left;
	width: 280px;
	height: 170px;
	border: 1px solid black;
	margin-left: 10px;
	padding: 5px;
}
div#boutique #bloc_inscription ul{
	height: 30px;
	margin: 5px 0 20px 15px;
}
div#boutique #bloc_inscription ul li{
	list-style-type: disc;
	margin-bottom: 5px;
}
div#boutique #bloc_inscription a.bouton{
	background-color: 	#757575;
	border: 			1px solid black;
	color: 				white;
	font-size: 	        11px;
	font-weight: 		bold;
	padding:            2px 10px;
}
div#connexion_msg_erreur{
    text-align: left;
    margin-top: 20px;
}
div#boutique #bloc_facturation label{
	float: left;
	width: 100px;
}
div#boutique #bloc_facturation p{margin: 8px 0;}
div#boutique #bloc_carte_bancaire img{margin: 0 5px;}
div.table_station11{width: 185px;margin-bottom:50px}
div.table_station11 table{border: solid 1px #D5A564;margin-left: 10px;}
div.table_station11 td{padding: 10px 5px;}
div.table_station11 td.pair{background-color: #EFC377;}
div.table_station12{width: 185px;margin-bottom:50px}
div.table_station12 table{border: solid 1px #D5A564;margin-left: 10px;}
div.table_station12 td{padding: 10px 5px;}
div.table_station12 td.pair{background-color: #EFC377;}
div.table_station23{width: 185px;margin-bottom:50px}
div.table_station23 table{border: solid 1px #7A9EC0;margin-left: 10px;}
div.table_station23 td{padding: 10px 5px;}
div.table_station23 td.pair{background-color: #A7CCDF;}
div.table_station24{width: 185px;margin-bottom:50px}
div.table_station24 table{border: solid 1px #7A9EC0;margin-left: 10px;}
div.table_station24 td{padding: 10px 5px;}
div.table_station24 td.pair{background-color: #A7CCDF;}
div.table_horaire1 table{border: solid 1px #D5A564;margin-left: 10px;}
div.table_horaire1 td{padding: 10px 5px;}
div.table_horaire1 td.pair{background-color: #EFC377;}
div.table_horaire2 table{border: solid 1px #7A9EC0;margin-left: 10px;}
div.table_horaire2 td{padding: 10px 5px;}
div.table_horaire2 td.pair{background-color: #A7CCDF;}
.toggle_infos_commandes:hover{cursor: pointer;}
.infos_commande{display:    none;}
table#infos_client{
    border: 1px solid black;    
    width: 636px;
}
table#infos_client th{
	background-color: #EFEFEF;
	height: 20px;
	font-weight: bold;
	padding-left: 3px;
}
table#infos_client td{  
	height: 30px;
	padding-left: 3px;
}
.table_infos_commande{
    border: 1px solid #ccc;
    width: 630px;
    margin-bottom: 2px;
}
.table_infos_commande td{
    border: 1px solid #ccc;
    padding: 5px 3px;
    font-size: 10px;
}
ul#liens-utiles{
    text-align: left;
    width:	600px;
}
ul.liens-utiles{
    text-align: left;
    width:	600px;
}
#content_cgv{
    text-align: justify;
    font-size: 12px;
}

/* =7 Form -------------------------------------------------------*/
div#form_resa{
    margin:         40px auto;
    text-align:     left;
    width:          224px;    
}
div#form_resa label{
    color:          #fff;
    font-size:      9px;
    font-weight:    bold;
}
div#form_resa .table-resa{
    position: 	relative;
    left:	2px;
}
div#form_resa .input-date{
    width: 153px;
    font-size: 9px;
}
.submit{
	background-color: 	#757575;
	border: 		1px solid black;
	color: 			white;
	font-size: 	        11px;
	font-weight: 		bold;
	padding:                2px 10px;
}
#impression-ticket{
	background-color: 	#757575;
	border: 			1px solid black;
	color: 				white;
	font-size: 	        15px;
	font-weight: 		bold;
	text-transform:		uppercase;
	padding:            4px 10px;
}
div#form_resa select{
    font-size:  9px;
    width:      175px;
}
div#form_resa img{vertical-align: middle;}
div#form_resa tr{height: 20px;}
div#dialog_resa_erreur{
    display: none;
    background-color: #FFDFDF;
    border-top: solid 1px #DF7D7D;
    border-bottom: solid 1px #DF7D7D;
    font-size:	9px;
    color:	#AF4C4C;
    padding: 8px;
    margin-top:	20px;
    height:		12px;    
}
span#close_dialog_resa_erreur{
    background-color:	#AF4C4C;
    color: 		#AF4C4C;
    cursor:		pointer;
    float: 		right;
    position:		relative;
    right:		-8px;
    top:		-18px;
}
.ui-fix-compte{
    border: 	1px solid #aaaaaa;
    background: #cccccc url('../images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
    color: 		#000000;
    font-weight: bold; 
    height: 	20px;
}
#tabs-resa{
    position: 	relative;
    top:		-28px;
    left:		-11px;
    width: 		240px;
}
.ui-fix-resa{
    border: 		1px solid #aaaaaa;
    background: 	#cccccc url('../images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
    color: 			#000000;
    font-weight:	bold; 
    height: 		20px;
    padding: 		5px;
    font-size: 		0.9em;
}
.ui-fix-resa{
    border-width:0;
    display:block;
    padding:1em 0.3em;
}
div#compte{padding: 10px;}
div#compte fieldset{
	border: 1px solid #EFEFEF;
	padding: 5px;
	width: 615px;
}
div#compte legend{
	font-weight: bold;
	margin-left: 10px;
	color: #666666;
}
div#compte p{margin: 8px 0;}
div#compte label{
	float: left;
	width: 190px;
}
div#compte .bloc_erreur{
	background-color: #FFEFEF;
	border: 1px solid red;
	text-align: center;
	padding: 5px;
	margin: 10px 0;
	width: 615px;
}
div#compte .bloc_valide{
	background-color: #D8F7D8;
	border: 1px solid green;
	text-align: center;
	padding: 5px;
	margin: 10px 0;
	width: 615px;
}
.erreur{
	background-color: #FFEFEF;
	border: 1px solid #d51212;
	color: #d51212;
	text-align: center;
	padding: 8px;
	margin: 10px 0;
	width: 200px;
}
.valide{
	background-color: #D8F7D8;
	border: 1px solid #1dcc58;
	color: #1dcc58;
	text-align: center;
	padding: 8px;
	margin: 10px 0;
	width: 200px;
}
.notification{
	background-color: #FEEFB3;
	border: 1px solid #9F6000;
	color: #9F6000;
	text-align: center;
	padding: 8px;
	margin: 10px 0;
	width: 200px;
}
.notification-long{
	background-color: #FEEFB3;
	border: 1px solid #9F6000;
	color: #9F6000;
	text-align: center;
	padding: 8px;
	margin: 10px 0;
	width: 580px;
}
#panier table td{
    font-size:		11px;
    line-height:	22px;
    padding:		2px 0;
}
div#tabs-compte{width: 640px;}
.link-panier{	
	background-color: 	#e9e9e9;
	border: 			1px solid #cacaca;
	font-size: 	        11px;
	margin-right:		10px;
	padding:            5px 10px;
}
.link-panier:hover{	
	background-color: 	#cacaca;
	border: 			1px solid #919191;
}

/* =8 Extra -------------------------------------------------------*/
#plan{padding: 35px;}
#plan li{line-height: 20px;}
.msg_panel{
    height: 20px;
    margin-top: -5px;
    padding: 10px;
    text-align: center;
    width: 400px;
}
.msg_erreur{color: #d51212;}
.msg_valide{color: #1dcc58;}
span#lien_deco{
    cursor: pointer;
    float:      right;
    position:   relative;
    right:      8px;
    top:        -18px;
}
span#lien_deco span{
    position:   relative;
    top: -2px;
}
span#lien_deco:hover{
    cursor: pointer;
    text-decoration: underline;
}
#pas_connecte{margin-top: 20px;}

#pas_connecte span#ouvre_login:hover{
    cursor: pointer;
    text-decoration: underline;
}
div#oubli_mdp{
    background-color: #eee;
    padding: .3em; 
}
div#oubli_mdp fieldset{
    padding:0;
	border:0;
	margin-top:25px; 
}
.input-text{
    margin-bottom:12px;
	width:95%;
	padding: .4em;
}
#afficheFormAR{display: none;}
#fieldset-resa{
    border: 	dashed 1px #555;
    height:	80px;
    margin: 	0 auto;
    padding: 	5px 17px;
    width: 	250px;
}
#fieldset-resa legend{padding: 	0 5px;}
#fieldset-resa select{
    font-size:  9px;
    width:      140px;
}
#fieldset-resa img{vertical-align: middle;}
input#login{font-size:  11px;}

/* =9 Footer -----------------------------------------------------*/
div#footer{
    background:    #ddd url('../images/bg_footer.gif') no-repeat;
    border-bottom: solid 1px #fff;
    font-size:     10px;
    color:         #fff;
    height:        18px;
    padding-top:   60px;
    text-align:    center;
    width:         900px;
}
div#footer ul{
	width: 430px;
	margin: 0 auto;
}
div#footer ul li{
	float: left;
	color: #ddd;
	margin: 0 3px;
}
div#footer ul li a{color: #ddd;}
div#footer ul li a:hover{color: black;}
div#logo_veolia{
    float: 	    right;
    position:       relative;
    top:            -28px;
    right:          10px;
}
div#ombre_footer{
	background: url('/images/footer_ombre-trans.png') no-repeat;
	width: 930px; 
	margin: 0 auto; 
}
div#ombre_footer p{    
    color:         #ddd;
    padding-top:    18px;
}

/************* BONS DE REDUCTIONS ************************/
#total_commande{
	float: right;
	margin-top:5px;
	padding-top:12px;
	border: 1px solid black;
	font-size:14px;
	font-weight:bold;
	height:28px;
	text-align:center;
	width:100px;
}
form#bons-reduc{	
	border: 1px solid #d5d5d5;
	background-color: #eee;
	text-align: center;
	width: 400px;
	padding-top: 8px;
	margin-top: 5px;
	height:	55px;
}
p#bons-reduc-details{	
	border: 1px solid #d5d5d5;
	background-color: #eee;
	text-align: center;
	width: 200px;
	padding: 8px;
	margin-right: 25px;
}
#bon{margin: 7px 10px 0 0;}
#check-bon, #check-bon-details{
	background-color:#999;
	border:1px solid #222;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:2px 10px;
}
#apply-bon{
	background-color:#999;
	border:1px solid #222;
	color:white;
	font-size:11px;
	font-weight:bold;
	margin-top: 5px;
	padding:2px 10px;
}
div#result-check{
    margin-bottom: 8px;
    padding: 8px;
    text-align: center;
    width: 97%;
}
.check-valide{
    background-color: #C8FFBF;
    border: solid 1px #51bd3e;
    color: #51bd3e;
}
.check-erreur{
    background-color: #FFDFDF;
    border: solid 1px #b83c3c;
    color: #b83c3c;
}

/**********************************************************************************/


/************* REDUCTION JEUNE ************************/
form#remise-jeune{	
	border: 1px solid #d5d5d5;
	background-color: #eee;
	text-align: center;
	width: 400px;
	padding-top: 15px;
	margin: 5px 0 15px 0;
	height:	55px;
}

form#remise-jeune p span{
	font-size: 11px;
}


.notice{
	color:#5A5A5A;
	font-family:Verdana,sans-serif;
	font-size:10px;
	line-height:13px;
	text-align: center;
	width: 100%;
}

/**********************************************************************************/


form#contact{padding: 10px 0 0 50px;}
form#contact label{
	display: inline-table;
	margin: 5px;
	width: 150px;
}
form#contact textarea#message{
	height: 300px;
	width: 500px;
	
}

/*************** Formulaire details réservation ************************************/

.table-form td{
	padding: 4px;
}

	.table-form td img{
		left: -17px;
		position: relative;
		vertical-align: -3px;
		*vertical-align: -1px;		
	}
	
	.table-form td select{
		width: 180px;
	}
	
	.table-form td input.input-date{
		width: 176px;
	}

#ul-passagers{
	
}

	#ul-passagers li{
		padding: 5px;
	}

		#ul-passagers li strong{
			padding: 4px;
		}

		#ul-passagers li p{
			background-color: #f1f1f1;
			border: 1px solid #e7e7e7;
			margin: 4px;
			padding: 4px;
			width: 250px;
		}

/***********************************************************************************/

.tips{
	font-size: 11px;
}