@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@font-face {
    font-family: 'Graphik';
      src: url('fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
        url('fonts/graphik/Graphik-Regular-Web.woff2') format('woff2'),
        url('fonts/graphik/Graphik-Regular-Web.woff') format('woff'),
        url('fonts/graphik/Graphik-Regular-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{font-family:'Graphik', sans-serif;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:0 !important;}
body{margin:0;background:#fff;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
a{background-color:transparent;}
a:active,
a:hover{outline:0;}
b,
strong{font-weight:bold;}
img{border:0;display:block;max-width:100%; height: auto;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul{padding:0;}
li{list-style:none;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
.clear:before,
.clear:after{content:"";display:table;table-layout:fixed;}
.clear:after{clear:both;}
.wrap{margin-left:auto;margin-right:auto;max-width:1200px;}
.wrap:after{clear:both;content:"";display:block;}
.top-page{position:relative;}
.slider-elements::before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.55);z-index:1;}
.slider-page .element{background-position:center bottom;background-repeat:no-repeat;background-size:cover;}
.header-mobile{display:none;}
.menu-page{position:absolute;left:0;top:0;width:100%;padding:30px 0;z-index:9;}
.menu-page.static{position:static;background-color:##ffffff;box-shadow:0 2px 8px rgba(0,0,0,.09);}
.menu-page.static.fixed{position:fixed;background-color:#ffffff;}
.menu-page{text-align:center;}
.menu-page li{display:inline-block;list-style:none;padding:0 25px 0 55px;background:url(images/menu-puce.png) left center no-repeat;}
.menu-page.static li{background:url(images/menu-puce-black.png) left center no-repeat;}
.menu-page.static.fixed li{background:url(images/menu-puce.png) left center no-repeat;}
.menu-page li:first-child{background:none !important;padding-left:0;}
.menu-page li a{text-decoration:none;color:#ffffff;font-size:21px;font-family:'Amaranth', sans-serif;}
.menu-page.static li a{color:#000000;}
.menu-page li a:hover{text-decoration:underline;}
.langues-link li{display:inline-block;font-size:25px;color:#ffffff;padding:0 3px;}
.langues-link li a{color:#ffffff;text-decoration:none;text-transform:uppercase;font-size:17px;}
.langues-link li a.active{font-size:25px;font-weight:700;}
.page-intro{padding:80px 0;}
.logo-page img{display:block;margin:0 auto;}
.logo-page{margin-bottom:45px;}
.box-intro span{display:block;text-align:center;color:#a9473c;font-size:40px;}
.box-intro p{font-family:'Arima Madurai', cursive;text-align:center;color:#46413a;font-size:20px;margin:10px 0;}
.box-intro.adresse p a{display:inline-block;box-shadow: none !important;padding-left:20px;background-image:url("images/maps_icon.png");background-position:left center;background-repeat:no-repeat;background-size:18px auto;text-decoration:none;color:#46413a !important;min-height:18px;}
.row-menu.tree::before,
.row-menu.first::before{content:"";display:block;position:absolute;top:50px;width:100%;height:340px;z-index:1;background-image:url("images/cafe-des-epices_11.png");background-repeat:no-repeat;left:0;background-position:right top;opacity:0.5;}
.row-menu.tree::before{background-position:left center;height:100%;top:0;}
.row-menu.tree{position:relative;}
.box-intro-top{margin-bottom:25px;}
.page-about > div > div{background-position:right center;background-repeat:no-repeat;background-image:url('images/CAFE-DES-EPICES-ROOFTOP.jpg');padding:439px 0;position:relative;}
.page-about{overflow:hidden;}
.page-about p{margin:0;}
.page-about > div > div::before{content:"";display:block;position:absolute;right:-148px;top:50px;width:295px;height:340px;z-index:1;background-image:url('images/cafe-des-epices_11.png');background-repeat:no-repeat;background-size:cover;}
.box-about{background-color:rgba(169, 71, 60, 0.8);max-width:540px;padding:30px 50px;}
.box-about span{display:block;text-align:left;color:#ffffff;font-size:40px;margin-bottom:12px;}
.box-about p{font-family:'Arima Madurai', cursive;text-align:left;color:#ffffff;font-size:16px;line-height:30px;margin:0;}
.box-about p a{color:#ffffff;}
.row-menu.first{padding-left:325px;background:url('images/menu/CAFE-DES-EPICES-MARRAKECH-CREPS.jpg') no-repeat left top;margin-bottom:20px;position:relative;}
.row-menu.second{padding-left:325px;background:url('images/menu/CAFE-DES-EPICES-MARRAKECH-GASPACHO.jpg') no-repeat left top;margin-bottom:20px;}
.menu-title{margin-bottom:10px;}
.menu-title span{display:block;color:#a9473c;font-size:40px;margin-bottom:20px;padding-top:15px;}
.menu-cols > div{float:left;width:48%;}
.menu-cols > div.right{float:right;}
.meal-title{display:block;color:#a9473c;font-size:22px;margin-bottom:15px;}
.menu-cols ul{margin:0;padding:0;}
.menu-cols ul li{list-style:none;margin-bottom:5px;}
.meal-ligne{display:table;width:100%;}
.meal-ligne > div{display:table-cell;vertical-align:middle;text-align:left;color:#000000;font-size:19px;line-height:20px;font-family:'Graphik', sans-serif;}
.meal-ligne > div.price{color:#a9473c;font-size:16px;width:60px;text-align:right;}
.row-menu.second .meal-ligne > div.price{width:100px;}
.meal-ligne > div span{display:block;}
.menu-two-cols .left{float:left;width:56%;}
.menu-two-cols .right{float:right;width:35%;}
.menu-img{display:block;margin:0 auto 15px;max-width:100%;}
.menu-two-cols .left ul li{margin-bottom:15px;}
.page-picture{padding:30px 0;}
.title-picture{margin-bottom:20px;}
.title-picture span{display:block;text-align:center;color:#a9473c;font-size:40px; margin-top:30px;}
#grid-container{width:100%;margin:auto;overflow:hidden;}
.grid-item{opacity:0;float:left;padding:5px;box-sizing:border-box;}
.grid-item img{width:100%;height:100%;}
.grid-item.loaded{opacity:1;transition:opacity .5s;}
.page-contact{padding:50px 0;}
.logo-footer{margin-bottom:30px;}
.logo-footer img{max-width:180px;}
.contact-ithems{margin-bottom:35px;}
.contact-ithem{float:left;width:30%;}
.contact-ithem.adresse{width:40%;}
.contact-ithem p{font-family:'Graphik', sans-serif;margin:0;text-align:center;color:#a9473c;font-size:16px;line-height:100%;}
.contact-ithem p a{text-decoration:none;color:#a9473c;}
.contact-ithem.adresse p a{display:inline-block;padding-left:20px;background-image:url("images/maps_icon.png");background-position:left center;background-repeat:no-repeat;background-size:18px auto;min-height:18px;}
.logo-contact{padding:0 30px;}
.logo-contact img{width:100%;max-width:580px;display:block;margin:0 auto;}
.footer{background-color:#a9473c;padding:12px 0;}
.liste-rs ul{padding:0;text-align:center;margin:0;}
.liste-rs li{display:inline-block;padding:0;list-style:none;width:40px;}
.liste-rs li.nomad{width:55px;}
.liste-rs li a{display:block;width:28px;height:30px;text-indent:-9999px;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.liste-rs li.facebook a{background-image:url('images/facebook.png');}
.liste-rs li.instagram a{background-image:url('images/instagram.png');}
.liste-rs li.maps a{background-image:url('images/googlemaps.png');}
.liste-rs li.tripadvisor a{background-image:url('images/tripadvisor.png');}
.liste-rs li.spotify a{background-image:url('images/spotify.png');}
.liste-rs li.lejardin a{background-image:url('images/lejardin.png');}
.liste-rs li.nomad a{background-image:url('images/nomad.png');width:50px;}
.liste-rs li.logo-pr a{background-image:url('images/logo-pr.png');}
.liste-rs li.kilim a{background-image:url('images/lekilim_logo_footer.png');width: 80px;background-size: 100%;}
.liste-rs li.soixante a{background-image:url('images/plus61__logo_footer.png');width: 30px;background-size: 100%;}
.footer-last p{color:#ffffff;font-size:14px;line-height:30px;text-transform:uppercase;font-family:'Arima Madurai', cursive;margin:0;text-align:center;}
.box-footer{float:left;}
.footer-last{float:right;}
.row{margin-right:5px;margin-left:5px;}
.row:after, .row:before{display:table;content:"";}
.row:after{clear:both;}
.col-lg-6{float:left;width:50%;position:relative;min-height:1px;padding-right:5px;padding-left:5px;}
.col-lg-12{padding:0 5px;}
.form-contact .wpcf7-form-control-wrap{display:block;}
.form-contact input.wpcf7-number,
.form-contact wpcf7-number,
.form-contact textarea,
.form-contact select.wpcf7-select,
.form-contact input.wpcf7-date,
.form-contact input.wpcf7-text{width:100%;margin-bottom:10px;padding:18px 22px;border:1px solid #aeadab;outline:0;font-size:12px;background-color:#fff;color:#217c15;text-transform:uppercase;font-weight:400;letter-spacing:1px;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;transition:border .3s ease;-webkit-appearance:none;}
.form-contact input.wpcf7-submit{display:inline-block;width:auto;height:52px;line-height:48px;padding:0 38px;font-size:20px;border:1px solid #fff;color:#ffffff;letter-spacing:1.5px;background-color:#a9473c;cursor:pointer;margin-top:26px;text-transform:uppercase;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out;float:right;}
.form-contact input.wpcf7-submit:hover{background-color:#000;}
.reservation-content{max-width:890px;margin:0 auto;}
div.wpcf7-response-output.wpcf7-validation-errors{font-size:20px;margin-bottom:0 !important;margin-top:20px !important;font-weight:bold;color:red;}
div.wpcf7-response-output.wpcf7-mail-sent-ok{position:fixed;display:block;bottom:0;background-color:#8E0012;left:0;margin:0;width:100%;text-align:center;padding:20px 10px;color:#ffffff;font-size:20px;border: 2px solid #8E0012 !important;}
.reservation_intro p{text-align:center;}
.form-contact.load{position:relative;}
.form-contact.load::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url('images/ajax-loader3.gif');background-repeat:no-repeat; background-position:center center;background-color:rgba(0, 0, 0, 0.5);background-size: 60px;z-index:9;}

@media screen and (max-width:1200px){.wrap{padding:0 20px;}
.page-about > div > div{padding:270px 0;}
}
@media screen and (min-width:1024px){.menu-page{display:block !important;}
.menu-page.fixed{position:fixed;top:0;bottom:auto;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.09);transition:top .3s ease;padding:0;}
.menu-page.fixed > div{padding-top:15px;padding-bottom:15px;}
.menu-page.fixed li{padding:0 20px;}
.menu-page.fixed li a{color:#000000;font-size:18px;}
}
@media screen and (max-width:1023px){
.menu-page{display:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .33s ease;transition:transform .3s ease;-webkit-backface-visibility:hidden;}
.menu-page{position:fixed;left:0;bottom:auto;top:54px;width:100%;background-color:#ffffff;transform:translateY(0);padding:10px 0;}
.menu-page > div{border-top:0;padding:0;}
.menu-page.static li,
.menu-page li{display:block;float:none;padding:0;background:none;}
.menu-page li a{border-top:1px solid #eaeaea;font-weight:400;font-size:13px;color:#8d8d8d;padding:9px 0;display:block;position:relative;text-transform:none;line-height:17px;letter-spacing:0;}
.slider-page .element{max-height:400px;}
.content_page{padding-top:30px;}
.header-mobile{display:block;position:fixed;left:0;top:0;width:100%;background-color:#ffffff;padding:0 15px;box-shadow:0 2px 8px rgba(0,0,0,.09);z-index:2;}
.mobile-tab{width:100%;}
.mobile-tab > div.mobile-right,
.mobile-tab > div.mobile-left{width:80px;float:left;}
.mobile-tab > div.mobile-right{float:right;}
.mobile-left a{background:url('images/menu_mobile.png') no-repeat center;color:#535b6c;display:block;text-align:center;height:54px;width:23px;text-indent:-9999px;margin:0 auto;}
.langues-link li{font-size:18px;color:#795050;padding:0;}
.mobile-right .langues-link li a{color:#0a0a0a;font-size:16px;}
.mobile-right .langues-link li a.active{font-size:18px;}
.page-about > div > div{padding:80px 0;}
.logo-page img{max-width:300px;}
.row-menu.first,
.row-menu.second{padding-left:0;background:none;}
.menu-cols > div,
.menu-two-cols .right,
.menu-two-cols .left{width:100%;}
.menu-img{display:none;}
.menu-title span{text-align:center;}
.box-footer,
.footer-last{float:none;}
.box-footer{margin-bottom:20px;}
.footer-last p{line-height:100%;}
}
.box-intro a.simple {
    display: block;
    color: #ffffff;
    font-size: 23px;
    background-color: #a9473c;
    padding: 15px 5px;
    max-width: 190px;
    margin: 20px auto 0;
    text-align: center;
    text-decoration: none;
}
.reservation-form {
    padding-bottom: 30px;
}
p a,
.content_page p a {
    color: inherit;
    text-decoration: none;
    transition: box-shadow 0.15s cubic-bezier(0.33, 0.66, 0.66, 1) 0s, color 0.15s ease 0s;
    background-color: transparent;
    box-shadow: #a6463b 0px -3px 0px inset;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0px 2px;
}
p a:hover,
.content_page p a:hover {
    box-shadow: #a6463b 0px -26px inset;
    color: #ffffff;
}
.blog_template.boxy-clean .blog_header h2 {
    line-height: 100%;
}
.blog_template.boxy-clean .blog_header h2 a{
    text-decoration: none;
}
.contact-ithem p a {
    box-shadow: none !important;
    color: #a9473c !important;
}
@media screen and (max-width:767px){.box-about{max-width:400px;padding:30px 20px;}
.page-about > div > div::before{display:none;}
.box-about{margin:0 15px;}
.page-about > div > div{padding:50px 0;}
.box-about p{line-height:24px;}
.logo-page img{max-width:200px;}
}
@media screen and (max-width:630px){.contact-ithem{float:none;width:auto !important;margin:10px 0;}
.liste-rs li{margin-bottom:10px;}
.col-lg-6{width:100%;}
}
@media screen and (max-width:480px){.wrap{padding:0 10px;}
.grid-item{height:auto !important;width:100% !important;}
}