body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #FFFFFF;
background-image: url(fond_haut.jpg);
background-repeat: no-repeat;
background-position: top;
line-height: 1.5em;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:block;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 980px;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width: 980px;
height: 200px;
position: relative;
float: left;
clear: both;
background-image: url(fond_haut.jpg);
background-repeat: no-repeat;
background-position: top;
}
#header #logo {
position: absolute;
top: 79px;
left: 0px
}
#header #logoAuxerre {
position: absolute;
top: 113px;
left: 765px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 980px;
padding: 18px 0px 0px 0px;
float: right;
background-image: url(fond_content.gif);
background-repeat: repeat-y;
background-position: right top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
height: 12px;
padding: 4px 0px 0px 0px;
}
body.bodyaccueil #filariane {
display: none;
}
body.accueil #filariane {
display: none;
}
#filariane a {

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width: 495px;
padding: 0px 0px 15px 0px;
float: left;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  7px 0px 7px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
background:url(puce1.jpg) left 7px no-repeat;
padding-left:18px;
}
#inter ul ul li {
background:url(puce2.jpg) left 7px no-repeat;
padding-left:18px;
}
body.bodyaccueil #inter #edito {
background-image: url(fond_edito.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #inter #edito h2 {
font-size: x-large;
font-weight: normal;
color: #4084ab;
margin: 10px 0px 15px 0px;
padding:  0px 0px 0px 0px;
}
body #inter h2 {
font-size: xx-large;
font-weight: normal;
margin: 25px 0px 15px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body #inter h3 {
font-size: x-large;
font-weight: normal;
margin: 10px 0px 15px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body #inter h4 {
font-size: medium;
text-transform: uppercase;
margin: 10px 0px 15px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body #inter h5 {
font-size: medium;
font-weight: normal;
margin: 10px 0px 10px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
body.body01 #inter h2,
body.body01 #inter h2 a,
body.body01 #inter h3,
body.body01 #inter h3 a,
body.body01 #inter h4,
body.body01 #inter h4 a,
body.body01 #inter h5,
body.body01 #inter h5 a  {
color: #669900;
}
body.body02 #inter h2,
body.body02 #inter h2 a,
body.body02 #inter h3,
body.body02 #inter h3 a,
body.body02 #inter h4,
body.body02 #inter h4 a,
body.body02 #inter h5,
body.body02 #inter h5 a {
color: #ce2008;
}
body.body03 #inter h2,
body.body03 #inter h2 a,
body.body03 #inter h3,
body.body03 #inter h3 a,
body.body03 #inter h4,
body.body03 #inter h4 a,
body.body03 #inter h5,
body.body03 #inter h5 a {
color: #ff9900;
}
body.body04 #inter h2,
body.body04 #inter h2 a,
body.body04 #inter h3,
body.body04 #inter h3 a,
body.body04 #inter h4,
body.body04 #inter h4 a,
body.body04 #inter h5,
body.body04 #inter h5 a {
color: #796699;
}
body.bodyGenerique #inter h2,
body.bodyGenerique #inter h2 a,
body.bodyGenerique #inter h3,
body.bodyGenerique #inter h3 a,
body.bodyGenerique #inter h4,
body.bodyGenerique #inter h4 a,
body.bodyGenerique #inter h5,
body.bodyGenerique #inter h5 a {
color: #4084ab;
}
/*--------------------------------------------------*/
/*--  ZONE COMMENTAIRE  --*/
#inter #comment {
padding: 5px 5px 10px 5px;
border: 1px solid #ff9900;
margin: 20px 0px 0px 0px;
}
body #inter #comment form {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
width: 200px;
float: right;
padding: 0px 59px 20px 0px;
}
#right #postIt #contentPostIt {
width: 180px;
float: left;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}
#right #postIt #contentPostIt h3 {
font-size: x-large;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding:  0px 0px 0px 0px;
border-bottom: 1px solid #b1b096;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#contentFooter {
width: 100%;
height: 325px;
float: left;
text-align: center;
background-image: url(bas_page.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#footer {
width: 980px;
margin: auto;
text-align: left;
color: #3c5505;
font-size: x-small;
font-weight: bold;
background-image: url(bas_page.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#footer a {
color: #3c5505;
text-decoration: none;
}
#footer ul {
clear: both;
line-height: 1.3em;
padding: 195px 0px 0px 710px;
}
body.bodyaccueil #contentFooter {
background-position: center 27px;
}
body.bodyaccueil #footer {
background-position: center 27px;
}
body.bodyaccueil #footer ul {
clear: both;
padding: 152px 0px 20px 710px;
}
body.bodyaccueil #footer #slideQuais {
margin: 0px 0px 0px 10px;
position: relative;
}
body.bodyaccueil #footer #slideQuais img.infoDefil {
position: absolute;
top: -89px;
left: 23px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
text-transform: uppercase;
float: left;
padding: 0px 0px 0px 395px;
line-height: 1.2em;
}
#hautpage a {
color: #e00b0b;
padding: 8px 0px 7px 20px;
display: block;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
font-weight: normal;
}
body.bodyaccueil #hautpage a {
position: absolute;
top: -5000px;
left: -5000px;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
text-transform: uppercase;
float: left;
padding: 0px 0px 0px 250px;
width: 80px;
line-height: 1.2em;
}
#imprimpage a {
color: #FFFFFF;
display: block;
padding: 5px 0px 10px 35px;
background-image: url(puce_imprimer.gif);
background-repeat: no-repeat;
font-weight: normal;
}
body.bodyaccueil #imprimpage a {
position: absolute;
top: -5000px;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #ce2008;
}
div.coul02, .bleu, .coul02 {
color: #4084ab;
}
div.coul03, .violet, .coul03 {
color: #796699;
}
div.coul04, .orange, .coul04 {
color: #ff9900;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #ce2008;
}
img.bord02, .bordureBleue {
border: 1px solid #4084ab;
}
img.bord03, .bordureViolette {
border: 1px solid #796699;
}
img.bord04, .bordureOrange {
border: 1px solid #ff9900;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #92835d;
padding: 3px;
vertical-align: top;
}
th {
background-color: #cec2a2;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#inter #plandusite h3 {
font-size: x-large;
font-weight: normal;
margin: 20px 0px 5px 0px;
padding:  0px 0px 0px 0px;
clear: both;
}
#inter #plandusite h3 a {
text-decoration: none;
}
#inter #plandusite h3.plan01 a {
color: #669900;
}
#inter #plandusite h3.plan02 a {
color: #ce2008;
}
#inter #plandusite h3.plan03 a {
color: #ff9900;
}
#inter #plandusite h3.plan04 a {
color: #796699;
}
#inter #plandusite ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
font-weight: bold;
}
#inter #plandusite ul li ul {
border-bottom: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-weight: normal;
}
#inter #plandusite ul li a {
text-decoration: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#inter #plandusite ul.listeplan01 li a {
color: #669900;
}
#inter #plandusite ul.listeplan02 li a {
color: #ce2008;
}
#inter #plandusite ul.listeplan03 li a {
color: #ff9900;
}
#inter #plandusite ul.listeplan04 li a {
color: #796699;
}
#inter #plandusite ul li a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px;
}