body {
    background: #FFF;
    margin-top: 1.5em;
    text-align: center;
    font-size: 1em;
    color: #333;
}

hr {
    visibility: hidden;
}

img {
    behavior: url("/win_png.htc");
}

img,div a {
    behavior: url("/iepngfix.htc");
}

img,table {
    margin: 0;
    padding: 0;
    border: none;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}

a.en-savoir-plus {
    text-decoration: underline;
    font-size: 10px;
    text-transform: uppercase;
}

a.en-savoir-plus:hover {
    text-decoration: none;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
    width: 970px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #373C3F;
}

#conteneur {
    width: 100%;
}

#conteneur #contenu {
    float: left;
    background: #AAADB0 url('images/bg_contenu.png') left top repeat-x;
    width: 100%;
}

#conteneur #navigation {
    float: right;
    width: 12em;
    text-align: center;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
    float: left;
    width: 21em;
}

#contenu .encart {
    float: right;
    width: 11em;
    margin: 0;
    margin-bottom: 1em;
}

/* Entete */
#entete {
    width: 100%;
    background: #FCFCFD url('images/bg_top.jpg') left top repeat-x;
    padding: 0;
    margin: 0;
}

#entete #nom_site_spip,#entete a .spip_logos {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 1.5em;
}

#entete a {
    text-decoration: none;
}

#entete .formulaire_recherche {
    float: right;
}

/* Fil d'Ariane */
#hierarchie {
    clear: both;
    margin-bottom: 2em;
    font-size: 0.77em;
}

/* Pied de page */
#pied {
    clear: both;

    border-top: 1px solid #ffffff;
    background: #373C3F;
    padding: 0px 5px 2px 5px;
}

#pied small a {
    font-size: 0.77em;
    color: #A2A2A2;
}

#pied img {
    vertical-align: bottom;
}

/* Espaceur de blocs */
.nettoyeur {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

/* Non visible a l'ecran */
.invisible {
    position: absolute;
    top: -3000em;
    height: 1%;
}

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */
    /* Typo pour les menus et la navigation */
body,#navigation,.encart,.formulaire_spip {
    font-family: Verdana, Tahoma, Arial, sans-serif;
}

/* Typo pour le contenu */
#contenu {
    font-family: arial, "Trebuchet MS", Helvetica, sans-serif;
}

/* Typo pour les citations et extraits introductifs */
q,blockquote,.liste-articles li .texte,h3.spip,.voirskel {
    font-family: Georgia, Times, serif;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */
    /*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques,.breves,.syndic,.forums,.divers {
    min-width: 10em;
    border: 1px solid #CCC;
    margin-bottom: 1em;
    font-size: 0.77em;
}

.menu-titre {
    padding: 0.2em 0.4em;
    border-bottom: 1px dotted #CCC;
    text-align: center;
    font-weight: bold;
}

#navigation p,.encart p {
    margin: 0;
    padding: 0.2em 0.7em;
    text-align: left;
}

#navigation ul,.encart ul {
    margin: 0;
    padding: 0.2em 0;
    text-align: left;
    list-style: none;
}

#navigation li,.encart li {
    margin: 0;
    padding: 0 0.7em;
}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques {
    width: 170px;
    margin-left: 30px;
    background: url('images/bg_rubriques.png') left top repeat-x;
    height: 375px;
    border: none;
}

.rubriques .menu-titre {
    background: #F2FFF2;
}

.rubriques ul {
    padding: 0;
    margin: 1px 0;
}

.rubriques ul li {
    list-style: none;
    background: #DFDFDF url('images/puce_rubriques.jpg') right center
        no-repeat;
    padding: 5px;
    margin: 2px 0;
}

.rubriques ul li a {
    text-transform: uppercase;
    display: block;
    margin-right: 10px;
}

.rubriqueId2 ul li:hover,.rubriqueId2 ul li.hover {
    background: #CDCBCC url('images/puce_entree_1.jpg') right center
        no-repeat;
}

.rubriqueId3 ul li:hover,.rubriqueId3 ul li.hover {
    background: #CDCBCC url('images/puce_entree_2.jpg') right center
        no-repeat;
}

.rubriqueId4 ul li:hover,.rubriqueId4 ul li.hover {
    background: #CDCBCC url('images/puce_entree_3.jpg') right center
        no-repeat;
}

.rubriqueId5 ul li:hover,.rubriqueId5 ul li.hover {
    background: #CDCBCC url('images/puce_entree_4.jpg') right center
        no-repeat;
}

.rubriqueId6 ul li:hover,.rubriqueId6 ul li.hover {
    background: #CDCBCC url('images/puce_entree_5.jpg') right center
        no-repeat;
}

.breves {
    background: #FFEAEA;
}

.breves .menu-titre {
    background: #FFF2F2;
}

.syndic {
    background: #E8F8F8;
}

.syndic .menu-titre {
    background: #F0FCFC;
}

.forums {
    background: #EAEAFF;
}

.forums .menu-titre {
    background: #F2F2FF;
}

.divers {
    background: #F8F8E8;
}

.divers .menu-titre {
    background: #FCFCF0;
}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */
    /*  Cartouche et titraille
---------------------------------------------- */
.cartouche {
    margin-bottom: 2em;
}

.cartouche .titre {
    font-size: 1.27em;
    font-weight: bold;
    color: #000;
}

.cartouche .soustitre {
    font-size: 12px;
    font-style: italic;
    color: #000;
}

#contenu .surtitre,#contenu .soustitre {
    font-size: 0.82em;
}

.cartouche .spip_logos {
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
}

.cartouche p {
    margin: 0;
    padding: 0;
    clear: left;
}

.cartouche small {
    font-size: 0.71em;
}

.cartouche .traductions {
    font-size: 0.71em;
}

.cartouche .traductions * {
    display: inline;
}

.cartouche .traductions li {
    padding-left: 1em;
}

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
    margin-bottom: 1.5em;
    font-weight: bold;
    line-height: 1.4em;
}

.lien {
    background: #EEE;
    margin: 1em;
    margin-bottom: 1.5em;
    padding: 0.82em;
    border: 1px solid #CCC;
    font-size: 0.82em;
    font-weight: bold;
}

.texte {
    color: #000;
    font-size: 0.96em;
}

.ps,.notes {
    margin-top: 1.4em;
    padding-top: 2px;
    border-top: 2px solid #CCC;
}

.ps {
    font-size: 0.82em;
}

.notes {
    clear: both;
    font-size: 0.77em;
}

.ps h2,.notes h2 {
    font-size: 1.19em;
    font-weight: bold;
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
    clear: both;
    margin-top: 1.4em;
    padding-top: 2px;
    border-top: 2px solid #CCC;
}

#documents_portfolio h2 {
    margin-bottom: 0.4em;
    font-size: 0.88em;
    font-weight: bold;
}

#document_actif {
    margin-top: 1em;
}

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
    margin-top: 1.4em;
    padding-top: 2px;
    border-top: 2px solid #CCC;
}

#documents_joints h2 {
    margin-bottom: 0.4em;
    font-size: 0.88em;
    font-weight: bold;
}

#documents_joints ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#documents_joints li {
    margin-bottom: 0.4em;
}

#documents_joints li .spip_doc_titre small {
    font-weight: normal;
}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.liste-articles li {
    margin-bottom: 1em;
    clear: both;
}

.liste-articles li .titre {
    font-size: 17px;
    font-weight: bold;
}

.liste-articles li .soustitre {
    font-size: 10px;
    font-style: italic;
}

.liste-articles li .soustitre a {
    color: #ffffff;
}

.liste-articles li .spip_logos {
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
    clear: right;
}

.liste-articles li p {
    margin: 0;
    padding: 0;
}

.liste-articles li .enclosures {
    float: right;
    text-align: right;
    max-width: 60%;
    margin: 0;
}

.liste-articles li small {
    display: block;
    font-size: 0.71em;
}

.liste-articles li .texte {
    margin-top: 5px;
    margin-bottom: 2em;
    border: 1px solid #CCC;
    padding: 0.9em;
    font-size: 0.82em;
    line-height: 1.4em;
}

.pagination {
    font-size: 0.90em;
}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */
.page_plan .cartouche {
    display: none;
}

.page_plan #contenu h2 {
    clear: both;
    background: #EEE;
    border: 1px solid #CCC;
    padding: 0.5em;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center;
}

.page_plan #contenu .contre-encart ul {
    display: block;
    clear: left;
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 0;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.formulaire_spip {
    text-align: left;
    font-size: 0.77em;
}

.formulaire_spip p {
    margin: 0.5em 0;
    padding: 0;
}

.formulaire_spip .forml {
    width: 99%;
    font-family: inherit;
    font-size: inherit;
}

/* Boutons */
.spip_bouton {
    text-align: right;
}

.spip_bouton input {
    float: right;
}

/* Reponse du formulaire */
.reponse_formulaire {
    font-weight: bold;
    color: #e86519;
}

fieldset.reponse_formulaire {
    border-color: #e86519;
    font-weight: normal;
}

/* Previsualisation du message */
fieldset.previsu {
    padding: 1em;
}

/* Formulaire de login au forum */
.formulaire_login_forum .forml {
    width: 12em;
}

.formulaire_login_forum .spip_logos {
    float: right;
    padding-left: 10px;
}

/* Choix des mots-clefs */
ul.choix_mots {
    float: left;
    width: 47%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.choix_mots label {
    display: inline;
}

/* Formulaire de recherche */
.formulaire_recherche {
    width: 12em;
    text-align: left;
}

.formulaire_
recherche label {
    display: none;
}

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */
.forum-repondre,.forum-decompte {
    clear: both;
    margin-top: 2.5em;
    padding-top: 2px;
    border-top: 2px solid #CCC;
    font-size: 0.88em;
    font-weight: bold;
}

/* * Habillage des forums */
ul.forum {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}

ul.forum,ul.forum ul {
    list-style: none;
}

.forum-fil {
    margin-top: 1.5em;
}

.forum-fil ul {
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 1em;
}

.forum-chapo .forum-titre,.forum-chapo .forum-titre a {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.forum-texte {
    margin: 0;
    padding: 0.5em 1em 0 1em;
    color: #333;
    font-size: 0.82em;
}

.forum-texte .forum-repondre-message {
    margin: 0;
    padding: 1px 0;
    text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {
    border: 1px solid #666;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}

ul ul .forum-message {
    border: 1px solid #A4A4A4;
}

ul ul ul .forum-message {
    border: 1px solid #B8B8B8;
}

ul ul ul ul .forum-message {
    border: 1px solid #CCC;
}

ul ul ul ul ul .forum-message {
    border: 1px solid #E0E0E0;
}

ul ul ul ul ul ul .forum-message {
    border: 1px dotted #E0E0E0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
    border: none;
    border-bottom: 1px dotted #B8B8B8;
    margin: 0;
    padding: 3px 6px 2px 6px;
    font-size: 0.88em;
    background: #C4E0E0;
}

ul ul .forum-chapo {
    background: #D4E8E8;
}

ul ul ul .forum-chapo {
    background: #E4F0F0;
}

ul ul ul ul .forum-chapo {
    background: #F4F8F8;
    border-bottom: 1px dotted #E0E0E0;
}

ul ul ul ul ul .forum-chapo {
    background: #FFF;
}

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */
#signatures {
    clear: both;
    font-size: 0.77em;
}

#signatures h2 {
    padding: 0.5em;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#signatures table {
    width: 100%;
    margin: 1em 0;
}

#signatures thead {
    display: none;
}

#signatures td.signature-date {
    background: #E4F0F0;
    padding: 0.5em;
    white-space: nowrap;
}

#signatures td.signature-nom {
    background: #ECF4F4;
    padding: 0.2em;
    text-align: center;
    font-weight: bold;
}

#signatures td.signature-message {
    background: #F4F8F8;
    padding: 0.4em;
    font-size: 0.96em;
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
}

/*  ------------------------------------------
/*  Nouveaux CSS - IMAGINANCE - Damien LOUIS *
/*  ------------------------------------------ */
#entrees {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    margin-left: 22px;
}

#entrees li {
    width: 182px;
    float: left;
    list-style: none;
}

#entrees li a {
    display: block;
    height: 46px;
    text-align: center;
    padding-top: 200px;
    font-family: "Times new roman";
    padding-left: 40px;
    padding-right: 5px;
    font-size: 14px;
    font-style: italic;
}

#entrees li a.little {
    padding-top: 150px;
    font-size: 11px;
    padding-left: 28px;
    padding-right: 12px;
}

#entree2 a {
    background: url('images/entree_1.png') left top no-repeat;
    color: #6e7f91;
}

#entree3 a {
    background: url('images/entree_2.png') left top no-repeat;
    color: #6d8b4f;
}

#entree4 a {
    background: url('images/entree_3.png') left top no-repeat;
    color: #c94b4b;
}

#entree48 a {
    background: url('images/entree_4.png') left top no-repeat;
    color: #bd973d;
}

#entree6 a {
    background: url('images/entree_5.png') left top no-repeat;
    color: #9a609b;
}

#entree_little2 a {
    margin-left: 30px;
    background: url('images/entree_little_1.png') left top no-repeat;
    color: #6e7f91;
}

#entree_little3 a {
    margin-left: 30px;
    background: url('images/entree_little_2.png') left top no-repeat;
    color: #6d8b4f;
}

#entree_little4 a {
    margin-left: 30px;
    background: url('images/entree_little_3.png') left top no-repeat;
    color: #c94b4b;
}

#entree_little48 a {
    margin-left: 30px;
    background: url('images/entree_little_4.png') left top no-repeat;
    color: #bd973d;
}

#entree_little6 a {
    margin-left: 30px;
    background: url('images/entree_little_5.png') left top no-repeat;
    color: #9a609b;
}

#entete_menu,#entete_question {
    float: left;
}

#entete_logo {
    float: left;
}

#entete_menu {
    width: 570px;
    margin-left: -80px;
}

#menu_haut {
    padding: 0;
    margin: 0;
}

#menu_haut li {
    float: left;
    list-style: none;
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
}

/*P'tit hack IE 6*/
* html #menu_haut li {
    width: 110px;
    padding: 0;
}

#menu_haut li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    height: 56px;
    display: block;
    padding-top: 5px;
}

#menu_haut li a:hover {
    background: url('images/entete_menu_o.jpg') left top repeat-x;
    text-decoration: underline;
}

#entete_question {
    width: 220px;
    height: 49px;
    margin-top: 25px;
    background: url('images/bg_recherche.png') left top repeat-x;
    padding: 0 10px;
}

#entete_question label {
    font-size: 11px;
    color: #A2A2A2;
}

#entete_question .text {
    width: 150px;
}

#sommaire_actualites {
    float: left;
    width: 440px;
    padding: 40px 20px 0 20px;
    margin-bottom: 10px;
}

#sommaire_actualites h6,#sommaire_agenda h6,#sommaire_partenaires h6 {
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
}

#sommaire_agenda {
    float: left;
    width: 410px;
    padding: 40px 20px 0 20px;
    margin-bottom: 10px;
}

.sommaire_actualite {
    border-bottom: 1px solid #3c3e41;
    color: #3c3e41;
    padding-top: 15px;
    padding-bottom: 5px; padding-left : 30px;
    background: url('images/puce_actu.jpg') left 5px no-repeat;
    padding-left: 30px;
}

.sommaire_agenda {
    color: #3c3e41;
    margin-top: 10px;
}

.sommaire_actualite .actualite_titre,.sommaire_agenda .agenda_titre {
    font-weight: bold;
    font-size: 13px;
}

.actualite_sous_titre {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.sommaire_agenda .agenda_titre {
    background: url('images/puce_agenda.jpg') left top no-repeat;
    padding-left: 25px;
    line-height: 24px;
}

.sommaire_actualite .actualite_date {
    font-size: 11px;
}

.sommaire_actualite .actualite_chapo,.sommaire_agenda .agenda_chapo {
    padding-top: 5px;
    clear: both;
    text-align: justify;
    font-size: 10px;
    padding-bottom: 15px;
}

.sommaire_actualite .actualite_chapo span a {
    text-transform: uppercase;
    text-decoration: underline;
}

.reflet {
    background: url('images/reflet.jpg') left top no-repeat;
}

#sommaire_partenaires ul {
    padding: 5px 0 0 0;
    margin: 0;
}

#sommaire_partenaires ul li {
    float: left;
    list-style: none;
    width: 100px;
    height: 50px;
    padding-left: 2px;
}

#sommaire_partenaires ul li a {
    display: block;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

#sommaire_partenaires ul li.partenaire1 {
    background: url('images/btn_partenaire_1.jpg') left top no-repeat;
    padding-top: 6px;
}

#sommaire_partenaires ul li.partenaire2 {
    background: url('images/btn_partenaire_2.jpg') left top no-repeat;
    padding-top: 14px;
}

#sommaire_partenaires ul li.partenaire3 {
    background: url('images/btn_partenaire_3.jpg') left top no-repeat;
    padding-top: 14px;
}

#sommaire_partenaires ul li.partenaire4 {
    background: url('images/btn_partenaire_4.jpg') left top no-repeat;
    padding-top: 7px;
}

#contact {
    margin: 50px 0 20px 0;
    text-align: center;
    padding: 20px;
}

#contact h6 {
    color: #ffffff;
    font-size: 20px;
}

#contact .pform {
    text-align: right;
    width: 64%;
}

#contact .pform label {
    font-size: 12px;
    color: #3C3E41;
    vertical-align: top;
    line-height: 20px;
    font-weight: bold;
}

#contact .text {
    width: 200px;
}

#rubriqueGauche,#rubriqueCentre,#rubriqueDroite {
    float: left;
}

#rubriqueGauche {
    width: 200px;
}

#rubriqueCentre {
    width: 470px;
    padding: 10px;
}

#rubriqueDroite {
    width: 260px;
}

#connexes {
    background: #DFDFDF;
    border: 1px solid #666;
    padding: 10px;
}

#connexes h6 {
    color: #5C5C99;
    font-size: 18px;
}

#connexes ul {
    padding: 0px 3px;
    margin: 0;
}

#connexes ul li {
    list-style: none;
    border-bottom: 1px dotted #666;
}

#connexes ul li a {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #666;
    padding: 2px 0;
}

#partenairesDroite {
    margin: 0;
    padding: 0;
}

#partenairesDroite li {
    list-style: none;
}

#rubriqueDroite h3 {
    padding: 14px 2px 4px 2px;
    color: #ffffff;
    font-size: 24px;
}

.partenairesDroite1,.partenairesDroite2,.partenairesDroite3,.partenairesDroite4
    {
    height: 51px;
    width: 100px;
    padding-left: 157px;
    text-align: center;
}

.partenairesDroite1 a,.partenairesDroite2 a,.partenairesDroite3 a,.partenairesDroite4 a
    {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.partenairesDroite1 {
    background: url('images/partenaire_1.jpg') left top no-repeat;
}

.partenairesDroite1 a {
    padding-top: 9px;
}

.partenairesDroite2 {
    background: url('images/partenaire_2.jpg') left top no-repeat;
}

.partenairesDroite2 a {
    padding-top: 17px;
}

.partenairesDroite3 {
    background: url('images/partenaire_3.jpg') left top no-repeat;
}

.partenairesDroite3 a {
    padding-top: 17px;
}

.partenairesDroite4 {
    background: url('images/partenaire_4.jpg') left top no-repeat;
}

.partenairesDroite4 a {
    padding-top: 9px;
}

#info {
    padding: 40px 20px;
}

#info h3 {
    color: #ffffff;
    font-size: 16px;
    padding-top: 16px;
}

#info h1 {
    color: #ffffff;
    font-size: 22px;
    padding-top: 16px;
}

#info address,#info p {
    font-size: 12px;
}

#secteurs {
    padding-left: 40px;
}

#secteurs ul li {
    float: left;
    list-style: none;
    padding-left: 20px;
}

#secteurs ul li a {
    font-size: 12px;
}