/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
 
body	{ margin:0; padding:0; background: #babdb6 url(img/fond.png) center top repeat-y; }

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

p { margin: 0.2em 0 0.7em 0; }
h1, h2, h3, h4 { margin: 0; }
fieldset { margin: 0 10px; background-color: #dfdbd3; }

input.forml, textarea {
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
dl { margin: 0.3em 0 1.5em 0; }
dt, dd { margin: 0; padding: 0; }
dt { margin-top: .5em; }
ul { padding: 0; margin: 0 0 1em 1.5em; }
li { list-style-type: disc;
     list-style-position: outside; 
     padding-left: 0px;
     margin: 0; }
legend { font-weight: bold; }
label { font-style: italic; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#wrapper {	position: relative; width: 970px; margin: 0 auto;
    	}

    	

#menu-principal {  }
#entete { position: relative; height: 140px; background: url(img/banniere.png) right top no-repeat;}

#page { 
	margin: 0;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
*/
	position: relative;
	}


#ariane { margin-left: 180px; padding: .5em; }
#textsizer { float: right; padding: 1em; }

#pied	{ position: relative; left: 230px; width: 520px; text-align: center; margin:0; padding: 2em 0 1em 0; }

/* colonnage */

/* #contenu, #colonne-centrale { border-right: 1px solid #ddd; }
*/

#menu-principal { position: relative; float: left; width: 180px; }
#contenu { position: relative; float: left; width: 510px; margin-left: 25px; min-height: 350px; }
#colonne-droite { position: relative; float: right; padding: 0; margin: 0 0 15px 0; width: 240px; }
#contenu, #colonne-droite { padding-bottom: 2em; }



.deux-tiers { position: relative; }
.un-tiers { position: relative; }
.moitie-gauche { position: relative; float: left; width: 49%;}
.moitie-droite { position: relative; float: right; width: 49%; }



/* #contenu, #colonne-centrale, #colonne-droite { background: #f5f5f5; }
*/



/*  ------------------------------------------
/*  Personnalisation des blocs
/*  ------------------------------------------ */





/* En-Tête */
#menu-secondaire { position: relative; float: right; margin: 3px; width: 100%; text-align: right;  }
#menu-secondaire ul { color: #FFF; margin: 0; padding: 0;}
#menu-secondaire li { list-style-type: none; margin-right: 10px; }
#menu-secondaire a { padding-right: 18px; line-height: 20px; }
/*.access { background: url(img/lunettes.gif) right center no-repeat; } */
.contact { background: url(img/enveloppe.gif) right center no-repeat; }
.plan { background: url(img/plan.gif) right center no-repeat; }
.connect { background: url(img/connect.gif) right center no-repeat; }
#menu-secondaire span { display: none; }

#search { position: relative; float: right; top: 45px; right: 10px; }
#search input {
	border: 1px solid #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 2px 1em;
}

#logo { position: absolute; display: block; top: 0; left: 0; }
#entete h1 { position: absolute; top:0px; left: 230px; width:460px; height:75px; padding: 0; margin: 0; }
#entete h1 span { display: none; }
#compost { position: absolute; top: 45px; left: -85px; width: 100px; height: 100px; z-index: 10;}

/* Menu Principal */
#menu-principal ul { padding: 0; margin: 0; }
#menu-principal li { list-style-type: none; padding: 0; margin: 0; }
#menu-principal a, #menu-principal a:active, #menu-principal a:visited { color: #FFF; text-decoration: none; display: block; padding: .5em 1em;}
#menu-principal a:hover { background: #666; color: #fff; }
#menu-principal .on a  { background: #a40000; color: #edd400; }

/* contenu, deux-tiers */

/* Liens */

a, a:active { text-decoration: none; }
a:visited, a.spip_in:visited, a.spip_out:visited { }
a:hover, a.spip_in:hover, a.spip_out:hover {  text-decoration: underline; }

.la-suite a { text-decoration: underline; }
.btn_forum { padding-left: 22px; display: block; background: url(img/btn_forum.png) left center no-repeat; margin-top: 2em;  }
.btn_print {  line-height: 22px; display: block; background: url(img/document-print.png) left center no-repeat; margin: 1em; padding-left: 22px;}
.forum-repondre-message a { font-style: italic;  }

/* Couleurs */
a, a:active {  color: #8B0000; } /* Liens par defaut */
a.ln_black { color: #333; }
body { color: #333; }
#menu-secondaire a { color: #fff; }
#ariane a, #pied a { color: #666; }
#ariane { color: #999; }
#pied { color: #999; }
.chapo { color: #666; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in {} /* liens internes */
a.spip_out { color: #3465a4; } /* liens sortants */
a.spip_url { color: #3465a4; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

 

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */


body { font-size: 80%; font-family: Verdana, Helvetica, Sans-serif, Sans; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

h1 { font-size: 180%; font-weight: bold; }
h2 { font-size: 110%; font-weight: bold; }
h3 { font-size: 130%; font-weight: bold}
h4, dt { font-weight: bold; }


#ariane { letter-spacing: .05ex; }
h1,h2,h3,h4, #menu-principal {   }
#menu-secondaire, .recherche, #pied { font-size: 85%; }
#barre-onglets { font-size: 85%; }
#page { font-size: 90%; }
#contenu .texte { line-height: 1.6; }
.spip_doc_legende { font-style: italic; font-size: 85%; }


/*  ------------------------------------------
/*  Habillage des blocs lateraux
/*  ------------------------------------------ */

/* #colonne-droite .menu-titre { background: #DDD; color: #666; padding: .2em .3em; border-left: 15px solid #6a9120; } */
#colonne-droite .menu-titre { margin-bottom: 1em; color: red; text-align: right; border-bottom: 1px solid #ccc;}

.bloc { margin: 0; padding: 10px; }
.bloc dt { border-bottom: 1px solid #DDD;}
.bloc dd { margin-left: .5em; }





/*  ------------------------------------------
/*  Styles spip
/*  ------------------------------------------ */

h3.spip { text-align: center; font-weight: bold; margin: 1em 0 0.3em 0; border-bottom: solid 1px #ccc;}
.spip_logos, .format_png { behavior: url(win_png.htc); }

p.pagination { width: 100%; text-align: center; }

/* Calendrier */
#calendar {  text-align: center;}
#calendar table { margin: auto;}
#calendar td { padding: .3em; }
#calendar .libre { background-color: #6a9120; color: #FFF; }
#calendar .today { background-color: #666; }
#calendar .occupe { background-color: #fcd12e; }
#calendar .occupe a { color: #222; }
#calendar .occupe a:hover { color: #eb5e36; text-decoration: none;}




/*  ------------------------------------------
/*  Styles personnalisés
/*  ------------------------------------------ */

hr.spip, .clear { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 1px; visibility: hidden; }

.invisible, .hidden, h1 span, #logo span, #search label { display: none; }



.texte, .liste-articles, .bloc, .signature, .documents, .ps, #colonne-droite ul.nuage { margin-bottom: 2em; }
#joints, #portfolio { margin-bottom: 4em; }



#colonne-droite .logo { text-align: right; margin: 1px 0 2em 0; }
.a-la-une { padding-bottom: 2em; }
.titre { font-weight: bold; line-height: normal; margin-bottom: .2em; color: #8B0000; }
.small { font-size: 90%;}
.italic { font-style: italic; }
.cadre_forum, .cadre_event, .cadre_neutre { 
	padding: 1em 1em 1em 90px;
	margin-bottom: 2em;
	min-height: 70px;
	border: 1px solid #DDD;
}
.cadre_forum { 	background: #F5F5F5 url(img/forum.png) 10px 10px no-repeat; }
.cadre_event { 	background: #F5F5F5 url(img/event.png) 10px 10px no-repeat; }
.cadre_neutre, .ps { padding: 1em 1em 1em 1em; background: #F5F5F5; }

.chapo { font-style: italic; }
.texte { text-align: justify; }
.texte img { margin: auto; border: 1px solid #999; }
.texte dd { text-align: right; font-weight: bold; }
.texte dd span { font-weight: normal; font-style: italic; }

#contenu .liste-articles li { margin-bottom: 1em; list-style-type: none;}
.liste-articles .spip_logos { margin: 0 1.5em 0 0; border: 1px solid #999; }

.date { font-weight: bold; font-size: 95%; }
.liste-rubriques { width: 90%; margin: auto; }
.liste-rubriques ul { margin: .5em 0; padding: 0; }
.liste-rubriques li {  list-style-type: none; margin: 0 padding: 0; }
.liste-rubriques .left, .liste-rubriques .right { margin-bottom: 2em;  }
.liste-rubriques .left { text-align: left; }
.liste-rubriques .right { text-align: right; }
.liste-rubriques .logo { margin: 0.5em 1em; padding: 0; }
.liste-rubriques .left .logo { float: left;  }
.liste-rubriques .right .logo { float: right; }

.miniplan { width: 70%; }
.left .miniplan { float: left;}
.right .miniplan { float: right;}

.liste-rubriques .descriptif  { margin: 0 0 0.3em 0; font-style: italic; }
#colonne-droite .descriptif { margin: 0 0 .2em .8em; }

.forum, .forum-decompte { margin: 1em 0; }
.forum-decompte { border-bottom: 1px solid #CCC; }
.forum-repondre-message { text-align: right; }
.forum-message { margin-bottom: 2em; }

.chapo { margin-bottom: 0.5em; }

.signature { text-align: right; color: #666; font-style: italic; }

#portfolio .vignette { float: left; height: 62px; width:70px; text-align: center; }
#portfolio .vignette img { border: 1px solid #999; }
#portfolio .portrait {  padding-bottom: 10px;}
#portfolio .paysage { padding-top: 10px; }

#joints dl {  width: 85%; margin: auto; }
#joints dd { margin-left: 40px; }
#joints dt a { padding-top: 20px; padding-left: 40px; display: block; }
#joints dd { float: left; }

.documents h2, .liste-rubriques h2 { border-bottom: 1px solid #CCC; margin: 2em 0 .5em 0; }

.la-suite { margin: .3em; }

.liste { margin: .5em .3em; padding: 0; }
.tag, .art, .rub, .rdv { list-style-type: none;  margin: 0; padding-left: 18px; line-height:14px; margin: 0 0 .4em 0; }
.art { background: url(img/article.png) no-repeat left top; }
.rub { background: url(img/folder.gif) no-repeat left top; }
.tag { background: url(img/tag.png) no-repeat left top; }
.rdv { background: url(img/appointment.png) no-repeat left top; margin-bottom: .5em; }

.right .art, .right .rub { background-position: right top; padding: 0 18px 0 0; }