body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
background-color: #FFFFFF;
background-image: url(fond_page.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
line-height: 1.4em;
}
a {
color: #000000;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
width: 950px;
padding: 0px 15px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 950px;
height: 221px;
background-image: url(fond_header.jpg);
background-repeat: no-repeat;
}
.logo {
float:left;
width:450px;
height:159px;
margin:13px 0px 0px 5px;
}
.flash {
float:right;
width:475px;
height:221px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
position: relative;
width: 143px;
height: 300px;
padding: 0px 0px 0px 0px;
}
#menu ul li {
/*display: inline;*/
position: relative;
float: left;
list-style: none;
}
#menu ul li a {
display: block;
height: 30px;
width: 143px;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li a:hover {
background-position: 0px -80px;
}
#menu ul li.lien00 a {
background-image: url(bout_accueil.png);
}
#menu ul li.lien01 a {
background-image: url(bout_decouvrir.png);
}
#menu ul li.lien02 a {
background-image: url(bout_sejourner.png);
}
#menu ul li.lien03 a {
background-image: url(bout_savourer.png);
}
#menu ul li.lien04 a {
background-image: url(bout_se_divertir.png);
}
#menu ul li.lien05 a {
background-image: url(bout_s_amuser.png);
}
#menu ul li.lien06 a {
background-image: url(bout_se_depenser.png);
}
#menu ul li.lien07 a {
background-image: url(bout_se_cultiver.png);
}
#menu ul li.lien08 a {
background-image: url(bout_s_informer.png);
}
#menu ul li.lien09 a {
background-image: url(bout_contacter.png);
}
#menu ul li.lien10 a {
background-image: url(bout_se_documenter.png);
}
#menu ul li.lien11 a {
background-image: url(bout_s_installer.png);
}
#menu ul li.lien12 a {
background-image: url(bout_aux_alentours.png);
}
#menu ul li a span {
position: absolute;
top: -5000px;
left: -5000px;
}
#menu ul li ul {
display: none;
}
#menu ul li ul  {
position:absolute;
top:0px;
left:143px;
width:143px;
z-index: 100;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #216738;
border-right: 1px solid #216738;
background-color: #449868;
}
#menu ul li ul li {
padding: 0px 0px 2px 0px;
margin: 0px 0px 1px 0px;
border-bottom: 1px solid #a7c3b0;
}
#menu ul li ul li a {
display: block;
height: auto;
width: 120px;
padding: 5px 10px 3px 13px;
font-size: x-small;
color: #FFFFFF;
text-decoration: none;
}
#menu ul li ul li a:hover {
font-weight: bold;
background-position: 0px -130px;
}
#menu ul li.lien01 ul li a,
#menu ul li.lien06 ul li a,
#menu ul li.lien11 ul li a {
background-image: url(fond_sous_rub_orange.png);
}
#menu ul li.lien02 ul li a,
#menu ul li.lien07 ul li a,
#menu ul li.lien12 ul li a {
background-image: url(fond_sous_rub_vert.png);
}
#menu ul li.lien03 ul li a,
#menu ul li.lien08 ul li a {
background-image: url(fond_sous_rub_violet.png);
}
#menu ul li.lien04 ul li a,
#menu ul li.lien09 ul li a {
background-image: url(fond_sous_rub_bleu.png);
}
#menu ul li.lien00 ul li a,
#menu ul li.lien05 ul li a,
#menu ul li.lien10 ul li a {
background-image: url(fond_sous_rub_turquoise.png);
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 752px;
margin-top: 10px;
padding: 0px 30px 250px 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
font-size: x-small;
width: 540px;
height: 18px;
color: #84130e;
}
body.bodygenerique #filariane {
left: 0px;
}
#filariane a {
color: #84130e;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
width: 717px;
padding: 0px 20px 10px 15px;
border-right: none;
}
body.bodyaccueil #inter #edito {
float: left;
width: 225px;
padding: 0px 20px 0px 0px;
border-right: 1px solid #fff5ce;
}
body.bodyaccueil #inter #colCentre {
float: left;
width: 131px;
padding: 0px 20px 0px 20px;
}
#inter {
float: left;
width: 550px;
padding: 5px 20px 10px 15px;
border-right: 1px solid #fff5ce;
}
body.bodyaccueil #inter h2,
body.bodyaccueil #inter h2 a {
margin: 7px 0px 7px 0px;
}
#inter h2,
#inter h2 a {
font-size: large;
margin: 7px 0px 7px -15px;
padding: 0;
color: #FFFFFF;
}
#inter h3 {
font-size: medium;
margin: 7px 0px 7px -5px;
padding: 3px 0px 3px 5px;
background-color: #84130e;
color: #FFFFFF;
}
#inter h3 a {
color: #FFFFFF;
}
body.bodyVert #inter h3,
body.bodyVert #inter h3 a {
background-color: #9dba01;
color: #FFFFFF;
}
body.bodyViolet #inter h3,
body.bodyViolet #inter h3 a {
background-color: #e799d4;
color: #FFFFFF;
}
body.bodyOrange #inter h3,
body.bodyOrange #inter h3 a {
background-color: #ffae00;
color: #FFFFFF;
}
body.bodyBleu #inter h3,
body.bodyBleu #inter h3 a {
background-color: #6eb9ee;
color: #FFFFFF;
}
body.bodyTurquoise #inter h3,
body.bodyTurquoise #inter h3 a {
background-color: #5ddcba;
color: #FFFFFF;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #84130e;
}
body.listMeubles #inter h4, body.listCommunes #inter h5 {
float:left;
width:550px;
margin-top:20px;
}
body.listMeubles #inter .divmeubles {
float:left;
width:550px;
}
#inter h5,
#inter h5 a {
font-size: small;
margin: 7px 0px 7px 0px;
padding: 0;
color: #84130e;
}
.contour {
border:2px solid #ccc;
}
body.listCommunes #inter p {
float:left; 
width:550px;
text-align:justify;
}
#inter p {
margin: 7px 0px 7px 0px;
}
#inter ul {
margin: 7px 0px 7px 20px;
padding: 0px 0px 0px 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: 131px;
padding: 0px 2px 10px 30px;
line-height: 1.2em;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem #contentInter {
margin: 10px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: x-small;
border-bottom: 1px solid #fff5ce;
}
#totem #contentInter  p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CARTE INTER ---*/
#carteInter {
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #fff5ce;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MANIFESTATIONS ---*/
#manifestations {
font-size: x-small;
}
#manifestations ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:none;
}
#manifestations ul li {
border-bottom: 1px solid #fff5ce;
padding: 3px 0px 3px 0px;
line-height:12px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 100%;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: center top;
margin-top: -70px;
z-index: 10000;
position:fixed;
bottom: 0px;
}
#contentFooter {
margin: auto;
width: 950px;
/*padding: 220px 0px 20px 0px;*/
padding: 140px 0px 10px 0px;
font-size: x-small;
text-align: center;
}
#contentFooter a {
text-decoration: none;
}
#contentFooter ul {
clear: both;
float: left;
width: 950px;
padding: 5px 0px 0px 0px;
}
#contentFooter ul li {
display: inline;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #6eb9ee;
}
div.coul03, .violet, .coul03 {
color: #da7bc3;
}
div.coul04, .marron, .coul04 {
color: #811515;
}
div.coul05, .vert, .coul05 {
color: #4b6101;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #6eb9ee;
}
img.bord03, .bordureViolete {
border: 1px solid #da7bc3;
}
img.bord04, .bordureMarron {
border: 1px solid #811515;
}
img.bord05, .bordureVerte {
border: 1px solid #4b6101;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #ffae00;
padding: 3px;
vertical-align: top;
}
th {
background-color: #ffae00;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
}
#plandusite h3 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 3px 0px 3px 5px;
color: #FFFFFF;
text-decoration: none;
}

#plandusite h3.plan02,
#plandusite h3.plan07 {
background-color: #9dba01;
color: #FFFFFF;
}
#plandusite h3.plan03,
#plandusite h3.plan08 {
background-color: #e799d4;
color: #FFFFFF;
}
#plandusite h3.plan01,
#plandusite h3.plan06 {
background-color: #ffae00;
color: #FFFFFF;
}
#plandusite h3.plan04,
#plandusite h3.plan09 {
background-color: #6eb9ee;
color: #FFFFFF;
}
#plandusite h3.plan05,
#plandusite h3.plan10 {
background-color: #5ddcba;
color: #FFFFFF;
}
#plandusite ul {
padding: 0px 0px 5px 10px;
margin: 7px 0px 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: #000000;
text-decoration: none;
}
#plandusite ul li a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
body.bodyaccueil #inter #actus {
float: left;
width: 278px;
padding: 0px 0px 0px 20px;
border-left: 1px solid #fff5ce;
}
#actus h2 {
color: #BC0606;
clear: both;
}
#actus p,
.actuLigne {
float: left;
width: 278px;
clear: both;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #ade4af;
}
.actuLigne {
margin-bottom: 10px;
width: 550px;
}
#actus p img,
#inter .actuLigne img {
float: left;
margin: 5px 10px 0px 0px;
}
#actus p strong a,
.actuLigne strong a {
color: #1f530f;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus {
border-bottom: none;
}
#actus p.toutesactus img {
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLES DE PAGES --*/
body.bodyOrange, .pageOrange {}
body.bodyVert, .pageVerte {}
body.bodyViolet, .pageViolette {}
body.bodyBleu, .pageBleue {}
body.bodyTurquoise, .pageTurquoise {}
body.bodygenerique, .pageBordeaux {}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible,
#menu ul li.invisible {
position: absolute;
top: -5000px;
left: -5000px;
}
#map { width:550px; height:500px; border:1px solid #000; margin-top:30px; }
#map p { margin:5px 0 5px 0; }
.facebook { margin:20px 0 0 10px; padding-top:10px; }