body {
    margin: 0;
    padding: 0;
    font-family: "Verdana";
    font-size: 12px;
    //width: 100%;
    //height: 100%;
    background-color: black;
}

/* changement de look des differents liens */

a {
	background-color: black;
    font-size: 15px;
    text-decoration: none;
    color: #B3B3B3;
    //margin-top: 5px;	
}

a:hover {
	background-color: white;
    //color: #FDFDFD;
    font-size: 15px;
    text-decoration: overline;
    color: #333333;
}

/* partie mise en page globale */

#globalcontainer {
    //position: relative;
    position: absolute;
    height: 600px;
    width: 800px;
    /*border: 1px dotted gray;*/
    //background-color: #666666;
    /*background: url("http://farm1.static.flickr.com/181/435734551_4d1aff75e8_o.jpg");*/
    //margin: 0 auto;
    //margin-top: 10px;
    top: 10px;
    left: 10px;
}

.centered {
    padding: 10px;
    /*border: 1px solid red;*/
    background-color: black;
    color: white;
    /*width: 150px;*/
    /*height: 100px;*/
}

.fullycentered {
    position: absolute;
    width: 710px;
    height: 260px;
    z-index: 4;
}

.topcentered {
    position: absolute;
    top: 0px;
    width: 550px;
    height: 0px; /* invisible */
    z-index: 2;
}

.bottomcentered {
    position: absolute;
    bottom: 0px;
    width: 550px;
    height: 10px;
    z-index: 2;
}

.leftcentered {
    position: absolute;
    left: 0px;
    width: 0px; /* invisible */
    height: 150px;
    z-index: 2;
}

.rightcentered {
    position: absolute;
    right: 0px;
    width: 0px; /* invisible */
    height: 150px;
    z-index: 2;
}

/* debut du css de la page en question ci-apr�s */
/* //////////////////////////////////////////// */

#pagedeguardecontainer {
    position: relative;
    width:700px;
    height:250px;
    margin: 0 auto;
    //border: 1px dotted white;
}

#portraitscontainer {
    position: relative;
    width: 670px;
    height: 165px;
    margin: 0 auto;
    margin-top: 10px;
    //border: 1px dotted white;
}

#namescontainer {
    position: relative;
    width: 670px;
    height: 55px;
    margin: 0 auto;
    margin-top: 5px;
    //border: 1px dotted white;
}

/* passons aux "portraits" */

#valentinportraitcontainer {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    margin-left: 17px;
    margin-top: 5px;
    //border: 1px dotted gray;
}

#bothportraitcontainer {
    position: relative;
    float: left;
    width: 318px;
    height: 150px;
    margin-left: 6px;
    margin-top: 5px;
    //border: 1px dotted gray;
}

#ninaportraitcontainer {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    margin-left: 6px;
    margin-top: 5px;
    //border: 1px dotted gray;
}



/* passons aux "names" */

.valentinnamecontainer {
    position: relative;
    float: left;
    width: 150px;
    height: 40px;
    margin-left: 17px;
    margin-top: 5px;
   //border: 1px dotted gray;
   text-align: left;
}

.bothnamescontainer {
    position: relative;
    float: left;
    width: 318px;
    height: 40px;
    margin-left: 6px;
    margin-top: 5px;
    //border: 1px dotted gray;
	text-align: center;
}

.ninapnametcontainer {
    position: relative;
    float: left;
    width: 150px;
    height: 40px;
    margin-left: 6px;
    margin-top: 5px;
    //border: 1px dotted gray;
	text-align: right;
}

/* css n�cessaire aux slides en hover des images des liens */

.portraitcontainer {
    overflow :hidden;
}

img {
    position: absolute;
}