/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.0em;
margin: 0;
padding: 0;
background-image: url(images/fond.gif);
}
#conteneur {
width: 856px;
margin: 0 auto; 
z-index:2;
/*border:1px solid #0000FF;*/
}
#fond{
	background-image: url(images/bande-haut.gif);
	background-repeat: repeat-x;
	width:100%;
	height: 100%;
	z-index:1;
	/*border:1px solid #00FF00;*/
}
#header {
height: 260px;
width:856px;
background-image: url(images/bandeau.gif);
background-repeat: no-repeat;
/*border:1px solid #FF0000;*/
}
#index a{
height: 220px;
width:856px;
display:block;
}
#haut {
height: 43px;
padding : 0 0 0 30px;
/*border:1px solid #FF0000;*/
}
#centre {
/*border:1px solid #0000FF;*/
min-height: 580px;
background-image: url(images/bordure-page.gif);
}
* html body #centre {height:580px} /*Pour IE PC*/

#pied {
height: 40px;
padding : 3px 0 0 40px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;
/*border:1px solid #000;*/
}
#pied a{
	font-weight: bold;
	text-decoration:none;
	color:#333333;
}
#pied :hover{
color:#808080;
}

.menuhaut1 {/*Menton fuyant*/
list-style-type: none;
float:left;
margin: 0;
padding:0;
height:43px;
/*border:1px solid #FF0000;*/
}
.menuhaut1 li {
/*display: inline;*/
float:left;
width:199px;
height:43px;
/*border:1px solid #000;*/
}
.menuhaut1 a {
display:block;
height:43px;
background-image: url(images/bouton-menton-fuyant.gif);
}
.menuhaut1 a:hover {
background-image: url(images/bouton-menton-fuyant2.gif);
}
.menuhaut2 {/*Profiloplastie*/
list-style-type: none;
float:left;
margin: 0;
padding:0;
height:43px;
/*border:1px solid #FF0000;*/
}
.menuhaut2 li {
/*display: inline;*/
float:left;
width:198px;
height:43px;
/*border:1px solid #000;*/
}
.menuhaut2 a {
display:block;
height:43px;
background-image: url(images/bouton-profiloplastie.gif);
}
.menuhaut2 a:hover {
background-image: url(images/bouton-profiloplastie2.gif);
}
.menuhaut3 {/*Menton saillant*/
list-style-type: none;
float:left;
margin: 0;
padding:0;
height:43px;
/*border:1px solid #FF0000;*/
}
.menuhaut3 li {
/*display: inline;*/
float:left;
width:197px;
height:43px;
/*border:1px solid #000;*/
}
.menuhaut3 a {
display:block;
height:43px;
background-image: url(images/bouton-menton-saillant.gif);

}
.menuhaut3 a:hover {
background-image: url(images/bouton-menton-saillant2.gif);
}
.menuhaut4 {/*Double menton*/
list-style-type: none;
float:left;
margin: 0;
padding:0;
height:43px;
/*border:1px solid #FF0000;*/
}
.menuhaut4 li {
/*display: inline;*/
float:left;
width:199px;
height:43px;
/*border:1px solid #000;*/
}
.menuhaut4 a {
display:block;
height:43px;
background-image: url(images/bouton-double-menton.gif);
}
.menuhaut4 a:hover {
background-image: url(images/bouton-double-menton2.gif);
}
#bloc-texte{
	width: 536px;
	background-image: url(images/contenu-bordure.gif);
	background-repeat: repeat-y;
	font-size:0.9em;
	padding :  10px 25px 10px 30px;
	margin : 0 0 0 20px;
	text-align:justify;
	color:#333333;
	min-height:400px;
	/*border:1px solid #00FF00;*/
}
* html body #bloc-texte {height:400px} /*Pour IE PC*/
#haut-texte{
	width: 596px;
	height: 65px;
	padding:0 0 0 0;
	margin : 20px 0 0 20px;
	background-image: url(images/contenu-haut.gif);
	background-repeat: no-repeat;
	/*border:1px solid #0000FF;*/
}
#bas-texte{
	width: 596px;
	height: 9px;
	margin : 0 0 0 20px;
	background-image: url(images/contenu-bas.gif);
	background-repeat: no-repeat;

}
#droite {
/*position: relative;*/
float:right;
margin : 20px 0 0 0;
padding : 0 28px 0 0;
width: 200px;
/*border:1px solid #0000FF;*/
}
.bouton-mail a{
	display:block;
	background-image: url(images/bouton-mail.gif);
	background-repeat: no-repeat;
	width: 200px;
	height:117px;
	/*border:1px solid #FF0000;*/
}
.bouton-tel{
	background-image: url(images/bouton-tel.gif);
	background-repeat: no-repeat;
	width: 200px;
	height:117px;
	/*border:1px solid #FF0000;*/
}
.anim-dico{
	width:199px;
	height: 250px;
	margin : 15px 0 0 0;
}
#centre h1{
	padding :20px 0 0 40px;
	margin:0;
	color:#af2022;
	font-size: 1.2em;
}
#bloc-texte li{
	margin: 0 0 5px 0;
}
.lien{
	color:#af2022;
}
.lien:hover{
	color:#808080;
}