/*==================================*
| Globale                           |
*===================================*/

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

@font-face {
    font-family: lato;
    src: url(../fonts/Lato-Regular.ttf);
}

body {
    font-family: Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.font-lato {
    font-family: lato;
}

.neon-blue {
    color: #19d0fe !important;
}

button#menu-toggle{
	display: none;
}

.btn-warning {
    color: #212529;
    background-color: #ef9a3c;
    border-color: #ef9a3c;
}

#scrollUp
{
	position: fixed;
	bottom : 10px;
	right: -100px;
	opacity: 0.5;
}
/*==================================*
| Sub-Header                        |
*===================================*/
div#wrapperH {
    background-color: #f8f9fa!important;
	border-bottom: 1px solid #dee2e6!important;
}

nav#nav-sub-header {
    border-bottom: none !important;
}


.Text-Sub-Header {
	width: 407px;
	/* height: 19px; */
	/* font-family: Avenir; */
	font-size: 15px;
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	/* line-height: 2.67; */
	letter-spacing: normal;
	text-align: right;
	color: #333333;
	margin-right: 2px;
}

.Tel-Black {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.Tel-Sub-Header {
    /* width: 163px; */
    /* height: 19px; */
    font-family: Avenir; 
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    /* line-height: 2; */
    letter-spacing: normal;
    text-align: right;
    color: #1dcbed;
}


/*==================================*
| Header                            |
*===================================*/
.toggled .fa-chevron-left:before {
    content: "\f054";
}

.reserver-maintenant {
    /* margin-top: 3%; */
    /* margin-left: 50%; */
}

.Payez-plus-tard {
	width: 260px;
    height: 54px;
    object-fit: contain;
    position: absolute;
	right: 140px;
}

nav.header .icons {
    text-align: right;
}

nav.header .icons i.fas {
    color: white;
    margin: 20px 10px;
}

@media screen and (max-width: 500px) {
  .reserver-maintenant {
		margin-top: 0;
		margin-left: 0;
		width: 100%
    
	}

	.Payez-plus-tard {
		/* display: none */
		right: 0;
	}
	
	.plus-tard {
		margin-bottom: 50px;
		margin-top: 10px;
	}
	
	i.fas.fa-search-minus, i.fas.fa-search-plus {
		display: none;
	}
	
	nav.header .icons {
		text-align: center;
	}
}



/*==================================*
| Side Bar                          |
*===================================*/
.logo {
  width: 190px;
  object-fit: contain;
}

.list-group-flush {
    font-size: 18px;
}

.list-group-flush .list-group-item-action {
    color: #656565;
	text-transform: uppercase!important;
}

.list-group-flush a:hover {
    background-color: #f8feff !important;
}

.list-group-flush a:active {
    color: #19d0fe;
}

#sidebar-wrapper .list-group {
    position: fixed;
    z-index: 1;
    top: 130px;
}

#sidebar-wrapper {
    width: 19rem;
}
/*==================================*
| Devis                             |
*===================================*/

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

.logo-devis {
    width: max-content;
}

.Adrese-Client {
    /* width: 357px; */
    /* height: 111px; */
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 4px;
    letter-spacing: normal;
    text-align: left;
    color: #060606;
}

.Suivi-Devis {
    font-family: Avenir;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 0px;
    letter-spacing: normal;
    text-align: left;
    color: #595959;
}


.text-min {
    font-size: 14px;
}

.Numero-Devis, .Date-Devis {
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 4px;
    letter-spacing: normal;
    color: #000000;
}

.prix {
    font-size: 25px;
}

.Intitule-Devis {
	font-size: 15px;
}

.Bus-Retour, .Bus-Depart {
	width: 40px;
	height: 25px;
	object-fit: contain;
}

span.badge.badge-pill.badge-info-claire {
    background-color: #ebfbff;
    color: #03b5dd;
}

.Chauffeurs-Tag-Icone, .Bus-Tag-Icone, .Personne-Tag-Icone {
    padding: 1px 5px 5px 0;
}

.Retour-Date-Titre,.Depart-Date-Titre {
    font-family: Lato;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #060606;
}

span.Retour-Titre, span.Depart-Titre {
    color: #f77567;
}

.Point-Depart {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.Point-Arriver {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.Detail-Programme {
	font-family: Lato;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: left;
	color: #17d1fe;
}

.Duree-Icone {
	width: 17px;
	height: 20px;
	object-fit: contain;
	opacity: 0.41;
}

.Duree {
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #060606;
}
div.border-left.Duree {
    border-left: 1px solid #f77567!important;
}

.Wifi {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.Wc {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.Confort {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.Usb {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.row.devis.border-bottom {
    border-width: 2px !important;
}

@media screen and (max-width: 500px) {
	.details {
		display: none
	}
	
	a.Detail-Programme.Retour,a.Detail-Programme.Departb {
		font-size: 30px;
	}
}


/*==================================*
| Forme                             |
*===================================*/

.Form-Background {
	/* width: 943px; */
	/* height: 767px; */
	/* object-fit: contain; */
}

.Arriver-Form, .Depart-Form {
	/* width: 28px; */
	/* height: 28px; */
	/* object-fit: contain; */
	/* border: solid 3px var(--neon-blue); */
	/* background-color: #ffffff; */
	margin-left: 2.2rem!important;
}

p.border-left.form-res {
    border-left: 3px solid #19d0fe!important;
	margin-left: 5.2rem!important;
	padding: 200px 0 !important;
}

.Payez-Plus-Tard-Form {
  width: 342px;
  height: 77px;
  object-fit: contain;
}

@media screen and (max-width: 500px) {
	.destination-form {
		display: none
	}
	
	.Payez-Plus-Tard-Form {
		width: 90%;
	}
}

.form-confirmation .card-img-overlay {
    border-bottom: 10px solid #19d0fe;
}

/*==================================*
| Avantages                         |
*===================================*/

.avantage-neon-blue {
    background-color: #19d0fe;
}

.Interlocuteur {
  /* width: 80px; */
  /* height: 64px; */
  width: 69px;
  height: 68px;
  object-fit: contain;
}

.Reactivite {
  width: 69px;
  height: 68px;
  object-fit: contain;
}

.Tarifs {
  /* width: 34px; */
  /* height: 43px; */
  width: 69px;
  height: 68px;
  object-fit: contain;
}

.Reseau {
  /* width: 72px; */
  /* height: 57px; */
  width: 69px;
  height: 68px;
  object-fit: contain;
}

@media screen and (max-width: 500px) {
	.Reseau-p {
		line-height: 15px;
	}
}

  
.ans {
  /* width: 54px; */
  /* height: 55px; */
  width: 69px;
  height: 68px;
  object-fit: contain;
}

.Flotte {
  width: 162px;
  height: 83px;
  object-fit: contain;
  margin: 44px 0;
}

/*==================================*
| Slide                             |
*===================================*/

.carousel-caption.slide {
    top: 50px;
}

/*==================================*
| FAQ                               |
*===================================*/

p.faq:hover {
    background-image: linear-gradient(#31a3bf, #11cefd);
    color: #fff!important;
}

img.white-icon {
    display: none;
}

 p.faq:hover img.white-icon {
    display: inline-block;
}

p.faq:hover img.blue-icon {
    display: none;
}

.faq-reponse {
    width: 90%;
}

.tooltip1 {
    display: none;
}

/* .tooltip1 {
    width: 40%;
    float: right;
    margin-right: 50px;
    margin-top: -46px;
} */

.tooltip1 {
    width: 40%;
    left: 52%;
    top: 0;
    position: absolute;
}

.Polygon1 img {
    margin-top: 0;
}

.Polygon2 img {
    margin-top: 50px;
}

.Polygon3 img {
    margin-top: 100px;
}

.Polygon4 img {
    margin-top: 150px;
}

.Polygon5 img {
    margin-top: 200px;
}

.Polygon6 img {
    margin-top: 250px;
}

.Polygon7 img {
    margin-top: 285px;
}

.faq {
    width: 50%;
}

@media screen and (max-width: 500px) {
	.tooltip1 {
		width: 90%;
		margin-top: -45px;
		position: absolute;
		left: 50px;
	}

	.faq {
		width: 100%;
	}
}

@media screen and (min-width: 468px) and ( max-width: 1052px) {
	.tooltip1 {
		width: 70%;
		margin-top: -60px;
		position: absolute;
		left: 170px;
	}
}


.mobile-display {
    display: none;
}

@media screen and ( max-width: 1055px) {
	.mobile-display {
		display: block;
	}
	.pc-display {
		display: none;
	}
}


p.faq:hover + .tooltip1 {
    display: block;
}

.tooltip1 hr, .card-body hr {
    width: 40%;
    border-top: 2px solid #19d0fe;
}

/*==================================*
| Bon de commande                   |
*===================================*/

.bon-commande h4 {
    background-color: #19d0fe;
}

.bon-commande p.banque {
    line-height: 1;
}

img.Sg-Logo {
    right: 0;
    bottom: 0;
}

img.Bc-Background {
    width: 100%;
}

@media screen and (max-width: 500px) {
	.bon-commande img.Bc-Background {
		/* max-width: 320px; */
	}

	.bon-commande .info-bc {
		margin-top: -430px;
	}
}


/*==================================*
| Réglementation                    |
*===================================*/

@media screen and (min-width: 500px) {
	img.Generali{
    float: left;
	}

	img.Paiement {
		float: right;
	}
}

@media screen and (max-width: 500px) {
	img.Generali, img.Paiement {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

/*==================================*
| CVG                               |
*===================================*/

.cvg .cvg-article {
    height: 600px;
}