/* CSS Document Carpe Diem - Février 2009 */
/*<![CDATA[*/
html {
font-size: 100%;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.80em;
margin: 0;
padding: 0;
background-image: url("images/fond_body2.jpg");
background-repeat: repeat x;
}
p {
margin: 0;
margin-left: 140px;
margin-right: 140px;
color:#666666;
text-align: justify;
}
#pied {
height: 120px;
background-image: url("images/pied.jpg");
}
#conteneur {
position: relative;
background-color:rgb(88,148,165);
width: 950px;
margin: auto;
}
a.img1 { /*fonction1*/
position: absolute;
top: 32%;
right: 80%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/fonction1.png) no-repeat 0 0 ; 
}     
a.img2 { /*coaching1 */
position: absolute;
top:41%;
right: 81%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/coaching1.png) no-repeat 0 0 ; 
}
a.img3 { /* hypnose1*/
position: absolute;
top: 49%;
right: 81%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/hypnose1.png) no-repeat 0 0 ;
}
a.img4 { /*therapie1*/
position: absolute;
top: 56%;
right: 77%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/therapie1.png) no-repeat 0 0 ;
     }
a.img5 { /*seances1 */
position: absolute;
top: 62%;
right: 72%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/seances1.png) no-repeat 0 0 ; 
     }
a.img6 { /*contact*/
position: absolute;
top: 68%;
right: 61%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/contact1.png) no-repeat 0 0 ; 
}
a.img7 { /*entrée*/
position: absolute;
top: 78%;
right: 42%;
	display: block ;
	width: 45px ;
  height: 25px ;
background: url(images/flech_d.gif) no-repeat 0 0 ; 

}
 a:hover.img1{ /*fonction */
position: absolute;
top: 32%;
right: 80%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/fonction2.png) no-repeat 0 0 ; 
     }
 a:hover.img2 { /*coaching  */
position: absolute;
top:41%;
right: 81%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/coaching2.png) no-repeat 0 0 ;
    }
 a:hover.img3 { /* hypnose */
position: absolute;
top: 49%;
right: 81%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/hypnose2.png) no-repeat 0 0 ; /*  à 0px du bord gauche et 0px du bord haut */
     }
 a:hover.img4 { /*therapie2*/
position: absolute;
top: 56%;
right: 77%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/therapie2.png) no-repeat 0 0 ;
     } 
 a:hover.img5 { /*séances*/
position: absolute;
top: 62%;
right: 72%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/seances2.png) no-repeat 0 0 ; 
     }
 a:hover.img6 { /*contact */
position: absolute;
top: 68%;
right: 61%;
	display: block ;
	width: 120px ;
  height: 40px ;
	background: url(images/contact2.png) no-repeat 0 0 ; 
 } 
 a:hover.img7 { /*entrée*/
background: url(images/flech_d.gif) no-repeat 0 0 ; 
} 
.centrer {
text-align: center;
}
.reduitdte{
position: relative;
float:right; 
width: 180px; 
font-size: 80%;
color: #666666;
margin-top: 8px;
margin-right: 20px;
}
.reduitgche{
position: relative;
float:left; 
width: 400px;  
font-size: 80%;
color: #666666;
margin-top: 8px;
margin-left: 20px;
}
.bleu {
   color: #003366; 
   font-size: 90%; 
   }
.floatg{
float: left;
margin-left: 40px;
margin-right: 15px;
display: block ;
display: inline; 
}
/*]]>*/