/* Surcharge CSS suite MAJ Kportal */


/* --- Transverse --- */
div#page_deco {
    width: 80%;
    /*width: 70%;*/
    margin: 2em auto 0 auto;
    /*margin: 2em 0 0 0;*/
}

main#page {
	background-color: #ffffff;
}

body {
    background: #f8f9f8;
    color: #2c2c2c;
    font-family:MuseoSans_web, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#page-infotrafic {
	padding:1em;
	background:#f8f9f8;
}
input#recherche_amende_id::placeholder { color: #bfbfbf; }

h1 {
    border-bottom: 1px solid #b3b3b3;
    color: #024e5e;
    display: table;
    margin: 0 auto 1em;
    padding: 0 0.5em;
    text-align: center;
    text-transform: uppercase;
}

.float-right {float: right;}

.btn {
    border: 0;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    font-weight: 400;
    padding: 15px 32px;
    border-radius: 8px;
    text-shadow: none;
    box-shadow: 0 0.4rem 2.4rem RGB(var(--shadow-3-rgb));
    /*margin-right: 5px;*/
}

.btn-container {
    text-align: right;
}

.btngp{ background: #31aa4e !important; }
.btngp:hover { background: #31c053 !important; color: #fff !important;}
.btnent { background: #3f8ba8 !important; text-decoration:none !important;}
.btnent:hover { background: #299cc8 !important;}
.btncdt{ background: #B13770 !important; }
.btncdt:hover { background: #C83770 !important; color: #fff !important;}
.btn.disabled {background: #a0a0a0 !important; cursor: default; }
.btn_acces_serv{float:right !important}
.bt_suppr_contact{text-decoration: none !important}
#link-logout{float: right;}
#link-logout a {outline: none;}

/*--- Surcharges  générales --- */
table tbody tr th { line-height: 1.7; }
img.captcha { margin-left: 5px;}
h3 { margin-top: 10px;}
.notice {padding: 5px; margin-top: 5px}
#popin h3 {color: #002300;/* background: #002300; *//* padding: 0.5em 1em; */border-radius: 100px;}
.ui-dialog-titlebar-close {background: none !important; border: none !important;}
.ui-dialog {font-size: 0.8em;}
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {color: #cdcdcd !important;}

.ui-icon-closethick {
	zoom: 150%; 
	-ms-zoom: 1.5;
-webkit-zoom: 1.5;
-moz-transform: scale(1.5);
-moz-transform-origin: center center;
top: 5px !important; left: 5px !important;}

@media screen and (max-width: 640px) {
.infotrafic-ligne-perturbation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5em 0;
}
  }


select.disabled {background-color: #eee; }

/* --- Pages de connexion --- */
table#table-login tr th { width: 35% }
table#table-login tr td br { display: none}
table#mdp-oublie tr th {width: 45%;}
table#duplicata tr td ul.radio_list {margin: 0; padding: 0;}
table#scolaire tr th {width: 40%;}
table#scolaire tr td .form_help {display: block;}

/* --- mTickets --- */
.etickets { background: none;}
.etickets div.spacer { background: none;}
.etickets div.vignette {border: none;}
.etickets div.badge { font-size: 80%; line-height: 14px;}
.etickets .descriptif h3 {margin-top: 0;}
.etickets .texte .texte_inner { width: 60%}
.etickets .etickets_spinner_middle_container {font-size: 75%;}
.etickets.achat_etickets .vignette .prix {top: 80px}
.etickets .etickets_achat_total_result {width: 135px;}
.etickets a.btn {font-weight: normal; }
.etickets.dernieresCommandes .descriptif {float: left;}
.etickets.dernieresCommandes .btn-container { padding-top: 10px; }

#dialog-schema {padding:0;}

/* --- CGV --- */
#link_cgvcgu, #link_infos_securite {margin-top: 10px; text-decoration: underline;}
#dialog-message-cgu-cgv, #dialog-message-infos-securite {font-size: 90%; max-height: 400px;}
#dialog-message-cgu-cgv, #dialog-message-infos-securite p {margin: 0;}
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon-primary {position: relative; left: 0;}

/* --- Accordeon --- */

.tan-accordeon .accordion-header-tan {font-size: 1em !important; border-radius: 0;}
.tan-accordeon .accordion-content-tan {border-radius: 0; border-bottom: 0 !important; overflow: hidden;}
.accordion-align-right {float: right; display: block !important; margin-right: 45px; }
#tab-prelevement, #tab-conso, #tab-histo-prelevement, #tab-histo-validation {margin-top: 15px; margin-bottom: 15px;}

/* --- Infotrafic --- */
.infotrafic-ligne { margin-bottom: 20px; overflow: hidden;}
.infotrafic-ligne-sep { width : 20px;}
.infotrafic-ligne-picto {width: 30px; vertical-align: top;}

.infotrafic-ligne-depart { font-size: 1.3em; margin-left: 10px;color:#002300;font-weight: 600;}
.infotrafic-ligne-terminus {font-size: 1.3em;margin-left: 10px;color:#002300;font-weight: 600;}

.infotrafic-ligne-perturbation.multiples { margin-top: 0; border-top: 0; }
.infotrafic-ligne-perturbation-periode {display: block;color: #5f5f5f;padding-top: 5px;}

.infotrafic-ligne-perturbation-titre a {color: #000000;}

.infotrafic-ligne-titre {text-align: center;}

.infotrafic-ligne-perturbation {
	margin-top: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #ccc;
	min-height: 60px;
}

.infotrafic-ligne-perturbation-etiquette {
	width: 85px;
	color: #FFF;
	text-align: center;
	display: block;
	float: left;
	font-size: 0.8em;
	font-weight: 500;
	margin-right: 20px;
	height: 60px;
}

.infotrafic-ligne-perturbation-titre {
	display: block;
	color: #000000;
	text-decoration: underline;
}

.infotrafic-ligne-perturbation-titre-interne {
	display: block;
	color: #E75A0F;
	font-weight: bold;
}

.infotrafic-lien-note-de-service{
	display: inline-flex;
}

.infotrafic-lien-note-de-service a{
	margin-right: 10px;
	background: url('../images/document.png') no-repeat !important;
	padding-left: 20px;
	background-size: 16px 16px !important;
	line-height: 16px;
}

.infotrafic-ligne-perturbation-etiquette-texte {
	background: #78d700;
	color:black;
	padding: 2px 7px;
	border-radius: 100px;
	display: block;
	margin-top: 16px;
}

/* --- Horaires --- */

.form-horaires-line {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}

.form-horaires-line .datepicker {color: #787878;} 
.form-horaires-line .label-radio { font-weight: initial;}
.form-horaires-line .loader {display: none;}


.form-horaires-line label,
.form-horaires-label {
	display: inline-block;
	width: 15%;
	height: 30px;
}


.form-horaires-line img {
	margin-left: 10px;
	margin-right: 10px;
}

.form-horaires-line select option {
	background-position: left;
	background-color: transparent;
	background-repeat: no-repeat;
}

.form-horaires {
	padding: 0;
	border: 0;
}

.form-horaires-select {width: 60%; }

.ui-datepicker table { font-size: .5em; }
.ui-datepicker .ui-datepicker-title {font-size: 1em; }
.ui-datepicker { width: 10em;}
.ui-datepicker-trigger {cursor: pointer; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width: 1em; height: 1em;}

.ui-menu-item a { 
	font-size: 0.9em; 
	/*font-family: "frutiger", Arial, Helvetica, sans-serif;*/
	color: #787878;
}

#btn-mes-arrets {
	float: right;
	margin-top: 25px;
}

#btn-mes-arrets em {font-style: normal;}

.horaires-infotrafic {
	background: url(../images/bg_ss_container_travaux.png) no-repeat top left;
	margin-bottom: 0;
	padding: 10px;
	
}

.horaires-infotrafic a, .horaires-infotrafic a:hover {
	color: #FFF;
	text-decoration: underline;
	cursor: pointer;
}

.horaires-infotrafic img {
	vertical-align: middle;
	margin-right: 10px;
}

.horaires-erreur {
	margin: 20px !important;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	padding-left: 30px;
	background: url(../images/icon_info.png) no-repeat top left;
}

.horaires-type-jour {
	display: block;
    color: #fff;
    margin-bottom: 5px;
    text-align: right;
    margin-top: 15px;
    height: 26px;
    border-bottom: solid 2px;
}

.horaires-type-jour-label {	padding: 7px;}

.horaires-type-jour.jour_rose {border-color: #E085BF;} 
.horaires-type-jour.jour_jaune {border-color: #e7bc27;} 
.horaires-type-jour.jour_vert {border-color: #85c285;} 
.horaires-type-jour.jour_gris {border-color: #787878;} 
.horaires-type-jour.jour_bleu {border-color: #85a3c2;}

.horaires-type-jour.jour_1 {border-color: #315d7b;}
.horaires-type-jour.jour_2 {border-color: #66b678;}
.horaires-type-jour.jour_3 {border-color: #ffdb54;}
.horaires-type-jour.jour_4 {border-color: #ba89b1;}
.horaires-type-jour.jour_5 {border-color: #004350; height: 28px;}
.horaires-type-jour.jour_6 {border-color: #DE5615;}

.horaires-type-jour-label.jour_vert {background-color: #85c285;}
.horaires-type-jour-label.jour_jaune {background-color: #e7bc27;}
.horaires-type-jour-label.jour_gris {background-color: #787878;}
.horaires-type-jour-label.jour_rose {background-color: #E085BF;}
.horaires-type-jour-label.jour_bleu {background-color: #85a3c2;}

.horaires-type-jour-label.jour_1 {background-color: #315d7b;}
.horaires-type-jour-label.jour_2 {background-color: #66b678;}
.horaires-type-jour-label.jour_3 {background-color: #ffdb54;}
.horaires-type-jour-label.jour_4 {background-color: #ba89b1;}
.horaires-type-jour-label.jour_5 {background-color: #ffffff; border: solid 2px #004350; color: #004350}
.horaires-type-jour-label.jour_6 {background-color: #DE5615;}

.horaires-table {font-size: 0.9em; width: 100%;}
.horaires-table th, .horaires-table td {padding: 0.2em; border: solid 1px #b3b3b3; text-align: center;}
.horaires-table th {background-color: #b3b3b3; color: #fff;}
.horaires-table-notes {font-style: italic;}

.horaires-aide {
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: 100%;
	background: url(../images/icon_help.png) no-repeat left top !important;
	float: left;
}

.horaires-popin {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: solid 1px #b3b3b3;
	padding: 10px;
	left: 15%;	
}

/* --- Horaires / Mes arrets --- */
.mes_infos_detail {
	display: none;
	background-color: #FFFFFF;
	border: solid 1px #b3b3b3;
	padding: 10px;
	margin: 0;
	position: absolute;
	margin-top: 35px;
	right: 15%;
	z-index: 1;	
}

.mes_infos_detail ul { margin: 0; padding: 0; }
.mes_infos_detail ul li { padding: 10px; }
.mes_infos_detail .libelles {color: #004350; }

.mes_infos_detail ul li .libelle_ligne {
	font-weight: bold;
	display: block;
}

.mes_infos_detail ul li .ligne {
	display: inline-block;
	height: 40px;
}

.mes_infos_detail ul li .ligne img{	vertical-align: middle; }

.mes_infos_detail ul li .libelles {
	display: inline-block;
	height: 20px;
	vertical-align: top;
}

.mes_infos_detail ul li:hover {background-color: #F7F0F4; }

.mes_infos_detail ul li {border-top: solid 1px #b3b3b3;}
.mes_infos_detail ul li.first-fav {border-top: none;}

.mes_infos_detail .delete {
	display: flex;
	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 10px;
}

.mes_infos_detail .delete:hover { background: url(../images/favoris/btn_supprimer.png) no-repeat bottom left; }


/* --- Popin --- */
.popin-inner p {
	margin: auto;
	font-size: 0.9em;
}

.popin-inner h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
}

.popin-inner .txt-rose {color: #E085BF;}
.popin-inner .txt-vert {color: #85c285;}
.popin-inner .txt-bleu {color: #85a3c2;}
.popin-inner .txt-jaune{color: #e7bc27;}

.horaires-bottom {
	display: block; 
	text-align: right; 
	width: 100%; 
	margin-top: 25px;
}



/* --- Sorties d'effectifs --- */
.depart_effectif th {width: 30%;}

/* --- Fiche abonne --- */
.tab-fiche-abonne td > * {width: 100%;}

/* --- Recherche d'itinéraire --- */
.input-heure, .input-date{ width: 90px; }
.btn-mes-itineraires{ float: none !important; }
.precision-arret{ width:auto !important; }
.tab-recherche-itineraire{width: 100% !important;}
.depart-itineraire{ background-image:linear-gradient(to right, #c0d677, #f1f1f1); }
.arrivee-itineraire{ background-image:linear-gradient(to right, #ebaa87, #f1f1f1); }
.plan-detaille { width: 100%; }
.detail-itineraire{	display:none !important; }
.btn-itineraire-mobile{	margin-top:5px; }
.radio-heure{ display: inline-block;}
#mes_infos.btn-container .mes_infos_inner{ min-width: 540px; }

.right-align{ 	
	text-align: right;
	vertical-align: middle;
}

.heure-itineraire{
	display:inline-block;
	vertical-align:top;
}

.complement-recherche-itineraire{
	display: inline-block;
	margin-top: 5px;
}

.container_question .container_question_inner .info {font-size: 0.9em; margin-bottom: 10px !important;}
.nb-correspondance {font-style: italic;}

.result-itineraires {
	border-top: solid 1px #b3b3b3;
	margin-top: 15px;
	padding-top: 15px;
}

#resultat_recherche {margin-bottom: 20px;}

.mes_infos_detail.itineraires {
	margin-top: 5px;
	right: 30%;
}

.itineraires label {
    display: inline-block;
    width: 170px;
}

.itineraires .question label {
    width: auto;
    font-weight: normal;
}

.itineraires .heure, .itineraires  .date { width: 90px; }
.itineraires .adresse { width: 240px; }
.itineraires input { margin-bottom: 10px; }
.itineraires .question { margin-top: 20px; }
.itineraires .question .info { font-size: 0.9em; }
.itineraires_footer p img { vertical-align: middle; }
.itineraires_footer p span { font-style: italic; }


.itineraires_footer {
	margin-top: 50px;
	text-align: center;
}

/* --- Overlay --- */
.ui-widget-overlay{position:fixed !important;}

/* --- Media Query --- */

@media (max-width: 640px) {
      div#page_deco { width: 100%; }
      .form-horaires-select { width: 50%;}
      .horaires-table { font-size: 0.6em;}
      #recherche_itineraires form 
      {
    	width:100%;
    	min-width:initial;
	  }
	  #mes_infos.btn-container .mes_infos_inner { min-width: initial; }
     .mes_infos_detail {right: 0; }
}