/* laptop / ecran moyen */
#notice,#noticeMask{ position: fixed;top:20%;left:10%;width:80%;height:75%;overflow: auto; }
.block3 {float:left;width:33%;text-align:center;}
.spaceline {height:5em;}
@media only screen and (max-width:1600px) {
	header#nav_r {
		left:63%;
	}
}

/* laptop / ecran moyen */
@media only screen and (max-width:1280px) {
	header#nav_r {
		left:60%;
	}


	#bottom, #top {
	    left:30%;
	    width:40%;
	}

	#logo_cafe_index {
	    width:45%;
	}

}

/* tablette paysage */
@media only screen and (max-width:1024px) {

	#slide1_home {
		background:url('../img/slide1_1024.png') no-repeat center center;
	}

	#slide2_home {
		background:url('../img/slide2_1024.png') no-repeat center center;
	}

	#slide1_r {
		background:url('../img/slide1_1024.png') no-repeat center center;
	}

	#slide1_r a {
		bottom:32%;
		right:2%;
	}

	#slide1_r a img {
		width:75px;
	}

	#slide2_r {
		background:url('../img/slide2_1024.png') no-repeat center center;
	}

	#slide1_b {
		background:url('../img/slide1_1024.png') no-repeat center center;
	}

	#slide2_b {
		background:url('../img/slide2_1024.png') no-repeat center center;
	}

	#slide2_b a {
		bottom:40%;
		left:1%;
	}

	#slide2_b a img {
		width:110px;
	}

	header#nav_r {
		left:56%;
	}

	.content_main h1 img {
		width:350px;
	}

	.content_main article {
		font-size:14pt;
		padding-left:80px;
		padding-right:80px;
	}

	.content_main article p span,
	.content_main article ul span {
		font-size:12pt;
	}

	blockquote {
		bottom:30px;
		font-size:17pt;
	}

	#menu_ex {
		width:50%;
	}

	#legal {
		position:absolute;
		top:0;
	}

	.content_boutique {
		width:85%;
		padding-top:5%;
	}

	.content_boutique h1 img {
		width:125px;
	}

	#logo_boutique_accueil {
		width:380px;
	}

	#bao_pic {
		width:100px;
	}

	.content_boutique article {
		font-size:14pt;
		padding-right:15%;
	}

	.content_boutique article h2 {
		font-size:16pt;
	}

	.content_boutique article p span {
		font-size:12pt;
	}

	.content_boutique .iframe {
		left:3%;
		top:27%;
	}

}

/* tablette portrait */
@media only screen and (max-width:800px) {
    .spaceline {height:0em;}

    #notice,#noticeMask{ top:0;left:0;width:100%;height:100%;overflow: auto; }
	#slide_pad {
		display:block;
	}

	#slide1_home {
		display:none;
	}

	#slide2_home {
		display:none;
	}

	#reservations {
		background:url('../img/bg_reservations_800.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_800.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_800.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_800.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_800.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_800.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_800.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_800.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_800.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_800.jpg') no-repeat center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}

	#slide1_r {
		background:none;
	}

	#slide1_r a {
		bottom:7%;
		right:3%;
	}

	#slide1_r a img {
		width:75px;
	}

	#slide2_r {
		background:none;
	}

	#slide1_b {
		background:none;
	}

	#slide2_b {
		background:none;
	}

	#slide2_b a {
		bottom:15%;
		left:3%;
	}

	#slide2_b a img {
		width:110px;
	}

	#choose_lang {
		top:inherit;
		right:inherit;
		left:50%;
		bottom:30px;
		margin-left:-45px;
	}

	header#nav_r {
		left:inherit;
		right:2%;
	}

	#nav_r_li_2,
	#nav_r_li_3,
	#nav_r_li_3 a:nth-child(2),
	#nav_r_li_3 a:nth-child(3),
	#nav_r_li_4,
	#nav_r_li_5 {
		margin-left:0px;
	}

	header#nav_b {
		left:2%;
	}

	#nav_b_li_2,
	#nav_b_li_3,
	#nav_b_li_4,
	#nav_b_li_5 {
		margin-left:0px;
	}

	.content_main,
	.content_boutique {
		padding-top:10%;
	}

	#bt_menu_ex {
		bottom:15%;
	}

	#menu_ex {
		width:80%;
	}

	.content_main .iframe {
		margin:50px 0px;
	}

	.content_boutique .iframe {
		left:inherit;
		right:15%;
		top:65%;
	}

	.content_main .iframe,
	.content_boutique .iframe {
		width:230px;
		height:230px;
	}

	blockquote {
		bottom:inherit;
	}

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

	blockquote#cite_chi {
		left:inherit;
		top:80%;
	}

}

    #reservationBlk1 {float:left;width:30%;}
    #reservationBlk2 {float:right;width:70%;}

/* smartphone */
@media only screen and (max-width:600px) {
    
    #noticeMask {display:none;}
    #notice {display:block;position:relative; height: auto;/*background-color: #190900; opacity:0.95;*/ }
    .block3 {float:none;display:block;width:auto;}
    #reservationBlk1 {width:100%;}
    #reservationBlk2 {width:100%;}
    
	.prehome #slide_pad {
		display:none;
	}

	#left,
	#right,
    #top,
	#bottom {
		position:inherit;
		width:100%;
		padding-top:60px;
	}


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

    #logo_boutique_index {
        width:60%;
        margin-top:20px;
    }
	#logo_cafe_index {
		width:60%;
		margin-top:20px;
	}

	header#nav_c,
	header#nav_r,
	header#nav_b {
		display:none;
	}

	#slide1_r a,
	#slide2_b a {
		display:none !important;
	}

	#choose_lang {
		top:10px;
		right:10px;
		left:inherit;
		bottom:inherit;
		margin-left:inherit;
	}

	#call_nav_smart {
		display:block;
		position:fixed;
		width:30px;
		height:30px;
		top:10px;
		left:10px;
		z-index:400;
	}

	#call_nav_smart img {
		display:block;
		width:100%;
	}

	header#nav_smart {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(32,32,32,0.95);
		z-index:300;
		display:none;
		font-family: 'GillSans-Light', arial sans-serif;
		padding-top:60px;
		padding-left:10px;
	}

	header#nav_smart nav ul li {
		display:block;
		font-size:13pt;
		padding-bottom:6px;
		text-align:left;
		text-transform:uppercase;
	}

	header#nav_smart nav ul li.nav_head {
		 font-family: 'parmapetitregular', arial, sans-serif;
		 text-transform:none;
		 color:#fff;
		 font-size:30pt;
	}

	header#nav_smart nav ul li a {
		display:block;
		color:#fff;
	}

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

	.content_main,
	.content_boutique {
		width:100%;
		padding-top:60px;
		padding-left:inherit;
		padding-right:inherit;
	}

	.content_main h1 img {
		display:block;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	.content_main article,
	.content_boutique article {
		padding-left:20px;
		padding-right:20px;
		text-align:center;
	}

	#bt_menu_ex {
		position:inherit;
		width:100px;
		cursor:pointer;
		margin-top:20px;
	}

	#menu_ex {
		width:100%;
		border:0;
	}

	.content_main .iframe {
		margin:50px auto 0px auto;
	}

	#logo_boutique_accueil {
		width:80%;
	}

	.content_boutique h1 {
		position:inherit;
		right:inherit;
		bottom:inherit;
		display:block;
	}

	.content_boutique h1 img {
		width:85px;
	}

	.content_boutique article ul {
		text-align:center;
		padding-top:30px;
	}

	#bao_pic {
		width:80px;
		margin-top:20px;
	}

	.content_boutique .iframe {
		position:relative;
		left:inherit;
		right:inherit;
		top:inherit;
		bottom:inherit;
		margin:80px auto 0px auto;
	}

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

	#logo_identite {
		display:none !important;
	}

	blockquote {
		bottom:inherit;
		font-size:12pt;

	}

	blockquote#cite_grat {
		padding-left:0px;
		top:30%;
	}

	blockquote#cite_chi {
		left:inherit;
		top:75%;
	}

	blockquote span {
		font-size:10pt;
		padding-top:15px;
	}

	footer {
		display:none;
		/*position:inherit;
		padding-top:40px;*/
	}

	#menu_ex_content {
		height:80%;
		overflow:auto;
		background:rgba(255,255,255,0.5);
		color:#000;
		padding:20px;
	}
}