body { padding: 0 ; text-align: center ; font: 0.75em "Verdana", helvetica, sans-serif ; background: #231f20}
div#entete {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 180px; text-align: left; background: #231f20 url('images/rencontres-paris2.jpg') no-repeat 0 0}
.conteneur {  text-align: center}
div#centre {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 1050px; text-align: left; background: #231f20}
div#centre2 {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 100px; text-align: left; background: #231f20}

div#menu {position: absolute; float: right; right: 0px ; bottom: 0px ; width: 600px ; height: 30px ; text-align: left ; background: #231f20}

ul#navigation { height: 30px ; margin: 0 ; padding: 0 ; background: url('images/image-menu4.jpg') repeat-x 0 -30px ; list-style-type: none ;}
ul#navigation li { float: right ; text-align: center ;}
ul#navigation li a { width: 150px ; line-height: 30px ; color: #fff ; display: block ; text-decoration: none}
ul#navigation li a:hover { text-decoration: none ; font: strong; background: url('images/image-menu4.jpg') repeat-x 0 0 ; }

div#cadre { position: absolute; top: 5px; left: 310px; width: 595px; height: 150px; text-align: left; background: #F6F6F6 }
div#cadre h1 { padding-left: 20px ; padding-top: 20px ; line-height: 15px ; font-size: 1em ; color: #000000 ; background: url('images/titreH1.jpg') no-repeat 0 0}

div#cadre2 { position: absolute; top: 160px; left: 310px; width: 595px; height: 245px; text-align: left; background: #bfbfbf }
div#cadre2 h2 { padding-left: 20px ; padding-top: 0px ; line-height: 15px ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre-gris.jpg') no-repeat 0 0 ;}

div#cadre3 { position: absolute; top: 405px; left: 310px; width: 595px; height: 510px; text-align: left; background: #bfbfbf }
div#cadre3 h3 { padding-left: 20px ; padding-top: 0px ; line-height: 15px ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre-gris.jpg') no-repeat 0 0 ;}

div#carregauche { position: absolute; left: 5px ; top: 5px ; width: 300px; height: 300px; text-align: left; background: #F6F6F6 }
div#carregauche h1 {padding-left: 20px ; padding-top: 20px ; line-height: 15px ; font-size: 1em ; color: #000000 ; background: url('images/titreH1.jpg') no-repeat 0 0}

div#site {position: absolute; left: 5px ; top: 565px ; width: 300px; height: 160px; text-align: left; background: #f6f6f6 }
div#site h3 { padding-top: 0px ; padding-left: 20px ; line-height: 20px ; vertical-align: middle ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre2.jpg') no-repeat 0 0}

div#carrebas {position: absolute; left: 5px ; top: 745px ; width: 300px; height: 290px; text-align: left; background: url('images/carre-pub.jpg') no-repeat 0 0}
div#cadrebas3 {position: absolute; left: 310px ; width: 595px; bottom: 130px; height: 130px; text-align: left; background: #bfbfbf;}
div#cadrebas3 h3 { padding-top: 0px ; padding-left: 20px ; line-height: 20px ; vertical-align: middle ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre-gris.jpg') no-repeat 0 0 ; }

div#image1 {position: absolute; left: 10px ; width: 130px; top: 55px; height: 90px; background: #F6F6F6}
div#rectangle1 {position: absolute; left: 145px ; width: 440px; top: 55px; height: 90px; background: #F6F6F6}
div#rectangle1 h3 { padding-top: 0px ; padding-left: 5px ; line-height: 20px ; font-size: 1em ; color: #000000}

div#rectangle2 {position: absolute; left: 145px ; width: 440px; top: 150px; height: 90px; background: #F6F6F6 }
div#image2 { position: absolute; left: 10px ; width: 130px; top: 150px; height: 90px; text-align: left; background: #F6F6F6}
div#rectangle2 h3 { padding-top: 0px ; padding-left: 5px ; line-height: 20px ; font-size: 1em ; color: #000000}

.lien         { font-family: Verdana; font-size: 8pt; color: #333333; text-align: justify; padding-left: 5px; line-height: 25px}
.descbar        { font-family: Verdana; font-size: 8pt; color: #333333; text-align: justify; padding-left: 5px; padding-right: 5px }
.tableau-txt    { font-family: Verdana; font-size: 8pt; color: #333333; text-align: left; padding-left: 20px}
.tableau-carre    { font-family: Verdana; font-size: 8pt; color: #333333; text-align: left; line-height: 18px; padding-left: 3px; background: url('images/petit-carre2.jpg') no-repeat 0 0 ;}
.tableau         { font-family: Verdana; font-size: 8pt; color: #333333; text-align="left"; line-height: 15px; padding-left: 3px}
.titreh3bas      { font-family: Verdana; font-size: 9pt; color: #000000; text-align="left"; line-height: 15px; }
.edito         { font-family: Verdana; font-size: 9pt; color: #333333; text-align: justify; padding-left: 15px; padding-right: 15px }
.texte         { font-family: Verdana; font-size: 8pt; color: #000000; text-align: justify; padding-left: 15px; padding-right: 15px }
.texterose         { background: url('images/petit-teaser.jpg') no-repeat 0 0 ; font-family: Verdana; font-size: 8pt; color: #ea96b1; text-align: justify; padding-left: 40px; padding-right: 15px; background-color: #231f20; line-height: 25px }
.texterose1         { font-family: Verdana; font-size: 8pt; color: #ea96b1; text-align: justify; padding-left: 0px; padding-right: 0px; background-color: #231f20; line-height: 25px }
.texterose2         { font-family: Verdana; font-size: 8pt; color: #000000; text-align: justify; padding-left: 0px; padding-right: 0px; background-color: #bfbfbf;}
.texterose3         { font-family: Verdana; font-size: 8pt; color: #ea96b1; text-align: justify; padding-left: 0px; padding-right: 0px; background-color: #231f20 }
.rose { font-family: Verdana; font-size: 8pt; color: #ea95b2;}

a:hover { color: #ea95b2; font-family: Verdana; font-size: 8pt; text-decoration:none; background-color: #333333 }
a { color: #000000; font-family: Verdana; font-size: 8pt; text-decoration:none}
.titrebas         { font-family: Verdana; font-size: 8pt; color: #C4C4C4; line-height: 15px; text-align: justify; padding-left: 10px; padding-right: 10px}
.calage { text-align: center; padding-top: 5px }
		
div#cadrebas1 {
  position: absolute;
  left: 310px;
  width: 595px;
  height: 185px;
  text-align: left;
  background: #bfbfbf;
}

div#cadrebas1 h3
		{
			padding-top: 0px ;
			padding-left: 20px ;
			line-height: 20px ;
			font-size: 1em ;
			color: #000000 ;
			background: url('images/petit-carre-gris.jpg') no-repeat 0 0 ;
		}

div#cadrebar {
  position: absolute;
  left: 300px ;
  width: 290px;
  bottom: 5px;  
  height: 110px;
  text-align: left;
  background: #dddddd;
}

div#cadrebar h3 		{
			padding-top: 0px ;
			padding-left: 20px ;
			line-height: 20px ;
			vertical-align: middle ;
			font-size: 1em ;
			color: #000000 ;
			background: url('images/petit-carre2.jpg') no-repeat 0 0 ;
		}

td {
    height : 15px;
    width : 147px;
    }
		
div#cadrearr {
  position: absolute;
  top: 920px;
  left: 310px;
  width: 595px;
  height: 115px;
  text-align: left;
  background: #F6F6F6;
  
}

div#carremilieu {
  position: absolute;
  top: 310px;
  left: 5px;
  width: 300px;
  height: 250px;
  text-align: left;
  background: #F6F6F6;
  
}

div#cadrearr h3
		{
			padding-left: 20px ;
			padding-top: 0px ;
			line-height: 15px ;
			font-size: 1em ;
			color: #000000 ;
			background: url('images/petit-carre4.jpg') no-repeat 0 0 ;
		}
		
div#footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 910px;
  text-align: left;
  background: #231f20;
  font-size: 1em ;
  color: #F6F6F6 ;
  text-align: center ;  
}

div#footer h2{
  padding-top: 0px ;
  line-height: 15px ;
  font-size: 1em ;
  color: #F6F6F6 ;
		}