/* menu d'accessibilité*/
#navaccess 
{
	background-image: url("../img/Accueil/menuhaut_bg.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #005B9A;
	height: 17px;
	font-size: 92%;
	color: #ffffff;
}

/* Menu de gauche */
div.menuouvrant a, div.menu a, ul.ssmenu a
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
div.menuouvrant a:hover, div.menu a:hover, ul.ssmenu a:hover
{
	color: #005b9a;
}

/* Etat du réseau */
div#etatreseau
{
	padding-top: 1px;
	border-top: solid 1px #c9c9cb;
	background-color: #ffffff;
}
div#etatreseau div.menu
{
	padding-left: 6px;
}
div#etatreseau div.contenu
{
    margin-right: 11px;
	margin-left: 35px;
	font-size: 92%;
}
div#etatreseau div.contenu ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div#etatreseau div.contenu li
{
    padding: 2px 0px;
    border-bottom: 1px solid #C9C9CB;
}
div#etatreseau div.contenu a
{
	font-weight: bold;
}
div#etatreseau div.contenu .more
{
    text-align: right;
}
div#etatreseau div.contenu .more img
{
    margin: 0px;
}
div#etatreseau div.contenu .all
{
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

/* Encart mon espace : formulaire identification */
form#adherent
{
}
form#adherent legend
{
	display: none;
}
form#adherent input
{
	width: 136px;
}
form#adherent label
{
    display: none;
}
form#adherent div.checkbox
{
}
form#adherent div.checkbox label
{
    display: inline;
}
form#adherent div.checkbox input
{
	width: auto;
	color: #FFFFFF;
	border: none;
	background: none;
}
div#monespace form .submit input
{
	margin: 0px;
	padding: 0px;
	width: 30px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	color: #000000;
	font-weight: bold;
}
form#adherent a
{
}

/* Encart mon espace : formulaires prochains passages et trajets */
div#monespace .hr
{
	padding: 0px;
	margin-left: 3px;
	margin-right: 13px;
	border-top: solid 1px #C9C9CB;
}
div#monespace .form
{
}
div#monespace .form legend
{
    display: none;
}
div#monespace .form label
{
    display: none;
}

div#monespace .form select
{
    width: 140px;
}

div#monespace UL
{
	margin:0px;
	padding-left:20px;
}

/* Contenu */
#content
{
	padding-right: 10px;
	border-left: 1px solid #C9C9CB;
}

#content div.contenthautgauche
{
    width: 265px;
    margin-left: 10px;
}
#content div.contenthautgauche img
{
	margin-right: 2px;
	vertical-align: middle;
}
#content div.contenthautgauche a
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#content div.contenthautgauche a:hover 
{
	color: #005B9A;
}
#content div.contenthautgauche .titre
{
	height: 25px;
	color: #000000;
	font-weight: bold;
}
#content div.contenthautgauche .contenu
{
	margin-left: 26px;
	padding-bottom: 2px;
}
#content div.contenthautgauche .contenu div
{
	margin-bottom: 2px;
}
#content div.contenthautgauche .contenu legend, #content div.contenthautgauche .contenu label
{
	display: none;
}
/* trajets */
div#trajets
{
}
div#trajets .titre h3
{
	float: left;
}
div#trajets .titre div.aide
{
    font-size: 92%;
	text-align: right;
	padding-top: 8px;
	padding-right: 4px;
}
div#trajets .titre div.aide a
{
	text-decoration: underline;
	color: #005B9A;
	font-weight: bold;
}
div#trajets .titre div.aide a:hover
{
	color: #5E760D;
}
div#trajets .contenu input
{
	width: 230px;
}
div#trajets .contenu select
{
	width: 235px;
}
div#trajets .contenu .submit
{
    text-align: right;
	padding-right: 4px;
}
div#trajets .contenu .submit input
{
	margin: 0px;
	padding: 0px;
	width: 160px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	color: #000000;
	font-weight: bold;
	font-size: 92%;
}

/* prochainspassages */
div#prochainspassages
{
    margin-top: 8px;
}
div#prochainspassages .contenu input {
	width: 196px;
}
div#prochainspassages .contenu .submit input {
	margin: 0px;
	padding: 0px;
	width: 30px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	color: #000000;
	font-weight: bold;
	font-size: 92%;
}
/* horaires */
div#horaires
{
    margin-top: 8px;
/*	padding: 0px 4px; */
}
div#horaires .titre
{
}
div#horaires .contenu input {
	width: 196px;
}
div#horaires .contenu select
{
	width: 201px;
}
div#horaires .contenu .submit input
{
	margin: 0px;
	padding: 0px;
	width: 30px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	color: #000000;
	font-weight: bold;
	font-size: 92%;
}


#content div.contenthautdroit
{
    width: 265px;
	float: right;
}

/* Diaporama & Perturbations majeures */
#content div.contenthautdroit h2
{
    display: none;
}
#content div.diaporama
{
    width: 260px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background-color: #ffffff;
}
#content div.diaporama div.une
{
    display: block;
    height: 232px;
}
#content div.diaporama h3
{
    padding: 5px;
}
#content div.diaporama p
{
    padding: 5px;
}
#content div.diaporama p img
{
    padding: 2px;
}
#content div.diapoNavbar
{
    width: 262px;
    height: 26px;
    background-image: url("../img/Accueil/diaporamaNavbar_bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 3px;
}
#content div.majordisrupt
{
    width: 260px;
    background-color: #ffffff;
}

#content div.separateur
{
    float: left;
    width: 10px;
    height: 20px;
}

/* Actualités */
#content div.actualites
{
	float: left;
    margin-top: 10px;
	padding-top: 10px;
	max-width: 545px;
	border-top: solid 1px #C9C9CB;
}
#content div.actualites .h3 
{
	font-weight: bold;
}

#content div.actualites a
{
	text-decoration: none;
}

#content div.actualites ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#content div.actualites li
{
	width: 260px;
	float: left;
	padding: 0px;
	margin-bottom: 10px;
}
#content div.actualites li.li0
{
    margin-right: 25px;
}
#content div.actualites li.li0
{
}

#content div.actualites li img
{
	margin-right: 10px;
}
#content div.actualites div.all
{
    clear: left;
	text-align: right;
	font-weight: bold;
}

#content div.actualites div.all A
{
	text-decoration: underline;
	font-size: 92%;
}

#content div#gotop
{
	float:right;
}




/* Mobile */
#global .mobile
{
	background-color:#f3edcb;
	font-size: 309%;
	text-align: center;
	padding:40px;
	margin:10px;
}
#global .mobile a
{
	font-size: 140%;
}