/* Amélioration des tableaux (alternance de couleurs entre chaque ligne, classe 'xDepart' pour certains tableaux
comme dans 'les points de vente'...) */
#contenu TABLE.table {
	FONT-SIZE: 90%;
}
#contenu TABLE.table .xDepart {
  BACKGROUND-COLOR: #dff098;
  COLOR: #000000;
}
#contenu TABLE.table THEAD {
  BACKGROUND-COLOR: #b7d034;
  COLOR: #ffffff;
}
#contenu TABLE.table TD, #contenu TABLE.table TH {
  PADDING: 3px; /* On descend le padding par défaut. */
  VERTICAL-ALIGN: top;
}
#contenu TABLE.table TD {
  TEXT-ALIGN: left; /* On s'aligne à gauche. */
}
#contenu TABLE.table TD {
	COLOR: #000000;
}


/* Paramétrages généraux des formulaires */
FORM LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM INPUT {
	WIDTH: 250px;
	MARGIN-BOTTOM: 10px;
}
FORM TEXTAREA {
	WIDTH: 250px;
	MARGIN-BOTTOM: 10px;
}
FORM SELECT {
	VERTICAL-ALIGN: top;
}
FORM .submit {
  TEXT-ALIGN: center; /* On centre les boutons de submit. */
}
FORM .submit INPUT {
  WIDTH: auto; /* Le bouton s'auto taille. */
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #b7d034;
  FONT-WEIGHT: bold;
  BORDER: 1px solid #97161b;
}
.formRequired {
	BORDER: 1px solid #97161b;
	BACKGROUND-COLOR: #e8ced1;
}
.labelRequired {
	FONT-WEIGHT: bold;
}


/* Suppression de la bordure pour toutes les images qui ne sont pas issues du contenu 
réalisé avec l'éditeur HTML de la console. */
#navprinc IMG, #faq IMG {
  BORDER: none;
}



/************************************** Structure globale ***************/
.menuLinkOn {
    TEXT-DECORATION: underline;
}
.docLink {
    FONT-WEIGHT: bold;
    COLOR: #94b21b;
}
.doctitle {
  FONT-WEIGHT: bolder;
  COLOR: #94b21b;
}
.doctitle A {
    COLOR: #97161b; /* ocre */
}
#navprinc {
	FLOAT: left;
	WIDTH: 240px;
	MARGIN-LEFT: 10px;
	PADDING-TOP: 1em;
}
#navprinc SPAN { /* Titre des type_rubrique */
  MARGIN-LEFT: 10px;
  FONT-SIZE: 135%;
  FONT-WEIGHT: bold;
}
#navprinc ul { /* Liste des rubriques */
	MARGIN: 0 0 20px 20px;
	PADDING: 0;
	LIST-STYLE: none; /* Pas la puce standard. */
}
#navprinc ul li {
	BACKGROUND-IMAGE: url("../img/FR/titles/puce_rouge_1.gif"); /* puce. */
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 10px;
	MARGIN: 0;
  FONT-SIZE: 90%;
  COLOR: #97161b;
}



/************** Contenu *************/
/* Fil d'ariane */
#navigation {
  MARGIN-LEFT: 270px;
  CLEAR: both;
	COLOR: #7f848d;
  FONT-SIZE: 80%;
}
#navigation A {
}
.navigationLink {
    FONT-SIZE: 80%;
    COLOR: #7f848d;
}
#navigation SPAN {
	FONT-WEIGHT: bold;
}

/* Titre rubrique en cours */
#rubtitle {
  FONT-SIZE: 130%;
}

#content {
	MARGIN: 0 1em 0 260px;
	PADDING: 0;
}
#contenu {
	PADDING: 15px;
}


/* Gestion des H1, H2, etc... */
/* Les H2 sont générés pour tous les titres de paragraphes d'un thème. Les H1 sont générés comme titre du thème. */
#contenu H2, #contenu H1, #contenu H3 {
  MARGIN: 20px 0 5px 0;
  FONT-WEIGHT: bold;
	BORDER: none;
}

#contenu H1 {
  FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
  COLOR: #85a016; /* Couleur d'un titre: vert. */
}
#contenu H2 {
  FONT-SIZE: 110%;
  COLOR: #555a63; /* Couleur d'un sous-titre: gris. */
}
#contenu H3 {
  FONT-SIZE: 100%;
}
#rubtitle H1 {
	BORDER-BOTTOM: #97161b 1px solid;
	MARGIN-BOTTOM: 20px;
}

/* Liste des sous thèmes */
#contenu UL.thm {
	MARGIN: 20px 0px 0px 0px;
	PADDING: 0px;
}
#contenu UL.thm LI { /* Utilisé notamment dans les titres des sous-thèmes, avec H2... */
	MARGIN-BOTTOM: 10px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url("../img/FR/titles/puce_rouge_1.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 4px;
}

#contenu UL.thm LI H2 { /* Liste des sous-thèmes. */
  COLOR: #97161b; /* ocre : visible dans Accueil > Les horaires des lignes */
}


/*********************************** Gestion des modules ******************/
/* Gestion des FAQ */
#faq UL {
	PADDING: 0;
	MARGIN: 0;
	LIST-STYLE: none;
}
#faq UL LI {
	MARGIN-BOTTOM: 10px;
}


/* Gestion des points de vente */
#contenu #depositaires {
	MARGIN-TOP: 10px;
}
#contenu .sameTable0 { /* Utilisé lorsqu'on a aucun tarif à afficher. */
	BACKGROUND-COLOR: #ffffff;
	BORDER: 1px solid #7f848d;
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN: 10px 0 10px 0;
}

/* Gestion du plan du site */
#contenu UL.thm UL.subSiteMap LI { /* on diminue les marges pour ces li car on y met des H3 */
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}
#contenu UL.subSiteMap H3 {	
	margin: 0;
}


/* Gestion des tarifs */
FORM#tarif SELECT {
	WIDTH: auto;
}
FORM#tarif LABEL {
	WIDTH: auto;
}

/* Gestion des dépositaires */
FORM#depForm SELECT {
	WIDTH: auto;
}
FORM#depForm LABEL {
	WIDTH: auto;
}


.gotop {
	height: 20px;
	text-align: right;
	padding: 0 20px 10px 0;
}
.gotop a {
	color: #6b707a;
}


.download IMG {
	BORDER: none; /* Suppression de l'encadré vert lorsqu'on a une liste de fichiers joints à télécharger. */
	MARGIN-RIGHT: 5px;
}
