:root {
	--fw-regular: 300;
	--fw-bold: 500;
}

#is-mobile { width: 1px }

body { font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 300 }

#h1-btn-sticky { margin: -6px 0 0; padding: 6px 0 }
.btn-fright { margin: 0 0 0 6px }
.btn, #pagination-top a, #pagination-bot a { padding: 3px 6px 2px }
#pagination-top a, #pagination-bot a { text-decoration: none }

/* HEADER */
#header { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; z-index: 3 } /* 3: #h1-btn-sticky */
#titre { overflow: hidden; min-height: 24px; margin: 6px 38px 6px 0 }
#header strong { font-family: 'Roboto Condensed',sans-serif; font-weight: 700; font-size: 20px; float: left; margin: 1px 0 -5px 6px }
#header strong a { text-decoration: none }
#localisation { font-family: 'Roboto Condensed',sans-serif; float: left; margin: 8px 0 0 7px; font-size: 0.9em  }
#menulink { display: block; height: 36px; width: 100%; position: absolute; top: 0; left: 0 }
#menulink svg { float: right; margin: 6px 8px 0 0; font-size: 1.8em }
#footer-toplink svg { font-size: 1.2em; margin-bottom: 1px }
#menu-container { display: none; max-height: calc(100vh - 36px); max-height: calc(100dvh - 36px) }
#menu { font-weight: 400; clear:both }
#menu li a { display: block; padding: 6px 0 5px 6px; text-decoration: none; text-transform: uppercase; font-size: 0.9em }

/* CORP */
#corp { max-width: 812px; margin: 0 auto } /*814: img 800+bord */
#corp-marge { margin: 1.4em 6px 0 }
#accueil #corp-marge { margin-top: 6px }

/* FOOTER */
#footer { margin: 1.4em 0 1.2em; padding: 6px; font-family: 'Roboto Condensed',sans-serif; text-align: center; font-size: 0.85em; overflow: auto }
#footer a { text-decoration: none }
#footer-toplink { right: unset; left: 0; opacity: 0.7 }

/* ACCUEIL */
#home-gal-bd-left { float: none; width: 100%; margin-top: 0 }
#home-gal2, #home-gal2-s { float: none; width: 100%; text-align: center; line-height: 0; margin: 0 0 6px; padding: 0 }
#accueil #home-gal2, #accueil #home-gal2-s { max-height: 71px }
#home-gal2 li, #home-gal2-s li { float: none; padding: 0 3px 0; display: inline-block; text-align: left }
#home-gal2 li img { height: 71px; width:auto }
#home-gal2-s .img-o  { width: 71px }
#home-profil dd { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6 }

/* GALERIES */
#ph_accueil h1 { font-size: 1.1em }
#ph_accueil .mg { width: 6px }
.pic_info_over { display: none }
.pic_info_conteneur_first, .pic_info_conteneur { max-width: 100% }
.pic_info_conteneur { margin-top: 12px }
#h1-btn-sticky h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

/* COMMENTS */
#com .cel-1 { width: 90px }
#com td { padding: 1.5em 0 }
#com .first td { border: none }
#com .cel-2 { padding-left: 1em }

/* DIVERS */
.indent { margin-left: 2em }
.pic_info_vente .btn-zoom, #lb .btn-zoom { transform: translate(-.2em, -.2em) scale(1.3) }

/* MOBILE PORTRAIT */
@media screen and (max-width: 375px) { 
	#home-photo { max-width: none; margin-left: 0; margin-right: 0; float:none!important; width: 100%!important }
    #ph_accueil h1 { font-size: 0.9em }
    .pic_info_vente .btn-zoom, #lb .btn-zoom { transform: none }
}

/* TABLETTE */
@media screen and (min-width: 600px) {
#h1-btn-sticky { margin: -8px 0 0; padding: 8px 0 }
.btn-fright { margin: 0 0 0 8px }
body { font-size: 15px }
#titre { margin:0 }
#header strong { margin:4px 0 4px 6px; font-weight: 400; font-size: 25px }
#localisation { float:right; margin: 11px 11px 11px 0 }
#menulink { display: none }
#menu-container { display: block!important }
#menu { display: flex }
#menu li { font-family: 'Roboto Condensed',sans-serif; font-weight: 400; border: none!important }
#menu li a { padding: 2px 10px 1px }
#menu li:first-child a { padding-left: 6px }
#accueil #home-gal2, #accueil #home-gal2-s { max-height: 120px } #home-gal2 li img { height: 120px } #home-gal2-s .img-o  { width: 120px }
#home-profil dt { width: 110px }
#ph_accueil h1 { font-size: 1.2em }
.indent { margin-left: 4em }
.pic_info_vente .btn-zoom, #lb .btn-zoom { transform: translate(-.3em, -.3em) scale(1.45) }
}

/* TEXTE */
h1, h2 { font-family: 'Roboto Condensed',sans-serif; font-size: 1.2em; font-weight: 300 }
h2 { font-size: 1.1em }
ul, ol { margin-left: 0 }
ul li { list-style-type: square }
a { color: #777 }
strong { font-weight: 500 }