body {
margin: 0;
padding: 0;
background-position: left;
background-attachment: fixed;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #FF5500;
}
a {
color: #0000FF;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
table { border-collapse: collapse }
 
-----------------------------------------------------------------

/*--- Site réalisé  ---*/
#siterea {
width: 180px;
height: 85px;
background-image: url(fdsiterea.jpg);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 10px 10px 5px 10px;
color: #FFFFFF;
}
#siterea a {
color: #330000;
}
#siterea h4 {
width: 163px;
height: 11px;
background-image: url(siterea.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#siterea h4 span {
display: none;
}
#siterea p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
 *--- DERNIERE REALISATION  ---*/
#drea {
width: 180px;
height: 85px;
background-image: url(fdsiterea.jpg);
background-repeat: no-repeat;
margin: 0px 0px 20px 0px;
padding: 10px 10px 5px 10px;
color: #FFFFFF;
}
#drea a {
color: #330000;
}
#drea h4 {
width: 163px;
height: 11px;
background-image: url(fdsiterea.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#drea h4 span {
display: none;
}
#derniererea p {
margin: 5px 0px 5px 0px;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: 62px;
left: 765px;
color: #001E31;
font-size: x-small;
}
#raccourcis ul li {
float: left;
padding: 0px 3px 0px 0px;
}
#raccourcis ul li a {
display: block;
width: 45px;
padding: 32px 0px 0px 0px;
text-decoration: none;
text-align: left;
color: #001E31;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche {
display: none;
}
#raccourcis ul li.racaide a {
height: 46px;
background-image: url(bout_aide.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.racaide a:hover {
background-position: 0px -130px;
color: #CC0000;
height: 56px;
padding: 22px 0px 0px 0px;
}
#raccourcis ul li.racplan {
margin: 10px 0px 0px 0px;
}
#raccourcis ul li.racplan a {
height: 36px;
background-image: url(bout_plan.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.racplan a:hover {
background-position: 0px -110px;
color: #CC0000;
height: 46px;
padding: 22px 0px 0px 0px;
}
#raccourcis ul li.raccontact {
margin: 20px 0px 0px 0px;
}
#raccourcis ul li.raccontact a {
height: 26px;
background-image: url(bout_contact.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#raccourcis ul li.raccontact a:hover {
background-position: 0px -100px;
color: #CC0000;
height: 36px;
padding: 22px 0px 0px 0px;
}
 ----------------------------------------------------------------------------------------------------------*/
/*--- MENU Armand CARVAL ---*/
#menu {
float: center;
margin: 0px 3px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu a {
text-decoration: none;
}
/*--  MENU PREMIER NIVEAU  --*/
#menu ul li {
float: left;
padding: 0px 3px 0px 0px;
font-size: medium;
}
#menu ul li a {
display: block;
width: 80px;
height: 40px;
padding: 5px 14px 0px 0px;
background-repeat: no-repeat;
line-height: 20px;
color: #0000FF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lienaccueil {
padding: 0px 10px 0px 0px;
margin: 50px 0px 0px 0px;
}
#menu ul li.lienaccueil a {
width: 40px;
height: 20px;
padding: 0px 0px 0px 0px;
background-image: url(boutarma.gif);
}
#menu ul li.lienaccueil a:hover,
body.bodyaccueil #menu ul li.lienaccueil a {
background-position: 0px -150px;
}
#menu ul li.lienaccueil a span {
display: none;
}
#menu ul li.lien01 a {
background-image: url(boutarma1.gif);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a,
body.body01 #menu ul li.lien01 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien02 a {
background-image: url(boutarma.gif);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
body.body02 #menu ul li.lien02 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien03 a {
background-image: url(boutmus.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a,
body.body03 #menu ul li.lien03 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien04 a {
background-image: url(boutliv.gif);
}
#menu ul li.lien04 a:hover ,
#menu ul li.lien04_on a,
body.body03 #menu ul li.lien04 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien05 a {
background-image: url(boutxt.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a,
body.body04 #menu ul li.lien05 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien06 a {
background-image: url(boutem.gif);
}
#menu ul li.lien06 a:hover,
#menu ul li.lien06_on a,
body.body05 #menu ul li.lien06 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px
}
#menu ul li.lien07 a:hover,
#menu ul li.lien07_on a,
body.body04 #menu ul li.lien07 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien07 a {
background-image: url(boutsites.gif);
}
#menu ul li.lien08 a:hover,
#menu ul li.lien08_on a,
body.body04 #menu ul li.lien08 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien08 a {
background-image: url(boutprat.gif);
}
#menu ul li.lien09 a:hover,
#menu ul li.lien09_on a,
body.body04 #menu ul li.lien09 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien09 a {
background-image: url(boutlien.gif);
}
#menu ul li.lien10 a:hover,
#menu ul li.lien10_on a,
body.body04 #menu ul li.lien10 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu ul li.lien10 a {
background-image: url(boutcon.gif);
}
/*--  MENU SECOND NIVEAU  --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul,
body.body01 #menu ul li.lien01 ul,
body.body02 #menu ul li.lien02 ul,
body.body03 #menu ul li.lien03 ul,
body.body04 #menu ul li.lien04 ul,
body.body05 #menu ul li.lien05 ul,
body.body06 #menu ul li.lien06 ul,
body.body07 #menu ul li.lien07 ul,
body.body08 #menu ul li.lien08 ul,
body.body09 #menu ul li.lien09 ul,
body.body10 #menu ul li.lien10 ul {
display: block;
position: absolute;
top: 180px;
margin : center;
z-index: 999999;
}
#menu ul li.on ul li,
body.body01 #menu ul li.lien01 ul li,
body.body02 #menu ul li.lien02 ul li,
body.body03 #menu ul li.lien03 ul li,
body.body04 #menu ul li.lien04 ul li,
body.body05 #menu ul li.lien05 ul li,
body.body06 #menu ul li.lien06 ul li,
body.body07 #menu ul li.lien07 ul li,
body.body08 #menu ul li.lien08 ul li,
body.body09 #menu ul li.lien09 ul li,
body.body10 #menu ul li.lien10 ul li {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: normal;
background-repeat: no-repeat;
background-position: right bottom;
}
#menu ul li.on ul li a,
body.body01 #menu ul li.lien01 ul li a,
body.body02 #menu ul li.lien02 ul li a,
body.body03 #menu ul li.lien03 ul li a,
body.body04 #menu ul li.lien04 ul li a,
body.body05 #menu ul li.lien05 ul li a,
body.body06 #menu ul li.lien06 ul li a,
body.body07 #menu ul li.lien07 ul li a,
body.body08 #menu ul li.lien08 ul li a,
body.body09 #menu ul li.lien09 ul li a,
body.body10 #menu ul li.lien10 ul li a  {
display: block;
width: 183px;
height: auto;
padding: 0px 0px 1px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu ul li.on ul li a:hover {
display: block;
width: 170px;
height: auto;
padding: 0px 0px 3px 18px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu ul li.lien01_on ul li,
body.body01 #menu ul li.lien01 ul li {
background-image: url(lignor.gif);
color: #0000FF;
}
#menu ul li.lien01_on ul li a,
body.body01 #menu ul li.lien01 ul li a {
background-image: url(flecheor.gif);
color: #0000FF;
font-weight: normal;
}
#menu ul li.lien01_on ul li a:hover,
body.body01 #menu ul li.lien01 ul li a:hover  {
color: #FF5500;
font-weight: bold;
}
#menu ul li.lien02_on ul li,
body.body02 #menu ul li.lien02 ul li {
background-image: url(liump.gif);
color: #0A599E;
}
#menu ul li.lien02_on ul li a,
body.body02 #menu ul li.lien02 ul li a {
background-image: url(flecheump.gif);
color: #0000FF;
font-weight: normal;
}
#menu ul li.lien02_on ul li a:hover,
body.body02 #menu ul li.lien02 ul li a:hover  {
color: #FF5500;
font-weight: bold;
}
#menu ul li.lien03_on ul li,
body.body03 #menu ul li.lien03 ul li {
background-image: url(lisere_menu_violet.gif);
color: #330066;
}
#menu ul li.lien03_on ul li a,
body.body03 #menu ul li.lien03 ul li a {
background-image: url(puce_menu_violete.gif);
color: #330066;
font-weight: normal;
}
#menu ul li.lien03_on ul li a:hover,
body.body03 #menu ul li.lien03 ul li a:hover {
color: #330033;
font-weight: bold;
}
#menu ul li.lien04_on ul li,
body.body04 #menu ul li.lien04 ul li {
background-image: url(livert.gif);
color: #336600;
}
#menu ul li.lien04_on ul li a,
body.body04 #menu ul li.lien04 ul li a  {
background-image: url(flechevrt.gif);
color: #336600;
font-weight: normal;
}
#menu ul li.lien04_on ul li a:hover,
body.body04 #menu ul li.lien04 ul li a:hover  {
color: #003300;
font-weight: bold;
}
#menu ul li.lien05_on ul li,
body.body05 #menu ul li.lien05 ul li {
background-image: url(lirouge.gif);
color: #660000;
}
#menu ul li.lien05_on ul li a,
body.body05 #menu ul li.lien05 ul li a {
background-image: url(flecherouge.gif);
color: #660000;
font-weight: normal;
}
#menu ul li.lien05_on ul li a:hover,
body.body05 #menu ul li.lien05 ul li a:hover  {
color: #330000;
font-weight:bold;
}
/*--- menu2 ---*/
#menu2 {
float: center;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu2 a {
text-decoration: none;
}
/*--  menu2 PREMIER NIVEAU  --*/
#menu2 ul li {
float: left;
padding: 0px 1px 0px 0px;
font-size: medium;
}
#menu2 ul li a {
display: block;
width: 80px;
height: 40px;
padding: 5px 14px 0px 0px;
background-repeat: no-repeat;
line-height: 25px;
color: #FFFFFF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu2 ul li.lienaccueil {
padding: 0px 10px 0px 0px;
margin: 50px 0px 0px 0px;
}
#menu2 ul li.lienaccueil a {
width: 40px;
height: 20px;
padding: 0px 0px 0px 0px;
background-image: url(boutump.jpg);
}
#menu2 ul li.lienaccueil a:hover,
body.bodyaccueil #menu2 ul li.lienaccueil a {
background-position: 0px -150px;
}
#menu2 ul li.lienaccueil a span {
display: none;
}
#menu2 ul li.lien01 a {
background-image: url(boutump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien01 a:hover,
#menu2 ul li.lien01_on a,
body.body01 #menu2 ul li.lien01 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien02 a {
background-image: url(boutentump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien02 a:hover,
#menu2 ul li.lien02_on a,
body.body02 #menu2 ul li.lien02 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien03 a {
background-image: url(boutproump.jpg);
}
#menu2 ul li.lien03 a:hover,
#menu2 ul li.lien03_on a,
body.body03 #menu2 ul li.lien03 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien04 a {
background-image: url(boutserump.jpg);
}
#menu2 ul li.lien04 a:hover ,
#menu2 ul li.lien04_on a,
body.body03 #menu2 ul li.lien04 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien05 a {
background-image: url(boutpromoump.jpg);
}
#menu2 ul li.lien05 a:hover,
#menu2 ul li.lien05_on a,
body.body04 #menu2 ul li.lien05 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien06 a {
background-image: url(boutrefump.jpg);
}
#menu2 ul li.lien06 a:hover,
#menu2 ul li.lien06_on a,
body.body05 #menu2 ul li.lien06 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px
}
#menu2 ul li.lien07 a:hover,
#menu2 ul li.lien07_on a,
body.body04 #menu2 ul li.lien07 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien07 a {
background-image: url(boutregump.jpg);
}
#menu2 ul li.lien08 a:hover,
#menu2 ul li.lien08_on a,
body.body04 #menu2 ul li.lien08 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien08 a {
background-image: url(boutlienump.jpg);
}
#menu2 ul li.lien09 a:hover,
#menu2 ul li.lien09_on a,
body.body04 #menu2 ul li.lien09 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien09 a {
background-image: url(boutsiteump.jpg);
}
#menu2 ul li.lien10 a:hover,
#menu2 ul li.lien10_on a,
body.body04 #menu2 ul li.lien10 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu2 ul li.lien10 a {
background-image: url(boutconump.jpg);
}
/*--  menu2 SECOND NIVEAU  --*/
#menu2 ul li ul {
display: none;
}
#menu2 ul li.on ul,
body.body01 #menu2 ul li.lien01 ul,
body.body02 #menu2 ul li.lien02 ul,
body.body03 #menu2 ul li.lien03 ul,
body.body04 #menu2 ul li.lien04 ul,
body.body05 #menu2 ul li.lien05 ul,
body.body06 #menu2 ul li.lien06 ul,
body.body07 #menu2 ul li.lien07 ul,
body.body08 #menu2 ul li.lien08 ul,
body.body09 #menu2 ul li.lien09 ul,
body.body10 #menu2 ul li.lien10 ul {
display: block;
position: absolute;
top: 88px;
left: 140px;
z-index: 999999;
}
#menu2 ul li.on ul li,
body.body01 #menu2 ul li.lien01 ul li,
body.body02 #menu2 ul li.lien02 ul li,
body.body03 #menu2 ul li.lien03 ul li,
body.body04 #menu2 ul li.lien04 ul li,
body.body05 #menu2 ul li.lien05 ul li,
body.body06 #menu2 ul li.lien06 ul li,
body.body07 #menu2 ul li.lien07 ul li,
body.body08 #menu2 ul li.lien08 ul li,
body.body09 #menu2 ul li.lien09 ul li,
body.body10 #menu2 ul li.lien10 ul li {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: small;
background-repeat: no-repeat;
background-position: right bottom;
}
#menu2 ul li.on ul li a,
body.body01 #menu2 ul li.lien01 ul li a,
body.body02 #menu2 ul li.lien02 ul li a,
body.body03 #menu2 ul li.lien03 ul li a,
body.body04 #menu2 ul li.lien04 ul li a,
body.body05 #menu2 ul li.lien05 ul li a,
body.body06 #menu2 ul li.lien06 ul li a,
body.body07 #menu2 ul li.lien07 ul li a,
body.body08 #menu2 ul li.lien08 ul li a,
body.body09 #menu2 ul li.lien09 ul li a,
body.body10 #menu2 ul li.lien10 ul li a  {
display: block;
width: 181px;
height: auto;
padding: 0px 0px 1px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #0000FF;
}
#menu2 ul li.on ul li a:hover {
display: block;
width: 170px;
height: auto;
padding: 0px 0px 1px 18px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu2 ul li.lien01_on ul li,
body.body01 #menu2 ul li.lien01 ul li {
background-image: url(lignor.gif);
color: #FF5500;
}
#menu2 ul li.lien01_on ul li a,
body.body01 #menu2 ul li.lien01 ul li a {
background-image: url(flecheor.gif);
color: #FF5500;
font-weight: normal;
}
#menu2 ul li.lien01_on ul li a:hover,
body.body01 #menu2 ul li.lien01 ul li a:hover  {
color: #0000FF;
font-weight: bold;
}
#menu2 ul li.lien02_on ul li,
body.body02 #menu2 ul li.lien02 ul li {
background-image: url(liump.gif);
color: #0A599E;
}
#menu2 ul li.lien02_on ul li a,
body.body02 #menu2 ul li.lien02 ul li a {
background-image: url(flecheump.gif);
color: #006699;
font-weight: normal;
}
#menu2 ul li.lien02_on ul li a:hover,
body.body02 #menu2 ul li.lien02 ul li a:hover  {
color: #003366;
font-weight: bold;
}
#menu2 ul li.lien03_on ul li,
body.body03 #menu2 ul li.lien03 ul li {
background-image: url(liVio.gif);
color: #330066;
}
#menu2 ul li.lien03_on ul li a,
body.body03 #menu2 ul li.lien03 ul li a {
background-image: url(flechevio.gif);
color: #330066;
font-weight: normal;
}
#menu2 ul li.lien03_on ul li a:hover,
body.body03 #menu2 ul li.lien03 ul li a:hover {
color: #330033;
font-weight: bold;
}
#menu2 ul li.lien04_on ul li,
body.body04 #menu2 ul li.lien04 ul li {
background-image: url(lisere_menu2_vert.gif);
color: #336600;
}
#menu2 ul li.lien04_on ul li a,
body.body04 #menu2 ul li.lien04 ul li a  {
background-image: url(puce_menu2_verte.gif);
color: #336600;
font-weight: normal;
}
#menu2 ul li.lien04_on ul li a:hover,
body.body04 #menu2 ul li.lien04 ul li a:hover  {
color: #003300;
font-weight: bold;
}
#menu2 ul li.lien05_on ul li,
body.body05 #menu2 ul li.lien05 ul li {
background-image: url(lisere_menu2_rouge.gif);
color: #660000;
}
#menu2 ul li.lien05_on ul li a,
body.body05 #menu2 ul li.lien05 ul li a {
background-image: url(puce_menu2_rouge.gif);
color: #660000;
font-weight: normal;
}
#menu2 ul li.lien05_on ul li a:hover,
body.body05 #menu2 ul li.lien05 ul li a:hover  {
color: #330000;
font-weight:bold;
}
/*--- menu3 ---*/
#menu3 {
float: center;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu3 a {
text-decoration: none;
}
/*--  menu3 PREMIER NIVEAU  --*/
#menu3 ul li {
float: left;
padding: 0px 1px 0px 0px;
font-size: medium;
}
#menu3 ul li a {
display: block;
width: 80px;
height: 40px;
padding: 5px 14px 0px 0px;
background-repeat: no-repeat;
line-height: 25px;
color: #FFFFFF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu3 ul li.lienaccueil {
padding: 0px 10px 0px 0px;
margin: 50px 0px 0px 0px;
}
#menu3 ul li.lienaccueil a {
width: 40px;
height: 20px;
padding: 0px 0px 0px 0px;
background-image: url(boutump.jpg);
}
#menu3 ul li.lienaccueil a:hover,
body.bodyaccueil #menu3 ul li.lienaccueil a {
background-position: 0px -310px;
}
#menu3 ul li.lienaccueil a span {
display: none;
}
#menu3 ul li.lien01 a {
background-image: url(boutump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien01 a:hover,
#menu3 ul li.lien01_on a,
body.body01 #menu3 ul li.lien01 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien02 a {
background-image: url(boutentump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien02 a:hover,
#menu3 ul li.lien02_on a,
body.body02 #menu3 ul li.lien02 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien03 a {
background-image: url(boutproump.jpg);
}
#menu3 ul li.lien03 a:hover,
#menu3 ul li.lien03_on a,
body.body03 #menu3 ul li.lien03 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien04 a {
background-image: url(boutserump.jpg);
}
#menu3 ul li.lien04 a:hover ,
#menu3 ul li.lien04_on a,
body.body03 #menu3 ul li.lien04 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien05 a {
background-image: url(boutpromoump.jpg);
}
#menu3 ul li.lien05 a:hover,
#menu3 ul li.lien05_on a,
body.body04 #menu3 ul li.lien05 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien06 a {
background-image: url(boutrefump.jpg);
}
#menu3 ul li.lien06 a:hover,
#menu3 ul li.lien06_on a,
body.body05 #menu3 ul li.lien06 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px
}
#menu3 ul li.lien07 a:hover,
#menu3 ul li.lien07_on a,
body.body04 #menu3 ul li.lien07 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien07 a {
background-image: url(boutregump.jpg);
}
#menu3 ul li.lien08 a:hover,
#menu3 ul li.lien08_on a,
body.body04 #menu3 ul li.lien08 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien08 a {
background-image: url(boutlienump.jpg);
}
#menu3 ul li.lien09 a:hover,
#menu3 ul li.lien09_on a,
body.body04 #menu3 ul li.lien09 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien09 a {
background-image: url(boutsiteump.jpg);
}
#menu3 ul li.lien10 a:hover,
#menu3 ul li.lien10_on a,
body.body04 #menu3 ul li.lien10 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu3 ul li.lien10 a {
background-image: url(boutconump.jpg);
}
/*--  menu3 SECOND NIVEAU  --*/
#menu3 ul li ul {
display: none;
}
#menu3 ul li.on ul,
body.body01 #menu3 ul li.lien01 ul,
body.body02 #menu3 ul li.lien02 ul,
body.body03 #menu3 ul li.lien03 ul,
body.body04 #menu3 ul li.lien04 ul,
body.body05 #menu3 ul li.lien05 ul,
body.body06 #menu3 ul li.lien06 ul,
body.body07 #menu3 ul li.lien07 ul,
body.body08 #menu3 ul li.lien08 ul,
body.body09 #menu3 ul li.lien09 ul,
body.body10 #menu3 ul li.lien10 ul {
display: block;
position: absolute;
top: 88px;
left: 250px;
z-index: 999999;
}
#menu3 ul li.on ul li,
body.body01 #menu3 ul li.lien01 ul li,
body.body02 #menu3 ul li.lien02 ul li,
body.body03 #menu3 ul li.lien03 ul li,
body.body04 #menu3 ul li.lien04 ul li,
body.body05 #menu3 ul li.lien05 ul li,
body.body06 #menu3 ul li.lien06 ul li,
body.body07 #menu3 ul li.lien07 ul li,
body.body08 #menu3 ul li.lien08 ul li,
body.body09 #menu3 ul li.lien09 ul li,
body.body10 #menu3 ul li.lien10 ul li {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: small;
background-repeat: no-repeat;
background-position: right bottom;
}
#menu3 ul li.on ul li a,
body.body01 #menu3 ul li.lien01 ul li a,
body.body02 #menu3 ul li.lien02 ul li a,
body.body03 #menu3 ul li.lien03 ul li a,
body.body04 #menu3 ul li.lien04 ul li a,
body.body05 #menu3 ul li.lien05 ul li a,
body.body06 #menu3 ul li.lien06 ul li a,
body.body07 #menu3 ul li.lien07 ul li a,
body.body08 #menu3 ul li.lien08 ul li a,
body.body09 #menu3 ul li.lien09 ul li a,
body.body10 #menu3 ul li.lien10 ul li a  {
display: block;
width: 181px;
height: auto;
padding: 0px 0px 1px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu3 ul li.on ul li a:hover {
display: block;
width: 170px;
height: auto;
padding: 0px 0px 1px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu3 ul li.lien01_on ul li,
body.body01 #menu3 ul li.lien01 ul li {
background-image: url(lignor.gif);
color: #663300;
}
#menu3 ul li.lien01_on ul li a,
body.body01 #menu3 ul li.lien01 ul li a {
background-image: url(flecheor.jpg);
color: #663300;
font-weight: normal;
}
#menu3 ul li.lien01_on ul li a:hover,
body.body01 #menu3 ul li.lien01 ul li a:hover  {
color: #330000;
font-weight: bold;
}
#menu3 ul li.lien02_on ul li,
body.body02 #menu3 ul li.lien02 ul li {
background-image: url(liump.gif);
color: #0A599E;
}
#menu3 ul li.lien02_on ul li a,
body.body02 #menu3 ul li.lien02 ul li a {
background-image: url(flecheump.gif);
color: #006699;
font-weight: normal;
}
#menu3 ul li.lien02_on ul li a:hover,
body.body02 #menu3 ul li.lien02 ul li a:hover  {
color: #003366;
font-weight: bold;
}
#menu3 ul li.lien03_on ul li,
body.body03 #menu3 ul li.lien03 ul li {
background-image: url(livio.gif);
color: #555555;
}
#menu3 ul li.lien03_on ul li a,
body.body03 #menu3 ul li.lien03 ul li a {
background-image: url(flechevio.gif);
color: #990099;
font-weight: normal;
}
#menu3 ul li.lien03_on ul li a:hover,
body.body03 #menu3 ul li.lien03 ul li a:hover {
color: #FF0000;
font-weight: bold;
}
#menu3 ul li.lien04_on ul li,
body.body04 #menu3 ul li.lien04 ul li {
background-image: url(lisere_menu3_vert.gif);
color: #336600;
}
#menu3 ul li.lien04_on ul li a,
body.body04 #menu3 ul li.lien04 ul li a  {
background-image: url(puce_menu3_verte.gif);
color: #336600;
font-weight: normal;
}
#menu3 ul li.lien04_on ul li a:hover,
body.body04 #menu3 ul li.lien04 ul li a:hover  {
color: #003300;
font-weight: bold;
}
#menu3 ul li.lien05_on ul li,
body.body05 #menu3 ul li.lien05 ul li {
background-image: url(lisere_menu3_rouge.gif);
color: #660000;
}
#menu3 ul li.lien05_on ul li a,
body.body05 #menu3 ul li.lien05 ul li a {
background-image: url(puce_menu3_rouge.gif);
color: #660000;
font-weight: normal;
}
#menu3 ul li.lien05_on ul li a:hover,
body.body05 #menu3 ul li.lien05 ul li a:hover  {
color: #330000;
font-weight:bold;
}
/*--- menu4 ---*/
#menu4 {
float: center;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu4 a {
text-decoration: none;
}
/*--  menu4 PREMIER NIVEAU  --*/
#menu4 ul li {
float: left;
padding: 0px 1px 0px 0px;
font-size: medium;
}
#menu4 ul li a {
display: block;
width: 80px;
height: 40px;
padding: 5px 14px 0px 0px;
background-repeat: no-repeat;
line-height: 25px;
color: #FFFFFF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu4 ul li.lienaccueil {
padding: 0px 10px 0px 0px;
margin: 50px 0px 0px 0px;
}
#menu4 ul li.lienaccueil a {
width: 40px;
height: 20px;
padding: 0px 0px 0px 0px;
background-image: url(boutump.jpg);
}
#menu4 ul li.lienaccueil a:hover,
body.bodyaccueil #menu4 ul li.lienaccueil a {
background-position: 0px -310px;
}
#menu4 ul li.lienaccueil a span {
display: none;
}
#menu4 ul li.lien01 a {
background-image: url(boutump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien01 a:hover,
#menu4 ul li.lien01_on a,
body.body01 #menu4 ul li.lien01 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien02 a {
background-image: url(boutentump.jpg);
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien02 a:hover,
#menu4 ul li.lien02_on a,
body.body02 #menu4 ul li.lien02 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien03 a {
background-image: url(boutproump.jpg);
}
#menu4 ul li.lien03 a:hover,
#menu4 ul li.lien03_on a,
body.body03 #menu4 ul li.lien03 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien04 a {
background-image: url(boutserump.jpg);
}
#menu4 ul li.lien04 a:hover ,
#menu4 ul li.lien04_on a,
body.body03 #menu4 ul li.lien04 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien05 a {
background-image: url(boutpromoump.jpg);
}
#menu4 ul li.lien05 a:hover,
#menu4 ul li.lien05_on a,
body.body04 #menu4 ul li.lien05 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien06 a {
background-image: url(boutrefump.jpg);
}
#menu4 ul li.lien06 a:hover,
#menu4 ul li.lien06_on a,
body.body05 #menu4 ul li.lien06 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px
}
#menu4 ul li.lien07 a:hover,
#menu4 ul li.lien07_on a,
body.body04 #menu4 ul li.lien07 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien07 a {
background-image: url(boutregump.jpg);
}
#menu4 ul li.lien08 a:hover,
#menu4 ul li.lien08_on a,
body.body04 #menu4 ul li.lien08 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien08 a {
background-image: url(boutlienump.jpg);
}
#menu4 ul li.lien09 a:hover,
#menu4 ul li.lien09_on a,
body.body04 #menu4 ul li.lien09 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien09 a {
background-image: url(boutsiteump.jpg);
}
#menu4 ul li.lien10 a:hover,
#menu4 ul li.lien10_on a,
body.body04 #menu4 ul li.lien10 a {
background-position: 0px -190px;
color: #FFFFFF;
font-weight: bold;
height: 40px;
padding: 5px 14px 0px 0px;
}
#menu4 ul li.lien10 a {
background-image: url(boutconump.jpg);
}
/*--  menu4 SECOND NIVEAU  --*/
#menu4 ul li ul {
display: none;
}
#menu4 ul li.on ul,
body.body01 #menu4 ul li.lien01 ul,
body.body02 #menu4 ul li.lien02 ul,
body.body03 #menu4 ul li.lien03 ul,
body.body04 #menu4 ul li.lien04 ul,
body.body05 #menu4 ul li.lien05 ul,
body.body06 #menu4 ul li.lien06 ul,
body.body07 #menu4 ul li.lien07 ul,
body.body08 #menu4 ul li.lien08 ul,
body.body09 #menu4 ul li.lien09 ul,
body.body10 #menu4 ul li.lien10 ul {
display: block;
position: absolute;
top: 44px;
left: 185px;
z-index: 999999;
}
#menu4 ul li.on ul li,
body.body01 #menu4 ul li.lien01 ul li,
body.body02 #menu4 ul li.lien02 ul li,
body.body03 #menu4 ul li.lien03 ul li,
body.body04 #menu4 ul li.lien04 ul li,
body.body05 #menu4 ul li.lien05 ul li,
body.body06 #menu4 ul li.lien06 ul li,
body.body07 #menu4 ul li.lien07 ul li,
body.body08 #menu4 ul li.lien08 ul li,
body.body09 #menu4 ul li.lien09 ul li,
body.body10 #menu4 ul li.lien10 ul li {
float: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size: small;
background-repeat: no-repeat;
background-position: right bottom;
}
#menu4 ul li.on ul li a,
body.body01 #menu4 ul li.lien01 ul li a,
body.body02 #menu4 ul li.lien02 ul li a,
body.body03 #menu4 ul li.lien03 ul li a,
body.body04 #menu4 ul li.lien04 ul li a,
body.body05 #menu4 ul li.lien05 ul li a,
body.body06 #menu4 ul li.lien06 ul li a,
body.body07 #menu4 ul li.lien07 ul li a,
body.body08 #menu4 ul li.lien08 ul li a,
body.body09 #menu4 ul li.lien09 ul li a,
body.body10 #menu4 ul li.lien10 ul li a  {
display: block;
width: 181px;
height: auto;
padding: 0px 0px 1px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #990099;
}
#menu4 ul li.on ul li a:hover {
display: block;
width: 170px;
height: auto;
padding: 0px 0px 3px 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 20px;
color: #333A4C;
}
#menu4 ul li.lien01_on ul li,
body.body01 #menu4 ul li.lien01 ul li {
background-image: url(lignor.gif);
color: #663300;
}
#menu4 ul li.lien01_on ul li a,
body.body01 #menu4 ul li.lien01 ul li a {
background-image: url(flecheor.gif);
color: #663300;
font-weight: normal;
}
#menu4 ul li.lien01_on ul li a:hover,
body.body01 #menu4 ul li.lien01 ul li a:hover  {
color: #330000;
font-weight: bold;
}
#menu4 ul li.lien02_on ul li,
body.body02 #menu4 ul li.lien02 ul li {
background-image: url(liump.gif);
color: #0A599E;
}
#menu4 ul li.lien02_on ul li a,
body.body02 #menu4 ul li.lien02 ul li a {
background-image: url(flecheump.gif);
color: #006699;
font-weight: normal;
}
#menu4 ul li.lien02_on ul li a:hover,
body.body02 #menu4 ul li.lien02 ul li a:hover  {
color: #003366;
font-weight: bold;
}
#menu4 ul li.lien03_on ul li,
body.body03 #menu4 ul li.lien03 ul li {
background-image: url(lisere_menu4_violet.gif);
color: #330066;
}
#menu4 ul li.lien03_on ul li a,
body.body03 #menu4 ul li.lien03 ul li a {
background-image: url(puce_menu4_violete.gif);
color: #330066;
font-weight: normal;
}
#menu4 ul li.lien03_on ul li a:hover,
body.body03 #menu4 ul li.lien03 ul li a:hover {
color: #330033;
font-weight: bold;
}
#menu4 ul li.lien04_on ul li,
body.body04 #menu4 ul li.lien04 ul li {
background-image: url(livert.gif);
color: #993300;
}
#menu4 ul li.lien04_on ul li a,
body.body04 #menu4 ul li.lien04 ul li a  {
background-image: url(flechevrt.gif);
color: #993300;
font-weight: normal;
}
#menu4 ul li.lien04_on ul li a:hover,
body.body04 #menu4 ul li.lien04 ul li a:hover  {
color: #00FF00;
font-weight: bold;
}
#menu4 ul li.lien05_on ul li,
body.body05 #menu4 ul li.lien05 ul li {
background-image: url(lisere_menu4_rouge.gif);
color: #660000;
}
#menu4 ul li.lien05_on ul li a,
body.body05 #menu4 ul li.lien05 ul li a {
background-image: url(puce_menu4_rouge.gif);
color: #660000;
font-weight: normal;
}
#menu4 ul li.lien05_on ul li a:hover,
body.body05 #menu4 ul li.lien05 ul li a:hover  {
color: #330000;
font-weight:bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIEN ACTIF SUR CSS ---*/

#navcontainer li#active 
{ 
background-color: #f0b000 ; 
color: #ffffff ; 
} 

#navcontainer li#active a:link 
{ 
background-color: #f0b000 ; 
color: #ffffff ; 
} 

#navcontainer li#active a:visited 
{ 
background-color: #f0b000 ; 
color: #ffffff ; 
} 


/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 960px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
width: 960px;
padding: 0px 25px 0px 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
 

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
font-size: x-small;
width: 260px;
height: 18px;
color: #006188;
padding: 15px 0px 0px 225px;
text-align: right;
}
body.bodygenerique #filariane {
width: 480px;
}
#filariane a {
color: #006188;
}
body.bodyaccueil #filariane {
display: none;
}
body.bodyExtranet #filariane {
width: 460px;
}