body
{
   font-family: Century Gothic, Verdana, Arial, Geneva, sans-serif; 
   font-size: 12px;
   color: Black;
   background: url("images/bg_home.jpg") repeat-x;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

   scrollbar-face-color: #CCCCCC; 
   scrollbar-arrow-color: #660033; 
   scrollbar-track-color: #FFFFFF; 
   scrollbar-3dlight-color: #660033; 
   scrollbar-darkshadow-color: #660033; 
}
/**************************************************/


#contenu
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;
   top: 0px;
   left: 0px;
   width: 980px;
   height: 1500px;
   background: url("images/home.jpg") no-repeat;
   border: none;
   z-index: 0;
}   

#main
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: auto;
   padding: 0px 0px 0px 0px;
   top: 200px;
   left: 640px;
   width: 260px;
   height: 390px;
   background: none;
   border: none;
   z-index: 0;
}


#projets
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: auto;
   padding: 0px 0px 0px 0px;
   top: 250px;
   left: 90px;
   width: 500px;
   height: 1750px;
   background: none;
   border: none;
   z-index: 0;
}

#scroller
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;
   top: 370px;
   left: 0px;
   width: 260px;
   height: 110px;
   background: none;
   border: none;
   z-index: 0;
}

#noms
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;
   top: 485px;
   left: 0px;
   width: 260px;
   height: 100px;
   background: none;
   text-align: right;
   font-family: Century Gothic, Verdana, Arial, Geneva, sans-serif;
   font-weight: 500;
   font-size: 16px;
   border: none;
   z-index: 0;
}

#publication
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: auto;
   padding: 0px 0px 0px 0px;
   top: 150px;
   left: 30px;
   width: 900px;
   height: 500px;
   background: none;
   text-align: left;
   border: none;
   z-index: 0;
}


#actu
{
   margin: 0px 0px 0px 0px;
   position: absolute;
   overflow: hidden;
   padding: 0px 0px 0px 0px;
   top: 250px;
   left: 50px;
   width: 400px;
   height: 500px;
   background: none;
   border: none;
   z-index: 0;
}

a.home
{
   position: absolute;
   top: 65px;
   left: 115px;
   width: 125px;
   height: 35px;
   background: none;
}

a.home:hover
{
   background: url("images/mnu_home.jpg") no-repeat;
}

.home_sel
{
   position: absolute;
   top: 65px;
   left: 115px;
   width: 125px;
   height: 35px;
   background: url("images/mnu_home.jpg") no-repeat;
}

/***************************************************************************/
a.projects
{
   position: absolute;
   top: 72px;
   left: 413px;
   width: 55px;
   height: 70px;
   background: none;
}

a.projects:hover
{
   background: url("images/mnu_projects.jpg") no-repeat;
}

.projects_sel
{
   position: absolute;
   top: 72px;
   left: 413px;
   width: 55px;
   height: 70px;
   background: url("images/mnu_projects.jpg") no-repeat;
}
/***************************************************************************/
a.profil
{
   position: absolute;
   top: 13px;
   left: 356px;
   width: 46px;
   height: 87px;
   background: none;
}

a.profil:hover
{
   background: url("images/mnu_profil.jpg") no-repeat;
}

.profil_sel
{
   position: absolute;
   top: 13px;
   left: 356px;
   width: 46px;
   height: 87px;
   background: url("images/mnu_profil.jpg") no-repeat;
}
/***************************************************************************/
a.actu
{
   position: absolute;
   top: 13px;
   left: 515px;
   width: 67px;
   height: 87px;
   background: none;
}

a.actu:hover
{
   background: url("images/mnu_actu.jpg") no-repeat;
}

.actu_sel
{
   position: absolute;
   top: 13px;
   left: 515px;
   width: 67px;
   height: 87px;
   background: url("images/mnu_actu.jpg") no-repeat;
}
/***************************************************************************/
a.contacts
{
   position: absolute;
   top: 13px;
   left: 582px;
   width: 69px;
   height: 87px;
   background: none;
}

a.contacts:hover
{
   background: url("images/mnu_contacts.jpg") no-repeat;
}

.contacts_sel
{
   position: absolute;
   top: 13px;
   left: 582px;
   width: 69px;
   height: 87px;
   background: url("images/mnu_contacts.jpg") no-repeat;
}







a:link
{
   text-decoration: none;
   color: #666666;
}

a:visited
{
   text-decoration: none;
   color: #666666;
}

a:active
{
   text-decoration: none;
   color: #666666;
}

a:hover
{
   text-decoration: underline;
   color: #000000;
}


/***************************************************************************/
a.li:link
{
   font-size: 16px;
   font-weight: 600;
   color: #808080;
   height: 20px;
   background: url("images/a_link.png") no-repeat;
   padding-left: 24px;
}

a.li:visited
{
   font-size: 16px;
   font-weight: 600;
   color: #808080;
   height: 20px;
   background: url("images/a_link.png") no-repeat;
   padding-left: 24px;
}

a.li:active
{
   font-size: 16px;
   font-weight: 600;
   color: #808080;
   height: 20px;
   background: url("images/a_link.png") no-repeat;
   padding-left: 24px;
}

a.li:hover
{
   background: url("images/a_hover.png") no-repeat;
   padding-left: 24px;
}


span.li
{
   font-size: 16px;
   font-weight: 600;
   color: #808080;
   height: 20px;
   background: url("images/a_link.png") no-repeat;
   padding-left: 24px;
}



.titre_liste
{
   font-size: 16px;
   font-weight: 600;
   color: #808080;
}

li
{
   font-weight: normal;
   font-size: 12px;
}