/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
 
body	{ margin:0; padding:0; background: #d9d3c4 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 {  }

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


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

    	

#menu-principal { }
#entete { position: relative; height: 272px; background: url(img/ban-ete.jpg) center top no-repeat;}
#barre-onglets { float: left; margin: 2ex 0 0 10px; }
#barre-onglets li { list-style: none;  }

#page { 
	min-height: 450px;
	margin: 0 0 0 2%;
	border-top: 1px solid #666;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
*/
	position: relative;
	top: -1px;
	background: url(img/colonne-droite.png) right top repeat-y;
	}
	



#ariane { margin: 0; padding: 1em 0; }
#textsizer { float: right; padding: 1em; }

#pied	{ position: relative; width: 100%; text-align: center; height: 3em; margin:-1px 0 0 0; padding: 2em 0; }

/* colonnage */

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

#contenu { position: relative; float: left; width: 68%; }
#colonne-droite { position: relative; float: right; padding: 0; margin: 0 0 15px 0; width: 28%; }
#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: 0; width: 100%; text-align: right;  }
#menu-secondaire { color: #FFF; }
#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; }

#lnk_cc a { position: absolute; top: 110px; right:10px; display: block; background: url(img/logo-cc.png) center center no-repeat; width:80px; height: 60px; }
#lnk_cc span {display: none;}


input#recherche {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 2px 1em;
}

#logo { position: absolute; display: block; top: 75px; left: 470px;}
#entete h1 { position: absolute; top:30px; left: 300px; width:460px; height:75px; padding: 0; margin: 0;

	}



/* Onglets du menu principal */
#barre-onglets {   position: absolute; bottom: 0; z-index: 10; }

#barre-onglets li {
	float: left;
	margin: 0;
	margin-left: 3px;
}

#barre-onglets li a:hover {
	color: #111111;
}

#barre-onglets li a {
	float: left;
	text-decoration: none;
	color: #555;
	background: url(img/onglet_gauche.png) 0 0 no-repeat;
	padding: 5px 0 6px 4px;
	border-bottom: 1px solid #999;
}

#barre-onglets li span {
	background: url(img/onglet_droite.png) 100% 0 no-repeat;
	padding: 5px 11px 6px 7px;
}

#barre-onglets li.on a {
	color: #555;
	background: url(img/onglet_gauche.png) 0 -57px no-repeat;
	border-bottom: none;
	padding-top: 6px;
	padding-bottom: 6px;
}

#barre-onglets li.on a span {
	background: url(img/onglet_droite.png) 100% -57px no-repeat;
	padding-top: 6px;
	padding-bottom: 6px;
}


/* Liens */

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

.texte a, .la-suite a { text-decoration: underline; }
.btn_forum { color: #862020; padding-left: 22px; display: block; background: url(img/btn_forum.png) left center no-repeat; margin: 1em;  }
.btn_print {  color: #862020; line-height: 22px; display: block; background: url(img/document-print.png) left center no-repeat; margin: 1em; padding-left: 22px;}


/* Couleurs */

.forum-repondre-message a { color: #862020; font-style: italic;  }

a, a:active {  color: #3D688F; }
a.ln_black { color: #333; }

.nuage a, .nuage a:active, .nuage a:visited { color: #862020; }

body { color: #333; }
#menu-secondaire a { color: #333; }
.bloc li { color:#862020; }

#pied a { color: #333; }
#pied { color: #888; }

.cadre_forum h2 { color: #862020; }

/* .forum h2 { color: #ed8600; } */

/*  ------------------------------------------
/*  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: 120%; 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%; }
#ariane {font-size: 85% }
.chapo { font-size: 110%; }
#contenu .texte { line-height: 1.6; }
.spip_doc_legende { font-style: italic; font-size: 85%; }


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


#colonne-droite h2.menu-titre { margin: .5em 0 .2em 0; color: #862020; text-align: right; border-bottom: 1px solid #CCC;}

.bloc { margin: 0; padding: 0 10px; }
.bloc dt { }
.bloc dd { margin-left: .5em; }



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

h3.spip { text-align: left; font-size: 140%; line-height: 140%; padding: 0 0 2px 30px; background: url(img/puce.png) left center no-repeat; border-bottom: 1px solid #ccc; font-weight: bold; margin: 0.6em 0 0.3em 0; }
.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; }

/*
.cartouche, .cadre_forum, .contre-encart, .plan-secteur, .chapo, .into_illustr, .texte, .lien, .signature, .ps, .documents, .evenements { margin: 0 2em; }
*/


.texte, .liste-articles, .signature, .documents, #colonne-droite ul.nuage { margin-bottom: 1em; }


#colonne-droite .logo { text-align: center; margin: 1px 0 2em 0; }
.a-la-une { padding-bottom: 2em; }
.titre { font-weight: bold; line-height: normal; margin-bottom: .5em; }
.liste-articles h3.titre { margin-bottom: 0; }
.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 #AAA;
}
.cadre_forum { 	background: #DDD url(img/forum.png) 10px 10px no-repeat; }
.cadre_event { 	background: #DDD url(img/event.png) 10px 10px no-repeat; }
.cadre_neutre { padding: 1em 1em 1em 1em; background: #EEE; }

.chapo { font-style: italic;}

.texte { text-align: justify; }
.texte img { margin: auto; border: 1px solid #999; }
.texte a img { border: 0px; }
.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-top: 2em; }
.notes { border-top: 1px solid #CCC; }

.signature { text-align: right; 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-top: 1.5em; text-align: right; }

.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.gif) 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; }

/* FORUMS */
.forum li { list-style-type: none; }
li.forum-fil { list-style-type: none;}
li.forum-fil li { list-style-type: none;}
li.forum-fil li li { list-style-type: none;}

.forum-chapo { border-bottom: 1px solid #CCC; padding-bottom: .3em; margin-bottom: .3em; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {  margin: 0; padding: 1em; margin-bottom: 1em; margin-top: 1em; background: #EEE; }
ul ul .forum-message { margin-top: 0;}
ul ul ul .forum-message { margin-top: 0;}
ul ul ul ul .forum-message { border-left: 1px solid #CCC; margin-top: 0;}
ul ul ul ul ul .forum-message { border-left: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border-left: 1px dotted #E0E0E0; }

img.puce { border:0;}