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: 730px; 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: 420px; 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: 140px; left: 310px; width: 595px; height: 170px; 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#cadre4 { position: absolute; top: 425px; left: 310px; width: 595px; height: 25px; text-align: left; background: #231f20; background: url('images/petit-teaser.jpg') no-repeat 0 0 ; }
div#cadre4gay { position: absolute; top: 425px; left: 310px; width: 595px; height: 25px; text-align: left; background: #231f20; background: url('images/petit-logo-gay.jpg') no-repeat 0 0 ; }

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

div#cadre5 { position: absolute; top: 430px; left: 310px; width: 595px; height: 110px; text-align: left; background: #bfbfbf }
div#cadre5 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#cadre6 { position: absolute; top: 305px; left: 310px; width: 595px; height: 235px; text-align: left; background: #bfbfbf }
div#cadre6 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: 310px ; width: 300px; height: 115px; 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: 430px ; width: 300px; height: 290px; text-align: left; background: url('images/carre-pub.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}

div#cadrearr {position: absolute; top: 590px; left: 310px; width: 595px; height: 130px; 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#carremilieu {position: absolute; top: 150px; left: 5px; width: 290px; height: 265px; text-align: left; background: #bfbfbf}
div#carremilieu h3 { padding-left: 20px ; line-height: 20px ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre-gris.jpg') no-repeat 0 0}
div#carremilieu td {height : 15px; width : 120px}

div#carremilieu2 {position: absolute; top: 150px; left: 300px; width: 290px; height: 265px; text-align: left; background: #bfbfbf}
div#carremilieu2 h3 { padding-left: 20px ; line-height: 20px ; font-size: 1em ; color: #000000 ; background: url('images/petit-carre-gris.jpg') no-repeat 0 0}

div#map {position: absolute; top: 45px; left: 5px; width: 280px; height: 215px}

.tab         { font-family: Verdana; font-size: 8pt; color: #000000; text-align: justify; padding-left: 4px; line-height: 15px;}
.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: right; line-height: 18px; padding-right: 5px; background: url('images/fond-tableau.jpg') no-repeat 0 0 ;}
.tableau-carre2    { font-family: Verdana; font-size: 8pt; color: #000000; text-align: center; line-height: 18px}
.tab2    { font-family: Verdana; font-size: 8pt; color: #000000; text-align: center; line-height: 16px; font-weight:bold}
.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 }
.texte2         { font-family: Verdana; font-size: 8pt; color: #000000; text-align: justify; padding-left: 5px; padding-right: 5px; line-height: 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;}
.rose { font-family: Verdana; font-size: 8pt; color: #ea95b2;}

td {height : 15px; width : 148px}

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 ;
		}
		
		
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 ;
		}