/* Spécifités par thème */
/* Thème 1 */
body.theme1
{
	background-image: url("../img/fr/home/theme1/body-bg.gif");
	background-repeat: repeat-x;
	background-position: center 35px;
}
body.theme1 div.background
{
	background-image: url("../img/fr/home/theme1/background-bg.gif");
	background-repeat: no-repeat;
	background-position: center 25px;
}
#head.theme1 div.head1
{
	background-image: url("../img/fr/home/theme1/head1-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#head.theme1 div.head6
{
	background-image: url("../img/fr/home/theme1/head6-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#main div.theme1
{
	background-image: url("../img/fr/home/theme1/mainbottom-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
/* Thème 2 */
body.theme2
{
	background-image: url("../img/fr/home/theme2/body-bg.gif");
	background-repeat: repeat-x;
	background-position: center 35px;
}
body.theme2 div.background
{
	background-image: url("../img/fr/home/theme2/background-bg.gif");
	background-repeat: no-repeat;
	background-position: center 25px;
}
#head.theme2 div.head1
{
	background-image: url("../img/fr/home/theme2/head1-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#head.theme2 div.head6
{
	background-image: url("../img/fr/home/theme2/head6-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#main div.theme2
{
	background-image: url("../img/fr/home/theme2/mainbottom-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
/* Thème 3 */
body.theme3
{
	background-image: url("../img/fr/home/theme3/body-bg.gif");
	background-repeat: repeat-x;
	background-position: center 35px;
}
body.theme3 div.background
{
	background-image: url("../img/fr/home/theme3/background-bg.gif");
	background-repeat: no-repeat;
	background-position: center 25px;
}
#head.theme3 div.head1
{
	background-image: url("../img/fr/home/theme3/head1-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#head.theme3 div.head6
{
	background-image: url("../img/fr/home/theme3/head6-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#main div.theme3
{
	background-image: url("../img/fr/home/theme3/mainbottom-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
/* Thème 4 */
body.theme4
{
	background-image: url("../img/fr/home/theme4/body-bg.gif");
	background-repeat: repeat-x;
	background-position: center 35px;
}
body.theme4 div.background
{
	background-image: url("../img/fr/home/theme4/background-bg.gif");
	background-repeat: no-repeat;
	background-position: center 25px;
}
#head.theme4 div.head1
{
	background-image: url("../img/fr/home/theme4/head1-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#head.theme4 div.head6
{
	background-image: url("../img/fr/home/theme4/head6-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
#main div.theme4
{
	background-image: url("../img/fr/home/theme4/mainbottom-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}

/* En-tête */
#head
{
}
#head div
{
    float: left;
    height: 153px;
}
#head div.head1 img
{
    margin-top: 18px;
    margin-left: 25px;
}
#head div.head1 img.ticket2euros /* pour le thème 3 uniquement */
{
	float: right;
	margin-top: 46px;
	margin-right: 46px;
}
#head div.head1 h1
{
    margin-top: 44px;
    margin-left: 15px;
	font-size: 107%;
	color: #ffffff;
	font-weight: bold;
}
#head div.head1
{
	width: 342px;
}
#head div.head2
{
    width: 125px;
}
#head div.head3
{
    width: 177px;
}
#head div.head4
{
    width: 79px;
}
#head div.head5
{
    width: 75px;
}
#head div.head6
{
    padding-left: 32px;
    width: 130px;
    font-size: 92%;
}
#head div.head6 img
{
    margin-top: 62px;
}

/* Contenu */
#content
{
    padding-left: 20px;
}
.contentleft
{
    margin-top: 25px;
    float: left;
    width: 300px;
}
.contentmiddle
{
    margin-top: 25px;
    float: left;
    width: 400px;
}
.contentright
{
    margin-top: 25px;
    float: left;
    width: 235px;
}

/* Carte */
div.carte
{
    font-size: 92%;
    width: 267px;
	background: url("../img/fr/home/carte-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}
div.carte div.cliquez
{
    height: 21px;
    padding-left: 3px;
    padding-top: 8px;
    color: #ffffff;
    font-weight: bold;
	background: url("../img/fr/home/carte-cliquez-bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
div.carte p
{
    padding-top: 10px;
    padding-left: 10px;
    width: 100px;
    float: left;
    font-weight: bold;
    color: #006859;
}
div.carte ul
{
    margin: 0px;
    padding: 0px;
    margin-left: 120px;
	list-style: none;
}
div.carte li
{
    margin: 0px;
    padding: 0px 0px 2px 0px;
}
div.carte li img
{
    vertical-align: middle;
    margin-right: 2px;
}
div.carte li.inter img
{
    vertical-align: bottom;
}
div.carte div.bottom
{
    height: 9px;
	background: url("../img/fr/home/carte-bottom.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

/* Actualités */
.actualites {
    width: 267px;
}
.actualites h2
{
    margin-top: 20px;
	height: 23px;
	padding-left: 35px;
	padding-top: 12px;
	background: url("../img/fr/home/actualites-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 115%;
}
.actualites div
{
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
}
.actualites ul
{
    color: #006859;
	margin: 10px 0px 10px 40px;
	padding: 0px;
}
.actualites li
{
	padding: 3px 0px;
}

/* Panel horaires / trajets / liaisons directes */
.panel 
{
    width: 374px;
}
/* Onglets */
.panel .onglet-horaires, .panel .onglet-trajets, .panel .onglet-liaisons
{
    float: left;
	height: 19px;
	padding-top: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 92%;
}
.panel .onglet-horaires a, .panel .onglet-trajets a, .panel .onglet-liaisons a
{
    color: #000000;
    text-decoration: none;
}
.panel .onglet-horaires
{
    margin-left: 5px;
	width: 84px;
	background: url("../img/fr/home/onglet-horaires-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .onglet-trajets
{
    float: left;
	width: 72px;
	background: url("../img/fr/home/onglet-trajets-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .onglet-liaisons
{
    float: left;
	width: 114px;
	background: url("../img/fr/home/onglet-liaisons-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
/* Publication par défaut */
.panel #panel-horaires
{
    display: block;
}
.panel #panel-trajets
{
    display: none;
}
.panel #panel-liaisons
{
    display: none;
}
/* Styles communs */
.panel .content
{
    padding: 15px;
}
.panel .content h3
{
    font-size: 123%;
    color: #006859;
    font-weight: bold;
    float: left;
}
.panel .content h3 span
{
    font-size: 123%;
}
.panel .content form
{
    clear: left;
}
.panel .content fieldset div
{
    padding: 2px 0px;
}
.panel .content legend
{
    display: none;
}

/* Styles spécifiques onglet horaires */
.panel .panel-horaires fieldset
{
    float: left;
    width: 250px;
}
.panel .panel-horaires input, .panel .panel-horaires select
{
	width: 240px;
}
.panel .panel-horaires
{
	background: url("../img/fr/home/panel-horaires-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}
.panel .panel-horaires .top
{
	background: url("../img/fr/home/panel-horaires-top-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .panel-horaires .content
{
	background: url("../img/fr/home/panel-horaires-bottom-bg.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.panel .panel-horaires input.submit
{
    height: 25px;
	width: 30px;
    border: none;
    color: #ffffff;
    font-weight: bold;
	background: url("../img/fr/home/panel-horaires-submit-bg.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}


/* Styles spécifiques onglet trajets */
.panel .panel-trajets h3
{
	display: none;
}
.panel .panel-trajets legend
{
	display: inherit;
    font-size: 123%;
    color: #006859;
    font-weight: bold;
}
.panel .panel-trajets fieldset
{
}
.panel .panel-trajets input, .panel .panel-trajets select
{
	width: 260px;
}
.panel .panel-trajets
{
	background: url("../img/fr/home/panel-trajets-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}
.panel .panel-trajets .top
{
	background: url("../img/fr/home/panel-trajets-top-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .panel-trajets .content
{
	background: url("../img/fr/home/panel-trajets-bottom-bg.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.panel .panel-trajets div.submit
{
	padding: 10px 0px;
	width: 260px;
	text-align: right;
}
.panel .panel-trajets div.submit input
{
    height: 25px;
	width: 30px;
    border: none;
    color: #ffffff;
    font-weight: bold;
	background: url("../img/fr/home/panel-trajets-submit-bg.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}

/* Styles spécifiques onglet liaisons directes */
.panel .panel-liaisons fieldset
{
    float: left;
    width: 250px;
}
.panel .panel-liaisons
{
	background: url("../img/fr/home/panel-liaisons-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}
.panel .panel-liaisons .top
{
	background: url("../img/fr/home/panel-liaisons-top-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .panel-liaisons .content
{
	background: url("../img/fr/home/panel-liaisons-bottom-bg.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}
.panel .panel-liaisons input.submit
{
    height: 25px;
	width: 30px;
    border: none;
    color: #ffffff;
    font-weight: bold;
	background: url("../img/fr/home/panel-liaisons-submit-bg.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}

/* Perturbations */
.perturbations {
    width: 374px;
}
.perturbations h2
{
    margin-top: 20px;
	height: 25px;
	padding-left: 35px;
	padding-top: 12px;
	background: url("../img/fr/home/perturbations-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 115%;
}
.perturbations div
{
	text-align: right;
	margin-right: 25px;
	font-weight: bold;
}
.perturbations p
{
    margin: 5px 20px;
}

.perturbations H3
{
	color: #006859;
	font-size:100%;
	margin:8px 4px 8px 20px;
}

.perturbations ul
{
	background-color:#F1F1F1;
    color: #006859;
    list-style: none;
	margin: 10px 0px 10px 20px;
	padding: 4px 8px 4px 8px;
}
.perturbations li
{
	padding: 3px 0px;
	display:inline;  
}
.perturbations ul img
{
	margin: 0px 3px 1px 0px;
	vertical-align: middle;
	
}
.perturbations .pert1, .perturbations .pert1 a
{
}
.perturbations .pert2, .perturbations .pert2 a
{
	color: #855117;
}
.perturbations .pert3, .perturbations .pert3 a
{
	color: #00854b;
}


/* Diaporama */
div.diaporama
{
    margin-top: 15px;
    width: 220px;
	background: url("../img/fr/home/diaporama-bg.jpg");
	background-position: left top;
	background-repeat: repeat-y;
}
div.diaporama div.top
{
    height: 8px;
	background: url("../img/fr/home/diaporama-top-bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
div.diaporama div.une
{
    height: 272px;
    padding: 0px 4px 8px 4px;
}

div.diapoNavbar
{
    width: 220px;
    height: 26px;
    background-image: url("../img/fr/home/diaporama-navbar-bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
div.diapoNavbar img
{
}
div.diapoNavbar img.play, div.diapoNavbar img.pause
{
    margin-right: 3px;
}

/* Perturbations
#perturbations {
	MARGIN-LEFT: 1em;
	MIN-WIDTH: 150px;
	FLOAT: left;
	BORDER: 1px dashed #C4D4E6;
	PADDING: 10px;
}
#perturbations H2 {
	PADDING-LEFT: 30px;
	PADDING-TOP: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 115%;
	LINE-HEIGHT: 100%;
	COLOR: #0079B3;
	BACKGROUND-IMAGE: url("../img/FR/home/perturbations_H2_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}
#perturbations H2 SPAN {
	PADDING-LEFT: 30px;
}
#perturbations UL {
	MARGIN: 10px 0px 0px 0px;
	PADDING: 5px;
	LIST-STYLE: none;
}
#perturbations P {
	MARGIN: 20px 0px;
	PADDING: 5px;
	FONT-WEIGHT: bold;
}
#perturbations LI {
	MARGIN-BOTTOM: 8px;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: none;
}
#perturbations UL IMG {
	MARGIN: 0px 3px 1px 0px;
	VERTICAL-ALIGN: middle;
}
#perturbations .pert1, #perturbations .pert1 A {
}
#perturbations .pert2, #perturbations .pert2 A {
	COLOR: #855117;
}
#perturbations .pert3, #perturbations .pert3 A {
	COLOR: #00854B;
}
#perturbations DIV {
	TEXT-ALIGN: right;
	MARGIN-RIGHT: 5px;
}
 */

/* Bloc menu secondaire et outils */
#navtools {
	WIDTH: 298px;
	FLOAT: right;
}

/* Menu secondaire */
#navsec {
	FLOAT: left;
	WIDTH: 146px;
	PADDING-TOP: 100px;
}
#navsec H3 {
	FONT-SIZE: 100%;
	COLOR: #000000;
}
#navsec H3 A {
	COLOR: #000000;
}
#navsec H3.contact {
	WIDTH: 100px;
	HEIGHT: 25px;
	PADDING-TOP: 25px;
	PADDING-LEFT: 46px;
	BACKGROUND: #A2BCD8 url("../img/FR/home/contact.gif");
	BACKGROUND-POSITION: left top;
	BACKGROUND-REPEAT: no-repeat;
}
#navsec H3.carte {
	WIDTH: 70px;
	HEIGHT: 40px;
	PADDING-TOP: 20px;
	PADDING-LEFT: 76px;
	BACKGROUND: #88A8CE url("../img/FR/home/carte_interactive.gif");
	BACKGROUND-REPEAT: no-repeat;
}


/* Outils */
#tools {
	FLOAT: left;
	MIN-WIDTH: 152px;
}

/* Formulaire RI
#trajet {
	BACKGROUND-COLOR: #BACCE1;
	PADDING-BOTTOM: 10px;
}
#trajet H2 {
	WIDTH: 137px;
	HEIGHT: 36px;
	PADDING-LEFT: 15px;
	PADDING-TOP: 20px;
	DISPLAY: block;
	BACKGROUND: #BACCE1 url("../img/FR/home/trajets.gif");
	BACKGROUND-REPEAT: no-repeat;
	FONT-SIZE: 123%;
}
#trajet FIELDSET {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px 0px 0px 15px;
}
#trajet LEGEND {
    DISPLAY: none;
}
#trajet LABEL {
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
}
#trajet #depart, #trajet #arrivee {
	WIDTH: 120px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #FFFFFF;
	MARGIN-BOTTOM: 5px;
}
#trajet DIV {
	WIDTH: 120px;
	TEXT-ALIGN: right;
}
 */
/* Espace membre
#tools H2.adherent {
	WIDTH: 137px;
	PADDING-LEFT: 15px;
	PADDING-TOP: 20px;
	PADDING-BOTTOM: 5px;
	DISPLAY: block;
	BACKGROUND: #98D79D url("../img/FR/home/adherent.gif");
	BACKGROUND-REPEAT: no-repeat;
	FONT-SIZE: 123%;
}
FORM#adherent {
    BACKGROUND-COLOR: #98D79D;
	PADDING-BOTTOM: 10px;
}
DIV#adherent {
	PADDING-LEFT: 15px;
}
#adherent FIELDSET {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px 0px 0px 15px;
}
#adherent LEGEND {
    DISPLAY: none;
}
#adherent LABEL {
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
}
#adherent #usrLogin, #adherent #usrPassword {
	WIDTH: 120px;
    BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #FFFFFF;
	MARGIN-BOTTOM: 5px;
}
#adherent UL {
	LIST-STYLE: none;
	MARGIN: 5px 0px 0px 0px;
	PADDING: 0px;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
}
#adherent LI {
	PADDING: 0px;
	MARGIN: 0px;
}
#adherent A {
    COLOR: #000000;
}
#adherent SPAN {
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
}
#adherent DIV {
	WIDTH: 120px;
	TEXT-ALIGN: right;
}
 */