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: 310px; text-align: left; background: #231f20;}

div#centre2 {position: relative; margin-left: auto; margin-right: auto; width: 910px; height: 300px; 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: 170px; text-align: left; background: #231f20; }

div#cadre2 { position: absolute; top: 5px; left: 310px; width: 595px; height: 275px; text-align: left; background: #F6F6F6; }
div#cadre2 h2 { 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#cadre2 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#cadre4 { position: absolute; bottom: 0px; left: 310px; width: 595px; height: 25px; text-align: left; background: #231f20; background: url('images/petit-teaser.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#carrebas { position: absolute; left: 5px ; top: 0px ; width: 300px; height: 290px; text-align: left; background: url('images/carre-pub.jpg') no-repeat 0 0 ; }


.lien         { font-family: Verdana; font-size: 8pt; color: #333333; text-align: justify; padding-left: 5px; line-height: 25px}
.tableau-txt    { font-family: Verdana; font-size: 8pt; color: #333333; text-align: left; padding-left: 20px}
.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: 10px; padding-right: 10px }
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 }
.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: #ea96b1; text-align: justify; padding-left: 0px; padding-right: 0px; }
.rose { font-family: Verdana; font-size: 8pt; color: #ea95b2;}

div#cadrebas1 {
  position: absolute;
  left: 310px;
  width: 595px;
  height: 200px;
  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#image1 {position: absolute; left: 10px ; width: 130px; bottom: 5px; height: 110px; background: #F6F6F6; }
div#image5 {position: absolute; left: 10px ; width: 130px; bottom: 5px; height: 110px; background: #F6F6F6; }

div#image2 { position: absolute; left: 158px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }
div#image6 { position: absolute; left: 158px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }

div#image3 { position: absolute; left: 307px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }
div#image7 { position: absolute; left: 307px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }

div#image4 { position: absolute; left: 456px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }
div#image8 { position: absolute; left: 456px ; width: 130px; bottom: 5px; height: 110px; text-align: left; background: #F6F6F6; }

div#site {position: absolute; left: 5px ; top: 0px ; width: 300px; height: 170px; 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}


.bar {
  position: absolute;
  left: 0px ;
  width: 130px;
  bottom: 0px;  
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  background: #dddddd;
  font-family: Verdana; font-size: 8pt; color: #333333; text-align: center;
  }


td {
    height : 15px;
    width : 148px;
    }
    
div#cadrebas2 {position: absolute; left: 310px ; width: 595px; top: 205px; height: 85px; text-align: left; background: #F6F6F6;}

div#cadrebas2 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#cadrebas3 {
  position: absolute;
  left: 610px ;
  width: 295px;
  top: 365px;  
  height: 100px;
  text-align: left;
  background: #F6F6F6;
}

div#cadrebas3 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 h3{
  padding-top: 0px ;
  line-height: 15px ;
  font-size: 1em ;
  color: #F6F6F6 ;
		}