body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
background-image: url(back-body.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #022b5f;
}
a {
color: #333333;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible,
h1,
#raccourcis {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 950px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 950px;
float: left;
position: relative;
background-color: #FFFFFF;
background-image: url(fond_total.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
float: left;
width: 950px;
height: 191px;
padding: 0px 0px 0px 0px;
background-image: url(fond_header.jpg);
background-repeat: no-repeat;
background-position: top;
}
#header img.logo {
float: left;
margin: 12px 0px 0px 24px;
}
#header img.baseLine {
float: left;
margin: 120px 0px 0px 400px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 935px;
height: 35px;
padding: 0px 0px 0px 15px;
background-image: url(fond_menu.gif);
background-repeat: repeat-x;
z-index: 999999;
text-align: left;
}
#menu a {
text-decoration: none;
}
#menu ul {
/*width: 950px;*/
padding: 0px 0px 0px 0px;
text-align: left;
}
#menu ul li {
float: left;
position: relative;
padding: 0px 1px 0px 0px;
background-image: url(fond_lien_droit.gif);
background-repeat: no-repeat;
background-position: right top;
}
#menu ul li.finMenu {
background-image: none;
}
#menu ul li a {
display: block;
float: left;
padding: 7px 20px 3px 20px;
height: 22px;
font-weight: bold;
}
#menu ul li.lien01 a {
color: #FFFFFF;
}
#menu ul li.lien01 a:hover {
border-bottom: 3px solid #82bc1a;
}
#menu ul li.lien02 a {
color: #FFFFFF;
background-image: url(fond_lien02_gauche.gif);
background-repeat: no-repeat;
background-position: left top;
}
#menu ul li.lien02 a:hover {
border-bottom: 3px solid #ffae00;
}
#menu ul li.lien03 a {
color: #FFFFFF;
background-image: url(fond_lien03_gauche.gif);
background-repeat: no-repeat;
background-position: left top;
}
#menu ul li.lien03 a:hover {
border-bottom: 3px solid #2dabf5;
}
#menu ul li.lien04 a {
color: #FFFFFF;
background-image: url(fond_lien04_gauche.gif);
background-repeat: no-repeat;
background-position: left top;
}
#menu ul li.lien04 a:hover {
border-bottom: 3px solid #d50070;
}
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*--  NIVEAU 2  --*/
#menu ul li ul {
display: none;
position: absolute;
top: 32px;
left: 0px;
width: 135px;
padding: 5px 8px 5px 8px;
background-color: #FFFFFF;
z-index: 999999;
}
#menu ul li.lien02 ul {
border: 1px solid #ffae00;
border-top: 3px solid #ffae00;
background-color:#ffae00;
}
#menu ul li.lien03 ul {
border: 1px solid #2dabf5;
border-top: 3px solid #2dabf5;
background-color:#2dabf5;
}
#menu ul li.lien04 ul {
border: 1px solid #d50070;
border-top: 3px solid #d50070;
background-color:#d50070;
}
#menu ul li ul li {
float: none;
background-image: none;
}
#menu ul li ul li a {
padding: 2px 0px 2px 15px;
height: auto;
width: 120px;
float: none;
}
#menu ul li.lien02 ul li a {
color: #FFFFFF;
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: #FFFFFF;
color: #ffae00;
background-position: 8px -200px;
}
#menu ul li.lien03 ul li a {
color: #FFFFFF;
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: #FFFFFF;
color: #2dabf5;
background-position: 8px -200px;
}
#menu ul li.lien04 ul li a {
color: #FFFFFF;
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: #FFFFFF;
color: #d50070;
background-position: 8px -200px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 925px;
padding: 0px 0px 0px 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 925px;
height: 25px;
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;
}
body.bodyaccueil #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE CENTRE ---*/
#zoneCentre {
float: left;
width: 700px;
padding-right: 20px;
border-right: 6px solid #e2faff;
}
body.bodyaccueil #zoneCentre {
border-right: none;
width: 730px;
padding-right: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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 {
float: left;
width: 680px;
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;
padding: 0px 0px 0px 30px;
}
#inter ul li {
padding-left: 8px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodygenerique #inter ul li {
background-image: url(puce_verte.gif);
}
body.body02 #inter ul li {
background-image: url(puce_orange.gif);
}
body.body03 #inter ul li {
background-image: url(puce_bleue.gif);
}
body.body04 #inter ul li {
background-image: url(puce_violete.gif);
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
}
/*--- 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 {
float: left;
width: 700px;
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;
background-image: url(fond_titre_actus.gif);
background-repeat: no-repeat;
background-position: 50px center;
}
#interFocus #contentFocus {
float: left;
background-color: #e2faff;
color: #0096b1;
width: 680px;
padding: 10px 10px 10px 10px;
}
#interFocus #contentFocus p {
margin: 7px 0px 7px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LIENS UTILES  ---*/
#interLiensUtiles {
float: left;
width: 700px;
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;
background-image: url(fond_titre_actus.gif);
background-repeat: no-repeat;
background-position: 80px center;
}
#interLiensUtiles #contentLiensUtiles {
float: left;
width: 680px;
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: 430px;
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 ---*/
#right {
float: right;
width: 160px;
padding: 0px 20px 10px 10px;
}
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;
float: left;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*---------------------*/
/*--- COORDONNEES ---*/
#right #coordonnees {
float: left;
width: 160px;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border-top: 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;
background-image: url(fond_titre_coordonnes.gif);
background-repeat: no-repeat;
background-position: 110px center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 950px;
font-size: x-small;
padding: 15px 0px 5px 0px;
color:#FFFFFF;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#footer a {
text-decoration: none;
color:#FFFFFF;
}
#footer ul {
text-align:center;
}
#footer ul {
clear: both;
float: left;
width: 950px;
padding: 0px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding: 0px 0px 30px 30px;
}
#hautpage a {
display: block;
width: 80px;
height: 18px;
padding: 3px 20px 0px 5px;
color: #FFFFFF;
background-image: url(fond_puces_bas.gif);
background-repeat: no-repeat;
background-position: right center;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding: 0px 0px 30px 100px;
}
#imprimpage a {
display: block;
width: 85px;
height: 18px;
padding: 3px 20px 0px 5px;
color: #FFFFFF;
background-image: url(fond_puces_bas.gif);
background-repeat: no-repeat;
background-position: right center;
}
/*--- 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;
}
#inter #plandusite ul.listeplan01 li {
background-image: url(puce_verte.gif);
}
#plandusite ul.listeplan02 {
border-bottom: 1px solid  #ffae00;
}
#inter #plandusite ul.listeplan02 li {
background-image: url(puce_orange.gif);
}
#plandusite ul.listeplan03 {
border-bottom: 1px solid  #2dabf5;
}
#inter #plandusite ul.listeplan03 li {
background-image: url(puce_bleue.gif);
}
#plandusite ul.listeplan04 {
border-bottom: 1px solid  #d50070;
}
#inter #plandusite ul.listeplan04 li {
background-image: url(puce_violete.gif);
}
#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;
}
#plandusite ul li a:hover {
text-decoration: underline;
}