/* 
***************************************************************
*                    STYLES TOPINAMBOUR.BE                    *
*                         version 0.1                         *
*                   last update : 10/09/2009                  *
*                                                             *
*       Copyright 2009 Benoît Vrins {benoit@exibit.be}        *
***************************************************************
*/

/* ---- HEADER  ---- */
#header{height:150px;}
/* ---- SEARCH  ---- */
#search-splash{
	position:absolute;
	width:480px;
	margin-left:540px;
	top:107px;
	display:none;
}
#search-splash LABEL{display:none;}
#search-splash SELECT{
	float:left;
  border:none;
  display:block;
  float:left;
  width:200px;
  background-color:#978F88;
  color:#FFFFFF;
}
#search-splash button{
  position:relative;
  display:block;
  border:none;
  background:url('../images/splash/loupe.png') no-repeat  #2E1E11 50% 50%;
  height:20px;
  width:20px;
  text-indent:-999em;
}
#search-splash button:hover{
  position:relative;
  display:block;
  border:none;
  background:url('../images/splash/loupe2.png') no-repeat  #2E1E11 50% 50%;
  height:20px;
  width:20px;
} 
/* ---- TOOLS  ---- */
ul#tools{
	display:block;
	position:absolute;
	list-style:none;
	margin:10px 15px 0 0;
	padding:0;
	right:0;
	width:200px;
}

ul#tools li{
	display:block;
	position:relative;
	color:#FFF;
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	float:right;
	font-size:0.8em;
	line-height:1em;
	border-right:solid 1px #fff; 
}
ul#tools li#tool1{border:none;}
ul#tools li a {color:#FFF;text-decoration:none;}
ul#tools li a:hover {text-decoration:underline;}
#takeatour{display:block;position:absolute;right:20px;top:30px;text-indent:-999em;width:98px;height:98px;background:transparent url(../images/splash/takeatour.png) no-repeat 0 0}
/* ---- INTRO  ---- */
#box-intro{
	background-color:#DCD6CF;
	padding:12px 12px 12px 110px;
	margin:0 0 10px 0;
	position:relative;
	min-height:80px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
#box-intro H2{
  margin:10px 0 5px 0;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:1.4em;
  text-transform:none;
  color:#51473c;
}
#box-intro #box-intro-illu{
	display:block;
	position:absolute;
	left:5px!important;
	left:-110px;
	top:-65px;
	width:106px;
	height:166px;
}

/* ---- 3 BOXES  ---- */
.box-splash{
	background-color:#FFF;
	border:7px solid #DCD6CF;
	padding:6px;
	margin:25px 35px 50px 0;
	position:relative;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	width:275px;
	height:340px;
	float:left;
}
#box-splash1{
	background:#FFF url(../images/splash/illu1.png) no-repeat 132px 180px!important;
	background:#FFF url(../images/splash/illu1.gif) no-repeat 132px 180px;
}
#box-splash2{
	background:#FFF url(../images/splash/illu2.png) no-repeat 15px 180px!important;
	background:#FFF url(../images/splash/illu2.gif) no-repeat 15px 180px;
}
#box-splash3{
	background:#FFF url(../images/splash/illu3.png) no-repeat 145px 187px!important;
	background:#FFF url(../images/splash/illu3.gif) no-repeat 145px 187px;
	float:right;
	margin-right:0;
}

/* */
#box-splash1 a.button4 {display:block;position:absolute;left:12px;bottom:12px;}
#box-splash2 a.button4  {display:block;position:absolute;right:12px;bottom:12px;}
#box-splash3 a.button4{margin-left:10px}
#box-splash3 span.submit1  {margin:10px 0 0 10px;}

#box-splash1 p strong{display:block;width:180px;}

/*#box-splash3 a#pass_forget  {margin:10px 0px 0 15px;padding:10px 0 0 0 ;float:left;}*/
#box-splash3 form a{margin:10px 0px 0 15px;padding:10px 0 0 0 ;}

/*typographie*/
.box-splash p {padding:5px 15px}

.box-splash h2{
  margin:10px 0 0 0;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:2.1em;
  padding-left:15px;
  text-transform:uppercase;
  color:#51473c;
}
.box-splash h2 span{
	text-transform:none;
	display:block;
	font-size:0.8em;
}
/* forms */
/*definition des parametre du formulaire*/

.box-splash LABEL{display:none}
#box-splash3 input.field1{padding:20px 0 0 0;
	width:100px;
	margin:7px 0 0px 15px;
	padding:9px;
	color:#000;
	background-color:#eeebe8;
	border:1px solid #dcd6cf;
	display:block;
}
	
#box-splash3 input.field1:focus{
	background:#F56C18;
	border-color:#DB500D;
	color:#FFF;
}
#box-splash3 p{margin:0 0  5px 15px; padding:5px 15px 0 0 ;}
#box-splash3 p small{margin-left:-15px;}

form select option {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#box-splash3 .size-input input{width:140px;margin-left:95px;}