@import 'https://fonts.googleapis.com/css?family=Lato:400,400italic,600,600italic';
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400';
html {font-size: 62.5%;}
.tm-loader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background:#fff;}
.tm-loader > img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body {color: #fff; font: 400 1.6em / 1.2em 'Lato', Helvetica, Arial, sans-serif;}
html, body, .uk-block {background: #141414;}
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', 'Times New Roman', serif; font-weight: 400; color: #fff;}
h2 {color: #ff8198; text-align: center; font-size: 3.5em; line-height: 1.2em; margin-bottom: 3vw;}
em {font-style: normal; color: #ff8198;}
#tm-gmap { box-sizing: border-box; min-height: 350px; max-height: 50vh;}
.tm-clear-right {clear:right;}
.tm-framed {padding-left: 70px;}
.uk-height-viewport { min-height: 100vh !important; height: auto !important;}
.uk-cover-background {background-repeat: no-repeat !important; background-position: 50% center !important; background-size: cover !important;}
#tm-content, #tm-top-c { position: relative; background: url(../img/fond-motif.png) repeat; padding-bottom: 75px;}
.tm-fixed-bar { position: fixed; top: 0; left: 0; bottom: 0; width: 70px; z-index: 7; background: #020202; }
.tm-intro-block { width: 48%; }
.betty-intro { border: 40px solid transparent; -moz-border-image: url(../img/border.png) 40 100 60 50 stretch; -webkit-border-image: url(../img/border.png) 40 100 60 50 stretch; -o-border-image: url(../img/border.png) 40 100 60 50 stretch; border-image: url(../img/border.png)  40 100 60 50 fill stretch; margin-top: 80px; }
.betty-intro h1 { font-size: 1.3em; margin: -65px 0 15px; }
.betty-intro p { margin: 15px 0; }
#tm-logo {text-align: right;}
#tm-intro {background-position: center center}
#tm-top h2 {font-size: 3em; margin: 0 80px; position: relative; bottom: -0.4em; text-align: left; z-index: 9999;}
#tm-top a[href$=".pdf"] {display: inline-block; color: #fff; text-decoration: underline; background: url(../img/fichier-pdf.png) no-repeat left center; padding-left: 34px;}
#tm-top .tm-item {border: 5px solid #141414; border-left: 0 none;}
#tm-top .tm-item, #tm-top .tm-item a { color: #141414; text-decoration: none;}
#tm-top .tm-item {background: #fff;}
#tm-top .tm-item .tm-item-text {cursor: pointer; padding: 0 0 30px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden;}
#tm-top .tm-item .tm-item-text:before {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #ff8198; height: 10px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#tm-top .uk-active .tm-item-text:before, #tm-top .tm-item .tm-item-text:hover:before, #tm-top .tm-item .tm-item-text:focus:before, #tm-top .tm-item .tm-item-text:active:before {right: 0;}
#tm-top .tm-item-text > * {margin: 5px 20px; padding: 0; font-size: 1em;}
#tm-top .uk-text-justify { font-size: 0.65em; line-height: 1.2em; color: #636161; margin-top: 3em;}
#tm-top .tm-item-text h3 {font-size: 1.3em; padding: 20px 0 0;}
#tm-top .tm-presta-descr > * {margin: 0; padding: 0; font-size: 0.9em;}
#tm-top .tm-presta-descr h4 { font-size: 1.1em; color: #909090; }
#tm-top .tm-cate-text {margin: 30px 10%;}
#tm-top-b {background-position: right 50%;}
#tm-top-b .uk-panel, #idees-cadeaux .uk-panel { margin: 0 7vw 0 7vw; background: #fff; color: #141414; padding: 3vw;}
#tm-top-b .uk-text-center { margin: 3em 0 0; }
#tm-top-b a[href$=".pdf"] {display: inline-block; font-size: 0.9em; color:  #141414; padding: 1em; border: 1px solid #141414; border-radius: 2em; text-decoration: none;}
#tm-top-b a[href$=".pdf"]:hover, #tm-top a[href$=".pdf"]:hover { color: #ff8198; border-color: #ff8198; }
#tm-top-c {text-align: center; padding: 0; margin: 0;}
#tm-top-c .uk-panel { margin: 0 20%; padding: 0 0 90px;}
#tm-top-c h2 {margin-top: 1em; margin-bottom: 7vh;}
#tm-top-c a {color: #fff; text-decoration: none;}
#tm-top-c p {margin: 4vh 0;}
#tm-top-c .tm-icon:before {content: ""; display: block; margin: 0 auto 15px; width: 60px; height: 50px; background-repeat: no-repeat; background-position: center bottom;}
#tm-top-c .tm-icon-tel:before { background-image: url(../img/telephone.png); }
#tm-top-c .tm-icon-adr:before { background-image: url(../img/localisation.png);}
#tm-top-c .tm-icon-tel span { font-family: 'Playfair Display', 'Times New Roman', serif; display: block; }
#tm-top-c .tm-icon-tel strong { font-weight: normal; display: block; font-size: 2em}
#tm-top-c em { font-size: 0.9em; }
#tm-content { padding: 3vw 4vw 120px; box-sizing: border-box; min-height: 100vh;}
#tm-content h1 { text-align: center; color: #ff8198; font-size: 3.5em; line-height: 1.2em; margin: 0 0 0.9em;}
#tm-content h2 { text-align: left; font-size: 2.2em; line-height: 1.2em; margin: 1em 0 0.3em;}
#tm-content h3 { text-align: left; font-size: 1.5em; line-height: 1.2em; margin: 1em 0 0.5em;}
#tm-content ul {padding-left: 0;}
#tm-content li {list-style: disc inside; margin: 0 0 5px 5px;}
#tm-content a { text-decoration: underline; color: #fff; }
#tm-content a:hover { color: #ff8198; }
.tm-prod-txt :is(h1, h2, h3, h4, h5, h6) {color: #141414;}
#idees-cadeaux h4 { font-weight: 700; margin-bottom: 0px!important; } 
#idees-cadeaux p { margin-top: 0px; }
#idees-cadeaux img { width: 100%; }
#tm-block-footer {position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: url(../img/bg-opa-40.png);}
#tm-block-footer { color: #909090; font-size: 0.9em; text-decoration: none;}
#tm-block-footer a { color: #909090; }
#tm-block-footer p a { color: #3b3a3a; }
#tm-block-footer a:hover {color: #909090; text-decoration: underline;} 
#tm-block-footer [class*="uk-align-"] {margin-bottom: 0;}
#tm-block-footer ul {margin: 0; padding: 0;}
#tm-block-footer li, #tm-block-footer p { padding: 0; list-style: none;}
#tm-block-footer p { margin: 0 10%; }
#tm-block-footer ul > * { margin: 0 10px; }
#tm-block-footer ul > *:first-child { margin: 0 0 0 10px; }
#tm-block-footer ul > *:first-child:after { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 0 0 0 10px; background: #ff8198; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.tm-cookies {display: none; position: fixed; bottom: 0; left: 70px; right: 0; z-index: 9999; font-size: 0.85em; background: url(../img/bg-opa-02.png); padding: 10px;}
.tm-cookies:hover {background: #020202; opacity: 0.7;}
.tm-cookies p, .tm-cookies a { color: #fffefe; padding: 0; margin: 0;}
.tm-cookies a {text-decoration: underline;}
.tm-cookies a:hover {color: #ff8198;} 
.tm-btn-close {display: inline-block; vertical-align: middle; margin-left: 20px; border: 0 none; width: 23px; height: 22px; background: transparent url(../img/close.png) no-repeat center top; padding: 0; cursor: pointer; }
.tm-btn-close:hover, .tm-btn-close:active, .tm-btn-close:focus {background-position: center bottom;}
.tm-btn-close span {display: none;}
.tm-fixed-bar > div { top: 90px; }
.tm-fixed-bar ul, .tm-fixed-bar li {list-style: none;}
.tm-fixed-bar ul li .tm-tooltip { background: #020202 none repeat scroll 0 0; color: #fff; cursor: pointer; display: block; font-size: 1.2rem; left: -5rem; max-width: 220px; opacity: 0; overflow: hidden; padding: 3px 10px; position: absolute; top: -1px; transition: all 0.2s ease-in-out 0s; white-space: nowrap; width: 0; }
.tm-fixed-bar ul li .tm-tooltip.right { right: 50px; }
.tm-fixed-bar ul li:hover .tm-tooltip { left: 4rem; opacity: 1; width: auto; }
.tm-fixed-bar ul { margin: 0; padding: 0; }
.tm-fixed-bar ul li { display: block; height: 2.5rem; position: relative; width: 3rem; }
.tm-fixed-bar ul li a { cursor: pointer; display: block; height: 100%; position: relative; text-decoration: none; width: 100%; z-index: 1; }
.tm-fixed-bar ul li.uk-active span { background: #fff none repeat scroll 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.tm-fixed-bar ul li a span { background: transparent none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 1px; height: 1rem; left: calc(50% - 0.5rem); position: absolute; top: calc(50% - 0.5rem); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.3s ease-in-out 0s; width: 1rem; z-index: 1; }
.tm-fixed-bar ul li:hover a span { background: #fff none repeat scroll 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.tm-fixed-bar .tm-nav-next { position: fixed; bottom: 5%; margin: 0; padding: 0; z-index: 9999999; width: 41px; left: 15px; min-height: 55px; cursor: pointer;}
.tm-fixed-bar .tm-nav-next span { display: block; width: 41px; height: 23px; background: url(../img/next.png) no-repeat center center; -webkit-animation: fade_move_down 2s ease-in-out infinite; -moz-animation: fade_move_down 2s ease-in-out infinite; animation: fade_move_down 2s ease-in-out infinite; -webkit-animation: fade_move_down 2s ease-in-out infinite; -moz-animation: fade_move_down 2s ease-in-out infinite; animation: fade_move_down 2s ease-in-out infinite;}
.tm-fixed-bar .tm-nav-prev {width: 100%;}
.tm-fixed-bar .tm-nav-prev a { color: #909090; font-size: 0.9em;}
.tm-fixed-bar .tm-nav-prev a:before { content: ""; display: block; height: 27px; background: url(../img/prev.png) no-repeat center top; margin: 0 0 10px;}
.tm-fixed-bar .tm-nav-prev a:hover, .tm-fixed-bar .tm-nav-prev a:hover:before {background-position: center bottom; color: #ff8198;}
.uk-slidenav {display: none; height: 40px; width: 20px; background-image: url(../img/slider-arrows.png); background-repeat: no-repeat;}
.uk-slidenav-previous { background-position: 0 0;}
.uk-slidenav-next { background-position: 0 -80px; }
.uk-slidenav-position {position: static;}
.uk-slidenav-position .uk-slidenav {margin-top: -30px; position: absolute; top: 50%; z-index: 999999;}
.uk-slidenav-position .uk-slidenav-previous {left: 5px;}
.uk-slidenav-position .uk-slidenav-next { right: 5px; }
.uk-slidenav-previous:focus, .uk-slidenav-previous:hover, .uk-slidenav-previous:active { background-position: 0 -40px;}
.uk-slidenav-next:focus, .uk-slidenav-next:hover, .uk-slidenav-next:active { background-position: 0 -120px;}
@media screen and ( max-height: 999px ){
    .betty-intro { margin-top: 5vh; font-size: 0.9em;}
    #tm-top { height: 1000px !important; }
}
@media screen and ( max-width: 959px ){
    #tm-block-footer div.uk-flex {display: block; width: 100%;}
    #tm-block-footer [class*=uk-position-bottom] { display: block; text-align: center; margin: 5px 20px; position: static !important;}
}
@media screen and ( max-width: 767px ){
    .tm-fixed-bar > div { top: 50px; }
    .tm-framed {padding-left: 0;}
    .tm-cookies {left: 0;}
    .tm-logo.uk-responsive-width {max-width: 100% !important;}
    .tm-fixed-bar {background: 0 none; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; top: auto;}
    .tm-fixed-bar .tm-nav-next {left: 0;}
    .tm-fixed-bar ul, .tm-fixed-bar .tm-nav-next, .tm-fixed-bar .tm-nav-prev, .tm-fixed-bar .tm-nav-next span, .tm-fixed-bar .tm-nav-prev span {width: 100%; margin: 0; padding: 0; height: 50px;}
    .tm-page .tm-fixed-bar { top: 10px; left: 10px; bottom: auto; width: 30px; }
    #tm-top .tm-item {border: 0 none;}
    #tm-top .tm-item .tm-item-text:before {display: none;}
}
@media screen and ( min-width: 768px ) and ( max-height: 500px ) {
    #tm-intro { background: #020202; }
    .betty-intro {border-image: 0 none; margin-top: 20px;}
    .betty-intro h1 { text-align: left; color: #ff8198; font-size: 3.5em; line-height: 1.2em; margin: 0 0 0.9em;}
}
@media screen and ( max-width: 768px ){
    body {font-size: 1.4em;}
    h2 { text-align: center; font-size: 2.2em; line-height: 1.2em; margin: 1em 0 0.3em; position: static;}
    #tm-intro { background: #020202; }
    .betty-intro {border-image: 0 none; margin-top: 20px;}
    .betty-intro h1, h1 { text-align: left; color: #ff8198; font-size: 3.5em; line-height: 1.2em; margin: 0 0 0.9em;}
    #tm-top h2 { text-align: center; font-size: 2.2em; line-height: 1.2em; margin: 0; position: static;}
    #tm-top-b h2, #idees-cadeaux h2 { text-align: left; }
    #tm-top-c h2 {margin-bottom: 0;}
    #tm-top-b, #idees-cadeaux {background: #fff none !important;}
    .uk-grid { margin-left: 0; }
    .uk-grid > * {padding-left: 0;}
    #tm-top-c .tm-icon:before {display: none;}
    #tm-top-c .uk-panel p {margin: 10px 0;}
    #tm-top-c .tm-icon-tel span { font-size: 1.2em; }
    #tm-top-c .tm-icon-adr { font-size: 1.1em;}    
    #tm-content h1 { margin-top: 100px; }
    .tm-arrows { padding: 0 40px; position: relative;}
}
@media screen and ( max-width: 450px ){
    #tm-block-footer { font-size: 0.75em; }
    #tm-hero {background: url(../img/fond-principal-small.jpg) right center no-repeat !important; background-size: cover !important;}
}
@media screen and ( min-width: 769px ) and ( max-width: 959px ) {
    #tm-hero.uk-flex { display: block;}
}
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}