﻿body {

	font-family: arial;
	
	}
#global {

	text-align:center;
	padding: 0 ;
	margin: 0 auto;
	width:980px;

	}
 img{border:0px;
 }
#header {
height: 127px;
width: 980px;

background-image: url("../img/header.jpg");
background-repeat :no-repeat;
}
#logo{
position:absolute;
margin-left:-430px;
margin-top:30px;

}
#menu1 {
position:absolute;
margin-top:96px;
margin-left:520px;
font-size : 13px;

color:white;
}

#menu1 a{
font-weight: bold;	
color:white;
text-decoration: none;
margin-left:10px;
margin-right:10px;
}
#menu1 a:hover{
color:black;	
}


#menu {
position:absolute;
height: 762px;
width: 289px;
background-image: url("../img/menu.jpg");
background-repeat :no-repeat;
margin-top:-4px;

padding:0;
float:left;

}

#menu li{
text-align:left;
list-style-type :  none;
margin-bottom :  3px;
}
#separation{
height: 13px;
width: 231px;
margin-left:2px;
list-style-type :  none;
background-image: url("../img/separation.gif");
background-repeat :no-repeat;
}
#menu li a{
font-size : 12px;

color:black;
text-decoration: none;
}
#menu a:hover{
font-weight: bold;	
}



#contenu {
position:absolute;
margin-top:25px;
margin-left:300px;
height: 700px;
width: 600px;
text-align:justify;
font-size : 12px;
list-style-image: url("../img/puce.jpg");
}
#accueil {
margin-top:-4px;
height: 762px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#pourquoi {
margin-top:-4px;
height: 2850px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;

}

#maladies {
margin-top:-4px;
height: 2820px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#arthrose {
margin-top:-4px;
height: 5000px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#traitement {
margin-top:-4px;
height: 3170px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#chirurgical {
margin-top:-4px;
height: 3220px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#protheses {
margin-top:-4px;
height: 1500px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#pose {
margin-top:-4px;
height: 4800px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#reeducation{
margin-top:-4px;
height: 3500px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#resultats{
margin-top:-4px;
height: 3300px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#suivi{
margin-top:-4px;
height: 850px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#progres{
margin-top:-4px;
height: 5300px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
#lieux{
margin-top:-4px;
height: 2160px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}

#contact{
margin-top:-4px;
height: 975px;
width: 980px;
background-image: url("../img/bg.jpg");
background-repeat :y-repeat;
}
a{
color:#c33a91;	
text-decoration: none;}

a:hover{
color:black;}

input[type="text"]{
border: solid 1px #7f9db9;

}
input[type="text"]:hover{
background:#fce2ff;
border: solid 1px #c33a91;
}
TEXTAREA{
border: solid 1px #7f9db9;

}
TEXTAREA:hover{
background:#fce2ff;
border: solid 1px #c33a91;
}
h1{
color:#c33a91;
font-size : 18px;
text-align:center;
}
h2{
color:#c33a91;
font-size : 14px;
}
h3{
font-size : 14px;
}
h4{
font-size : 12px;
}
p{
margin-top:13px;
margin-bottom:13px;
}
#footer
{
margin-top:-47px;
height: 48px;
width: 980px;
background-image: url("../img/footer.jpg");
background-repeat :no-repeat;
color:#c894b5;	
font-size :small;
   
}
#text_foot
{
position:absolute;
height: 15px;
width: 706px;
margin-top:9px;
margin-left:220px;
}
#footer a
{

color:#c894b5;	
text-decoration: none;
   
}

#footer a:hover
{
color : black;
   
}
