body 
{
width: 820px;
margin: auto;
background-image:url("../image/ombre/background_02.jpg");  /*background: #A39A8D;  Ce code était le fond initiale que j'ai remplacé par un fond dégradé*/
background-repeat: repeat-x;
overflow: hidden;

}

div.centre
{
position:absolute;
left:50%;
top:50%;
width:820px;
height:510px;
margin-left:-410px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-255px; /* Cette valeur doit être la moitié négative de la valeur du height */

}


#menu      
{
width: 820px;
height: 30px;
}

dl
{
	width: 820px;
	height: 30px ;
	margin: auto;
}

dt
{
float: left;
}


.btn0
{
	width: 120px;
	height: 30px ;
	background: black;
	list-style-type: none ;
}

.btn1
{
	width: 140px;
	height: 30px ;
	background: url("../image/btn1.jpg");
	list-style-type: none ;
}

.btn2
{ 
	width: 140px;
	height: 30px ;
	background: url("../image/btn2.jpg");
	list-style-type: none ;
}

.btn3
{ 
	width: 140px;
	height: 30px ;
	background: url("../image/btn3.jpg");
	list-style-type: none ;
}

.btn4
{ 
	width: 140px;
	height: 30px ;
	background: url("../image/btn4.jpg");
	list-style-type: none ;
}

.btn5
{ 
	width: 140px;
	height: 30px ;
	background: url("../image/btn5.jpg");
	list-style-type: none ;
}



.btn0 a 
{
	display: block ;
	width: 120px ;
	height: 30px;
	font-size: 13px ;
	font-weight: 900;
	font-family:  arial, serif;
	line-height: 31px;
	color: #DCDCDC ;
	text-align: center;
	text-decoration: none ;
}	

.btn1 a , .btn2 a , .btn3 a , .btn4 a , .btn5 a
{
	display: block ;
	width: 140px ;
	height: 30px;
	font-size: 13px ;
	font-weight: 900;
	font-family:  arial, serif;
	line-height: 31px;
	color: #DCDCDC ;
	text-align: center;
	text-decoration: none ;
}	

	


.btn0 a:hover
{
	color: #EFEFEF;
}

.btn1 a:hover
{
	background: url("../image/roll1.jpg");
	color: #EFEFEF;
}


.btn2 a:hover
{
	background: url("../image/roll2.jpg");
	color: #EFEFEF;
}

.btn3 a:hover
{
	background: url("../image/roll3.jpg");
	color: #EFEFEF;
}

.btn4 a:hover
{
	background: url("../image/roll4.jpg");
	color: #EFEFEF;
}

.btn5 a:hover
{
	background: url("../image/roll5.jpg");
	color: #EFEFEF;
}





#sousmenu
{
background: url("../image/sousmenu/sousmenu_accueil.jpg");
width: 120px;
height: 480px;
}
 
#corps
{
width: 700px;
height: 480px;
float: right;
position: relative;
bottom: 480px;
background: url("../image/fond/Accueil.jpg");
font-family:Arial;
font-size:10px;
padding:0px;
margin:0px;
}
 

#corps table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   margin-left: 0px; /*influe dans IE*/
   margin-top:5px; /*influe dans IE*/
   padding: 0px; /*influe sur le placement du tableau dans firefox*/
}

#corps td
{
   height: 10px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */ 
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé en bas */
   text-align: center;
   padding-bottom: 1px;
   padding-top:1px;  
}


#corps .col1
{
 width: 135px;
} 

#corps .col2
{
 width: 140px;
} 

#corps .col3
{
 width: 130px;
} 

#corps .col4
{
 width: 142px;
} 

#corps .col5
{
 width: 126px;
} 


#corps .para1
{
position:relative;
top:0px;
padding-left: 10px;
margin:0px;
font-size:10px;
text-align:center;
font-family:verdana;
}

#corps .para1 a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color:#000; /* si les liens ne sont pas survolés, ils ne changent pas de couleur, ils sont noirs*/
font-style: normal; 
}

#corps .para1 a:hover
{
text-decoration: underline; /* Les liens ne seront plus soulignés */
color: #ffffff; /* lorsque les liens sont survolés, ils deviennent rouges*/
font-style:normal;
}

#corps .para2
{
position:relative;
top:300px;
padding-left:270px;
margin:0px;
font-size:10px;
text-align:left;
color:#FFFFFF;
font-family:verdana;
font-weight:bold;
}

#corps .para2 a
{
text-decoration: none;
color:#ffffff; /* Obliger de préciser la couleur du texte sinon la valeur par défaut cad "bleu" prend effet*/
}

#corps .para2 a:hover
{
color:#ffffff; /* idem pour la couleur*/
text-decoration:underline;
}

#corps .para4
{
position:absolute;
top:440px;
padding-left: 10px;
margin:0px;
color:#ffffff;
font-size:10px;
text-align:left;
}


#corps .para4 a
{
text-decoration: none;
color:#ffffff; /* Obliger de préciser la couleur du texte sinon la valeur par défaut cad "bleu" prend effet*/
}

#corps .para4 a:hover
{
color:#ffffff; /* idem pour la couleur*/
text-decoration:underline;
}



div.placement
{
background: #030303;
position:absolute;
top:510px;  
width:820px;
height:15px;
color:#ffffff; /*couleur du texte*/
font-family:verdana;
font-size: 9px;
text-align:center;
}


/*div.placement
{
/*background: black;
position:absolute;
left:50%;
top:82%; /*82% idéal pour IE form1 */
/*width:820px;
height:12px;
margin-left:-410px;
margin-top:-3px; /*-3px     -20px idéal pour IE form1*/
/*color:#D3C7B7; /*couleur du texte*/
/*font-family:verdana;
padding-bottom:2px; /*padding-bottom: 3px*/
/*font-size: 9px;
text-align:center;
}