/* CSS Document */

body {
	background:url(../img/bgrd_header.jpg) repeat-x;
	margin:230px 0 0 0;
	padding:0;
	border:0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:85% ! important;
	font-size:83%;	
}

h1, h2, h3, h4 {margin:0; font-weight:normal; }

ul {
	padding: 0;
	margin:0;
	list-style: none;
}
/* -- Menu -- */

.holder {
	width:765px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:10;
}

.bgrd {
	background:url(../img/spaceship.png) 100% 0 no-repeat;
	width:290px;
	height:250px;
	position:absolute;
	top:20px;
	right:10%;
	z-index:20;
}

.bgrd2 {
	background:url(../img/clouds.png) no-repeat;
	width:500px;
	height:250px;
	position:absolute;
	top:20px;
	left:10%;
}

.menu {
	width:200px;
	position:absolute;
	top:0;
	left:0;
}

.menu li a {
	border-bottom:1px solid #efefef;
	margin:0;
	text-indent:10px;
	display:block;
	line-height:2em;
	text-decoration:none;
	color:#807f7f;
}

.menu li a:hover {color:#FF6600;}
.menu li a#selected {color:#FF6600;}


/* language panel */

.language {
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:10em;
	left:0;
	
	display:none; 
}

.language a {
	line-height:2em;
	color:#807f7f;
	text-decoration:none;
	display:block;
	padding-left:40px;
}

.language a:hover {color:#FF6600;}

.language a#english {background:url(../img/flag_en.gif)  0 50% no-repeat;}
.language a:hover#english {background:url(../img/flag_en_over.gif)  0 50% no-repeat;}
.language#eng a#english {background:url(../img/flag_en_over.gif)  0 50% no-repeat; color:#FF6600;} /* to show highlight language selection */


.language a#french {background:url(../img/flag_fr.gif)  0 50% no-repeat;}
.language a:hover#french {background:url(../img/flag_fr_over.gif)  0 50% no-repeat;}
.language#fr a#french {background:url(../img/flag_fr_over.gif)  0 50% no-repeat; color:#FF6600;} /* to show highlight language selection */



/* -- Main -- */

.content {
	margin-left:215px;	
	width:500px;
	position:relative;
	top:0px;
	left:0;	
	padding:0 0 0 25px;
	border-left:1px solid #efefef;
}
h1, h2 {
	clear:left; 
	color:#ff6600;
	}

h2 {
	border-top:1px solid #efefef; 
	margin-top:10px;
	 padding-top:10px
	 }
	 

#tag {
	color:#807f7f; 
	border:none;
	margin-top:0;
	padding-top:0;
	font-size:140%;
}

p {color:#807f7f; text-align:justify; line-height:1.5em;}

.folio {
	background:url(../img/bgrd_folio.jpg) 0 100% repeat-x;
	clear:left;
	padding:10px;
	height:5em;
	margin-bottom:20px;
	color:#807f7f;
}

.folio img {
	border:1px solid #ccc;
	padding:2px;
	float:left;
	margin-right:10px;
}

.folio a {
	margin-left:0;
	color:#ff6600;
}
.folio h3 a { text-decoration:none; color:#807f7f;  }
.folio a:hover {text-decoration:none;	
}
.folio img:hover {border:1px solid #807f7f;}

.link {color:#ff6600;}

/* -- Footer -- */

.footer {
	background:url(../img/herbe.jpg) 0 -20% repeat-x;
	height:295px;
	clear:both;
	width:100%;	
}

#thankyou .footer {
	background-color:#7A9512;
	height:400px;
}



/* ----------- small print ----------- */
 
ul#questions li {padding-top:10px;}

ul#questions li a {	color:#807f7f;}

dl#answers {
	color:#807f7f;
	text-align:justify;
	margin-top:10px;
	border-top:1px solid #efefef;		

}

dl#answers dt {
	color:#FF6600; 
	margin:20px 0 5px 0;
}

dl#answers dt a {
	float:right;
	font-size:80%;
	background:#fff url(../img/top.gif) 100% 50% no-repeat;	
	padding-right:15px;
	color:#FF6600;
}

dl#answers dd {
	margin:0;
	line-height:1.5em;
	margin-bottom:10px;
}

dl#answers dd a {margin-left:0;	color:#807F7F;}

a:hover {text-decoration:none;}

/* -- Contacter -- */

form {margin-top:10px;}

ul#contactList li{padding:5px 0;}

ul#contactList li input {
	border:none;
	border-bottom:1px solid #efefef;
	padding:5px 0;
	background-color:#FFFFA0;
}

ul#contactList li#messageBox textarea {
	border:1px solid #ccc;
	width:100%;
}

ul#contactList li#buttons input { 
	border:1px solid #ffffff;
	background:#BDD6EE;
	padding:5px 5px;
}

ul#contactList li#buttons input:hover {
	 border:1px solid #807f7f;
	 background:#BDD6EE;
}