* {
margin:0;
padding:0;
}
body {
background:#fff url(fond_entete.png) repeat-x 85px 0;
font-family:Trebuchet, Trebuchet MS, Verdana, sans-serif;
font-size:11px;
color:#32141C;
}
/*
--------
STRUCTURE
--------
*/
#conteneur {
background:#f8f8f8 url(fond_blanc.jpg) repeat-y top center;
line-height:2.2em;
min-height:670px;
height:670px;
height:auto !important;
width:990px;
margin:0 auto
}
body.page_sommaire #conteneur {
background:#f8f8f8 url(fond.jpg) repeat-y top center;
}
#page {
width:990px;
margin:0 auto
}
#entete {
padding:8px 0 0 24px;
height:114px;
}
/*Hack IE6 : le #conteneur ne peut pas être sous l'entête mais au dessus du bas du logo
En passant l'entête en absolu, il passe au dessus du conteneur même si celui ci commence
avant le bas du logo. */
* html #entete {
position:absolute;
top:0
}
*:first-child+html #entete {
position:absolute;
z-index:100;
}
* html #page {
padding-top:122px;
}
/*Hack IE7 : si l'entête est en position absolue, le #conteneur est collé en haut de la page, et margin-top: ne fonctionne pas.
Seule solution : passer également le conteneur en absolu.. */
*:first-child+html #conteneur{
z-index:10;
position:absolute;
top:122px;
}
#contenu {
float:right;
width:719px;
padding:0 0 2em;
}
#navigation {
float:left;
width:223px;
margin:27px 0 0 31px;
padding:0 0 2em
}
/* Marges IE6 incorrectes */
* html #navigation {
width:222px;
margin:70px 0 0 16px;
}
/* Marges IE7 incorrectes */
*:first-child+html #navigation {
margin:70px 0 0 31px;
}
.colonne_un {
float:left;
width:49%
}
.colonne_deux {
float:right;
width:49%
}
.memerubrique {
width:300px;
float:right;
margin:0 0 10px 10px
}
#pied {
clear:both;
width:740px;
margin:2em 0 0 254px;
border-top:1px dotted #E69FB0;
text-align:right;
padding:10px 5px 0 0
}

/* 
--------
DÉTAILS
--------
*/
a {
color:#911235;
text-decoration:none;
font-weight:bold;
}
a:hover {
text-decoration:underline;
color:#C00A45
}
ul {
list-style-position:inside
}
h1.h_titre_sommaire {
position:absolute;
top:-5000px;
left:-5000px;
overflow:hidden;
font-size:0px;
}
h1.en_image, h2.en_image {
background-repeat:no-repeat;
text-indent:-9000px;
}
#entete a {
float:left;
}
* html #entete a {
margin:0 0 0 4px;
}
#entete a#lien_logo {
margin:22px 0 0 20px
}
#hierarchie {
margin:5px 0
}
#hierarchie a {
text-decoration:none;
color:#D32552;
font-weight:normal
}
#hierarchie a:hover {
color:#F13868
}
span.image_span {
position:absolute;
left:-5000px;
top:-5000px;
width:1px;
height:1px;
overflow:hidden;
}

/*
-------
MENU
-------
*/
#navigation ul {
list-style:none inside;
text-align:right;
font-family:Trebuchet, Trebuchet MS;
font-size:11px;
font-weight:bold
}
#navigation ul li {
background:url(points_menu.png) no-repeat 183px 26px;
margin:6px 0 0 0;
border:1px solid white;
}
#navigation ul li.courant {
background:url(points_menu_clair.png) no-repeat 183px 26px;
}
* html #navigation ul li, * html #navigation ul li.courant {
background:none;
margin:0 0 0 2px;
width:220px;
float:left
}
#navigation ul li a {
display:block;
text-decoration:none;
padding:4px 18px 4px 0;
text-transform:lowercase;
color:#000;
}
#navigation ul li a:hover {
olor:#621F30;
background:url(fond_survol_menu_transparent.png) repeat-x left center
}
* html #navigation ul li a:hover {
background:url(fond_survol_menu.png) repeat-x left center
}
#formulaire_recherche {
margin: 1em 0 0 13px
}
#formulaire_recherche img {
margin: 8px 0 0 3px;
}
#formulaire_recherche a.resultats {
display:block;
}
#recherche {
padding:5px 5px 5px 24px;
width:120px;
background:url(recherche.png) no-repeat;
border:1px solid #f7f5f5;
}
#formulaire_recherche label {
display:block;
width:150px; /* Pour passer le champ de recherche à la ligne */
}
input.bouton {
padding:3px;
color:#b5a196;
border:1px solid;
border-color:#f0ece9 #e6dfdb #e6dfdb #f0ece9;
background:#fbfbfb;
cursor:pointer
}
#navigation #formulaire_recherche ul {
text-align:left;
padding:0 0 0 3px;
list-style:disc inside
}
#navigation #formulaire_recherche ul li, #navigation #formulaire_recherche ul li a {
text-transform:none;
font-weight:normal;
margin:0;
padding:0;
background:none
}
#navigation #formulaire_recherche ul li a {
display:inline;
background:none;
}

/*
-------
CONTENU ACCUEIL
-------
*/
div.bloc-sommaire {
padding: 8px 8px 8px 16px;
}
div.bloc-sommaire p {
text-indent:-2em;
padding-left:2em;
}
div.bloc-sommaire h2 {
margin:8px 0 5px
}
div.bloc-sommaire a {
color:#940000;
text-decoration:none;
}
div.bloc-sommaire a:hover {
color:#d10000;
}
div.bloc-sommaire ul {
list-style:none outside;
margin-left:1em;
}
div.bloc-sommaire ul.spip {
list-style: disc inside;
margin-left:2em;
}
div.bloc-sommaire.liste-articles ul li {
background:url(puce.png) no-repeat left 5px;
padding-left:35px;
line-height:1.5em;
margin-top:10px;
text-indent:0
}
div.bloc-sommaire.liste-articles.communiques ul li {
background:url(puce_pdf.png) no-repeat left 5px;
}
div.bloc-sommaire.liste-articles ul li h3 a {
font-weight:normal;
font-size:11px
}
div.bloc-sommaire.liste-articles ul li.un h3 a {
font-weight:bold;
}
/*div.bloc-sommaire.liste-articles ul li*/ p.soustitre {
color:#C65009;
font-style:italic;
font-size:11px
}
/*div.bloc-sommaire ul li*/ span.date, div.cartouche p.date {
color:#8F8F8F;
font-size:10px
}
/*
-------
CONTENU ARTICLE
-------
*/
div.texte {
margin:1em 0 0
}
div.texte sup, div.chapo sup {
font-style:italic;
color:#9C9C9C
}
div.texte sup a, div.chapo sup a {
font-weight:normal;
color:#525252
}
.memerubrique ul {
list-style:disc inside
}
body.page_article div.texte p, body.page_rubrique div.chapo p {
text-indent:-2em;
padding:0 0 0 2em;
margin:.05em 0 1em
}
h2.soustitre {
margin:4px 0 0
}
div.ps {
color:#664E56;
clear:both
}
div.ps div {
margin:0 0 1em
}
div.notes {
color:#503941;
clear:both
}
div#article_documents_joints {
margin:1em 0
}
div#article_documents_joints ul {
list-style:none outside
}
div#article_documents_joints ul li {
width:230px;
margin:10px 4px 0;
text-align:center;
float:left
}
div#article_documents_joints ul li img {
margin:0 80px
}
div#article_documents_joints ul li a.logo img {
text-decoration:none
}
div.texte table.spip {
margin-left:0
}
div.texte table.spip td, div.texte table.spip th {
padding:0.4em;
border-color:#FEEBD9
}
div.texte table.spip th {
border-color:#F5D6BD
}
div.texte table.spip tr.row_first {
background:#FFE6CE
}
div.texte table.spip tr.row_even {
background:#FFF1ED
}
div.texte table.spip tr.row_odd {
background:#FFF8F2
}
a.spip_mailto:before {
padding-right:3px
}
div.texte h3.spip {
color:#611C38;
text-align:left;
font-family:Trebuchet, Trebuchet MS, Verdana, sans-serif;
margin-top:1.4em;
}
div.texte ul.spip {
margin-left:2em;
}
/*
-------
CONTENU RUBRIQUE
-------
*/
#calendrier table {
width:650px;
margin:0 auto;
border-collapse:collapse;
}
#calendrier caption {
font-size:16px;
margin:3px 0 10px 0
}
#calendrier caption a {
font-weight:normal;
padding:0 10px
}
#calendrier table td {
text-align:center;
padding:8px 0;
border:1px dotted #FDEDF1
}
#calendrier table td.occupe {
text-align:center;
padding:8px 0;
background: #C3234B;
border:1px solid #D6214F;
}
#calendrier table td.today {
color:#C3234B
}
#calendrier table td.occupe a {
color:#fff;
display:block
}
#calendrier table td.horsperiode {
font-style:italic;
color:#C8B0B9
}
ul.evts {
list-style:none outside;
margin:.7em 0 0;
clear:right
}
ul.evts li {
background:url(agenda.png) no-repeat right bottom;
width:329px;
margin:0 0 2em 20px;
line-height:1.65em;
float:left;
min-height:85px;
height:auto !important;
height:85px;
}
body.page_rubrique div.liste-articles h2 {
clear:both
}
body.page_rubrique div.liste-articles ul li, #documents_joints ul li {
width:304px;
margin:0 0 2em 20px;
float:left;
background:url(puce.png) no-repeat left 5px;
padding-left:35px;
}
#documents_joints {
margin:1.5em 0 0;
clear:both
}
#documents_joints ul li {
background:url(pdf.png) no-repeat top left;
padding-left:60px;
width:179px;
min-height:70px;
height:auto !important;
height:65px;
line-height:1.9em
}
ul li h3 {
font-size:1.2em;
}
ul li h3:first-letter {
text-transform:capitalize
}
#documents_joints ul li .soustitre {
line-height:1.8em
}
body.page_rubrique div.liste-articles {
/*-moz-column-count:2;
column-count:2;
-moz-column-gap:2em;
column-gap:2em;*/
}
div.liste-articles ul, #documents_joints ul {
list-style:none outside;
}
div.liste-articles h2, body.page_recherche div.encart_resultats h2 {
margin:9px 0 0
}
div.chapo {
margin:.7em 0
}
body.page_rubrique div.chapo p:first-line {
color:#741F3A
}
div.syndic {
clear:both;
margin:9px 0 0
}
div.syndic ul {
margin:0 0 1em
}
div.syndic ul li {
line-height:1.9em;
margin:0 0 .3em
}
div.syndic h2, p.pagination {
clear:both
}
#membres {
list-style:none outside
}
#membres li {
width:200px;
float:left;
vertical-align:middle
}
#membres li img {
float:left;
margin-right:5px;
}
/*
-------
PLAN
-------
*/
body.page_plan h2 {
background:url(puce.png) no-repeat left 5px;
padding-left:35px;
margin:10px 0 0
}
body.page_plan #contenu ul {
margin-left:35px
}
/*
-------
CONTENU AUTEUR
-------
*/
div.cartouche img.spip_logos {
float:left;
margin:5px 10px 0 0
}
div.formulaire_ecrire_auteur {
clear:both;
padding-top:15px;
}
div.formulaire_ecrire_auteur fieldset {
border:1px solid #A98491;
padding:5px 10px 10px 10px
}
div.formulaire_ecrire_auteur fieldset legend {
font-size:1.1em;
font-weight:bold;
margin:0 0 0 8px;
padding:0 5px
}
div.formulaire_ecrire_auteur label {
width:220px;
margin:0 15px 0 0;
float:left;
text-align:right;
}
div.formulaire_ecrire_auteur p {
clear:both;
margin:4px 0
}
div.formulaire_ecrire_auteur input, div.formulaire_ecrire_auteur textarea {
padding:5px;
border:1px solid #f7f5f5;
background:#fff;
}
div.formulaire_ecrire_auteur input:focus, div.formulaire_ecrire_auteur textarea:focus {
background:#FFFCF4;
border:1px solid #F0E9E9
}
div.formulaire_ecrire_auteur input.bouton {
background:#FBFBFB;
margin-left:235px
}