
body {
  margin: 0; /* pour éviter les marges */
margin: auto;

background-image: url(images/fond.jpg);
background-repeat: repeat-y ;
background-position: center;

margin-left: -1px;
font-family: Tahoma, Verdana, Arial;
font-size: 13px;

}

a { color:#d41062; text-decoration:none; }
a:hover { color:#d41062; text-decoration:underline; }


a img { border: none; } 

a {outline:none;}


#global{
width: 1004px; 

margin: auto;
height: 100%;



 }


 #header{

 background: url(images/header.jpg) 0 0 no-repeat; 
 height: 247px;
 width: 1004px;
 }
 

#boutton {
    width: 206px;
    padding: 0 0 0 0;
    background-color: #333;
	height: 242px;
	background: url(fondmenu.jpg) 0 0 no-repeat;
	padding-top: 27px;
	float: left;
	
   }

   
#boutton ul {
    list-style: none;
    margin:0;
    padding:0;
    border: none;
}

#boutton li {
    margin: 0;
	height: 24px;
   }


   
   #boutton li a {
    display: block;
    background-color: #2175bc;
    color: #fff;
    text-decoration: none;
    width:100%;
}

#boutton li a.accueil {
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu1.jpg) 0 0 no-repeat;
}

#boutton li a.accueil:hover {
	height: 24px;
    width: 206px;
    background: url(menu1.jpg) -206px 0 no-repeat;
}


#boutton li a.accueil-ok{
	height: 24px;
    width: 206px;
    background: url(menu1.jpg) -206px 0 no-repeat;
}
   
#boutton li a.praticiens{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu2.jpg) 0 0 no-repeat;
}

#boutton li a.praticiens:hover {
	height: 24px;
    width: 206px;
    background: url(menu2.jpg) -206px 0 no-repeat;
}

#boutton li a.praticiens-ok {
	height: 24px;
    width: 206px;
    background: url(menu2.jpg) -206px 0 no-repeat;
}
   
#boutton li a.adhesion{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu3.jpg) 0 0 no-repeat;
}

#boutton li a.adhesion:hover {
	height: 24px;
    width: 206px;
    background: url(menu3.jpg) -206px 0 no-repeat;
}

#boutton li a.adhesion-ok{
	height: 24px;
    width: 206px;
    background: url(menu3.jpg) -206px 0 no-repeat;
}
   
#boutton li a.formations{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu4.jpg) 0 0 no-repeat;
}

#boutton li a.formations:hover {
	height: 24px;
    width: 206px;
    background: url(menu4.jpg) -206px 0 no-repeat;
}

#boutton li a.formations-ok{
	height: 24px;
    width: 206px;
    background: url(menu4.jpg) -206px 0 no-repeat;
}
   
#boutton li a.coach{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu5.jpg) 0 0 no-repeat;
}

#boutton li a.coach:hover {
	height: 24px;
    width: 206px;
    background: url(menu5.jpg) -206px 0 no-repeat;
}

#boutton li a.coach-ok {
	height: 24px;
    width: 206px;
    background: url(menu5.jpg) -206px 0 no-repeat;
}   
   
#boutton li a.nous{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu6.jpg) 0 0 no-repeat;
}

#boutton li a.nous:hover {
	height: 24px;
    width: 206px;
    background: url(menu6.jpg) -206px 0 no-repeat;
}

#boutton li a.nous-ok{
	height: 24px;
    width: 206px;
    background: url(menu6.jpg) -206px 0 no-repeat;
}
   
#boutton li a.contacts{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu7.jpg) 0 0 no-repeat;
}

#boutton li a.contacts:hover {
	height: 24px;
    width: 206px;
    background: url(menu7.jpg) -206px 0 no-repeat;
}

#boutton li a.contacts-ok {
	height: 24px;
    width: 206px;
    background: url(menu7.jpg) -206px 0 no-repeat;
}
   
#boutton li a.liens{
    display: block;
	height: 24px;
    width: 206px;
    background: url(menu8.jpg) 0 0 no-repeat;
}

#boutton li a.liens:hover {
	height: 24px;
    width: 206px;
    background: url(menu8.jpg) -206px	0 no-repeat;
}

#boutton li a.liens-ok {
	height: 24px;
    width: 206px;
    background: url(menu8.jpg) -206px	0 no-repeat;
}

.titre{
margin-left: 450px;
margin-top: 20px;
}

#newsletter{
width: 190px;
height: 40px;
float: right;
margin-top: -80px;
margin-right: 25px;
}

input[type=text]{
text-align: center;
background-image: url(./images/champ.jpg) ;
border: 0px;
height: 21px;
width: 159px;
background-repeat: no-repeat;
background-color: #accf8d;
}

input[type=submit]{
text-align: center;
background-image: url(./images/validation.jpg) ;
border: 0px;
height: 24px;
width: 44px;
margin-left: 150px;
margin-top: -150px;
cursor:  pointer;
}input[type=text]{
text-align: center;
background-image: url(./images/champ.jpg) ;
border: 0px;
height: 21px;
width: 159px;
background-repeat: no-repeat;
background-color: #accf8d;
}

input[type=submit]{
text-align: center;
background-image: url(./images/validation.jpg) ;
border: 0px;
height: 24px;
width: 44px;
margin-left: 150px;
margin-top: -150px;
cursor:  pointer;
}

.contenu{
float: left;
width: 640px;
padding-left: 80px;
}


.contenu_accueil{

float: left;
width: 640px;
padding-left: 80px;
font-size: 14px;
}

.titre-petit{
display: inline;
font-size: 15px;
color: #d30f64;
font-weight: bold;
}

.titre-petit-centre{

font-size: 15px;
color: #d30f64;
font-weight: bold;
text-align: center;

}


#praticiens-page{

	width: 620px;
	float: right;
}

.praticiens-page{
width: 670px;
float: right;
}



.praticienvide{
background: url(images/praticiens/praticiensvide.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
}

.texte-masseur{
text-align: center;
margin-top: 42px;
color: #d41062;
}

.praticien{
background: url(images/praticiens/praticiensvide.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.sylvia{
background: url(images/sylvia.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.mymy{
background: url(images/praticiens/mymy.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.praticien19{
background: url(images/praticien/praticien19sylvia.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.praticien1{
background: url(images/praticiens/praticiensvide.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.praticien19{
background: url(images/praticiens/chantal.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.praticien18{
background: url(images/praticiens/praticien18.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}



.praticien1:hover{
background: url(images/praticiens/praticiensvide.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
cursor:  pointer;
}

.praticien1-fiche{
background: url(images/praticiens/sarah.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
}



.praticien-marie{
background: url(images/praticiens/marie.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
}

.praticien-eva{
background: url(images/praticiens/eva.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
}

.praticien-gaudot{
background: url(images/praticiens/gaudot.jpg) 0 0 no-repeat;
height: 137px;
width: 139px;
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
}


.page3{
	margin-top: 0px;
	margin-left: -150px;
	text-align:center;
}

.page2{
	margin-top: -70px;
	margin-left: -170px;
	text-align:center;
}

.center{
	text-align:center;
}

.retour{
	margin-left: 110px;
}

.description{
padding-left: 180px;
padding-right: 100px;
}

.titre-site{
margin-left: 300px;
margin-top: 20px;
}

.titre-reunion{
margin-left: 400px;
margin-top: 20px;
}

.note{
font-size: 11px;
}

.actualites{
height: 487px;
width: 283px;
margin-left: 435px;
margin-top: 0px;
background-image: url(images/actualites.jpg);
}

.texte-actualites{
width: 205px;
height: 200px;
margin-left: 75px;
margin-top: -160px;
}

.titre-actualites{
width: 120px;
height: 200px;
padding-top: 60px;
padding-left: 160px;
}

.pdf{
float: right;
margin-right: 30px;
margin-top: -30px;}

.pierre{
float: left;
}

.pierre2{
float: right;
margin-right: -78px;
}

.pierre3{
float: right;
margin-top: -90px;

}

.pierre4{
float: right;
margin-top: -130px;
margin-right: 20px;
}

#gauche{
float: left;
width: 300px;
}

#droite{
float: right;
width: 300px;
}

.centre{
	text-align: center;
}

.massage1 {
float: right;
margin-top: -170px;
}

.massage5 {
float: right;

}

.mentions{
margin-top: 90px;
font-size:9px;
margin-left: 10px;
}

.bougie{
float: right;
margin-right: 80px;
}

.ok{
margin-left: 280px;
}