@font-face {
    font-family: 'musicaITC';
    
    src: url('../fonts/MusicaRegular.eot');
    src: url('../fonts/MusicaRegular.woff2') format('woff2'),
         url('../fonts/MusicaRegular.woff') format('woff'),
         url('../fonts/MusicaRegular.ttf') format('truetype'),
         url('../fonts/MusicaRegular.svg') format('svg');
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'parmapetitregular';
    src: url('../fonts/parmapetit-normal-webfont.eot');
    src: url('../fonts/parmapetit-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/parmapetit-normal-webfont.woff2') format('woff2'),
         url('../fonts/parmapetit-normal-webfont.woff') format('woff'),
         url('../fonts/parmapetit-normal-webfont.ttf') format('truetype'),
         url('../fonts/parmapetit-normal-webfont.svg#parmapetitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'GillSans-Light';
  src: url('../fonts/GillSans-Light.eot');
  src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/GillSans-Light.woff') format('woff'),
       url('../fonts/GillSans-Light.ttf')  format('truetype'),
       url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family:'GillSans-Regular';
	src: url('../fonts/GillSans_gdi.eot');
	src: url('../fonts/GillSans_gdi.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/GillSans_gdi.woff') format('woff'),
		 url('../fonts/GillSans_gdi.ttf') format('truetype'),
		 url('../fonts/GillSans_gdi.otf') format('opentype'),
		 url('../fonts/GillSans_gdi.svg#GillSans-Regular') format('svg');
	font-weight:normal;
	font-style: normal;
}


* {
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline: none;
}

html,body {
	height:100%;
}

body {
	width:100%;
	margin:0;
	padding:0;
	background:#202020;
	overflow-x:hidden;
}

p,h1,h2,h3,h4,h5,h6,ul,li,article,address {
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
}

address {
	display:inline;
}

ul {
	display:block;
	list-style-type:none;
}

input,select,textarea {
	outline:none;
	text-decoration:none;
	margin:0;
	padding:0;
	border:0;
	display:block;

	-webkit-border-radius:0;
    -moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;

	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;

	 font-family: 'GillSans-Light', arial, sans-serif;
}

a {
	text-decoration:none;
}

img {
	border:0;
}

.clear {
	clear:both;
}

.bg {
	width:100%;
	min-height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-20;
}

/***** BACKGROUNDS *****/

@-webkit-keyframes fx_moving {
	0%		{ -webkit-transform: scale(1); }
	25%		{ -webkit-transform: scale(1.01); }
	50%		{ -webkit-transform: scale(1); }
	75%		{ -webkit-transform: scale(1.01); }
	100%	{ -webkit-transform: scale(1); }
}

@-moz-keyframes fx_moving {
	0%		{ -moz-transform: scale(1); }
	25%		{ -moz-transform: scale(1.01); }
	50%		{ -moz-transform: scale(1); }
	75%		{ -moz-transform: scale(1.01); }
	100%	{ -moz-transform: scale(1); }
}

@-o-keyframes fx_moving {
	0%		{ -o-transform: scale(1); }
	25%		{ -o-transform: scale(1.01); }
	50%		{ -o-transform: scale(1); }
	75%		{ -o-transform: scale(1.01); }
	100%	{ -o-transform: scale(1); }
}

@-ms-keyframes fx_moving {
	0%		{ -ms-transform: scale(1); }
	25%		{ -ms-transform: scale(1.01); }
	50%		{ -ms-transform: scale(1); }
	75%		{ -ms-transform: scale(1.01); }
	100%	{ -ms-transform: scale(1); }
}

@keyframes fx_moving {
	0%		{ transform: scale(1); }
	25%		{ transform: scale(1.01); }
	50%		{ transform: scale(1); }
	75%		{ transform: scale(1.01); }
	100%	{ transform: scale(1); }
}


#slide_pad {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:10;
	display:none;
}

#slide1_home {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide1.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	right:35%;
	z-index:10;
    
    -webkit-animation:    fx_moving 6s infinite linear;
    -moz-animation:        fx_moving 6s infinite linear;
    -o-animation:        fx_moving 6s infinite linear;
    -ms-animation:        fx_moving 6s infinite linear;
    animation:            fx_moving 6s infinite linear;    
}

#slide2_home {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide2.png?u=1') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	right:-35%;
	z-index:10;
    
    -webkit-animation:    fx_moving 6s infinite linear;
    -moz-animation:        fx_moving 6s infinite linear;
    -o-animation:        fx_moving 6s infinite linear;
    -ms-animation:        fx_moving 6s infinite linear;
    animation:            fx_moving 6s infinite linear;    
}

#slide1_r {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide1.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:10;

	-webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
	-ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

#slide1_r a:first-child {
	display:none;
	position:absolute;
	bottom:37%;
	right:5%;
	color:#fff;
	z-index:10;
}

#slide1_r a:first-child img {
	width:85px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

#slide1_r a:nth-child(2) {
	display:none;
	position:absolute;
	top:67%;
	right:5%;
	color:#fff;
	z-index:10;
}

#slide1_r a:nth-child(2) img {
	width:150px;
    margin-right: -37px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}


#slide1_r a:hover > img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

#slide2_r {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide2.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	left:72%;
	z-index:10;

	-webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
	-ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

#slide1_b {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide1.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	right:72%;
	z-index:10;

	-webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
	-ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

#slide2_b {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:url('../img/slide2.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:10;

	-webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
	-ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

#slide2_b a:first-child {
	display:none;
	position:absolute;
	bottom:42%;
	left:2%;
	z-index:10;
}

#slide2_b a:first-child img {
	width:170px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

#slide2_b a:nth-child(2) {
	display:none;
	position:absolute;
	top:62%;
	left:2%;
	z-index:10;
}

#slide2_b a:nth-child(2) img {
	width:150px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}


#slide2_b a:hover > img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.loader {
	width:100%;
	min-height:100%;
	background:#202020;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}

.loader img {
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-15px;
}

#prehome {
	background:url('../img/bg_prehome.jpg') no-repeat top center;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#accueil_r {
	background:url('../img/bg_accueil_r.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#reservations {
	background:url('../img/bg_reservations.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#menus {
	background:url('../img/bg_menus.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#menus_thes {
	background:url('../img/bg_menus_thes.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#menus_vins {
	background:url('../img/bg_menus_vins.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#fondateurs {
	background:url('../img/bg_fondateurs.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#contact_r {
	background:url('../img/bg_contact_r.jpg') no-repeat top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#accueil_b {
	background:url('../img/bg_accueil_b.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#maison_the {
	background:url('../img/bg_maison_thes.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#baos {
	background:url('../img/bg_baos.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#contact_b {
	background:url('../img/bg_contact_b.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

/***** SWITCH LANGUES *****/
#choose_lang {
	display:block;
	position:absolute;
	right:20px;
	top:20px;
	z-index:20;
	width:90px;
	padding:4px;
	font-size:8pt;
	text-align:center;
	background:rgba(32,32,32,0.7);
	color:#fff;
	font-family: 'GillSans-Light', arial sans-serif;

	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#choose_lang:hover {
	background:#f4b364;
}

/***** PREHOME *****/

.prehome_content {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	font-family: 'GillSans-Light', arial sans-serif;
	text-align:center;

}

#left {
	position:absolute;
	width:40%;
	min-height:100%;
	color:#fff;
	z-index:20;
	padding-top:200px;
}

#right {
	position:absolute;
	left:60%;
	width:40%;
	min-height:100%;
	color:#fff;
	z-index:20;
	padding-top:200px;
}

#bottom h1,#top h1,
#left h1,
#right h1 {
	 font-family: 'parmapetitregular';
	 letter-spacing:-1px;
}


#bottom {
    position:absolute;
    left:35%;
    bottom:0;
    width:30%;
    color:#FFF;
    z-index:30;
    /*font-size:120%;*/
    margin-bottom:2em;
}
#top {
    position:absolute;
    left:30%;
    top:0;
    width:40%;
    color:#FFF;
    z-index:30;
    /*font-size:120%;*/
    margin-top:2em;
}

/*#bottom address span {*/
/*    font-size:110%;*/
/*}*/

#logo_cafe_index {
	width:45%;
	margin:10px 0;
}

#logo_restaurant_index {
	width:70%;
	margin-top:20px;
}

#logo_boutique_index {
	width:45%;
	margin-top:10px;
}


#bottom address,#top address,
#left address,
#right address {
    font-family: 'parmapetitregular';
	text-align:center;
	font-size:18pt;
}

#bottom address span,#top address span,
#left address span,
#right address span {
	display:block;
	font-size:28pt;
	padding-top:5px;
}


#bottom a,#top a, .redblocklink,
#left a,
#right a {
	display:block;
	width:200px;
	margin:30px auto 0px auto;
	/*text-transform:uppercase;*/
	padding:8px;
	font-size:11pt;
	border:1px solid #fff;
	color:#fff;

	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#bottom a:hover,#top a:hover,
#left a:hover,
#right a:hover {
	background:#202020;
	border:1px solid #202020;
	color:#fff;
}


/***** NAV *****/

#call_nav_smart,
header#nav_smart {
	display:none;
}

header#nav_r {
	display:block;
	position:absolute;
	top:30px;
	left:66%;
	z-index:15;
	color:#fff;
	font-family: 'GillSans-Light', arial sans-serif;
}

header#nav_r nav ul li {
	display:block;
	font-size:12pt;
	padding-bottom:8px;
	text-align:right;
	text-transform:uppercase;
	width:200px;
}

#nav_r_li_2 {
	margin-left:7px;
}

#nav_r_li_3 {
	margin-left:14px;
}

#nav_r_li_3 a:nth-child(2),
#nav_r_li_3 a:nth-child(3){
	font-size:9pt;
	padding-top:5px;
}

#nav_r_li_4 {
	margin-left:21px;
}

#nav_r_li_5 {
	margin-left:28px;
}

header#nav_b {
	display:block;
	position:absolute;
	top:30px;
	left:20%;
	z-index:15;
	color:#fff;
	font-family: 'GillSans-Light', arial sans-serif;
}

header#nav_b nav ul li {
	display:block;
	font-size:11pt;
	padding-bottom:8px;
	text-align:left;
	text-transform:uppercase;
	width:200px;
}

#nav_b_li_2 {
	margin-left:-6px;
}

#nav_b_li_3 {
	margin-left:-12px;
}

#nav_b_li_4 {
	margin-left:-18px;
}

#nav_b_li_5 {
	margin-left:-24px;
}

header#nav_r nav ul li a,
header#nav_b nav ul li a {
	display:block;
	color:#fff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

header#nav_r nav ul li a:hover,
header#nav_b nav ul li a:hover,
header#nav_r nav ul li a.current,
header#nav_b nav ul li a.current {
	color:#f4b364;
}

header#nav_b nav ul li a:hover {
	padding-left:5px;
}

header#nav_r nav ul li a:hover {
	padding-right:5px;
}


/***** RESTAURANT *****/

.content_main {
	position:absolute;
	z-index:12;
	color:#fff;
	display:none;
	padding-top:5%;
	padding-left:5%;
	padding-bottom:30px;
	left:0;
	top:0;
	width:85%;
	min-height:100%;
}

.content_main h1 img {
	width:450px;
}

.content_main article {
	font-family:'GillSans-Regular', arial, sans-serif;
	font-size:19pt;
	padding-left:180px;
	padding-right:180px;
	text-align:left;
}

.content_main article p {
	padding-top:60px;
}


blockquote {
	position:absolute;
	display:none;
	bottom:120px;
	font-family:'GillSans-Regular', arial, sans-serif;
	color:#fff;
	font-size:22pt;
	z-index:12;
}

blockquote#cite_grat {
	left:0px;
	padding-left:40px;
}

blockquote#cite_chi {
	left:50%;
}

blockquote span {
	display:block;
	padding-top:30px;
	font-size:16pt;
}

.content_main article p span,
.content_main article ul span {
	font-style:italic;
	font-size:16pt;
	color:#f4b364;
}

.content_main article ul {
	text-align:left;
	padding-top:30px;
	list-style-type:disc;
	list-style-position:inside;
}

.content_main article ul li {
	padding-top:20px;
}

#bt_menu_ex {
	position:fixed;
	bottom:5%;
	left:5%;
	width:150px;
	cursor:pointer;

	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

#bt_menu_ex:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

#close_menu {
	position:absolute;
	width:100px;
	bottom:3%;
	left:50%;
	margin-left:-50px;
	color:#fff;
	border:1px solid #fff;
	padding:5px 10px 5px 10px;
	font-size:9pt;
	text-transform:uppercase;
	background:none;

	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#close_menu:hover {
	background:#202020;
	border:1px solid #202020;
	color:#fff;
}

#menu_ex {
	position:fixed;
	z-index:500;
	height:100%;
	left:0;
	top:0;
	width:40%;
	display:none;
	color:#fff;
	border-right:1px solid #fff;
	text-align:center;

	background:url('../img/bg_menu_ex.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#menu_ex_content {
	position:absolute;
	left:5%;
	top:5%;
	width:90%;
	min-height:80%;
	background:rgba(255,255,255,0.5);
	color:#000;
	padding:60px 20px;
	font-family: 'GillSans-Regular', arial, sans-serif;
	text-align:left;
}

#menu_ex_content hr {
	border:0;
	border-top:1px solid #f4b364;
	width:100%;
}

.content_main .iframe {
	display:block;
	border:0;
	width:270px;
	height:270px;
	border:3px solid #fff;
	margin:50px auto 0px auto;
	position: relative;
    overflow: hidden;

	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.content_main .iframe iframe {
	width:100%;
	height:100%;
}

/***** BOUTIQUE *****/

.content_boutique {
	position:absolute;
	z-index:12;
	color:#fff;
	padding-top:5%;
	padding-bottom:30px;
	right:0;
	top:0;
	display:none;
	width:85%;
	min-height:100%;
}

.content_boutique h1 {
	display:block;
	position:absolute;
	right:5%;
	bottom:5%;
}

.content_boutique h1 img {
	width:150px;
}

.content_boutique article {
	font-family:'GillSans-light', arial, sans-serif;
	font-size:19pt;
	padding-right:20%;
	text-align:right;
}

.content_boutique article h2 {
	font-family:'GillSans-regular', arial, sans-serif;
	font-size:21pt;
}

.content_boutique article p {
	padding-top:30px;
}

.content_boutique article p span {
	font-style:italic;
	font-size:16pt;
	color:#f4b364;
}

.content_boutique article p a {
	color:#fff;
	text-decoration:underline;

	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.content_boutique article p a:hover {
	color:#f4b364;
}

.content_boutique article ul {
	text-align:right;
	padding-top:30px;
	list-style-type:disc;
	list-style-position:inside;
}

.content_boutique article ul li {
	padding-top:20px;
}

#logo_boutique_accueil {
	width:500px;
}

#bao_pic {
	width:130px;
}

#bao_logo {
	width:80px;
}

.content_boutique .iframe {
	position:absolute;
	display:block;
	border:0;
	width:270px;
	height:270px;
	border:3px solid #fff;
    overflow: hidden;
	left:10%;
	top:25%;

	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}

.content_boutique .iframe iframe {
	width:100%;
	height:100%;
}

.content_boutique a#fb,
.content_boutique a#insta {
	display:block;
	float:right;
	width:210px;
	height:30px;
	line-height:30px;
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	padding-left:45px;
	font-size:16pt;
}

.content_boutique a#fb {
	background:url('../img/fb.png') no-repeat left center;
}

.content_boutique a#insta {
	background:url('../img/insta.png') no-repeat left center;
}

.content_boutique a#fb:hover,
.content_boutique a#insta:hover {
	text-decoration:underline;
}


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

#legal {
	position:fixed;
	width:80%;
	height:70%;
	top:15%;
	left:50%;
	margin-left:-40%;
	border:1px solid #000;
	z-index:200;
	display:none;
	overflow:auto;
}

.legal {
	color:#fff;
	font-size:9pt;
	padding:20px 100px 20px 20px;
	font-family:arial, sans-serif;
}

.legal h2 {
	font-family: 'parmapetitregular';
	font-size:20pt;
}

.legal h3 {
	padding-top:20px;
	font-size:9pt;
	text-transform:uppercase;
	text-decoration:underline;
}

.legal p {
	padding-top:5px;
}

.legal a {
	color:#f4b364;
}

.legal a:hover {
	text-decoration:underline;
}

#close_legal {
	display:block;
	width:30px;
	position:fixed;
	top:20px;
	right:20px;
	cursor:pointer;
}

/***** 404 *****/

.e404 {
	padding:100px;
	text-align:center;
	color:#fff;
}

.e404 img {
	width:400px;
}

.e404 p {
	padding-top:30px;
	font-family:'GillSans-light', arial, sans-serif;
	font-size:12pt;
}

.e404 p a {
	color:#f4b364;
}

.e404 p a:hover {
	text-decoration:underline;
}

/***** FOOTER *****/

footer {
	position:fixed;
	bottom:0;
	width:100%;
	color:#fff;
	font-size:8pt;
	padding:5px 10px;
	z-index:20;
	text-align:center;
}

footer a {
	color:#fff;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

footer a:hover {
	color:#f4b364;
}

/***** CAFE - TMP *****/
.fullscreen {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    /*background-color:#8bcabd;*/
    background-color:#440000;
    padding:20px;
}

.fullscreen #left {
    z-index:20;
}

.fullscreen img {
    position:absolute;
    max-width:calc(100vw - 40px);
    max-height:100vh;
}

.fullscreen #over {
    display:none;
}

#lang {
    position: absolute;
    z-index:20;
    top:20px;
    right:20px;
}

#lang a, .cafe-nav a {
    color:#FFF;
    padding:5px;
}

#lang a:hover, .cafe-nav a:hover {
    /*color:#8bcabd;*/
    color:#cc0000;
    background-color:#000;
}
.cafe-nav {
    color:#fff;
    position: absolute;
    z-index:20;
    top:20px;
    left:20px;
}

/***** CAFE - add by JVP *****/
#roadmap {
    content: '';
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../img/roadmap.png');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(0,-5%) rotate(-16deg) scale(1.1);
    opacity: .4;
    z-index: 15;
}
#accueil_c {
    background-image: url('../img/bg_cafe.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#slide1_c {
    position:fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background-image:url('../img/FILTRE-GRIS.png');
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
    z-index:10;

    -webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
    -ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

#slide2_c {
    position:fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background-image:url('../img/slide2_c.png');
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
    z-index:9;
    opacity: 0.9;
    mix-blend-mode: multiply;

    -webkit-animation:	fx_moving 6s infinite linear;
    -moz-animation:		fx_moving 6s infinite linear;
    -o-animation:		fx_moving 6s infinite linear;
    -ms-animation:		fx_moving 6s infinite linear;
    animation:			fx_moving 6s infinite linear;
}

.content_cafe {
    position: relative;
    z-index: 20;
}

header#nav_c a.current {
    color: #fff;
}
header#nav_c a {
    color: inherit;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 1.5rem;
}
header#nav_c li + li {
    margin-top: 10px;
}
header#nav_c {
    position: relative;
    display: block;
    padding: 40px 15px 20px 50px;
    color: #f4b364;
    font-family: 'GillSans-Light', arial sans-serif;
    z-index: 29;
}

#page_cafe footer {
    text-transform: lowercase;
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'GillSans-Light', arial sans-serif;
}
#page_cafe .content_cafe article p {
    margin-bottom: 10px;
    font-weight: inherit;
}
#page_cafe .content_cafe article .cafe-content {
    position: relative;
    flex: 1;
    z-index: 1;
}
#page_cafe .content_cafe article {
    position: relative;
    padding: 0 15px;
    color: #fff;
    z-index: 20;
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: 'GillSans-Light', arial sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
#page_cafe .phone {
    line-height: 1;
    font-size: 2em;
    font-weight: normal;
}
#page_cafe #choose_lang {
    top: 20px;
    right: 20px;
    left: auto;
    bottom: auto;
    background: none;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: 2px;
    z-index: 30;
}

#logo_cafe {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 400px;
}
#horaires_cafe_img_1 {
    display: inline-block;
    max-width: 250px;
    width: auto;
    height: auto;
}

#page_cafe.horaires_cafe .content_cafe article .cafe-content {
    width: 100%;
    margin-top: -3rem;
    overflow-x: auto;
}

#page_cafe table {
    width: 100%;
}
#page_cafe .cafe-header,
#page_cafe .cafe-footer {
    text-align: center;
}
#page_cafe.contact_cafe .cafe-footer {
    margin-left: -2vw;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#page_cafe.contact_cafe .cafe-header img {
    width: 45%;
}
#page_cafe.contact_cafe .cafe-header {
    text-align: left;
    margin-left: -5vw;
}
#page_cafe .cafe-footer {
    padding-top: 25px;
}

#horaires_cafe_img_2,
#horaires_cafe_img_3 {
    display: inline-block;
    max-width: 320px;
    width: 40%;
    height: auto;
    transform: rotate(-14deg);
    margin: 0 25px;
}
#contact_cafe_img_3 {
    margin-top: 5vh;
}
#horaires_cafe_img_3 {
    margin-top: 20px;
}
#contact_cafe_img_4 figcaption {
    line-height: 1;
}
#contact_cafe_img_4 img {
    width: 100%;
}
#contact_cafe_img_4 {
    position: absolute;
    right: 2vw;
    top: 0;
    margin: 0;
    max-width: 450px;
    z-index: -1;
}

#page_cafe #left,
#page_cafe #right {
    position: relative;
    width: auto;
    min-height: auto;
    padding-top: 0;
    text-align: center;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
#page_cafe #left a,
#page_cafe #right a {
    border: none;
    background: none;
    padding: 0;
    width: auto;
    margin: 0;
    /*opacity: .5;*/
}
/*#page_cafe #left a:hover,*/
/*#page_cafe #right a:hover {*/
/*    opacity: 1;*/
/*}*/
#page_cafe #left a #logo_restaurant_index {
    width: 100%;
    max-width: 380px;
    margin: 0;
}
#page_cafe #right a #logo_boutique_index {
    width: 100%;
    max-width: 100px;
    margin: 0;
}
@media (max-width: 1199px) {
    #page_cafe .content_cafe article {
        font-size: 1.6rem;
    }
}

@media (max-height: 768px) {
    #page_cafe .content_cafe article {
        font-size: 1.6rem;
    }
}
@media (max-width: 600px) {
    header#nav_c,
    #page_cafe #left,
    #page_cafe #right {
        display: none;
    }
}
@media (max-width: 768px) {
    #page_cafe #choose_lang,
    #page_cafe footer {
        font-size: 1rem;
    }
    #page_cafe #choose_lang {
        top: 10px;
        right: 10px;
    }
    #page_cafe .content_cafe article {
        font-size: 18px;
        margin-top: 80px;
    }
    #logo_cafe {
        width: 100%;
        margin-bottom: 20px;
    }

    #page_cafe.horaires_cafe .content_cafe article .cafe-content {
        margin-top: 0;
    }
    #page_cafe.contact_cafe .cafe-header {
        margin: 0;
    }
    #page_cafe.contact_cafe .cafe-header img {
        display: block;
        width: 100%;
        margin: 10px auto;
        max-width: 400px;
    }
    #contact_cafe_img_4 {
        position: relative;
        right: auto;
        top: auto;
    }
    #page_cafe.contact_cafe .cafe-footer {
        flex-direction: column;
    }
    #page_cafe.contact_cafe .cafe-footer img {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {

    header#nav_c {
        position: absolute;
        top: 30px;
        right: 10vw;
        padding: 0;
    }

    .content_cafe {
        min-height: 100vh;
        overflow: hidden;
    }

    #page_cafe .content_cafe article {
        max-width: 60vw;
        margin: 0 auto 0 25vw;
        padding: 10vh 2vw 0 5vw;
    }

    #page_cafe #left,
    #page_cafe #right {
        position: absolute;
    }
    #page_cafe #left {
        width: 20vw;
        left: 5vw;
        top: 50vh;
        /*transform: translate(0, -50%);*/
    }
    #page_cafe #right {
        width: 10vw;
        left: auto;
        right: 5vw;
        top: 70vh;
    }
    #page_cafe.horaires_cafe .content_cafe article {
        padding-top: 0;
        padding-left: 0;
    }
    #page_cafe.contact_cafe .content_cafe article {
        padding-top: 0;
    }
    #page_cafe.nous .content_cafe article .cafe-content {
        padding-right: 4vw;
    }
}