/*******************************************************************************
*************************** RESET **********************************************
*******************************************************************************/
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;
}

.frame {
	border-radius: .20rem;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
}

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;
}

.picto-resto {
	width:105px;
	margin:10px;
}

.puce{							margin-left:1.5em;
								margin-right:.5em;}

/*******************************************************************************
*************************** SLIDER *********************************************
*******************************************************************************/
.jssorl-009-spin img {
                animation-name: jssorl-009-spin;
                animation-duration: 1.6s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            @keyframes jssorl-009-spin {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }

.class-1 {
	visibility: hidden; position: relative; margin: 0 auto; width: 1140px; height: 360px; overflow: hidden;
}

.class-2 {
	position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);
}
.class-3 {
	margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
}
.class-4 {
	position: absolute; left: 0px; top: 0px; width: 1140px; height: 360px;overflow: hidden;
}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.class-5 {
	width:55px;height:55px;top:0px;left:25px;
}

.class-6 {
	position:absolute;top:0;left:0;width:100%;height:100%;
}

/*******************************************************************************
*************************** POSITIONNEMENT IMAGES MENU *************************
*******************************************************************************/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 48%;
	height: 200px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.41);
}
/*******************************************************************************
*************************** GLOBAL *********************************************
*******************************************************************************/

.share {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

body {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
}

html {
	-webkit-font-smoothing: antialiased;
}

.clearfix {
	clear: both;
}

a:hover,
a:active,
a:focus {
	outline: 0;
}

a:focus {
	outline: none;
}

li, ul {
	list-style-type: none;
	margin:0;
}

body {
	margin: 0;
}

ul .positionnement {
	display: inline;
}

.grid ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

.container {
	padding: 0;
	height: 100% ;
}

.btn-primary.focus,
.btn-primary:focus {
	box-shadow: none ;
}

#header {
	display: none;
}

#sidebar {
	display: block ;
}

#ompre-porte {
	position: fixed;
	z-index: -1;
	height: 100%;
	left: 50%;
	-webkit-box-shadow: 0px 0px 44px 23px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 0px 0px 44px 23px rgba(0, 0, 0, 0.32);
	box-shadow: 0px 0px 44px 23px rgba(0, 0, 0, 0.32);
}

.grid figure,
.image-deco,
#pano,
#EmplacementDeMaCarte {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
}
/*******************************************************************************
*************************** ANIMATION ACCES MENU SIDEBAR ***********************
*******************************************************************************/
.header--fixed {
	position: fixed;
	z-index: 3;
	right: 0;
	left: 0;
	top: 0
}
/*******************************************************************************
*************************** SIDEBAR ********************************************
*******************************************************************************/
.border-boxes {
	display: flex;
	align-items:center;
}
.box-image {
	padding:11px 15px;
}
.box-icone {
	padding:15px 15px;
}
.align-image {
	width:25px ;
	margin-right:10px;
}
.align-icone {
	margin-right:16px;
	margin-left:5px
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
	color: #111;
	text-decoration: none;
	transition: all 0.3s;
}
#sidebar {
	width: 250px;
	position: fixed;
	top: 0;
	left: -250px;
	height: 100vh;
	z-index: 99998;
	background: #fff;
	color: #fff;
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 99999;
	display: none;
}
#sidebar #icone img,
#sidebar #icone i{
	width:25px;
	margin-right:10px;
}
#sidebar.active {
	left: 0;
}
#sidebar #dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color:#111;
}
#sidebar .overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	display: none;
}
#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}
#sidebar ul.components {
	padding: 2rem 0;
	border-bottom: 1px solid #47748b;
}
#sidebar ul p {
	color: #fff;
	padding: 10px;
}
#sidebar ul li a {
	padding: 0.4rem;
	font-size: 1rem;
	display: block;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
	color: #fff;
	background: #111;
}
#sidebar ul ul a {
	font-size: 0.9em ;
	padding-left: 30px ;
	background: #6d7fcc;
}

/*******************************************************************************
*************************** DIVERS *********************************************
*******************************************************************************/

#google_maps .titrage_section,
#form_contact .titrage_section,
#form_reservation .titrage_section,
#google_streetview .titrage_section {
	margin-bottom: 15px;
}

.marge_bloc_texte {
	margin: 0 0 1rem 0;
}

.indent {
	text-indent: 2rem
}

.marge_haut_galerie {
	margin-top: 2rem;
}


.titrage_section {
	display: block;
	user-select: none;
	display: inline-block;
	margin: 0 0 1.7rem 0;
	border-radius: .25rem;
	border:1px solid #00000052;
}

.titrage_section-special {
	margin-top:1rem;
}

.titrage_section_agenda {
	display: block;
	user-select: none;
	display: inline-block;
	margin: 1rem 0;
	border-radius: .25rem;
}

.texte-mentions {
	font-size: 1.3rem;
	line-height: 1.3rem;
	text-align: left;
	font-feature-settings: "'liga' 1";
	font-kerning: auto;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	word-spacing: 0rem;
	margin: .5rem 0 1.5rem 0;
	color: #444;
}

.grid #legende-plats {
	font-family: 'Barlow Semi Condensed';
	z-index: 2;
	padding: .5rem;
	font-size: .8rem;
	font-style: italic;
	font-weight: 500;
	position: absolute;
	bottom: -10px;
	width: 70%;
	left: 0px;
	border-radius: 0 .25rem 0 .25rem;
}

p,
.tarif,
ul, li {
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	vertical-align: baseline;
	font-size: .85rem;
	text-rendering: optimizeLegibility;
	line-height: 1.4rem;
}
.ul-normal {
	    list-style: disc;
}

.tarif p {
	margin-right:5px;
}

.composition {
	font-family: 'Barlow Semi Condensed';
	vertical-align: baseline;
	font-size: .8rem;
	padding: 0 0 8px 0;
	line-height: 1.4rem;
	font-style: italic;
	font-weight: 500;
}

.lg-sub-html p,
.lg-sub-html h4 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	/*font-size: 16px ;*/
	text-transform: uppercase;
	text-rendering: geometricPrecision;
}


.rs-slide-bg ul {
	margin: 0px ;
}

.separation_menu {
	padding: 3px 10px;
	font-weight: 500;
	border-radius: .15rem;
}
.box_separation_menu {
	margin-bottom: 0.4rem ;
}


/*******************************************************************************
*************************** MENU HORIZONTAL ************************************
*******************************************************************************/



.navbar-nav a {
	font-weight: 500;
	font-family: 'Barlow Condensed', cursive;
	font-size: 15px;
}
.navbar {
	padding: 0 10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 8px;
	color: #969696;
}

.navbar .navbar-nav > li > a {
	margin: 6px;
	color: #999;
}

.navbar .navbar-nav > .active > a {
    color: #000 !important;
    background: #eae4d6 !important;
    border-radius: 2px;
}

.navbar .navbar-nav > li > a:hover {
transition: 0.5s;
}


/*******************************************************************************
*************************** MENU LATERAL ***************************************
*******************************************************************************/
#dismiss {
	/*background: #df4646 ;*/
	border-radius: 50%;
}
/*******************************************************************************
*************************** TABLEAUX *******************************************
*******************************************************************************/
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 0px;
}

#table1 {
	border-collapse: separate;
	border-spacing: 0px 8px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	vertical-align: baseline ;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border: none ;
}

tr:nth-child(2n),
tr {
	background-color: transparent ;
}

table {
	border: 0px solid #ddd ;
	margin-top: -14px;
}

.tableau-pizza {
	padding: 0rem 0rem 0rem 3.5rem;
	line-height: 1.7rem;
	text-decoration: none;
	text-transform: none;
	word-spacing: 0rem;
}
.aeration_tableau {
	padding-bottom: 8px !important;
}
.espacement {
	height: 40px ;
}
.largeur-tarif {
	min-width: 40px ;
	width: 40px ;
	text-align: right;
	padding: 0 6px 0 0 ;
}
.pizza-nom {
	vertical-align: middle ;
}
.texte-vignette-info {
	text-align: center;
	margin-top: 20px;
}
/*******************************************************************************
*************************** LIGHT GALLERY **************************************
*******************************************************************************/

/*#lg-zoom-in,
#lg-zoom-out,
#lg-actual-size,
#lg-download,
.lg-fullscreen,
.lg-autoplay-button,
.lg-toogle-thumb {
	display: none;
}*/


 .lg-image {
	 border-radius: 5px;
}



.grid {
	height: 240px;
}

.grid figure {
	height: 240px ;
	display: inline-block;
	float: none;
	margin: 0 auto;
	width: 100%;
	border-radius: .25rem;
}

.grid figure img {
	margin-top:-60px !important
}


#legende-plats {
	margin: -44px 0 10px 0 ;
}

#imageGallery1 img {
	border-radius: .25rem;
	margin-bottom: -1.8rem;
}

.calage_horizontale_legende_galerie {
	margin-top: -23px;
}

#legende_galerie {
	font-family: 'Barlow Semi Condensed';
	vertical-align: baseline ;
	font-size: .8rem ;
	z-index: 20;
	border-radius: 0 4px 0 0;
	padding: .6rem;
	font-weight: 500;
	font-style: italic;
}

#lg-counter-current,
#lg-counter-all,
.lg-sub-html p,
.lg-sub-html h4,
.lg-sub-html {
color: #999 !important;
}

.lg-sub-html h4 {
    font-size: 17px !important;
}

.lg-sub-html p {
    font-size: 15px !important;
}

/*section .col-sm-6 {
	padding:0;
}
*/
.galerie li {
	margin-bottom:2em !important;
}

.galerie img {
	border-radius: .15rem;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.43);
}





/*******************************************************************************
*************************** FORMULAIRES ****************************************
*******************************************************************************/

.btn-primary {
	color: #fff;
	background-color: #212121;
	border-color: #2e6da4;
	border: none;
	padding: 5px 13px;
}

.btn-primary:hover,
.btn-primary:focus {
	border-color: #204d74;
}


/*******************************************************************************
*************************** MENTIONS LEGALES ***********************************
*******************************************************************************/

.titre-mentions {
	font-size: 2.6rem ;
	line-height: 30px;
	color: #444;
}

.titre-mentions-medium {
	font-size: 1.4rem ;
	line-height: 30px;
	color: #fff;
}

.titre-mentions-small {
	font-size: 1rem ;
	line-height: 30px;
	color: #fff;
}

.arriere-p {
	background-color: #626262;
	padding: 5px 10px 3px 10px;
	border-radius: 3px;
}

#footer {
	text-align: center;
}

.modal {
	background: #000000;
}


.font_mentions {
	font-family: 'Barlow Condensed';
	font-weight: 500;
	font-size: 0.9rem;
	color: #333 !important;
	vertical-align: baseline;
	margin-left: 6px;
	line-height: 1.5rem;
}



/*******************************************************************************
*************************** CONTACT ********************************************
*******************************************************************************/

#EmplacementDeMaCarte,
#pano {
	width: 100%;
	height: 450px;
	border-radius: 0.25rem 0.25rem 0 0;
}

.adresse_resto {
	border-radius: 0 0 0.25rem 0.25rem;
}

.div-map {
	padding: 0;
}



.rs-caption {
	margin: 0px 20px;
}

.ombre-bas {
	margin-bottom: -20px ;
	width: 100% 
}

.contenance {
	width: 50px;
}

.espade-div {
	min-height: 60px ;
	background-color: #fff;
}

.span-titre {
	padding: 5px 30px 5px 30px;
	border-radius: 5px;
	letter-spacing: .05rem ;
}

/*******************************************************************************
*************************** MARGES ET PADDINGS GLOBAUX *************************
*******************************************************************************/

.padding_container {						padding: 0 1.5em 1em 1.5em;}
.rs-slide-bg {								padding: 0rem;}
.galerie {									padding: 1rem 1rem 0 1rem;}
.marge_bas {								margin-bottom: 15px;}
.sticky-navbar {							display: none !important}
#sidebar,
.sticky-sidebar {							display: block}
#entete_big {								margin-top: 52px;}
.footer {									padding:1em;}


section {
	margin:1rem !important;
	padding:1rem 0;
	border-radius: .25rem;
}
.special-slide {							margin-top:0 !important;}

.calage-haut {
	margin-top:15px !important;
}
.img-responsive {
	margin-bottom: 1rem;
	margin-top: 0rem !important;
	width: 100%;
}

.image-deco {
	width: 100%;
	border-radius: .25rem;
margin-top:0 !important;}

.image-deco-2 {
	width: 60%;}


/*******************************************************************************
*************************** BREAKPOINTS ****************************************
*******************************************************************************/

@media (min-width: 576px) {
	section {
	margin:1rem !important;
	padding:1rem 0;
	border-radius: .25rem;
}
.special-slide {							margin-top:0 !important;}
	#ompre-porte,
	#acces_menu_lateral {						width: 540px; left: 50%; margin-left: -270px ;}
	.marge-bas-vignette {						margin-bottom: 30px ;}
	#map {										width: 100% ;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
	.padding_container {						padding: 0 2em 1em 2em}
	.rs-slide-bg {								padding: 1rem;}
	#entete_big {								margin-top: 50px }
	.rs-slide-bg {                              padding: 0rem;}
	#header {                                   display: none }
	.sticky-sidebar {                       	display:block;}
}

@media (min-width: 768px) {
	
	#ompre-porte,
	#acces_menu_lateral {						width: 720px; left: 50%; margin-left: -360px ;}
	.padding_container {						padding: 4rem;}
	.marge-bas-vignette {						margin-bottom: 30px ;}
	section {									margin:2rem !important;padding: 2rem 1rem;}
	.padding_container {						padding: 1em 3em 1em 3em;}
	.rs-slide-bg {								padding: 2rem;}
	#entete_big {								margin-top: 50px}
	.rs-slide-bg {                              padding: 0rem;}
	#header {                                   display: none }
	.sticky-sidebar {                       	display:block;}
}

@media (min-width: 992px) {
	#ompre-porte {								width: 960px; left: 50%; margin-left: -480px;}
	section {									margin:2rem !important;padding: 1.5rem 0.5rem;}
	.padding_container {						padding: 0 3em 1em 3em;}
	.rs-slide-bg {								padding: 1rem;}
	#entete_big {								margin-top: 0}
	.rs-slide-bg {                              padding: 0rem;}
	#acces_menu_lateral {                       display:none ;}	.titrage_section_agenda,
	.titrage_section {                          margin: 0 0 1.7rem 0;}
	.sticky-navbar {							display:block !important}
	.sticky-sidebar {							display:none !important}
}

@media (min-width: 1200px) {
	#ompre-porte {                              width: 1140px;  left: 50%; margin-left: -570px;height: 100%;}
	.padding_container {                        padding: 1em 5em 0 5em;}
	section {									margin: 4rem !important;padding:3rem 2rem;}
	.galerie {									padding: 3rem 3rem 1rem 3rem;}
	.rs-slide-bg {                              padding: 1rem;}
	#entete_big {                               margin-top:0;}
	.rs-slide-bg {                              padding: 0rem;}
	#acces_menu_lateral {                       display:none ;}
	#header {                                   display:block !important }
	.titrage_section_agenda,
	.titrage_section {                          margin: 0 0 1.7rem 0;}
	.titrage_section-special {					margin-top:0;}
	.sticky-navbar {							display:block !important}
	.sticky-sidebar {							display:none !important}}


	
}