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

body
{
background-image:url(img/background.jpg);
}

.fond
{
margin:0 auto;
width:850px;
height:580px;
background-image:url(img/portfolio.png);
background-repeat:no-repeat;
}

.z
{
background-image:url(img/z.png);
width:442px;
height:229px;
position:relative;
top:4px;
left:392px;
}

.s
{
background-image:url(img/s.png);
width:344px;
height:297px;
position:relative;
left:4px;
top:-155px;
}

.q
{
background-image:url(img/q.png);
width:185px;
height:194px;
position:relative;
left:4px;
top:-158px;
}

.o
{
background-image:url(img/o.png);
width:338px;
height:251px;
position:relative;
left:170px;
top:-410px;
}

.flaque
{
position:relative;
background-image:url(img/flaque.png);
width:503px;
height:430px;
left:333px;
top:-839px;
}

.cv
{
display:block;
position:relative;
background-image:url(img/rond_cv.png);
width:119px;
height:119px;
left:170px;
top:50px;
}

.cv:hover
{
background-image:url(img/rond_cv_survole.png);
}

.liens
{
display:block;
position:relative;
background-image:url(img/rond_liens.png);
width:100px;
height:100px;
left:50px;
top:80px;
}

.liens:hover
{
background-image:url(img/rond_liens_survole.png);
}

.crea
{
display:block;
position:relative;
background-image:url(img/rond_crea.png);
width:157px;
height:157px;
left:50px;
top:80px;
}

.crea:hover
{
background-image:url(img/rond_crea_survole.png);
}

.divers
{
display:block;
position:relative;
background-image:url(img/rond_divers.png);
width:128px;
height:128px;
left:65px;
top:90px;
}

.divers:hover
{
background-image:url(img/rond_divers_survole.png);
}

a img
{
  border: none;
}

.menu
{
font-family:Tahoma, sans-serif;
font-size:12px;
position:relative;
top:-1395px;
width:800px;
text-align:right;
font-weight:bold;
}

.menu span
{
color:#FFFFFF;
}

.menuselect
{
color:white;
}

.menuunselect:hover
{
color:white;
}

.menuunselect
{
color:black;
}

.titre
{
background-image:url(img/titre.png);
position:relative;
width:483px;
height:68px;
top:-1385px;
left:20px;
}

.titretext
{
position:relative;
font-size:21px;
font-family:Tahoma, sans-serif;
top:95px;
left:155px;
}

.infos
{
position:relative;
font-size:13px;
font-family:Tahoma, sans-serif;
top:120px;
left:130px;
}

.infos1
{
position:relative;
font-size:13px;
font-family:Tahoma, sans-serif;
top:170px;
left:170px;
width:350px;
}

.infos2
{
position:relative;
font-size:13px;
font-family:Tahoma, sans-serif;
width:390px;
top:200px;
left:110px;
}

.infos2 a
{
color:#000000;
}

.infos2 a:hover
{
color:#FFFF00;
}

.infos3
{
position:relative;
font-size:13px;
font-weight:bold;
font-family:Tahoma, sans-serif;
top:270px;
left:280px;
}

.piedepage
{
position:relative;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
font-family:Tahoma, sans-serif;
top:10px;
width:850px;
text-align:center;
margin:0 auto;
}