/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

html {
	height : 100%;
	margin-bottom : 1px;
}

form {
	margin : 0;
	padding : 0;
}

body {
	margin : 0 0 0 0;
	height : 100%;
	background-color: #FFFFFF;
	color: #000000;
	font-size : 76%;
	background : #ececec;
	min-width:750px;
}

a:link, a:visited {
	color : #1b57b1;
	text-decoration : none;
	font-weight : normal;
}

a:hover {
	color : #00c;
	text-decoration : underline;
	font-weight : normal;
}

input.button {
	cursor : pointer;
}

img {
	border : 0;
}

p {
	margin-top : 0;
	margin-bottom : 5px;
}

div, p, table, td, th {
	font-family : Tahoma, Helvetica, Arial, sans-serif;
	line-height : 1.3em;
	font-size : 1em;
	color : #333;
}

textarea {width:100%;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#colonne_gauche {
	padding : 0;
	margin : 0;
	width : 20%;
	float : left;
}

#colonne_principale {
	padding : 0;
	margin : 0;
	margin-top:-5px;
	float : right;
	width : 78%;
}

#conteneur {
	width : 100%;
	margin-top:5px;
}

#conteneur #contenu {
	float : left;
	width : 100%;
}

#conteneur #navigation {
	float : right;
	width : 20%;
	text-align : center;
}

#contenu .contre-encart {
	float : left;
}

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

/* Entete */

div#wrapper {

	background : #f7f7f7 url(../images/mw_shadow_blue_l.png) repeat-y 0 0;
	margin-left : auto;
	margin-right : auto;
}

div#wrapper_r {
	background : url(../images/mw_shadow_blue_r.png) repeat-y 100% 0;
}

div#entete {
	background : url(../images/mw_header_blue_t.png) repeat-x 0 0;
}

div#entete_l {
	background : url(../images/mw_header_blue_t_l.png) no-repeat 0 0;
	position : relative;
}

div#entete_r {
height : 90px;
background : url(../images/mw_header_blue_t_r.png) no-repeat 100% 0;
padding-left : 370px;
padding-right : 30px;
padding-top : 25px;
overflow : hidden;
text-align : left;
}

div#logo {
position : absolute;
left : 0;
top : 0;
float : center;
color : #ececec;
width : 800px;
height : 75px;
font-size : 300%;
margin-left : 30px;
margin-top : 25px;
}

#nom_site_spip {
color : #dcdcdc;
text-decoration : none;
font-style : normal;
}

#nom_site_spip2 {
color : #dcdcdc;
text-decoration : none;
font-style : normal;
}

div#citation {
float : right;
text-align : right;
}

#area {
padding : 0;
}

div#tabarea {
background : #f7f7f7 url(../images/mw_header_b.png) repeat-x 0 0;
margin : 0 11px;
display:block;

}

div#tabarea_l {
background : url(../images/mw_header_l_b.png) no-repeat 0 0;
padding-left : 32px;
}

div#tabarea_r {
height : 42px;
background : url(../images/mw_header_r_b.png) no-repeat 100% 0;
padding-right : 1px;
}

#search {
float : right;
width : 18%;
margin-top : -10px;
margin-bottom:-8px;
margin-right : 15px;
height : 40px;
overflow : hidden;
}

div.recherche input {
width : 145px;
border : 1px solid #ccc;
margin : 15px 0 10px 0;
}

#cadre_blanc {
margin : 0 21px 0 21px;
background : #fff;
width : auto;
}

#cadre_blanc_t {
background : url(../images/mw_content_t.png) repeat-x 0 0;
}

#cadre_blanc_tl {
background : url(../images/mw_content_t_l.png) no-repeat 0 0;
}

#cadre_blanc_tr {
height : 10px;
overflow : hidden;
background : url(../images/mw_content_t_r.png) no-repeat 100% 0;
}

#cadre_blanc_m {
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
width : auto;
padding : 1px 8px;
}

#cadre_blanc_b {
margin-top : -5px;
background : url(../images/mw_content_b.png) repeat-x 0 100%;
}

#cadre_blanc_bl {
background : url(../images/mw_content_b_l.png) no-repeat 0 100%;
}

#cadre_blanc_br {
height : 13px;
background : url(../images/mw_content_b_r.png) no-repeat 100% 100%;
}

div#tabmenu {
margin-left:0%;
}

.menu_horizontal {
  margin-left: auto;
  margin-right: auto;
  width:600px;
  padding: 0;
}

.menu_horizontal_l {
background : url(../images/mw_menu_cap_l.png) no-repeat;
width : 20px;
height : 32px;
float:left;
}

.menu_horizontal_r {
background : url(../images/mw_menu_cap_r.png) no-repeat;
width : 19px;
height : 32px;
float:left;
}

#menu_horizontal {
background : url(../images/mw_menu_normal_bg.png) repeat-x;
height : 32px;
float:left;
}

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

#menu_horizontal li {
float : left;
background : url(../images/mw_menu_separator.png) no-repeat top right;
margin : 0;
padding : 0;
}

#menu_horizontal a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
float : left;
display : block;
height : 24px;
line-height : 24px;
padding : 0 20px;
color : #000;
text-decoration : none;
}

#menu_horizontal a:hover {
color : #2a5da7;
}

/* Fil d'Ariane */

.chemin {
float : right;
padding-bottom : 10px;
}

/* Pied de page */

div#footer {
background : #f7f7f7 url(../images/mw_footer_blue_b.png) repeat-x 0 100%;

}

div#footer_l {
background : url(../images/mw_footer_blue_b_l.png) no-repeat 0 0;
}

div#footer_r {
background : url(../images/mw_footer_blue_b_r.png) no-repeat 100% 0;
height : 115px;
overflow : hidden;
}

div#footer_r div {
text-align : center;
font-size : 0.9em;
color : #aaa;
}

div#footer_r a:link, div#footer_r a:visited {
color : #999;
}

div#footerspacer {
height : 10px;
}

.pied_rss {
float : left;
padding-left : 2%;
}

.pied_spip {
text-align : center;
margin:auto;
}

.pied_xhtml {
float : right;
padding-right : 2%;
}

.pied_spip_in {
color : #f7f7f7;
margin-bottom : 20px;
}

.pied_recommandation {
margin-top:16px;	
}

.pied_recommander {
text-decoration : none;
margin-bottom:16px;
font-size : 1.1em;
font-weight : bold;
color:black;
}



/* Non visible a l'ecran */

h3.invisible {
margin-top : 40px;
}

.invisible {
position : absolute;
top : -3000em;
height : 1%;
}


/*  ------------------------------------------
/*  Mise en forme du texte
/*  ------------------------------------------ */

/* Titres */

h1 {
padding : 0;
font-family : Helvetica, Arial, sans-serif;
font-size : 1.3em;
font-weight : bold;
vertical-align : bottom;
color : #666;
text-align : left;
}

h2, .contentheading {
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 1.4em;
font-weight : normal;
vertical-align : bottom;
color : #333;
text-align : left;
}

table.contentpaneopen h3 {
margin-top : 25px;
}

h4 {
font-family : Arial, Helvetica, sans-serif;
color : #333;
}

h3, .componentheading, table.moduletable th {
margin : 0;
font-weight : bold;
font-family : Helvetica, Arial, sans-serif;
font-size : 1.4em;
color : #135cae;
padding-left : 0;
margin-bottom : 10px;
text-align : left;
}

h3.titre {
margin : 0;
font-weight : bold;
font-family : Helvetica, Arial, sans-serif;
font-size : 1em;
color : #135cae;
padding-left : 0;
text-align : left;
}

/* Autre */

.center {
text-align : center;
}

.absolute {
position : absolute;
width:71.8%;
z-index: 2;
}

.absolute2 {
position : absolute;
width:71.8%;
margin-left:-2.3%;
z-index: 2;
}

.list-style-none {
list-style-type : none;
}

.small {
font-size : 0.9em;
color : #999;
font-weight : normal;
text-align : left;
}

.date {
font-size : 0.9em;
color : #999;
font-weight : normal;
padding-bottom : 5px;
padding-top : 0;
}

a.lire_suite {
margin-top : 10px;
display : block;
float : left;
background : url(../images/mw_readon.png) no-repeat top right;
padding-right : 7%;
line-height : 14px;
height : 16px;
}

.edito_sommaire {
padding-top : 26px;
padding-left : 3%;
padding-bottom : 10px;
padding-right : 3%;
text-align : justify;
font-style : italic;
z-index: 1;
}

.sommaire_edito2 {
	z-index: 1;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */

.sous_rubrique_dd {
padding-left : 3%;
height:24px;
text-indent: 2%;
}

.breves_dist, .syndic_dist, .divers {
border : 1px solid #ccc;
margin-bottom : 1em;
font-size : 1em;
}

.rubriques {
margin-bottom : 1em;
font-size : 1em;
}

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

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */

.rubriques_dist {
background : #eaffea;
}

.rubriques_dist .menu-titre {
background : #f2fff2;
}

.breves_dist {
background : #ffeaea;
}

.breves_dist .menu-titre {
background : #fff2f2;
}

.syndic_dist {
background : #e8f8f8;
}

.syndic_dist .menu-titre {
background : #f0fcfc;
}


.ul_forum {
	list-style-type:none;
}


.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 : 1%;
margin-bottom : 1%;
}

.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;
margin-bottom:16px;
}

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

.ps {
font-size : 0.82em;
}

.notes {
font-size : 0.77em;
}

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

/*  Portfolio
---------------------------------------------- */

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

.ul_liste-articles {
margin : 0;
padding : 0;
list-style : none;
}

.liste-articles ul {
margin : 0;
padding : 0;
list-style : none;
}

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

.liste-articles li .titre {
font-size : 1.03em;
font-weight : bold;
}

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

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

.liste-articles li .enclosures {
float : right;
text-align : right;
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.9em;
}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan {
height : 100%;
padding : 10px 0;
margin-bottom : 1px;
background : #ececec;
}

.page_plan .cartouche {
display : none;
}

.page_plan #contenu h2 {
background : #ececec;
border : 1px solid #ccc;
padding : 0.5em;
padding-left:0;
padding-right:0;
width:90%;
margin-bottom : 1em;
margin-top : 0;
margin-left:auto;
margin-right:auto;
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
/*  ------------------------------------------ */

/* Boutons */

.spip_bouton {
text-align : right;
}

.spip_bouton input {
float : right;
}

/* Formulaire de login au forum */

.forml {
width : 100%;
}

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

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-decompte {
margin-top : 2.5em;
padding-top : 2px;
border-top : 2px solid #ccc;
font-size : 0.88em;
font-weight : bold;
}

/* * Habillage des forums */

.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 : 5px;
margin-bottom : 1em;
}

ul ul .forum-message {
border : 1px solid #a4a4a4;
padding : 5px;
}

ul ul ul .forum-message {
border : 1px solid #b8b8b8;
padding : 5px;
}

ul ul ul ul .forum-message {
border : 1px solid #ccc;
padding : 5px;
}

ul ul ul ul ul .forum-message {
border : 1px solid #e0e0e0;
padding : 5px;
}

ul ul ul ul ul ul .forum-message {
border : 1px dotted #e0e0e0;
padding : 5px;
}

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures {
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;
}


/*  ------------------------------------------
/*  Colonne de gauche
/*  ------------------------------------------ */

.td_ln {
border-bottom : 1px solid #ccccff;
padding : 3px;
overflow : auto;
overflow : hidden;
}

div.module_menu h3 {
font-family : Helvetica, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
color : #888;
margin : -23px -4px 5px -5px;
padding-left : 10px;
padding-bottom : 17px;
height:12px;
overflow : hidden;
white-space:nowrap;
}

div.module_menu {
background : url(../images/mw_box_blue_br.png) no-repeat 100% 100%;
margin : 0;
padding : 0;
margin-bottom : 15px;
}

div.module_menu div {
background : url(../images/mw_box_blue_bl.png) no-repeat 0 100%;
}

div.module_menu div div {
background : url(../images/mw_box_blue_tr.png) no-repeat 100% 0;
}

div.module_menu div div div {
background : url(../images/mw_box_blue_tl.png) no-repeat 0 0;
padding : 5%;
padding-top : 30px;
padding-bottom : 15px;
width : auto;
}

div.module_menu div div div div {
background : none;
padding : 0;
}

div.module_menu ul {
margin : 10px 0;
padding-left : 10%;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight : bold;
}

.dernieres_discussions {
margin-top:3px;
margin-bottom:15px;
}

.dernieres_discussions2 {
display:inline;
font-style : italic;
}

.titre_article_web {
margin-top:1px;
}

.sur_le_web {
margin-bottom:15px;
}

/*  ------------------------------------------
/*  Colonne principale
/*  ------------------------------------------ */

/* cadre_post */

.post {
border : 1px solid #ececec;
background : url(../images/art.gif) repeat-x bottom;
margin : 1%;
padding : 3%;
margin-bottom : 21px;
}

.post_dernier_article {
border : 1px solid #ececec;
background : url(../images/art.gif) repeat-x bottom;
margin : 1%;
padding : 3%;
height : 180px;
margin-bottom : 21px;
}

.post_6derniers {
margin-bottom : 5px;
border : 1px solid #ececec;
background : url(../images/art.gif) repeat-x bottom;
margin : 1%;
padding : 20px;
}

.post-title {
margin-left : 1%;
color : #39455b;
padding-left : 2%;
background : transparent url(./img/ico_billet.png) no-repeat 0 0.35em;
}

.post-title a {
margin-left : 1%;
color : #394558;
text-decoration : none;
}

.post-info {
margin-left : 1%;
font-size : 0.85em;
color : #666;
text-align : left;
}

.post-content {
margin-left : 1%;
text-align : justify;
padding : 10px;
}

.post-info-co {
margin-left : 1%;
font-size : 0.85em;
color : #ccc;
text-align : center;
}

/* Séparation */

span.article_separator {
display : block;
height : 20px;
}



.clr {
clear : both;
}

div#maindivider {
border-top : 1px solid #ddd;
margin-bottom : 10px;
margin-top:10px;
height : 1px;
z-index: 1;
}

div#maindivider_article {
border-top : 1px solid #ddd;
margin-bottom : 10px;
height : 1px;
}

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

/* Sommaire */

.derniers_articles {
border-right : 1px dashed #dcdcdc;
width : 40%;
padding-left : 4%;
padding-right : 3%;
height: 150px;
z-index:1;
}

.derniers_articles_fils {
width : 41%;
position : absolute;
left : 51%;
top : 0;
z-index:1;
}

.descriptif_dernier_art {
text-indent : 3px;
}

#commentaire {
width : 41%;
position : absolute;
left : 51%;
top : 0;

}

.article_auteur {
width : 70%;
}

/* Rubriques */


.sous_rub_dd {
list-style-type : none;
}

.rubrique_article {
margin-bottom:12px;
}

.secteur {
overflow:auto;
overflow:hidden;
}

/* Brèves */

.breves {
height : 200px;

}

.breves dl{
padding-top:10px;
width:100%;
}

.breves dt{
border-right : 1px solid #dcdcdc;
width : 40%;
padding-bottom:16px;
list-style-type: none;
padding-left:4%;
padding-right : 3%;
}


.breves dd{
width : 41%;
position : absolute;
left : 51%;
margin-left:0;
top : 0;
display : none;
z-index: 1;
}

.breves_titre {
margin-left:2%;
}

.les_autres_breves {
margin-bottom:5px;
}

.texte_breves {
margin-top:16px;
}

.forum_breve {
margin-top:16px;
}

/* Article */

.cadre_pointille {
text-align : center;
border : 1px dotted;
margin-top : 16px;
margin-bottom : 16px;
padding : 10px;
}

.article_pdf {
float : right;
margin-top : -10px;
}

/* Recommandation */

.recommandation {
margin-bottom:32px;
}