body {font-family: "Lato", sans-serif;}
h1 {font-weight:normal;text-align:center;margin-top:0px;margin-bottom:5px;}
h2 {font-weight:normal;}
h4 {margin-top:5px;margin-bottom:0px;font-style:italic}
h1 a {text-decoration:none;color:black;font-size:16px}
h1 a:hover {color:grey;}
#carrousel img { display: block; height: 450px; margin: auto;}
#carrousel2 img { display: block; max-width: 70%; max-height:30%; margin: auto;}
#forth {font-size:60px;position:absolute;top:270px;left:78%;}
#back {font-size:60px;position:absolute;top:270px;left:20%}
#forth a {text-decoration:none;color:lightgrey;}
#back a {text-decoration:none;color:lightgrey;}
#forth a:hover {color:grey;}
#back a:hover {color:grey;}
#news {margin-left:15%}
#bio {margin-left:15%;margin-right:15%;text-align:justify;}
#contact {margin-left:15%}
#contact a {text-decoration:none;}
#half {float:left;padding-right:20px;}
#peintures h2 {margin-left:15%}
.menu {padding-left:10px;}
#menu {text-align:center;}
#menu a {text-decoration:none;color:black;}
#menu a:hover {color:grey;}
#toiles {text-align:center;}
.titres {font-size:10px;}
.titres2 {font-weight:bold;font-style:italic;}

@media (max-width:500px) {.hide-large{display:block!important}.hide-small{display:none!important}}
@media (min-width:501px) {.hide-large{display:none!important}.hide-small{display:block!important}}