body {  
  background-color: #FDFDFD;
	color: #424242;
	font-family: calibri;
	font-size: 1em;
}
#header 
{ background-image: url('../img/bannerbr.png');
  background-repeat: repeat-x;
  background-position: center top ; 
  top:0px;
  left:0px;
  width: 100%;
  height: 110px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  position:relative;   
    
} 
#header-content, #main {
width: 80%;
  max-width: 800px;
  min-width: 400px;
}
#main
{ margin-left: auto;
  margin-right: auto;  
} 
#header-content {
  display: flex;
  justify-content: space-between; /* gauche et droite */
  align-items: center;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px; 
}                     
#Llogo
{ width: 80%;
  background-image: url('../img/logo_outils.png');
  background-position: left center ;
  background-size: 200px;
  height: 100px;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: auto;   
  position:relative;    
}

#Rlogo {
  height: 100%;
  display: flex;
  align-items: center;
}
#Rlogo img {
  height: 70px;
} 

h1 {
	color: #5A584E;
	margin: 15px;
	padding-top: 0px;
	padding-bottom:0px;
	text-align: center; 
}
h2 {
	margin: 15px;
	padding-top: 0px;
	padding-bottom:0px;
	text-align: center;
} 
h3 {
	margin: 5px;
	padding-top: 0px;
	padding-bottom:0px;
	text-align: center;
  background-color: #d7d6d1;
  color: #5A584E;
}
h4 {
	margin: 5px;  
	padding-top: 0px;
	padding-bottom:0px;
	text-align: left; 
}