body{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#003399;}

#main{
position: fixed;
top:  0px; bottom: 0; left: 0; right: 0; 
}

#conteneur{
position:absolute;
width:1200px;
top:2px; bottom:0; left:0; right: 0; 
margin:auto;}

#top {
width:100%;
height:159px;
margin-top:0px;
padding:0px;
border-bottom:solid 1px #fff;
background-image:url(images/haut_fond.jpg);}


#menu_top { 
float :left;
width:1200px;
margin-top:5px;
margin-bottom:-44px;
margin-left:0px;}

#page { 
width:1200px;
margin:0px;
margin-top:0px;
min-height:400px;
border-top:solid 2px #D3D3D3;
background-color:#ffffff;}

#titre_page {
clear:both;
width:1200px;
margin:0px;
padding:30px 0px 0px 0px;
font-size:1em;
color: #333399;
font-weight:bold;
font-variant:small-caps;
border:0;
background-color:#fff;	}
#titre_page table {margin:0px;padding:0px;border:0px;}

#bottom {
border:1px solid #c5bba8; 
border-top-width:0px; 
padding-top:10px;
margin:0px; 
background-color:#003399;
height:25px;
vertical-align:absmiddle;}

#photo_accueil{
float:left;
width:387px;
padding:0px 0px 0px 0px;
margin:0px;
text-align:center;}

#pdj {
float:left;
color:#000099;
width:374px; 
padding:0px;
margin:8px;}

#left {
width:300px;
font-size:12px;
vertical-align:top;
background-color:#fff;
text-align:justify;}

#left-home {
float:left;
width:390px;
font-size:12px;
vertical-align:middle;
background-color:#fff;
text-align:justify;}

#data {
vertical-align:top;
background-color:#fff;}
#data-home {
width:750px;
vertical-align:top;
background-color:#fff;}

/*--------------- STYLES DES LIENS ---------------*/
a {	font-family:'Verdana';
	text-decoration:none;
	font-weight:bold;
	color:#993399;}
a:hover { 
	border:solid 1px ;
	border-right-width:0px;
	border-left-width:0px;
	color:#fff;
	background-color:#993399;}	
	
a img { background-color:#fff;border:2px solid #fff;}	
a:hover  img { border:2px solid #c0c0c0;}

h1 { font-size:1em; color:#993399 ;}
h2 { background: #fff url(images/ico_mini_coloquinte.png) no-repeat left; 
padding-left:31px; line-height:25px;font-size:1.3em; color:#993399 ; margin:0px; ; }	
h3 {margin:10px 5px; font-size:1.15em; color:#993399 ;font-variant:small-caps}
h4{font-size:1.2em; color:navy ; text-align:center;font-weight:normal;width:90%;}
h5{padding:4px 2px 2px 2px;font-size:1em;margin-left:5px;
background:#333399; height:22px; color:#FFFFFF; text-align:center;}

#news_titre {font-size:1.2em; font-variant:small-caps;font-weight:bold;color:#993399 ;padding:0px;margin:0px 0px 5px 5px;}
#news_sstitre {font-size:1em;  padding:0px 0px 0px 5px; font-weight:bold;margin: 0px 0px 2px 0px;}
#news_txt {font-size:1em; padding-left:0px;margin-bottom:2px; margin-left:20px;margin-right:10px;text-align:justify;}

.copyright { font-weight:normal;
	font-size:0.85em;
	text-align:center;
	color: #fff; 
	line-height:20px;}
	
.copyright a { text-decoration:none; 
	color:#fff;
	font-weight:normal;}

.copyright a:hover {  
	font-weight:normal;
	color:#ffffff; 
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none; }
	 
.lkcpr { text-decoration:none;
	color:#cccc99; 
	line-height:25px;}
			
.lkcpr:hover { text-decoration:underline; }	 

/*---------- Balises courantes ---------------/*--------------------------------------------------*/
#cadrimage img {
border:solid 1px #993399; }
p { color: #333399; margin-top:0px; margin-bottom: 0px}


#infobulle { position: absolute;
    border: 1px solid #993399;
	width:200px;
	background: #fff;
	font-size:0.95em;
	margin-top:35px;
	margin-left:-30px;
	padding:5px;
	display: none;}	

.block_tab {
	padding : 2px 2px 2px 2px;
	font-family:'Verdana';
	font-size:12px;
	color: #333399;
	background-color:#ffffff;
	text-align:justify;
	}
		
th { background-color:#333399; height:22px; color:#FFFFFF; text-align:center;}	
td {vertical-align:top;}
#jr {font-variant:small-caps;font-size:1.2em;vertical-align:top;height:25px;}

/*---------- Menu de navigation déroulant --------------------------------------------------------*/
#nav, #nav ul{
float:left;
margin-top:-10px;
padding:5px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20px; }

#nav a{
font-variant:small-caps;
margin:0px;
font-size: 0.9em;
text-align:center;
width:124px;
font-variant:small-caps;
line-height:20px;
margin-left:2px;
display:block;
padding:2px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
background-color:#333399;}

#nav a:hover{
font-weight:bold;
background-color:#993399;}

#nav li{
float:left;
position:relative;}

#nav ul {
vertical-align:middle;
position:absolute;
display:none;
top:33px;
left:-5px;}

#nav li ul a{
width:190px;
font-variant:normal;
font-weight:normal;
margin-top:0em;
padding-left:10px;
float:left;
color:#333399;
background-color:#ffdcff;
text-align:left;
border-left:1px solid #993399; 
border-right:1px solid #993399; 
}

#nav li ul a:hover{
	background:#993399;
	color:#fff;}

#nav ul ul{
top:auto;
margin-top:10px;}	

#nav li ul ul {
border:1px solid #990000;
left:12em;
margin:0px 0 0 10px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;}
/*--------------------------------------------------------------------------------------------------*/