body{
	font-family:verdana;
	font-size:11px;
}

div#container{
	position:absolute;
	left: 50%; 
    top: 50%;
    margin-top: -300px; /* moitié de la hauteur */
    margin-left: -380px; /* moitié de la largeur */
}

div#main{
	background-color:#c4ff67;
	background-image:url(../img/pix.png);
	height:450px;
	width:757px; 
}

div.text{
	width:400px;
	position:absolute;
	top:320px;
	left:20px;
	
}

div.text p{
	color:#336600;
	font-size:11px;
	text-align:justify;
	cursor:pointer;
	cursor:hand;
}

div#packshot{
	position:absolute;
	left:20px;
}



div#en{
	display:block;
}

div#fr{
	display:none;
}


div#logo{
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	width:181px;
	height:71px;
	position:absolute;
	top:15px;
	left:565px;
}

div#countries {
	position:absolute;
	top:150px;
	left:440px;
	font-weight:bold;
	background-image:url(../img/map.png);
	background-repeat:no-repeat;
	background-position:0px 30px;
	width:305px;
	height:250px;
}

div#countries .title{
	font-size:13px;
	color:#336600;
	padding-left:70px;
}

div#liste a{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	color:#336600;
	display:block;
	padding-left:20px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

div#liste {
	margin-top:40px;
	margin-left:30px;
}

div#liste a:hover{
	text-decoration:none;
	background-color:#336600;
	color:#c4ff67;
}

td.row1{
	width:90px;
}

td.row2{
	width:140px;
}

td.row2 a{
	width:150px;
}

div#mentions{
	text-align:center;
	font-size: 10px;
	color: #336600;
	margin-top:12px;
}

a.mentions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336600;
	text-decoration: none;
}
a.mentions:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336600;
	text-decoration: none;
}