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;*/
background: #9B9B9B;
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
{
width: 120px;
height: 480px;

}

#sousmenu_image
{
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/index.jpg");
font-family:Arial;
font-size:14px;
padding:0px;
margin:0px;

}
 

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

.para2, .para3
{
position:relative;
top:19px; /*je metx 19px sinon à 18px comme dans para1, ça mange sur la date en image*/
padding-left: 17px;
margin:0px;
text-align:left; /*aligne le texte à gauche*/
font-family:verdana, arial;

}

.taille
{
font-size: 18px;

}

.para1 a, .para2 a, .para3 a /*tous les liens de para 1,2 et 3*/
{
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; 
}

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


.para4
{
position:absolute; /*je mets une position absolue pour avoir un bon affichage avec IE, sinon en relative, ce bloc ne se positionne pas pareil dans IE rapport à Firefox */
bottom:45px;
right:110px;
padding:0;
margin:0px;
font-size: 10px;
text-align:center;
color:#000000; /*couleur du texte*/
}

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

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


.para40
{
position:absolute; /*je mets une position absolue pour avoir un bon affichage avec IE, sinon en relative, ce bloc ne se positionne pas pareil dans IE rapport à Firefox */
bottom:10px;
right:12px;
padding:0;
margin:0px;
font-size: 11px;
text-align:center;
color:#292929; /*couleur du texte*/
}

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


.para40 a:hover
{
color:#292929; /* idem pour la couleur*/
text-decoration:underline;
}



div.placement
{
background: #030303;
position:absolute;
top:510px;  
width:820px;
height:15px;
color:#D3C7B7; /*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;
}