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: 295px;
  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: 180px;
  left: 310px;
  width: 595px;
  height: 125px;
  text-align: left;
  background: #F6F6F6;
  
  
}


div#carregauche {
position: absolute;
  left: 5px ;
  top: 5px ;
  width: 300px;
  height: 300px;
  text-align: left;
  background: #F6F6F6;

}

div#insc {
position: absolute;
  bottom: 0px ;
  width: 300px;
  left: 0px;
  height: 45px;
  text-align: left;
  background: #3e3e3e;
  line-height:45px;

}

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 ;
  width: 300px;
  height: 290px;
  text-align: left;
  background: #F6F6F6 url('images/teaser-hetero.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 }
.rose { font-family: Verdana; font-size: 8pt; color: #ea95b2;}

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

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

div#image2 {
  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#image4 {
  position: absolute;
  left: 456px ;
  width: 130px;
  bottom: 5px;  
  height: 110px;
  text-align: left;
  background: #F6F6F6;
}

td {
    height : 15px;
    width : 148px;
    }
    
div#cadrebas2 {
  position: absolute;
  left: 310px ;
  width: 295px;
  top: 190px;  
  height: 100px;
  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: 190px;  
  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#deroulant { position: absolute; right: 25px ; bottom: 95px ; width: 170px; height: 30px; text-align: right; }

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