@font-face {
	font-family: 'Polly';
	src:  url('../fonts/PollyRounded-Regular.otf');
}

@font-face {
	font-family: 'Polly';
	font-weight: bold;
	src:  url('../fonts/PollyRounded-Bold.otf');
}

@font-face {
	font-family: 'Avenir';
	src:  url('../fonts/Avenir.ttc');
}

@font-face {
	font-family: 'iconomad';
	src:  url('../fonts/iconomad.eot?ctsac2');
	src:  url('../fonts/iconomad.eot?ctsac2#iefix') format('embedded-opentype'),
	  url('../fonts/iconomad.ttf?ctsac2') format('truetype'),
	  url('../fonts/iconomad.woff?ctsac2') format('woff'),
	  url('../fonts/iconomad.svg?ctsac2#iconomad') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

body {
	font-family: 'Polly', 'Avenir', sans-serif!important;
}

.noborderimportant {
	border: none!important;
}

.colornomad {
	color: #3D167F;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 10px!important;
    padding-left: 10px!important;
}

.tableprix {
	text-align: center;
	padding-bottom: 6em!important;
	font-weight: bold;
}

.tableprix.row {
	margin-bottom: 10px;
}

.tableprix i {
	color: #3D167F;
}

.img-produits {
	max-height: 150px;
}

.aff-prixprimetransport {
	font-size: 10px;
}

.btn-prix {
	font-weight: bold;
	font-size: 2em;
	color: #3D167F;
}

.btn-devis {
    color: #fff!important;
    background-color: #3D167F!important;
    border-color: #3c167fa2!important;
}

.btn-devis:hover {
    color: #FFF!important;
    background-color: #3c167fa2!important;
    border-color: #3D167F!important;
}

.btn-achat {
    color: #3D3D3F!important;
    background-color: #F6A312!important;
    border-color: #f6a21273!important;
}

.btn-achat:hover {
    color: #000!important;
    background-color: #f6a21273!important;
    border-color: #F6A312!important;
}

.btn-sortnomad {
	color: #ffffff!important;
	background-color: #3D167F!important;
	font-weight: bold;
}

.btn-sortnomad:hover {
	background-color: #1b0442!important;
	background-position: 0 -45px!important;
}

.btn-sortnomad.active {
	background-color: #C4B9D8!important;
	background-position: 0 -45px!important;
	color: #3D3D3D!important;
	border-color: #3D167F;
}

.btn-sortnomad-tous {
	color: #3D3D3F!important;
	background-color: #FCE200!important;
}

.btn-sortnomad-tous:hover {
	background-color: #fce30071!important;
	border-color: #3D167F!important;
	background-position: 0 -45px!important;
}

.dropdown-item:focus, .dropdown-item:hover {
	background-color: #C4B9D8!important;
}

.col-nbtrajet {
	background-color: #F6A312;
	border-radius: 7px;
	height: 100%;
	color: #3D3D3F;
}

.col-offres {
	border: 2px #3D167F solid;
	height: 100%;
}

.col-prix {
	border: 2px #F6A312 solid;
	height: 100%;
}

.backgroundNbtrajet {
	background-color: #F6A312;
}

.backgroundNbtrajetTransparent {
	background-color: #f6a2129f;
}

.backgroundNomad {
	background-color: #3D167F;
}

.backgroundBillet {
	background-color: #8A8EC1;
}

.backgroundBilletPrix {
	background-color: #5358A3;
}

.btn-nomad {
	color: #ffffff!important;
    background-color: #5358A3!important;
}

.backgroundCarte, .backgroundAbo {
	background-color: #B3E8DC;
}

.backgroundCarteSemWe, .backgroundAboMoisAnn {
	background-color: #40C5A7;
}

.backgroundFlexipass {
	background-color: #91D6DC;
}

.backgroundFlexipassprix {
	background-color: #00A0AF;
}

.backgroundCombiParis {
	background-color: #FFDBDC;
}

.backgroundCombiParisMoisAnn {
	background-color: #FF9394;
}

.backgroundConnex {
	background-color: #FFDBDC;
}

.backgroundConnexPrix {
	background-color: #FF9394;
}

.sizemax {
	font-size: x-large;
}

#tarifsAccordion {
	margin: 0 -10px;
}

#tarifsAccordion .btn {
	margin: 0 10px 10px 10px;
}

#tarifsAccordion img {
	width: 120px;
}

.urbain img {
	max-height: 35px;
    width: auto !important;
    max-width: 100%;
    margin: 5px;
}

.sansborderleftbottom {
	border-left: none!important;
	border-bottom: none!important;
}

.sansborderrightbottom {
	border-right: none!important;
	border-bottom: none!important;
}

.sansbordertop {
	border-top: none!important;
}

.primetransport {
    /*border: #3D167F solid 1px;
    color: #3D167F;*/
	color: #3D167F;
    padding: 3px!important;
    border-radius: 7px;
}

.container-fluid {
	padding-bottom: 10px;
	padding-top: 10px;
}

#logo {
	height: 80px;
	padding-bottom: 10px;
}

/*.table-bordered td, .table-bordered th {
    border: 2px solid #dee2e6!important;
}*/

.rondcouleur {
	margin: auto;
    background-color: rgb(246, 163, 24);
}

#centreitineraire {
	max-height: 40px;
}

.fondsoudure {
	background-color: #3d167f6b;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 5px 15px;
}

.macaronprix {
	height: 150px;
	width: 150px;
	background-image: url("../images/macarons/pastille_module_calcul_flexipass_NOMAD_150.png");
	background-repeat: no-repeat;
    background-position: center center;
	display: table-cell;
    vertical-align: middle;
	text-align: center;
}

.centremacaronprix {
	margin: auto;
    display: table;
}

.prix {
    color: #3D167F;
}

.prix:after {
	font-family: 'iconomad' !important;
	content: "\e92b";
    font-size: x-large;
}

.mentiontarif {
	padding: 20px 20px 0 20px;
    margin: 0 30px;
    font-size: smaller;
	text-align: center;
}

footer {
	font-family: 'Avenir', sans-serif!important;
    background-color: rgb(242, 242, 242);
    font-size: small;
	padding: 5px 0px;
}

footer img {
	height: 30px;
}

.ecriturevertic {
	writing-mode: vertical-rl;
	text-orientation: upright;
}

#affichitineraireborder {
	/*background-color: #1e9dae;
	background-color: #3D167F;
	color: #3D167F;
	width: 100%;
    height: 3rem;
	background-clip: border-box;
    border-radius: 2rem;
    border: 1px solid rgba(0,0,0,.125);
	margin: 0 10px;*/
}

.couleurbleunomad {
	color: #3D167F;
}

.couleurjaune {
	color: #FCE200;
}

#inputRechercheOrigine, #inputRechercheDestination {
	width: 100%;
    height: 3rem;
    outline: none;
    border-radius: 2rem;
    font-size: 16px;
    font-weight: 400;
    background-color: rgb(242, 242, 242);
    color: #3D167F;
    padding: 0px 40px 0px 50px;
}

.boutonannul {
	margin-left: -40px;
	border: 0;
	position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    width: 3rem;
    border-radius: 2rem;
    background-color: #3D167F!important;
}

.paddingnul {
	padding: 0!important;
}

.table td, .table th {
    padding: 0.2em!important;
}

.iconinput {
	position: absolute;
    left: 10px;
    top: 0.7rem;
	font-size: x-large;
}

.easy-autocomplete.eac-square, .easy-autocomplete.eac-round, .easy-autocomplete {
	width: 100% !important;
}

.js-rotate-if-collapsed {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}

.js-rotate-if-collapsed:active {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

button.btn.bg-transparent {
	z-index: 0!important;
}

/* Style for Extra Large Screen */
@media (max-width:3920px) {
	.btn-sq-responsive {
	width: 100px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 100px !important;
	font-size: 18px !important;
	}
}
	
/* Style for Large Screen */
@media (max-width:991px) {
	.btn-sq-responsive {
	width: 80px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 80px !important;
	font-size:15px!important;
	}
}
	
/* Style for Medium Screen */
@media (max-width:767px) {
	.btn-sq-responsive {
	width: 100px !important; /* whatever width you want for medium screen */
	max-width: 100% !important;
	max-height: 100% !important;
	height: 100px !important; /* whatever height you want for medium screen */
	font-size:18px!important;
	}
}	
/* Style for Small Screen */
@media (max-width:647px) {
	.btn-sq-responsive {
	width: 75px !important; /* whatever width you want for mobile screen */
	max-width: 100% !important;
	max-height: 100% !important;
	height: 75px !important; /* whatever height you want for mobile screen */
	font-size:14px!important;
	padding: 0px!important;
	}
}
	
/* Style for Small Screen */
@media (max-width:600px) {
	.btn-sq-responsive {
	width: 64px !important; /* whatever width you want for mobile screen */
	max-width: 100% !important;
	max-height: 100% !important;
	height: 64px !important; /* whatever height you want for mobile screen */
	font-size:14px!important;
	padding: 0px!important;
	}
}	

/* Style for Small Screen */
@media (max-width:450px) {
	.btn-sq-responsive {
	width: 50px !important; /* whatever width you want for mobile screen */
	max-width: 100% !important;
	max-height: 100% !important;
	height: 50px !important; /* whatever height you want for mobile screen */
	font-size:11px!important;
	padding: 0px!important;
	}

	.col-nbtrajet {
		font-size:10px;
	}
}

.easy-autocomplete-container {
	left: 20px;
	position: absolute;
	width: 90%;
	z-index: 2;
	margin-top: 5px;
}

.easy-autocomplete-container ul {
	background: none repeat scroll 0 0 rgb(242, 242, 242);
	border-top: 1px dotted #ccc;
	border: 2px solid #F6A312;
	display: none;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
    top: 5px;
    color: #3D167F;
    border-radius: 18px!important;
	z-index: 1;
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
	border-color: #ccc;
	border-image: none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 1px;
}

.easy-autocomplete-container ul li:last-child {
	border-radius: 2rem!important;
	border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
	background: none repeat scroll 0 0 #3D167F!important;
	border-radius: 2rem!important;
	color: white;
	cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
	font-weight: normal;
}

.easy-autocomplete-container ul li div {
	display: block;
	font-weight: normal;
	word-break: break-word;
}

.easy-autocomplete-container ul li b {
	font-weight: bold;
}

.easy-autocomplete-container ul .eac-category {
	text-decoration-color: #aaaaaa;
	font-style: italic;
}

.accordion-body {
	color: #353535;
	display: none;
}
  
.accordion-body__contents {
	padding: 0 0 1.5em 0;
	font-size: .85em;
}

.accordion-header span {
	font-family: 'Avenir', sans-serif!important;
}

.accordion-header {
	padding: 10px;
	/*width: 93%;*/
}
  
/*.accordion__item.active:last-child .accordion-header {
	border-radius: 7px 7px 0 0;
}
  
.accordion:first-child > .accordion__item > .accordion-header {
	border-bottom: 1px solid transparent;
}*/
  
.accordion__item > .accordion-header:after {
	content: "\ea3e";
	font-size: 1.2em;
	float: right;
	position: relative;
	top: -2px;
	right: 25px;
	transition: .3s all;
	transform: rotate(0deg);
}
  
.accordion__item.active > .accordion-header:after {
	transform: rotate(-180deg);
	border-radius: 7px;
}
  
.accordion__item .accordion-header {
	background: #3D167F;
	color: white;
	border-radius: 10px 30px 10px 10px;
	font-weight: bold;
	margin: 10px 0px;
}

.accordion__item.active .accordion-header {
	/*border: solid 2px rgb(246, 163, 24);*/
	border-left: 0;
}

.accordion__item .accordion__item .accordion-header {
	background: #f1f1f1;
	color: #353535;
}

.col-nbtrajet .d-flex {
	height: inherit;
}

.l-offre {
	border: 2px solid #3D167F;	
    background-color: #3D167F;
    width: 20px;
	left: -8px!important;
    /* position: absolute;
    left: -5px;
    top: 50%; */
}

.l-prix {
    border: 2px solid #F6A312;
    background-color: #F6A312;
    width: 20px;
	left: -10px!important;
    /* position: absolute;
    left: -10px;
    top: 50%; */
}
  
/*@media screen and (max-width: 1000px) {
	body {
		padding: 1em;
	}

	.accordion {
		width: 100%;
	}
}*/

@media only screen and (min-width: 550px) {
	th.align-middle {
		padding: 5px 10px 5px 10px;
	}
}

.aeeam26 {
	display: none;
}

.encartpromo {
	position: absolute;
	top: -60px;
	right: -20px;
}

.desactive {
	display: none!important;
}