/*  CORPS PRINCIPAL */

* {
border: 0;
margin: 0 auto;
padding: 0;
font-family: trebuchet ms;
font-size: 13px;
font-weight: normal;
color: #666;
text-shadow: #000;
text-align: justify;
text-decoration: none;
list-style-type: none;
}

body {
background: #fff;
}

/* STRUCTURE */

#site {
width: 840px;
background-image: url('images/fond/fond.gif');
}

/* ELEMENTS DE DESIGN */

#banniere, #mhaut, #menu, #contenu, #mbas {
width: 800px;
font-size: 1px;
}

/* BANNIERE */

#banniere {
height: 220px;
}

/* DEGRADE HAUT DE CONTENU */

#mhaut {
height: 46px;
background-image: url('images/fond/mh.gif');
}

#mhaut .gauche h1 {
font-size: 14px;
font-weight: bold; 
color: #666;
padding: 16px 0 10px 0;
}

#mhaut .droite h1 {
font-size: 18px;
font-weight: bold; 
color: #990000;
padding: 13px 0 10px 0;
}

/* CONTENU */

#contenu {
background-image: url('images/fond/contenu.gif');
}

/* POUR TIRER LE BACKGROUND */

.espace {
clear: both;
}

/* DEGRADE BAS DU CONTENU */

#mbas {
height: 46px;
background-image: url('images/fond/mb.gif');
}

#mbas p, #mbas p a {
color: #ccc;
font-size: 11px;
}

#mbas p {
margin-left: 700px;
padding: 15px 0 15px 0;
}

#mbas p a:hover {
color: #666;
}

/* BAS */

#bas {
width: 840px;
height: 102px;
font-size: 1px;
}

/* BAS */

#icones {
padding: 5px 0 3px 0;
text-align: center;
}

/* MENU */

#menu ul.trait {
margin: 0 auto;
text-align: center;
background: url(images/fond/lignemenu.gif) left bottom repeat-x;
}

#menu ul li {
line-height: 25px;
display: inline;
}

#menu ul li a, #menu ul li a span {
font-size: 15px;
color: #666;
padding: 0 3px;
font-weight: bold;
}

#menu ul li a span {
color: #990000;
}

#menu ul li a:hover {
color: #990000;
}

#menu ul li a:hover span {
color: #666;
}

/* GAUCHE */

.gauche {
width: 180px;
float: left;
padding: 0 10px 0 10px;
}

.gauche h2 {
margin: 13px 0;
font-size: 13px;
color: #990000;
}

.gauche p {
font-size: 12px;
text-align: left;
}

.gauche li, .gauche li a {
font-size: 11px;
}

.gauche li.trait {
margin: 0 auto;
margin-bottom: 5px;
background: url(images/bd.gif) left bottom repeat-x;
}

/* DROITE */

.droite {
width: 580px;
float: left;
padding: 0 10px 0 10px;
text-align: center;
}

.droite h2 {
margin: 13px 0;
font-size: 15px; 
font-weight: bold;
color: #333;
}

h3 {
margin: 13px 0;
font-size: 15px;
font-weight: bold;
color: #666;
}

.droite li {
line-height: 20px;
}

.italic {
font-style: italic;
}

/* FORMULAIRES */

.droite p.trait, .droite li.trait {
margin: 0 auto;
margin-bottom: 10px;
padding-bottom: 10px;
background: url(images/bd.gif) left bottom repeat-x;
}

.droite p span, .droite p.trait span, .droite form li span {
color: #990000;
}

.droite .box, .droite .bouton {
width: 150px;
margin: 5px 0 10px 0;
cursor: pointer;
border: 1px solid #666;
}

.droite .bouton {
background-color: #f8f8f8;
text-align: center;
}

.droite .area {
margin: 5px 0 10px 0;
cursor: pointer;
border: 1px solid #666;
}

.droite .date {
margin: 5px 0 10px 0;
cursor: pointer;
border: 1px solid #666;
}

.droite .box:focus, .droite .area:focus, .droite .bouton:focus, .droite .date:focus {
border: 1px solid #990000;
}

/* LIENS */

a:hover {
color: #990000;
}