body {
margin: 0;
padding: 0;
font-family: arial, verdana,  helvetica, sans-serif;
font-size: 0.8em;
background-color: #808589; 
overflow : hidden; 
color : #fff; 
scrollbar-base-color : #C6C6C6;
scrollbar-arrow-color : #8D9092;
}

.conteneur { 
background-color: transparent; 
margin-top: -250px;
margin-left: -450px;
position:absolute;
left: 50%; 
top: 50%;
width: 900px;
height: 500px;
text-align : left;}

.gauche1 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image1.jpg) }
.gauche2 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image2.jpg) }
.gauche3 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image3.jpg) }
.gauche4 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image4.jpg) }
.gauche5 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image5.jpg) }
.gauche6 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image6.jpg) }
.gauche7 {float : left; width : 265px ; height : 450px; border-bottom:1px solid #000; border-right:1px solid #000; background-image : url(images/image7.jpg) }

.droite {float : left ; width : 600px ; height : 450px; overflow : 	auto; margin-left : 20px }
.floatright { float: right; margin-right: 50px;}

p {margin : 0 ; padding : 0 50px 0 0}
.notop {margin: 0 0 0 0;}
.notop2 {margin: 0 0 5px 0;}

h1 {margin : 0 0 2px 0  ; padding : 0; font-size : 19px}
h2 {margin : 10px 0 2px 0 ; padding : 0; font-size : 19px}

.expo {float : right; margin-right : 40px; border: 0}
.expo2 {float : right; margin-right : 0; border: 0}
.expo3 { margin-left : 0; border: 0}

div.hr {float : left;
  height: 5px;
  background: #eee scroll center;
  margin : 5px 0 15px 0  ;
  padding : 0;   
  background : #fff url(images/hr.jpg) left top no-repeat;
  width : 530px; 
}
div.hr hr {
  display: none;  padding :0; 
}

p {margin: 0 0 10px 0;}
.notop {margin: 0 0 0 0;}

a {color : #B2BDC6 ; text-decoration : underline}
a:hover {color : #fff ; text-decoration : underline}

.spacer {clear : both ; height : 13px; }

 ul, li { margin :0; padding : 0 ; list-style : none ;} 

.menu {padding:305px 0 0 20px ; font-size : 12px ; font-weight : bold}

.menu li a {color : #102990; text-decoration : none ; padding-left : 5px ;}
.menu li a:hover {color : #FF0000 ; text-decoration : none }

li.menuexept  a {color : #102990 ; text-decoration : none ; padding-right : 5px ;  padding-left : 5px ;}
li.menuexept a:hover {color : #FF0000 ; text-decoration : none }

.copy {border : none}

.signature {text-align : center ; width : 305px; font-size: 8px; margin-left : 5px ;  margin-top : 0}

.signadr {text-align : center ; width : 305px; font-size: 11px; margin-left : 5px ;  margin-top : 7}

.floatleft {float: left; border: 1px solid #ddd; padding: 2px; margin: 0px 0 0px 10px;}

#container{background:transparent; width:140px; height:574px; margin-top:120px; margin-left:-200px; float:left;}