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

html, body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*background:url(../images/taekwondo-saint-raphael.gif) repeat-y center;*/
background:#2D3C5D;
}

#site {
width:800px;
height:150px;
margin:0 auto;
background-color:#F8FA46;
}

#header {
width:100%;
height:1.5em;
background:url(../images/taekwondo-frejus.jpg);
text-align:right;
padding-top:3px;
}

#header ul, #footer ul {
margin-left:0;
padding-left:0;
display:inline;
}

#header ul li, #footer ul li {
margin-left:0;
padding:0 5px 0 9px;
border-left:1px solid #FFFFFF;
list-style:none;
display:inline;
}

#header ul li.premier, #footer ul li.premier {
margin-left:0;
border-left:none;
list-style:none;
display:inline;
}

a.header, a.footer {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#bandeau {
width:100%;
height:100px;
margin:0;
padding:0;
background-color:#F8FA46;
}

#contenu {
position:absolute;
width:760px;
z-index:1;
top:150px;
background:url(../images/taekwondo.gif) no-repeat right bottom #F8FA46;
padding:30px 20px 20px 20px;
}

#contenu ul {
margin:0 0 0 20px;
}

#footer {
width:100%;
height:1.5em;
background:url(../images/taekwondo-frejus.jpg);
text-align:right;
padding-top:3px;
}

#evenements {
float:right;
width:160px;
margin:15px 15px 0 0;
padding:10px;
background-color:#B0C4DE;
border:#6E79AD solid 2px;
}

.bordure-img {
border:#FFFFFF solid 2px;
}

.bordure-img-partenaires {
border:#687EAF solid 2px;
}

abbr {
border-bottom:#000000 dotted 1px;
}

table {
margin-left:auto;
margin-right:auto;
}

.encart {
border:#B0C4DE solid 2px;
color:#FFFFFF;
padding:10px 10px 10px 95px;
width:75%;
margin:auto;
height:112px;
background:#687EAF url(../images/sport-taekwondo.gif) no-repeat left;
}

#monoSlideshow {
width:158px;
height:100px;
border:#6E79AD solid 1px
}

.entete-tableau {
background:url(../images/taekwondo-frejus.jpg);
color:#FFFFFF;
font-size:14px;
letter-spacing:2px;
}

a.horaires {
color:#FFFFFF;
}

a:hover.horaires {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline overline;
}

.border-zero {
border:none;
}

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

p {
margin:0;
padding:0;
text-align:justify;
}

h1 {
font-size:22px;
margin:0;
color:#687EAF;
background:url(../images/taekwondo-draguignan.gif) no-repeat;
height:56px;
padding:20px 0 0 35px;
border-bottom:#687EAF dashed 1px;
}

h2 {
font-size:18px;
color:#6E79AD;
margin:0;
}

.annotation {
font-size:11px;
font-weight:lighter;
font-style:italic;
}

.centrer {
text-align:center;
}

.droite {
text-align:right;
}

/* --------------------------------------------------------
    Actualités
   -------------------------------------------------------- */

.actu {
width:495px;
background-color:#6E79AD;
margin:15px;
padding:15px;
}

.actu-archive {
width:700px;
background-color:#6E79AD;
margin:15px;
padding:15px;
}

.actu h2 {
font-size:18px;
margin:0;
color:#B0C4DE;
}

.actu h3 {
color:#B0C4DE;
font-size:15px;
border-bottom:#B0C4DE solid 1px;
}

.actu h4 {
color:#B0C4DE;
font-size:12px;
margin-left:20px;
}

.actu li {
color:#FFFFFF;
}

.actu p {
color:#FFFFFF;
}

.actu em {
color:#B0C4DE;
}

.actu img {
border:#FFFFFF solid 2px;
padding:0;
}

.actu a {
color:#FFFFFF;
}

.actu a:hover {
color:#FFFFFF;
text-decoration:none;
}

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

.violet-01 {
color:#687EAF;
}

.blanc {
color:#FFFFFF;
}

/* --------------------------------------------------------
    Couleurs des fonds
   -------------------------------------------------------- */

.background-violet-01 {
background-color:#687EAF;
}

.background-jaune-01 {
background-color:#F3FFA1;
}

.background-bleu-01 {
background-color:#B0C4DE;
}

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

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin:0;
padding:0;
list-style-type:none;
}

#menu {
position:relative;
top:0;
left:0;
z-index:100;
width:770px; /* correction pour Opera */
color:#F8FA46;
padding-left:30px;
}

#menu dl {
float:left;
width:10em;
}

.grand_dl {
width:11.5em;
}

#menu dt {
cursor:pointer;
text-align:center;
font-weight:bold;
letter-spacing:1px;
background:#687EAF;
border-left:1px solid #666666;
border-right:1px solid #F8FA46;
margin-top:1px;
height:20px;
padding-top:5px;
}

#menu dd {
display:none;
}

#menu li {
text-align:center;
background:#B0C4DE;
}

#menu li a {
color:#000000;
text-decoration:none;
display:block;
height:100%;
border:#B0C4DE solid 3px;
}

#menu li a:hover, #menu li a:focus, #menu dt a:focus {
background-color:#687EAF;
color:#000000;
}

#menu dt a, #menu dt a:hover {
color:#F8FA46;
text-decoration:none;
}

/* Pour la partie lettre d'info: */
.important, .valide {
font-weight: bold;
}
button {
background-color: #f3f6ed;
border: 1px solid #e1d6c6;
margin: 1px;
}