
.destinationsMobileListWrapper .mega-menu-close {
 display : none;	
	
}

.footerPhone-cdi {
 padding-top:5px !important;	
	
}

.footermail-cdi {
	padding-bottom: 5px ! important;
}


ul li.strong {
 color: #B1D9E6;
 padding-left: 50px;	
}

.strong {
 font-weight: bold !important;	
}


.normeNL:after { 
    content: 'NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -4px; top: 0px; z-index: 1;
}

.normeNF:after{
    content: 'NF'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -4px; top: 0px; z-index: 1;
}

.classeNLLUX:after{
    content: 'Luxe NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -20px !important; top: 0px; z-index: 1;
}

.classeNFLUX:after{
    content: 'Luxe NF '; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -20px !important; top: 0px; z-index: 1;
}

.classeNLSUP:after {
    content: 'SUP NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -18px !important; top: 0px; z-index: 1;
}

.classeNFSUP:after {
    content: 'SUP NF'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -18px !important; top: 0px; z-index: 1;
}
   
.espaceProLink2 {
	background-color: white;
	float: none !important;
	font-size: 14px;
	width: 100%;
}

.divtextsp table{
	width: 100% !important;
	
}

.divtextsp img{
	width: auto !important;
	
}

.divbrochure table{
   margin: auto;
}

.actualite {
	margin:auto !important; 
}

.newsInList.col-sm-4 {
    text-align: center; 
}    

.ui-datepicker-title {
    color: black !important;
}


.middleText h2 {
	font-size: 1.3em;
	line-height: 1.3em;
}

.middleText {
	font-size: 0.8em;
	line-height: 1.1em;
	text-align:left;
}

.popupContent {
	text-align:center;
	vertical-align: middle;
	margin: 10px;
}

.nomAgence {
	font-size: 1.2em;
	font-weight: bold;
}

.listeAgence {
	width: 100%;
	
}

.listeAgence td {
	padding: 10px;
	
}

.divlisteAgence {
	max-height: 300px;
	overflow-y: auto;
}

.formtable {
    width: 100%;
}

.divcenter {
    width: 100%;
    text-align: center;
}

.productPriceWrapper  a {
	color:#000;
}

.tarifs3MainRow .flightNumber {
    white-space: nowrap;
}

.resapro img, .espaceProNews img {
	width: auto;
	display: inline;
}


.tablegeneric {
	width: 100%;
}

.tablegeneric input {
    width: 95%;
}

.tablegeneric tbody tr td:nth-child(2n) {
	color: #305AA1;
}

.tablegeneric tbody tr:nth-child(2n) td {
    background-color: #E0E6F1;
}

.tablegeneric a {
	color: #305AA1 !important;
	text-decoration: underline;
	outline: 0;
}	

.tablegeneric th {
    background: #0082AE;
    color: white;
    border-right: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bolder;
    font-size: 9pt;
}

.tablegeneric tbody td {
    border-right: 1px solid #0082AE;
    border-bottom: 1px solid #0082AE;
    padding: 3px 5px 2px 10px;
    text-align: center;
}	

.colLDossiersPassagers {
	text-align: left !important;
}
	
.tablegeneric tbody td:first-child,.tablegeneric th:first-child  {
    border-left: 1px solid #0082AE; 
}

.tablegeneric th:last-child {
	border-right: 1px solid #0082AE; 
}	

.formcol1 {
	text-align: right;
	padding-right: 1%;
	width: 22%;
}

.formcol2 {
	text-align: left;
}

.newsInList h6 {
  	margin-top:10px;	
	margin-right: 10px;
	margin-left: 10px;
}


.content-rappellemdp {
 margin:40px;	
}

.content-rappellemdp form {
 width: 350px;	
}


.content-rappellemdp .msg {
 color: red;	
	
}	

.content-lst-agence-trouve {
  margin-left: 15px;
  margin-right: 15px;	
	
}

.allDestinationsLink, .destinationsList {
	
	cursor: pointer;
}

.actualite {
	width: 220px !important;
	height: 220px !important;
}

.messageCentrer.errorMessage {
    text-align: center;
}

a.tarifsStep {
    cursor: pointer;
}

.btImprime {
	text-align: right;
}

.divbrochure td {
    padding: 20px !important;
}


.mapResize {
    width: 100% !important;
    height: 100% !important;
}

.fld-adresse legend {
  padding-top:10px;	
  font-weight: 150%;	
	
}

.fld-adresse {
 padding-top:10px;
 padding-bottom:10px;	
	
}

.fld-form p{
 margin-top: 5px !important;	
	
}
 
.imglogo {
    width: unset !important;
    text-align: center;
    margin: auto;
    padding-top: 10px;
} 

.popup {
    background-color: #BEDFEA !important;
    color: #002A3F;
    padding: 10px;
    z-index: 10;
}


.btnOk {
    margin-left: 15px !important;
    margin-bottom: 4px !important;
}

.warnMessage,.endemandediv {
	color:red;
	font-weight:bolder;
}

.infoMessage {
	font-weight:bolder;
}
	
.errorMessage {
	color:red;
	font-weight:bolder;
}

.footerCenterLinksList {
    padding-top: unset !important;
}

#cookie-banner {
/* 	position: absolute; */
/* 	bottom: 400px; */
	padding:10px;
	background: #0082AE;
	width: 100%;
	cursor: pointer;
	color: white;
	font-size: 0.8em;
	z-index: 10000;
	text-align: center;
	height: 85px;
}

#cookie-banner a {
	color: #FFF;
	text-decoration: underline;
}

#textGA {
	width: 90%;
	float: left;
}

#btCloseGA {
	width: 9%;
	margin-left: 90%;
}

.btMobileFooter a {
			color: #FFF !important;
}
.btMobileFooter {
			z-index: 1000;
			background-color: #0082AE;
			font-size :large;
			text-align: center;
			color: #FFF !important;
			position: fixed;
			right: 0px;
			left : 0px;
			bottom: 0px;
			
}

.bt1 {
	background-color: #0082AE;
	padding: 10px 10px;	
	float:left;
	width: 50%;
	border-right: #002A3F;
	border-style: solid;
	border-right-width: 2px;
}

.bt2 {
	margin-left:50%;
	width: 50%;
}

.bt3 {
	padding: 5px 10px;	
	float:left;
	width: 50%;
	border-right: #002A3F;
	border-style: solid;
	border-right-width: 2px;
	height: 38px;
}

.unsetBt {
	background-color: unset;
	float: initial;
	font-size: initial;
	line-height: initial;
	display: initial;
	padding: unset;
	margin-right: unset;
}

.bt4 {
	padding: 5px 10px;	
	margin-left:50%;
	width: 50%;
	cursor: pointer;
}

.btReserverMob {
	background-color: #F49B00;
}

.titreBtReserver {
	color: #002A3F;
}

.bandeau-mobile-reservez, .bandeau-mobile-contact { 
	width:100%;
	background-color:#E84D0E;
	border-right:none;
	border-right-width:0;
	padding:7px; 
	height: 53px;
	
}
.bandeau-mobile-contact {
	padding:8px; 
}
.texte-reservez { background-color: #E84D0E;color:white; }
.texte-reservez-1 { font-size: 22px; }
.texte-reservez-2 { font-size:15px;font-weight:initial; }

.textweb-list{
	display:block;
	width:100%;
}
.textweb-list-element, .textweb-list-element-current{
	display:block;
	margin-top: 0 !important;
	font-size: 14px;
	line-height: 150%;
	border-bottom: 1px solid #CBE6EE;
	text-align: initial;
	cursor: pointer;
}
.textweb-list-element-current{
	font-size: 20px;
}
.textweb-list-element-current:hover{
	color: #0090C9;
}
.textweb-menu-container{
	margin:auto;
	width:80%;
}
#textweb-menu-list {
	display: none;
	margin-top: 0px;
	background-color: #A5D3E3;
}
#textweb-menu-current {
	margin-bottom: 0;
	margin-top: 3em;
}
.textweb-list-link{
	padding: 10px 10px;
	color: #002A3F;
	display: block;
	margin-left: 2em;
}
.textweb-menu-current .textweb-list-link{
	font-style: italic;
}
.textweb-menu-icon{
	float: right;
}
.textweb-active{
	color: #0082AE;
}
.textweb-header-row ul{
	margin-left: 0;
}
#textweb-desc-title{
	color: #000;
    margin-bottom: 0;
    margin-top: 0;
}

@media (max-width:520px){
	.textweb-list-link{
		margin-left: 25px;
	}
}

@media (min-width:520px) {
	
	.perso2Itm {
		margin-left:auto;
		margin-right:auto;
		float:right;
		width:350px;	
	}
	
}

@media (min-width:768px) {
	
	.perso2Itm {
		margin-left:auto;
		margin-right:auto;
		float:right;
		width:475px;	
	}
	
}

@media (max-width:768px){
	.textweb-list-element-current {
		font-size: 18px;
	}
	.textweb-menu-container{
		width:100%;
	}
	.textweb-list-link{
		margin-left: 50px;
	}
	.dest-desc-title, #textweb-desc-title, .dest-header-right, .textweb-header-right{
		padding: 0px 25px;
	}
	.dest-header-row, .textweb-header-row{
		padding: 25px 0px;
	}
}

@media (min-width:992px){
	
	
	.perso2Itm {
		margin-left:auto;
		margin-right:auto;
		float:right;
		width:495px;		
	}
}

@media (min-width:1080px){
	
	.perso2Itm {
		margin-left:auto;
		margin-right:auto;
		float:right;
		width:525px;	
	}
}


#moteurInspWrap fieldset{
	border: 0 !important;	
}

.combine-meilleur-tarif{
	height:18px;width:49px;display:inline;vertical-align:bottom
}

.title-reservez{
	line-height:20px;
	margin-top:10px;
	font-size:18px;
	font-weight:initial;
}
.txt h2 .title-reservez-orange{
	color:#E84D0E;
	font-family:inherit;
	font-weight:inherit;
}

.loginFormPopup-sent{
	opacity: 0.5;
}
.popup-form-disabler{
	border: none;
	padding: 0;
	margin: 0;
}

/*.perso2Itm {
	width: 66% !important;
}*/

.perso1Itm {
	width: 57% !important;
}

.adWords {
/* 	background-color: #DAEDF3; */
	color: #E84D0E;
	font-size: 14px;
	line-height: 11px;
	text-align: right;
	/*font-style: bold;*/
	font-weight:bold;
	/*border: 1px solid #CBE6EE;*/
	background-color: #DAEDF3;
/* 	padding: 5px; */
/* 	margin-bottom: 5px; */
	float: right;
}

.sejourVignette .adWords {
	margin-bottom: 0px !important;
	
}

.adWordsFond {
	border: 1px solid #CBE6EE;
	background-color: #DAEDF3;
	padding: 5px;
	margin-bottom: 5px;
}


.logobagage img {
	width: 50px;
}

.logobagage {
	width: 5%;
}

.checkboxWrapper input {
	margin-right: 5px;
}


.tarifsTitle1 .noces {
	color: #FF00A4;
}

.tarifsTitle1 .anniv {
	color: #00A9D5;
}

/*boutton calcul devis depuis liens brochure*/
.button {
	margin: 1rem auto;
    width: 35%;
}

.button .btn {
	width: 100%;
	padding: .8rem;
}

.priceTable {
    width: 100%;
}

.need-share-button_smsto::after {
 content:url("../img/sms-bleu.png");	
}

.need-share-button_smsto {
	float:left;
}

@media (min-width: 992px) {
	.homeSejoursListWrapper {
	    min-height: 1150px;
	}
}

.baseLineInfoPaiment {
    background: #0082ae;
    padding: 20px 10px 20px 10px;;
    color: #fff;
    font-weight: bolder;
    width:100%;
    text-align: center;
	font-size: 11px;
}

.baseLineInfoPaiment div {
	width: 50%;
	text-align: center;
	font-size: 18px;
}

.baseLineInfoPaiment div:first-child {
	float:right;
}

.petiteslignes {
	padding: 10px;
	font-size: 11px;
}


.cadreAgence {
    color: #A5E1F0;
    border-bottom: 10px solid #0082AE; 
    padding-top: 17px;
    padding-bottom: 17px;
    text-align: center;
    background-color: #002A3F;
}

.totalPriceTable { margin-bottom: 35px; width: 100%;}

.totalPriceTable td { vertical-align: middle; font-size: 13px; line-height: 16px; padding: 10px 5px; border: 1px solid #7ec0d6; text-align: right; }

.totalPriceTable td.priceTableIntitule { background-color: #0082ae; color: #fff; font-style: italic; font-weight: bold; font-size: 15px; line-height: 16px; padding: 10px 5px; vertical-align: middle; border-left: 1px solid #7ec0d6; width : 80%}

.totalPriceTable td.priceTableMainTotalPrice { background-color: #002a3f; color: #fff; font-weight: bold; font-size: 15px; padding-top: 20px; padding-bottom: 20px; }

.totalPriceTable td.priceTotalReduction {font-style: italic; font-size: 10px;}

.totalPriceTable td.priceTotalTaxe {font-style: italic; font-size: 10px;}

.showUpAreaOnClickLink {
    color: #A5E1F0;
    cursor: pointer;
    border-bottom: 1px solid #A5E1F0;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
}
.showUpAreaOnClickLink.opened .displayText {
    display: none;
}
.showUpAreaOnClickLink.opened .hideText {
    display: block;
}

.mega-menu ul.destinationsList > li { padding: 10px 47.5px 35px !important; }

.promo_header { display: block; float: right; margin-right: 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #E84E0F; padding: 5px 10px 5px; }
.promo_header:hover { background-color: #305AA1; color: #fff; }

.new_promo_header { display: block; float: right; margin-right: 10px; font-size: 12px; line-height: 18px; color: #E84E0F; background-color: #eed71d; padding: 5px 10px 5px; font-weight: bold;}
.new_promo_header:hover { background-color: #305AA1; color: #fff; }

.iles2_header {display: block; float: right; margin-right: 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #E84E0F; padding: 5px 10px 5px; font-weight: bold;}
.iles2_header:hover { background-color: #305AA1; color: #fff; }

.sandals_header {display: block; float: right; margin-right: 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #2DB5E9; padding: 5px 10px 5px; font-weight: bold;}
.sandals_header:hover { background-color: #305AA1; color: #fff; }

@media screen and (max-width: 600px) {
	.container:has( #listedossiers) {
		padding: 0 5px 0;
	}
	
	.colLDossiersPassagers {
	    white-space: normal;
	    overflow-wrap: break-word;
	    word-break: break-word;
	}
}

/*** Partie dossier paiement Thunes/Floa ***/

.paiementVeepeeSectionClient { max-width: 600px; margin: 15px auto;}

.TypePaiementListe {display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; margin-top: 15px;}
.TypePaiementListe li { position: relative; }
.TypePaiementListe li > .radioTypePaiement { border: 1px solid var(--blue-600); border-radius: 12px; padding: 10px; padding-right: 25px; display: flex; align-items: center; gap: 10px; pointer-events: cursor; transition: background 0.2s ease; }
.TypePaiementListe li > input[type="radio"] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2; }
.TypePaiementListe input[type="radio"]:not(:disabled):not(:checked)+label:hover { background-color: var(--color-blue-10); }
.TypePaiementListe input[type="radio"]:not(:disabled):not(:checked)+label+label:hover { background-color: var(--color-blue-10); }
.TypePaiementListe input[type="radio"]:checked+label { background-color: var(--color-orange-10); border-color: var(--color-orange); }
.TypePaiementListe input[type="radio"]:checked+label+label { background-color: var(--color-orange-10); border-color: var(--color-orange); }
.TypePaiementListe input[type="radio"]+label { display: none;}
.radioTypePaiement .chambreThumbnail { border-radius: 4px; width: 25%; align-self: flex-start; aspect-ratio: 16/9; object-fit: cover; }
.typePaiementTitre { font-size: 16px; font-weight: bold; }
.typePaiementInfos { display: flex; flex-direction: column; gap: 10px; width: 75%;}
.paiementDescription { font-size: 12px; margin-top: 10px; max-width: 520px; }
.typePaiementImage { width: 25%; text-align: center; display: flex; align-items: center; justify-content: center; }
.required {color: red;}

.labelWarning { color: red; font-size: 14px; margin-top: 15px; display: none; }
.paiementValidateConditionBox {margin: 20px 0px;}
.switchWrapper {display: flex;align-items: center;gap: 8px;}
.switch {position: relative;display: inline-block;width: 33px;height: 14px;}
.switch input {  opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--blue-200); -webkit-transition: .4s; transition: .4s; border: 1px solid #fff; border-radius: 34px; }
.slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: var(--blue-600); }
input:focus + .slider { box-shadow: 0 0 1px var(--blue-600); }
input:checked + .slider:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); }

@media (min-width: 992px) {
	.TypePaiementListe li > .radioTypePaiement { gap: max(30px, 3%); }
	.typePaiementInfos { flex-direction: row; gap: 50px; align-items: center; }
	.typePaiementDetails { width: 75%; padding: 10px 0; }
	.typePaiementImage { width: 15%; }
}

