h1, h2, h3, h4, h5 { font-family: Goudy Old Style, Times New Roman;}

h1
{
   font-size: 55px;
   color: #FFFFED;
   text-align: center;
   font-style: normal;
   font-weight: normal
} 

 h2
{ font-size: 30px;
   color: #FF9933;
   text-align: left;
   font-style: normal;
   font-weight: normal
}  

 h3
{ font-size: 40px;
   color: #FF9933;
   text-align: center;
   font-style: normal;
   font-weight: normal;
   
}   

  h4
{ font-size: 20px;
   color: #FF9933;
   text-align: center;
   font-style: normal;
   font-weight: normal 
}  

h5
{ font-size: 20px;
   color: #FF9933;
   text-align: left;
   font-style: normal;
   font-weight: normal 
}  

 #table {
font-family: Goudy Old Style;
font-size: 20px;
   color: #FF9933;
   text-align: left;
   font-style: normal;
   font-weight: normal 
}

a:link { color:#FFFFED}
a:visited { color:#FFFFED}
a:hover { color:#FF9933}

.ab:link { color:#FFFFED}
     

	div#promo {
   position: absolute;
   top:16% ;
   left:10%;
	}
	
 	div#fond {
	width: 100%; 
	height:100%;
   position: absolute;
   top:0 ;
   left:0;
	}
	

		div#trait1 {
   position: absolute;
   top: 15% ;
   left: 0; 
	width:100%;
	}
	
 	div#site {
   position: absolute;
   top: 16% ;
   left: 2%; 
	}   
	
	div#logo {
   position: absolute;
   top: 45% ;
   left: 2%; 
	} 
	
	div#titre {
   position: absolute;
   top: 20% ;
   left: 43%;
   width:57%;
	} 
  	
  	div#sec-menu {
   position: absolute;
  	} 
	
		div#texte {
   position: absolute;
   top: 33% ;
   left: 10%; 
	width:90%;
	height:57%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(g.gif);
	} 
	
		div#textefaq {
   position: absolute;
   top: 33% ;
   left: 9%; 
	width:91%;
	height:57%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(g.gif);
	}
	
		div#texteliens {
   position: absolute;
   top: 34% ;
   left: 10%; 
	width:78%;
	}
	
		div#texteliste {
   position: absolute;
   top: 48% ;
   left: 10%; 
	width:90%;
	height:42%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(g.gif);
	}
	
		div#contact {
   position: absolute;
   top: 33% ;
   left: 10%; 
	width:90%;
	height:57%;
	overflow-x:hidden; /* Masque le contenu dépassant sur la largeur */
   overflow-y:auto; /* Barres de défilement sur la hauteur */
   background-repeat:no-repeat;
   background-image:url(g.gif);
	}   
	
		div#trait2 {
   position: absolute;
   top: 95% ;
   left: 0; 
	width:100%;
	}  
	
	
	
	<!-- 
/* CSS issu des tutoriels  http://css.alsacreations.com  */

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

 
#menu {
   position: absolute;
   top: 5% ;
	width:100%;
   height:10%;  
    text-align: center;
} 
#menu dl {
	float: left;
	width: 180px;
	margin: 0 1px;
} 
#menu dt {
	cursor: pointer;
	text-align: left;
	margin-top  : 0px;	
	vertical-align:middle; 
	background: #000000;	
	font-family: Goudy Old Style;
	font-size: 20px;
	color: #FFFFED;
	
}

#menu dd {                     
border: 0px solid gray;

}
#menu li {
text-align: center;
background: #fff;

} 
#menu li a, #menu dt a {
	color: #FFFFED;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-size: 18px;
	text-align: left;
	font-family: Goudy Old Style; 
		background: #000000;
}
#menu li a:hover {
	background: #FF9933;
  	color: #000000;
}
#menu  dt a:hover {
	background: #FF9933;
	color: #000000;
}
 
#menu dt a  {
	margin-top: 0px;
}

a {
	text-decoration: none;
	color: black;
	color: #222;
	
	
}