@import url('https://fonts.googleapis.com/css?family=Raleway:100');


#background
    {
    background-image: url(../image/photography/water.jpg);
    background-position: center;
    background-size: cover;
    background-color: gray;
    }

#conteneur_barre_gauche
    {
    width: 20%;
    min-width: 225px;
    max-width: 300px;
    height: 700px;
    background-color: #fff;
    opacity: 0.65;
    padding-left: 5px;
    padding-top: 5px;
    overflow-y: auto;
    }

.flex
    {
    display: flex;*/
    }

div ul a
    {
    font-family: sans-serif;
    text-align: left;
    }

li
    {
    list-style: none;    
    }

.barre_gauche
    {
    padding-bottom: 30px;    
    }

.barre_gauche a
    {
	color: #484848;
	text-align: left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 15px;
	}

h5
    {
	font-family: 'Raleway', sans-serif;
	color: #555555;
	font-size: 32px;
	line-height: 23px;
	font-weight: 100;
	text-decoration: none;
    }

h7
    {
	line-height: 60px;
	color: #000000;
	font-size: 16px;
	}

h7:hover
    {
	text-decoration:none;
	cursor:text;
	}

footer
    {
    margin-top: 0px;
    }

iframe
    {
    flex: 1;
    
    -webkit-transition: src 2s; /* Safari */
    transition: src 2s;
    }

.underline:hover
    {
    text-decoration: underline;
    }