body {
    background-color: #111;
}



@font-face {
    font-family: 'Menlo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Menlo Regular'), url('Menlo-Regular.woff') format('woff');
}

.gallerie_titre {
    /*position:fixed;*/
    top: 10px;
    left: 60px;
    /*height : 40px;*/
    width : auto;
    text-align: left;
    /*bottom: 800px;*/
    margin: 0 100px;
    padding: 0px;
    display: block;
}

.titre {
    font-family: 'Menlo Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
		}

.titre h1{
    font-size: 2.2rem;
    color: #f00;
    
}

.titre h2{
    font-size: 1rem;   
}

.titre p{
    font-size: 1rem;
    color: #bbb;
}



.gallery
{
    position:relative;
    margin: 10px 50px;
    margin-top: 60px;
    object-fit: cover;
    object-position: 100% 0;
}
.gallery img
{
    transition:1s;
    padding:12px;
    /*width:80%;*/
 
}
.gallery img:hover
{
    filter:grayscale(100%);
    transform: scale(1.1);
}


.img_thumb {
	width: 120px;
}