* {margin:0; padding:0;}
ul, li {margin:0; padding:0;}

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
background-color:#016fae;
padding:0;
margin:0;
background-image:url(../img/design02_01-2.jpg);
background-repeat:repeat-x;
/*background-position:0px 15px;*/
}
#centrage {
width:875px;
margin:0 auto;
}
#sur_header {
width:875px;
height:60px;
float:left;
}
#logo_citram {
float:left;
padding:10px 0 0 10px;
}
#logo_citram img {
border:0;
}
#logo_veolia {
float:right;
padding:10px 10px 0 0;
}
#logo_veolia img {
border:0;
}
#header {
width:875px;
/*height:184px;*/
float:left;
/*background-color:#f15c41;*/
background-image:url(../img/design_11.jpg);
background-repeat:no-repeat;
}
#header span {
text-align:center;
padding-left:130px;
}
/*******************************************************************/
/**Les boutons du menu**********************************************/
/*******************************************************************/

ul#menu {
display:none;
}
/*
ul#menu span {
display:none;
}
ul#menu li {
height:54px;
float:left;
}
ul#menu li a {
background-position:left 0;
background-repeat:no-repeat;
display:block;
}
ul#menu li a#m_accueil {
background-image:url(../img/btn_accueil.jpg);
width:94px;
height:54px;
}
ul#menu li a#m_accueil:hover {
background-position:left -54px;
}
ul#menu li a#m_accueil2 {
background-image:url(../img/btn_accueil.jpg);
background-position:left -54px;
width:94px;
height:54px;
}

ul#menu li a#m_presentation {
background-image:url(../img/btn_prsentation.jpg);
width:140px;
height:54px;
}
ul#menu li a#m_presentation:hover {
background-position:left -54px;
}
ul#menu li a#m_presentation2 {
background-image:url(../img/btn_prsentation.jpg);
background-position:left -54px;
width:140px;
height:54px;
}

ul#menu li a#m_stations {
background-image:url(../img/btn_stations.jpg);
width:98px;
height:54px;
}
ul#menu li a#m_stations:hover {
background-position:left -54px;
}
ul#menu li a#m_stations2 {
background-image:url(../img/btn_stations.jpg);
background-position:left -54px;
width:98px;
height:54px;
}

ul#menu li a#m_calendrier {
background-image:url(../img/btn_calendrier.jpg);
width:121px;
height:54px;
}
ul#menu li a#m_calendrier:hover {
background-position:left -54px;
}
ul#menu li a#m_calendrier2 {
background-image:url(../img/btn_calendrier.jpg);
background-position:left -54px;
width:121px;
height:54px;
}

ul#menu li a#m_depart {
background-image:url(../img/btn_depart.jpg);
width:150px;
height:54px;
}
ul#menu li a#m_depart:hover {
background-position:left -54px;
}
ul#menu li a#m_depart2 {
background-image:url(../img/btn_depart.jpg);
background-position:left -54px;
width:150px;
height:54px;
}

ul#menu li a#m_reserver {
background-image:url(../img/btn_reserver.jpg);
width:103px;
height:54px;
}
ul#menu li a#m_reserver:hover {
background-position:left -54px;
}
ul#menu li a#m_reserver2 {
background-image:url(../img/btn_reserver.jpg);
background-position:left -54px;
width:103px;
height:54px;
}

ul#menu li a#m_cgv {
background-image:url(../img/btn_cgv.jpg);
width:66px;
height:54px;
}
ul#menu li a#m_cgv:hover {
background-position:left -54px;
}
ul#menu li a#m_cgv2 {
background-image:url(../img/btn_cgv.jpg);
background-position:left -54px;
width:66px;
height:54px;
}

ul#menu li a#m_contact {
background-image:url(../img/btn_contact.jpg);
width:103px;
height:54px;
}
ul#menu li a#m_contact:hover {
background-position:left -54px;
}
ul#menu li a#m_contact2 {
background-image:url(../img/btn_contact.jpg);
background-position:left -54px;
width:103px;
height:54px;
}
*/
/*******************************************************************/
/**Fin des boutons du menu******************************************/
/*******************************************************************/

#page {
width:875px;
float:left;
}
#centre {
width:875px;
float:left;
padding:0px;
}
#pied {
float:left;
width:865px;
height:74px;
text-align:left;
color:#000066;
font-size:0.8em;
}
#pied a {
color:#000066;
text-decoration:underline;
}
#pied #veolia {
padding-top:12px;
float:right;
}
#pied a img {
border:0px;
}
#sous_pied {
width:875px;
height:30px;
float:left;
}
#asterisque {
width:100%;
float:left;
margin-top:30px;
margin-bottom:30px;
}
#page_erreur {
width:100%;
text-align:center;
color:#28359f;
font-size:0.8em;
margin-top:50px;
margin-bottom:50px;
}
h1 {
color:#d7293f;
font-size:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:30px;
}
h2 {
color:#d7293f;
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:30px;
}
h3 {
color:#d7293f;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
}
#droite h3 {
background-image:none;
}
h3 span {
font-size:0.8em;
color:#999999;
}

p.fix {
margin-bottom:20px;
/*text-indent:3em;*/
font-size:0.8em;
text-align:justify;
}
/*----------page accueil-----------------------------*/
#flyer {
background-image:url(../img/design_21.jpg);
width:875px;
height:651px;
}
#btn_rouge_reserver {
position:absolute;
width:195px;
height:51px;
margin:280px 0 0 342px;
}
#btn_rouge_reserver img {
border:0;
}
/*----------fin page accueil-----------------------------*/
/*---- pages presentation, staions, calendrier et depart-------*/
#pagesPresentation {
margin:6px 0 0 0;
background-color:#2d9ae0;
color:#FFFFFF;
}
#pagesPresentation p {
padding:20px 127px 50px 127px;
}
/*----fin  pages presentation, staions, calendrier et depart-------*/
/*****************Formulaire reservation *****************************/
#pageReservation {
float:left;
width:738px;
background-color:#2f9ae0;
padding:20px 0 0 137px;
margin-top:0px;
}
h1#h1Resa{
width:875px;
height:60px;
background-image:url(../img/titre_reserver.gif);
margin:6px 0 0px 0;
padding:0;
} 
h1#h1Resa span {
display:none;
}
h2#h2resa{
width:580px;
height:1em;
list-style:1em;
vertical-align:middle;
padding-left:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
background-color:#016fae;
} 
#formReservation {
margin-bottom:50px;
float:left;
font-size:1em;
color:#FFFFFF;
font-weight:bold;
}
#formReservation tr {
height:25px;
}
#formReservation td h2#h2resa {
width:550px;
height:1em;
line-height:1em;
vertical-align:middle;
padding-left:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
background-color:#016fae;
}
#formReservation input[type=text]{
border:1px solid #28359f;
width:252px;
height:18px;
}
#formReservation select {
border:1px solid #28359f;
width:252px;
height:20px;
}
#formReservation select.court {
border:1px solid #28359f;
width:50px;
height:20px;
}
#formReservation select.long {
border:1px solid #28359f;
width:400px;
height:20px;
}
#formReservation textarea{
border:1px solid #28359f;
width:400px;
height:120px;
}
#formReservation input[type=submit] {
padding: 4px 40px ;
color:#ffffff;
border: 1px solid #016fae ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#0b7ac2;
cursor:pointer;
margin-top:20px;
}
#formReservation input[type=submit]:hover {
background: #016fae ;
text-decoration: underline ;
}
#formReservation a {
color:#FFFFFF;
text-decoration:underline;
}
#formReservation a:hover {
color:#FFFFFF;
}


/*****************fin Formulaire reservation *****************************/

/*****************Recapitulation *****************************/
#printRecap {
width:600px;
text-align:center;
display:none;
}
#printRecap a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#printRecap a:hover {
text-decoration:underline;
}
#recapRequest {
display:none;
/*float:left;
background-color:#2f9ae0;
color:#FFFFFF;*/
}
.recap {
margin-bottom:25px;
float:left;
font-size:1em;
color:#FFFFFF;
}
.recap tr {
height:25px;
}
#pages .recap td h2 {
width:550px;
height:1em;
padding-left:5px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
background-color:#016fae;
}
.recap span.titre {
font-weight:bold;
}
.recap input[type=submit] {
padding: 4px 40px ;
color:#ffffff;
border: 1px solid #016fae ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#0b7ac2;
cursor:pointer;
margin-top:20px;
}
.recap input[type=submit]:hover {
background: #016fae ;
text-decoration: underline ;
}
/*****************fin recapitulation *****************************/
/*---------------page CGV--------------------------*/
#pageCgv {
float:left;
width:621px;
background-color:#2f9ae0;
padding:15px 127px 50px 127px;
} 
h1#h1Cgv{
width:875px;
height:60px;
background-image:url(../img/titre_cgv.gif);
margin:6px 0 0px 0;
padding:0;
} 
h1#h1Cgv span {
display:none;
}
#cgv {
color:#FFFFFF;
text-align:justify;
}
#cgv p {
margin-bottom:10px;
}
#cgv a {
color:#FFFFFF;
text-decoration:underline;
}
/*---------------fin page CGV--------------------------*/
/*----------page contact-----------------------------*/
#pageContact {
float:left;
width:748px;
padding:15px 0 0 127px;
background-color:#2f9ae0;
}
h1#h1Contact{
width:875px;
height:60px;
background-image:url(../img/titre_contact.gif);
margin:6px 0 0px 0;
padding:0;
} 
h1#h1Contact span {
display:none;
}
#formulairContact {
width:400px;
margin-bottom:20px;
float:left;
font-size:1em;
/*padding-left:127px;*/
color:#FFFFFF;
}
#formulairContact tr {
height:25px;
}
#formulairContact input[type=text]{
border:1px solid #28359f;
width:205px;
}
#formulairContact textarea{
border:1px solid #28359f;
width:330px;
height:120px;
}
#formulairContact input[type=submit] {
padding: 4px 20px ;
color:#ffffff;
border: 1px solid #016fae ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#0b7ac2;
cursor:pointer;
margin-top:20px;
}
#formulairContact input[type=submit]:hover {
background: #016fae ;
text-decoration: underline ;
}
#coordonneesContact {
width:250px;
height:180px;
margin-left:30px;
padding:70px 0 0 0;
float:left;
text-align:center;
border:1px solid #b4b3b3;
}
#infosCitram {
float:left;
width:220px;
margin-top:0px;
color:#FFFFFF;
font-size:1em;
}
#infosCitram img {
border:1px solid #26156e;
margin-top:30px;
}
#infos_saisies {
float:left;
width:620px;
margin-top:30px;
padding-bottom:30px;
font-size:1em;
text-align:justify;
color:#FFFFFF;
}
#infos_saisies a {
color:#28359f;
text-decoration:none;
}
#infos_saisies a:hover {
text-decoration:underline;
}
#infos_saisies img {
vertical-align:-4px;
}
/*---------fin page contact-----------------------------*/

/*--------- page mentions-----------------------------*/
#mentions {
font-size:0.8em;
}
#mentions a {
color:#28359f;
text-decoration:none;
}
#mentions a:hover {
text-decoration:underline;
}
/*---------fin page mentions-----------------------------*/

/*----------messages de resultats d'operations---------------------*/
#centreMessage {
float:left;
padding-left:127px;
margin:20px 0 20px 0;
}
#operationOk {
float:left;
width:580px;
border:1px solid #425cbd;
margin-bottom:20px;
margin-top:0px;
padding:5px;
color:#425cbd;
text-align:center;
background-color:#eeeeee;
font-size:0.8em;
}
#operationBad {
float:left;
width:580px;
border:1px solid #ea0404;
margin-bottom:20px;
margin-top:0px;
padding:5px;
color:#ea0404;
text-align:center;
background-color:#eeeeee;
font-size:0.8em;
}
.red {
color:#FF0000;
}
.black {
color:#FFFFFF;
}
/*----------fin messages de resultats d'operations---------------------*/


/*--------------page de response----------------------------------------*/
#page_response {
width:875px;
float:left;
margin:0;
padding:0;
}
#centre_response {
background-color:#2f9ae0;
color:#FFFFFF;
font-weight:bold;
width:875px;
float:left;
margin:5px 0 0 0;
padding:0 0 50px 0;
text-align:center;
}