/*  Structure globale */
#global
{
    MARGIN-LEFT: auto;
    WIDTH: 960px;
    MARGIN-RIGHT: auto;
    TEXT-ALIGN: left;
    BACKGROUND-IMAGE: url("../img/FR/home/ligne_cote.gif");
	BACKGROUND-REPEAT: repeat-y;
	background-position:768px;
}


#page {
    WIDTH: 960px;
    TEXT-ALIGN: left;

}

#left{
	FLOAT: left;
	width:210px;
}

#right{
	FLOAT: right;
    WIDTH: 160px;
}

#middle{
	MARGIN-LEFT: 210px;
    WIDTH: 570px;
    padding-left:10px;
}
#back 
{
	padding-top:18px;
	text-align:center;
}

/* Espace adhérent */
#headright H3
{
	height:20px;
	margin:15px 0px 0px 35px;
	padding:0px 0px 0px 25px;
	BACKGROUND-IMAGE: url("../img/FR/monesp1.jpg");
	BACKGROUND-REPEAT: no-repeat;
	background-position:left center;
	font-size:115%;
}
#headright H3 A
{
	color:#ACACAC;
	margin:0px;
	padding:0px;
}
#headright P
{
	width:135px;
	font-style:normal;
	margin:0px 0px 0px 43px;
	padding:0px 0px 0px 10px;
	background-image: url(../img/FR/filet_adherent.gif);
	background-repeat:repeat;
	background-position:left;
}
#headright UL
{
	width:145px;
	margin:0px 0px 0px 43px;
	padding:0px;
	background-image: url(../img/FR/filet_adherent.gif);
	background-repeat:repeat;
	background-position:left;
}
#headright UL LI 
{
	height:16px;
	list-style:none;
	background-image:url(../img/FR/puce_grise.gif);
	background-position:left center;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px 0px 0px 10px;
}
#headright .bottom
{
	margin:0px 0px 0px 45px;
	padding:0px;
}

/* En-tête */
#headright 
{
	width:189px;
	height:132px;
	FLOAT: left;
	margin:0px;
	padding:0px;
	background:#FFFFFF url(../img/FR/Home/ligne_rond_cote.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#head 
{
	width:768px;
	FLOAT: left;
	margin:0px;
	padding:0px;
	BACKGROUND-IMAGE: url("../img/FR/page/ligne_ht.gif");
	BACKGROUND-REPEAT: repeat-x;
}
#head H1 
{
	margin-left:10px;
	margin-right:50px;
	margin-top:20px;
	FONT-SIZE: 100%;
	COLOR: #ABDB50;
	FONT-WEIGHT: bold;
	text-transform:uppercase;
}
#head DIV.logo {
	FLOAT: left	;
}
#head DIV.photo {
	FLOAT: left	;
	margin-left:40px;
}
#head DIV.baseline {
	FLOAT: left	;
}
#head DIV.barrenavi {
	margin:0px;
	padding:0px;
}

/* Menu principal */
#navprinc {
	background-color:#ABDB50;
}
#navprinc A {
	color:#414345;
	PADDING-LEFT: 10px;
	BACKGROUND-IMAGE: url("../img/FR/puce_verte.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 5px;
}
#navprinc A:hover {
	color:#B00A60;
	BACKGROUND-IMAGE: url("../img/FR/puce_rose.gif");
}
#navprinc SPAN A {
		color:#B00A60;
	PADDING-LEFT: 10px;
	BACKGROUND-IMAGE: url("../img/FR/puce_rose.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 5px;
}
#navprinc DIV.haut
{
	BACKGROUND-IMAGE: url("../img/FR/coin2_menu.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
}
#navprinc DIV.bas
{
	BACKGROUND-IMAGE: url("../img/FR/coin4_menu.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom right;
}
#navprinc DIV 
{
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 100%;
	FONT-SIZE: 1.1em;
	COLOR: #707173;
}
#navprinc DIV.U
{
	margin-left:0.5em;
	margin-right:0.5em;
	padding-bottom:3px;
	border-bottom:1px solid #5F8D2A;
}
#navprinc DIV.U SPAN {
	PADDING-LEFT: 5px;
	COLOR: #5F8D2A;
}
#navprinc UL {
	MARGIN: 5px 0px 15px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
	font-size:1em;
}
#navprinc UL LI {
	MARGIN-BOTTOM: 2px;
	PADDING-LEFT: 10px;
}

/* Contenu */
#content {
	OVERFLOW: auto;
}
/* Fil d'ariane */
#navigation {
	MARGIN: 0px 20px 0px 0px;
	FONT-SIZE: 92%;
	color:#5F8D2A;
	FONT-WEIGHT: bold;
}
#navigation A 
{
	color:#5F8D2A;
}
#navigation SPAN {
	color:#414345;
	
}
#navigation SPAN.ICI {
	FONT-WEIGHT: bold;
	color:#5F8D2A;
	BACKGROUND-IMAGE: url("../img/FR/ariane.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center center;
	padding:5px 5px 5px 5px;
}

/* Titre rubrique en cours */
#rubtitle {
	MARGIN: 15px 20px 0px 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.8em;
    COLOR: #7B7D7E;
    padding-left:40px;
    padding-top:7px;
    padding-bottom:7px;
	BACKGROUND-IMAGE: url("../img/FR/cercles.gif");
	BACKGROUND-REPEAT: no-repeat;
}
#rubtitle IMG {
	VERTICAL-ALIGN: text-bottom;
}
#rubtitle H1 {
	FONT-SIZE: 100%;
}
#rubtitle SPAN {
	PADDING-BOTTOM: 1px;
}
/* Lien haut de page */
#gotop {
	TEXT-ALIGN: left;
	FONT-SIZE: 92%;
	float:right;
}
#gotop A
{
	color:#414243;
	padding-left:20px;
	BACKGROUND-IMAGE: url("../img/FR/fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
}

/* Menu secondaire */
#navsec {
	FLOAT: left;
}
#navsec UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
#navsec LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    MARGIN: 0px 0px;
    COLOR: #ffffff;
    PADDING-TOP: 20px;
    padding-bottom:5px;
}
#navsec LI.plan
{
    width:80px;
}
#navsec LI.ri
{
    width:90px;
}
#navsec LI.horaire
{
    width:100px;
}
#navsec LI.evenement
{
    width:110px;
}
#navsec LI DIV
{
    PADDING : 5px 40px 0px 15px;
}
#navsec LI A
{
    BACKGROUND-POSITION: left top;
    DISPLAY: block;
    BACKGROUND-IMAGE: url(../img/FR/btvert.gif);
    COLOR: #5F8D2A;
    BACKGROUND-REPEAT: no-repeat;
    background-position:right;
    HEIGHT: 30px;
    TEXT-DECORATION: none;
    border-left:1px solid #5F8D2A;
}
#navsec LI A:hover
{
    BACKGROUND-IMAGE: url(../img/FR/btrose.gif);
    TEXT-DECORATION: underline;
    COLOR:#B00A60;
}

#navsec LI SPAN A
{
    BACKGROUND-POSITION: left top;
    DISPLAY: block;
    BACKGROUND-IMAGE: url(../img/FR/btrose.gif);
    COLOR: #B00A60;
    BACKGROUND-REPEAT: no-repeat;
    background-position:right;
    HEIGHT: 30px;
    TEXT-DECORATION: none;
    border-left:1px solid #5F8D2A;;
}


/* Perturbations */
#perturbations {
	MARGIN-LEFT: 98px;
	WIDTH: 200px;
	height:63px;
	FLOAT: left;
	PADDING: 0px;
	BACKGROUND-IMAGE: url("../img/FR/home/bgperturb.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
}
#iconeperturbations {
	FLOAT: left;
}
#perturbations P {
	MARGIN: 0px 0px 0px 30px;
	PADDING: 0px;
	FONT-WEIGHT: bold;
	font-size:0.9em;
	color:#FFFFFF;
}
#perturbations A {
	color:#B00A60;
}

/* Actualités */
#actualites {
	FLOAT: left;
	width:160px;
	COLOR: #000000;
}
#actualites A {
	COLOR: #000000;
}
#actualites A:visited {
	COLOR: #707173;
}

#actualites UL {
	MARGIN: 0px;
	PADDING: 5px;
	LIST-STYLE: none;
}
#actualites LI {
    FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 5px;
	margin-left:1.5em;
	list-style:disc;
	color:#707173;
}

/* Tableaux */
.table {
	BORDER-COLLAPSE: collapse;
	WIDTH: 95%;	
	margin-left:10px;
}

.table CAPTION {
	DISPLAY: none;
}
.table THEAD TH {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	font-size:120%;
	color : #5F8D2A;
	BORDER: 1px solid #5F8D2A;
}
.table TBODY TH {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	font-size:110%;
	color : #5F8D2A;
	BORDER: 1px solid #5F8D2A;
}
.table TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #5F8D2A;
}
.table .row0 {
    BACKGROUND-COLOR: #EEF8DD;
}
.table .row1 {
    BACKGROUND-COLOR: #FFFFFF;
}

/* Plan du site */
#siteMap 
{
	MARGIN: 5px 0px 0px 0px;
	PADDING: 0px;
}

#siteMap UL 
{
	list-style:none;
	FONT-SIZE: 100%;
}
#siteMap UL LI {
	MARGIN: 0px 0px 0px 0px;
	PADDING-LEFT: 12px;
	list-style-image:none;
	BACKGROUND-IMAGE: url("../img/FR/puce_verte.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 10px;
}
#siteMap H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 130%;
	COLOR: #707173;
	list-style-image:none;
}
#siteMap H2 SPAN {
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	COLOR: #5F8D2A;
}

#siteMap .subSiteMap {
	MARGIN: 0px 0px 10px 20px;
	PADDING: 0px;
	list-style:none;
	FONT-SIZE: 100%;
}
#siteMap .subSiteMap LI {
	MARGIN: 0px 0px 0px 0px;
	PADDING-LEFT: 15px;
	list-style-image:none;
	BACKGROUND-IMAGE: url("../img/FR/LI.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 2px;
}

#siteMap .subSiteMap H3 {
	FONT-SIZE: 100%;
}

/* Formulaires */
.form {
	MARGIN: 5px;
}
.form FIELDSET {
	PADDING: 5px;
	padding-left:15px;
}
.form LEGEND {
	COLOR: #000000;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
.form DIV {
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
}
.form .legende {
	FONT-SIZE: 92%;
	COLOR: #999999;
}
.form .formSubmit {
	BORDER: none;
	COLOR: #00844A;
	FONT-WEIGHT: bold;
	BACKGROUND: #FFFFFF url("../img/FR/page/submit_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0% 50%;
}

/* Formulaire CONTACT */
#contact SPAN {
	COLOR: #B00A60;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
#contact LEGEND, #contact H2 {
	DISPLAY: none;
}
#contact FIELDSET FIELDSET {
	PADDING: 0px;
}
#contact LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
#contact INPUT {
	BORDER: 1px solid #00844A;
	WIDTH: 250px;
}
#contact TEXTAREA {
	BORDER: 1px solid #00844A;
	WIDTH: 300px;
}
#contact #inf_prenom, #contact #inf_nom, #contact #inf_email, #contact #comment {
	BACKGROUND-COLOR: #F4F4F4;
}
#contact .submit {
	TEXT-ALIGN: center;
	MARGIN: 10px;
}
#contact .submit INPUT {
	WIDTH: auto;
	BORDER: none;
	COLOR: #00844A;
	FONT-WEIGHT: bold;
}

#route #keywordsDep, #route #keywordsArr 
{
	width:340px;
}
#route .submit input {
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold;
	/*background-image:url(../img/FR/bt.gif);
	background-position:left 50px;
	background-repeat:no-repeat;*/
	background: transparent url(../img/FR/bt.gif) no-repeat scroll left center;
	border:medium none;
	padding-right:80px;
	color:#5F8D2A;
	float :right;
	padding-bottom:10px;
}

#route fieldset legend {
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
	background-image:url(../img/FR/puce_verte.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	color:#5F8D2A;
	padding-left:10px;
}


#route divroute {
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
	background-image:url(../img/FR/puce_verte.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	color:#5F8D2A;
	padding-left:10px;
}

#route .left
{
	padding-left:20px;
	width:95%;
	text-align:left;
}


/* Formulaire de listes d'arrêts / lieux publics (popup) */
FORM#popuplist {
	TEXT-ALIGN: left;
	WIDTH: 521px;
	MARGIN: auto;
	BACKGROUND-COLOR: #FFFFFF;
}

FORM#popuplist FIELDSET {
}
FORM#popuplist LEGEND {
	DISPLAY: none;
}
FORM#popuplist H3 {
	FONT-SIZE: 115%;
	HEIGHT: 25px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 2px;
}

 .background {
	/*BACKGROUND: #white url("../img/FR/page/trajet-fieldset_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;*/
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 2px solid #5AB323;
	color: #5f8d2a;
	font-weight:bold;
}

FORM#popuplist H3 SPAN {
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
	COLOR: #5f8d2a;
}

FORM#popuplist .contenu {
	BORDER-LEFT: 1px solid #5AB323;
	BORDER-RIGHT: 1px solid #5AB323;
	PADDING: 10px;
}
FORM#popuplist .bottom {
/*	BACKGROUND-COLOR: #F29400;
	HEIGHT: 1px; */
	BORDER-BOTTOM: 1px solid #5AB323;
	MARGIN: 0px;
	PADDING: 0px;
}

FORM#popuplist A:hover {
	COLOR: #B00A60;
}

FORM#popuplist DIV {
	PADDING: 3px 2px;
}
FORM#popuplist INPUT, FORM#popuplist SELECT, FORM#popuplist TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #2F3C3F;
}
FORM#popuplist .formSubmit {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #5F8D2A;
	BORDER : 0px;
}
FORM#popuplist .alphabeticList {
	TEXT-ALIGN: center;
	COLOR: #666666;
}
FORM#popuplist .alphabeticList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
FORM#popuplist .alphabeticList LI {
	DISPLAY: inline;
}
FORM#popuplist .alphabeticList SPAN {
	FONT-WEIGHT: bold;
	COLOR: #5F8D2A;
}
#popuplist .formList {
    BORDER: #5F8D2A 1px solid;
    POSITION: relative;
    HEIGHT: 300px;
    Z-INDEX: 1;
    OVERFLOW: auto;
    MARGIN: 10px;
}
#popuplist .formList UL {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	LIST-STYLE: square;
}
#popuplist .formList LI {
}


/* Formulaire IDENTIFICATION & INSCRIPTION */
FORM#login SPAN, FORM#inscription SPAN {
	FONT-WEIGHT: bold;
}
FORM#login LABEL, FORM#inscription LABEL, FORM#login .label, FORM#inscription .label {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#login INPUT, FORM#inscription INPUT {
	WIDTH: 200px;
	margin:2px;
}
FORM#login .submit INPUT, FORM#inscription .submit INPUT, FORM#delete .submit INPUT, FORM#alerts .submit INPUT
{
	WIDTH: auto;
	BORDER: none;
	COLOR: #00844A;
	FONT-WEIGHT: bold;
	text-align:center;
	margin:5px 0px 5px 220px;
}	

FORM#login .choix , FORM#inscription .choix{
	padding-top:18px;
}
FORM#login .choix LABEL , FORM#inscription .choix LABEL{
	float:none;
	text-align:left;
	width:auto;
}
FORM#login .choix INPUT, FORM#inscription .choix INPUT{
	WIDTH: auto;
	margin:0px;
	padding:0px;
	border:0px;
}

FORM#inscription INPUT#usr_code_postal {
	WIDTH: 50px;
}
FORM#inscription TEXTAREA {
	WIDTH: 300px;
}
FORM#login DIV.checkbox, FORM#inscription DIV.checkbox {
	PADDING-LEFT: 30%;
}
FORM#login DIV.checkbox LABEL, FORM#inscription DIV.checkbox LABEL, FORM#inscription FIELDSET.civilite LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
}
FORM#login DIV.checkbox INPUT, FORM#inscription DIV.checkbox INPUT, FORM#inscription FIELDSET.civilite INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}
FORM#pass FIELDSET, FORM#login FIELDSET, FORM#inscription FIELDSET {
	BORDER: 1px solid #ABDB50;
	margin:4px;
	padding:4px;
}
FORM#inscription FIELDSET FIELDSET {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px;
}
FORM#inscription FIELDSET FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#inscription FIELDSET.civilite DIV {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
/* Oubli mot de passe */
FORM#pass INPUT#usr_email {
	WIDTH: 200px;
}

/* Formulaires ESPACE MEMBRE */
FORM#alerts FIELDSET FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#alerts FIELDSET FIELDSET {
    BORDER: none;
    PADDING: 0px;
    MARGIN: 2px 40px;
}
FORM#alerts FIELDSET FIELDSET DIV {
	FLOAT: left;
	WIDTH: 30%;
	PADDING: 0px;
}
FORM#alerts FIELDSET FIELDSET INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}
FORM#route DIV.stopLines INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}