body
{
	margin: 0;
	padding: 0;
}

body, a, label, table, td, tr, div, p
{
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;  
}

img
{
	border: 0;
	padding: 0;
	margin: 0;
}

#corps td
{
	color: #666;
}

#corps h1 { font-size: 16px; font-family: Arial; } 
#corps h2 { font-size: 13px; font-family: Arial; } 
#corps h3 { font-size: 11px; font-family: Arial; letter-spacing: 2px; font-weight: normal;} 
#corps h4 { font-size: 9px; font-family: Arial; letter-spacing: 2px; font-weight: normal;} 
#corps p { font-size: 10px; margin: 0; padding: 5px 0 5px 0;} 
#corps a { text-decoration: none; color: #333399; font-size: 10px; } 

#categorie a, #realisation a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }


#frame
{
	width: 800px;
	text-align: left;
	background-color: #FFF;
	margin: 0;
}

#menu
{
	width: 100%;
	background-repeat: no-repeat;
	border: 0px;
	text-align: center;
	margin: 0;
}
#menu a, #change_lang a
{
	font-family: Arial;
	font-size: 10px;
}
#menu a, #change_lang a, #change_lang a:hover
{
	color: #333333;
	text-decoration: none;
}

#menu a.selected { font-weight:bold; color: #4444AA; }

#menu td
{
	text-align: center;
}

#change_lang
{
	z-index:100;
	position: absolute;
	padding: 3px 0 0 3px;
	margin: 0;
}

#frame .footer
{
	background-color: #E5E5E5;
	margin: 10px 0 2px 0;
	padding: 3px 3px 10px 3px;
}

#frame .main
{
	margin: 0;
	padding: 5px 0px 10px 0px;
}

#categorie
{
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

#categorie td
{
	text-align: center;
	cursor: pointer;
}

#categorie a.selected { font-weight:bold; color: #4444AA; }
#realisation a.selected { font-weight:bold; color: #4444AA; }

#categorie a,
#realisation a,
#illustration a, #illustration a:visited, #illustration a:hover,
#illustration,
#remote a, #remote a:visited, #remote a:hover
{
	font-size: 9px;
	color: #666;
	text-decoration: none;
}

#corps
{
	margin: 10px 0 10px 0;
	width: 100%;
	border-spacing: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#corps td
{
	padding: 0;
	margin: 0;
}


#realisation
{
	width: 100px;
}

#realisation div
{
	padding: 2px 0 2px 0;
}

#illustration
{
	padding-top: 10px;
}

#illustration td
{
	text-align: center;
	width: 110px;
}




#diaporama
{
	width: 100%;
	text-align: center;
	padding: 3px;
}

#remote
{
	width: 100%;
	text-align: left;
	padding: 5px;
}

#remote td.move
{
	width: 110px;
	text-align: center;
}

#remote td.move img
{
	cursor: pointer;
}

#remote td.descriptif
{
	vertical-align: top;
	padding: 5px 10px 5px 10px;
}

#remote td.descriptif a { text-decoration: none; color: #333399; font-size: 10px; } 

#intro { padding: 5px; margin: 0; padding-top: 10px; }
#intro font { color: #666; }
#intro font.red { color: red; }

#intro a,
#frame div.footer a
{
	text-decoration: none;
	color: rgb(51,51,153);
}

#contact a
{
	text-decoration: none;
	color: #333399;
}
	
#contact font, #contact2 font
{
	color: #666;
}