.logo {
float:right;
width: 250px;
margin-top:15px;
margin-right:80px;
}

#haut{
background-color:#FFE6E6;
min-width: 100%;
}

hr#trait{
width: 30px;
height: 3px;
margin-left: 0px;
background-color:black;
position: relative;
margin-top: 5px;
margin-bottom:0px;
}

#slogan{
margin-top:45px;
text-align: center;
}

#pres{
margin-top:75px;
margin-left:25px;
vertical-align:middle;
display:inline-block;
}

.imgbureau{
width:500px;
}

.bandeau{
position: relative;
max-width: 80%;
}

#menu{
margin-top:25px;
}


hr#division2{
position:relative;
margin-bottom:20px;
width: 100%;
}

ul{
list-style:none;
}

li{
text-transform: uppercase;
display:inline-block;
margin-right:30px;
}

#forces{
margin-top:40px;
}

#titre{
font-weight : bold;
display: block;
text-align: center;
text-transform: uppercase;

}

#titre img{
margin-bottom: 5px;
}



#fluo{
background-color:yellow;
}
#rose{
background-color:pink;
}

#souligne{
text-decoration: underline; 
}

.bouton{
border-width: 2px;
border-image: initial;
border-radius: 50px;
background-color: #FFE6E6;;
padding: 18px 48px 18px;

}

#contact{
display:block;
}

#footer{
position:relative;
}


.contact{
margin-top:50px;
text-align:center;
}
input, textarea{
width:250px;
}

#infolettre{
margin-left: 35px;
position:relative;
line-height:20px;
text-align:justify;
}
#infolettre{
text-align:center;
}
#textinfo{
text-align:justify;
padding-left: 15px;
}


body{
font-family: 'Montserrat', sans-serif;
}

a:link {color: black;}
a:visited {color: black;}
a:hover {color: black;}
a:active {color: black;}

a{
text-decoration: none; 
}




a#menu{
display: none;
}



@media (max-width: 1100px) {

.imgbureau{
width:290px;
margin-left:-18%;
}

#menu{
display: none;
}

.logo {
margin:auto;
width: 250px;
}

#forces{
margin-top:40px;
}

}

@media (max-width: 670px) {

.imgbureau{
display: none;
}

#menu{
display: none;
}

.logo {
margin:auto;
width: 250px;
}

#infolettre{
display: none;
}

#forces{
margin-top:40px;
}

}