/* CSS Document */
/*c41200*/
/*     Bootstrap reset   */
ul{ list-style:none ; padding:0; margin:0}
a { color:#FBB829}
a, a:hover, a:visited, a:active, a:link { text-decoration:none}
a:hover {color:#e51700}
.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.navbar{margin-bottom:0; border:0; border-radius:0}
.navbar-default .navbar-brand {
    color: #000;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-family: 'Fira Sans', sans-serif;
}
.navbar-default{ background-color:#FBB829}
.navbar-brand {
    float: left;
	display:block;
    height: 60px;
    padding: 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 20px 15px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFF;
    background-color: #DB002C;
}
.well, .panel,.panel-heading {
border-radius: 0;
}
.panel-default {
    border-color: #FBB829;
}
.panel-default>.panel-heading {

    background-color: #FBB829;
    border-color: #FBB829;
}
.form-control{ border-radius:0}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
   
	border: 0 #FBB829 solid;
    border-right-width: 5px;
}
.nav-pills>li>a {
    border-radius: 0;
}
/***Bootstrap reset****/
/******typographie*******/
body {
-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top:60px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
/******structure*******/
.call{
	position:relative;
	
	}
.page-title { padding:10px 0 ; background-color:#DB002C; color:#FFF}
.content { padding:20px 0; min-height:400px} 
.choix { background: rgba(255,255,255,0.5); border:0}
.choix label {  font-weight:300; font-size:16px}
.check { margin-top:25px; background-color:#DB002C; border-color:#e51700; color:#FFF ; font-size:16px}
.check:hover { background-color:#e51700; border-color:#DB002C; color:#FBB829}
.search-title{margin: 15px 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    text-shadow: 0 0 15px black,0 0 25px black,0 0 35px #000;
	text-transform:capitalize}
#infos { margin-bottom:20px}
#infos div { text-align:center}
.list-restos li { display:block; text-align:center; margin-bottom:20px}
#access { padding:20px 0; background-color:#E6E6E6}
#offres { padding:20px 0}
#access a, #offres  a { color:#666; font-size:12px}
footer { background-color:#333; color:#FBB829; padding:10px 0}
/******pages*******/
/*restaurants*/
.resto { position:relative; overflow:hidden; margin-bottom:20px}
.resto a img{ display:block; -webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;}
.resto a:hover img {-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);}
.hover-title{ position: absolute; bottom:0 ; right:0; font-size:18px; padding:5px; background-color:rgba(229,23,0,0.8); color:#FFF; text-transform:capitalize}
/*login*/

/******misc*******/

.img-full {
    width: 100%;
    max-width: 100%;
}
.red { color:#DB002C}
.menu-header { position:relative}
.menu-header h4 { position:absolute; bottom:0; right:0; z-index:5; padding:5px; background-color:#FBB829; text-transform: uppercase}
.dish{margin: 5px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dbdbdb;}
.dish h5, .dish p { margin:0}
.btn-red {background-color: #DB002C;
    border-color: #e51700;}
.btn-red:hover { background-color:#e51700; border-color:#DB002C; color:#FFF}
.resto-infos { margin:0;}
.resto-infos h3 { margin:0}
/*affix*/
#sidebar li.active {
    border: 0 #FBB829 solid;
    border-right-width: 5px;
}
#sidebar li a {
  color:#333;
  padding:10px 15px
}

#sidebar li a:hover { background-color:#FBB829} 
#sidebar.affix {
  top: 100px;
  width: 157px;
}

#commande.affix {
  width: 157px;
  
}

/*****shopping cart */
.steps {
    margin-top: -41px;
    display: inline-block;
    float: right;
    font-size: 16px
}
.step {
    float: left;
    background: white;
    padding: 7px 13px;
    border-radius: 1px;
    text-align: center;
    width: 100px;
    position: relative
}
.step_line {
    margin: 0;
    width: 0;
    height: 0;
    border-left: 16px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    z-index: 1008;
    position: absolute;
    left: 99px;
    top: 1px
}
.step_line.backline {
    border-left: 20px solid #f7f7f7;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 1006;
    position: absolute;
    left: 99px;
    top: -3px
}
.step_complete {
    background: #357ebd
}
.step_complete a.check-bc, .step_complete a.check-bc:hover,.afix-1,.afix-1:hover{
    color: #eee;
}
.step_line.step_complete {
    background: 0;
    border-left: 16px solid #357ebd
}
.step_thankyou {
    float: left;
    background: white;
    padding: 7px 13px;
    border-radius: 1px;
    text-align: center;
    width: 100px;
}
.step.check_step {
    margin-left: 5px;
}


@media (min-width: 1200px) {
#sidebar.affix {
    width: 262px;
	
  } 
#commande.affix {
    width: 262px;
  }        
}
#sidebar.affix-bottom {
  position: absolute;
  width: 230px;
}

@media (min-width: 1200px) {
  #sidebar.affix-bottom {
    width: 262px;
  }
}
.resto-header { padding-top:10px ; background:url(img/pagebg.jpg); }

.block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
	padding:19px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.block i { font-size:40px; line-height:40px; background-color:#FBB829; padding:40px; border-radius:50%; color:#DB002C}
.footer-widget h4 { font-size:14px}
/******misc*******/
.appetit h4{ margin-top:24px}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home-search{ position:absolute; left:0; bottom:20%; width:100%}
	.block i{ width:120px; height:120px}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }