/* --------------------------------------------------------
Configuration générale
-------------------------------------------------------- */

* {
margin:0;
padding:0;
}

body {
background:url(../images/association-la-palud-frejus.jpg) no-repeat center top;
}

input, textarea {
border:#AA9C8F solid 1px;
}

select {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
}

fieldset {
border:#AA9C8F solid 1px;
font-size:11px;
padding:0 10px 10px 10px;
}

legend {
color:#D42820;
}

hr {
border:#564B41 dotted 1px;
}

h1 {
font-size:20px;
}

.index-rouge {
background:url(../images/titlebar-active.png);
width:228px;
height:38px;
font:bold 14px Arial;
margin-bottom:10px;
}

.index-noir {
background:url(../images/titlebar.png);
width:228px;
height:38px;
font:bold 14px Arial;
margin-bottom:10px;
}

.index-rouge a, .index-noir a {
color:#FFFFFF;
text-decoration:none;
display:block;
width:198px;
height:23px;
padding:11px 0 4px 30px;
}

#global {
position:relative;
width:514px;
margin:0 auto;
padding:190px 210px 0 226px;
}

#colonne-gauche {
position:absolute;
top:190px;
left:0;
width:228px;
}

#colonne-droite {
position:absolute;
top:190px;
right:0;
width:212px;
}

#titre-h1 {
position:absolute;
top:5px;
left:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7A6E61;
font-weight:lighter;
}

#ephemeride {
position:absolute;
top:5px;
right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7A6E61;
font-weight:lighter;
}

#contenu {
min-height: 50em;
_height: 50em;
}

#contenu ul {
margin-left:20px;
}

#newsletter {
position:absolute;
top:30px;
right:60px;
width:258px;
height:36px;
background:url(../images/association-la-palud-frejus.png) no-repeat;
_background:url(../images/association-la-palud-gabian.gif) no-repeat;
padding:50px 0 0 50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

#newsletter button, p.r button {
vertical-align:middle;
border: none;
background: none;	
}

.zone-de-contenu-01 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/la-palud-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-01 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-01 h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#D42820;
margin-bottom:0;
}

.zone-de-contenu-01 h2 span {
color:#E6E0D9;
}

.zone-de-contenu-01 a {
color:#D42820;
}

.zone-de-contenu-01 a:hover {
color:#D42820;
text-decoration:overline underline;
}

.zone-de-contenu-02 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/la-palud.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-02 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-02 p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.zone-de-contenu-02 a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#D42820;
text-decoration:none;
}

.zone-de-contenu-02 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#D42820;
text-decoration:overline underline;
}

.zone-de-contenu-03 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/lou-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-03 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-03 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0088BC;
}

.zone-de-contenu-03 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0088BC;
text-decoration:overline underline;
}

.zone-de-contenu-04 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/lou-gabian-frejus.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-04 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-04 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
}

.zone-de-contenu-04 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
text-decoration:overline underline;
}


.zone-de-contenu-05 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/la-palud-lou-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-05 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-05 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DD5A24;
}

.zone-de-contenu-05 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DD5A24;
text-decoration:overline underline;
}

.zone-de-contenu-06 {
width:460px;
margin:0 auto;
padding:10px;
border:#AA9C8F 2px solid;
background:url(../images/logo-palud.gif) no-repeat right top #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-06 a {
font-size:10px;
color:#D42820;
}

.zone-de-contenu-06 table {
font-size:11px;
}

.zone-de-contenu-07 {
width:470px;
margin:0 auto;
padding:5px;
border:#AA9C8F 1px solid;
background:#FFFFFF;
}

.zone-de-contenu-08 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/lou-gabian-agenda.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
}

.zone-de-contenu-08 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 33px;
}

.zone-de-contenu-08 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
}

.zone-de-contenu-08 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
text-decoration:overline underline;
}

.zone-de-contenu-09 {
width:460px;
margin:0 auto;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#564B41;
text-align:justify;
background:#FFFFFF;
}

.zone-de-contenu-09 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#0088BC;
margin-top:8px;
}

.zone-de-contenu-09 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
}

.zone-de-contenu-09 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#799C13;
text-decoration:overline underline;
}

#entreprise-honneur {
width:188px;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/entreprises-la-palud-lou-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#564B41;
}

#entreprise-honneur h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 43px;
}

#entreprise-honneur a {
color:#DE5C24;
}

#entreprise-honneur a:hover {
color:#DE5C24;
text-decoration:overline underline;
}

#annuaire-entreprises {
width:188px;
padding:70px 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/annuaire-entreprises-palud-gabian.gif) top center no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#564B41;
}
#annuaire-entreprises p {
text-align: left;
}
#annuaire-entreprises input {
width: 156px;
}
#annuaire-entreprises button {
border: none;
background: none;
margin-bottom: -4px;
}

#annuaire-entreprises h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 43px;
}

#annuaire-entreprises a {
font-size:12px;
color:#D42820;
}

#annuaire-entreprises a:hover {
color:#D42820;
text-decoration:overline underline
}

#footer {
background:url(../images/association-la-palud-gabian-frejus.jpg) no-repeat center;
height:45px;
padding-top:165px;
text-align:center;
color:#FFFFFF;
}

#footer a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

#meteo {
width:85px;
height:55px;
background:url(../images/meteo-frejus.gif) no-repeat center #999999;
border:#AA9C8F 1px solid;
padding:6px 0 0 123px;
}

#dernieres-news {
width:188px;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/actualite-palud-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#564B41;
}

#dernieres-news h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 43px;
}

#dernieres-news a {
color:#0088BC;
}

#dernieres-news a:hover {
color:#0088BC;
text-decoration:overline underline;
}

#vu-presse {
width:188px;
padding:0 10px 10px 10px;
border:#AA9C8F 1px solid;
background:url(../images/presse-palud-gabian.gif) top left no-repeat #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#564B41;
}

#vu-presse h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
margin:8px 0 0 43px;
}

#vu-presse a {
color:#D42820;
}

#vu-presse a:hover {
color:#D42820;
text-decoration:overline underline;
}

.centrer {
text-align:center;
}

.centre {
margin:auto;
}

/* --------------------------------------------------------
Menu
-------------------------------------------------------- */

.arrowlistmenu {
width:228px; /*width of accordion menu*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
font:bold 14px Arial;
color:white;
background:url(../images/titlebar.png) no-repeat center left;
margin-bottom:10px; /*bottom spacing between header and rest of content*/
text-transform:uppercase;
padding:11px 0 4px 30px; /*header text is indented 10px*/
cursor:hand;
cursor:pointer;
height:24px;
}

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../images/titlebar-active.png);
}

.arrowlistmenu ul { /*CSS for UL of each sub menu*/
list-style-type:none;
margin:0 0 8px 0; /*bottom spacing between each UL and rest of content*/
padding:3px;  /*MOI au lieu de 0*/
background:#FFFFFF;  /*MOI*/
}

.arrowlistmenu ul li {
padding-bottom:2px; /*bottom spacing between menu items*/
background:#E6E0D9;
list-style:none;
}

.arrowlistmenu ul li a {
color:#7A6E61;
display:block;
padding:5px 0 5px 19px; /*link text is indented 19px*/
text-decoration:none;
font-weight:bold;
border-bottom:1px dashed #FFFFFF;
}

.arrowlistmenu ul li a:hover { /*hover state CSS*/
color:#009ECE;
}

.arrowlistmenu a {
font:bold 14px Arial;
color:white;
text-decoration:none;
display:block;
}

/* --------------------------------------------------------
Publicités / Encarts
-------------------------------------------------------- */

.encart-index {
width:480px;
height:100px;
margin:0 auto;
border:#AA9C8F 1px solid;
background:#CCCCCC;
margin-bottom:20px;
}

.encart-colonne {
border:#AA9C8F 1px solid;
}

/* --------------------------------------------------------
Polices d'écriture
-------------------------------------------------------- */

.rouge-01 {
color:#D42820;
}

/* --------------------------------------------------------
Liens hypertextes
-------------------------------------------------------- */

/* --------------------------------------------------------
Couleurs de fond des cellules
-------------------------------------------------------- */

.gris-01 {
background:#F5F1EE;
}

/* --------------------------------------------------------
Couleurs des polices d'écritures
-------------------------------------------------------- */