/*                        Created by Vseva, 2013                    */
/* ##########################  AJOUT TRIPADVISOR  ########################### */
/* ##########################  Ajouter les class dans chaque lignes  ########################### */
.widWRLData {
width:197px;
}
/*STYLE FOOTER MOBILE */
.footer-mobile {
    display: none;
}
@media (max-width:630px) {
    .partenaire-footer,
    .paiement-express-footer {
        text-align: center;
    }

    div.itemBodyHead {
        padding-bottom: 5px !important;
    }

    .footer-mobile {
        display: inline !important;
    }

    .footer-container {
        display: none;
    }

    .footer-container-mobile ul {
        display: block !important;
        margin: auto;
        width: 60%
    }

    .tabHoraire {
        display: none;
    }

    .tabHoraire-mobile {
        display: inherit;
        margin: auto;
        width: 100%;
    }

    li.no-mobile {
        display: none;
    }

    ul.itemCommentsList {
        margin: 0 16px 16px !important;
        text-align: justify;
    }

    .CaptionBoutonGalerie-mobile-only td {
        vertical-align: middle !important;
    }

    #content h1 {
        text-align: center;
        margin-bottom: 20px !important;
    }

    div#comments {
        margin-top: 0px !important;
    }

    .reservation-box {
        float: none !important;
        width: 100% !important;
    }

    .garantie-box {
        height: 215px !important;
        float: none !important;
        width: 100% !important;
    }

    .place-dispo {
        float: none !important;
        width: 100% !important;
        max-height: 250px !important;
    }

    .points-forts {
        float: none !important;
        width: 100% !important;
        max-height: 250px !important;
    }

    .inclusoupas-PointFort {
        padding: 20px 0px 0px 0px !important;
    }
}
/* ##########################  STYLE TABLEAU DES HORAIRES HTML ########################### */
.tableau-horaire tr, td{
	border:2px solid black;
	padding:5px;
	text-align:center;
	}
table.tableau-horaire{
	border-collapse:collapse;
	width:631px;
	max-width:631px
	}
.tableau-horaire td{
	height:40px;
}

.nom-ville-tableau{    
	font-size: 30px;
    font-weight: 900;
    color: #0065b7;
	background: url(/images/horaire-navette/fond-tableau-horaire-orange.png);
    background-position: center;
	}
tr.depart-tableau td{
	font-size: 30px;
    text-transform: uppercase;
    font-weight: 900;
    color: #f2d901;
	}
tr.depart-tableau{
	background: url(/images/horaire-navette/fond-tableau-horaire-vert.png);
    background-position: center;
}
tr.horaire-tableau td{
	    font-size: 15px;
    font-weight: 900;
    color: #fff;
	width:25%;
}
tr.horaire-tableau{
	background: url(/images/horaire-navette/fond-tableau-horaire-bleu.png);
    background-position: center;
}
.pas-bateau{
	color:#fff;
	background-color:#fa0001;
	text-transform:uppercase;
	font-size:30px;
}	
/* ##########################  RESPONSIVE TABLEAU COTE à COTE ########################### */
.tableau-gauche {margin-right:20px;}
@media (max-width:655px){
	.tableau-gauche{float:none !important;margin-bottom:10px;margin-right:0 !important;}
	.tableau-gauche table{margin:auto}
	.tableau-droite table{margin:auto}
	
	}
	
	.a-centrer{text-align:center;float:none !important;}
/* ##########################  general  ########################### */
.mod-languages .lang-inline img{
    margin-top: -1.2vw !important;
}
.mod-languages.mobile-lang {
		display:none;
	}
div#map_canvas .readmore a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 172px;
    height: 69px;
}
#map_canvas #content h1 {
    font-size: 12px !important;
    padding: 0 0 5px 0 !important;
    margin: 0 0 8px 0 !important;
    line-height: 25px !important;
    text-transform: uppercase !important;
}
div#map_canvas .readmore {
    /* background: red; */
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 172px;
    height: 69px;
    background: url(../images/details_fr.png) 0 0 no-repeat;
      float: right;
}
.page_188 #contentTop .moduletable, .page_190 #contentTop .moduletable {
    margin: 0;
}
.componentheading.homeenlgish h1 {
    overflow: visible;
    text-align: center;
    width: 520px;
    color: #00519D;
    font-size: 26px;
    margin: 0 0 10px;
    padding: 20px 0 10px;
    text-shadow: 1px 1px #e7e7e7;
    display: inline-block;
}

@media (max-width: 370px){
	.blog_mob {
            display: block;
    top: 5px;
    right: 20px;
    }
	.social-mob {
            z-index: 100;
    padding: 0 0 70px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
	bottom:0;
    }
}
@media (min-width : 371px) {
	@media (max-width : 959px) {
	.blog_mob {
            display: block;
    position: absolute;
    top: 5px;
    right: 20px;
    }
	}
}
@media (min-width : 371px) {
	@media (max-width : 549px) {
	.social-mob {
            z-index: 100;
    padding: 0px 0px 70px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
	bottom:0;
    }
	}
}
@media (min-width : 549px) {
	@media (max-width : 959px) {
.social-mob {
            z-index: 100;
    padding: 0px 0px 60px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
	bottom:0;
    }
	}
}
@media (max-width: 620px) {
.componentheading.homeenlgish h1  {
    font-size: 20px;
    line-height: 25px;
  max-width: 100%;
}
  .componentheading {
   
    max-width: 100% !important;
}
}
div#K2FilterBox106 h2 {
    font-family: tahoma,arial,sans-serif;
    font-size: 42px;
    color: #fff;
    margin: 0 0 24px 0;
    text-shadow: 1px 1px #000;
    font-weight: bold;
}
html,body{margin: 0;padding: 0;}
ul, ol, h1, h2, h3, h4, h5, h6, form, li, p, blockquote, form, input, textarea {margin: 0;padding: 0;}
body, input, textarea {font-family: tahoma, arial, sans-serif;font-size: 12px;color: #464646;}
input, textarea {text-shadow: none;}
img{border: 0 none;outline:0;}
a,a:active,a:focus {border: 0 none;outline:0;/*display:block;*/}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6 {/*margin: 15px 0 0 ;*/font-weight: bold;color: #333;}
h1 {font-size: 24px;padding: 16px 0 4px;line-height: 40px;color:#00519D}
h2 {font-size: 16px;padding: 18px 0 12px;}
h3 {font-size: 14px;padding: 0;}
h4 {font-size: 12px;}
h5 {font-size: 10px;margin-top: -4px;}
h6 {font-size: 9px;}
h5 a{font-size: 11px;line-height: 15px;color:#2f569b;text-decoration:none;}
.red,.star{color:red;}


.catItemBody p.nonPrestataire, .genericItemBody p.nonPrestataire {
    /*background: url("../images/notice_icon.png") no-repeat scroll 10px 7px #fff;
    border: 1px solid #FC9900;
    border-radius: 4px;*/
    /*clear: both;*/
    color: #FC9900;
    width:53%;
    padding: 5px 5px 5px 30px;
    /*text-align: center;*/
    display:none;
}
/* ----- Google map ------ */
/*#bodyContent p.nonPrestataire {
    background: url("../images/notice_icon.png") no-repeat scroll 10px 7px #fff;
    border: 1px solid #FC9900;
    border-radius: 4px;
    clear: both;
    color: #FC9900;
    padding: 5px 5px 5px 25px;
    text-align: center;
    margin-left: 137px !important;
}*/

/* ##########################  layout  ########################### */
/*------------------ header ------------------*/
#full-width-header {
    position: relative;
    width: 100%;
    z-index: 10
        /*ancien 99*/
    ;
}

#header {
    width: 940px;
    margin: 0 auto;
    z-index: 99;
}

#logo {
    float: left;
    margin-top: 11px;
    width: 191px;
    z-index: 100;
}

#logo-bottom {
    position: relative;
    height: 13px;
    margin: 0 10px;
}

#ribbon {
    margin: 0 auto;
    padding: 42px 0 0 0;
    width: 323px;
    z-index: 100;
}

#top-area {
    float: right;
    padding: 0 5px;
    background: url(../images/toparea_bkg.png);
    z-index: 100;
    position: relative;
    /* AVEC MENU BLOG EN HAUT width: 518px;*/
}

.mod-languages {
    position: absolute;
    top: 13px;
    right: -90px;
}

#top-area-bottom {
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 7px;
}

#top-area-nav {
    /*width:380px;*/
}

#top-area-nav>ul {
    /*margin:0 82px 0 0;*/
}

#top-area-nav ul li {
    float: left;
    padding: 0;
    margin: 3px 5px;
    list-style-type: none;
    font-size: 11px;
    color: #fff;
}

#top-area-nav ul li:first-child {}

#top-area-nav img {
    margin-top: -12px;
    vertical-align: middle;
}

#top-area-nav a {
    display: block;
    padding: 2px 7px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#top-area-nav a:hover,
#top-area-nav li.active a {
    color: #00519D;
    /*background-color: #fff*/;
    opacity: 0.6 !important;
    filter: alpha(opacity=80);
    border-radius: 3px;
}

#top-area-nav a.sign-in {
    padding-left: 27px;
}

#top-area-nav a.sign-in:hover {}

#top-area-nav .separator {
    display: block;
    margin: 2px 0 0 0;
    font-size: 10px;
}

/*------------------ slider ------------------*/
#full-width-slider,
#full-width-slider-small {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 613px;
    overflow: hidden;
    background: none repeat scroll 0 0 #9CCAE0;
    text-align: center;
    z-index: -1
        /*avant rien*/
}

#full-width-slider-small {
    height: 400px;
}

#full-width-slider-small .slide {
    height: 400px;
}

.slide-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4000px;
    margin-left: -2000px;
    text-align: center;
}

.slide-caption-container {
    position: relative;
    left: -50px;
    width: 940px;
    height: 613px;
    margin: 0 auto;
}

#full-width-slider-small .slide-caption-container {
    height: 400px;
}

.slide-caption {
    font-family: arial, serif, verdana;
    display: none;
    position: absolute;
    bottom: 80px;
    padding: 20px 40px 17px;
    font-size: 24px;
    color: #fff;
    border-radius: 7px;
}

.caption-heading {
    margin: -3px 0 6px;
    font-size: 40px;
    line-height: 40px;
    display: inline;
}

.caption-heading2 {
    margin: -3px 0 6px;
    font-size: 28px;
    line-height: 40px;
    display: inline;
}

.slide-caption a {
    color: #fff;
    border-bottom: 1px dotted #ccc;
}

.slide-caption a:hover {
    color: #999;
    border-bottom: 1px dotted #666;
}

#slider-control {
    display: none;
    position: absolute;
    top: 277px;
    width: 980px;
    height: 46px;
}

#slider-button-left,
#slider-button-right {
    display: block;
    position: absolute;
    top: 0px;
    width: 46px;
    height: 46px;
}

#slider-button-left {
    left: 0;
    background: url(../images/buttons/slider-button-left.png);
}

#slider-button-left:hover {
    background-position: 0 -46px;
}

#slider-button-right {
    right: 0;
    background: url(../images/buttons/slider-button-right.png);
}

#slider-button-right:hover {
    background-position: 0 -46px;
}

/*---------- Main menu - nav  -----------*/
/*---------- nav home button hide  -----------*/
#nav>ul>li:first-child {
    display: none;
}

#nav {
    background: url(../images/nav_bkg.png) center center no-repeat;
    overflow: visible;
    text-align: center;
    position: relative;
    width: 100%;
    height: /*45px*/ 36px;
    margin: 100px auto 0 auto;
    /* z-index:10; /*avant modif UX, valeur = 100 avant modif slider 11*/
}

#nav ul ul {
    display: none;
}

@media (min-width: 950px) {
    #nav ul li:hover>ul {
        display: block;
    }
}

/*  LEVEL 1  */
#nav ul {
    display: inline-block;
}

#nav ul:after {
    content: "";
    clear: both;
    display: block;
}

#nav>ul>li {
    position: relative;
    float: left;
    padding: 0;
    font-weight: bold;
    color: #aaa;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    list-style-type: none;
    line-height: 18px;

}

#nav>ul>li:hover,
#nav>ul>li.current,
#nav>ul>li.active {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
    background: url(../images/nav_bkg_over.png) 0 0 repeat-x;
    border-bottom: 2px solid #C3DCE8;
    overflow: visible;
}

#nav>ul>li.deeper:hover:after,
#nav>ul>li.deeper:hover:before,
#nav>ul>li.deeper.current:after,
#nav>ul>li.deeper.current:before,
#nav>ul>li.deeper.active:after,
#nav>ul>li.deeper.active:before {
    top: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1000;
}

#nav>ul>li.deeper:hover:after,
#nav ul>li.deeper.current:after,
#nav>ul>li.active.deeper:hover:after,
#nav ul>li.active.deeper:after {
    border-color: rgba(32, 124, 166, 0);
    /*rgb(32, 124, 166)*/
    border-top-color: rgb(32, 124, 166);
    border-width: 8px;
    left: 85%;
    margin-left: -8px;
    z-index: 1000;
}

#nav ul>li.deeper:hover:before,
#nav ul>li.deeper.current:before,
#nav ul>li.active.deeper:hover:before,
#nav ul>li.active.deeper:before {
    border-color: rgba(195, 220, 232, 0);
    border-top-color: rgb(195, 220, 232);
    /*rgb(195, 220, 232) */
    border-width: 11px;
    left: 85%;
    margin-left: -11px;
    z-index: 1000;
}

#nav ul li img {
    padding: 0;
    margin: 0;
    display: block;
}

#nav ul li a {
    display: block;
    padding: 14px 17px 11px 17px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px #444;
    text-transform: uppercase;
}

#nav ul li:hover a,
#nav ul li.active a {
    text-shadow: 0 0 3px #0E70AE;
    
}
/*#nav ul li.deeper:hover a{
    margin-top: 5px;
    padding: 9px 17px 11px 17px !important; 
}*/
#nav ul li span.separator {
    margin: 14px 0 0 0;
    display: block;
}

/*  LEVEL 2  */
#nav ul ul {
    background-color: #188FD6;
    text-align: left;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 90%;
    min-width: 100%;
    border: 1px solid #1381C4;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 11
        /*avant : rine*/
    ;
}

#nav ul ul li {
    float: none;
    list-style-type: none;
    margin: 0;
    border-bottom: 1px dotted #fff;
    position: relative;
}

#nav ul ul li:last-child,
#nav ul ul li.active:last-child,
#nav ul ul li:hover:last-child a {
    border: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#nav ul ul li:hover,
#nav ul ul li.active {
    background-color: #075099;
}

#nav ul ul li:hover:last-child {
    border: none;
}

#nav ul ul li a {
    padding: 5px 17px;
    color: #fff;
    background-color: none;
    text-shadow: none;
    text-transform: none;
    white-space: nowrap;
}

#nav ul>ul li:hover a,
#nav ul>ul li.active a {
    background-color: #075099;
    text-shadow: 0 0 3px #0E70AE;
}

#nav ul ul li.active ul li a {
    padding: 5px 17px;
    color: #fff;
    background-color: none;
    text-shadow: none;
    text-transform: none;
}

/*  LEVEL 3 & 4  */
#nav ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #188FD6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#nav ul ul li ul li:first-child,
#nav ul ul li ul li.active:first-child,
#nav ul ul li ul li:hover:first-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/*---------- Search area homepage content -----------*/
#search-area{position:relative;display:block;margin:80px auto 0 auto;z-index:99;}
/* --- Home ---*/
.K2FilterBoxHome .k2filter-field-select {
    background: url("../images/form-elements/select-box-260.png") 0 0 no-repeat;
    color:#137BB9;
    font-size: 12px;
    height:31px;
    padding:1px 0px 0px 3px;
}

.K2FilterBoxHome .k2filter-field-category-select {
    background: url("../images/form-elements/select-box-260.png") 0 0 no-repeat;
    color:#137BB9;
    font-size: 12px;
    height:31px;
    padding:1px 0px 0px 3px;
}

.K2FilterBoxHome .k2filter-field-category-select select {
    font-family: Arial,sans-serif;
    font-size: 12px;
    padding: 7px 6px 7px 0;
    border:none;
    background:none;
    width:257px;
}
/* --- Right ---*/
.K2FilterBoxRight .k2filter-field-select {
    color:#137BB9;
    font-size: 12px;
    height:31px;
    padding:1px 0px 0px 3px;
}

.K2FilterBoxRight .k2filter-field-category-select {
    color:#137BB9;
    font-size: 12px;
    height:31px;
    padding:1px 0px 0px 3px;
}

.K2FilterBoxRight .k2filter-field-category-select select {
    font-family: Arial,sans-serif;
    font-size: 12px;
    padding: 7px 6px 7px 0;
    border:none;
    background:none;
    width:257px;
}

/*------------------ Main content ------------------*/
#mainWrapper{position: relative;width: 100%;/*height: 100%;*/margin: -2px 0 0 0;background:url(../images/main_bkg_top.png) 0 0 repeat-x,url(../images/main_bkg_mid.png) 0 0 repeat;z-index: 10;}
#main {height: 100%;margin: 0 auto;position: relative;width: 940px;}
/*#contentTop{width: 700px;float:left;padding:37px 0 10px 0;}*/
#contentTop{display: inline-block;overflow: visible;width: 940px;}
#contentTop .moduletable{margin: 37px 0 0 0;}

#content{width: 700px;float:left;padding-bottom: 20px;padding-top: 20px}
#content .moduletabletop{margin-top:37px;}
/*#content h1{border-bottom: 1px dashed #00519D;color: #00519D;font-size: 30px;margin: 0;padding: 20px 0 10px;text-shadow: 1px 1px #ccc;}*/
#content h1{
    border-bottom: 1px dashed #00519D;
    color: #00519D;
    font-size: 26px;
    margin: 0 0 10px;
    padding: 20px 0 10px;
    text-shadow: 1px 1px #e7e7e7;
}


#contentRight{float:right;position: relative;width: 220px;margin: 37px 0 0 20px;}

/* ------------ item Tabs ------------------------*/
div.splitLeft{width:48%;float:left;}
div.splitRight{width:48%;float:right;}
div#comments{}
div#photo{}
div#rates{}
div#rates .pprice{float:right;margin:0 0 0 20px}
div.package{/*border-bottom: 2px dotted #1C9CE6;border-top:none;border-left:none;border-right:none;*/}

/* ------------- CSS graphics ----------------*/
.location, .lieu,
.departure, .depart,
.activity, .activite,
.duration, .duree,
.price, .prix,
.mini-price, .prix-mini,
.adult-price, .prix-actuel,
.child-price, .prix-enfant,
.activity, .activite,
.frequency, .frequence,
.activity-code, .code-d-activite, .promo {padding-left:24px;color:#00519D}
.activity, .activite{background:url(../images/small_icons.png) 0 -3px no-repeat;overflow:hidden;}
.location, .lieu{background:url(../images/small_icons.png) 0 -29px no-repeat;overflow:hidden;height:20px;}
.duration, .duree{background:url(../images/small_icons.png) 0 -55px no-repeat;overflow:hidden;height:20px;}
.departure, .depart{background:url(../images/small_icons.png) 0 -81px no-repeat;overflow:hidden;height:20px;}
.activity-code, .code-d-activite{background:url(../images/small_icons.png) 0 -107px no-repeat;overflow:hidden;height:20px;}
.adult-price, .prix-actuel{background:url(../images/small_icons.png) 0 -157px no-repeat;overflow:hidden;height:20px;}
.child-price, .prix-enfant{background:url(../images/small_icons.png) 0 -182px no-repeat;overflow:hidden;height:20px;}
.promo {background:url(../images/small_icons.png) 0 -202px no-repeat;overflow:hidden;height:20px;}
span#promo_value{color:#ff0000;}
.price, .prix{background:url(../images/small_icons.png) 0 -202px no-repeat;overflow:hidden;height:20px;}
.mini-price, .prix-mini{background:url(../images/small_icons.png) 0 -220px no-repeat;overflow:hidden;height:20px;}
/* --------------- Price box -----------------*/
div.priceBox {
    width:125px;
    float:right;
    color:#fff;
    margin:0;
    padding:20px 20px 30px 20px;
    text-align:center;
    position:relative;
    background: rgb(28,157,231); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgb(28,157,231) 0%, rgb(14,112,174) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(28,157,231)), color-stop(100%,rgb(14,112,174))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgb(28,157,231) 0%,rgb(14,112,174) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgb(28,157,231) 0%,rgb(14,112,174) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgb(28,157,231) 0%,rgb(14,112,174) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgb(28,157,231) 0%,rgb(14,112,174) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c9de7', endColorstr='#0e70ae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.reserve{position:absolute;right:-9px;/*margin: 0 11px 0 0;*/}

/*------------------ Footer ------------------*/
.footer, .push {
   	/*height: 97px;*/ /* .push must be the same height as .footer */
}
#full-width-footer {
    position: relative;
    width: 100%;
    background: url(../images/footer_bkg_top.png) center top no-repeat, url(../images/footer_bkg.png) center top repeat-y #114C99;
    border-top: 1px solid #236EB6;
    z-index: 10;
}
#footer-content-container {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}
/* -------  Footer Left - Most Popular ----------*/
#footer-left {float:left;background-color: #fff;margin: 20px 0;padding: 0 0 10px 0;position:relative;width:300px;height:167px;}
.popularEn .footer-right-icon, .popularFr .footer-right-icon {
    background:url(../images/heart_icon.png) 0 0 no-repeat;
    position:absolute;
    top:9px;
    right: 17px;
    }
.moduletablepopularEn h3, .moduletablepopularFr h3 {
    background-color: #F2418C;
    line-height:32px;
    color:#fff;
    margin:0;
    padding:0;
    font-size:14px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    }
.moduletablepopularEn h3:before, .moduletablepopularEn h3:after,
.moduletablepopularFr h3:before, .moduletablepopularFr h3:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    z-index:1000;}
.moduletablepopularEn h3:before, .moduletablepopularFr h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #F2418C;
    border-width: 11px;
    left: 13px;
    margin-right: -9px;
    z-index:1000;
    }
.popularEn ol,.popularFr ol{
    margin: 10px 0 10px 36px;
    color: #114C99;
    }
.popularEn ol li a, .popularFr ol li a{
    text-decoration:none;
    display:inline-block;
    margin:2px 0;
    color:#114C99;
    }
.popularEn ol li a:hover, .popularFr ol li a:hover{
    text-decoration:underline;
    }
.popularEn ol li a span.catTitle, .popularFr ol li a span.catTitle {
    font-weight:bold;
    color:#464646;
    font-size:14px;
    }
/* -------  Footer Right - Live Chat/support ----------*/
#footer-right {float:right;background-color: #fff;margin: 20px 0;padding: 0 0 10px 0;position:relative;width:300px;height:167px;}
.customchatEn .footer-right-icon, .customchatFr .footer-right-icon {background:url(../images/chat_icon.png) 0 0 no-repeat;position:absolute;top:9px;right: 17px;}
.moduletablechatEn h3, .moduletablechatFr h3 {background-color: #0694D4;line-height:32px;color:#fff;margin:0;padding:0;font-size:14px;text-transform: uppercase;text-shadow: 0 1px 2px #666;}
.moduletablechatEn h3:before, .moduletablechatEn h3:after,
.moduletablechatFr h3:before, .moduletablechatFr h3:after {top: 32px;border: solid transparent;content: " ";height: 0;width: 0;position: relative;pointer-events: none;z-index:1000;}
.moduletablechatEn h3:before, .moduletablechatFr h3:before {border-color: rgba(255, 255, 255, 0);border-top-color: #0694D4;border-width: 11px;left: 13px;margin-right: -9px;z-index:1000;}
.customchatEn p,.customchatFr p{margin: 0;}

/* -------  Footer Right - Guides touristiques ----------*/
#footer-mid {margin: 20px 320px;background-color: #fff;padding: 0 0 10px 0;position:relative;width:300px;height:167px;}
.guidesEn .footer-right-icon, .guidesFr .footer-right-icon {/*background:url(../images/guides_icon.png) 0 0 no-repeat;*/position:absolute;top:329px;right: 17px;}
.moduletableguidesEn h3, .moduletableguidesFr h3 {background-color: #F6B201;line-height:32px;color:#fff;margin:0;padding:0;font-size:14px;text-transform: uppercase;text-shadow: 0 1px 2px #666;}
.moduletableguidesEn h3:before, .moduletableguidesEn h3:after,
.moduletableguidesFr h3:before, .moduletableguidesFr h3:after {top: 32px;border: solid transparent;content: " ";height: 0;width: 0;position: relative;pointer-events: none;z-index:1000;}
.moduletableguidesEn h3:before, .moduletableguidesFr h3:before {    border-color: rgba(255, 255, 255, 0); border-top-color: #F6B201; border-width: 11px;left: 13px;margin-right: -9px;z-index:1000;}
.guidesEn ul,.guidesFr ul{margin: 10px 0 10px 36px;color: #114C99;}
.guidesEn ul li a, .guidesFr ul li a{text-decoration:none;display:inline-block;margin:2px 0;}
.guidesEn ul li a span.catTitle, .guidesFr ul li a span.catTitle {color:#114C99;}

/* -------  Footer  - Navbar ----------*/
/* -------  Footer  - Navbar ----------*/
#footer-nav {
    position: relative;
    /*text-align:center;*/
    height: 37px;
    /*width: 785px;*/
    margin: 30px auto 10px;
    color: #fff;
    background: url(../images/footer_nav_bkg.png) 0 0 no-repeat;
    clear: both;
    border-top: 1px dashed #7AA0D6;
    border-bottom: 1px dashed #7AA0D6;
}

#footer-nav ul {
    display: inline-block;
    margin-top: 3px;
}

#footer-nav a {
    display: block;
    padding: 3px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#footer-nav li a:hover,
#footer-nav li.active a {
    color: #00519D;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
}

#footer-nav ul li {
    float: left;
    padding: 0;
    margin: 5px;
    list-style-type: disc;
    font-size: 11px;
    color: #fff;
}

#footer-nav ul li:first-child {}

#footer-nav .separator {
    display: block;
    margin: 3px 0 0 0;
    font-size: 10px;
}


/* -------  Footer  - Last ----------*/
#footer-lastfoot {
    position: relative;
    text-align: center;
    height: 37px;
    /*width: 785px;*/
    margin: 5px auto 20px;
    color: #fff;
}

#footer-lastfoot ul {
    display: inline-block;
    margin-top: 3px;
}

#footer-lastfoot a {
    padding: 3px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#footer-lastfoot li a:hover,
#footer-nav li.active a {
    color: #00519D;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
}

#footer-lastfoot ul li {
    float: left;
    padding: 0;
    margin: 5px;
    list-style-type: none;
    font-size: 11px;
    color: #fff;
}

#footer-lastfoot ul li:first-child {}

#footer-lastfoot .separator {
    display: block;
    margin: 3px 0 0 0;
    font-size: 10px;
}
.footer-mobile {
    display: none;
}

.footer-container-mobile h1 {
    text-align: center
}

.footer-container-mobile ul {
    margin: auto
}
/* #######################  modules elements  ######################## */
/* ------------  User login ------------ */
/* - page - */
.login{width: 940px;}
    .login-fields{margin:10px;}
    .login-form{float: left;width: 465px;position: relative;}
    .login form fieldset{border:none;padding:0;margin: 10px auto;width:50%}
    .login-form ul{list-style-type: none;margin: 10px auto;width:50%}
    .login-form ul li{margin:5px 0;}
    .login-description{margin:20px auto;width:80%;}
    .login-register{float: right;width: 465px;position: relative;}
    .login-register ul{list-style-type: none;margin:110px 0 0 0;}
    .login-register ul li{
            background-color: #F9FAFC;
            border-color: #AFC6E9;
            border-radius: 3px 3px 3px 3px;
            border-style: solid;
            border-width: 1px;
            margin: 0 auto;
            padding: 4px 10px;
            text-align: center;
            display:block;
            width:60%;
    }
    .login-register ul li a{
            color: #214478 !important;
            font-family: Arial;
            font-size: 20px;
            font-weight: bold;
            overflow: visible;
            position: relative;
            text-align: center;
            text-decoration: none;
    }

.login-form button.button-en{
    background:url(../images/login_en.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:10px 0 10px 10px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
.login-form button.button-fr{
    background:url(../images/login_fr.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:10px 0 10px 10px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
#username-lbl, #password-lbl{display:block;}


/* - Right column - module - */

.moduletableprovider, .moduletableprestataire, .moduletableregister, .moduletableenregistrer {
  background-color: #fff;
  margin: 0 0 20px 0;
  position:relative;
}

.moduletableprovider h3, .moduletableprestataire h3, .login-form h3, .login-register h3 {
  background-color: #96C826;
  line-height:32px;
  color:#fff !important;
  margin-bottom:10px !important;
  font-size:14px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #666;
  padding:0 0 0 10px !important;
  border:none !important;
}
.moduletableregister h3, .moduletableenregistrer h3, .login-form h3, .login-register h3{
  background-color: #0593DB;
  line-height:32px;
  color:#fff !important;
  margin-bottom:10px !important;
  font-size:14px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #666;
  padding:0 0 0 10px !important;
  border:none !important;
}


.moduletableprovider h3:before, .moduletableprovider h3:after,
.moduletableprestataire h3:before, .moduletableprestataire h3:after,
.moduletableregister h3:before, .moduletableregister h3:after,
.moduletableenregistrer h3:before, .moduletableenregistrer h3:after,
.login-form h3:before, .login-form h3:after,
.login-register h3:before, .login-register h3:after  {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.moduletableregister h3:before, .moduletableenregistrer h3:before, .login-form h3:before, .login-register h3:before{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #0593DB;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}

.moduletableprovider h3:before, .moduletableprestataire h3:before{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #96C826;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}

.provider input[value="Login"].button, .prestataire input[value="Login"].button {
    background:url(../images/login_en.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0 15px 15px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
/*.k2UserBlock.prestataire input[value="Connexion"].button,*/
/*.k2LoginBlock*/.prestataire input[value="Connexion"].button, .provider input[value="Connexion"].button {
    background:url(../images/login_fr.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0 15px 15px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
/* --- logout --- */
/*.k2UserBlock*/.provider input.ubLogout {
    background:url(../images/logout_en.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 18px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
/*.k2UserBlock*/.prestataire input.ubLogout {
    background:url(../images/logout_fr.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0 15px 15px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
/* ------------ RIght column - Filter Search ------------ */
.K2FilterBlocksearch, .K2FilterBlockrechercher {
  background-color: #fff;
  margin: 0 0 20px 0;
  position:relative;
}
.K2FilterBlocksearch h2, .K2FilterBlockrechercher h2 {
  background-color: #FF8B00;
  line-height:32px;
  color:#fff;
  margin-bottom:20px;
  font-size:14px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #666;
  padding:0 0 0 10px;
}
.K2FilterBlocksearch h2:before, .K2FilterBlocksearch h2:after,
.K2FilterBlockrechercher h2:before, .K2FilterBlockrechercher h2:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.K2FilterBlocksearch h2:before, .K2FilterBlockrechercher h2:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FF8B00;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.K2FilterBlocksearch input.search {
    background:url(../images/search_right_en.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
.K2FilterBlockrechercher input.rechercher {
    background:url(../images/rechercher_right_fr.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
.K2FilterBlocksearch input[value="Reset"].search, .K2FilterBlockrechercher input[value="Reset"].rechercher {
    background:#DADADA;
    color: #FFFFFF;
    font-weight: bold;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 3px;
    text-transform:uppercase;
    text-indent: 0;
    width: 100%;
}
.K2FilterBlocksearch input[value="Reset"].search:hover, .K2FilterBlockrechercher input[value="Reset"].rechercher:hover {
    background:#7F7F7F
}

/* ------------ RIght column - login ------------ */
.moduletablelogin {
  background-color: #fff;
  margin: 37px 0 20px 0;
  padding: 0 0 10px;
  position:relative;
}
.moduletablelogin h3{
  background-color: #FF8B00;
  line-height:32px;
  color:#fff;
  margin-bottom:15px;
  font-size:14px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #666;
  padding:0 0 0 10px;
}
.moduletablelogin h3:before, .moduletablelogin h3:after{
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.moduletablelogin h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FF8B00;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.moduletablelogin input.button {
    background:url(../images/search_right_en.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0 0 15px;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
.moduletablelogin input.rechercher {
    background:url(../images/rechercher_right_fr.png) 0 0 no-repeat;
    height:70px;
    width:183px;
    border:none;
    margin:15px 0;
    text-indent:-999px;
    overflow:hidden;
    cursor: pointer;
}
.moduletablelogin fieldset{
    border:none;
}
.moduletablelogin input{
    width:183px;
}
.moduletablelogin input#modlgn-remember{
  width:auto;
}


.moduletablelogin ul{
    margin: 5px 0 5px 15px;
    padding: 3px 0 3px 35px;
}
.moduletablelogin ul li{
  margin:0 0 5px 0;
}


.moduletablelogin #form-login-username, .moduletablelogin #form-login-password {
    margin:0 7px 10px 7px;
}
.moduletablelogin #form-login-remember label{
    margin:0 5px 3px 7px;
}

.moduletablelogin #form-login-username label{
    display: block;
}

/* ----- RIght column - homepage video title ----- */
.videoArrow{
  background:url(../images/video_arrow.png) 0 0 no-repeat;
  position:absolute;
  top:60px;
  left:88px;
  height:43px;
  width:43px;
}


.video0, .video1, .video2{
  position:relative;
}


.video0 h4{
    /*background-color: #96C826;*/
    background-color: #FF8B00;
    line-height:32px;
    color:#fff;
    margin-bottom:0;
    font-size:12px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px;
}
.video0 h4:before, .video0 h4:after{
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.video0 h4:before, .video0 h4:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FF8B00;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}

.video1 h4{
    background-color: #96C826;
    line-height:32px;
    color:#fff;
    margin-bottom:0;
    font-size:12px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px;
}
.video1 h4:before, .video1 h4:after{
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.video1 h4:before, .video1 h4:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #96C826;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}

.video2 h4{
    background-color: #0694D4;
    line-height:32px;
    color:#fff;
    margin-bottom:0;
    font-size:12px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px;
}
.video2 h4:before, .video2 h4:after{
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
}
.video2 h4:before, .video2 h4:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #0694D4;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}




/* ----- RIght column - Category list menu ------- */
.moduletablelistActivitiesEn, .moduletablelistActivitiesFr {
    background-color: #fff;
    margin:0 0 20px 0;
    padding: 0 0 10px 0;
    position:relative;
}
.moduletablelistActivitiesEn h3, .moduletablelistActivitiesFr h3 {
  background-color: #96C826;
  line-height:32px;
  color:#fff;
  margin-bottom:10px;
  font-size:14px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #666;
  padding:0 0 0 10px;
}
.moduletablelistActivitiesEn h3:before, .moduletablelistActivitiesEn h3:after,
.moduletablelistActivitiesFr h3:before, .moduletablelistActivitiesFr h3:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:50;
}

.moduletablelistActivitiesEn h3:before, .moduletablelistActivitiesFr h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #96C826;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.listActivitiesEn ul,.listActivitiesFr ul{
    font-weight:bold;
    font-size:14px;
    line-height: 1.8em;
    list-style: none;
    margin: 10px 0 10px 21px;
}
.listActivitiesEn > ul > li,.listActivitiesFr > ul > li{

}
.listActivitiesEn ul li a, .listActivitiesFr ul li a{
    text-decoration:none;
}
.listActivitiesEn ul > li.activeCategory > a, .listActivitiesFr ul > li.activeCategory > a{
    text-decoration:none;
}
.listActivitiesEn ul li a span.catTitle, .listActivitiesFr ul li a span.catTitle {
    color:#114C99;
}
    .listActivitiesEn ul.level1,.listActivitiesFr ul.level1,
    .listActivitiesEn ul.level2,.listActivitiesFr ul.level2{
        font-size:12px;
        list-style: none;
        list-style-image:url('../images/list_arrow_green.png');
        /*margin:5px 0 5px 15px;*/
        margin:0 0 0 15px;
        line-height:1.8em;

    }
    .listActivitiesEn ul li ul li,.listActivitiesFr ul li ul li{
        /*padding:3px 0;*/
    }
        .listActivitiesEn ul li ul li ul,.listActivitiesFr ul li ul li ul{
            list-style: none;
            list-style-image:url('../images/list_arrow_green.png');
            margin:3px 0 3px 14px;
            display:none;
        }
        .listActivitiesEn ul li ul li ul li,.listActivitiesFr ul li ul li ul li{
        }
        .listActivitiesEn ul li ul li a span.catTitle,.listActivitiesFr ul li ul li a span.catTitle,.listActivitiesEn ul li ul li ul li a span.catTitle,.listActivitiesFr ul li ul li ul li a span.catTitle{
            color:#114C99;
            text-decoration:none;
        }
/* ------------ RIght column - you might like (suggest) ------------*/
.moduletablesuggestEn, .moduletablesuggestFr {
    background-color: #fff;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    position:relative;
    }
.moduletablesuggestEn > h3, .moduletablesuggestFr > h3 {
    background-color: #F2418C;
    line-height:32px;
    color:#fff;
    margin-bottom:10px;
    font-size:14px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px;
    }
.moduletablesuggestEn > h3:before, .moduletablesuggestEn > h3:after,
.moduletablesuggestFr > h3:before, .moduletablesuggestFr > h3:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
    }
.moduletablesuggestEn > h3:before, .moduletablesuggestFr > h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #F2418C;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.suggestEn ul, .suggestFr ul{line-height: 18px;list-style-type: none;margin: 10px;}
.suggestEn ul li, .suggestFr ul li {padding:15px 0;}
.suggestEn ul li a.moduleItemImage, .suggestFr ul li a.moduleItemImage {float: left;}
.suggestEn ul li div.moduleItemIntrotext, .suggestFr ul li div.moduleItemIntrotext {margin: 0 0 0 83px;}
.suggestEn ul li div.moduleItemIntrotext h3, .suggestFr ul li div.moduleItemIntrotext h3 {margin:0 0 3px 0;font-size: 12px;}
.suggestEn ul li div.moduleItemIntrotext h3 a, .suggestFr ul li div.moduleItemIntrotext h3 a{text-decoration:none;}

/* ----- Right col - NEWSLETTER ------------- */
.customnewsletterEn .footer-right-icon, .customnewsletterFr .footer-right-icon {background:url(../images/chat_icon.png) 0 0 no-repeat;position:absolute;top:9px;right: 17px;}
.moduletablenewsletterEn h3, .moduletablenewsletterFr h3 {background-color: #0EC7CE;line-height:32px;color:#fff;margin:0 0 20px 0;padding:0;font-size:14px;text-transform: uppercase;text-shadow: 0 1px 2px #666;}
.moduletablenewsletterEn h3:before, .moduletablenewslettertEn h3:after,
.moduletablenewsletterFr h3:before, .moduletablenewsletterFr h3:after {top: 32px;border: solid transparent;content: " ";height: 0;width: 0;position: relative;pointer-events: none;z-index:1000;}
.moduletablenewsletterEn h3:before, .moduletablenewsletterFr h3:before {border-color: rgba(255, 255, 255, 0);border-top-color: #0EC7CE;border-width: 11px;left: 13px;margin-right: -9px;z-index:1000;}
.customnewsletterEn p,.customnewsletterFr p{margin: 20px 62px 0px 18px;}
/* ----- Right col - CONTACT ------------- */
.moduletablecontactEn, .moduletablecontactFr {
    background-color: #fff;
    margin:0 0 20px 0;
    padding:0 0 10px 0;
    position:relative;
    }
.moduletablecontactEn > h3, .moduletablecontactFr > h3 {
    background-color: #27AC6C;
    line-height:32px;
    color:#fff;
    margin-bottom:10px;
    font-size:14px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px;
    }
.moduletablecontactEn > h3:before, .moduletablecontactEn > h3:after,
.moduletablecontactFr > h3:before, .moduletablecontactFr > h3:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
    }
.moduletablecontactEn > h3:before, .moduletablecontactFr > h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #27AC6C;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.moduletablecontactEn h4, .moduletablecontactFr h4{
  margin:0 20px 10px 20px;
  padding:10px 0 5px 0;
  color:#00519D;
  border-bottom:1px dashed #00519D;
}
.moduletablecontactEn hr,.moduletablecontactFr hr{
  bod
}


.moduletablecontactEn p, .moduletablecontactFr p{
  margin:10px 20px;
}
/* ----- Item Full text - Schedule ------------- */
.scheduletEn, .scheduleFr {
    background-color: #F7FCFF;
    margin:10px 0 10px 0;
    padding:0 0 5px 0;
    position:relative;
    float:left;
    width:230px;
    }
.scheduleEn > h3, .scheduleFr > h3 {
    background-color: #0191E5;
    line-height:32px;
    color:#fff !important;
    margin-bottom:10px;
    font-size:14px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding:0 0 0 10px !important;
    }
.scheduleEn > h3:before, .scheduleEn > h3:after,
.scheduleFr > h3:before, .scheduleFr > h3:after {
    top: 32px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index:5;
    }
.scheduleEn > h3:before, .scheduleFr > h3:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #0191E5;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index:5;
}
.scheduletEn, .scheduleFr ul{
  margin:5px 0 0 0 !important;
  padding:0 15px;
}
.scheduletEn, .scheduleFr ul li{
  list-style:none;
  font-weight:bold;
}
.scheduletEn, .scheduleFr ul li span{
  float:right;
  font-weight:normal;
}


/* ----- Right col - GUARANTIE ------------- */
.guarantie{
    /*background:url(../images/rainbow_column_block.png) 0 0 repeat-y;*/
  background: -moz-linear-gradient(left, #ff8b00 0%, #fedc00 33%, #3bb647 66%, #0191e5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff8b00), color-stop(33%,#fedc00), color-stop(66%,#3bb647), color-stop(100%,#0191e5));
    background: -webkit-linear-gradient(left, #ff8b00 0%,#fedc00 33%,#3bb647 66%,#0191e5 100%);
    background: -o-linear-gradient(left, #ff8b00 0%,#fedc00 33%,#3bb647 66%,#0191e5 100%);
    background: -ms-linear-gradient(left, #ff8b00 0%,#fedc00 33%,#3bb647 66%,#0191e5 100%);
    background: linear-gradient(to right, #ff8b00 0%,#fedc00 33%,#3bb647 66%,#0191e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF8B00', endColorstr='#FEDC00');/*For IE7-8-9*/
    margin:0 0 20px 0;
}
.guarantie h3{
    font-size: 20px;
    padding: 20px 10px;
    color:#fff;
    text-shadow: 0 1px 2px #666666;
}
.guarantie h3 a{
	font-size: 20px;
    text-decoration:none;
    color:#fff;
    text-shadow: 0 1px 2px #666666;
}


/* ------------ Fancybox iframe popup - conditions ------------*/
body.contentpane #main{
  width:100%;
}
body.contentpane #main div.itemFullText{
  width:100%;
}
body.contentpane #main div.itemFullText ul{
  margin:10px 20px;
  padding:0 0 0 10px;
}
/* ------------ User - Profile  ------------*/

/* ------------  Forms ------------*/
form ul, form ol{
  margin:15px 0;
  padding:0 0 0 30px;
}

#system-message{
   background-color: #FFFFFF;
   border: 1px solid #FF9900;
   border-radius: 5px;
   box-shadow: 0 0 10px #f9eede inset;
   margin: 20px 0 0 0;
   padding: 10px;
}
#system-message dt.message, #system-message dt.warning, #system-message dt.error{
    background-color: #FFF5EA;
    border: 1px solid #FF9900;
    border-radius: 5px;
    color: #DD7C02;
    font-size: 110%;
    height: 25px;
    line-height: 25px;
    margin: -23px 0 0 0;
    padding: 0 10px;
    position: absolute;
}
#system-message ul{
    list-style:none;
}
#system-message dd.message ul li{
    margin:20px;
    background: url("../images/notice_icon.png") no-repeat scroll 10px 7px #FFFFFF;
    color: #FC9900;
    padding: 5px 5px 5px 30px;
    font-weight:bold;
}
#system-message dd.warning ul li, #system-message dd.error ul li{
    margin:20px;
    background: url("../images/check_mark.png") no-repeat scroll 10px 7px #FFFFFF;
    color: #FC9900;
    padding: 5px 5px 5px 30px;
    font-weight:bold;
}


#users-profile-core p, #users-profile-custom p, #member-profile p, #member-registration p, #josForm fieldset, #user-registration p,form.form-validate p{
  margin:20px 0;
}

form.form-validate fieldset#jform_profile_tos {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin:0 0 15px 0;
}
#users-profile-core, #users-profile-custom, #member-profile fieldset, #member-registration fieldset, #josForm fieldset, #user-registration fieldset, form.form-validate fieldset{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 10px #D8E4F4 inset;
    border: 1px solid #AFC6E9;
    margin:0 0 15px 0;
}
#users-profile-core legend, #users-profile-custom legend, #member-profile legend, #member-registration legend, #josForm legend, #user-registration legend,form.form-validate legend{
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #e4ecf8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#e4ecf8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#e4ecf8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f9ff 0%,#e4ecf8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f9ff 0%,#e4ecf8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0f9ff 0%,#e4ecf8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#e4ecf8',GradientType=0 ); /* IE6-9 */
    border: 1px solid #AFC6E9;
    border-radius: 5px;
    padding:0 10px;
    margin: 0 0 0 10px;
    color: #214478;
    font-size: 110%;
    line-height:25px;
    height: 25px;
}
#users-profile-core dl, #users-profile-custom dl, #member-profile dl, #member-registration dl, #josForm dl, #user-registration dl, form.form-validate dl{
  margin:10px 20px;
}
#users-profile-core dt, #users-profile-custom dt, #member-profile dt, #member-registration dt, #josForm dt, #user-registration dt, form.form-validate dt {
    float:left;
    width:35%;
}

#users-profile-core dd, #users-profile-custom dd, #member-profile dd{
    /*display:inline;*/
}
#profileButtons, #registrationButtons{}
form.form-validate label a{
    background-color: #fff;
    border-color: none;
    border-style: none;
    border-width: 0;
    color: #464646;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    text-decoration:underline;
}
.profile a.editProfile, #profileButtons a, #registrationButtons a, form.form-validate a {
    background-color: #F9FAFC;
    border-color: #AFC6E9;
    border-style: solid;
    border-width: 1px;
    color: #214478 !important;
    font-size: 20px;
    /*font-weight: bold;*/
    padding: 5px 10px;
    /*margin: 0 0 0 15px;
    float: right;*/
    border-radius: 3px;
    overflow: visible;
    position: relative;
    text-align: center;
    text-decoration:none;
}
form.form-validate .recaptchatable a, form.form-validate .recaptchatable a:hover{
    float:none !important;
    font-size: 8pt !important;
}


#profileButtons button.validate, #registrationButtons button.validate, #josForm button.validate, #user-registration button.validate, form.form-validate button.validate{
    background-color: #F9FAFC;
    border-color: #AFC6E9;
    border-style: solid;
    border-width: 1px;
    border-radius:3px;
    /*padding:5px 10px;*/
    font-size: 20px;
    /*font-weight: bold;*/
    /*margin:0;*/
    /*width: 140px;*/
    float:right;
    position: relative;
    overflow: visible;
}


#profileButtons button.validate span, #registrationButtons button.validate span, #josForm button.validate span, #user-registration button.validate span, form.form-validate button.validate span {
    color: #214478 !important;
    padding:5px 10px;
    display:block;
    /*font-size: 20px;
    font-weight: bold;*/
    /*padding: 5px;*/
    /*float: right;*/
    /*border-radius: 3px;*/
    text-align: center;
    text-decoration:none;
}
/* --- message --- */
div.system-message-container{margin:10px 0;padding:20px;}
    dl.system-message{background-color: #FFFFFF;border: 1px solid #AFC6E9;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 10px #D8E4F4 inset;}
    dl.system-message dt.message{font-size:18px;}
    dl.system-message dd.message ul{list-style-type:none; text-align:center;}

/* -----------    BOOKEO CSS   ------------*/

.bookeocss .roundedDivWithTitle {
  border-top:2px dotted #0F73B2;
  border-radius:0;
  margin:10px 0 0 0;
}


.cb_bigDescription_title {
    color:#0F73B2;
}
.bookeocss .cb_bigDescription {
    margin:10px 0 0 0;
}


.bookeocss .roundedDivWithTitle .t {
  background:none;
  border-radius:0;
}
#bookeo_position #cb_main {
    background-color: #ffffff !important;
}

/* ------- Google map ------- */

.gm-style div, .gm-style span, .gm-style label, .gm-style a{

font-family:arial;

}
/* -----------Jooomla article --------- */
div.item-page h2.articleTitle {
    float:left;
    border-bottom:none;
}
div.item-page h2{
    float:none;
    border-bottom: 1px dashed #00519D;
    color: #214478;
    margin: 0 0 10px;
    padding: 10px 0;
}
div.item-page h3{margin: 0 0 10px;padding: 10px 0;}
div.item-page ul.actions {
    float: right;
    list-style: none outside none;
    margin: 20px 20px 0 0;
}
div.item-page ul.actions li{display: inline-block;}
/*div.dash{background:url(/vieuxsite/images/dash.png) 0 0 repeat-x;margin:0 0 15px 0;height:2px;}*/

.box_code {
    background-color: #F8F8F8;
    border: 1px dashed #D1D1D1;
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 2px;
    margin-left: 40px;
    margin-right: 150px;
}
.imgpartner{
    margin-left: 90px;
}


/*-----Adaptive-----*/

#header,
#contentTop,
.login {
    width: 100%;
    max-width: 940px;
}

.content1,
.content2,
.login-form,
.login-register {
    width: 100%!important;
    float: none!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

div#fauxCol2 {
    background: white;
}

.componentheading {
    box-sizing: border-box;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 40px;
    padding: 5px 0 17px;
    text-shadow: 1px 1px #e7e7e7;
    max-width: 940px;
    color: #00519d;
    text-align: center;
}

.butterfly-left {
    position: absolute;
}

.titleheading {
    text-align: center;
}

div.itemListCategory {
    width: 100%;
    max-width: 940px;
/*    padding: 0 10px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#main,
#k2Container {
    width: 100%;
    max-width: 940px;
}

#content {
    width: auto;
}

#contentRight+#content {
    width: 100%;
    max-width: 700px;
}

#footer-content-container {
    width: 100%;
    max-width: 1270px;
}

#footer-nav ul li {
    float: none;
    /*display: inline-block;*/
	text-decoration: underline;
	text-align: left;
    margin: 5px auto;
    padding: 0 5px;
}
#footer-nav {
    height: auto;
    background-repeat: repeat-y;
}
.nav_mobile {
    display: none;
}
.tel-mob {
    display: none;
}
@media (min-width : 959px) {
.social-mob {
    display: none;
}
}
@media (max-width: 959px){
	div.itemSocialSharing {
        display: none;
    }
    div.itemFullText div img {
        max-width: 100%;
        height: auto;
    }
    #bookeoStartMobile {
        width: 254px!important;
        height: 46px!important;
        padding: 0!important;
    }
    div.catItemView, div.genericItemView {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.catItemIsNotFeatured p {
        width: auto;
    }
    div.itemBodyHead {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 60px;
    }
    div.socialButtonShare {
        display: none;
    }
    div.itemCommentsForm h3, h3.itemCommentsCounter {
        text-align: center;
    }
    div.itemCommentsForm form {
        display: table;
        margin: 0 auto;
    }
    #contentRight {
        display: none;
    }
    #map_canvas {
        display: none;
    }
    #contentRight+#content {
        max-width: 100%;
        overflow: hidden;
    }
    div.catItemIntroText, div.genericItemIntroText {
        width: auto;
    }
    #search-area {
        display: none;
    }
    #map_canvas, #homeVideo {
        display: none;
    }
    #footer-content-container #footer-mid {
        float: none;
        margin: 10px auto;
    }
    #footer-content-container #footer-right {
        float: none;
        margin: 10px auto;
    }
    #footer-content-container #footer-left {
        float: none;
        margin: 10px auto;
    }
    #nav {
        background: none;
        height: auto;
        background: white;
        margin-top: 0px;
    }
    #nav > ul > li:hover, #nav > ul > li.current, #nav > ul > li.active {
        background: url(../images/nav_bkg.png) center -2px no-repeat;
        border-bottom: 0;
    }
    #nav ul li:hover a, #nav ul li.active a {
        text-shadow: -1px -1px #444;
    }
    #nav .menu a {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }
    #nav ul ul,
    #nav ul ul ul {
        position: static;
        border-radius: 0;
        margin: 0;
        padding: 0 5px;
    }
    #nav ul ul li:hover, #nav ul ul li.active {
        background-color: inherit;
    }
    #nav ul ul {
        background: #3B9EDA;
    }
    #nav ul ul li a {
        padding: 13px 17px 10px 17px;
    }
    #nav ul ul li:last-child, #nav ul ul li.active:last-child, #nav ul ul li:hover:last-child a {
        border-radius: 0;
    }
    #nav .menu span {
        display: block;
        position: absolute;
        height: 41px;
        width: 41px;
        right: 0;
        background-position: center;
        background-repeat: no-repeat;
        top: 0;
        cursor: pointer;
    }
    #nav .menu span.close {
        background-image: url(../images/plus.png);
    }
    #nav .menu span.open {
        background-image: url(../images/minus.png);
    }
    #nav .menu span.open + ul {
        display: block;
    }
    #nav .menu>li {
        display: none;
        background: url(../images/nav_bkg.png) center -2px no-repeat;
    }
    #nav .menu>li.deeper {
        display: block;
    }
    #nav li, #nav ul {
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }
    #nav ul > li.deeper:hover:before, #nav ul > li.deeper.current:before, #nav ul > li.active.deeper:hover:before, #nav ul > li.active.deeper:before,
    #nav > ul > li.deeper:hover:after, #nav ul > li.deeper.current:after, #nav > ul > li.active.deeper:hover:after, #nav ul > li.active.deeper:after {
        display: none;
    }
    #nav ul li a {
        padding: 13px 17px 10px 17px;
    }
    .zopim {
        position: fixed;!important;
    }
    div.k2Pagination ul li {
        display: inline-block;
    }    
}

@media (max-width: 730px){
    #ribbon {
        margin: 0 13px 0 0;
        padding: 19px 0 0 0;
        float: right;
    }    
}
@media (max-width: 700px){
    .butterfly-left, .butterfly-right {
        display: none;
    }    
}
@media (max-width: 680px){
    /*div#photo {
        display: none!important;
    }
    div.itemFullText ul.tabs li a.photo {
        display: none;
    }
    div.itemFullText ul.tabs li a.video {
        display: none;
    }*/
    div.itemFullText ul.tabs li a {
        padding: 10px;
    }
    div.itemImageGallery {
        width: 100%;
    }    
}
@media (max-width: 620px){
    div.catItemImageBlock, div.genericItemImageBlock {
        float: none;
        margin-bottom: 10px;
    }
    div.catItemBody, div.genericItemBody {
        margin: 0;
    }
    div.itemImageBlock {
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }
    div.itemExtraFields {
        margin: 0;
    }
    div.itemRatingBlock {
        margin: 0 0 30px 0;
        overflow: hidden;
    }
    div.catItemIsNotFeatured div.catItemBody, div.catItemIsNotFeatured div.genericItemBody {
        margin: 0;
    }
     div#footer-lastfoot {
    	margin-bottom: 100px;
    	font-size:14px;
    }
    div#footer-nav ul li {
    	font-size:14px;
    } 
}
@media (max-width: 600px){
    div.itemListView .componentheading .titleheading h1 {
        width: auto;
    }
}
@media (max-width: 550px){
    #numero-vert {
        display: none;
    }
    #top-area {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0;
    }
    #top-area-nav {
        width: 100%;
        margin: 0 auto;
    }
    #logo {
        margin: 0 auto;
        float: none;
    }
    div.itemComments {
        padding: 10px 0px;
    }
}

@media (max-width: 500px){
    .imgpartner {
        display: none;
    }
    .box_code {
        margin: 0;
    }
}

@media (max-width: 460px){
    /*div#comments {
        display: none!important;
    }
    div.itemFullText ul.tabs li a.comments {
        display: none;
    }*/
}

/*-----Franck-----*/

.separation1{
        clear: left;
        padding-top:15px;
    }

.inclusoupas {
        clear: left;
    }
.subtitlefiche {
        text-decoration: underline;
        font-weight: bold;
        padding-top:10px;
        
    }
.subsubtitlefiche {
        text-decoration: underline;
        padding-top:10px;
    }
.avis-suggestion {
        border-bottom: 1px solid #cccccc;
    	font-weight: normal;
    	font-style: italic;
    	line-height: 18px;
		padding: 0 0 27px;
   		width: 400px;
    }
.avis-suggestion p {
	    color: #5fb64b;
	    font-size: 12px;
	    padding-left:25px;
	    padding-right:20px;
    }
.avis-name {
    	font-weight: normal;
    	font-style: italic;
    	line-height: 18px;
   		width: 400px;
    }
.avis-name p {    
        float:right;
    }
.item-info-numbers {    
        padding-top:15px;
    }
/* ----- Numero vert ------------- */
.besoinAide {
    color: #fff;
    display: block;
    font-size: 95%;
    line-height: 5px;
    font-size:12px;}
    
.bouton-numero-vert{
/* UN NUMERO width:300px;*/
width:385px;
}

.bouton-numero-vert {
    position: absolute;
    right: 20px;
    top: 40px;
}
.navbar-nav {
    float: left;
}
.nav {
    list-style: outside none none;
}
#numero-vert #Numero {
padding: 0px 10px 0px 2px;
}
#numero-vert .appelgratuit {
    line-height: 13px;
}
.appellocal {
    line-height: 13px;
    color: #fff;
    padding-left:5px;
}
.text-muted {
    color: #fff;
    font-size:12px;
}
.text-muted2 {
    color: #fff;
    font-size:14px;
    padding-left:5px;
    letter-spacing:2px;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
#Numero {
    background-color: #27ba39;
}
#numero-vert #Numero .configLoc {
    padding: 5px;
}
#Numero .configLoc {
    color: #fff;
}
.borderRadiusBottom15 {
    border-radius: 0 0 15px 15px !important;
}
#numero-vert #Numero .configLoc .badge {
    margin: 0 10px 0 0;
    width: 32px;
    background-color: #27ba39;
}
#Numero .configLoc .badge {
    vertical-align: middle;
}
.borderRadius20 {
    border-radius: 20px !important;
}
.badge {
    border-radius: 10px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 0px;
    text-align: center;
}
.phone{
background:phone.png;}

#numero-vert #Numero .configLoc .texttel {
    height: 27px;
    line-height: 30px;
}
#Numero .configLoc .texttel {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
}
#numero-vert #Numero .prixAppel {
    display: none;
    position: relative;
    top: -5px;
}
#Numero .prixAppel {
    color: #999;
    line-height: 10px;
}
#numero-vert #Numero .appel2 {
    display: none;
    position: relative;
    top: -5px;
}
#Numero .appel2 {
    color: #999;
    line-height: 10px;
}
.clearspace {
	clear: both;
	display: block;}
.nolimitpay  {
	background-color: #fff;
    color: #f7b018;
    margin-bottom: -50px;
    padding-bottom: 40px;
    padding-left: 19px;}
#donate_symbol_currency {
    padding-left: 20px;}
	
/* ----- Right col - SOCIAL ------------- */
.moduletableSocialRight{
    /*background:url(../images/rainbow_column_block.png) 0 0 repeat-y;*/
	background-color: #fff;
    margin: 0 0 20px 0;
    position: relative;
}
.moduletableSocialRight h2{
       background-color: #ff8b00;
    line-height: 32px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #666;
    padding: 2px 0 2px 10px;
}

.moduletableSocialRight h2:before{
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FF8B00;
    border-width: 8px;
    left: 16px;
    margin-right: -9px;
    z-index: 5;
}

div.socialButton
{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 15px;
}

div.customSocialRight
{
	padding-bottom:10px;
}

/* ----- Lien vers catégorie sur item list /mer et /terre ------------- */
.catLink {
	    position: relative;
    bottom: 0px;
}
.categoryLink {
	    font-weight: 600;
    color: #FF7E00;
    font-size: 12px;
}

/*style plugin facebook toparea*/
.custom_facebook_toparea
{    
position: absolute;
left: 0;
}
ul.nav.menu {margin-left: 107px;}
#nav .menu{
    margin-top:-5px;
}

/* ----- STYLE NOUVEAU FOOTER ------------- */
.footer-title {
    color: #fff;
    font-size: 20px;
    text-align: left;
}
.partenaire-footer{
	background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    margin: auto;
	margin-top : 3vw;
}
.partenaire-footer a{color: #00519D !important;}
#footer-nav .container{margin-left:20px;}
.lang-switcher-footer{text-align:left;}
.lang-switcher-footer a{text-decoration:underline;font-weight:900}

.paiement-express-footer{
background-color: #ef0707; opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
    margin: auto;
    margin-top: 0.75vw;
    font-size: 15px;
}

@media (min-width: 1200px){
.footer-container {width:1350px !important;}
}
/* ##########################  DEBUT TOP MOBILE ########################### */
#logo-mobile{
    display:none;
}
.tel-1-mob, .tel-2-mob{
    font-size:16px;
    color:#358aca;
}
.tel-2-mob{
    margin-left: -1px;
}
.separateur-tel1-tel2{
    font-size: 18px;
}
.tel-mobile img{
    margin: 5px -2px 5px 5px;
}
@media (max-width:700px){
    .garantie-box{
        padding-bottom: 3vw;
    }
    div.itemFullText > div.mceTmpl > div, div.non-visible {
         padding: 0 ; 
    }
    div.itemFullText div.point-depart ul, div.itemFullText div.horaire-journee ul, div.itemFullText div.quoi-apporter ul, div.itemFullText div.inclus ul{
        padding: 0 0 0 25px !important;
        margin: auto !important;
    }
    div.itemComments{
        padding: 0 !important;
    }
    .itemCommentsList div.row{
        margin : 0;
    }
    .itemCommentsList{
        padding :0 !important;
    }
    .scheduleFr ul{
        width: 70%;
        margin: auto !important;
    }
    .scheduleEn>h3:before, .scheduleFr>h3:before{
        display: none;
    }
    .horaire-journee,.point-depart {
        padding-left: 0px !important;
    }
    div.itemComments {
        padding: 0px !important;
    }
}
@media (max-width:959px){
#full-width-slider img{
    height: auto;
    width: auto;
    max-width: 100%;
}
}
@media (max-width:959px){
    #nav .menu{
        margin-top:0px;
    }
}
@media (max-width:850px){
    #full-width-header{
        position: absolute;
    }
    #full-width-slider{
        padding-top: 50px;
        position: inherit;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        background: none repeat scroll 0 0 #9CCAE0;
        text-align: center;
        z-index: -1 /*avant rien*/;
        max-width: 100%;
    }
    #logo, .mobile-lang, .social-mob, #numero-vert{
        display:none !important;
    }
    #logo-mobile{
        display:block;
        background-color: #358aca;
    }
    #logo-mobile .div-logo{
        width: 20%;
        padding: 3px 0px 7px 5px;
        float: left;
    }
    .div-social{
        text-align: right;
       padding: 5px;
    }
    #header {
        /* SUITE MODIFICATION ORDRE ELEMENT TOP MOBILE height: 300px;*/
    }
}

@media (max-width:390px){
    .tel-1-mob, .tel-2-mob{
        font-size:14px;
    }
    .separateur-tel1-tel2{
        font-size: 16px;
    }
}

/* ##########################  END TOP MOBILE ########################### */

@media (max-width: 959px) {
    .mod-languages.mobile-lang {
        display: block;
    }

    .mod-languages {
        position: absolute;
        top: -300px;
        right: 10px;
        margin-top: 48px
    }

    #ribbon {
        display: none;
    }

    #header #logo {
        padding-bottom: 40px;
    }

    #top-area {
        display: none;
    }

    .tel-mob {
        /* ANCIEN background: url(../images/toparea_bkg.png);*/
        background-color: #f58a1f;
        z-index: 100;
        padding: 0;
        color: #fff !important;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        width: 100%;
        text-align: center;
        /* UN NUMERO font-size: 20px;*/
        font-size: 22px;
        /* SUITE MODIFICATION ORDRE ELEMENT TOP MOBILE position: absolute;*/
        bottom: 0;
    }

    #nav>.menu {
        display: none;
    }

    #nav>.nav_mobile.show+.menu {
        display: block;
    }

    ul.nav.menu {
        margin-left: 0 !important;
    }

    #nav .nav_mobile_in {
        background: url(../images/menu.png) no-repeat;
        height: 16px;
        width: 16px;
        position: absolute;
        right: 13px;
        top: 13px;
    }

    #nav .nav_mobile {
        position: relative;
        display: block;
        height: 41px;
        line-height: 41px;
        width: 100%;
        background: url(../images/nav_bkg.png) center -2px no-repeat;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        text-shadow: -1px -1px #444;
        text-transform: uppercase;
    }

    div.itemSocialSharing {
        display: none;
    }
}
.close,
.close:focus,
.close:hover {
    opacity: 1 !important
 }