@charset "utf-8";
/********************************
 * Elements globaux 
********************************/
html {
  height: 100%;
  width: 100%;
}

/* IE 6 et inférieurs */
* html BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* IE 7 seulement */
*+html  BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* Navigateurs modernes seulement (IE 7 non inclus puisque n'étant pas un navigateur moderne) */
html>/**/body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  background-color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
  font-size:1em;  
}


/********************************
 * MODULES 
********************************/

#header{
  position:relative;
  width:1000px;
  height:55px;
  margin-left:auto;
  margin-right:auto;
}

#pre-header{
  position:relative;
  width:100%;
  height:55px;
}


#header .logo{
  padding-top:7px;  
}

#header .coin_droite
{
  position:absolute;
  top:0px;
  right:0px;
}

#pre-header .coin_droite
{
  position:absolute;
  top:0px;
  right:10px;
}

#bandeau_bleu{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

#bandeau_bleu .gauche{
  position:absolute;
  top:0px;
  left:0px;
  background-color:#064b86;
  height:103px;
  width:50%;  
  z-index:0;
}

#bandeau_bleu .centre{
  position:relative;
  background:url(../images/fond/bandeau_central_public.jpg) center no-repeat;
  width:1000px;
  height:103px;
  z-index:1;
}

#bandeau_bleu .centre .phone{
  
}

#bandeau_bleu .droite{
  position:absolute;
  top:0px;
  left:50%;
  background-color:#5d99d7;
  height:103px;
  width:50%;  
  z-index:0;
}

#bandeau_bleu .centre .titre{
  position:absolute;
  bottom:0px;
  right:10px;
}

#bandeau_bleu .centre .titre h1{
  color:#FFF;
  margin:0px;
  padding:0px;
  text-align:right;
}

.contenu-site-public{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-background.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.bogie{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-bogie.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.brugge{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-brugge.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.passenger{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-passenger.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.passenger-hennigsdorf{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-passenger-hennigsdorf.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.derby{
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/fond/main-derby.jpg) 0px 30px no-repeat;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.pre-home{
  background:none;
  position:relative;
  width:100%;
  min-height:660px;
  _height:660px;
}

.contenu-site-public.pre-home .header{
  position:relative;
  width:100%;
  height:100px;
}

.contenu-site-public.pre-home .header .train{
  position:absolute;
  left:0px;
  margin:0px;
}

.contenu-site-public.pre-home .header .logo{
  position:absolute;
  right:10px;
  margin:0px;
}

.contenu-site-public.pre-home .sep-couleur{
  width:100%;
  height:10px;
  background-color:#D42E12;
}

.contenu-site-public.pre-home .message{
  font-family:arial;
  font-size:20px;
  color:#000;
  text-align:center;
  
}

.contenu-site-public.pre-home .message .texte{
  font-family:arial;
  font-weight:bold;
  font-size:30px;
  color:#000;
  margin:0px;
  margin-top:80px;
}

.contenu-site-public.pre-home .message .action{
  font-family:arial;
  font-weight:bold;
  font-size:20px;
  color:#000;
  margin:0px;
  margin-top:30px;
  margin-bottom:50px;
}

.contenu-site-public.pre-home .sites{
  width:1000px;
  float:left;
  position:relative;
  left:50%;
  margin-left:-500px;
}

.contenu-site-public.pre-home .sites .site{
  width:285px;
  height:220px;
  float:left;
  margin-left:36px;
}

.contenu-site-public.pre-home .sites .site p{
  font-family:arial;
  font-weight:bold;
  font-size:11px;
  color:#000;
  text-align:center;
}

.contenu-site-public.pre-home .sites .site img{
  cursor:pointer;
}

.contenu-site-public.pre-home .sites .site p a{
  color:#000;
  text-decoration:none;
}

.contenu-site-public.sans_bg{
  background:none;
}

.contenu-site-public .menu{
  width:100%;
  text-align:center;
  background:url(../images/fond/menu.jpg) repeat-x;
}

.contenu-site-public .menu td{
  padding-left:10px;
  padding-right:10px;
}

.contenu-site-public .menu .out{
  background:url(../images/fond/menu.jpg) repeat-x;
  height:30px;
  color:#FFF;
  cursor:pointer;
  text-align:center;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.7em;
}

.contenu-site-public .menu .hover{
  background:url(../images/fond/menu-hover.jpg) repeat-x;
  height:30px;
  color:#FFF;
  cursor:pointer;
  text-align:center;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.7em;
}

.contenu-site-public .menu .selected{
  background-color:#d42e12;  
  color:#FFF;
  text-align:center;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.7em;
}

.contenu-site-public .menu .out a,
.contenu-site-public .menu .hover a,
.contenu-site-public .menu .selected a{
  color:#FFF;
  cursor:pointer;
  text-decoration:none;
}

.contenu-site-public .menu .sep-menu{
  height:30px;
  width:2px;
  padding-left:0px;
  padding-right:0px;
}

#header .coin_droite .choix-langue{
  float:left;  
  margin-left:10px;
}

#header .coin_droite .identification,
#pre-header .coin_droite .identification
{
  float:left;
  line-height:47px;
}

#header .coin_droite .choix-langue p,
#pre-header .coin_droite .choix-langue p
{
  font-weight:bold;
  float:left;
  line-height:47px;
  margin:0px;
  padding:0px;
}

#header .coin_droite .identification input,
#header .coin_droite .identification label,
#pre-header .coin_droite .identification input,
#pre-header .coin_droite .identification label
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.6em;
}

#header .coin_droite .choix-langue select{
  margin-top:15px;  
}

#header .logo img{
  cursor:pointer;
}

.contenu-site-public{
  position:relative;  
}

.contenu-site-public .blog-phone{
  position:absolute;
  bottom:0px;
  right:0px;
  width:100px;
}

.contenu-site-public.pre-home .blog-phone{
  padding:0px;
  margin:0px;
  bottom:0px;
  right:0px;
  width:125px;
  margin-right:20px;
}

.contenu-site-public .licence{
  position:absolute;
  bottom:0px;
  left:0px;
  font-size:0.8em;
}

.contenu-site-public .blog-phone .blog{
  margin-bottom:10px;  
}

/* ---------------------------------------------------
-------------- Plan d'accès / Horaires ---------------
----------------------------------------------------*/

.conteu_index {
  /*margin-left:160px;*/
  /*float:left;*/
  width:570px;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  /*background:url(../images/fond/fond-opacite.png) repeat;*/
}

.conteu_index .logo {
  float:left;
  padding-right:10px;
}

.conteu_index .titre{
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  line-height:64px;  
}

.conteu_index .contenu{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  text-align:justify;
}

.conteu_index .contenu a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  text-align:justify;
  text-decoration:none;
  color:#000000;
}

.conteu_index .contenu a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  text-align:justify;
  text-decoration:underline;
  color:#000000;
}

.conteu_index .plan{
  padding:0px;
  margin:0px;
}