/* 
++++ EXIBIT ++++
 styles par Benoît Vrins
 www.exibit.be
*/
 
/* BALISES */
body,td,th {
	font-family: Georgia, Arial, sans-serif;
	font-size:62.5%;
}
BODY{
	background: #FFFFFF url('assets/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%;
	color:#EFF1F1;
	height:1px;
	margin:15px 0 15px 0;
}
H1{	
	display:block;
	position:absolute;
	top:67px;
	left:60px;
	margin:0;
}
H2{
	display:block;
	position:relative;
	top:0;
	left:26px;
	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:#82002A;
	text-decoration:none;
}
A:HOVER{
	color:#82002A;
	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;
}
UL, UL UL, UL UL UL{
	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:#000000;
	background-color:#CCCCCC;
}
TEXTAREA{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px #CCC solid;
	color:#000000;
	background-color:#CCCCCC;
}
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('assets/header.jpg') no-repeat left top;
	position:relative;
	margin:0 auto;
	width:966px;
	min-height:550px;
}
#header{
	position:relative;
	left:0;
	top:0;
	width:880px;
	height:310px;
}
#language{
	position:absolute;
	right:-20px;
	top:11px;
}
#content1{
	position:relative;
	left:40px;
	top:0;
	width:880px;
	padding:0 0 10px 25px;
}
#content1 P{
	margin-right:30px;
}
#content1 UL LI{
	list-style:none;
	background:transparent url('assets/puce2.gif') no-repeat 2px 4px;
	padding-left:20px;
	line-height:1.3em;
}
#content1 UL, #content1 UL UL, #content1 UL UL UL{
	margin-left  : 5px;
	padding : 0;
	font-size:1em;
}
#content2{
	background: transparent url('assets/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('assets/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;
	width:800px;
}
.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;
	margin-right:0;
}
#content1 .colonne1, #content1 .colonne2, #content1 .colonne3{
	width:260px;
	margin-right:32px;
}
#content1 .colonne1 LI, #content1 .colonne2 LI, #content1 .colonne3 LI{
	font-size:1.3em;
}
#content1 .colonne1 P, #content1 .colonne2 P, #content1 .colonne3 P, #content1 .colonne4 P{
	margin-right:0;
}
.box1{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #666666;
}
.box1 H4{
	margin-bottom:2px;
}
.box1 P{
	font-size:1.3em;
	margin-right:0;
}
.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:#82002A;
	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:#82002A;
}
#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:#82002A;
}
#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;
}
/* IMAGES */
IMG.onglet1{
	position:relative;
	padding:2px;
	float:left;
	margin:0 10px 0 0;
	border:1px solid #666666;
}
IMG.onglet1:HOVER{
	background-color:#82002A;
	padding:3px;
	border:none;
}
IMG.onglet2{
	background-color:#EFEFEF;
	padding:4px;
	width:70px;
	height:70px;
	float:left;
	margin:8px 8px 0 0;
}
IMG.onglet2:HOVER{
	background-color:#82002A;
}
IMG.onglet3{
	border:#666666 1px solid;
	padding:4px;
	width:480px;
	margin:0 0 10px 0;
}
IMG.onglet3:HOVER{
	background-color:#82002A;
	border:#82002A 1px solid;
}
IMG.onglet4{
	border:#666666 1px solid;
	padding:2px;
	margin:0 0 10px 0;
}
IMG.onglet4:HOVER{
	background-color:#82002A;
	border:#82002A 1px solid;
}
/*  */
SPAN.more{
	background:transparent url('assets/puce2.gif') no-repeat left center;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:1.2em;
}
SPAN.more:HOVER{
	background:transparent url('assets/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:#82002A;
}
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 {
	background-color:#82002A;
	border:2px solid #000000;
	padding:2px;
	width:186px;
	height:30px;
	font-family:arial,serif;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
}
.spip_documents_left{
	margin:0 20px 4px 0;
}
SPAN.spip_documents_left IMG{
	/*float:left;*/
	border:#999999 1px solid;
	padding:2px;
}
.spip_documents_right{
	text-align:right;
}
.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;
}
.formulaire_forum P{
	font-size:0;
	color:#EFF1F1;
}
#auteur, #prenom{
	width:200px;
}
#url_site{
	width:200px;
}
#email_auteur{
	width:200px;
}
.formulaire_forum #titre, .formulaire_forum #nom_site{
	display:none;
}
.previsu{
	font-size:1.3em;
}
.formulaire_recherche LABEL{
	display:none;
}
/* */
#contact LABEL{
	font-size:1.4em
}
#contact TEXTAREA{
	width:300px;
	margin-bottom:5px;
}