/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 15px;
padding: 0;
background-image: url(../images/fond.png);
background-repeat: repeat; 
}
#conteneur {
width: 750px;
margin: 0 auto; 
}
#header {
height: 100px;
background-color: #ffffff;
background: url(../images/haut.png) top left no-repeat;
}

#centre {
background-color:#ffffff;
overflow:hidden;
}

#colgauche{
width:200px;
float:left;
}
#coldroite{
margin-left:200px;
text-align:justify;
padding-left:10px;
padding-right:10px;
margin-right:10px;
border: 1px solid #dddddd;
background-color: #eeeeee;
}

#pied {
clear:left;
height: 30px;
background-color: #ffffff;
background: url(../images/bas.png) bottom left no-repeat;
}
p {margin: 0;}

ul#menu {
list-style-type: none;
width: 100%; /* précision pour Opera */
height: 200px;
}

ul#menu li {
float: left;
}

ul#menu a {
float: left;
margin: 0 5px;
padding: 5px;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
}

ul#menu a:hover {
background: #ccc;
border: 1px solid gray; 
}

.articles{

}

.articleson{
	color:#ff0000;
}

/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

a {
	font-weight: bold; 
	text-decoration:none;
	color:#EDA933;
}

h1.spip {
	text-align: center; 
	margin-top: 2px; 
	margin-bottom: 12px; 
	font-size: 18px; 
	font-weight: bold; 
	color:#CC6A22;
}
h1 {
	text-align: center; 
	font-size: 18px; 
	font-weight: bold;
	color:#CC6A22;	}
h2.spip {
	text-align: center; 
	margin-top: 2px; 
	margin-bottom: 12px; 
	font-size: 16px; 
	font-weight: bold; 
	color:#CC9622;
}
h2 {
	text-align: center; 
	font-size: 16px; 
	font-weight: bold;
	color:#CC9622;	}
h3.spip {
	text-align: center; 
	margin-top: 2px; 
	margin-bottom: 12px; 
	font-size: 12px; 
	font-weight: bold; 
	color:#EDA933;
}
h3 {
	text-align: center; 
	font-size: 12px; 
	font-weight: bold;
	color:#EDA933;	}
	
/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1px; 
	padding-left: 1px;
	padding-right: 1px;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1px; 
	padding-left: 1px; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 12px; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1px;
	border: 1px solid #000000;
	border-collapse: collapse; 
	width: 95%;
	}
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: #FFD; }
table.spip tr.row_odd { background: #FFF; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 10px; text-align: left; vertical-align: middle;}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1px; }
.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 { font-weight: bold; font-size: 12px; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 12px; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

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