html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #00000;
      height: 100%;
      width: 100%;
      }
    #conteneur {
      position: absolute;
      top : -2%;
      left : -30%;
      margin-left: 50%;
      width: 0%;
      height: 100%;

      }

    #contenu {
      position: relative;
      width: 100%;
      height: 100%;
      color : #fff;
      font-family: Verdana, Optima, Papyrus, sans-serif;
      }
    #fond {
      display : block;
      width : 100%;
      height : 100%;
      }
    img {
      border : 0;
      margin: 0;
      padding: 0;
      }
    p { margin : 0.5em; }
    a { color : #fff; }
    a:hover { color : #fff; }
    #ref {
      position : absolute;
      right : 0;
      bottom : 0;
      font-size: 90%;
      text-align: right;
      }
    #ref span {
      display : none;
      }



a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
color:#0000;
text-decoration:none;
}



blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#0000;
background-color:#0000;
height:1px;
clear:both;


}

#centerColumn { 	
margin:0 auto;
padding:-5em;
width:940px;
text-align:middle;
vertical-align: middle;	
background-color:transparency;


}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}


#box_1 {
margin:0 5px 2em 0;
padding:0px;
float:left;
width:340px;
background-image:url(images/afds.png)


}

#box_2 {
margin:0 7px 0.5em 14px;
padding:5px;
float:left;
width:420px;
background-image:url(images/afds3.png) ;

}

#box_3 {
	
margin:0 14px 2em 7px;
padding:5px;
float:left;
height:550px fixed;
width:430px;
background-image:url(images/afds2.png);


height: 375px; (par ex)
overflow:-moz-scrollbars-vertical;
overflow-x:hidden;
overflow-y:scroll;


}

#box_4 {
margin:0 30px 0 7px;
padding:5px;
float:left;
height:360px fixed;
width:400px;

}


#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#fff;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:0px 0 0 5px;
font-size:.8em;

}
#abox_1 {
margin:0 5px 2em 0;
padding:0px;
float:left;
width:340px;
background-image:url(images/fds.png)


}

#abox_2 {
margin:0px 7px 0.5em 0px;
padding:5px;
float:left;
width:330px;
background-image:url(images/fds3.png) ;

}

#abox_3 {
	
margin:0 14px 2em 7px;
padding:5px;
float:left;
height:450px fixed;
width:430px;
background-image:url(images/fds2.png);


height: 450px; (par ex)
overflow:-moz-scrollbars-vertical;
overflow-x:hidden;
overflow-y:scroll;


}

#abox_4 {
margin:0 30px 0 7px;
padding:5px;
float:left;
height:360px fixed;
width:400px;

}


#abox_1 p, #abox_2 p, #abox_3 p, #abox_4 p {
font-size:.75em;
color:#fff;
}

#abox_1 h2, #abox_2 h2, #abox_3 h2, #abox_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#abox_1 ul, #abox_2 ul, #abox_3 ul, #abox_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#abox_1 li, #abox_2 li, #abox_3 li, #abox_4 li {
margin:0 0 .3em 0;
padding:0px 0 0 5px;
font-size:.8em;

}