a:link
  {color: #696;
  text-decoration: none;
  background-color: transparent }
a:visited
  { color: #699;
  text-decoration: none;
  background-color: transparent }
a:hover
  { color: #c93;
  text-decoration: underline;
  background-color: transparent }
a:active
  { color: #900;
  text-decoration: underline;
  background-color: transparent }
body {
	background:#F8F8F8 url('fond.gif') repeat-y center;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
    text-align:center;
	margin:0;
	padding : 0 0 0 0;
}
#wrap {
	width:800px;
	margin:0 auto 0 auto;
	background:#F8F8F8 url('fond.gif') repeat-y;
}
#hdr{
	width:690px;
	height:187px;
	margin:0;
	color:#333;
	background:#333 url('pics/top.gif') no-repeat;
}

#container {
	background:#fff url('pics/main.gif') repeat-y;
	text-align:justify;
	margin : 101px auto;
	padding : 0;
	width : 625px;
}

#footer{
	padding:0;
	width:690px;
	height:65px;
	margin:0 auto 0 auto;
	color:#888;
	background:#606060 url('pics/footer.gif') no-repeat;
    font-size: 0.9em;
}
#copyright {
	width:569px;
	margin:0 auto 0 auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background:#DDDDDD;
     clear: left;
}

#submenu
{
  float: left ;
	width:200px;
	margin:0 auto 0 auto;
	padding:2px 0px 2px 0px;
	text-align:center;
}
#mainbody {
	width:400px;
	line-height:150%;
	text-align:left;
	float:left;
    margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
}
#mainbody p {
	margin:0;
	padding:0 0 10px 0;
}
#mainbody h2
{
	text-align:left;
	margin-left: 50px ;
	margin-right: 100px ;
	line-height: 20px ;
	font-size: 1.5em ;
	color: #6B9B92 ;
	border-bottom: 1px solid #6B9B92 ;
}
#sidebar h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	font-size:12px;
}
#sidebar {
	width:155px;
  	line-height:120%;
	font-size: 1.3em ;
	text-align:left;
	padding:15px 0px 20px 10px;
	float:left;
}
#sidebar a:hover
{

	color: #880000 ;
	text-decoration: underline ;
	
}
#cadredroite
{
  float: left ;
	width:350px;
	margin:0 auto 0 auto;
	padding:2px 0px 2px 0px;
	text-align:center;
   //	background:#E6F2E6;
}
ul#menu
{
	height: 15px ;
	margin:0 0 0 10px;
	padding: 0;
  //	font-size: 1.2em ;
	list-style-type: none ;
    font-weight: bold
}

ul#menu li
{
//	float: left ;
	width: 180px ;
	line-height: 20px ;
	letter-spacing: 1px ;
	color: #0 ;
	background:#fff;
	text-align: center ;
}

ul#menu li a
{
	width: 180px ;
	line-height: 20px ;
	letter-spacing: 1px ;
	font-size: 1.1em ;
	color: #880000 ;
    font-weight: normal;
	background:#fff;
	display: block ;
	text-decoration: none ;
  	//border-right: 1px solid #5B643D ;

}

.inversed
{
	width: 97px ;
	line-height: 15px ;
	letter-spacing: 1px ;
	display: block ;
	border-right: 1px solid black ;
	text-decoration: none ;
	color: #fff ;
	background:#990000;
}

ul#menu li a:hover
{
	text-decoration: none ;
	color: #fff ;
	background:#5B643D;
}
#contenu
{
	width:570px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
}

#contenu h2
{
	text-align:left;
	margin-left: 20px ;
	margin-right: 20px ;
	line-height: 20px ;
	font-size: 14px ;
	color: #000099 ;
	border-bottom: 1px solid #000099 ;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#contenu2
{
	width:569px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	background:#E6ECF2;
}

#contenu2 h2
{
	text-align:left;
	margin-left: 50px ;
	margin-right: 100px ;
	line-height: 20px ;
	font-size: 1.5em ;
	color: #5B643D ;
	border-bottom: 1px solid #5B643D ;
}

#contenu3
{
	width:569px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	background:#EDE6F2;
}

#contenu3 h2
{
	text-align:left;
	margin-left: 50px ;
	margin-right: 100px ;
	line-height: 20px ;
	font-size: 1.5em ;
	color: #5B643D ;
	border-bottom: 1px solid #5B643D ;
}

#contenu4
{
	width:569px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	background:#F6EAEA;
}

#contenu4 h2
{
	text-align:left;
	margin-left: 50px ;
	margin-right: 100px ;
	line-height: 20px ;
	font-size: 1.5em ;
	color: #5B643D ;
	border-bottom: 1px solid #5B643D ;
}
#contenu5
{
	width:569px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
   	background:#F6F1EA url('pics/subm.gif') no-repeat;
}

#contenu6
{
	width:569px;
	margin:0 auto 0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	background:#F5F6EA;
}

#contenu6 h2
{
	text-align:left;
	margin-left: 50px ;
	margin-right: 100px ;
	line-height: 20px ;
	font-size: 1.5em ;
	color: #5B643D ;
	border-bottom: 1px solid #5B643D ;
}
.tablecolor1
{
    background-color: #F4F4F4;
    color: #2E5883 ;
    padding: 10px 10px 10px 10px;
    font-size: 1.1em ;
}
.tablecolor2
{
    background-color: #EBFCE2;
    color: #347D0D ;
    padding: 10px 10px 10px 10px;
    font-size: 1.1em ;
    font-weight:bold;
}
#portfolio
{
	width:400px;
	margin:10px auto 0 auto;
	padding:5px 5px 5px 5px;
	text-align:center;
	border: 1px dashed black ;
}
#portfolio1
{
    position: relative;
	text-align:center;
	margin:0 auto 0 auto;
    width: 50%;
    float: left;
}
#portfolio2
{
    position: relative;
	text-align:center;
	margin:0 auto 0 auto;
    width: 50%;
    float: right;
}
#aboutme
{
	width:400px;
	margin:10px auto 0 auto;
	padding:5px 5px 5px 5px;
	text-align:justify;
	border: 1px dashed black ;
}
#flash
{
	width:400px;
	margin:10px auto 0 auto;
	padding:5px 5px 5px 5px;
	text-align:left;
	border: 1px dashed black ;


}
#flash img
{
    border: 4px solid white ;
}


.inputbox {
  border           : 1px solid #BCB778;
  background	   : transparent url('pics/back.gif');
  background-color : #DDDAB9;
  margin-bottom    : 5px;
  color			   : #660000;
   width            : 345px;
}
.button {
  font-size        : 11px;
  color            : #996600;
  border           : 1px solid #BCB778;
  margin-bottom    : 5px;
  background-color : #E3E1C6;
  padding          : 1px;
}

.arrow {
	height: 30px;
	color: #009900;
	font-size: 14px;
    font-weight: bold;
}
.image {
  border: 1px solid #000;
  margin: 10px 10px 10px 10px;
}
li {
  list-style: square;
}

.redcolor
{
	color: #CC0000;
	font-size: 14px;
}







