/* En tête */
#head 
{
	height:106px;
	background-color:#99042F;
}
#headleft 
{
	float:left;
	width:258px;
}
#headright 
{
	background-image: url("../img/FR/fille_headright_bg.gif");
	background-repeat: no-repeat;
	background-position:right top;
	width:702px;
	height:106px;
	float: left;
}
#accroche 
{
	padding-top: 50px;
	padding-left: 75px;
	vertical-align: top;
	color:#FFFFFF;
	font-size: 107%;
	width:320px;
}

/* Généralités */
#middle 
{
	width:542px;
	float:left;
}
#content 
{
	margin:10px 25px 0px 25px;
}
#navigation
{
	color:#000000;
	font-size:100%;
	margin-bottom:30px;
}
#navigation div
{
	line-height:22px;
}
#navigation div.icigauche 
{
	background-image:url("../img/FR/ici_gauche_bg.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	width:15px;
	height:22px;
	float:left;
}
#navigation div.icidroite 
{
	background-image:url("../img/FR/ici_droite_bg.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	width:15px;
	height:22px;
	float:left;
	padding-right:5px;
}
#navigation div.icicentre 
{
	background-image:url("../img/FR/ici_centre_bg.jpg");
	background-position:left top;
	background-repeat:repeat-x;
	padding-top:3px;
	padding-bottom:5px;
	float:left;
	line-height:normal;
}
#navigation a
{
	color:#32378B;
}
#navigation a:hover
{
	text-decoration:none;
}
h1
{
	background-image:url("../img/FR/title_icon.gif");
	background-position:left top;
	background-repeat:no-repeat;
	height:25px;
	padding-top:5px;
	padding-left:31px;
	color:#99042F;
	font-size:145%;
	font-weight:bold;
	margin-bottom:10px;
}
h2
{
	color:#32378B;
	font-size:115%;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}
h3
{
	background-image:url("../img/FR/soussoustitre_icon.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#32378B;
	font-size:100%;
	font-weight:normal;
	margin-bottom:10px;
}
#contenu li h3 
{
	background-image:none;
	padding-left:0px;
}
#contenu {
	/*text-align: left;*/
	margin-left:20px;
}
#contenu p
{
	margin-top:5px;	
	margin-bottom:10px;	
}
#contenu ol
{
	padding-left:20px;
}
#contenu ol li
{
	list-style: decimal;
	background-image:none;
	padding-left:0px;
}
#contenu ul
{
	list-style-type: none;
	padding-bottom:5px;
}
#contenu li
{
	background-image:url(../img/FR/pucerouge.jpg);
	background-position:left 4px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:15px;
	padding-bottom:5px;
}

#contenu li a:hover
{
	background-position:left 4px;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#contenu ul.thm h2
{
	color:#32378b;
	font-size:100%;
	margin-bottom:10px;
}
#contenu ul.thm h2 a
{
	color:#32378b;
}

/* Styles des tableaux */
#contenu table {
	width: 466px; /* Par défaut on fixe une taille précise, pour occuper l'écran. */
	border: 1px solid black;
	border-collapse: collapse;	
}
#contenu li table {
	width: 455px; /* Par défaut on fixe une taille précise, pour occuper l'écran. */
}
#contenu tr
{
	border: 1px solid #99042F;
}
#contenu table, #contenu td {
	font-size: 90%;
}
#contenu table caption {
	display:none;
}

#contenu td {
	border: 1px solid #99042F;
	padding: 8px;
	text-align:center;
}

#contenu th {
	padding: 8px;
	vertical-align: top;
	text-align: center;
	font-weight: normal;
	background-color: #99042F; /* Gris souris pour les en-têtes de tableau */
	color:#FFFFFF;
	font-size: 100%;
	border: 1px solid #FFFFFF;
	
}

#contenu tr.row0 /* Général */, tr.xRow0 /* Tableau horaires de lignes par ex. */ {
	background-color: #FFFFFF;
}
#contenu tr.row1 /* Général */, tr.xRow1 /* Tableau horaires de lignes par ex. */ {
	background-color: #FAF3F5;
}
#contenu img.icone {
	vertical-align:middle;
	margin-right:3px;
}

.obligatoire { /* Champs input obligatoires */
	font-weight: bold;
}
#gotop {
	clear: both;
	text-align: right;
	padding-top: 10px;
	font-size:92%;
}
#gotop a{
	
	background-image:url(../img/FR/retourhaut.jpg);
	background-position:left 2px;
	background-repeat:no-repeat;
	display:inline-block;
	padding-left:18px;
	text-decoration:none;
	color:#414345;
}
#gotop a:hover
{
	text-decoration:underline;
}
ul.thm {
	list-style-type: none;
}
fieldset legend {
	display: none;
}
ul.doc { /* Utilisé par exemple dans la liste des FAQ */
	list-style-type: none;
}
td.horaire, td.nota, td.mode { /* Utilisé dans RI, horaires... */
	text-align: center;
	vertical-align:center;
}

#contenu td.big_nota {
	font-size: medium;
}

td.plan { /* Les arrêts ne sont pas géo-localisés + pour ce projet, on n'a pas d'affichage google */
	display: none;
}

form#themelist ul { /* utilisé dans l'espace perso + liste des dépositaires */
	list-style-type: none;
}

/* Formulaire de contact */
#contact {
}
#contact label {
	width: 30%;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#contact input, #contact textarea {
	width: 250px;
	margin-bottom:5px;
}
#contact .legende {
	padding-top: 10px;
	font-size: 92%;
}
#contact .submit input {
	width: auto;
}

/* Plan du site */
#plansite {
}
#plansite ul {
	list-style-type: none;
}
#plansite ul li ul {
	margin-bottom: 10px;
}


/* Page de recherche dans le site */
.resultHead {
	padding: 10px 0 10px 0;
}
#resultList ul {
	list-style-type: none;	
}
.resultFoot {
	padding: 10px 0 10px 0;
}


/* Horaires des lignes */
#groupLines th {
	display: none; /* Pas d'affichage des en-têtes de colonnes. */
}
#linehour { /* les horaires de ligne */	
}
#hourNota ul {
	list-style-type: none;
}
#legend ul {
	list-style-type: none;
}
#legend ul li {
	display: inline;
}
.lignes ul {
	list-style-type: none;
}

/* Horaires à l'arrêt */
.lig {
	list-style-type: none;	
}
.arrets ul {
	list-style-type: none;
}
#stophour #keywordsDep {
	/*width: 250px;*/
}


/* Formulaire RI */
#route .aide {
}
#route fieldset {
	border: 1px solid #99042F;
	padding: 5px;
	margin: 20px 0 5px 0;
}
#route fieldset.depart {
}
#route fieldset.arrivee {
}
#route fieldset legend {
	display: inline;
	font-weight: bold;
}
#route fieldset h3 {
	display: none;
}
#route input {
	width: 200px;
}
#route .submit input {
	width: auto;
}
div.keywords { /* Utilisé dans la RI ou dans les horaires à l'arrêt. */
	float: left;
	/* Correction fiche 3381 : réduction de margin-right afin que le div.com (flottant left) ne fasse pas s'agrandir la zone centrale lors d'un zoom sous IE6 */
	margin-right: 19px;
	margin-bottom:5px;
}
div.com { /* Utilisé dans la RI ou dans les horaires à l'arrêt. */
	float: left;
}
form#route input, form#route select {/* Utilisé dans la RI ou dans les horaires à l'arrêt. */
	margin-top:3px;
	margin-bottom:5px;
}

div.typeDate
{
	margin-top:5px;
	margin-bottom:5px;
}

/* Feuille de route */
#routeresume img {
	margin: 0;
}
#legend img {
	margin: 0;
}
.resumePrev {
	float: left;
}
.resumeNext {
	float: right;
}


/* Popup de sélection (arrêt, lieu public) */
form#popuplist {
	text-align: left;
}
form#popuplist .alphabeticList ul {
	list-style-type: none;
}
form#popuplist .alphabeticList li {
	display: inline;
}
form#popuplist .formList {
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
}
form#popuplist .formList ul {
	font-size: 92%;
	margin: 0 10px 0 10px;
}


/****************************************************************/
/* Espace Personnel */

/* Formulaire d'identification */
#login {
}
#login label, #login .label {
	width: 30%;
	float: left;
	text-align: right;
	padding-right: 5px;
}
#login input {
	width: 300px;
}
#login div 
{
	margin-bottom:10px;
}
#login div.checkbox {
	padding-left: 30%;
}
#login div.checkbox input {
	width: auto;
}
#login div.checkbox label {
	float: none;
	text-align: left;
	width: auto;
	padding: 0 5px 0 2px;
}
#login .submit input {
	width: auto;
}

/* Formulaire d'inscription */
#contenu ul.sameLine li {
	display: inline;
	background-image:none;
}
#inscription {
}
#inscription div 
{
	margin-bottom:10px;
}
#inscription span {
	font-weight: bold;
}
#inscription label, #inscription .label {
	width: 42%;
	float: left;
	text-align: right;
	padding-right: 5px;
}
#inscription input, #inscription textarea {
	width: 250px;
}

#inscription fieldset
{
    padding-top: 10px;
    padding-bottom: 5px;
}
#inscription fieldset legend
{
    display: inherit;
	color: #32378B;
	font-size: 115%;
	font-weight: bold;
}
#inscription fieldset fieldset
{
    padding-top: 0px;
}
#inscription fieldset fieldset legend
{
    display: none;
}

#inscription fieldset.civilite input {
	width: auto;
}
#inscription fieldset.civilite label {
	float: none;
	text-align: left;
	width: auto;
	padding: 0 5px 0 2px;
}
#inscription .legende {
	padding-top: 10px;
	font-size: 92%;
	font-weight: normal;
}
#inscription .submit input {
	width: auto;
}
#inscription #usr_code_postal {
	width: 50px;
}
#inscription #usr_tel {
	width: 100px;
}
#inscription div.checkbox {
	padding-left: 30%;
}
#inscription div.checkbox input {
	width: auto;
}
#inscription div.checkbox label {
	float: none;
	text-align: left;
	width: auto;
	padding: 0 5px 0 2px;
}

/* Formulaire d'ajout d'alertes */
#alert div
{
	margin-bottom: 10px;
}
#alert UL.dayType
{
    list-style: none;
	margin-top: 5px;
}
#alert UL.dayType li
{
	background: none;
	width: 30%;
	float: left;
}

/* Mes arrêts, Mes lignes... */
#userSelection span {
	font-weight: bold;
}
#adherentLink ul {
	list-style-type: none;
}

/* Mes alertes */
ul#myAlerts li {
	margin-bottom: 10px;
}



#textebas
{
	margin:60px 100px 0px 600px;
	padding-bottom:15px;
	text-align:center;
}

.ensembleLignes
{
    height: 200px;
    width: 470px;
    overflow: auto;
}