html, body {
 margin: 0;
 padding: 0;
 }

body {
 font-size: 100%;
 background-image: url("");
 background-repeat:no-repeat;
 background-size:1700px 900px;
 }

div.bannière {
 
 border:solid 0.3em;
 border-width:auto;
 border-margin:0.5em;
 border-color:red;
 width:1200px;
 height:200px;
 border-background:blue;
 margin-left:150px;
 margin-top:10px;
 position:absolute;
 background-image: url("");
 background-repeat:no-repeat;
 background-size:1000px 200px;
 
}

div.logo{
 width:180px; height:180px;
 background:;
 margin-left:160px;
 margin-top:16px;
 position:absolute;
 background-image: url("logo.jpg");
 background-size: contain;
 background-repeat: no-repeat;
}

div.accueil{
 width:120px; height:30px;
 background: white;
 margin-left:400px;
 margin-top:160px;
 position:absolute;
 background-image: url("");
 background-size: contain;
 background-repeat: no-repeat;
}

div.agriculture{
 width:160px; height:30px;
 background: white;
 margin-left:650px;
 margin-top:160px;
 position:absolute;
 background-image: url("");
 background-size: contain;
 background-repeat: no-repeat;
}

div.elevage{
 width:120px; height:30px;
 background: white;
 margin-left:900px;
 margin-top:160px;
 position:absolute;
 background-image: url("");
 background-size: contain;
 background-repeat: no-repeat;
}

div.contact{
 width:120px; height:30px;
 background: white;
 margin-left:1150px;
 margin-top:160px;
 position:absolute;
 background-image: url("");
 background-size: contain;
 background-repeat: no-repeat;
}


div.contenu {
 width:1200px; 
 height:2000px;
 background:mintcream;
 margin-left:150px;
 margin-top:220px;
 position:absolute;
 background-image: url("");
 background-repeat:no-repeat;
 background-size:1000px 200px;
}

div.pied {
 width:1210px; 
 height:80px;
 background:yellow;
 margin-left:150px;
 margin-bottom:0px;
 position:absolute;
 background-image: url("");
 background-repeat:;
 background-size:;
}

h1 {
 font-size: 300%; 
 color: yellowgreen; 
 text-align: center;
 font-family: cursive;
 text-decoration: ;
 }


a.titre{
 color: green;
 text-decoration: none;
 
 }
 
 a.menu{
  color: red;
 text-decoration: underline;
 text-align: center;
 font-family: cursive;
 font-size: 150%;
 }
 
  a.contenu{
 color: darkred;
 text-decoration: none;
 font-family: cursive;
 font-size: 110%;
 }
 
  a.mail{
 color: green;
 text-decoration: none;
 font-family: cursive;
 font-size: 95%;
 }


p {
 font-family: cursive;
 color:red;
 font-size: 110%; 
 text-decoration: ;
 text-align: left;
}

p.agri {
 color : black;
 font-size: 110%; 
 text-decoration: ;

}

p.contenu {
 color : black;
 font-size: 120%; 
 text-decoration: ;
}

p.photoagri {
 font-family: cursive;
 color:red;
 font-weight : bold;
 font-size: 110%; 
 text-decoration: ;
 text-align: left;
}

li {
 font-family: cursive;
 color : black;
 font-size:110%; 
 text-decoration: ;
 text-align: left;

}

li.contact {
 font-family: cursive;
 color : black;
 font-size: 130%; 
 font-weight : bold;
 text-decoration: ;
 text-align: left;

}