Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/oh-bouchoux.fr/wp-content/themes/idcomcrea/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/oh-bouchoux.fr/wp-content/themes/idcomcrea/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/oh-bouchoux.fr/wp-content/themes/idcomcrea/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/oh-bouchoux.fr/wp-content/themes/idcomcrea/less/lessc.inc.php on line 2478
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input::-moz-focus-inner {
border: 0;
}
a {
color: #fff;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
}
a:hover,
a:active {
color: #accb54;
}
.col-p5 {
width: 5%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p5 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p10 {
width: 10%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p10 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p15 {
width: 15%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p15 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p20 {
width: 20%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p20 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p25 {
width: 25%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p25 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p30 {
width: 30%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p30 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p35 {
width: 35%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p35 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p40 {
width: 40%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p40 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p45 {
width: 45%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p45 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p50 {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p50 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p55 {
width: 55%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p55 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p60 {
width: 60%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p60 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p65 {
width: 65%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p65 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p70 {
width: 70%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p70 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p75 {
width: 75%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p75 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p80 {
width: 80%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p80 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p85 {
width: 85%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p85 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p90 {
width: 90%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p90 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p95 {
width: 95%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p95 {
clear: both;
float: inherit;
width: 100%;
}
}
.col-p5 {
width: 5%;
float: left;
}
@media screen and (max-width: 768px) {
.col-p5 {
clear: both;
float: inherit;
width: 100%;
}
}
body {
font-family: 'Montserrat', sans-serif;
overflow: auto;
overflow-x: hidden;
}
body #wrapper {
position: absolute;
min-height: 100%;
height: auto;
width: 100%;
}
body header.noir {
background: #0b0b0b;
clear: both;
padding: 10px;
position: relative;
}
body header #gauche {
text-align: right;
}
body header #droite {
text-align: left;
}
body header #droite ul {
list-style-type: none;
}
body header #droite ul li {
display: inline-block;
}
body header a {
text-decoration: none !important;
}
body header #logo a {
display: block;
text-align: center;
}
body header #logo a img {
margin: auto;
}
body header nav {
height: 40px;
margin-top: 25px;
}
body header nav ul {
display: inline-block;
}
body header nav ul li {
display: inline-block;
}
body header nav ul li a {
padding: 10px;
color: #fff;
text-decoration: none;
}
body.home main {
padding: 10%;
}
@media screen and (max-width: 480px) {
body.home main {
padding: 20px 0;
}
}
body.home main h1 {
font-family: 'Lobster', cursive;
color: #fff;
font-size: 6em;
}
@media screen and (max-width: 480px) {
body.home main h1 {
font-size: 2em;
}
}
body.home main ul {
padding-top: 15px;
list-style-type: none;
text-align: center;
color: #accb54;
font-weight: bold;
}
body.home main ul li {
font-size: 18px;
padding: 7px 0;
}
body main {
padding-bottom: 215px;
}
body footer {
background: #0b0b0b;
color: #fff;
font-size: 12px;
}
@media screen and (min-width: 480px) {
body footer {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
}
body footer div {
padding: 10px;
text-align: center;
}
@media screen and (min-width: 480px) {
body footer div {
text-align: left;
}
}
@media screen and (min-width: 480px) {
body footer {
font-size: 14px;
padding: 25px 20%;
}
}
body footer i {
color: #accb54;
font-size: 1.4em !important;
margin: 5px;
}
@media screen and (min-width: 480px) {
body footer i {
float: left;
vertical-align: middle;
}
}
body footer a {
color: #fff;
}
body footer p {
text-align: center;
padding: 10px;
font-size: 12px;
}
#TA_restaurantWidgetGreen693 {
z-index: 99999999;
position: fixed;
right: 0;
bottom: 50px;
}
#menu-mobile-button {
padding: 5px 15px;
}
#menu-mobile-button button {
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
border: 1px solid #fff;
padding: 10px;
color: #fff;
display: block;
width: 100%;
background: none;
text-align: left;
position: relative;
}
#menu-mobile-button button i {
position: absolute;
right: 10px;
top: 10px;
}
#menu-mobile {
position: fixed;
z-index: 999999999;
top: 0;
height: 100%;
background-color: #0b0b0b;
width: 320px;
left: -320px;
padding: 10px;
}
#menu-mobile h2,
#menu-mobile h3 {
text-transform: uppercase;
font-size: 18px;
color: #fff;
padding: 5px;
}
#menu-mobile h2 button,
#menu-mobile h3 button {
float: right;
background: none;
border: none;
color: #fff;
}
#menu-mobile h3 {
font-size: 20px;
text-align: center;
padding: 5px;
}
#menu-mobile h3 i {
color: #accb54;
}
#menu-mobile li {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #666;
}
#menu-mobile li a {
color: #fff;
}
.panel-grid-cell {
position: relative;
}
.cadre_vert {
border: 1px solid #accb54;
margin: 25px;
padding: 10%;
height: 80%;
}
.cadre_vert.no_border {
border: none !important;
}
.cadre_vert .widget-title {
font-family: 'Lobster', cursive;
color: #0b0b0b;
font-size: 3em;
text-align: center;
padding-bottom: 25px;
}
.cadre_vert p {
font-size: 18px;
line-height: 22px;
padding-bottom: 20px;
}
#coordonnees .bouton_vert {
background: #accb54;
color: #fff;
text-align: center;
padding: 20px 10px;
display: inline-block;
height: 85px;
top: 0;
margin: 0;
position: absolute;
right: 10%;
margin-top: -10px;
}
#coordonnees .bouton_vert:hover {
background: #589442;
}
#coordonnees a+a {
text-align: center;
padding: 10px;
display: inline-block;
height: 65px;
line-height: 55px;
}
.vert {
color: #accb54;
}
h3 {
font-family: 'Lobster', cursive;
color: #0b0b0b;
font-size: 3em;
text-align: center;
padding-bottom: 25px;
position: relative;
}
h3:after {
display: block;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
width: 200px;
content: "";
background: url(../img/deco.png) center center no-repeat;
background-size: 100% 100%;
height: 40px;
}
.prix strong {
display: inline-block;
height: 100px;
line-height: 100px !important;
text-align: center;
width: 100px;
font-size: 36px !important;
margin: auto;
color: #accb54;
border: 2px solid #accb54;
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
-o-border-radius: 50px !important;
position: relative;
}
.prix strong sup {
font-size: 16px;
position: absolute;
}
.equalizer .panel-grid-cell {
background: url(../img/fond_vert.jpg) center center no-repeat;
background-size: 100% 100%;
}
a.deco {
width: 336px;
height: 63px;
line-height: 60px;
text-transform: uppercase;
background: url(../img/deco.jpg) no-repeat center center;
color: #fff;
text-align: center;
display: inline-block;
}
.activite {
margin: 25px 0;
}
.activite h2 {
font-family: 'Lobster', cursive;
color: #0b0b0b;
font-size: 1.8em;
margin-bottom: 10px;
}
.activite h4 {
font-weight: bold;
margin-bottom: 10px;
}
.activite p {
padding-bottom: 10px;
color: #3E3E3E;
font-size: 14px;
text-align: justify;
}
.activite a {
color: #0b0b0b;
}
.ninja-forms-required-items {
display: none;
}
.infos {
padding: 15px 0;
clear: both;
margin: 15px 0;
}
.infos i {
color: #accb54;
}
.infos a {
color: #0b0b0b;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
}
.infos a:hover,
.infos a:active {
color: #accb54;
}
.bouton_vert_submit {
display: block;
border: none;
background: #accb54;
color: #fff;
text-transform: uppercase;
padding: 10px;
text-align: center;
width: 100% !important;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.bouton_vert_submit:hover {
background: #589442;
}
#temoignages {
background: url(../img/fond.jpg) no-repeat center center;
background-size: cover;
}
#temoignages .owl-item .temoignage section {
position: relative;
margin: 10% 10% 10px 10%;
background: #fff;
padding: 20px;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-o-border-radius: 5px !important;
}
#temoignages .owl-item .temoignage section figure {
position: absolute;
right: -50px;
top: -80px;
padding: 10px;
background: #fff;
border-radius: 100px !important;
-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
-o-border-radius: 100px !important;
}
#temoignages .owl-item .temoignage section figure img {
width: 100px;
height: 100px;
}
#temoignages .owl-item .temoignage section h2 {
font-weight: bold;
font-size: 22px;
padding: 10px 0;
}
#temoignages .owl-item .temoignage cite {
padding-left: 20px;
color: #fff;
margin: 0 10%;
}
#temoignages .owl-item .temoignage cite i {
color: #accb54;
}
.carte {
padding-top: 35px;
}
.carte ul {
list-style-type: none;
padding-left: 25px;
}
.carte ul li {
padding-bottom: 20px;
}
.carte ul li strong {
font-weight: bold;
font-size: 14px;
}
.carte ul li em {
font-size: 12px;
font-style: italic;
}
.carte h3 {
font-size: 28px;
}
.carte h4 {
color: #accb54;
font-size: 14px;
font-weight: normal;
text-align: center;
height: 40px;
}
.carte p {
font-size: 14px;
padding-top: 15px;
}
.carte p em {
font-size: 12px;
font-style: normal;
padding: 6px 0;
line-height: 22px;
}
.carte p:after {
display: block;
content: "-";
margin-top: 15px;
}
.carte p:last-child:after {
display: block;
content: " ";
}
.carte blockquote p {
font-size: 12px;
padding: 10px;
}
.carte blockquote p:after {
display: none;
}
.carte h1 strong {
font-family: 'Lobster', cursive;
color: #accb54;
font-size: 2.7em;
margin: 10px auto;
background: #fff;
position: relative;
}
.carte h1 strong:before,
.carte h1 strong:after {
content: "";
background: #accb54;
height: 2px;
width: 250px;
position: absolute;
top: 50%;
}
.carte h1 strong:before {
left: 250px;
}
.carte h1 strong:after {
right: 250px;
}
.vcard h3 {
font-family: 'Montserrat', sans-serif;
color: #0b0b0b;
font-size: 26px;
padding: 10px;
}
.vcard h3:after {
display: none;
}
.vcard p {
text-align: center;
font-size: 18px;
padding: 10px;
}
header .current-menu-item a {
color: #accb54;
}
header #coordonnees a+a {
font-size: 18px;
}
.page-id-13 .mod {
margin-top: 10px;
text-align: center;
line-height: 22px;
font-size: 14px;
}
.page-id-13 .mod a {
color: #0b0b0b;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
text-decoration: none;
}
.page-id-13 .mod a:hover,
.page-id-13 .mod a:active {
color: #accb54;
}
.page-id-11 #pgc-11-4-0 {
margin: auto !important;
}
.page-id-11 .container.pdf {
margin-top: 20px;
}
.page-id-11 .container.pdf p a {
line-height: 60px;
text-transform: uppercase;
background: url(../img/deco.jpg) no-repeat center center;
color: #fff;
text-align: center;
height: 68px;
display: block;
width: 324px;
margin: auto;
}
.page-id-11 #pg-11-2 .carte .panel-grid-cell,
.page-id-11 #pg-11-4 .carte .panel-grid-cell,
.page-id-11 #pg-11-5 .carte .panel-grid-cell,
.page-id-11 #pg-11-3 .carte .panel-grid-cell,
.page-id-11 #pg-11-6 .carte .panel-grid-cell {
width: 22%;
margin-left: 4%;
}
.page-id-11 #pg-11-2 .carte .panel-grid-cell:first-child,
.page-id-11 #pg-11-4 .carte .panel-grid-cell:first-child,
.page-id-11 #pg-11-5 .carte .panel-grid-cell:first-child,
.page-id-11 #pg-11-3 .carte .panel-grid-cell:first-child,
.page-id-11 #pg-11-6 .carte .panel-grid-cell:first-child {
margin-left: 0;
}
.page-id-11 #pg-11-2 .carte h4,
.page-id-11 #pg-11-4 .carte h4,
.page-id-11 #pg-11-5 .carte h4,
.page-id-11 #pg-11-3 .carte h4,
.page-id-11 #pg-11-6 .carte h4 {
font-size: 16px;
}
.page-id-11 #pg-11-2 .carte p,
.page-id-11 #pg-11-4 .carte p,
.page-id-11 #pg-11-5 .carte p,
.page-id-11 #pg-11-3 .carte p,
.page-id-11 #pg-11-6 .carte p {
font-size: 16px;
}
.page-id-11 #pg-11-2 .carte blockquote p,
.page-id-11 #pg-11-4 .carte blockquote p,
.page-id-11 #pg-11-5 .carte blockquote p,
.page-id-11 #pg-11-3 .carte blockquote p,
.page-id-11 #pg-11-6 .carte blockquote p {
font-size: 14px;
}
.page-id-11 #pg-11-2 .carte ul li em,
.page-id-11 #pg-11-4 .carte ul li em,
.page-id-11 #pg-11-5 .carte ul li em,
.page-id-11 #pg-11-3 .carte ul li em,
.page-id-11 #pg-11-6 .carte ul li em {
font-size: 14px;
}
.page-id-11 #pg-11-2 .carte ul li strong,
.page-id-11 #pg-11-4 .carte ul li strong,
.page-id-11 #pg-11-5 .carte ul li strong,
.page-id-11 #pg-11-3 .carte ul li strong,
.page-id-11 #pg-11-6 .carte ul li strong {
font-size: 16px;
}
.page-id-9 main a {
color: #333;
}
.page-id-9 main a:hover {
color: #accb54;
}
.page-id-9 main a.deco {
color: #fff;
}
.page-id-9 main a.deco:hover {
color: #fff;
}
.page-id-9 main strong {
font-weight: 700;
}
.page-id-9 .horaires strong {
font-weight: 700;
color: #accb54;
}
.page-id-9 .horaires p {
font-size: 20px;
margin-bottom: 20px;
}
.page-id-9 .horaires ul {
list-style-type: disc;
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-gap: 150px;
-webkit-column-gap: 150px;
-moz-column-gap: 150px;
-o-column-gap: 150px;
}
.page-id-9 .horaires ul li {
margin-bottom: 5px;
font-size: 20px;
}
.page-id-23 #pg-23-0 h3 {
margin-top: 50px;
}
.page-id-23 #pg-23-0 p {
margin-bottom: 20px;
line-height: 20px;
}
.page-id-23 #pg-23-0 b {
font-weight: 700;
}
.page-id-23 #pg-23-0 a {
color: #accb54;
}
.logo-facebook {
height: 45px;
width: 45px;
position: fixed;
right: 3px;
bottom: 3px;
z-index: 10;
}
.logo-facebook div {
background: url(../img/logo-facebook.png) no-repeat;
height: 100%;
}
.logo-facebook:hover div {
background-position: -45px 0px;
}
.evenement-restaurant {
z-index: 99999999;
position: fixed;
right: 0;
bottom: 120px;
border: 1px solid #b7b7b7;
background-color: #fff;
border-radius: 7px;
}
.evenement-restaurant .encart {
width: 200px;
height: 60px;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
}
.evenement-restaurant .encart:hover i {
background-color: #589442;
}
.evenement-restaurant .encart:hover p {
color: #589442;
}
.evenement-restaurant .encart i {
background-color: #accb54;
height: 60px;
width: 60px;
color: #fff;
padding: 9px;
font-size: 45px;
float: left;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.evenement-restaurant .encart p {
float: left;
padding-left: 10px;
padding-top: 22px;
}
.evenement-restaurant .description {
display: none;
padding: 15px;
}
.evenement-restaurant .description .titre {
color: #accb54;
text-transform: uppercase;
margin-bottom: 20px;
display: block;
}
.evenement-restaurant .description .image {
width: 200px;
height: 200px;
margin-right: 20px;
float: left;
margin-bottom: 15px;
}
.evenement-restaurant .description .texte {
float: left;
}
.evenement-restaurant .description .texte p {
margin-bottom: 10px;
color: #0b0b0b;
}
.evenement-restaurant .description .texte p a {
color: #0b0b0b;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
.evenement-restaurant .description .texte p a:hover {
color: #589442;
text-decoration: none;
}
.fleche-remonter {
background: url(../img/fleche-remonter.png) no-repeat;
height: 45px;
width: 45px;
position: fixed;
bottom: 55px;
right: 58px;
cursor: pointer;
display: none;
}
.fleche-remonter:hover {
background-position: -45px 0px;
}
.fleche-remonter.active {
display: block;
}
.page-id-21 .nf-before-form-content {
display: none;
}
.page-id-21 .nf-field-container {
margin-bottom: 12px !important;
}
.page-id-21 #nf-label-field-12 {
font-size: .8rem;
}
@media screen and (max-width: 1800px) {
body header #coordonnees a+a {
font-size: 18px;
position: absolute;
background-color: #0b0b0b;
top: 75px;
z-index: 20;
height: 35px;
line-height: 13px;
right: 10%;
}
body main {
padding-bottom: 0;
}
body footer {
position: relative;
}
#temoignages .owl-item .temoignage section {
margin-top: 20%;
}
}
@media screen and (max-width: 1200px) {
#TA_restaurantWidgetGreen693 {
display: none;
}
.evenement-restaurant {
bottom: 0;
right: 0;
}
body header #logo {
width: 100%;
}
body header nav {
width: 50% !important;
}
body header nav ul li {
margin: 0px 10px 20px;
}
body header.noir {
position: fixed;
z-index: 10;
}
body header.noir figure {
width: 100% !important;
}
body header.noir nav {
width: 100% !important;
padding: 0 !important;
text-align: center !important;
}
body header.noir nav ul li {
margin: 0px 10px 10px;
}
body header.noir #coordonnees .bouton_vert {
display: block;
height: 45px;
width: 45px;
margin: 0;
border-radius: 100%;
border: 4px solid #accb54;
background-color: #0b0b0b;
padding: 0;
padding-top: 7px;
position: fixed;
right: 10px;
top: 10px;
}
body header.noir #coordonnees .bouton_vert:hover {
border: 4px solid #589442;
background-color: #0b0b0b;
}
body header.noir #coordonnees a {
display: none;
}
body main {
margin-top: 145px;
padding-bottom: 0;
}
body footer {
float: left;
position: relative;
padding: 25px 5% !important;
}
body footer div {
width: 50% !important;
float: left !important;
clear: none !important;
}
body footer p {
clear: both !important;
width: 100% !important;
float: left !important;
}
body .logo-facebook {
right: 65px;
top: 10px;
}
body .fleche-remonter {
right: 10px;
}
.page-id-9 #pg-9-0 .panel-grid-cell,
.page-id-9 #pg-9-1 .panel-grid-cell {
height: auto !important;
}
.page-id-9 .horaires ul {
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
-o-column-count: 1;
}
.page-id-11 .panel-grid-cell {
width: 100% !important;
margin: 0 !important;
margin-bottom: 20px !important;
}
.page-id-11 .panel-grid-cell li {
text-align: center !important;
}
.page-id-11 h3 {
padding: 0 !important;
}
.page-id-11 p {
text-align: center !important;
}
.page-id-17 #temoignages .owl-item .temoignage section {
margin-top: 40%;
}
.page-id-21 .infos div {
width: 100% !important;
float: left !important;
clear: both !important;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 767px) {
#menu-mobile li.current-menu-item a {
color: #accb54;
}
header.noir {
height: 145px;
width: 100%;
}
header.noir nav {
display: none;
}
header.noir .visible-xs {
margin-top: 75px;
}
header.noir #logo a img {
margin: 0 !important;
}
}
@media screen and (max-width: 480px) {
body p,
body li {
font-size: 16px !important;
}
body h3 {
font-size: 2em !important;
}
body a.deco {
width: 100%;
}
body .logo-facebook {
right: 10px;
}
body #menu-mobile h3 {
font-size: 20px !important;
}
body header.noir #logo {
width: 90% !important;
}
body footer div {
width: 100% !important;
text-align: left;
}
body footer p {
font-size: 12px !important;
}
.page-id-9 .equalizer .panel-grid-cell {
background: none !important;
}
.page-id-11 .panel-grid:first-child img {
display: none !important;
}
.page-id-11 .container.pdf p a {
width: 100%;
}
.page-id-11 .carte ul {
padding-left: 0;
}
.page-id-13 h3 {
font-size: 22px !important;
}
.page-id-13 .panel-grid:first-child img {
display: none !important;
}
.page-id-15 p {
font-size: 14px !important;
}
.page-id-15 .panel-grid:first-child img {
display: none !important;
}
.page-id-15 footer p {
font-size: 12px !important;
}
.page-id-17 .panel-grid:first-child img {
display: none !important;
}
.page-id-19 .panel-grid:first-child img {
display: none !important;
}
.page-id-21 .panel-grid:first-child img {
display: none !important;
}
.page-id-21 .bti-lm-b-3-2 {
width: 100%;
}
.evenement-restaurant {
width: 100%;
border-radius: 0;
}
.evenement-restaurant .description .image {
display: none;
}
.evenement-restaurant .description .titre {
text-align: center;
}
.evenement-restaurant .description .texte {
width: 100%;
}
.evenement-restaurant .encart {
height: 40px;
}
.evenement-restaurant .encart i {
border-radius: 0;
height: 40px;
width: 40px;
padding: 3px;
font-size: 35px;
}
.evenement-restaurant .encart p {
float: none;
padding-left: 10px;
padding-top: 14px;
font-weight: bold;
width: 100%;
text-align: center;
}
body footer {
padding-bottom: 60px !important;
}
}
#popup {
position: fixed;
top: 20%;
left: 50%;
margin-left: -200px;
z-index: 100000001;
width: 400px;
display: none;
background-color: #fff;
border-radius: 15px;
}
#popup i {
position: absolute;
color: white;
right: 0;
font-size: 24px;
top: -35px;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
cursor: pointer;
}
#popup i:hover {
color: #accb54;
}
#popup div {
padding: 0 15px 15px 15px;
}
#popup .titre {
color: #fff;
background-color: #accb54;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 10px 15px;
font-size: 20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-bottom: 15px;
}
#overlay-popup {
height: 100%;
width: 100%;
background-color: #000;
z-index: 100000000;
position: fixed;
top: 0;
left: 0;
opacity: 0.7;
cursor: pointer;
display: none;
}
@media screen and (max-width: 1024px) {
#popup,
#overlay-popup {
display: none;
}
}
footer .paiement {
float: left;
width: 100%;
margin-top: 10px;
color: #accb54;
}
footer .paiement i {
margin: 0;
float: none;
margin-right: 10px;
font-size: 20px !important;
}
footer .col-horaires {
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
cursor: pointer;
}
footer .col-horaires:hover {
color: #accb54;
}