.breadcrumbs li {
	color: #999;
	font-size: 14px;
	font-family: 'Museo Sans W01 500',Arial,Helvetica,sans-serif;
}

.auto-overflow {
	overflow-x: auto;
}
button[type="button"]:disabled, .form__selectDisabled {
	opacity : 0.6;
}

.button--secondary {
  background-color: #f60;
  padding: 10px 25px;
  line-height: 30px;
  font-size: 17px;
}

.button--secondary:after {
  content: '';
}

.button--secondary--line {
  background-color: #FFF;
  border : 1px solid #f60;
  color : #f60;
  padding: 10px 25px;
  line-height: 28px;
  font-size: 17px;
  text-align : center;
}
.button--secondary--line:after {
  content: '';
}
.button--secondary--line:hover {
	background: #f60;
	color: #FFF;
}

.uncapitalized {
	text-transform: none !important;
}

/* stylise un span comme un lien */
.tnt-link {
	color: #f60;
	cursor : pointer;
}
.tnt-link:hover {
	text-decoration : underline;
}

input.tnt-sticky-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

input.tnt-sticky-left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px;
}

.tnt-sticky-right-container {
  padding-right: 0px;
}

.tnt-box-padding {
  padding-left: 11px;
  padding-right: 11px;
}

.tnt-ellement-padding {
  padding-left: 24px;
}

.tnt-no-padding {
  padding-left: 0px;
}

input:disabled {
  background-color: #f0efef;
}

.tnt-select {
	height : 50px;
}

.tnt-error {
	white-space : normal;
}

.tnt-inline-image {
	width : auto !important;
	height : auto !important;
	margin : 0px !important;
	display: inline-block;
  vertical-align: middle;
}

.tnt-width-full {
	width: 100%;
}

.tnt-align-top {
	vertical-align : top;
}

@media screen and (max-width:768px){
	/* corrige la taille incorrecte des select en mobile */
	.form__select{
		position:absolute !important;
	}
	.no-padding-phone {
		padding : 0px;
	}
	
	.tnt-width-full-phone {
		width: 100%;
	}
	
}

  span.form__select_modal{
    position:relative !important;
  }


input[type="checkbox"][disabled]+label {
	opacity : 0.6;
}

input[type="radio"][disabled]+label.tnt-radio-label {
	opacity : 0.6;
}

.roster__item--center {
	text-align : center;
}

/* TABLEAUX */
table.tnt-table td {
	padding : 10px !important;
	white-space: normal !important;
}

.tnt-table th {
  background-color: #f60;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  padding : 10px 2px 10px 10px;
}
 
.tnt-table th a{
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  text-decoration : none;
}

.tnt-table th.sortable a {
  width : 100%;
  background-position: right;
  background-image: url(../images/tri.png);
  background-repeat: no-repeat;
  display: block;
  text-align: left;
  padding-right: 27px;
}

.pagebanner {
	white-space: normal !important;
}

.expedition-table-header {
	width : 16%;
}

@media screen and (max-width: 768px) {
	.invisible-phone {
	  display : none;
	}
	.align-left-phone {
	  text-align : left;
	}
	.no-margin-phone {
	 margin : 0px !important;
	}
}



@media screen and (max-width: 480px) {
	button.pagination-button {
	  width: auto;
	}
}


/* FLYOUT ESPACE PRIVATIF CE */
.espace-priv-layout-item {
	/* ecrase le style particulier d'un layout__item dans un flyout */
	display : inline-block;
	vertical-align: middle;
}

.espace_priv_flyout_list {
	list-style : none;
}

.espace_priv_flyout_list a{
	color: #333;
}
.espace_priv_link {
	float : right;
}

@media screen and (max-width: 850px) {
	.espace-priv-flyout-button {
	  margin-bottom: 0px !important;
	}
	.espace_priv_link {
  	  width : auto !important;
	}
}

@media screen and (min-width: 850px) {
	.espace-priv-flyout-etape {
		height : 15px;
	}
}

/* DETAIL EXPEDITION */
.tnt-accordion-result {
	padding : 0 15px !important;
}
.tnt-accordion-result * {
	white-space : normal;
}
.tnt-accordion-result .roster .roster__item:first-child {
	vertical-align : top;
}
.tnt-accordion-result img {
	width : auto !important;
	height : auto !important;
	margin : 0px !important;
	display: inline-block;
  	vertical-align: middle;
}

.menu--accordion .result__item .result__content.result__content--no-padding {
	padding : 0px;
}

@media screen and (max-width: 850px) {
	.tnt-item-mobile {
	  width : auto !important;
	  margin-bottom: 0px !important;
	}
}

.agence-link, .tnt-orange {
  color: #f60;
}

/* CLIQUEZ ENVOYEZ STEP METER */
.progress__dot, .progress__dot--inner {
	background :  #f7f7f7;
	border-radius : 50%
}

.progress-bar {
	padding-bottom :25px
}
.progress__list {
	width : 100% ;
	height : 24px;
	margin-top : 15px;
	position : relative
}
.progress__item {
	position : relative;
	width : 20% ;
	height : 24px
}
.progress__item--first {
	position : absolute;
	left : 0;
	width : 14px
}
.progress__item--first.progress__item--current {
	width : 20px
}
.progress__dot {
	width : 14px;
	height : 14px;
	padding : 2px;
	display : block;
	position : absolute;
	right : 0;
	top : 5px;
	z-index : 3
}
.progress__dot--inner {
	width : 10px;
	height : 10px;
	display : block;
	border : 2px solid #a8a8a8
}
.progress__line {
	display : block;
	width : 100% ;
	margin-top : 11px
}
.progress__line--bg {
	width : 100% ;
	height : 4px;
	display : block;
	background : url(../images/dot-grey--horizontal.png)repeat-x;
	position : absolute;
	z-index : 1
}
.progress__line--passive {
	width : 100% ;
	height : 3px;
	background-color : #f60;
	position : absolute;
	z-index : 2;
	display : none
}
.progress__item--current .progress__dot {
	width : 25px;
	height : 25px;
	padding : 3px;
	border-radius : 13px;
	top : -1px
}
.progress__item--current .progress__dot--inner {
	border : 3px solid #f60;
	width : 20px;
	height : 20px;
	border-radius : 10px
}
.progress__item--current .progress__line--passive {
	display : block
}
.progress__item--complete .progress__dot--inner {
	border : 2px solid #f60!important
}
.progress__item--complete .progress__dot--inner :hover {
	-webkit-transform : scale(1);
	-ms-transform : scale(1);
	transform : scale(1);
	background :  #f60;
	-webkit-animation : bounceIn ease-in 1;
	animation : bounceIn ease-in 1;
	-webkit-animation-fill-mode : forwards;
	animation-fill-mode : forwards;
	-webkit-animation-duration : .5s;
	animation-duration : .5s
}
.progress__item--complete .progress__line--passive {
	display : block
}
.progress__item--animate .progress__dot {
	-webkit-transform : scale(0);
	-ms-transform : scale(0);
	transform : scale(0);
	-webkit-animation : bounce ease-in 1;
	animation : bounce ease-in 1;
	-webkit-animation-fill-mode : forwards;
	animation-fill-mode : forwards;
	-webkit-animation-duration : .5s;
	animation-duration : .5s;
	-webkit-animation-delay : .9s;
	animation-delay : .9s
}
.progress__item--animate.progress__line .progress__line--passive {
	opacity : 1;
	width : 100% ;
	-webkit-animation : grow_line ease-in 1;
	animation : grow_line ease-in 1;
	-webkit-animation-fill-mode : forwards;
	animation-fill-mode : forwards;
	-webkit-animation-duration : .65s;
	animation-duration : .65s;
	-webkit-animation-delay : .6s;
	animation-delay : .6s
}

/* CLIQUEZ ENVOYEZ FORM */

.tnt-vignette-type {
	height : 70px !important;
}

.tnt-datepicker-wrapper img {
	width : auto !important;
	height : auto ! important;
	margin-left: 5px;
	vertical-align : middle;
	cursor : pointer;
}

.tnt-form-row {
	margin-bottom : 20px;
}

.tnt-icon-medium {
	font-size : 25px;
}

.tnt-color-grey{
	color:#a9a9a9 !important;
}

@media screen and (max-width: 850px) {
	.tnt-form-row {
	  margin-bottom: 10px;
	}
	.tnt-radio-mobile-small {
		min-width : 75px;
	}
}

 @media screen and (min-width : 769px) {
	.lap-and-up-layout--center > .layout__item {
		text-align : center
	}
	.lap-and-up-roster--center > .layout__item {
		text-align : center
	}
}
.package {
  border-top: 1px solid #dfdfdf;
  padding-top: 10px;
  position: relative;
}

.success-block {
  border : 1px solid #1FA538;
  padding : 5px;
  margin-bottom: 15px;
  width : 100%;
}

.error-block {
  border : 1px solid #e60000;
  padding : 5px;
  margin-bottom: 15px;
  width : 100%;
}

.error-icon {
  color : #e60000;
  vertical-align : baseline;
}

.error-text {
  font-size : 17px;
}

.error-subtext {
	margin-bottom : 5px;
}
.error-subtext > ul{
  list-style: none;
  margin-bottom : 0px;
}

/**
Annimation des placeholders
**/



input.float-input-active {
  padding-top:16px;
  line-height:14px;
  padding-bottom:0;
}

.float-label {
  position:relative;
}

.float-label>label {
  text-transform:uppercase;
  position:absolute;
  top:7px;
  left:10px;
  right:10px;
  width:auto;
  z-index:2;
  overflow:hidden;
  color:#999;
  font-size:11px;
  pointer-events:none;
}

label.float-label--disabled {
  color:#D1D1D1;
}

.show-hide {
  -webkit-transition: all .05s cubic-bezier(.25, .46, .45, .94);
  transition: all .05s cubic-bezier(.25, .46, .45, .94)
}

.show-hide.ng-hide-add, .show-hide.ng-hide-remove {
  display: block !important;
  position: absolute
}

.show-hide.hide {
  top: 20px;
  display: block !important;
  position: absolute;
  opacity: 0
}

.show-hide.ng-hide-add, .show-hide.ng-hide-remove.ng-hide-remove-active {
  top: 5px;
  opacity: 1;
  display: block !important;
  position: absolute
}

.hide {
  display: none;
}

h1.titre_page {
	font-family:'Museo Sans W01 700';
	font-size:24px;
	color:#333f48;
}

h3.titre_paragraphe {
	font-family:'Museo Sans W01 500';
	font-size:20px;
	color:#ff6600;
}

.titre_zone {
	font-family:'Museo Sans W01 500';
	font-size:18px;
	color:#333f48;
	text-transform : capitalize;
}


/* Tableau de selection des service CE */
table.tarif-ce {
  border: 1px solid #ccc;
  width: 100%;
  white-space: normal;
}

table.tarif-ce > thead > tr, table.tarif-ce > tbody > tr{
  border: 1px solid #ccc;
  border-right-width: 0px;
  border-left-width: 0px;
  white-space: normal;
}

table.tarif-ce > thead > tr > th, table.tarif-ce > tbody > tr > td {
  border: 0px solid #ccc;
  white-space: normal;
}

table.tarif-ce > tbody > tr > td > input[type=radio] {
  display: inline-block;
  white-space: normal;
}

table.tarif-ce > tbody > tr > td.tarif{
  text-align:center;
  white-space: normal;
}

table.tnt-nouveau-tableau-service {
	width:98%;
}

.remise_service_item {
	display:inline;
}

table.tnt-nouveau-tableau-service {
	 border-collapse: separate;
     border-spacing: 5px 5px; /* Nombre de pixels d'espace horizontal (5px), vertical (8px) */
}

#radio_label_commandeIpossible:hover{
	background-color: #F7F7F7;
}
#map_canvas img {
  margin: 0px
}

.tnt-box--grey {
  padding: 8px;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  background: #DCDCDC;
  margin-bottom: 10px;
}

.button-orange {
  background-color: #f60;
  padding: 10px 25px;
  line-height: 30px;
  font-size: 17px;
}

.button-orange:hover {
   background-color: #f62;
}

.button-blanc {
  border: 1px solid #f60;
  background-color: white;
  padding: 10px 10px;
  line-height: 28px;
  font-size: 17px;
  color: #f60;
}

.price {
  text-align: right;	
}

/* tooltip -> modal */
.button__tooltip {
  background: #999;
  line-height: 25px;
  width: 25px !important;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  border-radius: 3px;
  cursor : pointer;
}

input[type=text].inputfieldgrayed {
  color: #999;
}

.tnt-word-break *{
	white-space : normal;
}

.tnt-element-word-break {
	white-space : normal;
}

/* pour regler la taille des input et de span des radio et checkbox contenus dans des rosters*/
.tnt-radio-block > input[type="radio"], .tnt-radio-block > label > span,
 .tnt-checkbox-block > input[type="checkbox"], .tnt-checkbox-block > label > span {
	width : 16px !important;
}

/* Start ie8 custom css */
.ie8-placeholder { 
  color: #aaa !important;
}

.ie8-checked {
  background:#f60;
  color:#FFF;
  border-color:#e65c00
}

/* radio pill selectionn? sur IE8*/
.radio__pill.ie8-checked:hover{
  background: #f60;
}
 /* End ie8 custom css */

.tnt-table-accordion {
  border: none;
}

.tnt-table-accordion-header {
  border: 1px solid #dfdfdf;
}

.tnt-table-accordion-result {
  padding : 0 0px !important;
}

.tnt-icon {
  font-size: 34px;
  color: #FF6600;
}

.tnt-li-circle {
  width: 47px;
  height: 47px;
  background: transparent;
  border: 6px solid #FF6600;
  border-radius: 50%;
}

.suivi-progress__item {
  position: relative;
  width: 25%;
  height: 17px;
  padding-left: 3px;
}

.suivi-complete {
  padding-left: 0px;
}

.suivi-icon {
  font-size: 34px;
  color: #FF6600;
}

.suivi-icon-ok {
  font-size: 15px;
  color: #FF6600;
  background: white;
  border: 2px solid #FF6600;
  border-radius: 50%;
}

.tnt-li--first-complete{
  width: 0%;
  height: 20px;
}

.suivi-step--selected {
  background: white;
  border: 6px solid #FF6600;
  border-radius: 50%;
  padding: 2px;
  display: block;
  position: absolute;
  right: 0px;
  top: -10px;
  z-index: 3;
}

.suivi-progress__dot {
  width : 14px;
  height : 14px;
  display : block;
  position : absolute;
  right : 0;
  top : 5px;
  z-index : 3;
  background-color: white;
}

.tnt-green {
  color: #1FA538;
  border-color: #1FA538;
}

.progress__line--passive-ok {
  background-color: #1FA538;
}

.suivi-warning {
  width: 34px;
  height: 34px;
  font-size: 27px;
  padding-left: 2px;
}

.tnt-incident {
  color: #EC9C1F;
  border-color: #EC9C1F;
}

.progress__line--passive-incident {
  background-color: #EC9C1F;
}

.progress__item--complete--first {
  width: 15%;
}

.suivi-title-first {
  width: 12%;
}

.suivi-title {
  text-align: center;
  vertical-align: top;
}

.suivi-title-last {
  width: 10%;
  vertical-align: top;
}

.suivi-title-selected {
  padding: 3px;
  background-color: #FF6600;
  color: white;
}

.suivi-title-selected-green {
  padding: 3px;
  background-color: #1FA538;
  color: white;
}

.suivi-title-selected-incident {
  padding: 3px;
  background-color: #EC9C1F;
  color: white;
}

/* modales */
.modal_content {
	text-align : left;
}


/* MA LIVRAISON */
.relais-colis-adresse input {
	height : auto;
	line-height : normal;
	padding-top : 2px;
	padding-bottom : 2px;
}

.suivi-icon-warning {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 36px;
  margin-right: 5px;
  text-align: center;
  font-size: 26px;
  line-height: 22px;
  font-weight: 700;
  margin-top: -1px;
  background-color: #EC9C1F;
  padding-top: 10px;
  padding-right: 2px;
}

.suivi-icon-livre {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 36px;
  margin-right: 5px;
  text-align: center;
  font-size: 26px;
  line-height: 22px;
  font-weight: 700;
  margin-top: -1px;
  color: #1FA538;
  border: 6px solid #1FA538;
  padding-top: 9px;
  padding-right: 0px;
}

#blocDestinataire input[readonly] {
	background : #F0EFEF;
}

.choix-ret-tooltip {
   border: 1px solid #fd6003 !important;
   padding: 5px;
   opacity: 0.9;
   font-size: 14px !important;
}

/* Cliquez envoyez*/
h1.titre_page {
	font-family:'Museo Sans W01 700';
	font-size:24px;
	color:#333f48;
}

h3.titre_paragraphe {
	font-family:'Museo Sans W01 500';
	font-size:20px;
	color:#ff6600;
}

.titre_zone {
	font-family:'Museo Sans W01 500';
	font-size:18px;
	color:#333f48;
}

.tnt-even {
  background-color: #F5F5F5;
  padding-left: 25px;
  padding-right: 25px;
}

.tnt-odd {
  padding-left: 25px;
  padding-right: 25px;
}

/* Cliquez envoyez Etape2*/
table.tnt-nouveau-tableau-service {
	width:98%;
}

.remise_service_item {
	display:inline;
}

table.tnt-nouveau-tableau-service {
	 border-collapse: separate;
     border-spacing: 5px 5px; /* Nombre de pixels d'espace horizontal (5px), vertical (8px) */
}

.tnt-service-item {
	margin-bottom: 5px !important;
}

.tnt-radio-label .tnt-service-libelle {
	display: inline-block;
	line-height: 10px;
}

@media screen and (max-width: 768px) {
	
	.tnt-palm-font-90pcts {
		font-size: 90%;
	}
	
	.tnt-palm-grey {
		background-color: #f0efef !important;
	}
	
	.palm-no-margin-bottom {
		margin-bottom: 0;
	}
	
	.palm-price {
	  text-align: right;	
	}
}

@media screen and (max-width:479px) {
	
	.tnt-radio-label .tnt-service-libelle {
		position: relative;
		top: -10px;
		font-size: 90%;
	}
	
	.tnt-radio-label .tnt-service-prix {
		text-align: left;
		position: relative;
		top: -23px;
		left: 25px;
		font-size: 90%;
	}
	
	.palm-and-up-roster__push--right {
		padding-right: 0;
	}
	
	.palm-and-up-roster__push--left {
		padding-left: 0;
	}
	
	.phone-mini-btn {
		padding-left : 0;
		padding-right : 0;
	}
}

.no-margin-bottom {
	margin-bottom: 0px !important;
}

.tnt-readonly {
	background : #F0EFEF !important;
}

.ui-datepicker {
	z-index : 10100!important;
}

.menu--accordion .result__item .result__row--faqtnt:before {
  content: "\e63f";
  position: absolute;
  font-size: 11px;
  top: 50%;
  margin-top: -3px;
  left: 9px
}

.tnt-museo-18 {
	font-family: 'Museo Sans W01 700',Arial,Helvetica,sans-serif; color: #333f48; font-size: 18px;
}
.tnt-museo-16-orange {
	font-family: 'Museo Sans W01 300',Arial,Helvetica,sans-serif; color: #F06000; font-size: 16px;
}

@media screen and (min-width:480px) {
	
	.hide-palm-and-up {
		position: absolute !important;
		border: 0 !important;
		padding: 0;
		height: 1px;
		width: 1px !important;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		clip: rect(1px, 1px, 1px, 1px)
	}
	
	br.hide-palm-and-up {
		display: none
	}
	
	.tnt-radio-label .tnt-service-prix {
		text-align: right;
	}
	
	.palm-and-up-roster__push--right {
		padding-right: 10px;
	}
	
	.palm-and-up-roster__push--left {
		padding-left: 10px;
	}
}