/* 
++++ 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-color:#EFF1F1;
	margin: 0;
}
HR{
	clear:both;
	border-top:1px solid #000000;
	border-left:0px solid #EFF1F1;
	border-right:0px solid #EFF1F1;
	border-bottom:0px solid #EFF1F1;
	width:100%;
	height:1px;
	margin:10px 0 10px 0;
}
H1{	
	display:block;
	height:140px;
	margin:0;
	padding:0;
	
}
H2{
	font-size:2em;
	margin:0 0 15px 0;
	color:#333333;
}
H3{
	margin:0 0 8px 0;
	font-size:1.6em;
}
H4{
	font-size:1.4em;
	margin:0 0 4px 0;
}
H5{
	color:#000;
	font-size:1.3em;
	margin:0 0 0 0;
}
P{
	margin:5px 0 5px 0;
	text-align:justify;
	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;
}
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;
}
INPUT{
	border:1px #CCC solid;
	padding:3px;
	color:#666666;
}
TEXTAREA{
	font-family:Arial, Helvetica, sans-serif;
	border:1px #CCC solid;
	color:#666666;
}
LABEL{
	text-align:left;
	font-size:1.2em;
	display:block;
}
LEGEND{
	color:#000;
	margin:0 0 0 0;
	font-weight:bold;
}
DL{

}
DT{
}
DD{
	margin:0 0 0 20px;
}
DD SMALL{
	color:#CCC;
}
/* MISE EN PAGE */
#wrap{
	position:relative;
	left:0px;
	top:0px;
}
#header{
	background: transparent url('assets/header_mobile.jpg') repeat-x left top;
	position:relative;
	left:0px;
	top:0px;
}
#content1{
	position:relative;
	left:0px;
	top:30px;
	padding:0 0 10px 10px;
}

#content1 UL LI{
	list-style:square;
	padding-left:20px;
}
#content1 UL, #content1 UL UL, #content1 UL UL UL{
	margin-left  : 5px;
	padding : 0;
	font-size:1em;
}
#content2{
	background-color: #CCCCCC;
	position:relative;
	top:30px;
	height:275px;
	padding:35px 0 0 10px;
}
#footer{
	margin:0 auto;
	position:relative;
	left:0px;
	top:30px;
	text-align:center;
	font-size:0.9em;
	padding:10px;
	background-color:#000000;
	color:#FFFFFF;
}
.colonne1, .colonne2, .colonne3, .colonne4, .colonne5{
}
.colonne4{
}
.colonne5{
}
#content1 .colonne5 UL{
	font-size:1.1em;
}
#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;
}
#content1 .colonne5 P{
}
#content1 .colonne1, #content1 .colonne2, #content1 .colonne3{
}
#content2 .colonne1, #content2 .colonne3{
	color:#FFFFFF;
}
#content2 .colonne2{
	color:#FFFFFF;
}
#content2 UL{
}
#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('assets/puce1.gif') no-repeat left center;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
	padding:3px 0 3px 18px;
}
.box1{
	background: transparent url('assets/box1.jpg') no-repeat center bottom;
	width:250px;
	height:95px;
	padding:10px 15px 0 10px;
	margin:0 0 10px 0;
}
.box1 P{
	font-size:1.2em;
}
.box2{
	width:570px;
	padding:10px 15px 0 10px;
	margin:0 0 10px 0;
}
.clear{
	clear:both;
}
/* MENU */
#menu {
	position:relative;
	top:30px;
	margin:0;
	padding:5px;
	list-style:none;
}
#menu LI{
	padding-left:5px;
	margin:0;
	list-style:none;
	font-weight:bold;
	font-size:1.2em;
	list-style:none;
}
#menu A{
	padding:0 4px 0 4px;
	text-decoration:none;
}
#menu A:HOVER{
	color:#82002A;
	text-decoration:none;
}
#menu LI.node, #menu LI.node_down {
	font-size:1.2em;
}
#menu LI.node_down A {
	color:#82002A;
}
#menu LI.node UL, #menu LI.node_down UL {
	padding:0px 10px 10px 10px;
	width:10em;
}
#menu LI.node LI, #menu LI.node_down LI {
	margin-top: 0.5em;
	font-size:0.8em;
	padding:0 0 2px 10px;
	border-bottom: 1px solid #000000;
}		
#menu LI.node_down LI A:HOVER{
	color:#82002A;
}
/* IMAGES */
IMG.onglet1{
	padding:1px;
	width:70px;
	height:70px;
	float:left;
	margin:0px 8px 0 0;
	border:#666666 1px solid;
}
IMG.onglet1:HOVER{
	background-color:#FF2500;
	border:#FF2500 1px solid;
}
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:#CCC 3px double;
	padding:2px;
	width:480px;
	margin:0 0 10px 0;
}
IMG.onglet3:HOVER{
	background-color:#FF2500;
	border:#FF2500 3px solid;
}
IMG.onglet4{
	border:#CCC 3px double;
	padding:2px;
	margin:0 0 10px 0;
}
IMG.onglet4:HOVER{
	background-color:#FF2500;
	border:#FF2500 3px 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;
}
A.more{
	color:#000000;
}
A.more:HOVER{
	text-decoration:none;
	color:#FF2500;
}
H3.first{
	padding-top:38px;
}
/* SPIP */
INPUT.spip_bouton {
	background: transparent url('assets/bouton1.jpg') no-repeat left top;
	padding:2px;
	width:181px;
	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 0 0;
}
.spip_documents_left IMG{
	float:left;
	border:#CCCCCC 3px double;
	padding:2px;
}
.spip_documents_right{
	text-align:right;
}
.spip_documents_right DT{
	font-size:0.9em;
}
.spip_documents_right IMG{
	
}
.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{
	display:none;
}
.formulaire_forum #titre, .formulaire_forum #nom_site{
	display:none;
}
.formulaire_recherche LABEL{
	display:none;
}
#contact LABEL{
	font-size:1.4em
}
#contact INPUT, #contact TEXTAREA{
	width:300px;
	margin-bottom:5px;
}
