* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, form {
    overflow-x:hidden;
}
html, body, form {
    margin:0;
    padding:0;
}
body {
    font-family: 'Open Sans', sans-serif;
    color:#737d80;
    width: 100%;
    max-width: 100%;
    font-weight:400;
	font-size:16px;
    height:100%;
}

.bg_ete {background:url(/medias/communs/bg_ete.jpg?v20170803-3) no-repeat center top fixed;}
.bg_automne {background:url(/medias/communs/bg_automne.jpg?v20170803) no-repeat center top fixed;}
.bg_hiver {background:url(/medias/communs/bg_hiver.jpg?v20170803) no-repeat center top fixed;} 
h1, h2.h1 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform:uppercase;
    font-weight:600;
    padding:0;
    color:#103595;
    font-size:3.125em;
    line-height: 1;
    margin-top: 16px;
    margin-bottom:35px;
    position:relative;
    z-index:100;
}
.accueil h1 {
    margin-top:0;
}
h2, h3, h4, h5, h6, .h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    padding:0;
    color:#103595;
    line-height: 1;
}
h2 {
    font-size:2em;
    margin-bottom:30px;
}
h3 {
    font-size:1.3em;
    font-weight:600;
    margin-top:2em;
    margin-bottom:25px;
}
h4 {
    font-size:1.2em;
    font-weight:600;
    margin-top:25px;
    margin-bottom:25px;
}
h5 {
    font-size:1em;
    font-weight:600;
    margin-bottom:20px;
}
h6 {
    font-size:0.9em;
    font-weight:600;
    margin-bottom:15px;
}
ul, li {
    margin:0;
    padding:0;
    list-style-type:none;
}
a:link, a:visited {
	color:#73a850;
	text-decoration:none;
	outline: 0;
}
a:hover, a:focus {
	color:#363636;
	text-decoration:none;
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
img {
	image-rendering: -moz-crisp-edges;
	image-rendering:   -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
img.lazyload {
	opacity: 0;
}
img.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
	background: #f7f7f7 url(/medias/communs/loading.gif) no-repeat center;
}
img.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

/* transitions */
.nav2 a, .nav2 a.recherche-icon, .nav3 a, #nav li a, .menuLeft li a, #menubas li a, .footer .footercenter .courriel a, #menubasright li a, #menuend li a, a.btn, 
.newsvideos ul .nouvelle-item h5 a, .categories .categories-item img, .liste li .desc a.titre, .liste li .descforfait a.titre, .fiche_photo a, ul.galerieimages li img, a.halte-bt-action { 
    -webkit-transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; 
    transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s, border-color ease-in-out 0.15s;
}
.nav2 #recherche .bsearchinput { 
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}


.row {
    min-height: 100%;
    height: 100%;
}
.container-fluid {
    max-width:1000px;
    min-height: 100%;
    height: 100%;
    padding:0;
    position:relative;
}

#header-wrapper { 
    min-height: 146px;
    background: #fff;
}

#header { 
    position: fixed;
    z-index: 101;
    left: 50%;
    top: 0;
    width: 100vw;
    max-width: 1000px;
    transform: translateX(-50%);
    padding: 28px 35px 0;
    background: #fff;
}

.logo {
	display: block;
    width: 178px;
    height: 41px;
    margin: 40px 0 20px;
}

/* menu principal */
#nav {
    position:relative;
    z-index:300;
    width:100%;
    clear:both;
    height:28px;
}
#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav li { 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:600;
    font-size:17px;
    line-height:19px;
   	display: inline-block;
    margin-right:24px;
    text-transform:uppercase;
}
#nav li:last-child { 
    margin-right:0;
}
#nav li li, .menuleft li, #menubas li, #menubasright li { 
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:17px;
   	display: block;
    margin:0;
    padding:0;
    text-transform:none;
    text-align:left;
    border-bottom:1px dotted #78a4cc;
}
#menubas li, #menubasright li { 
    font-size:13px;
    line-height:16px;
}
#nav li li:last-child, .menuleft li:last-child { 
    border-bottom:none;
}
#nav li a {
	display: block;
    text-align:center;
    color:#103595;
    text-decoration:none;
    padding-bottom:0;
    border-bottom:5px solid transparent;
}
#nav li a:hover, #nav li.ON > a  {
    border-bottom:5px solid #103595;
}
#nav li li a { 
    color:#ffffff;
    text-align:left;
    padding:6px 4px 5px;
    margin:4px 0;
    border:none;
}
#nav li li a:hover, .menuleft li a:hover { 
    background:#ffffff;
    color:#103595;
    border:none;
}
#nav li div { 
	position: absolute;
	width: 235px;
    padding:30px 15px; 
	left: -999em;
    border-top:10px solid #ffffff;
    background:#103595;
    z-index:300;
}
#nav li:hover div, #nav li.sfhover div { 
	left: auto;
}
.en #nav li#ctl00_liForfaits:hover div { 
	left: -999em;
}


/* entete */
.mediassociaux { float: right; margin: 6px 16px 0 0; }
.mediassociaux a { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin: 0 1px; background-size: 32px 32px; background-repeat: no-repeat; transition: opacity ease-in-out 0.2s; }
.mediassociaux a:hover { opacity: 0.75; }
.mediassociaux a.logo-facebook { background-image: url(/medias/communs/logo_facebook.png); }
.mediassociaux a.logo-youtube { background-image: url(/medias/communs/logo_youtube.png); }
.mediassociaux a.logo-instagram { background-image: url(/medias/communs/logo_instagram.png); }

.nav2 {
    background:#f1f1f1;
    vertical-align:middle;
    width:auto;
    float:right;
    margin-bottom: 18px;
    margin-right: 0;
}
.nav2 a {
    position:relative;
    display:inline-block;
    color:#000;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size:20px;
    margin:0;
    padding:13px 15px 12px 16px;
    height:45px;
    vertical-align:middle;
}
.nav2 a:hover { color: #103595; }
.nav2 a.langue-icon {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    font-weight:600;
    padding:12px 16px;
}
.nav2 a:after {
    content:"";
    height:35px;
    position:absolute;
    width:1px;
    background:#dfdfdf;
    top: 5px; 
    right:0;
}
.nav2 a.recherche-icon {
    padding:13px 15px 11px 10px;
}
.nav2 a.recherche-icon:after {
    display:none;
}
.nav2 a.recherche-icon span {
    display:block;
    width:20px;
    height:20px;
    background:url(/medias/communs/loupe.png?v=2026) no-repeat center center;
    background-size:20px 20px;
}
.nav2 a.recherche-icon:hover span {
    background-image:url(/medias/communs/loupe_hover.png?v=2026)
}

.nav3 { float: right; margin: 0 8px; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; text-transform: uppercase; }
.nav3 a { float: left; margin: 0 8px; line-height: 46px; color: #000; }
.nav3 a:hover, .nav3 a.ON { color: #103595; }

div.imgentete { 
    height:266px;
    overflow:hidden;
    margin:0 -15px;
    position:relative;
}
div.imgentete img { 
	position:absolute;
    height:auto;
    width:100%;
    max-width:1000px;
    margin:0;
    padding:0;
}
div.imgentete em.caption { 
    padding:15px;
    position:absolute;
    bottom:0;
    margin:0;
    width:100%;
    display:block;
    text-align:left;
    color:#fff;
    font-style:normal;
    font-size:0.7em;
}



/* search */

.nav2 #recherche {
    position:absolute;
    right:0;
    top:0;
    display:none;
    width:415px;
    font-size:1em;
    height:45px;
    background: #f1f1f1;
    vertical-align: middle;
}
.open{
    display:block;  
}
.nav2 #recherche #searchInput {
    float:left; 
    margin-top:6px;
    margin-left:7px;
    background:url(/medias/communs/bg_search.png?v20170807) no-repeat; 
    width:248px; 
    height:33px;
}
.nav2 #recherche #searchInput input {
    border:none; 
    background:none; 
    width:205px; 
    height:33px; 
    margin-left:35px;
    font-size:1em; 
    color:#606c73; 
    padding:1px 0 0 2px;
}
.nav2 #recherche .b_search {
    width:104px;
    float:left;
    margin-top:6px;
    margin-left:0;
}
.nav2 #recherche .bsearchinput {
    background:url(/medias/fr/btn_search.png) no-repeat;  
    border:none; 
    width:104px;
    height:33px;
    cursor:pointer;
}
.nav2 #recherche .bsearchinput:hover {
    background:url(/medias/fr/btn_search_hover.png) no-repeat;  
}
.en .nav2 #recherche .bsearchinput {
    background:url(/medias/en/btn_search.png) no-repeat;  
}
.en .nav2 #recherche .bsearchinput:hover {
    background:url(/medias/en/btn_search_hover.png) no-repeat;  
}
#closesearch {
    float:right;
    font-size:22px;
    font-weight:600;
    padding: 8px 15px;
}
#closesearch:after {
    display:none;
}

/* search */

#recherchemobile {
    position: relative;
    margin: 15px auto 0;
    text-align: left;
    width: 260px;
    font-size:1em;
    height:45px;
    background: transparent;
    vertical-align: middle;
}
#recherchemobile #searchInputmobile {
    float:left; 
    margin-top:6px;
    margin-left:0;
    background:url(/medias/communs/bg_search.png) no-repeat; 
    width:145px; 
    height:33px;
}
#recherchemobile #searchInputmobile input {
    border:none; 
    background:none; 
    width:110px; 
    height:33px; 
    margin-left:35px;
    font-size:1em; 
    color:#606c73; 
    padding:1px 0 0 2px;
}
#recherchemobile .b_search {
    width:104px;
    float:left;
    margin-top:6px;
    margin-left:0;
}
#recherchemobile .bsearchinput {
    background:url(/medias/fr/btn_searchmobile.png) no-repeat;
    background-size:104px 33px;
    border:none; 
    border-radius: 0;
    width:104px;
    height:33px;
    cursor:pointer;
}
#recherchemobile .bsearchinput:hover {
    background:url(/medias/fr/btn_searchmobile_hover.png) no-repeat;
    background-size:104px 33px;
    border-radius: 0; 
}
.en #recherchemobile .bsearchinput {
    background:url(/medias/en/btn_searchmobile.png) no-repeat; 
    background-size:104px 33px;
    border-radius: 0; 
}
.en #recherchemobile .bsearchinput:hover {
    background:url(/medias/en/btn_searchmobile_hover.png) no-repeat;
    background-size:104px 33px;
    border-radius: 0;
}



/* contenu / menu gauche */
.contentbg {
    background: transparent url(/medias/communs/contentbg.jpg) repeat-y;
    height:100%;
    min-height:100%;
    margin:0 -15px 0 -15px;
    clear:both;
    float:left;
    width:100%;
    padding:0;
}
.accueil .contentbg {
    width:auto;
}
.menuleft {
    font-size:0.7em;
    padding-left: 20px;
    padding-right: 20px;
    width:204px;
    max-width:204px;
    height:100%;
    min-height:100%;
}
.menuleft ul {
    margin:70px 0 0;
}
.menuleft li a {
    color:#103595;
    display:block; 
    text-align:left;
    padding:4px;
    margin:4px 0;
}
.menuleft li a:hover, .menuleft li a.navOn {
    background:#e5eef5;
}
.contentleft {
    margin-right:-15px;
    padding:40px;
    height:100%;
    min-height:100%;
    max-width:80%;
    width:80%;
}
.pubgauche a { 
    display: block;
    width:145px;
    margin:45px auto 30px;
    text-align:center;
}
.pubgauche a img { 
    width:145px;
    max-width:145px;
    height:auto;
    border:1px solid #d9d9d9;
}
a.btn, a.halte-bt-action {
    display:inline-block;
    color:#103595;
    background-color:#ffffff;
    font-size:13px;
    text-align:center;
    padding:10px 25px;
    border:2px solid #103595;
    border-radius: 0;
    text-transform:uppercase;
    margin:25px 0;
}
a.btn:hover, a.halte-bt-action:hover {
    color:#737d80;
    border:2px solid #737d80;
}
.sandbox {
    position:relative;
}
.sandbox ul li {
    padding: 0 0 12px 17px !important;
    background: url(/medias/communs/puce.gif) no-repeat left 8px !important;
}
.sandbox ul ul {
    margin: 15px 0 15px 15px !important;
}
hr {
    width:100%;
    float:left;
    clear:both;
    margin-top:25px;
    margin-bottom:10px;
    border-top:1px solid #f1f1f1;
}
.sandbox table {
    width:100%;
    max-width:100%;
}
.sandbox td, .sandbox img {
    max-width:100%;
    height:auto;
}
.sandbox img.image, .imgnews {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    clear:right;
}
.sandbox td img.image {
    float: none;
    margin-left: 0;
    margin-bottom: 0;
}
.sandbox table td {
    padding-right:20px;
    padding-bottom:5px;
    vertical-align:top;
}
.date {
    font-weight:600;
    margin-bottom:10px;
}

/* accueil */
.accueil .contentleft {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.accueil div.imgentete { 
    display:none;
}
.accueil .contentbg {
    background: none;
}
#sliderwrapper {
    width:100%;
    max-width:1000px;
    height:auto;
    clear:both;
    overflow:hidden;
}
#sliderwrapper ul {
    list-style:none !important;
    background:none !important;
    padding:0 !important;
    margin:0 !important;
}
#sliderwrapper ul li {
    list-style:none !important;
    background:none !important;
    padding:0 !important;
    margin:0 !important;
}
.sandbox ul.liste, .sandbox .form ul, .sandbox .moreInfo ul {
    list-style:none !important;
    padding:0 !important;
}
.sandbox ul.liste li, .sandbox .form ul li, .sandbox .moreInfo ul li {
    background:none !important;
    padding:0 !important;
    margin:0 0 15px !important;
}
.homecontenu {
    float:left;
    clear:both;
    padding:55px 50px 75px;
}
.inside {
    margin-left:-15px;
}
#videos.inside {
    padding-right:0;
}
.homemap {
    margin-top:-10px;
    width:474px;
    margin-right:-15px;
}
.newsvideos, .categories {
    background:#f1f1f1;
    float:left;
    clear:both;
    width:100%;
    max-width:1000px;
    padding:55px 20px 50px 50px;
}
.newsvideos ul {
    display:table;
    overflow:hidden;
    width:100%;
    vertical-align:top;
}
.newsvideos ul li {
    width:auto;
    overflow:hidden;
    margin-bottom:20px;
}
.newsvideos .date {
    display:table-cell;
    text-transform:uppercase;
    color:#103595;
    background:#ffffff;
    width:78px;
    font-style:normal;
    text-align:center;
    padding:10px 15px;
    vertical-align:top;
    font-size:12px;
    line-height:15px;
    font-weight:600;
}
.newsvideos .date em {
    display:block;
    text-align:center;
    font-style:normal;
    font-weight:600;
    font-size:52px;
    height:35px;
    margin-top:12px;
}
.newsvideos ul .nouvelle-item {
    display:table-cell;
    width:288px;
    padding:0 15px;
    vertical-align:top;
    font-size:14px;
    line-height:19px;
}
.newsvideos ul .nouvelle-item h5 {
    margin-top:0;
    font-size:18px;
    margin-bottom:12px;
}
.newsvideos ul .nouvelle-item h5 a {
    color:#103595;
    font-size:18px;
}
.newsvideos ul .nouvelle-item h5 a:hover {
    color:#737d80;
}
.homepub {
    padding:70px 0 70px;
    text-align:center;
}
.homepub .pubgauche a {
    display: block;
    width: 816px;
    margin: 0 auto;
    text-align: center;
}
.homepub img {
    border:1px solid #d9d9d9;
}
.categories {
    padding: 45px 50px 70px 40px;
}
.categories .h1 {
    text-align: center;
}
.categories .categories-item {
    margin-bottom:16px;
}
.accueil .categories .categories-item {
    display: inline-block;
    float: none;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    width: 33%;
}
.categories .categories-item h5 {
    text-align: center;
    margin-bottom:0;
}
.categories .categories-item h5 a {
    color:#103595;
    font-size:21px;
    font-weight:400;
}
.categories .categories-item h5 a:hover {
    color:#737d80;
}
.categories .categories-item p {
    text-align: center;
    font-size:13px;
    margin-bottom:15px;
}
.categories .categories-item img:hover, .liste li .photo a:hover, .fiche_photo a:hover, .sandbox a:hover img, ul.galerieimages li img:hover {
    opacity:0.6;
}



/* liste */
.sandbox .liste { 
    margin:40px 0 0 !important; 
    padding:0; 
    width:100%;
}
.Events .sandbox ul.liste { 
    margin-top:0 !important; 
}
.sandbox .liste li { 
    margin:0 0 30px !important; 
    padding:0 !important;
    font-size:0.90em; 
    line-height:1.4em;
    background:none;
    width:100%;
    clear:both;
    float:left;
    display: table;
    vertical-align:top;
}
.liste li .details {
    float:right;
    text-align:right;
    margin-top:4.5em;
    position:relative;
}
.sandbox .viragevert2 {
    width:inherit !important;
    max-width:inherit !important;
}
.liste li .details a, .liste li .detailsforfait a {
    border:none;
    padding:0.5em 25px 0.2em 0;
    margin-top:1.1em;
    display:block;
    font-size:1.1em;
    font-weight:bold;
}
.liste li .detailsforfait img {
    max-width: 50px;
    margin-bottom: 7px;
}
.liste li .details span, .liste li .detailsforfait span {
    font-weight:bold;
    font-size:1.6em;
    display:block;
}
.liste li .photo {
    display: table-cell;
    width:295px;
    vertical-align:top;
}
.liste li .desc, .liste li .descforfait, .liste li .detailsforfait {
    display: table-cell;
    width:auto;
    vertical-align:top;
    padding-left:30px;
}
.liste li .desc a.url, .liste li .descforfait a.url, .liste li .detailsforfait a.url {
    word-break: break-all;
}
.liste li .detailsforfait {
    width:99px;
    max-width:99px;
    padding-left:10px;
    text-align:center;
}
.liste li .desc h3, .liste li .descforfait h3 {
    margin:0 0 0.2em;
    font-size:1.1em;
}
.liste li .descforfait h4 {
    margin-top: 5px;
    margin-bottom: 20px;
}
.liste li .stars {
    display:block;
    margin-bottom:4px;
}
.liste li .stars em {
    background:url(/medias/communs/icones/ico_star2.gif) no-repeat left center;
    float:left;
    width:15px;
    text-indent:-999px;
}
.liste li .desc span.date, .liste li .descforfait span.date {
    font-size:12px;
    font-weight:600;
}
.liste li .desc a.titre, .liste li .descforfait a.titre {
    color:#103595;
    font-size:20px;
    line-height:23px;
    font-weight:600;
    display:block;
    margin:1px 0 4px;
}
.liste li .desc a.titre:hover, .liste li .descforfait a.titre:hover {
    color:#737d80;
}
.aucun {
    margin:20px 0;
    padding:20px 0;
    border-top:1px solid #f1f1f1;
}
.sandbox .liste li ul {
    margin:0;
}
.sandbox .liste li li {
    background:none;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 0 12px;
    background:url(/medias/communs/puce2.gif) no-repeat left 0.5em;
}
.sandbox .liste li li a.titre { 
    font-weight:normal;
    font-size:1.2em;
}
.descforfait h6 {
    margin:0 0 0.5em;
    font-size:1em;
    padding-top:0.4em;
}
.fiche .forfaitListMembres h2 {
    margin-bottom:25px;
}



/* fiche */
div.retour {
    width:100%;
    clear:both;
    margin-top:20px;
}
a.retour {
    float:right;
    margin: 20px 0 30px;
    position:relative;
    z-index:200;
}
.fiche .description {
    margin-top:25px;
    margin-bottom:30px;
    margin-right:-5px;
    vertical-align:top;
    display:table;
    background:#f1f1f1;
    width:100%;
}
.fiche.membre .description {
    background:transparent;
    padding:0;
}
.fiche .reservation {
    width:auto;
    padding:25px 15px;
    color:#103595;
    text-align:center;
    display:table-cell;
    vertical-align:top;
    border-right:17px solid #ffffff;;
}
.fiche .description em {
    display:block;
    font-style:normal;
}
em.apartir { 
    font-size:25px;
}
em.parpersonne { 
    font-size:13px;
}
div.tels { 
    display: block;
    text-align:center;
    width:auto;
}
div.tels.two { 
    display: flex;
}
em.tel, em.sansfrais { 
    text-transform:uppercase;
    font-size:13px;
    line-height:15px;
    font-weight:600;
}
div.tels.two em.tel, div.tels.two em.sansfrais { 
    text-align:left !important;
    padding-left:0;
    padding-right:13px;
}
div.tels.two em.sansfrais { 
    padding-left:7px;
    padding-right:0;
    border-left:2px solid #103595;
}
.fiche .description h2 {
    font-size:48px;
    margin:2px auto 8px;
}
.fiche .description h3 {
    color:#419639;
    font-weight:400;
    margin-top:15px;
}
.fiche .description .reservations_text a.btn {
    margin-top:0;
}
.etoiles, .viragevert { 
    float: none; 
    margin: 0 0 10px 10px;
}
.fiche_details a {
    color:#103595;
    font-weight:bold;
}
.fiche_details a:hover {
    color:#6ca02f;
}
.fiche .small {
    font-size:0.85em;
}
.fiche_photo {
    width:451px;
    margin:0;
    min-height: 1px;
    display:table-cell;
}
.fiche_photo:after {
    content: "";
    display: table;
    clear: both;
}
/*.fiche_photo #sliderwrapper .flex-viewport {
    height:302px !important;
    overflow:hidden !important;
}*/



/* Membres fiche */
.fiche h2 {
    font-weight:600;
}
.fiche .flex-direction-nav .flex-prev {
    left: -6px;
}
.fiche .flex-direction-nav .flex-next {
    right: 35px;
}
.fiche .flex-direction-nav a {
    width: 35px;
    height: 35px;
    margin: -35px 0 0;
    top: 44%;
}
.fiche .flex-direction-nav a:before {
    font-size: 72px;
}
.fiche.membre .reservation {
    background:transparent;
    text-align:left;
    font-size:13px;
    color:#5e5e5e;
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
}
.fiche.membre .reservation p {
    margin-bottom:0;
}
.fiche.membre .reservation img.saison {
    display: inline-block;
    max-width: 50px;
    margin-right: 7px;
    margin-bottom: 10px;
}
.fiche_specs {
    margin:2em 0 45px 0;
    font-size:0.85em;
}
.fiche_specs li.first {
    background:#eaeaea;
    display:block;
}
.fiche_specs li {
    padding:4px 7px;
}
.fiche_specs li span {
    display:inline-block;
    width:50%;
    float:left;
}
.fiche_specs li em {
    background:url(/medias/communs/icones/ico_star.gif) no-repeat left center;
    display:inline-block;
    width:15px;
    text-indent:-9999px;
}
.moreInfo {
    font-size:0.85em; 
    margin:2em 0 0 0;
    float:left;
    clear:both;
}
.moreInfo li {
    float:left; 
    width:50%; 
    padding-left:0px; 
    margin:0 0 0.3em
}
.moreInfo li.airclim {background:url(/medias/communs/icones/ico_airclim.gif) no-repeat left center;}
.moreInfo li.tele {background:url(/medias/communs/icones/ico_tele.gif) no-repeat left center;}
.moreInfo li.nosmoke {background:url(/medias/communs/icones/ico_nonsmoke.gif) no-repeat left center;}
.moreInfo li.sallebain {background:url(/medias/communs/icones/ico_sallebain.gif) no-repeat left center;}
.moreInfo li.tel {background:url(/medias/communs/icones/ico_tel.gif) no-repeat left center;}
.moreInfo li.handicap {background:url(/medias/communs/icones/ico_handicap.gif) no-repeat left center;}
.moreInfo li.skidoo {background:url(/medias/communs/icones/ico_skidoo.gif) no-repeat left center;}
.moreInfo li.animaux {background:url(/medias/communs/icones/ico_animaux.gif) no-repeat left center;}
.moreInfo li.park {background:url(/medias/communs/icones/ico_park.gif) no-repeat left center;}
.moreInfo li.golf {background:url(/medias/communs/icones/ico_golf.gif) no-repeat left center;}
.moreInfo li.theatre {background:url(/medias/communs/icones/ico_theatre.gif) no-repeat left center;}
.moreInfo li.cyclable {background:url(/medias/communs/icones/ico_cyclisme.gif) no-repeat left center;}

.moreInfo ul.paiement { 
    clear:both;
    margin:0 0 3em 0;
    height:20px;
}
.moreInfo ul.paiement li {
    float:left;
    width:31px;
    height:20px;
    margin:0 15px 0 0;
    padding-left:0;
}

.moreInfo .paiement li.amex {background:url(/medias/communs/icones/ico_amex.gif) no-repeat left center;}
.moreInfo .paiement li.carte1 {background:url(/medias/communs/icones/ico_carte1.gif) no-repeat left center;}
.moreInfo .paiement li.carte2 {background:url(/medias/communs/icones/ico_carte2.gif) no-repeat left center;}
.moreInfo .paiement li.discovery {background:url(/medias/communs/icones/ico_discovery.gif) no-repeat left center;}
.moreInfo .paiement li.carte3 {background:url(/medias/communs/icones/ico_carte3.gif) no-repeat left center;}
.moreInfo .paiement li.mastercard {background:url(/medias/communs/icones/ico_mastercard.gif) no-repeat left center;}
.moreInfo .paiement li.interac {background:url(/medias/communs/icones/ico_interac.gif) no-repeat left center;}
.moreInfo .paiement li.visa {background:url(/medias/communs/icones/ico_visa.gif) no-repeat left center;}

.moreInfo .imgSpeecItemImageAndText {float:left;}
.moreInfo .spanSpeecItemImageAndText {float:left;padding:3px 0 0 5px}


/*galerie images*/

ul.galerieimages {
    width: 100%;
    height: 100%;
    float: left;
    clear:both;
    margin:30px 0;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}
ul.galerieimages li {
    height: auto;
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    width: calc(26% - 20px);
    margin-right: 10px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
ul.galerieimages li:nth-of-type(4n) {
    margin-right: 0;
}
ul.galerieimages li img {
    max-width:100%;
    height: auto;
    min-height:107px;
}
ul.galerieimages li span {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 11px;
    display: block;
    line-height: 1.2em;
}



/* publications */

.publications ul li .photo {
    width: 91px !important;
    max-width: 91px !important;
}
.publications ul li .photo img {
    width: 91px !important;
    max-width: 91px !important;
    height:auto !important;
}
.publications ul li .desc {
    width: 87%;
    max-width: 87%;
}
/*.publications ul li .desc {
    width: 370px;
    max-width: 370px;
}*/
.publications ul li .choix {
    float: left;
    width: 140px;
    max-width: 140px;
    margin-left:38px;
}
.publications ul li .choix input {
    font-size:0.9em;
    margin:0 0 2px;
    padding:0 3px;
}
.publications ul li .choix strong {
    display:block;
    border-bottom:1px solid #e6e3e3;
    margin:0 0 0.7em;
    padding-bottom:0.4em
}
.dispo {
    float:left;
    width:5em;
    padding:0.3em 0 0
}
.poids {
    font-size:0.85em;
    margin-left:23px;
    display:block;
    color:#999;
}


/* formulaires */

.form, .formSend { 
    width:100%;
    float:left;
    clear:both;
}
.sandbox .form ul { 
    padding-left:0;
    margin-left:0;
}
.sandbox .form li { 
    font-size:14px;
    line-height:17px;
    position:relative;
    list-style:none;
}
.sandbox .form li.txtfield { 
    width:50%;
    float:left;
    font-size:14px;
    line-height:17px;
    list-style:none;
}
.sandbox .form li.fullwidth { 
    width:100%;
    clear:both;
}
.form li.txtfield input, .form li.txtfield select { 
    width: 96%;
    color: #606c73;
    padding: 1px 3px 0 3px;
    margin-bottom:8px;
    height: 33px;
}
.form li.fullwidth input, .form li.fullwidth select { 
    width: 98%;
    color: #606c73;
    padding: 1px 3px 0 3px;
    margin-bottom:8px;
    height: 33px;
}
.form li.fullwidth textarea { 
    width: 98%;
    color: #606c73;
    padding: 3px 3px 0 3px;
    margin-bottom:8px;
    height:150px;
}
.form li.fullwidth input[type="checkbox"], .form li.fullwidth input[type="radio"], .form li.txtfield input[type="checkbox"], .form li.txtfield input[type="radio"] {
    margin-right:3px;
    width:auto !important;
    padding: 0;
    height: auto;
}
.form li.radiobtn {
    margin-bottom:8px !important;
}
.formSend input[type="submit"] {
    color:#103595;
    background-color:#ffffff;
    font-size:13px;
    text-align:center;
    padding:10px 25px;
    border:2px solid #103595;
    border-radius: 0;
    text-transform:uppercase;
    margin:10px 0 25px;
    float:left;
    clear:both;
}
.formSend input[type="submit"]:hover {
    color:#737d80;
    border:2px solid #737d80;
}
.form .txtfield label, .form span { 
    display: block; 
    margin-bottom: 4px;
}
.form span.important, .form label em { 
    display: inline-block; 
    color: #B83916; 
    font-style: normal;
}
.important, .form label em, .form span em { 
    color: #B83916; 
    font-style: normal;
}


/* validator callout */
.vceHighlight { background-color: #e6e7e5; }
.vcePopup { left:inherit !important; right:0 !important; margin: -2px 0 0 -25px; width: 160px; }
.vcePopup div, .vcePopup td { border: 1px solid #fff; background-color: #669A2C; }
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-size: 90%; line-height: normal; color: #FFF; padding: 10px 5px; border-right: none; width: 100%; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; width:17px !important; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width:17px !important; padding: 2px; cursor: pointer; }


/* footer */
.footer {
    clear:both;
    background:#103595;
    color:#ffffff;
    margin:0 0 0 -1px;
    border-right:1px solid #103595;
    font-size:13px;
    width:1001px;
}
.footer .footercenter {
    padding:50px 0 42px;
}
.footer .footercenter strong {
    display:block;
    text-transform:uppercase;
    margin-bottom:15px;
    font-size:20px;
    font-weight:600;
}
.footer .footercenter .phones {
    margin-bottom:12px;
    margin-top:8px;
    font-size:16px;
    font-weight:600;
}
.footer .footercenter .phones em {
    display:inline-block;
    font-style:normal;
    font-weight:400;
    padding:0 5px;
}
.footer .footercenter .courriel {
    font-size:14px;
    font-weight:400;
}
.footer .footercenter .courriel a {
    color:#8cc63f;
}
.footer .footercenter .courriel a:hover {
    color:#ffffff;
}
.footer .footerleft {
    padding-left:0;
    padding-right:0;
}
#menubas, #menubasright {
    float:left;
    width:50%;
    font-size:13px;
    margin: 0;
    padding: 0 0 0 58px;
}
#menubas li, #menubasright li {
    text-align:left;
    vertical-align:top;
}
#menubas li:last-child, #menubasright li:last-child {
    border-bottom:none;
}
#menubas li a, #menubasright li a {
    color:#ffffff;
    text-align:left;
    display:block; 
    padding:5px 0 5px 5px;
}
#menubas li a:hover, #menubasright li a:hover {
    color: #8cc63f;
}
.footer .footerright {
    padding-right: 0;
}
.footerend {
    clear:both;
    background:#ffffff;
    color:#5e5e5e;
    margin:0 0 0 -1px;
}
#liensTemiscouata {
    width:auto;
    margin:15px auto;
    text-align:center;
}
#liensTemiscouata li {
    display: inline-block;
    height: 70px;
}
#liensTemiscouata li a, #liensTemiscouata li span { 
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:140px;
    height:70px;
}
#liensTemiscouata li.temiscouata {
    background:url(/medias/communs/b_tourisme_temiscouata.png) no-repeat;
    background-size:160px 70px;
    width: 160px;
}
#liensTemiscouata li.temiscouata span {
	width: 160px;
}
#liensTemiscouata li.cld-temiscouata {
    background:url(/medias/communs/b_mrc_temiscouata.png) no-repeat;
    background-size:140px 70px;
    width: 140px;
}
#liensTemiscouata li.quebecoriginal {
    background: url(/medias/communs/b_quebecoriginal.png?v=2021) no-repeat;
    background-size: 140px 70px;
    width: 140px;
}
#liensTemiscouata li.stlaurent {
    background:url(/medias/communs/b_stlaurent.png?v=2026) no-repeat;
    background-size:100px 70px;
    width: 100px;
}
#liensTemiscouata li.quebecmaritime {
    background: url(/medias/communs/b_quebecmaritime.png) no-repeat;
    background-size: 100px 70px;
    width: 100px;
}
#liensTemiscouata li.stlaurent a, #liensTemiscouata li.quebecmaritime a {
    width: 100px;
    height: 70px;
}
#menuend {
    margin:-10px auto 25px; 
    text-align:center;
    font-size:12px;
}
#menuend li {
    display:inline;
    margin-right:7px;
}
#menuend li a {
    color:#5e5e5e;
    padding-left:9px;
    background:url(/medias/communs/menuend-bullet.png) no-repeat left center;
}
#menuend li a:hover {
    color:#8cc63f;
}
#menuend li.confidentiel a, #menuend li.realisation a {
    padding-left:0;
    background:none;
}
#menuend li em {
    font-style:normal;
    display:inline-block;
    margin-left:7px;
    margin-right:-3px;
}
iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* overrides/ajouts styles CookieYes */
body button.cky-btn:hover, body button.cky-btn:active, body button.cky-btn:focus, body button.cky-btn-accept:hover { opacity: 1; background: #73a850 !important; color: #fff !important; border-color: #73a850 !important; }
body button.cky-show-desc-btn:not(:hover):not(:active) { text-decoration: underline; color: #73a850; }
body .cky-notice-des a.cky-policy:hover, body button.cky-show-desc-btn:hover { text-decoration: underline !important; color: #363636 !important; }
body .cky-accordion-header .cky-always-active { color: #73a850; }

.map { width:281px; height:194px; position:absolute; z-index:-1; bottom:0px; }
.fr .map {background:url(/medias/fr/accueilBoxMap1.gif?v=2); }
.en .map {background:url(/medias/en/accueilBoxMap1.gif?v=2); }
.map a {padding:178px 25px 0 0; font-size:0.7em; text-align:right; display:block; color:#606c73; text-decoration:none;}
.map a:hover {background:url(/medias/communs/accueilBoxMap2.gif); color:#000000}

h4 a { color:#103595; text-decoration:none; }

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

.references {background:#f1f1f1; border:1px solid #ccc; font-size:0.8em; padding:0.2em 0.4em; margin:0 0 1.3em; color:#666}
.references ol {margin:0.5em 3em}

.mapGoogle {border:1px solid #ccc; margin-top:30px;}

.Carousel {margin:25px 0 0 20px; position:relative}
.nbrPics {position:absolute; right:120px; top:460px; z-index:3; width:200px; text-align:right;}

.navResults { display:none; }
.Pages { float: right; max-width: 360px; margin-left: 20px; }
.Pages a { display: inline-block; padding: 0 0.5em; border-left: 1px dotted #716f6d; }
.Pages strong + a { border-left: 0; margin-left: 0.5em; }
.Pages .actif { font-weight: bold; background: #e5eef5; color: #103595; cursor: default; }

	  
.forfaitFiche h2 {margin:0 0 1em; font-size:1.2em}
.forfaitFiche h2 span {display:block; font-size:0.85em;}

.plandusite ul li {font-weight:bold;}
.plandusite ul ul li{font-weight:normal;}

.back { text-align:right; font-size:0.85em; margin-top:20px}
.back a {padding-left:15px; background:url(/medias/communs/b_back.gif) no-repeat left center;}

/* documents */
.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng { display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 20px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) left 3px no-repeat; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); }
.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); }


.ImgMembrePrint, .separateurPrint, .en .newsletter {display:none}

#fb-root {float:left; margin:1px 0 0 0px ;}


/* menu responsive http://www.jqueryscript.net/menu/Responsive-Off-canvas-Sidebar-Navigation-With-jQuery-CSS3.html*/

div.main { position: relative; z-index: 2; }

div.main:before { content: ""; position: fixed; z-index: 101; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; opacity: 0; background: #8cc63f; -webkit-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; }

.sidebar { position: fixed; z-index: 102; right: -25px; top: 85px; width: 0; height: calc(100vh - 85px); padding: 0 5px 0 20px; overflow: hidden; background-color: #103595; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out; }

.bar {
  display: block;
  height: 3px;
  width: 22px;
  background-color: #000;
  margin: 4px auto;
}
.button {
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
.nav-right {
  position: fixed;
  right: 20px;
  top: 24px;
  background: #f1f1f1;
  padding:10px 12px 5px;
}
.nav-right.active {
  background: #ffffff;
}
.nav-right.visible-xs { 
    z-index: 3; 
}
.hidden-xs { 
    display: none;
}
.middle { 
    margin: 0 auto;
}
.bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
.nav-right.visible-xs .active .bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
.button.active .top {
  -webkit-transform: translateY(7px) rotateZ(45deg);
  -moz-transform: translateY(7px) rotateZ(45deg);
  -ms-transform: translateY(7px) rotateZ(45deg);
  -o-transform: translateY(7px) rotateZ(45deg);
  transform: translateY(7px) rotateZ(45deg);
}
.button.active .bottom {
  -webkit-transform: translateY(-7px) rotateZ(-45deg);
  -moz-transform: translateY(-7px) rotateZ(-45deg);
  -ms-transform: translateY(-7px) rotateZ(-45deg);
  -o-transform: translateY(-7px) rotateZ(-45deg);
  transform: translateY(-7px) rotateZ(-45deg);
}
.button.active .middle { 
    width: 0;
}

.sidebar-open { overflow-y: hidden; }
.sidebar-open .sidebar { right: 0; width: 285px; overflow: auto; }
.sidebar-open div.main:before { visibility: visible; opacity: 0.8; }

nav { 
    padding-top: 30px;
}
.sidebar-list {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  position: relative;
  margin-top: 25px;
  text-align: left;
  width:260px;
}
.sidebar-item {
  margin: 10px 0 25px;  
}
.sidebar-item strong, .sidebar-item a {
  color: #FFF;
  font-weight:400;
  text-decoration: none;
  font-size: 19px;
  line-height: 21px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0;
  border-bottom:5px solid transparent;
}
.sidebar-item label:hover strong, .sidebar-item.ON label strong {
  color: #f1f1f1;
  border-bottom:5px solid #f1f1f1;
}
.sidebar-list .sub-list {
  margin: 0;  
}
.sidebar-item .sub-list .sub-item {
  margin: 10px 10px 15px 15px;  
}
.sidebar-item .sub-list .sub-item:first-child {
  margin-top: 20px;  
}
.sidebar-item .sub-list .sub-item:last-child {
  margin-bottom: 15px;  
}
.sidebar-list .sub-list a {
  font-size: 17px;
  line-height: 19px;
  text-transform: none;
  border-bottom:2px solid transparent;
}
.sidebar-list .sub-list a:hover, .sidebar-list .sub-list .sub-item.ON a {
  border-bottom:2px solid #f1f1f1;
}
.sidebar .mediassociaux { float: none; height: 45px; margin: 40px auto 25px; vertical-align: middle; text-align: center; }
.sidebar .mediassociaux a.logo-facebook { background-image: url(/medias/communs/logo_facebook_blanc.png); }
.sidebar .mediassociaux a.logo-youtube { background-image: url(/medias/communs/logo_youtube_blanc.png); }
.sidebar .mediassociaux a.logo-instagram { background-image: url(/medias/communs/logo_instagram_blanc.png); }


/*Accordeon pour sub-menu mobile https://codepen.io/anzjoy/pen/bahAv*/

.sidebar-list label {
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
}
.sidebar-list label:hover {
    color: #f1f1f1;
}
.sidebar-list label span {
    float:right;
    font-size: 26px;
    color:#ffffff;
    margin-top:-5px;
    margin-right:5px;
}
.sidebar-list input:checked + label span.arrow_carrot-left:before {
    content: "\33";
}
.en .sidebar-list #ctl00_liForfaitsMobile label span {
    display:none;
}
.sidebar-list label:hover:after,.sidebar-list input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
}
.sidebar-list input {
    display: none;
}
.sidebar-list .sub-list {
    overflow: hidden;
    position: relative;
    max-height:0px;
    z-index: 10;
    -webkit-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.sidebar-list input:checked ~ .sub-list {
    -webkit-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    max-height: 800px; /*auto http://jsfiddle.net/3WK9Y/3/  */
}

.erreur #header { position: relative; }

.erreur .container-fluid {
    max-width: 1001px;
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin:0 auto;
    position: relative;
}
.erreur .contentbg {
    background: none;
    margin: 0;
}
.erreur h1 {

    margin-bottom: 0;
}
.erreur .contentleft {
    margin-right: 0;
    padding: 0 40px 40px;
    height: 100%;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
}
.erreur .footer .footercenter {
    padding: 50px 0 42px 0;
    margin-left:40px;
}


/* fiche concours*/
.concours .contentbg {
    background-image: none;
    background: #fff;
    float: none;
    margin: 0;
}
.concours .contentleft {
    margin: 50px auto 0;
    padding: 0 !important;
    max-width: 100%;
    width: 100%;
}




 @media (max-width: 1024px) {






    .bg_ete, .bg_automne, .bg_hiver {
        background-image:none;
        background-color:#ffffff;
    }
    .contentbg {
        margin: 0 -15px 0 0;
    }
     #container.container-fluid {
       max-width: 100%;
    }
    .accueil .container-fluid, #sliderwrapper, .accueil .container-fluid, .accueil #sliderwrapper li {
        max-width: 100% !important;
    }
    .footer {
        width: 100%;
        max-width: 100%;
    }
    div.imgentete {
        margin-left: 0;
        margin-right: 0;
    }
    div.imgentete img {
        max-width: 1024px;
    }
}


 @media (min-width: 1001px) {
    .nav-right { 
        position: absolute;
    }
    .hidden-xs {
        display: block;
    }
    .visible-xs, .contentLeft.Events .events-filtre-mois {
        display: none;
    }
}

 @media (max-width: 1000px) {


	#header-wrapper { 
		min-height: 90px;
	}

    #header { 
        padding: 24px 20px 0;
    }

	.logo { 
		margin-top: 0;
	}

	.nav2, .nav-right.visible-xs:before { transition: opacity 0.33s ease-in-out; }
	.sidebar-open .nav2, .sidebar-open .nav-right.visible-xs:before { opacity: 0; pointer-events: none; }

    .menuleft {
        display:none;
    }
    .container-fluid, #sliderwrapper, .newsvideos, .categories, .homepub .pubgauche a, .accueil .contentbg, .homepub, .homepub img {
        width: 100%;
        max-width: 100%;
    }
    .flex-direction-nav a {
        top: 32% !important;
    }
    .inside {
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
    }
    div.imgentete {
        margin:0;
    }
    .homecontenu {
        padding: 20px 0 20px 5px;
        width: 100%;
        max-width: 100%;
    }
    .accueil .contentbg {
        margin-left: 0;
        margin-right: 0;
    }
    .newsvideos {
        padding: 20px 0 20px 5px;
    }
    .newsvideos div {
        margin-left: 0;
        margin-right: 0;
    }
    .newsvideos ul .nouvelle-item {
        width: 80%;
        padding: 0 15px;
    }
    .homemap {
        float:left;
        margin-top: 0;
        width: 100%;
        margin-right: 0;
    }
    .homemap img {
        width: 100%;
        max-width: 100%;
        height:auto;
    }
    .homepub {
        padding: 20px;
    }
    .categories {
        padding:20px !important;
        margin:0 auto !important;
        width:100% !important;
        max-width: 100% !important;
    }
    .categories .categories-item {
        float:left !important;
        clear:both;
        padding:0 !important;
        margin:0 auto !important;
        width:100% !important;
        max-width: 100% !important;
        text-align:center;
        overflow:hidden;
    }
     .nav2 {
        margin-right: 30px;
		margin-bottom: 0;
    }
    .nav2 #recherche {
        margin-right: 50px;
    }
    .nav-right.visible-xs:before {
        content:"";
        height:35px;
        position:absolute;
        width:1px;
        background:#dfdfdf;
        top: 5px; 
        left:0;
    }
     .nav-right.visible-xs {
        display: block !important;
    }
     .contentleft {
        float:none !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding: 20px 15px !important;
        width: auto !important;
        max-width: inherit !important;
    }
     .accueil .contentleft {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
     .inner-container {
        width:100% !important;
        max-width: 100% !important;
    }
     .contentbg {
         background: #ffffff;
    }
     .liste li .photo {
        width: 295px;
        max-width: 295px;
        height:auto;
    }
     .liste li .detailsforfait {
        width: 99px;
        max-width: 99px;
        padding-left: 10px;
    }
     .footer {
        margin: 0;
        border: none;
        width:100% !important;
        max-width: 100% !important;
    }
     .footer .footercenter {
        padding: 30px 20px;
        max-width: 100% !important;
    }
     .footer .footerleft {
        margin-bottom:15px;
    }
     .footer .footerright {
        padding: 0;
        max-width: 100% !important;
    }
     #menubas {
        padding: 0;
    }
    #menubasright  {
        padding-left: 30px;
    }
    .contentLeft.Events .events-filtre-mois {
        display:block;
        margin-bottom:40px;
        margin-top:0;
        float:left;
        clear:both;
        width:100%;
        max-width:100%;
    }
    .en .contentLeft.Events .events-filtre-mois {
        display:none;
    }
}


@media (max-width: 767px) {
    #header-wrapper { 
        min-height: 85px;
    }

    #header {
        padding:20px 15px;
    }

     div.imgentete {
        height: 199px;
    }

	.logo { 
		width: 165px;
		height: 38px;
		margin: 0 0 0 -10px;
	}
    .nav-right {
        right: 15px;
        top: 20px;
    } 
    #header .mediassociaux, .nav2 #recherche, a.recherche-icon, a.retour {
        display:none !important;
    }
    .fiche .description {
        padding: 0 20px 20px;
    }
    .fiche .reservation, .fiche #sliderwrapper, .fiche .description {
        display:block;
        width: 100%;
        max-width: 100%;
        text-align:center;
        border-right: 0 none;
    }
    .fiche_photo {
        display:block;
        margin:15px auto 0;
        width: 100%;
    }
    .footer .footercenter {
        padding: 20px;
    }
    .footer .footercenter div {
        padding-left: 0;
        padding-right: 0;
    }
    #menubas, #menubasright {
        width: 100%;
        padding: 0;
    }
    #menubas li:last-child {
        border-bottom: 1px dotted #78a4cc;
    }
    .publications ul li .photo {
        float:left;
    }
    .publications ul li .desc {
        width: 80%;
        max-width: 80%;
    }
    #menuend {
        margin: 0 20px 25px;
    }
    ul.galerieimages li {
        width: 31%;
    }
    ul.galerieimages li:nth-of-type(4n) {
        margin-right: 10px;
    }
    ul.galerieimages li:nth-of-type(3n) {
        margin-right: 0;
    }
}



@media (max-width: 668px) {
     div.imgentete {
        height: 173px;
    } 
    .liste li .photo {
        width: 100%;
        max-width: 100%;
        display:block;
    }
    .liste li .photo img {
        width: 200px;
        max-width: 200px;
        height:auto;
    }
    table, .sandbox table /*https://codepen.io/anon/pen/QwPVNW*/ {
      border: 0;
    }
    .sandbox table td img {
      width:100% !important;
      max-width:100% !important;
    }
    table thead {
      display: none;
    }
    table tr {
      margin-bottom: 10px;
      display: block;
    }
    table td {
      display: block;
      text-align: left;
      font-size: 14px;
      padding-bottom:10px;
    }
    .sandbox table td {
        padding-right: 0;
    }
    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
    ul.galerieimages li {
        width: 48%;
    }
    ul.galerieimages li:nth-of-type(3n) {
        margin-right: 10px;
    }
    ul.galerieimages li:nth-of-type(2n) {
        margin-right: 0;
    }
}




 @media (max-width: 480px) {
     h1, .h1 {
        font-size: 1.8em;
        margin-top: 10px;
        margin-bottom: 25px;
    }
     h2.h1 {
        font-size: 2.4em;
    }
     h2 {
        margin-bottom: 15px;
    }
     .contentleft {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
     .sandbox a img, .sandbox img.image, .imgnews{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        float:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding:0 !important;
    }
    #liensTemiscouata {
        width: 100%;
        margin: 15px auto;
    }
    #liensTemiscouata li.cld-temiscouata, #liensTemiscouata li.quebecoriginal, #liensTemiscouata li.stlaurent, #liensTemiscouata li a, #liensTemiscouata li span {
        width: 120px;
        height: 60px;
        background-size: 120px auto;
    }
    #liensTemiscouata li.temiscouata, #liensTemiscouata li.temiscouata span {
        width: 137px;
        height: 60px;
        background-size: 137px auto;
    }
	#liensTemiscouata li.stlaurent,  #liensTemiscouata li.stlaurent a, #liensTemiscouata li.quebecmaritime, #liensTemiscouata li.quebecmaritime a {
        width: 86px;
        height: 60px;
        background-size: 86px auto;
    }
    .flex-direction-nav a:before {
        font-size: 80px !important;
    }
    .flex-direction-nav a {
        width: 35px !important;
        height: 35px !important;
        margin: 0 0 0 !important;
        top: 10% !important;
    }
    .flex-direction-nav .flex-prev {
        left: -4% !important;
    }
    .flex-direction-nav .flex-next {
        right: 12% !important;
    }
    .fiche .flex-direction-nav a {
        top: 15% !important;
    }
    .fiche .flex-direction-nav .flex-prev {
        left: -5% !important;
    }
    .fiche .flex-direction-nav .flex-next {
        right: 14% !important;
    }
    .sandbox .liste li {
        display: block;
        vertical-align: top;
    }
    .liste li .photo {
        display:block;
        float: none;
        padding: 0;
        margin-bottom:15px;
        width:100%;
        max-width:100%;
    }
     .publications .liste li .photo {
        width:91px !important;
        max-width:91px !important;
    }
    .liste li .desc, .liste li .descforfait {
        padding-left: 0;
        padding-right: 15px;
        width: 100%;
        display:block;
    }
    .sandbox .form li.txtfield, .form li.txtfield input, .form li.txtfield select, .form li.fullwidth input, .form li.fullwidth select, .form li.fullwidth textarea { 
        width:100%;
    }
    .publications ul li .desc {
        width: 65%;
        max-width: 65%;
        padding-left: 15px;
        padding-right: 0;
        float:left;
    }
    .btn {
        white-space:normal;
    }
    .liste li .detailsforfait {
        display: block;
        float: left;
        clear: both;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-bottom: 15px;
        margin-top: -20px;
        text-align: left;
    }
    .liste li .detailsforfait img {
        display: inline-block;
        margin-top: 5px;
        margin-right: 7px;
    }
    .sandbox .viragevert2 {
        max-width: 99px !important;
    }
    .sandbox select {
        max-width:100%;
        margin-top:4px;
    }
    .contentLeft.Events .events-filtre-mois strong {
        float:left;
        clear:left;
        width:55px;
    }
    .contentLeft.Events .events-filtre-mois select {
        float:left;
        width: calc(100% - 55px) !important;
        margin-top:-2px;
    }
     .fiche .description {
        padding: 0 15px 15px;
    }
     .sandbox p img {
        width:100%;
        max-width:100%;
        float:none !important;
        margin-bottom:15px !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
     div.imgentete {
        height: 80px;
    }
     div.imgentete em.caption {
        padding: 10px 15px;
    }
     .publications ul li .choix {
        margin-top:10px;
    }
     .erreur .footer .footercenter {
        margin-left: 0;
        padding-left:15px;
    }
}