body { 
text-align: center;
	font: 9pt/16pt arial; 
	color: #000000; 
	background-image: url("images/fondgrisbleu.jpg"); 
	margin: 0px;
padding: 0px;	
	}
img {
border: none;
}	
a {
	font: 8pt arial;
	color: #FFFFFF;	
	font-weight: bold;
	text-decoration: none;
	} 
a.bleu { 
color: #333366; 
font-size: 9pt; 
}  	
	
div#maxiboite {  
position: relative; 
margin: 0px auto;
text-align: left;	
	width: 1074px;
	}
div#bandeautop { 
	position: relative;
	width: 1074px; 
	height: 165px; 
	padding: 0px;
	margin: 0px;
	background-image: url("images/ASRDLFtop.jpg"); 
	
	}
	
#menutop
{
	height: 30px; 
	list-style-type: none;
	margin: 0px;
	padding: 0;
	border: 0;
	position: relative;
	background-image: url("images/fondgrishaut.jpg"); 
	z-index: 10;
	color: #FFFFFF; 
}
#menutop li
{
	float: left;
		margin: 0;
		margin-right: 13px;
	height: 30px;
width: auto; 
	padding: 0;
	border: 0;
}
#menutop li a:link, #menutop li a:visited
{
	display: block;
text-align: center;

 z-index: 12;
 margin: 2px 0px 2px 0px; 
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 4px;	
}
#menutop li a:hover { 
background-image: url("images/fondgrisover.jpg"); 

 }
#menutop li a:active { 
background-image: url("images/fondgrisover.jpg"); 

 }
#menutop li.accueil { 
margin-left: 50px; 
}
#menutop li.accueil a{ 
font-size: 10pt; 

} 
#menutop li.first  a{ 
margin-left: 220px; 
}

ul#menutop li.current a {
background-image: url("images/fondgrisover.jpg"); 
 z-index: 2;
} 

	
div#corps {
	position: relative;
	margin: 0px 0px 0px 0px; 

	}
	div#menuvert {
	position: absolute;
	top: 4px; left: 0px;
font-family: arial, tahoma, verdana, sans-serif; font-size: 8pt; font-weight:bold;
	margin: 0;
	padding: 7px 0px 0px 0px;
	width: 260px;
	background-image: url("images/fonddegrade.jpg"); 
color: #FFFFFF; 	
	} 
        #menuvert  ul{ 
margin: 0px 5px 4px 5px; 
	background-image: url("images/fondmenuvert.jpg"); 
		width: 245px; 
padding: 0; 
line-height: 18px;
}		
        #menuvert ul  ul { 
		display: none; 
		left: 170px; top: -1px; 
		position: absolute; 
		width: 160px; 
		margin:0px; padding: 0px; 
		background-image: url("images/fondgrisV.jpg"); 
		border: 1px solid #778899;
z-index: 3;		
}
		
        #menuvert ul li {list-style-type: none; position: relative; padding: 0px; margin: 0px 0px 0px 0px; 
	text-align: left; padding-left: 26px;
		}
#menuvert ul li:hover { 		
background-image: url("images/fondgrisover.jpg"); 
 }
        #menuvert ul li.prerub {
background-image: url("images/puce.jpg"); 
background-position: bottom left; 
background-repeat: no-repeat; 
font-size: 9pt; 	
		margin-left: 5px; 	
		padding-left: 15px;
		padding-top: 4px;
		}

        #menuvert ul li:hover ul.niveau2 {display: block}
        #menuvert  ul.niveau2 li { width: 155px; padding-left: 5px; }
        #menuvert  ul.niveau2 li:hover {background-image: url("images/fondgrisover.jpg"); 
  }

 
div.contenu {
margin: 0px 0px 20px 270px; 
	padding: 18px;
	padding-top: 5px;
min-height: 500px;
background-color: #FFFFFF; 
text-align: justify; 	
		}
div.contenured { 
margin-right: 100px; 
} 
div.contenu a { 
color: #333366;
font-size: 9pt; 	
 
} 
div.rappelasso {
font-size: 12pt;
color: #778899;
font-weight: bold;
text-align: center; 	
margin-top: 0px; 
} 
div.rappelasso span{
color: #3399CC;
} 		
		
div.invis { 
margin: 0;
padding: 0;
height: 46px;
visibility: hidden;
}	
		
span.spacer  {
color: #FFFFFF;
visibility: hidden;
}
div.phrase {
text-align: center;
color: #CC0000; 
} 
div.phraseinfo {
text-align: center;
color: #990000; 
} 

div.forcehaut {
min-height: 500px; 
}
div#pied {
clear: both;
margin: 0px 0px 0px 55px;
padding: 3px;
text-align: center;
}
div#pied a{
padding: 4px;
}
div#pied a:hover{
text-decoration: underline;
color: #FFFFFF; 
}
div.gauche {
margin-top: 10px;
text-align: left;
}
div.gauche a#cat{
float: right;
display: block; 
width: 92px;
height: 28px;

background-image: url("images/copyright-cat-joffres.jpg"); 
background-repeat: no-repeat; 
background-position: bottom left; 	
}
div.titrepage {
font-size: 13pt;
text-align: center;
font-weight: bold;
margin: 20px; 
}
div.titrecentre {
font-size: 12pt;
text-align: center;
} 
div.gdtitregauche {
font-size: 12pt;
text-align: left;
margin: 10px 0px 3px 0px; 		
}
div.paragraphe { 
padding: 7px;
border-left: 7px solid #DCDCDC;
margin: 0px 10px 20px 0px;
} 
div.pargd { 
font-size: 11pt;

} 
div.titrepar { 
font-size: 11pt;
text-align: left;
font-weight: bold;

} 
span.liendeb {
background-color: #708090; 
background-image: url("images/fondgrisV.jpg"); 
color: #FFFFFF;
padding: 3px; 
} 
div.liendeb {
background-color: #708090; 
background-image: url("images/fondgrisV.jpg"); 
color: #FFFFFF;
padding: 3px; 
margin: 5px; 
} 
div.contenu div.liendeb a { 
color: #FFFFFF; 
} 

span.liendeb a {
color: #FFFFFF;
} 
div.envaleur { 
font-weight: bold;
text-align: left;
color: #336666;
} 
span.gras {
font-weight: bold;

} 
span.grasdroit {
font-weight: bold;
float: right;
margin-right: 30px;
} 
div.centre { 
text-align: center; 
} 
ul.txtcontenu { 
list-style-image: url("images/fondgrisover.jpg"); 
}
div.contfiche {
width: 600px;
}
div.photofiche { 
border: none;
width: 250px; 
} 
table.nue{
border: none;
margin: auto;

}
table.nue td {
vertical-align: top; 
padding-top: 20px;
}
table.encadre{
border: thin solid #DCDCDC;
margin: auto;
background-color: #F5F5F5;

}
table.encadre thead {
font-size: 11pt;
padding: 5px;
text-align: center;
color: #778899;
}
table.encadre td {
text-align: left;
border-top: solid 2px #FFFFFF;
padding: 5px;

}
.gris {
text-align: center;
padding: 5px;
font-size: 9pt;
border: solid 1px #DCDCDC; 
background-color: #F5F5F5; 

}