body {
	background: #C7DDE1 url(/squelettes/images/bg_bg.png) repeat top left;
}
#corps {
	width:1020px;
	background: #fff;
	margin:0 auto;
	border-left:1px solid #dce1db; border-right:1px solid #dbe0da;
	margin-top:10px;
	/* HTML5 (passé en js pour css3 strict)
	-moz-box-shadow: 1px 1px 13px #999; 
	-webkit-box-shadow: 1px 1px 13px #999; */
	box-shadow: 1px 1px 13px #999;
}


#page {
	padding-left:170px;
}

#menu-left {
	width: 128px;
	margin:0;
	padding:8px 0 0;
	vertical-align: baseline;
	height:auto; float:left;
	overflow:hidden; background-color: #fff;
	margin-left:8px;
}
#menu-left .item { margin-bottom:0.5ex; }
#menu-left .logo-top, #menu-left .logotype-top { margin:0; padding:0; width: 128px; height: 128px; border: 0; }
#menu-left .logo-top { display:block; margin-bottom:2em; }
#menu-left .cadre-relief { width:128px; }
#menu-left h2 {
	margin:0.25em 0 0;
	width: 128px;
	font-size: 150%;
	line-height: 145%;
	height: 145%;
	color: #f00;
	font-weight: 300;
	text-align: left;
	font-style: normal;
	padding:0 0 4px;
	background-color:#D5E0F5;
}
#menu-left h2 a {
	display:block;
	padding:0 0.5ex;
	text-decoration: none;
	background-color:#fff;
}
#menu-left h2 a:hover {
	color:#86BE59;
}
#menu-left p, #menu-left ul { font-size:90%; margin-top:0.5ex; line-height:1.5em; }
#menu-left ul {
	margin-left:0; padding:0;	list-style: none; }
#menu-left li { display:inline;	padding-left:12px; background-image: url(/img/puc8_cyan.gif);
	background-repeat: no-repeat;	background-position: left center; }
#menu-left #form_recherche { max-width:120px; color: #999; margin:0 auto; padding:0; text-align: center; font-size: 85%; }
#menu-left #form_recherche #recherche { width:100px; }

.cadre-relief, .cadre-relief .top-r, .cadre-relief .titre, .cadre-relief .content, .cadre-relief .bottom, .cadre-relief .end {
	margin:0; padding:0; background-repeat: no-repeat; width:auto; }
.cadre-relief { background-image: url(/img/qo-cadre-relief_top.jpg); background-position: left top; margin-bottom:4px; }
.cadre-relief .top-r { background-image: url(/img/qo-cadre-relief_top-r.jpg); background-position: right top; height:4px; }
.cadre-relief .titre, .cadre-relief .content {
	background-image: url(/img/qo-cadre-relief_top-r.jpg);
	background-position: right -4px;
}
/* todo: revoir les couleurs */
.colonne ul,
.cadre-relief .content ul {
	background-image: url(/img/qo-cadre-relief_content.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0;
}
.cadre-relief .content li {
	display:block;
	line-height:1.2em;
	margin-bottom:0.2em;
	margin-top:0.2em;
	padding:0;
	padding-bottom:0.2em;
	padding-right:2ex;
}
.cadre-relief .content li a {
	display:block;
	padding:0 1ex;
}
.cadre-relief .bottom { background-image: url(/img/qo-cadre-relief_bottom.jpg); background-position: left top; height:4px; }
.cadre-relief .end { background-image: url(/img/qo-cadre-relief_end.jpg); background-position: right top; height:4px; }

span.document-center { display:block; text-align:center }

#contenu h3 {
	margin-top:1em;
}
#contenu p, #contenu ul, #contenu ol {
	color:#333;
}
#contenu span.spip_documents a:hover { background-color:transparent}
#contenu span.captcha-ope {font-weight:700}
#contenu span.captcha-err{font-weight:700;color:#fff;background-color:red; padding:0 1em}
#contenu fieldset.previsu ul {margin:0;padding:0;list-style:none}
#contenu ul {
	padding-left:2ex;
	margin-left:30px;
}

#contenu div.forum-texte { color:#fff; }
#contenu div.forum-texte blockquote {
	border:1px solid #06f;
	padding:0.5em 1ex 0.25em 1ex;margin:0;
	background-color:#fff;color:#000
}
#contenu ul.forum {padding:0;margin:0;border:0}
#contenu ul.forum ul {border-left: 2px solid #06f}
#contenu li.forum-fil {background: #03f url(/img/guillemets-03f.png) no-repeat top left;
	padding:0.5em 1ex 0.5em 66px;border:0;margin-bottom:0.5em;color:#fff}
#contenu li.forum-fil a {color:#0f0}
#contenu li.forum-fil a:hover {color:#0ff; background-color:#03f}
#contenu li.forum-fil code {color:#000}
#contenu ul.forum div.forum-chapo small { color:#ccc; font-size:80% }
#contenu h4.forum-repondre { margin-top:1em; }
#contenu div.forum-texte p { color:#fff }
#contenu fieldset.moderation_info p.explication { color:#fff }

#menu-xtras {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}
#menu-xtras h3,
#menu-xtras h4 {
	position:absolute;
	top:-100px;
}
#menu-xtras div.rss {
	width:150px;
	height:60px;
	background: url(/img/rss_feed_150x60.png) no-repeat;
}
#menu-xtras div.twitter {
	width:150px;
	height:60px;
	background: url(/img/twitter_button_150x60.png) no-repeat;
}
#menu-xtras div.rss a,
#menu-xtras div.twitter a {
	display:block;
/*	width:147px;
	height:60px; */
	text-decoration:none;
	padding: 8px 16px 0.75ex 63px;
	overflow:hidden;
	text-align:left;
	text-transform:uppercase;
	font-size:9px;
	line-height:14px;
	font-weight:700;
	color:#86E0DE;
}
#menu-xtras div.rss a {
	padding-left:8px;
	padding-right:62px;
}
#menu-xtras div.rss {
	margin:1ex 0;
}
#menu-xtras div.rss a:hover,
#menu-xtras div.twitter a:hover { background-color:transparent; color: green}

