body {
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;
	
	background-attachment: fixed;
	overflow-y: scroll;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #A87A25;
	outline: none;
}
#conteneur {
	width: 986px;
	height: 546px;
/* 	margin: 20px auto 0px auto; */
	position: absolute;
	padding: 5px;
	top: 50%;
	left: 50%;
	margin: -278px 0px 0px -498px;
/* 	outline: 1px solid blue; */
}
#contenu {
	float: right;
	width: 792px;
	height: auto;
	padding: 0px 0px 0 12px;
	text-align: center;
/* 	background-color:pink; */
/* 	margin: 0 0 20px 0; */
}
/*
 zapette 
*/
#zapette {
	position: fixed;
	width: 188px;
	height: 546px;
/* 	outline: 1px solid red; */
/* 	padding: 3px; */
}
#zapette li{
	list-style: none;
}
#zapette a, .radio a {
	text-decoration: none;
	color: #A87A25;
}
#zapette a.selected, .radio a.selected, #zapette a:hover {
	color: #000000;
	
}
/* conteneur des rubriques racines */
#cadremenuracine {
	overflow: hidden;
/* 	background-color: blue; */
}
#menuracine {
	padding: 0 0 0 6px;
	margin: 15px 0 15px 0;
	color: #A87A25;
	font-size: 0.9em;
	font-weight: bold;
}
/* position et taille des rubriques racine (premier menuracine) */
#menuracine > li {
	display: block;
	width: 100%;
	height: 1.5em;
/* 	padding: 1px; */
}
#menuracine > li.menuligne > a{
	display: inline;
}
#menuracine > li.menuligne {
	font-size: 0.8em;
/* 	margin: 0 0 0 4px; */
}
#menuracine > li.menuligne > a:hover, #menuracine > li.menuligne > a.selected {
	text-decoration: underline;
}

.menu2 {
	height: 230px;
	margin: 4px 0 0 0;
}
/* menu des articles */
#cadremenuarticle {
	margin: 15px 0 0 0;
	overflow-y: auto;
	font-size: 0.9em;
	height: 178px;
}
#menuarticle {
	margin: 0;
	padding: 0 0 0 18px;
}
#menuarticle > li > a > img{
	float: left;
	margin: 0 4px 0 0;
}
#menuarticle > li:first-child {
	margin: 0 4px 0.5em 0;
}
#menuarticle > li {
	clear: both;
	margin: 0.5em 4px 0.5em 0;
/* 	height: 38px; */
/* 	line-height: 1em; */
}
/* les liens des articles */
#menuarticle > li > a {
	display: block;
	height: 100%;
}

/* pagination */
#pagination {
/* 	margin: 4px 0 0 0; */
	
	height: 74px;
	width: 178px;
	margin: 0 5px;
	line-height: 1.2em;
	position: absolute;
	bottom: 5px;
/* 	outline: 1px solid pink; */
}
#pagination a {
	color: #A87A25;
}
#pagination a:hover {
 	color: #000000;
}
/*#pagination > div{
	padding: 3px 6px 0 6px;
}*/
#numero {
	float: left;
	width: 76px;
	height: 74px;
	text-align: justify;
	font-size: 0.9em;
	font-weight: bold;
}
#retourmenu {
	float: left;
	width: 36px;
	height: 34px;
/* 	background-color: blue; */
	text-align: center;
	line-height: 1em;
	font-size: 0.7em;
	margin-top: 0px;
}
#retourmenu a {
	display: block;
	color: #000000;
	font-weight: bold;
	border: 1px solid #A87A25;
}
#retourmenu a:hover {
	
}
#retourmenu.invisible {
	display:none;
}
#cadrefleche {
	font-size: 0.7em;
	float: right;
	margin-top: 2px;
	height: 74px;
/* 	font-size: 0.8em; */
	text-align: center;
/* 	line-height: 0.8em; */
}
#cadrefleche > div {
	margin-bottom: 4px;
}
#cadrefleche > div > a:first-child {
	margin-right:2px;
}
/*
bd
*/
/*
bdrama
*/
#contenu.bederama {
	background-image: url('IMG/fond-bdrama.png');
	background-repeat: no-repeat;
/*	width: 800px;
	height:565px;*/
}
#contenu.bederama > h1, #contenu.archive > h1 {
	margin: 0;
	font-size: 15px;
	font-family: monospace;
	color: #e9dfcd;
	text-transform: uppercase;
	margin: -1px 0 1px 0;
	font-weight: normal;
}
/*
blog
*/
#blog {
	font-size: 16px;
	text-align: center;
}
#blog a:hover {
	text-decoration: underline;
}
#calendrier {
	height: 190px;
	color: #A87A25;
}
#calendrier a {
	color: #000000;
}
#calendrier a:hover, #calendrier table td.ici-on {
	
}
#calendrier table td.ici-on a {
	color: #e90c1f;
}
#calendrier div.date {
	margin: 4px 0;
}
#calendrier span.mois {
	text-transform: uppercase;
}
#calendrier table {
	margin: 0 auto 0 auto;
}
#calendrier table td {
	padding: 0 1px 1px 1px;
}

/*
archive
*/
#contenu.archive {
	padding: 3px 3px 0px 3px;
}
#contenu.archive > h1 {
	color: #000000;
/*	font-weight: bold; */
}
#contenu.archive > ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 18px;
}
#contenu.archive > ul > li {
	float: left;
	width: 154px;
	height: 134px;
	line-height: 16px;
	font-size: 14px;
	margin: 4px 30px 5px 0;
}
#contenu.archive > ul > li > a {
	display: block;
	border: 2px solid transparent;
/* 	height: 100%; */
	color: #000000;
}
#contenu.archive > ul > li > a:hover {
	display: block;
	border: 2px solid #e9dfcd;;
	
}