/* ===============================
   FEUILLE DE STYLES DE L'EXERCICE
   INTEGRATION D'UN DESIGN COMPLET
   =============================== */


/* --- STRUCTURE GLOBALE --- */

body {
	margin: 0;
	padding: 10px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	background: #2D424F url(fond-page.png) repeat center top;
}
#global {
	width: 766px;
	margin-left: auto;
	margin-right: auto;
}
/* entete */
#entete {
	height:90px;
	padding-left:6px;
	
}
#entete h1 {
	float:left;
	margin:0 25px 0 0;
	padding:26px 0 10px 0;
	padding-top:25px;
	font-size:40px;
	font-weight:normal;
	text-transform:lowercase;
	
	
}
#entete p{
	margin:0;
	padding:45px 0 10px 0;
	font-size:.9em;
	
}

#menu {
	float:left;
	width:140px;
	margin:0;
	padding:1px 0 0 6px;
	list-style:none;
	color:black;
}
#menu li {
	margin-bottom:8px;
}
#menu li a {
	display:block;
	padding:0 0 4px 0;
	background:url(menu1-item.png) no-repeat left bottom;
	text-decoration:none;
	color:black;
	
}

#menu li a span {
	position:relative;
	top:-1px;
	display:block;
	padding: 6px 10px 2px 10px;
        background:url(menu1-item.png) no-repeat left top;
	
	
}
/* style survol et page en cours */

#menu li.en-cours a, 
#menu li.en-cours a span{	
background-image:url(menu1-item-special.png) ;
}
#menu li a:hover {
	
}
#menu li a:hover ,
#menu li a:hover span,
#menu li a:focus ,
#menu li a:focus span {
background-image:url(menu1-item-special.png);
}

#menu  a:hover ,
#menu  a:hover  span,
#menu  a:focus ,
#menu  a:focus  span{
background-image:url(menu1-item-special.png);
	
}



/* ---- blocl de contenue --*/


#contenu {
	position:relative;
	top:-6px;
	margin-left:150px;
	color:black;
	
}

#contenu-haut {
	height:10px;
	background:url(fond-contenu.png) no-repeat left top ;
}
#contenu-bas {
	height:1%; /* correction IE 6 */
        overflow:hidden;
	padding:16px 30px 30px 26px;
	background:url(fond-contenu.png) no-repeat left bottom ;
	
}
/* style des element de contenu */
#contenu .boite {
	background:#EFF3E0;
	padding:20px;
}
#contenu h2 {
	font-size:1.5em;
	margin:0 0 15px 0;
	padding : 4px 6px;
	font-weight:normal;
	color:white;
	background:#282E3D;
}
#contenu p {
	line-height:1.35em;
	margin:.75em;
}
#contenu a{
	color:#000099;
	
}

#contenu a:hover ,#contenu a:focus {
	color:#AA6600;
}

/* Titres et paragraphes  padding: 20px;
	background: #EFF3E0; */

/*----- style pour les tableaux --- */
#contenu table  {
	margin:10px auto;
	border-collapse:collapse;
	border:1px solid #888;
	text-align:left;
	
}
#contenu caption {
	padding:10px 0;
	font-weight:bold;
	
}
#contenu th,#contenu td {
	padding:4px 6px;
	border:1px solid #aaa;
	vertical-align:top;
	
}
#contenu table .impair th,
#contenu table .impair td{
	background:#FFF7EE;
}
#contenu table .pair th,
#contenu table .pair th{
	background:#D3DEAB;
	
}