/* ---------------------
basic layout
--------------------- */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

* { font-family: Verdana, Arial, Helvetica, sans-serif; }

a { color: orange; text-decoration: none; }

a:hover {text-decoration: underline;}

.spip_logos {
	margin: 0;
	padding: 0;
}

body {

	width:100%;
	height:100%;
	min-height:100%;
	background:#0098d3 url(images/body-bg.jpg) repeat-x left top;
	margin:0;
	color:#333333;
	
}

body.plan li a { color: #333; }

html {height:100%;min-height:100%;}


#root {
	
	background:url(images/root-bg.jpg) no-repeat center top;
	height:100%;
	text-align: center;
	
}

#site {
	
	margin:0 auto;
	width:900px;
	background:url(images/container-bg.gif) repeat-y center top;
	
}

#header {
	
	width:900px;
	height:104px;
	background:url(images/header-bg.gif) no-repeat center top;
	text-align:left;
	
}

#logo {
	
	display:inline;
	float:left;
	
}

#logo img {border:0;display:block;}

#topmenu {
	
	display:inline;
	float:left;
	width:620px;
	
}

#topmenu .secmenu {
	
	display:block;
	text-align:right;
	list-style-type:none;
	margin:0;padding:0;
	margin-right:10px;
	margin-top:23px;
	line-height:11px;
	font-size:10px;
}

#topmenu .secmenu li {display:inline;color:#FFFFFF;}

#topmenu .secmenu  a {margin:0;padding:0;color:#FFFFFF;text-decoration: none;line-height:11px;}
#topmenu .secmenu  a:hover {color:#94d1f5;text-decoration: underline;}


#search {
	
	display:block;
	float:right;
	margin-top:9px;
	margin-right:0;
	width:236px;height:26px;
	background:url(images/search-bg.gif) no-repeat center top;
	font-size: 12px;color:#FFFFFF;
	padding-top:4px;
	
}

#search label {margin-left:8px;}
#search input {font-size:12px;background-color:#90c9e9;border:0;width:160px;color:#008acc}

#panorama {display:block;text-align:left;margin-left:3px;}

#sitecontent {
	
	background:url(images/content-bg.jpg) repeat-x center top;
	width:894px;
	text-align:left;
	margin:0 auto;
	padding-bottom:40px;
	
}

#left {
	
	padding-top: 13px;
	width:200px;
	display:block;
	float:left;
}

#content {
	
	width:474px;
	display:block;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:20px;
	font-size:12px;
}


#content h1 {
	
	font-size:16px;
	color:#008acc;
	margin:0;
	padding:0;
	
}
#rubrica1 {
font-size: 11px;
text-decoration: none;
text-align: left;

}

#rubrica1  h1 {
font-size: 15px
}

#rubrica1  a { 
/* color: #2B60DE;*/
color: #008acc;
}


body.page_recherche h1.resultat {
	color: orange !important;
	font-size: 25px !important;
	margin: 30px 5px !important;
	text-align: center;	
}

/* CARTOUCHE  */

.cartouche {

	margin: 0 0 20px 0;

}

.cartouche .surtitre  {
	font-size:12px;
	color: #94d1f5;
	margin:0;
	padding:0;
}

.cartouche .soustitre  {
	font-size:12px;
	color: #488AC7; 
/*	color: #94d1f5;  */
	margin:0;
	padding:0;
}

.cartouche p {

	margin: 0;
	color: #bdbdbd;

}

.cartouche .traductions { font-size: 10px; }
.cartouche .traductions * { display: inline; padding: 0; }
.cartouche .traductions li {  padding: 0; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }
	
	
/* CHAPO TEXTE PS NOTES ... */

.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.ps, .notes {
	margin-top: 20px;
	padding-top: 2px;
	border-top: 1px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* ----- CONTENT ----- */

#content h2, #content h2 a {
	
	font-size:11px;
	color: #94d1f5;
	margin:0;
	padding:0;
	
}

#content h2 a {
	
	font-size:11px;
	color:#008acc;
	margin:0;
	padding:0;
	
}

#content hr {
	
	display:block;
	border:0;
	height:0;
	border-top:1px dashed #99b6d4;
	margin-top:15px;
	margin-bottom:15px;
	
	
}

.pagination {text-align: center;}

.pagination_box {
	
	text-align: center;
	border-bottom:1px solid #cccccc;
	margin-bottom: 10px;
	color:gray;
	font-size: 11px;

}

.pagination_box a {
	
	color:orange;
	
}

.pagination_box_right {
	
	text-align: center;
	margin-bottom: 10px;
	color:gray;
	font-size: 11px;

}

.pagination_box_right a {
	
	color:orange;
	
}


#news p {
	
	padding-left:10px;
	padding-right: 10px;
	background:url(images/news-arrow.gif) no-repeat left top;
	margin: 0;
	margin-bottom:5px;		
	
}

#news .spip_logos {

	float: left;
	margin: 3px 5px 0 0;

}

#news p a {

	color:#333333;

}

#news a:hover {

	text-decoration: none;

}

#news table {
	
	margin:0;
	border-bottom:1px solid #cccccc;
	margin-left:10px;
	margin-bottom:15px;
	width:445px;

	
}

#news table td.date {
	
	color:#cccccc;
	font-size:10px;
	font-style:italic;
	
}

#news table td.newslink {
	
	text-align:right;
	
}

#news table td.newslink a {
	
	font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
	background:url(images/news-link-bg.gif) no-repeat right center;	
	padding-right: 15px;
	
}

#news table td.newslink a:hover {
	
	color:#fd9901;
	
}

#right {
	
	padding-top: 15px;
	width:200px;
	display:block;
	float:left;
	
}

#right div.annoucements {
	
	margin-left:10px;
	margin-right:10px;	
	color:#676767;
	padding-bottom:10px;
		
}


#right div.annoucements h2 {
	
	font-size:10px;
	border-bottom:1px solid #86c4e6;
	clear:both;
	color:#2093d2;
	margin-top:10px;
	margin-bottom:0;
	
}

#right div.annoucements h2 a, #right div.annoucements h2 a:hover {

	color:#2093d2;
	text-align: right;
	text-decoration: none;
}


#right div.annoucements p a, #right div.annoucements p a:hover {

color:#333333;
text-decoration: none;

}


#right div.annoucements h3 {

	font-size:10px;
	margin-top:0;
	margin-bottom:0;
	
}

#right div.annoucements p {
	
	font-size:10px;
	margin-bottom: 10px;
	margin-top:10px;
	padding:0;
	
}

a.mult {
	
	display: block;
	font-size:10px;
	text-decoration:none;
	color:#676767;
	background:url(images/news-link-bg.gif) no-repeat right center;	
	padding-right: 15px;
	text-align:right;
	
}

#right div.annoucements a:hover {
	
	color:#fd9901;
	
}

div.clear {clear:both;}


#sitecontent .title {
	
	margin:0;
	color:#ffffff;
	font-size:11px;
	background:url(images/title-top-bg.gif) no-repeat center top;
	height:22px;
	line-height:22px;
	font-weight:normal;
	padding-left:11px;
	
}

#sitecontent .title a {text-decoration:none;color:#FFFFFF;}


#mainmenu {
	
	list-style-type:none;
	margin:0;margin-top:8px;
	padding:0;
}

#mainmenu li {

	font-size:11px;
	display:block;
	margin:0;padding:0;	
	
}

#mainmenu li a {
	
	color:#203ad2;
	text-decoration:none;
	background:url(images/mainmenu-li-bg.gif) repeat-x center top;
	display:block;
	height:24px;
	padding-left:18px;
	line-height:21px;
		
}

#mainmenu li a:hover {
	
	background:url(images/mainmenu-li-bg-over.gif) repeat-x center top;
	color:#FFFFFF;
	
}

#mainmenu ul {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-top: 8px; padding-bottom: 8px;
    background:url(images/submenu-ul.gif) repeat-x center bottom;
    background-color: #F0F9FE;
}

#mainmenu ul li {
}

#mainmenu ul li a {
    background:url(images/submenu-li-bg.gif) repeat-x center top;
    background-color:#F0F9FE;
    height: 20px;
    padding-left: 22px;
/*    font-size: 11px; */
}

#mainmenu ul li a:hover {
    background:url(images/submenu-li-bg-over.gif) repeat-x center top;
    color:#FFFFFF;
}

#mainmenu ul ul {
    list-style-type:none;
    margin:0 0 0 20px;
    padding: 0;
    background-color: #F0F9FE;
    background-image: none;
}

div.itemseparation {
	
	clear:both;
	margin:0;
	font-size:3px;line-height:3px;
	height:3px;padding:0;display:block;
	background:url(images/menu-item-separation.gif) repeat-x center top; 
	
}


#footer {
	
	margin:0 auto;
	width:900px;
	border-top:2px solid #00519c;
	font-size:10px;
	color:#99d1ea;
	padding-bottom:20px;
	
}

#footer .secmenu {
	
	text-align:center;
	list-style-type:none;
	margin:0;padding:0;
	margin-right:10px;
	margin-top:5px;
	line-height:11px;
	font-size:10px;
}

#footer .secmenu li {display:inline;color:#99d2eb;}

#footer .secmenu  a {margin:0;padding:0;color:#99d2eb;text-decoration: none;line-height:11px;}
#footer .secmenu  a:hover {color:#94d1f5;text-decoration: underline;}



/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-titre {font-size: 1.20em;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.80em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }