/* CSS Document */

body,div,p,html,table,h1,h2,h3,li,ul,img,p,a{
	padding: 0;
	border:0;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}
p{margin-bottom: 4px;}
body{background:#FFF url(../pix/reflet.jpg) no-repeat 50% 213px; color:#9C9180;}
body.defil{background:#FFF url(../pix/reflet_defil.jpg) no-repeat 50% 213px;}
body.bg_contact{background:#FFF url(../pix/reflet_contact.jpg) no-repeat 50% 213px;}
body.ag_contact{background:#FFF url(../pix/reflet_contact_nl.jpg) no-repeat 50% 213px;}
body.news{background:#FFF url(../pix/reflet_news.jpg) no-repeat 50% 213px;}
h1{ line-height: 0px;}
a{color:#000; text-decoration:none; font-style:italic;}
a:link{color:#000; text-decoration:none; font-style:italic;}
a:hover{color:#9C9180; text-decoration:underline; font-style:italic;}
/*div central*/
#central{margin: 0 auto; width: 725px;}
/*banners français, nl, en et index*/
#banner, #banner_index{
	width:729px;
	height: 70px;
	color:#900;
	font-size:24px;
	font-weight:bold;
	background: #FFF url(../pix/h1_main_bg.jpg);
	margin-top: 3px;
	text-indent: -5000px;
}
/*obligé de répéter bug IE*/
#banner_en{
	width:729px;
	height: 70px;
	color:#900;
	font-size:24px;
	font-weight:bold;
	background: #FFF url(../pix/h1_main_bg_en.jpg);
	margin-top: 3px;
	text-indent: -5000px;
}
/*obligé de répéter bug IE*/
#banner_nl{
	width:729px;
	height: 70px;
	color:#900;
	font-size:24px;
	font-weight:bold;
	background: #FFF url(../pix/h1_main_bg_nl.jpg);
	margin-top: 3px;
	text-indent: -5000px;
}
#banner_index{background: #FFF url(../pix/h1_main_bg_index.jpg);}
#banner a,#banner_index a, #banner_nl a, #banner_en a {width:729px; height: 70px; display:block;}
/*fin banner*/
/*Divs Up et Down*/
#up{
	width:725px;
	height:22px;
	border-right: 2px #CFC4B3 solid;
	border-left: 2px #CFC4B3 solid;
	background-image: url(../pix/bg_up_01.jpg)
}
#up ul{float:right;}
#up ul li{
	float:left;
	list-style:none;
	width:75px;
	text-align: center;
	border-left: 2px #CFC4B3 solid;
	border-right: none;
	border-bottom:none;
	border-top:2px #CFC4B3 solid;
	height: 22px;
	line-height: 22px;
}
#down{
	width:729px;
	height:99px;
	background-image: url(../pix/banner_inverted.jpg);
	background-color: #FFF;
}
#down ul{
	float:left;
	border-left: 2px #CFC4B3 solid;
}
#down ul li{
	float:left;
	list-style:none;
	width:75px;
	border-left: none;
	border-right: 2px #CFC4B3 solid;
	border-bottom:2px #CFC4B3 solid;
	border-top:none;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
#down ul li a, #up ul li a{display:block;}
#down ul li a:hover, #up ul li a:hover{text-decoration:none; background-image:url(../pix/bg_linkUpDown_01.jpg) ;}
/*fin Up et Down*/
/*div main*/
#main{
	border:2px #CFC4B3 solid;
	width:725px;
	height:400px;
	background: transparent url(../pix/bg_main_01.jpg) repeat-y;
	position: relative;
}
/*fin main*/
/*div text*/
#text{
	float:left;
	width:325px;
	height:400px;
	background: transparent url(../pix/acolade.jpg) 60px 19px no-repeat;
	padding-left: 60px;
}
#text ul{padding: 0 80px 0 62px;}
#text ul li{width: 190px; list-style-type: square; list-style-position: inside;}
#text h1.frnlen{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_frnlen.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.home{
	width: 185px;
	height: 62px;
	font-size: 16px;
	background: transparent url(../pix/h1_home.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.biographie, #text h1.biographie_nl, #text h1.biographie_en{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_biographie.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.biographie_nl{background: transparent url(../pix/h1_biografie.jpg) 0 6px no-repeat;}
#text h1.biographie_en{background: transparent url(../pix/h1_biography.jpg) 0 6px no-repeat;}
#text h1.images, #text h1.beelden{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_images.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.beelden{background: transparent url(../pix/h1_beelden.jpg) 0 6px no-repeat;}
#text h1.carthage, #text h1.carthago{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_carthage.jpg) 0 6px no-repeat;
	margin-left: 60px;
	margin-bottom: -10px;
	text-indent: -5000px;
}
#text h1.carthago{background: transparent url(../pix/h1_carthago.jpg) 0 6px no-repeat;}
#text h1.jerusalem_fr, #text h1.jerusalem_nl, #text h1.jerusalem_en{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_jerusalem_fr.jpg) 0 6px no-repeat;
	margin-left: 60px;
	margin-bottom: -10px;
	text-indent: -5000px;
}
#text h1.jerusalem_nl{background: transparent url(../pix/h1_jeruzalem_nl.jpg) 0 6px no-repeat;}
#text h1.jerusalem_en{background: transparent url(../pix/h1_jerusalem_en.jpg) 0 6px no-repeat;}
#text h1.petra_fr, #text h1.petra_nl{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_petra_fr.jpg) 0 6px no-repeat;
	margin-left: 60px;
	margin-bottom: -10px;
	text-indent: -5000px;
}
#text h1.petra_nl{background: transparent url(../pix/h1_petra_nl.jpg) 0 6px no-repeat;}
#text h1.construction, #text h1.construction_nl{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_construction.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.construction_nl{background: transparent url(../pix/h1_constructie.jpg) 0 6px no-repeat;}
#text h1.lutece, #text h1.lutetia{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_lutece.jpg) 0 6px no-repeat;
	margin-left: 60px;
	margin-bottom: -10px;
	text-indent: -5000px;
}
#text h1.lutetia{background: transparent url(../pix/h1_lutetia.jpg) 0 6px no-repeat;}
#text h1.roger_roger{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_roger_roger.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.storyboard{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_storyboard.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.contacts, #text h1.contact{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_contacts.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.contact{background: transparent url(../pix/h1_contact.jpg) 0 6px no-repeat;}
#text h1.webdesign{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_webdesign.jpg) 0 6px no-repeat;
	margin-left: 60px;
	margin-bottom: -10px;
	text-indent: -5000px;
}
#text h1.niouz, #text h1.nieuws, #text h1.news{
	width: 185px;
	height: 71px;
	font-size: 16px;
	background: transparent url(../pix/h1_niouz.jpg) 0 6px no-repeat;
	margin-left: 60px;
	text-indent: -5000px;
}
#text h1.nieuws{background: transparent url(../pix/h1_nieuws.jpg) 0 6px no-repeat;}
#text h1.news{background: transparent url(../pix/h1_news.jpg) 0 6px no-repeat;}
#text p{padding: 0 80px 0 62px;}
/*fin div text*/
/*div illu*/
#illu{
	width: 340px;
	height: 400px;
	position: absolute;
	left: 320px;
	top: 19px;
}
#illu #form1{ 
	background:#FFF;
	margin: 14px 0 0 0;
	width: 328px;
	height: 425px;
	border: 1px #CFC4B3 dashed;
}
#illu #form1 .infos{
	width: 290px;
	height: 50px;
	margin: 7px auto 7px auto;
	color: #8B8070;
	font-size: 12px;
	display: block;
}
#illu #form1 p{
	color: #04C11A;
	margin: 4px auto 4px auto;
	width: 290px;
}
/*fin illu*/
/*différentes classes*/
.end_divTxt{ padding-left:40px;}
.end_divTxt a{ color:#960; line-height:26px;}
.couverture{ width:160px;}
.couverture_plus{ width: 340px; height: 459px;}
.vignettes_galeries{ visibility:hidden; height:0px; width:0px;}
.icons{margin: 0 4px 0 0; vertical-align:middle;}
span.webdesign{padding-left:99px; margin-top:45px; line-height:3em;}
/*fin classes*/
/*news*/
div.header img, div.item img{
	width: 50%;
	height: 50%;
	border: 1px #960 solid;
	padding: 2px;
	margin: 3px 25% 3px 25%;
}
div.header{
	border-bottom:1px solid #960;
	padding: 0px 8px 3px 8px;
}
div.header h1 a{
	color: #04C11A;
	font-size: 12px;
	line-height: 14px;
}
div.item{
	border-bottom: 1px #CFC4B3 dashed;
	padding: 0px 8px 3px 8px;
}
div.item h2 a, span.open{/*le reste de la definition de la class juste apres*/
	color: #CD0033;
	font-size: 10px;
	text-decoration: underline;
}
span.open{text-decoration:none;}
div.item h2 a:hover{
	color: #BB0033;
	text-decoration: none;
}
#main #illu #form1 div.header p{color: #9C9180;}
#main #illu #form1 div.item p{color: #9C9180;}
#main #illu .scrollbar{
	margin-top: 0px;	
	margin-bottom: 0px;
	width: 328px;
	height: 425px;
	padding: 0px;
	background-color: #FFF;
	overflow: auto;
	/*only for IE*/
	scrollbar-face-color: #FFF;
	scrollbar-arrow-color: #04C11A;
	scrollbar-track-color: #FFEFFE;
	scrollbar-highlight-color: #C9F689;
	scrollbar-3dlight-color: #04C11A;
	scrollbar-shadow-color: #EEE;
	scrollbar-darkshadow-color: #C900FF;
}
/*fin news*/
/*loading*/
/*deuxieme script js*/
div.loading-invisible{
    display:none;
}
div.loading-visible{
    display: block;
    position:absolute;
    top:300px;
    left:25%;
    width:50%;
    text-align: center;
    background: #FFF;
    opacity:.75;
    border: 2px solid #9C9180;
	z-index:  125;
 }
 div.loading-visible img{padding: 5px;}
 div.loading-visible p{
	font-weight: bold;
	color: #CD0033;
	font-size: 12px; 
 }