html * {
    font-family:Arial;
}
h1 {
    font-size: 3.7vmin;
}
h2 {
    font-size: 2.5vmin;
}
p {
    font-size: 2vmin;
}

body {
   background-image: url("Background.jpg"); https://beauxarts-cie.com/consulting/wp-content/uploads/sites/3/2020/07/Garonne-et-La-Grave.jpeg"
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: 100% 100%;
}
img {
    max-width: 100%;
    max-height: 100%;
}

.header {
    position:relative;
    left:100px;
    top:0;
    width:100%;
}

.logoESCRunningToulouse {
    position:fixed;
    left:3px;
    bottom:3px;
    width:16%;
    height:18%;
}
.main {
    position:relative;
    width:100%;
}
.main2 {
    position:relative;
    width:100%;
    height:65%;
}
.homme {
    float:left;
    height:100%;
    width:17%;
}
.liste_items {
    height:100%;
    column-rule: 0px;
    column-fill: auto;
}

.Lamartine {
    position:fixed;
    left:17%;
    bottom:5px;
    text-shadow: #FC0 1px 0 10px;
    max-width:55%;
    max-height:20%
}
.contact {
    position:fixed;
    right:10px;
    bottom:5px;
}
.album {
    font-size:100%;
    float: left;
    padding:3px;
}
.album_img {
    width: 350px;
    height: 175px;
    font-weight:normal;
    position: relative;
}
.album_section {
    clear: left;
}
.album_title {
    position: absolute;
    bottom: 6px;
    left:10px;
    text-shadow: 3px 3px 4px #000000;
}
.album a:link {
    color: #FFFFFF;
}
.album a:visited {
    color: #EEEEEE;
}

#map {
        width: 100%;
        height : 600px;
}