/* CSS Document */


body {
	background-color:#fff;
	margin:0;
	padding:0;

}
.menu { 
  list-style:none; 
  border-bottom:#0000CC solid 5px;
  background-color:#ffffff; 
  width:100%; height:27px; 
  line-height:27px;
  margin:15px 0 0 0; 
  }
.menu li { 
  float:left; 
  margin-left:0px;
}

.menu li a {
  display:block; 
  float:left; 
  height:27px; 
  line-height:27px; 
  color:#FF6600; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  font-size:13px;
  padding:0 0 0 7px; 
  cursor:pointer; 
}
.menu li a b {
  float:left; 
  display:block; 
  padding:0 14px 0 7px;
}

.menu li.current a {
  color:#fff; 
  background:url(tuto_304_onglet2.jpg);
}
.menu li.current a b {
  background:url(tuto_304_onglet2.jpg) no-repeat right top;
}

.menu li a:hover {
  color:#fff; 
  background: url(tuto_304_onglet2.jpg);
}

.menu li a:hover b {
  background:url(tuto_304_onglet2.jpg) 
  no-repeat right top;
}

#boite2 {
		margin-left:auto;
		margin-right:auto;
		width: 1000px;
		height: 200px;
		}
		
		.boite {
	width: 800px; /* Nos images de fond auront 220px de largeur */
	background:  transparent url(milieu-bas.png) no-repeat;
	background-position: center bottom;
	font:Verdana;
		font-size:16px;
		
	
		margin-left:auto;
		margin-right:auto;
		text-align: left;
		
		width: 900px;
	/* Pour voir les limites du bloc */
}
.boite h2 {
	height: 50 px;
	padding: 30px 30px 10px 100px;
	background: transparent no-repeat;
	background-image: url(haut.png);
	background-position: center top;
	
	
}
.boite p {
	margin:  0px 100px 10px 100px;
	text-align: justify;
	line-height: 180%;
	}
	
#boite7 {
		background-color:#ccccff;
		padding: 10px 10px 40px 10px;
		font:Verdana;
		font-size:16px;
		line-height: 180%;
	
		margin-left:auto;
		margin-right:auto;
		text-align: left;
		position: float;
		width: 900px;
		
		border-color: #0000CC;
		border-width: 4px;
		border-style: ridge; 
			}
			
			body
{
   text-align: center;
}
#page {
     margin: auto;
     text-align: left;
     width: 1000px; 
     }
     
     #header {		 	      	
     background-color: #3300FF;
     background-position: top;
     
     width: 100%;
     height: 100px;
     text-align: left; 
     }
     
     #barre{
		background-color: red;
		width: 100%;
			}
	
	#coco{
		width: 350px;
		
		float: left;
	}
		
	#corps{
		width: 350px;
		
		float: left;
	}
	
	#corps2{
		width: 350px;
		float: left;
	}
	#corps3{
		width: 340px;
		float: left;
	}