/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

body {
	margin: 0px 15px 0px 15px;
	font-family: verdana,sans-serif;
	font-size: 13px;
	text-align: center;
	color: #cccccc; 
}

h1 {
	margin: 0px 0px 5px 0px;
	font-size: 24px;
	font-weight: 300;
	color: orange;
	text-align: center;
}

h2 {
	margin: 5px 0px;
	font-size: 16px;
	font-weight: 300;
	color: #FF9900;
}

h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300;
}
hr {
	clear: both;
	visibility: hidden;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;	
}
img {
	border: 0;
}
input {
	margin-top: 23px;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 10px 10px;
	line-height: 16px;
	list-style-image: url(images/puce.gif);
}
li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
	list-style-image: url(images/puce.gif);
}
a, a:link, a:visited, a:active {
	color: #ff9900;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
	text-decoration: none;
}

body#plan #central li, body#plan #central ul{list-style-type: square ; list-style-image: none;}
/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* menu */

#menuspip {text-align: left; line-height: 1.6em;}
#menuspip ul, #menuspip li { line-height: 1.6em; list-style-image: none; list-style: none;margin-bottom:7px;}
#menuspip li ul li {margin-bottom:2px;}
ul#menuspip {margin:0; padding:0px; margin:26px 0 20px 0;}
li.menu {margin: 0; padding:0px; }
a.menu_racine {color:orange; text-transform:uppercase; }
ul.cache {display:none;}
ul.affiche {margin: 0;padding: 5px 0 5px 10px;}
a.menu_lien:link, a.menu_lien:visited {font-size:x-small; text-decoration:none; padding:0; color:#FFF;}
a.menu_lien:hover {color: orange;}
a.menu_lienon:link, a.menu_lienon:visited {font-size:x-small; text-decoration:none; padding:0; color:#FF6600;}
#menuspip div {width:14px; height:11px; margin: 3px 5px 0 5px; float: left;}
#menuspip div.clearleft {width:0; height:0; margin: 0; float: none;}
div.open { background:  transparent url('images/puceopen.gif') no-repeat top right; cursor:pointer; }
div.close { background: transparent url('images/puceclose.gif') no-repeat top right; cursor:pointer; }
div.rien { background:  transparent url('images/pucerien.gif') no-repeat top right; }


/* squelette shazaam */
#conteneur {text-align: left;margin:0 auto;width:1000px;position:relative;margin-top:30px;}

#menuflash {margin-left:162px;width: 627px;}
#decogauche {float:left;width: 140px;margin-top:-50px;background: transparent url(images/villagefacteurs.png) no-repeat top left;width:139px;height:318px;}

#entete {width: 100%;}
#entete .logo{width: 185px;height:122px;}
#pres_page {padding-left: 10px;}
#pres_page h1 {text-align: left;font-size: 18px;}
#pres_page .text {border: 0px;font-size: 14px;}

#central {
background-color: #222;
margin: 0 0 15px;
float:left;
padding: 0 0 15px 0;
width:630px;
border: 2px solid #444;
-moz-border-radius: 0.8em;-moz-border-radius-topright: 0em;
}
#menudroite {
float:left;
margin-left:15px;
width:200px;
}
#menudroite .decomenu {background: #111;border-right: 2px solid #444;border-left: 2px solid #444;padding-right:5px;}
.lettre_jeudi {text-align: center;border-top:1px solid #444;padding:15px 0 0 5px;}

#pied {width: 95%;margin-bottom: 50px;}
#pieddeco {height: auto;margin: 0 200px 0 130px;}


#edito, .editobox {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
font-size:1.1em;
padding:15px;
text-align:justify;
}
.editobox {padding:15px 15px 15px 55px;}
.textrub {background: #111}



.centrageplusvus {margin-left:3px;padding-top:15px;}

.logorubrik {text-align: center;width: 100%; padding: 0;background-color: #444;}
.logorubrik p{margin-bottom:0;}
.pagearticle {background-color: #333;}
.sepazone {margin: 15px;text-align: center;}

.box {background: #111;padding: 15px 15px 7px 15px;text-align:justify;}
.boxlogo {float: left;border: 5px solid #DDD;background-color: #333;padding:0;margin:0;margin-right:20px;}
.boxtitre {margin-bottom:5px;margin-left: 5px;background-color: #333;border: 1px solid #666;-moz-border-radius-topright: 1.2em;-moz-border-radius-bottomright: 1.2em;}
.boxtitre h2 {margin-left:5px;}
.boxvillage {width: 100%;height: 90px;background-color: #111;}
.boxvillagelogo {float: left;margin: 0 10px;}
.bannierevillageois {text-align: center;margin: 0 auto;}

.clearboth {clear: both;}
.clearright {clear: right;}
.clearleft {clear: left;}
.pagination {clear: left;padding:10px;font-size:1.2em;}
.pagination span.on {color:#e47114;}

p.spip {color: #fff;}

/* hierarchie */
.hierarchieconteneur {padding: 50px;}
.hierarchie {font-size: 11px;}
/*
 * recherche
 */
input#recherche {width: 130px;border: 1px solid #666;background: black;color: orange;}

/*
 * forums
 */
#formulaire_forum textarea#texte {width:98%}
.forums { background-color: #e8f8f8; }
.forums .menu-titre { background-color: #f0fcfc; text-align:center; }
.contenu .forum-repondre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}
a.donner_opinion {color: #FF6600;border:1px solid orange;padding:5px;background:#111;}
a:hover.donner_opinion {background:#FF6600;color:#111;}
ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0 15px 15px 30px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #EEE;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	
}
ul ul .forum-chapo {
	
}
ul ul ul .forum-chapo {
	
}
ul ul ul ul .forum-chapo {
	
}
ul ul ul ul ul .forum-chapo {
	
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ anciens css de klust ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#articles {
	float: left;
	width: 100%;
}
#articles input {
	margin-top: 0px;
}

#photo_articles {
	width: 375px;
	background-color: #666666;
}
#photo_pied {
	width: 375px;
	padding: 4px;
	background-color: #000000;
}	
#menus_verticaux {
	float: right;
	width: 200px;
	background-color: #000000;
}
#menus_verticaux a {
	color: #cccccc;
	text-decoration: none;
	
}
#menus_verticaux a:link a:visited a:active {
	color: #cccccc;
	text-decoration: none;
}
#menus_verticaux a:hover {
	color: #ff9900; 
	text-decoration: none;
}

.calendrier {
	background-color: #eef5b5;
}

#logos {
	border: 10px solid #cccccc;
}
#vignettes {
	float: left;
	width: 120px;
	height: 240px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px dashed #cccccc;
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#partiebasse {
	float: left;
	width: 100%;
	height: 50px;
	padding-top: 30px;
	background-image: url(images/fond_partie_basse.jpg); 
	background-repeat: repeat-x;
	text-align: right;
	font-size: 13px;
}
#partiebasse a a:link a:visited a:active {
	color: #ff9900;
	text-decoration: none;
}
#partiebasse a:hover {
	color: #cccccc;
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.poursuitedessous {clear: both;}


/* Tableaux */
table {
border:2px solid #666;
border-collapse:collapse;
width:100%;
margin:15px auto;
color:#000;
}
.texte table {color:#FEFEFE;}
tr.titre {text-align:center;font-weight:bold;background:#333;}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #444;
padding:5px;
}

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { border:1px solid gray;padding: 3px; text-align: left; vertical-align: middle; }

table#entete, table#entete td {border:0;color:silver;}

/* ************* cyberkfé *************************** */

#bgcyber {padding:0 15px;background: transparent url(images/bgcyber.jpg) repeat-x top left;}