html, body {
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:11px;
}

a img { border:0px; }
a {color:black; text-decoration:none; }
a:hover { background-color:#0088a8; color:white; }

body { 	background-image:url("img/background.jpg"); }
h1 { margin:10px; }

#index {
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -150px;	
}

#container {
	position:absolute;
	width:803px;
	height:605px;
	background-image:url("img/cadre.jpg");
	top:50%;
	left:50%;
	margin-top:-302px;
	margin-left:-402px;
}

#logo {
	float:left;
	margin:1px;	
}

#presentation {
	color:#333333;
	clear:left;
	margin-left:30px;
	width:195px;
	z-index:25;
	text-align:right;
}
#presentation h1 {
	font-size:12px;
}
#presentation a:hover span { color:black; }

#menu {
	margin-right:-3px;
}
#menu div{
	float:right;
	height:156px;
}
#menu .creas{ width:108px; }
#menu .moi{ width:76px; }
#menu a:hover { background:none !important; }

#contenu {
	position:absolute;
	top:249px;
	margin:-55px 0 0 269px;	
}

#credits {
	position:absolute;
	margin-top:310px;
	top:300px;
	width:100%;
	text-align:center;
	left: -25px;
}

#cv {
	margin:20px 0 0 200px;
	background-image:url("img/teteCV.gif");
	background-repeat:no-repeat;
	width:5O0px;
	height:400px;	
}
#cv h1 {
	color:#0088a8;
	font-size:14px;
	margin-left:35px;
}
#cv h1 img { margin-right:5px; }
.cyan { color:#0088a8; }

#pictoCV {float:right; margin-top:25px; margin-right:60px; }

#pictoCV a { color:white !important; }
#pictoCV a:hover { text-decoration:underline !important;  background:none !important; }

#boutonscrea {
	width:90px;
	font-size:13px;
	position:absolute;
	right:150px;
	top:190px;
}
#creagauche {
	width:43px;
	height:302px;
	float:left;
	background-image:url("img/supportChiffres1.png");
}
#creadroite {
	float:left;
	width:42px;
	height:345px;
	margin-left:0px;
	background-image:url("img/supportChiffres2.png");
}
.boutoncrea {
	margin-top:1px;
	text-align:center;
	width:42px;
	height:25px;
	float:left;	
}
.boutoncrea:hover {
	background-color:black;
	color:white;	
}

#textecrea {
	position:absolute;
	top:170px;
	left:35px;
	width:180px;
	text-align:justify;	
}
#imgcrea {
	position:absolute;
	top:170px;
	left:240px;
}

#imgcrea-grd {
	position:absolute;
	top:50%;
	left:50%;
	img-align:center;	
}

#contact {
	position:absolute;
	top:233px;
	left:163px;
}
#contact a:hover { background:none !important; }