body {
  background: 			#FFF;
  margin: 				1.5em;
  margin-top :			20px;
  text-align: 			center;
  font-size: 				1em;
  color: 					#333;
  background : 			url('images/body.jpg') center top repeat-x;
}

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

#entete img {
    border:             none;
      margin:               0;
  padding:              0;
}

h1, h2, h3, h4, h5, h6 {

  margin: 				0;
  padding: 				0;
  font-size: 				1em;
  font-weight: 			normal;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */


#page {
  width: 					48em;
  text-align: 			left;
  margin-left: 			auto;
  margin-right: 			auto;
  width : 				968px;
  background : 			#fdfdfb url('images/page.jpg') left top no-repeat;
  border :				1px solid #3b474e;
}

#conteneur {
    padding:            25px 0px 0px 0px;
    _padding:           12px 0px 0px 0px;
    clear:              both;
    width: 				100%;
}

#conteneur #contenu {
  padding : 				0px 0px 0px 20px;
  padding-top : 			0px;
  margin-top :			       0;
}

#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%;
}

#entete #nom_site_spip, #entete a .spip_logos {

  display: 				block;
  float: 					left;
  font-weight: 			bold;
  font-size: 				1.5em;
}

#entete a {

  text-decoration: 		none;
}


/* Fil d'Ariane */
#hierarchie {

  clear: 					both;
  margin-bottom: 			2em;
  font-size: 				0.77em;
}

/* Pied de page */
#pied {

  clear: 					both;
  width: 					100%;
  margin-top: 			4em;
  border-top: 			1px dotted #CCC;
  padding: 				2px;
  text-align: 			center;
}

#pied small {

  font-size: 				0.77em;
}
#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: 			"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 {

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

  background: 			#F2FFF2;
}

.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;
}
#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: 				1.03em;
  font-weight: 			bold;
}

.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 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 *
/*  ------------------------------------------ */
.clear {
  clear : 				both;
  visibility : 			hidden;
  margin:   -7px;
  height:           0;

}

.float {

  float : 				left;
}

.intra_log {
  float : 				right;
  margin:		        4px 30px 0px 0px;
  _margin:              4px 15px 0px 0px;
  font-size:            90%;
}


.intra_log input.text {
    font-size:            70%;
    width:              120px;
    padding:            1px;
}

.intra_log h6 {
  color : 				#666;
  font-weight : 			bold;
  font-size :				12px;
}

.intra_log label {

  color : 				#666;
  font-size : 			11px;
}

#menu_top {
  clear : 				both;
}

#menu_top label {
    color:              #666666;

}

.formulaire_recherche {

  float : 				left;
}



#menu_top .menu {

  padding : 				0;
  margin : 				0;
  float : 				left;
}

#menu_top .menu li {

  float : 				left;
  list-style : 			none;
  padding : 				0;
  margin : 				0;
  margin-right : 			14px;
  margin-top : 			10px;
  _margin-top:          0px;
}

#menu_top .menu li a {

  font-size : 			15px;
  color : 				#fff;
  font-weight : 			bold;
  font-stretch:			condensed;
}

#menu_top .menu li a:hover {

  color : 				#ccc;
}

.formulaire_recherche {

  padding :				0;
  margin : 				0;
  padding-left : 			15px;
}

.formulaire_recherche label {

  font-weight : 			bold;
  font-size : 			12px;
  color : 				#333;
}

.formulaire_recherche input {

  padding :				0;
  margin : 				0;
}

.formulaire_recherche input.submit {

  margin-left : 			-7px;
  height : 				19px;
  vertical-align : 		bottom;

}

.changeLang {
    display:				inline;
    float : 				right;
    margin:					10px 8px 0px 0px;
    _margin-top:            0px;
}

.changeLang a {
  font-size : 			10px;
  color :					#333;
}

#zone_flash {
    margin:			0;
    padding:		0;

  width : 				725px;
  height : 				215px;
  background : 			#fff;
}

#actualites {
  float : 				right;
  display:				inline;
  margin : 				0px 10px 0px 0px;
  padding : 			0;
  width : 				200px;

  overflow:				hidden;
}

#actualites .top {

  margin : 				0;
  padding : 			0;
  margin-top : 			0px;
  margin-left:			0px;
  width : 				195px;

  background :			transparent url(images/actualites.png) left top no-repeat;
  padding-top : 		6px;
  padding-left : 		5px;
}

#actualites .top p {
    margin:				0;
    padding:			2px 0px;
      background :		url('images/actu_h6.png') left 0px no-repeat;
      color : 			#333;
      font-size : 		14px;
      padding-left : 		25px;
}

#actualites ul {
  background:           #fff;
  list-style : 			none;
  padding : 			4px 0px;
  margin : 				0;
}

#actualites ul li {
    background:         #fff;
  list-style : 			none;
  padding : 				0 5px;
  margin : 				0;
}

#actualites .date {

  font-weight : 			bold;
  font-size : 			10px;
  padding : 				0;
  margin : 				0;
}

#actualites .title {

  font-size : 			11px;
  color : 				#336;
  padding : 				5px 0;
  margin : 				0;
}

#actualites .chapo {
    text-align:			justify;
  font-size : 			10px;
  padding : 				0;
  margin : 				0;
  font-weight : 			normal;
}

#actualites .lire_suite {

  border-bottom :			1px solid #666;
  padding-bottom : 		10px;
}

#actualites .lire_suite a {
  text-decoration : 		underline;
  font-size : 				10px;
  margin : 					0;
  padding-top : 			5px;
  padding-left : 			7px;
  font-weight : 			bold;
  background : 				url('images/lire_suite.png') left bottom no-repeat;
}


a.lire_suite {
    margin:            		0;
    padding:				0;
    text-decoration :     	underline;
      font-size :           	10px;
    font-family:			Verdana,Tahoma,Arial,sans-serif;
      padding-top:			0px;
      padding-left :        	7px;
      font-weight :         	bold;
      background :          	transparent url(images/lire_suite.png) left bottom no-repeat;
      height:					10px;
}


#footer {
    margin:         0;
    padding:        2px 2px 2px 20px;
    border-top:     1px solid #3B474E;
    background:     #BABFC2 url(images/footer.png) left top repeat-x;
    font-family:    arial, sans-serif;
    font-size:      10px;
    clear:          both;
}

#footer ul,
#footer ul li {
    margin:     0;
    padding:    0;
    list-style: none;
}

#footer ul li {

    padding:    0px;
    display:    inline;
}

#footer ul li a {
    color:          #333366;
    padding:        0px 15px 0px 7px;
    background:     transparent url(images/footer_separator.png) right 4px no-repeat;
}

#footer ul li a.last {
    background:     none
}


#sous-menu {
    margin-top:     4px;
    float:          left;
    width:          200px;
    background:     transparent url(images/menu_background.png) left top no-repeat;
}

#sous-menu ul,
#sous-menu ul li {
    margin:         0;
    padding:        0px;
    list-style:     none;

}
#sous-menu ul li {
    border-bottom:  1px solid #666;
    padding:        8px 0px;
}
#sous-menu ul li ul li {
    border:         none;
    padding:        0px;
}

#sous-menu ul li ul {
    padding:         0px;
    margin-left:     25px;

}

#sous-menu ul li a {
    font-size:      12px;
    padding-left:   10px;
    color:          #003333;
}
#sous-menu ul li a:hover {
    color:          #06c;
}

#sous-menu ul li ul li a {
    padding-left:   10px;
    color:          #666;
}

#sous-menu ul li ul li span {
    padding-left:   10px;
    font-size:      12px;
    color:          #000;
}

#sous-menu ul li ul li a:hover {
    color:          #003333;
}

#article-list {
    margin:         0;
    padding:        10px 20px;
    float:          right;

    overflow:       hidden;
    font-size:      80%;
    width:          700px;
    text-align:     justify;
}

#article-list h1,
#article-list h3 {
    margin-bottom:  5px;
    font-size:      120%;
}

h1.titre,
#article-list h1,
#article-list h3 {
    color:          #505057;
    padding-left:   20px;
    background:     transparent url(images/actu_h6.png) left 2px no-repeat;
    font-weight:	bold;
}

.cartouche {
    margin:	0;
}

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

#article-list ul li img.spip_logos {
    float:			left;
    margin:         5px 10px 5px 0px;
}

#article-list ul li {
    margin-top:		10px;
    padding-bottom: 10px;
    border-bottom:  1px solid #3b474e;
}

#article-list div.chapo {
    font-size:		90%;
}

.liste-articles li .spip_logos {
    margin:         0;
    margin-right:   10px;
    float:          left;
}

div.home-news {
    float:			left;
    display:		inline;
    width:			167px;
    color:          #333333;
    font-size:      11px;
    text-align:     justify;
    overflow:		hidden;
}

div.home-news.p1,
div.home-news.p2,
div.home-news.p3 {
    margin-right:	19px;
}

div.home-news h3 {
        font-size:      100%;
        padding:        4px;
        padding-left:   20px;
        background:     transparent url(images/actu_h6.png) left 3px no-repeat;
        font-weight:    bold;
        text-align:     left;
}


#entete img,
.transparent {
    behavior: url(/iepngfix.htc);
}


#entete img,
img.transparent {
    behavior: url("/win_png.htc");
}


#plan h2 {
    margin:				15px 0px 6px 0px;
    border-bottom:		1px solid #333;
    font-weight:		bold;
}

#plan address,
#plan p {
    margin-left:		15px;
    font-size:			85%;
    font-style:			normal;
}

#plan ul {
    margin-top:			5px;
    margin-bottom:		15px;
}

#plan ul li {
    padding-bottom:		5px;
}

#plan ul li p {
    margin:		0px;
    font-size:	80%;
    text-align:	justify;
}

#search_zone {
    margin-top:     -10px;
    _margin-top:    -18px;
    width:          144px;
    _width:         154px;
    margin-left:    5px;
    padding:        1px;
    height:         19px;
    _height:        29px;
    overflow:       hidden;
    background:     transparent url(images/search.png) left top no-repeat;
}

#search_zone input {
    border:         0px none #fff;
    color:          #777;
    outline:       none;

}

#intra_log {
    width:          160px;
    height:         90px;
    padding:        5px;
    background:     transparent url(images/cadre_inscription.png) left top no-repeat;
}

#breadcrumb {
    margin-top:     -10px;
    margin-bottom:  15px;
    padding-bottom: 2px;
    border-bottom:  1px solid #3B474E;
}
#breadcrumb a.now {
    color:          #000;
}

#breadcrumb a.history {
    color:          #3B474E;
}

#plan  {
        margin-top:         25px;
    font-size:          85%;
    }

/* ***************************************** CONTACT */
#contenu.contact address {
    font-style:         normal;
    background:         transparent url(images/contact1.png) right top no-repeat;
}

#column1 {
    float:              left;
    margin:             0px 1% 0px 0px;
    width:              48%;
    font-size:          90%;
}

#column2 {
    float:              right;
    margin:             0px 2px 0px 1%;
    width:              430px;
    font-size:          90%;
}

#contenu.contact #column2 {
    background:         transparent url(images/contact3.png) 90% top no-repeat;
}

#contact  {
    margin-top:         25px;
    margin-bottom:      20px;
    font-size:          90%;
}

#contact p.field {
    margin:             0px 0px 7px 0px;
}

#contact textarea,
#contact input {
    width:          400px;
    vertical-align: top;
}

#contact textarea {
    width:          400px;
}

#contact h1 {
    font-weight:    bold;
}

#contenu.newsletter {
    font-size:      90%;
}

#contenu.newsletter form {
    margin:         auto;
    width:          70%;
    background:     transparent url(images/newsletter.png) right top no-repeat;
}

#contenu.newsletter form p.email {
    padding:         20px 0px 35px 0px;
}

#contenu.newsletter form fieldset {
    border:         1px solid #bbb;
}

#contenu.newsletter form input.text {
    width:          300px;
}

#contenu.newsletter p.left {
    float:          left;
    width:          50%;
    clear:          left;
    margin:         9px 0;
}
#contenu.newsletter p.right {
    float:          right;
    width:          50%;
    margin:         9px 0;
}

#article-list .prev img {
    margin:            5px 0px 10px 10px;
}