@font-face{font-family:TitleFont;src:url('../fonts/texgyreadventor-regular-webfont.eot');src:url('../fonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
 url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
 url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
 url('../fonts/texgyreadventor-regular-webfont.svg#webfont') format('svg');}
@font-face{font-family:TextFont;src:url('../fonts/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans-Regular-webfont.eot?iefix') format('eot'),
 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
 url('../fonts/OpenSans-Regular-webfont.svg#webfont') format('svg');}
@font-face{font-family:SerifTextFont;src:url('../fonts/DejaVuSerif-webfont.eot');src:url('../fonts/DejaVuSerif-webfont.eot?iefix') format('eot'),
 url('../fonts/DejaVuSerif-webfont.woff') format('woff'),
 url('../fonts/DejaVuSerif-webfont.ttf') format('truetype'),
 url('../fonts/DejaVuSerif-webfont.svg#webfont') format('svg');}

:root{--cyellow:#e7cb46;--calmostblack:#222222;--calmostwhite:#fafafa;--cgreydark:#424548;--cgreymed:#555964;--cgreylight:#dddddd;--cgreyextralight:#fcfcfc;--cgreylightfg:#e9e9e9;--cbluedark:#091540;--cbluemed:#154A6A;--cbluelight:#2875A3;--cblueextralight:#A2E2F0;--cbluebook:#56aaff;--credmed:#E00A45;--creddark:#B40838;--coverlay7:rgba(0,0,0,0.7);--coverlay5:rgba(0,0,0,0.5);--coverlayw5:rgba(255,255,255,0.5);--coverlayw7:rgba(255,255,255,0.7);--coverlayw9:rgba(255,255,255,0.9);--cgreenmed:#28a745;--cgreendark:#218838;}

html,body,form{background-color:var(--white) !important;}
html,body{color:var(--cgreylight) !important;}
h5{color:var(--cbluelight);}

body{font-family:TextFont,Verdana,Geneva,Arial,Helvetica,sans-serif;}
h2,h3,h4{font-family:TitleFont,Verdana,Geneva,Arial,Helvetica,sans-serif;}
.serif-font-family{font-family:SerifTextFont,Times,serif;}
h1{font-family:SerifTextFont,Times,Garamond,serif;}
.text-over-bg p{font-family:TitleFont,Verdana,sans-serif;font-style:italic;}

h1{font-size:clamp(1.2rem, 1.1439rem + 0.2807vw, 1.6rem);}
h2{font-size:clamp(1.1rem, 1.0509rem + 0.2456vw, 1.45rem);}
h3,h4,h5{font-size:clamp(1rem, 0.9579rem + 0.2105vw, 1.3rem);}
.text-over-bg p{font-size:clamp(1.5rem, 1.3716rem + 0.5405vw, 2.25rem);}

p,li,.btn,.mediumfont{font-size:clamp(0.9rem, 0.8719rem + 0.1404vw, 1.1rem)}
.lb-caption{font-size:clamp(0.9rem, 0.8719rem + 0.1404vw, 1.1rem) !important;}
.smallfont{font-size:clamp(0.75rem, 0.7219rem + 0.1404vw, 0.95rem)}
.largefont{font-size:clamp(1rem, 0.9579rem + 0.2105vw, 1.3rem);}
.largefaw{font-size: clamp(4rem, 3.2308rem + 3.8461vw, 9rem);}


p{margin-bottom:0 !important;padding-bottom:0.75rem !important;padding-top: 0 !important;}
ul{list-style-type:none;margin:0px;padding:0px;}
li{text-decoration:none !important;}
li:last-child{padding-bottom:0.75rem !important;}

.white-item{color:#ffffff;}
.light-item{color:var(--cgreylight);}
.dark-item{color:var(--cgreymed);}
.black-item{color:#000000;}
.blue-item{color:var(--cbluemed);}
.cal-blue-item{color:var(--cbluebook);}

.textjustify-item{text-align:justify;hyphens:auto;}

.footer-item{padding-top:10px;font-family:TitleFont,Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:calc(6px + 0.25vw + 0.2vh);color:var(--cgreymed);}

.center-item{margin-left:auto !important;margin-right:auto !important;left:0 !important;right:0 !important;}
.left-item{margin-left:0px;text-align:left;}
.right-item{margin-right:0px;text-align:right;}

.width85-item{width:85%; max-width:1420px;}

.lnk-item,.lnk-item-black{text-decoration:none !important;}
.lnk-item:hover{color:var(--white);text-decoration:none !important;}

.lnk-item-white{color:var(--calmostwhite);opacity:0.75;}
.lnk-item-white:hover{color:var(--white);text-decoration:none !important;opacity:0.9;}


.lnk-item-black{color:var(--calmostblack);}
.lnk-item-black:hover{color:var(--cbluelight);text-decoration:none !important;}

.lnk-item-dark{color:var(--cbluelight);}
.lnk-item-dark:hover{color:var(--cbluedark);text-decoration:none !important;}

.dropdown-menu{padding-top:0;padding-bottom:0;width:auto;}
.dropdown-menu a{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.25rem;}
.dropdown-menu a:hover{background-color:var(--cgreydark);color:var(--cgreyextralight);}
.dropdown-toggle::after{display:none;}
.dropdown-item{padding-right:0.25rem !important;}

.anchor{display:block;position:relative;top:calc(0px - 5vh - 5vw);visibility:hidden;}

.on1st{z-index:1;}
.on2nd{z-index:2;}
.on3rd{z-index:3;}
.ontop{z-index:4;}

hr{display:block;margin-top:0.75rem;margin-bottom:0.5rem;margin-left:0px;width:45%;border:solid 2px var(--cbluelight);}

.btn,.lnk-item,.lnk-item-dark,.lnk-item-black,.nav-lnk{outline:none;}
.btn:focus,.btn-lg:focus{box-shadow:none !important;}
.btn:hover,.btn-lg:hover{text-decoration:none !important;}
.btn-outline-light{background-color:none;}

.index-btn-follow,.index-btn-follow-en,.btn-follow,.btn-follow-en{color:var(--cbluelight) !important;}
.index-btn-follow:hover,.index-btn-follow:hover,.btn-follow:hover,.btn-follow-en:hover{color:var(--cbluedark) !important;}

.btn-follow::after{content:"cliquer ici pour cacher les détails";}
.btn-follow::before{font-family:'SerifTextFont';content:"– ";}
.btn-follow.collapsed::after{content:"cliquer ici pour plus d'info..."}
.btn-follow.collapsed::before{content:"+ ";}

.btn-follow-en::after{content:"click here for less details";}
.btn-follow-en::before{font-family:'SerifTextFont';content:"– ";}
.btn-follow-en.collapsed::after{content:"click here to learn more..."}
.btn-follow-en.collapsed::before{content:"+ ";}

/*
 * Debug
*
div{border:1px solid #65B042 !important;}
ul{border:0px solid #BD0000 !important;}
li{border:0px solid var(--cyellow) !important;}
p{border:1px solid #89BDFF !important;}
td{border:1px solid var(--green) !important;}
img{border:1px solid var(--orange) !important;}
*
* Nav bar
 */
nav{line-height:1.25rem;max-width:100% !important;}
nav a{color:var(--calmostblack);}
nav ul,nav li{display:inline-block;}

.nav-container{position:fixed;top:0;padding-left:4rem;padding-right:4rem;padding-top:0;padding-bottom:1rem;background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.95));}
.under-nav-margin{margin-top:9rem;}

.dtm-id img{max-width:50px;width:2.5rem;height:auto;}

#permmenurow .btn,.btn-book,.btn-send{border:2px solid transparent !important;border-radius:4px !important;}

.btn-book{background-color:var(--cbluebook) !important;color:white !important;}
.btn-book:hover{background-color:var(--cbluelight) !important;}
.nav-lnk:hover{background-image:linear-gradient(to right,var(--cyellow),var(--cyellow));background-position:bottom center;background-repeat:no-repeat;background-size:60% 2px;transition:background-size .5s ease;}

.backtotop-button{visibility:hidden;position:fixed;bottom:40px;right:30px;z-index:99;}
.backtotop-button,.backtotop-button:hover{background-color:var(--cbluedark);color:var(--white);}
.backtotop-button i{padding:0.5rem 0.25rem;}

.fa-angle-left,.fa-angle-right{background-color:var(--calmostblack);border-radius:8%;height: 3rem;width: 3rem;}
.carousel-control-next{right: 1.1rem !important;}
.carousel-control-prev{left: -0.6rem !important;}

/*
 * Firstpage
 */
#container404{background:url(../img/dtm-scroll-404.jpg) center no-repeat;background-size: cover;padding: 120px 0px !important;}
#containerOK{background:url(../img/dtm-scroll-ok.jpg) center no-repeat;background-size: cover;padding: 120px 0px !important;}
#containerError{background:url(../img/dtm-scroll-nook.jpg) center no-repeat;background-size: cover;padding: 120px 0px !important;}
#firstpage{height:40rem !important;max-height:500px;padding-bottom:0px !important;max-width:2600px;background-image:url(../img/dtm-scroll.jpg);background-position-x:calc(55vw - 1410px);overflow:visible;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.text-over-bg{background-color:transparent;margin:3vw;margin-top:1vw;width:60vw;max-width:850px;min-width:200px;}
#motto1{margin-top:3vw;margin-right:10vw;max-width:700px;opacity:0;}
#motto1{animation-name:kf-hide2show;animation-duration:4s;animation-delay:0.5s;animation-fill-mode:forwards;}

@keyframes kf-hide2show{from{opacity:0;}to{opacity:1;}}

/*
 * Contents container #C8F7F5
 */
.form-contents-container{margin-top:3rem;padding:1rem;border:1px solid var(--cgreenmed) !important;border-radius:10px;}

.bg-ddd-txt-111{background-color:var(--cgreylight);color:var(--cgreydark) !important;}
.bg-ddd-txt-111 h1,.bg-ddd-txt-111 h2{color:var(--calmostblack) !important;}
.bg-fff-txt-555{background-color:var(--white);color:var(--cgreymed) !important;}

/*
 * Carousel
 */
.carousel,.carousel-inner,.carousel-item,.card{max-height:80vh;}
.card{border:0px !important;}
.carousel-control-next-icon,.carousel-control-prev-icon{background-image:none;}
.carousel-control-next:hover,.carousel-control-next:focus,.carousel-control-prev:hover,.carousel-control-prev:focus{color:var(--white) !important;text-decoration:none;opacity:1 !important;}
.carousel-control-prev,.carousel-control-next{color:var(--white) !important;opacity:0.6 !important;min-width:50px !important;}

.carousel-caption{bottom:0;padding-top:5px !important;padding-bottom:5px !important; background-color:var(--coverlay5);}
.carousel-caption h3{width:80% !important;text-align:center !important;}

.carousel-item img,.card-img-overlay,.card-img,.card-img img{max-height:75vh;max-width:95vw;object-fit:contain;object-position:center;}


/*
 * Lightbox
 */

.img-thumb{width:100%;max-width:820px;padding:0 2px;}


/*
 * Form
 */
.help-block.with-errors{color:var(--red);margin-top:5px;}
::placeholder{font-style:italic !important;color:#999999 !important;font-size:0.9em;}
#address,#zip,#city,#state{opacity:0;position:absolute;height:0;width:0;z-index:-1;}

/*
 * Footer container
 */
.footer-container{padding:calc(8px + 1vw + 1vh);background-color:var(--white);}
#footer-list{padding-top:30px;}

/*
 * Responsive
 */

/* lg-xl */
@media only screen and (max-width:1281px){
 #firstpage{height:40rem !important;max-height:500px;padding-bottom:0px !important;max-width:2600px;background-image:url(../img/bg-w01.jpg);background-position-x:0;overflow:visible;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
 #motto1{margin-top:19vw;margin-right:10vw;margin-left:auto;max-width:300px;opacity:0;text-align:right;}
 #menurow{padding-top:0 !important;}
 .carousel-indicators{display:none;}
 .caption-wide{bottom:0;}
 .width85-item{width:100%;}

/* md-lg */
@media only screen and (max-width:991px){
 .btn{padding:0.2rem 0.4rem;}
 .nav-logo img{padding-right:8px;}
 .container,.container-fluid{padding-left:2%;padding-right:2%;}
 .nav-container{padding-left:1rem;padding-right:1rem;}
 .under-nav-margin{margin-top:4rem;}
 .dtm-id img{max-width:25px;width:2rem;height:auto;}
 h5{color:var(--cbluelight);}
}

/* sm-md */
@media only screen and (max-width:767px){
 h5{hyphens:auto;}
 .anchor{top:-75px;}
 .backtotop-button{border-radius:50%;padding-left:0.5rem;padding-right:0.5rem;}
 nav{line-height:1.1rem;}
}

