body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #fff;
scrollbar-face-color:#2156A3;
scrollbar-highlight-color: #2156A3;
scrollbar-3dlight-color: #2156A3;
scrollbar-darkshadow-color: #2156A3;
scrollbar-shadow-color: #2156A3;
scrollbar-arrow-color: #FF9632;
scrollbar-track-color: #FF9632;
}

h1 {
font-size: 13px;
font-weight: bold;
color: #2156A3;
margin: 0 10px 0 10px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #FF9632;
margin: 0 10px 0 10px;
}

#fondpage {
background-image: url(images/fond.gif);
background-repeat: repeat-y;
}

#fondmenu {
background-image: url(images/fond-menu.jpg);
background-repeat: no-repeat;
}

#texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

#texte a {
color: #2156A3;
}

#texte a:hover {
text-decoration: none;
color: #FF9632;
}

/* menu haut */
.fondhaut {
background-color: #2156A3;
}

#rubrique {
font-size: 11px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#rubrique a {
text-decoration: none;
color: #FFF;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.anylinkcss{
font-weight: bold;
position:absolute;
visibility: hidden;
border-bottom-width: 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
z-index: 100;
width: 150px;
color: #fff;
border-bottom: 1px dotted white;
font-size: 11px;
}

.anylinkcss a{
background-color: #2156A3;
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #fff;
border-bottom: 1px dotted white;
font-size: 11px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #FF9632;
color: #2156A3;
border-bottom: 1px dotted white;
font-size: 11px;
}

/* menu gauche, liens texte */
#gauche {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FF9632;
}

#gauche a {
text-decoration: none;
color: #FF9632;
}

#gauche a:hover {
text-decoration: none;
color: #2156A3;
}

#footer {
background-color: #2156A3;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
}

#footer a {
color: #fff;
}

#footer a:hover {
text-decoration: none;
color: #FF9632;
}

p {margin: 0 10px 0 10px;}

/* menu gauche*/

ul#menu
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
margin: 0 ;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
font-weight: bold;
font-size: 13px;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 192px ;
line-height: 20px ;
color: #fff ;
text-indent: 10px ; /* On décale le texte de 10px du bord gauche */
text-decoration: none ;
background: url(images/boutons.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul#menu li a:hover
{
font-weight: bold;
font-size: 13px;
background: url(images/boutons.gif) no-repeat 0 -20px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #fff ;
}


/*
*	Styles pour le menu déroulant
*/
#nav, #nav ul {
	padding: 0;
	margin: 0;
        margin-top:-2px;
	list-style: none;
	width: 100%;
}
#nav a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	/*text-decoration:none;*/
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
}
#navOn {
	/*background-color: #FFD173;*/
}
#navOn a {
	color: #ffffff;
}
#navOn ul li a {
	color: #ffffff;
}
#nav li {
        float:left;
	text-align: center;
	border-left: solid 1px #ffffff;
}
#nav li ul {
        padding-top:6px;
	position: absolute;
	left: -999em;
	width: 180px;
	text-align: left;
	border-collapse: collapse;
}
#nav li ul li {
	margin-top: 0px;
	border: solid 1px #ffffff;
	width: 180px;
	background-color: #2156A3;
	text-align: left;
}
#nav li ul a {
	width: 178px;
        height:14px;
}
#nav li ul a:hover {
	color: #ffffff;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul li:hover, #navOn ul li:hover, #nav li ul li.sfhover, #navOn ul li.sfhover {
  background-color:#FF9632;
}

#nav li.last {
	border-right: solid 1px #ffffff;
}
