h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.container {
    max-width: 1000px
}
/* HEADER */
header {
    background: url(../img/salmon-poke.jpg) center 25% no-repeat #FAF4E9;
    background-size: cover;
    height: 450px;
}

/* Nav */
nav {
    background-color: black;
}
.navbar-nav .nav-link.active, .nav-link {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
}
nav img {
    position: absolute;
    top: 0;
    left: 16.7%;
}
.nav-item {
    margin-right: 2rem;
}
#navbarNav {
    margin-left: 18%;
}

/* PRESENTATION */
#presentation {  
    background: url(../img/background.png) bottom repeat-x #000000;
}
#presentation .card {
    background-color: #FAF4E9;
    position: relative;
    top: -50px;
    border-bottom: solid 4px #900006 ;
}
h1 {
    font-size: 3rem;
    text-indent: 5%;
}
h2 {
    font-size: 1.6rem;
    text-transform: none;
    color: #cc120c;
    text-indent: 20%;
    line-height: 0.5rem;
    margin-bottom: 1.3rem;
}
#sous-texte {
    color: white;
    font-size: 1.5rem;
}

/* FEATURES */

/* Cartes */
.carte h3 {
    font-size: 2.2rem;
    text-indent: 5%;
    margin-bottom: 0;
    padding-top: 0.4rem;
}
.carte h4 {
    font-size: 1.2rem;
    text-transform: none;
    color: #cc120c;
    text-indent: 20%;
    line-height: 0.5rem;
    margin-bottom: 1.8rem;
}
.carte h3, .carte h4 {
    padding-left: 0.5rem!important;
}
.bas-carte p, .bas-carte a {
    display: inline-block;
    margin: 0;
    color: #a1a1a1;
}
.bas-carte a:hover {
    color: #A50202;
}

.bg-carte3 {
    background-color: #A50202;
    padding-bottom: 0.95rem;
}
.bg-carte3 h4 {
    color: white;
}
.bg-carte3 p {
    color: white;
    margin-bottom: 5px;
}

/* Bouton */
.myButton {
	box-shadow:inset 0px 39px 0px -24px #f2403a;
	background-color:#de1b0d;
	border-radius:4px;
	border:1px solid #bc0202;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c91f16;
}
.myButton:hover {
	background-color:#cc120c;
    color: rgb(56, 0, 0);
}
.myButton:active {
	position:relative;
	top:1px;
}


/* OFFRES */
#offres {  
    background: url(../img/background.png) center 77% repeat-x #000000;
    padding-bottom: 8rem;
}
#offres h4 {
    text-transform: none
}
#offres p {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

/* FOOTER */
footer {
    background-color: #D2BF92;
}
#fond-rouge {
    background: url(../img/footer-bg.png) repeat-x ;
}
#footer-blocs {
    position: relative;
    top: -2.5rem;
}
#footer-blocs h4 {
    font-size: 1.3rem;
    font-weight: 300;
    color: white;
    margin-bottom: 2rem;
}
footer ul {
    list-style: none;
}
footer li span {
    color: #cc120c;
}

/* Calendrier */
.calendar {
    width: 100%;
}

.current-date {
display: flex;
justify-content: space-between;
}
.current-date h5 {
color: #2a2a2a;
text-transform: none;
}

.week-days {
color: #cc120c;
list-style: none;
display: flex;
justify-content: space-between;
font-weight: 500;
padding-left: 0;
}
.days {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.weeks {
display: flex;
flex-direction: column;
}
.weeks div {
display: flex;
font-size: 1.2em;
font-weight: 300;
justify-content: space-between;
margin-bottom: 20px;
width: 100%;
}

.last-month {
opacity: .3;
}
.weeks span.active {
color: #cc120c;
font-weight: 500;
}
.weeks span:not(.last-month):hover {
cursor: pointer;
text-decoration: underline;
}

.event {
position: relative;
}
.event:after {
content: '•';
color: #cc120c;
font-size: 1.4em;
position: absolute;
right: -10px;
top: -15px;
}

/* Footer base */
#footer-base {
    background-color: #070707;
}
#footer-base ul li {
    list-style-type: none;
    display: inline-block;
}
#footer-base a {
    color: #cc120c;
    text-decoration: none;
}
#footer-base a:hover {
    color: rgb(208, 117, 117);
    text-decoration: underline;
}