*{ margin: 0px ;
padding: 0px ;
}

body {
    margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
    }

#fond {
      width: 770px;
      height: 1354px;
	  margin: 0 auto ;
      text-align: left ;
      background-image: url("page_illus_01.jpg");  
	  
      }

ul#menu {  
	   height: 35px ;
	   margin: 0px 40px ;
	   padding: 40 ;	 
       border: 0;
	   position: absolute;
	   }
	   

	  
ul#menu li{   
	    float: left ;
	    text-align: center ;
	    margin: 0;
        padding: 40;
        border: 0;
	    list-style-type: none ;
        }

ul#menu li a{  
         height: 1%;
	     width: 120px ;
	     line-height: 25px ;
	     font-size: 1.1em ;
	     font-weight: bold ;
	     letter-spacing: 2px ;	
	     color: #CFCECE ;
	     display: block ;
	     text-decoration: none ;
         }

ul#menu li a:hover {
                text-decoration : underline ;
                color :  #7A7A7A ;
                }
				   
ul#menu li a:active {
                text-decoration : underline ;
                color :  #7A7A7A ;
                }

.select {
        text-decoration : underline ;
        color :  #7A7A7A ;
		}
				
#menu .sous_menu_portfolio{
						  
                          list-style-type: none;
                          margin: 0;
                          padding:0;
                          border: 0;
                          }
						  
#menu .sous_menu_portfolio li{
                           float: none;
                           margin: 0;
                           padding: 0;
                           border: 0;
                           }
            
			

#bd{
      width: 565px;
      height: 1090px;
	  margin: 0 auto ;
      text-align: left;
	  overflow: hidden;
	  position:relative;
      left: 0px;
      bottom: -160px;
      float: none ;

}

em {
font-size : x-small;

}

 p{
text-align: center;
}

#image_cocotte {
display: inline;
 float: left;
     width: 220px; 
	 height: 1100px;
	 margin-top: 0px;
	 margin-left: 0px;
	 }


	#texte_cocotte {	
	
	float: right;
    width: 170px;
    height: 1100px;	
	margin-top: 0px;
	margin-right: 40px;


}


#image_croko {
             display: inline;
             float: left ;
             width: 220px; 
	         height: 1100px;
	         margin-top: 300px;
	         margin-left: -200px;
	        }


	#texte_croko {	
                 float: left;
                 width: 170px;
                 height: 1100px;	
	             margin-top: 300px;
	             margin-right: -200px;
                }
				
		#image_bd-croko {
		                display: inline;
		                float: left;
                        width: 300px;
                        height: 1100px;	
				        margin-top: 40px;
				        }


#image_reinedespres {
             display: inline;
             float: left ;
             width: 220px; 
	         height: 1100px;
	         margin-top: 600px;
	         margin-left: -220px;
	        }


	#texte_reinedespres {	
                 float: right;
                 width: 180px;
                 height: 1100px;	
	             margin-top: 600px;
	             margin-right: -120px;
                }
				
		#image_bd-reinedespres {
		                display: inline;
		                float: left;
                        width: 300px;
                        height: 1100px;	
				        margin-top: 10px;
				        }

	
#pied_de_page { 

                margin: 0px 0 ;
	            text-align : center ;           	        
	            font: 1.3em "Trebuchet MS", helvetica, sans-serif ;
		        color: #AFACAC ;
			    font-weight: bold ;
			    float: none ;
                }

#pied_de_page   a{       
                font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	            font-weight: bold ;	             
	            color: #AFACAC ;	           
                 }
				 
#pied_de_page a:hover {
                     text-decoration : underline ;
                     color :  #7A7A7A ;
                     }