/* 
***************************************************************
*                 SQUELETTES EXIBIT POUR SPIP                 *
*                         version 1.3                         *
*                   last update : 10/03/2009                  *
*                    Licensed under the MIT                   *
*    http://www.opensource.org/licenses/mit-license.php       *
*                                                             *
*       Copyright 2009 Benoît Vrins {benoit@exibit.be}        *
***************************************************************
*/
* {
margin: 0;
padding:0;
}

BODY, html{
	font-size:62.5%;
}
body {
	font-family:Arial, sans-serif;
	font-size:1.2em;
	color: #042F31;
	line-height: 1.3em;
	margin: 0;
	padding:0;
	background: url(../images/fond-vague.jpg) 50% 0 #81DED6;
}
A{
	color:#FF6600;
	text-decoration:none;
}
A:HOVER{
	text-decoration:underline;
}
a.lienssmenu{
	color:#043133;
	text-decoration:none;
}
a.lienssmenu_on{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
a.liensssmenu{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}
a.liensssmenu_on{
	font-size:11px;
	color:#FF9900;
	text-decoration:none;
	font-weight:bold;
}
H1{
	font-size:16px;
	color:#000000;
	margin: 8px 0 3px 0;
}

H2{
	font-size:1.5em;
	margin: 5px 0 20px 0;
	color:#666666;
	font-style:italic;
}

H3{
	font-size:14px;
	color:#043133;
	margin: 0px 0 10px 0;
	padding:3px 0px 3px 30px;
	background:url(../images/picto_titre.png) 0 0 no-repeat;
}

H4{
	font-size:1.2em;
	color: #000000;
	font-weight:bold;
}
P{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.3em;
}
HR{
	height:1px;
	border-top:#CCCCCC solid 1px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:5px 0 5px 0;
	clear:both;
}

UL, OL{
	margin:10px 0 10px 20px;
	font-size:1.1em;
}
IMG{
	border:1px solid #FFFFFF;
}
FORM,FIELDSET{
	margin:0;
	padding:0;
	border:none;
}
FORM ul,FIELDSET ul{
margin-left:0px;

}
FORM li,FIELDSET li{
list-style:none;
margin-bottom:10px;
}

LEGEND{
	display:none;
}
LABEL{
	font-size:12px;
	margin:0px 0px 0px 0px;
	line-height:1.4em;
	font-weight:normal;
}
/* */
#principal:after,#tools:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/
#wrap{

}
#header{
	margin:0 auto;
	margin-top:0px;
	width:1000px;
	height:169px;
	position:relative;
	top:0px;
	left:0px;
	padding:0px;
	background:url(../images/bandeau_haut.jpg) 0 12px no-repeat;
}
#tools{
	display:block;
	position:absolute;
	top:0px;
	right:50px;
	text-align:right;
	padding:5px;
	width:480px;
	margin-top:0px;
}
#tools a{
color: #006699;}
#principal{
	margin:0 auto;
	width:880px;
	position:relative;
	top:0px;
	left:0px;
	padding:0px;
	/*background-color:#81DED6;*/
}
#gauche {
margin-top:13px;
margin-left:0px;
padding:0px;
float:left;
width:239px;
}
#contenu{
	width:560px;
	margin-top:12px;
	left:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-right:5px;
	float:right;
	min-height:250px;
}

#chemin{ font-size:11px;}
#footer{
	width:830px;
	position: relative;
	top:0px;
	left:0px;
	padding:0px;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
	clear:both;
}
/*-------------------------------navigation-------------------------------------*/
#tools LI{
	display:block;
	float:right;
	padding:0 10px 0 10px;
}


/*-------------------------------mise en page-------------------------------------*/
.col1{
	width:400px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:left;
}
.col2{
	border:1px solid #CCC;
	width:220px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:right;
}
.article, .article_date {
	clear:both;
}
.article_galerie{
float:left;

width:600px;

}
.soustitre{
display:block;
height:20px;
text-align:center;}
.articlegauche img{
width:235px;}
.articlegauche{
display:block;
margin-left:0px;
width:235px;
color:#043133;}

.articlegauche h3{
text-align:justify;
color:#046C75;
font-size:12px;
padding: 0px 0px 0px 0px;}
.clear{
	clear:both;
}
SPAN.details{
	display:block;
	border-top:#4F9AA0 solid 1px;
	font-size:1em;
	clear:left;
	margin:0px 0 10px 0;
}
SPAN.detailsplus{
	display:block;
	clear:left;
	margin:20px 0 10px 0;
}
SPAN.lireplus{
	display:block;
	clear:left;
	margin:0px 0 20px 0;
}
.telecharger{
	font-size:1.2em;
	color: #ff6600;
	font-weight:bold;
}
.ps{
	font-size:0.9em;
}
.ps P{
	font-size:1em;
}
.onglet1{
	float:left;
	margin: 0 8px 8px 0; 
}

 IMG.onglet1{
	border:solid #CCCCCC 1px;
	padding: 2px;
	width:80px;
}
IMG.onglet1:hover{
	border:solid #CC0000 1px;
}
/* ----------------------------- SPIP ---------------------------------- */
.spip-admin-float{
	position:absolute;
	top:35px;
	right:100px;
}
/* IMAGES SPIP */
SPAN.spip_documents_left{
float:left;
	margin:0 10px 5px 0;
}
SPAN.spip_documents_right{
float:right;
	margin:0 0 5px 10px;
}
SPAN.spip_documents_center{
	margin:5px 0 5px 0;
}
SPAN.spip_documents_center IMG{
	margin:0 0 0px 10px;
}
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
/* FORMULAIRES SPIP */
#formulaire_recherche LABEL,
.formulaire_recherche LABEL,
#formulaire_menu_lang LABEL{
	display:none;
}
INPUT#recherche{
	width:120px;
	color:#999;
	font-size:10px;
}
INPUT.forml, INPUT.formo{
	background-color:#CCC;
	width:300px;
	padding:3px;
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:13px;
}
TEXTAREA.forml, TEXTAREA.formo{
	background-color:#CCC;
	width:320px;
	padding:3px;
	font-family:Arial, Georgia, "Times New Roman";
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:12px;
}
.spip_form_choix_multiple LI{
	list-style:none;
}
.spip_form_choix_multiple LABEL{
	font-size:0.9em;
}
/* TABLEAUX SPIP */
table.spip tr.row_even{
	background-color:#ebe6d2 ;
}
table.spip tr.row_odd {
	background-color:#FFFFFF;
}
table.spip th, table.spip td { 
	padding: 3px 5px 3px 5px; 
	text-align: left; 
	vertical-align: middle;
	line-height:1.3em;
}
table.spip {
	margin-bottom: 1em;
	margin-top: 1em;
	border:#ebe6d2 3px solid;
	border-collapse: collapse;
	padding:1px;
	font-size:12px;
}

.cell_ssmenu{
padding:5px;
}
.cell_ssmenu_on{
padding:5px;
background-color:#006666;
}

#info {height:400px;}
/* ================================================================ 
Menu déroulant
=================================================================== */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:3;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background:url(../images/fond_menu.jpg) 0 0 repeat; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
font-size:11px;
display: block;
width: 82px; /*Width of top level menu link items*/
padding: 5px 2px;
border: 1px solid #53D5C9;
text-decoration: none;
color: #0C6F74;
text-align:center;

}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*width of sub menu levels*/
color: #0C6F74;
text-decoration: none;
padding: 1px 8px;
border: 1px solid #FFF;
font-size:11px;
}

.suckertreemenu ul li a:hover{
background-color: #0C6F74;
color: white;
text-decoration: none;
}
.suckertreemenu ul li.item1_down a{
background:none;
background-color: #0C6F74;
color: white;
text-decoration: none;
}



/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

background:url(../images/fond_menu.jpg) 0 0 repeat;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */