/*#################################################################################################*/
/*                                                                                                 */
/*                                          KEOLIS TCL                                             */
/*                                     CSS SCREEN - ACTi 2007                                      */
/*                                                                                                 */
/*#################################################################################################*/

body{
	text-align:center;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background:#FFFFFF url(images/bg.gif) top repeat-x;
	color:#343434;
}

form, h1, h2, h3, h4{ margin:0px; padding:0px; }
img{ border:none; }
a, a:link,a:visited{ color:#ec0300; text-decoration:none;background:transparent;}
a:hover{ text-decoration:underline; }
.myhr{ clear:both; visibility:hidden; overflow:hidden; height:0px; }
.navigation-rapide{ height:0px; overflow:hidden; }

/***************************************************************************************************/
/******************************************** css overall *********************************************/
/***************************************************************************************************/
div#container-wrap{ margin:0px auto 0px auto; text-align:left; max-width:986px; min-width:802px; }
div#container{ margin:0px; padding:0px;  }

div#header{ margin:0px; min-height:87px; margin:0px auto 0px auto; }
div#logo{ position:absolute; margin:9px 0px 0px 28px; }
div#logo h1 {margin:0; padding:0;}
div#baseline{ position:absolute; margin:0px 0px 0px 170px; }
div#baseline h2{margin:0;padding:0; color:#707173; line-height:6em;}
div#header-right {float:right;}
div#header-lang{/*background:url(images/lang-en.png) no-repeat center top;*/float:left;/*height:61px;*/width:53px;text-align:center;}
div#header-lang p{margin:0;}
div#header-lang a{display:block;height:61px;width:53px;cursor:pointer;}
div#header-recherche{ float:left; width:145px; background:url(images/header-recherche.gif) top center no-repeat;
	padding:12px 0px 9px 5px; }
div#header-recherche label{ display:block; font-weight:bold; padding:0px 0px 5px 25px; }
#champ-header-recherche{ border:solid 1px #a5acb2; font-size:1em; width:109px; }
#bouton-header-recherche{ padding:1px 0px 0px 0px; margin:5px 0 0; vertical-align:bottom;}
div#header-page-modif{float:left; width:100px;}

div#colonne-gauche-menu{ float:left; width:13.3em; margin:20px 20px 0px 0px;}
div#colonne-gauche-menu ul{ margin:0px; padding:0px 0px 6px 0px; list-style:none; }
div#colonne-gauche-menu ul li{ margin:0px; padding:0px; list-style:none; border-top:solid 1px #c4cad1; text-align:right;  background:transparent; }

div#colonne-gauche-menu h2{ text-align:right; font-size:1em; margin:0px; padding:0px 20px 2px 0px; color:#FFFFFF;
	background-repeat:no-repeat; background-position:right; }
div#colonne-gauche-menu span{ text-align:right; font-size:1em; margin:0px; padding:2px 20px 2px 0px; color:#FFFFFF;
	background-repeat:no-repeat; background-position:right; display:block; font-weight:bold;}
div#colonne-gauche-menu label span{display:inline;font-weight:normal;background:none;text-align:left;padding:0;color:#343434;}

div#menu-0 h2, div#menu-0 span{ background-color:#626366; background-image:url(images/colonne-gauche-menu-h2-6.gif); margin:0px 0px 2px 0px;}
div#menu-1 h2, div#menu-1 span{ background-color:#ec0300; background-image:url(images/colonne-gauche-menu-h2-1.gif);}
div#menu-2 h2, div#menu-2 span{ background-color:#f98800; background-image:url(images/colonne-gauche-menu-h2-2.gif);}
div#menu-3 h2, div#menu-3 span{ background-color:#598a21; background-image:url(images/colonne-gauche-menu-h2-3.gif);}
div#menu-4 h2, div#menu-4 span{ background-color:#6b017d; background-image:url(images/colonne-gauche-menu-h2-4.gif);}
div#menu-5 h2, div#menu-5 span{ background-color:#016d7d; background-image:url(images/colonne-gauche-menu-h2-5.gif);}
div#menu-6 h2, div#menu-6 span{ background-color:#626366; background-image:url(images/colonne-gauche-menu-h2-6.gif);}

div#colonne-gauche-menu ul li a:link, div#colonne-gauche-menu ul li a:visited{ color:#464646; display:block; }
div#colonne-gauche-menu ul li a:hover{ text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; }

div#menu-1 ul li a:hover{ background-color:#fee4de; background-image:url(images/colonne-gauche-hover-1.gif); 
	color:#c20200; }
div#menu-2 ul li a:hover{ background-color:#fff6ca; background-image:url(images/colonne-gauche-hover-2.gif); 
	color:#a06500; }
div#menu-3 ul li a:hover{ background-color:#cfdd89; background-image:url(images/colonne-gauche-hover-3.gif); 
	color:#446e15; }
div#menu-4 ul li a:hover{ background-color:#f5e4f4; background-image:url(images/colonne-gauche-hover-4.gif); 
	color:#540362; }
div#menu-5 ul li a:hover{ background-color:#e4eff5; background-image:url(images/colonne-gauche-hover-5.gif); 
	color:#016d7d; }
div#menu-6 ul li a:hover{ background-color:#f3f3f3; background-image:url(images/colonne-gauche-hover-6.gif); 
	color:#626366; }


div#menu-1 ul li a.menu_selected{ background-color:#fee4de; background-image:url(images/colonne-gauche-hover-1.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; 
	color:#c20200; }
div#menu-2 ul li a.menu_selected{ background-color:#fff6ca; background-image:url(images/colonne-gauche-hover-2.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; 
	color:#a06500; }
div#menu-3 ul li a.menu_selected{ background-color:#cfdd89; background-image:url(images/colonne-gauche-hover-3.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; 
	color:#446e15; }
div#menu-4 ul li a.menu_selected{ background-color:#f5e4f4; background-image:url(images/colonne-gauche-hover-4.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; }
div#menu-5 ul li a.menu_selected{ background-color:#e4eff5; background-image:url(images/colonne-gauche-hover-6.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; color:#626366;}
div#menu-6 ul li a.menu_selected{ background-color:#f3f3f3; background-image:url(images/colonne-gauche-hover-5.gif);text-decoration:none; font-weight:bold; padding:0px 20px 0px 0px;
	background-repeat:no-repeat; background-position:right; color:#626366;}

div#menu-6 label{ background:#e1e4e8; padding:2px 0px 2px 2px; margin:0px;}
#newsletter-email{ border:solid 1px #a5acb2; font-size:1em; width:81px; }
#newsletter-jeminscris {
	display:block;
	width:100%;	margin:2px 0px 0px 0px; padding: 3px 0; border: 0px none;
	background:#fff url("images/bg/bouton_jeminscris.gif") left top no-repeat;
	font-size:0.95em;
	cursor:pointer;
}
div#nl-dernier-numero a#newsletter-acrobat{font-size:0.8em;margin-top:0;}
div#nl-dernier-numero{ border-bottom:solid 1px #c4cad1; }
div#nl-dernier-numero a{ color:#646464; display:block; padding:4px 0px 3px 20px; font-size:0.9em;
	background:url(images/nl-dernier-numero.gif) left no-repeat; }

div#logos-bas-colonne img{ margin:4px 0px 0px 0px; }
div#logo-label-argent{ background:url(images/bg-label-argent.gif) no-repeat; height:45px; padding:6px 0px 0px 15px; margin:6px 0px 0px 0px; }
div#logos-bas-colonne div#logo-label-argent img{ margin:0px; }

div#footer{ padding:0px 0px 0px 0px; }
div#footer-partie1{ margin:0px 0px 0px 0px; width:174px; height:65px; float:left;
	background:url(images/footer-partie1.gif) top right no-repeat; }
div#footer-partie2{ height:90px; float:left; padding:5px 0px 0px 0px; background:url(images/footer.gif) top right no-repeat; width:66%; }
div#footer-partie2 ul{margin:0px 0px 0px 10px; padding:0px; list-style:none; width:140px; }
div#footer-partie2 ul li{ background:transparent; }
div#footer-partie2 ul li a{ color:#464646; text-decoration:none; background:url(images/puce-footer.gif) left no-repeat;
	padding:0px 0px 0px 10px; }

div#footer-partie2-allotcl{ float:left; }

#footer-partie2-ul1{ float:left; }
#footer-partie2-ul2{ float:left; }

div#footer-recherche{ float:right; width:145px; height:50px; padding:12px 0px 9px 5px;
	background:url(images/footer-recherche.gif) top center no-repeat; }
div#footer-recherche label{ display:block; font-weight:bold; padding:0px 0px 5px 25px; }
#champ-footer-recherche{ border:solid 1px #a5acb2; font-size:1em; width:109px; }
#bouton-footer-recherche{ padding:1px 0px 0px 0px; }


/***************************************************************************************************/
/******************************************** css home *********************************************/
/***************************************************************************************************/
div#colonne-milieu-contenu-home {
	float:left;
	width:495px;
	margin:0 5px 10px 0;padding-top:0;
}
div#colonne-milieu-contenu-home h2{ font-family:Helvetica, sans-serif; margin:0px; padding:0px;}
div#colonne-milieu-contenu-home p{margin-top:0;}

#home-encart-miseenavant { margin:0px 0px 15px 0px; background:#e3001a url('images/upload/atoubus-encart-site.gif') no-repeat !important; width:490px;}
#home-encart-miseenavant:after {content: "."; overflow:hidden; display: block; height: 0; clear: both; visibility: hidden;}
#home-encart-miseenavant .top {width: 490px; color: #ffffff; padding:15px 0 0 0;}
#home-encart-miseenavant .top h2 { font-weight: bold; font-size: 2.4em; float: left; width: 100%; text-align: center; font-family: Georgia,'Times New Roman',Times,serif; background:#e3001a;}
#home-encart-miseenavant .detail { font-weight: bold; font-size: 1.1em; float: left; margin: 135px 0px 0px; word-spacing: 1px; width: 100%; line-height: 1.4em; letter-spacing: -1px; text-align: center; background:#e3001a;}
#home-encart-miseenavant .left { font-weight: bold; font-size: 1em; float: left; margin: 40px 0px 25px; word-spacing: 1px; width: 48%; color: #707173; font-family: Georgia,'Times New Roman',Times,serif; letter-spacing: -1px; text-align: right;}
#home-encart-miseenavant .left span { background:#fff;}
#home-encart-miseenavant .left a, #home-encart-miseenavant .left a:link, #home-encart-miseenavant .left a:visited, #home-encart-miseenavant .left a:hover { display:block; float: left; font-weight: bold; font-size: 1.8em; margin: 6px 0px 0px 10px; color:#FFFFFF; font-family: Arial,Helvetica,sans-serif; letter-spacing: normal; background:#707173; }
#home-encart-miseenavant .logo-atoubus { float:right; padding:31px 23px 0 0; margin:0 !important; text-align:right; width:40%; color:#fff; display:inline;}

.texte-droite{ padding:30px 10px 0px 320px; height:26.8em; }
.texte-bas{ padding:220px 0px 0px 10px; height:9.8em; }
.encart-libre{padding: 0px; height:29.5em;}
#home-encart-miseenavanten{ margin:0px 0px 15px 0px; }
#home-encart-miseenavanten h2{ font-size:1.4em; }
#home-encart-miseenavanten a:link, #home-encart-miseenavanten a:visited, #home-encart-miseenavanten a:hover{ color:#FFFFFF; margin:0px 0px 0px 25px; }

#home-encart-miseenavanten bg-home {background-image: url('images/upload/atoubus-encart-site.gif');}

/************ SITEX ***********/
.home-mode-sitex{ padding:170px 0px 0px 10px; height:14.4em; background:url(images/upload/encart-home-sitex.jpg) top left no-repeat; color:#CC0000; }
div#colonne-milieu-contenu-home .home-mode-sitex h2{ background:url(images/h2-sitex.gif) left no-repeat; padding:8px 0px 7px 32px; margin:0px 0px 7px 0px; border-bottom:solid 1px #CC0000; }
div#colonne-milieu-contenu-home .home-mode-sitex h3{ font-size:1.1em; }
div#colonne-milieu-contenu-home .home-mode-sitex small{ display:block; text-align:center; font-style:italic; color:#999999; }
div#colonne-milieu-contenu-home .home-mode-sitex p{ padding:0px; margin:8px 0px 10px 0px; }
div#colonne-milieu-contenu-home .home-mode-sitex a:link, div#colonne-milieu-contenu-home .home-mode-sitex a:visited{ color:#333; padding:0px; margin:0px; }
div#colonne-milieu-contenu-home .home-mode-sitex strong a{font-size:1.3em;}
div#colonne-milieu-contenu-home .home-mode-sitex a:hover{ color:#cc0000; }
/*****************************/

#home-encart-miseenavant div#home-ensavoirplus { background:url(images/puce-esp.gif) no-repeat left;margin:10px 0px 0px 20px;padding-left:0px;}
.home-mode-sitex div#home-ensavoirplus { background:url(images/puce-bloc-rouge.gif) no-repeat left}
#home-encart-miseenavant div#home-ensavoirplus a{padding:0;margin:18px;}

#home-encart-miseenavanten div#home-ensavoirplus { background:url(images/puce-student22.png) no-repeat left;margin:10px 0px 0px 20px;padding-left:0px;}
.home-mode-sitex div#home-ensavoirplus { background:url(images/puce-bloc-rouge.gif) no-repeat left}
#home-encart-miseenavanten div#home-ensavoirplus a{padding:0;margin:18px;}

div#home-infos-trafic-et-actualites{ width:29.5em; height:13.5em; margin:0px 0px 10px 0px; padding-top:4px;
	background:url(images/home-infos-trafic-et-actualites.gif) bottom center no-repeat; float:left; /*max-width:490px;*/ }
div#home-infos-trafic-et-actualites-top{ background:url(images/home-infos-trafic-et-actu-top.gif) top no-repeat; 
	height:10px; }
div#home-infos-trafic-et-actualites-bottom{ clear:both; }

div#home-infos-trafic{ color:#ec0300; float:left; width:15.9em; padding:0px 8px 0px 8px; }
div#home-actus{ float:right; width:10em; padding:0px 8px 0px 0px; }

div#home-infos-trafic-et-actualites h2{ font-size:1.3em; }
div#home-infos-trafic-et-actualites ul{ margin:20px 0px 0px 0px; padding:0px; list-style:none; }
div#home-infos-trafic-et-actualites ul li, div#home-infos-trafic-et-actualites p{ margin:0px; padding:0px; }
div#home-infos-trafic-et-actualites ul li a{ padding:0px 0px 0px 15px; font-size:0.9em; }
div#home-infos-trafic a{ background:url(images/puce-infos-trafic.gif) left top no-repeat;  }
div#home-actus a{ background:url(images/puce-actualites.gif) left top no-repeat; color:#464646; }

div#home-raccourcis { width:490px; float:left; /*max-width:490px;*/ }
div#home-raccourcis .raccourci { border-bottom:solid 1px #c4cad1; padding:0px 0px 5px 0px; margin:0px 0px 6px 0px; }
div#home-raccourcis .raccourci:after {
	content: ".";
    overflow:hidden;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div#home-raccourcis .raccourci img{ float:left; margin:0px 5px 0px 0px; }
div#home-raccourcis .raccourci h3{ font-size:1em; background:url(images/puce-petits-h2.gif) 45px 1px no-repeat; padding:0px 0px 0px 60px; }
div#home-raccourcis .raccourci h3 a{ color:#464646; }
div#home-raccourcis .raccourci p{ margin:0px 0px 0px 0px; padding:0px; }

div#home-miseenavant1 {
	position:relative;
	overflow:hidden;
	float:left;
	width:135px;min-height:120px;
	margin:0;padding:10px;
	background:url(images/home/bg/block-top-left.gif) no-repeat;
}
div#home-miseenavanten1{ width:11.5em; height:11.9em; float:right; border-bottom:solid 1px #c4cad1; margin:0px 0px 10px 0px;
	padding:10px; border-right:solid 1px #c4cad1;  background:url(images/miseenavant1.gif) top left no-repeat; }

div#home-miseenavant2 {
	position:relative;
	overflow:hidden;
	float:left;clear:left;
	width:135px;min-height:134px;
	margin:0;padding:10px;
	background:url(images/home/bg/block-bottom-left.gif) no-repeat bottom;
}
div#home-miseenavanten2{ width:11.5em; height:11.9em; float:right; border-top:solid 1px #c4cad1; margin:0px 0px 10px 0px;
	border-right:solid 1px #c4cad1; padding:10px; background:url(images/miseenavant2.gif) bottom left no-repeat; }
	
div#home-miseenavant3 {
	position:relative;
	overflow:hidden;
	float:left;
	width:139px;min-height:120px;
	margin:0;padding:10px;
	background:url(images/home/bg/block-top-right.gif) no-repeat;
}
	
div#home-miseenavant4 {
	position:relative;
	overflow:hidden;
	float:left;
	width:139px;min-height:134px;
	margin:0;padding:10px;
	background:url(images/home/bg/block-bottom-right.gif) no-repeat bottom;
}
	
div#home-lyon-poche{ width:12.9em; float:left; margin:0px 0px 10px 0px; padding:0px 6px 0px 4px;
	background:#626366 url(images/home-lyon-poche.gif) top left no-repeat; }
div#home-lyon-poche p{ color:#FFFFFF; font-size:1em; height:3em; padding:10px 0px 0px 0px; margin:0;}
div#home-lyon-poche strong span{font-weight:normal;}
div#home-lyon-poche iframe{ width:13em; height:7em; border:solid 1px #b0b5bc; margin:0px 0px 5px 0px; }
div#home-lyon-poche a{ background:url(images/puce-lyon-poche.gif) left no-repeat; padding:0px 0px 0px 15px; color:#FFFFFF; }
div#home-lyon-poche-bottom{ background:url(images/home-lyon-poche-bottom.gif) bottom left no-repeat; height:9px; margin:0px -7px 0px -4px; }

div#home-publicite, div#encart-publicite{ width:13.8em; /*height:28.3em;*/ float:right; margin:0px 0px 10px 0px; background:url(images/exemples/fd-club-privileges.gif) #faf;color:#fff; }
div#encart-publicite p.pub-titre, div#home-publicite p.pub-titre{font-size:2.2em;font-weight:bold;margin-left:8px;margin-right:8px;margin-top:45px;margin-bottom:20px;}
div#encart-publicite p.pub-sous-titre, div#home-publicite p.pub-sous-titre{ font-size:1.2em;font-weight:bold;margin-left:8px;margin-right:8px; }
div#encart-publicite p.pub-texte, div#home-publicite p.pub-texte{font-size:1em;margin-left:10px;margin-right:10px;}
div#encart-publicite p.pub-bouton, div#home-publicite p.pub-bouton{
	background:url(images/exemples/bouton.gif) top left; margin:15px 0px 50px 20px; padding:3px 0px 0px 0px;
	width:9.2em; height:1.6em;}
div#encart-publicite p.pub-bouton a, div#home-publicite p.pub-bouton a{color:#555;margin-left:22px;}
div#encart-publicite p.pub-bouton a:hover, div#home-publicite p.pub-bouton a:hover{text-decoration:none;}

div#home-miseenavant1 h3, div#home-miseenavant2 h3, div#home-miseenavant3 h3, div#home-miseenavant4 h3{ font-size:1em; color:#464646; margin:7px 0px 0px 0px; background:url(images/puce-petits-h2.gif) 0px 1px no-repeat; padding:0px 0px 0px 15px; }
div#home-miseenavanten1 h3{ font-size:1em; color:#464646; margin:7px 0px 0px 0px; background:url(images/puce-student2.png) 0px 1px no-repeat; padding:0px 0px 0px 15px; }
div#home-miseenavanten2 h3{ font-size:1em; color:#464646; margin:7px 0px 0px 0px; background:url(images/puce-visitor2.png) 0px 1px no-repeat; padding:0px 0px 0px 15px; }
div#home-miseenavant1 p, div#home-miseenavanten1 p, div#home-miseenavant2 p, div#home-miseenavanten2 p, div#home-miseenavant3 p, div#home-miseenavant4 p{ margin:0px; padding:0px; }
div#home-miseenavant1 h3 a, div#home-miseenavanten1 h3 a, div#home-miseenavant2 h3 a, div#home-miseenavanten2 h3 a, div#home-miseenavant3 h3 a, div#home-miseenavant4 h3 a{ color:#464646;}
div#home-miseenavant1 h3 a:link, div#home-miseenavanten1 h3 a:link, div#home-miseenavant2 h3 a:link, div#home-miseenavanten2 h3 a:link, div#home-miseenavant3 h3 a:link, div#home-miseenavant4 h3 a:link{ color:#464646;}
div#home-miseenavant1 h3 a:visited, div#home-miseenavanten1 h3 a:visited, div#home-miseenavant2 h3 a:visited, div#home-miseenavanten2 h3 a:visited, div#home-miseenavant3 h3 a:visited, div#home-miseenavant4 h3 a:visited{ color:#464646;}
/******************** colonne de droite *****************/
div#colonne-droite-home {
	position:relative;
	overflow:hidden;
	float:left;
	margin-right:-3px;
	width:315px;
	/*height:800px;*/
	height:auto;
	margin-bottom:10px;
}
div#bloc-rouge {
	overflow:hidden;
	width:314px;
	margin:0 1px 15px 0;
	background:#e3001a url(images/bloc-rouge.gif) -217px 0 repeat-y;
}
div#bloc-rouge-top{ height:7px; background:url(images/bloc-rouge-top.gif) no-repeat top; }
div#bloc-rouge-bottom{ height:7px; background:#ec0300 url(images/bloc-rouge-bottom.gif) no-repeat bottom center; clear:both; }

div#home-mon-itineraire { float:left; width:156px; padding:0 0 0 10px;}
div#home-mon-itineraire h2{ color:#FFFFFF; font-size:1.4em; background:url(images/h2-monitineraire.gif) left no-repeat; padding:8px 0px 7px 32px; margin:0px 0px 9px 0px; }


div#home-mon-horaire {float:left;width:135px;padding:0 10px 0 0;background:url(images/home-mon-horaire.gif) left bottom no-repeat;}
div#home-mon-horaire h2{ color:#FFFFFF; font-size:1.4em; background:url(images/h2-monhoraire1.gif) left no-repeat;padding:8px 0px 7px 32px; margin:0px 0px 9px 0px; }	

/** Encart Temporaire Entre B1 et B2 du Projet Atoubus **/
div#home-mon-itineraireb1 { float:left; width:156px; padding:0 0 0 10px;}
div#home-mon-itineraireb1 h2{ color:#FFFFFF; font-size:1.4em; background:url(images/h2-monitineraire.gif) left no-repeat; padding:8px 0px 7px 32px; margin:0px 0px 9px 0px; }

div#home-mon-horaireb1 {float:left;width:135px;padding:0 10px 0 0;background:url(images/home-mon-horaire.gif) left bottom no-repeat;}
div#home-mon-horaireb1 h2{ color:#FFFFFF; font-size:1.4em; background:url(images/h2-monhoraire1.gif) left no-repeat;padding:8px 0px 7px 32px; margin:0px 0px 9px 0px; }	
/** Encart Temporaire Entre B1 et B2 du Projet Atoubus **/


/**
 * @section				nouvel encart cartogrphie interactive
 */
/*
div#home-plans-reseau {clear:both;overflow:hidden;width:314px;padding:0 0 10px 0;background:#EC0300 url(images/home-plans-reseau.gif) -218px 0 no-repeat;}
div#home-plans-reseau h2 {float:left;padding:0 0 7px 42px;margin:21px 0 0;color:#FFF;font-size:1.4em;}
div#home-plans-reseau ul { margin:2px 0px 0px 0px; padding:0px 0px 0px 10px; list-style:none; clear:both; }
div#home-plans-reseau ul:after { content: ".";overflow:hidden;display: block;height: 0;clear: both;visibility: hidden;}
div#home-plans-reseau ul li { margin:0px 15px 0px 0px; padding:0px; border-bottom:solid 1px #ff7f7d; float:left; width:12.2em; }
div#home-plans-reseau ul li a { color:#FFFFFF; background:url(images/puce-plans-reseau.gif) left no-repeat; padding:0px 0px 0px 8px; text-decoration:none; }
div#home-plans-reseau p#pdf_accueil {float:right;padding-right:23px;margin:18px 10px 0 0;background:url(images/adobe.jpg) no-repeat right;text-align:right;}
div#home-plans-reseau p#pdf_accueil a {color:#FFFFFF;text-decoration:none;font-size:0.8em;}
*/

div#home-mon-horaire {background-image:url(images/home-mon-horaire-no-standing-man.gif);}

div#home-plans-reseau.new {clear:both;min-height:112px;padding:0;background:url(images/home/bg/home-carto-interactive.gif) no-repeat;}
div#home-plans-reseau.new h2 {padding:20px 0 10px 43px;margin:0;color:#FFF;font-size:1.4em;}
div#home-plans-reseau.new p {margin:0;padding:0 70px 8px 11px;font-size:1.2em;font-weight:bold;}
div#home-plans-reseau.new p.smaller {padding-bottom:0;font-size:.85em;}
div#home-plans-reseau.new p a {color:#FFF;text-decoration:none;background:transparent;}
div#home-plans-reseau.new p a:hover {text-decoration:underline;}


/** Encart Temporaire Entre B1 et B2 du Projet Atoubus **/
div#home-mon-horaireb1 {background-image:url(images/home-mon-horaire-no-standing-man.gif);}

div#home-plans-reseaub1.new {clear:both;min-height:112px;padding:0;}
div#home-plans-reseaub1.new h2 {padding:20px 0 10px 43px;margin:0;color:#FFF;font-size:1.4em;}
div#home-plans-reseaub1.new p {margin:0;padding:0 70px 8px 11px;font-size:1.2em;font-weight:bold;}
div#home-plans-reseaub1.new p.smaller {padding-bottom:0;font-size:.85em;}
div#home-plans-reseaub1.new p a {color:#FFF;text-decoration:none;background:transparent;}
div#home-plans-reseaub1.new p a:hover {text-decoration:underline;}
/** FIN Encart Temporaire Entre B1 et B2 du Projet Atoubus **/


/**
 * @END				nouvel encart cartogrphie interactive
 */

div#home-mon-itineraire label, div#home-mon-horaire label{ color:#FFFFFF; display:block; margin:8px 0px 6px 0px;padding:0px 0px 0px 15px; background:url(images/puce-bloc-rouge.gif) left no-repeat; }
div#home-mon-itineraire input, div#home-mon-itineraire select, div#home-mon-horaire select, div#home-mon-horaire input{ background:#b20009; color:#FFFFFF; border:solid 1px #fff; border-bottom:solid 1px #808080; border-right:solid 1px #808080; padding:0 0 0 0.1em; /*width:133px;*/ width:10em; }
div#home-mon-itineraire select, div#home-mon-horaire select{ }
div#home-mon-itineraire select option, div#home-mon-horaire select option, div#home-mon-itineraire select optgroup, div#home-mon-horaire select optgroup{margin:0px; padding:0px; text-indent:0px; }

div#bloc-rouge .bloc-rouge-bouton {margin:10px 0 0;}
div#bloc-rouge .bloc-rouge-bouton input {width:85px;}

div#home-mon-horaire .bloc-rouge-bouton{ margin:10px 0px 49px 0px; }

/** Encart Temporaire Entre B1 et B2 du Projet Atoubus **/
div#home-mon-itineraireb1 label, div#home-mon-horaireb1 label{ color:#FFFFFF; display:block; margin:8px 0px 6px 0px;padding:0px 0px 0px 15px; background:url(images/puce-bloc-rouge.gif) left no-repeat; }
div#home-mon-itineraireb1 input, div#home-mon-itineraireb1 select, div#home-mon-horaireb1 select, div#home-mon-horaireb1 input{ background:#b20009; color:#FFFFFF; border:solid 1px #fff; border-bottom:solid 1px #808080; border-right:solid 1px #808080; padding:0 0 0 0.1em; /*width:133px;*/ width:10em; }
div#home-mon-itineraireb1 select, div#home-mon-horaireb1 select{ }
div#home-mon-itineraireb1 select option, div#home-mon-horaireb1 select option, div#home-mon-itineraireb1 select optgroup, div#home-mon-horaireb1 select optgroup{margin:0px; padding:0px; text-indent:0px; }
div#bloc-rougeb1 .bloc-rouge-bouton {margin:10px 0 0;}
div#bloc-rougeb1 .bloc-rouge-bouton input {width:85px;}
div#home-mon-horaireb1 .bloc-rouge-bouton{ margin:10px 0px 49px 0px; }
/** FIN Encart Temporaire Entre B1 et B2 du Projet Atoubus **/


div#colonne-droite-tarif{ }
div#colonne-droite-tarif p{ margin:0px; padding:0px; }
div#colonne-droite-tarif div.colonne-droite-tarif-1{ padding:4px; margin:0px; background:#f98800; color:#FFFFFF; }
div#colonne-droite-tarif div.colonne-droite-tarif-2{ padding:4px; margin:0px; background:#fcd28b; }
div#colonne-droite-tarif div.colonne-droite-tarif-top1{ background:url(images/colonne-droite-tarif-top1.gif) bottom no-repeat; height:9px; }
div#colonne-droite-tarif div.colonne-droite-tarif-bot1{ background:url(images/colonne-droite-tarif-bot1.gif) top no-repeat; height:9px; margin-bottom:10px; }
div#colonne-droite-tarif div.colonne-droite-tarif-top2{ background:url(images/colonne-droite-tarif-top2.gif) bottom no-repeat; height:9px; }
div#colonne-droite-tarif div.colonne-droite-tarif-bot2{ background:url(images/colonne-droite-tarif-bot2.gif) top no-repeat; height:9px; margin-bottom:10px;}

div#colonne-droite-tarif h4{ font-size:1.1em; margin:0px 0px 7px 0px; padding:0px 0px 3px 0px; border-bottom:solid 1px #fff; }
div#colonne-droite-tarif div.colonne-droite-tarif-1 h4{ color:#FFFFFF; }
div#colonne-droite-tarif div.colonne-droite-tarif-2 h4{	color:#a06500; }

div#colonne-droite-tarif a{ color:#a06500; font-weight:bold; text-decoration:none; }

div#colonne-droite-tarif ul{ margin:0px; padding:0px 0px 10px 0px; list-style:none;  }
div#colonne-droite-tarif ul li{ margin:0px; padding:0px 0px 0px 5px; border-bottom:solid 1px #fcd28b; }
div#colonne-droite-tarif ul li a{ margin:0px; padding:0px; color:#593d0c; }
div#colonne-droite-tarif ul li.adobe_tarif a{ margin:0px; padding:0px; color:#fff; font-weight:normal; font-size:0.9em;}

div#colonne-droite-tarif .imageGauche{ float:left; margin:0px 5px 3px 0px; }
div#colonne-droite-tarif .imageDroite{ float:right; margin:0px 0px 3px 3px; }

/********************************************************/
/*-----nouvel encart acces monTCL home et intérieur-----*/
/********************************************************/
div#bloc-privilege {background-color:#f5e4f4;}
div.colonne-droite-privilege-home {background-color:#f5e4f4; color:#540362; margin:0px 0px 10px; padding:0px 8px 0px 8px; margin:20px 0px 20px 0px;}
div.colonne-droite-privilege-home div.colonne-droite-privilege-top {background:url(images/colonne-droite-privi-home-top.gif) top right no-repeat; height:20px; margin:0px -8px 0px -8px;}
div.colonne-droite-privilege-home div.colonne-droite-privilege-bot {position:relative; z-index:1; background:url(images/colonne-droite-privi-home-bottom.gif) bottom left no-repeat; height:20px; margin:-5px -8px 0px -8px;}

div.colonne-droite-privilege-home h2 {float:left; background:url(images/picto-montcl.gif) top left no-repeat; padding:3px 0px 0px 30px; min-height:27px; font-size:1.4em; font-weight:bold; margin:-5px 0px 0px 0px;}

div.colonne-droite-privilege-home div.colonne-droite-privilege-inscr {float:right; background:url(images/btn-privi.gif) top left no-repeat #6b017d; min-height:23px; width:141px; padding:7px 0px 0px 0px; margin:-8px 0px 0px 0px;}
div.colonne-droite-privilege-home div.colonne-droite-privilege-inscr a{margin:0px 0px 0px 15px;color:#ffffff; font-weight:bold; background:#6B017D;}

div.colonne-droite-privilege-home form{clear:both; border-bottom:#c4cad1 1px solid; margin:0px 0px 0px 0px;}

div.colonne-droite-privilege-home div.form-privi-champ-left {float:left; margin:0px 0px 0px 0px;}
div.colonne-droite-privilege-home div.form-privi-champ-right {float:right; margin:0px 0px 0px 0px;}
div.colonne-droite-privilege-home div.form-privi-champ-right label, 
div.colonne-droite-privilege-home div.form-privi-champ-left label{display:block; margin:8px 0px 6px 0px; padding:0px 0px 0px 15px; background:url(images/puce-privi.gif) left no-repeat; color:#3a3a3a;}
div.colonne-droite-privilege-home div.form-privi-champ-right label a {color:#6b017d; font-size:0.8em;}
div.colonne-droite-privilege-home div.form-privi-champ-right label a:visited {color:#6b017d;}
div.colonne-droite-privilege-home div.form-privi-champ-right input, 
div.colonne-droite-privilege-home div.form-privi-champ-left input{width:142px; border:1px solid #808080; border-right-color:#3a3a3a; border-bottom-color:#3a3a3a;}
div.colonne-droite-privilege-home p {margin:5px 0 10px; color:#3a3a3a;}
div.colonne-droite-privilege-home p a {top:0; right:0; color:#6b017d; font-size:0.8em;}
div.colonne-droite-privilege-home .bouton-privi {clear:both; background:#ffffff; border:solid #808080; border-width: 0px 1px 1px 0px; width:100%; color:#6b017d; font-weight:bold; margin:10px 0 0;}

div.colonne-droite-privilege-home div.colonne-droite-privilege-avantages {position:relative; z-index:2; background:url(images/colonne-droite-privi-avantages.gif) top no-repeat; min-height:151px; margin:10px -8px 0px -8px; padding:35px 0px 0px 35px;}
div.colonne-droite-privilege-home div.colonne-droite-privilege-avantages p.avantages-right{color:#3a3a3a; margin:0px 0px 20px 100px; background:#fff; width:60%;}
div.colonne-droite-privilege-home div.colonne-droite-privilege-avantages p.avantages-left{color:#3a3a3a; margin:0px 0px 0px 0px; background:#fff; width:60%;}

/* petites modifs pour le bloc en page intérieure  */ 
div.colonne-droite-privilege-int {margin:0px 0px 0px 0px;}
div.colonne-droite-privilege-int div.colonne-droite-privilege-bot {background:url(images/colonne-droite-privi-int-bottom.gif); margin:-10px -8px 0px -8px;}
div.colonne-droite-privilege-int h2 {float:none;}
div.colonne-droite-privilege-int div.form-privi-champ-right {float:left;}
div.colonne-droite-privilege-int div.form-privi-champ-right label, 
div.colonne-droite-privilege-int div.form-privi-champ-left label{padding:0px 0px 0px 14px;}
div.colonne-droite-privilege-int div.form-privi-champ-right input, 
div.colonne-droite-privilege-int div.form-privi-champ-left input{width:131px;}
div.colonne-droite-privilege-int div.colonne-droite-privilege-inscr {float:none; position:relative; z-index:2; background:#6b017d url(images/btn-privi-int.gif); width:129px; margin:20px 0px 15px; 2px;}
div.colonne-droite-privilege-int div.colonne-droite-privilege-inscr a{margin:0px 0px 0px 7px;color:#ffffff; font-weight:bold; background:#6B017D;}
div.colonne-droite-privilege-int .bonjour-privi{color:#3a3a3a; border-bottom:#c4cad1 1px solid; padding:0px 0px 10px 0px; margin:10px 0px 10px 0px;}
div.colonne-droite-privilege-int ul{list-style-type:none; margin:0; padding:0;}
div.colonne-droite-privilege-int .privi-lien {display:block; position:relative; z-index:2; margin:0px 0px 3px 0px; padding:0;}
div.colonne-droite-privilege-int .privi-lien a {background:url(images/puce-privi-int.gif) left center no-repeat; color:#6b017d; padding:0px 0px 0px 7px;}
div.colonne-droite-privilege-int .colonne-droite-privilege-avantages {list-style-type:none; background:none; height:auto; border-top:#c4cad1 1px solid; border-bottom:#c4cad1 1px solid; padding:10px 0px 10px 0px; margin:10px 0px 10px 0px;}
div.colonne-droite-privilege-int .privi-alertes,
div.colonne-droite-privilege-int .privi-offres {background:url(images/colonne-droite-privi-alertes.gif) left top no-repeat; height:40px; padding:10px 0px 0px 50px;}
div.colonne-droite-privilege-int .privi-offres {background:url(images/colonne-droite-privi-offres.gif) left top no-repeat; margin:10px 0px 0px 0px;}
div.colonne-droite-privilege-int .privi-alertes a:link, a:visited{ color:#540362; background:#fff;}
div.colonne-droite-privilege-int .privi-offres a:link, a:visited{ color:#540362; background:#fff;}/**/
div.colonne-droite-privilege-int .bouton-privi { font-size:1.1em;}
	
/* petites modifs pour le bloc avantages dans toutes parties sauf "tarifs" et "privilèges abonnés" */ 

div.colonne-droite-avantages div.colonne-droite-privilege-avantages {width:139px; min-height:201px; border:none; background:#ffffff url(images/colonne-droite-avantages.gif) top left no-repeat; padding:0px; margin:10px 0px 10px -3px;}
div.colonne-droite-avantages div.colonne-droite-privilege-avantages p{color:#3a3a3a; margin:0px 0px 0px 8px;}
div.colonne-droite-avantages div.colonne-droite-privilege-avantages p.avantages-top {padding-top:12px;}
div.colonne-droite-avantages div.colonne-droite-privilege-avantages p.avantages-middle {margin-left:60px;}
div.colonne-droite-avantages div.colonne-droite-privilege-inscr {width:136px; background:url(images/btn-avantages.gif) top left no-repeat #6b017d; margin:0px 0px 0px 0px;}
div.colonne-droite-avantages div.colonne-droite-privilege-bot {margin:-13px -8px 0px -8px;}

/***************************************************************************************************/
/******************************************** colonne droite privilege******************************/
/***************************************************************************************************/
/*
div#colonne-droite-privilege{ background-color:#f5e4f4; color:#540362; padding:0px 8px 0px 8px; }
div#colonne-droite-privilege div.colonne-droite-privilege-top{ background:url(images/colonne-droite-privi-top.gif) bottom no-repeat; height:9px; margin:0px -8px 0px -8px; }
div#colonne-droite-privilege div.colonne-droite-privilege-bot{ background:url(images/colonne-droite-privi-bot.gif) top no-repeat; height:9px; margin:0px -8px 0px -8px; }
*/
div.colonne-droite-privilege {background-color:#f5e4f4; color:#540362; margin:0px 0px 10px; padding:0px 8px 0px 8px;}
div.colonne-droite-privilege div.colonne-droite-privilege-top {background:url(images/colonne-droite-privi-top.gif) top no-repeat; height:9px; margin:0px -8px 0px -8px;}
div.colonne-droite-privilege div.colonne-droite-privilege-bot {background:url(images/colonne-droite-privi-bot.gif) bottom no-repeat; height:9px; margin:0px -8px 0px -8px;clear:both}
div.colonne-droite-privilege a.bouton, div.colonne-droite-privilege a.bouton:active, div.colonne-droite-privilege a.bouton:visited, div.colonne-droite-privilege a.bouton:hover {text-decoration:none; padding:1px 8px;color:#000000;font-size:1.2em;cursor:default;}
/*pictos*/
div.colonne-droite-privilege .picto {float:left;}
div.colonne-droite-privilege .picto a {margin:10px 0px 0px 45px;float:left;font-size:1.1em;font-weight:bold;}
div.colonne-droite-privilege p.picto-maj-profil a,
div.colonne-droite-privilege p.picto-maj-profil2 a, 
div.colonne-droite-privilege div.picto-club-privilege a  {margin:0px 0px 0px 45px;}
div.colonne-droite-privilege div.picto-offres-privileges a {margin:20px 0px 0px 45px;}

div.colonne-droite-privilege p.picto-maj-profil, div.page4 #cadre-maj-profil .picto-maj-profil
 {background:transparent url(images/picto-maj-profil.gif) no-repeat scroll left top;height:32px;}
 
div.colonne-droite-privilege p.picto-maj-profil2, div.page4 #cadre-maj-profil ul li.picto-maj-profil2
 {background:transparent url(images/picto-maj-profil2.gif) no-repeat scroll left top;height:32px;}

div.colonne-droite-privilege div.picto-alerte-sms, div.page4 div.picto-alerte-sms
{background:transparent url(images/picto-alerte-sms.gif) no-repeat scroll left top;height:32px;}

div.colonne-droite-privilege div.picto-alerte-email, div.page4 div.picto-alerte-email
{background:transparent url(images/picto-alerte-email.gif) no-repeat scroll left top;height:30px;}

div.colonne-droite-privilege div.picto-alerte-rss, div.page4 div.picto-alerte-rss
{background:transparent url(images/picto-alerte-rss.gif) no-repeat scroll left top;height:30px;}

div.colonne-droite-privilege div.picto-offres-privileges, div.page4 div.picto-offres-privileges
{background:transparent url(images/picto-offres-privileges.gif) no-repeat scroll left top;height:61px;}

div.colonne-droite-privilege div.picto-club-privilege, div.page4 div.picto-club-privilege 
{background:transparent url(images/picto-club-privilege.gif) no-repeat scroll left top;height:30px;}

div.page4 .picto h3 {padding:6px 0 13px 40px;}
div.page4 .picto-offres-privileges h3 {padding:20px 0 25px 40px;}
div.page4 p a.txt-aide {color:#000000;}




/***************************************************************************************************/
/******************************************** css interieur ****************************************/
/***************************************************************************************************/
div#colonne-milieu{ width:617px; float:left; margin:0px 0px 10px 14px; }
div#colonne-droite{ width:13.3em; float:left; margin:0px 0px 10px 34px; overflow:hidden; }

div#bloc-rouge-int{ margin:0px 0px 10px 0px; background: #e3001a url(images/bloc-rouge-int.gif); height:11.3em; padding:63px 0px 0px  }
div#bloc-rouge-int ul{ margin:0px; padding:0px; list-style:none; }
div#bloc-rouge-int ul li{ font-weight:bold; font-size:1.1em; padding:2px 0px 5px 0px; background:transparent; }
div#bloc-rouge-int ul li a{ color:#FFFFFF; text-decoration:none; padding:6px 0px 8px 40px; display:block; background:transparent; }

#lyon-poche{ margin:0px 0px 10px 0px; padding:0px 6px 0px 4px; background:#626366 url(images/home-lyon-poche.gif) top left no-repeat; }
div#lyon-poche p{ color:#FFFFFF; font-size:1em; height:3em; padding:10px 0px 0px 0px; margin:0;}
div#lyon-poche strong span{font-weight:normal;}
div#lyon-poche iframe{ width:138px; height:16em; border:solid 1px #b0b5bc; margin:0px 0px 5px 0px; }
div#lyon-poche a{ background:url(images/puce-lyon-poche.gif) left no-repeat; padding:0px 0px 0px 15px; color:#FFFFFF; }

/****************************************** css contenus **********************************************/
/********************* En fonction de la catégorie, le site se décline en 5 couleurs ******************/
/********************* 1 = rouge, 2 = jaune, 3 = vert, 4 = violet, 5 = gris  **************************/
div#fildariane{ color:#FFFFFF; padding:13px 0px 0px 40px; font-size:0.9em; }
div#fildariane a{ color:#FFFFFF; background:transparent;}

h1{ color:#FFFFFF; font-size:1.8em; font-weight:normal; padding:5px 0px 16px 50px; margin:0px; }
h2{ font-size:1.1em; padding:0px; margin:0px; }

.image-a-gauche{ float:left; margin:0px 15px 20px 0px; }
.image-a-droite{ float:right; margin:0px 0px 20px 15px; }
 
div#colonne-milieu ul{ margin:0px; padding:0px; list-style:none; }
div#colonne-milieu ul li{ margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; background:url(images/puce.gif) 0px 5px no-repeat; }

div#entete{ /*height:6.3em;*/ }
div.page0 div#entete{ background:#626366 url(images/entete-gris.gif) top left no-repeat; }
div.page1 div#entete{ background:#E3001A url(images/entete-rouge.gif) top left no-repeat; }
div.page2 div#entete{ background:#F98800 url(images/entete-jaune.gif) top left no-repeat; }
div.page3 div#entete{ background:#598A21 url(images/entete-vert.gif) top left no-repeat; }
div.page4 div#entete{ background:#6B017D url(images/entete-violet.gif) top left no-repeat; }
div.page5 div#entete{ background:#016D7D url(images/entete-bleu.gif) top left no-repeat; }
div.page6 div#entete{ background:#626366 url(images/entete-gris.gif) top left no-repeat; }

div#colonne-milieu caption{ /*border-left:solid 2px #FFFFFF; border-right:solid 2px #FFFFFF;*/ border-bottom:solid 1px #FFFFFF; margin:15px 0px 0px 0px; }
caption.page0{background-color:#626366; color:#fff; /*font-size:1.1em;*/ font-weight:bold}
th.page0{background-color:#626366;color:#fff}
td.page0{background-color:#e1e4e8;color:#464646}
tr.page0{background-color:#e1e4e8;}

caption.page1{background-color:#ec0300; color:#fff; /*font-size:1.1em;*/ font-weight:bold}
th.page1{background-color:#ec0300;color:#fff}
td.page1{background-color:#fee4de;color:#c20200}
tr.page1{background-color:#fee4de;}

caption.page2{background-color:#f98800; color:#fff; /*font-size:1.1em;*/ font-weight:bold}
th.page2{background-color:#f98800;color:#fff}
td.page2{background-color:#fff6ca;color:#a06500}
tr.page2{background-color:#fff6ca;}

caption.page3{background-color:#598A21; color:#fff; /*font-size:1.1em;*/ font-weight:bold}
th.page3{background-color:#598a21;color:#fff}
td.page3{background-color:#cfdd89;color:#4a731b; }
tr.page3{background-color:#cfdd89;}
div.nav3{background-color:#598A21; color:#fff;}

caption.page4{background-color:#6B017d; color:#fff; /*font-size:1.1em;*/ font-weight:bold}
th.page4{background-color:#6b017d;color:#fff; }
td.page4{background-color:#f5e4f4;color:#540362; }
tr.page4{background-color:#f5e4f4;}

tr.page-focus{background-color:#fff}

div.navigation{text-align:center; font-size:1.1em; font-weight:bold;/*border:0.1em #e1e4e8 solid*/}
div.navigation a{}
div.navigation strong{}


div#bas-contenu{background:url(images/bas-contenu.gif) no-repeat top;height:3em;padding-top:20px;margin-top:15px;border-top:1px solid #bbb;color:#fff;}
div#bas-contenu a,div#bas-contenu span{color:#555555;}
div#bas-contenu a#telecharger-acrobat{float:right;/*margin-top:-13px;*/}
div#bas-contenu a#imprimer-bas{margin-left:15px;}

/*************** itinéraires *****************************/

table.tableau_itineraire_detail {
	width: 100%;
}

/*************** affichage horaires colonnes *************/

div#colonne-milieu ul.col-pair-1, div#colonne-milieu ul.col-impair-1{ float:left; margin:0px; padding:4px 4px 4px 4px;  text-align:left; }
div#colonne-milieu ul.col-pair-1{ background-color:#fff; }
div#colonne-milieu ul.col-impair-1{ background-color:#fee4de; }

div#colonne-milieu ul.col-pair-1 li, div#colonne-milieu ul.col-impair-1 li{ padding:0px; margin:0px; background:transparent; }
div#colonne-milieu ul.col-pair-1 li a:link, div#colonne-milieu ul.col-pair-1 li a:visited, div#colonne-milieu ul.col-impair-1 li a:link, div#colonne-milieu ul.col-impair-1 li a:visited{ padding:0px; margin:0px; }

div#colonne-milieu ul.col-pair-1 strong, div#colonne-milieu ul.col-impair-1 strong{ border-bottom:solid 1px #ccc; margin:0px -2px 10px -2px; display:block; }

div#colonne-milieu ul.col-pair-1 span, div#colonne-milieu ul.col-impair-1 span{ display:none; }
div#colonne-milieu ul.col-pair-1 sup, div#colonne-milieu ul.col-impair-1 sup, div#colonne-milieu #liste_notes sup{vertical-align:baseline; font-size:0.9em;}

div#colonne-milieu div.indications {margin-top:30px;}
div#colonne-milieu div.precisions_horaires {margin-bottom:12px;margin-top:15px;}

/********************************************************/
div#print{ float:right; width:108px; padding:50px 0px 0px 0px; }
div.page1 a:link, div.page1 a:visited, div.page1 a:hover, div.page1 h2{color:#ec0300; background: transparent}
div.page2 a:link, div.page2 a:visited, div.page2 a:hover, div.page2 h2{color:#bc6700; }
/*spécial pour le orange car peu de contraste*/
div.page2 #print a:link, div.page2 #print a:visited, div.page2 #print a:hover{ color:#bc6700; }
div.page3 a:link, div.page3 a:visited, div.page3 a:hover, div.page3 h2{color:#295a00; }
div.page4 a:link, div.page4 a:visited, div.page4 a:hover, div.page4 h2{color:#6b017d; }
div.page5 a:link, div.page5 a:visited, div.page5 a:hover, div.page5 h2{color:#016d7d; }
div.page6 a:link, div.page6 a:visited, div.page6 a:hover, div.page6 h2{color:#626366; }

#colonne-milieu h2{ /*height:1.7em;*/ padding:5px 0px 0px 25px; margin:25px 0px 10px 0px; }
div.page1 h2{ background:url(images/h2-bg-rouge.gif) top left no-repeat; }
div.page2 h2{ background:url(images/h2-bg-jaune.gif) top left no-repeat; }
div.page3 h2{ background:url(images/h2-bg-vert.gif) top left no-repeat; }
div.page4 h2{ background:url(images/h2-bg-violet.gif) top left no-repeat; }
div.page5 h2{ background:url(images/h2-bg-gris.gif) top left no-repeat; }
div.page6 h2{ background:url(images/h2-bg-gris.gif) top left no-repeat; }
div.page0 h2{ background:url(images/h2-bg-gris.gif) top left no-repeat; }

div#colonne-milieu h3{ margin:20px 0px 7px 0px; border-bottom:solid 1px #999999; font-size:1em; }
div.page1 h3{ color:#ec0300; }
div.page2 h3{ color:#f98800; }
div.page3 h3{ color:#598a21; }
div.page4 h3{ color:#6b017d; }
div.page5 h3{ color:#016d7d; }
div.page6 h3{ color:#626366; }

div#colonne-milieu h2 span{ background:url(images/h2-bg.gif) top right no-repeat; padding:6px 10px 5px 0px; margin:1px 0px 0px 0px; line-height:1.5em; }

div#bloc-entete{ margin:0px 0px 20px 0px; padding:16px 13px 13px 13px; }
div.page0 div#bloc-entete{ background:#e1e4e8 url(images/bloc-entete-gris.gif) top left no-repeat; }
div.page1 div#bloc-entete{ background:#fee4de url(images/bloc-entete-rouge.gif) top left no-repeat; }
div.page2 div#bloc-entete{ background:#fcd28b url(images/bloc-entete-jaune.gif) top left no-repeat; }
div.page3 div#bloc-entete{ background:#cfdd89 url(images/bloc-entete-vert.gif) top left no-repeat; color:#000000; }
div.page4 div#bloc-entete{ background:#f5e4f4 url(images/bloc-entete-violet.gif) top left no-repeat; }
div.page5 div#bloc-entete{ background:#e4eff5 url(images/bloc-entete-bleu.gif) top left no-repeat; }
div.page6 div#bloc-entete{ background:#e1e4e8 url(images/bloc-entete-gris.gif) top left no-repeat; }
div#bloc-entete h2{ margin:0px; padding:0px; background:transparent; }

div.bloc-entete{ margin:0px 0px 20px 0px; padding:16px 13px 13px 13px; }
div.page0 div.bloc-entete{ background:#e1e4e8 url(images/bloc-entete-gris.gif) top left no-repeat; }
div.page1 div.bloc-entete{ background:#fee4de url(images/bloc-entete-rouge.gif) top left no-repeat; }
div.page2 div.bloc-entete{ background:#fcd28b url(images/bloc-entete-jaune.gif) top left no-repeat; }
div.page3 div.bloc-entete{ background:#cfdd89 url(images/bloc-entete-vert.gif) top left no-repeat; }
div.page4 div.bloc-entete{ background:#f5e4f4 url(images/bloc-entete-violet.gif) top left no-repeat; }
div.page5 div.bloc-entete{ background:#e4eff5 url(images/bloc-entete-bleu.gif) top left no-repeat; }
div.page6 div.bloc-entete{ background:#e1e4e8 url(images/bloc-entete-gris.gif) top left no-repeat; }
div.bloc-entete h2{ margin:0px; padding:0px; background:transparent; }
div#bloc-entete p{margin:0;}
/*div#bloc-entete p.aide{float:right;margin-top:0;padding-top:0;}*/

div.warning{color:#fff;font-size:0.8em;}
div.warning-red{color:#ff0000;font-size:0.8em;}
div.error{ margin:15px 0px 15px 0px; padding:10px 10px 10px 40px; border:double #fff; background:#CC0000 url(images/error.gif) 10px 6px no-repeat; color:#FFFFFF; }
div.errorAlerte{ margin:15px 0px 15px 0px; padding:10px; border:double #fff; background-color:#F5E4F4; color:#6B017D; font-weight:bold; }
div.confirm{ margin:15px 0px 15px 0px; padding:10px 10px 10px 12px; border:double #fff; background-color:#CC0000; color:#FFFFFF; }
p.error_contact{color:#f00;font-weight:bold;}
div.ok{ margin:15px 0px 15px 0px; padding:10px 10px 10px 40px; border:double #fff; background:#598a21; color:#FFFFFF; }

#colonne-milieu div.error h2,#colonne-milieu div.error h3{background:none;margin:0;display: inline;color:#fff; padding:0;border:0;}
div.error p{display: inline;}
#colonne-milieu div.error a{color:#fff;}

div.separateur{ background:#ccc; height:1px; clear:both; overflow:hidden; margin:10px 0px 10px 0px; }

div.liste-abonnements{ margin:0px 0px 0px 0px; }

/***************************************** css formulaires *********************************************/

div#colonne-milieu fieldset, div#colonne-milieu div.validation_form{ padding:10px; margin:0px 0px 15px 0px; }
div#colonne-milieu fieldset, div#colonne-milieu div.validation_form{ zoom:1;}

div#colonne-milieu fieldset:after {
	overflow:hidden;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.page1 fieldset, div.page1 div.validation_form{ border:solid 1px #ec0300; }
div.page2 fieldset, div.page2 div.validation_form{ border:solid 1px #f98800; }
div.page3 fieldset, div.page3 div.validation_form{ border:solid 1px #598a21; }
div.page4 fieldset, div.page4 div.validation_form{ border:solid 1px #6b017d; }
div.page5 fieldset, div.page5 div.validation_form{ border:solid 1px #016d7d; }
div.page6 fieldset, div.page6 div.validation_form{ border:solid 1px #626366; }
div.page0 fieldset, div.page0 div.validation_form{ border:solid 1px #626366; }

div#colonne-milieu fieldset legend{ font-weight:bold; padding:0px 10px 4px 10px; }
div.page1 fieldset legend{ color:#ec0300; }
div.page2 fieldset legend{ color:#f98800; }
div.page3 fieldset legend{ color:#598a21; }
div.page4 fieldset legend{ color:#6b017d; }
div.page5 fieldset legend{ color:#016d7d; }
div.page6 fieldset legend{ color:#626366; }


div.champs-formulaires { clear:both; margin:0px 0px 3px 0px; min-height:2em; }
div.champs-formulaires label,div.champs-formulaires-aide label,div.textearea-formulaires label{ display:block; float:left; width:200px; text-align:right; margin-right:10px; }
div.champs-formulaires label.label-empty {width:0;height:0;margin-right:0;}
div.champs-formulaires label img,div.champs-formulaires-aide label img { float:left; margin-right:5px; }
div.champs-formulaires input, div.champs-formulaires select, div.champs-formulaires-aide input, div.champs-formulaires-aide select{  margin:-5px 0px 0px 0px; }
div.champs-formulaires-aide {clear:both; margin:0px 0px 3px 0px; height:4em;}
div.page4 div.champs-formulaires-aide div.aide-formulaire {color:#6B017D;font-size:0.9em;margin:2px 0 0 210px;}
div.page5 div.champs-formulaires-aide div.aide-formulaire {color:#016d7d;font-size:0.9em;margin:2px 0 0 210px;}
div.champs-formulaires label.error-formulaire, div.champs-formulaires-aide label.error-formulaire, div.textearea-formulaires label.error-formulaire {color:#CC0000;}

div.textearea-formulaires{ clear:both; margin:0px 0px 3px 0px; height:7em; }
div.textearea-formulaires label{ float:left; width:200px; }


/*******************Specials ************/
#jour, #moisannee{ margin-right:3px;}
#heure{ margin-left:3px; margin-right:3px; }
#line{ font-size:0.9em; width:335px; }
#lineb11{ font-size:0.9em; width:335px; }
#lineb12{ font-size:0.9em; width:335px; }
div.privilege{ padding-left:150px; padding-top:10px; text-align:center; }
div.privilege input, div.privilege a { display:block; float:left; width:5.2em; margin-left:20px; }
div.privilege input:focus{ background:red; }

/*************** boutons *************/
div.page0 .bouton{ border:solid 2px #626366; background:#e1e4e8; }
div.page1 .bouton{ border:solid 2px #ec0300; background:#fee4de; }
div.page2 .bouton{ border:solid 2px #f98800; background:#fcd28b; }
div.page3 .bouton{ border:solid 2px #598a21; background:#cfdd89; }
div.page4 .bouton{ border:solid 2px #6b017d; background:#f5e4f4; }
div.page5 .bouton{ border:solid 2px #016d7d; background:#e4eff5; }
div.page6 .bouton{ border:solid 2px #626366; background:#e1e4e8; }

div#colonne-milieu a.bouton { color:#000000; padding:3px 5px; text-decoration:none; }

div.page0 .bouton_sens_inverse{ border:solid 2px #626366; background-color:#e1e4e8; }
div.page1 .bouton_sens_inverse{ border:solid 2px #ec0300; background-color:#fee4de; }
div.page2 .bouton_sens_inverse{ border:solid 2px #f98800; background-color:#fcd28b; }
div.page3 .bouton_sens_inverse{ border:solid 2px #598a21; background-color:#cfdd89; }
div.page4 .bouton_sens_inverse{ border:solid 2px #6b017d; background-color:#f5e4f4; }
div.page5 .bouton_sens_inverse{ border:solid 2px #016d7d; background-color:#e4eff5; }
div.page6 .bouton_sens_inverse{ border:solid 2px #626366; background-color:#e1e4e8; }
.bouton_sens_inverse{ padding:2px 5px 2px 30px; background-image:url(images/sens_inverse.gif); background-position:left; background-repeat:no-repeat; font-weight:bold; font-size:0.9em; }

div.privilege a{padding:1px 5px 2px 5px; font-size:1.0em; /*margin-top:-14px;*/ }

div.privilege a.bouton-lien:hover{text-decoration:none;}

div.privilege a.bouton-cancel {border:1px solid #6B017D;background-color:#FFFFFF;padding:2px 5px 3px 5px; margin-top:0;}
a.bouton-cancel:hover {cursor:default;text-decoration:none;}

/*************** sousmenu niveau2 *************/
div#colonne-milieu a.lien-souniveau:link, div#colonne-milieu a.lien-souniveau:visited{ padding:0.2em 0.7em 0.2em 0.7em; background:#e5e5e5; color:#333333; text-decoration:none; margin:0.2em 0em 0.2em 0px; }

div#colonne-milieu.page0 a.lien-souniveau:hover{ background:#e1e4e8; }
div#colonne-milieu.page1 a.lien-souniveau:hover{ background:#fee4de; }
div#colonne-milieu.page2 a.lien-souniveau:hover{ background:#fcd28b; }
div#colonne-milieu.page3 a.lien-souniveau:hover{ background:#cfdd89; }
div#colonne-milieu.page4 a.lien-souniveau:hover{ background:#f5e4f4; }
div#colonne-milieu.page5 a.lien-souniveau:hover{ background:#e4eff5; }
div#colonne-milieu.page6 a.lien-souniveau:hover{ background:#e1e4e8; }

div.boutonSuivant{ float:right; }
div.boutonPrecedent{ float:left; }

/*************** sousmenu niveau2 *************/
#colonne-milieu ul.menu-entete-page{ margin:10px 0px 0px 0px; padding:0px; list-style:none; }
#colonne-milieu ul.menu-entete-page li{ display:inline; background:transparent; margin:0px; padding:0px 10px 0px 0px; }
#colonne-milieu.page0 ul.menu-entete-page li a:link, #colonne-milieu.page0 ul.menu-entete-page li a:visited{ 
	border:solid 1px #626366; background:#e1e4e8; padding:2px 4px 2px 4px;}
#colonne-milieu.page1 ul.menu-entete-page li a:link, #colonne-milieu.page1 ul.menu-entete-page li a:visited{ 
	border:solid 1px #ec0300; background:#fee4de; padding:2px 4px 2px 4px;}
#colonne-milieu.page2 ul.menu-entete-page li a:link, #colonne-milieu.page2 ul.menu-entete-page li a:visited{ 
	border:solid 1px #f98800; background:#fcd28b; padding:2px 4px 2px 4px;}
#colonne-milieu.page3 ul.menu-entete-page li a:link, #colonne-milieu.page3 ul.menu-entete-page li a:visited{
	border:solid 1px #598a21; background:#cfdd89; padding:2px 4px 2px 4px;}
#colonne-milieu.page4 ul.menu-entete-page li a:link, #colonne-milieu.page4 ul.menu-entete-page li a:visited{ 
	border:solid 1px #6b017d; background:#f5e4f4; padding:2px 4px 2px 4px;}
#colonne-milieu.page5 ul.menu-entete-page li a:link, #colonne-milieu.page5 ul.menu-entete-page li a:visited{ 
	border:solid 1px #016d7d; background:#e4eff5; padding:2px 4px 2px 4px;}
#colonne-milieu.page6 ul.menu-entete-page li a:link, #colonne-milieu.page6 ul.menu-entete-page li a:visited{ 
	border:solid 1px #626366; background:#e1e4e8; padding:2px 4px 2px 4px;}

#colonne-milieu.page1 ul.menu-entete-page li a:hover, #colonne-milieu.page2 ul.menu-entete-page li a:hover, #colonne-milieu.page3 ul.menu-entete-page li a:hover, #colonne-milieu.page4 ul.menu-entete-page li a:hover, #colonne-milieu.page5 ul.menu-entete-page li a:hover,
#colonne-milieu.page6 ul.menu-entete-page li a:hover{ color:#646464; }



/*************** Plan du site *************/
#colonne-milieu #plandusite{ margin:20px 0px 20px 0px; }

#colonne-milieu #plandusite h2 span{ background-image:none;}
#colonne-milieu #plandusite h2{ background-image:none; padding:0px; font-weight:bold; }
#colonne-milieu #plandusite h2 a{ font-size:1.2em; display:block; color:#464646; margin:0px 0px 2px 0px; padding:3px; }
#colonne-milieu #plandusite h2.menu_0 a{ color:#fff; background:#626366; }
#colonne-milieu #plandusite h2.menu_1 a{ color:#fff; background:#ec0300 }
#colonne-milieu #plandusite h2.menu_2 a{ color:#fff; background:#f98800; }
#colonne-milieu #plandusite h2.menu_3 a{ color:#fff; background:#598a21; }
#colonne-milieu #plandusite h2.menu_4 a{ color:#fff; background:#6b017d; }
#colonne-milieu #plandusite h2.menu_5 a{ color:#fff; background:#016d7d; }
#colonne-milieu #plandusite h2.menu_6 a{ color:#fff; background:#626366; }


#colonne-milieu #plandusite  ul{ margin:0px 0px 10px 0px; }
#colonne-milieu #plandusite  ul li{ font-weight:normal; }
#colonne-milieu #plandusite  ul li a{ font-size:1em; font-weight:bold; padding:0px; }
#colonne-milieu #plandusite .menu_0 h2 a,#colonne-milieu #plandusite .menu_1 h2 a, #colonne-milieu #plandusite .menu_2 h2 a, #colonne-milieu #plandusite .menu_3 h2 a, #colonne-milieu #plandusite .menu_4 h2 a, #colonne-milieu #plandusite .menu_5 h2 a, #colonne-milieu #plandusite .menu_6 h2 a{ 
	background:#fff; }

#colonne-milieu #plandusite .menu_0 li a{ color:#626366; }	
#colonne-milieu #plandusite .menu_1 li a{ color:#ec0300; }
#colonne-milieu #plandusite .menu_2 li a{ color:#f98800; }
#colonne-milieu #plandusite .menu_3 li a{ color:#598a21; }
#colonne-milieu #plandusite .menu_4 li a{ color:#6b017d; }
#colonne-milieu #plandusite .menu_5 li a{ color:#016d7d; }
#colonne-milieu #plandusite .menu_6 li a{ color:#626366; }

#colonne-milieu #plandusite  ul li ul li{ margin:0px 0px 0px 10px; padding:0px 0px 0px 10px; background:url(images/puce.gif) 0px 5px no-repeat; }
#colonne-milieu #plandusite  ul li ul li a{ font-weight:normal; }

#colonne-milieu #plandusite .menu_0 ul li a,#colonne-milieu #plandusite .menu_1 ul li a, #colonne-milieu #plandusite .menu_2 ul li a, #colonne-milieu #plandusite .menu_3 ul li a, #colonne-milieu #plandusite .menu_4 ul li a, #colonne-milieu #plandusite .menu_5 ul li a, #colonne-milieu #plandusite .menu_6 ul li a{ 
	background:#fff; color:#626366; }
	
	
/*************** Pages SITEX *************/
#table-sitex table{ margin-bottom:20px; }
#table-sitex table td, #table-sitex table th{ padding:2px 3px 2px 5px; }
#table-sitex table td strong {font-size:1.1em;}
#table-sitex table caption{ text-align:right; background:#ececda; color:#333333; font-size:1.1em; height:24px; padding:2px; border-bottom:solid 1px #626366; }
#table-sitex table caption img{ float:left; }


/*********** Résultats recherche *********/
strong.search-result{ color:#b20009; font-size:1.1em; font-weight:bold; }
a.search-result,a.search-result:link,a.search-result:hover,a.search-result:visited{ color:#b20009; font-weight:bold; }

/*********** Espace privilege *********/
div.page4 .contenu-up {margin:0px 0px 20px 0px;}
div.page4 .contenu-down {margin:20px 0px 0px 0px;}
div.page4 .alerte-separate {margin-bottom:10px;clear:both;margin:0px 5px 20px 0px}
div.page4 .bloc-info-alerte {float:left;width:360px;margin-bottom:15px}
div.page4 .btn-alerte1 {float:left;margin-right:5px;}
div.page4 #cadre-maj-profil {background-color:#F5E4F4;margin:20px 0;}
div.page4 #cadre-maj-profil div.colonne-droite-privilege-top-long {background: #FFF url(images/colonne-droite-privi-top-long.gif) top no-repeat; height:9px; margin:0px -8px 0px -8px;}
div.page4 #cadre-maj-profil div.colonne-droite-privilege-bot-long {background: #FFF url(images/colonne-droite-privi-bot-long.gif) bottom no-repeat; height:9px; margin:0px -8px 0px -8px;}
div.page4 #cadre-maj-profil .picto-maj-profil {margin:0 0 5px 5px}
div.page4 #cadre-maj-profil .picto-maj-profil a  {float:left;margin:10px 0 0 35px;color:#000000;}
div.page4 #cadre-maj-profil ul li.picto-maj-profil2 {margin:0 0 0 30px;}
div.page4 #cadre-maj-profil ul li.picto-maj-profil2 span {margin:8px 0 0 25px;float:left;}
div#colonne-milieu ul.bloc-error-privilege {margin:20px 0 0 0;}
div#colonne-milieu ul.bloc-error-privilege li {list-style-type:disc;margin: 0 0 10px 0;background:none;}
div.champs-formulaires label.empty,div.champs-formulaires-aide label.empty,div.textearea-formulaires label.empty{width:0px; margin-right:0px; }

/************Greve Avril - Vje ***************/
#greve_avril{background-color:#CC0000; color:#FFFFFF; line-height:1.4em; font-size:1.2em; padding:5px; width:320px; text-align:justify;}
#greve_avril a{color:#FFFFFF;}

/*********** tableau prévisions trafic Grève - Vje*********/
.prevision_trafic {width:65%; margin-bottom:30px; font-size:1.1em; border: solid 2px #CF1919;border-collapse:collapse; }
.prevision_trafic td, .prevision_trafic th{border: solid 1px #CF1919; border-collapse:collapse; padding:2px; text-align:center; width:25%;}
.prevision_trafic td, .prevision_trafic th {line-height:1.6em;}
.texte_important{font-size:1.1em;}

/*Corrections accessiweb 09/12/2009*/
.imgAide {float:right; background:url('images/btn_aide_new.gif') top left no-repeat !important; color:#fff !important; width:49px; height:18px; text-align:center; padding:6px 0 0 10px;}
.imgAide span {background:#ff0000; font-weight:bold;}
.imgAide:hover span {text-decoration:underline;}
.txtAlignRight{text-align:right;}
.smallerTxt{font-size:0.8em}
div.page1 #print a {color:#B20009; background-color:#FEE4DE;}
div.page2 #print a {color:#B20009; background-color:#FCD28B;}
div.page3 #print a {color:#B20009; background-color:#CFDD89;}
div.page4 #print a {color:#B20009; background-color:#F5E4F4;}
div.page5 #print a {color:#B20009; background-color:#E4EFF5;}
div.page0 #print a {color:#B20009; background-color:#E1E4E8;}

/**
 * @section				infos trafic
 */
div#infosTrafic {
	margin:0 0 20px; width:492px;
	background:url(images/home/bg/infos-trafic-content.gif) repeat-y;
}
div#infosTrafic h2 {
	padding:8px 0 8px 50px;
	color:#FFF;background:#e3001a url(images/home/bg/infos-trafic-title.gif) no-repeat;
	font-size:1.6em;font-weight:bold;
}
div#infosTrafic ul li {
	font-size:1.15em;
	list-style:none;
	color:#EC0300;
}
div#infosTrafic ul li a {
	color:#EC0300;
	text-decoration:none;
}
div#infosTrafic ul li a:hover {text-decoration:underline;}

div#infosTrafic .infos {
	margin:10px 30px 0;border-bottom:1px solid #EC0300;padding:0 0 10px;
	list-style:none;
}
div#infosTrafic .infos li {
	padding:0 0 5px 19px;
	background:url(images/home/bg/infos-trafic-thick.gif) no-repeat 0 2px;
}
div#infosTrafic .links {
	padding:0 0 23px 30px;margin:10px 0 0;
	background:url(images/home/bg/infos-trafic-footer.gif) left bottom no-repeat;
}

/**
 * @section				news
 */
div#news {
	margin:0 0 20px;
	background:url(images/home/bg/news-content.gif) repeat-y;
}
div#news h2 {
	padding:8px 0 8px 50px;
	color:#2F2C2C;background:url(images/home/bg/news-title.gif) no-repeat;
	font-size:1.6em;font-weight:bold;
}
div#news ul li {
	font-size:1.15em;
	list-style:none;
	color:#3A3A3A;
}
div#news ul li a {
	color:#3A3A3A;
	text-decoration:none;
}
div#news ul li a:hover {text-decoration:underline;}

div#news .infos {
	margin:10px 30px 0;border-bottom:1px solid #3A3A3A;padding:0 0 10px;
	list-style:none;
}
div#news .infos li {
	padding:0 0 5px 19px;
	background:url(images/home/bg/news-thick.gif) no-repeat 0 2px;
}
div#news .links {
	padding:0 0 23px 30px;margin:10px 0 0;
	background:url(images/home/bg/news-footer.gif) left bottom no-repeat;
}

/**
 * @section				customer
 */
/*#customer {
	width:302px;height:129px;
	margin:0 0 16px;padding-right:10px;
	color:#505150;background:url(images/home/bg/customer-content.gif) no-repeat;
}
#customer h2,
#customer p.important {margin:0 0 5px;padding-left:87px;}
#customer h2 {
	padding-top:8px;
	font-weight:bold;font-size:19px;
}
#customer p {
	margin:0 10px 5px;
	font-size:11px;
}
#customer p.important {
	font-size:12px;font-weight:bold;
}
#customer .tools {
	height:18px;
	padding-left:12px;margin:0;
	list-style:none;
}
#customer .tools li {
	float:left;
	padding-left:37px;
}
#customer .tools li a {
	display:block;
	width:88px;height:16px;
	padding:2px 0 0;
	color:#505150;background:url(images/home/bg/customer-tools-item.gif) no-repeat;
	font-size:12px;
	text-decoration:none;text-align:center;
}
#customer .tools li a:hover {text-decoration:underline;}

*/
/**
 * @section				partenaire
 */
#bloc-partenaire .bg-bloc {
 background:url(images/upload/france-aventure-bg-accueil.jpg) no-repeat;
}


/**
 * @section				pagination recherche
 */
 
div#colonne-milieu .navigation {margin:0 auto; display:inline-block;}
div#colonne-milieu .navigation:after {content: "."; overflow:hidden; display: block; height: 0; clear: both; visibility: hidden;}
div#colonne-milieu .navigation li {float:left; margin:0 3px 0 0; padding:0; background:none;}



/*************************************************************************************************/
/** Easy clearing : si le container ne contient que des blocs flottants **/
/*************************************************************************************************/

ul.inline {margin-bottom: 5px;}
ul.inline li{float:left; margin:0 3px 0 0; padding:0; background:none;}


ul.inline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}

ul.inline {zoom:1;}



/*==============================================================>MAJ ACTI 03/06/2011 - ach + mha */

.global_bloc_atoubus_b1 {
	margin-bottom: -17px;
}

.global_bloc_atoubus_b1:after {
	content: "."; overflow:hidden; display: block; 
	height: 0; clear: both; visibility: hidden;
}

.top_bloc_atoubus_b1 { 
	padding: 3px 0 20px;
	border:1px solid #7b2e3e;
	border-bottom:1px solid #fff;
	background:#fff;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url("PIE.htc");
}

.top_bloc_atoubus_b1 p {
	margin:0 auto; width:250px;
	color:#e3001a;
	text-align:left;
}

.top_bloc_atoubus_b1 p a {
	color:#e3001a;
	font-weight:bold;
}

.left_bloc_atoubus_b1 {
	float:left;
	width:157px; margin:-16px 0 0;
	border-right:1px solid #fff;
}

.right_bloc_atoubus_b1 {
	float:right;
	width:156px; margin:-16px 0 0;
}

.bloc_rouge_b1 {
	padding:10px 9px 10px 10px; margin:0 0 1px;
	background:#e3001a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url("PIE.htc");
}

#mon_itineraire_b1 {
	height:25em;
}

#mon_itineraire_b1 h2 { 
	padding:5px 0 5px 32px; margin:0 0 9px 0;
	color:#fff; background:url("images/h2-monitineraire.gif") left center no-repeat;
	font-size:1.4em;
}

#cartographie_b1 {
	height:13em;
}

#cartographie_b1 h2 { 
	padding:0 0 0 32px; margin:0 0 9px 0;
	color:#fff; background:url("images/h2-carto.png") left center no-repeat;
	font-size:1.4em;
}

#cartographie_b1 h2 span {
	font-size:0.7em;
}

#mon_horaire_b1 {
	height:38em; padding:10px 10px 31px 10px;
	background:#e3001a url("images/skateur.gif") bottom right no-repeat;
}

#mon_horaire_b1 h2 { 
	padding:5px 0 5px 32px; margin:0 0 9px 0;
	color:#fff; background:url("images/h2-monhoraire1.gif") left center no-repeat;
	font-size:1.4em;
}

.bloc_ptt_blanc_b1 {
	padding:5px; margin: 0 0 7px;
	background:#fff; color:#7b2e3e;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url("PIE.htc");
}

.bloc_ptt_blanc_b1 p,
.bloc_ptt_blanc_b1 h3{
	margin:0;
}

.bloc_ptt_blanc_b1 h3{
	font-size:1em;
}

.bloc_liens_b1 {
	width:142px; margin-left:-5px;
}

.bloc_ptt_rouge_b1, .bloc_ptt_rouge_b1:link, .bloc_ptt_rouge_b1:visited {
	display:inline-block; position:relative;
	padding:5px; width:56px; margin:0 0 0 5px;
	background:#b20009; color:#fff;
	text-align:center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url("PIE.htc");
}

.global_bloc_atoubus_b1 .bloc-rouge-bouton {margin:10px 0;}
.horaire_bloc_atoubus_b1{
	margin-bottom : 10px;
	margin-left: 4px;
}

div#colonne-milieu fieldset.b1{margin:30px 0;}
div#colonne-milieu fieldset.b1 legend {background:#EC0300; padding: 5px;color:#FFF ; font-size:1.2em;}

#home-mon-itineraire_b1 label, #mon_horaire_b1 label{ color:#FFFFFF; display:block; margin:8px 0px 6px 0px;padding:0px 0px 0px 15px; background:url("images/puce-bloc-rouge.gif") left no-repeat; }
#home-mon-itineraire_b1 input, #home-mon-itineraire_b1 select, #mon_horaire_b1 select, #mon_horaire_b1 input{ background:#b20009; color:#FFFFFF; border:solid 1px #fff; border-bottom:solid 1px #808080; border-right:solid 1px #808080; padding:0 0 0 0.1em; width:10em; }
#home-mon-itineraire_b1 select option, #mon_horaire_b1 select option, #home-mon-itineraire_b1 select optgroup, #mon_horaire_b1 select optgroup{margin:0; padding:0; text-indent:0; }

/*==============================================================>MISCELLANEOUS*/
h2.block_h2_b1 {color:#FFFFFF; font-size:12pt; padding:0px; margin:0px;}
h3.block_h3_b1 {color:#FFFFFF; font-size:9pt; padding:0px; margin:0px;}


