.container{position:relative;width:960px;margin:0 auto;padding:0;}
.container .column,
.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;}
.row{margin-bottom:20px;}
.column.alpha, .columns.alpha{margin-left:0;}
.column.omega, .columns.omega{margin-right:0;}
.container .one.column,
.container .one.columns{width:40px;}
.container .two.columns{width:100px;}
.container .three.columns{width:150px;}
.container .four.columns{width:220px;}
.container .five.columns{width:280px;}
.container .six.columns{width:340px;}
.container .seven.columns{width:400px;}
.container .eight.columns{width:460px;}
.container .nine.columns{width:520px;}
.container .ten.columns{width:580px;}
.container .eleven.columns{width:640px;}
.container .twelve.columns{width:700px;}
.container .thirteen.columns{width:760px;}
.container .fourteen.columns{width:820px;}
.container .fifteen.columns{width:880px;}
.container .sixteen.columns{width:940px;}
.container .one-third.column{width:295px;}
.container .two-thirds.column{width:600px;}
.container .offset-by-one{padding-left:60px;}
.container .offset-by-two{padding-left:120px;}
.container .offset-by-three{padding-left:180px;}
.container .offset-by-four{padding-left:240px;}
.container .offset-by-five{padding-left:300px;}
.container .offset-by-six{padding-left:360px;}
.container .offset-by-seven{padding-left:420px;}
.container .offset-by-eight{padding-left:480px;}
.container .offset-by-nine{padding-left:540px;}
.container .offset-by-ten{padding-left:600px;}
.container .offset-by-eleven{padding-left:660px;}
.container .offset-by-twelve{padding-left:720px;}
.container .offset-by-thirteen{padding-left:780px;}
.container .offset-by-fourteen{padding-left:840px;}
.container .offset-by-fifteen{padding-left:900px;}
@media only screen and (min-width:768px) and (max-width:959px){.container{width:auto;margin-left:3%;margin-right:3%;}
.container .column,
.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;}
.column.alpha, .columns.alpha{margin-left:0;margin-right:10px;}
.column.omega, .columns.omega{margin-right:0;margin-left:10px;}
.alpha.omega{margin-left:0;margin-right:0;}
.container .one.column,
.container .one.columns{width:28px;}
.container .two.columns{width:76px;}
.container .three.columns{width:124px;}
.container .four.columns{width:172px;}
.container .five.columns{width:220px;}
.container .six.columns{width:268px;}
.container .seven.columns{width:316px;}
.container .eight.columns{width:364px;}
.container .nine.columns{width:412px;}
.container .ten.columns{width:460px;}
.container .eleven.columns{width:508px;}
.container .twelve.columns{width:556px;}
.container .thirteen.columns{width:604px;}
.container .fourteen.columns{width:652px;}
.container .fifteen.columns{width:700px;}
.container .sixteen.columns{width:748px;}
.container .one-third.column{width:29%;}
.container .two-thirds.column{width:61%;}
.container .offset-by-one{padding-left:48px;}
.container .offset-by-two{padding-left:96px;}
.container .offset-by-three{padding-left:144px;}
.container .offset-by-four{padding-left:192px;}
.container .offset-by-five{padding-left:240px;}
.container .offset-by-six{padding-left:288px;}
.container .offset-by-seven{padding-left:336px;}
.container .offset-by-eight{padding-left:384px;}
.container .offset-by-nine{padding-left:432px;}
.container .offset-by-ten{padding-left:480px;}
.container .offset-by-eleven{padding-left:528px;}
.container .offset-by-twelve{padding-left:576px;}
.container .offset-by-thirteen{padding-left:624px;}
.container .offset-by-fourteen{padding-left:672px;}
.container .offset-by-fifteen{padding-left:720px;}
}
@media only screen and (max-width:767px){.container{width:auto;margin-left:3%;margin-right:3%;}
.container .columns,
.container .column{margin-bottom:2px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column{width:94%;}
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen{padding-left:0;}
}

/* #Clearing
================================================== */
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,
.clearfix:after{clear:both;}
.row,
.clearfix{zoom:1;}
.clear{clear:both;}

/* #Fonts
================================================== */

@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}

/* #Reset & Basics
================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:lato;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
::-webkit-scrollbar{display:none;}
body{line-height:1;background:#fff;font-family:Lato;font:14px/21px "lato", sans-serif;color:#444;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
img.scale-with-grid{width:100%;height:auto;}
img.scale-with-frame{width:100%;height:auto;padding-top:6px}
a, a:visited, a:focus, a:active, a:hover{text-decoration:none;outline:none;}

/* #Navigation
================================================== */

nav{position:fixed;top:0;left:0;width:250px;height:100%;margin:0 0 0 -250px;-moz-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;}
nav ul{width:250px;height:100%;padding:0;margin:0;list-style:none;background:#222;overflow:hidden;}
nav li{margin:0;}
nav a{color:#fff;font-size:1em;font-family:'lato', lato;text-decoration:none;display:block;padding:12px 15px;font-weight:300;letter-spacing:2px;border-bottom:3px solid #917a4e;}
#main-nav a:hover{color:#F29E00;font-weight:bold;}
nav a:hover{color:#F29E00;font-weight:bold;}
#zot{display:block;font-family:'lato', lato, sans-serif;font-weight:700;background:#000000;width:42px;height:42px;line-height:42px;color:#fff;text-align:center;font-size:2em;line-height:1.1em;position:fixed;top:10px;-moz-transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;z-index:500;}
input[type="checkbox"]{display:none;}
input[type="checkbox"]:checked ~ nav{margin:0;}
input[type="checkbox"]:checked ~ label{left:260px;}
input[type="checkbox"]:checked ~ section{-webkit-transform:translate3d(260px, 0, 0);-moz-transform:translate3d(260px, 0, 0);-o-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0);}
.menu-navigation-basic{font-family:lato, sans-serif;text-align:center;}
nav{display:block;}
.column.omega, .columns.omega{margin-right:0;}
.container .column, .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;margin-bottom:2px;}
#main-nav{float:right;}
#main-nav ul li{float:left;position:relative;}
#main-nav ul li a{display:inline-block;padding:44px 17px 28px 3px;margin:0 5px;text-decoration:none;font-size:14px;font:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#main-nav ul, menu, dir{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:40px;}
#main-nav ul, #main-nav li{list-style:none;padding:0;margin:0;display:inline;}
#logo{margin-left:5%}
.current{font-weight:bold !important;color:#444 !important;}
li{line-height:18px;margin-bottom:12px;text-align:-webkit-match-parent;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
li{font-family:'lato', lato, sans-serif;color:#222;margin:0 0 1em;}
header.header1{right:0;line-height:100%;background:linear-gradient(to bottom, #003872 0%,#000b15 100%);color:#fff;}
header.header1 a{position:relative;}
header.header1>*{display:inline-block;vertical-align:middle;}
#main-nav a{text-decoration:none;color:#FFFFFF;}
header.header1 h1{margin-left:8px;color:#F29E00;}
header.header1 h1, header.header1 a{position:relative;}
.subt, .subt_capital{font-size:200%;line-height:120%;padding:3 0 .3rem;}
[class*="_capital"]{font-family:Fette,"Arial Narrow",sans-serif;text-transform:uppercase;font-weight:normal;text-shadow:1px 1px 1px #00000F;}
header.header1 .partage{height:35px;position:absolute;top:0;right:3%;margin-top:7px;}
header.header1 h1{height:35px;position:absolute;top:0%;right:3%;margin-top:26px;}
.fb13x13_blanc{background:url(/images/imagessagada/facebooklogo.png) no-repeat;display:inline-block;text-indent:-9999px;height:13px;width:13px;cursor:pointer;margin:0 2px;vertical-align:middle;}
.tw13x13_blanc{background:url(/images/imagessagada/twitterlogo.png) no-repeat;display:inline-block;text-indent:-9999px;height:13px;width:13px;cursor:pointer;margin:0 2px;vertical-align:middle;}
.tw13x13_blanc2{background:url(/images/imagessagada/twitterlogo.png) no-repeat;display:inline-block;text-indent:-9999px;height:13px;width:13px;cursor:pointer;margin:0 20px;vertical-align:middle;}
.is13x13_blanc{background:url(/images/imagessagada/instagramlogo.png) no-repeat;display:inline-block;text-indent:-9999px;height:13px;width:13px;cursor:pointer;margin:0 4px;vertical-align:middle;}
#buttona{display:inline-block;padding:10px 22px;margin:0;font-size:1.125em;font-family:"Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;font-weight:600;font-style:bold;letter-spacing:0.1em;text-transform:uppercase;line-height:1.42;text-decoration:none;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px;background-color:#1d3c8e;color:#fff;box-shadow:0 0 10px #000;}


/* #Main
================================================== */

/*  GRID  */
		
.columnsContainer { position: relative; max-width: 100%; }

.leftColumn { margin-bottom: .5em; 
}	

.package-grid-item {
    background: #FFF;
	border: 1px solid grey;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.16);
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

a, a:visited, a:focus, a:active, a:hover {
    text-decoration: none;
    outline: none;
}
#imgvignette {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}
.clearfix {
    clear: both !important;
}
.absolute_image_home {
    left: 0;
    right: 0;
    top: 0;
}
.duration-info {
    color: #fff;
    position: absolute;
    min-width: 145px;
    padding: 7px 7px 7px 22px;
    background: #ff5d0e;
    z-index: 1;
    font-size: 20px;
    top: 20px;
	text-shadow: #000 1px 1px 2px;
}
.duration-info:before {
       width: 114px;
    height: 8px;
    content: '';
    top: 100%;
    right: 0;
    position: absolute;
    z-index: -1;
}

.duration-info2 {
    color: #fff;
    position: absolute;
    min-width: 145px;
    padding: 7px 7px 7px 22px;
    background: #ff5d0e;
    z-index: 1;
    font-size: 20px;
    top: 20px;
	text-shadow: #000 1px 1px 2px;
}
.duration-info2:before {
       width: 114px;
    height: 8px;
    content: '';
    top: 100%;
    right: 0;
    position: absolute;
    z-index: -1;
}

.duration-info3 {
    color: #fff;
    position: absolute;
    min-width: 145px;
    padding: 7px 7px 7px 22px;
    background: #ff5d0e;
    z-index: 1;
    font-size: 20px;
    top: 20px;
	text-shadow: #000 1px 1px 2px;
}
.duration-info3:before {
       width: 114px;
    height: 8px;
    content: '';
    top: 100%;
    right: 0;
    position: absolute;
    z-index: -1;
}

.package-grid-item .content {
    padding: 15px 15px;
    position: relative;
}
.package-grid-item a h4 {
    color: #043477;
    margin: 10px 0 15px;
    line-height: 1.2;
}
h4, .h4 {
    font-size: 17px;
    color: #043477;
}

.price {
    font-size: 15px;  }
.loc_pri {
    padding: 5px 0;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 5px;
    color: #636363;
    font-size: 16px;
}

.tim_dlrt .icn {
    /* width: 25px; */
    /* height: 25px; */
    /* background: #1479cb; */
    margin: 0;
    padding: 5px 7px;
    border-radius: 50%;
    line-height: 15px;
    display: inline-block;
    color: #053273;
}
.tim_dlrt {
    display: block;
    text-transform: uppercase;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.image-container {
  position: relative;
  display: inline-block;
  width: 100%; /* make it responsive */
  max-width: 600px; /* optional, limit width on large screens */
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* Caption positioned on top of the image */
.image-container .caption {
  position: absolute;
  top: 0;               /* position at top */
  left: 0;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  color: white;
  background: linear-gradient(
    to right,           
    #ff5d0e,
    rgba(0, 0, 0, 0.5)  );
  text-align: center;
  font-size: 1.2rem;
}

/* Optional: adjust text size or position on mobile */
@media (max-width: 768px) {
  .image-container .caption {
    font-size: 1rem;
    padding: 8px 10px;
  }
}

.card__body {
      --gap: 1rem;
  --card-bg: #ffffff;
  --muted: #6b7280;
  --accent: #0066ff;
  --radius: 12px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  width: 90%;
  max-width: 1100px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2%;
    padding-right: 18px;
    padding-bottom: 1%;
    padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
}

.btn-link {
  align-self: flex-end;
  padding: 10px 14px;
  border: none;
  border-radius: 10px;
  background: var(--accent);
  color: white;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.16);
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}

.btn-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 102, 255, 0.18);
}
.pull-right {
    float: right!important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-right:before {
    content: "\f054";
}
.package-grid-item .content:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    content: '';
    display: inline-block;
    border-right: 28px solid #ffffff;
    border-top: 30px solid transparent;
}     

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
} 

/*  LARGEIMAGE1  */

/* Basic reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
html,body { height: 100%; }


/* Container that holds the image and the overlay text */
.hero2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 85vh; /* 85% of viewport height */
  margin: 0 auto;
}

/* Make the image fill the container without distortion */
.hero2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  animation: slowZoom 18s ease-in-out infinite alternate;
  will-change: transform;
}

/* Zoom animation */
@keyframes slowZoom {
  from { transform: scale(1); }
  to { transform: scale(1.2); }
}

/* Position the text container on the right side */
.hero2__text {
  position: absolute;
  right: 5%;
  bottom: 20%;
  text-align: right;
  color: #fff;
  font-family: Raleway, sans-serif;
  pointer-events: none;
}

/* H2 styling */
.hero2__text h2 {
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: clamp(20px, 5vw, 56px);
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3),
               1px 1px 1px rgba(0, 0, 0, 0.3),
               0 0 10px #000;
}

/* Paragraph styling */
.hero2__text p {
  font-size: 2em;
  margin-top: 0.25em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3),
               1px 1px 1px rgba(0, 0, 0, 0.3),
               0 0 10px #000;
}

/* Responsive tweaks */
@media (max-width: 480px) {
  .hero2 {
    height: 60vh;
  }
  .hero2__text {
    right: 5%;
    bottom: 15%;
  }
}


/*  LARGEIMAGE2  */

/* Basic reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
html,body { height: 100%; }


/* Container that holds the image and the overlay text */
.hero {
position: relative;
overflow: hidden; /* hide scaled image overflow */
width: 100%;
margin: 0 auto;
}


/* Make the image fully responsive and preserve cover behavior */
.hero img {
display: block;
width: 100%;
height: auto;
transform-origin: center center;
/* animate the transform to scale up to 1.2 */
animation: slowZoom 18s ease-in-out infinite alternate;
will-change: transform;
}

@keyframes slowZoom {
from { transform: scale(1); }
to { transform: scale(1.2); }
}


/* Overlay text centered horizontally, positioned on the lower part */
.hero__text {
position: absolute;
left: 50%;
bottom: 10%; /* lower part of the image */
transform: translateX(-50%);
text-align: center;
color: #ffffff; /* white text */
font-weight: 800; /* bold */
/* large, responsive font size */
font-size: clamp(35px, 15vw, 56px);
line-height: 1.1;
padding: 0.25em 0.6em;
pointer-events: none; /* so clicks pass through */
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;
}


/* Optional subtle backdrop for contrast on very busy images */
.hero__text--backdrop {
background: rgba(0,0,0,0.15);
border-radius: 10px;
}


/* Responsive tweaks */
@media (max-width: 480px) {
  .hero {
    height: 40vh;
  }
    .hero__text {
    bottom: 15%;font-size: 28px;
  }
  .hero img {
height: 100%;}
}

/*  FOOTER  */

footer{background:linear-gradient(to bottom, #859398 0%,#292B33 1%);border-top:1px solid #00000;color:#B8BAB8;text-align:center;}
#footer-top{background:#292B33;font-size:150%;color:#F6F6F6;padding:0.8em;border-bottom:1px solid #56585E;}
.rwd-line{display:block;}
#footer-base{background:#292B33;font-size:0.9em;color:#EEE;padding:0.8em 0;border-top:1px solid #56585E;}
#footer-base a{color:#d0ebfd;}
#footer-base a:hover{color:#EEE;}
.footer-columns{padding:20px 0;}
#social a{text-decoration:none;color:#2c88c9;}
#social a:hover{color:#008cf0;}

#pina{position:absolute;bottom:15%;right:0%;font-family:Raleway;font-weight:900;color:#fff;z-index:3;}
#pina h2,#pina p{line-height:1em;text-align:right;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;}
#pina h2{margin-right:60px;font-size:5.5em;letter-spacing:0px;margin-bottom:-10px;}
#pina p{margin-right:60px;font-size:2em;}
#pina h2 strong{position:absolute;top:40px;right:350px;font-size:215px;opacity:.5;line-height:1em;text-transform:uppercase;text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;}
#book a{position:absolute;left:1em;bottom:10%;border:3px solid #fff;border-radius:8px;box-shadow:0 0 10px #000;padding:20px 40px;text-align:center;text-decoration:bold;text-shadow:0 0 5px #000;font-size:13px;color:#FFFACD;z-index:7;-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;}
#book{left:10px;top:420px;z-index:7;}
#book2 a{bottom: 15px; border:3px solid #fff;background-color: #cacbd8;border-radius:8px;box-shadow:0 0 10px #000;padding:20px 40px;text-align:center;text-decoration:bold;text-shadow:0 0 5px #000;font-size:18px;color:white;z-index:7;-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;}
#book2{z-index:7;}
#pina p {color: #ffffff;}


#frame{background-image:url(../images/topography.png);border:2px solid #1d3c8e;border-radius:5px;}
#frame p{padding:3px;}
#frame h2{text-align:center;padding-top:5px;}
#frame2{text-align:justify;}
#frame2 .column{border:2px solid orange;border-radius:5px;}
#frame2 h2{padding-top:5px;}
#frame2 p{padding:7px;}
#intro {font-family: "Poppins", Sans-serif;font-size: 15px;}
h3{padding-top:20px;padding-bottom:0px;padding-right:2%;padding-left:2%,"Arial Narrow",sans-serif;font-size:1.7rem;line-height:120%;color:#043477;text-align:center;font-weight:600;}

/* FAQ */
.containerboxes {
  display: flex;            /* Enable Flexbox */
  justify-content: space-between; /* Optional: Distribute space between items */
  gap: 0px;                /* Space between the boxes */
    margin-left: 2%;
    margin-right: 2%;
     padding: 2px;                 /* space inside the outer box */
  border: 2px solid #0e3d6d;     /* border for the outer box */
  border-radius: 15px;           /* rounded corners */
  background-color: #0e3d6d; 
}
/* Style each box */
.box {
  flex: 1;                  /* Make the boxes take equal space */
  padding: 20px;
  text-align: center;
  border-radius: 10px;
}
#box1 {
  background-color: #3d409e; color: white; }
#box2 {
  background-color: #0e3d6d; color: white;}
#box3 {
  background-color: #cacbd8; }
#row1 {
  position:relative;  
  background: linear-gradient(to right, #003872 0%, #000b15 100%);
        font-family: "Poppins", Sans-serif;
    font-size: 42px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
        text-align: center;
        height: 150px;
}

.details-container {
  width: 90%;
  max-width: 600px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* Style each details element */
details {
  border-block-end: 1px solid #d5d8dc;
  padding: 1rem;
}

/* Remove bottom border on last item */
details:last-child {
  border-block-end: none;
}

/* Style summary text */
summary {
  font-size:16px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

/* Optional: add an arrow indicator */
summary::marker {
  content: '';
}

summary::after {
  content: '▾';
  float: right;
  transition: transform 0.3s ease;
}

/* Rotate arrow when opened */
details[open] summary::after {
  transform: rotate(180deg);
}

/* Style content */
details p {
  margin-top: 0.75rem;
  color: #555;
  line-height: 1.5;
}

.expand-box {
  width: 300px;
  padding: 10px;
  border: 1px solid #3498db;
  border-radius: 10px;
  background-color: #f9f9f9;
  cursor: pointer;
}

.expand-box summary {
  font-weight: bold;
  color: #3498db;
  list-style: none; /* hides the default arrow if you want to customize it */
}

.expand-box[open] summary {
  color: #2c80b4; /* changes color when opened */
}

.faq {padding-left:3%;
padding-left:3%;
border:0px}

/* READ MORE */
.teaser {
  display: block;
  line-height: 1.5;
  margin: 1rem 0;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}

/* hide the actual checkbox but keep it focusable for accessibility */
.toggle {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* excerpt always visible */
.excerpt {
  margin-bottom: .5rem;
}

/* collapsed state */
.more {
  display: none;
}

/* when checkbox is checked, show .more */
.toggle:checked ~ .more {
  display: block;
  margin-top: .5rem;
}

/* read-more label styling */
.read-more-button {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  margin-top: .8rem;
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  padding: .45rem .7rem;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: linear-gradient(180deg,#fff,#fafafa);
}

/* toggle which label text shows */
.label-less { display: none; }
.toggle:checked ~ .read-more-button .label-more { display: none; }
.toggle:checked ~ .read-more-button .label-less { display: inline; }

/* small responsive tweaks */
@media (max-width:480px) {
  .teaser { padding:.8rem; }
  .read-more-button {
    padding:.35rem .6rem;
    font-size:.95rem;
  }
}

@media (max-width:767px){header.header1 .menu-navigation-basic{display:none;}
header.header1 .zorglub{padding-left:12%;}
h1{padding-top:2%;}
#zot{top:5px;}
.nav_menu{display:block;}
.nav_menu .nav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000;}
nav a {font-size: 2em;}
header.header1 h1{margin-left:1px;margin-top:23px;}
.subt, .subt_capital{font-size:100%;line-height:100%;padding:1 0 .1rem;font-weight:bold;text-shadow:1px 1px 1px #00000F;display: flex;          /* Enable Flexbox */
justify-content: flex-end;}
header.header1 .partage{top:1%;right:3%;margin-top:1px;}
#logo{margin-left:5px;height:70%;width:65%;margin-bottom:9px;}
label{position:fixed;z-index:1;overflow:hidden;left:0;}
.duration-info{top:1%;}
.duration-info2{top:51.5%;}
.duration-info3{top:51%;}
#ppol p{padding:2%;}
body{text-align:justify;text-justify:inter-word;}
p{margin-bottom:10px;}
.slideshow{position:relative;width:auto;height:450px;overflow:hidden;}
.slideshow-imag16{height:360px;width:100%;}
.slideshow-image17{height:inherit;}


#book a{position:absolute;left:1em;top:27em;border:3px solid #fff;border-radius:8px;box-shadow:0 0 10px #000;padding:20px 40px;text-align:center;text-decoration:none;text-shadow:0 0 5px #000;font-size:12px;z-index:7;-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;}
.hideonmobile {display: none;}
.containerboxes {display: block;}
#taa{position:relative;}
#taal{position:absolute;font-family:Raleway;top:180px;left:10px;}
#taal h2{font-size:2.5em;letter-spacing:0px;margin-bottom:0px;}
#taal h2 strong{position:absolute;top:20px;right:130px;font-size:100px;opacity:.5;margin:0;}
#taal h2,#taal p,#taal strong{margin:0;padding:0;}
#taal p{font-size:1.2em;}
#book1 a{position:absolute;left:1em;top:255px;border:3px solid #fff;border-radius:8px;box-shadow:0 0 10px #000;padding:20px 40px;text-align:center;text-decoration:none;text-shadow:0 0 5px #000;font-size:12px;z-index:7;-webkit-animation:pulse 4s infinite;animation:pulse 4s infinite;}
#frame2 .column{margin-bottom:10px;}
#address {margin-top: 3%;}
  .hero2__text p {
    font-size: 1.3em; /* good balance for mobile */
  }
    .hero2__text h2 {
    font-size: 2.3em; /* good balance for mobile */
  }
.read-more-button {
        position: absolute;
    }
 .line-with-shadow {
    height: 3px;
  }
}
@media only screen and (min-width:768px) and (max-width:959px){header.header1 .menu-navigation-basic{display:none;}
header.header1 .zorglub{padding-left:8%;}
#zot{top:5px;}
.nav_menu{display:block;}
.nav_menu .nav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000;}
header.header1 h1{margin-left:1px;margin-top:23px;}
.subt, .subt_capital{font-size:1.0rem;line-height:100%;padding:1 0 .1rem;font-weight:bold;text-shadow:1px 1px 1px #00000F;}
header.header1 .partage{top:1%;right:3%;margin-top:1px;}
#logo{margin-left:0px;height:70%;width:65%;margin-bottom:9px;}
label{position:fixed;z-index:1;overflow:hidden;left:0;}
.duration-info{top:2%;}
.duration-info2{top:2%;}
.duration-info3{top:2%;}
section.module.parallax{height:500px;}
#contenttitle1{font-size:8vh;-webkit-transform:translateY(10vh);transform:translateY(10vh);}
#contenttitle3{font-size:8vh;-webkit-transform:translateY(10vh);transform:translateY(10vh);}
p{margin-bottom:10px;}
#maps1{width:100%;}
#book1 a{top:1990px;}
}
@media (min-width:960px){#zot{display:none;}
p{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;}
.rwd-line{display:inline;}
    article.teaser {
  width: 94%;
  max-width: 94%;
  box-sizing: border-box;
}
.hero2 {
aspect-ratio: 3 / 1.7; /* gives a shorter height */
}
}
#main p{margin:0 0 20px 0;}
@media screen and (min-width:47.5em){.leftColumn{width:49%;}
.rightColumn{position:absolute;top:0;right:0;width:49%;}
}