@charset "UTF-8";
@font-face {
    font-family: 'eurofurence_regular';
    src: url('../fonts/eurof55-webfont.woff2') format('woff2'),
         url('../fonts/eurof55-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {margin:0; padding:0;}
body { padding-top: 400px; background-color: #97cfd1 ;background-repeat: no-repeat; color: #fff; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
main {padding: 0 20px;}
h1 {text-align: center;}
h2 {text-align: center; color: #fff; font-size:3em; margin: 20px 0; font-family: 'eurofurence_regular';}
.center {text-align:center;}
a  {text-decoration: none;}
table {width: 100%; color: #5d8181;}
table tr td {border-top:thin solid #fff; padding: 10px 0; vertical-align: top;}
table tr.separation td { border-top:2px solid #5d8181; }
table tr.none td { border-top:none; padding-top: 0; }
table tr.decalage td { padding-left: 30px; }
table img {height: 15px; vertical-align: middle;} 
table span {color:#fff; font-size:0.8em;}
table .price {text-align: right;}
.bio {color:#fff; background: #44B522; padding: 3px 5px; border-radius: 10px;font-size: 0.9em;}

.menu div {text-align: center; max-width: 900px; padding:50px 30px; }
.menu div h3 { font-size: 2.8em;}

nav { padding:50px 20px; } 
nav ul { list-style: none; text-align: center; }
nav ul li { display:inline-block;}
nav a { list-style: none; display:inline-block; background:#5d8181; color: #fff; text-decoration: none; padding: 10px 20px; border-radius:20px; margin: 5px 2px;  }

footer div, footer p {display:flex;}
.btImg { /*width: 50%;*/ width: 100%; height: 300px; background-size: cover; background-repeat: no-repeat;}
.btImg span {background-color: rgba(255, 255, 255, .8); display: block; padding:20px 5px; margin: 60px 20px 0; text-align: center; color: #5d8181; font-size: 1.7em; font-family: 'eurofurence_regular';}
footer p a {color:#fff; padding: 10px 20px;}

#pageObligation {padding-top: 40px; text-align: center; /*height: 90vh; background-image: url('../img/bg-flower.png');
background-position: bottom 0 left 40%; background-repeat: no-repeat;*/}
#pageObligation main { padding: 0 0; }
#pageObligation a {display:inline-block; padding: 20px 30px; font-size: 2em; font-weight: bold; background: #5d8181; color: #fff; border-radius:10px; margin: 40px;}
#pageGrignotises {background-image: url('../img/grignotise.jpg');
background-position: right -40px top 5px;
background-size: 300px; padding-top:285px;
}
#pagePlats {background-image: url('../img/plats.jpg');
background-position: left -50px top -30px;
background-size: 500px; padding-top:300px;
}
#pageGourmandises {background-image: url('../img/brioche-perdue.jpg');
background-position: right -80px top -60px;
background-size: 600px;
}
#pageGlaces {background-image: url('../img/glace.jpg'); padding-top: 220px;
background-position: right -80px top -60px;
background-size:300px;
}
#pageAlcool {background-image: url('../img/biere-pression.jpg');
background-position: right -80px top 40px;
background-size: 380px;
}
#pageSofts {padding-top: 20px;}
#pageBoissonsChaudes {background-image: url('../img/the.jpg');
background-position: left -80px top -5px;
background-size: 380px; padding-top:275px;
}
#pageNocturnes {background-color:#212c6b;padding-top: 20px;}
#pageNocturnes main {background-image: url('../img/bg-nocturnes.jpg'); padding-bottom: 250px;
background-position: bottom 0 left 0; background-repeat: no-repeat;
background-size:100%;
}