html,body {
height: 100%;
background-image: url(../images/body_bg.png);
font-family: "Verdana";
font-size:0.9em;
color: #ffffff;
background-color: black;	
margin: 0;
}


/******************************** Page *********************************/


div#page{
margin-left: auto;
margin-right: auto;
width: 980px;
position: relative;
height:  auto !important;
height: 100%;
min-height: 100%;
z-index: 1;
background-color: #535353;
//background-color: #535353;
/*background-image: url(bg100.jpg);*/
background-repeat: no-repeat;
background-position: bottom right;
border: 0;

}	
div#footer{
z-index: 12;
position: absolute;
bottom: 0;
width: 980px;
height:62px;
background-image: url(bgfooter.gif);
background-repeat:  repeat;
text-align: center;
color: #ffffff;
font-size: 7pt;}

/******************************** Menu horizontal *********************************/

div#menu{
margin-left: 0;
margin-right: auto;
margin-top: 0;
/*padding-top: 125px;*/
height: 125px;
width: 780px;
z-index: 200;
background-image: url(logoref.jpg);
/*background-position: 205px 15px;*/
background-repeat: no-repeat;
background-color: #bb0e00;
}



div#menunave {
    position: absolute;
    //position:  relative;
	z-index: 180;
	width: 780px;
	height: 20px;
	margin-top: 125px;/*125px*/
	background-color:  #bb0e00;
	/*background-image: url(arrondi.png);
	background-position: 580px;
	background-repeat: no-repeat;*/	}
div#flashcontent{
padding-top: 0px;
z-index: 350;
	/*width: 355px;*/
	width: 190px;
	height: 0px;
	}
	
/*div#flashcontentb{
padding-top: 0px;
z-index: 350;
	width: 550px;
	height: 20px;
	}*/
div#sonnature{
display: inline;
z-index: 350;
	}
.musique{
display: inline;
line-height: 20pt;
vertical-align: 25%;
color: #FF9900;
font-size: 7.5pt;
font-style: italic;}
#menunav {
	z-index: 180;
	width: 780px;
	height: 20px;
	padding: 0px;
	/*background-color: #bb0e00;*/
	background-image: url(bgnav.jpg);
	background-repeat: repeat;
}

#menunav li { 
	float: right;
	width: 110px !important;
	height: 20px;
	text-align: center;
	line-height: 16px;
	font-size:7.5pt;
	font-weight: bold;
	display: block;
}

ul,li,a {
	display:block;
	margin:0;
	padding:0;
}


li.rubrique { 
z-index: 180;
width:auto; 
border-right: 1px solid #bb0e00;
left:9px;
 }

li.subrubrique { 
border-top: 1px solid #bb0e00;
left:9px; 
}

 /* others */

a {
	padding:2px;
	/* margin:2px; */
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
	width:100%; /* IE */
}
	
li>a { 
	width:auto; 
} 

/* others */
li a.first-rub {
background-image: url(bgnav2.jpg);
	background-repeat: repeat;
	background-color:  #640000;
}

li a.second-rub {
	font-size:7.5pt;
	font-weight: bold;
	/* background: transparent url("fond_hover.png") no-repeat; */
	background-color:  #bb0e00;
}

/* regular hovers */

a:hover {
	color: #000000;
}
	
/* hovers with specificity */

li a.first-rub:hover {
	color: #000000;	
	background-color:  #bb0e00;	
	}
	
li.rubrique:hover { 
z-index:100; }		
		
ul ul, li:hover ul ul {
	display:none;
}

#menunave li:hover ul, #menunave li:hover {
display:block;
}		

/******************************** Colonne de gauche *********************************/
div#colgauc {
	z-index: 1;
	float: left;
	color: #ffffff;
	font-weight:bold;
	margin-top:25px;
	/*padding-top:25px;*/
	padding-left:8px;
	width: 165px;
	//height: 300px;
	/*border-right: 1px dotted white;
	background-color: #535353;*/
	/*background-image: url(decotogglehaut.png);
	//background-image: url(decotogglehaut.gif);*/
	background-repeat: no-repeat;
}

div#colgauchaut {
	z-index: 1;
	
	padding-left:8px;
	//padding-left:0px;
	width: 165px;
	height:35px;
	/*height: 100%;
	border-right: 1px dotted white;
	background-color: #535353;*/
	background-image: url(decotogglehaut.png);
	//background-image: url(decotogglehaut.gif);
	background-repeat: no-repeat;
}

div#colgaucbas {
	z-index: 1;
	float: left;
	padding-left:8px;
	//padding-left:0px;
	width: 165px;
	height:35px;
	/*height: 100%;
	border-right: 1px dotted white;
	background-color: #535353;*/
	background-image: url(decotogglebas.png);
	//background-image: url(decotogglebas.gif);
	background-repeat: no-repeat;
}

div#searchnumero {
	z-index: 1;
	float: left;
	width: 165px;
	height:105px;
	padding-left: 8px;
	//padding-left: 0px;
	/*height: 100%;
	border-right: 1px dotted white;
	background-color: #535353;*/
	background-image: url(bg-ancien.png);
	//background-image: url(bg-ancien.gif);
	background-repeat: no-repeat;
	//background-position: bottom;
}

.anciennum{
font-weight: lighter;
font-family:   verdana;
font-size: 12pt;
color: #f2ff00;
//padding-left: 12px;
//line-height: 18pt;
}

.rechercher{
font-weight:   bolder;
font-family:   verdana;
font-size: 8pt;
color: #f2ff00;
//padding-left: 12px;
//line-height: 4pt;
}

input.formulaire {
width: 70%;
font-size: 8pt;
color:#535353;
background-color: #c8c8c8; 
border: 0pt;
//margin-left: 8px;
}


input[type="submit"].formulaire {
width: 17%;
font-size: 8pt;
color:#c8c8c8;
background-color: #535353; 
border: 0pt;
//margin-left: 0px;
}

input[type="submit"].formulaire:hover {
width: 17%;
font-size: 8pt;
color:#f2ff00;
background-color: #3a3a3a; 
border: 0pt;
//margin-left: 0px;
}


/******************************** Colonne de droite *********************************/
div#coldroit {
	padding-top:8px;
	padding-bottom:0px;
	/*padding-right:10px;*/
	float: right;
	z-index: 1;
	/*border-left: 1pt inset white;*/
	color: #ffffff;
	width: 200px;
	/*width: 190px;*/
	height: 700px;
	/*background-color: #535353;*/
	background-image: url(couv.jpg);
	background-repeat: no-repeat;
	font-weight:  bold ;
	font-style: italic;
}

div#versionnum {
padding-top:235px;
width: 180px;
color: yellow;
font-style: italic;}

a.linknum{
display:inline;
	font-size: 7.5pt;
	/*border-left: 1pt inset white;*/
	color: #FF9900;
	font-weight:  lighter;
}

a:hover.linknum{
display:inline;
	font-size: 7.5pt;
	/*border-left: 1pt inset white;*/
	color: yellow;
	font-weight:  lighter;
}
/*div#coldroit2 {
	padding-top:300px;
	padding-bottom:0px;
	float: right;
	z-index: 1;
	color: #f2ff00;
	font-weight:  normal;
    font-family:   Arial;
    font-size: 9px;
	width: 150px;
	height: 18px;
	background-color: #383938;
	background-repeat: no-repeat;
	font-weight:  bold ;
	font-style: italic;
}*/
div#couv{
font-weight:   lighter;
/*font-family:   serif;*/
font-size: 1.1em;
text-decoration: blink;
line-height: 15px;
color: #ffffff;
font-weight:  bold ;
font-style: italic;
padding-right: 10px;}

div#sons{
	float: right;
	padding-top:260px;
	z-index: 1;
	font-size: 7.5pt;
	/*border-left: 1pt inset white;*/
	color: #FF9900;
	font-weight:  lighter;
	width: 190px;
}

a.linksons{
display:inline;
	font-size: 7.5pt;
	/*border-left: 1pt inset white;*/
	color: #FF9900;
	font-weight:  lighter;
	width: 190px;
}
a:hover.linksons{
display:inline;
	font-size: 7.5pt;
	/*border-left: 1pt inset white;*/
	color: yellow;
	font-weight:  lighter;
	width: 190px;
}
/******************************** Colonne du centre *********************************/
div#colcentre {
	z-index: 1;
	color: #ffffff;
	width: 600px;
	//width: 595px;
	background-color: transparent;
	min-height: 100%;
	height: auto ;
	margin-left:auto;
	margin-right:auto;
	//padding-left: 10px;
	margin-top:27px;
	//margin-top:40px;
	padding-bottom: 74px;
}

/******************************** Toggle *********************************/

#navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			/*background: #535353;*/
			color: #fff;
			width: 150px;
			font: 1.2em "Trebuchet MS", sans-serif;
			border-top: 1px solid #666;
			}
			
		#navigation a, #navigation span {
			display: block;
			padding: 4px 20px;
			color: #f2ff00;
			text-decoration: none;
			background: left bottom no-repeat;
		border-bottom: 1px solid #666;
		
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(onglet+.png);
			background-position: 5px 10px;
			}
		#navigation .open a, #navigation .open span {
			background-image: url(onglet-.png);
			background-position: 5px 10px;
			color:#f2ff00;
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			color:#f2ff00;
			}
		#navigation .subMenu {
			/*background: #535353 url(subMenu.png) 0 0 repeat-x;*/
			font-size: .8em;
			color: #cccccc;
			margin: 0;
			padding: 0;
			border: 0px;
			}
		#navigation ul.subMenu a {
			color: #cccccc;
			background: none;
			padding: 3px 20px;
			border: 0px;
			}
		#navigation ul.subMenu a:hover {
			color: #f2ff00;
			}
		
/*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*//*fintoglle*/

	<!--[if lte IE 6]>
	<style type="text/css">
		li {
			height: 1px;
			}
	</style>
	<![endif]-->