/* -------------------------------------------------------------
Tout le site
------------------------------------------------------------- */

* {
border: 0;
margin: 0 auto;
padding: 0;
color: #1a1a1a;
text-align: justify;
text-decoration: none;
list-style: none;
}

span.souligne, 
span.souligne * {
text-decoration: underline;
}

span.italique, 
span.italique * {
font-style: italic;
}

span.gras, 
span.gras * {
font-weight: bold;
}

span.italique_gras, 
span.italique_gras * {
font-weight: bold;
font-style: italic;
}

.espace {
clear: both;
}

.cache {
display: none;
}

/* -------------------------------------------------------------
Corps
------------------------------------------------------------- */

html {
font: normal 100% arial, helvetica, 'trebuchet ms', sans-serif;
}

body {
font: normal 0.9em arial, helvetica, 'trebuchet ms', sans-serif;
background: #142d45 url('images/fond/fond.png') repeat-x center top;
}

#site {
width: 1200px;
}

/* -------------------------------------------------------------
Bannière
------------------------------------------------------------- */

#banniere {
width: 1200px;
height: 214px;
}

/* -------------------------------------------------------------
Haut
------------------------------------------------------------- */

#haut {
width: 1200px;
height: 19px;
background: transparent url('images/fond/haut.png') no-repeat center top;
}

#haut p {
color: #666;
font-size: 0.75em;
padding: 2px 0 0 0;
margin: 0 0 0 768px;
}

/* -------------------------------------------------------------
Contenant
------------------------------------------------------------- */

#contenant {
width: 1200px;
height: 261px;
background: transparent url('images/fond/contenant.png') no-repeat center top;
}

/* -------------------------------------------------------------
Contenu
------------------------------------------------------------- */

#contenu {
position: relative;
width: 900px;
background: #fbfbfb url('images/fond/contenu.png') repeat-y center top;
}

/* Image du fond */
#contenu img.absolute {
position: absolute;
left: 727px;
top: auto;
bottom: -71px;
}

/* Zoom */
#zoom img {
border: 3px solid #f5a61f;
}

#ombre {
background: transparent url('images/zoom/zoom.png') repeat center top;
}

/* -------------------------------------------------------------
Gauche
------------------------------------------------------------- */

#gauche {
float: left;
width: 558px;
padding: 10px 20px 0 20px;
min-height: 243px;
background: #fbfbfb url('images/fond/gauche.png') no-repeat left top;
}

#gauche h1, 
#gauche h2, 
#gauche h3 {
color: #0f57b6;
font-weight: bold;
font-size: 1.35em;
margin: 0 0 20px 0;
}

#gauche h2 {
color: #f5a61f;
font-size: 1.15em;
}

#gauche h2.actualites {
margin: 0;
}

#gauche h3 {
color: #1a1a1a;
font-size: 1.05em;
}

#gauche h3.agenda {
margin: 0;
}

#gauche h3.contact_centre {
text-align: center;
}

#gauche h3.cdt {
color: #F00;
font-weight: bold;
font-size: 1.65em;
text-align: center;
}

#gauche p {
margin: 0 0 20px 0;
}

#gauche p.annonce {
color: #990000;
font-size: 1.10em;
font-weight: bold;
margin: 0 0 20px 0;
}

#gauche p.details {
color: #666;
font-size: 0.8em;
margin: 4px 0;
}

#gauche p.espace_vertical {
padding: 0 0 10px 0;
/* border-bottom: 1px solid #bdbcbc; */
}

#gauche p.bordure {
border-bottom: 1px solid #bdbcbc;
}

#gauche p.bordure_bas {
padding: 0 0 20px 0;
border-bottom: 1px solid #bdbcbc;
}

#gauche p.bordure_bas_gauche {
width: 50%;
float: left;
padding: 0 0 20px 0;
border-bottom: 1px solid #bdbcbc;
}

#gauche p.bordure_bas_droite {
width: 50%;
float: left;
text-align: right;
padding: 0 0 20px 0;
border-bottom: 1px solid #bdbcbc;
}

#gauche p.bordure_haut {
padding: 20px 0 0 0;
border-top: 1px solid #bdbcbc;
}

#gauche p.bordure_haut_marges {
padding: 20px 0;
border-top: 1px solid #bdbcbc;
}

#gauche p.legende {
font-size: 0.8em;
text-align: center;
font-style: italic;
margin: -10px 0 20px 0;
}

#gauche p.gauche {
float: left;
}

#gauche p.droite {
float: right;
text-align: right;
}

#gauche p.pdf {
line-height: 20px;
padding: 0 0 0 20px;
background: url('images/icones/pdf_petit.png') no-repeat scroll left 2px;
}

#gauche p.pdf_1 {
line-height: 20px;
padding: 0 0 0 20px;
background: url('images/icones/pdf_petit.png') no-repeat scroll 185px;
}

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

#gauche ul li {
line-height: 20px;
list-style: disc inside;
}

#gauche ul li.sous_element {
padding: 0 0 0 30px;
line-height: 20px;
list-style: none;
}

#gauche ul li.pdf {
line-height: 20px;
padding: 0 0 0 20px;
background: url('images/icones/pdf_petit.png') no-repeat scroll left 2px;
}

#gauche a {
color: #0f57b6;
}

#gauche a:hover {
color: #f5a61f;
}

#gauche img {
margin: 0 0 20px 0;
}

#gauche img.bordure {
margin: 0 0 20px 0;
border: 3px solid #f5a61f;
}

#gauche img.droite {
float: right;
margin: -40px 0 5px 10px;
}

#gauche img.centre {
margin: 0 auto 20px auto;
display: block;
}

#gauche img.bordurecentre {
margin: 0 auto 20px auto;
display: block;
border: 3px solid #f5a61f;
}

#gauche sup {
font-size: 0.8em;
}

#gauche .demi {
width: 50%;
float: left;
}

#gauche .tiers {
width: 33%;
float: left;
}

#gauche .quart {
width: 25%;
float: left;
}

#contenu p.aide_pdf {
padding: 12px 5px 16px 60px;
margin: 0 0 20px 0;
border: 3px solid #f5a61f;
background: #bdbcbc url('images/icones/pdf_grand.png') no-repeat 5px center;
}

/* Nouvelles */
#gauche .date {
float: left;
width: 50px;
height: 50px;
margin: 4px 10px 0 0;
background: transparent url('images/icones/calendrier.png') no-repeat left top;
}

#gauche .date p.mois {
color: #fbfbfb;
margin: 0;
padding: 1px 0 0 0;
text-align: center;
}

#gauche .date p.jour {
margin: 0;
padding: 5px 0 0 0;
font-size: 1.5em;
text-align: center;
}

#gauche img.actualites {
float: right;
margin: 4px 0 0 10px;
border: 2px solid #f5a61f;
}

#gauche .gauche_actualites {
float: left;
width: 33%;
padding: 20px 0;
border-top: 1px solid #bdbcbc;
}

#gauche .centre_actualites {
float: left;
width: 34%;
text-align: center;
padding: 20px 0;
border-top: 1px solid #bdbcbc;
}

#gauche .droite_actualites {
float: right;
width: 33%;
text-align: right;
padding: 20px 0;
border-top: 1px solid #bdbcbc;
}

#gauche .gauche_actualites img, 
#gauche .droite_actualites img {
float: right;
margin: 20px 0 0 0;
border: 2px solid #f5a61f;
}

#gauche .gauche_actualites img {
float: left;
}

/* Situation */
#gauche p.symbole {
font-size: 0.8em;
padding: 15px 0 0 0;
border-top: 1px solid #bdbcbc;
}

#gauche #carte {
width: 552px;
height: 350px;
margin: 0 0 20px 0;
border: 2px solid #f5a61f;
}

#gauche #carte * {
color: #1a1a1a;
text-align: center;
}

#gauche #carte p {
padding: 10px 10px;
text-align: justify;
}

#gauche #carte span, 
#gauche #carte a {
font-size: 8px;
color: #fff;
}

#gauche #carte #scalecontrol * {
display: none;
}

/* Tableau des fonctions et de l'EM */
#gauche table.fonctions {
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.fonctions tr td.specialite, 
#gauche table.fonctions tr.gris td.specialite {
width: 25%;
padding: 10px 10px;
text-align: left;
}

#gauche table.fonctions tr td.composition, 
#gauche table.fonctions tr.gris td.composition {
width: 40%;
padding: 10px 0 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.fonctions tr td.remarques, 
#gauche table.fonctions tr.gris td.remarques {
width: 35%;
padding: 10px 0 10px 10px;
}

/* Tableaux Conseil */
#gauche table.conseil {
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.conseil tr td, 
#gauche table.conseil tr.gris td {
width: 50%;
padding: 10px 0 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche p.conseil {
float: right;
padding: 5px 0 0 0;
}

#gauche p .conseil {
color: #0f57b6;
cursor: pointer;
background: none;
margin: -1px 0 0 0;
}

#gauche p .conseil:hover {
color: #f5a61f;
}

#gauche img.conseiller {
float: right;
margin: 0 0 5px 0;
border: 3px solid #f5a61f;
}

/* Tableau des effectifs */
#gauche table.effectifs {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.effectifs tr td.fonction, 
#gauche table.effectifs tr.gris td.fonction {
width: 20%;
padding: 10px 10px;
}

#gauche table.effectifs tr td.nombre, 
#gauche table.effectifs tr.gris td.nombre {
width: 10%;
padding: 10px 10px;
text-align: center;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.effectifs tr td.grade, 
#gauche table.effectifs tr.gris td.grade {
width: 20%;
padding: 10px 10px;
border-right: 1px solid #e3e3e3;
}

#gauche table.effectifs tr td.remarques, 
#gauche table.effectifs tr.gris td.remarques {
width: 50%;
padding: 10px 10px;
}

/* Tableau des exercices (programmes) */
#gauche table.programme {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.programme tr td.qui, 
#gauche table.programme tr.gris td.qui {
width: 26%;
padding: 10px 10px;
}

#gauche table.programme tr td.quand, 
#gauche table.programme tr.gris td.quand {
width: 10%;
padding: 10px 10px;
text-align: center;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.programme tr td.horaire, 
#gauche table.programme tr.gris td.horaire {
width: 25%;
padding: 10px 10px;
text-align: center;
border-right: 1px solid #e3e3e3;
}

#gauche table.programme tr td.remarques, 
#gauche table.programme tr.gris td.remarques {
width: 39%;
padding: 10px 10px;
}

/* Tableau des groupes d'interventions */
#gauche table.groupe {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.groupe tr td.groupe, 
#gauche table.groupe tr.gris td.groupe {
width: 25%;
padding: 10px 10px;
}

#gauche table.groupe tr td.effectif, 
#gauche table.groupe tr.gris td.effectif {
width: 15%;
padding: 10px 10px;
text-align: center;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.groupe tr td.nom_smt, 
#gauche table.groupe tr.gris td.nom_smt {
width: 25%;
padding: 10px 10px;
font-style: italic;
border-right: 1px solid #e3e3e3;
}

#gauche table.groupe tr td.remarques, 
#gauche table.groupe tr.gris td.remarques {
width: 35%;
padding: 10px 10px;
}

/* Tableau des détails (groupes d'interventions) */
#gauche table.details {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.details tr td.detail1, 
#gauche table.details tr.gris td.detail1 {
width: 26%;
padding: 10px 10px;
}

#gauche table.details tr td.detail2, 
#gauche table.details tr.gris td.detail2 {
width: 74%;
padding: 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

/* #gauche table.details tr td.of, 
#gauche table.details tr.gris td.of {
width: 25%;
padding: 10px 10px;
font-style: italic;
border-right: 1px solid #e3e3e3;
}

/* #gauche table.details tr td.remarques, 
#gauche table.details tr.gris td.remarques {
width: 35%;
padding: 10px 10px;
} */

/* Tableau des détails (membres d'un groupe d'interventions) */
#gauche table.details {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.details tr td.of, 
#gauche table.details tr.gris td.of {
width: 33%;
padding: 10px 10px;
}

#gauche table.details tr td.sof, 
#gauche table.details tr.gris td.sof {
width: 33%;
padding: 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.details tr td.sap, 
#gauche table.details tr.gris td.sap {
width: 34%;
padding: 10px 10px;
/* font-style: italic; */
border-right: 1px solid #e3e3e3;
}

/* Tableau des interventions */
#gauche table.interventions {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.interventions tr td.code, 
#gauche table.interventions tr.gris td.code {
width: 2%;
padding: 10px 10px;
border-right: 1px solid #e3e3e3;
text-align: center;
}

#gauche table.interventions tr td.quand, 
#gauche table.interventions tr.gris td.quand {
width: 10%;
padding: 10px 10px;
}

#gauche table.interventions tr td.village, 
#gauche table.interventions tr.gris td.village {
width: 24%;
padding: 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.interventions tr td.libelle, 
#gauche table.interventions tr.gris td.libelle {
width: 49%;
padding: 10px 10px;
font-style: italic;
border-right: 1px solid #e3e3e3;
}

#gauche table.interventions tr td.remarques, 
#gauche table.interventions tr.gris td.remarques {
width: 15%;
padding: 10px 10px;
text-align: center;
}

/* Tableau des détails (détails de l'intervention) */
#gauche table.details_interv {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.details_interv tr td.detail1, 
#gauche table.details_interv tr.gris td.detail1 {
width: 38%;
padding: 10px 10px;
}

#gauche table.details_interv tr td.detail2, 
#gauche table.details_interv tr.gris td.detail2 {
width: 62%;
padding: 10px 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

/* Tableau des activités hors service */
#gauche table.hors_service {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.hors_service tr td.quand, 
#gauche table.hors_service tr.gris td.quand {
width: 10%;
padding: 10px 10px;
/* text-align: center; */
}

#gauche table.hors_service tr td.ou, 
#gauche table.hors_service tr.gris td.ou {
width: 25%;
padding: 10px 10px;
font-style: italic;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.hors_service tr td.recit, 
#gauche table.hors_service tr.gris td.recit {
width: 40%;
padding: 10px 25px;
/* text-align: center; */
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
background: url('images/icones/pdf_petit.png') no-repeat scroll 5px 10px;

/*
background: url('images/icones/pdf_petit.png') no-repeat scroll left 2px;
*/

}

#gauche table.hors_service tr td.photos, 
#gauche table.hors_service tr.gris td.photos {
width: 25%;
padding: 10px 10px;
}

/* Tableau des joutes 2009 à Ecuvillens */
#gauche table.joutes_2009 {	
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.joutes_2009 tr td.libelle1, 
#gauche table.joutes_2009 tr.gris td.libelle1 {
width: 45%;
padding: 10px 10px;
/* text-align: center; */
}

#gauche table.joutes_2009 tr td.logo1, 
#gauche table.joutes_2009 tr.gris td.logo1 {
width: 5%;
/* padding: 10px 10px; */
/* font-style: italic; */
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
line-height: 20px;
padding: 0 0 0 20px;
background: url('images/icones/pdf_petit.png') no-repeat scroll center 10px;
}

#gauche table.joutes_2009 tr td.libelle2, 
#gauche table.joutes_2009 tr.gris td.libelle2 {
width: 45%;
padding: 10px 10px;
/* text-align: center; */
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

/* #gauche table.joutes_2009 tr td.logo2,  */
/* #gauche table.joutes_2009 tr.gris td.logo2 { */
/* width: 5%; */
/* padding: 10px 10px; */
/* } */









/* Tableaux documents */
#gauche table.documents {
width: 100%;
margin: 0 0 20px 0;
border-collapse: collapse;
border: 1px solid #e3e3e3;
}

#gauche table.fonctions tr, 
#gauche table.fonctions tr *, 
#gauche table.conseil tr, 
#gauche table.conseil tr *, 
#gauche table.effectifs tr, 
#gauche table.effectifs tr *, 
#gauche table.programme tr, 
#gauche table.programme tr *,
#gauche table.groupe tr, 
#gauche table.groupe tr *,
#gauche table.interventions tr, 
#gauche table.interventions tr *,
#gauche table.details tr, 
#gauche table.details tr *,
#gauche table.details_interv tr, 
#gauche table.details_interv tr *,
#gauche table.hors_service tr, 
#gauche table.hors_service tr *,
#gauche table.joutes_2009 tr, 
#gauche table.joutes_2009 tr *,
#gauche table.documents tr, 
#gauche table.documents tr * {
background: #fbfbfb;
}

#gauche table.fonctions tr.gris, 
#gauche table.fonctions tr.gris *, 
#gauche table.conseil tr.gris, 
#gauche table.conseil tr.gris *,
#gauche table.effectifs tr.gris, 
#gauche table.effectifs tr.gris *,
#gauche table.programme tr.gris, 
#gauche table.programme tr.gris *,
#gauche table.groupe tr.gris, 
#gauche table.groupe tr.gris *,
#gauche table.interventions tr.gris, 
#gauche table.interventions tr.gris *,
#gauche table.details tr.gris, 
#gauche table.details tr.gris *,
#gauche table.details_interv tr.gris, 
#gauche table.details_interv tr.gris *,
#gauche table.hors_service tr.gris, 
#gauche table.hors_service tr.gris *,
#gauche table.joutes_2009 tr.gris, 
#gauche table.joutes_2009 tr.gris *,
#gauche table.documents tr.gris, 
#gauche table.documents tr.gris * {
background: #ececec;
}

#gauche table.fonctions tr th,
#gauche table.fonctions tr th.centre, 
#gauche table.conseil tr th,
#gauche table.conseil tr th.centre, 
#gauche table.effectifs tr th,
#gauche table.effectifs tr th.centre,
#gauche table.programme tr th,
#gauche table.programme tr th.centre,
#gauche table.groupe tr th,
#gauche table.groupe tr th.centre,
#gauche table.interventions tr th,
#gauche table.interventions tr th.centre,
#gauche table.details tr th,
#gauche table.details tr th.centre,
#gauche table.details_interv tr th,
#gauche table.details_interv tr th.centre,
#gauche table.hors_service tr th,
#gauche table.hors_service tr th.centre,
#gauche table.joutes_2009 tr th,
#gauche table.joutes_2009 tr th.centre,
#gauche table.documents tr th,
#gauche table.documents tr th.centre {
color: #2d2d2d;
padding: 10px 10px;
background: #bdbcbc;
}

#gauche table.fonctions tr th.centre,
#gauche table.programme tr th.centre,
#gauche table.documents tr th.centre {
text-align: center;
}

#gauche table.documents tr td.nombre {
width: 5%;
text-align: center;
}

#gauche table.documents tr td.poids {
width: 15%;
padding: 10px 0;
text-align: center;
}

#gauche table.documents tr td.titre {
width: 80%;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

#gauche table.documents tr td.titre a {
padding: 10px 10px 10px 30px;
border: none;
background: transparent url('images/icones/pdf_petit.png') no-repeat scroll 10px center;
}

#gauche table.documents tr td.titre1 a {
padding: 10px 10px 10px 30px;
border: none;
background: transparent url('images/icones/fanion01.png') no-repeat scroll 10px center;
}




/* FORMULAIRE */
#gauche p.erreur, 
#gauche p.confirmation {
font-style: italic;
padding-left: 18px;
}

#gauche p.erreur {
color: #ff0000;
background: transparent url('images/icones/erreur.png') no-repeat scroll left 1px;
}

#gauche p.confirmation {
color: #339933;
background: transparent url('images/icones/confirmation.png') no-repeat scroll left 1px;
}

#gauche p label {
font: normal 1em arial, helvetica, 'trebuchet ms', sans-serif;
cursor: pointer;
}

#gauche p.obligatoire, 
#gauche p span.obligatoire {
font: normal 1em arial, helvetica, 'trebuchet ms', sans-serif;
color: #ff0000;
}

#gauche .select, 
#gauche .box, 
#gauche .npa, 
#gauche .lieu, 
#gauche .textarea, 
#gauche .bouton {
font: normal 1em arial, helvetica, 'trebuchet ms', sans-serif;
color: #002f2f;
padding: 3px 0;
cursor: pointer;
border: 1px solid #f5a61f;
}

#gauche .box, 
#gauche .textarea, 
#gauche .bouton {
width: 556px;
}

#gauche .bouton {
width: 277px;
text-align: center;
background: #ececec;
}

#gauche .npa {
width: 34px;
}

#gauche .lieu {
width: 508px;
margin: 0 0 0 8px;
}

#gauche .select {
width: 558px;
}

#gauche .select optgroup, 
#gauche .select optgroup.special {
font: bold 1em arial, helvetica, 'trebuchet ms', sans-serif;
font-style: italic;
}

#gauche .select optgroup.special {
padding: 10px 0;
}

#gauche .select option {
color: #1a1a1a;
cursor: pointer;
}

#gauche .checkbox {
vertical-align: middle;
margin: 0 0 2px 0;
display: inline;
}

/* Plan du site */
#gauche .image_plan_du_site {
float: right;
display: block;
}

#gauche h2.plan_du_site {
margin: 0 0 20px 0;
}

#gauche h2.plan_du_site a {
color: #f5a61f;
}

#gauche h2.plan_du_site a:hover {
text-decoration: underline;
}

#gauche ul.plan_du_site {
margin: 0 0 20px 0;
}

#gauche ul.plan_du_site li {
color: #f5a61f;
list-style: disc inside;
}

#gauche ul.plan_du_site li a:hover {
color: #0f57b6;
text-decoration: underline;
}

/* -------------------------------------------------------------
Droite
------------------------------------------------------------- */

#droite {
float: left;
width: 302px;
padding: 10px 0 17px 0;
}

#droite h1 {
color: #f5a61f;
font-weight: bold;
font-size: 1.35em;
margin: 0 23px 20px 20px;
}

#droite h2 {
color: #0f57b6;
font-size: 0.8em;
font-weight: bold;
margin: 0 0 4px 0;
}

#droite a {
color: #0f57b6;
}

#droite a:hover {
color: #f5a61f;
}

/* Menu */
#droite ul#menu {
width: 279px;
margin: 0 0 20px 3px;
}

#droite ul#menu li {
margin: 0 0 3px 0;
}

#droite ul#menu li a, 
#droite ul#menu li.evidence a 
#droite ul#menu li.parent a 
#droite ul#menu li.parent_evidence a {
color: #0f57b6;
font-weight: bold;
padding: 0 0 0 20px;
height: 30px;
line-height: 30px;
display: block;
background: #bdbcbc url('images/fond/menu.png') no-repeat left top;
}

#droite ul#menu li a:hover {
background: #f5a61f url('images/fond/menu.png') no-repeat left -30px;
}

#droite ul#menu li.evidence a {
background: #f5a61f url('images/fond/menu.png') no-repeat left -30px;
}

#droite ul#menu li.evidence a:hover {
background: #bdbcbc url('images/fond/menu.png') no-repeat left top;
}

#droite ul#menu li.parent a {
background: #bdbcbc url('images/fond/sousmenu.png') no-repeat left top;
}

#droite ul#menu li.parent a:hover {
background: #f5a61f url('images/fond/sousmenu.png') no-repeat left -30px;
}

#droite ul#menu li.parent_evidence a {
background: #f5a61f url('images/fond/sousmenu.png') no-repeat left -30px;
}

#droite ul#menu li.parent_evidence a:hover {
background: #bdbcbc url('images/fond/sousmenu.png') no-repeat left top;
}

/* Sous-menu */
#droite ul#menu li.parent_evidence ul#sousmenu {
width: 279px;
padding: 7px 0 2px 0;
}

#droite ul#menu li.parent_evidence ul#sousmenu li {
margin: 0 0 2px 0;
}

#droite ul#menu li.parent_evidence ul#sousmenu li a,
#droite ul#menu li.parent_evidence ul#sousmenu li.evidence a {
color: #0f57b6;
font-weight: bold;
padding: 0 0 0 30px;
height: 20px;
line-height: 20px;
display: block;
background: #bdbcbc;
}

#droite ul#menu li.parent_evidence ul#sousmenu li.evidence a,
#droite ul#menu li.parent_evidence ul#sousmenu li a:hover {
border-right: 7px solid #0f57b6;
background: #f5a61f;
}

#droite ul#menu li.parent_evidence ul#sousmenu li.evidence a:hover {
border-right: 7px solid #0f57b6;
background: #bdbcbc;
}

/* Calendrier */
#droite #calendrier {
width: 259px;
margin: 0 20px 20px 23px;
text-align: center;
}

#droite #calendrier form, 
#droite #calendrier form p {
display: inline;
}

#droite #calendrier form .select, 
#droite #calendrier form .bouton {
cursor: pointer;
border: 1px solid #f5a61f;
}

#droite #calendrier form .select {
width: 101px;
border: 1px solid #f5a61f;
}

#droite #calendrier form .bouton {
width: 20px;
padding: 0 2px 0 0;
text-align: center;
background: #bdbcbc;
}

*+html #droite #calendrier form .bouton, 
* html #droite #calendrier form .bouton {
padding: 0;
}

#droite #calendrier table {
margin: 20px 0 0 0;
}

#droite #calendrier th {
padding: 0 0 3px 0;
text-align: center;
}

#droite #calendrier td, 
#droite #calendrier td.aujourdhui, 
#droite #calendrier td.evenement, 
#droite #calendrier td.vide {
width: 34px;
height: 30px;
line-height: 30px;
padding: 0 0 0 5px;
cursor: pointer;
background: #bdbcbc;
}

#droite #calendrier td.aujourdhui {
color: #fbfbfb;
background: #999;
}

#droite #calendrier td.evenement {
color: #fbfbfb;
background: #0f57b6;
}

#droite #calendrier td:hover, 
#droite #calendrier td.aujourdhui:hover, 
#droite #calendrier td.evenement:hover {
color: #fbfbfb;
background: #f5a61f;
}

#droite #calendrier td.vide {
background: transparent;
}

#droite #calendrier td.vide:hover {
cursor: default;
}

/* Infos bulle */
#droite #calendrier td.evenement div {
display: none;
}

#droite #calendrier td.evenement:hover div {
z-index: 1;
width: 320px;
display: block;
position: absolute;
margin: 25px 0 0 0;
padding: 5px;
border: 2px solid #f5a61f;
cursor: default;
background: #bdbcbc;
}

#droite #calendrier td.evenement:hover div h1 {
color: #0f57b6;
font-size: 0.8em;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}

#droite #calendrier td.evenement:hover div h1.bordure {
border-top: 1px solid #999;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

#droite #calendrier td.evenement:hover div p {
font-size: 0.8em;
text-align: center;
}

/* Partenaires */
#droite .partenaires, 
#droite .partenaires_dernier {
margin: 0 20px 20px 20px;
}

#droite .partenaires_dernier {
margin: 0 20px;
padding: 0 0 137px 0;
}

#droite .partenaires h2 a, 
#droite .partenaires_dernier h2 a {
font-weight: bold;
}

#droite .partenaires h2 a:hover, 
#droite .partenaires_dernier h2 a:hover {
color: #0f57b6;
font-weight: bold;
text-decoration: underline;
}

#droite .partenaires p, 
#droite .partenaires_dernier p {
font-size: 0.75em;
}

#droite .partenaires img, 
#droite .partenaires_dernier img {
float: left;
padding: 3px 5px 5px 0;
}

/* -------------------------------------------------------------
Pied de page
------------------------------------------------------------- */

#bas {
width: 900px;
padding: 15px 0 19px 0;
}

#bas p {
color: #666;
font-size: 0.75em;
padding: 5px 0 0 0;
}

#bas p a {
color: #0f57b6;
}

#bas p a:hover {
color: #f5a61f;
}