@charset "utf-8";
/* CSS Document Index Guide Medical */


#bloc{
float:left;
width:800px;
height:1200px;
}

#entete{
float:left;
width:536px;
height:83px;
background:url(images/fd-logo3.gif) no-repeat;
margin:0;
padding:0;
}

/* MENU */

#menu{
float:left;
width:536px;
height:170px;
margin:0;
padding:0;
}

ul#main-menu{
float:left;
width:536px;
height:151px;
padding:0;
margin:0;
list-style: none;
}

ul#main-menu p{
font-family:century gothic;
font-size:18px;
font-weight:bold;
color:ffffff;
padding:0 0 0 5px;
margin:0;
}

ul#main-menu li a{
display: block;
color:ffffff;
text-decoration:none;
}

/* MENU BT1*/

ul#main-menu li.bt1{
float:left;
width:123px;
height:151px;
margin:0;
padding:0 5px 0 5px;
color: #fff;

}

ul#main-menu li.bt1 a{
float:left;
width:123px;
height:151px;
color: #fff;
background:url(images/fd-bt-laser1.gif) no-repeat;
}

ul#main-menu li.bt1 a:hover{
float:left;
width:123px;
height:151px;
color: #fff;
background:url(images/fd-bt-laser2.gif) no-repeat;
}

/* MENU BT2*/

ul#main-menu li.bt2{
float:left;
width:123px;
height:151px;
margin:0;
padding:0 5px 0 5px;
}

ul#main-menu li.bt2 a{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-beaute1.gif) no-repeat;
color: #fff;
}

ul#main-menu li.bt2 a:hover{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-beaute2.gif) no-repeat;
}

/* MENU BT3*/

ul#main-menu li.bt3{
float:left;
width:123px;
height:151px;
margin:0;
padding:0 5px 0 5px;
}

ul#main-menu li.bt3 a{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-maigrir1.gif) no-repeat;
color: #fff;
}

ul#main-menu li.bt3 a:hover{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-maigrir2.gif) no-repeat;
}

/* MENU BT4*/

ul#main-menu li.bt4{
float:left;
width:123px;
height:151px;
margin:0;
padding:0 5px 0 5px;
}

ul#main-menu li.bt4 a{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-antiage1.gif) no-repeat;
color: #fff;
}

ul#main-menu li.bt4 a:hover{
float:left;
width:123px;
height:151px;
background:url(images/fd-bt-antiage2.gif) no-repeat;
}

/* TEXTE*/


#texte{
width:536px;
margin:0;
padding:0;
}

#texte p{
font-family:century gothic;
font-size:12px;
color:#515151;
margin:0;
padding:0 25px 0 25px;
text-align:justify;
}

h2{
font-family:century gothic;
font-size:14px;
color:#27475f;
padding:10px 0 10px 25px;
margin:0;
}

.haut{
float:left;
width:536px;
height:16px;
background:url(images/haut-rect-accueil.gif) no-repeat;
margin:0;
padding:0;
}

.contenu{
float:left;
width:536px;
background:url(images/trait-rect-accueil.gif) repeat-y;
}

.bas{
float:left;
width:536px;
height:22px;
background:url(images/bas-rect-accueil.gif) no-repeat;
}

/* BTN BAS contact + soins */

#btn{
float:left;
width:536px;
height:56px;
margin:0;
padding:0 0 0 10px;
}

#btn p{
font-family:century gothic;
font-size:16px;
color:#27475f;
margin:0;
padding:15px 10px 0 15px;
}


.contact{
float:left;
width:260px;
height:54px;
background:url(images/fd-bt-accueil-contact.gif) no-repeat;
margin:0;
padding:0;
}

.contact a{
color:#27475f;
text-decoration:none;
}

.contact a:hover{
text-decoration:underline;
}


.soins{
float:left;
width:260px;
height:54px;
background:url(images/fd-bt-accueil-soins.gif) no-repeat;
margin:0;
padding:0;
}

.soins a{
color:#27475f;
text-decoration:none;
}

.soins a:hover{
text-decoration:underline;
}


/* Tableau liste VISAGE */

table#soins-visage{
font-family:century gothic;
font-size:12px;
color:#515151;
margin:0 15px 0 25px;
padding:0;
}

table#soins-visage a{
color:#515151;
text-decoration:none;
}

table#soins-visage  a:hover{
color:#515151;
text-decoration:underline;
}

/* Tableau liste Corps */

table#soins-corps{
font-family:century gothic;
font-size:12px;
color:#515151;
margin:0 15px 0 25px;
padding:0;
}

table#soins-corps a{
color:#515151;
text-decoration:none;
}

table#soins-corps a:hover{
color:#515151;
text-decoration:underline;
}

/* Tableau liste Jambes */

table#soins-jambes{
font-family:century gothic;
font-size:12px;
color:#515151;
margin:0 15px 0 25px;
padding:0;
}

table#soins-jambes a{
color:#515151;
text-decoration:none;
}

table#soins-jambes a:hover{
color:#515151;
text-decoration:underline;
}

/* Footer */

#footer{
float:left;
width:536px;
height:150px;
font-family:century gothic;
font-size:10px;
color:#515151;
text-align:center;
margin-top:15px;
padding:0;
}

#footer img{
border:none;
}

#footer a{
text-decoration:none;
color:#515151;
}

/* FORMULAIRE CONTACT*/

#formContact{
float : left;
padding : 0;
margin:0;
}

#formContact fieldset{
padding : 0;
margin : 15px 0 0 25px;
width: 500px;
border:0;
}

#formContact fieldset input{
width : 250px;
border: #27475f 1px solid;
margin:0 0 15px 3px;
}

#formContact fieldset input.envoyer{
width:100px;
height:29px;
color:#FFFFFF;
background-color:#27475f;
font-family:century gothic;
font-size:12px;
font-weight:bold;
margin : 5px 0 0 330px;
}

#formContact fieldset label{
float: left;
width : 170px;
font-family : century gothic;
font-weight:bold;
color:#515151;
font-size : 12px;
text-align: right;
padding-right:5px;
}

#formContact fieldset select{
width : 250px;
border: #27475f 1px solid;
margin:0 0 20px 3px;
}

#formContact fieldset textarea {
float :left;
width : 250px;
height : 100px;
border: #27475f 1px solid;
margin: 3px 0 3px 5px;
}