/* 
------------------------------------------------------------------------------*/
.js #page.accueil
{
	background-image:none
}
.flash-replaced .alt,
#xiti
{
	position:absolute;
	top:-9999em;
	left:-9999em;
	clear:both;
	width:1px;
	height:0;
	margin-top:-1px;
	overflow:hidden;
	display:block
}
body
{
	background-image:url(../img/bg/body.jpg);
	background-repeat:repeat-x;
	background-position:0 -45px;
	font-size:11px;
	color:#044268;
	background-color:inherit
}
a
{
	color:#044268;
	background-color:inherit
}
a.roll
{
	text-decoration:none
}
a.roll:hover
{
	text-decoration:underline
}
.discret
{
	border-bottom:none
}
#page
{
	background-image:url(../img/bg/page.jpg);
	background-position:50% 0
}
#page.accueil
{
	background-image:url(../img/bg/accueil.jpg);
	background-position:50% 0
}
.centrer
{
	width:1000px;
	margin:auto
}
abbr,
acronym
{
	border:none
}
/* tete
------------------------------------------------------------------------------*/
#tete .centrer
{
	padding-top:37px;
	position:relative
}
.js #page.accueil #tete .centrer
{
	position:static
}
#tete h1
{
	padding:0px 50px 60px 85px;
	float:left;
	margin:0
}
.msie #tete h1
{
	padding-bottom:65px
}
#page.accueil #tete h1
{
	padding:0 50px 195px 85px;
	background-image:url(../img/bg/bateau_bus.png);
	background-position:35px 85px
}
#tete p
{
	float:left;
	margin:0
}
#page.accueil #tete ul img
{
	display:block
}
#tete ul
{
	position:absolute;
	right:40px;
	top:20px
}
#tete li
{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #044268;
	font-weight:bold
}
#tete li a
{
	font-weight:normal
}
#menu li,
#tete li.premier
{
	margin-left:0;
	padding-left:0;
	border-left:none
}
#menu
{
	padding-top:50px;
	position:static!important;
	margin-left:25px;
	width:650px
}
/* corps
------------------------------------------------------------------------------*/
#corps
{
	min-height:350px;
	clear:both
}
/*
.msie #corps
{
	height:350px
}
*/
.msie #page.tarifs_et_horaires .encart img
{
	margin-top:15px
}
#informations_pratiques,
#tout_savoir_sur_vogueo
{
	width:650px;
	float:left;
	padding-bottom:20px
}
#page.accueil #informations_pratiques,
#page.accueil #tout_savoir_sur_vogueo
{
	font-size:109.5%
}
#page.accueil #informations_pratiques small,
#page.accueil #tout_savoir_sur_vogueo small
{
	font-size:92%
}
#informations_pratiques h2,
#tout_savoir_sur_vogueo h2
{
	margin:5px 10px 1em
}
#informations_pratiques
{
	background-image:url(../img/bg/informations_pratiques.jpg)
}
#tout_savoir_sur_vogueo
{
	background-image:url(../img/bg/tout_savoir_sur_vogueo.jpg)
}
#navigation #informations_pratiques
{
	margin-top:5px;
	background-image:none;
	width:auto;
	padding-bottom:0;
	float:none
}
#detail_des_stations
{
	height:140px;
	width:165px
}
#navigation #informations_pratiques,
#le_projet_vogueo
{
	height:100px
}
#le_projet_vogueo
{
	height:110px
}
#navigation #informations_pratiques,
#detail_des_stations,
#le_projet_vogueo
{
	overflow:auto;
	margin-bottom:15px
}
#navigation h3
{
	margin:0;
	padding:0!important
}
#navigation .fleches
{
	font-weight:bold;
	margin:0
}
#acteurs .interieur ul,
.bloc .interieur ul{
	margin:0
}
#navigation .fleches li,
#acteurs .interieur li,
.bloc .interieur li,
li.fleche
{
	background-image:url(../img/bg/fleche.png);
	background-position:0 4px;
	padding-left:15px;
	list-style-type:none
}
#acteurs ul.liste li,
#imprimer li,
#telecharger li{
	background:none;
	padding:0;
}
#navigation .fleches a
{
	font-weight:normal
}
#traffic_en_temps_reel
{
	margin-left:30px;
	width:270px;
	margin-right:10px;
	float:left;
	background-image:url(../img/bg/traffic_en_temps_reel.jpg)
}
#traffic_en_temps_reel h2
{
	margin-top:10px!important;
	margin-bottom:1em!important
}
#traffic_en_temps_reel p
{
	margin-left:20px;
	margin-right:20px;
}
#traffic_en_temps_reel p strong
{
	font-size:109.5%
}
#traffic_en_temps_reel p small
{
	font-size:100.5%;
	display:block
}
#traffic_en_temps_reel p
{
	margin-bottom:0
}
#traffic_en_temps_reel p.details
{
	border-bottom:2px dotted #B3CAD5;
	padding-bottom:1.5em;
	padding-top:1em;
	padding-left:70px;
	background-position:0 0.5em;
	margin-bottom:1.5em;
	min-height:4em
}
.msie #traffic_en_temps_reel p.details
{
	height:4em
}
#traffic_en_temps_reel p.vert
{
	background-image:url(../img/bg/etat/vert.png)
}
#traffic_en_temps_reel p.orange
{
	background-image:url(../img/bg/etat/orange.png)
}
#traffic_en_temps_reel p.rouge
{
	background-image:url(../img/bg/etat/rouge.png)
}
.trois_colonnes
{
	width:192px;
	float:left;
	border-left:1px dashed #044268;
	padding:0 8px
}
.colonnes
{
	margin-left:20px
}
.colonnes .premier
{
	border-left:none
}
.bouton
{
	margin:0 0 0.5em;
	float:left
}
.bouton li
{
	float:left;
	list-style-type:none;
	padding-left:18px;
	background-image:url(../img/bg/fleche_orange.png)
}
.bouton a
{
	display:block;
	float:left;
	padding-right:8px;
	background-image:url(../img/bg/barre_orange.png);
	background-position:100% 0;
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
	white-space:nowrap;
	line-height:1.2
}
#tout_savoir_sur_vogueo .bouton li
{
	background-image:url(../img/bg/fleche_verte.png)
}
#tout_savoir_sur_vogueo .bouton a
{
	background-image:url(../img/bg/barre_verte.png)
}
#navigation,
#contenu,
#outils
{
	margin-left:20px;
	float:left
}
.msie #navigation,
.msie #contenu,
.msie #outils
{
	display:inline
}
#navigation
{
	margin-left:100px;
	width:190px
}
#contenu
{
	margin-right:10px;
	width:500px
}
#outils
{
	padding-bottom:3em;
	width:160px
}
.msie #outils
{
	overflow:hidden
}
#contenu h3
{
	margin-left:1.5em;
	display:list-item;
	clear:both;
	color:#E25B00;
	background-color:inherit;
	padding-top:1em
}
#contenu h3.titre_principal
{
	text-transform:uppercase;
	background-color:inherit;
	color:#044268;
	display:block;
	margin-left:0;
}
#corps h2
{
	clear:both;
	padding-left:30px;
	background-image:url(../img/bg/galets/bleu.png);
	background-position:0 50%;
	color:#044268;
	background-color:inherit;
	font-size:200%;
	margin-bottom:0.5em
}
#page.tarifs_et_horaires h2,
#page.plan h2
{
	background-image:url(../img/bg/galets/orange.png);
	color:#E25B00;
	background-color:inherit;
}
#page.guide h2
{
	background-image:url(../img/bg/galets/vert.png);
	color:#96BD0D;
	background-color:inherit;
}
#page.guide dt,
#page.guide dd
{
	display:inline
}
#page.guide dl
{
	margin-top:3em
}
#page.accueil h2
{
	background-image:none;
	padding-left:0
}
.msie #corps h2
{
	margin-top:0
}
#ariane
{
	font-size:82%;
	margin-top:1em;
	margin-bottom:2.5em
}
#ariane li
{
	padding-left:15px;
	background-image:url(../img/bg/superieur.png);
	background-position:5px 50%
}
#sommaire li
{
	border-left:1px solid #E25B00;
	margin-left:7px;
	padding-left:7px
}
#page.faq #sommaire,
#page.mentions #sommaire
{
	background-image:url(../img/bg/faq.png);
	background-position:0 100%;
	margin:0 1em 0 0;
	padding-bottom:2.5em;
	border-bottom:2px dotted #9DB7C5
}
.reponse,
.encart
{
	background-image:url(../img/bg/faq.png);
	background-position:0 100%;
	padding-bottom:2em;
	margin-bottom:-1.5em
}
#page.faq #contenu h3,
#page.credits #contenu h3,
#page.mentions #contenu h3
{
	color:#044268;
	background-color:inherit;
	font-size:100%;
	display:list-item;
	margin-left:2em;
	margin-right:1em
}
#page.mentions dl span,
#page.credits p span
{
	text-transform:uppercase
}
#page.credits .telechargement{
	float:none;
	margin-left:2em;
}
.reponse p
{
	margin-left:2em
}
.reponse li
{
	margin-left:2em;
	list-style-type:circle;
}
#page.faq #sommaire li,
#page.mentions #sommaire li
{
	margin:0 0 0 2em;
	list-style-type:disc;
	padding:0;
	border:none
}
#sommaire a
{
	color:#E25B00;
	background-color:inherit
}
#page.faq #sommaire a,
#page.mentions #sommaire a
{
	color:#044268;
	background-color:inherit	
}
#ariane li.premier,
#sommaire li.premier
{
	background-image:none;
	padding-left:0;
	margin-left:0;
	border:none
}
.js #imprimer p.action
{
	visibility:hidden
}
#imprimer a,
#imprimer p
{
	display:block;
	background-image:url(../img/bg/imprimer.png);
	padding:0.5em 0 0.5em 40px
}
#imprimer p
{
	padding-top:0;
	font-size:82%
}
#imprimer p.action
{
	margin-bottom:0
}
#imprimer ul,
#telecharger ul
{
	margin:0
}
.msie #imprimer ul
{
	float:left
}
#imprimer li,
#telecharger li
{
	list-style-type:none
}
form .intitule
{
	width:13em;
	float:left;
	margin-right:0.5em;
	text-align:right
}
input.text,
textarea,
select
{
	border:1px solid #B5BFC2;
	background-color:#FFF;
	color:#044268;
	font-size:100%
}
input.text
{
	width:16em;
	padding:0 0.2em
}
select
{
	width:16.6em;
	padding:0
}
textarea
{
	overflow:auto;
	width:16em;
	padding:0 0.2em
}
#page.contact textarea
{
	width:17em
}
form sup
{
	color:#FF1A00;
	background-color:inherit
}
form .envoyer
{
	padding-left:13.5em
}
fieldset,
.fieldset
{
	background-image:url(../img/bg/fieldset.png);
	padding-top:10px
}
fieldset .interieur,
.fieldset .interieur
{
	background-image:url(../img/bg/fieldset.png);
	background-position:0 100%;
	padding-bottom:10px
}
.haut_de_page
{
	text-align:right;
	padding-right:1em
}
.haut_de_page li
{
	list-style-type:none
}
.haut_de_page a
{
	font-size:118%;
	padding-left:10px;
	text-transform:lowercase;
	color:#587F93;
	background-color:inherit;
	background-image:url(../img/bg/haut_de_page.png);
	background-position:0 50%
}
.msie7 #acteurs .liste
{
	border-left:1px solid #FFF
}
.js #message
{
	display:none
}
#message
{
	background-image:url(../img/bg/erreur.png);
	font-weight:bold;
	color:#FF1A00;
	background-color:inherit;
}
#message p
{
	margin:0 0 -0.5em 0;
	padding:0.75em 40px 1.25em;
}
label.erreur
{
	display:block;
	color:#FF1A00;
	background-color:inherit;
	padding-left:13.5em
}
table,
th,
td
{
	border:none!important
}
table
{
	width:500px;
	clear:both;
}
td,
th
{
	vertical-align:top;
	width:25%;
	padding:0.2em 0;
	text-align:center
}
th
{
	padding:0.2em;
}
table th.austerlitz div
{
	background-image:url(../img/bg/etapes/austerlitz.png)
}
table th.bfm div
{
	background-image:url(../img/bg/etapes/bfm.png)
}
table th.bercy div
{
	background-image:url(../img/bg/etapes/bercy.png)
}
table th.ivry div
{
	background-image:url(../img/bg/etapes/ivry.png)
}
table th.alfort div
{
	background-image:url(../img/bg/etapes/alfort.png)
}
tfoot td
{
	background-position:0 100%;
	background-repeat:repeat-x;
	background-image:url(../img/bg/tableau.png)
}
tbody td
{
	background-image:url(../img/bg/tableau.png);
	background-position:0 50%
}
th
{
	background-position:0 0.2em;
	background-repeat:repeat-x;
	background-image:url(../img/bg/tableau.png)
}
th div
{
	background-position:50% 0;
	padding-top:55px
}
caption
{
	font-weight:normal
}
table.zebra .even td span
{
	display:block;
	margin:0 6px 0 4px;
	background-color:#F3F9FD;
	color:inherit
}
.telechargement
{
	float:left;
	margin:0.8em 0 0 0
}
.telechargement li
{
	padding:0.2em 20px;
	background-image:url(../img/bg/telecharger.png);
	background-position:0 50%;
	list-style-type:none
}
.zoom li
{
	padding:0.5em 0 0.5em 25px;
	background-position:3px 50%
}
.zoom li.premier
{
	background-position:0 50%;
	background-image:url(../img/bg/zoomer.png)
}
.zoom li.premier a
{
	text-decoration:none
}
.zoom li.premier span
{
	text-decoration:underline
}
#telecharger a
{
	background-image:url(../img/bg/pdf.png);
	padding:5px 25px
}
#acteurs
{
	margin-top:0!important
}
.bloc
{
	margin-top:1em;
	padding:0 0 1em;
	position:relative;
	width:180px;
	top:-2px;
	right:12px;
	background-image:url(../img/bg/bloc.png);
	background-position:0 100%
}
.bloc .interieur
{
	background-image:url(../img/bg/interieur.png);
	padding:1em 1em 0;
	border-bottom:1px solid #FFF
}
#page.accueil .hauteur
{
	height:45px
}
.encart
{
	padding-right:2em
}
/* pied
------------------------------------------------------------------------------*/
#pied
{
	clear:both;
	padding-top:20px
}
#pied li
{
	border-left:1px solid #044268;
	margin-left:10px;
	padding-left:10px;
	display:inline;
	font-weight:bold
}
#pied li a,
#pied li span
{
	font-weight:normal
}
#pied li.premier
{
	margin-left:0;
	padding-left:0;
	border-left:none
}
#pied p
{
	float:right;
	position:relative;
	margin-top:-5em;
	text-align:right;
	display:inline;
	margin-right:35px
}
.msie #pied p
{
	margin-right:5px
}
.pied
{
	width:36em;
	text-align:center;
	margin:auto;
	background-image:url(../img/bg/pied.png);
	background-position:0 100%
}
.pied ul
{
	margin:0.5em 0 0 0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	background-image:url(../img/bg/pied.png);
	background-position:100% 100%
}
.arret_on{
	color:#E25B00;
}
.bloc_vignettes p{
	float:left;
	padding-right:10px;
}
* html .bloc_vignettes {height:1%;}
*:first-child+html .bloc_vignettes {height:100%;} 
.bloc_vignettes:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* EOF
------------------------------------------------------------------------------*/