* {
	margin: 0;
	padding: 0;
}

html,
body { height: 100% }

body {
	min-height: 400px;
	min-width: 626px;
	text-align: center;
}
	
	
#splash {
	left:0;
	margin-top:-115px;
	position:absolute;
	top:45%;
	width:100%;
}
	

#splashscreen_deboeck {
	background: url(./public/img/splash/splash-bckgrnd_deboeck.png) no-repeat;
	height: 252px;
	margin: 0 auto;
	text-align: left;
	width: 602px;
	padding-top:15px;
	margin-bottom:30px;
}

#splashscreen_entete_deboeck {
	background: url(./public/img/splash/splash-entete_deboeck.png) no-repeat;
	height: 50px; /*Height image + 18 de s�paration*/
	margin: 0 auto;
	width: 330px;
	margin-left:135px;
}

#splashscreen_logo_deboeck {
	background: url(./public/img/splash/splash-logo_deboeck.png) no-repeat;
	height: 78px; /*Height image + 18*/
	margin: 0 auto;
	width: 326px;
	margin-left:137px;
}

#splashscreen_logo_dbpro {
	background: url(./public/img/splash/splash-logo_dbpro.png) no-repeat;
	height: 80px; /*Height image + 18*/
	margin: 0 auto;
	width: 395px;
	margin-left:150px;
	margin-top:40px;
	margin-bottom:40px;
}

#splashscreen_title_lng {
	background: url(./public/img/splash/splash-title_lng.png) no-repeat;
	height: 32px; /*Height image + 18*/
	margin: 0 auto;
	width: 310px;
	margin-left:145px;
}

#splashscreen_larcier {
	background: url(./public/img/splash/splash-bckgrnd_larcier.png) no-repeat;
	height: 291px;
	margin: 0 auto;
	text-align: left;
	width: 602px;
	padding-top:15px;
	margin-bottom:30px;
}

#splashscreen_entete_larcier {
	background: url(./public/img/splash/splash-entete_larcier.png) no-repeat;
	height: 50px;
	margin: 0 auto;
	width: 312px;
	margin-left:145px;
}
			
#splashscreen_logo_larcier {
	background: url(./public/img/splash/splash-logo_larcier.png) no-repeat;
	height: 117px; /*Height image + 18*/
	margin: 0 auto;
	width: 204px;
	margin-left:198px;
}

.fr_off{
	float : left;
	background: url(./public/img/splash/splash-button_fr_off.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

.fr_on{
	float : left;
	background: url(./public/img/splash/splash-button_fr_on.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

.fr_dbpro_off{
	float : left;
	background: url(./public/img/splash/splash-button_dbpro_fr_off.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

.fr_dbpro_on{
	float : left;
	background: url(./public/img/splash/splash-button_dbpro_fr_on.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

.left{
	float : left;
	width: 100px;	
	height: 55px;
}

.right{
	float : left;
	width: 50px;
	height: 55px;	
}

.middle{
	float : left;
	width: 70px;	
	height: 55px;
}

.nl_off{
	float : left;
	background: url(./public/img/splash/splash-button_nl_off.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;	
	cursor:pointer;		
}

.nl_on{
	float : left;
	background: url(./public/img/splash/splash-button_nl_on.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

.nl_dbpro_off{
	float : left;
	background: url(./public/img/splash/splash-button_dbpro_nl_off.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;	
	cursor:pointer;		
}

.nl_dbpro_on{
	float : left;
	background: url(./public/img/splash/splash-button_dbpro_nl_on.png) no-repeat;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	width: 169px;
	cursor:pointer;		
}

#stoolbar{
	clear:both;
	width: 602px;
}

.splash_tile {
	background-image: url(public/img/splash/splash-tile.png);
	background-repeat: repeat-y;
	height: 20px;
}

.splash_option {
	background: url(./public/img/splash/splash-fond_menu.png) no-repeat;
	height: 31px;
}

#stoolbar_fr {
	display:none;
	text-align: left;
	width: 602px;
	cursor:pointer;	
}

#stoolbar_nl {
	display:none;
	text-align: left;
	width: 602px;
	cursor:pointer;	
}

.deboeck_link {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:112px;
	color: #8E8D89;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

.deboeck_link1 {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:112px;
	color: #8E8D89;
	text-align:right;
	cursor:pointer;
	font-weight: bold;		
}

.deboeck_hover {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:112px;
	background-image: url(public/img/splash/splash-hover_deboeck.png);
	text-align:center;	
	background-repeat: repeat-x;
	color: #FFFFFF;
	cursor:pointer;
	font-weight: bolder;		
}

.deboeck_hover1 {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:112px;
	background-image: url(public/img/splash/splash-hover_deboeck.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align:right;
	cursor:pointer;
	font-weight: bold;		
}

.larcier_link {
	background-image: url(public/img/splash/picto_larcier_blanc.png);
	width:112px;
	height:31px;
}

.larcier_link1 {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:145px;
	color: #8E8D89;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

.larcier_link2 {
	background-image: url(public/img/splash/picto_strada_blanc.png);
	width:112px;
	height:31px;
}

.larcier_link3 {
	background-image: url(public/img/splash/picto_de_boeck_blanc.png);
	width:136px;
	height:31px;
}

.larcier_hover {
	background-image: url(public/img/splash/picto_larcier_rouge.png);
	width:112px;
	height:31px;
}

.larcier_hover1 {
	/*background-image: url(public/img/splash/picto_dbpro_blanc.png);
	background-color: #BE5A76;
	width:112px;
	height:31px;*/
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:145px;
	background-image: url(public/img/splash/splash-hover_larcier.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

.larcier_hover2 {
	background-image: url(public/img/splash/picto_strada_rouge.png);
	width:112px;
	height:31px;
}

.larcier_hover3 {
	background-image: url(public/img/splash/picto_de_boeck_rouge.png);
	width:136px;
	height:31px;
}









.oup_link {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:95px;
	color: #8E8D89;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
}

.oup_link1 {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:85px;
	color: #8E8D89;
	text-align:right;
	cursor:pointer;
	font-weight: bold;		
}

.oup_hover {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:95px;
	background-image: url(public/img/splash/splash-hover_deboeck.png);
	text-align:center;	
	background-repeat: repeat-x;
	color: #FFFFFF;
	cursor:pointer;
	font-weight: bolder;		
}

.oup_hover1 {
	font-family: "Trebuchet MS";
	font-size:14px;
	line-height: 31px;
	width:85px;
	background-image: url(public/img/splash/splash-hover_deboeck.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align:right;
	cursor:pointer;
	font-weight: bold;		
}






ul {
	list-style: none;
	padding-left:12px;	
}

li {
	float:left;
}

#splashscreen_search {
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 602px;
	padding-top:5px;
}


#search {
	margin-left:100px;
	background: url(./public/img/splash/splash-search-bckgrnd.png) no-repeat;
	height: 47px;
	width: 401px;
	float:left;
}


.inputfield {
	margin-left:20px;
	margin-top:10px;
	font-family: Trebuchet MS;
	font-size:15px;	
	color: #8E8D89;
	border:solid 0px;
	width:310px;
	font-weight: bolder;	
}

.bt_search {
	float:left;
	background: url(./public/img/splash/splash-search-button.png) no-repeat;
	height: 22px;
	text-align: left;
	width: 22px;
	margin-left:-40px;
	margin-top:14px;
	cursor:pointer;	
}

/*******************************
 * NoInteractionDiv + lightbox *
 *******************************/
 
#noInteractionDiv { 
	position:absolute; 
	left:-100px; 
	top:-100px; 
	width:10px; 
	height:10px; 
	background: #000000; 
	z-index:1000000; 
	opacity:0.7; 
	filter: alpha(opacity = 70);	
	-moz-opacity:.70;
}

#lightBoxDiv {
	position:absolute; 
	left:-1000px; 
	top:-1000px;
	width: 622px;
	z-index:2000000; 
}
#lightBoxDiv_top {
	align: right;
	width: 622px;
	height: 52px;
	background: url(./public/img/floating/lightbox_top.png) no-repeat;
}

#lightBoxDiv_middle_left{
	width: 12px;
	background: url(./public/img/floating/lightbox_middle_left.png) repeat-y;
	color: #FFFFFF;	
}

#lightBoxDiv_middle{
	width: 568px;
	height: 214px;
	background: #434343 url(./public/img/floating/lightbox_middle.png) repeat-x;
	color: #FFFFFF;
	padding-left: 25px;
}

#lightBoxDiv_middle_right{
	width: 12px;	
	background: url(./public/img/floating/lightbox_middle_right.png) repeat-y;
	color: #FFFFFF;	
}

#lightBoxDiv_bottom{
	width: 622px;
	height: 20px;
	background: url(./public/img/floating/lightbox_bottom.png) no-repeat;
}

/* BLOC GRIS MICRO */
.gray_micro-shadow_titre  a:link{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-family: Trebuchet MS;
	font-size:13px;	
}

.gray_micro-shadow_titre  a:hover{
	color:#F39C29;
	font-weight:bold;	
	text-decoration:none;
	font-family: Trebuchet MS;
	font-size:13px;	
}

.gray_micro-shadow_titre  a:visited{
	color:#666666;
	font-weight:bold;	
	text-decoration:none;
	font-family: Trebuchet MS;
	font-size:13px;	
}

.gray_micro-shadow_texte {
	font-family: Trebuchet MS;
	font-size:13px;
}

.gray_micro-shadow_titre {
	font-family: Trebuchet MS;
	font-size:22px;
	padding-right:20px;	
	padding-left:15px;
}

.gray_micro-shadow_center{
	background-image:  url(./public/img/bloc/gray_micro-shadow/center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* BLOC ORANGE MICRO */

.orange_micro-shadow_texte {
	font-family: Trebuchet MS;
	font-size:13px;
}

.orange_micro-shadow_titre {
	font-family: Trebuchet MS;
	font-size:16px;
}

.orange_micro-shadow_center{
	background-image:  url(./public/img/bloc/orange_micro-shadow/center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* BLOC RED MICRO */

.red_micro-shadow_center{
	background-image:  url(./public/img/bloc/red_micro-shadow/center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* CSS SPECIFIQUE RECHERCHE SPLASH */

#titre_niveau_splash{
	padding-top: 3px;
	font-family: Trebuchet MS;
	font-size: 18px;
}

#detail_niveau_splash{
	padding-top: 5px;
	font-family: Trebuchet MS;
	font-size: 16px;	
}

.red_small-shadow_titre #titre_niveau_splash{
	padding-top: 3px;
	font-family: Trebuchet MS;
	font-size: 18px;
	color: #FFFFFF;
}

/* CSS DU BLOC SMALL ORANGE */
.orange_small-shadow_top_center {
	background-image:  url(./public/img/bloc/orange_small-shadow/top_center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.orange_small-shadow_bottom_center {
	background-image:  url(./public/img/bloc/orange_small-shadow/bottom_center.png);
	background-repeat: repeat-x;
}

.orange_small-shadow_tile_left {
	background-image:  url(./public/img/bloc/orange_small-shadow/left_tile_up.png);
	background-repeat: repeat-y;
}

.orange_small-shadow_center{
	background-image:  url(./public/img/bloc/orange_small-shadow/center.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#FFB41E;
}

.orange_small-shadow_tile_right {
	background-image:  url(./public/img/bloc/orange_small-shadow/right_tile_up.png);
	background-repeat: repeat-y;
}

/* CSS DU BLOC RED SMALL */
.red_small-shadow_top_center {
	background-image:  url(./public/img/bloc/red_small-shadow/top_center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.red_small-shadow_bottom_center {
	background-image:  url(./public/img/bloc/red_small-shadow/bottom_center.png);
	background-repeat: repeat-x;
}

.red_small-shadow_tile_left {
	background-image:  url(./public/img/bloc/red_small-shadow/left_tile_up.png);
	background-repeat: repeat-y;
}

.red_small-shadow_center{
	background-image:  url(./public/img/bloc/red_small-shadow/center.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#BE5A76;
}

.red_small-shadow_tile_right {
	background-image:  url(./public/img/bloc/red_small-shadow/right_tile_up.png);
	background-repeat: repeat-y;
}








