:root {
	--radius-theme: 0;
}
body { background-color: #5A504B; text-align: center; font-family: 'Roboto',sans-serif; font-size: 15px; font-weight: 300; color: #61656A; --iconfill:currentColor; --iconstroke:#eee }

.btn-fright { margin: 5px 5px 0 0 }
.btn { padding: 1px 6px; background-color: #fff; border: 1px solid var(--color-tone-1); color: #61656A }
.btn:hover { border: 1px solid var(--color-tone-5); color: #61656A }
.qty { padding: 1px 6px }

/* HEADER */
#header { margin: 0 auto; width: 892px; height: 61px; position: relative; background-color: #897F78 }
#header strong { position: absolute; left: 22px; font-weight: 400 }
#header strong a { text-decoration: none; color: #fff }
#localisation { position: absolute; left: 22px; bottom: -24px; font-family: 'Roboto Condensed',sans-serif; color: #897F78; font-size:0.9em }
#menu-container { display: block!important; position: absolute; right: 0; top: 0; max-width: 550px }
#menu { display: flex; font-family: 'Roboto Condensed',sans-serif; font-weight: 400; font-size:0.85em }
#menu a { border-left: 2px solid #fff; padding: 61px 13px 0; float: left; color: #fff; text-decoration: none; text-align: left; text-transform: uppercase; white-space: nowrap; transition: background 0.3s ease, padding 0.3s ease }
#menu a:hover { color: #fff; padding: 81px 13px 0 }
#menu li:nth-child(5n+1) a { background-color: #332F28 }
#menu li:nth-child(5n+2) a { background-color: #742E28 }
#menu li:nth-child(5n+3) a { background-color: #996634 }
#menu li:nth-child(5n+4) a { background-color: #837745 }
#menu li:nth-child(5n+5) a { background-color: #707B76 }
#menu li:nth-child(5n+1) a:hover { background-color: #514747 }
#menu li:nth-child(5n+2) a:hover { background-color: #A33329 }
#menu li:nth-child(5n+3) a:hover { background-color: #B5712F }
#menu li:nth-child(5n+4) a:hover { background-color: #A6954C }
#menu li:nth-child(5n+5) a:hover { background-color: #778E84 }
#menu > .has-submenu > a > span::after { border-color: #fff } /* Menu flèche bas */

/* CORP */
#corp { background-color: #fff; margin: 0 auto; width: 848px; text-align: left; padding: 44px 22px 22px }
#corp-marge { padding: 24px; background-color: #eee }

/* FOOTER */
#footer { margin: 0 auto; font-family: 'Roboto Condensed',sans-serif; width: 892px; font-size: 0.8em; color: #fff }
#footer a { text-decoration: none; color: #fff }
#footer a:hover { color: #ff8500 }
#footer-bg2 > div:first-child { margin: 0 0 1em; padding: 6px; color: #fff; background-color: #897F78 }
.ft-btn, .ft-btn:hover { background: #fff; color: #5A504B!important }
.ft-btn:hover { background: #ff8500 }
#footer-toplink > div { background-color: #897F78; color: #fff }

/* GALERIES */
#ph_accueil .mg { width: 24px }
.pic_info_conteneur { margin-top: 24px }
.pic_info_bg { background-color: #5A504B }
.pic_info, .pic_info a { color: #eee }
.gal_desc { display: none }

/* COMMENTS */
#com td { border: 1px solid #eee; padding: 1em }

/* DIVERS */
#off { background-color: #dde1e2 }
.cel-1 { background-color: #cfcfcf }
.cel-2 { background-color: #ddd }
#lb { background: #eee }
#lb svg { color: #333 }

/* TEXTE */
h1, h2 { font-weight: 300 }
h1 { font-size: 1.3em; border-bottom: solid #CE6E0E 1px; background-color: #ddd; padding: 4px 8px }
h2 { font-size: 1.15em }
hr { border-top: 1px dashed #bbb }
ul li { list-style-type: none; margin-left: 1em }
ul:not([id]) li::before { content: "\0025A0"; display: block; float: left; color: #CE6E0E; margin: -0.15em 0 0 -1em }
a { color: #61656A }
a:hover { color: #ff8500 }
strong { color: #CE6E0E; font-weight: 400 }
dd, .color-s { color: #909090 }