html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #98989B; /*couleur de fond blanche*/

/*vertical-align: middle;
text-align: center;*/

}

.conteneur { /*le conteneur global du site, qui sera centré */
/*width: 100%;
height: 100%;*/



width:860px;
height:580px;
background-color: #FFFFFF; /* couleur de fond blanche */

/*margin-left: auto;*/
margin-right: auto;

/*text-align: left;
vertical-align: middle;*/
position: absolute;

left: 50%;
top: 50%;

margin-top: -290px; /* moitié de la hauteur */
margin-left: -430px; /* moitié de la largeur */
}

ul {
  margin:0px;
  border:0px;
  padding:0px;
  list-style-type:none;
}

ul.link {
	width:860px;
	height:430px;
	background-image:url(img-reflexologie/ffr-accueil.jpg);
}


li.first {
	width:430px;
	height:215px;
	
	float:left;
}

li.abs1 {
	position:absolute;
	left:446px;
	top:117px;
	width:210px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;
}

li.abs2 {
	position:absolute;
	left:446px;
	top:182px;
	width:215px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;
}


li.abs3 {
	position:absolute;
	left:446px;
	top:244px;
	width:215px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;

}

li.abs4 {
	position:absolute;
	left:231px;
	top:332px;
	width:215px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;
}

li.abs5 {
	position:absolute;
	left:231px;
	top:397px;
	width:215px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;
}


li.abs6 {
	position:absolute;
	left:231px;
	top:459px;
	width:215px;
	
	background-image:url(img-reflexologie/ffr-puce2.gif);
    background-repeat:no-repeat;

}

li.margin {
	margin-top:20px;
	margin-bottom:20px;
	
}

li.clear {
	clear:left;
}

li.last {
	position:absolute;
	left:645px;
	top:305px;
}

li.padding {
	padding-left:215px;
}


a.all {

	color:#FFFFFF;
	font-weight:bold;
	font-size:1.3em;	
	text-decoration:none;
}

a.carre {
	display:table-cell;
  vertical-align: middle;
  text-align: center;
  width:215px;
  height:215px;
}

a.gros {
  font-size: 1.8em;
  font-weight: bold;
}

table {
  border:0px;
  margin:0px;
  padding:0px;
  width:215px;
  height:215px;
}

tr {
  heigh:215px;
}

td {
  width:215px;
  vertical-align: middle;
  text-align: center;
}

.main {
	border:0px;
	margin:0px;
	padding:0px;
}

/*  FOOTER  */

.footer {
	background-image:url(img-reflexologie/ffr-bottom-border.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	
	border-top-color:#AEAEB2;
	border-top-style:solid;
	border-top-width:1px;
}

li.firstB {
	margin-right:0px;
}

div.navsec {
	color : #0F6AAF;
	font-size:0.8em;
	font-weight:bold;
	margin-left:30px;
	margin-top:32px;
}

ul.navsec {
	margin:30px;
	border:0px;
	
	list-style-type:none;
}

li.navsec {
	float:right;
	margin-left:20px;
	margin-right:20px;
	
	border-top:0px;
	margin-top:0px;
}

a.bottom  {
  color : #0F6AAF;
  font-weight: bold;
  font-size:1.2em;
  text-decoration : none;
  margin-left : 5px;
  vertical-align : 4px;
}

a.bottom:hover {
  color : #AEAEB2; 
}


a.pro {
	font-size:1.5em;
}