/* #333333 : accroche*/
/* #3f3f3f : txt*/
/* #a06556 : titre text*/
/* #0c0a0d : mention*/
/* #867eb5 : mention hover*/
/* #dad7ea : violet clair*/
/* #d0cce5 : violet clair moyen*/
/* #b8b3d5 : violet foncé moyen*/
/* #867eb5 : violet foncé*/

/* page d'accueil*/
.img-png
{
	behavior: url(../iepngfix.htc);
}
body{
	text-align:center; /* pour centrer dans IE */
	padding:0px; /* pour opera */

}

#main{
	margin: auto;
	width:949px;
}

/* logo */
#logo{
	text-align:left;
	position:relative;
	z-index:10000;	
}

#logo h1{
	margin:0;
	padding:0;
}

#logo h1 a{
	background:url(../img/logo.jpg);
	width:279px;
	height:74px;
	display:block;
	text-indent:-5000px;
	margin:0;
	padding:0;
}

/* accroche*/
#accroche{
	text-align:right;
	position:relative;
	bottom:45px;
	right:25px;
	letter-spacing:5px;
	z-index:1;
}

#accroche h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:3;
	margin:0;
	padding:0;
}

/* contenu*/
#contenu{
	width:891px;
	text-align:center;
	margin: 0 auto;
	padding:0;
}

/* bloc gauche*/
#gauche{
	width:255px;
	float:left;
	padding:0;
	margin:0;
}
#gauche p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
	text-align:left;
	color:#3f3f3f;
	margin:2px 0 10px 10px;
	padding:0;
	line-height: 15pt;
	height:100px;
}

/* bloc lien*/
h3#groupe{
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}

h3#groupe a{
	background:url(../img/bloc_groupe.jpg);
	width:127px;
	height:126px;
	display:block;
	text-indent:-5000px;
	margin:0;
	padding:0;
}

h3#prestation{
	float:left;
	margin:0;
	padding:0;
}

h3#prestation a{
	background:url(../img/bloc_prestation.jpg);
	width:126px;
	height:126px;
	display:block;
	text-indent:-5000px;
	margin:0;
	padding:0;
}

h3#rendezvous{
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}

h3#rendezvous a{
	background:url(../img/bloc_rendezvous.jpg);
	width:127px;
	height:127px;
	display:block;
	text-indent:-5000px;
	margin:0;
	padding:0;
}

h3#recrutement{
	float:left;
	margin:0;
	padding:0;
}

h3#recrutement a{
	background:url(../img/bloc_recrutement.jpg);
	width:126px;
	height:127px;
	display:block;
	text-indent:-5000px;
	margin:0;
	padding:0;
}

/* animation flash*/

#contenu2
{
	width:635px;
	height:492px;
	/*background-image:url(../img/phtnew.jpg);*/
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin-left:0px;
	float:right;
	padding:0;
}

#milieu{
	float:left;
  /*margin:0;
	padding:0;*/
}

/* pht droite*/
#droite{
	/*float:left;*/
	/*background:url(../img/pht.jpg);*/	
	/*width:381px;
	height:492px;*/
}

#position{
	position:relative;
	width:381px;
	height:492px;
}


.offre{
	position:absolute;
	left:275px;
	top:10px;
	width:93px;
}



.offre a{
	background:url(../img/offre.jpg);
	width:93px;
	height:92px;
	display:block;
	text-indent:-5000px;

}

#contenu_txt {
	clear:both;
	width:891px;
	text-align:center;
	margin:0 auto;
	padding:20px 0 0 0 ;
}

#pht_contact{
	float:left;
	background:url(../img/pht_contact.jpg);
	width:107px;
	height:75px;
	margin:0;
	padding:0;
}

#contact{
	float:left;
	background-color:#f9ecd0;	
	width:120px;
	height:75px;
	margin:0 0 0 0 ;
	padding:0;
}

#contact a{	
	float:left;
	margin-left:20px;
	margin-top:25px;
	background:url(../img/txt_contact.jpg);
	width:53px;
	height:44px;
	display:block;
	text-indent:-5000px;
}

#filet{
	float:left;
	background:url(../img/filet.gif) no-repeat;
	width:1px;
	height:78px;
	margin-right:15px;
	/*margin-left:20px;*/
}

#filet2{
	float:left;
	background:url(../img/filet.gif) no-repeat;
	width:1px;
	height:78px;
	margin-right:20px;
}

.texte{
	float:left;
	height:85px;
	width:265px;
	margin:0;
	padding-right:10px;
	padding-bottom:10px;
}

.texte2{
	float:left;
	height:78px;
	width:280px;
	margin:0;
	padding:0;
}

.titre{
	float:left;
	line-height:12px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	color:#a06556;
	width:265px;
	text-align:left;
	margin-bottom:5px;
}

.txt{
	float:left;
	text-align:justify;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
	color:#3f3f3f;
	width:265px;
}

#footer{
	clear:both;
	padding-top:40px;
	width:949px;
}

#filet_footer{
	background:url(../img/filet_degrade.jpg) no-repeat;
	width:949px;
	height:4px;
	padding:0;
	margin:0 0 10px 0;
}

#adresse{
	float:left;	
	padding:0;
	margin:0;
	width:300px;
}

#adresse img{
	float:left;	
	padding:0;
	margin:0;
}

#adresse p{
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#3f3f3f;
	padding:0;
	margin:0;
}

#mentions{
	float:right;
	color:#3f3f3f;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
	padding-right:25px;
}

#mentions a{
	color:#3f3f3f;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
}

#mentions a:hover{
	color:#867eb5;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:8pt;
}



/*groupe */
#pht_int1{
	background:url(../img/pht_int1-groupe.jpg);
	background-repeat:no-repeat;
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0px;
	padding:0;
}

#pht_int2{
	background:url(../img/pht_int2-groupe.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}

#pht_int3{
	background:url(../img/pht_int3-groupe.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
}

#pht_int4{
	background:url(../img/pht_int4-groupe.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}
/*Prestation*/
#pht_int5{
	background:url(../img/pht_int5-prestation.jpg);
	background-repeat:no-repeat;
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0px;
	padding:0;
}
#pht_int6{
	background:url(../img/pht_int6-prestation.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}
#pht_int7{
	background:url(../img/pht_int7-prestation.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
}
#pht_int8{
	background:url(../img/pht_int8-prestation.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}
/*rdv*/
#pht_int9{
	background:url(../img/pht_int9-rdv.jpg);
	background-repeat:no-repeat;
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0px;
	padding:0;
}
#pht_int10{
	background:url(../img/pht_int10-rdv.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}
#pht_int11{
	background:url(../img/pht_int11-rdv.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
}
#pht_int12{
	background:url(../img/pht_int12-rdv.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}
/*recrutement*/
#pht_int13{
	background:url(../img/pht_int13-recrutement.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}
#pht_int14{
	background:url(../img/pht_int14-recrutement.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;

}
#pht_int15{
	background:url(../img/pht_int15-recrutement.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}
#pht_int16{
	background:url(../img/pht_int16-recrutement.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}
/*Contact*/
#pht_int1-contact{
	background:url(../img/pht_int1-contact.jpg);
	background-repeat:no-repeat;
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0px;
	padding:0;
}

#pht_int2-contact{
	background:url(../img/pht_int2-contact.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}

#pht_int3-contact{
	background:url(../img/pht_int3-contact.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
}

#pht_int4-contact{
	background:url(../img/pht_int4-contact.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}

/*Coiffure*/
#pht_int1-coif{
	background:url(../img/pht_int1.jpg);
	background-repeat:no-repeat;
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0px;
	padding:0;
}

#pht_int2-coif{
	background:url(../img/pht_int2.jpg);
	width:127px;
	height:111px;
	float:left;
	margin:0 0 1px 0;
	padding:0;
}

#pht_int3-coif{
	background:url(../img/pht_int3.jpg);
	background-repeat:no-repeat;
	background-position:left 1px;
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
}

#pht_int4-coif{
	background:url(../img/pht_offre.jpg);
	width:127px;
	height:126px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:left 1px;
}

#int{
	float:left;
	background-color:#F4F4F4;
	/*background:url(../img/pht_fd_int.jpg) no-repeat;*/
	width:635px;
	/*height:462px;	*/
}


#int_grd2{
	float:left;
	background:url(../img/pht_fd_int_ent.jpg) no-repeat;
	width:635px;
	height:600px;	
}

#int_grd{
	float:left;
	background-color:#F4F4F4;
	/*background:url(../img/pht_fd_int_ent.jpg) no-repeat;*/
	width:635px;
	height:491px;	
}

#position_int{
	position:relative;
	width:635px;
	height:461px;
	padding:0;
	margin:0;
	background-color:#F4F4F4;
}
#position_int2{
	position:relative;
	width:635px;
	height:620px;
	padding:0;
	margin:0;
	background-color:#F4F4F4;
}


#position_int_grd{
	position:relative;
	width:635px;
	height:491px;
	padding:0;
	margin:0;

}

#int_grd h3{
	position:absolute;
	left:20px;
	top:18px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	letter-spacing:1;
	text-transform:uppercase;
	color:#867eb5;
	padding:0;
	margin:0;
	
}

#int h3{
	/*position:absolute;*/
	left:80px;
	top:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	letter-spacing:1;
	text-transform:uppercase;
	color:#867eb5;
	padding:0;
	margin:0;
	
}

#int p{
	position:absolute;
	left:30px;
	top:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	font-style:italic;
	color:#3f3f3f;
	text-align:left;
	line-height:18pt;
	padding:0;
	margin:0;
}

form{
	position:absolute;
	left:40px;
	top:30px;
	width:580px;
	height:462px;
	padding:0;
	margin:0;
	
}

#signature{
	position:absolute;
	background:url(../img/signature.jpg) no-repeat;
	width:158px;
	height:31px;
	left:275px;
	top:370px;
	text-indent:-5000px;
}

#pht_vincent{
	position:absolute;
	background:url(../img/pht_vincent.jpg) no-repeat;
	width:140px;
	height:167px;
	left:455px;
	top:295px;
	text-indent:-5000px;
}



/*********************
* NAVIGATION GROUPE  *
**********************/
#navigation{
	list-style-type:none;
	width:635px;
	float:left;
	padding:0;
	margin:0;
}
#navigation a{
	list-style-type:none;
	width:635px;
	float:left;
	padding:0;
	margin:0;
	color:#FFFFFF;
}

#navigation li{
	text-align:center;
	float:left;
	color:#fff;
}


.nav_groupe a{
	background-color:#C9C7E2;
	color:#FFF;	
	width:100%;
	height:29px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
}


.nav_groupe a:hover{
	background-color:#ADA6C8;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/presentation_on.gif);*/
}

#nav_historique a{
	background-color:#C9C7E2;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/historique_off.gif);*/
	width:88px;
	height:29px;
	display:block;
}

#nav_historique a:hover{
	background-color:#ADA6C8;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/historique_on.gif);*/
}

#nav_philosophie a{
	background-color:#C9C7E2;
	/*background:url(../img/philosophie_off.gif);*/
	width:132px;
	height:29px;
	display:block;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;

}

#nav_philosophie a:hover{
	background-color:#ADA6C8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*background:url(../img/philosophie_on.gif);*/
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	line-height:29px;
}

#nav_territoire a{
	background-color:#C9C7E2;
	/*background:url(../img/territoire_off.gif);*/
	width:80px;
	height:29px;
	display:block;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;

}

#nav_territoire a:hover{
	background-color:#ADA6C8;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/territoire_on.gif);*/
}

#nav_equipe a{
	background-color:#C9C7E2;
	/*background:url(../img/equipe_off.gif);*/
	width:98px;
	height:29px;
	display:block;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
}

#nav_equipe a:hover{
	background-color:#ADA6C8;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/equipe_on.gif);*/
}

#nav_partenaire a{
	background-color:#C9C7E2;
	/*background:url(../img/partenaire_off.gif);*/
	width:131px;
	height:29px;
	display:block;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
}

#nav_partenaire a:hover{
	background-color:#ADA6C8;
	color:#FFF;	
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:29px;
	/*background:url(../img/partenaire_on.gif);*/
}

/*************************
* NAVIGATION PRESTATION  *
**************************/

#nav_coiffure a{
	background:url(../img/coiffure_off.gif);
	width:158px;
	height:29px;
	display:block;
	text-indent:-5000px;
}

#nav_coiffure a:hover{
	background:url(../img/coiffure_on.gif);
}

#nav_esthetique a{
	background:url(../img/esthetique_off.gif);
	width:158px;
	height:29px;
	display:block;
	text-indent:-5000px;
}

#nav_esthetique a:hover{
	background:url(../img/esthetique_on.gif);
}

#nav_soins a{
	background:url(../img/soins_off.gif);
	width:160px;
	height:29px;
	display:block;
	text-indent:-5000px;
}

#nav_soins a:hover{
	background:url(../img/soins_on.gif);
}

#nav_maquillage a{
	background:url(../img/maquillage_off.gif);
	width:159px;
	height:29px;
	display:block;
	text-indent:-5000px;
}

#nav_maquillage a:hover{
	background:url(../img/maquillage_on.gif);
}

/************
*   TYPOS   *
************/
.arial12pxkaki_l
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	vertical-align:middle;
}
.arial12pxboldgrisF_c
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#867eb5;
	text-align:center;
	vertical-align:middle;
}
.arial12pxgrisM_l
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	vertical-align:middle;
}
li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	vertical-align:middle;	
}
/**************
* FORMULAIRE  *
**************/
.input-panier
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#867eb5;
	background-color:#ffffff;
	border-top:1px solid #867eb5;
	border-left:1px solid #867eb5;
	border-bottom:1px solid #dad7ea;
	border-right:1px solid #dad7ea;
	height:15px;
}

.textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#867eb5;
	background-color:#ffffff;
	border-top:1px solid #867eb5;
	border-left:1px solid #867eb5;
	border-bottom:1px solid #dad7ea;
	border-right:1px solid #dad7ea;
}

.btn_panier 
{
	background:none;
	position:relative;
	/*right:60px;*/
	height:25px;
	/*border:1px solid #867eb5;
	background-color:#ffffff;*/
	border:none;
	color:#FFFFFF;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13x;
	/*font-weight:bold;*/
	cursor:pointer;
	background-image:url(../images/fd_bt.jpg);  
	width:117px;
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

.lien_violet
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#867eb5;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
}
.lien_violet:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#867eb5;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
}
.lien_violet2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#867eb5;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
}
.lien_violet2:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#867eb5;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
}

.titre-noir
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;	
}
.lien_marron
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a06556;
	vertical-align:middle;
	text-decoration:none;	
}
.lien_marron:hover
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a06556;
	vertical-align:middle;
	text-decoration:underline;	
}
.texte-marron
{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a06556;
vertical-align:middle;
}
.bordure_tableau{
border-color:#FFFFFF;
line-height:20px;
font-style:italic;
}

.texte_presentation{
padding-left:10px;
line-height:24px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;

}
/* fond_prestation*/
.fd_prestations{
background-image:url(../img/fd_prestations.png);
background-repeat:no-repeat;
width:501px;
height:498px;}