body { 

margin: 22px 1% 1% 1%; 
padding:0 } 


.content { 
height: 85%; 
margin-top: 70px;
width: 100% ;
}  


.menu1 { 
position: absolute ;
top: 0 ; 
left: 1px ; 
width: 100% ; 
height: 45px ; 
background-color : #AFB7D3 ; 
box-shadow: 1px 1px 12px #555;
border-bottom: solid black 1px} 


body>.menu1 {position:fixed} 



.boite { margin-left: auto;
  margin-right: auto; 
  width:80% ; 
  height:100px ; 
  border:1px solid black;
  } 
.boite2 { margin-left: auto;
  margin-right: auto; 
	  width: 80%;
        padding: 10px;
        background: #AFB7D3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		box-shadow: 8px 8px 12px #aaa;
        border-radius: 10px;
  } 
p {

  text-align: justify;
}

p span.gauche {
  float: left;
}

p span.droite {
  float: right;
}
p span.centre {
  float: center;
}
.title{
border:1px solid black;
background-color : #AFB7D3 ; 
}
div.forum {
	  
        padding: 10px;
        background: #ccc;
        
      }
.legende {
	  margin-left: auto;
  margin-right: auto; 
	  width: 80%;
        padding: 10px;
        background: #AFB7D3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		box-shadow: 8px 8px 12px #aaa;
        border-radius: 10px;
      }
 span.desc {
	  margin-left: auto;
  margin-right: auto; 
	  width: 40%;
	  height:50%;
        padding: 10px;
        background: #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		box-shadow: 8px 8px 12px #aaa;
        border-radius: 10px;
      }
form {
	  margin-left: auto;
  margin-right: auto; 
	  width: 70%;
	  height:50%;
        padding: 10px;
        background: grey;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
		box-shadow: 8px 8px 12px #aaa;
        border-radius: 10px;
      }
	 img
{
     vertical-align: middle;
     border: 0px;
}