/**
 * Feuille de styles dédiés aux nouvelles pages de Tan.fr
 * Réalisé par SQLI
 */

/* Divers */
#contenu_full_width br.clear { clear: both; font-size: 0; margin: 0; padding: 0; }
#contenu_full_width .a-left { text-align: left !important; }
#contenu_full_width .a-center { text-align: center !important; }
#contenu_full_width .a-right { text-align: right !important; }
#contenu_full_width .f-left { float: left !important; }
#contenu_full_width .f-right { float: right !important; }
#contenu_full_width .no-background { background: none !important; }
#contenu_full_width .no-padding { padding: 0 !important; }
#contenu_full_width .no-margin { margin: 0 !important; }
#contenu_full_width .no-text { text-indent: -500em !important; overflow: hidden !important; }
#contenu_full_width .no-clear { clear: none !important; }
#contenu_full_width .no-display { display: none; }

#contenu_full_width .txt-rose { color: #e085bf; }
#contenu_full_width .txt-vert { color: #85c285; }
#contenu_full_width .txt-bleu { color: #85a3c2; }
#contenu_full_width .txt-jaune { color: #e7bc27; }
#contenu_full_width .blue { color: #004350; }

#contenu_full_width ul { list-style-type: none !important; }

/* Info message */
p.note {
    font-style: italic;
    color: #999;
    padding: 0 !important;
}

p.info {
    background: url(../images/icon_info.png) no-repeat top left;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    color: #004350;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 0 12px !important;
    padding: 0 0 0 30px !important;
}

/* Icone type accessible */
.accessible {
    background: url(../images/icon_accessibilite.png) no-repeat right top;
    padding-right: 18px;
    line-height: 12px;
    vertical-align: middle;
}

/* Horizontal loader */
.horizontal-loader, .horizontal-loader-retour {
    display: none;
    text-align: center;
    color: #004350;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Colonnage */
#contenu_full_width .col2-set {
    overflow: hidden;
    clear: both;
}

#contenu_full_width .col2-set .col1 {
    float: left;
    width: 45%;
}

#contenu_full_width .col2-set .col2 {
    float: right;
    width: 54%;
}

#contenu_full_width .col3-set {
    overflow: hidden;
    clear: both;
}

#contenu_full_width .col3-set .col1 {
    float: left;
    width: 35%;
}

#contenu_full_width .col3-set .col2 {
    float: left;
    width: 45%;
}

#contenu_full_width .col3-set .col3 {
    float: right;
    width: 20%;
}

#contenu_full_width .col3-set .col3 a.print,
#contenu_full_width .col3-set .col3 a.print:link,
#contenu_full_width .col3-set .col3 a.print:visited {
    margin: 0 15px 0 0;
}

#contenu_full_width .col3-set .col2-set {
    clear: none !important;
}

#contenu_full_width .col3-set .col2-set .col1 {
    width: 50%;
}

#contenu_full_width .col3-set .col2-set .col2 {
    width: 50%;
}

#contenu_full_width .all-on-the-same-line .col3-set {
}

#contenu_full_width .all-on-the-same-line .col3-set .col1 {
    width: 35%;
}

#contenu_full_width .all-on-the-same-line .col3-set .col2 {
    width: 55%;
}

#contenu_full_width .all-on-the-same-line .col3-set .col3 {
    width: 10%;
}

#contenu_full_width .all-on-the-same-line .col3-set .col2-set {
}

#contenu_full_width .all-on-the-same-line .col3-set .col2-set .col1,
#contenu_full_width .all-on-the-same-line .col3-set .col2-set .col2 {
    width: 100px;
    margin-left: 10px;
    margin-top: 15px;
}

#contenu_full_width a,
#contenu_full_width a:link,
#contenu_full_width a:visited,
#contenu_full_width a:active,
#contenu_full_width a:focus {
    outline: none !important;
}

#contenu_full_width a.button:focus,
#contenu_full_width a.inactive_button:focus {
    background-color: transparent !important;
}

#contenu_full_width a.print,
#contenu_full_width a.print:link,
#contenu_full_width a.print:visited {
    display: block;
    height: 27px;
    width: 28px;
    line-height: 27px;
    vertical-align: middle;
    background: url(../images/bg_link_print.png) no-repeat top left !important;
    text-decoration: none;
}

/* Lien bouton */
#contenu_full_width a.button,
#contenu_full_width a.button:link,
#contenu_full_width a.button:visited,
div#contenu_full_width a.inactive_button,
div#contenu_full_width a.inactive_button:link,
div#contenu_full_width a.inactive_button:visited {
    display:-moz-inline-stack;
    display:inline-block;
    border:0;
    background: transparent url(../images/bg_btn.png) no-repeat top right;
    background-position:0 0;
    height: 19px;
    line-height: 19px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #004350;
    padding:0 0px 0 11px;
    margin:0;
}

#contenu_full_width a.button span,
div#contenu_full_width a.inactive_button span {
    padding:0 11px 0 0px;
    color:#004350;
    background: transparent url(../images/bg_btn.png) no-repeat top right;
    background-position:100% 0;
    display:-moz-inline-block;
    display:inline-block;
    white-space:nowrap;
    height: 19px;
    font-size: 11px;
    font-weight: bold;
    color: #004350;
}

#contenu_full_width a.button:hover {
    background-position: 0 50%;
}

#contenu_full_width a.button:hover span {
    background-position: 100% 50%;
}

div#contenu_full_width a.inactive_button {
    background-position: 0 100% !important;
    cursor: default;
}

div#contenu_full_width a.inactive_button span {
    background-position: 100% 100%;
    cursor: default;
}

#contenu_full_width span.loader {
    display: none;
    line-height: 14px;
    vertical-align: middle;
}

#contenu_full_width {
    float: left;
    font-size: 1.1em;
    margin: 0;
    min-height: 300px;
    padding: 10px 31px 50px 20px;
    width: 714px;
}

#contenu_full_width p#fil_ariane {
    margin: 0.3em 183px 1em 0;
}

#contenu_full_width div#contenu_deco1,
#contenu_full_width div#contenu_deco2 {
    background: none;
    width: 714px;
}

#contenu_full_width h2 {
    background-image: url(../images/bg_titre_container.png);
    margin: 0;
}

/* Container standard : titre + contenu gris dégradé, pas de séparation après le titre */
#contenu_full_width div.container_standard {
    background: url(../images/bg_container_standard_top.png) no-repeat top left;
    margin-bottom: 10px;
}

#contenu_full_width div.container_standard div.container_standard_inner {
    background: url(../images/bg_container_standard_bottom.png) no-repeat bottom left;
    padding: 15px 0 0;
    color: #004350;
    font-size: 11px;
}

#contenu_full_width div.container_standard div.container_standard_inner p {
    padding: 0 15px;
    margin: 0;
}

/* Contenu standard avec une image-lien seulement : titre avec espacement avant contenu + image lien */
#contenu_full_width div.visual-only {
    background: none;
}

#contenu_full_width div.visual-only div.container_standard_inner {
    margin: 3px 0 0 0;
    padding: 0;
}

/* Container en one-column : float left + margin dédié */
#contenu_full_width div.one-column {
    float: left;
    width: 218px;
    margin-right: 30px;
}

#contenu_full_width div.last-column {
    margin: 0;
}

#contenu_full_width div.one-column h2 {
    background-image: url(../images/bg_titre_container_1col.png);
    background-color: transparent;
}

/* Sous-container standard : pas de titre, juste un contenu extensible */
#contenu_full_width div.container_standard div.ss_container_standard {
    background: #f7f0f4 url(../images/bg_ss_container_standard_top.png) no-repeat top left;
    width: 100%;
    margin: 15px 0 0;
    padding: 10px 0 0;
}

/* Sous-container standard avec travaux */
#contenu_full_width div.container_standard div.ss_container_standard_avec_travaux {
    background: transparent url(../images/bg_ss_container_standard_avec_travaux_top.png) no-repeat top left;
}

#contenu_full_width div.container_standard div.ss_container_standard div.ss_container_standard_inner {
    background: #f7f0f4 url(../images/bg_ss_container_standard_bottom.png) no-repeat bottom left;
    padding: 0 0 10px;
}

#contenu_full_width div.container_standard div.ss_container_standard div.ss_container_standard_inner p strong {
    font-size: 12px;
}

/* Sous-container infos */
#contenu_full_width div.container_standard div.ss_container_infos {
    background: transparent;
    width: 100%;
    margin: 15px 0 0;
    padding: 10px 0 0;
}

#contenu_full_width div.container_standard div.ss_container_infos div.ss_container_infos_inner {
    background: transparent url(../images/bg_ss_container_infos_bottom.png) no-repeat bottom left;
    padding: 10px 0 10px;
}

/* Sous-container travaux */
#contenu_full_width div.container_standard div.ss_container_travaux {
    background: url(../images/bg_ss_container_travaux.png) no-repeat top left;
    color: #ffffff;
    overflow: hidden;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul {
    list-style-type: none;
    margin: 5px 0;
    overflow: hidden;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li {
    display: block;
    margin: 5px 0 0 15px;
    line-height: 15px;
    vertical-align: middle;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span {
    float: left;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.ligne {
    margin: 0 10px 0 0;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.ligne img {
    width: 16px;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat {
    margin: 0 15px 0 0;
    line-height: 18px;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat img {
    width: 10px;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat_txt {
    background: url(../images/puce_white_arrow.png) no-repeat left center;
    padding-left: 20px;
    font-weight: bold;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat_info {
    margin: 0 0 0 30px;
    background: url(../images/puce_rond_blanc.png) no-repeat left center;
    padding-left: 12px;
}

#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat_info a,
#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat_info a:link,
#contenu_full_width div.container_standard div.ss_container_travaux ul li span.etat_info a:visited {
    text-decoration: underline;
    color: #ffffff;
}

/* Formulaire standard */
#contenu_full_width form {
    color: #000;
    padding: 0 0;
}

#contenu_full_width form fieldset {
    padding: 0 15px;
}

#contenu_full_width form fieldset div.line {
    margin-bottom: 10px;
}

#contenu_full_width form fieldset div.input-box {}

#contenu_full_width form fieldset div.input-box label {
    display: block;
}

#contenu_full_width form fieldset div.input-box input {
    font-size: 11px;
    padding: 2px 5px;
    color: #575757;
    font-style: italic;
}

#contenu_full_width form fieldset div.input-box input.input-date {
    width: 90px;
}

#contenu_full_width form fieldset div.input-box input.input-text {
    width: 240px;
}

#contenu_full_width form fieldset div.input-box input.input-heure {
    width: 42px;
}

#contenu_full_width form fieldset div.radio-box {
}

#contenu_full_width form fieldset div.radio-box input,
#contenu_full_width form fieldset div.radio-box label {
    line-height: 12px;
    vertical-align: middle;
}

#contenu_full_width form fieldset div.checkbox-box input,
#contenu_full_width form fieldset div.checkbox-box label {
    line-height: 12px;
    vertical-align: middle;
}

#contenu_full_width form fieldset div.buttons-set {
    clear: both;
    margin: 10px 0;
    overflow: hidden;
    text-align: center;
}

#contenu_full_width form fieldset.hidden_fieldset {
    display: none;
    padding: 0;
    margin: 20px 0 0;
}

#contenu_full_width form fieldset.hidden_fieldset p {
    margin: 0;
    padding: 0 !important;
}

#contenu_full_width form fieldset.hidden_fieldset div.col2-set {
    margin: 10px 0 0;
}

#contenu_full_width form fieldset.hidden_fieldset div.color-wrapper {
    background: #d7b7cc;
    padding: 10px 15px;
    color: #004350;
}

#contenu_full_width form fieldset.hidden_fieldset div.color-wrapper div.input-box {
    color: #000000;
}

#contenu_full_width form fieldset.hidden_fieldset div.buttons-set {
    background: #f7f0f4 !important;
    margin: 0 !important;
}

#contenu_full_width form fieldset.hidden_fieldset div.input-box div.buttons-set {
    background: none !important;
    margin: 10px 0 0 0 !important;
    text-align: left;
}

/* Popin schema */
.container-schema {
    position: relative;
}

#dialog-schema .schema-no-result a.print{
    display: none;
}

#dialog-schema .schema-no-result #schemaLigneContainer{
    padding: 20px;
}

.container-schema a.print,
.container-schema a.print:link,
.container-schema a.print:visited {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    padding:  0 0 0 35px;
    background: url(../images/bg_link_print.png) no-repeat top left;
    font-size: 12px;
    color: #00444f;
    text-decoration: none;
    font-weight: bold;
}

.container-schema a.print:hover {
    background: url(../images/bg_link_print.png) no-repeat bottom left;
    text-decoration: underline !important;
}

.container-schema a.print:focus {
    background-color: transparent !important;
    color: #00444f !important;
    outline: none !important;
}

.container-schema p.maj {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #999999;
    font-size: 10px;
    text-align: right;
}

/* Resultats de recherche */
#contenu_full_width #selection_ligne .col2-set .col1,
#contenu_full_width #selection_ligne .col2-set .col2 {
    width:auto;
    float:left;
}

#contenu_full_width #selection_ligne .col2-set .col1 {
    *width: 45%;
}

#contenu_full_width #selection_ligne .col2-set .col1 #ligne_msdd {
    width: 330px !important;
}

#contenu_full_width #selection_ligne .col2-set .col2 {
    margin-left: 35px;
}

fieldset.horaireFormStep1 img.ui-datepicker-trigger {
    margin-left:8px;
    vertical-align: middle;
    cursor: pointer;
}

fieldset.horaireFormStep1 .datePickerButtonLabel {
    color: #575757;
    text-decoration: underline;
    margin-left:5px;
}

#contenu_full_width a#btn_schema_de_ligne, #contenu_full_width a#btn_schema_de_ligne:link, #contenu_full_width a#btn_schema_de_ligne:visited {
    float:right;
}

#contenu_full_width div.search_results {
    margin-bottom: 10px !important;
    margin-top: 30px !important;
}

#contenu_full_width ul.delai_avant_passage {
    list-style-type: none;
}

#contenu_full_width ul.delai_avant_passage li {
    display: block;
    margin: 0 0 3px;
    background: #007a44;
    color: #ffffff;
    padding: 3px 20px 3px 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle;
    overflow: hidden;
}

#contenu_full_width ul.delai_avant_passage li span {
    float: right;
}

#contenu_full_width .type_jour {
    border-bottom: 3px solid #e085bf;
    overflow: hidden;
}

#contenu_full_width .jour_rose {
    border-color: #e085bf;
}

#contenu_full_width .jour_rose p {
    float: right;
    color: #ffffff;
    background: url(../images/bg_jour_rose.png) no-repeat top left;
    width: 76px;
    height: 14px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#contenu_full_width .jour_vert {
    border-color: #85c285;
}

#contenu_full_width .jour_vert p {
    float: right;
    color: #ffffff;
    background: url(../images/bg_jour_vert.png) no-repeat top left;
    width: 76px;
    height: 14px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#contenu_full_width .jour_bleu {
    border-color: #85a3c2;
}

#contenu_full_width .jour_bleu p {
    float: right;
    color: #ffffff;
    background: url(../images/bg_jour_bleu.png) no-repeat top left;
    width: 76px;
    height: 14px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#contenu_full_width .jour_jaune {
    border-color: #e7bc27;
}

#contenu_full_width .jour_jaune p {
    float: right;
    color: #ffffff;
    background: url(../images/bg_jour_jaune.png) no-repeat top left;
    width: 76px;
    height: 14px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#contenu_full_width .tableau_horaires_passages {}

#contenu_full_width .tableau_horaires_passages table {
    margin: 1px 0 0 0;
    width: 100%;
    border: 1px solid #a8acb0;
    border-collapse: collapse;
}

#contenu_full_width .tableau_horaires_passages table th {
    background: #a8acb0;
    padding: 4px 0;
    color: #ffffff;
    font-weight: bold;
    width: 6.5%;
}

#contenu_full_width .tableau_horaires_passages table th.odd { background: #a8acb0; }
#contenu_full_width .tableau_horaires_passages table th.even { background: #83888e; }

#contenu_full_width .tableau_horaires_passages table td {
    padding: 2px 0;
    text-align: center;
    border: 1px solid #a8acb0;
    color: #000000;
    width: 6.5%;
}

#contenu_full_width .tableau_horaires_passages table td span.next {
    background: #ffffff;
    color: #007A44;
    border: 1px solid #007A44;
    font-weight: bold;
    padding: 0px 5px;
}

#contenu_full_width .tableau_horaires_passages table tr.odd td { background: #ffffff; }
#contenu_full_width .tableau_horaires_passages table tr.even td { background: #eeeeef; }

#contenu_full_width .tableau_horaires_passages .table_footer {
    padding: 5px 0 0 0;
    background: #ffffff;
    *height: 1%;
}

#contenu_full_width .tableau_horaires_passages .table_footer p {
    padding: 0 !important;
    margin: 0 !important;
    color: #004350;
    line-height: 15px;
    vertical-align: middle;
}

#contenu_full_width .tableau_horaires_passages .table_footer div {
    float: left;
    margin: 0 5px 0 0;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help {
    position: relative;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help a,
#contenu_full_width .tableau_horaires_passages .table_footer div.help a:link,
#contenu_full_width .tableau_horaires_passages .table_footer div.help a:visited {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -500em;
    background: url(../images/icon_help.png) no-repeat left top;
    float:left;
}

#contenu_full_width .tableau_horaires_passages .table_footer p div.help a:hover {
    background: url(../images/icon_help.png) no-repeat left bottom;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help div.popin {
    display: none;
    position: absolute;
    left: -30px;
    top: -185px;
    background: url(../images/bg_popin_bottom.png) no-repeat bottom left;
    padding-bottom: 26px;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help div.popin div.popin-inner {
    color: #004350;
    background: url(../images/bg_popin_top.png) no-repeat top left;
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    width: 363px;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help div.popin div.popin-inner p strong {
    font-size: 11px !important;
}

#contenu_full_width .tableau_horaires_passages .table_footer div.help div.popin div.popin-inner h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

#contenu_full_width .tableau_horaires_passages .table_footer .buttons-set a,
#contenu_full_width .tableau_horaires_passages .table_footer .buttons-set a:link,
#contenu_full_width .tableau_horaires_passages .table_footer .buttons-set a:visited {
    margin: 10px 0 0 10px;
}

/* Formulaire de recherche d'itineraires */
#contenu_full_width #recherche_itineraires .col3-set .col1 {
    width: 41%;
}

#contenu_full_width #recherche_itineraires .col3-set .col2 {
    width: 2%;
}

#contenu_full_width #recherche_itineraires .col3-set .col2 a.switch-icon,
#contenu_full_width #recherche_itineraires .col3-set .col2 a.switch-icon:link,
#contenu_full_width #recherche_itineraires .col3-set .col2 a.switch-icon:visited {
    display: block;
    text-indent: -500em;
    overflow: hidden;
    width: 30px;
    height: 27px;
    background: url(../images/icon_inverser.png) no-repeat top left;
    background-color: transparent !important;
    margin-top: 10px;
}

#contenu_full_width #recherche_itineraires .col3-set .col2 a.switch-icon:hover {
    background: url(../images/icon_inverser.png) no-repeat bottom left;
}

#contenu_full_width #recherche_itineraires .col3-set .col2 a.switched,
#contenu_full_width #recherche_itineraires .col3-set .col2 a.switched:link,
#contenu_full_width #recherche_itineraires .col3-set .col2 a.switched:visited {
    background: url(../images/icon_inverser.png) no-repeat top right;
}

#contenu_full_width #recherche_itineraires .col3-set .col2 a.switched:hover {
    background: url(../images/icon_inverser.png) no-repeat bottom right;;
}

#contenu_full_width #recherche_itineraires .col3-set .col3 {
    width: 51%;
}

#contenu_full_width #recherche_itineraires .col2-set {}

#contenu_full_width #recherche_itineraires .col2-set .col1 {
    width: 43%;
}

#contenu_full_width #recherche_itineraires .col2-set .col2 {
    width: 51%;
}

#contenu_full_width #recherche_itineraires .col2-set .col2-set {
    margin-top: 5px;
}

#contenu_full_width #recherche_itineraires .col2-set .col2-set .col1 {
    width: auto;
    margin-right: 15px;
}

#contenu_full_width #recherche_itineraires .col2-set .col2-set .col2 {
    width: auto;
}

/* Encart sponsor */
#contenu_full_width .encart-sponsor {
    clear: both;
    margin: 10px 0;
    overflow: hidden;
}

#contenu_full_width .encart-sponsor p {
    line-height: 32px;
    font-style: italic;
    font-size: 11px;
    color: #575757;
}

#contenu_full_width .encart-sponsor p a.destineo,
#contenu_full_width .encart-sponsor p a.destineo:link,
#contenu_full_width .encart-sponsor p a.destineo:visited {
    display: block;
    float: left;
    background: url(../images/visuels/destineo.png) no-repeat left center;
    height: 32px;
    width: 92px;
    text-indent: -500em;
    overflow: hidden;
    margin: 0 5px;
}

/* Container type question */
#contenu_full_width div.container_question {
    background: url(../images/bg_container_question_top.png) no-repeat top left;
    padding: 10px 0 0;
    margin-bottom: 10px;
}

#contenu_full_width div.container_question_inner {
    background: url(../images/bg_container_question_bottom.png) no-repeat bottom left;
    padding: 0 0 15px;
}

#contenu_full_width div.container_question_inner ul.propositions {
    list-style-type: none;
    margin: 10px 10px 0 10px;
}

#contenu_full_width div.container_question_inner ul.propositions li {
    display: block;
    color: #004350;
    font-weight: bold;
    font-size: 12px;
}

#contenu_full_width div.container_question_inner ul.propositions li ul {
    margin: 5px 0 10px 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

#contenu_full_width div.container_question_inner ul.propositions li ul li {
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 3px;
}

#contenu_full_width div.container_question_inner ul.propositions li ul li input,
#contenu_full_width div.container_question_inner ul.propositions li ul li label {
    line-height: 12px;
    vertical-align: middle;
}

/* Liste d'itineraires */
#contenu_full_width #itineraire_liste {
    padding-bottom: 10px;
}

#contenu_full_width #itineraire_liste li {
    margin: 0 0 20px;
    padding: 10px 15px 15px;
    background: url(../images/bg_container_standard_top.png) no-repeat left top;
}

#contenu_full_width #itineraire_liste li p {
    margin: 0;
    padding: 0;
}

#contenu_full_width #itineraire_liste li p strong {
    font-size: 12px;
    color: #004350;
}

#contenu_full_width #itineraire_liste div.col2-set li {
    background: none;
    margin: 0;
    padding: 0;
}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2-set {
    margin: 15px 0 0 0px;
}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2-set div.col1 {}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2-set div.col1 ul li {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2-set div.col2 {}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2-set div.col2 ul li {
    float: left;
    margin: 0 5px 0 0;
}

#contenu_full_width #itineraire_liste div.col2-set div.col2 {
    padding: 0 0 0 0;
    width: 55%;
    color: #000000;
}

#contenu_full_width #itineraire_liste div.col2-set div.col1 div.col2 {
    padding: 0;
}

/* Plan itineraire */
#contenu_full_width .plan_itineraire {
    display: none;
    margin: 10px 0 0 0;
    border-top: 1px solid #d7e1e4;
    padding-top: 10px;
    clear: both;
}

/* Detail itineraire */
#contenu_full_width .detail_itineraire {
    display: none;
    margin: 10px 0 0 0;
    border-top: 1px solid #d7e1e4;
    padding-top: 10px;
    clear: both;
}

#contenu_full_width .detail_itineraire div.col3-set {
    font-weight: bold;
}

#contenu_full_width .detail_itineraire div.col3-set div.col1 {
    width: 47%;
}

#contenu_full_width .detail_itineraire div.col3-set div.col2 {
    width: 20%;
    text-align: right;
}

#contenu_full_width .detail_itineraire div.col3-set div.col3 {
    width: 33%;
}


#contenu_full_width .detail_itineraire div.col3-set p {
    line-height: 27px;
    vertical-align: middle;
}

#contenu_full_width .detail_itineraire div.col3-set a.print,
#contenu_full_width .detail_itineraire div.col3-set a.print:link,
#contenu_full_width .detail_itineraire div.col3-set a.print:visited {
    text-indent: -500em;
    overflow: hidden;
    margin-left: 10px;
}

#contenu_full_width .detail_itineraire table.plan_detaille {
    width: 100%;
    border-collapse: collapse;
}

#contenu_full_width .detail_itineraire table.plan_detaille tr td {
    padding: 8px 5px 8px 5px;
}

#contenu_full_width .detail_itineraire table.plan_detaille tr td.first {
    padding: 8px 5px 8px 20px;
}

#contenu_full_width .detail_itineraire table.plan_detaille thead tr {
    background: url(../images/itineraires/degrade_vert.png) no-repeat top left;
}

#contenu_full_width .detail_itineraire table.plan_detaille thead tr img,
#contenu_full_width .detail_itineraire table.plan_detaille tfoot tr img {
    float: left;
}

#contenu_full_width .detail_itineraire table.plan_detaille thead tr span.txt,
#contenu_full_width .detail_itineraire table.plan_detaille tfoot tr span.txt {
    float: left;
    line-height: 18px;
    vertical-align: middle;
    margin: 0 0 0 15px;
    font-weight: bold;
    font-size: 1.1em;
    color: #333333;
}

#contenu_full_width .detail_itineraire table.plan_detaille tfoot tr {
    background: url(../images/itineraires/degrade_rouge.png) no-repeat top left;
}

#contenu_full_width .detail_itineraire table.plan_detaille tbody tr.odd {
    background: #f7f0f4;
}

#contenu_full_width .detail_itineraire table.plan_detaille div.travaux {
    width: 174px;
    color: #ffffff;
}

#contenu_full_width .detail_itineraire table.plan_detaille div.travaux-top-background {
    background: url(../images/itineraires/bg_travaux.png) no-repeat top left;
    padding-top: 6px;
}

#contenu_full_width .detail_itineraire table.plan_detaille div.travaux-bottom-background {
    background: url(../images/itineraires/bg_travaux.png) no-repeat bottom left;
    padding-bottom: 6px;
    overflow: hidden;
}

#contenu_full_width .detail_itineraire table.plan_detaille div.travaux-middle-background {
    background: url(../images/itineraires/bg_travaux_middle.png) repeat-y;
}

#contenu_full_width .detail_itineraire table.plan_detaille div.travaux-middle-content {
    background: url(../images/itineraires/bg_travaux_icon.png) no-repeat 7px top;
    padding: 0 7px 0 39px;
    min-height: 28px;
}

#contenu_full_width .detail_itineraire table.plan_detaille tr td a,
#contenu_full_width .detail_itineraire table.plan_detaille tr td span.engras,
#contenu_full_width .detail_itineraire table.plan_detaille tr td a:link,
#contenu_full_width .detail_itineraire table.plan_detaille tr td a:visited {
    color: #004350;
    text-decoration: none;
    font-weight: bold;
}

#contenu_full_width .detail_itineraire table.plan_detaille tr td a:focus {
    color: #333333 !important;
}

#contenu_full_width .detail_itineraire div.close-div,
#contenu_full_width .plan_itineraire div.close-div {
    border-top: 1px solid #d7b7cc;
}

#contenu_full_width .detail_itineraire div.close-div a,
#contenu_full_width .detail_itineraire div.close-div a:link,
#contenu_full_width .detail_itineraire div.close-div a:visited,
#contenu_full_width .detail_itineraire div.close-div a:focus,
#contenu_full_width .detail_itineraire div.close-div a:active,
#contenu_full_width .plan_itineraire div.close-div a,
#contenu_full_width .plan_itineraire div.close-div a:link,
#contenu_full_width .plan_itineraire div.close-div a:visited,
#contenu_full_width .plan_itineraire div.close-div a:focus,
#contenu_full_width .plan_itineraire div.close-div a:active {
    background-color: #d7b7cc !important;
    color: #ffffff;
    float: right;
    padding: 3px 8px;
    text-decoration: none;
}
div#contenu_full_width ul#itineraire_liste {
    margin:0;
}
div#contenu_full_width .erreur_vide {
    display: none;
    color : red;
}

/* Infotrafic ligne */
#contenu_full_width .infotraficligne_container div.container_standard_alternative div.ss_container_standard div.ss_container_standard_inner {
    background: url("../images/bg_container_standard_b_bottom.png") no-repeat scroll left bottom transparent !important
}

#contenu_full_width .infotraficligne_container div.container_standard_alternative {
    margin-left:1px;
    margin-right:1px;
    margin-top:0px !important;
}

#contenu_full_width .infotraficligne_container div.container_standard {
    margin-top:30px;
}

#contenu_full_width div.container_standard_alternative div.ss_container_standard {
    background: #EAEFF1;
}

#contenu_full_width .infotraficligne_container div.container_standard div.container_standard_inner {
    background-image: none;
    background-color: none;
    zoom:1;
}
#contenu_full_width .infotraficligne_container div.container_standard div.ss_container_standard div.ss_container_standard_inner {
    padding-top: 8px;
}

#contenu_full_width .infotraficligne_container div.container_standard div.ss_container_standard div.ss_container_standard_inner .edito{
    background: url(../images/infotrafic.png) no-repeat 12px center;
    padding: 0px 7px 0px 47px;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

.infotraficligne_container div.liste_infos_trafic {
    width:100%;
}

.infotraficligne_container div.ligne_details {
    line-height: 27px;
    padding: 0 17px 14px 15px;
    font-weight: bold;
}

.infotraficligne_container div.ligne_details .container_picto_ligne img,
.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .additionnalInformation img {
    width:18px;
    height:17px;
}

.infotraficligne_container div.liste_infos_trafic tr td img,
.infotraficligne_container div.ligne_details img {
    vertical-align: middle;
}

.infotraficligne_container div.ligne_details .directions {
    margin: 0 0 0 12px;
    font-size: 12px;
}

.infotraficligne_container div.ligne_details .directions .separator {
    color: #e7590f;
}

.infotraficligne_container div.ligne_details .etat_trafic {
    min-width: 150px;
    float: right;
    display: inline-block;
}

.infotraficligne_container .ligne-info-container{
    width: 490px;
    display: inline-block;
}

.infotraficligne_container div.ligne_details .etat_trafic .separator{
    margin:0 5px 0 7px;
}

.infotraficligne_container div.ligne_details .etat_trafic img.picto_etat {
    width: 14px;
    height: 14px;
}

.infotraficligne_container div.liste_infos_trafic div.liste_perturbations {
    border-bottom:1px solid #E75A0F;
}

.infotraficligne_container div.liste_infos_trafic div.etat_infotrafic {
    background: url('../images/bg_infotrafic_period_label.png') repeat-y;
    width:80px;
    height:63px;
    line-height:63px;
    color:#FFFFFF;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-right: 12px;
}
.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic {
    padding: 16px 12px 0 0px;
    height: 47px;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer {
    background: #f7f0f4;
    padding: 0;
    overflow:hidden;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .descriptionPerturb {
    margin-top:12px;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .textPerturb {
    padding:4px 9px 9px;
    color: #58585a;
    line-height:16px;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer h3 {
    background: url('../images/bg_infotrafic_detail_title.png') repeat-y;
    color: #c20718;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 9px 4px;
    margin:0;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .additionnalInformation {
    border-top: 1px solid #b7b3b6;
    margin:0 7px;
    padding:13px 3px 11px;
    font-size:12px;
    font-weight: bold;
}

.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .additionnalInformation img,
.infotraficligne_container div.liste_infos_trafic div.detailPerturbContainer .additionnalInformation a {
    margin-left: 3px;
}

.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic a.titrePerturb,
.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic a.titrePerturb:link,
.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic a.titrePerturb:visited,
.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic a.titrePerturb:active,
.infotraficligne_container div.liste_infos_trafic div.detail_infotrafic a.titrePerturb:focus {
    color: #e7590f;
    font-weight: bold;
}

/**** Info-Trafic : Integration maquette TAN *****/

.lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.3);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}


/** FIX IE **/
.lightbox-target-ie {
    position: fixed;
    top: 5%;
    background-color: #e9601a;
    width: 714px;
    padding-bottom: 20px;
    z-index: 11;
    overflow: auto;
    height: 90%;
}
.lightbox-target-ie .more{ display: block; }


.lightbox-target .loader { text-align: center; margin-top: 50%; }
/** FIX IE **/
.lightbox-target-ie .loader { text-align: center; margin-top: 10%;}

.lightbox-target #popin {
    background-color: #ffd000;
    padding: 0px 40px 30px;
    color: black;
    width:80%;
    margin:auto;
    max-width:750px;
    margin: auto;
    margin-top: 39px;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    overflow:auto;
}

article.content {
    max-height: 71%;
    overflow: auto;
}

/** FIX IE **/
.lightbox-target-ie #popin {
    background-color:#e9601a;
    color:white;
    padding: 0 40px 30px;
}

#popin h3 { font-weight:bold; margin:0; }

#popin .septraf {
    width:100%;
    height:1px;
    background-color:white;
    margin: 5px 0px 10px 0px;
}

#popin a {color: #000000;text-decoration:underline;}

#popin .incident { margin-bottom:50px; }
#popin .incident img { max-width: 100%; margin:10px auto; display:block; }

#popin .trajet img { max-width: 100%; margin:10px auto; display:block; }
#popin .trajet {margin-bottom:40px; }

#popin p { line-height:20px; font-size :14px; }
#popin img.logo { margin-bottom:20px; }

.ewpnaolib.more, .ewpinfotrafic.more {
    clear:both;
    overflow:hidden;
    line-height: 18px;
    border-radius: 16px;
    background: white;
    padding: 2em;
    margin: 1em 0;
}

.more h4 {
    font-weight:bold;
    /* float:left; */
    font-size:15px;
    margin: 0.5em 0;
    display: block;
}

.more a  { float:left; }
.more img { float:left; margin: 0px 2px; }


/* BOUTTON FERMETURE */

a.lightbox-close {
    display: block;
    width:25px;
    height:25px;
    box-sizing: border-box;
    color: white;
    text-decoration: none;
    position: absolute;
    top: -80px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    top: 10px;
    right: 10px;
}

a.lightbox-close-ie {
    background: url("../images/crosson.gif");
    display: block;
    width:25px;
    height:25px;
    color: white;
    text-decoration: none;
    position: absolute;
    top: -80px;
    top: 5px;
    right: 5px;
}
a.lightbox-close-ie:hover { background: url("../images/crossof.gif"); }

a.lightbox-close:before {
    content: "";
    display: block;
    height: 25px;
    width: 2px;
    background: black;
    position: absolute;
    left: 12px;
    top:0px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}


a.lightbox-close:hover:after {background-color:#d22a1c;}
a.lightbox-close:hover:before {background-color:#d22a1c;}
a.lightbox-close:after {
    content: "";
    display: block;
    height: 25px;
    width: 2px;
    background: black;
    position: absolute;
    left:12px;
    top:0px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/* Animation au clic */

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
}

.lightbox-target:target #popin {max-height: 693px;max-width: 750px;z-index: 11;border-radius: 20px;height: auto;}
.lightbox-target:target a.lightbox-close { top: 5px; }

/* Mediaqueries */

@media only screen and (max-width : 500px) {
    .lightbox-target #popin {
        width:100%;
    }
    .lightbox-target #popin {
        padding: 0px 12px 30px;
    }
}

/***** Fin Maquette InfoTrafic ***/


/******************** IT2 ********************/
#contenu_full_width div.container_standard div.container_standard_inner {
    position: relative;
}

/* 13/4/2012 - SQLI-JFO - MANTIS-0001681 : TU Croises UC1007EC1WEB  Arrondi bouton Mes arrêts*/
#contenu_full_width div.container_standard div.no-top{
    background-image: none;
}

/* Ajouter */
#contenu_full_width div.container_standard div.container_standard_inner #mes_infos {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#contenu_full_width div.container_standard div.container_standard_inner #mes_infos .mes_infos_inner {
    position: relative;
}

/* Hidden loader + hidden success message */
#contenu_full_width .mes_infos_inner span.loader {
    display: block;
    opacity:0;
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 3px 10px 0 0;
}

#contenu_full_width .mes_infos_inner p.success-message {
    display: none;
    float: left;
    text-align: right;
    margin: 5px 0 0 0 !important;
    padding: 0;
    font-size: 0.9em;
    font-style: italic;
    color: #004350;

}

.descr {
    background:white;
    padding:2em;
    border-radius: 16px;
}

/* Lien bouton etoile */
#contenu_full_width a.star_button,
#contenu_full_width a.star_button:link,
#contenu_full_width a.star_button:visited,
#contenu_full_width a.star_button:active {
    display:-moz-inline-stack;
    display:inline-block;
    border:0;
    background: transparent url(../images/favoris/btn_mes_infos.png) no-repeat top right;
    background-position:0 0;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #318f39;
    padding:0 0 0 30px;
    margin: 0 6px 0 0;
}

#contenu_full_width a.star_button span {
    padding:0 11px 0 0px;
    color:#004350;
    background: transparent url(../images/favoris/btn_mes_infos.png) no-repeat top right;
    background-position:100% 0;
    display:-moz-inline-block;
    display:inline-block;
    white-space:nowrap;
    height: 22px;
    font-size: 11px;
    font-weight: bold;
    color: #318f39;
}

#contenu_full_width a.star_button:hover {
    background-position: 0 100%;
    cursor: pointer;
}

#contenu_full_width a.star_button:hover span {
    background-position: 100% 100%;
    cursor: pointer;
}

#contenu_full_width div.container_standard div.container_standard_inner #mes_infos .mes_infos_inner a.star_button:focus {
    color: #318f39 !important;
    background-color : transparent !important;
}
/*
        #mes_infos .mes_infos_inner .mes_infos_detail {
            display: none;
            position: absolute;
            top: 13px;
            right: 3px;
            z-index: 2;
        }

            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_top {
                background: url(../images/favoris/bg_overlay_top.png) no-repeat top right;
                height: 14px;
                width: 350px;
            }

            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom {
                background: url(../images/favoris/bg_overlay_bottom.png) no-repeat bottom right;
                padding: 0 0 13px 0; margin: 0;
                width: 350px;
            }

                #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul {
                    padding: 0 5px;
                    margin: 0;
                    overflow: hidden;
                }

                    #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li {
                        display: block;
                        clear: both;
                        border-top: 1px solid #a5acb3;
                        padding-top: 5px;
                        margin: 4px 0 0 0;
                        overflow: hidden;
                    }

                    #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li.first {
                        margin: 0;
                        padding: 0;
                        border-top: none;
                    }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a,
                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:link,
                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:visited {
                            display: block;
                            margin: 0;
                            padding: 0 10px;
                            overflow: hidden;
                            font-size: 1.1em;
                            text-decoration: none;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:focus {
                            color: #000000 !important;
                            background-color: transparent !important;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span {
                            display: block;
                            float: left;
                            margin: 3px 10px 0 0;
                            line-height: 24px;
                            vertical-align: middle;
                        }

                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.mode,
                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.etat_trafic {
                                margin-top: 3px;
                            }

                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.mode img,
                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.etat_trafic img {
                                vertical-align: middle;
                            }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.info {
                            padding: 0 10px;
                            font-size: 1.1em;
                            font-weight: bold;
                            color: #004350;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.ligne img {
                            margin-top: 4px;
                            width: 18px;
                            height: 18px;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.libelles {
                            width: 260px;
                            margin: 0;
                            line-height: 1em;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.libelle_ligne {
                            float: none;
                            clear: both;
                            color: #004350;
                            font-weight: bold;
                            line-height: 1.4em;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.libelle_arret {
                            float: none;
                            clear: both;
                            line-height: 1.4em;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.libelle_itineraire {
                            float: none;
                            clear: both;
                            color: #004350;
                            font-weight: bold;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li span.delete {
                            float: right;
                            background: url(../images/favoris/btn_supprimer.png) no-repeat top left;
                            width: 24px;
                            height: 24px;
                            text-indent: -500em;
                            overflow: hidden;
                            margin: 0px 0 0 0;
                        }

                        #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:hover {
                            background: #F7F0F4;
                            cursor: pointer;
                        }

                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:hover span.delete {
                                background-position: bottom left;
                            }

                            #mes_infos .mes_infos_inner .mes_infos_detail .mes_infos_detail_bottom ul li a:hover span.libelle_ligne {
                                color: #047A92;
                            }

                            */

/* Bouton ajout et suppression*/
#contenu_full_width div.container_standard div.container_standard_inner div.infos-button-container {
    display: inline-block;
    float: right;
}


/* Bouton d'ajout à mes arrêts */
#contenu_full_width a.button-addto-infos,
#contenu_full_width a.button-addto-infos:link,
#contenu_full_width a.button-addto-infos:visited {
    background: transparent url(../images/favoris/btn_ajouter_a_mes_infos.png) no-repeat top right;
    background-position: 0 0;
    color: #ffffff;
    padding: 0 0 0 33px;
}

#contenu_full_width a.button-addto-infos span {
    background: transparent url(../images/favoris/btn_ajouter_a_mes_infos.png) no-repeat top right;
    background-position: 100% 0;
    color: #ffffff;
}

#contenu_full_width a.button-addto-infos:hover {
    background-position: 0 100%;
}

#contenu_full_width a.button-addto-infos:hover span {
    background-position: 100% 100%;
}

/* Bouton de suppression de mes arrêts */
#contenu_full_width a.button-delfrom-infos,
#contenu_full_width a.button-delfrom-infos:link,
#contenu_full_width a.button-delfrom-infos:visited {
    background: transparent url(../images/favoris/btn_supprimer_de_mes_infos.png) no-repeat top right;
    background-position: 0 0;
    color: #ffffff;
    padding: 0 0 0 33px;
}

#contenu_full_width a.button-delfrom-infos span {
    background: transparent url(../images/favoris/btn_supprimer_de_mes_infos.png) no-repeat top right;
    background-position: 100% 0;
    color: #ffffff;
}

#contenu_full_width a.button-delfrom-infos:hover {
    background-position: 0 100%;
}

#contenu_full_width a.button-delfrom-infos:hover span {
    background-position: 100% 100%;
}

/* Recherche d'itinéraires */
#recherche_itineraires form {
    min-width: 700px;
}

#recherche_itineraires form fieldset div.input-box input.input-text {
    width: 190px;
}

div#resultat_recherche div.itineraire-button-container {
    display:inline;
}

#dialog-confirm-ajout p{
    color: red;
    margin-left: 10px;
}

/*E-Tickets */

.etickets {
    background: transparent url(../images/etickets/top-gradient.png) repeat-x top left;
}

.etickets span.loader{
    background: transparent url(../images/ajax-loader.gif) no-repeat top left;
    height: 14px;
    padding:0 7px 0 7px;
    margin-left: 10px;
}

.etickets.achat_etickets span.loader {
    margin: 12px 6px;
    float:right;
}

.etickets .ligne{
    padding: 0 15px 0 15px;
}
.etickets a{
    font-weight: bold;
    color: #004350;
}

.etickets a#link_infos_securite {
    float:left;
}

.etickets a#link_cgvcgu {
    float:right;
}

.etickets.achat_etickets a#link_cgvcgu {
    float: left;
}

.etickets .descriptif{
    padding: 15px 0 8px 0;
}

.etickets .descriptif div.texte{
    text-align:justify;
    padding-top: 8px;
}

.etickets.achat_etickets .descriptif div.texte{
    padding-top: 0;
}

.etickets div.spacer{
    height: 1px;
    background: #d7e1e4;
}

.etickets.achat_etickets div.spacer{
    margin: 12px 0 12px 0;
}

.etickets div.vignette{
    float: left;
    padding: 15px 15px 8px 0;
}

.etickets.achat_etickets div.vignette{
    position: relative;
}

.etickets.achat_etickets .vignette .prix{
    color: #38a540;
    font-weight: bold;
    position: absolute;
    top: 83px;
    /*left: 55px;*/
}

.etickets div.badge{
    color: white;
    font-weight: bold;
    height:27px;
    position: absolute;
    margin-top: 8px;
    padding: 5px 0 0 0;
    text-align:center;
}

.etickets.portefeuille div.badge{
    margin-top: 6px;
}

.etickets div.badge.badge_inf{
    padding-right: 4px;
    width: 23px;
    background: transparent url(../images/mhv/e_tickets_badge_inf.png) no-repeat top left;
}

.etickets div.badge.badge_sup{
    padding-right: 4px;
    width: 32px;
    background: transparent url(../images/mhv/e_tickets_badge_sup.png) no-repeat top left;
}

.etickets h2{
    font-weight: bold;
    color: #004350;
    background: none;
    padding: 0;
}

.etickets.achat_etickets .description{
    /*position: relative;*/
}

.etickets.achat_etickets .texte_inner{
    display: inline-block;
    width: 270px;
    min-height: 70px;
}

.etickets.portefeuille h3,
.etickets.achat_etickets h3,
.etickets.derniersVoyages h3,
.etickets.dernieresCommandes h3 {
    color: #004350;
    font-weight: bold;
    font-size: 1.1em;
}

.etickets.portefeuille h3{
    padding-top: 24px;
}

.etickets .compostage,
.etickets .code_securite{
    font-size: 0.9em;
}

.etickets .code_securite{
    padding-top: 2px;
}

.etickets_spinner_container{
    width: 48px;
    height: 68px;
    background: transparent url("../images/etickets/eticket_achat_spinner_2.png") no-repeat;
    float: right;
}

.etickets_spinner_top_container,
.etickets_spinner_bottom_container{
    width: 30px;
    height: 13px;
    background: none;
    position: relative;
    left: 10px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.etickets_spinner_top_container{
    top: 11px;
}

.etickets_spinner_bottom_container{
    top: 16px;
    font-size: 1.3em;
}

.etickets_spinner_top_container:HOVER {
    background: transparent url("../images/etickets/eticket_achat_spinner_top_hover_2.png") no-repeat;
}

.etickets_spinner_bottom_container:HOVER {
    background: transparent url("../images/etickets/eticket_achat_spinner_bottom_hover_2.png") no-repeat;
}

.etickets_spinner_middle_container{
    width: 18px;
    height: 16px;
    position: relative;
    left: 15px;
    top: 14px;
    color: #a0a0a0;
    font-weight: bold;
    text-align: center;
}

div.etickets_total_achat{
    margin: 12px 0 12px 0;
    background-color: #f7f0f4;
    border-top: 1px solid #d7e1e4;
    border-bottom: 1px solid #d7e1e4;
    min-height: 38px;
    padding: 14px;
}

div.etickets_total_achat_liste_outer_container{
    display: inline-block;
    margin-top: 4px;
}

div.etickets_achat_total_result{
    width: 116px;
    height: 19px;
    float: right;
    margin-top: 4px;
}

.etickets_total_achat_liste_label{
    font-weight: bold;
}

.etickets_total_achat_liste_inner_container ul#etickets_total_achat_liste{
    color: #004350;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-top: 4px;
}

.etickets_total_achat_liste_inner_container ul#etickets_total_achat_liste li{
    line-height: 19px;
}

.etickets_achat_total_result{
    font-weight: bold;
}

.etickets_achat_total_result_label{
    line-height: 19px;
    display: inline-block;
}

#etickets_achat_total_result_textbox{
    width: 62px;
    height: 19px;
    background: transparent url("../images/etickets/eticket_achat_total_box.png") no-repeat ;
    float: right;
    line-height: 19px;
    padding-left: 5px;
    color: #004350;
}

#dialog-message-cgu-cgv h1,
#dialog-message-infos-securite h1{
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
}

#dialog-message-cgu-cgv,
#dialog-message-infos-securite
{
    max-height: 500px;
    overflow: auto;
}

/* utilise pour les liens sous forme de bouton */
.bt_exporter {
    float:right;
    margin-right:5px;
    width: 135px;
    height: 20px;
    border: none;
    text-indent: -5000px;
    background: url("../images/mhv/exporter.gif") no-repeat left top;
}

.dernieresCommandes .bt_exporter {
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}

.dernieresCommandes .descriptif {
    position: relative;
}

/* SURCHARGE SUITE MAJ KPORTAL */
header { z-index: 2; }
.horaireFormStep1 .loader { display: none;}