body {
margin: 0;
padding: 0;
background-color: #DED7CC;
background-image: url(fond_pages.gif);
background-repeat: repeat-y;
background-position: top;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #330000;
}
a {
color: #330000;
}
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;
}
ol,
ol li {
margin: 0px 0px 0px 20px;
padding: 0;
}
img {
border: none;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float: left;
width: 980px;
background-color: #FDFAF5;
background-image: url(fond_total.gif);
background-repeat: repeat-x;
background-position: 0px 195px;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
float: left;
width: 980px;
height: 195px;
background-repeat: no-repeat;
font-size: x-small;
}
/*-- BIENVENUE DANS LE CHABLAIS --*/
body.bodybienvenue #header {
background-image: url(bandeau_bienvenue.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- ACTUALITES --*/
body.bodyactualites #header {
background-image: url(bandeau_actualites.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- LOCALISER LE  CHABLAIS --*/
body.bodylocaliser #header {
background-image: url(bandeau_localiser.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- PARTENAIRES --*/
body.bodypartenaires #header {
background-image: url(bandeau_partenaires.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- AGENDA --*/
body.bodyagenda #header {
background-image: url(bandeau_agenda.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- JEU PASS --*/
body.bodyjeu #header {
background-image: url(bandeau_jeu_pass.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- TELECHARGEMENT DE BROCHURES --*/
body.bodytelechargement #header {
background-image: url(bandeau_telechargement.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- LIENS --*/
body.bodyliens #header {
background-image: url(bandeau_liens.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- CONTACTS --*/
body.bodycontacts #header {
background-image: url(bandeau_contacts.jpg);
}
/*------*/
/*------*/
/*------*/
/*-- GENERIQUE --*/
body.bodygenerique #header {
background-image: url(bandeau_generique.jpg);
}
/*------*/
/*------*/
/*------*/
#header img.logo {
float: left;
height: 150px;
width: 230px;
}
#header #filariane {
position: absolute;
top: 152px;
left: 230px;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- PANNEAU ---*/
#panneau {
float: left;
width: 250px;
padding: 0px 0px 0px 497px;
color: #242602;
}
#panneau a {
color: #242602;
text-decoration: none;
}
#panneau a:hover {
color: #FF6600;
}
#panneau ul.panneau01 li a {
display: block;
width: 191px;
border-bottom: 1px solid #534F15;
line-height: 14px;
padding: 4px 0px 4px 22px;
background-repeat: no-repeat;
background-position: 3px -6px;
}
#panneau ul.panneau01 li a:hover {
background-position: 3px -106px;
}
#panneau ul.panneau01 li.aide a {
background-image: url(puce_panneau_aide.gif);
}
#panneau ul.panneau01 li.plan a {
background-image: url(puce_panneau_plan.gif);
}
#panneau form {
width: 208px;
padding: 3px 0px 5px 5px;
border-bottom: 1px solid #534F15;
}
#panneau form input.saisie {
width: 180px;
border: 1px solid #4E5213;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #9A9E5F;
vertical-align: middle;
}
#panneau form input.bouton {
margin-left: 3px;
vertical-align: middle;
}
#panneau ul.langues  {
float: left;
width: 200px;
height: 31px;
overflow: hidden;
padding: 8px 0px 8px 13px;
border-bottom: 1px solid #4E5213;
}
#panneau ul.langues li  {
float: left;
}
#panneau ul.langues li a {
display: block;
float: left;
padding-right: 19px;
width: 31px;
height: 31px;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#panneau ul.langues li a:hover {
background-position: 0px -110px;
}
#panneau ul.langues li a span {
display: none;
}
#panneau ul.langues li.french a {
background-image: url(puce_panneau_fr.gif);
}
#panneau ul.langues li.anglais a {
background-image: url(puce_panneau_en.gif);
}
#panneau ul.langues li.allemand a {
background-image: url(puce_panneau_al.gif);
}
#panneau ul.langues li.italien a {
background-image: url(puce_panneau_it.gif);
}
#panneau a.imprim {
float: left;
display: block;
background-image: url(puce_panneau_print.gif);
background-repeat: no-repeat;
background-position: 20px -4px;
line-height: 14px;
padding: 10px  0px  4px  45px;
}
#panneau a.imprim:hover {
background-position: 20px -104px;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 210px;
background-repeat: no-repeat;
}
#menu a {
text-decoration: none;
}
#menu ul {
padding: 0px 0px 210px 20px;
background-repeat: no-repeat;
background-position: bottom;
}
/*-- BIENVENUE DANS LE CHABLAIS --*/
body.bodybienvenue #menu {
background-image: url(fond_menu_bienvenue.jpg);
}
body.bodybienvenue #menu ul {
background-image: url(bas_menu_bienvenue.gif);
}
/*------*/
/*------*/
/*------*/
/*-- ACTUALITES --*/
body.bodyactualites #menu {
background-image: url(fond_menu_actualites.jpg);
}
body.bodyactualites #menu ul {
background-image: url(bas_menu_actualites.gif);
}
/*------*/
/*------*/
/*------*/
/*-- LOCALISER LE CHABLAIS --*/
body.bodylocaliser #menu {
background-image: url(fond_menu_localiser.jpg);
}
body.bodylocaliser #menu ul {
background-image: url(bas_menu_localiser.gif);
}
/*------*/
/*------*/
/*------*/
/*-- PARTENAIRES --*/
body.bodypartenaires #menu {
background-image: url(fond_menu_partenaires.jpg);
}
body.bodypartenaires #menu ul {
background-image: url(bas_menu_partenaires.gif);
}
/*-- AGENDA --*/
body.bodyagenda #menu {
background-image: url(fond_menu_agenda.jpg);
}
body.bodyagenda #menu ul {
background-image: url(bas_menu_agenda.gif);
}
/*------*/
/*------*/
/*------*/
/*-- JEU PASS --*/
body.bodyjeu #menu {
background-image: url(fond_menu_jeu_pass.jpg);
}
body.bodyjeu #menu ul {
background-image: url(bas_menu_jeu_pass.gif);
}
/*------*/
/*------*/
/*------*/
/*-- TELECHARGEMENT DE BROCHURES --*/
body.bodytelechargement #menu {
background-image: url(fond_menu_telechargement.jpg);
}
body.bodytelechargement #menu ul {
background-image: url(bas_menu_telechargement.gif);
}
/*------*/
/*------*/
/*------*/
/*-- LIENS --*/
body.bodyliens #menu {
background-image: url(fond_menu_liens.jpg);
}
body.bodyliens #menu ul {
background-image: url(bas_menu_liens.gif);
}
/*------*/
/*------*/
/*------*/
/*-- CONTACTS --*/
body.bodycontacts #menu {
background-image: url(fond_menu_contacts.jpg);
}
body.bodycontacts #menu ul {
background-image: url(bas_menu_contacts.gif);
}
/*------*/
/*------*/
/*------*/
/*-- GENERIQUE --*/
body.bodygenerique #menu {
background-image: url(fond_menu_generique.jpg);
}
body.bodygenerique #menu ul {
background-image: url(bas_menu_generique.gif);
}
/*------*/
/*------*/
/*------*/
#menu ul li {
padding: 2px 0px 2px 0px;
width: 180px;
}
#menu ul li a {
display: block;
width: 150px;
font-weight: bold;
padding: 5px 0px 5px 30px;
background-image: url(puce_menu.gif);
background-repeat: no-repeat;
background-position: 10px -4px;
line-height: 16px;
}
#menu ul li a:hover,
#menu ul li.on a,
body.bodyactualites #menu ul li.lienactus a,
body.bodycontacts #menu ul li.liencontacts a {
background-position: 10px -104px;
color: #CC0000;
background-color: #CEB0AF;
}
#menu ul li.on,
body.bodycontacts #total #menu ul li.liencontacts {
background-color: #CEB0AF;
}
body #total #menu ul li ul {
padding: 0px 0px 0px 0px;
background-image: none;
display: none;
}
body #total #menu ul li.on ul,
body.bodycontacts #total #menu ul li.liencontacts ul  {
display: block;
}
body #total #menu ul li ul li {
padding: 0px 0px 0px 0px;
}
body #total #menu ul li ul li a {
display: block;
width: 140px;
font-weight: normal;
padding: 2px 0px 2px 40px;
background-image: url(puce_menu_second_nivo.gif);
background-repeat: no-repeat;
background-position: 25px -6px;
line-height: 14px;
color: #330000;
}
body #total #menu ul li ul li a:hover,
body #total #menu ul li ul li.on a {
background-position: 25px -106px;
color: #CC0000;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 730px;
padding: 0px 20px 20px 20px;
}
#inter h2 {
margin: 0px 0px 5px 0px;
font-size: x-large;
font-style: italic;
}
#inter h3 {
margin: 0;
padding: 5px 0px 5px 0px;
font-size: large;
}
#inter h4 {
margin: 0;
padding: 5px 0px 5px 0px;
font-size: medium;
color: #666600;
}
#inter p {
margin: 0;
padding: 5px 0px 5px 0px;
}
/*-- BIENVENUE DANS LE CHABLAIS --*/
body.bodybienvenue #inter h2 {
color: #BB8156;
border-bottom: 1px solid #BB8156;
}
body.bodybienvenue #inter h2 a {
color: #BB8156;
}
/*------*/
/*------*/
/*------*/
/*-- ACTUALITES --*/
body.bodyactualites #inter h2 {
color: #4F7898;
border-bottom: 1px solid #4F7898;
}
body.bodyactualites #inter h2 a {
color: #4F7898;
}
body.bodyactualites #inter p.actuLigne {
float: left;
display: block;
width: 335px;
height: 125px;
margin: 0px 20px 0px 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #C0B9A3;
overflow: hidden;
}
p.actuLigne a {
color: #CC0000;
}
p.actuLigne img {
float: right;
border: 1px solid #CC0000;
margin-left: 10px;
}
/*------*/
/*------*/
/*------*/
/*-- LOCALISER LE CHABLAIS --*/
body.bodylocaliser #inter h2 {
color: #819AB2;
border-bottom: 1px solid #819AB2;
}
body.bodylocaliser #inter h2 a {
color: #819AB2;
}
body.bodylocaliser #inter #animloca {
width: 730px;
height: 520px;
background-image: url(loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
/*------*/
/*------*/
/*------*/
/*-- PARTENAIRES --*/
body.bodypartenaires #inter h2 {
color: #B79398;
border-bottom: 1px solid #B79398;
}
body.bodypartenaires #inter h2 a {
color: #B79398;
}
body.bodypartenaires #inter p.pavepartenaire {
float: left;
display: block;
width: 335px;
height: 180px;
margin: 0px 30px 0px 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #C0B9A3;
overflow: hidden;
}
body.bodypartenaires #inter p.pavepartenaire img {
float: right;
border: 1px solid #CC0000;
margin-left: 10px;
}
body.bodypartenaires #inter p.pavepartenaire a img {
float: right;
border: none;
margin: -10px 10px 0px 0px;
}
body.bodypartenaires #inter p.carteinter {
float: left;
width: 700px;
clear: both;
margin: 10px 0px 0px 0px;
padding: 10px;
background-color: #C0B9A3;
}
/*------*/
/*------*/
/*------*/
/*-- AGENDA --*/
body.bodyagenda #inter h2 {
color: #AB9D8D;
border-bottom: 1px solid #AB9D8D;
}
body.bodyagenda #inter h2 a {
color: #AB9D8D;
}
body.bodyagenda #inter table th,
body.bodyagenda #inter table td {
border: 1px solid #AB9D8D;
}
body.bodyagenda #inter table th {
background-color: #AB9D8D;
}
div.celluleMarron, .celluleMarron {
background-color: #DFC09D;
}
/*------*/
/*------*/
/*------*/
/*-- JEU PASS --*/
body.bodyjeu #inter h2 {
color: #B3884E;
border-bottom: 1px solid #B3884E;
}
body.bodyjeu #inter h2 a {
color: #B3884E;
}
/*------*/
/*------*/
/*------*/
/*-- TELECHARGEMENT DE BROCHURES --*/
body.bodytelechargement #inter h2 {
color: #8D9287;
border-bottom: 1px solid #8D9287;
}
body.bodytelechargement #inter h2 a {
color: #8D9287;
}
/*------*/
/*------*/
/*------*/
/*-- LIENS --*/
body.bodyliens #inter h2 {
color: #885828;
border-bottom: 1px solid #885828;
}
body.bodyliens #inter h2 a {
color: #885828;
}
/*------*/
/*------*/
/*------*/
/*-- CONTACTS --*/
body.bodycontacts #inter h2 {
color: #8E7A6E;
border-bottom: 1px solid #8E7A6E;
}
body.bodycontacts #inter h2 a {
color: #8E7A6E;
}
body.bodycontacts #inter div.ot {
float: left;
display: block;
width: 220px;
height: 135px;
margin: 0px 20px 0px 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #C0B9A3;
overflow: hidden;
}
body.bodycontacts #inter div.ot img {
float: right;
border: 1px solid #CC0000;
margin-left: 10px;
}
/*------*/
/*------*/
/*------*/
/*-- GENERIQUE --*/
body.bodygenerique #inter h2 {
color: #BA9F66;
border-bottom: 1px solid #BA9F66;
}
body.bodygenerique #inter h2 a {
color: #BA9F66;
}
/*------*/
/*------*/
/*------*/
/*-- PLAN DU SITE --*/
body.bodygenerique #inter #plandusite  {
padding-left: 30px;
}
body.bodygenerique #inter #plandusite a {
text-decoration: none;
}
body.bodygenerique #inter #plandusite a:hover {
color: #CC0000;
}
body.bodygenerique #inter #plandusite ul {
margin: -8px 0px 5px 0px;
}
/*------*/
/*------*/
/*------*/
#inter ul {
padding: 5px 0px 5px 15px;
}
#inter ol {
padding: 5px 0px 5px 0px;
}
#inter ul li {
background-image: url(puce_liste01.gif);
background-repeat: no-repeat;
padding-left: 13px;
line-height: 17px;
}
#inter ul li ul {
padding: 0px 0px 0px 10px;
}
#inter ul li ul li {
background-image: url(puce_liste02.gif);
background-repeat: no-repeat;
padding-left: 10px;
line-height: 17px;
}
/*----------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 980px;
height: 310px;
padding-top: 20px;
background-image: url(fond_footer.jpg);
background-repeat: no-repeat;
clear: both;
font-size: x-small;
}
#footer #hautpage {
float: left;
padding: 0px 0px 65px 240px;
width: 740px;
clear: both;
}
#footer #hautpage a {
display: block;
width: 68px;
background-image: url(puce_top.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
padding-left: 17px;
line-height: 14px;
text-decoration: none;
color: #CC0000;
}
#footer #hautpage a:hover {
background-position: 0px -110px;
}
#footer #soutien {
float: left;
font-weight: bold;
padding-left: 32px;
}
#footer #soutien ul {
padding-top: 5px;
}
#footer #soutien ul li {
display: inline;
padding-right: 25px;
}
#footer #liste {
float: right;
font-size: x-small;
padding-right: 20px;
}
#footer #liste ul {
padding-top: 35px;
}
#footer #liste ul li {
display: inline;
}
#footer #liste ul li a {
text-decoration: none;
}
#footer #liste ul li a:hover {
color: #CC0000;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #3A86B2;
}
div.coul03, .orange, .coul03 {
color: #FF9900;
}
div.coul04, .vert, .coul04 {
color: #666600;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureMarron {
border: 1px solid #330000;
}
img.bord03, .bordureBleue {
border: 1px solid #3A86B2;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #666600;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 0px 0px 10px 0px;
}
.result th {
background-color: #BA9F66;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #BA9F66;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 10px;
line-height: 14px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 8px 0px 0px;
line-height: 13px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 35px 0px;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #BA9F66;
padding: 3px;
vertical-align: top;
}
th {
background-color: #BA9F66;
color: #FFFFFF;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-- PAGE D'ACCUEIL --*/
body.bodyaccueil #total {
float: left;
position: relative;
height: 970px;
background-image: url(fond_accueil.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyaccueil #header img,
body.bodyaccueil #header #panneau a.imprim,
body.bodyaccueil #menu,
body.bodyaccueil #footer #hautpage {
display: none;
}
body.bodyaccueil #header {
position: absolute;
}
body.bodyaccueil #header #panneau {
position: absolute;
float: none;
top: 0px;
left: 727px;
padding: 0;
height: 95px;
/*padding: 0px 0px 0px 727px;*/
}
body.bodyaccueil #header #panneau form {
border: none;
}
body.bodyaccueil #header #panneau ul.langues {
margin: 0;
padding: 0;
width: 215px;
height: 20px;
overflow: visible;
border: none;
}
body.bodyaccueil #header #panneau ul.langues li  {
float: none;
padding: 0;
}
body.bodyaccueil #header #panneau ul.langues li a {
display: block;
float: none;
padding: 0;
margin: 0;
width: 188px;
height: 41px;
background-repeat: no-repeat;
background-position: 0px -10px;
overflow: hidden;
position: absolute;
left: -700px;
}
body.bodyaccueil #header #panneau ul.langues li a:hover {
background-position: 0px -110px;
}
body.bodyaccueil #header #panneau ul.langues li a span {
display: none;
}
body.bodyaccueil #header #panneau ul.langues li.french a {
background-image: url(puce_panneau_fr_accueil.gif);
top: 133px;
}
body.bodyaccueil #header #panneau ul.langues li.anglais a {
background-image: url(puce_panneau_en_accueil.gif);
top: 183px;
}
body.bodyaccueil #header #panneau ul.langues li.allemand a {
background-image: url(puce_panneau_al_accueil.gif);
top: 233px;
}
body.bodyaccueil #header #panneau ul.langues li.italien a {
background-image: url(puce_panneau_it_accueil.gif);
top: 283px;
}
body.bodyaccueil #interaccueil {
float: left;
margin: 0;
padding: 0;
}
body.bodyaccueil #interaccueil #actus {
position: absolute;
display: block;
top: 95px;
left: 725px;
width: 225px;
height: 315px;
overflow: hidden;
line-height: 15px;
}
body.bodyaccueil #interaccueil #actus h2 {
color: #593803;
margin: 0;
padding: 0px 0px 8px 0px;
}
body.bodyaccueil #interaccueil #actus p {
float: left;
display: block;
width: 225px;
color: #593803;
margin: 0;
padding: 1px 0px 3px 0px;
font-size: x-small;
border-bottom: 1px solid #C0B9A4;
}
body.bodyaccueil #interaccueil #actus p img {
float: right;
border: 1px solid #CC0000;
margin: 0px 0px 0px 10px;
}
body.bodyaccueil #interaccueil #actus p.toutesactus {
border-bottom: none;
margin-top: 8px;
padding: 3px 0px 3px 5px;
}
body.bodyaccueil #interaccueil #actus p.toutesactus a {
background-image: url(puce_menu.gif);
background-repeat: no-repeat;
background-position: 0px -105px;
padding: 5px 0px 5px 20px;
line-height: 12px;
}
body.bodyaccueil #interaccueil #actus p.toutesactus a:hover {
color: #593803;
background-position: 0px -5px;
}
body.bodyaccueil #interaccueil #actus p strong {
font-size: small;
}
body.bodyaccueil #interaccueil #actus p a {
color: #CC0000;
text-decoration: none;
}
body.bodyaccueil #interaccueil div.carteinter {
position: absolute;
display: block;
top: 415px;
left: 725px;
width: 225px;
height: 120px;
overflow: hidden;
line-height: 15px;
font-size: x-small;
}
body.bodyaccueil #interaccueil div.carteinter img {
border: 1px solid #CC0000;
}
body.bodyaccueil #footer {
position: absolute;
top: 565px;
left: 0px;
background-image: none;
height: 300px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS ELEMENTS DE STYLE --*/
.invisible {
display: none;
}