@charset "UTF-8";



html { overflow-x: hidden; }

body { font-size: 14px; line-height: 18px; color: #000; background-color: #4D4D4D; overflow-x: hidden; }

.clearfix:before, .clearfix:after { 
    clear: both;
    content: " ";
    display: table;
}


 
 
/************ fonts **************/

body, .homeAboutUsText a, .sejourFeatures strong, .tarifsTitle1 span, 
.tarifs2SecondRow h3 span, .tarifsTitle3 span, .hebergementItem h4 span  {
    font-family: 'lato', Arial, sans-serif; letter-spacing: 0.3px;
}


.main-menu ul.navigation > li > a, .footerListTitle, .footerContactsInfos label, .partnerInfos, 
.homeAboutUsText, .sejourExcerpt, .homeNewsletter p, .yellowStars:after, .txt h2 > span, 
.excursionInfos h6, .niceLink strong, .tarifsTitle1, .tarifsTitle2, .tarifs2SecondRow h3, 
.tarifs2SecondRow .beforeTitle, .tarifsTitle3, .sectionBottonLink,  
.tarifs3MainRow .sectionHeader .sectionHeaderRight a, .tinyLink, .hebergementItem h4, .assuranceCompareInvitation, 
.resumeDeparture, .resumeArrival, .priceTableMainTotalPrice, .messageBlue, .newsInListTitle, .espaceProNews h4, .hotelRowName, 
.mega-menu ul.destinationsList > li > a, .mega2Header h4, .mega2Header ul li a.allProductsLink, .hotelsListItem h5, .sejourDestination ,.excursionInfos .spanh6  {
    font-family: 'lato-light', Arial, sans-serif;
}

.infoItemAgeEnfant {
  text-align:center !important;	
}


/************ transitions **************/


a, a i, a i:before, a img, a span, a strong, 
.mega-menu-wrapper a:after, .mega-menu-wrapper a:before, 
input, textarea,
a .partnerTitle, a .partnerInfos, 
a .sejourPrice, a .sejourInfos, a .sejourImageArea, a .sejourImageArea img, 
.combineListHotelItem, .yellowStars, 
a .newsInListTitle {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rsvpBtn {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.pageMainColLeft .rsvpBtn span {
	padding-top:30px;
}

.rsvpBtnAvis {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
	
}

.content-form-avis { 
 margin:auto;	
 padding:20px;
 width: 70%;	
}

.content-form-avis .content-entete h2 {
	color: #0082AE;
	font-size: 30px; 
	margin-bottom: 20px;
}

.content-form-avis .content-entete a{
font-style: italic;
}

.content-form-avis .content-entete span{
  display : block;	
}

.content-form-avis .content-entete .content-good-moyenne input {
margin-left: 60%;	
}

.content-good-moyenne a {
	float: right;
	display: block;
	width: 150px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    background: #0082ae;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content-good-moyenne a:hover {
    color: white;
}


.content-form-avis .echelle-note td {
      padding-right: 20px;	
}

.avis-details p {
	margin-top: 5px !important;
}

.avis-entete strong {
    font-size: 18px !important;	
}


.main-menu ul.navigation li.mega-menu-wrapper.opened > a, 
.mega-menu-wrapper.opened a:after, .mega-menu-wrapper.opened a:before, 
.main-menu ul.navigation li.drop-down-wrapper.opened > a, 
.drop-down-wrapper.opened a:after, .drop-down-wrapper.opened a:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/************ links **************/

a { color: #305AA1; text-decoration: none; outline: 0; }
a:hover { color: #00A9D5; border-color: #00A9D5; }

/************ images **************/
img { 
    display: block; width: 100%; height: auto; -webkit-backface-visibility: hidden; 
    transform: translate3d(0px,0px,0px); filter: brightness(1.01);
}

.img-footer {
    background-color: #0082ae;
    border-top: 1px solid white;
}

/************ structure **************/

.container { padding: 0 25px 0; }
#pageWrapper { background: #fff; }




/************ pop up **************/

.mfp-content { background: #fff; 
    margin: 0 auto;
    max-width: 800px;
    padding: 50px 0;
}

.loginForm label { display: block; margin-bottom: 3px; }
.loginForm .submitWrapper { text-align: right; position: relative; top: 15px; }

/************ header **************/

.headerContainer { position: relative; }

#menu-toggle { 
    margin-top: 16px;
    float: right; width: 50px; height: 50px; text-align: center;
    background: #fff; position: relative; z-index: 9999; color: #002A3F;
    text-decoration: none;
}

a#menu-toggle { cursor: pointer; }
#menu-toggle i { display: block; font-size: 30px; line-height: 30px; padding: 10px 0 10px; color: #002A3F; } 
#menu-toggle i:before { margin-right: 0; text-align: right; }
#menu-toggle:hover i { color: #0082AE; }

#logoWrapper { width: 210px; padding: 25px 0 22px; float: left; }
@media (max-width:767px){
	#logoWrapper {
		padding: 25px 0 10px;
	}
}
#logoWrapper a img { width: 100%; height: auto; }

.tagline { text-transform: uppercase; color: #0082AE; font-size: 10px; line-height: 14px; letter-spacing: 0.5px; cursor: default; padding-top: 3px; }


#headerRight { display: none; float: right; width: 650px; }

#headerRightTop { min-height: 34px; }

.phoneTop { color: #0082AE; font-size: 19px; line-height: 19px; font-weight: bold; float: right; padding: 3px 0 0; cursor: default;  }
.phoneTop span { font-size: 10px; font-weight: normal; display: block; text-align: right; line-height: 12px; }
.espaceProLink { background-color: #DAEDF3; float: right; font-size: 12px; line-height: 18px; display: block; padding: 5px 10px 5px; margin-right: 10px; }
.espaceProLink i:before { font-size: 16px; position: relative; top: 1px; }
.espaceProLink:hover { background-color: #305AA1; color: #fff; }
.agencesPartenairesLink { display: block; float: right; padding: 5px 0px 0px; margin-right: 10px; font-size: 12px; line-height: 18px; color: #666; }
.agencesPartenairesLink:hover { color: #305AA1;  }

.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; }

#headerRightTop .logOut { float: right; font-size: 12px; line-height: 18px; color: #00a9d5; padding-top: 5px; }
#headerRightTop .logOut span { border-bottom: 1px solid #00a9d5; }
#headerRightTop .logOut:hover { color: #002A3F; } 
#headerRightTop .logOut:hover span { border-bottom-color: #002A3F; }

/************ Top Navigation / menu **************/

.main-menu { display: none; padding-top: 20px; width: max-content; margin-left: -15px; }

.main-menu ul.navigation { text-align: right; }
.main-menu ul.navigation > li { display: inline-block; border-right: 1px solid #CBE6EE; padding-right: 3px; }


.main-menu ul.navigation > li > a { display: block; float: left; font-size: 15px; line-height: 20px; padding: 10px 12px; color: #002A3F; font-weight: bold; position: relative; }
.main-menu ul.navigation > li.on > a { color: #0082AE; }
.main-menu ul.navigation > li > a:hover { color: #0090C9; }
.main-menu ul.navigation > li > ul { display: none; text-align: left;  }

.main-menu ul.navigation > li:last-child { border-right: 0; padding-right: 0; }
.main-menu ul.navigation > li:last-child > a { padding-right: 0; }
.main-menu ul.navigation > li:last-child > a > i:before { font-size: 20px; line-height: 20px; margin: 0; }

/*** drop down menu ***/

.main-menu ul.navigation > li.drop-down-wrapper { position: relative; }
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down { 
    position: absolute; right: 0; top: 65px; z-index: 9999; width: 200px; background: #fff; 
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); 
}
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down li { border-top: 1px solid #cbe6ee;  }
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down li a { display: block; padding: 10px 10px; color: #002A3F; }
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down li a:hover { background-color: #cbe6ee; }

.main-menu ul.navigation > li.drop-down-wrapper.opened > a { color: #fff; background: #0082ae; top: 10px; padding-left: 8px; padding-right: 7px; }


/*** mega menu 1/2 ***/
.mega-menu-wrapper > a { position: static; }

.excepTheme, .excepTheme::before, .excepTheme::after{
    opacity: 0%;
    display: none !important;
}

.main-menu ul.navigation li.mega-menu-wrapper.opened > a {
    color: #fff; background: #0082ae; top: 10px;
}

.main-menu ul.navigation li.mega-menu-wrapper > a:before, 
.main-menu ul.navigation > li.drop-down-wrapper > a:before,
.main-menu ul.navigation li.mega-menu-wrapper > a:after, 
.main-menu ul.navigation > li.drop-down-wrapper > a:after { content: ''; background: transparent; border-top: 13px solid transparent; height: 0px; width: 100%; bottom: 100%; left: 0; position: absolute; z-index: 999999; }
.main-menu ul.navigation li.mega-menu-wrapper > a:after, 
.main-menu ul.navigation > li.drop-down-wrapper > a:after  { bottom: auto; top: 100%; background: transparent url(img/mega-menu-arrow.png) 50% 100% no-repeat; box-sizing: content-box; opacity: 0; }


.main-menu ul.navigation li.mega-menu-wrapper.opened > a:before, 
.main-menu ul.navigation > li.drop-down-wrapper.opened > a:before,
.main-menu ul.navigation li.mega-menu-wrapper.opened > a:after, 
.main-menu ul.navigation > li.drop-down-wrapper.opened > a:after { border-top-color: #0082ae; }
.main-menu ul.navigation li.mega-menu-wrapper.opened > a:after, 
.main-menu ul.navigation > li.drop-down-wrapper.opened > a:after { padding-bottom: 8px; opacity: 1; }

.mega-menu, .mega-menu-2 { 
    position: absolute; top: 100%; left: 0; width: 100%; text-align: left; 
    z-index: 9998; background: #002a3f; color: #FFF; 
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35); display: none;
}

.mega-menu-inside { position: relative; }

.destinationsListWrapper { position: relative; }

.mega-menu-close { position: absolute; top: 10px; right: 5px;  }
.mega-menu-close a { display: block; cursor: pointer; }
.mega-menu-close a:hover { color: #00a9d5; }
.mega-menu-close span { font-size: 12px; font-style: italic; line-height: 22px; position: relative; top: -7px; right: -7px; }
.mega-menu-close i:before { font-size: 30px; line-height: 22px; margin: 0; text-align: right; }

.mega-menu ul.destinationsList { width: 100%; padding: 50px 0; }

.mega-menu ul.destinationsList a { font-size: 15px; line-height: 20px; color: #00a9d5; }
.mega-menu ul.destinationsList a:hover { color: #FFDD00; }

.mega-menu ul.destinationsList > li { float: left; padding: 10px 50px 35px; width: 33.333%; }
.mega-menu ul.destinationsList > li > a { 
    display: inline-block; letter-spacing: 0.8px; 
    color: #fff; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: bold; 
}

.mega-menu ul.destinationsList > li > a:hover { color: #FFDD00; }
.mega-menu ul.destinationsList > li > a i:before { font-size: 17px; margin: 0; }
.mega-menu ul.destinationsList > li > ul > li { padding: 3px 0; }

/*** mega menu 2/2 ***/

.mega-menu-2 { z-index: 9999; top: 0; }
.mega2LeftWrapper { position: relative; padding: 50px 0 20px; }

.mega2Header { padding: 0 50px 30px; }
.mega2Header h4 { color: #fff; font-size: 24px; line-height: 28px; margin-bottom: 20px; cursor: default; }

.mega2Header ul { border-top: 1px solid #044967; border-bottom: 1px solid #044967; }
.mega2Header ul li { display: inline-block; padding: 10px 0; margin-right: 20px; }
.mega2Header ul li a { color: #999; }
.mega2Header ul li a i:before { margin: 0; }
.mega2Header ul li a.allProductsLink { color: #ffdd00; font-weight: bold; letter-spacing: 0.5px; }
.mega2Header ul li a:hover { color: #fff; }


.hotelsListItem { float: left; padding: 10px 20px 35px 50px; width: 33.333%; }
.hotelsListItem h5 { text-transform: none; color: #fff; font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 15px; }
.hotelsListItem h5 span.yellowStars { }
.hotelsListItem li { padding: 3px 0; }
.hotelsListItem li a { color: #00a9d5; font-size: 15px; line-height: 20px; }
.hotelsListItem li a span { color: #5db0cc; font-size: 13px; font-weight: bold; }
.hotelsListItem li a:hover { color: #ffdd00; }
.hotelsListItem li a:hover span { color: #fff; }

/*** pub ***/

.menuProductsList { background: #044967; padding: 50px 25px; }
.menuProductsList a { color: #79bed5; }
.menuProductsList .sejourVignette :last-child { padding-bottom: 0; }
.menuProductsList .sejourVignette a:hover .sejourInfos { color: #fff; }

/************ mobile Navigation / menu **************/

#mobile-menu { display: none; padding-bottom: 10px;  }
#mobile-menu ul > li { border-bottom: 1px solid #CBE6EE; }
#mobile-menu ul > li a { padding: 10px 25px; font-size: 15px; line-height: 18px; font-weight: normal; display: block; color: #002A3F; }
#mobile-menu ul > li a:hover { color: #0090C9; }
#mobile-menu ul > li > ul { display: none; }


#mobile-menu .destinationsMobileListWrapper { display: none; background: #A5D3E3; }
#mobile-menu .destinationsMobileListWrapper a { display: block; } 
#mobile-menu .destinationsList ul { display: none;  background: #002A3F; }
#mobile-menu .destinationsList ul a {   color: #B1D9E6; }

#mobile-menu ul > li a i { float: right; padding: 2px 7px; }

/************ menu pro **************/
#menuPro { background: #0082ae; color: #fff; text-align: center; font-size: 12px; line-height: 15px; display: none; }
#menuPro > ul > li { display: inline-block; }
#menuPro > ul > li > a,#menuPro > ul > li > form > a  { padding: 15px 5px; color: #fff; display: inline-block; }
#menuPro > ul > li > a.active, #menuPro > ul > li > a:hover,#menuPro > ul > li > form > a.active,#menuPro > ul > li > form > a:hover { color: #9bcedf; }

/************ Headings **************/

h1 { font-size: 36px; line-height: 40px; font-weight: bold;  }
h2,h6.descCombine { font-size: 36px; line-height: 40px; font-weight: bold; }
h6.descCombine {text-transform: none; }
h3,h7.descCombine { font-size: 28px; line-height: 32px; font-weight: bold; }
h4 { font-size: 20px; line-height: 28px; font-weight: bold; } 
h5 { font-size: 18px; line-height: 26px; letter-spacing: 0.8px;  } /* ok */
h6,.spanh6 { font-size: 12px; line-height: 15px; text-transform: uppercase; letter-spacing: 0.7px; color: #868686; }

h1 strong, h2 strong, h3 strong, h6.descCombine strong { font-weight: bold; }

.txt h1, .txt h2, .txt h6.descCombine { color: #0082AE; margin-bottom: 15px; margin-top: 35px; }
.txt h3, .txt h7.descCombine  { color: #002A3F; margin-top: 18px; }
.txt h4 { color: #0082AE; margin-top: 18px; }
.txt h5 { color: #002A3F; margin-top: 18px; }
.txt h6,.txt .spanh6 { color: #0082AE; margin-top: 18px; }

.txt > h1:first-child, .txt > h2:first-child, .txt > h3:first-child, .txt > h4:first-child, .txt > h5:first-child, .txt > h6:first-child, .txt > .spanh6:first-child, .txt > p:first-child { margin-top: 0; }

.txt h2 > span { color: #002A3F; font-weight: normal; }






/************ links & text elements **************/


.txt { font-size: 14px; line-height: 18px; }
.txt p { margin-top: 18px; }
.txt ul { list-style: disc; margin-left: 12px; margin-top: 9px; margin-bottom: 9px; }
.txt ul li { list-style: disc; margin-top: 3px; }

.txt p.smallTxt { margin-top: 5px; color: #666; font-size: 12px; line-height: 16px; }

.txt .excerpt { font-size: 18px; line-height: 26px; }

.txt blockquote {
    font-size: 22px; line-height: 25px; color: #868686; font-style: italic; margin-bottom: 10px; padding-left: 40px;
    position: relative; letter-spacing: 0.3px;
}
.txt cite { color: #868686; padding-left: 40px; display: block; margin-bottom: 20px; font-size: 13px; line-height: 17px; }

.chapo, .txt .chapo { font-size: 19px; line-height: 24px; margin: 15px 0; }

/************ prefooter **************/

#prefooter {
    background: #002A3F; border-top: 10px solid #0082ae;
}
.footerIconsLinks { border: 1px solid #0082AE; border-top: 0; border-bottom: 10px solid #0082AE; }
.footerIconsLinks > div { border-top: 1px solid #0082AE; }
.footerIconsLinks a { color: #00A9D5; display: block; padding: 20px; background-color: #1A1A1A; font-size: 13px; line-height: 16px;  }
.footerIconsLinks a label { cursor: pointer; }
.footerIconsLinks a:hover { background-color: #002A3F; }
.footerIconsLinks a i { color: #305AA1; }
.footerIconsLinks a:hover i { color: #00A9D5; }

.container.logosFooter { padding-top: 17px; padding-bottom: 17px; }

.FooterLinksListsRow { text-align: center; }
.footerColumn { margin-bottom: 10px; }

.footerColumnInner { padding: 25px 25px; background-color: #003D56; color: #fff; }


.footerListTitle { color: #fff; font-size: 13px; text-transform: uppercase; line-height: 16px; margin-bottom: 20px; letter-spacing: 0.8px; cursor: default; }

.footerList li { margin-bottom: 15px; }
.FooterLinksListsRow a { color: #58C7E4; font-size: 13px; line-height: 16px; }
.FooterLinksListsRow a:hover { color: #fff; }

.footerContactsInfos a { border-bottom: 1px solid #58C7E4; padding-bottom: 3px; }
.footerContactsInfos a:hover { border-bottom-color: #fff; }

.footerPhone { font-size: 19px; line-height: 19px; font-weight: bold; cursor: default; padding-top: 10px; }
.footerPhone span { font-size: 10px; font-weight: normal; display: block; line-height: 12px; margin-top: 15px; }

/************ Footer **************/


#footer { background: #002A3F; color: #0082AE; padding: 35px 25px;  }


.footerLeft { float: left; width: 160px; }
.footerLeft a img { display: block; width: 100%; height: auto; max-width: 146px; margin-bottom: 5px; }

.allRightReserved { font-size: 11px; line-height: 13px; }

.footerCenter { text-align: center; clear: both; padding-top: 30px; }
.footerCenterLinksList { padding-top: 7px; }
.footerCenterLinksList li { display: inline-block; font-size: 13px; line-height: 16px; padding: 0 5px 0 5px; border-right: 1px solid #A5E1F0; }
.footerCenterLinksList li:last-child { border-right: 0; } 

.footerCenter a { color: #A5E1F0; }
.footerCenter a:hover { color: #fff; }
.footerRight { width: 100px; float: right; text-align: right; display: flex;}
.footerRight a[title="Pinterest"]{ margin-top: -2px}
.footerRight a { color: #0082AE;}
.footerRight a:hover { color: #A5E1F0; }
.footerRight a i:before { font-size: 18px; line-height: 20px; padding-top: 8px; }

.back2topWrapper { text-align: center; padding: 25px 25px; background-color: #79BED5; color: #002A3F; }
.back2topWrapper a { color: #002A3F; }
.back2topWrapper a i { display: block; font-size: 30px; line-height: 35px; }


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

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

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

/************ Repeated elements **************/
em, i { font-style: italic; }

.centeredButton { clear: both; text-align: center; padding: 30px 0 30px; }
.center { text-align: center; }

.btn, .txt a.btn, input[type="submit"], .icon-tgv-air  {
    -moz-user-select: none;
    text-decoration: none;
    background: #0082AE;
    border: 2px solid #0082AE;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0;
    padding: 7px 10px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    letter-spacing: 0.3px;
}
.btn-danger{background-color: #C80022!important; color : #fff!important;  border: 2px solid #C80022!important;  }
.btn-danger:hover{background-color: transparent!important; color : #C80022!important;  border: 2px solid #C80022!important;  }
.btn:hover, .txt a.btn:hover, input[type="submit"]:hover  { background-color: transparent; color: #0082AE; }
.btn-suppr-small {color: red !important; }
.inputFieldDevis {border-right: 0px !important;border-bottom: 0px !important;}
.btn-valid-devis {position:fixed; height:60px; bottom:40px; right:40px;} 
.btn-modif-lignes-devis {position:fixed; height:60px; bottom:40px; right:40px;} 
input[type="submit"], .icon-tgv-air { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; padding-top: 7px; border-radius: 5px;  }

.btn.borderBtn, .txt a.btn.borderBtn, input[type="submit"].borderBtn { background: transparent; color: #002A3F; border-color: #002A3F; font-weight: bold; font-size: 13px; line-height: 16px; padding: 8px 10px; border-radius: 10px; }
.btn.borderBtn:hover, .txt a.btn.borderBtn:hover, input[type="submit"].borderBtn:hover { color: #305aa1; border-color: #305aa1; }

.niceLinkWrapper { clear: both; }
.niceLink { font-size: 16px; line-height: 20px; border-bottom: 1px solid #305AA1; padding-bottom: 3px; }

.textLinkWrapper { padding: 10px 0; }
.textLink { border-bottom: 1px solid #305AA1; padding-bottom: 3px; }

.alignRight { text-align: right; }

.centerReserver {display: flex; flex-direction: column; align-items: center;}

.contentHeaderWrapper { padding-bottom: 25px; }

.contentSection .row { margin-left: -15px; margin-right: -15px; }
.contentSection .row .textWrapper, .contentSection .row .imageWrapper { padding-left: 15px; padding-right: 15px; }
.contentSection.imagesAndMapSection .row { margin-left: -5px; margin-right: -5px; }
.contentSection.imagesAndMapSection .row .textWrapper, .contentSection.imagesAndMapSection .row .imageWrapper { padding-left: 5px; padding-right: 5px; }

.yellowStars { color: #F49B00; font-size: 13px; letter-spacing: -0.7px; white-space: nowrap; padding: 0 12px 0 0; position: relative; }
.yellowStars:after { 
    /*content: 'NL';*/ font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    position: absolute; right: -4px; top: 0px; z-index: 1;
}

/*** form elements ***/
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea { 
    background-color: #B1D9E6; color: #305AA1; border: 1px solid #0082AE; width: 100%; padding: 5px;  
    font-size: 16px; line-height: 28px; border-radius: 3px; margin-bottom: 5px; box-shadow: 0; outline: 0;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="tel"]:hover, textarea:hover { border-color: #B1D9E6; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #cbe6ee; background: #cbe6ee;  }

::-webkit-input-placeholder { color: #0082AE; }
:-moz-placeholder { color: #0082AE; }
::-moz-placeholder { color: #0082AE; }
:-ms-input-placeholder { color: #0082AE; }


/*** sejourInList ***/
.sejourVignette { padding-bottom: 30px; }


.sejourVignette a { display: block; }

.sejourImageArea { position: relative; margin-bottom: 12px; background: #305AA1;  }
.sejourImageArea img { position: relative; z-index: 0; border: 0; }
.sejourImageArea .sejourPrice { position: absolute; bottom: -5px; right: 0px; }
.sejourPrice { background: #305AA1; color: #fff; font-size: 16px; line-height: 18px; font-weight: bold; padding: 5px 5px 1px; }
.sejourPrice span { color: #79BED5; font-size: 12px; font-weight: normal; }
.sejourInfos { }
.sejourDestination { text-transform: uppercase; font-size: 14px; line-height: 16px; padding-bottom: 3px; font-weight: bold; letter-spacing: 0; }
.sejourHotel { font-size: 12px; line-height: 15px; }
.sejourDetail { font-size: 13px; line-height: 16px; font-weight: bold; }
.sejourDetail em { font-size: 12px; font-style: italic; font-weight: normal; }
 
.sejourVignette a:hover .sejourInfos { color: #000; }
.sejourVignette a:hover .sejourImageArea img { opacity: 0.95; box-shadow: 0 3px 3px rgba(40, 90, 161, 0.67); }
.sejourVignette a:hover .sejourPrice { background: #f49b00!important; color: #002A3F; }
.sejourVignette a:hover .sejourPrice span { color: #002A3F; }


.homeSejoursListWrapper .sejourVignette:nth-child(even) .sejourPrice,
.espaceProSejourListSection .sejourListRow .sejourVignette:nth-child(even) .sejourPrice, 
.singleProductOtherSection .sejourVignette:nth-child(even) .sejourPrice { background-color: #002A3F; } 

.homeSejoursListWrapper .sejourVignette:nth-child(even) .sejourInfos,  
.espaceProSejourListSection .sejourListRow .homeSejoursListWrapper .sejourVignette:nth-child(even) .sejourInfos, 
.singleProductOtherSection .sejourVignette:nth-child(even) .sejourInfos { color: #002A3F; } 



/************ pagination **************/

.pageNavigationWrapper { padding-top: 35px; padding-bottom: 35px; text-align: center; border-top: 1px solid #cbe6ee; }
.pageNavigation a { color: #808080; }

.pageNavigationWrapper a.next-page { float: right; }
.pageNavigationWrapper a.prev-page { float: left; }

.pageNavigationWrapper a.next-page:hover,  .pageNavigationWrapper a.prev-page:hover { color: #002A3F; }

.pagePagination { clear: both; text-align: center; padding-top: 45px; }
.pagePagination li { display: inline-block; color: #808080; font-size: 15px; line-height: 18px; margin: 0 2px; }

.pagePagination li a { color: #305aa1; }
.pagePagination li a:hover { color: #002A3F; }




/************ home page / accueil **************/


/* zone de recherche */
.homeSearchWrapper { background-color: #002A3F; color: #fff; padding: 30px 0; margin-bottom: 10px; }
.allDestinationsLink { color: #FFDD00; border-bottom: 1px solid #FFDD00; padding-bottom: 3px; font-size: 16px; line-height: 20px;  }
.allDestinationsLink:hover { color: #F49B00; border-bottom-color: #F49B00; }

.homeSearchWrapper form { float: left; margin-top: 20px;}
.homeSearchWrapper input[type="text"] { width: 200px; }
.homeSearchWrapper input[type="submit"] { text-transform: none; padding-top: 9px; padding-bottom: 9px; position: relative; top: -1px; }


/* option de liste */
.optionsForm { min-height: 22px; }
.optionsForm  label { font-size: 12px; color: #808080; margin-right: 5px; }
.optionsForm .bootstrap-select .btn { max-width: 150px; font-size: 13px; color: #808080; background: #fff; border: 1px solid #808080; padding-top: 2px; padding-bottom: 2px; }

/* liste de sejours / dernieres dispo. */

.homeSejoursListWrapper { background-color: #E5F2F7; }

.container.homeSejourListHeader { padding-top: 25px; padding-bottom: 25px; }
.sejourHomeListTitle { cursor: default; padding-top: 5px; text-transform: uppercase; font-size: 13px; line-height: 16px; letter-spacing: 1px;  }

.sejoursHomeListContainer { padding: 0 25px;  }




.homeSejoursListWrapper .niceLinkWrapper { text-align: center; padding: 20px 20px 45px; }
.homeSejoursListWrapper .niceLink { color: #000; border-bottom-color: #000; }
.homeSejoursListWrapper .niceLink:hover { color: #305AA1; border-bottom-color: #305AA1; }

/* Colonne de gauche / accueil */

.homeLeftColumn { background: #fff; position: relative; z-index: 2;  }

#homePastille { position: absolute; z-index: 2; width: 40px; height: 40px; top: -20px; right: 50%; margin-right: -20px; }

.homeAboutUsText { color: #000; padding: 45px 0 0px;  }
.homeTextTitle { font-size: 21px; line-height: 25px; margin-bottom: 25px; font-weight: normal; }


/* social */

.homeSocial { 
    padding: 15px 0 20px; background: url(img/dot-horizontal.png) repeat-x 0 0, url(img/dot-horizontal.png) repeat-x 0 100%; 
    margin-bottom: 15px;  color: #666; font-size: 13px; 
}
.homeSocial a { 
    color: #999999; font-size: 28px; line-height: 44px; border: 2px solid #999; background: #fff; height: 48px; width: 48px; 
    text-align: center; border-radius: 30px; position: relative; top: 5px; margin-left: 5px; outline: 0; display: inline-block;
}
.homeSocial a[href*="facebook"] {margin-left:0px}

.homeSocial a i:before { position: relative; top: 1px; } 

.homeSocial a:hover { background: #666; color: #fff; border-color: #666; }

/* newsletter */

.homeBlock h6, .homeBlock .spanh6 { color: #000; font-size: 13px; line-height: 16px; margin-bottom: 15px; }
.homeNewsletter { padding: 10px 0 45px; }
.homeNewsletter p { margin-bottom: 15px; font-size: 13px; line-height: 16px; color: #666; }
.homeNewsletter input[type="text"], .homeNewsletter input[type="email"] {
    display: inline-block; width: 183px; float: left; margin-right: 5px;
}

.homeNewsletter input[type="submit"] {
    line-height: 26px; display: inline-block; float: left; padding: 5px 10px;
}


/* pub TV */

.pubTvArea { padding: 50px; background-color: #98CDDE; }
.pubTvArea a { position: relative; display: block; }
.pubTvArea a .pubTvImage { border: 5px solid #fff; position: relative; z-index: 0; }
.pubTvArea a .pubTvPastille { position: absolute; z-index: 1; top: -15px; left: -25px; width: auto; }
.pubTvArea a:hover .pubTvImage { border-color: #0082AE; }


/* sites partenaires */
.partnersWebsiteArea { background: #333; color: #fff; text-align: center; padding: 50px 0; }
.partnersWebsiteArea h5,.partnersWebsiteArea .h5titre { font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: normal; margin-bottom: 20px; }

.partnerColumn {  }
.partnerItem { padding: 25px 25px; }
.partnerItem > a { display: block; color: #999; }
.partnerItem a img { max-width: 100px; margin: 0 auto 25px; border-radius: 100px; }
.partnerItem a:hover img { box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); } 
.partnerItem a .partnerTitle { color: #00A9D5; font-weight: bold; text-transform: uppercase; letter-spacing: 0.8px; font-size: 13px; line-height: 18px; margin-bottom: 15px;}
.partnerItem a:hover .partnerTitle { color: #fff; }
.partnerItem a .partnerInfos { font-size: 12px; line-height: 15px; }
.partnerItem a:hover .partnerInfos { color: #ccc; }




/************ slideshow **************/

.homeSlideshowRow { margin-bottom: 10px; }
.homeSlideshow {  background: #0082ae; height: 350px; overflow: hidden; position: relative; z-index: 1; }
.homeSlideshow img { opacity: 0; }

.homeSlideshowItems { position: relative; height: 350px; }
.homeSlideshowItems .slideItem { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.preloader { 
    position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;
    background: #0082ae url(img/preloader.gif) no-repeat 50% 40%;  min-width: 64px; min-height: 64px; 
}

.slideItemContainer { position: relative; }
.slideItemContainer img.backgroundImage { position: absolute; z-index: 0; left: 0; top: 0; }
.slideItemContainer .messageImageLink { opacity: 0; position: absolute; top: 25px; right: 0; z-index: 3; display: block; max-width: 100%; }
.slideItemContainer .messageImageLink img.messageImage { opacity: 1; width: auto; max-width: 100%; display: block; max-height: 270px; }

.slideSeul {
    z-index:3 !important
}
.sliderSeulLink{
    width:100%;
    left:0;
    top:0 !important;
    height:600px;
    
}
.LinkSlade {
	display: none !important;
}

.no-js .homeSlideshowItems .slideItem:nth-child(1) { display: block;  }


.homeSlideRoomsWrapper { 
    display: none;
    position: absolute; right: 0; bottom: 0; z-index: 2; 
    overflow: hidden; width: 270px; height: 140px; background: #002A3F;
    border-top: 10px solid #fff; border-left: 10px solid #fff; 
}
.homeSlideRoomsWrapper img { opacity: 1; }
.homeSlideRooms { position: relative; width: 100%; height: 100%; }
.homeSlideRooms img { width: 260px; height: auto; position: absolute; left: 0; top: 0; z-index:1; opacity: 0; display: block; }

.slideshowControls { position: absolute; bottom: 15px; left: 25px; z-index: 4; text-align: left;  }
.slideshowControls a { border: 2px solid #fff; background: #fff; width: 20px; height: 20px; text-align: left; display: inline-block; text-indent: -10000px; border-radius: 10px; cursor: pointer; margin: 0 3px; }
.slideshowControls a:hover { background: #7ED4EA; }
.slideshowControls a.active { background: transparent; }

/*** pub flash home ***/

#skyPub { width: 160px; height: 600px; background: #0082AE; display: none; }

/************ breadcrumb / fil d'ariane **************/
.breadcrumb { background-color: #0082AE; color: #A5D3E3; font-size: 12px; line-height: 15px; padding: 20px 0; margin-bottom: 10px; display: none; cursor: default; }

.breadcrumb ul li { display: inline; }
.breadcrumb a { color: #A5D3E3; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb ul li > i:before { font-size: 13px; line-height: 15px; margin-right: 0; }
.breadcrumb ul li a > i:before { font-size: 17px; line-height: 15px; margin-right: 0; }


/************ Reseaux sociaux  **************/


/************ liste sejours **************/
.leftColumnList { background-color: #DAEDF3; padding: 20px 0 25px; }
.rightColumnList { padding: 25px 0 0; }
@media (max-width:767px){
	.rightColumnList {
		padding: 0px;
	}
}

.rightColumnList .optionsForm { padding-top: 15px; }

.productList {  }
.productItemInList { border-top: 1px solid #CBE6EE; padding: 40px 0; float: left; width: 100%; }

.productItemInList > a { display: block; outline: none; }

.productInfos { padding-top: 10px; }
.productItemInList .productTitle { font-size: 16px; line-height: 20px; font-weight: bold; color: #000; }
.sejourExcerpt { color: #000; font-size: 13px; line-height: 17px; margin-top: 10px; }
.sejourFeaturesWrapper { margin-top: 10px; } 
.sejourFeatures { font-size: 12px; line-height: 15px; font-style: italic; color: #002A3F; }
.sejourFeatures strong { font-size: 14px; font-weight: bold; font-style: normal; }

.productInfos .sejourPrice { text-align: center; font-size: 25px; line-height: 32px; margin-top: 10px; }
.sejourList .productItemInList:nth-child(odd) .sejourPrice { background-color: #002A3F; }

.productImageWrapper { background: #305AA1; }

.sejourList .productItemInList > a:hover .productTitle { color: #305AA1; }
.sejourList .productItemInList > a:hover .yellowStars { color: #F49B00; }
/* .sejourList .productItemInList > a:hover .productImageArea img { opacity: 0.7; } */

.productItemInList > a:hover .sejourPrice { background-color: #f49b00!important; color: #002A3F; }
.productItemInList > a:hover .sejourPrice span { color: #002A3F; }

/*** filtres ***/
.filtersSearch .bootstrap-select { width: 100%; }
.bootstrap-select .btn { background-color: #B1D9E6; color: #305AA1; border: 1px solid #0082AE; }
.bootstrap-select .btn:hover { border-color: #B1D9E6; }

.filtersTopTitle { margin-bottom: 18px; color: #4D4D4D; font-size: 12px; line-height: 14px; text-align: center; margin-top: 25px; letter-spacing: 0.8px;  }

.filtersTopFields label { font-size: 13px; line-height: 16px; color: #002A3F; display: block; padding-bottom: 5px; letter-spacing: 0.3px;}

.magicTextSearchInput { 
    background-color: #B1D9E6; color: #305AA1; border: 1px solid #0082AE; width: 100%; padding: 5px;  
    font-size: 16px; line-height: 28px; border-radius: 3px; margin-bottom: 5px;
}

.filterMoisDepart { float: left; width: 48%; margin-right: 4%;}
.filterNombreNuites { float: left; width: 48%; }

.filtersSearch p { padding: 5px 0; }

.filtersSearch .mobileOnlyText { text-align: center; padding-top: 15px; font-size: 12px; }
.mobileOnlyText #moreFiltersLink { cursor: pointer; display: block; }
.mobileOnlyText #lessFiltersLink { cursor: pointer; display: none; }
.mobileOnlyText.opened #moreFiltersLink { cursor: pointer; display: none; }
.mobileOnlyText.opened #lessFiltersLink { cursor: pointer; display: block; }

#moreFiltersArea { display: none; }

.filtersWidget { padding: 10px 0; color: #002A3F; }
.filterWidgetTitle { padding-top: 3px; color: #4D4D4D; text-transform: uppercase; font-size: 12px; line-height: 10px; letter-spacing: 0.7px; margin-bottom: 10px; border-bottom: 1px solid #808080; }
.filterWidgetTitle span { background-color: #DAEDF3; padding: 0 5px 2px 0; }
.filtersWidget p.filterWidgetTitle { padding: 3px 0px 0px 0px; }

.filtersWidget ul li { padding: 10px 0; font-size: 13px; line-height: 16px; }
.htmlStars { font-size: 8px; position: relative; top: -2px; }

.filtersWidget input[type=checkbox] {
	display: none;
}


.filtersWidget ul li {
		
	position: relative;
}
.filtersWidget label { padding-left: 22px; position: relative; cursor: pointer; }

.filtersWidget label:before {
    content: '';
    cursor: pointer; position: absolute; z-index: 1; top: -1px; left: 0;
    border-radius: 3px; width: 14px; height: 14px; border: 1px solid #305AA1; background: #daedf3;	
}

.filtersWidget label:after {
    opacity: 0; content: ''; cursor: pointer; 
    position: absolute; z-index: 5; top: 3px; left: 3px;
    width: 8px; height: 5px; background: transparent; border: 2px solid #305AA1; border-top: none; border-right: none;
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
}

.filtersWidget label:hover::after { opacity: 0.2; }

.filtersWidget input[type=checkbox]:checked + label:after { opacity: 1; }

.filtersSearch .submitWrapper { text-align: center; padding-top: 15px; }

/************ liste combines **************/


.combinesList .productItemInList { padding-top: 15px; }
.combineDestinations { font-size: 14px; line-height: 18px; color: #000; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 15px; }

.combineListHotelItem { padding: 5px 0; margin-bottom: 2px; }

.hotelImageInCombineList { display: none; }

.combineListHotelItem .productDestination { color: #305AA1; font-size: 14px; line-height: 18px; font-weight: bold; }
.combineListHotelItem .productDestination .nombreNuites { color: #00A9D5; font-weight: normal; }
.combineListHotelItem .productTitle { color: #002A3F; font-size: 16px; line-height: 20px; font-weight: bold; }
.combineListHotelItem .combineHotelPension { font-style: italic; font-size: 12px; line-height: 15px; color: #002A3F; }

.combineFeatures { padding-top: 5px; text-align: center; font-size: 12px; line-height: 15px; }
.combineListTotal { font-size: 12px; line-height: 15px; font-weight: bold; color: #002A3F; }
.combineListTotal  span { color: #305AA1; }

.combineListTextLink { font-size: 12px; line-height: 15px; font-weight: bold; }
.combineListTextLink span { display: inline-block;  color: #305AA1; border-bottom: 1px solid #305AA1; padding-bottom: 3px; }




/************ single sejour **************/

.productPageHeaderRow { text-align: center; padding: 25px 25px; }
ul.productMediaLinks { padding-bottom: 25px; }
ul.productMediaLinks li { display: inline-block; margin-right: 20px; }
ul.productMediaLinks li:last-child { margin-right: 0; } 
ul.productMediaLinks li a { color: #00A9D5;   } 
ul.productMediaLinks li a:hover { color: #0082AE;   } 

ul.productMediaLinks li a span { border-bottom: 1px solid #00A9D5; display: inline-block; padding-bottom: 3px;  } 
ul.productMediaLinks li a i { font-size: 20px; position: relative; top: 2px; }
ul.productMediaLinks li a i.icon-video { color: #C80022; } 

.productPageHeaderRow .yellowStars { font-size: 22px; display: inline-block; margin: 15px 0;  }

.productPDFLink { background-color: #ffdd00; color: #000; display: block; max-width: 300px; margin: 0 auto; padding: 15px; position: relative; font-size: 13px; line-height: 16px;  }
.productPDFLink i { font-size: 20px; line-height: 16px; }
.productPDFLink:hover { color: #000; background-color: #F49B00; }

.rsvpBtn { 
    background: #F49B00; color: #002A3F; display: block; width: 110px; height: 110px; border-radius: 60px; text-align: center;
    margin: 0 auto;
}

.rsvpBtnAvis { 
        /*background: #fff;*/
         color: #002A3F; display: block;  
    /*    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;*/
        text-align: center;
    margin: 0 auto;
}

.area-avis {
	background: #F49B00; color: #002A3F; display: block; width: 110px; /*height: 110px;*/ border-radius: 30px; text-align: center; margin: 0 auto;
}

.area-avis .details-note {
	background-color: rgba(255, 255, 255, 0.5);
    margin-left: 2px;
    margin-right: 2px;
    margin-top:10px;
}

.span-note-gene {
 padding-top:5px !important;
 height: 15px !important;	
 display:inline-block !important;	
}

.area-avis .details-note  span {
	display: block;
    padding-top: 7px;
    font-size: 10px;
    height: 25px;
}	

.area-avis span {
	display: block;
    height: 35px;
    font-size: 12px;
    line-height: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}	

.area-avis span strong {
	padding-top: 5px;
	padding-bottom : 5px;
}

.content-btn-note {
 margin-left : 2px;
 margin-right: 2px;
 margin-top: 5px;	
 margin-bottom: 5px;	
 border-bottom-right-radius: 30px;
 border-bottom-left-radius: 30px;
}

.content-btn-note-open {
 background-color: rgba(255, 255, 255, 0.5);
}

/*
.area-avis a{
	    background: #fff;  color: #305AA1; display: block;  border-radius: 30px; text-align: center;
    margin: 0 auto;
}
*/


.rsvpBtn.fixedBtn { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

.rsvpBtn span { display: block; height: 55px; font-size: 12px; line-height: 15px; padding-top: 20px; }
.rsvpBtnAvis span { display: block; height: 55px; font-size: 12px; line-height: 15px; padding-top: 20px; }
.rsvpBtn-excursion span { padding-top: 15px; }
.rsvpBtn strong { background-color: rgba(255, 255, 255, 0.5); color: #002A3F;  display: block; border-radius: 0 0 60px 60px; width: 106px; height: 53px; margin: 0 auto; padding-top: 10px; }
.rsvpBtnAvis strong { background-color: rgba(255, 255, 255, 0.5); color: #002A3F;  display: block; border-radius: 0 0 60px 60px; width: 106px; height: 53px; margin: 0 auto; padding-top: 10px; }
.rsvpBtn-excursion strong { padding-top: 5px; }

.rsvpBtn:hover { background: #ffdd00; color: #305AA1; }


.rsvpBtn:hover strong { color: #305AA1; }
.rsvpBtnAvis:hover strong { color: #305AA1; }


.productPriceWrapper { position: relative; border: 1px solid #0082AE; border-left: 0; border-right: 0; margin-top: 25px; text-align: center; padding: 25px 0; }

.promoLabel { position: absolute; z-index: 1; top: 0px; left: 0; color: #FFDD00; background: #C80022 url(img/promo-label.png) no-repeat 100% 0; padding: 2px 12px 0px 5px; font-size: 11px; line-height: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.7px; }

.productMainRow { background: transparent url(img/gradient1.png) repeat-x 0 100%; }
.pageMainColMain { padding-left: 25px; padding-right: 25px; }

.productPriceTitle { text-transform: uppercase; font-size: 13px; line-height: 16px; margin-bottom: 10px; letter-spacing: 0.6px; }

.singleProductPrice { margin-bottom: 15px; }
.singleProductPrice span { font-size: 12px; line-height: 15px; display: block; padding-bottom: 10px; }
.singleProductPrice strong { font-size: 48px; line-height: 48px; font-weight: bold; }
.singleProductPrice strong span { font-size: 48px; line-height: 48px; font-weight: bold;display: inline-block; }
.singleProductPrice strong sup { font-size: 11px; line-height: 13px; position: relative; font-weight: normal; top: -27px; margin-left: -5px; }

.singleProductPrice2 { margin-bottom: 15px; }
.singleProductPrice2 span { font-size: 12px; line-height: 15px; display: block; padding-bottom: 10px; }
.singleProductPrice2 strong { font-size: 48px; line-height: 48px; font-weight: bold; }
.singleProductPrice2 strong sup { font-size: 11px; line-height: 13px; position: relative; font-weight: normal; top: -27px; margin-left: -5px; }

.singleProductDuration strong { font-size: 19px; }
.singleProductPriceComment { color: #4D4D4D; font-size: 12px; line-height: 15px; padding: 10px 0 0; }


.tarifsSpeciauxWrapper { padding: 15px 0; text-align: center; background-color: #E5F2F7; }
.tarifsSpeciauxTitle { margin-bottom: 0px; font-size: 13px; line-height: 18px; font-weight: bold; color: #000; }
.tarifsSpeciauxInfos { margin: 0; padding: 0; list-style-type: none; text-align: center; display: inline; }
.tarifsSpeciauxInfos p { margin-top: 10px; }
.tarifsSpeciauxInfos p a { color: #808080; font-size: 12px; line-height: 18px; display: block;}
.tarifsSpeciauxInfos p a .singleTarifSpecialTitle { font-size: 13px; line-height: 18px; display: block; font-weight: bold; color: #00A9D5; padding-bottom: 5px; }
.tarifsSpeciauxInfos p.tarifSpecialPink a .singleTarifSpecialTitle { color: #FF00A4;  }
.tarifsSpeciauxInfos p.tarifSpecialYellow a .singleTarifSpecialTitle { color: #f49b00;  }
.tarifsSpeciauxInfos p a strong { font-size: 18px; font-weight: bold; }

.tarifsSpeciauxInfos p a:hover, .tarifsSpeciauxInfos p a:hover .singleTarifSpecialTitle { color: #0082AE; }

.singleProductContent { padding: 30px 0; }
.singleTarifSpecialTitle { color:#FABE12; }

.perso { text-align: center;font-size: 13px;line-height: 18px;font-weight: bold; }

.icon-icon-ile-en-ile { font-size: 42px; }

/*Les suggestions de produits dans les paragraphes, quand par exemple un produit n'est plus distribué et qu'on redirige le client*/
.suggestions-produit-paragraphe-container {
	text-align: center;
}

.suggestions-produit-paragraphe-container .sejourVignette {
	width: 35%;
	display: inline-block; 
	margin-right: 5%;
	margin-left: 5%;
}
@media (max-width:767px){
	.suggestions-produit-paragraphe-container .sejourVignette {
		width: 60%;
	}
}
@media (max-width:423px){
	.suggestions-produit-paragraphe-container .sejourVignette {
		width: 90%;
		margin-right: 0;
		margin-left: 0;
	}
}

.suggestions-produit-paragraphe-container > * {
    vertical-align:text-top;
}
.suggestions-produit-paragraphe-container .sejourDestination, .suggestions-produit-paragraphe-container .sejourHotel, .suggestions-produit-paragraphe-container .sejourDetail {
	margin-top: 0;
}


/*** images ***/
.imagesAndMapSection { margin-top: 35px; margin-bottom: 15px; }
.txt p.productImageRoom { margin: 0; }
.imagesRightSection img { margin-top: 10px; }

/*** cartes ***/


.productMapWrapper { position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; }
.productMapWrapper img { position: relative; z-index: 0; }
.productMapWrapper img.detailMap { opacity: 0; position: absolute; z-index: 1; top: 0; left: 0;  }
.productMapWrapper .mapZoomControls { position: absolute; z-index: 2; bottom: 20px; left: 20px; }
.productMapWrapper .mapZoomControls a { display: block; background: #90c9dc; width: 35px; height: 35px; text-align: center; cursor: pointer; }
.productMapWrapper .mapZoomControls a:hover { background-color: #fff; }
.productMapWrapper .mapZoomControls a i { font-size: 20px; line-height: 35px;}
.productMapWrapper .mapZoomControls .zoomOutMap { display: none; }

/*** excursions ***/
.excursionsWrapper { padding-top: 25px;  }

.excursionsList { padding: 15px 0 35px; }
.excursionInList { padding-bottom: 20px; }

.excursionImageWrapper { margin-bottom: 15px; }

.excursionHeader { border-bottom: 1px solid #0082AE; padding-bottom: 4px; margin-bottom: 10px; }
.excursionHeader .excursionTitle { font-size: 20px; line-height: 24px; font-weight: bold; }
.excursionHeader .excursionTitle a { color: #000; }
.excursionHeader .excursionPrice { font-size: 12px; line-height: 24px; color: #002A3F; }
.excursionHeader .excursionPrice strong { font-size: 20px; }

.excursionInfos { font-size: 12px; line-height: 15px; margin-bottom: 5px; }
.excursionInfos h6,.excursionInfos .spanh6 { color: #000; font-size: 12px; line-height: 15px; text-transform: none; font-weight: bold; margin-bottom: 5px; }

.excursionInfosWrapper .readMoreWrapper { font-size: 12px; line-height: 15px; }

.excursionsList .niceLinkWrapper { text-align: center; padding: 45px 0 15px; }

/*** single sejour combines section ***/
.singleProductCombinesSection { text-align: center; }

.singleProductCombinesSection p { color: #4D4D4D; }
.singleProductCombinesSection .niceLinkWrapper { padding: 15px 0; }
.singleProductCombinesSection .niceLinkWrapper .niceLink{ color: #000; border-bottom-color: #000; }

.contentFullPageSection { padding: 30px 25px; }
.contentFullPageSection img { width: auto; margin: 0 auto 15px; }

/*** single sejour / autre propositions ***/

.singleProductOtherSection { padding: 50px 25px 25px; background-color: #CBE6EE; }
.singleProductOtherSection h6,.singleProductOtherSection .spanh6  { text-align: center; font-size: 13px; line-height: 16px; color: #000; margin-bottom: 35px; }

/************  slider single sejour **************/



.unslider { position: relative; }
.unslider-arrow { background: #fff; color: #0082ae; bottom: 2px; z-index: 999; width: 35px; height: 35px; text-align: center; line-height: 35px; border: 2px solid #fff; }
.unslider-arrow i { font-size: 25px; position: relative; }
.unslider-arrow i:before { margin: 0;  }
.unslider-arrow.next { background: #90c9dc; right: 2px!important; border-color: #90c9dc; }
.unslider-arrow.prev { right: 39px; left: auto; }
.unslider-arrow.prev:hover { border-color: #fff; }

.combineSlideLeft .unslider-arrow { display: none; }
.combineSlideLeft .unslider-arrow.next { right: auto; left: 39px; }
.combineSlideLeft .unslider-arrow.prev { right: auto; left: 2px; }

.unslider-arrow:hover { background: transparent; color: #fff; }

/************ single combine **************/

.productPageHeaderRow.combinePageHeader .pageHeaderMain { padding: 35px 0 20px; }
.productPageHeaderRow.combinePageHeader h1 { font-size: 24px; line-height: 30px; font-weight: normal; }
.productPageHeaderRow.combinePageHeader h2 { font-size: 24px; line-height: 30px; font-weight: bold; }

.hotelsSingleCombineList { padding-bottom: 120px; }

.hotelsListHeader { margin-bottom: 20px; padding-top: 30px; text-align: center;  }
.hotelsListHeader h3 { color: #0082ae; font-size: 36px; line-height: 40px; }
.hotelsListHeader h3 span { color: #305aa1; font-size: 12px; font-weight: normal; display: block; }
.hotelsListHeader h3 span b { color: #002a3f; font-weight: normal; }

.hotelInSingleCombineList { border-top: 1px solid #cbe6ee; padding: 25px 0; text-align: center; }
.hotelInSingleCombineList:last-child { border-bottom: 1px solid #cbe6ee;  }



.hotelInSingleCombineList .hotelThumbnail { padding-bottom: 20px; }

.hotelInSingleCombineList ul.productMediaLinks { text-align: center; padding-top: 15px; }
.hotelInSingleCombineList ul.productMediaLinks li a span { padding-bottom: 1px; }
.hotelInSingleCombineList ul.productMediaLinks li a i.icon-video { color: #00a9d5;  }
.hotelInSingleCombineList ul.productMediaLinks li a:hover i.icon-video { color: #C80022;  }

.hotelRowDestination { color: #305aa1; font-weight: bold; font-size: 20px; line-height: 24px;  }
.hotelRowDestination span { color: #00a9d5; font-weight: normal;  }
.hotelRowName { font-size: 24px; line-height: 28px; font-weight: bold; color: #002A3F; text-transform: none; padding: 5px 0; }
.hotelRowName .yellowStars { position: relative; top: -4px; }

.hotelFormule { color: #002a3f; font-size: 12px; line-height: 15px; padding-bottom: 15px; }

.hotelDetailsDisplay { display: inline-block; }
.hotelDetailsHide { display: none; background-color: #f49b00; color: #002A3F; border-color: #f49b00; }
.hotelDetailsHide:hover { background-color: #ffdd00; color: #002A3F; border-color: #ffdd00; } 
.hotelDetailsDisplay i:before, .hotelDetailsHide i:before { font-size: 18px; line-height: 18px; margin: 0; position: relative; top: 2px; }
.hotelDetailsHide i:before { top: 0; }

.hotelInSingleCombineList .hotelDetails { display: none; }
.hotelInSingleCombineList .hotelDetails > .singleProductContent:first-child > h2:first-child { font-size: 24px; line-height: 28px; }

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

/************ Tarifs **************/

.main { padding: 0 25px; }

.tarifsArea { background-color: #002A3F; }
.tarifsArea #logoWrapper { width: 155px; padding: 25px 0; float: left; }
.tarifsArea #header { height: 82px; border-bottom: 1px solid #bedfea; }
#headerRightTarifs { float: right;  }
 
/*** etapes tarif - fil d'ariane ***/

 
.tarifsBreadcrumb { display: none; float: left;  }
#tarifCancel { float: right; color: #00a9d5; }
#tarifCancel { display: block; padding: 25px 0 10px 10px; margin-top: 4px; }
#tarifCancel i:before {  background-color: #00a9d5; border: 2px solid #00a9d5; color: #fff;  display: inline-block; font-size: 16px; width: 20px; text-align: center; border-radius: 15px;  height: 20px;  margin: 0; padding-left: 2px; }
#tarifCancel:hover i:before { background-color: #fff; color: #002a3f; border-color: #002a3f; }
#tarifCancel span { display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #00a9d5; line-height: 15px; font-size: 12px; }
#tarifCancel:hover span { color: #002a3f; border-bottom-color: #002a3f; }



.tarifsStep { background: transparent url(img/tarifs-step.png) no-repeat 100% 50%; padding: 26px 15px 26px 10px; float: left; cursor: default; }
.tarifsStep:last-child { background: none; } 
.stepNumber { color: #808080; font-size: 11px; line-height: 14px; text-transform: uppercase; }
.stepDescription { color: #666; font-size: 12px; line-height: 15px; white-space: nowrap; }

.tarifsStep.activeStep .stepNumber { color: #305aa1; }
.tarifsStep.activeStep .stepDescription { color: #002a3f; }


.tarifs1MainRow .bootstrap-select .btn, 
.tarifs2FirstRow .bootstrap-select .btn { background-color: #e5f2f7; }


.tarifsPageHeader { padding-top: 40px; padding-bottom: 40px; background-color: #E5F2F7; border-bottom: 1px solid #fff; }
.tarifsPageHeader5 { padding-top: 40px; padding-bottom: 40px;   }

.tarifsTitle1, .tarifsTitle2 { font-size: 28px; line-height: 34px; font-weight: bold; color: #002A3F; }
.tarifsTitle1 span { display: block; text-transform: uppercase; font-size: 20px; line-height: 26px; color: #0082AE; letter-spacing: 1px; }
.tarifsTitle2 { text-align: center; }

.supplementsLink { margin-top: 15px; display: none;}
.supplementsLink a { color: #C80022; background-color: #fff; display: block; padding: 15px 40px 15px 10px; position: relative; }
.supplementsLink a i { position: absolute; z-index: 1; top: 18px; right: 0px;  }
.supplementsLink a i:before { font-size: 30px; line-height: 30px; }
.supplementsLink a:hover { color: #305AA1; }

.tarifs1MainRow { background-color: #0082AE; }

.tarifs1MainForm { padding-top: 45px; padding-bottom: 65px; background-color: #BEDFEA; }

.tarifs1MainForm h4, .tarifs1Conditions h4 { text-align: center; font-size: 13px; line-height: 15px; font-weight: bold; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 15px;  }
.tarifs1MainForm form label { color: #002A3F; font-size: 14px; line-height: 18px; display: block; padding-bottom: 5px; }
.tarifs1MainForm form .bootstrap-select  { width: 100%; }
.tarifs1MainForm form p { margin-top: 18px; }

.tarifs1MainForm form .radioBtnLine label { display: inline-block; cursor: pointer; }
.tarifs1MainForm form .radioBtnLine .helper { display: none; font-style: italic; color: #4D4D4D; padding: 0 15px; }

.radioCompagnieWrapper { position: relative; }
.iconCompagnie { 
    background: transparent url(img/icon-tarifs-sieges.png) no-repeat 0 0; 
    width: 45px; height: 30px; display: inline-block; position: relative;
}
.radioCompagnieLabel span { display: block; font-size: 12px; line-height: 15px; color: #305AA1; }


.tarifs1Conditions { padding-top: 15px; padding-bottom: 15px; background-color: #0082AE; color: #fff; }
.tarifs1Conditions h4 { text-align: left; margin-bottom: 0; letter-spacing: 0.67px; }

.tarifs1Conditions .showAreaOnClick { font-size: 12px; line-height: 15px; padding-bottom: 15px; }
.tarifs1Conditions .showAreaOnClick p { margin-bottom: 15px; }
.tarifs1Conditions .showAreaOnClick p:last-child { margin-bottom: 0; }

.showAreaOnClick { display: none; }
.showAreaOnClickLink { color: #A5E1F0; cursor: pointer; border-bottom: 1px solid #A5E1F0; padding-bottom: 2px; display: inline-block; font-size: 12px; line-height: 15px; }
.showAreaOnClickLink .hideText { display: none; }
.showAreaOnClickLink.opened .hideText { display: block; }
.showAreaOnClickLink.opened .displayText { display: none; }

.tarifsPriceTableSection { padding-top: 35px; }
.tarifsTablePrelude { text-align: center; color: #002A3F; }
.tarifsTablePrelude span { display: block; color: #002A3F; text-transform: none; color: #0082AE; }

.information { font-size: 12px; line-height: 15px; text-align: center; color: #4D4D4D; padding: 30px 0; }
.information i { font-size: 16px; }

/* .qtip { display: none !important; } */

/*** list sejour moteur de recherche ***/
    
    #content {
    	display: table;
	}
	
	.leftColumnList.col-md-3 {
   		display: table-footer-group;
	}
	
	.rightColumnList.col-md-9 {
    	display: table-header-group;
    	float: right;
	}
	.rightColumnList.col-md-9 h1 { 
		margin-bottom: 0; 
	}
	.rightColumnList.col-md-9 h2 {
		margin-bottom:0;
		margin-top:0;
		color:black;
		font-size:20px;
	}
	@media (max-width:767px){
		.rightColumnList.col-md-9 h1 {
			font-size: 1.5em;
		}
		.rightColumnList.col-md-9 h2 {
			font-size: 1.1em;
		}
	}


/*** prices table tarifs etape 1 ***/
.priceTableList { display: none !important;}
/* .priceTableMobile { display: none !important;} */
/* .back2topGrille  { display: none !important;} */
.btImprime, .rsvpBtn { display: none;}

    

.flip-scroll { margin-top: 25px; font-size: 13px; line-height: 16px; }
.flip-scroll table thead th { background: #002A3F; color: #7ED4EA; vertical-align: middle; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 5px; }
.flip-scroll table thead th:nth-child(odd) { color: #BEE9F4; } 

.flip-scroll tbody tr td { 
    white-space: nowrap; text-align: center;  padding: 10px 5px; background-color: #EAF5F8; vertical-align: middle;
    border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #002A3F; cursor: pointer; 
}


.flip-scroll tbody tr td.RSVPcell { padding: 0; }

 

.flip-scroll tbody tr td:nth-child(even) { color: #305AA1; }


.flip-scroll tbody tr td .cellWrapper { position: relative; padding: 10px; }
.flip-scroll tbody tr.bestPrice td .cellWrapper:before {
    content: ''; display: block; width: 55px; height: 36px;
    background: transparent url(img/best-price.png) no-repeat 0 0;
    position: absolute; top: 0; left: -50px; z-index: 3;
}

.flip-scroll tbody tr:nth-child(even) td { background-color: #E0E6F1; }
.flip-scroll tbody tr:hover td { background-color: #CBD5E7; }

.flip-scroll tbody tr.selected td { background-color: #fff; }
.flip-scroll tbody tr.selected td.RSVPcell .cellWrapper { background-color: #F49B00; }
.flip-scroll tbody tr.selected td.RSVPcell .cellWrapper:after { 
    content: 'réserver'; background-color: #F49B00; 
    position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0;
    padding: 10px 3px; text-align: center; font-weight: bold; text-decoration: underline;
}

.flip-scroll tbody tr td.logoCompagnie { padding: 0; min-height: 36px; }

.flip-scroll thead th .smaller { font-size: 12px; line-height: 15px; }
.hideOnMobile { display: none; }

.flip-scroll .dispo { color: #57AB27; }
.flip-scroll .demande { color: #666; }


/************ Tarifs etape 2 **************/

.tarifs2FirstRow { background-color: #bedfea; padding-top: 35px; padding-bottom: 35px; }
.tarifs2FirstRow form label span { font-size: 12px; }


.tarifs2FirstRow form fieldset p {  margin-top: 20px; }
.tarifs2FirstRow form fieldset p label { display: block; padding: 5px 15px 5px 0; }
.tarifs2FirstRow form fieldset p .bootstrap-select { width: 100%; }

.tarifs2FirstRow form fieldset.tarifs2FirstRowFirstLine { padding-bottom: 10px; }
.tarifs2FirstRow form fieldset.tarifs2FirstRowSecondLine { padding-top: 30px; padding-bottom: 10px; }
.tarifs2FirstRow form fieldset.tarifs2FirstRowSecondLine:before { 
    content: ''; background: transparent url(img/dot-grey-horizontal.png) repeat-x 0 0; width: 200px; height: 1px;
    display: block; margin: 0 auto 40px ;
}

.centeredSubmitWrapper { margin: 25px auto 0; text-align: center; }

.img-lien-tgv-avion { width: auto; display: initial; }
.lien-tgv-avion { display: flex; justify-content: space-around; }

.tarifs2SecondRow { padding-top: 35px; padding-bottom: 35px; }

.tarifs2SecondRow .beforeTitle { color: #0082ae; text-transform: uppercase; font-size: 12px; line-height: 15px; text-align: center; font-weight: bold; margin-bottom: 10px; }
.tarifs2SecondRow h3 { text-align: center; font-size: 22px; line-height: 25px; color: #002a3f; font-weight: bold; }
.tarifs2SecondRow h3 span { color: #0082ae; text-transform: uppercase; font-size: 15px; line-height: 25px; display: block; letter-spacing: 1px;}

.tarifs2InfosRecap { padding: 50px 0; }

.tarifs2InfosRecap .infoItem { padding: 20px 0; background: transparent url(img/dot-grey-horizontal.png) repeat-x 0 0; font-size: 14px; line-height: 18px; }
.tarifs2InfosRecap .infoItem label { color: #4D4D4D; display: block; }
.tarifs2InfosRecap .infoItem p { color: #0082ae; }

/************ tarifs etape 3 **************/

.tarifsPageHeader3 .beforeTitle { text-align: center; font-size: 16px; line-height: 20px; color: #002a3f; margin-bottom: 5px; }
.tarifsPageHeader3 .beforeTitle span { color: #305AA1; }

.tarifsTitle3 { text-align: center; font-size: 22px; line-height: 28px; color: #002A3F; font-weight: bold; }
.tarifsTitle3 span { display: block; text-transform: uppercase; color: #0082ae; font-size: 15px; line-height: 20px; letter-spacing: 1px; }
.tarifsTitle4 { text-align: center; font-size: 40px; line-height: 28px; color: #002A3F; font-weight: bold; }

.tarifsPage3PassengersArea { background-color: #3fa2c3; color: #fff; border-bottom: 1px solid #fff; padding-top: 20px; padding-bottom: 20px; text-align: center; }
#tarifsPage3PassengersToogle { color: #fff; font-weight: bold; font-size: 15px; line-height: 20px; cursor: pointer; }
#tarifsPage3PassengersToogle span { display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 1px; } 
#tarifsPage3PassengersToogle i { color: #b4dbe7; }
#tarifsPage3PassengersToogle i:before { font-size: 20px; line-height: 20px; }

#tarifsPage3PassengersToogle:hover { color: #b4dbe7; } 
#tarifsPage3PassengersToogle:hover span { border-bottom-color: #b4dbe7; } 

.tarifs3MainRow { background-color: #d8ecf3; padding-top: 30px; padding-bottom: 100px; }

.tarifs3MainRow .sectionHeader { border-bottom: 1px solid #72bad3; padding-bottom: 20px; }

.tarifs3MainRow .flightRow { border-bottom: 1px solid #72bad3; padding: 10px 0; }
.tarifs3MainRow .flightNumber { color: #00a9d5; font-size: 12px; line-height: 18px; }
.tarifs3MainRow .flightDeparture, .tarifs3MainRow .flightArrival { color: #002a3f; font-size: 13px; line-height: 18px; }
.tarifs3MainRow .flightDeparture span, .tarifs3MainRow .flightArrival span { color: #4d4d4d; font-size: 12px; line-height: 15px; }


.tarifs3MainRow .flightArrival i { display: none; color: #98cdde; font-size: 25px; line-height: 33px; float: left; margin-right: 10px; }

.tarifs3MainRow .sectionHeader h2 { color: #002a3f; position: relative; padding-right: 50px; }

.tarifs3MainRow .sectionHeader h2:before { 
    content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 1;
    background: transparent url(img/icon-tarifs-vols.png) no-repeat 50% 50%; width: 45px; height: 36px; 
}
.tarifs3MainRow .tarifs3sectionHebergement .sectionHeader h2:before { background-image: url(img/icon-tarifs-hebergement.png); top: -4px; }
.tarifs3MainRow .tarifs3sectionPrestations .sectionHeader h2:before { background-image: url(img/icon-tarifs-services.png); top: 1px; }
.tarifs3MainRow .tarifs3sectionAddPrestations .sectionHeader h2:before { background-image: none; /*url(img/icon-tarifs-services.png);*/ top: 1px; }
.tarifs3MainRow .tarifs3sectionCarnet .sectionHeader h2:before { background-image: url(img/icon-tarifs-carnet.png); top: 1px; }
.tarifs3MainRow .tarifs3sectionExcursion .sectionHeader h2:before { background-image: url(img/icon-tarifs-excursions.png); top: 1px; }
.tarifs3MainRow .tarifs3sectionAssurance .sectionHeader h2:before { background-image: url(img/icon-tarifs-assurance.png); top: 1px; }

.tarifs3MainRow .sectionHeader .sectionHeaderRight label { font-size: 12px; color: #4D4D4D; }
.tarifs3MainRow .sectionHeader .sectionHeaderRight a { font-size: 13px; color: #4D4D4D; font-weight: bold; color: #0082ae; }
.tarifs3MainRow .sectionHeader .sectionHeaderRight a span { border-bottom: 1px solid #0082ae;  }
.tarifs3MainRow .sectionHeader .sectionHeaderRight a:hover { color: #00A9D5; } 
.tarifs3MainRow .sectionHeader .sectionHeaderRight a:hover span { border-color: #00A9D5; } 

.tarifs3MainRow .sectionBottonLink { clear: both; padding: 15px 0; }



.tarifs3MainRow .sectionBottonLink a { font-size: 13px; color: #4D4D4D; font-weight: bold; color: #0082ae; }
.tarifs3MainRow .sectionBottonLink a span { border-bottom: 1px solid #0082ae;  }
.tarifs3MainRow .sectionBottonLink a:hover { color: #00A9D5; } 
.tarifs3MainRow .sectionBottonLink a:hover span { border-color: #00A9D5; } 

.tarifs3MainRow .sectionContent { padding-bottom: 35px; }

.tarifs3MainRow .sectionContent ul { padding-top: 5px; }
.tarifs3MainRow .sectionContent ul li { position: relative; padding-left: 10px; font-size: 13px; line-height: 17px; color: #002a3f; padding-top: 3px; }
.tarifs3MainRow .sectionContent ul li:before { content: '›'; position: absolute; top: 2px; left: 0; font-size: 18px; }
.tinyLink { font-size: 11px; font-weight: bold; border-bottom: 1px solid #0082ae; color: #0082ae; margin-left: 5px;}
.tinyLink:hover { border-bottom-color: #00a9d5; color: #00a9d5; }

.hebergementItem { padding: 20px 0 15px; color: #002A3F; }
.hebergementItem h4 { font-size: 25px; line-height: 30px; font-weight: bold; }
.hebergementItem h4 span { font-style: italic; font-weight: normal; color: #4D4D4D; font-size: 12px; }
.herbergementRoom { font-size: 15px; line-height: 20px; }
.herbergementRoom span { font-size: 12px; color: #4D4D4D; }

.tarifs3sectionPrestations .sectionHeader { margin-bottom: 15px; }

.tarifs3sectionAssurance .sectionHeader { margin-bottom: 20px; }

.assuranceName { font-size: 28px; font-weight: normal; color: #4D4D4D; display: block; }
.assuranceNickname { font-size: 15px; letter-spacing: 0.7px; display: block;}

.assuranceShortDescription { font-size: 15px; line-height: 20px; padding-bottom: 10px; }
.assuranceShortDescription em { color: #00A9D5; }

.assuranceCompareInvitation { color: #c80022; font-size: 13px; line-height: 18px; }

.tarifs3sectionAssurance .sectionContent { border-bottom: 1px solid #72bad3; padding-bottom: 10px; margin-bottom: 35px; }


.descr-presta-services {display:inline-block;margin-bottom: 10px; }
/*pour les boutons plus moin*/
.chape-btn-moins-plus { border-radius: 3px; margin-right: 5px; padding-left: 5px; padding-right: 5px; padding-top:5px;padding-bottom: 5px;  }
/*.chape-btn-moins-plus i {margin-left: auto; margin-right : auto; }*/
.btn-enabled { background-color: #0082AE; }
.btn-enabled i {color : white;}
.btn-disabled {background-color:#A4A4A4;}
.btn-disabled i {color : white;}
.summary-qte {margin-right: 5px;}



.inner-presta-service {display:block;width:100%;padding-top: 20px; padding-bottom: 10px;}
.icon-bagage:before  { background: transparent url(img/icon-tarifs-passagers.jpg) no-repeat 50% 50%;  }
.sectiongestion {display: inline-block;float: right;}
.bottomMoinsPlus {display: inline-block;}
.prixtotal {display: inline-block;}
/*** tarifs 4 ***/

.tarifsPageHeader4 { background-color: #b4dbe7; border-top: 10px solid #3fa2c3; font-size: 12px; line-height: 15px; border-bottom: 0; }
.tarifsPageHeader4 h2 { color: #002a3f; position: relative; padding-right: 50px; margin-bottom: 25px; }

.tarifsPageHeader4 h2:before { 
    content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 1;
    background: transparent url(img/icon-tarifs-vols.png) no-repeat 50% 50%; width: 45px; height: 36px; 
}


.resumeDeparture label, .resumeArrival label, .resumeDestination label { color: #4D4D4D; }
.resumeDeparture span, .resumeArrival span { color: #0082ae; font-weight: bold; }
.resumeCompagnie { margin: 5px 0; font-size: 13px; line-height: 16px; color: #002A3F; text-transform: none;  }
.resumeCompagnie span { color: #000; }
.resumeFlights { color: #002A3F; }
.resumeFlights li { position: relative; padding-left: 10px; padding-bottom: 3px;  }
.resumeFlights li:before { content: '›'; position: absolute; top: -1px; left: 0; font-size: 18px; }
.resumeNuites { font-size: 13px; line-height: 16px; color: #0082ae; font-weight: bold; margin: 5px 0; }
.resumeDestination { color: #002A3F; }

.resumeHotelItem { margin-top: 5px; color: #002A3F; }
.resumeHotelName { font-weight: bold; color: #000; }


.tarifs4MainRow { padding-bottom: 35px; position: relative; }

.tarifs4MainRowWrapper { position: relative;  width: 100%; }
.tarifs4MainRowWrapper:before { 
    content: ''; background-color: #b4dbe7; width: 100%; height: 100px;  z-index: 0; position: absolute; 
    left: 0px; top: 0; 
} 

.tarifs4MainRow .tarifsSmallWidthSection { position: relative; z-index: 1; }

.tarifs4BottomRow { border-top: 10px solid #3fa2c3; padding-top: 35px; padding-bottom: 35px; text-align: center; background-color: #b4dbe7; }
.tarifs4BottomRow p { margin-bottom: 10px; color: #002a3f; }
.tarifs4BottomRow .bootstrap-select { width: 200px; }

.sectionHeaderTarifsTable { margin-bottom: 25px; }
.sectionHeaderTarifsTable h2 { color: #002A3F; }

.messageActTarif{text-align: center;padding: 7px;}

/*** price table ***/

.priceTable { margin-bottom: 35px; }

.priceTable thead th { background-color: #0082ae; border-right: 1px solid #7ec0d6; color: #fff; font-style: italic; font-size: 13px; line-height: 16px; padding: 10px 5px; vertical-align: middle; }
.priceTable thead th.priceTableHeaderIntitule { text-align: left; border-left: 1px solid #7ec0d6; }

.priceTable td { vertical-align: middle; font-size: 13px; line-height: 16px; padding: 10px 5px; border-right: 1px solid #7ec0d6; border-bottom: 1px solid #7ec0d6; text-align: center; }

.priceTable td.priceTableIntitule { text-align: left; border-left: 1px solid #7ec0d6; }

.priceTable td.priceTableUnitPrice { text-align: right; color: #4D4D4D; white-space: nowrap; }
.priceTable td.priceTableTotalPrice { text-align: right; color: #002A3F; white-space: nowrap; }

.priceTableQty, .priceTableHeaderQty, .priceTableNBpeople, .priceTableHeaderNBpeople { display: none; color: #305aa1; }

.priceTable td.bottomCell { border: 0; }
.priceTable td.priceTableTotalLabel { border-bottom: 0; padding-top: 20px; padding-bottom: 20px; font-size: 12px; letter-spacing: 1px; }
.priceTable td.priceTableMainTotalPrice { background-color: #002a3f; color: #fff; font-weight: bold; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #7ec0d6; border-bottom: 0; }

/*** offre speciale ***/
 .specialOffer { background-color: #b4dbe7; padding: 10px; margin-bottom: 50px; }
 .specialOfferTitle { color: #305aa1; font-size: 14px; line-height: 18px; margin-bottom: 7px; }
 .specialOfferTitle span { color: #002A3F; }
 .specialOfferDescription { font-size: 13px; line-height: 16px; margin-bottom: 7px; }
 
 .specialOfferThumbnail { margin-bottom: 15px; }
 
 
 /*** passagers ***/
 
 .passengersInfosSectionTitle { color: #002A3F; position: relative;  padding-right: 50px; margin-bottom: 25px; }
 .passengersInfosSectionTitle:before { 
     background: transparent url(img/icon-tarifs-passagers.jpg) no-repeat 50% 50%; 
     content: ''; display: block; position: absolute; top: -4px; right: 0; z-index: 1;
     width: 45px; height: 36px; 
 }
 
 .messageBlue { margin-top: 10px; color: #305AA1; font-size: 12px; line-height: 15px; font-weight: bold; }
 
 .passagerInfosTable { padding: 35px 0 25px; }
 .passagerInfosTable h6, .passagerInfosTable .spanh6 { text-transform: none; color: #000; font-weight: bold; font-size: 12px; line-height: 15px; }
 
 .passagerInfosTable h6, .passagerInfosTable .spanh6 { margin-bottom: 15px; }
 
 /*** tableau formulaire passagers ***/
 
 .passagerFormTable { margin-bottom: 15px; width: 100%; }
 .passagerFormTable thead th { background: #0082ae; color: #fff; padding: 15px 10px; font-size: 12px; font-style: italic; text-align: left; vertical-align: middle; border-right: 1px solid #7ec0d6; }
 
.passagerFormTable td { border-right: 1px solid #7ec0d6; border-bottom: 1px solid #7ec0d6; }
.passagerFormTable td input[type="text"] { display: inline; margin: 0; float: left; width: 100%; border: 0; background: #fff; font-size: 14px; color: #4D4D4D; }
.passagerFormTable td input[type="text"]::-webkit-input-placeholder { color: #4D4D4D; }
.passagerFormTable td input[type="text"]:-moz-placeholder { color: #4D4D4D; }
.passagerFormTable td input[type="text"]::-moz-placeholder { color: #4D4D4D; }
.passagerFormTable td input[type="text"]:-ms-input-placeholder { color: #4D4D4D; }
 
 
 .passagerFormTable tr td:first-child, .passagerFormTable tr th:first-child { border-left: 1px solid #7ec0d6; } 

  .passagerFormTable .btn-group.bootstrap-select { float: left; width: 100%; display: inline; position: relative; top: -3px;  }
  .passagerFormTable .bootstrap-select .btn { color: #4D4D4D; border: 0; background: #fff;  }
  .passagerFormTable .btn-group.open .btn.dropdown-toggle { box-shadow: none; }
  .passagerFormTable  .btn-group.open .dropdown-toggle:hover { background: #fff; }
  
 /*** formulaire information personne effectuant le paiement ***/
  
 .buyerInformations { padding: 25px 0; margin-top: 15px;  }
 .buyerInformations p { margin-bottom: 10px; }
 .buyerInformations p label, .buyerCommentsWrapper label { display: block; margin-bottom: 3px; color: #002A3F;  }
 .buyerInformations p.labelInline label { display: inline; margin-right: 10px;   }
 .buyerAddressWrapper input[type="text"] { margin-bottom: 10px; }
 .buyerCountryWrapper .bootstrap-select .btn { font-size: 16px; line-height: 28px; }
 
 .buyerOptions { margin-bottom: 25px; }
 .buyerCommentsWrapper textarea { height: 274px; }
 .buyerMessageDemandeReza { color: #666; font-size: 12px; line-height: 15px; padding: 15px 0; }
 .buyerMessageSansEngagement { color: #fff; background-color: #808080; padding: 15px; font-size: 12px; line-height: 15px; }
 
 .buyerOptions .checkboxWrapper { padding: 16px 0 15px; border-bottom: 1px solid #7ec0d6; }
 .checkboxWrapper input[type="checkbox"] { float: left; position: relative; top: 1px; }
 .checkboxWrapper label { margin-left: 20px; display: block; font-size: 13px; line-height: 16px;  }
  
/************ espace pro **************/

.espaceProFirstRow { padding-bottom: 20px; }
.espaceProTopForm { background: #002A3F; color: #b1d9e6; padding: 25px 35px; }

.espaceProTopForm p { margin-bottom: 10px; }
.espaceProTopForm label { display: block; margin-bottom: 5px; font-size: 16px; line-height: 20px; }
.espaceProTopForm .bootstrap-select { width: 100%; }
.espaceProTopForm .bootstrap-select .btn { font-size: 16px; line-height: 28px; }

.espaceProTopForm p.submitWrapper { padding-top: 15px; }

.espaceProTopInfos { background: #0082ae; color: #fff; padding: 25px 35px; }
.espaceProTopInfos .tinyLink { color: #ace3f1; border-bottom-color: #ace3f1; margin-left: 0; }
.espaceProTopInfos .tinyLink:hover { color: #fff; border-bottom-color: #fff; }

.espaceProTopInfos h5 { font-size: 16px; line-height: 20px; border-bottom: 1px solid #f49b00; padding-bottom: 5px; margin-bottom: 10px; text-transform: none; }

.profilWrapper { margin-bottom: 20px; }
.agenceName { color: #cbe6ee; padding-bottom: 3px; }

/*** actualites ***/

.container.espaceProNews { padding-top: 35px; padding-bottom: 25px; }
.espaceProNews h4 { margin-bottom: 45px; text-align: center; font-weight: bold; font-size: 20px; line-height: 22px; text-transform: uppercase; letter-spacing: 1px; }

.newsInList { margin-bottom: 30px; }
a.newsLink { display: block; }
.newsThumbnail { margin-bottom: 15px; background-color: #305aa1; }
.newsInListTitle { text-align: center; font-size: 15px; line-height: 20px; font-weight: bold; color: #002A3F; text-transform: none; }
a.newsLink:hover .newsThumbnail img { opacity: 0.8;}
a.newsLink:hover .newsInListTitle { color: #305AA1; }

/*** liste de sejours ***/

.container.espaceProSejourListHeader { background: #e5f2f7; padding-top: 25px; padding-bottom: 25px; margin-bottom: 10px; }
.espaceProSejoursListTitle { font-size: 20px; line-height: 28px;  }



.container.espaceProSejourListSection { padding-top: 0px; padding-bottom: 20px; }
.espaceProSejourListSection:nth-child(even) { background-color: #e5f2f7; } 

.espaceProSejourListSection:before { content: ''; margin: 0 auto 30px; display: block; width: 140px; height: 3px; background-color: #98cdde; }

.espaceProSejourListSection h3 { text-align: center; font-size: 44px; line-height: 46px; color: #98cdde; margin-bottom: 20px; }

.sejourListRow { margin-left: -10px; margin-right: -10px; padding: 15px 0; }
.espaceProSejourListSection .sejourVignette  { float: left; width: 100%; padding: 0 10px 10px; }
.espaceProSejourListSection .sejourVignette :nth-child(5n+1) { clear: both;  }

/************ error 404 **************/
.container.error404-wrapper { padding-top: 50px; padding-bottom: 50px; text-align: center; }

/************  clissic page de texte **************/
.container.classicTxt-wrapper { padding-top: 50px; padding-bottom: 70px; }
.boxVueDoc{ border-bottom: 10px solid #DCDCDC; }
/************  **************/

.imgNormal {
	display: inline !important;
	width: auto !important;
}

/*formulaire avis*/
.area-note {
  margin-top : 10px;
  margin-bottom: 10px;	
  padding-bottom: 10px;
}

.area-note .lib-note {
	 line-height: 40px;
}   

/* menu theme*/
.item-menu-theme p{
    display: inline-block;
    letter-spacing: 0.8px;
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    /*font-weight: bold;*/
}

.item-menu-theme-under {
	    font-size: 15px;
    line-height: 20px;
    color: #00a9d5;
	
}

.output-info {
 padding-left:5px;	
}


#descDestination {
  display: none;	
}

.popup-gallery-paragraphe {
display: none;
}

.cadre-info-dossier{ 
	margin-top: 20px !important;
    margin-left: 200px !important;
	width: 100%;
}

.table-centrer-dossier{
	    display: flex;
    width: 50%;
}

/* Animation img AVion Tgv*/
.modeActu{
    animation-name: bounce-7;
    animation-duration: 2s; 
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    animation-iteration-count: infinite;
}
@keyframes smoothBlink{
    from{opacity:1}
    to{opacity:0}
}

@keyframes bounce-7 {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1.1)   translateY(-100px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-7px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}


.aWhite{
	color : white !important;
}
.aWhite:hover{
	color : #ffdd00 !important;
}

.messageAuthorisation {
    font-size: 21px;
    font-weight: bold;
    color: red;
    margin: 32px 0px 10px 0px;
}

.retourContrePro {
	position: absolute;
	left: 10px;
	font-weight: bold;
}

/*** Gestion Connexion Aeroport ***/

.suppressionConnexionAeroport {
	background-color: red;
    color: white;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}


/*** Redirection/fin de paiement ***/

@media (max-width: 1544px) {
    .clearfix-mobile-end {
        width: revert-layer !important;
    }

    .messageCenterMobile {
        margin: 0px 15px 0px 15px;
    }

    .btnMobile {
        font-size: 20px;
        margin-bottom: 10px;
    }
}