body {
background:white;
margin:0;
}

/* Partie haute */
#header {
width:960px;
height:120px;
background:url(images/header_home.gif) no-repeat 5px;
margin:0 auto;
}
.deco {
width:958px;
height:4px;
background:url(images/bg_bandeau.gif) no-repeat;
margin:0 auto;
}
#menu {
width:960px;
height:25px;
margin:1px auto 0 auto;
border-top:1px solid #999;
}
.home a {
float:left;
background:url(images/bg_menu.gif) repeat-y;
border-top:1px solid white;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid white;
padding:4px 10px;
}
.home img {
border:none;
}
.home a:hover {
background:url(images/bg_menu_on.gif) repeat-y;
}
.nav a {
float:left;
background:url(images/bg_menu.gif) repeat-y;
padding:5px 10px 5px 10px;
border-top:1px solid white;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid white;
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
text-decoration:none;
}
.nav a:hover {
background:url(images/bg_menu_on.gif) repeat-y;
color:white;
text-decoration:none;
}

/* partie centrale */
#main {
width:960px;
margin:20px auto;
}
.left_1 {
float:left;
width:600px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:20px;
text-align:justify;
margin:0 30px 0 10px;
}
.center {
float:left;
width:690px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:20px;
text-align:justify;
margin:0 30px 0 10px;
}
.left_4 {
float:left;
width:400px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:20px;
text-align:justify;
margin:0 30px 0 10px;
}
.left_1 h1, .center h1, .left_4 h1 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 6px 0;
}
.left_1 a, .center a, .left_4 a {
color:#0067B1;
text-decoration:underline;
}
.left_1 a:hover, .center a:hover, .left_4 a:hover {
color:#0067B1;
text-decoration:none;
}
.left_1 h2, .center h2, .left_4 h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 4px 0;
}
.left_1 h2 a, .center h2 a, .left_4 h2 a {
color:black;
text-decoration:none;
}
.left_1 h2 a:hover, .center h2 a:hover, .left_4 h2 a:hover {
color:#666;
text-decoration:none;
}
.left_1 h3, .center h3, .left_4 h3 {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 2px 0;
letter-spacing:1px;
}
.left_1 img, .left_1 a img, .left_1 a:hover img, .center img, .center a img, .center a:hover img, .left_4 img, .left_4 a img, .left_4 a:hover img {
border:none;
margin:0;
}
.left_2 {
float:left;
width:200px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin-right:30px;
}
.left_2_int {
float:right;
width:200px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
margin-right:30px;
}
.left_2 h2, .left_2_int h2 {
background:url(images/bg_highlight.gif) bottom repeat-x;
font:bold 12px Arial, Helvetica, sans-serif;
color:#0067B1;
margin:0;
padding:4px 10px;
letter-spacing:1px;
border-top:1px solid #0067B1;
border-right:1px solid #0067B1;
border-left:1px solid #0067B1;
}
.left_2 h3, .left_2_int h3 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
margin:0 4px 0 0;
}
.highlight {
with:100%;
border-right:1px solid #0067B1;
border-bottom:1px solid #0067B1;
border-left:1px solid #0067B1;
padding:6px 6px 80px 6px;
margin-bottom:20px;
}
.highlight img {
border:none;
}
.highlight_3  {
with:100%;
border-right:1px solid #0067B1;
border-bottom:1px solid #0067B1;
border-left:1px solid #0067B1;
padding:6px 6px 10px 6px;
margin-bottom:20px;
}
.highlight_3 img {
border:none;
}
.highlight_2 {
float:left;
with:100%;
padding:6px 6px 10px 0px;
margin-bottom:10px;
}
.highlight_2 a {
color:black;
text-decoration:underline;
}
.highlight_2 a:hover {
color:black;
text-decoration:none;
}
.highlight_2 img {
border:none;
}
.flash {
float:left;
width:250px;
height:344px;
margin-top:2px;
}
.spip_documents_right {
margin:2px 0 10px 10px;
}
.spip_documents_left {
margin:2px 10px 10px 0;
}

/* Footer */
#footer {
width:100%;
height:95px;
float:left;
margin:10px auto 0 auto;
padding-top:30px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#999;
background:url(images/bg_footer.gif) bottom right no-repeat;
}
#footer a {
color:#999;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}

/* navigation */
ul.menulist {
	margin:-1px 0 0 0;
	/*padding: 19px 32px 0;*/
}
li.navtab a {
float:left;
display:block;
background:url(images/bg_menu.gif) repeat-y;
padding:5px 10px 4px 10px;
border-top:1px solid white;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid white;
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
text-decoration:none;
margin:0 !important; margin-top:1px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
li.navtab a {float:none;}
li.navtab a:hover { 
background:url(images/bg_menu_on.gif) repeat-y;
color:white;
text-decoration:none;
}
.menulist ul {
	visibility:hidden;
	position:absolute;
	top:28px; 
	left:0;
	padding:6px 0 0 0;
	text-align:left;
	background:#747474;
}
.menulist li {
	float:left;
	position:relative;
	/*width:auto !important; width:110px;*/
	text-align:center;
}
.menulist ul li { float:none; }
.menulist ul a {
	height:auto;
	padding:4px;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:white;
	text-align:left;
	width:180px;
	background:transparent;
	letter-spacing:0;
}
.menulist ul a:hover, 
.menulist ul a.liston, 
.menulist ul a.liston:hover {
	background:#0267B1;
	color:white;
  text-decoration:none;
}
.menulist a img {
float:left;
border:none;
margin:0 6px 6px 0;
padding:0;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist ul a { float:none; }
/* \*/
.menulist a { float:none; }
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist ul li {
 /*float:left;*/
 height:1%;
}
* html .menulist  ul a { height:1%; }
/* End Hack */

/* ----- VERTICAL DYNAMIC MENU (SPIP) -----*/

.affiche { visibility:visible; }
.cache { display:none; }
dl, dt, dd, ul, li {
margin:0;
padding:0;
list-style-type: none;
}
li.ssrub, li.ssrub a {
padding:0;
margin:0 0 0 3px !important; margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
text-align:center;
}

#menu h5 {
font:11px Arial, Helvetica, sans-serif;
color:#666;
margin:4px 0 0 0;
float:right;
}
#menu h5 a {
color:#666;
text-decoration:underline;
}
#menu h5 a:hover {
text-decoration:none;
}