body { margin: 0;
    padding: 0;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    background-color: #ffffff;
	
    }

  a { text-decoration: none;
    background-color: #ffffff;
    color: #b8430f;
    }

  a:hover { background-color: #ffffff;
    text-decoration: underline;
    color: #b8430f;
    }

  .page {width: 1024px;
  position:relative;
     margin-top:10px ;
    margin-bottom:10px;
	 margin-left:auto;
	  margin-right:auto;
	padding: 0;
    background-color: #ffffff;
    }

  .header { background-image: url(../img/banniere2.png);
    margin-top: 30px;  
    padding: 0;
    background-repeat: no-repeat;
    height: 260px;
	width: 1024px;
    }
	
	
	.annonces {	float: left;
	margin-left:66px;
    margin-top:220px;
		}
		
		
		
	.pubtop { margin-left: 662px;
	
	
     }
	 
	 
	 
  
	 #menutop {	
	
	margin: 0pt;
    padding: 0px ;	
    list-style-type: none;   
    list-style-position: outside;
    text-align: center;
	
    }
  

   #menutop  span {visibility: hidden ;}
	
	#menutop li { background: transparent none repeat scroll 0% 50%; 
    float: left;   
    color: rgb(255, 255, 255);
    
    }

    #menutop_accueil a {height:60px;
	width:204px;
	display: block ;
	background:transparent url(../img/accutop.png) left top no-repeat ;
	
	font-size: 0px ;
	padding-top: 15px ;	
	padding: 4px 0 ;

    text-align: center;
	
    
    }
 
   
   #menutop_accueil a:hover, #menutop_accueil a:focus, #menutop_accueil a:active {
	background: transparent url(../img/accutop.png) right top no-repeat ;
	}
  
   #menutop_creation a {height:60px;
	width:204px;
	display: block ;
	background: transparent url(../img/creatop.png) left top no-repeat ;
	
	font-size: 0px ;
	padding-top: 15px ;	
	
    text-align: center;    

    }
 
   
   #menutop_creation a:hover,  #menutop_creation a:focus,  #menutop_creation a:active {
	background: transparent url(../img/creatop.png) right top no-repeat ;
	}
  
 #menutop_hebergement a {height:60px;
	width:204px;
	display: block ;
	background: transparent url(../img/hebetop.png) left top no-repeat ;
	
	font-size: 0px ;
	padding-top: 15px ;	
	
    text-align: center;  
   
    }
 
   
   #menutop_hebergement a:hover,  #menutop_hebergement a:focus,  #menutop_hebergement a:active {
	background: transparent url(../img/hebetop.png) right top no-repeat ;
	}
  
#menutop_referencement a {height:60px;
	width:204px;
	display: block ;
	background: transparent url(../img/refetop.png) left top no-repeat ;

	font-size: 0px ;
	padding-top: 15px ;	
	
    text-align: center; 
   
    }
 
   
   #menutop_referencement  a:hover,  #menutop_referencement  a:focus,  #menutop_referencement  a:active {
	background: transparent url(../img/refetop.png) right top no-repeat ;
	}
 
    #menutop_maintenance a {height:60px;
	width:204px;
	display: block ;
	background: transparent url(../img/maintop.png) left top no-repeat ;
	
	font-size: 0px ;
	padding-top: 15px ;	

    text-align: center;
    
    }
 
   
   #menutop_maintenance a:hover,  #menutop_maintenance  a:focus,  #menutop_maintenance  a:active {
	background: transparent url(../img/maintop.png) right top no-repeat ;
	}
  

  .bandeau_haut { margin-bottom: 10px;
    height: 40px;
    margin-left: 6px;
    margin-top: 10px;
   
    }

	#logoal { margin-left :100px; }
	


  .content {
    margin: 0px;
    padding: 0;
    color: rgb(67, 23, 14);
    text-align: center;
    line-height: normal;
    font-size: 14px;
    }
	

  .content h3 { 
    color: rgb(67, 23, 14);
    text-align: center;
    padding-right: 25px;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 16px;
	padding-right: 25px;
    }

  .content p { color: rgb(67, 23, 14);
    text-align: center;
    line-height: normal;
    font-size: 14px;
	padding-right: 25px;
    }

	.content span { color: rgb(67, 23, 14);
    text-align: center;
    line-height: normal;
    font-size: 14px;
	padding-right: 25px;
    }
	
  .footer { margin-top: 0px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    clear: both;
    }
	
	
	
	.portfolio {
	background:transparent   ;  
	 margin-left: 30pt;
    padding: 0px ;	
    list-style-type: none;   
    list-style-position: outside;
    text-align: left;

    }
  

	
	.portfolio li { background:transparent  ;   
    float: left;   
	margin-bottom:30px;
    
    }

	 .portfolio span {visibility: hidden ;}
	 
	.portfolio_site01 a {height:140px;
	width:240px;
	display: block ;
	background:transparent url(../img/pf01.png) left top no-repeat ;
	font-size: 0px  ;
	padding-top: 10px ;
	text-align: center;
    margin-left: 1px;

    
    }
 
   .portfolio_site01 a:hover, .portfolio_site01 a:focus, .portfolio_site01 a:active {
	background: transparent url(../img/pf01.png) right top no-repeat ;
	text-decoration: none;
	}
  	
	  .portfolio_site02 a {height:140px;
	width:240px;
	display: block ;
	background:transparent url(../img/pf02.png) left top no-repeat ;
	font-size: 0px;
	padding-top: 10px ;
	text-align: center;
  
    }
 
   .portfolio_site02 a:hover, .portfolio_site02 a:focus, .portfolio_site02 a:active {
	background: transparent url(../img/pf02.png) right top no-repeat ;
	text-decoration: none;
	}
	
		
	  .portfolio_site03 a {height:140px;
	width:240px;
	display: block ;
	background:transparent url(../img/pf03.png) left top no-repeat ;
	font-size: 0px ;
	padding-top: 10px ;
    text-align: center;
    
    }
 
   .portfolio_site03 a:hover, .portfolio_site03 a:focus, .portfolio_site03 a:active {
	background: transparent url(../img/pf03.png) right top no-repeat ;
	text-decoration: none;
	}
	
	
	.portfolio_site04 a {height:140px;
	width:240px;
	display: block ;
	background:transparent url(../img/pf04.png) left top no-repeat ;
	font-size: 0px ;
	padding-top: 10px ;
    text-align: center;
    
    }
 
   .portfolio_site04 a:hover, .portfolio_site04 a:focus, .portfolio_site04 a:active {
	background: transparent url(../img/pf04.png) right top no-repeat ;
	text-decoration: none;
	}
	
	#cc {clear:both ; 
	margin-top:90px;
	}
	
    #menufooter {	height:60px;
	background:transparent url(../img/im01bot.png)  ;  
	 margin-left: 0pt;
    padding: 0px ;	
    list-style-type: none;   
    list-style-position: outside;
    text-align: center;

    }
  

	
	#menufooter li { background:transparent url(../img/im01bot.png) ;   
    float: left;   
    
    }

	 #menufooter span {visibility: hidden ;}
	 
	 
      
    #menufooter_contact a {height:50px;
	width:204px;
	display: block ;
	background:transparent url(../img/contactbottom.png) left top no-repeat ;
	
	font-size: 0px  ;
	padding-top: 10px ;
	
    text-align: center;
    margin-left: 204px;

    
    }
 
   #menufooter_contact a:hover, #menufooter_contact a:focus, #menufooter_contact a:active {
	background: transparent url(../img/contactbottom.png) right top no-repeat ;
	text-decoration: none;
	}
  	
	  
	
		
	  #menufooter_lien a {height:50px;
	width:204px;
	display: block ;
	background:transparent url(../img/liens.png) left top no-repeat ;

	font-size: 0px ;
	padding-top: 10px ;
margin-left: 204px;
    text-align: center;
    
    }
 
   #menufooter_lien a:hover, #menufooter_lien a:focus, #menufooter_lien a:active {
	background: transparent url(../img/liens.png) right top no-repeat ;
	text-decoration: none;
	}
	
	
	 .bandeau_bas { margin-left:0px;
	 margin-bottom: 20px;  
    width: 1024px;
    }

  
	.annonces_bas {
	
	margin-right:170px;
    padding: 0px;	
	
	}
  


   
	
	table.creation { 
margin-left:auto;
margin-right:auto;
text-align: left;
width: 100%; 
border-style:solid; 
border-width:1px; 
border-color:black;
border-collapse:collapse;

	}
	
	table.creation td{border-style:solid; 
border-width:1px; 
border-color:black;
border-collapse:collapse;
}
	
	 td.gras {
font-weight: bold;
border-style:solid; 
border-width:1px; 
border-color:black;
border-collapse:collapse;
	
	}

	 .presentation {	height:500px;
	margin-left: 20px;
    list-style-type: none;   
    list-style-position: outside;
    text-align: center;
	
    }
  
  
 .presentation  span {visibility: hidden ;}
	
	.presentation li { 
     
	  float:left;
       }

    .crea a {height:250px;
	width:450px;
	display: block ;
	font-size: 0px;

	text-align: center;
    background:transparent url(../img/crea.png) no-repeat 0 0 ;	
		
	margin-right:20px;
    
    }
 
   .crea a:hover{
	background: transparent url(../img/crea.png) no-repeat 0 -250px  ;
	text-decoration: none;
	}
	
  

    .heb a {height:250px;
	width:450px;
	display: block ;
	font-size: 0px;
	
	text-align: center;
    background: transparent url(../img/hebe.png) no-repeat 0 0 ;	
    
    }
 
   .heb a:hover{
	background:transparent url(../img/hebe.png) no-repeat 0 -250px  ;
	text-decoration: none;
	}
	
	
	

    .ref a {height:250px;
	width:450px;
	display: block ;
	font-size: 0px;

	text-align: center;
    background: transparent url(../img/refe.png) no-repeat 0 0 ;	
	margin-right:20px;
	margin-top:20px;
    
    }
 
   .ref a:hover{
	background: transparent url(../img/refe.png) no-repeat 0 -250px  ;
	text-decoration: none;
	}


	
    .main a {height:250px;
	width:450px;
	display: block ;
	font-size: 0px;
	
	text-align: center;
    background: transparent url(../img/main.png) no-repeat 0 0 ;	
	margin-top:20px;
    
    }
 
   .main a:hover{
	background: transparent url(../img/main.png) no-repeat 0 -250px  ;
	text-decoration: none;
	}
	
		 .menu-formule{	
	
	margin:auto;
    list-style-position: outside;
    text-align: center;
	
    }
  
	.menu-formule li { 
    float: left;   
    margin-right:110px;
    text-align: center;
    }
    
    
    
     .bandeau_bas {
	  margin-left:0px;
	  margin-bottom: 20px;  
      width: 1024px;
    }
    
    .left{
	float: left; 
	}
	
	.footer .left{
	margin-right:5px;
	margin-bottom:20px;
	}
	
	
	.footer .left ul{
	padding: 0px ;	
    list-style-type: none;   
    list-style-position: outside;
    text-align: left;
    width:180px;
    font-size:10px;
	}