/* Surcharges par rapport au main.css */
#head {
	PADDING-BOTTOM: 10px;
}
#head .logo {
	FONT-SIZE: 100%;
	WIDTH: 240px;
	FLOAT: left;
	HEIGHT: 104px;
	BACKGROUND-IMAGE: url("../img/FR/page/head_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
}
#head .visuel {
	FLOAT: left;
	HEIGHT: 104px;
}
#multimodal {
	BACKGROUND-IMAGE: url("../img/FR/page/multimodal_bg-left.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}

/* Outils */
#tools {
	FLOAT: right;
	WIDTH: 180px;
}

/* Partie centrale */
#main {
	CLEAR: both;
}
.w960 {
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960_bg.jpg");
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left;
}
.w960_r { /*A CABLER*/
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960-r_bg.jpg");
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left;
}

.w780 {
	BACKGROUND-IMAGE: url("../img/FR/page/main-w780_bg.jpg");
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left;
}
.w960 .mainTopRight {
	FLOAT: right;
	WIDTH: 18px;
	HEIGHT: 17px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960_bg-top-right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
}
.w780 .mainTopRight {
	DISPLAY: none;
}
.w960 .mainBottom {
	HEIGHT: 30px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960_bg-bottom.jpg");
	BACKGROUND-REPEAT: no-repeat;
}
.w960_r .mainBottom {/*
	HEIGHT: 30px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960_bg-bottom.jpg");
	BACKGROUND-REPEAT: no-repeat;*/
}
.w780 .mainBottom {
	HEIGHT: 30px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w780_bg-bottom.jpg");
	BACKGROUND-REPEAT: no-repeat;
}

#aide .aide {
	BACKGROUND-IMAGE: url("../img/FR/page/main-aide_bg.jpg");
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left;
}
#aide .aide .mainTopRight {
	FLOAT: right;
	WIDTH: 18px;
	HEIGHT: 17px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w960_bg-top-right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
}
#aide .aide .mainBottom {
	HEIGHT: 30px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-aide_bg-bottom.jpg");
	BACKGROUND-REPEAT: no-repeat;
}
#aide .aide #middle {
	PADDING: 20px;
}

/* Partie gauche */
#left {
	FLOAT: left;
	WIDTH: 216px;
}
/* Carte dynamique */
#carte {
	MARGIN-LEFT: 5px;
	PADDING-BOTTOM: 3px;
	BACKGROUND-COLOR: #FFFFFF;
}
#carte IMG {
	MARGIN-BOTTOM: 3px;
}
#carte DIV {
	TEXT-ALIGN: center;
}
#carte SPAN {
	FONT-WEIGHT: bold;
	PADDING-LEFT: 20px;
	BACKGROUND-IMAGE: url("../img/FR/home/fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
}
/* Navigation secondaire */
#navsec {
	PADDING: 0px 5px 0px 10px;
}

/* Partie centrale */
.w960 #middle {
	MARGIN-LEFT: 216px;
	PADDING: 20px;
}
.w960_r #middle {
	PADDING: 20px;
}
.w780 #middle {
	FLOAT: left;
	WIDTH: 538px;
	PADDING: 20px;
}

/* Partie droite */
#right {
	FLOAT: right;
	WIDTH: 160px;
	BACKGROUND-COLOR: #E7EDF9;
}
.w960_r #right {
	WIDTH: 180px;
}
/* Partie de droite */
#actualites {
	PADDING: 5px;
	BACKGROUND-IMAGE: url("../img/FR/page/main-w780_bg-top-right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
}
#actualites .h2 {
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	COLOR: #2F64CC;
}
#actualites UL {
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #2F64CC;
}
#actualites LI {
	MARGIN-LEFT: 15px;
	PADDING: 5px 0px;
	LIST-STYLE: square;
}
#actualites LI.annonce {
	MARGIN-LEFT: 0px;
	COLOR: #0C3174;
	LIST-STYLE: none;
}
#actualites .all {
	MARGIN-TOP: 5px;
	TEXT-ALIGN: right;
	FONT-WEIGHT: bold;
}

/* Titre rubrique */
#rubtitle {
	MARGIN-TOP: 10px;
}

#rubtitle H1 {
	FONT-SIZE: 180%;
	PADDING: 5px 5px 5px 20px;
	BACKGROUND-IMAGE: url("../img/FR/page/H1_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	COLOR: #244DBF;
}

/* Contenu */
#content {
	MARGIN-TOP: 2px;
	PADDING: 5px;
	OVERFLOW: hidden;
}
#content A {
	COLOR: #1D5BDE;
}
#content A:hover {
	COLOR: #C77209;
}
#content IMG {
	PADDING : 0px;
	MARGIN: 5px;
	BORDER: 0px;
}
#content IMG.icon {
	MARGIN: 2px 3px;
	VERTICAL-ALIGN: middle;
}
#content P {
	MARGIN: 5px 0px 10px 0px;
}
#content P.avis {
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
}
#content UL {
	PADDING: 0px 0px 0px 20px;
	MARGIN: 0px;
	LIST-STYLE: square;
}
#content UL.doc, #content UL.thm {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#content UL.doc LI {
	BORDER-BOTTOM: 1px solid #D7D5D6;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 0px 0px 10px 0px;
}
#content H2 {
	FONT-SIZE: 130%;
    PADDING-LEFT: 15px;
    BACKGROUND-IMAGE: url("../img/FR/page/puce_paragraphe.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left; 
}
#content H3 {
	FONT-SIZE: 110%;
}
#content SPAN.readmore {
    BACKGROUND-IMAGE: url("../img/FR/page/puce_more.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left; 
    PADDING-LEFT: 15px;
}

/* Perturbations */
#content UL LI.pert1 H2, #content H2.pert1 {
    BACKGROUND-IMAGE: url("../img/FR/home/pert_icon1.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 5px; 
	PADDING-LEFT: 23px;
}
#content UL LI.pert2 H2, #content H2.pert2 {
    BACKGROUND-IMAGE: url("../img/FR/home/pert_icon2.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 5px; 
	PADDING-LEFT: 23px;
}

/* Fil ariane */
#navigation {
	COLOR: #1D5BDE;
	BACKGROUND-IMAGE: url("../img/FR/page/navigation_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING: 2px;
}
#navigation A {
	COLOR: #1D5BDE;
}
#navigation A:hover {
	COLOR: #C77209;
}
#navigation SPAN {
	FONT-WEIGHT: bold;
}
#navigation SPAN.YouAreHere {
	COLOR: #FFFFFF;
	FONT-WEIGHT: normal;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;
}

/* Retour haut de page */
#gotop {
	TEXT-ALIGN: Right;
	MARGIN-RIGHT: 10px;
}
#main.w960_r #gotop {
	MARGIN-RIGHT: 170px;
}
#gotop A {
	BACKGROUND-IMAGE: url("../img/FR/puce_gotop.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
	COLOR: #1D5BDE;
}
#gotop A:hover {
	COLOR: #C77209;
}

/* Bouton retour */
#goback {
	BACKGROUND-IMAGE: url("../img/FR/puce_back.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}


/* Page SAS des horaires */
#content UL.thm LI.lignes {
	WIDTH: 350px;
	FLOAT: left;
}

#content UL.thm LI.arrets {
	MARGIN-LEFT:350px;
}

#content UL.thm LI.lignes LI, #content UL.thm LI.arrets LI {
	MARGIN-BOTTOM: 10px;
}

#content UL.thm LI.lignes LI UL, #content UL.thm LI.arrets LI UL {
	LIST-STYLE: none;
	PADDING: 0px;
	MARGIN: 0px;
}


/* Tableaux */
#content TABLE {
	BORDER-COLLAPSE: collapse;
}
#content TABLE CAPTION {
	MARGIN:0px 0px 1px -1px;
	BACKGROUND-COLOR: #F39501;
	COLOR: #013871;
	BORDER:none;
	PADDING: 2px;
	FONT-WEIGHT:bold;
}
#content TABLE TH {
    FONT-WEIGHT: bold;
    COLOR: #2F64CC;
    BACKGROUND-COLOR: #DCE3F5;
	BORDER: 1px solid #2F64CC;
	PADDING: 3px;
	TEXT-ALIGN: left;
}
#content TABLE THEAD TH {
	TEXT-ALIGN: center;
}
#content TABLE TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #2F64CC;
}
#content TABLE .row0 {
    BACKGROUND-COLOR: #F1F4FB;
}
#content TABLE .row1 {
    BACKGROUND-COLOR: #FFFFFF;
}
#content TABLE .details {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/xgoat/details.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 50% 10px;
	PADDING-TOP: 25px;
	PADDING-BOTTOM: 10px;
}

/* Tableau DEPOSITAIRES */
TABLE#depositaires {
	WIDTH: 680px;
}

/* Tableau LIEUX PUBLICS */
TABLE#lieuxpublics {
	WIDTH: 680px;
}

/* Formulaires HORAIRES */
FORM#searchByLineNumber {
/*	WIDTH: 300px;
	FLOAT: left; */
}
FORM#searchByLocality {
/*	MARGIN-LEFT: 300px; */
}

/* Formulaire HORAIRES DE LIGNES */
FORM#hourPeriodForm {
	MARGIN-BOTTOM: 15px;
}
FORM#hourPeriodForm FIELDSET {
}
FORM#hourPeriodForm LEGEND {
	DISPLAY: none;
}
FORM#hourPeriodForm INPUT#sens1, FORM#hourPeriodForm INPUT#sens2 {
	BORDER: none;
}
FORM#hourPeriodForm .submit {
}



/* Formulaires */
#content FORM {
}
#content FIELDSET {
	PADDING: 5px 0px;
}
#content LEGEND {
	COLOR: #0C3174;
}
#content FORM DIV {
	PADDING: 3px 0px;
}
#content INPUT, #content SELECT, #content TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #2F64CC;
}
#content FORM INPUT.radio {
	BORDER: none;
}
#content .legende {
	FONT-SIZE: 87%;
	FONT-STYLE: italic;
}
#content .obligatoire {
	FONT-WEIGHT: bold;
}
#content FORM .formSubmit {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #4F7FC9;
	BORDER : 0px;
}
#content FORM .submit INPUT {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #4F7FC9;
	BORDER : 0px;
}

/* Formulaires LISTE THEMES */
FORM#themelist {
	MARGIN-BOTTOM: 10px;
}
FORM#themelist .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}

/* Formulaire identification */
FORM#login SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#login LEGEND {
	DISPLAY: none;
}
FORM#login LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#login INPUT {
	WIDTH: 150px;
}
FORM#login DIV.checkbox {
	PADDING-LEFT: 30%;
}
FORM#login DIV.checkbox INPUT {
	WIDTH: auto;
	BORDER: none;
}
FORM#login DIV.checkbox LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	PADDING: 0px;
}
FORM#login .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#login .submit INPUT {
	WIDTH: auto;
}

/* Formulaire oubli mot de passe */
FORM#pass SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#pass LEGEND {
	DISPLAY: none;
}
FORM#pass LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#pass INPUT#usr_email {
	WIDTH: 250px;
}

/* Formulaire suppression de compte */
FORM#delete LEGEND {
	DISPLAY: none;
}
FORM#delete .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#delete .submit INPUT {
	WIDTH: auto;
}

/* Formulaire inscription */
FORM#inscription SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#inscription LEGEND {
	DISPLAY: none;
}
FORM#inscription LABEL, FORM#inscription .label {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#inscription INPUT {
	WIDTH: 250px;
}
FORM#inscription FIELDSET.civilite {
	PADDING: 3px 0px;
}
FORM#inscription FIELDSET.civilite DIV {
	PADDING: 0px;
}
FORM#inscription FIELDSET.civilite LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	PADDING: 0px;
}
FORM#inscription FIELDSET.civilite INPUT {
	WIDTH: auto;
	BORDER: none;
}
FORM#inscription TEXTAREA {
	WIDTH: 300px;
}
FORM#inscription #usr_code_postal {
	WIDTH: 50px;
}
FORM#inscription DIV.checkbox {
	PADDING-LEFT: 30%;
}
FORM#inscription DIV.checkbox INPUT {
	WIDTH: auto;
	BORDER: none;
}
FORM#inscription DIV.checkbox LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	PADDING: 0px;
}
FORM#inscription .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#inscription .submit INPUT {
	WIDTH: auto;
}

/* Formulaire CONTACT */
FORM#contact SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#contact LEGEND {
	DISPLAY: none;
}
FORM#contact LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#contact INPUT {
	WIDTH: 250px;
}
FORM#contact TEXTAREA {
	WIDTH: 300px;
}
FORM#contact #inf_codepostal {
	WIDTH: 50px;
}
FORM#contact .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#contact .submit INPUT {
	WIDTH: auto;
}

/* Formulaire ENVOI A UN AMI */
FORM#ami SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#ami LEGEND {
	DISPLAY: none;
}
FORM#ami LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
	WIDTH:200px;
}
FORM#ami INPUT {
	WIDTH: 250px;
}
FORM#ami INPUT[type=checkbox] {
	WIDTH: auto;
	border: none;
}
FORM#ami TEXTAREA {
	WIDTH: 300px;
}
FORM#ami .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#ami .submit INPUT {
	WIDTH: auto;
}


/* Formulaire VOTRE AVIS */
FORM#votreavis SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#votreavis LEGEND {
	DISPLAY: none;
}
FORM#votreavis LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#votreavis INPUT {
	WIDTH: 250px;
}
FORM#votreavis TEXTAREA {
	WIDTH: 300px;
}
FORM#votreavis #inf_codepostal {
	WIDTH: 50px;
}
FORM#votreavis FIELDSET.avis LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	PADDING-RIGHT: 0px;
}
FORM#votreavis FIELDSET.avis INPUT, FORM#votreavis FIELDSET.avis TEXTAREA {
	MARGIN-LEFT: 30%;
}
FORM#votreavis #avis1, FORM#votreavis #avis2, FORM#votreavis #avis3 {
	WIDTH: auto;
	BORDER: none;
}
FORM#votreavis .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#votreavis .submit INPUT {
	WIDTH: auto;
}

/* Formulaire SONDAGE */
FORM#sondage {
}
FORM#sondage LEGEND {
	DISPLAY: none;
}
FORM#sondage .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
/* Résultats */
#content UL.sdg {
	PADDING-BOTTOM: 15px;
	BORDER-BOTTOM: 1px solid #D7D5D6;
}
#content UL.sdg LI {
	MARGIN: 5px 0px;
}
#content UL.sdg IMG {
	VERTICAL-ALIGN: middle;
	MARGIN: 0px;
}

/* Formulaire RECHERCHE ITINERAIRES */
FORM#route {
	WIDTH: 521px;
	MARGIN-LEFT: 50px;
}

/*
FORM#route P.aide {
	MARGIN: 0px;
	PADDING-RIGHT: 20px;
	FLOAT: right;
}
FORM#route .aide IMG {
	MARGIN: 2px;
	VERTICAL-ALIGN: middle;
}
*/

FORM#route .contenu {
	BORDER-LEFT: 1px solid #F29400;
	BORDER-RIGHT: 1px solid #F29400;
	PADDING: 10px;
}

FORM#route H3 {
	BACKGROUND: #F29400 url("../img/FR/page/trajet-fieldset_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	FONT-SIZE: 115%;
	HEIGHT: 33px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 2px;
}
FORM#route H3 SPAN {
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
	COLOR: #FFFFFF;
}

FORM#route .bottom {
/*	BACKGROUND-COLOR: #F29400;
	HEIGHT: 1px; */
	BORDER-BOTTOM: 1px solid #F29400;
	MARGIN: 0px;
	PADDING: 0px;
}

FORM#route FIELDSET {
}
FORM#route FIELDSET.depart {
}
FORM#route FIELDSET.arrivee {
}
FORM#route FIELDSET.date {
}
FORM#route FIELDSET.options {
}

FORM#route DIV#via {
	PADDING: 0px;
	DISPLAY: none;
}
FORM#route H4 {
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
	MARGIN: 5px 0px;
	PADDING-LEFT: 22px;
	BACKGROUND-IMAGE: url("../img/FR/home/fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
}
FORM#route FIELDSET.via {
	BORDER: 1px solid #F29400;
	PADDING: 5px;
}

FORM#route LEGEND {
	DISPLAY: none;
}
FORM#route #keywordsDep, FORM#route #keywordsArr, FORM#route #keywordsVia, FORM#route #pointDep, FORM#route #pointArr, FORM#route #pointVia {
	WIDTH: 450px;
}

FORM#route .datePeriodSelection {
	FLOAT: left;
	MARGIN-RIGHT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 320px;
	HEIGHT: 120px;
	BORDER-RIGHT: 1px solid #D7D5D6;
	
}

FORM#route .datePeriodSelectionRouteHour {
	FLOAT: left;
	MARGIN-RIGHT: 5px;
	PADDING-RIGHT: 5px;
	WIDTH: 320px;
	HEIGHT: 100px;
	BORDER-RIGHT: 1px solid #D7D5D6;
	
	
}

FORM#route .datePeriodSelection LABEL{
	WIDTH: 140px;
}

FORM#route .datePeriodSelection INPUT {
	BORDER : 0px;
}


FORM#route .datePeriodSelection INPUT #radioDateOrPeriod {
	WIDTH: 140px;
}

FORM#route .datePeriodSelection SELECT {
	WIDTH: 180px;
}

FORM#route .datePeriodSelection .helpLink {
	FLOAT:right;
	WIDTH: 180px;
}

FORM#route .hourSelection {
	width:50px;
	float:left;
}

FORM#route .minuteSelection {
	width:50px;
	float:left;
}

FORM#route .meridienSelection {
	width:50px;
	float:left;
}


FORM#route .typeDate {
	FLOAT: left;
	MARGIN-RIGHT: 5px;
}

FORM#route DIV INPUT.radio {
	BORDER : 0px;
}


FORM#route DIV.dateInterval {
	FLOAT: left;
	PADDING: 0px;
	MARGIN: 0px;
}


FORM#route DIV.dateInterval FIELDSET {
	PADDING: 0px;
	MARGIN: 0px;
}

FORM#route .checkbox INPUT {
	WIDTH: auto;
	BORDER: none;
}
FORM#route .submit {
	TEXT-ALIGN: center;
}
FORM#route .submit INPUT {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #4F7FC9;
	BORDER : 0px;
}

/* 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: 33px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 2px;
}

 .background {
	BACKGROUND: #F29400 url("../img/FR/page/trajet-fieldset_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}

FORM#popuplist H3 SPAN {
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
	COLOR: #FFFFFF;
}

FORM#popuplist .contenu {
	BORDER-LEFT: 1px solid #F29400;
	BORDER-RIGHT: 1px solid #F29400;
	PADDING: 10px;
}
FORM#popuplist .bottom {
/*	BACKGROUND-COLOR: #F29400;
	HEIGHT: 1px; */
	BORDER-BOTTOM: 1px solid #F29400;
	MARGIN: 0px;
	PADDING: 0px;
}

FORM#popuplist A:hover {
	COLOR: #C77209;
}

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: #4F7FC9;
	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: #C77209;
}
#popuplist .formList {
    BORDER: #2F64CC 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 {
}

/* Plan du site */
#planSite UL
{
	PADDING-BOTTOM: 15px;
	List-Style:None;
}

#SousPlanSite UL
{
	List-Style:square;
	PADDING-BOTTOM: 15px;
}


#planPartenaires UL
{
	List-Style:square;
	PADDING-BOTTOM: 5px;
}

/* Résultats de la recherche */
.resultHead {
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #EAEAEC;
}
#resultList UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#resultList LI {
	BORDER-BOTTOM: 1px solid #D7D5D6;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 0px 0px 10px 0px;
}
#resultList LI A {
	FONT-WEIGHT: bold;
}
.resultFoot {
	TEXT-ALIGN: center;
	PADDING-TOP: 2px;
	MARGIN-BOTTOM: 15px;
}


.solutionTitle {
	margin: 0px 0px 0px 100px;
	padding:0px;
}

.solutionImage {
	float:left;
	width:90px;
	text-align:right;
	padding-right:10px;
	margin:0px;
}

.solutionLink {
	margin: 0px 0px 0px 100px;
	padding-top:4px;
}

/* Menu secondaire */
#navsec {
	MARGIN-BOTTOM: 20px;
	WIDTH: 200px;
}

#navsec .title {
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	PADDING: 5px 5px 5px 20px;
	BACKGROUND-IMAGE: url("../img/FR/page/navsec-title_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}

#navsec UL {
	LIST-STYLE: square;
	MARGIN: 0px 0px 0px 20px;
	PADDING: 0px;
}
#navsec UL LI {
	MARGIN: 5px 0px;
}

#navsec UL.menu {
	MARGIN: 0px;
	PADDING: 10px 0px 10px 0px;
	LIST-STYLE: none;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec UL.menu LI {
	PADDING: 0px 2px 0px 24px;
	BACKGROUND-IMAGE: url("../img/FR/page/navsec-li_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 10px;
}

#navsec UL.menu LI:hover {
	PADDING: 0px 2px 0px 24px;
	BACKGROUND-IMAGE: url("../img/FR/page/navsec-li_bg_hover.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 10px;
}

#navsec UL.menu LI.on {
	BACKGROUND-COLOR: #FFFFFF;
	PADDING: 0px 2px 0px 24px;
	BACKGROUND-IMAGE: url("../img/FR/page/navsec-li_bg_on.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 10px;
}
#navsec UL.menu LI A {
	TEXT-DECORATION: none;
	COLOR: #0C3174;
}
#navsec UL.menu LI.on A {
	TEXT-DECORATION: none;
	COLOR: #1D5BDE;
}
#navsec UL.menu LI A:hover {
	COLOR: #1D5BDE;
	TEXT-DECORATION: none;
}

/* Formulaires menu secondaire (actualités, perturbations...) */
#navsec FORM {
	MARGIN: 2px;
}
#navsec FIELDSET {
	BORDER: 1px solid #4F7FC9;
	BACKGROUND-COLOR: #F1F4FB;
	PADDING: 3px;
}
#navsec LEGEND {
	DISPLAY: none;
}
#navsec FORM STRONG {
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec FORM DIV {
	PADDING: 5px 0px;
}
#navsec INPUT, #navsec SELECT, #navsec TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #2F64CC;
	FONT-SIZE: 92%;
}
#navsec OPTGROUP {
	FONT-STYLE: normal;
}
#navsec #motcle, #navsec #theme, #navsec #zone {
	WIDTH: 180px;
}
#navsec #reseau {
	WIDTH: 180px;
}

#navsec FIELDSET FIELDSET {
	PADDING: 0px;
	BORDER: none;
}
#navsec FIELDSET FIELDSET LEGEND {
	DISPLAY: block;
	WIDTH: 180px;
	margin:0px;
	padding:0px;
	COLOR: #0C3174;
}

#navsec FIELDSET FIELDSET LEGEND.iexplorer {
	DISPLAY: block;
	WIDTH: 180px;
	margin-left:-8px;
	padding:0px;
	COLOR: #0C3174;
}



#navsec #today, #navsec #tomorrow, #navsec #week, #navsec #nextweek, #navsec #date  {
	BACKGROUND-COLOR: #F1F4FB;
	BORDER: none;
	MARGIN-LEFT: 10px;
}
#navsec FIELDSET FIELDSET LABEL.date {
	FLOAT: left;
	TEXT-ALIGN: right;
	WIDTH: 30%;
	PADDING-RIGHT: 5px;
}
#navsec FIELDSET FIELDSET INPUT.date 
{
	HEIGHT:12px;
}


#navsec DIV.submit {
	TEXT-ALIGN: center;
}
#navsec DIV.submit INPUT {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #4F7FC9;
	BORDER : 0px;
}


/* Formulaires utilisateur */

#userSelection FIELDSET {
	MARGIN-TOP: 0px;
	PADDING: 0px;
	BORDER: 0px;	
}

#userSelection LEGEND {
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
	COLOR: #2F3C3F;
	DISPLAY: none;
}

#userSelection .adhTitle {
	FONT-WEIGHT: bold;
}

#userSelection FIELDSET .formComment {
	FONT-WEIGHT: bold;
}

#userSelection FIELDSET .labelType {
	WIDTH: 200px;
	HEIGHT: 24px;
	TEXT-ALIGN: right;
	PADDING: 3px 0px 0px 0px;
	MARGIN: 0px;
}

#userSelection FIELDSET .RequiredlabelType {
	WIDTH: 200px;
	HEIGHT: 24px;
	TEXT-ALIGN: right;
	PADDING: 3px 0px 0px 0px;
	MARGIN: 0px;
	FONT-WEIGHT: bold;
}


#userSelection FIELDSET .textfieldType {
	WIDTH: 298px;
	HEIGHT: 24px;
	PADDING: 0px 0px 3px 0px;
	MARGIN: 0px;
	FLOAT: right;
}

#userSelection FIELDSET TABLE {
	BORDER : 0px;
}


#userSelection FIELDSET SPAN {
	font-weight : bold;
}


#userSelection SPAN {
	font-weight : bold;
}

#userSelection FIELDSET TABLE TR {
	BORDER : 0px;
}

#userSelection FIELDSET TABLE TR  TD {
	BORDER : 0px;
}

#userSelection .formButtons {
	MARGIN-TOP: 10px;
	TEXT-ALIGN: center;
	float:left;
}

#userSelection .formButtonsIdent {
	margin-top:10px;
	TEXT-ALIGN: center;
	float:left;
}


#userSelection UL
{
	LIST-STYLE: none ;
}

#userSelection LI
{
	
}

#userSelection .sameLine LI 
{
	display: inline;
}

#userSelection .dayType LI
{
	display: inline;
	margin-right:20px;
}

#userSelection .dayType LI LABEL
{
	width:100px;
}

#userSelection .userPrefList
{
	
}

#userSelection .userPrefList LI
{
	MARGIN-LEFT: 15px;
	MARGIN-BOTTOM: 3px;
	PADDING: 5px 0px;
	LIST-STYLE: square;
}

#userSelection .AddAlertInfo
{
	COLOR: #F29400;
	FONT-WEIGHT:bold;
}

#userSelection .AddAlertInfo:HOVER
{
	COLOR: #2F64CC;
	FONT-WEIGHT:bold;
}

.LIwithPicto
{
	vertical-align:center;
	padding:5px 0px 5px 0px;
}

IMG#withPicto 
{
	position:relative;
	top:5px;
	padding:0px;
	MARGIN:0px;
	background-color:#E3E9F7;	
}


/* Page de présentation des partenaires */
#mapLegend .h2 {
	FONT-SIZE: 140%;
	COLOR: #2F64CC;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 10px;
}
#mapLegend {
	MARGIN: 40px 0px 40px 0px;
}
#mapLegend .top {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/arrondis1.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	height: 19px;
}
#mapLegend .bottom {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/arrondis2.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
	height: 19px;
}
#mapLegend .main {
	PADDING: 14px 10px 14px 10px;
	BORDER-LEFT: 1px solid #4f7fc9;
	BORDER-RIGHT: 1px solid #4f7fc9;
	MARGIN-RIGHT: 30px;
	height: 90px;
}

#mapLegend UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mapLegend LI {
	/*display: inline-block;*/
	float: left;
	width: 110px;
	height: 20px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	padding-left: 40px;
	margin: 5px 10px 0 10px;
}

/* Case vide */
#mapLegend LI.empty {}

/* Parkings et poles d'échanges */
#mapLegend LI.leg-parc { BACKGROUND-IMAGE: url("../img/FR/page/reseau/parcsRelais.gif"); padding-left: 30px; width: 90px; }
#mapLegend LI.leg-pole-echange { BACKGROUND-IMAGE: url("../img/FR/page/reseau/polesEchanges.gif"); padding-left: 30px; width: 90px; }
#mapLegend LI.leg-gare { BACKGROUND-IMAGE: url("../img/FR/page/reseau/gareCarto.gif"); padding-left: 30px; width: 90px; }
#mapLegend LI.empty-left {padding-left: 30px; width: 90px; }

/* Ter et Tgv */
#mapLegend LI.leg-tgv {	BACKGROUND-IMAGE: url("../img/FR/page/reseau/tgv.gif"); padding-left: 40px; width: 100px; }
#mapLegend LI.leg-ter {	BACKGROUND-IMAGE: url("../img/FR/page/reseau/ter.gif"); padding-left: 40px; width: 100px; }
#mapLegend LI.leg-autocar-ter {	BACKGROUND-IMAGE: url("../img/FR/page/reseau/autocarsTer.gif"); padding-left: 40px; width: 100px;  }
#mapLegend LI.leg-link {padding-left: 0px; width: 280px;  }

/* Liaisons départementales */
#mapLegend LI.leg-ain {	BACKGROUND-IMAGE: url("../img/FR/page/reseau/autocarsAin.gif"); padding-left: 40px; width: 130px; }
#mapLegend LI.leg-isere { BACKGROUND-IMAGE: url("../img/FR/page/reseau/autocarsIsere.gif"); padding-left: 40px; width: 130px; }
#mapLegend LI.leg-loire { BACKGROUND-IMAGE: url("../img/FR/page/reseau/autocarsLoire.gif"); padding-left: 40px; width: 130px; }
#mapLegend LI.leg-rhone { BACKGROUND-IMAGE: url("../img/FR/page/reseau/autocarRhone.gif"); padding-left: 40px; width: 130px; }

/* Réseaux urbains */
#mapLegend LI.leg-metro { BACKGROUND-IMAGE: url("../img/FR/page/reseau/metro.gif"); padding-left: 40px; width: 100px; }
#mapLegend LI.leg-tram { BACKGROUND-IMAGE: url("../img/FR/page/reseau/tramway.gif"); padding-left: 40px; width: 100px; }
#mapLegend LI.leg-bus { BACKGROUND-IMAGE: url("../img/FR/page/reseau/bus.gif"); padding-left: 40px; width: 100px; }
#mapLegend LI.empty-urbain {padding-left: 40px; width: 100px;  }
#mapLegend LI.leg-stratobus { BACKGROUND-IMAGE: url("../img/FR/page/reseau/stratobus.jpg"); padding-left: 40px; width: 100px; }




#popupLegend UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#popupLegend LI {
	/*display: inline-block;*/
	width: 200px;
	height: 20px;
	padding-left: 50px;
	margin: 5px 10px 0 10px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;	
}

#popupLegend .h2 {
	FONT-SIZE: 140%;
	COLOR: #2F64CC;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 10px;
}

#popupLegend .h3 {
	FONT-SIZE: 100%;
	COLOR: #2F64CC;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 0px;
}


/* Navettes OùRA */
#popupLegend LI.leg-oura-rhone { BACKGROUND-IMAGE: url("../img/FR/page/reseau/ouraRhone.gif");}
#popupLegend LI.leg-oura-ain { BACKGROUND-IMAGE: url("../img/FR/page/reseau/ouraAin.gif");}

/* TAD Zonal */
#popupLegend LI.leg-tadz-Monsols { BACKGROUND-IMAGE: url("../img/FR/page/reseau/secteurMonsols.gif");}
#popupLegend LI.leg-tadz-Lamure { BACKGROUND-IMAGE: url("../img/FR/page/reseau/secteurLamure.gif");}
#popupLegend LI.leg-tadz-MtLyonnais { BACKGROUND-IMAGE: url("../img/FR/page/reseau/secteurMonts.gif");}
#popupLegend LI.leg-tadz-BoisOingt { BACKGROUND-IMAGE: url("../img/FR/page/reseau/secteurBois.gif");}

/* Cadres gris des paragraphes */
.partnerDoc {
	BACKGROUND-COLOR: #F4F7FC;
	MARGIN: 5px 300px 10px 0px;
}
.corresp {
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 0px;
	FLOAT: left;
	WIDTH: 370px;
}
.parcrelais {
	MARGIN-LEFT: 400px;
	MARGIN-RIGHT: 10px;
}
.corresp_parcrelais {
	MARGIN-RIGHT: 10px;
	MARGIN-LEFT: 0px;
}
.partnerDoc .topLeft {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partnerDoc_bg-top-left.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	WIDTH: 15px;
	HEIGHT: 14px;
	FLOAT: left;
}
.partnerDoc .topRight {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partnerDoc_bg-top-right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top right;
	WIDTH: 15px;
	HEIGHT: 14px;
	FLOAT: right;
}
.partnerDoc .main {
	PADDING: 14px 10px 0px 10px;
}
.partnerDoc .bottomLeft {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partnerDoc_bg-bottom-left.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
	WIDTH: 15px;
	HEIGHT: 14px;
	FLOAT: left;
}
.partnerDoc .bottomRight {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partnerDoc_bg-bottom-right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom right;
	WIDTH: 15px;
	HEIGHT: 14px;
	FLOAT: right;
}
.partnerDoc .bottom {
	HEIGHT: 14px;
	BACKGROUND-COLOR: #F4F7FC;	
}

/* Cadres du plan du réseau */
#partnerMap {
	FLOAT: right;
	WIDTH: 290px;
	MARGIN-TOP: 5px;
}
#partnerMap IMG {
	MARGIN: 10px;
	PADDING: 0px;
}
#partnerMap .main {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partnerMap_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	TEXT-ALIGN: center;
}
#partnerMap .tools {
	MARGIN-LEFT: 150px;
	WIDTH: 95px;
	HEIGHT: 24px;
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partner_bg-tools.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	TEXT-ALIGN: center;
}
#partnerMap .tools IMG {
	MARGIN: 1px 2px;
}
#partnerMap .internet {
	BACKGROUND-IMAGE: url("../img/FR/page/reseau/partner_internet.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING-LEFT: 25px;
}


#cartonavsec {
	MARGIN-TOP: 60px;
	MARGIN-BOTTOM: 80px;
}


.contenu #helpGoodWalker {
	PADDING-LEFT: 5px;
	DISPLAY: none;
}

.contenu #helpSelectPeriod {
	PADDING-LEFT: 5px;
	DISPLAY: none;
}

.contenu .help {
	MARGIN-TOP: 20px;
	VERTICAL-ALIGN: middle;
}


#googleIndication {
	width : 590px;
	text-align:center;
	margin: 4px;
	font-size:107%;
	font-weight:bold;
}

/* Formulaire AFFILIATION */
FORM#affiliation SPAN {
	FONT-WEIGHT: bold;
	COLOR: #0062AD;
}
FORM#affiliation LEGEND {
	DISPLAY: none;
}
FORM#affiliation LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#affiliation INPUT {
	WIDTH: 250px;
}
FORM#affiliation TEXTAREA {
	WIDTH: 300px;
}
FORM#affiliation #inf_codepostal {
	WIDTH: 50px;
}
FORM#affiliation .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#affiliation .submit INPUT {
	WIDTH: auto;
}
FORM#affiliation DIV.checkbox {
	PADDING-LEFT: 30%;
}
FORM#affiliation DIV.checkbox INPUT {
	WIDTH: auto;
	BORDER: none;
}
FORM#affiliation DIV.checkbox LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	PADDING: 0px;
}
FORM#affiliation .precision {
	font-size: 87%;
	font-style: italic;
	margin-left: 31%;
}


