@charset "utf-8";
/* CSS Document */

/* fix internet explorer pr les elements html5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, div {
  display: block;
}

html {
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
}

body {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	position: relative;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
}

a {
	text-decoration:none;
	color:#000;
}
img{
	width: 100%;
}

a:hover {
	text-decoration: none;
	color: #cc9966;
}

:focus,
a:focus,
input[type="file"],
input[type="radio"],
input[type="checkbox"],
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: 0;
	box-shadow: none;
	box-sizing: none;
}

ol, ul {
	list-style: none;
}

#main-container {
	overflow: hidden;
	padding-left:0;
	padding-right:0;
}

#content-container {
	width: 100%;
	max-width: 100%;
	min-height: 300px;
}

#header,
#footer {
	background-color: #FFF;
	color: #000;
	width: 100%;
}

#header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0px 20px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 1;
}

#header #logo img {
	max-height: 72px;
    max-width: 180px;
    padding-left: 25px;
}
div.error-message{
	color:red
}

/***********************************************************************/
/* HEADER NAVBAR ****************/

#header .navbar {
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#header .navbar ul {
	flex-wrap: wrap;
	width: 100%;
	margin: 30px auto;
}

#header .navbar li {
	font-weight: 600;
	text-transform: uppercase;
}

#header .navbar li a {
	padding: .5rem .4rem;
	color: #000;
	display: flex;
	align-items: center;
}

#header .navbar li:hover > a {
/* 	background: #000; */
	color: #cc9966;
}

/* #header .navbar li a i { */
	/* border: solid 1px #000; */
    /* border-radius: 100px; */
    /* width: 24px; */
    /* height: 24px; */
    /* display: flex; */
    /* font-size: .75rem; */
    /* margin-right: 8px; */
    /* align-items: center; */
    /* justify-content: center; */
/* } */

#header .navbar li a:hover i {
	border-color: #FFF;
}

#header .navbar li a i.fa-home {
    font-size: .875rem;
}

#header .navbar > div {
	align-items: flex-start;
}

#header .navbar .dropdown-menu {
	margin: 0;
	padding: 0;
	border-radius: unset;
	border: none;
	background: rgba(255, 255, 255, 1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
}

#header .navbar #header-lang-selector {
	margin-top: -30px;
	text-align: right;
	margin-right: 8px;
}

#header .navbar #header-lang-selector img {
	max-width: 22px;
	margin-left: 8px;
}

#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu {
	width: 800px;
	margin-left: 15px;
	background: none;
	margin-left: -325px;
	height: 400px;
}

#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu .row{
	background: rgba(255, 255, 255, .75);
}
#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu ul{
	max-width: inherit;
}

#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu ul li:hover{
	background: #fff;
}
#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu ul li a{
	font-size: 1.3rem;
}

#header .navbar li.dropdown:hover > .dropdown-menu.colonneMenu ul li:hover a:hover{
	background: #fff;
	color: #000;
/* 	display: inline-table; */
}

#header .navbar .nav-link.dropdown-toggle::after {
	content: initial;
}

.dropdown-item.active, .dropdown-item:active {
	background: #444;
	color: #FFF;
}

.navbar-light .navbar-toggler {
	position: absolute;
    left: 0;
	top: 14px;
    border: none;
    color: #000;
    outline: none;
}

#header .header-right-block {
	align-items: center;
	justify-content: center;
}

#header #mon-espace-btn {
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
}

#header .navbar-nav {
	margin: auto;
}

.validationMesssage{
	padding: 15px;
	font-size: 15px;
	display: none;
}
.successMessage{
	background: #00CC00;
	color: #fff;
	padding: 15px;
	width: 500px;
    margin: auto;
}
.errorMessage{
	background: #CC0000;
	color: #fff;
	padding: 15px;
	width: 500px;
    margin: auto;
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	#header {  
		min-height: 80px;
	}
	
	#header #logo img {
		max-height: 72px;
		max-width: 150px;
	}
	
	#header .navbar {
		/* align-items: flex-start; */
	}
	
	#header .navbar ul {
		flex-wrap: wrap;
		margin: auto;
		align-items: center;
		justify-content: center;
	}

	#header .navbar .dropdown-menu a {
		padding: .5rem 1.4rem 0.5rem 2.5rem;
	}

	#header .navbar li.dropdown:hover > .dropdown-menu {
		display: block;
	}
	
	#header .navbar #header-lang-selector {
		margin-top: 38px;
	}
}
	
@media (min-width: 1200px) {
	#header #logo img {
		max-height: 72px;
		max-width: 200px;
	}
	
	#header .navbar li a {
		padding: .5rem 1.4rem;
	}
	#header .navbar li a i{
		font-size: 14px;
	}
}
	
@media (min-width: 1400px) {
	#header {
		padding: 0 20px;
	}
}


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

#footer-links {
	width: 100%;
}

#footer-links,
#footer-links a {
	color: #333333;
	line-height: 2.4rem;
}

#footer-links a:hover {
	text-decoration: underline;
}

#footer-links > div {
    margin: auto;
}

#footer-links h3 {
	margin-bottom: 6px;
}

#footer-links ul {
    padding: 0 0 20px;
}

#footer-links > div > div:last-of-type ul {
	border: none;
    padding-bottom: 0px;
}

#footer-copyright {
	background: #cc9966;
	color: #FFF;
	padding: 8px;
    font-size: .9rem;
}

#footer-copyright a {
	color: #FFF;
}

#footer-copyright a:hover {
	color: #FFF;
	text-decoration: underline;
}

@media (min-width: 576px) {
	#footer-links > div {
	}

	#footer-links ul {
		padding: 0;
		border: none;
	}
}

/***********************************************************************/
/* TOP CAROUSEL ****************/

#top-carousel, #top-carousel img {
	/* max-height: 360px; */
}

#top-carousel .carousel-item {
	background-size: cover;
    background-position: center center;
	background-repeat: no-repeat;
	height: 615px;
	max-height: 615px;
}

@media (max-width: 576px) {
		#top-carousel .carousel-item {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 450px;
		max-height: 450px;
	}
}


/***********************************************************************/
/* SOCIAL ****************/
a.logout{
	margin-right: 5px
}

.social-btns {
	height: 30px;
}

.social-btns > a {
	margin-right: 6px;
	height: 28px;
	width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #FFF !important;
}

.social-btns > a:hover {
	text-decoration: none !important;
}

.facebook-icon,
.instagram-icon,
.twitter-icon,
.linkedin-icon {
}

.social-btns > .facebook-icon {
	font-size: 2.4rem;
	color: #000 !important;
}

.instagram-icon,
.twitter-icon,
.linkedin-icon {
	background: #000;
	color: #FFF;
	font-size: 1.1rem;
	border-radius: 100px;
}

a.facebook-icon:hover {
	color: #4267B2 !important;
}

a.instagram-icon:hover {
	background: #BD3379;
	color: #FFF !important;
}

a.twitter-icon:hover {
	background: #1DA1F2;
	color: #FFF !important;
}
a.linkedin-icon:hover {
	background: #1DA1F2;
	color: #FFF !important;
}


/***********************************************************************/
/* FORMS ****************/

select,
select.form-control {
	/* height: 40px; */
	border: solid 1px #CCC;
	/* padding: .15rem 1rem; */
	padding: 10px;
	height: auto;
}

select:active,
select:hover,
select:focus,
input[type=text]:active,
input[type=text]:hover,
input[type=text]:focus,
input[type=password]:active,
input[type=password]:hover,
input[type=password]:focus{
    outline: none !important;
    box-shadow: none;
	border-color: #CCC;
}

input[type=submit] {
	background: #cc9966;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
}

input[type=text], input[type=password], input[type=number] {
	height: 40px;
	border-radius: 0;
	border: solid 1px #CCC;
}

/***********************************************************************/
/* CONTENT ****************/

.img-responsive{
	width: 100%;
}

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

.g-recaptcha{
	padding-bottom: 12px;
}
#content {
	margin-top: 0px;
	width: 100%;
}

.centered-content {
	max-width: 1050px;
	margin: auto;
}

.small-centered-content {
	max-width: 600px;
	margin: auto;
}

.format-list ul {
	list-style: disc;
	padding-left: 16px;
}

/*
#sql_dump {
	font-family: "Lucida Console", monospace;
	margin-top: 20px;
    background: #FFF;
    border-top: solid 1px #CCC;
}
*/

#sql_dump th {
	background: #F5F5F5;
	border: solid 1px #DDD;
	padding: .75rem;
    vertical-align: top;
}

#sql_dump td {
	padding: .75rem;
    vertical-align: top;
	border: solid 1px #DDD;
}

.breadcrumb {
	font-size: .9rem;
	text-transform: uppercase;
	background: none;
	margin-bottom: 0;
}

.breadcrumb a {
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb > i.fas {
	display: flex;
    align-items: center;
    margin: 0 6px;
}

.right-column {
	flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 992px) {
	.right-column {
		flex: 0 0 21%;
		max-width: 21%;
	}
}


/***********************************************************************/
/* DESTINATIONS ****************/

.vignette-produit{
	overflow: hidden
}

.block-destination {
	width: 50%;
	display: inline-block;
	padding: 0 6px;
	margin-bottom: 24px;
}

.block-destination:hover .block-destination-cover {
	transform: scale(1.02);
}

.block-destination-cover {
	height: 180px;
	display: inline-block;
	width: 100%;
	transition: transform .2s ease;
}

.block-destination-title {
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	margin-top: 8px;
	display: inline-block;
	width: 100%;
}

.img-en-tete {
    max-height: 715px;
}

@media (min-width: 576px) {	
	.block-destination {
		width: 33.3333%;
	}
}

@media (min-width: 768px) {
	.block-destination {
		width: 25%;
	}
}

@media (min-width: 992px) {
	.block-destination {
		width: 20%;
	}
}

/***********************************************************************/
/* TRAVEL SEARCH FORM ****************/

#top-search-block {
	background: #FFF;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding: 20px;
	max-width: calc(100vw - 80px);
}

#top-search-block select {
	height: 40px;
	border: solid 1px #CCC;
	padding: .15rem 1rem;
	display: inline-block;
	width: 100%;
}

#top-search-block select:active,
#top-search-block select:hover,
#top-search-block select:focus {
    outline: none !important;
    box-shadow: none;
}

#top-search-block select:nth-child(1) {
	font-weight: bold;
}

#top-search-block input[type=submit] {
	background: #cc9966;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	height: 42px;
    border: 1px solid #cc9966;
}

#top-search-block #f_rechercher{
	width: 100%;
    margin: auto;
}
	
#top-search-block .form-group {
	width: 100%;
	margin-bottom: 1rem;
}


#top-search-block .field{
	padding: 0;
}

#travel-search-form{
	margin-bottom: 0px;
}

#travel-search-form .search-form-fieldset-container {
	display: block;
	width: 100%;
}

#travel-search-form label {
	display: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 16px;
    font-size: .9rem;
    margin-top: 8px;
}

#travel-search-form h3 {
	display: none;
}

.search-form-column #travel-search-form h3 {
	display: block;
}

.search-form-column #travel-search-form label {
	display: inline-block;
}

.search-form-column #travel-search-form .search-form-fieldset-container {
	display: block;
}

.search-form-column #travel-search-form input[type=submit] {
    background: #0b223a;
    border-radius: 100px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
    margin-top: 10px;
    width: 100%;
    max-width: 230px;
}

.search-form-column #travel-search-form input[type=submit]:hover {
    background: #cc9966;
}

.nice-select{
	width: 100%;
	line-height: 42px;
	border: solid 1px #aeaeae;
	border-radius: 0px; 
}
.nice-select::after {
    border-bottom: 2px solid #cc9966;
    border-right: 2px solid #cc9966;
    content: '';
    display: block;
    height: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
}
.nice-select .current{
	overflow: hidden;
    width: 100%;
    display: block;
}

#travel-search-form .nice-select{
	border-right: none;
}

@media (max-width: 576px) {
	#top-search-block {
		padding: 30px 44px;
	}
	
	#top-search-block select {
		border-right: 0;
	}
	
	#top-search-block .form-group {
		width: 30%;
		margin-bottom: 0;
	}
	
	#top-search-block .form-group:nth-child(3),
	#top-search-block .form-group:nth-child(4) {
		width: 15%;
	}
	
	#top-search-block input[type=submit] {
		width: 100%;
		padding: 5px 0px;
		height: auto;
	}
	
	#travel-search-form .search-form-fieldset-container {
		display: inline-flex;
	}
	
}

@media (max-width: 767px) {
	#travel-search-form .nice-select{
		border-right: solid 1px #aeaeae;
		border-right: solid 1px #aeaeae;
	}
}





#recherche li {
    display: inline-block;
    background: #fff;
    font-size: 1.2em;
    width: 100%;
    text-align: left;
    padding: 10px 0px;
    position: relative;
	border: solid 1px #aeaeae;
	padding: 9px 17px;
	position: relative;
	border-right: none;
}

#recherche li.select::after {
	border-bottom: 2px solid #cc9966;
    border-right: 2px solid #cc9966;
    content: '';
    display: block;
    height: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    z-index: 3;
}
#recherche li ul{
	display: none;
}
#recherche li:hover ul{
	display: block;
}

.menu-recherche .row .no-padding{
	margin: 9px 12px;
}


#recherche li ul li{
	border: none;
	background: #fff;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	text-align: center;
	padding: 9px 5px;
/* 	    width: 82px; */

}
/*

#recherche li ul li:first-child{
	border-left: 1px solid #ccc;
}
*/


.btn-recherche {
    background: #cc9966 !important;
    
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    text-align: center;
}
.btn-recherche a{
	text-align: center;
    width: 100%;
    display: block;
    font-size: 0.8em;
    color: #fff;
}

.menu-recherche{
	position: absolute;
	top: 39px;
	left: 14px;
	z-index: 3;
	padding-left: 0;
	width: 260px;
}
.menu-recherche .row{
	background: #fff;
}
#recherche li ul li a{
	font-size: 0.7em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}
/*
#recherche li ul li  {
	text-transform: Capitalize !important;
}
*/

#recherche .form-group:nth-child(2){
	width: 15%;
}

#recherche .form-group:nth-child(3) {
    width: 15%;
}

#recherche .form-group:nth-child(4) {
    width: 30%;
}

#recherche .form-group:nth-child(5) {
    width: 10%;
}


#recherche div:nth-child(4) li .menu-recherche {
    width: 354px;
}

.periode{
	margin-top: 10px;
    text-align: left;
/*     padding-left: 22px; */
    border-bottom: 1px solid #aeaeae;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 10px;
}


@media (max-width: 767px) {

	#recherche li {
		border-right: solid 1px #aeaeae;;
	}

}


/***********************************************************************/
/* PROMOTION BLOCK ****************/

.block-promotion {
	background: #9c1c1c;
	margin: 8px;
	color: #FFF;
	display: inline-block;
}

.block-promotion img {
	max-width: 100%;
	border: solid 1px transparent;
}

.block-promotion h3 {
	font-size: 1.0rem;
	text-transform: uppercase;
}

@media (min-width: 576px) {
	.block-promotion {
		display: block;
		height: -moz-fit-content;
		height: -webkit-fit-content;
		height: -fit-content;
	}
	#qrcode{
		top: -120px;
		right: 0px;
	}
}


/***********************************************************************/
/* SOCIAL BUTTONS ****************/

.col-social-buttons {
	text-align: center;
	margin: 0 20px;
}

.col-social-buttons a {
	display: block;
	margin: 6px;
}

.col-social-buttons a:hover {
	opacity: .8;
}

.col-social-buttons img {
	max-width: 42px;
}


/***********************************************************************/
/* TITLES ****************/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
	margin: 0;
}

h1, h2 {
	font-size: 2.5rem;
    text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 20px;
}

h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3rem;
	color: #333333;
}

h4 {
	font-size: 1.4rem;
}


/***********************************************************************/
/* FORMS ****************/

.form-control, input[type=submit] {
	border-radius: unset;
}

.btn, .btn:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	border-radius: 0;
	border: 0;
	outline: 0;
	box-shadow: none;
}

.btn.btn-primary {
	background: #cc9966;
	color: #FFF;
}

.btn.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #000;
	background: #cc9966;
	border-radius: 100px !important;
}

.btn.btn-secondary {
	background: #FFF;
	color: #cc9966;
}

.btn.btn-white {
	background: #FFF;
	border-radius: 100px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
    padding: 8px 16px;
}

.btn.btn-white:hover {
	background: #cc9966;
	/* color: #FFF; */
}

.btn.btn-blue {
	background: #0b223a;
	border-radius: 100px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
    padding: 8px 16px;
}

.btn.btn-blue.gold, .btn.btn-blue:hover {
	background: #cc9966;
}

.btn.btn-yellow {
	background: #cc9966;
	border-radius: 100px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
    padding: 8px 16px;
}

.btn.btn-yellow:hover {
	background: #a8733d;
	border-radius: 100px;
}

.btn.btn-wide {
	padding:  14px 12px;
    margin-top: 30px;
    width: 100%;
    max-width: 230px;
}

.btn[disabled],
.btn.disabled,
.btn[disabled]:hover,
.btn.disabled:hover {
	cursor: not-allowed;
	background: #888a8d;
}

/***********************************************************************/
/* COLORS ****************/

.white-bg {
	background: #FFF;
}

.grey-bg {
	background: #fcfaf8;
}

.grey-color {
	color: #333333;
}

/***********************************************************************/
/* OFFRES DU MOMENT ****************/

.offredumoment-block {
	height: 300px;
	display: block;
	color: #000;
	position: relative;
}

.offredumoment-block:hover {
	color: #000;
}

.offredumoment-block > span {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 200px;
	text-align: left;
}

.offredumoment-title {
	display: block;
    background: #FFF;
    color: #c3996b;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-bottom: 4px;
    padding: 10px 20px;
    font-size: 1.125rem;
/*
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
*/
}

.offredumoment-price {
	display: block;
	background: #FFF;
	padding: 20px 8px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	padding-left: 20px;
	width: 200px;
}

.offredumoment-price > font:first-of-type {
	display: block;
	font-size: .7rem;
	margin-bottom: 27px;
	margin-top: 6px;
}

.offredumoment-price > font:nth-child(2) {
	font-size: 2.6rem;
	color: #c3996b;
	line-height: 0;
}

.offredumoment-price > font:last-of-type {
	font-size: .8rem;
	margin-left: 4px;
}
.ville {
	color: #000;
	font-size: 1rem;
}
/***********************************************************************/
/* NOS VOYAGES ****************/

.nosvoyages-block {
	height: 265px;
	display: block;
	color: #000;
	position: relative;
}

.nosvoyages-block:hover {
	color: #000;
}

.nosvoyages-block > span {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	width: 100%;
}

.nosvoyages-title {
	display: block;
    background: #FFF;
    color: #000;
    /* text-transform: uppercase; */
    font-weight: 700;
    padding: 10px 10px 10px 0;
    font-size: 1.125rem;
	line-height: 1.2rem;
	flex: 1;
/*
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
*/
}

.nosvoyages-duree {
	display: block;
	font-weight: 400;
	line-height: 2.5rem;
	font-size: 0.9rem;
    background: #FFF;
    color: #000;
    text-transform: uppercase;
}

.nosvoyages-price {
	display: block;
	background: #FFF;
	padding: 10px 0px 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	
}

.nosvoyages-price > font:first-of-type {
	display: block;
	font-size: .7rem;
}

.nosvoyages-price > font:nth-child(2) {
	display: block;
	font-size: 2.0rem;
	color: #c3996b;
}

.nosvoyages-price > font:last-of-type {
	font-size: .7rem;
	margin-left: 4px;
}

.line-2{
	width: 100%;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/***********************************************************************/
/* FULL WIDTH BLOCK ****************/

.full-width-block > div {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.large-width-block {
	max-width: 1400px;
	margin: auto;
}

.large-width-block > div {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.half-width-block-text,
.half-width-block-text2 {
	padding: 30px 30px;
}

.half-width-block-text h2,
.half-width-block-text2 h2 {
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
}

#menuDestination{
	position: relative;
}

#menuDestination:hover .menu-destination{
	display: block;
}

#f_destinations{
	width: 60%;
	margin: auto;
	background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    padding: 20px;
}

#f_destinations button{
	width: 50px;
	height: 100%;
}
#f_destinations select{
	 height: 42px;
}

#f_destinations .nice-select{
    line-height: 32px;
}

#recherche_destination{
    border: solid 1px #aeaeae;
    height: 42px;
}


form th{
	padding-left: 15px;
	font-weight: lighter;
	font-size: 14px;
}
form table{
	margin-bottom: 10px;
    margin-top: 10px;
}

#flashMessage{
	text-align: center;
    background: #09BD6C;
    padding: 10px;
    color: #fff;
    font-size: 14px;
}


@flashMessage .confirmMessage{
	margin-bottom: 0px;
}
@media (min-width: 576px) {
	.half-width-block-text {
		padding: 30px 30px;
		max-width: 480px;
	}
	
	.half-width-block-text2 {
		padding: 30px 30px;
		max-width: 640px;
	}
}

@media (min-width: 768px) {
	.half-width-block-text {
		padding: 80px 80px;
	}
	
	.half-width-block-text2 {
		padding: 50px 50px;
	}
}

/***********************************************************************/
/* MISC ****************/

.spacer-logo {
	max-width: 54px;
}

.minh-30vh {
	min-height: 30vh;
}

.bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.ucfirst {
	text-transform: lowercase;
	display: inline-block;
}

.ucfirst::first-letter {
	text-transform: uppercase !important;
}

/***********************************************************************/
/* DATEPICKER ****************/

.flatpickr-calendar {
	border: solid 1px #ced4da;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #cc9966;
    fill: #cc9966;
	padding-top: 8px;
}

.flatpickr-current-month {
	font-size: 1rem;
	padding: 14px 0 0 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	font-weight: bold;
    text-transform: uppercase;
}

span.flatpickr-weekday {
	text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: .8125rem;
}

.flatpickr-current-month input.cur-year {
	font-weight: bold;
}

.flatpickr-day.today {
	border-color: #cc9966;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	background-color: #cc9966;
	border-color: #cc9966;
}

.flatpickr-day.selected, .flatpickr-day.startRange, 
.flatpickr-day.endRange, .flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, 
.flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, 
.flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background-color: #cc9966;
	border-color: #cc9966;
}

.flatpickr-day.today {
	border-color: #cc9966;
}

.flatpickr-day {
	border-radius: 0;
	height: 36px;
    line-height: 36px;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #fcfaf8;
    border-color: #fcfaf8;
}

/***********************************************************************/
/* NEWSLETTER ****************/


.newsletter-block h3 {

}

#newsletter-form {
	max-width: 400px;
	margin: auto;
}

#newsletter-form input[type=text] {
	border-right: 0;
}

#newsletter-form input[type=submit] {
	width: 100%;
	max-width: 100px;
}

/***********************************************************************/
/* PRODUCT SUGGESTIONS CAROUSEL ****************/

.product-suggestions-carousel {
	margin: 0 -8px;
}

/* 4 lignes max de titre */
.product-suggestions-carousel-title {
	min-height: 93px;
}

.product-suggestions-carousel .slick-list {
	padding: 20px;
}

.product-suggestions-carousel .suggestion-block {
	padding: 20px;
}

.product-suggestions-carousel .suggestion-block > div {
	display: block;
	box-shadow: 0 0 40px rgba(0, 0, 0, .12);
}

.product-suggestions-carousel .suggestion-block .suggestion-block-image {
	min-height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 3px;
}

.product-suggestions-carousel .suggestion-block .carousel-caption {
	position: initial;
	color: #000;
	padding-bottom: 8px;
}

.product-suggestions-carousel .suggestion-block .carousel-caption h3 {
	max-width: 240px;
	margin: auto;
	font-size: 1.2rem;
}

.product-suggestions-carousel .suggestion-block .carousel-caption .suggestion-duration {
	font-weight: bold;
	font-size: 1.0rem;
	margin: 12px 0;
}

.product-suggestions-carousel .suggestion-block .carousel-caption .suggestion-price {
	color: #9c1c1c;
	margin-bottom: 0;
	font-size: 0.8rem;
}

.product-suggestions-carousel .suggestion-block .carousel-caption .suggestion-price span {
	font-size: 2.0rem;
	font-weight: bold;
}

.product-suggestions-carousel .suggestion-block a.btn {
	background: #9c1c1c;
	text-transform: uppercase;
	color: #FFF;
	width: 100%;
	border-radius: 0;
	font-size: 1.1rem;
	letter-spacing: .5px;
}

.product-suggestions-carousel .suggestion-block a.btn:hover {
	/*background: #851414;*/
	background: #9c1c1c;
	color: #000;
}

.product-suggestions-carousel .slick-next:before,
.product-suggestions-carousel .slick-prev:before {
	color: #bdbaba;
}

.product-suggestions-carousel .slick-prev {
	left: 5px;
	z-index: 999;
}

.product-suggestions-carousel .slick-next {
	right: 5px;
	z-index: 999;
}


#un_conseil {
	font-size: 1.250em; /* 15px */
	line-height: 34px;
}

#un_conseil a {
	font-size: 1.333em; /* 20px */
	display: inline-block;
	vertical-align: top;
}

#un_conseil span {
	font-size: 0.75em;
	display: inline-block;
	vertical-align: top;
	line-height: 34px;
}

#n_email {
	min-width: 180px;
	color: #000;
}

#n_submit {
	background-color: #000;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	text-transform: uppercase;
}

#nav > ul > li,
#footer_menu li {
	font-size: 1.250em; /* 15px */
	display: inline-block;
	text-transform: uppercase;
	padding-left: 5px;
	position: relative;
}
div.powered_by{
    text-align: center;
    font-size: 0.9em;
    margin-top: 5px
}
#nav > ul > li {
	padding-bottom: 12px;
}

#nav > ul > li:after,
#footer_menu li:after {
	content: " | ";
	padding-left: 5px;
}

#nav > ul > li:last-of-type:after,
#footer_menu li:last-of-type:after {
	content: normal;
}

#nav > ul > li > a:hover,
#footer_menu li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
#nav > ul > li:last-of-type {
	padding-right: 0px;	
}

#nav > ul > li > ul {
	position: absolute;
	left: -9999px;
	top: 25px;
	background-color: #000;
	z-index: 3;
	padding-top: 10px;
	padding-bottom: 10px;
}

#nav > ul > li:hover > ul {
	left: 0px;
}

#nav > ul > li > ul > li > a {
	/* white-space: nowrap; */
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	text-align: left;
}

#nav > ul > li > ul#ul_thematiques > li > a {
	white-space: nowrap;
}

#nav > ul > li > ul > li > a:hover {
	background-color: #fff;
	color: #000;
}

#nav > ul > li > ul#ul_destinations {
	width: 640px;
	columns: 4;
}

#nav > ul > li:hover > ul#ul_destinations {
	left: -259px;
}


/* PAGE */

#page_content {
	background-color: #fff;
	padding-bottom: 30px;
	padding-top: 10px;
}

#titre {
	color:  #9c1c1c;
	font-size: 2.500em; /* 30px */
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 42px;
    width: 90%
}


/* FOOTER */

/* #footer { */
	/* text-align: center; */
	/* padding-bottom: 18px; */
	/* padding-top: 18px; */
/* } */

#footer_content {
	position: relative;
	line-height: 34px;
}

#reseaux_sociaux {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	width: auto;
}

#reseaux_sociaux li {
	display: inline-block;
	font-size: 2em;
	padding-left: 10px;
}

/* FIX JQUERY UI */

.ui-accordion.ui-widget {
	font-size: inherit;
	font-family: inherit;
}

.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-default {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.ui-accordion .ui-accordion-content  {
	border: none;
	padding: 0px;
}

/* CLASS RECURENTES */

.edit {
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #5cb85c;
	padding: 5px;
	color: #fff;
	opacity: 0.5;
	border-radius: 5px;
}

.edit:hover {
	opacity: 1;
}

/* LiVE VALIDATION */

label.error {
	font-size: 1em;
	/*position: absolute;
	left: 100%;
	top: 3px;*/
	margin-top: 2px;
	font-weight: normal;
    color:#fff;
    background-color: rgb(204, 102, 102);
    background-color: rgba(204, 102, 102, 0.8);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	padding: 6px 8px;
	white-space: nowrap;
	z-index: 2;
	border-radius: 10px;
	line-height: 14px;
	max-width: 1000px;
	width: auto;
	text-transform: none;
}

label.error i {
	font-size: 1.3em;
	margin-right: 4px;
}
   
input.error,
select.error,
textarea.error {
	color:#c00;
	border-color: #c00 !important;
    border: 1px solid;
}

input.valid,
select.valid,
textarea.valid {
	color: #000;
	border-color: #0c0 !important;
    border: 1px solid;
}

.flash_success{
	background: #1C9C40;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
	width: 93%;
	margin: auto;
	text-transform: uppercase;
}
.flash_failure{
	background:  #9c1c1c;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
	width: 93%;
	margin: auto;
	text-transform: uppercase;
}

.connexion{
	color: #1C9C40 !important;
}
.connexion:hover{
	color: #fff !important;
}
.connexion i{
	border: solid  1px #1C9C40 !important;
}
.connexion:hover i{
	border: solid  1px #fff !important;
}

.carousel-control-next, .carousel-control-prev{
	height: 100px;
	max-height: 10vh;
    opacity: 1;
    font-size: 2rem;
    top: 30%;
    background: #FFF;
    color: #000;
    max-width: 36px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	opacity: .8;
	color: #444;
}



#destinationAutre{
	display: none;
	margin-top: 10px;
    float: left;
    border: solid 1px #cc9966;
}
/*
.villeVol{
	margin-top: 10px;
    float: left;
}
*/
.choiceVille{
	width: 100%;
}

.col-chambre{
	flex: 0 0 20%;
	max-width: 20%;
}
@media (max-width: 576px) {
	.col-chambre{
	flex: 0 0 100%;
	max-width: 100%;
}
}
@media (min-width: 576px) {
	.carousel-control-next, .carousel-control-prev {
		max-height: 100%;
	}
}

@media (min-width: 992px) {
	.carousel-control-next, .carousel-control-prev {
		top: 40%;
	}
}

.video{
	width: 639px;
	display: block;
	height: 359px;
	margin: auto;
}
.carrousel-video{
	background: #333;
}
.show {
	display: contents !important;
}
.is-mobile {
	display: none !important;
}
.is-desktop {
		display: flex !important;
	}
@media (max-width: 992px) {
	.is-desktop {
		display: none !important;
	}
	.is-mobile {
		display: flex !important;
		pointer-events: none;
  		cursor: default;
	}
}

#f_devis{
	width: 80%;
	margin: auto;
	background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    padding: 20px;
}

#date_flex .nice-select.open .list {
    max-height: 250px;
    overflow: auto;
}

#pays_form .nice-select.open .list {
    max-height: 160px;
    overflow-y: auto !important;
	max-width: 250px;
}