body {
margin: 0;
padding: 0;
background:url(images/background.jpg) no-repeat top center #bbb5b4;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #403f3f;
}
a {
color: #333333;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 950px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
width: 950px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 950px;
height: 193px;
padding: 0px 0px 0px 0px;
margin-top:55px;
background:url(images/back-header.jpg) no-repeat 0 0;
}
div.logo {
margin: 0px 0px 0px 0px;
}
img.logo {
margin:25px 0 0 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
position: relative;
width: 950px;
height: 39px;
margin: 0px 0px 0px 0px;
font-size:.90em;
background:url(images/back-menu.jpg) no-repeat 0 0;
}
body.bodyaccueil #menu {
background:url(images/back-menu-home.jpg) no-repeat 0 0;
}
#menu a {
text-decoration: none;
}
#menu ul li {
float: left;
padding-top: 8px;
padding-left:10px;
position: relative;
}
#menu ul li a {
display: block;
}
#menu ul li.lien01 { 
width:101px;
}
#menu ul li.lien02 { 
width:131px;
}
#menu ul li.lien03 { 
width:94px;
}
#menu ul li.lien04 { 
width:206px;
}
#menu ul li.lien05 { 
width:119px;
}
#menu ul li.lien06 { 
width:110px;
}
#menu ul li.lien07 { 
width:119px;
}

#menu ul li.lien01 a:hover {
color: #97be13;
}
#menu ul li.lien02 a:hover {
color: #d1a200;
}
#menu ul li.lien03 a:hover {
color: #43a6ba;
}
#menu ul li.lien04 a:hover {
color: #a318ae;
}
#menu ul li.lien05 a:hover {
color: #97be13;
}
#menu ul li.lien06 a:hover {
color: #d1a200;
}
#menu ul li.lien07 a:hover {
color: #40a5b9;
}
/*-- MENU NIVEAU 2 --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul {
/*display: block;*/
position: absolute;
top: 24px;
left: 0px;
width: 170px;
}
#menu ul li.lien01 ul,
#menu ul li.lien05 ul {
background-image: url(haut_sous_menu_vert.gif);
background-repeat: no-repeat;
padding-top: 13px;
}
#menu ul li.lien02 ul,
#menu ul li.lien06 ul {
background-image: url(haut_sous_menu_ocre.gif);
background-repeat: no-repeat;
padding-top: 13px;
}
#menu ul li.lien03 ul,
#menu ul li.lien07 ul {
background-image: url(haut_sous_menu_bleu.gif);
background-repeat: no-repeat;
padding-top: 13px;
}
#menu ul li.lien04 ul {
background-image: url(haut_sous_menu_violet.gif);
background-repeat: no-repeat;
padding-top: 13px;
}


#menu ul li.on ul li {
padding-top: 0px;
padding-left: 0px;
float: none;
border-bottom: 1px solid #FFF;
}
#menu ul li.lien01 ul li a {
background-color:#97be13;
color:#fff;
}
#menu ul li.lien02 ul li a {
color:#fff;
background-color:#d1a200;
}
#menu ul li.lien03 ul li a {
color:#fff;
background-color:#43a6ba;
}
#menu ul li.lien04 ul li a {
color:#fff;
background-color: #a318ae;
}
#menu ul li.lien05 ul li a {
color:#fff;
background-color:#97be13;
}
#menu ul li.lien06 ul li a {
color:#fff;
background-color:#d1a200;
}
#menu ul li.lien07 ul li a {
color:#fff;
background-color:#40a5b9;
}
#menu ul li.lien01 ul li a:hover {
background-color:#c5d982;
}
#menu ul li.lien02 ul li a:hover {
background-color:#fce182;
}
#menu ul li.lien03 ul li a:hover {
background-color:#7fe5fa;
}
#menu ul li.lien04 ul li a:hover {
background-color:#f58cfd;
}
#menu ul li.lien05 ul li a:hover {
background-color:#c5d982;
}
#menu ul li.lien06 ul li a:hover {
background-color:#fce182;
}
#menu ul li.lien07 ul li a:hover {
background-color:#7fe5fa;
}
#menu ul li.on ul li a {
padding: 5px;
color:#fff;
margin:0;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li.on a {
color: #fff;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 950px;
margin-top: 0px;
padding: 0px 0px 0px 0px;
background:url(images/back-inter.gif) repeat-y 0 0;
}
body.bodyaccueil #content {
background:url(images/back-inter-home.jpg) repeat-y 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 610px;
padding: 15px 45px 0px 45px;
height: 18px;
text-align: right;
}
#filariane a {
color: #646363;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 610px;
padding: 0px 45px 35px 45px;
line-height: 18px;
}
body.bodyaccueil #inter {
width: 950px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #inter h2 {
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
background-image: none;
}
#inter h2 {
color: #96bf0d;
font-size: 150%;
font-weight: normal;
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
background-image: url(souligne_titre_vert.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#inter h2 a {
color: #96bf0d;
}
/*----*/
body.bodyVert #inter h2 {
color: #96bf0d;
background-image: url(souligne_titre_vert.gif);
}
body.bodyVert #inter h2 a {
color: #96bf0d;
}
/*----*/
body.bodyMarron #inter h2 {
color: #f1bb00;
background-image: url(souligne_titre_marron.gif);
}
body.bodyMarron #inter h2 a {
color: #f1bb00;
}
/*----*/
body.bodyBleu #inter h2 {
color: #40a5b9;
background-image: url(souligne_titre_bleu.gif);
}
body.bodyBleu #inter h2 a {
color: #40a5b9;
}
/*----*/
body.bodyViolet #inter h2 {
color: #9d2b86;
background-image: url(souligne_titre_violet.gif);
}
body.bodyViolet #inter h2 a {
color: #9d2b86;
}
/*----*/
#inter h3,
#inter h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #99CC33;
line-height: 20px;
}
#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;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 250px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #right {
display:none;
}
#right p {
margin: 7px 0px 7px 0px;
}
#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 h2 {
font-size: large;
margin: 0px 0px 7px 0px;
padding: 0;
line-height: 24px;
}
#right #carteInter {
float: left;
width: 200px;
padding: 0px 25px 0px 25px;
background-image: url(fond_carte_inter.gif);
background-repeat: no-repeat;
}
#right #carteInter h2 {
color: #009fba;
font-size: 150%;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 925px;
font-size: x-small;
padding: 40px 25px 10px 0px;
background:url(images/back-footer.gif) no-repeat 0 0;
text-align: right;
position: relative;
}
body.bodyaccueil #footer {
background:url(images/back-footer-home.jpg) no-repeat 0 0;
}
#footer a {
text-decoration: none;
}
body.bodyaccueil #footer ul,
body.bodygenerique #footer ul {
padding-left: 15px;
}
#footer ul {
clear: both;
padding: 0px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
position: absolute;
top: -15px;
left: 530px;
}
body.bodygenerique #hautpage {
float: left;
padding-left: 15px;
}
#hautpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
position: absolute;
top: -15px;
left: 430px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0099CC;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
/*-- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE D'ACCUEIL ---*/
/*-----------------------------*/
/*--- ACTUALITES ---*/
#actus {
float:left;
width:214px;
padding: 0px 25px 0px 25px;
background-image: url(fond_actus.gif);
background-repeat: no-repeat;
}
#right #actus {
float:left;
width:200px;
padding: 0px 25px 25px 25px;
background-image: url(fond_actus.gif);
background-repeat: no-repeat;
}
#actus h2 {
color: #9d2b86;
font-size: 150%;
font-weight: normal;
}
#actus p,
.actuLigne {
float: left;
clear: both;
width: 100%;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #c1bebe;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: right;
border-right: 8px solid #BC0606;
}
#actus p strong a,
.actuLigne strong a {
color: #6699CC;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline overline;
}
#actus p.toutesactus {
font-size: x-small;
font-weight: bold;
border-bottom: none;
}
#actus p.toutesactus a {
text-decoration: none;
color: #767175;
font-weight: bold;
}
#actus p.toutesactus a:hover {
text-decoration: underline;
}
/*-----------------------------*/
/*--- EDITO ---*/
#edito {
float: left;
width: 296px;
padding: 0px 33px 0px 35px;
border-right: 2px solid #d8d5d5;
}
#edito h2 {
color: #96bf0d;
font-size: 150%;
font-weight: normal;
}
#edito h3 {
color: #767175;
font-size: 130%;
font-weight: normal;
border-bottom: 2px solid #c7d887;
width: 296px;
padding: 0px 0px 15px 0px;
}
/*-----------------------------*/
/*--- CARTE ---*/
#carte {
float: left;
width: 260px;
padding: 0px 20px 0px 40px;
background-image: url(fond-carte-home.gif);
background-repeat: no-repeat;
}
#carte h2 {
color: #009fba;
font-size: 150%;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible, #raccourcis {
display: none;
}
.partenaires {
margin:0;
padding:0;
text-align:center;
width:610px;
float:left;
}
.partenaires li {
margin:0 10px 20px 10px;
display:block;
float:left;
}