<style type="text/css">
body{
   background-color: #ffffff;
   color: #4E4C4C;
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

body, input, select, td, textarea {
      font: 11px Verdana;
      color: #000000;
}

h1,h2,h3,h4,h5,h6,ul,li  {
      margin: 0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
}

h1 {  
      font-size: 13px;
      font-weight:bold;
      color : #B0ADAD;
}

small {
    font-family: Verdana;
    font-size: 9px;
    font-weight:bold;
}

a     {
   color: #fffffff;
   font-family: Verdana;

   text-decoration: none;
   font-size: 11px;
   
   
}

a:hover     {
   color:#fffffff;
   
 
}

a.article   {
   color: #ffffff;
   text-decoration: none;
   font-weight:bold;
}

a.article:hover   {
   color: #000000;
   text-decoration: underline;
   font-weight:bold;
}

big {
    font-family: Verdana;
    font-size: 13px;
    font-weight:bold;
    color : #6C6767;
}
dl, dt, dd { /* suppression of all margins */
margin: 0;
padding: 0;
}

dl {
width: 75%; /* dimentions and positions to be changed at will */
position: absolute;
left: 3em;
top: 2em;
}

dt {
height: 50px;
background: #000000 url(fotos/haut.gif) top left no-repeat;
line-height: 0;
text-align: center; /* centered title, bug IE*/
}

dd {
border: solid #5A6C84; /* sizse and color for borders on the right and left */
border-width: 0 5px;
padding: 0 10px; /* left and right padding to avoid text appearing over borders */
}
#bas {
height: 50px;
background: #0000000 url(fotos/bas.gif) bottom left no-repeat;
border: 0 none; /* no lateral border for the lower part */
padding: 0; /* no text, so no padding */
}

#titre {
display: block; /* title image places in block to avoid errors of spacing */
margin: auto; /* centered title */
}

#droitehaut, #droitebas { /* position of upper floating corners */
float: right;
}

.box1 {
	width:150px;
}

.box2 {
	width:163px;
}
.actividad { 
	background: #F0463A;
	color:#FFF;
}

</style>
