/* -------------------------------------------------------------
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 {
width: 100%;
font: normal 100% arial, helvetica, 'trebuchet ms', sans-serif;
}

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

#site {
width: 1200px;
}

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

#haut {
width: 100%;
border-bottom: 1px solid #f5a61f;
background: #336699;
}

#haut #haut_contenu {
width: 900px;
margin: 0 auto;
}

#haut #haut_contenu p {
color: #dcdad9;
}

#haut #haut_contenu p.ariane {
float: left;
padding: 5px 0 5px 20px;
}

#haut #haut_contenu p.visites {
float: right;
font-size: 0.75em;
text-align: right;
padding: 5px 20px 5px 0px;
}

#haut #haut_contenu p a {
color: #f5a61f;
font-size: 0.75em;
}

#haut #haut_contenu p a.gris {
color: #dcdad9;
}

#haut #haut_contenu p a:hover {
text-decoration: underline;
}

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

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

/* -------------------------------------------------------------
En-tête
------------------------------------------------------------- */

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

/* -------------------------------------------------------------
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 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.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 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 sup {
font-size: 0.8em;
}

#gauche .demi {
width: 50%;
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;
}

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

#gauche table.bureau tr td.titre,
#gauche table.bureau tr.gris td.titre {
width: 10%;
text-align: center;
}

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

#gauche table.bureau tr td.fonction,
#gauche table.bureau tr.gris td.fonction {
width: 55%;
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;
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;
}

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

#gauche table.horaires tr td.jour,
#gauche table.horaires tr.gris td.jour {
width: 30%;
padding: 10px 10px;
}

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

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

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

#gauche table.bureau tr,
#gauche table.bureau tr *,
#gauche table.conseil tr,
#gauche table.conseil tr *,
#gauche table.horaires tr,
#gauche table.horaires tr *,
#gauche table.documents tr,
#gauche table.documents tr *,
#gauche table.taux tr,
#gauche table.taux tr * {
background: #fbfbfb;
}

#gauche table.bureau tr.gris,
#gauche table.bureau tr.gris *,
#gauche table.conseil tr.gris,
#gauche table.conseil tr.gris *,
#gauche table.horaires tr.gris,
#gauche table.horaires tr.gris *,
#gauche table.documents tr.gris,
#gauche table.documents tr.gris *,
#gauche table.taux tr.gris,
#gauche table.taux tr.gris * {
background: #ececec;
}

#gauche table.bureau tr th,
#gauche table.bureau tr th.centre,
#gauche table.conseil tr th,
#gauche table.conseil tr th.centre,
#gauche table.horaires tr th,
#gauche table.horaires tr th.centre,
#gauche table.documents tr th,
#gauche table.documents tr th.centre,
#gauche table.taux tr th,
#gauche table.taux tr th.centre {
color: #2d2d2d;
padding: 10px 10px;
background: #bdbcbc;
}

#gauche table.bureau tr th.centre,
#gauche table.documents tr th.centre,
#gauche table.taux 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;
}

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

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

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

#gauche table.taux tr td.libelle {
width: 90%;
padding: 0 10px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}

/* 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 .demi ul.plan_du_site {
margin: 0 0 20px 0;
}

#gauche .demi ul.plan_du_site li {
color: #0f57b6;
margin: 0 0 20px 0;
}

#gauche .demi ul.plan_du_site li a {
color: #f5a61f;
font-weight: bold;
font-size: 1.15em;
}

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

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

#gauche .demi ul.plan_du_site li ul.plan_du_site li {
color: #f5a61f;
padding: 0 0 0 13px;
margin: 0;
}

#gauche .demi ul.plan_du_site li ul.plan_du_site li a {
color: #0f57b6;
font-weight: normal;
font-size: 1em;
margin: 0 0 20px 0;
}

#gauche .demi ul.plan_du_site li 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;
}

#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
------------------------------------------------------------- */

#pied {
width: 860px;
padding: 15px 20px 5px 20px;
border-top: 5px solid #f5a61f;
border-bottom: 5px solid #f5a61f;
background: #0e161c;
}

#pied a {
color: #fbfbfb;
}

#pied #ecusson {
float: left;
width: 45%;
}

#pied #ecusson img {
display: block;
text-align: center;
margin: 71px 0 0 0;
}

#pied #plan {
float: left;
width: 51%;
padding: 0 2%;
}

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

#pied #plan .demi ul li {
color: #336699;
font-weight: bold;
padding: 0 0 10px 0;
list-style: disc inside;
}

#pied #plan .demi ul li ul {
padding: 3px 0 0 0;
}

#pied #plan .demi ul li ul li {
color: #f5a61f;
font-weight: normal;
padding: 0;
margin: 0 0 0 13px;
list-style: disc inside;
}

#pied #plan .demi ul li a {
color: #f5a61f;
}

#pied #plan .demi ul li ul li a {
color: #336699;
font-weight: normal;
}

#pied #plan .demi a.evidence {
color: #dcdad9;
font-weight: bolder;
}

#pied #plan .demi a:hover {
text-decoration: underline;
}

/* -------------------------------------------------------------
Bas du site
------------------------------------------------------------- */

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

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

#bas p a {
color: #f5a61f;
}

#bas p a:hover {
text-decoration: underline;
}