@import "layout.css";

.resource-info{
	padding-left: 18px;
	color: #999;
	margin-top: 0;
}

.resource-info span{
	display: none;
}

.resource-info a{
	color: #666;
	background: transparent;
	border-left: 1px solid #CCC;
	padding-left: 0.5ex;
	text-decoration: none;
}

.resource-content p{
	text-align: justify;
}

.resource-content img{
	max-width: 510px;
}

.resource-info-co{
	clear: both;
	text-align: right;
}

.resource-info-co span{
	display: none;
}

.resource-info-co a, .resource-info-co a:visited{
	text-decoration: none;
	color: #666;
	padding-left: 12px;
	background: transparent url(img/bulle.png) no-repeat left center;
}

.resource-info-co a:hover{
	color: #333;
	padding-left: 12px;
	background: transparent url(img/bulle.png) no-repeat left center;
}

.comment-info{
	margin-bottom: 0;
}

#comments blockquote, #trackbacks blockquote{
	margin: 0;
	padding: 0 1em;
	text-align: justify;
	border: 1px dotted #CCC;
}

.field label{
	display: block;
}


/* Style général
********************************************/
body{
	background: #fff;
	color: #000;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;	
}


.bousicou {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 110%;	
}


a {
	text-decoration: none;
}



a img{
	border: 0;
}


ol li.current a
{
	text-decoration: none;
	color: #000;
}

.extens {
	clear: both;
	visibility: hidden;
}

/* Page
********************************************/
#page{
	background: #fff url(img/page.png) repeat-y;
	color: #000;
}

/* Top
********************************************/
#nav_access {
	background: #fff;
	text-align: right;
	padding: 5px 25px 0 0;
	font-size: 85%;
	color: #999;
}

#nav_access a {
	color: #999;
	text-decoration: none;
}

#nav_access a:hover {
	color: #666;
}

#header {
	color: #09f;
	background: #fff url(img/header.jpg) no-repeat;
}

a#home {
	float: left;
	width: 125px;
	height: 125px;
	margin-top: 17px;
	margin-left: 35px;
}

/* Barre de navigation
********************************************/
div#navbar{
	background: url(img/page.png) repeat-y;;
	font-size: 120%;
	line-height: 2.5em;
}

div#navbar a {
	color: #036;
	font-weight: bold;	
}

div#navbar a:hover {
	color :#06c;
	font-weight: bold;	
}	
div#categories ul{
	list-style: none;	
}

div#categories ul li{
	background: #69f;
	text-align: center;
	height: 2.5em;
}

div#mail {
	float: right;
	background: url(img/ico_mail.png) no-repeat 0 50%;
	padding-left: 25px;
	margin: auto 36px auto 0;
}

/* Contenu
********************************************/
#content{
	line-height: 1.6em;
}

span.fil {
	color: #999;
	font-size: 90%;
	font-style: italic;
	margin-left: 45px;
}

ol.tree
{
	margin-left: 10px;
	padding: 0;
	font-size: 90%;
	font-style: italic;
	display: inline;
}

ol.tree li
{
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}

ol.tree a {
	color: #999;
}

.resource {
	margin: 10px 35px 20px 35px;
}

.resource a {
	color: #69f;
}

.resource-title {
	font-size: 115%;
	font-weight: bold;	
}

/* Sidebar
********************************************/
div#sidebar {
	color: #fff;
}

div#sous_categories {
	text-align: right;
	font-size: 115%;
	font-weight: bold;
	padding: 20px 20px 0 0;
}

#sidebar h2{
	color: #fff;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 110%;
}

#sidebar h3{
	padding-left: 16px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	background: transparent url(img/linkscat.png) no-repeat left center;
}

#sidebar a{
	color: #fff;
	text-decoration: none;
}

#sidebar a:hover{
	color: #06f;
	background: transparent;
}

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li{
	padding: 5px 0;
	margin-bottom: 15px;
}

#sidebar ul li a{
	display: block;
}

#sidebar p {
	margin: .5em 0 1em 0;
}

#search #q{
	border: 1px solid #CCC;
	background: #FFF url(img/search.png) no-repeat 2px;
	padding-left: 14px;
}

#selection h2{
	color: #333;
}

/* Footer
********************************************/
#footer{
	background: #fff url(img/footer.png) no-repeat;
	text-align: center;
}

#footer a{
	color: #999;
	background: transparent;
	text-decoration: none;
}

ul#infos {
	list-style: none;
	font-size: 90%;
	color: #999;	
}

ul#infos li {
	display: inline;
	margin-right: 5px;
}

ul#infos a:hover {
	color: #fff;
}