body {
margin: 0;
padding: 0;
background-color: #edf3f9;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
background-image:url(background.jpg);
background-repeat:no-repeat;
background-position:top center;
}
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: 1017px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float:left;
background:url(images/back-total.png) repeat-y 0 0;
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 1017px;
height: 318px;
overflow: hidden;
background:url(back-header.jpg) no-repeat 0 0;
}
body.bodychambres, .aa {}
body.bodygites, .bb {}
body.bodycampings, .cc {}
body.bodysaintclar, .dd {}
body.bodypatrimoine, .ee {}
body.bodycircuits, .ff {}
body.bodyculture, .gg {}
body.bodyrando, .hh {}
body.bodybasedeloisirs, .ii {}
body.bodyail, .jj {}
body.bodyconserveurs, .kk {}
body.bodyresto, .ll {}
body.bodygalerie, .mm {}
body.bodyinfos, .nn {}
body.bodymanifestations, .oo {}
body.bodyactus, .pp {}
body.bodyatouts, .qq {}
body.bodynewsletter, .rr {}
body.bodytelecharg, .ss {}
body.bodycontact, .tt {}
body.bodyacces, .uu {}

body.bodychambres #header {
background:url(back-header-chambres.jpg) no-repeat 0 0;
}
body.bodygites #header {
background:url(back-header-gites.jpg) no-repeat 0 -0;
}
body.bodycampings #header {
background:url(back-header-campings.jpg) no-repeat 0 -0;
}
body.bodysaintclar #header {
background:url(back-header-saintclar.jpg) no-repeat 0 -0;
}
body.bodypatrimoine #header {
background:url(back-header-patrimoine.jpg) no-repeat 0 -0;
}
body.bodycircuits #header {
background:url(back-header-circuits.jpg) no-repeat 0 -0;
}
body.bodyculture #header {
background:url(back-header-culture.jpg) no-repeat 0 -0;
}
body.bodyrando #header {
background:url(back-header-rando.jpg) no-repeat 0 -0;
}
body.bodybasedeloisirs #header {
background:url(back-header-basedeloisirs.jpg) no-repeat 0 -0;
}
body.bodyail #header {
background:url(back-header-ail.jpg) no-repeat 0 -0;
}
body.bodyconserveurs #header {
background:url(back-header-conserveurs.jpg) no-repeat 0 -0;
}
body.bodyresto #header {
background:url(back-header-restos.jpg) no-repeat 0 -0;
}
body.bodygalerie #header {
background:url(back-header-galerie.jpg) no-repeat 0 -0;
}
body.bodyinfos #header {
background:url(back-header-infos.jpg) no-repeat 0 -0;
}
body.bodymanifestations #header {
background:url(back-header-manifestations.jpg) no-repeat 0 0;
}
body.bodyactus #header {
background:url(back-header-actualites.jpg) no-repeat 0 0;
}
body.bodyatouts #header {
background:url(back-header-atouts.jpg) no-repeat 0 0;
}
body.bodynewsletter #header {
background:url(back-header-newsletter.jpg) no-repeat 0 0;
}
body.bodytelecharg #header {
background:url(back-header-telecharg.jpg) no-repeat 0 0;
}
body.bodycontact #header {
background:url(back-header-contact.jpg) no-repeat 0 0;
}
body.bodyacces #header {
background:url(back-header-acces.jpg) no-repeat 0 0;
}


body.bodychambres .bodyanglais #header {
background:url(back-header-chambres-en.jpg) no-repeat 0 0;
}
body.bodygites .bodyanglais  #header {
background:url(back-header-gites-en.jpg) no-repeat 0 -0;
}
body.bodycampings .bodyanglais  #header {
background:url(back-header-campings-en.jpg) no-repeat 0 -0;
}
body.bodysaintclar .bodyanglais  #header {
background:url(back-header-saintclar-en.jpg) no-repeat 0 -0;
}
body.bodypatrimoine .bodyanglais  #header {
background:url(back-header-patrimoine-en.jpg) no-repeat 0 -0;
}
body.bodycircuits .bodyanglais  #header {
background:url(back-header-circuits-en.jpg) no-repeat 0 -0;
}
body.bodyculture .bodyanglais  #header {
background:url(back-header-culture-en.jpg) no-repeat 0 -0;
}
body.bodyrando .bodyanglais  #header {
background:url(back-header-rando-en.jpg) no-repeat 0 -0;
}
body.bodybasedeloisirs .bodyanglais  #header {
background:url(back-header-basedeloisirs-en.jpg) no-repeat 0 -0;
}
body.bodyail .bodyanglais  #header {
background:url(back-header-ail-en.jpg) no-repeat 0 -0;
}
body.bodyconserveurs .bodyanglais  #header {
background:url(back-header-conserveurs-en.jpg) no-repeat 0 -0;
}
body.bodyresto .bodyanglais  #header {
background:url(back-header-restos-en.jpg) no-repeat 0 -0;
}
body.bodygalerie .bodyanglais  #header {
background:url(back-header-galerie-en.jpg) no-repeat 0 -0;
}
body.bodyinfos .bodyanglais  #header {
background:url(back-header-infos-en.jpg) no-repeat 0 -0;
}
body.bodymanifestations .bodyanglais  #header {
background:url(back-header-manifestations-en.jpg) no-repeat 0 0;
}
body.bodyactus .bodyanglais  #header {
background:url(back-header-actualites-en.jpg) no-repeat 0 0;
}
body.bodyatouts .bodyanglais  #header {
background:url(back-header-atouts-en.jpg) no-repeat 0 0;
}
body.bodynewsletter .bodyanglais  #header {
background:url(back-header-newsletter-en.jpg) no-repeat 0 0;
}
body.bodytelecharg .bodyanglais  #header {
background:url(back-header-telecharg-en.jpg) no-repeat 0 0;
}
body.bodycontact .bodyanglais  #header {
background:url(back-header-contact-en.jpg) no-repeat 0 0;
}
body.bodyacces .bodyanglais  #header {
background:url(back-header-acces-en.jpg) no-repeat 0 0;
}


.logo {
float:left;
width:73px;
height:227px;
margin:57px 0 0 37px;
}
.flash {
float:right;
}
body.bodychambres .flash, 
body.bodygites .flash, 
body.bodycampings .flash, 
body.bodysaintclar .flash, 
body.bodypatrimoine .flash, 
body.bodycircuits .flash, 
body.bodyloisirs .flash,
body.bodysaveurs .flash, 
body.bodygalerie .flash, 
body.bodygenerique .flash, 
body.bodyactus .flash, 
body.bodymanifestations .flash,
body.bodycontact .flash {
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 190px;
left: 771px;
font-size: x-small;
}
#recherche input.saisie {
font-size: x-small;
color: #6699CC;
border: 1px solid #303647;
vertical-align: middle;
width: 146px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
padding-left: 15px;
line-height: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/



#inscritnews {
position: absolute;
width: 175px;
top: 258px;
left: 771px;
font-size: x-small;
line-height: 12px;
}
#inscritnews strong {
display: none;
}
#inscritnews input.saisie {
font-size: x-small;
color: #6699CC;
border: 1px solid #303647;
vertical-align: middle;
width: 146px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
width: 1017px;
height: 60px;
float: left;
background: url(back-menu.jpg) no-repeat 0 0;
z-index: 9999999;
}
#menu a {
text-decoration: none;
}
#menu ul {
margin-left:120px;
}
body.bodyanglais #menu ul {
margin-left:60px;
}
#menu ul li {
float: left;
position: relative;
z-index: 99999;
margin:0px 10px 0px 10px;
}
#menu ul li.lien01 {
background:url(images/puce_bleu.gif) no-repeat 0 0;
}
#menu ul li.lien02 {
background:url(images/puce_turquoise.gif) no-repeat 0 0;
}
#menu ul li.lien03 {
background:url(images/puce_caramel.gif) no-repeat 0 0;
}
#menu ul li.lien04 {
background:url(images/puce_rouge.gif) no-repeat 0 0;
}
#menu ul li.lien05 {
background:url(images/puce_vert.gif) no-repeat 0 0;
}
#menu ul li.lien06 {
background:url(images/puce_violet.gif) no-repeat 0 0;
}
#menu ul li.lien07 {
background:url(images/puce_orange.gif) no-repeat 0 0;
}
#menu ul li.lien08 {
background:url(images/puce_bleu_ciel.gif) no-repeat 0 0;
}
#menu ul li a {
display: block;
float: left;
padding: 0px 10px 0px 10px;
height: 60px;
}
#menu ul li.lien01 a {
color: #0467ba;
}
#menu ul li.lien01 a:hover { 
color:#0467ba;
}
#menu ul li.lien02 a {
color: #019596;
}
#menu ul li.lien03 a {
color: #b36a01;
}
#menu ul li.lien04 a {
color: #d20117;
}
#menu ul li.lien05 a {
color: #3ea21c;
}
#menu ul li.lien06 a {
color: #920297;
}
#menu ul li.lien07 a {
color: #fa9818;
}
#menu ul li.lien08 a {
color: #0467ba;
}

/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*--  NIVEAU 2  --*/
#menu ul li ul {
display: none;
position: absolute;
top: 39px;
left: -10px;
width: 174px;
margin:0px;
padding:0px;
z-index: 999999;
}
#menu ul li ul li {
float: none;
width: 174px;
border-bottom:1px solid #fff;
}
#menu ul li ul li a {
padding: 2px 0px 2px 6px;
height: 17px;
width: 168px;
float: none;
font-size:.80em;
}
#menu ul li.lien02 ul li a {
color: #fff;
background-image: url(menu01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu ul li.lien02 ul li a:hover {
color: #92e6e7;
}
#menu ul li.lien03 ul li a {
color: #fff;
background-image: url(menu02.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu ul li.lien03 ul li a:hover {
color: #fbcf8f;
}
#menu ul li.lien04 ul li a {
color: #fff;
background-image: url(menu03.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu ul li.lien04 ul li a:hover {
color: #fb8995;
}
#menu ul li.lien05 ul li a {
color: #fff;
background-image: url(menu04.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;

}
#menu ul li.lien05 ul li a:hover {
color: #b5fc9d;
}
#menu ul li.lien06 ul li a {
color: #fff;
background-image: url(menu05.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu ul li.lien06 ul li a:hover {
color: #f991fd;
}
#menu ul li.lien07 ul li a {
color: #fff;
}
#menu ul li.lien07 ul li a:hover {
color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
padding: 0px 0px 0px 0px;
}
#content {
float: left;
padding: 0px 0px 20px 0px;
width:950px;
margin:0 48px 0 19px !important;
margin:0 48px 0 10px;
background:url(images/back-inter.jpg) no-repeat bottom #f9faeb;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float:left;
font-size: x-small;
width: 616px;
height: 18px;
color: #084582;
margin:0px 40px 0px 40px;
}
#filariane a {
color: #084582;
}
#filariane a:hover, #filariane a:active {
color: #019596;
}
body.bodyaccueil #filariane {
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
border-right:none;
width:697px;
padding: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px;
}
.newsletter {
width:340px;
text-align:center;
padding:0;
margin:0;
}
body.bodyaccueil #inter .newsletter p {
padding:0;
margin:0;

}
body.bodyaccueil #centre {
width:340px;
float:left;
}
body.bodyaccueil #edito {
background:url(images/fond-edito.png) no-repeat 0 0;
width:300px;
min-height:365px;
padding:10px 20px 0px 20px;
float:left;
}
body.bodyaccueil #edito h2 {
color:#c04502;
font-size:1.5em;
text-decoration:underline;
text-align:center;
width:300px;
}
body.bodyaccueil #edito p {
color:#08427d;
width:295px;
text-align:justify;
font-size:1em;
line-height:1.3em;
margin-top:15px;
padding-right:5px;
}
body.bodyaccueil #totem-gauche {
width:290px;
float:left;
margin:0 31px 0 35px !important;
margin:0 15px 0 15px;
padding:0;
}

#inter {
float: left;
padding: 0px 0px 0px 0px;
/*background:url(images/back-inter.jpg) no-repeat bottom #f9faeb;*/
width: 616px;
padding: 0px 40px 0px 40px !important;
padding: 0px 20px 0px 20px;
margin:0px 0px 0px 0px;
border-right:1px solid #cdeaf6;
}

#inter h2 {
font-size: x-large;
margin: 17px 0px 7px 0px;
padding: 0;
color: #056d6e;
line-height: 24px;
text-align:left;
float:left;
width:616px;
}
#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:616px;
}
#inter h3 a {
color: #99CC33;
}

#inter h4 {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
float:left;
width:616px;
}
#inter h4 a {
color: #6699CC;
}

#inter p {
margin: 10px 0px 10px 0px;
}

#inter ul {
margin: 7px 0px 7px 0px;
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:#056d6e;
border-bottom:2px solid #cdeaf6;
padding-bottom:5px;
}
body.bodyheberg #inter h3 {
color:#019596;
text-decoration:underline;
margin-top:35px;
}
body.bodyheberg #inter h4 {
color:#019596;
}
body.bodyheberg #inter ul li {
background-image: url(puce_liste_bleu_vert.gif);
}
/*
body.bodyheberg #inter p {
width:616px;
margin:2px 0px 4px 0px;
float:left;
}
*/


body.bodyheberg #inter p  a {
color: #084582;
}
body.bodyheberg #inter p a:hover {
color: #019596;
}
body.bodyheberg #inter ul.liste_villages,
body.bodyinfos #inter ul.liste_villages {
width:616px;
}
body.bodyheberg #inter ul.liste_villages li,
body.bodyinfos #inter ul.liste_villages li {
display:inline;
margin:0 5px 0 5px;
}
body.bodyheberg #inter ul.liste_villages li a {
color: #084582;
}
body.bodyheberg #inter ul.liste_villages li a:hover {
color: #019596;
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
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:#9a5c02;
border-bottom:2px solid #d58d24;
padding-bottom:5px;
}
body.bodyvisites #inter h3 {
color:#b36a01;
margin-top:30px;
margin-bottom:10px;
text-decoration:underline;
}
body.bodyvisites #inter h4 {
color:#b36a01;
margin-top:15px;
}
body.bodyvisites #inter ul li {
background-image: url(puce_liste_marron.gif);
}
/*
body.bodyvisites #inter p {
width:616px;
margin:5px 0px 5px 0px;
float:left;
}
*/


body.bodyvisites #inter p  a {
color: #084582;
}
body.bodyvisites #inter p a:hover {
color: #b36a01;
}
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 li a:hover {
color: #b36a01;
}

body.bodyvisites #inter ul.liste_chemins {
width:596px;
margin:2px 0px 4px 20px;
}
body.bodyvisites #inter ul.liste_chemins li {
display:block;
float:left;
width:581px;
background:url(images/puce-visites.gif) no-repat 0 0;
padding-left:15px;
margin-bottom:3px;
}


/* 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;
margin-bottom:15px;
text-decoration:underline;
}
body.bodyloisirs #inter h4 {
color:#b73504;
margin-top:15px;
}
body.bodyloisirs #inter ul li {
background-image: url(puce_liste_rouge.gif);
}
/*
body.bodyloisirs #inter p {
width:616px;
margin:2px 0px 4px 0px;
float:left;
}
*/


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;
}
body.bodyloisirs #inter ul li a:hover {
color: #b73504;
}

/* 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;
margin-bottom:15px;
text-decoration:underline;
}
body.bodysaveurs #inter h4 {
color:#677106;
margin-top:15px;
}
body.bodysaveurs #inter ul li {
background-image: url(puce_liste_verte.gif);
}
/*
body.bodysaveurs #inter p {
width:616px;
margin:2px 0px 4px 0px;
float:left;
}
*/


body.bodysaveurs #inter p  a {
color: #084582;
}
body.bodyloisirs #inter p a:hover {
color: #677106;
}
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:#650669;
border-bottom:2px solid #cdeaf6;
padding-bottom:5px;
}
body.bodygalerie #inter h3 {
color:#920297;
margin-top:30px;
margin-bottom:15px;
text-decoration:underline;
}
body.bodygalerie #inter h4 {
color:#920297;
margin-top:15px;
}
body.bodygalerie #inter ul li {
background-image: url(puce_liste_violete.gif);
}
/*
body.bodygalerie #inter p {
width:616px;
margin:2px 0px 4px 0px;
}
*/

body.bodygalerie #inter p  a {
color: #084582;
}
body.bodygalerie #inter p a:hover {
color: #019596;
}
body.bodygalerie #inter .affiches {
width:200px;
margin:7px 0px 7px 0px;
float:left;
}
body.bodygalerie #inter .affiches p {
width:200px;
margin:0px 0px 0px 0px;
text-align:center;
}
body.bodygalerie #inter .affiches img {
border:1px solid #ccc;
}
body.bodygalerie #inter .formaffiches,
body.bodygalerie #inter form  {
width:616px;
float:left;
}


table.oeuvres, .oeuvres {
width: 400px;
border: none;
margin: 5px 0px 0px 5px;
text-align:center;
margin:0 auto;
}
.oeuvres th,
.oeuvres td {
background-color: transparent;
color: #000;
font-weight: normal;
text-align: center;
vertical-align: middle;
width: 150px;
padding: 0px 0px 15px 0px;
border: none;
font-size:10px;
width:200px;
}
.oeuvres a {
color:#920297;
}

.pubgalerie {
width:450px;
margin:0 auto;
text-align:center;
border:1px solid #650669;
padding:10px;
}
body.bodygalerie #inter .pubgalerie p {
text-align:justify;
margin:0;
}


/* RUBRIQUE CONTACT */
body.bodycontact #inter h2 {
color:#d44e03;
border-bottom:2px solid #cdeaf6;
padding-bottom:5px;
}
body.bodycontact #inter h3 {
color:#fa9818;
margin-top:30px;
margin-bottom:15px;
text-decoration:underline;
}

/* PAGE FETE ET MANIFS */
body.bodymanifestations #inter h2 {
color:#e2003c;
border-bottom:2px solid #e2003c;
padding-bottom:5px;
}
body.bodymanifestations #inter h3 {
margin-top:30px;
}

/* 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 ul li {
background-image: url(puce_liste_bleue.gif);
}
/*
body.bodygenerique #inter p,
body.bodyactus #inter p {
width:616px;
margin:2px 0px 4px 0px;
}
*/


body.bodygenerique #inter p  a, body.bodyactus #inter p a {
color: #0467ba;
}
body.bodygenerique #inter p a:hover, body.bodyactus #inter p a:hover {
color: #084582;
}
body.bodygenerique #inter ul.liste_atouts {
width:616px;
margin:7px 0px 7px 0px;
}

body.bodyinfos #inter h3 {
text-decoration:underline;
}
body.bodyinfos #inter h5 {
margin:10px 0 0 0;
padding:0;
}
body.bodyinfos #inter p {
margin:0px 0px 4px 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;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 223px;
padding: 0px 0px 0px 0px;
margin-left:30px;
}
#right ul {
}
#right ul li {
}
#right ul li ul {

}
#right ul li ul li {

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BOUTONS ACCUEIL ---*/
#boutons-accueil, 
#boutons-inter,
#boutons-accueil_fr, 
#boutons-inter_fr,
#boutons-accueil_en, 
#boutons-inter_en {
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;
}
body.bodyaccueil #inter #boutons-accueil ul li, 
#boutons-inter ul li {
display:block;
margin:5px 0 0 0;
padding:0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SITUATION ---*/
#situation,
#situation_fr {
margin: 0px;
padding: 30px 0 0 0;
font-size: x-small;
background:url(images/titre-accueil-ou.gif) no-repeat 0 0;
}
#situation_en {
margin: 0px;
padding: 30px 0 0 0;
font-size: x-small;
background:url(images/titre-accueil-vous-en.gif) no-repeat 0 0;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CARTE INTERACTIVE ---*/
#carte-interactive,
#carte-interactive_en,
#carte-interactive_fr {
margin: 0px;
padding: 30px 0 0 0;
font-size: x-small;
background:url(images/titre-carte-interactive.gif) no-repeat 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FLUX RSS---*/
#fluxrss {
margin: 20px 0 10px 0;
padding: 30px 0 0 0;
font-size: 12px;
width: 223px;
background:url(images/titre-actualites-gersoises.gif) no-repeat 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TELECHARGEMENT ---*/
#telechargement {
margin: 0px;
padding: 30px 0 0 0;
font-size: x-small;
width: 223px;
background:url(images/titre-telechargement.gif) no-repeat 0 0;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- FETES ET MANIFS ---*/
#fetes,
#fetes_fr {
margin: 20px 0 15px 0;
padding: 10px 0 0 0;
font-size: 12px;
width:290px;
float:left;
/*background:url(images/titre-accueil-fetes.gif) no-repeat 0 0;*/
border-bottom:2px solid #e31b19;
}
#fetes_en {
margin: 20px 0 15px 0;
padding: 10px 0 0 0;
font-size: 12px;
width:290px;
float:left;
/*background:url(images/titre-accueil-fetes-en.gif) no-repeat 0 0;*/
border-bottom:2px solid #e31b19;
}
#fetes h5 {
width:300px;
margin:0;
padding:0px 10px 0px 0px;
color:#e31b19;
font-size:12px;
}
#fetes h5 a {
color:#e31b19;
}

#fetes p {
color:#084582;
margin:0;
padding:0px 10px 10px 0px;
}
#fetes p a {
color:#084582;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
margin: 0px;
padding: 0px;
font-size: x-small;
}
#totem p {
margin: 0px 0px 0px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- COORDONNEES ---*/
#coordonnees {
margin: 10px 0px 10px 0px;
padding: 5px 10px 5px 10px;
font-size: x-small;
}
#coordonnees p {
margin: 5px 0px 5px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float:left;
width:1017px;
height:100px;
font-size: x-small;
padding: 0px 0px 0px 0px;
background:url(images/back-footer.jpg) no-repeat 0 0;
}
#footer a {
text-decoration: none;
color:#084582;
}
body.bodyaccueil #signaturegers {
padding-top:45px;
}
#signaturegers {
float:left;
width:215px;
padding-top:25px;
padding-left:40px;
}
.rouge {
color:#b73504;
}
body.bodyaccueil #footer ul {
padding: 45px 67px 0px 0px;
}
#footer ul {
float:right;
width: 695px;
margin:0px 0px 0px 0px;
padding: 25px 67px 0px 0px;
text-align:right;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage,
body.bodyaccueil #hautpage_en,
body.bodyaccueil #hautpage_fr  {
display: none;
}
#hautpage,
#hautpage_en,
#hautpage_fr {
/*float: left;*/
padding: 0px 0px 0px 60px;
}
#hautpage a,
#hautpage_en a,
#hautpage_fr a {
display: block;
width: 90px;
height: 18px;
padding: 2px 0px 0px 0px;
color: #0467ba;
text-decoration: none;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage,
body.bodyaccueil #imprimpage_fr,
body.bodyaccueil #imprimpage_en {
display: none;
}
#imprimpage,
#imprimpage_fr,
#imprimpage_en {
position:absolute;
top:420px;
left:598px;
font-size: x-small;
}
#imprimpage a,
#imprimpage_en a,
#imprimpage_fr a {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 0px;
color: #0467ba;
text-decoration: none;
}
body.bodyheberg #imprimpage a,
body.bodyheberg #hautpage a {
color: #019596;
}
body.bodyvisites #imprimpage a,
body.bodyvisites #hautpage a {
color: #B36A01;
}
body.bodyloisirs #imprimpage a,
body.bodyloisirs #hautpage a {
color: #B73504;
}
body.bodysaveurs #imprimpage a,
body.bodysaveurs #hautpage a {
color: #677106;
}
body.bodygalerie #imprimpage a,
body.bodygalerie #hautpage a {
color: #920297;
}
#imprimpage a:hover,
#hautpage a:hover {
text-decoration: underline;
}
/*--- TEXTE ---*/
div.coul01, 
.bleu, 
.coul01, 
body #inter h3.h3bleu, 
body #inter h4.h4bleu, 
#inter a.bleu {
color: #0467ba;
}
div.coul02, 
.turquoise, 
.coul02, 
body #inter h3.h3turquoise, 
body #inter h4.h4turquoise, 
#inter a.turquoise {
color: #046c6d;
}
div.coul03, 
.caramel, 
.coul03, 
body #inter h3.h3caramel, 
body #inter h4.h4caramel, 
#inter a.caramel {
color: #b36a01;
}
div.coul04, 
.rouge, .coul04, 
body #inter h3.h3rouge, 
body #inter h4.h4rouge, 
#inter a.rouge,
body.bodyvisites #inter ul li a.rouge {
color: #b73504;
}
div.coul05, 
.vert, 
.coul05, 
body #inter h3.h3vert, 
body #inter h4.h4vert, 
#inter a.vert,
body.bodyvisites #inter ul li a.vert {
color: #667005;
}
div.coul06, 
.violet, 
.coul06, 
body #inter h3.h3violet, 
body #inter h4.h4violet, 
#inter a.violet {
color: #920297;
}
div.coul07, 
.orange, 
.coul07, 
body #inter h3.h3orange, 
body #inter h4.h4orange, 
#inter a.orange {
color: #d44e03;
}
.vert2,
body.bodyatouts #inter h3.h3vert2 {
color:#297006;
}
.rouge2,
body.bodyatouts #inter h3.h3rouge2  {
color:#b11614;
}

/*-- 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;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
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;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
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 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- 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;
}
body #plandusite ul.listeplan02 li {
background-image: url(puce_liste_bleu_vert.gif);
}
body #plandusite ul.listeplan03 li {
background-image: url(puce_liste_marron.gif);
}
body #plandusite ul.listeplan04 li {
background-image: url(puce_liste_rouge.gif);
}
body #plandusite ul.listeplan05 li {
background-image: url(puce_liste_verte.gif);
}
body #plandusite ul.listeplan06 li {
background-image: url(puce_liste_violete.gif);
}
body #plandusite ul.listeplan07 li {
background-image: url(puce_liste_orange.gif);
}
body #plandusite ul.listeplan08 li {
background-image: url(puce_liste_bleue.gif);
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
#actus {
float:left;
width:290px;
border-bottom:2px solid #d4f0c5;
}
#actus h3 {
height: 25px;
margin: 0px 0px 0px 0px;
width:290px;
/*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-weight: bold;
clear: none;
font-size:12px;
}
#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:614px;
margin:7px 0px 7px 0px;
float:left;
height:500px;
}
#map p { margin:5px 0 5px 0; }

body.bodyrando #map {
width:450px;
}

body.bodyrando #side_bar {
width:153px;
height:490px;
margin:7px 0px 7px 0px;
float:right;
text-align:left;
padding-left:10px;
padding-top:10px;
border-right:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

#focus {
float:left;
width:597px;
margin:0 0px 0 20px;
}
#interFocus {
}
#inter #interFocus .titre {
/*color:#cf1c52;*/
color:#0467ba;
margin:0 0 10px 0;
padding:0;
width:597px;
font-weight:bold;
font-size:12px;
}
#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;
}
body.bodyinfos #inter #contentFocus p {
font-size:12px;
}
#footerFocus {
background:url(images/focus-bottom.gif) no-repeat 0 0;
height:19px;
}
.text14 {
font-size:14px;
}