.box {
  margin-left: 3%;
  border-width: 2px;
  border-color: #c8c8f0;
  border-style: solid;
  font-style: normal;
  font-weight: lighter;
  font-family: verdana, sans-serif;
  font-size: 0.8em;
  margin-right:2em;
  margin-bottom:2em;
}

.box li {
 list-style-position:outside;
 list-style-type:none;
}

.box ul {
 padding-left: 5px;
}


.idimage {
padding-left: 5px;
padding-right: 20px;
padding-top:5px;
border: none;
}

.title {
background-color:#D5D6D5;
padding-left:2em;
font-weight:bold;
}

#heading {
width: 100%;
height: 40px; margin-bottom:5px;
padding-top:10px;
text-align:center;background-color:#75ACCF;font-weight:bolder;font-size:large;
}

#bottom {
width: 100%;
height: 50px;
top:auto;
right:0;
bottom: 0;
left:0;
}

#leftcol {
float:left;
width:30%;
}

#perso {
background-color: #e0e0e0;
}

#navbar {
border-color: #d0d0d0;
}

#main {
float:left;
width: 70%
}

BODY {
background-color : #F9F9F9;
/*background-color:green; */
font-size:medium;
font-family : sans-serif;
}

ul.writings li {
list-style-type:circle;
padding-top:2em;
}