#is-mobile { width: 1px }

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

input, select, textarea, .bk-btn, #pagination-top a, #pagination-bot a { padding: 3px 6px 2px }
#pagination-top a, #pagination-bot a { text-decoration: none }
#comments input, #comments select, #comments input[type="submit"],
#contact input, #contact select, #contact input[type="submit"],
textarea, input, input[type="submit"], select { width: 100% }
#gal_header_sticky { margin: -6px 0 0; padding: 6px 0 }
.gal_button { margin: 0 0 0 6px }

/* HEADER */
#header { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; z-index: 3 } /* 3: #gal_header_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 }
#gal_header_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 */
.form td { padding: 5px }
.indent { margin-left: 2em }

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

/* TABLETTE */
@media screen and (min-width: 600px) {
#gal_header_sticky { margin: -8px 0 0; padding: 8px 0 }
.gal_button { 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 }
}

/* 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 }

/* Tooltip */
.tooltipster-content { color:#101010 }

/* b */
:root {
  color-scheme: dark;
}
body { background-color: #090909; color: #e0e0e0; --iconfill:currentColor; --iconstroke:#090909 }
#header { background-color: #393939; color: #888 }
#header a { color: #fff }
#menu li { border-top: 1px solid #090909 }
#menu > .has-submenu > a > span::after { border-color: #fff } /* Menu flèche bas */
.btn, .btn:hover { background: #999; color: #090909 }
#footer-toplink > div { background-color: #393939; color: #fff }
#com td { border-top: 1px solid #333 }
input, select, textarea, .bk-btn, #pagination-top a, #pagination-bot a { background-color: #090909; border: 1px solid #444; color: #e0e0e0 !important }
:-webkit-autofill { -webkit-box-shadow: 0 0 0 9em #090909 inset; -webkit-text-fill-color: #e0e0e0 }
select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') }
h1, h2, a, a:hover { color: #999 }
hr { border-top: 1px dashed #555 }
#lb { background:#090909 }
@media screen and (min-width: 600px) { #header { background-color: #090909 } }