body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
}
a {
color: #000000;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#menu,
#enteteGauche,
#sousRubriques,
#partenaires,
#urgences,
#meteo,
#footer {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
clear: both;
height: 100px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
height: 25px;
padding: 10px 0px 0px 0px;
margin: 10px 0px 15px 0px;
color: #000;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
#filariane a {
color: #000;
}
body.bodyaccueil #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- GAUCHE ---*/
body.bodyaccueil #gauche {
display: none;
}
#gauche {
float: left;
width: 20%;
padding: 0px 0px 0px 0px;
}
#gauche p.titre {
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gauche #coordonnees {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gauche #coordonnees p {
margin: 5px 0px 5px 0px;
font-size: x-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;
}
body.bodyaccueil #zoneCentre {
width: 100%;
}
#zoneCentre {
float: right;
width: 75%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*--  ACCUEIL  --*/
/*---------------------*/
/*--- EDITO ---*/
body.bodyaccueil #inter #accGauche #edito {
margin: 20px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 100%;
border-top: 1px solid #666666;
}
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: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 100%;
border-top: 1px solid #666666;
}
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 #actus h2 {
color: #a4c300;
font-size: large;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 100%;
border-top: 1px solid #666666;
}
body.bodyaccueil #inter #actus p {
float: left;
clear: both;
width: 100%;
}
body.bodyaccueil #inter #actus p img {
float: right;
border-right: 8px solid #BC0606;
}
body.bodyaccueil #inter #actus p strong a {
color: #a4c300;
text-decoration: none;
}
body.bodyaccueil #inter #actus p strong a:hover {
text-decoration: underline overline;
}
body.bodyaccueil #inter #actus p.toutesactus {
font-size: x-small;
font-weight: bold;
padding-left: 5px;
}
body.bodyaccueil #inter #actus p.toutesactus a {
text-decoration: none;
color: #BC0606;
padding-left: 8px;
}
body.bodyaccueil #inter #actus p.toutesactus a:hover {
text-decoration: underline;
}
#inter {
float: left;
width: 100%;
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: 7px 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 {
color: #d32907;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
}
#inter p {
margin: 7px 0px 7px 0px;
}
#inter ul {
margin: 7px 0px 7px 20px;
}
#inter ul li {
padding-left: 8px;
list-style: disc;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
list-style: square;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  FOCUS  ---*/
#interFocus {
float: left;
width: 100%;
padding: 10px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
border-top: 1px solid #666666;
}
#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: 100%;
padding: 10px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
border-top: 1px solid #666666;
}
#interLiensUtiles p.titre {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
}
#interLiensUtiles #contentLiensUtiles {
float: left;
color: #666666;
padding: 0px 0px 0px 10px;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 5px;
font-size: x-small;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#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;
}
