#hierarchie {
	display : none;
	visibility : hidden;
}

#logo img {
	margin : 0;
}

#infos {
	width : 780px; /* identique a #colContenu */
	margin : 0 5px;
}

#date {
	margin-left : 300px;
}

#corpsPage {
	/*margin-left : 5px;*/
}

#colMenu {
	width : 185px;
	vertical-align:top;
}

#colGauche {
	width: 195px;
}

#colContenu {
	/*width : 30px;*/
	vertical-align:top;
	/*padding-top: 100px;*/
}

.imit_fieldset {
	border : 1px solid #ccc;
	background-color : #f6f6f6;
	margin : 5px 0;
	padding : 10px;
}

.bloc_espace_membre_gauche, .bloc_espace_membre_droite { /* utilisés dans le tableau de bord et la page d'index */
	border : 1px solid #ccc;
	background-color : #f6f6f6;
	margin : 5px 0;
	padding : 10px;
	width : 216px;
}

.bloc_espace_membre_gauche {
	float : left;
}

.bloc_espace_membre_droite {
	float : right;
}

.bloc_espace_membre_sep {
	clear : both;
	visibility : hidden;
	height : 0;
}

#footer {
	margin : 10px 0;
	padding : 0 2px;
	border : 1px solid #ccc;
	background-color : #f6f6f6;
}

#logos {
	position : absolute;
	top : 50px;/*85-120*/
	left : 10px;
	text-align : left;
	width: 150px;
	color: #FFF;
	font-weight: bold;
}

/* blocs specific t-eco */

body {
	background: #9c0 url('../image/widget/fond_widget.png') no-repeat;
	margin: 0;
}

img {
	border : 0;
}

#body_popup {
	background: #fff url();
}

a:hover .format_png {
	background : #9c0;
}

#conteneur {
	position : absolute;
	top : 146px;/*90 -- 146*/
	left : 205px;/*222 -- 197*/
	margin : 0;
	padding : 0 10px;
	width : 505px; /*497 - 522*/
	background : #E1F0B3 url('../image/design/fond_transport_conteneur.gif') no-repeat;
	border-left : 2px solid #900;
	border-right : 2px solid #900;
}

#contenu {
	min-height : 400px;
	_height : 550px;
	margin-top : 0;
	width : 100%;
	color : #6d8415;
}

#hierarchie, #conteneur, #contenu {
	float : none;
}

/* menu */

#menu_conteneur {
	position : absolute;
	left : 768px;
	top : 90px;
}

#menu {
	margin : 0;
	padding : 0;
}

/* ligne du menu avec le piti bonhomme quand on est connecté */
#menu_bonjour {
	 text-align: left;
	 font-size: 9px;
	 background : url('../image/ic-connecte.gif') no-repeat left top;
	 padding-left : 15px;
	 
}

#menu li {
	color : #900;
	font-weight : bold;
}

#menu ul {
	padding-left : 10px !important; /*10*/
	padding-left: 0px;
	margin: 0 !important;
	margin: 0 0 0 10px;
}

ul#menu li ul li {
	list-style-image : url('../image/design/fleche_rouge.png');
}

/* liens */

#menu li a, #menu li span {
	font-weight : bold;
	color : #900;
	!display: block;
	width: 200px;
	text-decoration: none;
}

#menu li li a, a {
	color : #666;
	font-weight : normal;
}

#menu ul a {
	font-size : 9px;
}

a {
	text-decoration : underline;
}

/* fin liens */

p {
	margin-bottom : 8px;
}

h1 {
	font-size : 23px;
	margin : 10px 0;
	color : #900;
}
	

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	/*border-bottom: 1px dashed #009900;*/
	border: none;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	margin: 6px auto 6px 4px;
	padding: 0px;
}

h2.listeTrajets {
	color: #005187;
	background-image:url(../image/design/fond_titre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 5px;
	margin-right: 10px;
}

h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	/*padding-left: 20px;
	margin-top: 25px;*/
	/*border-bottom: 1px dashed #003399;*/
	border: none
}

/* Sommaire */
#menu li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menu li span {
	display : block;
	padding : 0;
}

#menu li ul li {
	margin: 0;
	padding : 0;
	border : 0;
}
/* ----- */

.erreur {
	color: #FF0000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.information {
	color: #777;
	font-weight: normal;
	margin: 10px;
	padding: 0;
}

p, ul li, ol li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	list-style-position:inside;
}

/* Formulaires */

fieldset {
	border: 1px solid #CCC;
	margin-bottom : 5px;
	padding : 5px;
	background-color: #F6F6F6;
	width: 350px;
}

fieldset p, fieldset div, fieldset h2 {
	display : block;
	clear : both;
}

label {
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

label.indente, label.indente_long, label.indente_court, label.indente_trescourt {
	display: block;
	float: left;
}

label.indente {
	width: 30%;
}

label.indente_long {
	width: 40%;
}

label.indente_court {
	width: 25%;
}

label.indente_trescourt {
	width: 10%;
}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fa7c27;
}

input, select {
	font-size: 10px;
}

input.bouton {
	background-color: #fff;
	font-size: 9px;
	color: #6d8415;
	border: 1px solid #900;
	font-weight: bold;
	padding: 2px;
}

/*#formulaire .focus, #formulaire_recherche .focus {*/	/*** Mise en avant des champs en cours d'utilisation ***/
.focus {
	background: #DEE6F7;
	border: 1px solid #6091D0;
	color: #000;
	font-size : 9px;
}

/*#formulaire .normal, #formulaire_recherche .normal, input.texte,  textarea.texte, select.texte {*/	/*** Retour à l'état normal après l'utilisation ***/
.normal, input.texte, textarea.texte, select.texte {
	background: #fff url('../image/design/fond_formulaire.gif') repeat-x left top;
	border: 1px solid #CCC;
	color: #000;
	font-size : 9px;
}

/* Formulaire de recherche du haut de page */

fieldset.formulaire_recherche {
	border: 1px solid #EEE;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

fieldset.formulaire_recherche legend {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

/* Derniers trajets */
div.trajetsLast {
	border: 1px dashed #CCC;
	background-color: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0;
	width: 270px;
}

div.trajetsLast p.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
}

div.trajetsLast ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	margin: 0;
	padding: 0;
}

/* Tableau standard */
table.standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #900;
	margin: 8px 0;
	border-collapse: collapse;
	width : 100%;
}

table.standard th {
	background-color: #900;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

table.standard td {
	text-align: left;
}

table.standard th.miseEnAvant {
	border: 1px dashed #990000;
	background-color: #CCC;
	color: #990000;
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

/* Détail trajet */

div.detailTrajet {
	background-color: #FFF;
	width : 95%;
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	text-align: left;
}

div.detailTrajet h2 {
	border: none;
	color: #8FCD53;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
}

div.detailTrajet h3 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: auto;
	font-weight: bold;
	color: #F98931;
	background-image: url(../image/design/ChevronLinkBlocDOrange.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 10px;
}

div.detailTrajet span.titre, div.detailTrajet p.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	color: #000;
}

div.detailTrajet ul {
	margin-top: 0;
	padding-top: 0;
}

/* Liste événements */
div.listeEvt {
	border: 1px solid #CCC;
	background-color: #EEEEFF;
	margin: 10px;
	padding: 5px;
}

/* Détail événements */

div.evtDetail {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0 auto;
	padding: 0 4px;
}

div.evtDetail h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #DDD;
}

div.evtDetail h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	margin-bottom: 0;
	margin-top: 4px;
}

/* Trajets événements */
table.trajetsEvt {
	border: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0;
}

table.trajetsEvt th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background-color: #DDDFFF;
	margin: 0;
	padding: 0;
}

table.trajetsEvt td {
	margin: 0;
	padding: 0;
}

/* Commentaires sur le site */
div.commentaire {
	border: 1px solid #999;
	margin: 10px;
	padding: 0;
}

div.commentaire .titre {
	font-weight: bold;
}

/* Div standard */

div.divStandard {
	border: 1px solid #CCC;
	margin-top: 10px;
}

/* Détail d'un lieu */
h3.sousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	margin-bottom: 0;
	font-weight: bold;
}

/* Information espace membre */
div.em_alerte {
	background-color: #eee;
	border: 1px dashed #f00;
	padding : 5px;
	margin-bottom: 10px;
	clear : both;
}

div.em_alerte p.titre {
	color: #f00;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.em_alerte ul {
	margin: 0;
	padding: 0;
}

/* Style des lignes */
.ligneClaire {
	background-color: #FBFCFE;
}

.ligneFoncee {
	background-color: #E0EBF7;
}

.ligneClaire:hover, .ligneFoncee:hover, .certificationAttente:hover, .certificationValide:hover {
	background-color: #D2C964;
}

.certificationAttente {
	background-color: #FBCAAD;
}

.certificationValide {
	background-color: #B0FFB3;
}

div.fondCouleur {
	width: 80%;
	margin: auto;
	border: 1px solid #BBB;
	background-color: #EEE;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

/* Confirmation de trajet */
table.ConfirmTrajet {
	border-collapse: collapse;
	border: 1px dashed #999;
}

table.ConfirmTrajet th {
	width: 40%;
	padding: 5px;
	vertical-align: top;
	text-align: right;
}

table.ConfirmTrajet td {
	width: 60%;
	padding: 5px;
}

/* Tableau des mois */
.tabMois {
	width: 100%;
}

.tabMois th {
	text-align: center;
	background-color: #EEE;
	border: 1px solid #BBB;
}

/* Tableau de détail de la recherche */
div.detailRecherche {
	border-collapse: collapse;
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	background-color: #FFF;
	padding : 0;
	margin : 0;
	margin-top : -9px;
	width : 99%;
}

div.detailRecherche div {
	margin : 5px;
}

.info_trajets_trouves {
	color: #105fde;
	font-weight: bold;
}

/* Pagination */
.pagination {
	text-align: center;
}

.pagination a {
	font-weight: normal;
	font-size: 9px;
}

/* --- */
p#charte_ligne {
	margin: 3px auto 3px auto;
}

p#charte_ligne label {
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
}



/* Tableau avec les jours des trajets */

.joursTab {
	border: 1px solid #DDD;
}

.joursTab th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000099;
	background-color: #DDDFFF;
}

.joursTab td {
	text-align: center;
}

/* Tableau avec les jours des trajets dans de détail des trajets */

.joursTabDetail {
	border: 1px solid #000099;
	border-collapse: collapse;
	width: 70%;
	margin: 0 auto 0 auto;
	padding: 0;
}

.joursTabDetail th {
	size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #000099;
	background-color: #BBBFFF;
	width: 14%;
}

.joursTabDetail td {
	text-align: center;
	width: 14%;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Fiche Membre */
div.ficheMembreDetail {
	text-align: center;
}

table.ficheMembre {
	width: 70%;
	margin: auto;
	border: 1px solid #CCC;
	background-image: url(../../image/fond-formulaire.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

table.ficheMembre th {
	width: 33%;
	background-color: #DDD;
	color: #FFF;
	border: 1px solid #777;
	text-align: center;
}

/*table.ficheMembre th:hover {
	width: 33%;
	background-color: #D70005;
	color: #FFF;
	border: 1px solid #0544AD;
	text-align: center;
}*/

table.ficheMembre th a {
	color: #000;
	font-weight: bold;
}

table.ficheMembre th a:hover {
	color: #000;
	font-weight: bold;
}

table.ficheMembreTrajets {
	width: 100%;
	text-align: left;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	border-collapse: collapse;
}

table.ficheMembreTrajets th, table.ficheMembreTrajets th:hover {
	width: 25%;
	background-color: #EEE;
	color: #888;
	border: 1px solid #888;
	text-align: center;
	font-size: 9px;
}

/* Cartographie - Info trajet */

table.infoTrajet {
	width: 100%;
	font-size: 9px;
}

table.infoTrajet th {
	text-align: right;
	color: #888;
	font-weight: bold;
	width: 40%;
}

table.infoTrajet td {
	width: 60%;
}

/*--- Calendrier ---*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */


/* Calendrier des trajets */
.calendrier_trajet {
	border-collapse: collapse;
	border: 1px solid #A4A4FF;
}

.calendrier_trajet th {
	background-image: url(../image/fond-degrade-bleu.gif);
	background-repeat: repeat-x;
	font-size: 9px;
}

.calendrier_trajet td {
	padding : 2px;
}

.calendrier_trajet td.hors_mois_cliquable {
	text-align: center;
	background-color: #EEE;
	color: #999;
	border: 1px solid #A4A4FF;
	font-size: 9px;
}

.calendrier_trajet td.jour_cliquable {
	text-align: center;
	border: 1px solid #A4A4FF;
	font-size: 9px;
}

.calendrier_trajet td.jour_selectionne {
	text-align: center;
	background-color: #CC0000;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #A4A4FF;
	font-size: 9px;
}

/* News Accueil */
div.news {
	padding : 15px;
	border : 1px solid #aaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius : 10px;
	background-color : #f6f6f6;
}


div.news ul li, div.news ol li {
	list-style-position : inside;
}

div.news h1 {
	font-size : 1.5em;
}

div.news h1, div.news ul, div.news p {
	margin-bottom : 10px;
}

/* Liste horizontales */

ul.liste_horizontale {
	margin: 0;
	padding: 0;
}

ul.liste_horizontale li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* FAQ */

#faq {
	margin : 0;
	padding : 0;
	width : 100%;
}

#faq div {
	margin: 3px 10%;
	padding: 10px 0;
	width: 79%;
	background-color: #EEE;
	border: 1px solid #999;
	text-align: left;
	font-size: 9px;
}

#faq ul, #faq ol {
	margin : 0;
	padding : 0;
}

#faq li {
	margin-left : 5px;
}

/*** Onglets H ************************/
#ongletsH {
	margin: 0;
	padding: 0;
	height:37px;
	width : 99%;
	text-transform:uppercase;
	list-style:none;
	background:url(../image/design/border-bottom.gif) bottom repeat-x;
}

#ongletsH li {
	display:inline;
	margin:0;
	padding:0;
}

#ongletsH a {
	width:100px;
	float:left;
	background:url(../image/design/ongletsH-left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	font-size:0.9em;
	
	text-decoration:none;
	text-align:center;
}

#ongletsH a span {
	float:left;
	height:30px;
	display:table-cell;
	display:block;
	background:url(../image/design/ongletsH-right.gif) no-repeat right top;
	padding:4px 10px 2px 6px;
	color:#666;
	cursor:pointer;/* pour ie */
}

/* hack pour IE5-Mac \*/
#ongletsH a span {
	float:none;
}/* fin IE5-Mac hack */

#ongletsH a:hover span, #ongletsH a.selected span {
	color:#000;
	height:31px;
	_height:40px;
}

#ongletsH a:hover, #ongletsH a.selected {
	background-position:0% -42px;
}

#ongletsH a:hover span, #ongletsH a.selected span {
	background-position:100% -42px;
}
/*******************************************************/

.centrer, table.centrer td {
	text-align: center;
}

.droite {
	text-align: right;
}