html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

body p {
	margin-left:5px;
	margin-right:5px;
}

h2 {
	padding-left:25px;
}

h3 {
	padding-left:20px;
	text-decoration:underline;
}

div#page {
	min-height:100%;
	margin:0 auto;
	position:relative;
}

#bienvenue {
	border:1px dashed #95CAFF;
	background:#EAEAEA;
	padding:5px;
}

#how_it_works {
	display:block;
	text-align:center
}

a:link {
	color: #6699CC;
}

#form {
	border:1px dashed #95CAFF; 
	background:#EAEAEA; 
	width:300px;
}

.input-text {
	background:white;
	border:1px solid silver;
	color:#84C1C1;
	font-weight:bold
}

.input-text:focus {
	background:#4F80BB;
	border:1px solid silver;
	color:WHITE;
	font-weight:bold
}

.input-text:active {
	background:white;
	border:1px solid #008040;
	color:#7CBEBE;
	font-weight:bold;
}

#links {
	background:#88ADBC;
	position:absolute;
	top:5%;
	left:5%;
	width:150px;
	max-height:100px;
	padding:3px;
	border-radius:5px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border:1px dashed #C6E2FF;
	opacity:0.3;
}

#links:hover {
	opacity:1;
}

#links ul {
	color:white;
}

#links a {
	color:white;
}

#copy {
	background:white;
	border:none;
	border-top:1px gray solid;
	color:gray;
	text-align:center;
	font-size:10px;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
}


.img_finale {
	float:right;
	margin-right:300px;
}


 #tipBox{  
     background: #f7fafb;  
     border: 1px solid #C6E2FF; 
	 border-radius:3px;
	 -moz-border-radius:3px;
	 -khtml-border-radius:3px;
     font-size: 11px;  
     padding: 3px;  
     width: 180px;  
 }  
 #tipBox.blue{  
     color: #44a9da;  
 }  
 #tipBox.width{  
     width: auto;  
 }  
 #tipBox.big{  
     width: auto;  
     font-size: 40px;  
     line-height: 1em;  
     padding: 1em;  
 }