/* vert.css */

/* structure globale */

body {
    margin: 0;
    padding: 0;
    /* background-color: #0F6F00; */
    background-image: url("img/fond.png");
}

#main {
    margin: 16px 48px 48px 48px;
    clear: both;
    padding: 1em;
    border: 1px solid black;
    background-color: white;
    color: black;
    text-align: justify;
    border-radius: 24px;
    overflow: hidden;
}

#titre {
    margin-top: 0;
}

header, nav, main, section {
    display: block;
}

hr {
    clear: both;
}

h1, h2, h3 {
    clear: left;
}

a.extern {
    background: transparent url("img/externe.svg") center right no-repeat;
    background-size: 1em 1em;
    padding-right: 1.2em;
}

a.lock {
    background: transparent url("img/lock.svg") center right no-repeat;
    background-size: 1em 1em;
    padding-right: 1.2em;
}

a {
    color: #0B5200;
}

a:hover {
    color: white;
    background-color: #0B5200;
    text-decoration: none;
}

a.img:hover {
    background-color: transparent;
}

hr {
    border: 1px solid #0B5200;
    /* border-radius: 5px; */
}

/* reste */ 
img.new {
    vertical-align: middle;
}

#photos_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    align-items: center;
}

#photos_flex a:hover {
    background-color: transparent;
}

.img-float-droite {
    float: right;
    margin: 0 0 1em 1em;
}

.img-float-droite a {
    display: block;
}

.img-float-droite img {
    display: block;
}