html, body {
 margin:0;
 padding:0;
 }
#header {
background-color : #008080;
color : white;
height : 250px;
width : 100%;
}
.picture-left {
float : left;
}
.flotte {
float:right;
}
.div-categoryContainer {
padding-top : 1px;
font-size : 15px;
margin-left : 1px;
font-family : Arial, Avenir, Sans-serif, Helvetica, Verdana;
clear : both;
}
h1 {
font-family : Arial, Sans-serif, Avenir, Helvetica, Verdana;
font-size : 14px;
color : #ffffff;
text-align : center;
}
p {
    margin: 1px 0;
    padding: 2px;
}
#nav {
float: left;
width: 250px;
}
#main {
font-size: 18px;
text-align: center;
margin-auto:0px;
}
#footer {
padding : 0px;
text-align : center;
font-size : 15px;
background-color : #008080;
height : 265px;
clear : both;
}
a, #footer a, .linklist {
color : white;
}
a {
color : red;
}
.content {
column-count : 2;
column-gap : 7px;
}
img {
max-width : 100%;
height : auto;
}
.image-responsive {
max-width : 100%;
height : auto;
}
a.bouton {
color: white;
background-color: #FF4500;
font-size: 13px;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 0px;
border: 3px outset #c0c0c0;
}
a.bouton:hover {
color: black;
background-color: #6495ED;
font-size: 13px;
background-image: url(aqua.jpg);
border: 3px inset #c0c0c0;
}
a.vertical {
color: black;
background-color: #98fb98;
font-size: 17px;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 3px outset #c0c0c0;
display: block;
}
a.vertical:hover {
color: black;

font-size: 17px;
background-image: url(aqua.jpg);
border: 3px inset #c0c0c0;
}
div.a {
font-family: Arial, Sans-serif, Avenir, Helvetica, Verdana;
font-size: 16px; 
color: black; 
text-align: center;
 }
span {
color: red; 
font-style:normal;
}