body {
 font-family: Arial, "Liberation Sans", Helvetica, sans-serif;
 color:DarkSlateGray;
 margin:0;
 padding:0;
}
body.page { background:WhiteSmoke; }

nav div.menu {
 clear:both;
 display:flex;
 flex-direction:row;
 justify-content:space-around;
 align-items:center;
 width:100%;
 height:5em;
}
nav label { display:none; }
nav input { display:none; }
nav div.menu::before { content:url(/img/hd/logo.svg); }
body.page nav div.menu { opacity:1; }
nav div.menu_element {
 margin:0.5em;
 padding:0.5em;
 text-align:center;
 vertical-align:middle;
}
nav div.menu_element:nth-last-of-type(1), nav div.menu_element:nth-last-of-type(2) { flex-shrink:3; }
nav div.menu_element { font-size:large; font-weight:bold; }
nav div.menu_element a { text-decoration:none; color:DarkSlateGray; }
nav div.menu_element a:hover { text-decoration: underline overline DarkSlateGray; }
nav div.menu_element a:hover img {
 border-bottom: medium solid DarkSlateGray;
 border-top: medium solid DarkSlateGray;
}
nav div.menu_element div.sous_menu { display:none; }
nav div.menu_element:hover > div.sous_menu { display:flex; flex-direction:column; position:absolute; top:3em; background-color:white; opacity:0.9; }
nav div.sous_menu_element { margin:0.2em; padding:0.2em; text-align:center; vertical-align:middle; }
nav div.sous_menu_element a { font-weight:normal; font-style:italic; }

nav img#logo { max-width:5em; }

hr.barre_menu { margin: 0 2em 0 2em; border-top: 0.1em solid DarkSlateBlue; }
hr.barre_article { margin:0; border-top: 0.1em solid DarkSlateBlue; }

div.article { clear:both; margin-left:2em; margin-right:2em; }
div.article h1 { color:DarkSlateGray; font-size:x-large; font-weight:bold; }
div.article ul { list-style:none; }
div.article p { margin-bottom:1em; }
div.article li { padding-left:1em; margin-bottom:1em; }
div.article li::before {content:"-"; display:inline-block; width:1em; margin-left:-1em}
div.article div.img { display:block; text-align:center; }
div.article div.img img { max-width:100%; height:auto; }
div.article div.img img#plan { width:70%; height:auto; }

div.article div.legal { height:5em; }
div.article div.legal img { height:100% }

div.contact { margin:2em; display:block; }
div.contact div.ligne { clear:both; }
div.contact div.ligne div.label { width:10em; display:inline-block; padding: 1em 1em 0 1em; text-align:right; }
div.contact div.ligne div.input { display:inline-block; padding:1em; }
div.contact div.ligne div.message { display:block; padding: 0 1em 1em 1em; }
div.contact div.ligne div.message textarea { height:8em; width:100%; }

div.photos { clear:both; margin-left:2em; margin-right:2em; text-align:center;}
div.photos div.fleche { position:absolute; top: 50%; }
div.photos div.fleche button { opacity:0.8; padding:1em; border:none; background:darkslategray; font-size:large; color:white; }
div.photos div.notes { position:absolute; right:calc(50% - 13em); top:5em; width:26em; text-shadow: 0 0 0.5em white;}
div.photos div.img {display:block; width:100%; height:100%;}
div.photos div.img img { margin:0em; object-fit:contain; max-width:calc(100vw - 4em); max-height:calc(100vh - 8em); }