/* =============================================================================
   Loader
   ========================================================================== */
.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}

.QAmt {
	color:#333333;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}

/* =============================================================================
   Base
   ========================================================================== */


html{ height:100%; }
body {
    height:100%; padding: 0;
	position: absolute;
	width: 100%;
	left:0;
	right:0;
	z-index: 0;	
}




h1{font-family: 'Buda', sans-serif; font-weight: normal; color: #4A4A49; font-size: 36px; margin: 20px 0 50px 0; text-align: center; padding-top:80px;}
h2{font-family: 'Buda', sans-serif; font-weight: normal; color: #4A4A49; font-size: 28px;}
h3{font-family: 'Buda', sans-serif; font-weight: normal; color: #4A4A49; font-size: 24px;}
h4{font-family: 'Buda', sans-serif; font-weight: normal; font-size: 20px;}
h5{font-family: 'Buda', sans-serif; font-weight: normal; font-size: 16px;}
body, p{font-family: 'PT Serif', serif; font-weight: normal; font-size: 16px; color: #333; line-height: 26px;}

.back-grey{background: url('../img/fond-gris.jpg') repeat;} 
.back-white{background: url('../img/fond-beige.jpg') repeat;} 
.ornements{background: url('../img/fond-ornements.png') repeat;} 


.back-grey h2{color: #FFF;}
.back-grey h3{color: #FFF;}
.back-grey h4{color: #FFF;}
.back-grey p{color: #FFF;}

.box{min-height:20px;padding:20px;margin-bottom:20px;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.tl { text-align: left }
.tr { text-align: right }
.tc { text-align: center }
.tb { text-align: block }

a{ color: #9D0F12}
a:hover{ color: #780E06}

.round{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; overflow: hidden}


hr{background: url('../img/hr.png') no-repeat; height: 60px; margin: 50px 0; border: none} 

	::-moz-selection { background: #9D0F12; color: #fff; text-shadow: none; }
	::selection { background: #9D0F12; color: #fff; text-shadow: none; }
	


.btn-move{line-height:15px; padding-top:26px; margin-top: 20px; padding-bottom: 12px}

/* =============================================================================
   Header
   ========================================================================== */

#banner {background: url('../img/fond-gris.jpg') repeat; border-bottom: 10px solid #C7C4C3; padding: 0;
-moz-box-shadow: 0px 3px 5px #999;
-webkit-box-shadow: 0px 3px 5px #999;
box-shadow: 0px 3px 5px #999;
z-index: 1000;
left:0; right:0; position:absolute; margin: 0; padding: 0;
}
#banner2 {background: url('../img/fond-gris.jpg') repeat; border-bottom: 5px solid #C7C4C3;
padding: 0;
-moz-box-shadow: 0px 3px 5px #999;
-webkit-box-shadow: 0px 3px 5px #999;
box-shadow: 0px 3px 5px #999;
z-index: 900;
left:0; right:0; position:fixed; margin: 0; padding: 0;
}


#banner2 #nav-main ul {padding-top: 30px;}

/* Fixed Topbar Navigation */
body { padding-top: 0px; background: url('../img/fond-beige.jpg') repeat;  }
body.admin-bar .navbar-fixed-top { top: 28px; }

#wrap {

}

.langues { padding: 10px;
	display: flex;
    flex-direction: row;
    width: 320px;
    justify-content: space-between;
    align-items: center;
}
.langues li{ float: left; margin-right: 10px}

header a{ color: #B4AAA0}
header a:hover{ color: #fff}
#banner2 a{ color: #B4AAA0}
#banner2 a:hover{ color: #fff}

/* =============================================================================
   nav
   ========================================================================== */

#nav-main ul li:hover { 
	.navbar .dropdown-menu::after {display: inline;}
	}
.navbar-inner  { 
	background: none;
	border: none;
	max-width:940px;
	margin:0 auto;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	}
	
#nav-main ul{float: right; padding-top: 100px}

#nav-main ul li{font-family: 'Buda', sans-serif; font-weight: normal; color: #4A4A49; font-size: 24px;}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background: none;
    text-decoration: none;
    border-bottom: 1px solid #FFF;
    box-shadow: none;
    color: #fff;
} 

.navbar .nav > li > a {
    text-shadow:none;
    color: #B4AAA0;
}
.navbar .nav > li > a:hover {color: #fff;}


/* =============================================================================
   Content
   ========================================================================== */

#content {padding-top: 260px}

.row h1{margin-top: 50px; margin-bottom: 25px}

#restaurant{height: 20px;}
.poeme {
	background: url('../img/fond-poeme.png') no-repeat;
	padding: 10px 50px;
    width: 820px;
} 

   
#intro .box{margin-top: 50px;}

#intro.row h1{padding-top : 0px; margin-top : 0px}


.poeme h1{width: 940px; margin-top:-75px; }
.poeme h2{color: #9D0F12; width: 940px; padding:30px 0; }
.poeme .box{padding: 0;margin-bottom:120px;border:none;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; margin-top: 120px}
.poeme .box > div {padding:20px 0px; width: 820px;}
.poeme p{margin: 25px 0;}

 #homeimg {border: 10px solid #C7C4C3; width: 620px;}
 #homeimg > div {border: 10px solid #FFF;width: 600px;}
 #homeimg img {-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  overflow: hidden}
 
 .imground {border: 10px solid #C7C4C3; width: 280px; }
 .imground > div {border: 10px solid #FFF; width: 260px;}
 .imground img {-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  overflow: hidden}

 .imground.long{margin-top: 20px}

 .carte > div { padding: 65px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
 .menu-carte li{ text-align: right; margin-bottom: 10px}

 
 #galerie > div > ul > li {border:  10px solid #C7C4C3; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box;}
 #galerie > div > ul > li:nth-child(4n+4) {margin-right: 0px}
 
.map{border: 10px solid #C7C4C3; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; width: 600px; margin: 0 auto;}

#plan{position: relative;}


#intro{  
	z-index: 100;
	background:url('../img/fond-intro.png') 100% 90% no-repeat; 
}
.inter1{
background:url('/assets/2-rdb-intermediaire.jpg') 50% 50% repeat fixed ; 
left:0; right:0; position:absolute; margin: 0px;
height: 800px;
z-index: 500;
border-top: 5px solid #9D0F12;
border-bottom: 5px solid #9D0F12;
-moz-box-shadow: inner 0px 0px 10px #000;
-webkit-box-shadow: inner 0px 0px 10px #000;
box-shadow: inner 0px 0px 10px #000;
}



#restaurant{
	z-index: 100;
	margin-top: 800px;
}

#restaurant .btn-large .round{
background-color: 
padding-top: 20px
}

.carousel-control{
  font-size:35px;
  padding:30px 20px 0;
  position:relative;
  top:30px;
}
.carousel-control.right{ float:right; right: 0}
.carousel-control.left{ float:left; left: 0}

.nav-restaurant {margin: 0 180px 0 220px;}


.nav-restaurant ul{
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
background: rgba(191,187,182,0.5);
height: 30px;
padding: 10px 0 0 0;
	}
	
.nav-restaurant li{
	float: left;
	margin: 0 28px; 
	}



.nav-restaurant a{
color: #9D0F12;
	}

#histoire, #ame, #cadre, #equipe{
padding-top:150px;
	}



.inter2{
background:url('/assets/3-rdb-intermediaire.jpg') 50% 50% repeat fixed; 
left:0; right:0; position:absolute; margin: 0px;
height: 800px;
z-index: 500;
border-top: 5px solid #9D0F12;
border-bottom: 5px solid #9D0F12;
-moz-box-shadow: inner 0px 0px 10px #000;
-webkit-box-shadow: inner 0px 0px 10px #000;
box-shadow: inner 0px 0px 10px #000;
}
#carte{
	z-index: 100;
	margin-top: 800px;
}
.carte li{color: #C8C4C3; margin: 15px 0;}
.carte h2{margin: 20px 0 20px 0;}
.carte h3{margin: 10px 0 ; font-style:italic;}
.carte hr{background: url('../img/hr2.png') no-repeat; height: 60px; margin: 20px 0; border: none}
#lacarte{}



.inter3{
background:url('/assets/4-rdb-intermediaire.jpg') 50% 50% repeat fixed; 
left:0; right:0; position:absolute; margin: 0px;
height: 800px;
z-index: 500;
border-top: 5px solid #9D0F12;
border-bottom: 5px solid #9D0F12;
-moz-box-shadow: inner 0px 0px 10px #000;
-webkit-box-shadow: inner 0px 0px 10px #000;
box-shadow: inner 0px 0px 10px #000;
}
#galerie{
	z-index: 100;
	margin-top: 800px;
}
.inter4{
background:url('/assets/5-rdb-intermediaire.jpg') 50% 50% repeat fixed; 
left:0; right:0; position:absolute; margin: 0px;
height: 800px;
z-index: 500;
border-top: 5px solid #9D0F12;
border-bottom: 5px solid #9D0F12;
-moz-box-shadow: inner 0px 0px 10px #000;
-webkit-box-shadow: inner 0px 0px 10px #000;
box-shadow: inner 0px 0px 10px #000;
}
#plan{
	z-index: 100;
	margin-top: 800px;
}

 #map_canvas{
	z-index: 100;
	height: 400px;
 }
 

/* =============================================================================
   Primary Content
   ========================================================================== */

#main { }



/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { }



/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }



/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
ol.commentlist img.avatar { float: left; margin-right: 10px; }



/* =============================================================================
   Footer
   ========================================================================== */


#push {

}

#content-info {
  margin: 20px auto;
  padding: 0;
  border-top: none;
  position: relative;
  width: 940px;
  padding : 0 30px;
  top: -300px;
}

#content-info p small { font-size: 13px;}

footer {
	height:400px;
	background: url('../img/fond-footer.png') no-repeat;
}
footer > div{margin: 0px;}

.copy{padding-top: 100px;}
footer article{
	margin-top: 400px;
}
footer h2, footer h3, footer h4{
	font-size: 120%; line-height: 140%;
}
footer p, footer{
	font-size: 100%; line-height: 120%;
}






/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }



/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 480px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body {
    padding-top: 0;
  }
}