html, body {
	margin:0;
	padding:0;
	text-align: center;
	color: black;
	background-color: #ff9021;
}

#pagewidth {
	width:100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: absolute;
	height: 30px;
	width: 100%;
	text-align: right;
}
#header p {
margin-right: 6px;
margin-top: 6px;
}

#header p a {
background-color: #afe38a;
padding: 3px;
border: dashed 1px;
}

#leftcol {
	position: absolute;
	top: 0px;
	width: 24%;
	padding: 8px;
	text-align: center;
}

#maincol {
	display:inline;
	position: absolute;
	top: 30px;
	left: 26%;
	padding-top: 12px;
}

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{
	/*display: inline-block;*/
	display: block;
}

#leftcol img.logo {
	width: 200px;
	padding-top: 8px;
	padding-bottom: 16px;
}

/* menu lateral */
.menu .rubrique {
	border: dashed 1px #694694;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	/*font-weight: bold; */
	text-decoration: none;
	/*text-transform: lowercase;*/
	text-align: left;
	letter-spacing: 0.7px;
	line-height: 130%;
	background-color: #afe38a;
	color: #694694;
}
.menu .rubrique a {
	text-decoration: none;
	color: #694694;
}
.menu .rubrique h2 a {
	display: block;
	font-size: 18px;
	font-weight: 700;
	font-variant: small-caps;
	font-style: oblique;
	font-family: serif;
	letter-spacing: 1px;
	line-height: 0px;
	text-align: right;
	color: #b2640c;
}
ul.menu {
	list-style-type: none;
	padding-left: 15px;
	text-indent: -15px;
}
li.sous_rubrique {
	font-variant: small-caps;
	font-weight: 700;
}
li.sous_article  {
	padding-left: +20px;
/*	text-indent: +0px;*/
}

.menu table { /* le calendrier */
	background-color: #afe38a;
	border: dashed 1px #694694;
}

.banniere p { 
	text-align: right;
	margin: 8px;
}
.banniere a img {
	padding: 3px;
	border: dotted 4px #afe38a;
}

#hierarchie {
	/*border: dashed; */
	border-width: 2px;
	margin-left: 20px;
	color: green;
}
#hierarchie a {
	text-decoration: none;
	color: green;
}
#breve, #article, #rubrique, #contenu, #sommaire {
	margin: 5px;
	background-color: #ffd863;
	border: dashed 1px;
	padding: 20px;
	padding-top: 0px;
}
#rubrique .liste-articles ul, #rubrique .breves ul, #sommaire ul {
	list-style-type: none;
}


#plan_site ul {
	list-style-type: none;
}
#plan_site ul li {
	margin-bottom: 15px;
	padding: 12px;
	padding-top: 8px;
	background-color: #afe38a;
	color: #694694;
	border: solid 2px #694694;
}
#plan_site ul li li {
	margin: 0;
	padding: 0;
	padding-left: 2px;
	background: none;
	border: none;
}


/*
#logo_article, #logo_rubrique {
	text-align: right;
}
*/
.cartouche {
	/*border: dashed 1px; */
	margin-bottom: -10px;
}
.cartouche .auteur {
	text-align: right;
	font-size: small;
	margin-bottom: 0px;
}
.cartouche .auteur a {
	text-decoration: none;
}
.cartouche h1.titre {
	/*border: dashed 1px; */
	color: maroon;
	margin-top: 0px;
	margin-left: +40px;
	margin-bottom: 10px;
}
.cartouche p.soustitre {
	color: maroon;
	margin-top: 0px;
	margin-left: +55px;
}
.chapo {
	margin-top: +20px;
	margin-bottom: +10px;
	font-style: italic;
}
/* zone texte d'un article */
.texte {
	/*text-indent: 25px; */
}
/* inter-titre */
.texte h3.spip {
	color: #573a7a;
	margin-left: +15px;
}

/* tableaux */
.texte tr td {
	background-color: #ff9021;
	padding: 4px;
}
.texte tr th {
	background-color: #afe38a;
	border: solid 1px #694694;
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}



/*
.breve, .breve h2, .breve a {
	background: #ffe38a;
}
*/
hr {
	height: 2px;
	margin-left: +10px;
	margin-right: +10px;
}
/*
h1 {
	margin: 0px;
	text-align: center;
	color: #2a9239;
}
*/
h1, h2, h3, h4, h5 {
	color: #573a7a;
}

a img {
	border: 0px;
}

:link {
	text-decoration: none;
	color: #694694;
	/*background-color: #ff9021;*/
}
:visited {
	text-decoration: none;
	color: #453e61;
	/*background-color: #ff9021;*/
}

.conforme a img {
	border: 0px;
}

/******************** divers et varies.. ********************/

/* legende couleur pour les membres d'honneur et actifs */
.mh {
	color : #2a9239;
	/*background-color: #ff9021;*/
}
.ma {
	color : #694694;
	/*background-color: #ff9021;*/
}


#affiche{
	visibility:visible;
}
#cache{
	display:none;
}