body  { font: 13px arial, sans-serif;  margin: 0px;color:#28528E }
.texte_accueil{font-size: 15px}
td{color:#28528E;font: 13px arial, sans-serif; }
.petit  { color: #3a3a14; font: italic 11px arial, sans-serif }

a {color: #FB812E; font: bold 12px arial, sans-serif;text-decoration:none}
a:hover {color: #FB812E; font: bold 12px arial, sans-serif;text-decoration:underline}

.a_menu {color: #134B71; font: bold 16px arial, sans-serif;text-decoration:none}
.a_menu:hover {color: #134B71; font: bold 16px arial, sans-serif;text-decoration:underline}

.titre_tableau{color:#3A3A14;font: bold 25px arial, sans-serif}

h1 {
font: bold 22px arial, sans-serif;
color: #FB812E;
}


h2 { color: #28528e; font: bold 15px arial, sans-serif }
#menu1{display:block}
#menu1on{display:none}
#menu2{display:block}
#menu2on{display:none}
#menu7{display:block}
#menu7on{display:none}
#menu3{display:block}
#menu3on{display:none}
#menu4{display:block}
#menu4on{display:none}
#menu5{display:block}
#menu5on{display:none}
#menu6{display:block}
#menu6on{display:none}


.citation, ombre, ombre2  { font: bold 30px arial, sans-serif; margin: 0px; padding: 0px }
.citation {
position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN correctement */
top: -1px; /* on décale le titre */
left: -1px;
color: gray;
}

#calquetitre       { position: absolute; top: 18px; left: 246px;  visibility: visible; display: block }
#calquesoustitre      { position: absolute; top: 73px; left: 256px; width: 400px; visibility: visible; display: block }
#calquecontact  { position: absolute; top: 29px; left: 688px; width: 100px; height: 33px; visibility: visible; display: block }
#calquevisiteur      { position: absolute; top: 61px; left: 769px; width: 119px; height: 27px; visibility: visible; display: block }
#calquefond { float: right; top: 40px; left: 8px; width: 405px; height: 633px; visibility: visible; display: block }
#calquecontenu { background-color: white; position: absolute; top: 132px; left: 217px; width: 641px; height: 456px; visibility: visible; display: block;background: url(images/fond/156.jpg) no-repeat top center; }
#calquemenu  { position: absolute; top: 132px; left: 0px; width: 195px; height: 447px; visibility: visible; display: block }
#calquetableau{float:right;width:150 px}
#calquesousmenu  { background-color: #ffd; position: absolute; z-index: 10; top: 137px; left: 193px; width: 150px; visibility: hidden; display: block;text-aling:center }
#calquelogo { position: absolute; top: 7px; left: 35px; width: 146px; height: 110px; visibility: visible; display: block }
#calquecontenu { position: absolute; top: 132px; left: 217px; width: 641px; height: 456px; visibility: visible; display: block }
#rollover1 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu1on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;

}
#rollover1:hover {
     background: url(../images/titre2/menu1off.gif);
}
#rollover2 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu2on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover2:hover {
     background: url(../images/titre2/menu2off.gif);
}
#rollover3 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu3on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover3:hover {
     background: url(../images/titre2/menu3off.gif);
}
#rollover4 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu4on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover4:hover {
     background: url(../images/titre2/menu4off.gif);
}
#rollover5 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu5on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover5:hover {
     background: url(../images/titre2/menu5off.gif);
}
#rollover6 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu6on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover6:hover {
     background: url(../images/titre2/menu6off.gif);
}
#rollover7 {
     width: 195px;
     height: 29px;
     background: url(../images/titre2/menu7on.gif);
     background-repeat: no-repeat;
     background-position: top left;
     border: 0;
     display: block;
}
#rollover7:hover {
     background: url(../images/titre2/menu7off.gif);
}