#logo
{
float:left;
background-image:url("papillon30.gif");
background-repeat:no-repeat;
margin-left:40px;
margin-top:-502px;
width:80px;
height:80px;
border:none;
}

#logo1
{
float:left;
background-image:url("logo_fanfanloup_text.png");
background-repeat:no-repeat;
margin-left:20px;
margin-top:-409px;
width:110px;
height:40px;
border:none;
}

#papillonmail
{
float:left;
background-image:url("email_animaux17.gif");
background-repeat:no repeat;
margin-left:-601px;
margin-top:10px;
padding:0px;
width:150px;
height:60px;
border:none;
}

body
{
background-image:url("fond_fanfanloup.jpg");
background-repeat:no-repeat;
margin-left:auto;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
}

#bt1
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
margin-top:-260px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt2
{
background-image:url("boutons/bt1.gif");
background-repeat:no-repeat;
float:left;
margin-top:-220px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt3
{
background-image:url("boutons/bt1.jpg");
background-repeat:no-repeat;
float:left;
margin-top:-150px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#email
{
color:#e543bc;
margin-top:419px;
margin-left:-813px;
border:none;
}

#liencreation
{
background-image:url("liencreation.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-330px;
margin-left:20px;
width:130px;
height:40px;
border:none;
}

#lientricot
{
background-image:url("lientricot.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-230px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lienperle
{
background-image:url("lienperle.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-270px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lienretour
{
background-image:url("lienretour.png");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-160px;
margin-left:92px;
width:100px;
height:40px;
border:none;
}

#lientirets
{
background-image:url("lientirets.png");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-180px;
margin-left:18px;
width:260px;
height:30px;
border:none;
}

#bt1:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-260px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt2:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-220px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#bt3:hover
{
background-image:url("boutons/bt3.jpg");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:-150px;
margin-left:15px;
width:80px;
height:20px;
border:none;
}

#gallery
{
margin-top:-490px;
margin-left:630px;
}

.gallerycontainer{
position: relative;
width:360px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 3px solid pink;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 3px solid yellow;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -436px; /*position where enlarged image should offset horizontally */
top:0px;
z-index: 50;
}

#logocomms
{
background-image:url("logo-postercommentaire.png");
background-repeat:no-repeat;
float:left;
padding:0;
margin-top:30px;
margin-left:380px;
width:240px;
height:40px;
border:none;
}