/* -------------------------------------------------------------
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 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 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;
}

/* 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 * {
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 * {
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 {
color: #2d2d2d;
padding: 10px 10px;
background: #bdbcbc;
}

#gauche table.bureau 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;
}

/* 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;
}