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

#wrap {
	position: absolute;
	height: 600px;
	width: 1000px;
	font-family: verdana, geneva, sans-serif;
	left: 38px;
	top: 24px;
	color: #333;
	font-size: 11px;

}

A:link {
	text-decoration: none;
	color: #333;
}

A:visited {
text-decoration: none;
			color: #333;}
			
A:active {text-decoration: none;
color: #333;}

A:hover {
	text-decoration: none;
	color: #336699;
}

#wrap #content {
	background-color: #009900;
}

#wrap #image {
	height: 600px;
	width: 500px;
	position: relative;
	float: left;
	margin-left: 15px;
	left: 0px;
	top: 115px;

}

#wrap #logo{
	height: 90px;
	margin-bottom: 50px;
	background-image: url(gfx/logo%20seul.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 15px;
	top: 24px;
	width: 512px;
	display: block;
}
#wrap #nav {
	height: 52px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	position: absolute;
	left: 526px;
	width: 389px;
	border-left-style: solid;
	padding-left: 7px;
	border-left-width: thin;
	border-left-color: #CCC;
	text-align: left;
	padding: 5px;
	font-size: 11px;
	top: 28px;
}


#wrap #news {
	height: 400px;
	width: 221px;
	position: absolute;
	left: 526px;
	top: 115px;
	border-left-style: solid;
	padding-left: 7px;
	border-left-width: thin;
	border-left-color: #CCC;
	overflow: auto;
}

#wrap #apDiv1 {
	position:absolute;
	left:14px;
	top:539px;
	width:492px;
	height:146px;
	z-index:1;
}

.infobox {
	position:relative;

    }
.infobox img {
	position:relative;
	z-index:1;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    }

.infobox .more {
	display:block;
	position:absolute;
	z-index:2;
	left:3px;
	bottom:3px;
	width:490px;
	padding:3px;
	border:1px solid #EFEFEF;
	background-color:#333333;
	color: #FFF;
	font-size: 11px;
	filter:alpha(Opacity=50);
    }
	
.close {
	position: absolute;
	top: 0px;
	right: 0px;	
    }
.close :link{
	position: absolute;
	top: 0px;
	right: 0px;	
	color: #FFFFFF;
    }
	
.smallTitle {
	color: #336699;
}
.smallTitleRed {
	color: Red;
}


#contact {
	height: 22px;
	position: absolute;
	text-align: left;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	left: 156px;
	top: 96px;
	width: 361px;
}
#debug {
	position: absolute;
	height: 187px;
	width: 247px;
	left: 882px;
}
#wrap #picmoins {
	position: absolute;
	left: 15px;
	top: 525px;
	color: #333333;
}
#wrap #picplus {
	position: absolute;
	left: 468px;
	top: 524px;
}
#wrap #textonoff {
	position: absolute;
	left: 250px;
	top: 524px;

}
#wrap #textonoffbarre {
	position: absolute;
	left: 250px;
	top: 524px;
	text-decoration: line-through;
	color: #FF0000;
}
#wrap #projetsliste {
	height: 400px;
	width: 320px;
	position: absolute;
	left: 526px;
	top: 115px;
	border-left-style: solid;
	padding-left: 7px;
	border-left-width: thin;
	border-left-color: #CCC;
	overflow: auto;
}