/* 
++++ EXIBIT ++++
 styles par Benoît Vrins
 www.exibit.be
*/
 
/* BALISES */
body {behavior:url("menu.htc");}
body,td,th {
	font-family: Georgia, Arial, sans-serif;
	font-size:62.5%;
}
BODY{
	background: #EFF1F1 url('../images/bg.jpg') repeat-x center top;
	margin: 0;
}
HR{
	clear:both;
	border-top:0px solid #EFF1F1;
	border-left:0px solid #EFF1F1;
	border-right:0px solid #EFF1F1;
	border-bottom:0px solid #EFF1F1;
	width:100%;
	height:46px;
	background: transparent url('../images/separateur.jpg') no-repeat center top;
	margin:10px 0 10px 0;
}
H1{	
	display:block;
	position:absolute;
	top:195px;
	left:70px;
	margin:0;
}
H2{
	display:block;
	position:relative;
	top:0;
	left:32px;
	font-size:2.4em;
	margin:0 0 15px 0;
	color:#333333;
}
H3{
	margin:0 0 12px 0;
	font-size:1.6em;
}
H4{
	font-size:1.4em;
	margin:0 0 2px 0;
}
H5{
	color:#000;
	font-size:1.3em;
	margin:0 0 0 0;
}
P{
	margin:5px 0 5px 0;
	line-height:1.3em;
	text-align:justify;
	font-size:1.3em;
	margin:0 0 10px 0;
}
A{
	color:#FF2500;
	text-decoration:none;
}
A:HOVER{
	color:#FF2500;
	text-decoration:underline;
}
IMG{
	border:none;
}
SMALL{
	font-size:1.1em;
	color:#CCC;
	color:#333333;
	font-weight:bold;
}
UL LI{
	list-style:none;
	font-size:1em;
	line-height:1em;
}
OL LI{
	font-size:1em;
	line-height:1em;
}
UL, UL UL, UL UL UL,
OL, OL OL, OL OL OL{
	margin-left  : 5px;
	padding : 0;
	font-size:1em;
}

FORM, FIELDSET{
	margin:0;
	border:none;
	padding:0;
}
INPUT{
	border:1px #CCC solid;
	font-size:13px;
	padding:3px;
	color:#666666;
}
TEXTAREA{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px #CCC solid;
	color:#666666;
}
LABEL{
	text-align:left;
	font-size:1.2em;
	display:block;
}
LEGEND{
	color:#000;
	font-size:1.3em;
	margin:0 0 0 0;
	font-weight:bold;
}
DL{

}
DT{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.7em;
}
DD{
	margin:0;
	/*padding-bottom:5px;
	font-size:1em;
	color:#666666;
	border-bottom:1px dotted #CCC;*/
}
DD SMALL{
	font-size:0.9em;
	color:#CCC;
}
BLOCKQUOTE{
	color:#666666;
	font-style:italic;
}
/* MISE EN PAGE */
#wrap{
	background: transparent url('../images/header.jpg') no-repeat left top;
	position:relative;
	margin:0 auto;
	width:990px;
	min-height:550px;
}
#header{
	position:relative;
	left:0;
	top:0;
	width:880px;
	height:310px;
}
#papillon{
	position:absolute;
	right:-85px;
	top:195px;
	background: transparent url('../images/papillon.png') no-repeat left top!important;
	background: transparent url('../images/papillon.jpg') no-repeat left top;
	width:220px;
	height:175px;
	z-index:11;
}
#language{
	position:absolute;
	right:-20px;
	top:11px;
}
#content1{
	position:relative;
	left:40px;
	top:0;
	width:880px;
	padding:0 0 10px 25px;
}

#content1 UL LI{
	list-style:none;
	background:transparent url('../images/puce2.gif') no-repeat 2px 4px;
	padding-left:20px;
	line-height:1.5em;
	font-size:1.3em;
}
#content1 OL LI{
	margin-left:20px;
	line-height:1.5em;
	font-size:1.3em;
}
#content1 UL, #content1 UL UL, #content1 UL UL UL{
	margin-left  : 5px;
	padding : 0;
	font-size:1em;
}
#content2{
	background: transparent url('../images/content2.jpg') no-repeat center top;
	position:relative;
	left:50px;
	top:0px;
	width:870px;
	height:275px;
	padding:35px 0 0 30px;
}
#footer{
	background: transparent url('../images/footer.gif') no-repeat center bottom;
	margin:0 auto;
	width:100%;
	height:95px;
	position:relative;
	left:0px;
	bottom:0px;
	text-align:center;
	font-size:1.1em;
	padding:15px 0 0 0;
}
.colonne1, .colonne2, .colonne3, .colonne4, .colonne5{
	float:left;
}
.colonne4{
	width:500px;
	margin-right:40px;
}
.colonne3 H4, .colonne4 H4{
	font-size:1.4em;
	margin:0 0 10px 0;
}
.colonne5{
	width:150px;
	margin-right:20px;
}
#content1 .colonne5 UL{
	font-size:1.1em;
	margin:0 0 20px 0;
}
#content1 .colonne5 LI{
	border-bottom:1px dotted #CCC!important;
	border-bottom:1px solid #CCC;
	margin:3px 0 3px 0;
	list-style:none;
	background:none;
	padding-left:0;
	line-height:1.5em;
}
#content1 .colonne5 P{
	font-size:1.1em;
}
#content1 .colonne1, #content1 .colonne2, #content1 .colonne3{
	width:292px;
}
#content1 .colonne1 LI, #content1 .colonne2 LI, #content1 .colonne3 LI{
	font-size:1.3em;
}
#content2 .colonne1, #content2 .colonne3{
	width:250px;
	color:#FFFFFF;
}
#content2 .colonne1{
	margin-right:30px;
}
#content2 .colonne2{
	width:290px;
	color:#FFFFFF;
}
#content2 UL{
	margin:0 20px 0 2px;
}
#content2 .colonne1 A, #content2 .colonne3 A{
	color:#FFFFFF;
}
#content2 .colonne1 A:HOVER, #content2 .colonne3 A:HOVER{
	color:#FF2500;
	text-decoration:none;
}
#content2 .colonne1 LI{
	background:none;
	padding-left:0;
}
#content2 LI{
	background: transparent url('../images/puce1.gif') no-repeat left center;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
	padding:3px 0 3px 18px;
}
.box1{
	position:relative;
	background: transparent url('../images/box1.jpg') no-repeat center bottom;
	width:250px;
	height:95px;
	padding:10px 15px 0 10px;
	margin:0 0 10px 0;
}
.box1 H4{
	margin-bottom:2px;
}
.box1 P{
	font-size:1.2em;
}
.box2{
	width:570px;
	padding:10px 15px 0 10px;
	margin:0 0 10px 0;
}
.clear{
	clear:both;
}
/* MENU */
UL#menu {
	position:absolute;
	top:10px;
	left:55px;
	margin:0;
	padding:0;
	list-style:none;
}
#menu LI{
	position:relative;
	padding:0;
	margin:0 2px 0 2px;
	list-style:none;
	font-weight:bold;
	font-size:1.5em;
	text-transform:uppercase;
	display:block;
	float:left;
	list-style:none;
}
#menu A{
	padding:0 4px 0 4px;
	color:#FFFFFF;
	text-decoration:none;
}
#menu A:HOVER{
	color:#FF2500;
	text-decoration:none;
}
#menu LI.node, #menu LI.node_down {
	float: left;
	margin: 0 10px 0 10px;
	font-size:1.5em;
}
#menu LI.node_down A {
	color:#FF2500;
}
#menu LI.node UL, #menu LI.node_down UL {
	position: absolute;
	left:-20px;
	top:20px;
	padding:0px 10px 10px 10px;
	width:10em;
	z-index:57;
	background-color:#000000;
}
#menu LI.node LI, #menu LI.node_down LI {
	margin-top: 0.5em;
	font-size:0.8em;
	padding-bottom:2px;
	border-bottom: 1px solid #FFFFFF;
	width:100%;
}		
#menu LI.node_down LI A{
	color:#FFFFFF;
}
#menu LI.node_down LI A:HOVER{
	color:#FF2500;
}
#menu LI.node:HOVER, #menu LI.node_down:HOVER {
	z-index:59;
}
#menu UL LI{
	display:none;
}
#menu li:hover {
	display:block;
}
#menu li:hover ul:hover li{
	display:block;
}
#menu li:hover ul li{
	display:block;
}
.legende a{
	display: block;
	color: #000000;
	width: 259px;
	text-decoration: none;
}
.legende h4{
	background:transparent url('../images/bulle.png') no-repeat center top;
	width: 140px;
	height: 68px;
	position: absolute;
	top: 0px;
	left: 50px;
	text-align: center;
	padding: 20px 10px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#FFFFFF;
	font-size:1.1em;
}
.legende h4 small{
	display: block;
	font-size:0.85em;
	color:#FFFFFF;
	font-weight:normal;
}
.detail1{
	position:absolute;
	left:3px;
	top:3px;
	background-color:#333333;
	width:259px;
	height:64px;
	padding-top:30px;
	margin:0;
	text-align:center;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.detail1 H4{
	text-transform:uppercase;
}
.detail1 H4 A{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color:#FFFFFF;
}
.detail1 H4 A:HOVER{
	text-decoration:none;
}
IMG.onglet1{
	position:absolute;
	left:3px;
	top:3px;
	padding:0px;
	width:259px;
	height:94px;
}
.box1 .detail1{
	display:none;
}
.box1:hover .detail1{
	display:block;
}

IMG.onglet2{
	background-color:#EFEFEF;
	padding:4px;
	width:70px;
	height:70px;
	float:left;
	margin:8px 8px 0 0;
}
IMG.onglet2:HOVER{
	background-color:#FF2500;
}
IMG.onglet3{
	border:#666666 1px solid;
	padding:2px;
	width:480px;
	margin:0 0 10px 0;
}
IMG.onglet3:HOVER{
	background-color:#FF2500;
	border:#FF2500 1px solid;
}
IMG.onglet4{
	border:#666666 1px solid;
	padding:2px;
	margin:0 0 10px 0;
}
IMG.onglet4:HOVER{
	background-color:#FF2500;
	border:#FF2500 1px solid;
}
/*  */
SPAN.more{
	background:transparent url('../images/puce2.gif') no-repeat left center;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:1.2em;
}
SPAN.more:HOVER{
	background:transparent url('../images/puce2.gif') no-repeat 2px center;
}
DIV.more{
	font-size:1.1em;
	margin:0 0 10px 0;
	clear:left;
}
A.more{
	color:#000000;
}
A.more:HOVER{
	text-decoration:none;
	color:#FF2500;
}
H3.first{
	padding-top:38px;
	z-index:10;
}
.comment{
	margin:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}
/* SPIP */
.spip_bouton INPUT, INPUT.spip_bouton, INPUT.submit {
	background: transparent url('../images/bouton1.jpg') no-repeat left top;
	padding:2px;
	width:186px;
	height:30px;
	border:none;
	font-family:arial,serif;
	font-weight:bold;
	font-size:13px;
	border:none;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
}
.spip_documents_left{
	margin:0 20px 4px 0;
}
SPAN.spip_documents_left IMG,
SPAN.spip_documents_right IMG,
SPAN.spip_documents IMG{
	/*float:left;*/
	border:#999999 1px solid;
	padding:2px;
}
.spip_documents_right{
	text-align:right;
	margin:0 0 4px 20px;
}
.spip_documents_right DT{
	font-size:0.9em;
}
SPAN.spip_documents_right IMG{
	border:#999999 1px solid;
}
.spip_doc_titre{
	font-size:0.9em;
}
.reponse_formulaire{
	width:150px;
}
#barre_1{
	display:none;
}
#textarea_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
INPUT.forml{
	width:140px;
}
TEXTAREA.forml{
	width:500px;
	padding:2px;
}
table.spip tr.row_even{
	background-color:#E1E1E1;
	font-size:1em;
}
table.spip tr.row_odd {
	background-color:#CCCCCC;
}
table.spip th, table.spip td { 
	padding: 3px 5px 3px 5px; 
	text-align: center; 
	vertical-align: middle;
	font-size:1.2em;
}
table.spip {
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
	padding:1px;
	width:450px;
}
li.spip{
	line-height:1.3em;
	font-size:1.3em;
	text-align:justify;
}
/* */
.formulaire_forum LABEL, .formulaire_forum LEGEND{
	display:none;
}
.spip_form_label LABEL{
	display:inline;
	font-size:1.4em
}
.spip_forms LEGEND{
	display:none;
}
.spip_form_label{
	display:block;
}
FORM .erreur{
	color:#FF0000;
	font-weight:bold;
}
.spip_form_ok{
	background-color:#75B836;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
}

.formulaire_forum P{
	font-size:0;
	color:#EFF1F1;
}

.formulaire_forum #titre, .formulaire_forum #nom_site{
	display:none;
}
.previsu{
	font-size:1.3em;
}
.formulaire_recherche LABEL,
.formulaire_recherche .submit{
	display:none;
}
/* */
#formulaire_contact LEGEND{
	display:none;
}
#formulaire_contact UL{
	list-style:none;
	margin:0;
	padding:0;
}
#formulaire_contact UL LI{
	padding-left:0;
	margin-bottom:10px;
	background-image:none;
}
#formulaire_contact LABEL{
	font-size:1.2em;
	color:#666666;
	margin-bottom:5px;
}
#formulaire_contact LABEL STRONG{
	font-size:0.7em;
	color:#FF0000;
	font-weight:normal;
}
#formulaire_contact TEXTAREA#texte_contact{
	width:300px;
	margin-bottom:5px;
	padding:2px;
}
#info_nom, #info_prenom, #info_organisation, #input-1-ligne_2{
	background: #FFF url('../images/ico_auteur.gif') no-repeat 2px center;
	padding-left:20px;
	width:200px;
}
#url_site, #input-1-ligne_3{
	background: #FFF url('../images/ico_site.gif') no-repeat 2px center;
	padding-left:20px;
	width:200px;
}
#email_contact{
	background: #FFF url('../images/ico_mail.gif') no-repeat 4px center;
	padding-left:20px;
	width:200px;
}
#formulaire_forum LI,#formulaire_forum UL LI{background-image:none;padding-left:0;list-style:none;}
#formulaire_forum LABEL{display:block;background-image:none;padding-left:0;}
#formulaire_forum LI.saisie_titre{display:none;}