BODY
{
margin: 0;
background-color: #000000;
background-image: none;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-variant: normal;
letter-spacing: normal;
line-height: normal;
padding-bottom: 20px;
}

H1
{
font-family: arial, helvetica, sans-serif;
font-size: 20px;
color: #666666;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-variant: normal;
letter-spacing: normal;
line-height: 18px;
padding: 0;
}

#cadre
{
position: absolute;
right: 0;
bottom: 0;
background-color: transparent;
background-image: url(pics/bgatelier.gif);
background-attachment: scroll;
background-position: right bottom;
background-repeat: no-repeat;
width: 1000px;
height: 512px;
}

#logo
{
position: absolute;
top: 10px;
left:10px;
background-color: transparent;
background-image: none;
font-family: arial, helvetica, sans-serif;
font-size: 36px;
color: #999999;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-variant: normal;
letter-spacing: -2px;
line-height: 30px;
padding-bottom: 6px;
}

#auteur
{
position: absolute;
right: 60px;
bottom: 23px;
background-color: transparent;
background-image: none;
}

#copy
{
position: absolute;
right: 25px;
bottom: 10px;
color: #666666;
}

#topbar
{
position: absolute;
left: 170px;
top: 10px;
background-color: transparent;
background-image: none;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-variant: normal;
letter-spacing: normal;
line-height: normal;
text-align: left;
padding: 0;
}

#crumb
{
position: absolute;
top: 15px;
right: 10px;
font-family: "courier new", courier, monospace;
font-size: 12px;
color: #ffffff;
font-style: normal;
line-height: 12px;
text-align: right;
}

#sidebar
{
position: absolute;
top: 150px;
left: 10px;
font-weight: bold;
padding: 0;
}

#fleches
{
position: absolute;
right: 22%;
bottom: 1%;
background-color: transparent;
width: 36px;
height: 15px;
}

#legende
{
position: absolute;
left: 75px;
bottom: 5px;
font-size: 12px;
color: #cccccc;
}

#enlarge
{
position: absolute;
left: 75px;
bottom: 40px;
}

#contact
{
position: absolute;
left: 0;
bottom: 60px;
font-weight: bold;
}

#pub
{
position: absolute;
left: 0;
bottom: 0;
padding: 10px;
}

#img
{
position: absolute;
right: 22%;
bottom: 9%;
}

.bgindex
{
background-color: transparent;
background-image: url(pics/bg.jpg);
background-attachment: scroll;
background-position: 0 0;
background-repeat: no-repeat;
width: 425px;
height: 325px;
}

.intro
{
padding-left: 10px;
padding-top: 70px;
padding-right: 10px;
padding-bottom: 10px;
}

.tdvide
{
width: 20px;
height: 15px;
}

IMG
{
border-style: none;
}

A.flecheg:link, A.flecheg:visited
{
background-image: url(pics/flecheg.gif);
background-attachment: scroll;
background-position: 0 0;
background-repeat: no-repeat;
}

A.flecheg:hover
{
background-image: url(pics/flechegon.gif);
background-attachment: scroll;
background-position: 0 0;
background-repeat: no-repeat;
}

A.fleched:link, A.fleched:visited
{
background-image: url(pics/fleched.gif);
background-attachment: scroll;
background-position: 0 0;
background-repeat: no-repeat;
}

A.fleched:hover
{
background-image: url(pics/flechedon.gif);
background-attachment: scroll;
background-position: 0 0;
background-repeat: no-repeat;
}

A
{
color: #cccccc;
text-decoration: none;
}

A:hover
{
color: #66ffff;
}

A.top
{
background-color: transparent;
font-style: normal;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

A.topuk
{
background-color: transparent;
font-style: oblique;
padding-left: 10px;
padding-right: 10px;
}

A.top:link, A.top:visited
{
color: #ffffff;
}

A.topuk:link, A.topuk:visited
{
color: #cccccc;
}

A.top:hover
{
color: #99ffff;
}

A.topuk:hover
{
color: #00cccc;
}

A.a1:link, A.a1:visited
{
color: #ffcccc;
}

A.a2:link, A.a2:visited
{
color: #ff9999;
font-style: oblique;
}

A.b1:link, A.b1:visited
{
color: #ccff99;
}

A.b2:link, A.b2:visited
{
color: #99ff66;
font-style: oblique;
}

A.c1:link, A.c1:visited
{
color: #ffcc66;
}

A.c2:link, A.c2:visited
{
color: #ff9933;
font-style: oblique;
}

A.d1:link, A.d1:visited
{
color: #cc99cc;
}

A.d2:link, A.d2:visited
{
color: #cc66cc;
font-style: oblique;
}

A.a1:hover, A.a2:hover, A.b1:hover, A.b2:hover, A.c1:hover, A.c2:hover, A.d1:hover, A.d2:hover
{
padding-left: 15px;
}

A.pub:hover
{
position: absolute;
left: 9px;
bottom: 9px;
border-style: solid;
border-width: 1px;
border-color: #00ffff;
width: 40px;
height: 40px;
}