body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
}
a {
color: #000;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#menu,
.flash,
.newsletter,
#right,
#imprimpage,
#footer {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
float: left;
cllear: both;
}
.logo {
float:left;
margin:0px 0 0 0px;
}
h1 {
float:left;
margin: 70px 0px 0px 30px;
font-size: xx-large;
text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
color: #084582;
margin:5px 0px 5px 0px;
padding:5px 0px 5px 0px;
clear: both;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #edito h2 {
color:#c04502;
font-size:1.5em;
text-decoration:underline;
text-align:center;
}
body.bodyaccueil #edito p {
color:#0071c1;
text-align:justify;
font-size:1em;
line-height:1.3em;
margin-top:10px;
padding-right:5px;
}

#inter h2 {
font-size: x-large;
margin: 17px 0px 7px 0px;
padding: 0;
color: #FF9933;
line-height: 24px;
text-align:left;
float:left;
width: 100%;
}
#inter h2 a {
color: #FF9933;
}
#inter h3 {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #99CC33;
line-height: 20px;
float:left;
width: 100%;
}
#inter h3 a {
color: #99CC33;
}
#inter h4 {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
float:left;
width: 100%;
}
#inter h4 a {
color: #6699CC;
}
#inter p {
margin: 7px 0px 7px 0px;
}
#inter ul {
margin: 7px 0px 7px 20px;
clear: both;
}
#inter ul li {
padding-left: 15px;
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 15px;
}
/* RUBRIQUE HEBERGEMENTS */
body.bodyheberg #inter h2 {
color:#019596;
border-bottom:2px solid #cdeaf6;
padding-bottom:5px;
}
body.bodyheberg #inter h3 {
color:#019596;
text-decoration:underline;
margin-top:30px;
}
body.bodyheberg #inter h4 {
color:#019596;
}
body.bodyheberg #inter p  a {
color: #084582;
}
body.bodyheberg #inter ul.liste_villages {
width:596px;
}
body.bodyheberg #inter ul.liste_villages li {
display:inline;
margin:0 5px 0 5px;
}
body.bodyheberg #inter ul.liste_villages li a {
color: #084582;
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
table.hebergement, .hebergement {
width: 616px;
border: none;
margin: 5px 0px 0px 5px;
border-bottom: 1px solid #CCC;
}
.hebergement th,
.hebergement td {
background-color: transparent;
color: #000;
font-weight: normal;
text-align: center;
vertical-align: middle;
width: 230px;
padding: 0px 0px 5px 0px;
border: none;
}
th.imageCentrale, .imageCentrale,
td.imageCentrale, .imageCentrale {
width: 156px;
}
.hebergement a {
color:#019596;
}
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/* RUBRIQUE VISITES */
body.bodyvisites #inter h2 {
color:#b36a01;
border-bottom:2px solid #d58d24;
padding-bottom:5px;
}
body.bodyvisites #inter h3 {
color:#b36a01;
margin-top:30px;
text-decoration:underline;
}
body.bodyvisites #inter h4 {
color:#b36a01;
margin-top:15px;
}
body.bodyvisites #inter p  a {
color: #084582;
}
body.bodyvisites #inter ul {
width:596px;
margin:2px 0px 4px 20px;
}
body.bodyvisites #inter ul li {
display:inline;
margin:0 5px 0 5px;
}
body.bodyvisites #inter ul li a {
color: #084582;
}
body.bodyvisites #inter ul.listepage li {
display:block;
float:left;
}
/* RUBRIQUE LOISIRS */
body.bodyloisirs #inter h2 {
color:#b73504;
border-bottom:2px solid #d6483f;
padding-bottom:5px;
}
body.bodyloisirs #inter h3 {
color:#b73504;
margin-top:30px;
text-decoration:underline;
}
body.bodyloisirs #inter h4 {
color:#b73504;
margin-top:15px;
}

body.bodyloisirs #inter p  a {
color: #084582;
}
body.bodyloisirs #inter p a:hover {
color: #b73504;
}
body.bodyloisirs #inter ul {
width:596px;
}
body.bodyloisirs #inter ul li {
display:inline;
margin:0 5px 0 5px;
}
body.bodyloisirs #inter ul li a {
color: #084582;
}

/* RUBRIQUE SAVEURS */
body.bodysaveurs #inter h2 {
color:#677106;
border-bottom:2px solid #8baf23;
padding-bottom:5px;
}
body.bodysaveurs #inter h3 {
color:#677106;
margin-top:30px;
text-decoration:underline;
}
body.bodysaveurs #inter h4 {
color:#677106;
margin-top:15px;
}
body.bodysaveurs #inter p  a {
color: #084582;
}
body.bodysaveurs #inter ul {
width:596px;
}
body.bodysaveurs #inter ul li {
display:inline;
margin:0 5px 0 5px;
}
body.bodysaveurs #inter ul li a {
color: #084582;
}
body.bodysaveurs #inter ul li a:hover {
color: #677106;
}


/* RUBRIQUE GALERIE */
body.bodygalerie #inter h2 {
color:#920297;
border-bottom:2px solid #cdeaf6;
padding-bottom:5px;
}
body.bodygalerie #inter h3 {
color:#920297;
margin-top:30px;
text-decoration:underline;
}
body.bodygalerie #inter h4 {
color:#920297;
margin-top:15px;
}
body.bodygalerie #inter p  a {
color: #084582;
}
body.bodygalerie #inter .affiches {
width:200px;
margin:7px 0px 7px 40px;
float:left;
}
body.bodygalerie #inter .affiches p {
width:200px;
margin:0px 0px 0px 0px;
text-align:center;
}

/* PAGES GENERIQUES */
body.bodygenerique #inter h2, body.bodyactus #inter h2 {
color:#0467ba;
border-bottom:2px solid #0467ba;
padding-bottom:5px;
}
body.bodygenerique #inter h3, body.bodyactus #inter h3 {
color:#0467ba;
}
body.bodygenerique #inter h4, body.bodyactus #inter h4 {
color:#0467ba;
}
body.bodygenerique #inter p  a, body.bodyactus #inter p a {
color: #0467ba;
}
body.bodygenerique #inter ul.liste_atouts {
width:616px;
margin:7px 0px 7px 0px;
}

.liste_atouts li {
display:block;
margin:0 5px 0 5px;
}
.liste_atouts li a {
color: #0467ba;
}
.liste_atouts li a:hover {
color: #084582;
}

.ul-listing li {
display:block;
margin:0 5px 0 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BOUTONS ACCUEIL ---*/
#boutons-accueil, #boutons-inter {
margin: 30px 0 0 0;
padding: 30px 0 0 0;
font-size: x-small;
background:url(images/titre-accueil-vous.gif) no-repeat 0 0;
}
#boutons-accueil ul, #boutons-inter ul {
margin: 0px 0px 0px 0px;
padding:0;
}
#boutons-accueil ul li, #boutons-inter ul li {
display:block;
maring:0;
padding:0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FETES ET MANIFS ---*/
#fetes {
margin: 30px 0 0 0;
padding: 30px 0 0 0;
border-bottom:2px solid #eeacc0;
}
#fetes h5 {
margin:0;
padding:0px 10px 0px 10px;
color:#cf1c52;
}
#fetes h5 a {
color:#cf1c52;
}

#fetes p {
color:#084582;
margin:0;
padding:0px 10px 10px 10px;
}
#fetes p a {
color:#084582;
}
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01, body #inter h4.h4bleu, #inter a.bleu {
color: #0467ba;
}
div.coul02, .turquoise, .coul02, body #inter h4.h4turquoise, #inter a.turquoise {
color: #019596;
}
div.coul03, .caramel, .coul03, body #inter h4.h4caramel, #inter a.caramel {
color: #b36a01;
}
div.coul04, .rouge, .coul04, body #inter h4.h4rouge, #inter a.rouge {
color: #d20117;
}
div.coul05, .vert, .coul05, body #inter h4.h4vert, #inter a.vert {
color: #3ea21c;
}
div.coul06, .violet, .coul06, body #inter h4.h4violet, #inter a.violet {
color: #920297;
}
div.coul07, .orange, .coul07, body #inter h4.h4orange, #inter a.orange {
color: #fa9818;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #d20117;
}
img.bord02, .bordureBleue {
border: 1px solid #0467ba;
}
img.bord03, .bordureViolete {
border: 1px solid #920297;
}
img.bord04, .bordureOrange {
border: 1px solid #fa9818;
}
img.bord05, .bordureVerte {
border: 1px solid #3ea21c;
}
/*-- 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 h3.plan01 a {
color: #0467ba;
}
#plandusite h3.plan02 a {
color: #019596;
}
#plandusite h3.plan03 a {
color: #b36a01;
}
#plandusite h3.plan04 a {
color: #d20117;
}
#plandusite h3.plan05 a {
color: #3ea21c;
}
#plandusite h3.plan06 a {
color: #920297;
}
#plandusite h3.plan07 a {
color: #fa9818;
}
#plandusite h3.plan08 a {
color: #0467ba;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
#actus {
border-bottom:2px solid #d4f0c5;
}
#actus h3 {
height: 25px;
margin: 0px 0px 0px 0px;
background:url(images/titre-accueil-actus.gif) no-repeat 0 0;
}
#actus h3 span {
position: absolute;
top: -5000px;
}
#actus p,
.actuLigne {
float: left;
clear: both;
width: 100%;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: left;
}
#actus p strong a,
.actuLigne strong a {
color: #3ea21c;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline overline;
}
#actus p.toutesactus,
#actus p.rss {
font-size: x-small;
font-weight: bold;
clear: none;
}
#actus p.toutesactus {
float: left;
width: 145px;
}
#actus p.rss {
float: right;
width: 125px;
text-align: right;
}
#actus p.toutesactus a,
#actus p.rss a {
text-decoration: none;
color: #3ea21c;
}
#actus p.toutesactus a:hover,
#actus p.rss a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible, #raccourcis {
display: none;
}
#map { 
border:1px solid #000; 
width:616px;
margin:7px 0px 7px 0px;
float:left;
height:500px;
}
#focus {
float:left;
width:597px;
margin:0 0px 0 20px;
}
#interFocus {
}
#inter #interFocus .titre {
color:#cf1c52;
margin:0;
padding:0;
width:597px;
}
#inter #headerFocus {
background:url(images/focus-top.gif) no-repeat 0 0;
height:17px;
}
#inter #contentFocus p {
background:url(images/focus-center.gif) repeat-y 0 0;
margin:0px;
padding:0 10px 10px 30px;
width:557px;
}
#footerFocus {
background:url(images/focus-bottom.gif) no-repeat 0 0;
height:19px;
}