/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background:#110702; border-color: #0073aa; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
.center { text-align:center;}
/*PLAN D'ACCES*/
.map-google{ width:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}

.social { position:absolute; z-index:999; top:-50px; right:20px;}

/* CSS Document */

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

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

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

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

body {
	 margin:0; 
	 padding:0;
	 width:100%;
	 background:#110702;
	 }

div, td { 
	font-family: 'OpenSans';
	margin:0;
	padding:0;
	line-height:24px;
	font-size:20px;
	color:#000;
	}

a { 
	text-decoration:none;
	font-family: 'Eurostile-Demi';
	color:#000;
	font-size:20px;
	}
	
.clear { 
	clear:both;
	height:0;
	line-height: 0;
	}
	
.img {
	 border:none;
	 }
	 
h1, h2, h3, h4 {
	margin:0;
    padding:0;
	}

h1 { 
	font-family: 'Endofthedream';
	color:#eb6a27;
	font-size:48px;
	font-weight:normal;
	display:inline-block;
	line-height:30px;
	background:url(../images/picto_h1.png) no-repeat top center #fff;
	padding:60px 15px 0 15px;
	}

h2 {
	font-family: 'Eurostile-Demi';
	font-size:20px;
	color:#eb6a27;
	}

h3 {
	font-family: 'Endofthedream';
	font-size:24px;
	color:#110702;
	text-decoration:underline;
	padding-top:15px;
	}
 
li { list-style:none;}

table { border:0; margin:15px 0 15px 40px; border-collapse:collapse; border-spacing:0;}
.td-left { width:87%;}
.td-left, .td-right { border:1px #EB6A27 dashed; padding:10px;}

#pageweb { width:100%;overflow: hidden;position: relative;}
.fla { width:1920px; height:400px;}
#wrapper { width:100%; background:url(../images/bg_wrapper.png) repeat-x; min-height:500px;}
#wrap { width:100%; max-width:1176px; margin:0 auto; position:relative;}

#header { padding:0 15px;}
#logo { background:#110702; padding:105px 95px 55px 95px; position:absolute; top:-260px; z-index:99; width:166px; height:223px;}
.coord { text-align:right; color:#fff; font-size:20px; float:right; border-bottom:3px #01000f dashed; width:460px; padding-bottom:30px;}
.coord a { font-family: 'OpenSans'; font-size:24px; color:#fff; float:right; background:url(../images/bg_tel.png) no-repeat right; padding:3px 40px 3px 0;}
.mn { padding-top:35px; text-align:center; clear:both;}
.mn ul { display:inline-block; margin:0; padding:0;}
.mn ul li { float:left;}
.mn ul li:first-letter { text-transform:uppercase;}
.mn ul li a { font-family: 'Endofthedream'; display:block; position:relative; font-size:24px; color:#fff; padding:60px 38px 20px 38px;}
.mn ul li.tnav-01 a { background:url(../images/1.png) no-repeat 50% 20%;}
.mn ul li.tnav-02 a { background:url(../images/2.png) no-repeat 50% 20%;}
.mn ul li.tnav-03 a { background:url(../images/3.png) no-repeat 50% 20%;}
.mn ul li.tnav-04 a { background:url(../images/4.png) no-repeat 50% 20%;}
.mn ul li.tnav-05 a { background:url(../images/5.png) no-repeat 50% 20%;}
.mn ul li a:hover { padding:57px 35px 17px 35px;}
.mn ul li.tnav-01 a:hover { background:url(../images/1_hover.png) no-repeat 50% 20%;}
.mn ul li.tnav-02 a:hover { background:url(../images/2_hover.png) no-repeat 50% 20%;}
.mn ul li.tnav-03 a:hover { background:url(../images/3_hover.png) no-repeat 50% 20%;}
.mn ul li.tnav-04 a:hover { background:url(../images/4_hover.png) no-repeat 50% 20%;}
.mn ul li.tnav-05 a:hover { background:url(../images/5_hover.png) no-repeat 50% 20%;}
.mn ul li a::before, .mn ul li a::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.3s ease;}
.mn ul li a::before { border-top: 3px solid #fff; border-bottom: 3px solid #fff; transform: scaleX(0);}
.mn ul li a::after{ border-left: 3px solid #fff; border-right: 3px solid #fff; transform: scaleY(0);}
.mn ul li a:hover::before { transform: scaleX(1);}
.mn ul li a:hover::after{ transform: scaleY(1);}
#content { background:url(../images/bg_wrap.jpg) no-repeat right bottom #fff; width:100%; padding-bottom:90px;}
#content-book { background:url(../images/bg_wrap.jpg) no-repeat right bottom #fff; width:100%; padding:65px 20px 90px 20px;}
#cont { padding:65px 115px 0 15px;}
#cont-book { padding:65px 20px 0 20px; margin:0 auto !important;}
#carte-boisson { padding:65px 20px 0 20px; margin:0 auto;}
.book { width:948px !important; margin:0 auto;}
#flipbook { width:1150px; height:878px;  margin:0 auto !important;}
.bloc-carte-slides{display: none;}
.bloc-carte-slides ul{padding: 0; margin: 0;}
.bloc-carte-slides ul li{list-style: none;}
.bloc-carte-slides ul li img{max-width: 100%; height: 100%;}
#carte-link { padding-top:50px; margin:0 auto;}
.ph { float:left; width:585px; background:#fff; height:590px;}
.ttl { text-align:center; background:url(../images/bg_ttl.png) repeat-x bottom;}
.txt { padding-top:50px;}
.txt p:first-child { margin:0; padding:0;}
.txt ul { display:table;}
.txt ul li { list-style:url(../images/bg_liste.png); list-style-position:inside;}
.texte { text-align:center; padding-top:50px;}
.menu-book { width:100%; padding-top:50px; text-align:center;}
.menu-book ul { display:flex; justify-content: space-between; margin:0; padding:0;}
.menu-book ul li { width:100%; max-width: 50%; padding: 0 20px; overflow:hidden; height:290px;}
.menu-book ul li a { display:block;}
.menu-book ul li a:hover { margin-top:-290px;}
.menu-book img { max-width: 100%; height:100%;}
#encart { background:#527c91; margin-left:85px; width:588px;}  
.encart-left { font-family: 'Eurostile-Demi'; color:#fff; text-align:center; text-transform:uppercase; float:left; width:202px; padding:40px 0 0 30px;}
.encart-right { font-family: 'Eurostile-Demi'; padding:98px 0 30px 40px; margin-top:85px; width:264px; float:right; background:url(../images/bg_carte_menu.png) no-repeat; color:#eb6a27; font-size:20px; text-transform:uppercase;}
.encart-right a { color:#eb6a27; font-size:20px;}
.lien { padding:0 0 40px 20px;}
.lien ul { margin:0; padding:0;}
.lien ul li { list-style:url(../images/bg_liste.png);}
.lien ul li a { display:block; font-size:18px; line-height:30px; font-family: 'Eurostile-Demi'; color:#000;}
.lien ul li a:hover { color:#eb6a27}

#footer { padding:32px 0 45px 0;}
#foot { border-top:3px dashed #527c91; border-bottom:3px #527c91 dashed; width:100%;}
.menu { float:left; padding:45px 0 45px 30px;}
.menu ul { margin:0; padding:0;}
.menu ul li { float:left;}
.menu ul li:first-letter { text-transform:uppercase;}
.menu ul li a { font-family: 'Endofthedream'; display:block; color:#fff; font-size:24px; padding:0 20px;}
.menu ul li a:hover { color:#eb6a27;}
.com { float:right; padding:40px 17px 0 0;}

#smartnav { display: none;}

	/*RESPONSIVE*/
@media only screen and (max-width:1151px){
	.menu ul li a{ padding: 0 15px;}
}
@media only screen and (max-width:1059px){
	#cont { padding: 65px 15px 0 15px;}
}
@media only screen and (max-width:1023px){
	.menu ul li a{font-size: 20px;}
	.menu-book ul li{ height: 250px;}
	.menu-book ul li a:hover { margin-top:-250px;}
	#content-book{ background: #fff; padding: 30px 15px;}
	#flipbook { display: none;}
	.bloc-carte-slides{display: block;}
}
@media only screen and (max-width:979px){
	#header{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	#smartnav{display: block;}
	.menu,.mn{display: none;}
	#logo{ position: inherit; padding: 50px; top: 0;}
	#cont{ display: flex; flex-direction: column;}
	.ttl{ order: 1;}
	.texte,.txt{ order: 2;}
	.ph{ float: none; height: auto; margin: 0 auto; text-align: center; order: 3; padding: 20px 0; width: 100%;}
	.ph img{max-width: 100%; height: auto;}
	#encart{order: 4;}
	.menu-book ul li{padding: 0 5px;}
	.com{ float: none; display: flex; justify-content: center; align-items: center; padding: 20px 0;}
}
@media only screen and (max-width:899px){
	.menu-book ul{ flex-direction: column;}
	.menu-book ul li{max-width: 100%; padding: 0; margin: 10px 0; height: 290px;}
	.menu-book ul li a:hover { margin-top:-290px;}
}
@media only screen and (max-width:799px){}
@media only screen and (max-width:767px){
	.fla{ position: relative; z-index: -1; height: auto; width: 100%;}
	#slider-inner-1{width: 100% !important; max-width: 100% !important; height: auto !important;}
	#logo{padding: 20px;}
	.coord{width: 420px;}
	#encart{ margin-left: 0;}
}
@media only screen and (max-width:719px){
	.coord { width: 370px;}
}
@media only screen and (max-width:639px){
	.coord { width: 320px;}
	#cont { padding: 35px 15px 0 15px;}
	#content{ background: #fff; padding-bottom: 40px;}
}
@media only screen and (max-width:599px){
	div,td{font-size: 16px; line-height: 22px;}
	#header{ justify-content: center;}
	#logo{ margin-top: 20px;}
	.coord{width: 100%;border-bottom: none; padding-bottom: 20px;}
	.coord p{ padding: 15px 0 10px 0; margin: 0;}
	.texte{padding-top: 30px;}
	#encart{padding: 20px; width: 100%;}
	.encart-left{ float: none; padding: 20px 0; border: #fff 1px solid; margin: 0 auto;}
	.encart-right{ float: none; margin: 30px auto 0 auto;}
}
@media only screen and (max-width:532px){
	h1{font-size: 30px;}
	.menu-book ul li{ height: 270px;}
	.menu-book ul li a:hover { margin-top:-270px;}
	.menu-book ul li img{max-width: 100%; height: auto;}
}
@media only screen and (max-width:479px){
	#logo{width: 100%; max-width: 40%; height: auto;}
	#logo img{max-width: 100%; height: auto;}
	.menu-book ul li{ height: 200px;}
	.menu-book ul li a:hover { margin-top:-200px;}
	.form-group{font-size: 14px;}
}
@media only screen and (max-width:359px){
	div,td{font-size: 14px;}
	.coord{font-size: 18px;}
	.menu-book ul li{ height: 175px;}
	.menu-book ul li a:hover { margin-top:-175px;}
	.form-group{font-size: 12px;}
}