body { font-family: "Archer-Semibold-Pro", Georgia, serif; font-size: 20px; color: #8b8b8b; line-height: 1.2em; background: url("_img-css/body.jpg") #c8c83a no-repeat; }

h1, h2, h3 { position: relative; height: 69px; font-family: "Archer-MediumItal-Pro", Georgia, serif; font-size: 24px; font-weight: normal; color: #fff; }
h1, h2 { line-height: 60px; }
h1 { left: -69px; width: 325px; padding-left: 102px; background: url("_img-css/h1.png") no-repeat; }
h2, h3 { left: -12px; padding-left: 45px; }
h2 { margin-top: 50px; width: 273px; background: url("_img-css/h2.png") no-repeat; }
h3 { width: 268px; line-height: 55px; background: url("_img-css/h3.png") no-repeat; }
ul { margin: 0; }
li { list-style-type: none; }
a { text-decoration: none; }

.top { width: 100%; height: 20px; background: url("_img-css/vichy.gif"); }
.page-wrapper { padding-left: 124px; width: 1024px; box-sizing: border-box; }

/* header */
header a { display: block; margin: 40px auto 30px auto; width: 550px; height: 153px; background: url("_img-css/header.png") no-repeat; }

/* navigation */
.navigation ul { height: 40px; line-height: 40px; background: #fff; }
.navigation ul { text-align: center; font-size: 0; text-transform: uppercase; }
.navigation ul li {display: inline-block; }
.navigation ul li a { padding: 0 30px 0 7px; line-height: 40px; font-size: 20px; color: #e3333d; background: url("_img-css/ornament.gif") right 2px no-repeat; }
.navigation ul li:last-child a { padding-right: 0; background: none; }

/* navigation overlay */
.navigation.overlay { position: fixed; z-index: 100; width: 100%; height: 50px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.navigation.overlay .back-to-top { display: block; cursor: pointer; position: absolute; top: 12px; left: 10px; color: #e3333d; width: 26px; height: 26px; font-size: 16px; line-height: 26px; text-align: center; border: 1px solid; box-sizing: border-box; border-radius: 13px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; }
.navigation.overlay ul { position: absolute; margin-left: 124px; width: 900px; height: 50px; line-height: 50px; }
.navigation.overlay ul li a { line-height: 50px; }

/* main-content */
.main-content { margin-top: 30px; padding-top: 50px; background: #fff url("_img-css/main-content.jpg") 710px top no-repeat; }
.main-content section { clear: both; padding-bottom: 50px; }
.main-content section .txt { margin: 20px 0 0 55px; padding-right: 100px; }
.main-content section .txt.border { margin-left: 100px; padding-left: 15px; border-left: 1px solid #e50056; }
.main-content section .txt ul li, .main-content section .txt ul li a { color: #ff7d85; }
.main-content section .txt ul li a { text-decoration: underline; }
.main-content section .txt ul li { padding-left: 45px; line-height: 25px; background: url("_img-css/liste.gif") no-repeat; border-left: 1px solid #FF7D85; }
.main-content section .txt ul.end li:last-child { background: url("_img-css/liste-fin.gif") no-repeat; background-position: left -12px; border-left: 0 none; }

/* intro */
.intro { font-family: "Archer-MediumItal-Pro", Georgia, serif; margin: 0 auto 50px auto; width: 480px; font-size: 24px; line-height: 1.3em; box-sizing: border-box; }

/* actualités */
.actualites .parag { padding-top: 20px; }
.actualites ul { padding-left: 40px;}
.actualites ul li { padding-right: 30px; }
.actualites ul li:before { content: "— "; }

/* formules */
.formules .menu-du-jour { text-transform: uppercase; font-size: 16px; }
.formules .menu-du-jour .today { color: #000; }
.formules .menu-du-jour .date { color: #e3333d; }

.formules .resto-ferme { margin: 30px 200px 0 200px; padding: 28px; text-align: center; font-family: "Archer-MediumItal-Pro", Georgia, serif; font-size: 19px; color: #e3333d; background: #FFF4F5; border: 1px solid #e3333d; }

.formules .menu { overflow: auto; margin: 30px 0 60px 0; padding: 0 12.5%; text-align: center; }
.formules .menu article { float: left; width: 33.33%; }
.formules .menu article img { width: 150px; height: 150px; border-radius: 75px; } 
.formules .menu article.formules img { border: 3px solid #daeb9e; } 
.formules .menu article .img, .formules .menu article img { margin: 0 auto; width: 150px; height: 150px; border-radius: 75px; }
.formules .menu article.entree .img { border: 4px solid #daeb9e; background: #daeb9e; }
.formules .menu article.plat .img { border: 4px solid #de9abd; background: #de9abd; }
.formules .menu article.dessert .img { border: 4px solid #84c5ac; background: #84c5ac; }
.formules .menu article .title { margin-top: 15px; font-family: "Archer-Semibold-Pro", Georgia, serif; color: #000; text-transform: uppercase; }
.formules .menu article .choix li:first-child::before { content: ""; }
.formules .menu article .choix li::before { content: 'ou'; display: block; }

/* terrasse */
.terrasse .photo { width: 650px; margin: 30px auto 0 auto; text-align: center; }
.terrasse .photo img { width: 100%; border: 6px solid #e3333d; box-sizing: border-box; }
.terrasse .photo figcaption { font-family: "Archer-MediumItal-Pro", Georgia, serif; font-size: 18px; }

/* diaporama */
.prestations .diaporama { position: relative; margin: 30px auto 0 auto; width: 650px; border: 6px solid #e3333d; box-sizing: border-box; } 
.prestations .diaporama li img { width: 100%; }
.prestations .diaporama .button { display: block; position: absolute; top: 50%; margin-top: -13px; width: 14px; height: 27px; font-size: 0; background: url("_img-css/diapo-nav.gif"); }
.prestations .diaporama .button.prev-slide { left: -45px; }
.prestations .diaporama .button.prev-slide:hover { background-position: 0 -27px; }
.prestations .diaporama .button.next-slide { right: -40px; background-position: -14px 0; }
.prestations .diaporama .button.next-slide:hover { background-position: -14px -27px; }

/* contact */
.contact h2 { margin-bottom: 10px; }

/* footer */
footer { overflow: auto; padding: 20px 0 100px 0; line-height: 0.9em; background: #fff; }
footer .left { float: left; }
footer .left { margin-left: 55px; padding-top: 10px; width: 95px; font-size: 16px; border-top: 6px solid #e30613; }
footer .left .link { color: #000; }
footer .navigation.footer ul { float: right; margin: 36px 20px 0 0; width: 500px; text-align: right; }
footer .navigation.footer ul li a { padding: 0 20px 0 7px; font-size: 11px; color: #000; background: url("_img-css/ornament-small.gif") right 2px no-repeat; }