/*--------------------------
----- CSS Pages filles -----
----------------------------*/

.pageInside {
    background: #fff url('../../img/default/Page/background.png') repeat-y left top;
}

.leftColumn {
	float:	left;
    margin-left: 1px;
    margin-top: 12px;
    padding-bottom: 20px;
	width: 682px;
}

.rightColumn {
    background-color: #e0e6f6;
	float: right;
	padding: 20px 12px;
	width: 222px;
}

.contenu {
    background-color: #FFF;
    margin-top: 40px;
    min-height: 500px;
}


/*--------------------------
-------- Navigation --------
----------------------------*/

/* Fil d'Ariane */

#navigation {
    line-height: 18px;
    margin: 10px 0px 8px 12px;
}

#navigation, #navigation a {
    color: #000;
}

#navigation a:hover {
    color: #003f7d;
    text-decoration: underline;
}

/* Retour haut de page */

.gotop {
    margin-top: 30px;
}

.haut {
    background: transparent url('./../../img/default/Page/haut.png') no-repeat 0px bottom;
    padding-left: 20px;
    float: right;
}

.gotop a {
    color: #003f7d;
}


/*--------------------------
----- Liens de partage -----
----------------------------*/

#sharedLinks {
    float: right;
    margin-bottom: 10px;
    margin-left: 12px;
}

#sharedLinks li {
    display: inline-block;
    list-style: none;
    margin-left: 5px;
    font-size: 100%;
    color: #000;
}

#sharedLinks li.sep.share {
    vertical-align: 2px;
    border: 0px;
}

#sharedLinks li img {
    vertical-align: text-bottom;
}


/*--------------------------
------ Titres & Textes -----
----------------------------*/

.leftColumn .h1 {
    /*background: #fff url('../../img/default/Page/pictoH1.png') no-repeat left 4px;*/
    height: auto;
    margin-left: 4px;
}

.leftColumn h1 {
    border-bottom: 2px solid #afcb08;
    font-size: 160%;
    font-weight: bold;
    margin-left: 30px;
    padding: 2px 0px 4px 18px;
    text-transform: uppercase;
}

.leftColumn h2 {
    color: #000;
    font-size: 140%;
    font-weight: bold;
}

.leftColumn h3 {
    color: #000;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}

.leftColumn p {
    color: #003f7d;
    font-size: 100%;
    line-height: 18px;
    margin-bottom: 14px;
}

.leftColumn p.legende {
    font-size: 90%;
    margin-top: 30px;
}

.leftColumn p.error {
    background: #fff url('../../img/default/Page/erreur.png') no-repeat 10px center;
    border: solid 1px #e10000;
    margin-bottom: 14px;
    padding: 20px 20px 20px 40px;
    text-align: left;
}

.leftColumn p.success {
    background: #fff url('../../img/default/Page/succes.png') no-repeat 10px center;
    border: solid 1px #39791f;
    margin-bottom: 14px;
    margin-left: 2px;
    padding: 20px 20px 20px 40px;
    text-align: left;
}


/*--------------------------
----- Bloc Infos Trafic ----
----------------------------*/

.infosTrafic {
    margin-bottom: 20px;
}

.infosTraficInside {
	background: #fff url('../../img/default/Page/actuFille2.png') repeat-y left top;
    color: #003f7d;
    line-height: 18px;
	padding: 0px 14px;
}

.infosTraficInside a {
    color: #000;
}

.infosTraficInside h2,
.infosTraficInside .h2 {
	border-bottom: solid 1px #000;
    color: #000;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 4px;
}

.infosTraficInside .perts {
    margin-top: 20px;
}

.infosTraficInside .perts ul li {
    padding-bottom: 16px;
}

.infosTraficInside .perts ul li.pert1 {
    background: #fff url('../../img/default/Home/pert1.png') no-repeat left top;
}

.infosTraficInside .perts ul li.pert2 {
    background: #fff url('../../img/default/Home/pert2.png') no-repeat left top;
}

.infosTraficInside h3,
.infosTraficInside .h3 {
    font-weight: bold;
    padding-left: 40px;
}

.infosTraficInside .periode {
    font-style: italic;
    margin-top: 12px;
}

.infosTraficInside .all {
    clear: both;
    font-weight: bold;
    text-align: right;
}


/*--------------------------
----- Bloc Actualités ------
----------------------------*/

.actualites {
	margin-bottom: 10px;
}

.actualitesInside {
	background: #fff url('../../img/default/Page/actuFille2.png') repeat-y left top;
    color: #003f7d;
    line-height: 18px;
	padding: 0px 14px;
}

.actualitesInside .actus {
    margin-top: 10px;
}

.actualitesInside a {
    color: #003f7d;
}

.actualitesInside h2,
.actualitesInside .h2 {
	border-bottom: solid 1px #000;
    color: #000;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 4px;
}

.actualitesInside .titreactu {
    font-style: italic;
    margin-bottom: 4px;
}

.actualitesInside h3 a,
.actualitesInside .h3 a {
    font-style: normal;
}

.actualitesInside li {
    padding-bottom: 14px;
}

.actualitesInside .actus img.cm_floatLeft,
.actualitesInside .actus div.cm_floatLeft img {
    margin-right: 8px;
    margin-top: 3px;
}

.actualitesInside .actus img.cm_floatRight,
.actualitesInside .actus div.cm_floatRight img {
    margin: 3px 0px 10px 10px;
}

.actualitesInside .actus img.cm_floatLeft,
.actualitesInside .actus div.cm_floatLeft img,
.actualitesInside .actus img.cm_floatRight,
.actualitesInside .actus div.cm_floatRight img {
    max-width: 80px;
}

.actualitesInside .all {
    clear: both;
    font-weight: bold;
    margin-top: 6px;
    text-align: right;
}



/*--------------------------
------ Bloc Horaires -------
----------------------------*/

.horaires {
	background: #e0e6f6 url('../../img/default/Page/accesHorairesFille.png') no-repeat left top;
	height: 163px;
	margin-bottom: 20px;
    padding-top: 24px;
	width: 222px;
}

.horaires h2,
.horaires .h2 {
	color: #fff;
	font-family: "Trebuchet MS", Arial;
	font-size: 110%;
	font-weight: bold;
	margin: 0px 12px 46px 12px;
	text-transform: uppercase;
}

.horaires h2 a {
	color: #fff;
	text-decoration: none;
}

.horaires select {
    border: solid 1px #a09561;
    font-family: 'Trebuchet MS', Arial;
    font-size: 100%;
    height: 28px;
    margin-left: 12px;
    padding: 4px;
    width: 156px;
}

.horaires input[type="image"] {
    float: right;
    margin-right: 8px;
}


/*--------------------------
----- Module evenement -----
----------------------------*/

/* Affichage de la liste des actualites */

.evenementListe {
    background-color: #FFF;
    color: #003f7d;
    line-height: 18px;
    padding: 20px 0px 0px 0px;
}

.evenementListe ul.thmactualite li {
    background-color: #fbfbfb;
    clear: both;
    list-style-type: none;
    margin-bottom: 10px;
    padding: 14px 24px;
}

.evenementListe .thmactualite h2 {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 12px;
}

.evenementListe .thmactualite h2 a {
    color: #000;
}

.evenementListe .readmore {
    margin-top: 8px;
}

.evenementListe .readmore a {
    color: #003f7d;
}

.evenementListe .cm_floatLeft img,
.evenementListe img.cm_floatLeft {
    max-width: 100px;
}

.evenementListe .cm_category {
    color: #003f7d;
    font-weight: bold;
}

.evenementListe .contenuadm {
    margin-top: 20px;
}


/* Affichage d'une actualite */

.evenementDetail {
    background-color: #FFF;
    color: #003f7d;
    line-height: 18px;
    padding: 20px 0px 0px 2px;
}

.evenementDetail #goback {
    clear: both;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: right;
}

.evenementDetail #goback a {
    color: #003f7d;
}

.evenementDetail h2 {
    color: #000;
    font-size: 140%;
    font-weight: bold;
}

.evenementDetail .cm_floatLeft img,
.evenementDetail img.cm_floatLeft {
    max-width: 200px;
}

.evenementDetail .cm_category {
    color: #003f7d;
    font-weight: bold;
}

.evenementDetail .contenuadm {
    margin-top: 20px;
}


/*--------------------------
--- Module perturbation ----
----------------------------*/

/* Affichage de la liste des perturbations */

.perturbations {
    background-color: #FFF;
    color: #003f7d;
    line-height: 18px;
    padding: 20px 0px 0px 0px;
}

.perturbations p:first-child {
    color: #000;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 24px;
}

.perturbations ul.pert li {
    background-color: #fbfbfb;
    clear: both;
    list-style-type: none;
    margin-bottom: 10px;
    padding: 14px 24px;
}

.perturbations h2 {
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 2px;
}

.perturbations .cm_savoirPlus a,
.perturbations .cm_savoirPlus {
    background-color: #fbfbfb;
    color: #003f7d;
    margin-top: 10px;
    padding: 0;
}

.perturbations .pert p {
    margin-top: 10px;
}

.perturbations .cm_category {
    font-weight: bold;
}

/* Affichage d'une perturbation */

.perturbation {
    background-color: #FFF;
    color: #003f7d;
    line-height: 18px;
    padding: 20px 0px 0px 2px;
}

.perturbation #goback {
    clear: both;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: right;
}

.perturbation #goback a {
    color: #003f7d;
}

.perturbation h2 {
    color: #000;
    font-size: 140%;
    font-weight: bold;
}

.perturbation .cm_floatLeft img,
.perturbation img.cm_floatLeft {
    max-width: 200px;
}

.perturbation .cm_category {
    color: #003f7d;
    font-weight: bold;
}

.perturbation .contenuadm {
    margin-top: 20px;
}


/*--------------------------
-- Module espace membres ---
----------------------------*/

#espacemembre {
    line-height: 18px;
}

/* Avec Menu de navigation*/
#espacemembre {
    color: #003f7d;
   	float: left;
}
.menuEspacemembre {
    margin-bottom: 40px;
}
.menuEspacemembre p span {
    font-weight: bold;
}
.menuEspacemembre li {
    background: transparent url('./../../img/default/Page/puceTexte.png') no-repeat 0 0;
	list-style-type: none;
    margin: 10px 20px;
    padding-left: 20px;
}
.menuEspacemembre li a {
    color: #003f7d;
}
#espacemembre ul {
    display: inline-block;
    margin-bottom: 30px;
}
#espacemembre ul > li:first-child {
    margin-left: 0px;
}
#espacemembre li {
	list-style-type: none;
}
#espacemembre h2 {
    clear: both;
    margin-bottom: 10px;
}
#espacemembre .disablealertslink {
    margin: 10px 0;
}
#espacemembre .enligne li {
    display: inline;
	float:left;
	margin-right:10px;
}
#espacemembre .typeAlerte .spacefield {
    padding: 0;
	width:410px;
}
#espacemembre .checkbox input {
	margin-left:202px;
}
#espacemembre .checkbox label {
    margin-top: 3px;
    text-align: left;
    width: 390px;
}
#espacemembre .modes .label {
    width: 198px;
}
#espacemembre #back {
    margin-bottom: 40px;
}
#espacemembre #delete .submit {
    float: none;
    margin-left: 0px;
/*    margin-left: 175px;*/
}

#espacemembre .favorisalertes {
    color: #003f7d;
    margin-top: 30px;    
}

/* inscription */
#espacemembre .content {
    width: 490px;
}
#espacemembre input {
	border: 1px solid #afcb08;
    color: #003f7d;
    width: 310px;
    font-family: Arial;
    font-size: 100%;
    margin-top: 4px;
    padding: 6px 4px;
    height: 15px;
    line-height: 15px;
    width: 275px;
}
#espacemembre select {
	border: 1px solid #afcb08;
    color: #003f7d;
    padding: 4px;
}
#espacemembre label {
	float: left;
    margin-top: 12px;
    padding-right: 5px;
    text-align: right;
    width: 30%;
}
#espacemembre input[type="checkbox"] {
    border: none;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
#espacemembre .checkbox {
    margin-top:15px;
    display: block;
    float:left;
    width: 620px;
}
#espacemembre .checkbox label {
	float:none;
}
#espacemembre .checkbox input {
	float:none;
    margin-left:202px;
    vertical-align: middle;
    width: auto;
}
#espacemembre .modes {
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 201px;
    display: block;
    float:left;
    width:649px;
}
#espacemembre .modes .label {
	float:left;
    margin-left:0px;
    text-align:right;
    width:308px;
}
#espacemembre .modes label {
	float:none;
    width:auto;
}
#espacemembre .modes input {
	float:none;
    width:auto;
}

#espacemembre .obligatoire {
	font-weight: bold;
}

#espacemembre .obligatoirenotice {
    float:right;
    font-size: 87%;
    padding: 5px 0px;
    margin-bottom: 10px;
}
#espacemembre legend {
    display:none;
}
#espacemembre .spacefield {
    padding: 2px 4px;
    width: 649px;
    float:left;
}
#espacemembre .submit input {
    background-color: #003f7d;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0px 30px;
    transition: background-color 0.2s linear 0s;
    width: auto;
}
#espacemembre .submit input:hover,
#espacemembre .submit input:focus,
#espacemembre .submit input:active {
    background-color: #afcb08;
    color: #000;
}
#espacemembre .submit {
    float:right;
    margin: 10px 0px 40px 201px;
}

/* Connexion */
#espacemembre #login  {
	margin-bottom:40px;
}
#espacemembre #login .checkbox {
	width:485px;
}
#espacemembre #login .checkbox a {
	margin-left:200px;
}
#espacemembre #login .checkbox input {
	margin-left:200px;
}
#espacemembre #login .submit {
    clear: both;
    float: none;
	margin: 10px 0px;
    text-align: right;
    width: 490px;
}

/* Oubli du mot de passe */
#espacemembre #pass .obligatoirenotice {
	margin-right:4px;
}
#espacemembre #pass .forgot label {
    width: 40%;    
}
#espacemembre #pass .submit {
	margin-right:2px;
}

/* gestion */

#espacemembre .nav li {
    display: inline;
	list-style-type: none;
    margin: 0px 20px;
}
#espacemembre .nav li a {
    color: #000;
}
#espacemembre .nav li .middle {
    vertical-align: top;
}
#espacemembre #my_alerts fieldset {
    background-color: #fbfbfb;
    padding: 20px;
    margin-bottom: 20px;
}
#espacemembre #my_alerts h2 {
    margin-bottom: 10px;
}
#espacemembre #my_alerts .text {
    margin-bottom: 6px;
}
#espacemembre #my_alerts input[type="checkbox"] {
    margin-left: 0;
    width: auto;
}
#espacemembre #my_alerts .checkbox {
    margin-top: 0px;
}
#espacemembre #my_alerts .checkbox input[type="checkbox"] {
    margin-left: 8px;
}
#espacemembre #my_alerts label {
    float: none;
}
#espacemembre #my_alerts .usr_tel {
    margin-bottom: 6px;
}
#espacemembre #my_alerts ul.dayType {
    margin-bottom: 0px;
    margin-top: 8px;
}
#espacemembre #my_alerts .dayType li {
    display: inline-block;
    line-height: 12px;
    padding-right: 20px;
    vertical-align: middle;
}
#espacemembre #my_alerts .groupLines .listLine {
    margin-left: 10px;
}
#espacemembre #my_alerts .groupLines ul.listLine {
    margin-bottom: 0px;
}
#espacemembre #my_alerts .groupLines .listLine input[type="checkbox"] {
    margin-top: 2px;
}


/*--------------------------
--- Module présentation ----
----------------------------*/

.contenuadmin {
    background-color: #FFF;
    padding-left: 32px;
    padding-top: 20px;
}

.contenuadmin div.contenuadm .contenuadm {
    padding: 10px 0px;
    background-color: #FFF;
    clear: both;
}

.contenuadmin div.contenuadm .contenuadm p {
    line-height: 18px;
    margin: 12px 0;
}

.contenuadmin div.contenuadm .contenuadm li {
    color: #003f7d;
    line-height: 18px;
}


.contenuadmin ul#thm.thm {
    margin-top: 2px;
}

.contenuadmin ul#thm.thm h2 {
    border-bottom: 1px solid #e9eae9;
    font-size: 100%;
    line-height: 28px;
}

.contenuadmin ul#thm.thm li:first-child {
    border-top: 1px solid #e9eae9;
}

.contenuadmin ul#thm.thm h2 a {
    text-decoration: none;
}

.contenuadmin ul#thm.thm h2:hover,
.contenuadmin ul#thm.thm h2:focus,
.contenuadmin ul#thm.thm h2:active {
    background-color: #afcb08;
}

.contenuadmin ul#thm.thm li {
    list-style-type: none;
    background-color: #FFF;
}

.contenuadmin div.contenuadm {
    background-color: #FFF;
}    


/* End CR */




.printdate
{
    display: none;
}


.obligatoire
{
    font-weight: bold;
}

.obligatoire span
{
    color: #afcB08;
}

/* Menu droite */

#content .affmenuD
{
    float: left;
    width: 683px;
    margin-right: 10px;
    background: transparent url('./../../img/default/Page/FiletDegrade.png') repeat-y right 0;
}

#content #menudroite
{
    float: right;
    width: 247px;
}

#content #menudroite #trajets
{
    background-color: #EBEBEB;
    padding: 6px;
}

#content div#menudroite div#trajets div.titre h2
{
    margin: 0;
}

#content #menudroite #trajets .title
{
    color: #000;
}

#content #menudroite #trajets .title a
{
    font-size: 120%;
    color: #000;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-top: 10px;
}

#content #menudroite #trajets legend
{
    display: none;
}

#content #menudroite #trajets .point
{
    margin: 10px 0px;
}

#content #menudroite #trajets .point label
{
    display: block;
    font-weight: bold;
    float: left;
    width: 60px;
}

#content #menudroite #trajets .point input
{
    border: 1px solid #00854B;
    width: 166px;
}

#content div#menudroite #trajets #selectDate.selectDate select#laDate
{
    width: 160px;
}

#content #menudroite #trajets .point .inputValue
{
    font-size: 90%;
    margin-left: 66px;
}

#content #menudroite #trajets .selectDate label
{
    font-weight: bold;
}

#content #menudroite #trajets .laDate .label, #content #menudroite #trajets .laDate .selectHour label, #content #menudroite #trajets .laDate .selectMinute label
{
    display: none;
}

#content #menudroite #trajets .laDate .selectTypeDate, #content #menudroite #trajets .laDate .selectHour, #content #menudroite #trajets .laDate .selectMinute
{
    float: left;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

#content #menudroite #trajets .laDate .selectHour, #content #menudroite #trajets .laDate .selectMinute
{
    margin-top: 20px;
}

#content #menudroite #trajets .avance input
{
    background: transparent;
    border: 0px;
    width: auto;
    color: #00854B;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

#content #menudroite #trajets .submit
{
    margin: 5px;
}

#content #menudroite #trajets .submit input, #content .submit input, #content input.submit, #content .submit a, #content a.submit, #content ul.enligne li.button a
{
    width: auto;
    padding: 4px 8px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    background-color: #18863A;
    border: 1px solid #18863A;
    text-decoration: none;
    font-family: Arial;
    float: right;
}

#content #menudroite #trajets .submit input:hover, #content .submit input:hover, #content input.submit:hover, #content .submit a:hover, #content a.submit:hover, #content ul.enligne li.button a:hover
{
    background-color: #68B03D;
    border: 1px solid #68B03D;
}

#content #espacemembre div.contentNav div.userSelection ul li
{
    border-bottom: 1px solid #BBB;
    padding-bottom: 8px;
    margin-right: 8px;
}

#content #menudroite #trajets .submit input:hover, #content .submit input:hover, #content input.submit:hover, #content .submit A:hover, #content A.submit:hover, #content .submitSec a:hover, #content a.submitSec:hover
{
    background-color: #68B03D;
    border: 1px solid #68B03D;
    color: #FFF;
}


/* liste thème/pages */

#content ul.thm li
{
    list-style: none;
    margin-left: 20px;
}

#content ul.thm li h2
{
    background-image: none;
}

#content ul.thm li a
{
    color: #000;
}

/* Réduire bloc */

#content .hide
{
    min-height: 20px;
}

#content .hide .titre
{
    border-bottom: 0px;
    padding: 2px 10px;
    border-bottom: 1px solid #E7E7E8;
}

#content .hide .content, #content #tabs #maplegend.hide .content
{
    display: none;
}

#content .rool .titre
{
    padding: 2px 10px;
    border-bottom: 1px solid #E7E7E8;
}

#content .rool .titre h2
{
    background-image: none;
}

#content .rool .titre:hover
{
    cursor: pointer;
    background-color: #FFF;
}

/* Bouton Afficher / Masquer */

#content .btOnOff
{
    float: left;
    margin-right: 3px;
    padding: 1px;
}

/* Bloc */

#content .bloc
{
    background-color: #F0F1F3; /*margin-bottom: 15px;*/
}

#content .bloc .title, #content .bloc .titre
{
    background: #F0F1F3 url(./../../img/default/Picto/puceTitre.png) no-repeat 10px 10px;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 6px 6px 0px 16px;
}

#content div div.contenu div#tabs.ui-tabs div#LINEcarto.ui-tabs-panel div#Carto div#CartoMap.PlanGoogle div.content div#mapLegend.bloc div.titre
{
    background: none;
}

#content div div.contenu div#Carto.cartoright div#mapLegend.bloc div.titre, #content div div.contenu div#tabs.ui-tabs div#STOPcarto.ui-tabs-panel div#Carto div#mapLegend.bloc div.titre
{
    background: none;
    padding: 4px 6px;
}

#content .bloc .title h2, #content .bloc .titre h2
{
    margin-top: 0px;
    padding-left: 15px;
}

#content .bloc .content
{
    padding: 15px;
}

#content .obligatoirenotice
{
    margin-bottom: 12px;
}

#content .obligatoire span, #content .obligatoirenotice span, #content span.obligatoire, #content span.obligatoirenotice
{
    color: #00854B;
}

#content .selectDate img
{
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
}

#content .submitSec a, #content a.submitSec
{
    background-color: #DADCDB;
    border: 1px solid #9D9799;
    width: auto;
    padding: 3px 10px;
    color: #00854B;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    text-align: right;
}

/* Onglets */

#content .nav
{
    margin: 0px;
    padding: 0px;
    min-height: 32px;
}

#content .nav ul:after
{
    clear: both;
    display: table;
}

#content .nav ul li
{
    display: block;
    float: left;
    font-family: Arial, sans-serif;
    border: 1px solid #70BA41;
    background: #FFF url('./../../img/default/Page/degradeTab.jpg') repeat-x scroll 0 0;
    color: #000;
    font-weight: bold;
    padding-bottom: 1px;
    margin-right: 2px;
    border-bottom: 0px;
}

#content .nav ul li:hover
{
    border-left: 1px solid #00854B;
    border-right: 1px solid #00854B;
    border-top: 1px solid #00854B;
}

#content .nav ul li.selected
{
    border: 1px solid #70BA41;
    border-bottom: 0px;
    color: #000;
    background: none;
    background-color: #99D573;
}

#content .nav li a
{
    float: left;
    padding: 0.5em 1.5em;
    text-decoration: none;
    color: #000;
}

#content .nav ul li.selected a
{
    color: #000;
    margin-bottom: 2px;
}

#content .nav ul li.noTabs
{
    font-family: Arial, sans-serif;
    border: none;
    background: transparent;
}

#content .contentNav
{
    border: 1px solid #70BA41;
    background-color: #FFF;
    padding: 5px;
}

/* Pictos des lignes */

.pictoline
{
    border: 1px solid #00854B;
    padding: 1px 2px;
    font-weight: normal;
    background-color: #FFF;
}

/* TOOLS */

.goatTools
{
    margin-bottom: 15px;
}

.tools
{
    float: left;
    width: 250px;
}

.tools .goatTools
{
    margin-left: 20px;
}

#goatSelection .goatTools
{
    margin: 10px 0px 5px 0px;
}

#goatTools li, .goatTools li
{
    display: inline;
    margin-right: 10px;
}

.tools #goatTools li, .tools .goatTools li
{
    display: list-item;
    font-weight: bold;
}

/* Formulaire de listes d'arrêts / lieux publics (pointlist) */

#content div.retourform
{
    float: right;
}

form#popuplist fieldset, form#popuplist fieldset
{
    margin: 0px;
}

form#popuplist legend, form#popuplist legend
{
    display: none;
}

form#popuplist fieldset .content
{
    background-color: #FFF;
    color: #000;
    border: 1px solid #EEE;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
}

form#popuplist fieldset DIV.bottom_left, form#popuplist fieldset DIV.bottom_right
{
    background-color: #FFF;
    background-repeat: no-repeat;
    width: 19px;
    padding: 0px;
}

form#popuplist .formSubmit, form#popuplist .formSubmit
{
    width: auto;
}

form#popuplist .alphabeticlist, form#popuplist .alphabeticlist
{
    text-align: center;
    color: #000;
    font-size: 92%;
}

form#popuplist .alphabeticlist ul, form#popuplist .alphabeticlist ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

form#popuplist .alphabeticlist li, form#popuplist .alphabeticlist li
{
    display: inline;
    background-image: none;
    padding: 0px;
}

form#popuplist .alphabeticlist span, form#popuplist .alphabeticlist span
{
    font-weight: bold;
    color: #e36929;
    font-size: 100%;
}

#content #popuplist .formlist, #popuplist .formlist
{
    border: #d9dadb 1px solid;
    position: relative;
    height: 300px;
    z-index: 1;
    overflow: auto;
    margin: 10px 10px 0px 10px;
    padding: 4px;
}

#content #popuplist .formlist ul, #popuplist .formlist ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#content #popuplist .formlist li, #popuplist .formlist li
{
    background-image: none;
    padding-left: 20px;
    margin: 4px 0px 4px 5px;
}

#content #popuplist .formlist .listPoint
{
    margin-left: 3em;
}

#content #popuplist .formlist .locality
{
    font-weight: bold;
    margin-top: 5px;
    margin-left: 1.5em;
}

#content #popuplist .formlist .departement
{
    color: #AAD951;
    font-weight: bold;
    font-size: 105%;
}

#content #popuplist .formlist .listLocality
{
    margin-bottom: 10px;
}

/* Infobulle HELP */

div.contentinfobulle
{
    float: right;
    margin-top: 10px;
}

.infobulle
{
    position: relative;
    text-decoration: none;
    border: 0px;
    cursor: help;
}

a.infobulle
{
    float: right;
    margin-top: 3px;
    margin-right: 10px;
}

.infobulle span
{
    color: #000;
    display: none; /* on masque l'infobulle */
    font-weight: normal;
    width: 0px;
}

.infobulle:hover
{
    background: none; /* correction d'un bug IE */
}

.infobulle:hover span
{
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
    background-color: #FFFFC6;
    width: 170px;
    padding: 3px;
    border: 1px solid #C6C6C6;
}