@charset "utf-8";

body {
	margin:0;
	background:#ddd url(images/body.gif) top center no-repeat;
}

#main {
	width:970px;
	margin:0 auto;
}

.logo {
	position:absolute;
	z-index:100;
	margin:25px 0 0 250px;
}
.logo img, .logo_art img {
	border:none;
}
.logo_art {
	position:absolute;
	z-index:100;
	margin:25px 0 0 50px;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/jquery-menutree.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

Modifié par Rémy Salaün - Mars 2010 / Modified by Remy Salaun - March 2010
=================================================================== */
#wrap {
	position:absolute;
	height:auto;
	width:210px;
	z-index:2;
	margin:40px 0 0 0;
}
#wrap_art {
	position:absolute;
	height:auto;
	width:210px;
	z-index:2;
	margin:220px 0 0 0;
}
#nav {
	position:absolute;
	left:0;
	top:0;
}
#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#nav li ul li a {
	padding-left:0;
}
#nav ul.rub_5 {
	padding-left:4px;
	background:url(images/puce2_5.gif) left repeat-y;
}
#nav ul.rub_6 {
	padding-left:4px;
	background:url(images/puce2_6.gif) left repeat-y;
}
#nav ul.rub_7 {
	padding-left:4px;
	background:url(images/puce2_7.gif) left repeat-y;
}
#nav ul.rub_8 {
	padding-left:4px;
	background:url(images/puce2_8.gif) left repeat-y;
}
#nav ul.rub_10 {
	padding-left:4px;
	background:url(images/puce2_10.gif) left repeat-y;
}
#nav li a {
	color:#666;
	text-decoration:none;
	font-size:10px;
	padding-left:4px;
	white-space:nowrap;
}
#nav li {
	font-size:12px;
	line-height:19px;
	color:#666;
	cursor:pointer;
	width:100%;
	text-transform:uppercase;
}
#nav li.titre, #nav li.titre:hover {
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:black;
	line-height:19px;
	cursor:default;
	width:100%;
	text-transform:uppercase;
	letter-spacing:1px;
}
#nav li:hover {
	color:black;
}
#nav li.down {
	text-indent:6px;
}
#nav li a:hover, #nav li a.on, #nav li.on {
	color:black;
}
#wrap p, #wrap_art p {
	margin:0 0 -10px 0;
}
.puce_5 {
	background:url(images/puce_5.gif) top left no-repeat;
	padding-left:2px;
}
.puce_6 {
	background:url(images/puce_6.gif) top left no-repeat;
	padding-left:2px;
}
.puce_7 {
	background:url(images/puce_7.gif) top left no-repeat;
	padding-left:2px;
}
.puce_8 {
	background:url(images/puce_8.gif) top left no-repeat;
	padding-left:2px;
}
.puce_10 {
	background:url(images/puce_10.gif) top left no-repeat;
	padding-left:2px;
}

/* fin du menu */

.top {
	width:750px;
	float:right;
	height:40px;
}
.link a {
float:right;
width:auto;
background:#666;
padding:2px 4px;
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-decoration:none;
letter-spacing:normal;
margin:0 0 0 4px;
}
.link a:hover, .link a.on {
background:#999;
color:white;
padding-top:7px;
}
#lang a {
float:right;
margin:0 0 0 6px;
border:1px solid transparent;
}
#lang a:hover {
border:1px solid black;
}
#lang img {
	border:none;
}

#header {
float:right;
width:750px;
text-align:right;
}
#header h5 {
text-transform:uppercase;
font:bold 10px Arial, Helvetica, sans-serif;
color:black;
letter-spacing:1px;
margin:0 0 4px 0;
line-height:12px;
}
#header h4 {
text-transform:uppercase;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:black;
margin:0;
letter-spacing:1px;
}
.gris {
	color:#666;
}
#header iframe.frame {
	margin-top:16px;
}
.copy {
	color:black;
}

#header .titre_site {
	font:bold 17px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:white;
	text-transform:uppercase;
	letter-spacing:3px;
}
#header .sstitre {
	color:#666;
}
#header .sstitre_5 {
	color:#ff4545;
}
#header .sstitre_6 {
	color:#30BF17;
}
#header .sstitre_7 {
	color:#efd600;
}
#header .sstitre_8 {
	color:#02b3fd;
}
#header .sstitre_10 {
	color:#EB59EF;
}
#header .titre_article {
	width:750px;
	font:bold 12px Tahoma, Geneva, sans-serif;
	color:#666;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 6px 0;
}
#header .spip_documents_left {
	float:left;
	margin:0 10px 0 0;
}
#header .int_article {
	width:750px;
	font:13px Arial, Helvetica, sans-serif;
	color:black;
	line-height:19px;
	margin:70px 0 0 0;
	text-align:left;
}
#header .int_article h4 {
	font-weight:bold;
	text-align:center;
}
#header .int_article a {
	color:#666;
	text-decoration:none;
	border-bottom:1px solid #999;
}
#header .int_article a:hover {
	border-bottom:1px solid black;
}
#header .int_article img.spip_logos {
	float:right;
	margin:1em 0 0 10px;
	border:none;
}
.int_article form {
	margin:10px 0 0 0;
	padding:0;
}
.int_article fieldset {
	border:1px solid white;
	padding:10px;
}
.int_article legend {
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
}
.spip_form_label_details {
	font-size:11px;
}
.int_article input.email {
	background:#999;
	padding:2px 0 2px 4px;
	border:1px solid white;
	font:12px Verdana, Geneva, sans-serif;
	color:white;
	margin:0 0 0 10px;
	width:270px;
}
.spip_bouton input {
	background:white;
	font:bold 12px Tahoma, Geneva, sans-serif;
	padding:2px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid black;
	border-left:1px solid black;
	float:left;
	margin:4px 0 0 0;
	color:#666;
}
#header .blanc {
	color:white;
}
#header .italic {
	font-style:italic;
	font-weight:normal;
}
#header .titre_actu {
	width:750px;
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:white;
	letter-spacing:1px;
	margin:8px 0;
}
#header .int_article_4 {
	margin:50px 0 0 0;
}
#header .int_article_4 a {
	text-decoration:none;
}
#header .int_article_4 img {
	margin:0 auto 8px auto;
}
#header .int_article_4 a img {
	border:1px solid white;
}
#header .int_article_4 img:hover {
	border:1px solid black;
}

#header .baseline a, .baseline_art a {
	color:white;
	text-decoration:none;
	border-bottom:1px solid #666;
	padding-bottom:1px;
}
#header .baseline a:hover, .baseline_art a:hover {
	border:none;
}
/*.bg_gris {
	background:#ccc;
	padding:10px 10px 0 10px;
}*/

#pagination_5 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-align:center;
background:#CE0000;
height:18px;
line-height:18px;
}
#pagination_6 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-align:center;
background:#159101;
height:18px;
line-height:18px;
}
#pagination_7 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-align:center;
background:#FFA201;
height:18px;
line-height:18px;
}
#pagination_8 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-align:center;
background:#0082B8;
height:18px;
line-height:18px;
}
#pagination_10 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
text-align:center;
background:black;
height:18px;
line-height:18px;
}
#pagination_5 a.lien_pagination, #pagination_6 a.lien_pagination, #pagination_7 a.lien_pagination, #pagination_8 a.lien_pagination, #pagination_10 a.lien_pagination {
color:white;
text-decoration:none;
font-weight:bold;
}
#pagination_5 a:hover.lien_pagination, #pagination_6 a:hover.lien_pagination, #pagination_7 a:hover.lien_pagination, #pagination_8 a:hover.lien_pagination, #pagination_10 a:hover.lien_pagination {
border-bottom:1px solid white;
}
.pagination img {
border:none;
}

.news {
	position:absolute;
	width:200px;
	z-index:1;
	margin:440px 0 0 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:13px;
}
.news strong {
	color:black;
}
.news a {
	color:black;
	text-decoration:none;
	border-bottom:1px solid #999;
}
.news a:hover {
	border-bottom:1px solid black;
}
.plus {
	float:left;
	margin:6px 0 0 0;
}

.social {
	position:absolute;
	height:auto;
	width:200px;
	z-index:3;
	margin:593px 0 0 0;
}
.social h4 {
	font:bold 10px Arial, Helvetica, sans-serif;
	color:black;
	margin:0;
	text-transform:uppercase;
}

.spip-admin-bloc {
	position:absolute;
	margin:700px 0 0 0;
	width:600px;
}

img.logo_int {
	filter:alpha(opacity=20);
	opacity:0.2;
}

.docs {
	float:left;
	width:150px;
	height:103px;
	text-align:center;
}