@font-face {
    font-family: champagne ;
    src: url('fonts/Champagne\ &\ Limousines.ttf');
}


body {
    width: 1200px;
    margin-left:0px;
    margin-right: 0px;
    font-family: champagne ;
}

h4, h5, h6, h7 {
    float:left;
    background-color: #fee800;
    width: 885px;

}
.bandeau{
    text-decoration: none;
    justify-content: space-between;
    list-style-type: none;
    width: 100%;
    padding-right: 4px;
    background-color:black;
}
.menu li {
      
    font-size: 22px;
    float: left;
    width: 630px;
    font-size: 22px;
    float: left;
    padding-top: 20px;
    padding-bottom: 0px;
    width: 630px;
    margin-bottom: 0px;
  }

.haut {
    background-color: black;
    height:68px;
    width: 100%;
    padding-right: 90px;
}

div .bandeau, #icone {
    width: 500px;
  padding: 10px;
  display: flex;
  margin: 1em;
}

#icone {
    height:20px;
    width:20px;
    list-style: none;
    display:flex;
    flex-direction:horizontal;
    border:none;
    margin-top:15px;
}
#annonce {
    font-size:21px;
    margin-right: 160px;
    margin-left:30px;
    color:white;
}
#title {
    margin-top:0px;
}
a {
    border:none;
}
.droite {
    float: right;
    width:100px;
    padding-top:0px;
}
.bandeau nav .haut #annonce {
    padding-top:20px;
}
nav .menu, nav .haut {
    list-style-type: none;
    font-family:champagne ;
    display: flex;
}
a{
    text-decoration: none;
}

.menu, .haut {
    color: black;
    display: flex;
    padding: 2px;
    justify-content: space-between;
}

.menu li, .haut li{
    list-style-type: none;
}

.menu li a, .haut li a {
    display:flex;
    color:black;
    text-decoration: none;
    border: 1px solid;
    border-radius:0px;
    border-color:white;
    font-size: 18px ;
    min-width:130px;
    margin-right: 2px;
    margin-left: 2px;
    padding:0px;
    text-align:center;
    justify-content: center;
} 
.menu li.black a{
    color: black;
    text-decoration: none;
    border: 1px solid;
    border-radius:0px;
    border-color:white;
}
/* logo de ma page*/
#logo {
    text-align:auto;
    display:flex;
    width: 400px;
    height: 200px;
    text-align:center;
    margin-left: 450px;
    margin-right: 60px;
    margin-top:0px;
    margin-bottom:0px;
    float:center;
}

body {


    background-color:#ffffff;
    width:"50";
    height:"100";
    margin-top:"100";
    margin-left:"450";
    font-size :15px; color:rgb(0, 0, 0); font-family:Arial
}

.IMG-2032.jpg {
    width:"200";
    height:"100";
    margin-top:"100";
    margin-left:"450";

}