body {
font-family: 'Ruda', sans-serif;
font-size: 15px;
line-height: 26px;
}
#map.carte_itineraire {
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.alert {
  padding: 1rem 1rem;
  padding-right: 1rem;
  margin-bottom: 0;
  border: 0;
  border-radius: .25rem;
z-index:999999;
}
.cartefi {
	border:4px dashed #2A5E20;
	padding:2px;
}
.cartefi div {
	background-color:#439626;
	color:#FFF;
	padding:10px 20px 10px;
}
.cartefi h3 {
	color:#FFF !important;
	margin-top:0;
}
.cartefi p {
	color:#FFF !important;
}
body.blanc .bloc-resa {
background-color: #333;
padding: 20px;
margin: 20px 0 30px;
}
body.noir .bloc-resa {
background-color: #efefef;
padding: 20px;
margin: 20px 0 30px;
}
body.blanc .bloc-resa .trajet {
background-color: #222;
padding: 10px;
margin: 10px;
}
body.noir .bloc-resa .trajet {
background-color: #fafafa;
padding: 10px;
margin: 10px;
}
body .bloc-resa .trajet svg {
margin-bottom: 10px;
}
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after {
  clear: both;
}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after {
  display: table;
  content: " ";
}
::before, ::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
display:block;
}
.tabs-1 ul {
  margin-bottom: 0px;
}
.nav-tabs.nav-justified > li > a {
  position: relative;
  display: block;
text-decoration:none;
}
.nav-tabs {
  background: none;
}
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
text-align: center;	
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav {
  list-style: none;
}
.nav > li {
  position: relative;
}

/*==========================================
			            Accordion
==========================================*/

.rlAccordion > h3,
.rlAccordion > h4 {
	font-size: 14px;
	margin: 0 auto 10px auto;
	padding: 15px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.rlAccordion > h3,
.rlAccordion > h4 {
	cursor: pointer;
}

.rlAccordion > h3 {
	background-color: #FDFDFD;
	border: 1px solid #E1E1E1;
	color: #181818;
}

.rlAccordion > h4 {
	background-color: #181818;
	border: 1px solid #E1E1E1;
	color: #fff;
}

.rlAccordion > h3:hover {
	background-color: #F5F5F5;
}

.rlAccordion > h4:hover {
	background-color: #f5f5f5;
	color: #181818;
}

.rlAccordion > h3 > span,
.rlAccordion > h4 > span {
	float: right;
	font-family: arial, serif, sans-serif;
}

.rlAccordion > h3 > span {
	color: #181818;
}

.rlAccordion > h4 > span {
	color: #C5C5C5;
}

.rlAccordion > h3 + div,
.rlAccordion > h4 + div {
	display: none;
	padding: 2% 5%;
	margin-left: 20px;
}

.rlAccordion > h3 + div,
.rlAccordion > h4 + div {
	border-left: 1px dashed #DBDBDB;
}

/*=========================================
	                Tabs
==========================================*/

/* Tabs 1 */

.tabs-1 #tabs-scale {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.tabs-1 #tabs-scale ul {
	margin-bottom: 80px;
}

.tabs-1 #tabs-scale li a {
	padding: 20px;
	background-color: #EFEFEF;
	margin: 0 3px;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.80;
	color: #CBCBCB;
}

.tabs-1 #tabs-scale li a:hover {
	color: #181818;
	background-color: #F5F5F5;
	border-color: #eee #eee #919191;
}

.tabs-1 .tabulous_active {
	color: #181818 !important;
	border-color: #eee #eee #212121 !important;
}

.tabs-1 .tabulous_active .icon {
	opacity: 1;
}

.tabs-1 a .icon {
	margin-bottom: 20px;
	opacity: 0.40;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.tabs-1 a:hover .icon {
	margin-bottom: 20px;
	opacity: 0.10;
}

.tabs-1 #tabs_container {
	overflow: hidden;
	position: relative;
}

.tabs-1 .tabs-img {
	float: left;
	border-right: 1px solid #E1E1E1;
	margin-right: 28px;
	margin-bottom: 30px;
}

.tabs-1 #tabs_container div {
	margin-right: 40px;
	height: auto; /* set height */
	margin-left: 40px;
	padding-bottom: 220px;
}

.tabs-1 .tabulousclear {
	display: block;
	clear: both;
}

.tabs-1 .number {
	padding-right: 25px;
	font-size: 90px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 5px;
	float: left;
	border-right: 1px solid #E1E1E1;
	margin-right: 35px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: auto;
	margin-bottom: auto;
}

.tabs-1 .number span {
	font-size: 40px;
	margin-right: 5px;
	color: #D8D8D8;
}

.tabs-1 .title {
	font-size: 25px;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: #D8D8D8;
	text-align: left;
	font-weight: 600;
	margin-top: 18px;
}

.tabs-1 p { /* set height div */
	padding-bottom: 15px;
}

/* Tabs 2 */

.tabs-2 #tabs-slide-left, .tabs-2 #tabs-slide-left-3, .tabs-2 #tabs-slide-left-100 {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color:#FFF;
	padding-top:50px;
	padding-bottom:50px;
}

.tabs-2 #tabs-slide-left ul, .tabs-2 #tabs-slide-left-3 ul, .tabs-2 #tabs-slide-left-100 ul {
	margin-bottom: 35px;
}

.tabs-2 #tabs-slide-left li a, .tabs-2 #tabs-slide-left-3 li a, .tabs-2 #tabs-slide-left-100 li a {
	padding: 10px;
	background-color: #EFEFEF;
	margin: 0 3px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.80;
	border-radius: 0;
	color: #999;
}

.tabs-2 #tabs-slide-left li a:hover, .tabs-2 #tabs-slide-left-3 li a:hover, .tabs-2 #tabs-slide-left-100 li a:hover {
	color: #181818;
	background-color: #F5F5F5;
	border-color: #eee #eee #919191;
}

.tabs-2 .tabulous_active {
	background-color: #44506D !important;
	color: #FFF !important;
	border-color: #eee #eee #111 !important;
}

.tabs-2 .tabulous_active {
	opacity: 1;
}

.tabs-2 i {
	margin-bottom: 40px;
	position: absolute;
	top: 0;
	left: 10px;
	color: #F3F3F3;
	font-size: 100px;
	z-index: -1;
}

.tabs-2 #tabs_container {
	overflow: hidden;
	position: relative;
}

.tabs-2 #tabs_container div {
	margin-left: 10px;
	margin-right: 10px;
	height: auto; /* fix height */
	padding-bottom: 220px;
}

.tabs-2 .tabulousclear {
	display: block;
	clear: both;
}

.tabs-2 .title {
	font-size: 25px;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: #000;
	text-align: left;
	margin-top: 18px;
}

/* Tabs 3 */

.tabs-3 #tabs-slide-left-2 {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.tabs-3 #tabs-slide-left-2 ul {
	margin-bottom: 35px;
}

.tabs-3 #tabs-slide-left-2 li a {
	padding: 10px;
	margin: 0;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.80;
	border-radius: 0;
	color: #CBCBCB;
}

.tabs-3 #tabs-slide-left-2 li a:hover {
	color: #181818;
	background-color: #F5F5F5;
	border-bottom-color: #919191;
}

.tabs-3 .tabulous_active {
	color: #181818 !important;
	border-color: #eee #eee #212121 !important;
}

.tabs-3 .tabulous_active {
	opacity: 1;
}

.tabs-3 #tabs_container {
	overflow: hidden;
	position: relative;
}

.tabs-3 #tabs_container div {
	margin-left: 10px;
	margin-right: 10px;
	height: auto;/* fix height */
	padding-bottom: 220px;
}

.tabs-3 .tabulousclear {
	display: block;
	clear: both;
}

.tabs-3 .title {
	font-size: 25px;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: #000;
	text-align: left;
	margin-top: 18px;
}

.tabs-3 p { /* set height div */
	padding-bottom: 15px;
}

/* Tabs Transition */

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1); 
	transform: rotatey(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/*  Effets
-----------------------------------------------------------*/
.border-left-200 {
border: 12px solid #FFF;
border-top-left-radius: 200px;
}
.border-left-100 {
border: 12px solid #FFF;
border-top-left-radius: 100px;
}
.border-style-1 {
border: 12px solid #FFF;
border-top-right-radius: 60px;
border-bottom-right-radius: 200px;
border-bottom-left-radius: 60px;
}

.featured-box.clair, .featured-box.fonce {
margin-left:30px;
margin-right:30px;
}
.featured-box.clair h2 {
background-color: #EFEFEF;
padding: 20px;
border-top-right-radius:50px;
border-top-left-radius:20px;
margin-bottom: 0;	
}
.featured-box.fonce h2 {
background-color: #222;
padding: 20px 20px 10px;
border-top-right-radius:50px;
border-top-left-radius:20px;
color:#FFF;
margin-bottom: 0;	
}
.featured-box.clair .info-texte p {
background-color: #EFEFEF;
padding:5px 20px;
margin:0;
}
.featured-box.clair .info-texte p:last-child, .featured-box.fonce .info-texte p:last-child {
padding: 10px 20px 30px;
border-bottom-right-radius:20px;
border-bottom-left-radius:50px;	
}
.featured-box.fonce .info-texte p {
background-color: #222;
padding:10px 20px;
color:#FFF;
margin:0;	
}

/*  Process Résa
-----------------------------------------------------------*/

#detailresa .bg-3 {
background-color: #efefef;
padding: 20px;
border-radius: 8px;
}
h2.titre-bloc-conf {
	font-size:24px;
	border-bottom:1px solid #999;
	margin-bottom:20px;
}
p.pricing-title {
background-color:#333;
color:#FFF;
padding:10px;
font-size:16px;
}
.pr-list li svg {
    color:#222;
}
.pricing-features {
	border: 1px solid #ccc;
}
.cadre_paiement {
	background-color:#EFEFEF;
	padding:20px;
	text-align: center;
	margin-bottom:20px;
	border-radius:8px;
}

/*  04 - Actions - Toggle
-----------------------------------------------------------*/
.toggle-content {
	display:none;
}
.toggle-content.visible {
	display:flex;
}

@media (max-width: 991px) {
.cadre_paiement img {
display: block;
margin: 0 auto 20px;
}
.cadre_paiement input.btn {
margin-bottom:20px;
}
.page-section.detail-resa.description {
padding-top:30px;
}
.page-section.detail-resa.description .col-md-12.animated a.btn.btn-mod.btn-small.btn-round {
display:inline-block;
margin-bottom: 10px !important;
}
}