@charset "UTF-8";
/* CSS Document */

.textegris {
	font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #7D7E83;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
}

.texteblanc {
	font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #ffffff;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
}

.textedrop {
	font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #7D7E83;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
	margin-top: 10px;
}

.drop {
font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #00AB39;
	text-align: left;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 0.8px;
	font-weight: lighter;
}

.flecheverte {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #00AB39;
	text-align: left;
	padding: 0px;
	font-weight: lighter;
}


a.liensvert {
	font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #00AB39;
	text-align: left;
	padding: 0px;
	text-decoration: none;
	margin-left:10px;
	letter-spacing: 0.8px;
	font-weight: lighter;
}

a.liens {
	font-family: Verdana, sans-serif;
	font-size: 9.6px;
	color: #00AB39;
	text-align: left;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 0.8px;
	font-weight: lighter;
}

a.lienslangue {
	font-family: Verdana, sans-serif;
	font-size: 9.3px;
	color: #7D7E83;
	text-align: left;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 1.6px;
	font-weight: lighter;

}

a.lienslangue:hover { text-decoration: underline; color: #00AB39;}
a.drop:hover { text-decoration: underline; }
a.liensvert:hover { text-decoration: underline; }
a.liens:hover { text-decoration: underline; }


#container {
	position:relative;
	left:0px;
	top:25px;
	width:800px;
	height:585px;
	margin: 0px auto 0px auto;
	text-align:left;
}

body {
	text-align:center;
	}


#box-photo {
	position:absolute;
	left:0px;
	top:0px;
	width:600px;
	height:400px;
}


#fdroite {
	position:absolute;
	left:559px;
	top:368px;
	width:18px;
	height:18px;
}

#fgauche {
	position:absolute;
	left:18px;
	top:368px;
	width:18px;
	height:18px;
}

#box-texte {
	position:absolute;
	left:615px;
	top:0px;
	width:185px;
	height:515px;

}

#box-photodrop {
	position:absolute;
	top:0px; 
	left:-615px;
	z-index:-1
}

#a-propos_ {
	position:absolute;
	left:0px;
	top:400px;
	width:100px;
	height:15px;
}

#actualite_ {
	position:absolute;
	left:100px;
	top:400px;
	width:100px;
	height:15px;
}

#projets_ {
	position:absolute;
	left:200px;
	top:400px;
	width:100px;
	height:15px;
}

#credits_ {
	position:absolute;
	left:300px;
	top:400px;
	width:100px;
	height:15px;
}

#ressources_ {
	position:absolute;
	left:400px;
	top:400px;
	width:100px;
	height:15px;
}

#contact_ {
	position:absolute;
	left:500px;
	top:400px;
	width:100px;
	height:15px;
}

#box-logo {
	position:absolute;
	left:0px;
	top:455px;
	width:200px;
	height:60px;
}

#box-cartes-grise {
	position:absolute;
	left:200px;
	top:415px;
	width:400px;
	height:170px;
}

#anglais-francais_ {
	position:absolute;
	left:759px;
	top:542px;
	width:19px;
	height:13px;
	text-align:left;
}

#up_ {
	position:absolute;
	left:782px;
	top:528px;
	width:18px;
	height:20px;
}

#down_ {
	position:absolute;
	left:782px;
	top:549px;
	width:18px;
	height:20px;
}


img, div, a { behavior: url(iepngfix.htc) }

div#wn	{
	position:absolute;
	left:615px;
	top:0px;
	width:185px;
	height:515px;
	overflow:hidden;
	}