/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body{
margin: 0px!important;
}
body p{
color: #414141;
}
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.ligne .commanderProduit{
color: #FFE1A6;
background: #2A634A;
width: 25%;
margin: auto;
border-radius: 33px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: inherit;
padding-right: inherit;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@font-face {
font-family: 'Burford Outline';
src: url('fonts/Burford-Outline.woff2') format('woff2'),
url('fonts/Burford-Outline.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Burford Outline';
src: url('fonts/Burford-Outline.woff2') format('woff2'),
url('fonts/Burford-Outline.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Burford Outline';
src: url('fonts/Burford-Outline.woff2') format('woff2'),
url('fonts/Burford-Outline.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Burford Base';
src: url('fonts/BurfordBase.woff2') format('woff2'),
url('fonts/BurfordBase.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Burford Base';
src: url('fonts/BurfordBase.woff2') format('woff2'),
url('fonts/BurfordBase.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Burford Base';
src: url('fonts/BurfordBase.woff2') format('woff2'),
url('fonts/BurfordBase.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Romain BP Text';
src: url('fonts/RomainBPTextBold.woff2') format('woff2'),
url('fonts/RomainBPTextBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Romain BP Text';
src: url('fonts/RomainBPTextBold.woff2') format('woff2'),
url('fonts/RomainBPTextBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Romain BP Text';
src: url('fonts/RomainBPTextBold.woff2') format('woff2'),
url('fonts/RomainBPTextBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Bold.woff2') format('woff2'),
url('fonts/RobotoMono-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-MediumItalic.woff2') format('woff2'),
url('fonts/RobotoMono-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-ThinItalic.woff2') format('woff2'),
url('fonts/RobotoMono-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-BoldItalic.woff2') format('woff2'),
url('fonts/RobotoMono-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-SemiBold.woff2') format('woff2'),
url('fonts/RobotoMono-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Regular.woff2') format('woff2'),
url('fonts/RobotoMono-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Medium.woff2') format('woff2'),
url('fonts/RobotoMono-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-LightItalic.woff2') format('woff2'),
url('fonts/RobotoMono-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-ExtraLight.woff2') format('woff2'),
url('fonts/RobotoMono-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-SemiBoldItalic.woff2') format('woff2'),
url('fonts/RobotoMono-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Italic.woff2') format('woff2'),
url('fonts/RobotoMono-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-ExtraLightItalic.woff2') format('woff2'),
url('fonts/RobotoMono-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Thin.woff2') format('woff2'),
url('fonts/RobotoMono-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Mono';
src: url('fonts/RobotoMono-Light.woff2') format('woff2'),
url('fonts/RobotoMono-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
body *{
font-family: 'Burford Base';
}
.liste-client li{
display: inline-block;
vertical-align: middle;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 25px;
}
.liste-client li img{
width: 150px;
}
.content-client h2{
text-align: center;
color: white!important;
}
.deco{
width: 35px;
height: 2px;
background: white;
display: block;
margin: 0 auto;
}
.bgtitle{
background: #fbedba;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.bgtitle h2{
text-align: center;
color: #ff6c0e;
letter-spacing: 4px;
font-family: 'Burford Base';
font-size: 56px;
font-weight: 400;
text-transform: uppercase;
margin-top: 55px;
margin-bottom: 55px;
}
.wrapper-thank{
background: white;
padding: 35px;
max-width: 1024px;
width: 100%;
display: block;
margin: 0 auto;
margin-top: 45px;
text-align: center;
margin-bottom: 45px;
}
.content-client{
background: #093355;
padding: 25px;
text-align: center;
margin-bottom: 55px;
margin-top: 55px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.content-client ul{
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
}
.liste-client{
list-style: none;
padding-left: 0px;
}
.bottom_intro{
position: relative;
z-index: 3333;
margin-top: 75px;
cursor: pointer;
text-align: center;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
.content-presse .display-flex {
margin-top: 35px;
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
}
.content-presse .display-flex>div {
flex-grow: 1;
width: 46%;
max-width: 46%;
margin-left: 2%;
margin-right: 2%;
text-align: center;
background: white;
margin-bottom: 45px;
}
body .linetop{
display: block;
height: 20px;
background-color: white;
text-align: left;
}
body .linetop h3{
float: left;
margin-top: 0px;
margin-bottom: 0px;
font-size: 22px;
font-family: 'Burford Base';
font-weight: 500;
color: #006548;
line-height: 20px;
}
body.page-template-presse section{
padding-bottom: 35px;
background-image: url(img/trame-tripletta-white.png);
background-size: 100%;
background-position: center center;
background-repeat: repeat;
}
.videobanner{
position: absolute;
top: 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
margin-top: -250px;
right: 0px;
width: 100%;
height: 100%;
}
.rollover{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0 , 101 , 71 , 0.30);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rolloveraction .container-img{
position: relative;
}
.rolloveraction:hover .rollover{
opacity: 1;
background: rgba(0 , 101 , 71 , 0.80);
}
.rolloveraction .rollover img{
width: auto!important;
max-width: 60%;
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: 0 auto;
-webkit-transform : translateX(-50%) translateY(-50%);
-moz-transform : translateX(-50%) translateY(-50%);
-ms-transform : translateX(-50%) translateY(-50%);
-o-transform : translateX(-50%) translateY(-50%);
transform : translateX(-50%) translateY(-50%);
}
.clickroll{
width: auto;
max-width: 60%;
position: absolute;
top: 50%;
left: 50%;
color: white;
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
display: block;
margin: 0 auto;
-webkit-transform : translateX(-50%) translateY(-50%);
-moz-transform : translateX(-50%) translateY(-50%);
-ms-transform : translateX(-50%) translateY(-50%);
-o-transform : translateX(-50%) translateY(-50%);
transform : translateX(-50%) translateY(-50%);
}
body .linetop p{
color: #00b380;
line-height: 22px;
margin-top: 0px;
font-size: 22px;
font-family: 'Burford Base';
font-weight: 500;
margin-bottom: 0px;
float: right;
}
.content-presse .wraper-interieur{
background: white;
padding-top: 15px;
}
.content-presse .display-flex div a {
display: block;
}
.content-presse .display-flex div img {
width: 100%;
margin-bottom: 0px;
}
.autrerestau {
margin-top: 35px;
background: #F2F2F2;
}
.autrerestau .col2{
display: inline-block;
width: 49%;
vertical-align: middle;
padding: 25px;
text-align: center;
}
.autrerestau h2{
font-size: 18px;
}
.autrerestau .button{
background: #f5ad31;
padding: 15px;
color: white;
margin-top: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-left: 35px;
padding-right: 35px;
font-size: 18px;
font-weight: bold;
display: inline-block;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.autrerestau .button:hover{
background: white;
color: #f5ad31;
}
.content-presse h3{
color: #131946;
font-size: 16px;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
letter-spacing: 1px;
font-family: 'Avenir LT Std 45 Book';
text-transform: uppercase;
}
.line-flex{
max-width: 80%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.restaurant-template-default .line-flex{
max-width: 100%;
}
.ligne-alergene{
display: flex;
margin-bottom: 35px;
}
.ligne-alergene img{
max-width: 50px;
}
.ligne-alergene .content-img{
position: relative;
}
.tooltip {
opacity: 1!important;
display: inline;
}
.sectionhide{
display: none;
}
.sectionhide.active{
display: block;
}
.container-marque{
display: inline-block;
}
.tooltip:hover:after{
bottom: 40px;
left: 50%;
z-index: 8888;
position: absolute;
-webkit-justify-content: center;
justify-content: center;
background: white;
border-radius: 8px;
color: #ff6c0e;
content: attr(title);
margin: -82px auto 0;
font-size: 16px;
text-align: center;
padding: 8px;
width: auto;
font-weight: bold;
display: block;
white-space: nowrap;
-webkit-transform : translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
border: 1px solid #F2F2F2;
}
.tooltip:hover:before{
border-color: white transparent;
border-width: 12px 6px 0 6px;
content: "";
left: 45%;
bottom: 30px;
position: absolute;
}
body .recrutementhome h2{
color:#00b380!important;
font-size: 55px;
margin-top: 25px;
margin-bottom: 25px;
font-family: 'Burford Base';
}
body .recrutementhome p{
color:#006548;
font-size: 16px;
font-family: 'Burford Base';
line-height: 20px;
font-weight: 300;
padding-left: 0px;
padding-right: 0px;
}
body .nav{
margin-top: 3px;
}
.recrutementhome .suite-carte .wrapper , .page-contenu .centre-txt{
padding: 25px;
position: relative;
z-index: 7777;
background: white;
margin-top: -150px;
}
.page-contenu .centre-txt{
margin-bottom: 45px;
}
.page-contenu .content-fullwidth {
background-image: url(img/Trame-tripletta.png);
background-position: center;
}
.suite-carte .wrapper .formulaire{
margin-top: 35px;
margin-bottom: 35px;
}
.recrutementhome .suite-carte{
background-image: url(img/Trame-tripletta.png);
background-size: cover;
background-position: center;
}
body .recrutementhome .contenttxt{
max-width: 500px;
display: block;
margin: 0 auto;
}
.recrutementhome form .col2{
display: inline-block;
width: 47%;
margin-left: 1%;
margin-right: 1%;
}
.recrutementhome .ligne{
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}
.recrutementhome form {
max-width: 600px;
display: block;
margin: 0 auto;
overflow: hidden;
}
.recrutementhome form input{
border:0px;
color: black;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
line-height: 20px;
font-size: 20px;
border-bottom:1px solid #006548;
}
.recrutementhome form textarea{
border:0px;
color: black;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
line-height: 20px;
font-size: 20px;
outline: none;
border-bottom:1px solid #006548;
border-top:1px solid #006548;
margin: 0 auto;
max-width: 97%;
margin-left: 1%;
}
.recrutementhome form .wpcf7-submit{
float: right;
}
.recrutementhome form .file-109{
float: left;
}
.tooltip.click:after{
bottom: 40px;
left: -50%;
position: absolute;
-webkit-justify-content: center;
justify-content: center;
background: red;
border-radius: 8px;
color: #0E3553;
content: attr(title);
margin: -82px auto 0;
font-size: 16px;
text-align: center;
padding: 13px;
width: auto;
z-index: 8888;
font-weight: bold;
display: block;
}
.tooltip.click:before{
border-color: white transparent;
border-width: 12px 6px 0 6px;
content: "";
left: 45%;
bottom: 30px;
position: absolute;
}
.content-v2order{
width: 35%;
text-align: center;
}
.content-v2order.first{
border-right: 1px solid #333;
}
.v2order .intro-order{
margin-bottom: 35px;
}
.content-v2order h4{
font-size: 16px;
margin-top: 5px;
margin-bottom: 15px;
}
#bgvid{
width: 100%;
}
.subnavcat{
display: none;
}
.showmorecat{
position: relative;
display: inline-block;
}
.showmorecat a{
z-index: 9999;
position: relative;
}
.showmorecat .subnavcat{
position: absolute;
top: 0px;
left: 0px;
z-index: 8888;
width: 250px;
}
.showmorecat .subnavcat{
background: #FAFAFA;
}
.showmorecat .subnavcat a{
display: block;
margin-bottom: 5px;
}
.showmorecat:hover .subnavcat{
display: block;
}
/* wrapper */
.wrapper {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
-webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav .sub-menu{
display: none;
background: white;
padding: 5px;
}
.nav li{
position: relative;
}
.nav li:hover .sub-menu{
display: block;
}
.nav li:hover .sub-menu li{
display: block;
margin-bottom: 10px;
}
header .nav ul.sub-menu{
display: none;
position: absolute;
top: 110%;
left: -10px;
min-width: 140px;
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
/* SELECT OR DIE*/
body select {
/* styling */
background-color: white;
border: thin solid #F2F2F2;
border-radius: 0px;
display: inline-block;
font: inherit;
line-height: 1.3em;
padding: 0.5em 3.5em 0.5em 1em;
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
body select {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
body select:focus {
background-image:
linear-gradient(45deg, green 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, green 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: #093355;
outline: 0;
}
body select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/* END SELECT OR DIE*/
body h2, body h3, body h4{
font-weight: bold;
font-family: 'Burford Base';
}
body p{
font-family: 'Burford Base';
}
.content-cal p {
margin-top: 3px;
font-weight: bold!important;
margin-bottom: 3px;
}
.content-cal{
margin-left: 0px;
margin-right: 10px;
display: flex;
}
.ligne-cal{
align-items: center;
}
.lilpoke{
margin-top: 2px;
width: 24px;
height: 24px;
margin-right: 5px;
}
.bigpoke{
width: 32px;
height: 32px;
margin-right: 5px;
}
.popuppokawa{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(0,0,0,0.7);
}
.content-popup p{
font-size: 16px;
color: white;
}
.close{
float: right;
cursor: pointer;
font-size: 22px;
font-weight: bold;
}
.bouton-nl{
float: right;
margin-top: -35px;
}
.bouton-nl p{
margin-top: 0px;
}
body .close img{
max-width: 25px;
}
.content-popup h2{
max-width: 80%;
font-size: 18px;
color: #e4c464;
display: block;
text-transform: uppercase;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 30px;
}
.content-popup p {
color: #131946;
margin-bottom: 25px;
}
.content-popup .col2{
display: inline-block;
width: 47%;
margin-left: 1%;
vertical-align: middle;
text-align: center;
margin-right: 1%;
padding-left: 35px;
}
.content-popup .col2:first-child{
margin-left: 0px;
}
.content-popup img{
max-width: 100%;
width: auto;
width: 100%;
height: auto;
}
.content-popup .col2.noml{
margin-left: 0px;
width: 45%;
padding-left: 0px;
}
.commande-content h2:before {
content: '';
position: absolute;
left: -60px;
top: 0px;
width: 35px;
background-size: 100%;
height: 65px;
background-image: url(https://www.pokawa.com/img-zelty/palmier_gauche.png);
background-repeat: no-repeat;
}
.commande-content p{
text-transform: uppercase;
}
.commande-content h2{
position: relative;
}
.commande-content h2:after {
content: '';
position: absolute;
right: -60px;
top: 0px;
width: 35px;
background-size: 100%;
height: 65px;
background-image: url(https://www.pokawa.com/img-zelty/palmier_droite.png);
background-repeat: no-repeat;
}
.content-popup{
padding: 5px;
position: fixed;
top: 50%;
text-align: left;
left: 50%;
background: white;
width: 90%;
max-width: 750px;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
footer {
margin-top:55px;
}
footer h3{
font-size: 24px;
text-transform: uppercase;
color: white;
font-weight: 400;
letter-spacing: 2px;
margin-top: 0px;
}
footer .rsmarque li{
margin-left: 5%;
margin-right: 5%;
}
footer .rsmarque li p , footer .rsmarque li a{
color: #993f08;
font-size: 14px;
text-transform: uppercase;
font-family: 'Romain BP Text';
font-weight: bold;
}
footer .subnavfooter *{
display: inline-block;
color: white;
font-size: 12px;
font-weight: 300;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
footer .subnavfooter ul li{
position: relative;
padding-right: 10px;
margin-right: 5px;
}
footer .contntintronav{
font-weight: bold;
padding-right: 5px;
}
footer .subnavfooter ul li:after{
content: '';
width: 1px;
height: 80%;
position: absolute;
left:-10px;
top: 50%;
transform: translateY(-50%);
-webki-transform: translateY(-50%);
-moz-transform: translateY(-50%);
background:white;
}
footer .menu{
margin-left: 10px;
}
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/* header*/
.link-insta{
margin-right: 15px;
width: auto;
}
.mt-page{
margin-top: 75px;
}
body {
background-color: #fafafa;
}
.heightauto{
overflow-y: scroll;
}
header{
top: 0px;
position: fixed;
width: 100%;
height: 75px;
border: 0px;
padding-top: 0px;
padding: 0px;
z-index: 9999;
border-bottom: 0px solid #fAFAFA;
background: #006548;
}
header .wrapper{
display: block;
}
header .logo-img{
width: 160px;
margin-right: 35px;
height: auto;
margin-top: 3px;
}
.logo{
vertical-align: middle;
margin-left: 0px;
display: inline-block!important;
}
header .nav{
display: inline-block;
vertical-align: middle;
position: relative;
margin-top: 0px;
}
header .nav .lang-item{
position: absolute;
right: -45px;
top: 5px;
/* transform: translateY(-50%);
-webki-transform: translateY(-50%);
-moz-transform: translateY(-50%);*/
}
header .nav ul li {
margin-top: 0px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
position: relative;
}
header .nav ul li.current-menu-item a{
font-family: 'Burford Base';
}
.single-restaurant #menu-item-1630 a{
font-family: 'Burford Base';
}
header .nav ul li a{
color: white;
font-weight: 300;
letter-spacing: 1px;
font-family: 'Burford Outline';
font-size: 36px;
text-transform: uppercase;
}
/* FOOTER */
footer *{
color: white;
}
footer {
margin-top: 0px;
padding-top: 25px;
padding-bottom: 10px;
background-color: #ff6c0e;
text-align: center;
}
footer .bandeau-grean{
padding-left: 50px;
padding-right: 50px;
display: block;
}
footer .bandeau-grean a{
font-weight: bold;
font-size: 14px;
font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
footer .bandeau-grean a:hover{
background-color: #093355!important;
color:white!important;
opacity: 1;
}
footer .bandeau-grean h3{
font-weight: bold;
font-size: 16px;
margin-bottom: 0px;
margin-top: 0px;
letter-spacing: 3px;
text-transform: uppercase;
}
footer .copyright a{
color: #993f08;
}
footer .bandeau-grean{
padding:25px;
position: relative;
z-index: 5555;
text-align: left;
background: #3c7c55;
margin-bottom: 15px;
}
footer .bandeau-grean *{
color: white;
font-weight: bold;
}
footer .logo-footer{
max-width: 150px;
margin-bottom: 0px;
}
footer ul {
padding-left: 0px;
}
footer ul li {
display: inline-block;
list-style: none;
}
.rs-pokawa{
margin-bottom: 35px;
margin-top: 35px;
}
footer .content{
font-weight: bold;
font-size: 14px;
margin-top: 35px;
}
footer .copyright{
font-size: 12px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 0px;
}
.page-template-nos_restaurant .item0 , .page-template-nos_restaurant .item2, .page-template-nos_restaurant .item4 , .page-template-nos_restaurant .item6 , .page-template-nos_restaurant .item8{
margin-top: -100px!important;
}
.page-template-nos_restaurant .item1 , .page-template-nos_restaurant .item3 , .page-template-nos_restaurant .item5 , .page-template-nos_restaurant .item7{
margin-top: 100px!important;
}
/* RECRUTEMENT*/
.formulaire-content form input, .formulaire-content form textarea {
display: block;
border:0px;
padding: 10px;
width: 100%;
background: white;
padding-left: 15px;
margin: 0 auto;
margin-top: 5px;
-webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}
.formulaire-content form label{
font-weight: bold;
}
.recrutement_home{
padding-top: 25px;
padding-bottom: 25px;
background:#fafafa;
margin-top: -100px;
}
.recrutement_home{
text-align: center;
}
.wraper-interieur p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.wraper-interieur{
max-width: 980px;
display: block;
margin: 0 auto;
}
.content-text-recrutement{
max-width: 980px;
display: block;
margin: 0 auto;
background: white;
padding: 45px;
margin-top: 45px;
margin-bottom: 45px;
-webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}
.recrutement_home table thead *{
font-weight: bold;
}
.recrutement_home table{
width: 100%;
text-align: left;
}
.recrutement_home table *{
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.hide{
display: none;
}
table .title_job a{
font-weight: 400;
font-size: 18px;
}
table .title_job a:hover{
text-decoration: underline;
}
.single-restaurant #menu-item-22 a{
opacity: 0.5;
}
.intro{
position: relative;
background-size: cover;
background-position: center;
}
/* RECRUTEME?T PAGE */
.intro-blue{
padding-top: 35px;
padding-bottom: 35px;
display: block;
background: white;
}
.slider_image_restaurant{
overflow: hidden;
padding-top: 0px;
margin-top: 0px;
}
.ligne_info{
background: #00b280;
padding-top: 25px;
text-align: center;
padding-bottom: 25px;
}
.ligne_info h3{
font-family: 'Burford Base';
font-size: 50px;
color: white;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.ligne_info h4{
font-family: 'Burford Base';
font-size: 30px;
color: #00f8b3;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.ligne_titre_resto h1 {
font-family: 'Burford Base';
font-size: 50px;
color: white;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.contenu_description img {
width: 300px;
padding-left: 5px;
padding-right: 5px;
}
.contenu_description {
margin-bottom: 25px;
margin-top: 25px;
text-align: center;
padding-top: 50px;
}
.single-restaurant .container-description h2 {
font-size: 40px;
color: #2A634A;
text-align: left;
}
.single-restaurant .container-description p {
text-align: left;
font-size: 20px;
padding-bottom: 25px;
color: #2A634A;
}
.texte_restaurant p {
padding-right: inherit;
padding-left: inherit;
}
.wrapper-seo {
max-width: 90%;
margin: 0 auto;
display: block;
text-align: left;
}
.mapbutton{
display: flex;
}
.mapbutton .col2{
width: 50%;
position: relative;
min-height: 350px;
}
.ordersingle{
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
.ordersingle .stylebutton{
background: #ffae0d;
border:2px solid white;
margin-top: 25px;
}
.ordersingle .stylebutton:hover{
color: #ffae0d;
border-color: #ffae0d;
background:white;
}
.slider_image_restaurant li{
background-size: cover;
background-position: center;
}
.ligne_info ul{
margin-top: 0px;
padding-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.ligne_info p , .ligne_info a {
margin-top: 0px;
font-family: 'Burford Base';
font-size: 20px;
color: #006548;
line-height: 20px;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.ligne_info li{
list-style: none;
width: 30%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
}
.titre-restaurant{
position: absolute;
top: 50%;
left: 50%;
z-index: 7777;
font-family: 'Burford Outline';
font-weight: 300;
color: white;
font-size: 100px;
line-height: 70px;
max-width: 80%;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
.titre-restaurantbis{
position: absolute;
top: 50%;
left: 50%;
z-index: 6666;
font-family: 'Burford Outline';
font-weight: 300;
color: white;
font-size: 100px;
line-height: 70px;
max-width: 80%;
text-align: center;
margin-top: 1px;
margin-left: -1px;
color: #006548;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
}
.slider_image_restaurant li{
overflow: hidden;
}
.intro{
overflow: hidden;
}
.slider_image_restaurant img{
width: 100%;
}
.slider_image_restaurant{
padding-left: 0px;
}
.content-interieur{
background: #FAFAFA;
}
.intro-blue *{
color: black;
}
.col3{
display: inline-block;
vertical-align: top;
width: 31%;
margin-left: 1%;
margin-right: 1%;
text-align: center;
}
.intro-blue h3{
margin-top: 0px;
font-size: 22px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
color: #ff6c0e;
}
.col3 h4{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 3px;
}
.col3 p{
font-size: 14px;
font-weight: bold;
margin-top: 0px;
}
.content-interieur h3 {
font-size: 20px;
line-height: 24px;
color: black;
}
.content-interieur p {
margin-top: 0px;
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.wrapper-interieur{
padding: 55px;
max-width: 980px;
display: block;
margin: 0 auto;
}
.wrapper-interieur .formulaire-content{
text-align: center;
display: block;
width: 650px;
background:#F2F2F2;
margin: 0 auto;
padding: 15px;
}
/* NOS RESTAURANT*/
.imgfull{
background-size: cover;
}
.content-fullwidth{
display: flex;
margin-top: 0px;
}
.content-fullwidth .col2{
width: 50%;
position: relative;
}
.colorgrey{
background: #FAFAFA;
}
.content-text-resturant{
padding-top: 45px;
padding-bottom: 45px;
/* position: absolute;
max-width: 80%;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
*/ }
.content-text-resturant h2 {
text-align: center;
}
.button-ordernow{
float: right;
}
.button-ordernow{
margin-top: 20px;
}
.button-ordernow a.buton-link{
margin-right: 15px;
}
.button-ordernow a.buton-link, .stylebutton{
background: #00b380;
padding: 5px;
color: white;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
border:1px solid transparent;
font-weight: bold;
letter-spacing: 2px;
}
.centre-txt strong{
font-weight: bold;
}
#users-list li img{
max-width: inherit;
width: 100%;
}
.centre-txt img{
width: auto;
max-width: 80%;
display: block;
margin: 0 auto;
}
.page-template-thankyou{
background-image: url(img/Trame-tripletta.png);
background-size: cover;
background-position: center;
}
.stylebutton{
margin: 0 auto;
width: 160px;
display: block;
}
.wrapper-thank {
margin-top: 105px;
}
.wrapper-thank .stylebutton{
width: 210px;
}
.wrapper-thank h2{
color: #ff6c0e;
font-family: 'Burford Base';
font-size: 46px;
font-weight: 300;
margin-top: 5px;
margin-bottom: 5px;
letter-spacing: 2px;
}
.wrapper-thank p{
font-size: 18px;
line-height: 22px;
font-family: 'Romain BP Text';
}
.wrapper-thank .content-texte{
padding-left: 10%;
padding-right: 10%;
}
.button-ordernow a.buton-link:hover{
background: white;
opacity: 1;
color: #ff6c0e;
border:1px solid #ff6c0e;
}
.button-ordernow *{
vertical-align: middle;
display: inline-block;
}
.content-text-resturant h2, .content-text-formulaire h2 , .page-template-page_contenu h2, .recrutement_home h2{
font-size: 28px;
font-weight: 300;
color:#ff6c0e;
text-align: center;
margin-top: 0px;
}
.page-id-1481 .content-fullwidth h3 , .page-id-1473 .content-fullwidth h3{
font-size: 22px;
font-weight: 300;
margin-bottom: 0px;
}
.page-id-1481 .content-fullwidth p , .page-id-1473 .content-fullwidth p{
margin-top: 3px;
margin-bottom: 3px;
}
.content-texte-liste *{
color: white;
}
.content-texte-liste{
background: #0E3553;
padding: 5px;
}
.content-text-resturant input, .content-text-formulaire input{
display: block;
width: 80%;
border: 0px;
padding: 10px;
font-size: 16px;
line-height: 22px;
margin-top: 25px;
margin-bottom: 25px;
-webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}
body .wpcf7-list-item.first{
margin-left: 0px;
}
.content-text-formulaire input[type=radio], .content-text-resturant input[type=radio]{
margin-top: 0px;
}
.content-text-resturant p , .content-text-formulaire p, .page-template-page_contenu .page-contenu p {
font-size: 18px;
line-height: 24px;
font-family: 'Burford ';
}
.content-text-resturant .bouton-soft{
font-size: 18px;
margin-top: 15px;
line-height: 22px;
cursor: pointer;
color: #ff6c0e;
}
.page-template-nos_restaurant footer , .page-template-page_formulaire footer{
margin-top: 0px;
}
.wrapper-interieur .col2{
display: inline-block;
margin-left: 1%;
text-align: left;
margin-right:1%;
width: 47%;
}
.ordernow li{
display: inline-block;
margin-left: 10px;
margin-right: 15px;
list-style: none;
}
.ordernow{
padding-left: 0px;
margin-left: 0px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
.intro-order{
max-width: 450px;
font-weight: bold;
text-align: center;
display: block;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;
line-height: 20px;
color: black;
}
body .titre-order{
font-size: 30px;
letter-spacing: 4px;
}
.content-interieur-resto{
padding-left: 35px;
text-align: center;
}
.content-interieur-resto h2{
font-size: 26px;
text-transform: uppercase;
letter-spacing: 3px;
text-transform: uppercase;
position: relative;
margin-bottom: 35px;
color:#ff6c0e;
}
.content-interieur-resto h4{
font-size: 22px;
text-transform: uppercase;
letter-spacing: 2px;
text-transform: uppercase;
position: relative;
margin-bottom: 5px;
}
.content-interieur-resto h2:after{
position: absolute;
content: '';
width: 55px;
height: 3px;
background: #333;
bottom: -15px;
left: 0px;
}
.content-liste li img{
width: 100%;
}
.content-liste li{
list-style: none;
background: white;
width: 100%;
margin: 0 auto;
margin-bottom: 25px;
-webkit-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 6px 15px -10px rgba(0,0,0,0.75);
}
.content-liste li .content-txt-liste{
padding: 15px;
}
.content-liste li .content-txt-liste h3{
margin-bottom: 3px;
margin-top: 3px;
font-weight: bold;
font-size: 18px;
letter-spacing: 2px;
color: #00b380;
}
.content-liste li .content-txt-liste h4{
margin-bottom: 3px;
margin-top: 3px;
font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
display: none;
text-transform: lowercase;
}
.content-liste{
display: block;
margin: 0 auto;
width: 100%;
position: relative;
}
.content-liste ul{
z-index: 3;
padding-top: 45px;
position: relative;
display: block;
overflow: hidden;
overflow-y:scroll;
max-width: 90%;
margin: 0 auto;
padding-left: 0px;
margin-top: 25px;
}
.content-liste .content-texte-liste{
z-index: 3;
font-size: 18px;
position: relative;
display: block;
overflow: hidden;
overflow-y:scroll;
max-width: 90%;
margin: 0 auto;
margin-top: 15px;
padding: 15px;
}
.message-nofound p {
margin-top: 0px;
}
.content-liste li .content-txt-liste p{
margin-top: 3px;
font-size: 14px;
margin-bottom: 3px;
}
.content-liste li .content-txt-liste .bottom{
text-align: right;
padding-top: 15px;
margin-top: 15px;
font-weight: bold;
text-transform: uppercase;
border-top:1px solid #333;
color: #0E3553;
}
.submitt{
background: #0E3553;
padding: 15px;
color: white ;
cursor: pointer;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-left: 35px;
padding-right: 35px;
font-size: 14px;
font-weight: 500;
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
}
.submitt:hover{
opacity: 0.7;
}
.content-liste li h3{
}
/* SLIDER */
.slider{
margin-top: 75px;
}
.slider .hero-image{
background-size: cover;
}
.slider {
overflow: hidden;
}
.slider img{
width: 100%;
}
.slick-prev.slick-arrow{
position: absolute;
top: 50%;
border:0px;
text-indent: -9999px;
outline: none!important;
left:25px;
z-index: 8888;
background: transparent;
transform: translateY(-50%);
-webki-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.slick-next.slick-arrow{
position: absolute;
outline: none!important;
border:0px;
top: 50%;
transform: translateY(-50%);
-webki-transform: translateY(-50%);
-moz-transform: translateY(-50%);
right:25px;
text-indent: -9999px;
z-index: 8888;
background: transparent;
}
.slick-prev:before, .slick-next:before {
content: '';
width: 37px;
height:66px;
position: absolute;
background-image: url('img/arrow_png.png');
background-size:100%;
z-index: 9999;
top: 0px;
left: -5px;
line-height: 1;
opacity: 1;
color: white;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
left: inherit;
right: -5px;
transform: rotate(180deg);
-webki-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.hero-text {
font-size: 36px;
color: white;
position: absolute;
top: 50%;
left: 50%;
width: 45%;
z-index: 6;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
opacity: 0;
margin-top: 45px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.hero-text *{
margin: 5px;
color: white;
}
.hero-text h5 , .hero-text h4{
font-size: 26px;
margin-bottom: 15px;
}
.hero-text p{
font-size: 20px;
margin-bottom: 15px;
}
.hero-text a{
background: #00b380;
padding: 15px;
color: white;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-left: 35px;
padding-right: 35px;
font-size: 18px;
font-weight: bold;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero-text a:hover{
opacity: 1;
background: white;
padding: 15px;
color: #00b380;
font-size: 18px;
font-weight: bold;
}
.hero-image:after{
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 5;
background: black;
opacity: 0.35;
}
.slick-active .hero-text {
opacity: 1;
margin-top: 0px;
}
.hero-image:after{
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 5;
background: black;
opacity: 0.35;
}
.slick-active .hero-text {
opacity: 1;
margin-top: 0px;
}
.button-slider{
font-size: 18px;
background: #ecca65;
color: #093355;
padding: 15px;
font-weight: bold;
margin-top: 15px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.slick-slider { overflow: hidden; }
.slick-slider div.slick-active .hero-image {
-webkit-animation: myMove 5s 1 ease-in-out;
-moz-animation: myMove 5s 1 ease-in-out;
-o-animation: myMove 5s 1 ease-in-out;
-ms-animation: myMove 5s 1 ease-in-out;
animation: myMove 5s 1 ease-in-out;
}
@keyframes myMove {
from { transform: scale(1.1,1.1); transform-origin: 50% 50%; }
to { transform: scale(1.0,1.0); transform-origin: 50% 0%; }
}
@-webkit-keyframes myMove {
from { -webkit-transform: scale(1.1,1.1); -webkit-transform-origin: 50% 50%; }
to { -webkit-transform: scale(1.0,1.0); -webkit-transform-origin: 50% 0%; }
}
@-o-keyframes myMove {
from { -o-transform: scale(1.1,1.1); -o-transform-origin: 50% 50%; }
to { -o-transform: scale(1.0,1.0); -o-transform-origin: 50% 0%; }
}
@-moz-keyframes myMove {
from { -moz-transform: scale(1.1,1.1); -moz-transform-origin: 50% 50%; }
to { -moz-transform: scale(1.0,1.0); -moz-transform-origin: 50% 0%; }
}
@-ms-keyframes myMove {
from { -ms-transform: scale(1.1,1.1); -ms-transform-origin: 50% 50%; }
to { -ms-transform: scale(1.0,1.0); -ms-transform-origin: 50% 0%; }
}
.page-template-homepage footer{
margin-top: 0px;
}
footer p{
color: white;
}
/* .content-slider p {
font-size: 30px;
text-transform: uppercase;
letter-spacing: 3px;
color: white;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
.content-slider{
text-align: left;
position: absolute;
width: 980px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webki-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
}*/
.slide{
position: relative;
}
/* PAGE FPRMLAIRE */
.content-text-formulaire{
max-width: 80%;
display: block;
margin: 0 auto;
margin-top: 35px;
}
/*.page-contenu{
margin-top: 75px;
}
.page-contenu .content-fullwidth{
margin-top: 0px;
}*/
.centre-txt{
padding: 35px;
background: white;
text-align: center;
max-width: 980px;
width: 100%;
display: block;
margin: 0 auto;
text-align: left;
}
.ordernow img{
max-width: 70px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.content-text-contenu{
padding: 25px;
}
.centre-txt .wrapper-interieur{
display: block;
margin: 0 auto;
}
*,:before,:after{
box-sizing: border-box;
}
.content-text-resturant input.wpcf7-not-valid, .content-text-formulaire input.wpcf7-not-valid{
border:1px solid red;
margin-bottom: 5px;
}
span.wpcf7-not-valid-tip{
font-size: 11px;
}
body form .wpcf7-form-control.wpcf7-submit{
display: inline-block;
background: #00b380;
color: #006548;
width: auto;
font-weight: bold;
padding: 15px;
padding-right: 25px;
padding-left: 25px;
border:0px!important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
border : 2px solid #ea7618;
}
button.btn-nav{
outline: none;
width: 35px;
height: 35px;
border: 0;
position: relative;
background: none;
cursor: pointer;
display: flex;
display: none;
}
button.btn-nav div{
position: absolute;
left: 0;
background: #ffae0d;
width: 100%;
height: 2px;
transition: top .2s ease .2s, bottom .2s ease .2s, opacity .2s ease .2s, -webkit-transform .2s ease;
transition: transform .2s ease, top .2s ease .2s, bottom .2s ease .2s, opacity .2s ease .2s;
transition: transform .2s ease, top .2s ease .2s, bottom .2s ease .2s, opacity .2s ease .2s, -webkit-transform .2s ease;
}
button.btn-nav div:nth-child(1){
top: 0;
}
button.btn-nav div:nth-child(2){
top: calc(50% - 8px);
}
button.btn-nav div:nth-child(3){
bottom: 12px;
}
header.active button.btn-nav div{
transition: top .2s ease, bottom .2s ease, opacity .2s ease, -webkit-transform .2s ease .2s;
transition: transform .2s ease .2s, top .2s ease, bottom .2s ease, opacity .2s ease;
transition: transform .2s ease .2s, top .2s ease, bottom .2s ease, opacity .2s ease, -webkit-transform .2s ease .2s;
}
header.active button.btn-nav div:nth-child(1){
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(50% - 2px);
}
header.active button.btn-nav div:nth-child(2){
opacity: 0;
}
header.active button.btn-nav div:nth-child(3){
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: calc(50% - 0px);
}
.content-menu .col4{
width: 31%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-bottom: 35px;
}
.content-menu .col4 h3{
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
margin-bottom: 5px;
}
.page-template-notre_menu .content-menu .wraper-interieur{
text-align: left!important;
}
.title_menu{
display: block;
margin-top: 25px;
margin-bottom: 25px;
}
.content-txt-liste h3 *{
display: inline-block;
vertical-align: middle;
}
.content-menu h2{
text-transform: uppercase;
letter-spacing: 2px;
}
.sousnav li{
display: inline-block;
}
.sousnav a{
font-size: 16px;
font-weight: 500;
margin-left: 15px;
margin-right: 15px;
text-transform: capitalize;
}
.page-contenu{
margin-top: 75px;
}
.sousnav .active {
text-decoration: underline;
}
.single-poste #menu-item-18 a{
opacity: 0.5;
}
.sousnav .wrapper{
text-align: center;
}
.sousnav{
position: fixed;
top: 75px;
left: 0px;
z-index: 8888;
width: 100%;
background: #FAFAFA;
padding-top: 15px;
padding-bottom: 15px;
}
.bg-fullscrean{
display: block;
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.addshadow{
margin-top: 65px;
padding-top: 50px;
padding-bottom: 25px;
position: relative;
}
.content-text-intro-hero {
text-align: center;
max-width: 70%;
display: block;
margin:0 auto;
position: relative;
z-index: 8888;
background: #ffecb2;
}
.content-text-intro-hero .centre-txt{
background: #ffecb2;
text-align: center;
}
.page-template-nos_restaurant{
background: #ffecb2;
}
.content-text-intro-hero h2{
font-size: 22px;
margin-bottom: 5px;
}
.content-text-intro-hero p{
font-size: 18px;
margin-top: 5px;
}
.page-template-home-v4 .slick-slider{
max-width: 80%;
display: block;
margin:0 auto;
margin-top: 55px!important;
}
.notrecarte{
position: relative;
background-size: auto;
background-position: center;
background-repeat: no-repeat;
min-height: 315px;
background-color: #00b584;
background-image: url('img/ANIMATION_CARTE_TEXTE.gif');
}
.introhome{
display: flex;
}
.bgdeco1{
max-width: 50%;
position: relative;
background-size: auto;
background-position:center;
background-repeat: no-repeat;
background-image: url('img/ANIMATION_PIZZA-MOBILE-JAUNE.gif');
}
.content-intrro{
max-width: 75%;
display: block;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.container-seo {
background: #ffae0d;
}
.container-description {
background: #ffecb2;
}
.container-titre-description h1 {
margin-top: inherit;
margin-bottom: inherit;
font-family: 'Burford Base';
font-size: 50px;
letter-spacing: 3px;
text-transform: uppercase;
color: #ff6c0e;
margin-top: 0px;
font-weight: bold;
margin-bottom: 15px;
text-align: left;
padding-top: 25px;
}
.container-seo h2 {
margin-top: inherit;
margin-bottom: inherit;
font-family: 'Burford Base';
font-size: 60px;
letter-spacing: 3px;
text-transform: uppercase;
color: #ff6c0e;
margin-top: 0px;
font-weight: 300;
margin-bottom: 15px;
text-align: center;
padding-top: 25px;
}
.container-seo p {
margin-bottom: inherit;
color: #b24a09;
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
text-transform: initial;
font-family: 'Romain BP Text';
line-height: 30px;
padding-bottom: 50px;
padding-left: 75px;
padding-right: 75px;
text-align: center;
}
.single-restaurant .container-seo p {
padding-right: 0px;
padding-left: 0px;
}
.bgdeco1 h2{
color: #ff6c0e;
font-family: 'Burford Base';
font-size: 46px;
font-weight: 300;
margin-bottom: 35px;
}
.bgdeco1{
width: 100%;
padding: 35px;
padding-top: 75px;
padding-bottom: 75px;
background-color: #ffae0d;
}
.bgdeco1 p{
color: #0e6443;
font-size: 24px;
text-transform: initial;
font-family: 'Romain BP Text';
line-height: 30px;
}
.bgdeco2{
min-height: 150px;
width: 50%;
position: relative;
background-size: cover;
background-position: center;
}
.boutonhome2:after{
position: absolute;
width: 100%;
content: '';
top: 2px;
left: 2px;
background: #00b380;
height: 100%;
z-index: -2;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.boutonhome2:before{
position: absolute;
width: 100%;
content: '';
top: 0px;
left: 0px;
background: white;
height: 100%;
z-index: -1;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.boutonhome2:hover:before{
background: #00b380;
}
.boutonhome2:hover:after{
background: #ff6c0e;
}
.boutonhome2{
position: absolute;
top: 50%;
z-index: 7777;
left:50%;
padding: 15px 25px ;
color: #00b380;text-align:center;
padding-right: 30px;
padding-left: 30px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding-left: 15px;
padding-right: 15px;
font-size: 22px;
border: 1px solid transparent;
font-weight: bold;
letter-spacing: 2px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.boutonhome2:hover{
background: #00b380;
color: white;
}
.feeeedcontent{
padding-top: 20px;
background-position: center center;
background-size: cover;
background-image: url('img/Trame-pizza.png');
}
.notrecarte a{
position: absolute;
top: 50%;
left: 50%;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
font-weight: 400;
width: auto;
letter-spacing: 0px;
background:#006548;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.notrecarte a:hover{
color: white;
background: #ff6c0e;
}
.addshadow {
position: relative;
margin-bottom: 0px;
overflow: hidden;
background-position: center center;
background-size: cover;
}
/*.addshadow:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
z-index: 5;
background: black;
opacity: 0.35;
top: 0px;
}
*/
.boutonfiche img{
max-width: 35px;
}
.boutonfiche *{
display: inline-block;
vertical-align: middle;
}
.ordernowhome ul{
padding-left: 0px;
text-align: center;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.searchaemporter{
position: relative;
}
.content-txt-card .line{
margin-top: 10px;
margin-bottom: 15px;
}
#users-list{
white-space: 100%;
max-height: 250px;
overflow-y: scroll;
display: none;
}
.page-template-nos_restaurant #users-list{
overflow-y: visible;
}
#users-list{
border:1px solid white;
}
#users-list.open{
display: block;
}
.contentiframe-single-zelty{
margin-top: 100px;
}
#filter_users{
text-overflow: ellipsis;
width: 100%;
padding: 15px;
border: 3px solid white;
border-radius: 10px;
background: white;
color: black!important;
font-size: 14px;
line-height: 18px;
font-weight: bold;
position: relative;
}
.ordernowhome #users-list li {
color: white;
width: 100%;
text-align: left;
}
.ordernowhome ul li{
margin-left: 15px;
margin-right: 15px;
}
.ordernowhome ul li.clickhome h2{
background: transparent;
padding: 5px;
color: white;
font-weight: 500;
font-size: 24px;
line-height: 24px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid white;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ordernowhome ul li.clickhome:hover h2{
opacity: 0.9;
background: #ff6c0e;
color: white;
}
.ordernowhome ul li.clickhome.active h2{
background:#00b380;
color: white;
}
#filter_users{
width:100%;
}
#users-list{
background:white;
margin:0;
padding:0;
position: absolute;
top: 99%;
width: 100%;
border-top:0px;
}
.restaurant-ppage{
background-position: center;
background-size: cover;
}
.content-list-resto{
margin-bottom: 55px;
background-image: url('img/Trame-pizza.png');
background-size: cover;
background-position: top center;
}
.content-text-intro-restaurant {
text-align: center;
position: relative;
z-index: 8888;
margin-bottom: 0px;
padding-bottom: 0px;
}
.content-text-intro-restaurant h2{
color:#ff6c0e;
font-size: 35px;
font-weight: 300;
}
.content-text-intro-restaurant p{
color: #006548;
font-size: 20px;
line-height: 24px;
font-family: 'Romain BP Text';
}
.content-text-intro-restaurant{
margin-top: -130px;
padding-top: 45px;
text-align: center;
}
.content-text-intro-restaurant .centre-txt{
text-align: center;
}
.content-list-resto .centre-txt{
margin-top: 0px;
background: transparent;
}
.content-text-intro-restaurant .centre-txt{
background-color: #ffecb2;
}
.content-txt-card h2{
color: #ff6c0e;
font-family: 'Burford Base';
margin-top: 15px;
margin-bottom: 0px;
font-size: 22px;
text-transform: uppercase;
font-weight: 300;
line-height: 20px;
}
.content-txt-card h4{
color: #006548;
font-family: 'Burford Base';
margin-top: 0px;
margin-bottom: 15px;
font-size: 22px;
text-transform: uppercase;
font-weight: 300;
line-height: 20px;
}
.content-txt-card p{
font-size: 14px;
color: #010101;
margin-top: 10px;
margin-bottom: 10px;
line-height: 20px;
text-transform: initial;
font-weight: 300;
font-family: 'Romain BP Text';
}
.content-list-resto #users-list{
background: transparent;
border: 0px;
}
.content-list-resto #filter_users{
background: #F2F2F2;
}
.content-list-resto #users-list{
position: inherit;
top: inherit;
left: inherit;
max-height: inherit!important;
display: block!important;
}
#users-list li{
list-style:none;
padding:10px;
margin: 0px;
border-bottom: 1px solid #151718;
}
#users-list li{
color:#0E3553;
}
#users-list li:hover{
background:#00b380;
}
#panel.active{
margin-top: 35px;
}
.searchaemporter input::placeholder{
color: #00b380;
font-weight: bold;
font-size: 14px;
}
.rightbutton{
float: right;
background: #ff6c0e;
border:2px solid #ff6c0e;
color: white;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: -5px;
text-align: center;
padding-left: 0px!important;
padding-right: 0px!important;
}
.rightbutton:hover{
background: transparent;
border:2px solid #ff6c0e;
color: #ff6c0e;
}
body .line a.itinieraire{
color: black;
font-size: 14px;
font-family: 'Romain BP Text';
text-transform: initial;
text-decoration: underline;
}
.content-list-resto #users-list li{
width: 45%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 25px;
margin-bottom: 25px;
border-bottom: 0px;
background: #F2F2F2;
-webkit-box-shadow: 4px 4px 3px 3px rgba(255,108,14,0.7);
box-shadow: 4px 4px 3px 3px rgba(255,108,14,0.7);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.content-list-resto #users-list li:hover{
-webkit-box-shadow: 10px 10px 3px 3px rgba(255,108,14,0.8);
box-shadow: 10px 10px 3px 3px rgba(255,108,14,0.8);
}
.horaire{
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.horaire *{
font-weight: 350;
}
.lastp{
border-top:1px solid #333;
display: block;
margin-top: 15px;
padding-top: 15px;
margin-bottom: 5px;
text-align: right;
}
.content-list-resto #users-list{
margin-top: 0px;
padding-top: 150px;
}
.content-list-resto #users-list li img{
margin-bottom: 15px;
}
body .content-list-resto #users-list li a{
font-size: 14px;
}
#panel{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
left: 50%;
top: 50%;
z-index: 9999;
padding-bottom: 10px;
max-width: 450px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#panel li{
position: relative;
z-index: 9999;
background: white;
padding: 15px;
}
.close-livraison{
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.close-livraison{
color: black;
font-weight: bold;
font-size: 16px;
}
#panel:before{
content: '';
position: absolute;
top: -500%;
left: -500%;
z-index: 4444;
background:black;
opacity: 0.5;
width: 1000%;
height: 1000%;
}
#panel li{
list-style: none;
}
.boutonfiche{
font-size: 14px;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #00b380;
padding: 10px;
color: white;
font-weight: bold;
display: inline-block;
margin-bottom: 10px;
}
#panel{
position: fixed;
width: 100%;
padding-bottom: 0px;
z-index: 8888;
text-align: center;
}
#panel li{
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 25px;
}
#panel .fichetexte{
font-size: 14px;
margin-left: 5px;
margin-right: 5px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: #00b380;
padding: 10px;
color:#0E3553;
font-weight: bold;
display: inline-block;
margin-bottom: 10px;
}
#selectresto{
display: block;
margin: 0 auto;
text-overflow: ellipsis;
padding: 15px;
border: 3px solid white;
border-radius: 25px;
background: transparent;
color: white;
font-size: 14px;
line-height: 18px;
font-weight: bold;
position: relative;
}
.ordernowhome {
z-index: 8888;
position: relative;
}
.ordernowhome h1{
text-align: center;
font-size: 36px;
line-height: 36px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
color: white;
}
.ordernowhome .titremap{
font-size: 16px;
position: relative;
max-width: 50%;
display: block;
text-align: center;
margin: 0 auto;
margin-top: 15px;
color:#0E3553;
margin-bottom: 15px;
}
.title-tab *{
color: white;
font-weight: bold;
font-size: 24px;
}
.title-tab li{
cursor: pointer;
}
.ordernowhome .titremap:after {
content: '';
position: absolute;
right: -60px;
top: 0px;
width: 35px;
background-size: 100%;
height: 65px;
background-image: url(https://www.pokawa.com/img-zelty/palmier_droite.png);
background-repeat: no-repeat;
}
.ordernowhome .titremap:before {
content: '';
position: absolute;
left: -60px;
top: 0px;
width: 35px;
background-size: 100%;
height: 65px;
background-image: url(https://www.pokawa.com/img-zelty/palmier_gauche.png);
background-repeat: no-repeat;
}
.ordernowhome .wrapper-interieur{
z-index: 8888;
}
.content-iframe{
width:1024px;
max-width: 90%;
position: absolute;
top: 50%;
left: 50%;
overflow-y: scroll;
height: auto;
padding-bottom: 40px;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: #F2F2F2;
text-align: center;
}
.content-iframe h2{
color: #131946;
font-size: 22px;
text-align: center;
font-weight: bold;
max-width: 50%;
margin:0 auto;
letter-spacing: 1px;
margin-top: 35px;
margin-bottom: 35px;
font-family: 'Avenir LT Std 45 Book';
}
.commande-content .col2 p {
color: white;
font-size: 16px;
text-align: center;
font-weight: bold;
font-family: 'Avenir LT Std 45 Book';
}
.iframe-zelty p {
margin-top: 0px;
margin-bottom: 0px;
}
.iframe-zelty{
padding-bottom: 0px;
padding: 0px;
height: 80%;
background: white!important;
}
.commande-content .col2 img{
max-width: 160px;
width: 100%;
}
.commande-content .col2 a{
display: block;
width: 100%;
}
.commande-content .col2{
margin-top: 35px;
width: 45%;
display: inline-block;
margin-left: 1%;
text-align: center;
vertical-align: middle;
margin-right: 1%;
background: #093355;
padding: 25px;
}
/* BLOG */
.display-flex{
display: flex;
}
.display-flex .col3{
width: 30%;
padding-left: 35px;
}
.display-flex .col7{
width: 70%;
}
.liste-article , .liste-rs{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
.liste-rs {
margin-top: 35px;
margin-bottom: 35px;
}
.liste-rs li{
display: block;
margin-bottom: 10px;
margin-top: 5px;
}
.fb-share{
display: inline-block;
color:white;
min-width: 150px;
padding: 15px 25px;
background-color: rgb(59, 89, 152);
border-radius: 0%;
}
.twitter-share{
display: inline-block;
color:white;
min-width: 150px;
padding: 15px 25px;
background-color: rgb(29, 161, 242);
border-radius: 0%;
}
.twitter-share:hover, .fb-share:hover{
color:white;
}
.liste-article span{
display: block;
}
.liste-article li{
margin-bottom: 15px;
}
.sidebar{
text-align: left;
}
.sidebar img{
width: 100%;
}
.slide-actu{
margin-top: 75px;
min-height: 450px;
}
.slide-actu .slick-slide{
background-repeat: no-repeat;
background-size: cover;
}
.icon-blog{
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.tw-icon{
max-width: 25px;
}
.fb-icon{
max-width: 25px;
}
.sidebar h3{
font-size: 22px;
flex-wrap: bold;
mask-type: 20px;
margin-bottom: 15px;
}
.link-share{
font-weight: bold;
}
.titre-side{
font-size: 14px;
margin-top: 5px;
margin-bottom: 15px;
font-weight: bold;
}
.single-post , .page-template-bloghome{
background-image: inherit;
}
.link-title-slider{
position: absolute;
bottom: 20%;
z-index: 9999;
color: white;
font-size: 32px;
font-weight: bold;
left: 0px;
padding-right: 150px;
}
.wraper-interieur{
position: relative;
}
.content-slideactu {
position: relative;
}
.sub-nav{
position: absolute;
width: 100%;
bottom: 15px;
left: 0px;
}
.content-slideactu .display-flex{
display: flex;
list-style: none;
}
.content-slideactu .display-flex li{
cursor: pointer;
margin-left: 2%;
border-top:2px solid white;
margin-right: 2%;
width: 31%;
padding-top: 15px;
}
.content-slideactu .display-flex li h3{
color: white;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
}
.content-slideactu .display-flex li img{
margin-right: 15px;
width: 75px;
}
.content-slideactu .slick-slide {
background-size:cover;
position: relative;
background-repeat: no-repeat;
}
.sub-nav li.active{
border-top:2px solid rgba(255,255,255,0.7);
}
.sub-nav li.active h3{
opacity: 0.7;
}
.sub-nav ul{
padding-left: 0px;
}
.content-slideactu .slick-slide:after{
content: '';
display: block;
width: 100%;
height: 60%;
background: linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 100%);
position: absolute;
bottom: 0;
}
.flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.flexbox-container > div {
width: 50%;
padding: 10px;
}
.flexbox-container > div:first-child {
margin-right: 20px;
}
.flexbox-container {
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.flexbox-container > div {
width: 50%;
position: relative;
padding: 0px;
}
.content-actu-home h3{
padding: 15px;
position: absolute;
color: #fff;
font-size: 28px;
text-transform: capitalize;
bottom: 0px;
width: 100%;
background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.9));
height: 95px;
margin-bottom: 0px;
}
.content-actu-home img{
width: 100%;
}
.flexbox-container > div:first-child {
margin-right: 20px;
}
.content-actu-home .cat-design{
margin-bottom: 15px;
color: white;
font-weight: bold;
}
.flexbox-container{
padding-top: 35px;
padding-bottom: 35px;
}
.cat-design {
text-transform: capitalize;
display: inline-block;
font-size: 12px;
background:#093355;
padding: 5px 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.link-title-slider a{
display: block;
font-size: 36px;
color: white;
}
.flexbox-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: white;
}
.flexbox-container .content-actu-home {
-ms-flex: 0 0 47%;
flex: 0 0 47%;
max-width: 47%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 35px;
min-height: 350px;
background-size: cover;
background-position: center;
}
body .type-post h1{
color: #131946;
font-size: 32px;
font-weight: bold;
letter-spacing: 1px;
font-family: 'Avenir LT Std 45 Book';
margin-bottom: 5px;
}
body .type-post .sub-title{
margin-bottom: 5px;
}
body .type-post .sub-title *{
font-size: 14px;
}
body .type-post .sub-title .author{
font-weight: bold;
}
body .type-post .col7 p {
font-size: 16px;
line-height: 26px;
font-family: 'Avenir LT Std 45 Book';
}
body .type-post .col7 h1, body .type-post .col7 h2, body .type-post .col7 h3 {
font-size: 18px;
font-family: 'Avenir LT Std 45 Book';
font-weight: bold;
color: #131946;
}
/* Pagination */
.pagination {
clear:both;
position:relative;
font-size:11px; /* Pagination text size */
line-height:13px;
float:right; /* Pagination float direction */
margin-bottom: 45px;
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff; /* Pagination text color */
background: #555; /* Pagination non-active background color */
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover{
color:#fff;
background: #6AAC70; /* Pagination background on hover */
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #6AAC70; /* Current page background */
color:#fff;
}
.pagination{
display: flex;
list-style: none;
padding-left: 0px;
text-align: center;
align-items: center;
justify-content: center;
}
.pagination li {
margin-left: 15px;
margin-right: 15px;
background: #093355;
color: white;
cursor: pointer;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.pagination li:hover {
opacity: 0.7;
}
.pagination li.active {
background: #00b380;
color: #093355;
}
.pagination li a{
display: block;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
color: white;
}
.page-template-single-resto-zelty .button-ordernow a.buton-link{
display: none!important;
}
body a{
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menu-menu-principal{
margin-top: 15px;
}
.page-template-notre_menu-php .intro{
background-position:center;
background-color: #ffae0d;
background-size: cover;
background-repeat:no-repeat;
margin-top: 75px;
}
.intrologo{
display: block;
margin: 0 auto;
margin-top: 35px;
}
.suite-carte{
background: #ffe1a6;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
}
.suite-carte h2{
color:#ffae0d;
font-size: 50px;
line-height: 55px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 35px;
}
.suite-carte p{
color: #ff6c0e;
font-size: 22px;
line-height:26px;
text-transform: uppercase;
padding-left: 11%;
padding-right: 11%;
font-family: 'Burford Base';
}
.noscarte, .noscartev2{
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
background: #ffae0d;
}
.noscarte h3, .noscartev2 h3{
font-family: 'Burford Base';
font-size: 60px;
letter-spacing: 3px;
text-transform: uppercase;
color: #ff6c0e;
margin-top: 0px;
font-weight: 300;
margin-bottom: 15px;
}
.noscarte h4, .noscartev2 h4{
color: #b24a09;
font-size: 36px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
text-transform: uppercase;
font-family: 'Burford Base';
}
.noscarte p, .noscartev2 p{
font-size: 20px;
font-family: 'Burford Base';
color: #b24a09;
text-transform: lowercase;
margin-top: 0px;
margin-bottom: 0px;
}
.line-order .wrapper{
background-repeat: no-repeat;
background-size: 100%;
height: 190px;
background-position: center;
background-image: url('img/COMMANDER-fond-blanc.gif');
}
.line-order .wrapper a{
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
color: #ff6c0e;
border:1px solid #ff6c0e;
padding: 15px 25px;
background: transparent;
width: auto;
font-weight: 300;
letter-spacing: 2px;
-webkit-transform : translateY(-50%) translateX(-50%);
-moz-transform : translateY(-50%) translateX(-50%);
-ms-transform : translateY(-50%) translateX(-50%);
-o-transform : translateY(-50%) translateX(-50%);
transform : translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.line-order .wrapper a:hover{
color: white;
background: #ff6c0e;
}
.line-order .wrapper{
}
.noscarte li:hover p, .noscarte li:hover h4{
color: white;
}
.noscarte li:hover p{
text-decoration: underline;
}
.noscarte ul{
max-width: 60%;
display: block;
margin: 0 auto;
padding-left: 0px;
}
.noscartev2 ul {
max-width: 100%;
}
.noscarte ul li{
list-style: none;
width: 47%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.noscartev2 ul li{
list-style: none;
width: 17%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
.container_produit .textProduit {
width: 962px;
margin: auto;
}
.container_produit .textProduit h3 {
margin-top: 115px;
font-family: 'Burford Base';
font-size: 60px;
text-transform: uppercase;
color: #ff6c0e;
margin-bottom: inherit;
}
.container_produit .textProduit p {
color: #2A634A;
padding-left: inherit;
padding-right: inherit;
margin-bottom: 40px;
}
.container_produit .textProduit p.commanderProduit {
color: #FFE1A6;
background: #2A634A;
width: 25%;
margin: auto;
border-radius: 33px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: inherit;
padding-right: inherit;
}
.container_produit .produit ul li h4 {
color: #2A634A;
font-size: 30px;
font-family: 'Burford Base';
font-weight: 500;
margin-top: inherit;
margin-bottom: inherit;
text-align: left;
}
.container_produit .produit ul li p {
color: black;
font-size: 12px;
font-family: 'Roboto Mono';
font-weight: 400;
text-transform: inherit;
padding-right: inherit;
padding-left: inherit;
margin-top: inherit;
text-align: left;
line-height: inherit;
margin-bottom: inherit;
}
.container_produit .produit .imgLigne img {
margin-bottom: 40px;
margin-top: 15px;
}
.container_produit .produit ul {
display: grid;
grid-template-columns: 32% 32% 32%;
/*grid-template-rows: 14% 14% 14% 14% 14% 14% 14%;*/
grid-column-gap: 2%;
grid-row-gap: 15px;
padding-left: inherit;
position: relative;
width: 962px;
margin: auto;
}
.container_produit .produit ul li img {
width: 100%;
}
.container_produit .produit ul li img.vege, .container_produit .produit ul li img.piquant {
width: 35px;
height: 25px;
display: inline-block;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
.imgPicto {
text-align: left;
}
.container_produit .produit ul li:first-child img.vege, .container_produit .produit ul li:first-child img.piquant {
width: 50px;
height: 50px;
display: inline-block;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
.container_produit .produit ul li:first-child {
grid-column: 1/3;
grid-row: 1/3;
}
.container_produit .produit ul li:first-child h4 {
font-size: 60px;
margin-top: 25px;
}
.container_produit .produit ul li:first-child p {
font-size: 18px;
margin-bottom: 25px;
margin-top: 25px;
}
.container_produit .produit li {
list-style-type: none;
}
.container_produit .descriptionPictogramme p {
color: black;
font-size: 11px;
font-family: 'Roboto Mono';
font-weight: 500;
text-transform: inherit;
float: right;
margin-top: 50px;
}
.container_produit .descriptionPictogramme p img {
width: 25px;
height: 25px;
}
.shadow {
box-shadow: 0px 2px 90px #00000014;
}
.ordernowhome #users-list li a{
font-size: 16px;
font-weight: 300;
}
@media screen and (min-width: 601px) and (max-width: 1024px)
{
.container-description h2 {
font-size: 39px!important;
}
.contenu_description img
{
padding-top: 5px;
padding-bottom: 5px;
}
.container_produit .textProduit h3 {
margin-top: 25px;
}
.container_produit .textProduit
{
width: inherit;
}
.container_produit .produit ul li img {
width: 100%;
}
.container_produit .produit ul {
display: grid;
grid-template-columns: 50% 50%;
grid-column-gap: 2%;
grid-row-gap: 15px;
padding-left: inherit;
position: relative;
width: inherit;
}
.container_produit .produit ul li:first-child {
grid-row: inherit;
grid-column: inherit;
}
.container_produit .produit ul li:first-child h4 {
font-size: 35px;
margin-top: inherit;
}
.container_produit .produit ul li:first-child p {
font-size: 13px;
margin-top: inherit;
margin-bottom: inherit;
}
.container_produit .produit ul li:first-child img.vege, .container_produit .produit ul li:first-child img.piquant {
width: 35px;
height: 25px;
display: inline-block;
margin-right: 10px;
margin-top: 10px;
float: left;
}
.container_produit .textProduit p {
margin-top: 25px;
padding-left: 25px;
padding-right: 25px;
}
.container_produit .descriptionPictogramme p {
color: black;
font-size: 11px;
font-family: 'Roboto Mono';
font-weight: 500;
text-transform: inherit;
float: inherit;
margin-top: 50px;
}
.noscartev2 ul {
max-width: 70%;
}
.noscartev2 ul li {
list-style: none;
width: 30%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px)
{
.contenu_description img {
padding-bottom: 10px;
}
.container-titre-description h1 {
font-size: 26px;
}
.container-description h2 {
font-size: 20px!important;
}
.single-restaurant .container-seo p {
font-size: 13px!important;
}
.container_produit .textProduit h3 {
margin-top: 25px;
font-family: 'Burford Base';
font-size: 35px;
text-transform: uppercase;
color: #ff6c0e;
margin-bottom: inherit;
}
.container-seo h2 {
font-size: 30px;
}
.container-seo p {
font-size: 20px;
}
.container_produit .textProduit {
width: inherit;
}
.container_produit .produit ul {
display: block;
width: inherit;
}
.container_produit .produit ul li:first-child h4 {
margin-top: inherit;
font-size: 30px;
}
.container_produit .produit ul li h4 {
font-size: 30px;
}
.container_produit .produit ul li:first-child p {
font-size: 13px;
margin-top: inherit;
margin-bottom: inherit;
}
.container_produit .produit ul li:first-child img.vege, .container_produit .produit ul li:first-child img.piquant {
width: 35px;
height: 25px;
}
.container_produit .descriptionPictogramme p {
float: inherit;
padding-left: 10px;
padding-right: 10px;
margin-top: 25px;
margin-bottom: 25px;
}
.container_produit .textProduit p {
font-size: 15px;
margin-top: inherit;
margin-bottom: inherit;
padding-left: 15px;
padding-right: 15px;
}
.container_produit .textProduit p.commanderProduit {
width: 40%;
margin-top: 25px;
}
.noscartev2 ul li {
width: 47%;
}
}
@media screen and (max-width: 1430px) {
.bgdeco1 h2{
font-size: 42px;
}
}
@media screen and (max-width: 1330px) {
header .nav ul li a{
font-size: 32px;
}
#menu-menu-principal{
padding-left: 0px;
}
.bgdeco1 h2{
font-size: 42px;
}
}
/* MEDIA QUERIES */
@media screen and (max-width: 1290px) {
header .nav ul li a{
font-size: 30px;
}
.bgdeco1 h2{
font-size: 40px;
}
}
@media screen and (max-width: 1170px) {
#menu-menu-principal{
padding-left: 0px;
}
header .nav ul li a{
font-size: 26px;
}
body #menu-menu-principal{
margin-top: 20px;
padding-left: 0px;
}
.content-intrro{
max-width: 95%;
width: 95%;
}
.bgdeco1 h2{
font-size: 30px;
margin-bottom: 15px;
}
.bgdeco1 p{
font-size: 20px;
}
}
@media screen and (max-width: 1050px) {
header .logo-img {
margin-right: 0px;
padding-left: 0px;
width: 130px;
}
header .nav ul li a{
font-size: 22px;
}
header {
height: 65px;
}
.button-ordernow{
margin-top: 15px;
}
}
@media screen and (max-width: 1000px) {
.videobanner{
right: inherit;
left: -50%;
}
.button-ordernow{
margin-top: 20px;
}
.linetop p{
display: none;
}
body .linetop h3{
font-size: 18px;
}
header {
height: 75px;
}
.ligne_info {
margin-top: -15px;
}
.page-contenu .centre-txt{
max-width: 95%;
}
.noscarte h4{
font-size: 30px;
}
body .line-order .wrapper a {
font-size: 24px;
}
.content-liste{
margin-top: 15px;
}
.content-liste li{
width: 100%;
}
.content-liste .content-texte-liste{
margin-bottom: 35px;
}
.content-text-resturant {
padding: 15px;
padding-top: 35px;
padding-bottom: 35px;
position: inherit;
max-width: 100%;
top: inherit;
left: inherit;
width: 100%;
text-align: center;
-webkit-transform: translateY(0%) translateX(0%);
-moz-transform: translateY(0%) translateX(0%);
-ms-transform: translateY(0%) translateX(0%);
-o-transform: translateY(0%) translateX(0%);
transform: translateY(0%) translateX(0%);
}
.page-template-nos_restaurant .col2.colorgrey{
margin-bottom: 35px;
}
.page-template-nos_restaurant .content-fullwidth .col2 {
width: 95%;
padding-top: 5px;
display: block;
margin: 0 auto;
}
.page-template-nos_restaurant .col2.imgfull{
display: none!important;
}
.hero-text a{
display: inline-block;
margin-top: 15px;
}
.page-template-nos_restaurant .col2.imgfull{
min-height: 350px;
}
#bgvid{
margin-top: 40px;
}
.bg-fullscrean{
display: block;
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
height: auto!important;
}
.content-iframe{
width:100%;
max-width: 90%;
position: inherit;
overflow-y: inherit;
height: auto!important;
top: inherit;
left: inherit;
display: block;
margin: 0 auto;
position: initial;
-webkit-transform: translateY(0%) translateX(0%);
-moz-transform: translateY(0%) translateX(0%);
-ms-transform: translateY(0%) translateX(0%);
-o-transform: translateY(0%) translateX(0%);
transform: translateY(0%) translateX(0%);
}
.bg-fullscrean-home .content-iframe{
padding-top: 25px;
}
.bg-fullscrean-home{
padding-top: 100px;
padding-bottom: 100px;
}
.button-ordernow{
position: absolute;
right: 70px;
top: 0px;
}
header .nav ul li{
margin-left: 0px;
margin-right: 0px;
}
.wrapper{
max-width: 90%;
}
body #menu-menu-principal{
padding-left: 15px;
}
.wraper-interieur{
max-width: 95%;
display: block;
margin: 0 auto;
}
header .logo-img{
margin: 0 auto;
margin-top: 0px;
}
header .wrapper{
height: 75px;
}
.logo{
vertical-align: middle;
display: block!important;
margin: 0 auto;
width: 150px;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%) ;
-moz-transform: translateY(-50%) ;
-ms-transform: translateY(-50%) ;
-o-transform: translateY(-50%) ;
transform: translateY(-50%) ;
}
.slick-slider div.slick-active .hero-image{
background-position: center;
}
.hero-text *{
font-size: 16px;
}
.hero-text{
text-align: center;
}
.hero-text{
padding-left: 35px;
padding-right: 35px;
}
/*
.button-ordernow{
display: none;
}*/
.link-insta{
display: none;
}
.button-ordernow a.buton-link{
margin-top: 0px;
padding:8px;
}
.bouton-nl{
position: inherit;
display: block;
height: 50px;
margin-top: 25px;
}
button.btn-nav{
display: block;
position: absolute;
top: 27px;
right: 00px;
}
header.active button.btn-nav{
top: 17px;
}
header .nav ul li.current-menu-item:after{
display: none;
}
nav.nav{
display: none;
position: absolute;
}
.active nav.nav:after{
z-index: 7777;
content: '';
position: absolute;
top: 0px;
left: -100px;
width: 150%;
height: 100%;
background: black;
opacity: 0.34;
}
.active nav.nav{
position: relative;
width: 100%;
top: 75px;
height: 100%;
display: block;
right: -40px;
}
body #menu-menu-principal{
margin-top: 0px;
}
.active nav.nav ul{
overflow: scroll;
position: absolute;
top: 0px;
z-index: 9999;
width: 100%;
display: block;
}
body .content-list-resto #users-list li a{
display: block;
text-align: center;
width: 100%;
margin-top: 5px;
float: inherit;
margin-bottom: 5px;
}
body .recrutementhome h2{
font-size: 35px;
line-height: 38px;
}
.content-txt-card h2{
text-align: center;
}
.content-txt-card .line{
margin-bottom: 35px;
}
.active nav.nav ul .sub-menu{
position: inherit;
height: auto!important;
padding: 0px;
padding-left: 6px;
}
.active nav.nav ul .sub-menu li:last-child{
padding-bottom: 0px;
}
header .nav ul {
width: 350px;
margin-top: 0px;
background: white;
}
header .nav ul li{
padding-top: 0px;
padding-bottom: 15px;
width: 100%;
display: block;
}
.menu-item-has-children a{
display: none;
}
.menu-item-has-children li a{
display: block;
}
.wrapper-interieur .formulaire-content{
width: 100%;
}
.wraper-interieur{
padding-left: 10%;
padding-right: 10%;
}
.content-text-recrutement{
max-width: 80%;
}
.content-text-formulaire form *{
width: 100%;
}
.content-text-formulaire form .wpcf7-list-item{
width: auto;
}
.bouton-nl{
float: inherit;
margin:0 auto;
width: 100%;
}
.bouton-nl a {
float: inherit!important;
display: block;
}
footer .bandeau-grean *{
text-align: center;
}
.block-nl{
margin-top: 15px;
background: white;
padding-bottom: 10px;
}
.block-nl p {
margin-top: 0px;
margin-bottom: 0px;
}
footer .logo-footer{
width: 100%;
}
header .nav .lang-item{
position: relative;
display: block;
top: inherit;
left: inherit;
right: inherit;
margin-left: -20px;
}
header .nav ul {
padding-top: 25px;
}
header .nav ul li a{
color: #006548;
font-family: 'Burford';
position: relative;
z-index: 9999;
}
header .nav ul li.current_page_item a{
color: #ffae0d;
}
footer .rsmarque li{
margin-left: 3%;
margin-right: 3%;
}
}
.slick-dots{
display: none!important;
position: absolute;
display: block;
left: 50%;
bottom: 0px;
z-index: 7777;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
list-style: none;
padding-left: 0px;
}
.commande-content .col2 img{
max-width: 100px;
}
.commande-content .col2{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.commande-content .col2 p{
font-size: 14px;
font-weight: bold;
}
.commande-content .col2 p {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
.commande-content .col2 img{
max-width: 50px;
display: inline-block;
vertical-align: middle;
margin-top: 0px;
margin-bottom: 0px;
}
.v2order.bottom h4{
font-size: 16px;
color: black;
text-transform: lowercase;
}
@media screen and (max-width: 580px) {
.videobanner{
right: inherit;
left: -100%;
}
.clickhome {
}
.page-template-presse .content-presse .display-flex{
display: block;
}
.page-template-presse .content-presse .display-flex>div{
width: 100%;
max-width: 100%;
}
body .bgtitle h2{
font-size: 26px;
line-height: 26px;
margin-top: 35px;
margin-bottom: 35px;
}
.content-list-resto #users-list{
padding-top: 0px;
}
.titre-restaurant{
font-size: 50px;
line-height: 55px;
}
.ligne_info h3 {
font-size: 40px;
line-height: 40px;
}
.ligne_info li{
display: block;
width: 100%;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.mapbutton{
display: block;
}
.mapbutton .col2{
width: 100%;
display: block;
}
.noscarte h4{
font-size: 18px;
}
.noscarte p{
font-size: 16px;
}
.recrutementhome form .col2{
display: block;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
body form .wpcf7-form-control.wpcf7-submit{
display: block;
margin-top: 15px;
margin-bottom: 15px;
}
body #instafeed > a{
width: 50%;
}
body #instafeed{
max-width: 90%;
text-align: center;
}
.recrutementhome .ligne{
margin-top: 0px;
margin-bottom: 0px;
}
.titre-restaurantbis{
font-size: 50px;
line-height: 55px;
}
.button-ordernow a.buton-link{
margin-right: 0px;
font-size: 12px;
}
.hhidemobile{
display: none;
}
header .wrapper{
width: 100%;
}
.page-template-nos_restaurant .item0, .page-template-nos_restaurant .item2, .page-template-nos_restaurant .item4 , .page-template-nos_restaurant .item1 , .page-template-nos_restaurant .item3{
margin-top: 25px!important;
margin-bottom: 25px!important;
}
.intrologo{
width: 90%;
}
.noscarte h3{
font-size: 30px;
line-height: 30px;
}
.noscarte ul{
width: 100%;
max-width: 100%;
}
.line-order .wrapper a{
font-size: 16px!important;
padding: 3px 5px;
}
.bgdeco1 , .bgdeco2{
max-width: 100%;
width: 100%;
padding: 5px;
display: block;
}
.content-intrro {
max-width: 85%;
width: 100%;
}
.notrecarte a{
text-align: center;
}
footer h3{
font-size: 24px;
line-height: 26px;
display: block;
margin: 0 auto;
max-width: 80%;
}
footer .rsmarque li{
display: block;
width: 100%;
margin-bottom: 35px;
}
footer .subnavfooter ul li{
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
footer .subnavfooter ul li:after{
display: none;
}
.introhome{
display: block;
}
.autrerestau .col2{
display: block;
width: 80%;
margin: 0 auto;
vertical-align: middle;
padding: 25px;
text-align: center;
}
.content-list-resto #users-list li{
display: block;
width: 80%;
margin: 0 auto;
margin-bottom: 25px;
}
body .type-post h1{
font-size: 24px;
}
.ordernowhome h1{
font-size: 18px;
}
.hero-text{
width: 100%;
}
.slick-next.slick-arrow:before{
display: none;
right: 10px;
}
.slick-prev.slick-arrow:before{
left: 10px;
display: none;
}
.hero-text a{
padding: 15px;
}
.ordernowhome ul li.clickhome h2 ,.ordernowhome ul li.clickhome h2 a {
font-size: 14px;
font-weight: 300;
padding-left: 15px;
padding-right: 15px;
}
.line-flex{
max-width: 100%;
display: block;
}
.content-v2order{
width: 100%;
}
.commande-content .col2{
padding: 10px;
}
.commande-content h2{
font-size: 16px;
max-width: 50%;
display: block;
text-align: center;
margin:0 auto;
margin-top: 15px;
margin-bottom: 15px;
}
.zeltyfull{
padding-top: 100px;
padding-bottom: 100px;
}
.commande-content .col2 p {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-top: 0px;
font-size: 12px;
margin-bottom: 0px;
}
.commande-content .col2 img{
max-width: 35px;
display: inline-block;
vertical-align: middle;
margin-top: 0px;
margin-bottom: 0px;
}
.content-popup .col2 {
width: 90%;
display: block;
margin:0 auto;
padding-left: 0px;
}
body .commande-content {
margin-top: 35px;
margin-bottom: 35px;
}
.commande-content .col2{
width: 90%;
display: block;
margin:0 auto;
margin-bottom: 15px;
}
.content-popup .col2.noml{
display: none;
}
.content-presse .display-flex{
flex-wrap: wrap;
}
.slick-dots{
display: block!important;
}
.slick-dots *{
color: white;
display: inline-block;
}
.slick-dots li{
margin-left: 5px;
margin-right: 5px;
}
.slick-dots button{
background: white;
width: 15px;
padding: 0px 3px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border:0px;
}
.slick-dots li.slick-active button{
opacity: 0.6;
}
.content-actu.wraper-interieur{
min-height: 450px;
}
.content-slideactu .slick-slide{
background-position: center;
}
.content-actu-home h3{
font-size: 18px;
padding-top: 35px;
line-height: 22px;
}
.link-title-slider{
left: 10%;
}
.link-title-slider a{
font-size: 24px;
}
.single-post .display-flex{
display: block;
}
.single-post .display-flex .col7, .single-post .display-flex .col3{
width: 90%;
display: block;
margin: 0 auto;
padding-left: 0px;
}
.flexbox-container{
display: block;
}
.flexbox-container > div,.flexbox-container .content-actu-home{
display: block;
max-width: 90%;
width: 90%;
margin: 0 auto;
margin-bottom: 35px;
}
.sub-nav.slider-actua{
display: none;
}
.single-post .display-flex .col3.sidebar{
text-align: center;
}
.content-presse .display-flex>div{
width: 46%;
max-width: 46%;
}
.hero-text a{
display: block;
margin-top: 15px;
font-size: 14px;
}
.content-liste ul{
overflow: visible;
}
.slick-prev:before, .slick-next:before{
width: 38px;
height: 38px;
}
.intro-blue h3{
font-size: 20px;
}
.content-interieur-resto h2{
font-size: 18px;
}
.wrapper-interieur .col2{
width: 100%;
display: block;
}
.intro-order{
font-size: 16px;
padding: 10px;
}
#map{
width: 100%!important;
}
.ordernow img{
max-width: 50px;
}
.hidemobile{
display: none;
}
.content-text-resturant input{
margin: 0 auto;
}
footer .bandeau-grean{
padding-left: 10px;
padding-right: 10px;
}
.content-liste ul{
padding-top: 0px;
margin-top: 0px;
}
.content-text-resturant h2, .content-text-formulaire h2, .page-template-page_contenu h2, .recrutement_home h2{
font-size: 18px;
}
.logo {
width: 100px;
}
.content-text-recrutement{
padding: 5px;
}
.wrapper-interieur{
padding: 25px;
}
.intro-blue{
text-align: center;
}
.page-template-restaurant-v2 .wraper-interieur , .page-template-restuanrat-v3 .wrapper-interieur{
-webkit-transform : translateY(0%);
-moz-transform : translateY(0%);
-ms-transform : translateY(0%);
-o-transform : translateY(0%);
transform : translateY(0%);
overflow: visible;
max-height: inherit;
}
.wraper-interieur{
padding-left: 3%;
padding-right: 3%;
}
table .title_job a{
font-size: 16px;
}
.content-text-recrutement{
max-width: 90%;
}
.content-fullwidth{
display: block;
}
.content-fullwidth .col2{
width: 95%;
padding-top: 5px;
display: block;
margin: 0 auto;
}
.content-fullwidth .col2.imgfull{
min-height: 250px;
}
.content-menu .col4 {
width: 90%;
display: block;
margin: 0 auto;
}
.centre-txt{
padding-left: 15px;
}
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}