body
{
width:760px;
font-family:helvetica;/*cursive*/
margin-bottom: 20px;
background-color:#E4E0FA;/*E4E0FA*//*#77B8F9;*//*#3399FF; FF99FF; 5DACFB; 6AB2FA;  77B8F9;  B6D7F8*/
margin:auto;
margin-top:5px;
margin-bottom:20px;
}

.cgi-left
{
float:left;
width:145px;
height:600px;
background-image:url("images/cgi-left2.gif");
background-repeat:no-repeat;
margin-left:20px;
margin-top:3px;
padding-top:10px;
}

.cgi-menu
{
font-size:11px;
}
.cgi-menu a
{
color:#FFFFFF;
}
.cgi-menu li
{
position: fixe;
margin-left:-15px;
padding-left:5px;
}
.cgi-menu th
{
text-align:left;
padding-left:10px;
width:165px;
color:#C407C4;
background-image:url("images/stiker.gif");
background-repeat:no-repeat;
}

#cotion
{
padding-top:20px;
padding-bottom:20px;
margin-right:40px;
margin-top:5px;
float:right;
width:520px;
height:650px;
overflow:auto;
background-color:#3399ff;
border:1px solid #FFFFFF;
}
#cotion p
{
font-size:11px;
padding-left:35px;
padding-right:20px;
color:#E0FAF8;
}

p
{
color:#ffffff;
font-size:11px;
padding-left:35px;
padding-right:35px;
}

#cgi
{
padding-top:20px;
background-image:url("images/fond-body.png");
background-repeat:no-repeat;
height:1000px;
}
#cgi h2, h3
{
padding-left:15px;
font-size:13px;
color:#E0FAF8;
text-decoration:underline;
}

#cgi  h3
{
padding-left:15px;
font-size:11px;
color:#E0FAF8;
text-decoration:underline;
}

h1
{
font-size:15px;
color:#E0FAF8;
text-align:left;
padding-left:10px;
}

ul
{
list-style-image: url("images/li2.png");
}
li
{
color:#0000ff;
font-size:11px;
}

.pict
{
border:0px;
margin-left:15px;

}