body{
text-align:center;
padding: 0px;
margin-bottom: 0px;
margin-top:5%;
margin-left: 0px;
margin-right: 0px;
background-color: #FFFFFF;
}
#prechargement {
width: 0px;
height: 0px;
display: inline;
background-image: url(../images/ic_marines.jpg);
background-image: url(../images/su_marines.jpg);
background-image: url(../images/ic_fleurs.jpg);
background-image: url(../images/su_fleurs.jpg);
background-image: url(../images/ic_naturemorte.jpg);
background-image: url(../images/su_naturemorte.jpg);
background-image: url(../images/ic_paysage.jpg);
background-image: url(../images/su_paysage.jpg);
background-image: url(../images/ic_aniamux.jpg);
background-image: url(../images/su_animaux.jpg);
background-image: url(../images/puce_bleu.png);
background-image: url(../images/goute_verte.png);
}

.cadre {
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
width: 700px;
height: 423px;
background-color: #FFFFFF;
padding: 0px;
text-align:left;
border-style: solid;
border-width: 1px;
border-color:#000000;
}

#titre{
display: block;
padding: 0px;
margin: 0px;
width: 170px;
height: 100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:4px;
font-size:12px;
vertical-align:middle;
text-align:right;
margin-left:40px;
}

#titre td {
padding-left:15px;
padding-top:70px;
}

#banniere{
display:block;
padding: 0px;
margin-top: -100px;
margin-left:216px;
width:484px;
height:92px;
}
#banniere a img{
border:0px;
}
#centre{
padding: 0px;
margin: 0px;
}
#contenu{
display:block;
padding: 0px;
margin-top:0px;
margin-left:0px;
width:700px;
height:295px;
overflow:hidden;
text-align:center;
overflow:auto;
}
#grand{
display:block;
width:300px;
height:200px;
padding:10px;
overflow:hidden;
margin:auto;
}
#liste{
width:600px;
height:70px;
overflow-x: hidden;
overflow-y: scroll;
margin:auto;
}
div .vignette {
width:55px;
height:55px;
overflow:hidden;
float:left;
margin-top:15px;
margin-left:5px;
}
div .vignette img{
border:0px;
}
#texte {
padding-top:70px;
}
#texte table {
margin:auto;
}
#Marines a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_marines.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Marines a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_marines.jpg); /* source de l'image d'arrivée */
color:#000000;
} 
#Fleurs a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_fleurs.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Fleurs a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_fleurs.jpg); /* source de l'image d'arrivée */
color:#000000;
} 
#Naturemorte a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_naturemorte.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Naturemorte a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_naturemorte.jpg); /* source de l'image d'arrivée */
color:#000000;
} 
#Paysage a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_paysage.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Paysage a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_paysage.jpg); /* source de l'image d'arrivée */
color:#000000;
} 
#Animaux a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_animaux.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Animaux a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_animaux.jpg); /* source de l'image d'arrivée */
color:#000000;
} 
#Personnages a{
display: block; /* la balise a doit être en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image:url(../images/ic_personnages.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
}
#Personnages a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image:url(../images/su_personnages.jpg); /* source de l'image d'arrivée */
color:#000000;
} 

#biographie {
padding-top:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin-left:220px;
width:400px;
font-style:italic;
}
#biographie p:first-letter {
font-size:20px;
}
.nom {
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:4px;
font-size:12px;
vertical-align:middle;
text-align:center;

}

#expo {
margin:auto;
margin-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
}
#photo_expo {
padding-right:10px;
}
#titre_expo {
letter-spacing:4px;
}
#infos{
font-size:10px;
color:#999999;
letter-spacing:normal;
}
.infos{
font-size:10px;
color:#999999;
letter-spacing:normal;
}

#menudroite {
display:block;
padding: 0px;
margin:0px;
margin-left:300px;
margin-top:0px;
width:350px;
height:25px;
}
#menudroite table {
width:350px;
height:25px;
}
#menudroite #choix{
width:200px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:4px;
font-size:12px;
vertical-align:middle;
text-align:right;
}
#menudroite .puce{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:4px;
font-size:12px;
vertical-align:middle;

}
#menudroite .puce a{
display: block; /* la balise a doit être en bloc */
width: 20px; /* largeur de l'image réactive */
height: 20px; /* hauteur de l'image réactive */
background-image: url(../images/puce_bleu.png); /* source de l'image de départ */
background-repeat: no-repeat;
text-decoration:none;
color:#000000;
margin-left:10px;
}
#menudroite td a:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(../images/goute_verte.png); /* source de l'image d'arrivée */
color:#000000;
} 

#liste_liens {
margin-top:40px;
margin-left:170px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#liste_liens a{
text-decoration:none;
color:#000000;
}
#liste_liens a:hover{
text-decoration:none;
color:#0066CC;
}
#liste_liens a:visited{
text-decoration:none;
color:#0066CC;
}



#pied {
text-align:center;
margin:auto;
display:block;
padding:0px;
width:700px;
height:29px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}
#pied a{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}