body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
background-color: #FFFFFF;
}
a {
color: #333333;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#menu,
#footer,
#raccourcis,
#header img.baseLine {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width: 100%;
clear: both;
float: left;
border-bottom: 1px solid #022b5f;
margin-bottom: 10px;
}
#header img.logo {
float: left;
margin: 0px 0px 0px 0px;
}
#header h1 {
float: left;
color: #022b5f;
margin: 12px 0px 0px 20px;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px -10px;
}
body.bodygenerique #filariane {
color: #82bc1a;
}
body.body02 #filariane {
color: #ffae00;
}
body.body03 #filariane {
color: #2dabf5;
}
body.body04 #filariane {
color: #d50070;
}
#filariane a {
color: #095fa0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*--  ACCUEIL  --*/
body.bodyaccueil #inter {
float: left;
width: 730px;
padding: 20px 0px 30px 0px;
border-left: none;
margin: 0px 0px 0px 0px;
}
body.bodyaccueil #inter #accueilGauche {
float: left;
width: 350px;
}
/*---------------------*/
/*--- EDITO ---*/
body.bodyaccueil #inter #accueilGauche #edito {
margin: 0px 0px 0px 0px;
padding: 0px 15px 30px 15px;
background-image: url(fond_edito.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
body.bodyaccueil #inter #accueilGauche #edito h2 {
color: #d50070;
font-size: medium;
margin: 0px 0px 0px 0px;
padding: 2px 0px 10px 0px;
background-image: url(fond_titre_edito.gif);
background-repeat: no-repeat;
background-position: 300px center;
}
body.bodyaccueil #inter #accueilGauche #edito p {
margin: 5px 0px 5px 0px;
}
/*---------------------*/
/*--- COORDONNEES ---*/
body.bodyaccueil #inter #accueilGauche #coordonnees {
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background-image: url(fond_coordonnes_accueil.jpg);
background-repeat: no-repeat;
background-position: 0px 6px;
}
body.bodyaccueil #inter #accueilGauche #coordonnees p {
margin: 5px 0px 5px 0px;
}
body.bodyaccueil #inter #accueilGauche #coordonnees p.titre {
font-size: medium;
margin: 0px 0px 0px 0px;
padding: 2px 0px 10px 0px;
background-image: url(fond_titre_coordonnes.gif);
background-repeat: no-repeat;
background-position: 133px center;
color: #2dabf5;
}
/*---------------------*/
/*--- ACTUS ---*/
body.bodyaccueil #inter #actus {
float: right;
width: 310px;
padding: 0px 25px 0px 25px;
background-image: url(fond_actus.jpg);
background-repeat: no-repeat;
}
body.bodyaccueil #inter #actus h2 {
color: #0096b1;
font-size: medium;
margin: 0px 0px 0px 0px;
padding: 2px 0px 10px 0px;
background-image: url(fond_titre_actus.gif);
background-repeat: no-repeat;
background-position: 80px center;
}
body.bodyaccueil #inter #actus p {
float: left;
clear: both;
width: 100%;
font-size: small;
padding: 0px 0px 10px 0px;
line-height:1.1em;
color: #095fa0;
border-bottom: 1px solid #97d8e4;
}
body.bodyaccueil #inter #actus p strong a {
color: #ffae00;
text-decoration: none;
margin-bottom:10px;
}
body.bodyaccueil #inter #actus p strong a:hover {
text-decoration: underline;
}
body.bodyaccueil #inter #actus p.toutesactus {
font-size: x-small;
font-weight: bold;
border-bottom: none;
}
body.bodyaccueil #inter #actus p.toutesactus a {
text-decoration: none;
color: #0096b1;
display: block;
padding: 3px 15px 3px 5px;
background-color: #FFFFFF;
width: 130px;
background-image: url(puce_plus.gif);
background-repeat: no-repeat;
background-position: right center;
}
body.bodyaccueil #inter #actus p.toutesactus a:hover {
text-decoration: underline;
}
#inter {
padding: 0px 0px 0px 20px;
line-height: 15px;
border-left: 1px solid #b2dfe7;
margin-top: 20px;
}
#inter h2,
#inter h2 a {
font-size: large;
margin: 0px 0px 20px 0px;
padding: 0;
line-height: 20px;
}
body.bodygenerique #inter h2,
body.bodygenerique #inter h2 a {
color: #82bc1a;
}

body.body02 #inter h2,
body.body02 #inter h2 a {
color: #ffae00;
}
body.body03 #inter h2,
body.body03 #inter h2 a {
color: #2dabf5;
}
body.body04 #inter h2,
body.body04 #inter h2 a {
color: #d50070;
}
#inter h3,
#inter h3 a {
font-size: medium;
font-style: italic;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 10px;
line-height: 20px;
color: #0297b2;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #022b5f;
font-weight: normal;
}
#inter p {
margin: 7px 0px 7px 0px;
text-align:justify;
}
#inter ul {
margin: 7px 0px 7px 0px;
}
/*--- PAGE TOUTES LES ACTUS ---*/
div.actuLigne {
float: left;
clear: both;
width: 100%;
font-size: small;
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #97d8e4;
}
div.actuLigne strong a {
color: #ffae00;
text-decoration: none;
}
div.actuLigne strong a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  FOCUS  ---*/
#interFocus {
width: 100%;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
}
#interFocus p.titre {
margin: 0px 0px 0px 0px;
color: #0096b1;
font-weight: bold;
}
#interFocus #contentFocus {
border: 1px solid #e2faff;
color: #0096b1;
padding: 10px 10px 10px 10px;
}
#interFocus #contentFocus p {
margin: 7px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LIENS UTILES  ---*/
#interLiensUtiles {
width: 100%;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
}
#interLiensUtiles p.titre {
margin: 0px 0px 0px 0px;
color: #0096b1;
font-weight: bold;
}
#interLiensUtiles #contentLiensUtiles {
padding: 0px 0px 0px 20px;
background-repeat: repeat-y;
}
#interLiensUtiles #contentLiensUtiles p,
#interLiensUtiles #contentLiensUtiles ul {
margin: 7px 0px 7px 0px;
width: 680px;
}
#interLiensUtiles #contentLiensUtiles ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 4px 0px;
width: 680px;
border-bottom: 2px solid #c7edf4;
}
#interLiensUtiles #contentLiensUtiles ul li a {
display: block;
height: auto;
width: 680px;
text-decoration: none;
}
body.bodygenerique #interLiensUtiles #contentLiensUtiles ul li a {
color: #82bc1a;
}
body.body02 #interLiensUtiles #contentLiensUtiles ul li a {
color: #ffae00;
}
body.body03 #interLiensUtiles #contentLiensUtiles ul li a {
color: #2dabf5;
}
body.body04 #interLiensUtiles #contentLiensUtiles ul li a {
color: #d50070;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right {
padding: 32px 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 5px;
font-size: x-small;
border: 1px solid #333333;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*---------------------*/
/*--- COORDONNEES ---*/
#right #coordonnees {
margin: 10px 0px 0px 0px;
padding: 10px;
border: 6px solid #e2faff;
}
#right #coordonnees p {
margin: 5px 0px 5px 0px;
font-size: x-small;
}
#right #coordonnees p.titre {
font-size: small;
margin: 0px 0px 0px 0px;
padding: 5px 0px 10px 0px;
color: #2dabf5;
}
/*--- TEXTE ---*/
div.coul01, .violet, .coul01 {
color: #d50070;
}
div.coul02, .orange, .coul02 {
color: #ffae00;
}
div.coul03, .bleu, .coul03 {
color: #2dabf5;
}
div.coul04, .vert, .coul04 {
color: #82bc1a;
}
div.coul05, .gris, .coul05 {
color: #999999;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureViolete {
border: 1px solid #d50070;
}
img.bord02, .bordureOrange {
border: 1px solid #ffae00;
}
img.bord03, .bordureBleue {
border: 1px solid #2dabf5;
}
img.bord04, .bordureVerte {
border: 1px solid #82bc1a;
}
img.bord05, .bordureGrise {
border: 1px solid #999999;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
margin-top:10px;
}
th,
td {
border: 1px solid #022b5f;
padding: 3px;
vertical-align: top;
}
th {
background-color: #022b5f;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 30px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
text-decoration: none;
font-style: normal;
font-weight: normal;
}
#plandusite h3.plan01 a {
color: #82bc1a;
}
#plandusite h3.plan02 a {
color: #ffae00;
}
#plandusite h3.plan03 a {
color: #2dabf5;
}
#plandusite h3.plan04 a {
color: #d50070;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul.listeplan01 {
border-bottom: 1px solid  #82bc1a;
}
#plandusite ul.listeplan02 {
border-bottom: 1px solid  #ffae00;
}
#plandusite ul.listeplan03 {
border-bottom: 1px solid  #2dabf5;
}
#plandusite ul.listeplan04 {
border-bottom: 1px solid  #d50070;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
text-decoration: none;
}