/*
Theme Name:   	Bus Toqué V2
Theme URI:    	https://compliceweb.com
Author:         Complice WEB / Gilles Dumas
Author URI:     https://gillesdumas.com/
Description:  	Thème sur mesure pour le bus toqué.
Version:      	2.2.18
Text Domain:  	bus
Tags:         	e-commerce, gastronomie, paris, bus
*/



body {background-color:#5a5859;}

.remarque {font-size:15px;font-style: italic;}

.heure_service {
    display:inline-block;
    border:1px hotpink solid;
    padding:8px;
    margin-right:3px;
}
    .heure_service.service_disabled {
        border-color:#ccc;
        color:#ccc;
    }
    

#bloc_reservation_mobile {display:none;}
	#bloc_reservation {	z-index: 1000;}


#infos_reservation {
    background-color:#eee;
    border:1px #ddd solid;
    padding:10px;
    margin:12px 0;
    color:#000;
}
#nb_pax_reservation {
    font-weight:bold;
    font-size:1.2em;
}

a {
    color:#cad401;
}
a:hover,
a:focus {
    color:#cad401;
}

input[type=tel],
input[type=text],
input[type=password],
input[type=number],
input[type=email],
textarea {
    color:black !important;
}
#nb_convives {
    color:#fff !important;
}

#msg_perso_commande {
    margin:12px 0; 
}


.fullSlider .slick-slide {
    background-position: 50%!important;
}



/* ajouts / modifications cweb */

.icon-flag-en {
    width: 21px;
    height: 16px;
    background-position: -81px -45px;
}

.icon-flag-fr {
    width: 21px;
    height: 16px;
    background-position:-129px -79px;
}

.content  {max-width:1110px;}

.content h2 {
    font-size: 27px;
    text-transform: uppercase;
    color: #cad401;
    margin: 0;
	border-bottom: solid 1px #cad401;
	padding-top: 15px;
	padding-bottom: 8px;
	margin-bottom: 10px;
    clear: both;
}

.content h3 {
    font-size: 19px;
    text-transform: uppercase;
    color: #cad401;
    margin: 0;
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.entry-title {
    padding-top: 45px !important;
}



#header::after {
    opacity: 0.7!important;
	}


#menu {margin-left: 96px;}

#menu a {transition: all 1.3s !important;margin: 0 4px !important;padding: 5px 11px !important;}

#header .item__1 a {transition: all 2s !important;}

#header .mon_compte {
	background:rgba(45,62,70,0.8);
	padding:5px;
	border-radius: 5px;
    position: absolute;
    top: -52px;
    right: 5px;
	width:120px;
}

#header .mon_compte img {display:inline;}

q {
	text-shadow:4px 3px 12px #000000;
	font-size:36px;
}

.bloc_reponse {margin-bottom: 9px;}

#footer {
		padding: 0 !important;
		}

#footer .bus {
    top: -195px !important;
    max-width: 700px !important;
	}

#footer .list-follow .icon-telephone {
	display:none !important;
	}
#footer .list-follow .icon-mail {
	display:none !important;
	}
#footer .lead {
	display:none !important;
	}
#footer .list-follow .icon {
    margin: 12px 5px 0 !important;
	}


.cloche {
	margin-top:4px !important;
	}

.bus_reservation .icon {
	margin-top:2px !important;
}

#infos_reservation {
	background:inherit;
	color:#ffffff;
	border-color:#935386;
	}


/* gil pour corriger la css wc */
.woocommerce table.shop_table th {
    font-weight:400;
}
th {
    font-weight:400 !important;
}
label {
    font-weight:400 !important;
}



@media (min-width: 767px) {

.bus_reservation {
    width: 300px !important;
    height: 200px !important;
	}


}

@media (min-width: 1023px) {

#menu .menu_Réservation {display:none;}

}



@media (max-width: 1023px) {

#header  {z-index: 100000 !important;}

#header .mon_compte {
    top: 7px !important;
	width: 106px;
	right: 2px;	
	font-size: 13px;
}

}

@media (max-width: 767px) {

	.home #footer  {
		border:0 !important;
		position: fixed !important;
		bottom: 50px !important;
		}



	#header .item__1 a {
		width: 100px !important;
	}

	#header .mon_compte {
		width: 98px !important;
		font-size: 11px !important;
	}

	#footer .bus {
		top: -166px !important;
		}
	.bus_reservation {
		position: absolute !important;
		top:250px !important;

	}

	.cloche {
		padding-top: 8px !important;
	}

	.bus_reservation .cloche {
		background:#cad401 !important;
		box-shadow:none !important;
		width: 80px;
		height: 80px;
	}

	.bus_reservation .cloche a {
		color:#000000;
	}
	
	.bus_reservation .lien_tel, .bus_reservation .lien_mail {
	}
	
	#bloc_reservation {
	z-index: 1000;
	position: absolute;
	/*
	top: ;
	*/
	left: 46%;
	margin-left: 75px;
	color: #000000;
	}

	#bloc_reservation {display:none;}
	.home #bloc_reservation {display:block;}


	#bloc_reservation_mobile {z-index:1000000;display:block;padding:13px;width:100%;height:50px;position:fixed;bottom:0;font-size: 18px;background:#cad401;}

	.bouton_reserver {float:left;font-weight:bold;text-align:center;}
	.bouton_reserver a {background:#2d3e46;color:#ffffff;padding:6px;}
	.les_infos {float:right;font-size: 14px;}
	.les_infos a {color:#2d3e46;}

	.page-template-page-reservation #bloc_reservation_mobile {display:none;}

}


@media (max-width: 479px) {
	#footer .bus {
		max-width:96%;
		top: -117px !important;
		}

	.home #footer  {
		border:0 !important;
		position: fixed !important;
		bottom: 50px !important;
		}


	.home #footer .bus {
		max-width:96%;
		top: inherit !important;
		bottom: -5px !important;
		}



	.slick-slider .slick-track, .slick-slider .slick-list, .slick-slider .slick-slide {
		/* min-height: 750px !important; */
	}
	#footer .bus img {
		bottom:0px;
		max-width:96%;
	}
	.home #footer .row {
		display:none;
	}
	#footer .small {
		display:none;
	}

	.nav-tabs > li {
		width: 25% !important;
	}

	.nav-tabs > li > a {
		padding: 3px 0px;
		font-size: 13px;
		height: 40px;
	}


}

.bus_reservation {
    display: block !important;
	z-index:100000!important;
}

li.wc_payment_method label {
    color:black;
}

.menu_substitution {
    display:none;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery-columns-3 .gallery-item {
    width: 30% !important;
    margin-right:3% !important;
	}

.gallery .gallery-item img {border:0px !important;}


@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blink 1s infinite ;
}

.gm-style-iw  {color:#000000;}

.logo_pied {width: 40px;vertical-align:bottom;}

#tripadvisor {position: fixed;right: 10px;bottom: 100px;margin-top: -150px;width:140px;height:110px;z-index: 10;}
.home #tripadvisor {right: 32%;}

@media (max-width: 479px) {
	#tripadvisor {right:0;top:285px;}
	}

.rouge {color:red;}
.orange {color:orange;}
.jaune {color:yellow;}
.vert {color:green;}

#footer .la_video {position: absolute;top:-151px;right: 1%;width: 250px;display: block;}
#footer .la_video  img {border-radius: 15px;box-shadow: 3px 1px 3px #000;}

@media (max-width: 479px) {
	#footer .la_video {position: absolute;top:-80px;right:50%;width:80px;display: block;}
	#footer .la_video  img {border-radius:5px;box-shadow: 1px 1px 1px #ffffff;}

	#bloc_texte_referencement {height:10px;overflow:hidden;}
	}

.category-blog .img-bus {width:120px;}

.single-post .wp-post-image {margin-bottom:20px;}

.alignleft {float:left;margin:5px 20px 25px 5px;}
.page-id-183 .alignleft {margin:5px 18px 25px 18px;}

.entry-content .wpcf7-form p {margin-bottom:10px;}
.entry-content .wpcf7-form select {color:#2f2f34;}
.entry-content .wpcf7-form input {color:#2f2f34;}


/*********************** nouvelle home page **************************************/



:root {
  --Vert: #CCCB00;
  --VertHover: #dfde00;
  --GrisMedium: #2D3E46;
  --GrisFonce: #232E33;
  --Rose: #EB3B98;
  --RoseHover: #f55dad;
  --Dore: #BF9B3D;
  --DoreHover: #d1ac4a;
}

/* html {font-size: 10px;} */
body.home  {margin: 0;font-size: 17px;line-height: 1.4; color: #fff; background-color: var(--GrisMedium); font-family: 'Roboto', Arial, sans-serif; font-weight: 400;} */

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Vert);}
a:hover {text-decoration: none;}

b, strong {font-weight:700;}
h1 {color: var(--Vert); font-size: 1.6em; margin-bottom: 1.5em;font-weight: 100; font-style: italic; text-align: center; line-height: 1.3;}
h2 {color: #fff; font-size: 1.6em; margin-bottom: .75em; font-weight: 100;text-align: center; line-height: 1.3;}
h3 {color: var(--Vert); font-size: 1.05em; text-transform: uppercase; margin-bottom: .6em; font-weight: 400;}
@media (min-width: 480px) {
	h1 {font-size: 1.75em;}
	h2 {font-size: 1.75em;}
	h3 {font-size: 1.1em;}
}
@media (min-width: 768px) {
	h1 {font-size: 1.95em;}
	h2 {font-size: 1.95em;}
}
@media (min-width: 992px) {
	h1 {font-size: 2.1em;}
	h2 {font-size: 2.1em;}
	h3 {font-size: 1.2em;}
}
@media (min-width: 1240px) {
	h1 {font-size: 2.22em;}
	h2 {font-size: 2.22em;}
}

#page {overflow: hidden;}

ul.list-bullet li {position: relative;padding-left: 14px;}
ul.list-bullet li:before {content: ""; width: 8px; height: 8px; border: 1px solid var(--Vert); border-radius: 50%; position: absolute; left: 0; top: 8px;}

.btn {padding: .55em 1.45em; font-size: 15px; text-transform: uppercase; font-weight: 700; text-align: center; background-color: var(--Vert); color: var(--GrisMedium); border-radius: 35px; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; background-image: none; white-space: nowrap; vertical-align: middle; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover {background-color: var(--VertHover);text-decoration: none;}
.btn--rose {background-color: var(--Rose); color: #fff;}
.btn--rose:hover {background-color: var(--RoseHover);}
.btn--dore {background-color: var(--Dore); color: #fff;}
.btn--dore:hover {background-color: var(--DoreHover);}
@media (min-width: 480px) {
	.btn {font-size: 17px;}
}
@media (min-width: 992px) {
	.btn {font-size: 19px;}
}

/* ******************************* HEADER */

.page-header {background: #fff; z-index: 999;}
.page-header > .container {position: relative;}
.header-topbar {background-color: var(--GrisFonce);font-size: 0.77em;}
.header-topbar .d-flex {height: 58px;}
.header-account {margin-left: 15px; margin-right: 60px;}
.header-account a {color: #fff; display: block; background: url("_gwp/_appli/inc/_public/assets/images/user.png") no-repeat 0 0; background-size: 26px auto; width: 26px; height: 26px;}
.header-account a:hover {color: var(--Vert); background-position: 0 -26px;}
.header-languages {margin-right: 60px;}  
.header-languages a {display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 24px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; border: 1px solid #fff; border-radius: 50%; margin-left: 3px;}
.header-languages a:hover {color: var(--Vert); border-color: var(--Vert);}
@media (min-width: 480px) {
	.header-languages {margin-right: 0;}	
}
@media (min-width: 768px) {
	.header-account a {background-size: 21px auto; padding: 2px 0 1px 26px; width: auto; height: auto;}
	.header-account a:hover {background-position: 0 -21px;}
}
@media (min-width: 992px) {
	.header-account {margin-right: 0;}
}


.header-logo {position: absolute; left: 15px; top: -50px; z-index: 800;}
.header-logo:before {content: ""; z-index: 10;position: absolute;background-color: var(--GrisMedium);left: -10px;top: 2px;width: 120px;height: 60px;border-radius: 120px 120px 0 0;}
.header-logo a {display: inline-block; position: relative; z-index: 20;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
.header-logo img {width: 100px;}
@media (min-width: 992px) {
	.header-topbar .d-flex {height: 46px;}
	.header-logo {top: -15px; left: 0;}
	.header-logo:before {left: -12px;top: 6px;width: 178px;height: 88px;border-radius: 125px 125px 0 0; background-color: var(--GrisFonce);}
	.header-logo img {width: 154px;}
}
@media (min-width: 1240px) {
	.header-topbar .d-flex {height: 50px;}
	.header-logo {top: -17px; left: 5px;}
	.header-logo:before {left: -21px;top: 2px;width: 250px;height: 125px;}
	.header-logo img {width: 208px;}
}


.flashnews {background-color: var(--GrisMedium); height: 40px;}
.flashnews-wrap {padding: 10px 0;margin-left:-50%}
.flashnews p {margin: 0; color: var(--Vert); text-transform: uppercase;font-size: .725em;position: relative;}
.flashnews p span { display: inline-block; position: absolute;white-space: nowrap;animation: scrollmove 8s infinite linear;top: 0;left: 100%;white-space: nowrap;overflow: hidden;position: absolute;}
@keyframes scrollmove {
  0% {right: 0;}
  100% {left: 0}
}
@media (max-width: 479px) {
	.flashnews {position: relative; margin-left: -70px;}
	.flashnews:after {content: "";background-color: var(--GrisMedium); top: 0; bottom: 0; left: 0; width: 120px; position: absolute;}
	.flashnews > .container {padding-left: 0;}
}
@media (min-width: 480px) {
	.flashnews p {font-size: .8em;}
}
@media (min-width: 768px) {
	.flashnews p {font-size: .85em;}
}
@media (min-width: 992px) {
	.flashnews {background-color: var(--GrisFonce);height: 46px;}
	.flashnews-wrap {padding: 11px 0;}
	.flashnews p {font-size: 1em;}
}
@media (min-width: 1240px) {
	.flashnews {height: 61px;}
	.flashnews-wrap {padding: 16px 0;}
	.flashnews p {font-size: 1.22em;}
}



/* ******************************* NAV */

.main-nav {position: relative;z-index: 700;background-color:var(--GrisMedium);}
.main-nav ul {margin: 0; padding: 0;}

ul.nav-menu a {display: block;}
ul.nav-menu {margin: 0;}
ul.nav-menu li { display:block;position: relative;}
ul.nav-menu a:hover,
ul.nav-menu a:focus {text-decoration: none;}

.nav-toggle {display: block; position: absolute; top: -50px; right: 15px;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }

@media (max-width:991px) {
	#nav {display: none;}
	body.nav-is-open {overflow: hidden;}
	.main-nav {position: fixed; top: 98px; left: 0; right: 0; bottom: 0; overflow-y:scroll; padding-top: 24px; text-align: center;}
	ul.nav-menu li a {color: #fff;}
	ul.nav-menu li a:hover {color: var(--Vert);}
	ul.nav-menu > li {border-bottom: 1px solid rgba(255, 255, 255, .2);}
	ul.nav-menu > li > a {padding: 10px 5px; text-transform: uppercase;}
	ul.nav-menu .sub-menu {margin:0; padding-bottom: 10px; font-size: .9em;}
	ul.nav-menu .sub-menu a {padding: 5px 10px;font-weight: 100;}
}
@media (min-width:992px) {
	.main-nav {display: block !important;}
	ul.nav-menu {padding: 11px 0;font-size: .95em;}
	ul.nav-menu a {padding: 12px 11px;}
	ul.nav-menu > li {display: inline-block;}
	ul.nav-menu > li > a {text-transform: uppercase; color: #fff;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: var(--Vert);}
	ul.nav-menu ul.sub-menu {top: 48px; background: var(--GrisMedium); width: 210px; position: absolute; left: -999em;z-index: 999; box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu ul.sub-menu a {color: #fff;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover {color: var(--Vert);}
	ul.nav-menu li.nav-resa {margin-left: 8px;}
	ul.nav-menu li.nav-resa a {padding: .55em 1.3em; font-size: 16px; text-transform: uppercase; font-weight: 700; text-align: center; background-color: var(--Vert); color: var(--GrisMedium); border-radius: 35px; text-decoration: none; display: inline-block;}
	ul.nav-menu li.nav-resa a:hover {background-color: #dfde00;text-decoration: none;}
}
@media (min-width:1240px) {
	ul.nav-menu {padding: 21px 0;font-size: 1em;}
	ul.nav-menu a {padding: 12px 15px;}
	ul.nav-menu li.nav-resa {margin-left: 15px;}
	ul.nav-menu li.nav-resa a {padding: .55em 1.45em; font-size: 20px; border-radius: 35px; }
}

/* ******************************* FOOTER */

.page-footer {background: var(--GrisMedium);padding: 38px 0 20px; color: #fff;}
.footer-logo,
.footer-socials,
.footer-blog {width: 100%;}
.footer-blog a {text-transform: uppercase; color: #fff; padding-top: 35px; font-size: .85em; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffffff' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32zM128 272c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'/></svg>") no-repeat center 0;background-size: 100% auto;}
.footer-blog a:hover {color: var(--Vert); background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23cccb00' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32zM128 272c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'/></svg>");}
.footer-tripadvisor {width: 100%;}
.footer-tripadvisor a {display: inline-block;}
.footer-tripadvisor a img {border-radius: 7px;}
.footer-menus ul {margin: 0;}
.footer-menus ul li {font-size: 0.77em; margin-bottom: .3em;}
.footer-menus ul li:before {top: 5px;}
.footer-menus ul li a {color: #fff;}
.footer-menus ul li a:hover {text-decoration: underline;}
@media (max-width: 767px) {
	.footer-menus ul li {padding-left: 0;}
	.footer-menus ul li:before {content: none;}
}
@media (min-width: 768px) {
	.footer-logo,
	.footer-socials,
	.footer-blog,
	.footer-tripadvisor {width: auto;}
}
@media (min-width: 992px) {
	.footer-logo {width: 105px;}
}
@media (min-width: 1240px) {
	.footer-logo {width: 114px;}
	.footer-logo,
	.footer-socials,
	.footer-blog {margin-right: 40px;}
}

/* SOCIALS */
.socials button {width: 38px; height: 38px; margin-right: 4px; border: 1px solid #fff; border-radius: 50%; background-color: transparent; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials button svg {display: inline-block; height: 18px; width: auto; margin: 8px auto;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: #fff;}
.socials button:hover {background-color: #fff;}
.socials button:hover svg path {fill: var(--GrisMedium);}
@media (min-width: 768px) {
	.socials button {margin-right: 10px;}
}
@media (min-width: 992px) {
	.socials button {margin-right: 2px;}
}
@media (min-width: 1240px) {
	.socials button {margin-right: 4px;}
}

/* ******************************* */

.main-video {background-color: #000;}
.main-video video {width: 100%; height: auto;}

/* ************ */

.concept {padding: 2em 0 4em; text-align: center;background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100px);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100px);background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100px);}
.concept h2 {text-transform: uppercase;position: relative;}
.concept h2:before {content: ""; position: absolute; left: 0; right: 0; top: 50%; margin-top: -2px; height: 4px;background: -moz-linear-gradient(left,  rgba(204,203,0,0) 0%, rgba(204,203,0,0.5) 24%, rgba(204,203,0,1) 50%, rgba(204,203,0,0.5) 79%, rgba(204,203,0,0) 100%);background: -webkit-linear-gradient(left,  rgba(204,203,0,0) 0%,rgba(204,203,0,0.5) 24%,rgba(204,203,0,1) 50%,rgba(204,203,0,0.5) 79%,rgba(204,203,0,0) 100%);background: linear-gradient(to right,  rgba(204,203,0,0) 0%,rgba(204,203,0,0.5) 24%,rgba(204,203,0,1) 50%,rgba(204,203,0,0.5) 79%,rgba(204,203,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccb00', endColorstr='#00cccb00',GradientType=1 );}
.concept h2 span {position: relative; display: inline-block; padding: 0 10px; background-color: var(--GrisMedium); z-index: 20;}
.concept-baseline {color: var(--Vert); font-size: 1.6em;font-weight: 100;line-height: 1.25;width: 100%;}
@media (min-width: 480px) {
	.concept {padding-bottom: 6em;}
	.concept-baseline {font-size: 1.75em;}
}
@media (min-width: 768px) {
	.concept {padding-bottom: 8em;}
	.concept h2:before {left: -30px; right: -30px;}
	.concept h2 span {padding: 0 15px;}
	.concept-baseline {font-size: 1.95em;}
}
@media (min-width: 992px) {
	.concept {padding-bottom: 9.5em;}
	.concept h2:before {left: -50px; right: -50px;}
	.concept h2 span {padding: 0 20px;}
	.concept-baseline {font-size: 2.1em;}
}
@media (min-width: 1240px) {
	.concept {padding-bottom: 10.5em;}
	.concept-baseline {font-size: 2.22em;}
}

/* ************ */

.parcours {padding: 4em 0 2em; background: #1a1a1a; position: relative;}
.parcours:before {content: ""; width: 280px; height: 103px; position: absolute; left: 50%; margin-left: -140px; top: -60px; background: url("images/bus.png") no-repeat center center;background-size: cover;}
@media (min-width: 480px) {
	.parcours {padding: 5em 0 2.5em;}
	.parcours:before {width: 400px; height: 147px; margin-left: -200px; top: -92px;}
}
@media (min-width: 768px) {
	.parcours {padding: 6em 0 3em;background: #1a1a1a url("images/bg-parcours.jpg") no-repeat center bottom; background-size: cover;}
	.parcours:before {width: 550px; height: 203px; margin-left: -275px; top: -126px;}
}
@media (min-width: 992px) {
	.parcours {padding: 7em 0 3.5em;}
	.parcours:before {width: 700px; height: 258px; margin-left: -350px; top: -161px;}
}
@media (min-width: 1240px) {
	.parcours {padding: 8em 0 4em;}
	.parcours:before {width: 800px; height: 295px; margin-left: -400px; top: -190px;}
}

.circuit {background-color: rgba(35, 46, 51, .8);border-radius: 30px; padding: 30px; height: 100%;}
.circuit h2 {text-align: center; font-weight: 700; margin-bottom: .3em;}
.circuit--rose h2 {color: var(--Rose);}
.circuit--dore h2 {color: var(--Dore);}
.circuit-subtitle1 {text-align: center; font-size: .95em;font-weight: 100;}
.circuit-subtitle1 strong {font-weight: 500;}
.circuit--rose .circuit-subtitle1 {color: var(--Rose);}
.circuit--dore .circuit-subtitle1 {color: var(--Dore);}
.circuit-subtitle2 {text-align: center; text-transform: uppercase;font-size: 1.2em;font-weight: 500;}
.circuit--rose .circuit-subtitle2 {color: var(--Rose);}
.circuit--dore .circuit-subtitle2 {color: var(--Dore);}
@media (min-width: 480px) {
	.circuit-subtitle1 {font-size: 1.05em;}
	.circuit-subtitle2 {font-size: 1.38em;}
}
@media (min-width: 768px) {
	.circuit {padding: 30px 20px;}
	.circuit h2 {font-size: 1.6em;}
	.circuit-subtitle1 {font-size: .875em;}
	.circuit-subtitle2 {font-size: 1.175em;}
}
@media (min-width: 992px) {	
	.circuit h2 {font-size: 1.9em;}
	.circuit-subtitle1 {font-size: 1em;}
	.circuit-subtitle2 {font-size: 1.38em;}
}
@media (min-width: 1240px) {
	.circuit {padding: 30px;}
	.circuit h2 {font-size: 2.22em;}
	.circuit-subtitle1 {font-size: 1.11em;}
}

/* ************ */

.horaire {background-color: var(--GrisFonce);border-radius: 10px;padding: 15px 17px;position: relative;}
.horaire--vert {border: 1px solid var(--Vert); color: var(--Vert);}
.horaire--rose {border: 1px solid var(--Rose); color: var(--Rose);}
.horaire--dore {border: 1px solid var(--Dore); color: var(--Dore);}
.horaire--bleu {border: 1px solid #60A9AE; color: #60A9AE;}
.horaire-title {text-align: center;text-transform: uppercase; margin-bottom: 0; font-weight: 500;font-size: 1em;}
.horaire-subtitle {text-align: center; font-weight: 500;font-size: .95em;margin-bottom: .8em;}
.horaire-detail {color: #fff;margin-bottom: .8em; font-size: .875em;}

.horaire-more {position: absolute; text-align: center; left: 0; right: 0; bottom: -15px;}
.horaire-more a {font-size: .9em; text-transform: uppercase; color: #fff; font-weight: 700; display: inline-block; padding: .2em 1em; border-radius: 20px;}
.horaire--vert .horaire-more a {background-color: var(--Vert);}
.horaire--vert .horaire-more a:hover {background-color: var(--VertHover);}
.horaire--rose .horaire-more a {background-color: var(--Rose);}
.horaire--rose .horaire-more a:hover {background-color: var(--RoseHover);}
.horaire--dore .horaire-more a {background-color: var(--Dore);}
.horaire--dore .horaire-more a:hover {background-color: var(--DoreHover);}
.horaire--bleu .horaire-more a {background-color: #60A9AE;}
.horaire--bleu .horaire-more a:hover {background-color: #6fbdc2;}
@media (min-width: 480px) {
	.horaire-title {font-size: 1.1em;}
	.horaire-subtitle {font-size: 1.1em;}
	.horaire-detail {font-size: .95em;}
}
@media (min-width: 768px) {
	.horaire {padding: 15px 12px;}
	.horaire-subtitle {font-size: .825em;}
	.horaire-detail {font-size: .8em;}
}
@media (min-width: 992px) {
	.horaire {padding: 15px 17px;}
	.horaire-title {font-size: 1.25em;}
	.horaire-subtitle {font-size: 1em;}
	.horaire-detail {font-size: 1em;}
}
@media (min-width: 1240px) {
	.horaire-title {font-size: 1.38em;}
	.horaire-subtitle {font-size: 1.1em;}
}

/* ************ */

.application {background-color: var(--GrisFonce); border-radius: 20px; text-align: center; padding: 30px;}
.application h2 {color: var(--Vert);}
.application-video {background: url("images/bg-video.png") no-repeat 0 0; padding: 10px; width: 280px; background-size: cover; margin: 0 auto 1em;background-size: 100% auto;}
.application-also {color: var(--Vert); font-size: 0.88em;}
@media (min-width: 480px) {
	.application-video {padding: 15px; width: 400px;}
}
@media (min-width: 768px) {
	.application-video {padding: 19px; width: 500px;}
}
@media (min-width: 992px) {
	.application {padding: 30px 125px;}
}
@media (min-width: 1240px) {
	.application {padding: 30px 170px;}
}

/* ************ */

.pourquoi {background-color: var(--GrisFonce); padding: 3em 0;}
.pourquoi-picto {text-align: center; font-size: .85em; color: #c2c2c2;}
.pourquoi-picto img {margin-bottom: .5em;}

/* ************ */

.avistripadvisor {padding: 2em 0 3em;}

.avisclients {position: relative;}
.avisclients:before,
.avisclients:after {content: ""; position: absolute; width: 78px; top: 0; bottom: 0; border: 1px solid var(--Vert);z-index: 10;}
.avisclients:before {left: 0;border-right-color: var(--GrisMedium);}
.avisclients:after {right: 0;border-left-color: var(--GrisMedium);}
.avisclients-wrap {position: relative; z-index: 20;padding: 25px 20px;}
.avisclients-wrap:before,
.avisclients-wrap:after {content: ""; width: 57px; height: 35px; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.avisclients-wrap:before {background-image: url("images/quote-left.png");left: 83px; top: -22px;}
.avisclients-wrap:after {background-image: url("images/quote-right.png");right: 83px; bottom: -16px;}
.avis {text-align: center; flex: 1;font-size: 0.8em; padding: 15px;}
.avis blockquote {margin-bottom: .2em;}
.avis blockquote span.more {display: block;}
.avis .more {display: inline-block; color: var(--Vert);text-decoration: underline;cursor: pointer;}
.avis .more:hover {font-weight: 700;}
@media (min-width: 768px) {
	.avisclients-wrap {padding: 0 20px;}
	.avis {padding: 38px 20px;}
}

/* ************ */

.partenaires {background-color: var(--GrisFonce); padding: 3em 0;}
.partenaires-images {background-color: #fff; padding: 10px 30px; border-radius: 50px;}

/* SLICKSLIDER */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after {display: table; content: ''; }
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list:after { background-color: rgba(0, 0, 0, .3); content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; }
@-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} }
@keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} }

/* Arrows */
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; z-index: 99; top: 50%; opacity: .65; display: block; width: 40px; height: 40px; padding: 0; border: 1px solid #000; border-radius: 50%;text-decoration: none !important; overflow: hidden;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent;  outline: none; background: transparent; }
.slick-arrowlight .slick-prev, .slick-arrowlight .slick-next {border-color: #fff;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 26px; margin: 6px 13px;background-repeat: no-repeat; background-position: center center;}
.slick-prev {left: 15px; }
[dir='rtl'] .slick-prev {right: 15px; left: auto; }
.slick-prev:before,
[dir='rtl'] .slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23000' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>"); }
.slick-arrowlight .slick-prev:before,
[dir='rtl'] .slick-arrowlight .slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23fff' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>"); }
.slick-next:before,
[dir='rtl'] .slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23000' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");}
.slick-arrowlight .slick-next:before,
[dir='rtl'] .slick-arrowlight .slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23fff' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");}
.slick-next {right: 15px; }
[dir='rtl'] .slick-next {right: auto; left: 15px; }
/* Dots */
.slick-dots {position: relative; display: inline-block; text-align: center; z-index: 70; background-color: rgba(255, 255, 255, .3); line-height: 12px; padding: 3px 8px 6px; border-radius: 15px; bottom: 45px;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}
.slick-dots li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.slick-dots li button {background-color: transparent; border: 1px solid #fff; font-size: 0; width: 12px; height: 12px; border-radius: 50%; display: block;cursor: pointer;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; background-color: #fff;}
.slick-dots li.slick-active button {background-color: #fff;}


/* Diapo circuits */
.slick-slider {text-align: center;}

/* Carousel partners */
.carousel-slide {line-height: 60px; vertical-align: middle;}
.slick-carousel img {max-height: 60px; width: auto;display: inline-block; margin: 0 14px;}

.case_cachee {display:none;}