/*****************
		RESPONSIVE 
******************/
/*****************
		1630px
******************/
@media (max-width: 1630px) {
	.selectLang {
		right: 16px;
	}

	#wrapperMenu {
		margin-right: 70px;
	}
}

/*****************
		1200px
******************/
@media (max-width: 1200px) {
	body .searchElement {
		max-width: 160px !important;
	}
}

/*****************
		1135px
******************/
@media (max-width: 1135px) {
	/*** TUNNEL ***/
	.content-infoTunnel li {
		padding: 0 25px;
		font-size: 0.85rem;
	}
}

/*****************
		1300px
******************/
@media (max-width: 1300px) {
	.menu_link,
	#wrapperMenu .btn_cta_general {
		font-size: 0.9rem;
	}

	.menu_link {
		padding: 0 15px;
	}
}

/*****************
		1245px
******************/
@media (max-width: 1245px) {
	/****CALENDIRER***/
	.content-calendrier {
		padding-top: 0 !important;
	}

	/*** CROISIERES ***/
	.content-calendrier {
		padding: 50px 0;
	}

	.wrapper-selectSemaine {
		padding: 25px 0;
		justify-content: space-between;
	}

	.wrapper-selectSemaine a {
		padding: 0 25px;
	}

	.unJour.active .wrapper-listeBlocJour {
		padding: 5px 10px 20px;
		display: flex;
		overflow-y: hidden;
		overflow-x: auto;
	}

	.legendeJours,
	.blocJour {
		display: none;
	}

	body .blocJour {
		margin-right: 20px;
		min-width: 184px;
	}

	.unJour.active {
		overflow: visible;
	}

	.unJour.active .blocJour {
		display: flex !important;
	}

	.unJour.active .noCroisereResp {
		margin: 0 auto;
		display: flex;
		text-align: center;
	}

	.listeJours {
		margin: 0 auto;
		max-width: 414px;
		width: 100%;
		flex-direction: column;
	}

	.blocJour h2 {
		min-height: 45px;
	}

	.jour {
		pointer-events: initial;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
		padding: 20px 0;
		border: none;
		border-top: 1px dashed #CFCFCF;
		cursor: pointer;
	}

	.jour:last-child {
		border-bottom: 1px dashed #CFCFCF;
	}

	.jour:after {
		padding-right: 25px;
		background-image: url("/images/general/site/icone-plus-gray.svg");
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 16px 16px;
		color: #949494;
		font-weight: 300;
		font-size: 0.9rem;
	}

	.jour.active:after {
		background-image: url("/images/general/site/icone-minus-gray.svg");
	}

	.jourDemi,
	.jourDeuxDemi {
		height: 350px;
	}

	.unJour .sansJour,
	.unJour.active .sansJour {
		display: none !important;
	}

}

/*****************
		1100px
******************/
@media (max-width: 1100px) {
	.wrapper-imgPres {
		width: 40%;
	}
}

/*****************
		1024px
******************/
@media (max-width: 1024px) {
	body {
		overflow-x: hidden;
	}

	body .flagResponsive {
		display: flex;
		position: relative;
		left: initial;
		bottom: initial;
		transform: none;
		margin-right: 70px;
	}

	/**Menu Animation**/
	.menu-open header {
		position: fixed;
	}

	.menu_mobile {
		display: block;
		transition: 0.1s transform linear;
		position: absolute;
		background: 0;
		height: 2rem;
		width: 2rem;
		outline: 0;
		padding: 0;
		border: 0;
		z-index: 1001;
		top: 50%;
		transform: translateY(-50%);
		right: 16px;
	}

	.bar, .bar::before, .bar::after {
		transition: all 0.2s linear;
		position: absolute;
		background: #000000;
		margin: auto;
		width: 100%;
		height: 0.15rem;
		content: '';
		top: 50%;
		left: 0;
		cursor: pointer;
	}

	.bar {
		margin-top: -0.2rem;
	}

	.bar::before {
		top: -0.55rem;
	}

	.bar::after {
		top: 0.55rem;
	}

	.bar::before, .bar::after {
		transform: rotate(0deg);
	}

	.active .bar {
		background: 0;
	}

	.active .bar::before {
		transform: rotate(45deg);
	}

	.active .bar::after {
		transform: rotate(-45deg);
	}

	.active .bar::before, .active .bar::after {
		top: 0;
	}

	.active .bar, .active .bar::before, .active .bar::after {
		transition: all 0.2s linear;
	}

	nav {
		margin-right: 0 !important;
		z-index: 99;
		width: 100%;
		height: 100%;
		background: #eaeaea;
		position: fixed;
		top: 0;
		left: 0;
		transform: translateX(-1024px);
		transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
		padding-top: 3rem;
	}

	.menu-open nav {
		transform: translateX(0);
	}

	/**Menu**/
	#wrapperMenu .menu_elt {
		display: block;
	}

	.menu {
		height: 100%;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}

	.menu_link {
		font-size: 1rem;
		text-align: center;
		padding: 15px 0;
	}

	#wrapperMenu .btn_cta_general {
		margin-top: 15px;
		font-size: 1rem;
	}

	#wrapperMenu .menu_link::after {
		content: none;
	}

	#wrapperMenu .sm {
		position: initial;
	}

	#wrapperMenu .reseaux {
		display: none;
	}

	.sm {
		background-color: transparent;
	}

	.sm_elt {
		border: none;
	}

	.sm_link {
		text-align: center;
	}

	.selectLang {
		top: initial;
		bottom: 50px;
		right: initial;
		left: 50%;
		transform: translateX(-50%);
	}

	/*** HOME ***/
	.content-accesRapides {
		padding: 50px 0 0;
	}

	.wrapper-titre {
		padding-bottom: 20px;
	}

	.unMoment {
		max-width: 332px;
		width: 100%;
		margin: 0 auto;
		flex-direction: column;
		align-items: center;
	}

	.imgMoment {
		min-height: 206px;
	}


	body .rightImgMoment {
		right: initial;
		left: 0;
		top: initial;
		bottom: -2px;
		background-position: bottom center !important;
		background-image: url("/images/general/site/bottom-moment.svg");
	}

	.accesRapide {
		margin: 0 auto;
	}

	.searchElement * {
		background-color: #fff;
	}

	/***pag dyn***/
	.tableWrapper > .info {
		display: block;
	}

	/*** TUNNEL ***/
	.wrapper-pageReservation {
		margin: 0 auto;
		flex-direction: column;
	}

	.content-reservationGauche {
		margin: 0 auto;
	}

	.champsBlocPersonne input {
		width: 100%;
	}

	.titreBlocPersonne span {
		font-size: 1rem;
	}

	.chkContactRGPD_label {
		font-size: 0.8rem;
	}

	.content-reservationDroite {
		width: 100%;
		margin: 0 auto;
	}

	.content-recapReservation {
		max-width: 414px;
		margin: 0 auto;
	}

	.content-reservationDroite .titleReservation {
		align-items: center;
		text-align: center;
	}

	#page_contact #creation ul {
		flex-direction: column;
		justify-content: flex-start;
	}

	#page_contact #creation li {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
	}

	#page_contact #creation li:last-child {
		margin-bottom: 0;
	}
}

/*****************
		880px
******************/
@media (max-width: 880px) {
	.content-searchBarre {
		flex-direction: column;
		align-items: center;
	}

	.wrapper-searchBarre {
		margin-right: 0;
	}

	.content-searchBarre .btn_cta_general {
		margin-top: 20px;
	}
}

/*****************
		850px
******************/
@media (max-width: 850px) {
	/*page générale*/
	.text_champ figure {
		width: 100%;
		margin: 10px 0;
	}

	.text_champ .texte_pag_dyn {
		width: 100%;
	}

	.wrapper-imgPres {
		width: auto;
		margin: 0 auto 50px;
	}

	.wrapper-textpres {
		margin-left: 0;
	}


	/*partenaire*/
	.page_partenaires {
		margin: auto;
		text-align: center;
	}

	.bloc_partenaire {
		width: 80%;
		margin: 10px auto;
	}

	.content-contactHome {
		flex-wrap: wrap;
		padding: 50px 16px 0;
	}

	.mapHome {
		margin-right: 0;
	}

	.wrapper-infoContact .texteGradient {
		padding: 0;
		margin: 21px 0;
	}

	footer {
		margin-top: 50px;
	}

	.content-presentation{
		flex-wrap: wrap;
		padding-bottom: 75px;
	}

	.content-presentation .wrapper-textpres{
		width: 100%;
	}

	.content-presentation .wrapper-textpres h2{
		padding-bottom: 30px;
	}

	.basImgPres{
		display: none;
	}

	.content-accesRapides h2 {
		text-align: center;
	}

	.hautImgPres {
		top: -85px;
		right: -16px;
	}

	h2.texteGradient,
	#page_actu .titre_actu h1 {
		font-size: 25px;
		text-align: center;
	}

	.accesRapide {
		width: 100%;
	}


	/* deux destinations*/
	.wrapper-bretagne-martinique {
		flex-direction: column;
	}
	.bretagne, .martinique {
		width: 100%;
	}
	.texte-martinique, .texte-bretagne {
		padding: 30px 30px 30px 0;
		width: 60%;
	}
	.imgMartinique, .imgBretagne {
		width: 40%;
	}
}

/*****************
		768px
******************/
@media (max-width: 768px) {
	/*TOP PAGE*/
	.content-topPage {
		height: 280px;
	}

	.content-topPage h1, #page_actu h2 {
		font-size: 2.5rem;
	}

	/*RESEAUX*/
	.liensReseauxHome a {
		margin-right: 0;
	}

	.liensReseauxHome .texteGradient {
		display: none;
	}

	.textChampImg {
		flex-direction: column;
	}

	.textChampImg .image_droite,
	.textChampImg .image_gauche {
		margin: 0 auto 50px auto;
	}

	.textChampImg .texte_pag_dyn {
		max-width: 550px;
		width: 100%;
		margin: 0 auto;
		order: 1;
	}

	/*** CALENDRIER ***/
	.content-infoPrix {
		max-width: 370px;
		padding-top: 20px;
		flex-direction: column;
	}

	.content-infoPrix div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.infoPrix {
		padding-top: 20px;
	}

	/*** TUNNEL **/
	.content-infoTunnel li {
		margin: 0 auto !important;
	}

	#page_demandeReservation .content-infoTunnel li:nth-child(2),
	#page_demandeReservation .content-infoTunnel li:last-child,
	#page_demandeInformation .content-infoTunnel li:first-child,
	#page_demandeInformation .content-infoTunnel li:last-child,
	#page_paiement .content-infoTunnel li:first-child,
	#page_paiement .content-infoTunnel li:nth-child(2) {
		display: none;
	}

	/*** PAIEMENT ***/
	.messageImportant.displayResp,
	.content-reservationDroite.displayResp  {
		display: flex;
	}

	.messageImportant {
		margin-top: 30px;
	}

	.content-reservationDroite {
		margin-top: 40px;
	}

	.lienContact,
	.messageImportant  {
		font-size: 0.9rem;
	}
}


/*****************
		742px
******************/
@media (max-width: 742px) {
	.bx-wrapper img{
		height:255px;
		max-width: initial;
	}
}

/*****************
		700px
******************/
@media (max-width: 700px) {
	.wrapper-searchHome h2 {
		font-size: 2rem;
	}

	.content-searchBarre {
		max-width: 370px;
		margin: 0 auto;
		align-items: stretch;
	}

	.wrapper-searchBarre {
		padding: 10px;
		border-radius: 20px;
		flex-direction: column;
	}

	body .searchElement,
	body .searchElement.selectElement {
		max-width: none !important;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.searchElement:last-child {
		margin-bottom: 0;
	}

	#ui-datepicker-div {
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
}

/*****************
		673px
******************/
@media(max-width:673px){
	#rc-imageselect, .g-recaptcha, .captcha-wrapper > div {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}
}

/*****************
		667px
******************/
@media (max-width: 667px) {
	/** Contact **/
	.contact-form {
		width: 90%;
		margin: auto;
		float: none;
	}

	.texte_accroche{
		font-size:18px;
	}     

	.texte_coordonnees {
		padding: 20px;
		width: 100%;
		border-top: 1px solid #63929e;
	}

	#page_contact .content_right {
		width: 95%;
	}
}

/*****************
		516px
******************/
@media (max-width: 516px) {
	/**une actu**/
	.une_actu_page_dyn .photo_actu img{
		width:90%;
	}
}

/*****************
		500px
******************/
@media(max-width:500px){
	#rc-imageselect, .g-recaptcha, .captcha-wrapper > div {
		transform:scale(0.70);
		-webkit-transform:scale(0.70);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}
}

/*****************
		463px
******************/
@media (max-width: 463px) {
	/**carousel page dyn**/
	.slick-initialized .slick-slide {
		float: left;
	}
}

/*****************
		414px
******************/
@media (max-width: 414px) {
	.logo {
		max-width: none;
		width: 50%;
	}

	.content-topPage {
		height: 200px;
	}

	.content-topPage h1, #page_actu h2{
		font-size: 2rem;
		display: flex;
	}

	.footer_content {
		flex-direction: column;
	}

	.content-reseauxHome {
		margin-top: 120px;
	}

	/*** TUNNEL ***/
	.titleReservation {
		align-items: center;
		text-align: center;
	}

	.chkContactRGPD_label {
		display: block;
	}
}

/*****************
		370px
******************/
@media (max-width: 370px) {
	.NomPrix,
	.NbPrix {
		font-size: 1.3rem;
	}
}

/*****************
		694px - H
******************/
@media (max-height: 694px) {
	.wrapper-searchHome h2 {
		font-size: 6vw;
		padding-bottom: 30px;
	}
}

@media (max-width: 329px) {
	.wrapper-searchHome h2 {
		font-size: 6vw;
		padding-bottom: 30px;
	}
}