body{
  background: #686E5F;
  margin:0px;
   padding: 0px;
  text-align: center;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #555;
}

/* Container */
#header{
    width: 900px;
    text-align:center;
    margin: 30px auto 0px auto; 
    font: 2.5em "Georgia",serif;
    font-style: italic;
    color: #FC0;
	 background: #686E5F;
    padding: 0px;
}
#main{
    padding: 0px;
    background:url(fichier_ecran/bgcopie.gif) repeat-y top;
    width: 900px;
    margin: 0px auto;
    text-align:left; 
	margin-top:0px;
	
}
#content{
margin:0px 0px 0px 55px ;
    text-align: left;
    padding: 5px 5px 5px 0;
  
    
}

/*Navigation*/
#navigation{ 
    text-align: right;
    height: 30px;  
    width: 900px; 
    margin: 0px auto;
    padding: 0px;
    background:url(fichier_ecran/headercopie.jpg) no-repeat bottom;
    display: block
}
#navigation ul{
    position: relative;
    bottom: 0px;
    height: 15px;
    display: block;
    margin: 0px;
    padding: 0px;
}
#navigation li{
    display: inline;
    list-style-type: none;
    color: #FFF;
	 background: #686E5F;
    margin: 0px;
    padding: 0px;
}
#navigation a{ 
    padding: 2px; 
    color: #FFF; 
	  background: #686E5F;
    background: 0 0;
    border: 0px none;
}
#navigation a:link, 
#navigation a:visited{
    text-decoration: none;
}
#navigation a:hover{
    text-decoration: underline;
}

/* text style*/
h2{
    color: #000;
    font-size: 1.5em;
    font-family: Georgia, serif;
    font-style: italic;
	text-align:center;
	padding-bottom:50px;
 
 
}

p{
    text-align:center;
	padding-bottom:35px;
	
}
a,
a:link{
    color:#800;
	 
    text-decoration: none;
   
}
a img{
border:none; 
}

img{
border: 1px solid #000000;
}

img.sansbordure{
border: 0 none;
}    
	


#affichage{
width:710px;
height:180px;
margin:auto;

}
#bloc1{
height:175px;
width:420px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc2{

height:175px;
width:250px;
float:right;
text-align:left;
}

#page{
width:760px;
height:295px;
margin:auto;

}
#bloc3{
height:290px;
width:370px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc4{

height:290px;
width:327px;
float:right;
text-align:left;
}
#page1{
width:750px;
height:250px;
margin:auto;

}
#bloc5{
height:246px;
width:352px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc6{

height:246px;
width:352px;
float:right;
text-align:left;
}
#page2{
width:760px;
height:270px;
margin:auto;

}
#bloc7{
height:262px;
width:371px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc8{

height:262px;
width:371px;
float:right;
text-align:left;
}
#page3{
width:550px;
height:335px;
margin:auto;
margin-bottom:50px;
}
#bloc9{
height:170px;
width:175px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc10{

height:330px;
width:303px;
float:right;
text-align:left;
}

#page4{
width:730px;
height:360px;
margin:auto;
margin-bottom:50px;
}
#bloc11{
height:339px;
width:390px;
float:left;
margin-left:5px;
margin-right:5px;
}
#bloc12{

height:355px;
width:292px;
float:right;
text-align:left;
}