body {
margin: 0;
padding: 0;
background-color: #dedede;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
/*background-image: url(fond_haut_accueil.jpg);*/
background-repeat: no-repeat;
background-position: top;
}
body.body01 { background-image: url(fond_haut_accueil.jpg); }
body.body02 { background-image: url(fond_haut_accueil.jpg); }
body.body03 { background-image: url(fond_haut_histoire.jpg); }
body.body04 { background-image: url(fond_haut_accueil.jpg); }
body.body05 { background-image: url(fond_haut_accueil.jpg); }
body.body06 { background-image: url(fond_haut_accueil.jpg); }

a {
color: #000000;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOND ---*/
#fond {
float: left;
width: 100%;
background-image: url(fond_bas.gif);
background-repeat: no-repeat;
background-position: bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 950px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 950px;
float: left;
position: relative;
background-color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
float: left;
width: 950px;
height: 183px;
padding: 0px 0px 0px 0px;
background-image: url(fond_haut_accueil.jpg);
background-repeat: no-repeat;
background-position: top;
}
body.body01 #header { background-image: url(fond_haut_accueil.jpg); }
body.body02 #header { background-image: url(fond_haut_accueil.jpg); }
body.body03 #header { background-image: url(fond_haut_histoire.jpg); }
body.body04 #header { background-image: url(fond_haut_accueil.jpg); }
body.body05 #header { background-image: url(fond_haut_accueil.jpg); }
body.body06 #header { background-image: url(fond_haut_accueil.jpg); }

#header img.logo {
margin-top: 33px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
width: 935px;
height: 36px;
float: left;
padding: 0px 0px 0px 15px;
background-image: url(fond_menu.gif);
background-repeat: repeat-x;
z-index: 999999;
}
#menu a {
text-decoration: none;
}
#menu ul {
 
}
#menu ul li {
float: left;
position: relative;
z-index: 999999;
}
#menu ul li.lien01,
#menu ul li.lien03,
#menu ul li.lien04,
#menu ul li.lien05,
#menu ul li.lien06 {
padding-left: 2px;
background-image: url(separateurs_menu.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#menu ul li a {
display: block;
float: left;
padding: 10px 10px 0px 10px;
height: 24px;
}
#menu ul li.lien01 a {
color: #a4c300;
}
#menu ul li.lien01 a:hover {
border-bottom: 2px solid #a4c300;
}
#menu ul li.lien02 a {
color: #59a4f0;
}
#menu ul li.lien02 a:hover {
border-bottom: 2px solid #59a4f0;
}
#menu ul li.lien03 a {
color: #f29400;
}
#menu ul li.lien03 a:hover {
border-bottom: 2px solid #f29400;
}
#menu ul li.lien04 a {
color: #c50050;
}
#menu ul li.lien04 a:hover {
border-bottom: 2px solid #c50050;
}
#menu ul li.lien05 a {
color: #9135c1;
}
#menu ul li.lien05 a:hover {
border-bottom: 2px solid #9135c1;
}
#menu ul li.lien06 a {
color: #d32907;
}
#menu ul li.lien06 a:hover {
border-bottom: 2px solid #d32907;
}
#menu ul li.lienMairie {
background-image: url(fond_bout_mairie.gif);
background-repeat: no-repeat;
margin-left: 20px;
}
#menu ul li.lienMaisonEcritures {
background-image: url(fond_bout_maison_ecritures.gif);
background-repeat: no-repeat;
background-position: right top;
}
#menu ul li.lienMairie a,
#menu ul li.lienMaisonEcritures a {
padding: 10px 15px 0px 15px;
color: #FFFFFF;
height: 26px;
}
#menu ul li.lienMairie a {
background-image: url(fond_droite_bout_mairie.gif);
background-repeat: no-repeat;
background-position: right;
}
#menu ul li.lienMaisonEcritures a {
background-image: url(fond_gauche_bout_maison_ecritures.gif);
background-repeat: no-repeat;
background-position: left;
}
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*--  NIVEAU 2  --*/
#menu ul li ul {
display: none;
position: absolute;
top: 36px;
left: 2px;
width: 135px;
padding: 5px 8px 5px 8px;
background-color: #FFFFFF;
border: 1px solid #B4B4B4;
z-index: 999999;
}
#menu ul li ul li {
float: none;
}
#menu ul li ul li a {
padding: 2px 0px 2px 15px;
height: auto;
width: 120px;
float: none;
}
#menu ul li.lien01 ul li a {
color: #646464;
background-image: url(puce_sous_rub_01.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien01 ul li a:hover {
border-bottom: none;
background-color: #a4c300;
color: #FFFFFF;
background-position: 8px -200px;
}
#menu ul li.lien02 ul li a {
color: #646464;
background-image: url(puce_sous_rub_02.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien02 ul li a:hover {
border-bottom: none;
background-color: #59a4f0;
color: #FFFFFF;
background-position: 8px -200px;
}
#menu ul li.lien03 ul li a {
color: #646464;
background-image: url(puce_sous_rub_03.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien03 ul li a:hover {
border-bottom: none;
background-color: #f29400;
color: #FFFFFF;
background-position: 8px -200px;
}
#menu ul li.lien04 ul li a {
color: #646464;
background-image: url(puce_sous_rub_04.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien04 ul li a:hover {
border-bottom: none;
background-color: #c50050;
color: #FFFFFF;
background-position: 8px -200px;
}
#menu ul li.lien05 ul li a {
color: #646464;
background-image: url(puce_sous_rub_05.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien05 ul li a:hover {
border-bottom: none;
background-color: #9135c1;
color: #FFFFFF;
background-position: 8px -200px;

}
#menu ul li.lien06 ul li a {
color: #646464;
background-image: url(puce_sous_rub_06.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
#menu ul li.lien06 ul li a:hover {
border-bottom: none;
background-color: #d32907;
color: #FFFFFF;
background-position: 8px -200px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
float: left;
width: 950px;
padding: 35px 0px 0px 0px;
background-image: none;
}
#content {
float: left;
width: 950px;
padding: 0px 0px 0px 0px;
background-image: url(fond_content.gif);
background-repeat: no-repeat;
background-position: left top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 920px;
height: 25px;
padding: 10px 30px 0px 0px;
color: #000;
text-align:right;
background-image: url(fond_fil_ariane.gif);
background-repeat: no-repeat;
background-position: right center;
background-color: #FFFFFF;
}
body.bodygenerique #filariane {
left: 0px;
}
#filariane a {
color: #000;
}
body.bodyaccueil #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- GAUCHE ---*/
body.bodyaccueil #gauche {
display: none;
}
#gauche {
float: left;
width: 175px;
padding: 0px 0px 0px 25px;
background-repeat: no-repeat;
background-position: 0px 7px;
}
body.body05 #enteteGauche,
body.bodygenerique #enteteGauche {
display: none;
}
#gauche p.titre {
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gauche #sousRubriques {
float: left;
padding: 0px 0px 10px 0px;
margin: 10px 0px 15px 0px;
}
#gauche #sousRubriques ul {
float: left;
width: 150px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#gauche #sousRubriques ul li a {
padding: 2px 0px 2px 15px;
height: auto;
display: block;
width: 135px;
float: none;
text-decoration: none;
}
body.body01 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_01.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body01 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #a4c300;
color: #FFFFFF;
background-position: 8px -200px;
}
body.body02 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_02.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body02 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #59a4f0;
color: #FFFFFF;
background-position: 8px -200px;
}
body.body03 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_03.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body03 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #f29400;
color: #FFFFFF;
background-position: 8px -200px;
}
body.body04 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_04.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body04 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #c50050;
color: #FFFFFF;
background-position: 8px -200px;
}
body.body05 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_05.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body05 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #9135c1;
color: #FFFFFF;
background-position: 8px -200px;
}
body.body06 #gauche #sousRubriques ul li a {
color: #646464;
background-image: url(puce_sous_rub_06.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}
body.body06 #gauche #sousRubriques ul li a:hover {
border-bottom: none;
background-color: #d32907;
color: #FFFFFF;
background-position: 8px -200px;
}
#gauche #coordonnees {
float: left;
margin: 0px 0px 0px -25px;
padding: 0px 15px 0px 25px;
background-repeat: no-repeat;
background-position: 0px 7px;
}
body.body01 #gauche,
body.body01 #gauche #coordonnees {
background-image: url(motif_gauche_01.gif);
}
body.body02 #gauche,
body.body02 #gauche #coordonnees {
background-image: url(motif_gauche_02.gif);
}
body.body03 #gauche,
body.body03 #gauche #coordonnees {
background-image: url(motif_gauche_03.gif);
}
body.body04 #gauche,
body.body04 #gauche #coordonnees {
background-image: url(motif_gauche_04.gif);
}
body.body05 #gauche,
body.body05 #gauche #coordonnees {
background-image: url(motif_gauche_05.gif);
}
body.body06 #gauche,
body.body06 #gauche #coordonnees,
body.bodygenerique #gauche #coordonnees {
background-image: url(motif_gauche_06.gif);
}
#gauche #coordonnees p {
margin: 5px 0px 5px 0px;
font-size: small;
}
#gauche #coordonnees p.titre {
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.body01 #gauche p.titre,
body.body01 #zoneCentre #focus p.titre,
body.body01 #zoneCentre #liensUtiles p.titre {
color: #a4c300;
}
body.body02 #gauche p.titre,
body.body02 #zoneCentre #focus p.titre,
body.body02 #zoneCentre #liensUtiles p.titre {
color: #59a4f0;
}
body.body03 #gauche p.titre,
body.body03 #zoneCentre #focus p.titre,
body.body03 #zoneCentre #liensUtiles p.titre {
color: #f29400;
}
body.body04 #gauche p.titre,
body.body04 #zoneCentre #focus p.titre,
body.body04 #zoneCentre #liensUtiles p.titre {
color: #c50050;
}
body.body05 #gauche p.titre,
body.body05 #zoneCentre #focus p.titre,
body.body05 #zoneCentre #liensUtiles p.titre {
color: #9135c1;
}
body.body06 #gauche p.titre,
body.bodygenerique #gauche p.titre,
body.bodygenerique #zoneCentre #focus p.titre,
body.body06 #zoneCentre #focus p.titre,
body.bodygenerique #zoneCentre #liensUtiles p.titre,
body.body06 #zoneCentre #liensUtiles p.titre {
color: #d32907;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE CENTRALE ---*/
body.bodyaccueil #zoneCentre {
 float: left;
width: 760px;
padding: 0px 0px 0px 0px;
}
#zoneCentre {
float: left;
width: 540px;
padding: 0px 10px 0px 10px;
line-height: 18px;
background-image:url(fond_inter.gif);
background-repeat: repeat-y;
background-position: left top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*--  ACCUEIL  --*/
body.bodyaccueil #inter {
float: left;
width: 760px;
padding: 0px 0px 10px 0px;
}
body.bodyaccueil #inter #accGauche {
float: left;
width: 400px;
}
/*---------------------*/
/*--- EDITO ---*/
body.bodyaccueil #inter #accGauche #edito {
margin: 0px 0px 0px 0px;
padding: 0px 15px 30px 45px;
background-image: url(fond_edito.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
body.bodyaccueil #inter #accGauche #edito h2 {
color: #d32907;
font-size: large;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}
body.bodyaccueil #inter #accGauche #edito p {
margin: 5px 0px 5px 0px;
}
/*---------------------*/
/*--- COORDONNEES ---*/
body.bodyaccueil #inter #accGauche #coordonnees {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 45px;
background-image: url(fond_coordonnees.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
body.bodyaccueil #inter #accGauche #coordonnees p {
margin: 5px 0px 5px 0px;
}
body.bodyaccueil #inter #accGauche #coordonnees p.titre {
font-size: large;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
color: #c50050;
}
/*---------------------*/
/*--- ACTUS ---*/
body.bodyaccueil #inter #contentActus {
float: right;
width: 330px;
padding: 0px 15px 0px 15px;
background-image: url(fond_actus.gif);
background-repeat: repeat-x;
}

/*** UNE ACTUS DEROULANTE ***/
body.bodyaccueil #inter #actus {
float: right;
width: 330px;
padding: 0;
margin: 0;
height: 360px;
position: relative;
}
body.bodyaccueil #inter #actus h2 {
color: #a4c300;
font-size: large;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
body.bodyaccueil #inter #actus div {
float: left;
padding: 0;
margin: 0;
width: 330px;
}
body.bodyaccueil #inter #actus div.commandes {
float: left;
width: 108px;
height: 7px;
margin-top:290px;
padding: 5px 0px 5px 0px;
}
body.bodyaccueil #inter #actus div.commandes a {
margin: 0;
}
body.bodyaccueil #inter #actus div.commandes img {
margin: 0px 0px 0px 0px;
float: left;
}
body.bodyaccueil #inter #actus div #actuList {
position:absolute; 
top:45px;
width: 330px;
clip:rect(0, 330px, 280px, 0);
height: auto;
padding: 0;
background: none;
}
body.bodyaccueil #inter #actus div #actuList p {
float: left;
clear: both;
font-style:italic;
font-size:0.8em;
line-height:1.3em;
width: 330px;
height: 60px;
overflow: hidden;
}
body.bodyaccueil #inter #actus div #actuList p img {
margin: 5px 10px 0px 0px;
float: right;
}
body.bodyaccueil #inter #actus div #actuList p a {
text-decoration: none;
}
body.bodyaccueil #inter #actus div #actuList p strong a {
color: #a4c300;
text-decoration: none;
}
body.bodyaccueil #inter #actus div #actuList p strong a:hover {
text-decoration: underline;
}
p.toutesactus {
float: left;
padding: 0px 0px 10px 0px;
}
p.toutesactus a.voiractus {
color: #bc0606;
font-size: x-small;
font-style: italic;
text-decoration: none;
background-image: url(fond_edito.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding: 0px 0px 0px 40px;
}
p.toutesactus a.voiractus:hover {
text-decoration: underline;
}
div.actuLigne {
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #d3de97;
}
div.actuLigne strong a {
text-decoration: none;
color: #a4c300;
}
div.actuLigne strong a:hover {
text-decoration: underline;
}
/*----------------------------------------*/
#inter {
float: left;
width: 540px;
padding: 0px 0px 0px 0px;
line-height: 18px;
}
#inter p.rappelRub {
margin: 0px 0px 20px 0px;
}
#inter h2,
#inter h2 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #646464;
line-height: 20px;
}
#inter h3,
#inter h3 a {
font-size: medium;
font-style: italic;
font-weight: normal;
margin: 20px 0px 7px 0px;
padding: 0px 0px 0px 10px;
line-height: 20px;
}
body.body01 #inter h3,
body.body01 #inter h3 a {
color: #a4c300;
}
body.body02 #inter h3,
body.body02 #inter h3 a {
color: #59a4f0;
}
body.body03 #inter h3,
body.body03 #inter h3 a {
color: #f29400;
}
body.body04 #inter h3,
body.body04 #inter h3 a {
color: #c50050;
}
body.body05 #inter h3,
body.body05 #inter h3 a {
color: #9135c1;
}
body.body06 #inter h3,
body.body06 #inter h3 a,
body.bodygenerique #inter h3,
body.bodygenerique #inter h3 a {
color: #d32907;
}
#inter h4,
#inter h4 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
}
#inter p {
margin: 7px 0px 7px 0px;
text-align:justify;
}
#inter ul {
margin: 7px 0px 7px 20px;
}
#inter ul li {
list-style: disc;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
list-style: square;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  FOCUS  ---*/
#interFocus {
float: left;
width: 540px;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
background-image: url(fond_bas_focus.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#interFocus p.titre {
margin: 0px 0px 0px 0px;
}
#interFocus #contentFocus {
float: left;
background-color: #e6e6e6;
color: #666666;
width: 520px;
padding: 10px 10px 10px 10px;
}
#interFocus #contentFocus p {
margin: 7px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LIENS UTILES  ---*/
#interLiensUtiles {
float: left;
width: 540px;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
}
#interLiensUtiles p.titre {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
display: block;
float: left;
width: 100px;
}
#interLiensUtiles #contentLiensUtiles {
float: left;
color: #666666;
width: 430px;
padding: 0px 0px 0px 10px;
background-image: url(fond_liens_utiles.gif);
background-repeat: repeat-y;
}
#interLiensUtiles #contentLiensUtiles p,
#interLiensUtiles #contentLiensUtiles ul {
margin: 7px 0px 7px 0px;
width: 430px;
}
#interLiensUtiles #contentLiensUtiles ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 4px 0px;
width: 430px;
color: #666666;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#interLiensUtiles #contentLiensUtiles ul li a {
display: block;
height: auto;
width: 430px;
color: #666666;
text-decoration: none;
}
body.body01 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #a4c300;
}
body.body02 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #59a4f0;
}
body.body03 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #f29400;
}
body.body04 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #c50050;
}
body.body05 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #9135c1;
}
body.body06 #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #d32907;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 154px;
padding: 0px 20px 10px 10px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
#right p {
margin: 7px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PARTENAIRES ---*/
#right #partenaires {
float: left;
width: 134px;
padding: 0px 10px 10px 10px;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin: 0px 0px 10px 0px;
}
#right #partenaires img {
float: left;
margin: 0px 5px 5px 5px;
}
#right #partenaires p {
margin: 0px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- URGENCES ---*/
#right #urgences {
float: left;
width: 134px;
padding: 0px 10px 10px 10px;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin: 0px 0px 10px 0px;
line-height: 15px;
}
#right #urgences p {
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- METEO ---*/
#right #meteo {
float: left;
width: 120px;
padding: 0px 10px 10px 24px;
}
#right #meteo p {
margin: 0px 0px 0px 0px;
}
#right #meteo table,
#right #meteo table th,
#right #meteo table td {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 5px;
font-size: x-small;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 950px;
height: 80px;
font-size: x-small;
padding: 60px 0px 0px 0px;
color:#7d7d7d;
}
#footer a {
text-decoration: none;
color:#7d7d7d;
}
#footer ul {
text-align:center;
}
#footer ul {
clear: both;
float: left;
width: 950px;
padding: 30px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 215px;
}
body.bodygenerique #hautpage {
float: left;
padding-left: 15px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 10px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #d32907;
}
div.coul02, .bleu, .coul02 {
color: #59a4f0;
}
div.coul03, .violet, .coul03 {
color: #9135c1;
}
div.coul04, .fuscia, .coul04 {
color: #c50050;
}
div.coul05, .orange, .coul05 {
color: #f29400;
}
div.coul06, .vert, .coul06 {
color: #a4c300;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #d32907;
}
img.bord02, .bordureBleue {
border: 1px solid #59a4f0;
}
img.bord03, .bordureViolete {
border: 1px solid #9135c1;
}
img.bord04, .bordureFuscia {
border: 1px solid #c50050;
}
img.bord05, .bordureOrange {
border: 1px solid #f29400;
}
img.bord06, .bordureVerte {
border: 1px solid #a4c300;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
body.body01 table, body.body02 table {
margin-top:10px;
}
body.body01 th,
body.body01 td {
border: 1px solid #a4c300;
padding: 3px;
vertical-align: top;
font-size:small;
}
body.body01 th {
background-color: #a4c300;
color: #FFFFFF;
font-weight:bold;
font-size:small;
}
body.body02 th,
body.body02 td {
border: 1px solid #59a4f0;
padding: 3px;
vertical-align: top;
font-size:small;
}
body.body02 th {
background-color: #59a4f0;
color: #FFFFFF;
font-weight:bold;
font-size:small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {

}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
font-weight: normal;
text-decoration: none;
}
#inter #plandusite h3.plan01 a {
color: #a4c300;
}
#inter #plandusite h3.plan02 a {
color: #59a4f0;
}
#inter #plandusite h3.plan03 a {
color: #f29400;
}
#inter #plandusite h3.plan04 a {
color: #c50050;
}
#inter #plandusite h3.plan05 a {
color: #9135c1;
}
#inter #plandusite h3.plan06 a {
color: #d32907;
}
#plandusite ul {
padding: 0px 0px 5px 30px;
margin: 7px 50px 7px 20px;
font-weight: bold;
}
#plandusite ul.listeplan01 {
border-bottom: 1px solid #a4c300;
}
#plandusite ul.listeplan02 {
border-bottom: 1px solid #59a4f0;
}
#plandusite ul.listeplan03 {
border-bottom: 1px solid #f29400;
}
#plandusite ul.listeplan04 {
border-bottom: 1px solid #c50050;
}
#plandusite ul.listeplan05 {
border-bottom: 1px solid #9135c1;
}
#plandusite ul.listeplan06 {
border-bottom: 1px solid #d32907;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}
#map { width:500px; height:300px; border:1px solid #000; }