@import url(//fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic,600,600italic);
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
#logo
{float: left;display: inline-block;}
article {
	width: 800px;
	position: relative;
	height: 350px;
	margin: 0 auto;
	padding: 0;
}
.item-page {
	padding-right: 20px;
	line-height: 25px;
	color: #58585a;
}
.item-page p {
	line-height: 25px;
	color: #58585a;
	font-size: 15px;
}
.logo {
	float: left;
}
.container-menu {
	padding: 0;
	position: relative;
	float: right;
	top: 0px;
	margin-top: 40px;
	display: inline-block;
}
.section-title {
	position: relative;
	margin-bottom: 20px;
}
.section-title h2 {
	font-weight: 300;
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}
.divider {
	width: 140px;
	height: 1px;
	margin: 25px auto 35px auto;
	background-color: #bf2030;
}
.description {
	margin-bottom: 30px;
}
.description p {
	text-align: center;
}
.ztxt {
	position: absolute;
	left: 0px;
	bottom: 100px;
	z-index: 999;
	width: 25%;
}
.ztxt_desc {
	padding-right: 20px;
}
.section-title {
	text-align: center;
	padding-bottom: 10px;
}
.section-title h1 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 28px;
	color: #c3af59;
	text-align: center;
	letter-spacing: 1px;/* word-spacing: 5px; */
}
h2 {
	font-size: 35px !important;
	font-weight: 700 !important;
	margin-bottom: 25px;
}
.description {
	text-align: center;
	font-size: 16px;
	margin: 00px auto 10px auto;
	color: #222;
}
.section-title h1:after {
	/* border-bottom: 1px solid #c3af59; */
	content: "";
	display: block;
	margin: 0px auto 0 auto;
	width: 340px;
}
/******************************/
.rstpl-title-decor {
	position: relative;
	display: block;
	float: none;
	white-space: normal;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}
.rstpl-title-decor span:before, .rstpl-title-decor span:after {
	content: "";
	background: url(../images/bg-pattern-title.png) repeat-x top left;
	display: block;
	position: absolute;
	right: 101%;
	top: 50%;
	height: 10px;
	width: 500%;
}
.rstpl-title-decor span:after {
	right: 0;
	left: 101%;
}
.rstpl-title-decor span {
	position: relative;
	display: inline-block;
	float: none;
	text-align: center;
	white-space: normal;
	padding: 0 30px 0 30px;
	font-size: 30px;
	font-weight: normal;
	border-radius: 16px;
	color: #c3af59;
	text-transform: uppercase;
 *text-shadow: 0 4px 0 rgba(50, 50, 50, 0.2);
}
.item_accueil span {
	display: none !important;
}
/********************************/
.fcontact .section-title h1, .infocontact .section-title h1 {
	text-align: left !important;
}
.fcontact .section-title h1:after, .infocontact .section-title h1:after {
	margin: 20px 0 0 0 !important;
}
#chargement-container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #1d1f1a;
	z-index: 999; 
}
#chargement {
	font-size: 15px;
	text-align: center;
	position: fixed; 
	text-transform: uppercase;
	left: 50%;
	top: 50%;
	margin-top: -180px;
	width: 280px;
	margin-left: -140px;
	color: #000;
	z-index: 999999;
	padding: 0px;
	border-bottom: solid 0px #ddd;
}
#chargement-infos {
	text-align: center;
	white-space: nowrap;
	display: block;
	font-size: 16px;
	color: #fff;
	margin-top: 0;
	width: 1px;
	height: 42px;
	margin-top: 30px;
	border-radius: 3px;
	background: url(../images/slogant.png) no-repeat left center;
}
#chargement-poursent {
	color: #b00625;
	font-size: 17px;
	visibility: hidden;
	opacity: 0;
	border-radius: 3px;
}
#chargement-img {
	width: 100%;
}
#container {
	visibility: hidden;
}
::selection {
	background: #c3af59;
	color: #fff;
}
::-moz-selection {
 background: #c3af59;
 color: #fff;
}
::-webkit-selection {
 background: #c3af59;
 color: #fff;
}
.intro {
}
.h-angleterre-onglet {
	right: 0px;
	z-index: 99999;
	background: #999 url(https://www.arbequina-restaurant.com/templates/onepagej3/images/h-angleterre-onglet.png) center center no-repeat;
	position: fixed;
	/* width: 130px; */
	top: 420px;
	/*height: 40px;*/
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	writing-mode: tb-lr;
	transform-origin: right top 0;
	letter-spacing: 1px;
}
#btn-venir {
	background: #f9f9f9 url(../images/maps.png) no-repeat 20px center;
	background-size: 3.5%;
	height: 50px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	/* font-size: 18px; */
	/* font-weight: 400; */
	text-align: center;
	display: block;
	line-height: 50px;
	cursor: pointer;
}
.close-maps {
	height: 60px;
	cursor: pointer;
	width: 60px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 99;
	text-align: center;
	background: url(../images/fermer-maps.png) no-repeat left bottom;
}
#btn-venir p {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	text-shadow: 2px 2px 2px #ccc;
	display: block;
	color: #000;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ededed;
	letter-spacing: 8px;
	word-spacing: 10px;/* text-indent: 100px; */
}
.site by {
	background: #eee;
	height: 60px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	text-align: center;
	display: block;
	line-height: 60px;
	cursor: pointer;
}
.maps-container {
	height: 0;
	width: 100%;
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	transition: all ease 500ms;
	overflow: hidden
}
.maps {
	height: 450px;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}
.legend-menu1 {
	position: absolute;
	left: -120px;
	bottom: 4px;
	background: url(../images/bglegend.jpg) repeat-x 2px;
	width: 130px;
}
.legend-menu2 {
	position: absolute;
	left: -30px;
	bottom: 22px;
	background: url(../images/bglegend.jpg) repeat-y center;
	width: 144px;
	text-align: left;
	height: 55px;
}
.legend-menu3 {
	position: absolute;
	left: 16px;
	bottom: 12px;
	background: url(../images/bglegend.jpg) repeat-y center;
	width: 110px;
	text-align: center;
	height: 110px;
}
.legend-alacarte {
	position: absolute;
	right: -30px;
	bottom: 22px;
	background: url(../images/bglegend.jpg) repeat-y center;
	width: 144px;
	text-align: right;
	height: 55px;
}
.legend-vins {
	position: absolute;
	right: -120px;
	bottom: 4px;
	background: url(../images/bglegend.jpg) repeat-x center;
	width: 130px;
	text-align: right;
}
.classlien {
	background: #000;
	color: #fff;
	border: 1px solid #fff;
	padding: 3px 12px;
	width: 64px;
	display: inline-block;
	text-align: center;
	transition: all ease-in 200ms;
}
.classlien:hover {
	background: #b78d0d;
	color: #000;
	transition: all ease-in 200ms;
}

/*Styles for screen 406px and lower*/
@media screen and (max-width: 406px) {
.rstpl-title-decor span {
	font-size: 20px;
}
}
#GMapsID {
	height: 100% !important;
	width: 100% !important;
}
.menu1, .menu2, .menu3, .vins, .a-la-carte {
	position: relative;
}
.b1 {
	height: 100px;
	width: 100px;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 99;
	display: block;
	border-left: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
}
.b2 {
	height: 100px;
	width: 100px;
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 99;
	display: block;
	border-right: 1px solid #c5c5c5;
	border-top: 1px solid #c5c5c5;
}
.b3 {
	height: 100px;
	width: 100px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 99;
	display: block;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
.b4 {
	height: 100px;
	width: 100px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 99;
	display: block;
	border-left: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
.info-pratiques {
	font-weight: 300;
	font-family: Consolas !important;
}
#info-pratiques a {
	color: #000;
	text-decoration: none;
}
.adr, .tel, .mail, .by {
	min-height: 60px;
	padding-left: 70px;
	padding-top: 10px;
	text-align: center;
	margin-top: 15px;
	border: 1px dotted rgba(0,0,0,0.20);
	font-size: 13px;
}
.adr {
	margin-top: 0px;
	background: #fff url(../images/adr.png) no-repeat left center;
}
.tel {
	background: #fff url(../images/tel.png) no-repeat left center;
}
.mail {
	background: #fff url(../images/mail.png) no-repeat left center;
}
.by {
	background: #fff url(../images/zazpicom.png) no-repeat left center;
}
.z-text {
	padding: 10px;
}
.demicontainer {
	position: relative;
}
.demileft {
	width: 50%;
	float: left;
	position: relative;
	background: #fff
}
.demiright {
	width: 50%;
	float: left;
	position: relative;
}
.demileft-text {
	margin-top: 80px;
}

@media screen and (max-width: 1000px) {
.demileft-text {
	margin-top: 0px;
}
.demileft {
	width: 100%;
	float: inherit;
	display: block;
	position: relative;
}
.demiright {
	position: relative;
	float: inherit;
	width: 100%;
	display: block;
	clear: both;
}
}
.onglet-galerie {
	position: fixed;
	text-align: center;
	top: 60px;
	right: 0px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	z-index: 999;
	background: #eee;
	color: #c3af59;
	text-decoration: none;
	border-bottom: 2px solid #000;
}
.onglet-zazpi {
	position: absolute;
	text-align: center;
	bottom: 10px;
	right: 0px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	z-index: 999;
	background: #eee;
	color: #c3af59;
	text-decoration: none;
	border-bottom: 2px solid #000;
}
.onglet-zazpi img {
	margin-top: -3px;
}
#titre-la-carte span {
}


.cuisineslide {
	height: 500px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.custom_ensavoirplus h4 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 5px;
	color: #c3af59;
}
.custom_ensavoirplus p {
	text-align: center
}
.section1slide, .section5slide, .section3slide {
	display: block;
	height: 500px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.moduletable {
	text-align: center;
}
.section_maps h1 {
	position: relative;
	display: inline-block;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	color: #c3af59;
	padding-top: 30px;
	padding-bottom: 30px;
}
.section_maps h1:before {
	content: "";
	background: url(../images/bg_titre_left.png) repeat-x center left;
	display: block;
	position: absolute;
	right: 101%;
	top: 43%;
	height: 16px;
	width: 112px;
	margin-right: 10px;
}
.section_maps h1:after {
	content: "";
	background: url(../images/bg-pattern-title.png) repeat-x center left;
	display: block;
	position: absolute;
	right: 0;
	left: 101%;
	top: 43%;
	height: 16px;
	width: 112px;
	margin-left: 5px;
}
.section_maps {
	text-align: center;
}
.moduletable h1 {
	position: relative;
	display: inline-block;
	float: none;
	margin-top: 30px;
	margin-bottom: 0;
	font-weight: 300;
	text-align: center;
	color: #c3af59;
	padding-top: 30px;
	padding-bottom: 30px;
}
.moduletable h1:before {
	content: "";
	background: url(../images/bg_titre_left.png) repeat-x center left;
	display: block;
	position: absolute;
	right: 101%;
	top: 43%;
	height: 16px;
	width: 112px;
	margin-right: 10px;
}
.moduletable h1:after {
	content: "";
	background: url(../images/bg-pattern-title.png) repeat-x center left;
	display: block;
	position: absolute;
	right: 0;
	left: 101%;
	top: 43%;
	height: 16px;
	width: 112px;
	margin-left: 5px;
}
.sectionleft {
	height: 100%;
	width: 50%;
	position: absolute !important;
	left: 0px;
	top: 0px;/* background: #f2f2f2; */
}
.sectionright {
	height: 100%;
	width: 50%;
	position: absolute !important;
	left: 50%;
	top: 0px;
	/* background: #f2f2f2; */
	padding: 120px 50px 15px 15px;
	box-sizing: border-box;
}
.heightinitial {
	height: initial !important;
 *padding:50px 0;
	padding-bottom: 50px;
}
div[data-anchor="infos_pratiques"] {
	padding-bottom: 0px !important;
	height: initial;
}
#section4 {
	padding: 50px 0;
}
.moduletable_section2right, .moduletable_section3right {
	padding: 0 30px 30px 30px;
}
._section4 {
	color: #fff;
}
.maps, .moduletable_maps, .custom_maps, .custom_maps div[data-id="1"], .hcentpourcent {
}
.footerbox {
	display: block;
	position: relative;
	color: #eee;
	font-size: 13px;
	line-height: 24px;
	padding: 20px 0 0px 0;
	border-top: 5px solid rgba(0,0,0,.3);
	background: #000000;
	background: -moz-linear-gradient(left, #000000 0%, #565b4d 50%, #363931 100%);
	background: -webkit-linear-gradient(left, #000000 0%, #565b4d 50%, #363931 100%);
	background: linear-gradient(to right, #000000 0%, #565b4d 50%, #363931 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#363931', GradientType=1 );
}
.footerbox img {
	vertical-align: middle;
}
.footerbox h4 {
	color: #c3af59;
}
.box_vins .box_vins {
	display: none;
	overflow: hidden;
 *transition:all ease-in-out 300ms;
}
.pwebfblikebox_pretext {
	line-height: 18px;
	margin-bottom: 5px;
	color: #ddd;
}
.section_maps {
	height: 660px;
	margin-top: 10px !important;
	display: block;
	position: relative;
}
.footer5 {
	margin-top: 25px;
	height: 40px;
	background: #3d4137;
	line-height: 40px;
	text-align: left;
	color: #fff;
}
.footer5 p {
	margin: 0;
	height: 40px;
	line-height: 40px;
	text-align: left
}
.footer5 p a {
	color: #fff;
	text-decoration: none;
}
.ztextflottant {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 500px;
	width: 420px;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(0,0,0,.6);
	z-index: 9;
	color: #fff;
	transition: all ease-in-out 500ms;
}
#section7 h3, .ztextflottant h3 {
	font-size: 25px !important;
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}
.closebox {
	height: 46px;
	width: 46px;
	position: absolute;
	right: -46px;
	top: 0px;
	z-index: 99;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
	transition: all ease-in-out 500ms;
}
.opened {
	background: #000 url(../images/close.png) no-repeat center center;
	transition: all ease-in-out 500ms;
}
.closed {
	background: #000 url(../images/open.png) no-repeat center center;
	transition: all ease-in-out 500ms;
}
#section7 h1, #section0 h1, #section5 h1 {
	margin-top: 110px;
}
.mybutton a {
	margin-top: 0px;
	background: #c3af59;
	padding: 12px;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none !important;
	font-weight: 600;
}
.offrir-icon {
	right: 20px;
	z-index: 9991;
	text-indent: -9999px;
	background: url(../images/offrir.png) center center no-repeat;
	position: fixed;
	width: 40px;
	top: 10px;
	height: 40px;
	border-radius: 10px 0 0 10px;
}
.fb-icon {
	right: 120px;
	z-index: 9991;
	text-indent: -9999px;
	background: url(../images/facebook.png) center center no-repeat;
	position: fixed;
	width: 40px;
	top: 10px;
	display: block !important;
	height: 40px;
	border-radius: 0;
}
.offrir-icon, .instagram-icon , fb-icon {
	margin: 0px;
	padding: 0px;
}
.instagram-icon {
	right: 70px;
	z-index: 9991;
	text-indent: -9999px;
	background: url(../images/instagram.png) center center no-repeat;
	position: fixed;
	width: 40px;
	top: 10px;
	height: 40px;
	border-radius: 0;
}
.flesh_bas {
	height: 50px;
	width: 50px;
	left: 50%;
	/* border: 1px solid #fff; */
	bottom: 0;
	margin-left: -23px;
	border-radius: 10px 10px 0 0;
	position: absolute;
	z-index: 99;
	background: url(../images/flesh_bas.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
	-webkit-animation: fleshbas 1200ms infinite linear 1s;
	-moz-animation: fleshbas 1200ms infinite linear 1s;
	-ms-animation: fleshbas 1200ms infinite linear 1s;
	-o-animation: fleshbas 1200ms infinite linear 1s;
	animation: fleshbas 1200ms infinite linear 1s;
}
@keyframes fleshbas {
0% {
background-position: center -33px;
}
100% {
background-position: center 33px;
}
}
@-moz-keyframes fleshbas {
0% {
background-position: center -33px;
}
100% {
background-position: center 33px;
}
}
 @-webkit-keyframes fleshbas {
0% {
background-position: center -33px;
}
100% {
background-position: center 33px;
}
}
 @-ms-keyframes fleshbas {
0% {
background-position: center -33px;
}
100% {
background-position: center 33px;
}
}
 @-o-keyframes fleshbas {
0% {
background-position: center -33px;
}
100% {
background-position: center 33px;
}
}
#section2 {
	margin-bottom: 50px;
}
div[data-anchor="arbequina"] {
	margin-bottom: 0px !important;
}
div[data-anchor="arbequina"],
div[data-anchor="infos_pratiques"],

{
	    background-image: url("https://www.arbequina-restaurant.com/templates/onepagej3/images/site/portfolio_bg.png") !important;
    background-color: #ffffff !important;
    background-size: auto !important;
    background-attachment: scroll !important;
    background-position: top !important;
    background-repeat: repeat !important;}
	.moduletable_la_carte_box
	{
		padding-top:90px;
		text-align:center;
	} 
.moduletable_reserver_en_ligne
{
	margin-top:120px;
}
.scrollToTop {
   width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: rgba(0,0,0,1) 0px 23px 15px -14px;
    position: fixed;
    bottom: 20px;
    z-index: 9999;
    overflow: hidden;
    right: 20px;
    display: none;
    background: rgba(0,0,0,1) url(../images/arrow_up.png) no-repeat center center;
    background-size: 80%;
}