/******************************/
 /* Esthetique Toulouse styles */
/******************************/

  /******************************************/
 /* Esthetique Toulouse: principaux styles */
/******************************************/

body {
	margin: 0;
	margin-left:130px;
	
	padding: 0;
	font-size: 16px;
	color: #5e5e5e;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
}

h2, h3, dl, dd {
	margin: 0;
	padding: 0;
	color: #333;
	text-align:left;
}

h1 {
font-size:20px;
color:#993399;
font-style:normal;
text-align:left;
}

h2 {
font-size:18px;
margin-top:12px;
color:#993399;
}

h3 {
margin:0;
font-size:16px;
margin-top:6px;
color:#993399;
font-style:italic;
text-align:left;
font-weight:normal; 
}

dt {
	margin-top:12px;
	color:#993399;
	font-weight:bold;
}

dd{
	text-align:left;
	line-height: 1,5em;
}

a {
}

ul {
margin:0;
list-style:circle ;
margin-top:6px;

}

li {
margin-left:0;
margin-bottom:6px;
text-align:left;
line-height: 1,5em;

}

.spacer {
	clear: both;
}

.illustration-texte {
	float: right;
	position: relative;
	margin:6px;
}

p  {
margin:0;
font-size:16px;
text-align:left;
line-height: 1,5em;
}

strong {
color:#993399;
}


  /*************************************/
 /* Esthetique Toulouse: mise en page */
/*************************************/

/* Esthetique Toulouse: emballage général */
#wrapper {
	margin: O auto 0 auto;
	text-align: center;
}


#header {
	height: 69px;
	border-width: 0px 0px 3px 0px;
	border-color: #f1f4fa;
	border-style: solid;
}

#headerContainer {
	width: 820px;
	margin: 0px auto 0px auto;
	position: relative;
}


#header {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-images-design-page/esthetique-toulouse-en-tete-ombre-lumiere.png',sizingMethod='scale');
}



#wrapper>#header {
	background-image: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-en-tete-ombre-lumiere.png);
}

/* Esthetique Toulouse: emplacement du logo */

#logoArea {
position: relative;
top: 21px;
right: 34px;	
float: right;
}

#logoLeft {
	width: 128px;
	height: 48px;
	float: left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-images-design-page/esthetique-toulouse-degrade-logo.png',sizingMethod='scale');
}

#headerContainer>#logoArea>#logoLeft {
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-degrade-logo.png) right bottom no-repeat;
}

#logo {
	background: #f1f4fa;
	float: left;
	height: 48px;
	font-size: 18px;
	text-align: left;
	
}

#logoRight {
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-logo-espace-droit-2.gif) right bottom no-repeat;
	width: 8px;
	height: 48px;
	float: left;
}

#logo img {
	border: none;
	position: relative;
	top: 3px;
}

/*********************/
/* Main Content Area */
/*********************/

#main {
	width: 820px;
	margin: 0px auto 0px auto;
	padding: 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-images-design-page/esthetique-toulouse-trait-fond-page-repeter.png', sizingMethod='scale');
}

#wrapper>#main {
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-trait-fond-page-repeter.png);	
}

/*******************/
/* MAIN NAVIGATION */
/*******************/

#mainNavArea {
	float: left;
	width: 183px;
	text-align: right;
	position: relative;
	top: -20px;
	left: 0px;
}

ul#mainNav {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0;
	position: relative;
	top: 25px;
	float: right;
}

ul#mainNav li {
	font-family: arial, helvetica;
	text-align: right;
	padding: 4px 0px 4px 0px;
	margin: 3px 0px 3px 0px;
	vertical-align: middle;
}

ul#mainNav li a {
	text-decoration: none;
	display: block;
	width: 140px;
	color: #939393;
}

ul#mainNav li a:hover {
	color: #666;
}

ul#mainNav li.selected {
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-menu-actif.gif) repeat center;
}

ul#mainNav li.selected a {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}



  /****************************************/
 /* Esthetique Toulouse: page d'accueil  */
/****************************************/

/* Esthetique Toulouse: contenu principal */

#homeContent {
	width: 570px;
	float: left;
	left: 30px;
	top: 0px;
}

/* Esthetique Toulouse: Signature page principale */

.signature {
text-align:right;
font-style:italic;

}

/* Esthetique Toulouse: Title et contenu de la page principale */

#homeContentArea {
	float: left;
	width: 550px;
	text-align: left;
	/*position: relative;*/
	left: 0px;
	top: 30px;
	margin-left: 20px;
}



#homeContentArea p {
	position: relative;
	
}




  /************************/
 /* Position du sommaire */
/************************/


#subBanner {
	width: 310px;
	height: 69px;
	float: left;
	position: relative;
	left: 0px;	
}

  /**********************************/
 /* Présentation des traitements   */
/**********************************/

/* Image 2 présentation traitement*/

#headerContainer .t2_02_ps_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-medecine-explications/esthetique-toulouse-presentations-traitements/esthetique-toulouse-femme-brune-sourire.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_02_ps_a {
	background: url(/esthetique-toulouse-medecine-explications/esthetique-toulouse-presentations-traitements/esthetique-toulouse-femme-brune-sourire.png);
}


  /***********************************/
 /* 			Définitions  		*/
/***********************************/


/* Logo définitions */

#headerContainer .t2_03_ps_b {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-medecine-explications/esthetique-toulouse-medecine-definitions/esthetique-toulouse-visage-femme-brune.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_03_ps_b {
	background: url(/esthetique-toulouse-medecine-explications/esthetique-toulouse-medecine-definitions/esthetique-toulouse-visage-femme-brune.png);
}

 
  /*********************************************/
 /* Explication présentation traitement botox */
/*********************************************/


/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_05_na_b {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-botox/esthetique-toulouse-visage-penche.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_05_na_b {
	background: url(/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-rides/esthetique-toulouse-visage-penche.png);
}

/**************************************************/
/* Esthetique Toulouse: traitement médical laser */
/************************************************/


/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_08_rf_b {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-images-design/esthetique-toulouse-images-miniatures/esthetique-toulouse-plage.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_08_rf_b {
	background: url(/esthetique-toulouse-images-design/esthetique-toulouse-images-miniatures/esthetique-toulouse-plage.png);
}

  /*************************************************/
 /* Esthétique Toulouse: traitement médical laser */
/*************************************************/

/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_09_na_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-laser/esthetique-toulouse-maillot.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_09_na_a {
	background: url(/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-laser/esthetique-toulouse-maillot.png);
}

  /********************************************/
 /* Esthétique Toulouse: résultat traitement */
/********************************************/

/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_10_ps_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-medecine-explications/esthetique-toulouse-resultats-traitements/esthetique-toulouse-femme-miroir.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_10_ps_a {
	background: url(/esthetique-toulouse-medecine-explications/esthetique-toulouse-resultats-traitements/esthetique-toulouse-femme-miroir.png);
}

  /**************************************/
 /* Esthétique Toulouse: mésothérapie  */
/**************************************/


/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_09_ps_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-mesotherapie-rajeunissement/esthetique-toulouse-visage-mains.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_09_ps_a {
	background: url(/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-mesotherapie-rajeunissement/esthetique-toulouse-visage-mains.png);
}


  /*********************************************************************/
 /* Esthétique Toulouse: Explication présentation traitement peeling  */
/*********************************************************************/

/* Esthetique Toulouse: image logo coin haut gauche */


#headerContainer .t2_04_rf_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-peeling/esthetique-toulouse-blonde-face-yeux-fermes.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_04_rf_a {
	background: url(/esthetique-toulouse-methodes-medicales-presentation/esthetique-toulouse-medecine-traitement-peeling/esthetique-toulouse-blonde-face-yeux-fermes.png);
}

  /***********************************/
 /* Esthétique Toulouse: Contact */
/***********************************/

/* Esthetique Toulouse: image logo coin haut gauche */

#headerContainer .t2_15_ps_a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-medecine-informations-contact/esthetique-toulouse-presentation-cabinet-medical/esthetique-toulouse-femmes-heureuses.png',sizingMethod='scale');
}

#headerContainer>#subBanner.t2_15_ps_a {
	background: url(/esthetique-toulouse-medecine-informations-contact/esthetique-toulouse-presentation-cabinet-medical/esthetique-toulouse-femmes-heureuses.png);
}




/***************/
/* SUB CONTENT */
/***************/


#subContent {
	width: 544px;
	float: left;
	position: relative;
	left: 32px;
	top: 40px;

}

#subContentArea {
	padding: 0px 0px 40px 0px;
}




#subContent hr {
	margin: 10px 0px 20px 0px;
	padding: 0;
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-ligne-blanche-hr_line.gif) no-repeat center;
	border: none;
	width: 544px;
	height: 1px;
}

/**********************/
/* ABOUT US: BIO PAGE */
/**********************/

#subContentArea.aboutUs .aboutUsContent {
	width: 270px;
	float: left;
}

#officeHours {
	float: right;
	width: 200px;
	background: url(../templates/design2/images/aboutUs_officeHours_bg.gif) no-repeat;
	margin-right: 10px;
	font-size: 14px;
}

#officeHours table {
	position: relative;
	left: 10px;
	top: 10px;
	width: 220px;
}

#officeHours table th {
	text-align: left;
}

#officeHours table th h3 {
	font-size: 14px;
}

#officeHours table td {
	padding: 6px 3px 6px 3px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

#officeHours table td.last {
	border: none;
}

#bioArea {
	clear: both;
	background: url(../templates/design2/images/aboutUs_bio_bg.gif) no-repeat;
	width: 568px;
	margin: 10px 0px 0px 0px;
}

#bioArea ul {
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	
}

#bioArea ul li a {
	position: relative;
	left: 20px;
	text-decoration: underline;
	font-weight: bold;
	
}

#bioArea ul li {
	margin: 5px 0px 5px 0px;
}


#bioArea ul li a .jumpLinkArrow {
	text-decoration: none;
	font-size: 10px;
	margin: 0px 3px 0px 0px;
}

#bioNav {
	padding: 20px 3px 20px 3px;
}

#bioArea .bioEntry {
	clear: both;
	position: relative;
	left: 20px;
	width: 530px;
	margin: 0px 0px 5px 0px;
} 

#bioArea .bioEntry p {
	width: 400px;
} 

.bioEntry .bioImage {
	float: right;
	width: 124px;
}

.bioEntry .bioText {
	float: left;
	width: 400px;
	
	}

/***********/
/* END BIO */
/***********/

/********************/
/* BEFORE AND AFTER */
/********************/

#beforeAfterContainer {
	position: relative;
	margin: 0px 0px 10px 0px;
}

#beforeAfterContainer .beforeAfterSet {
	clear: both;
}

.beforeImage {
	float: left;
	margin: 0px 10px 0px 0px;	
}

.afterImage {
	float: left;
	margin: 0px 10px 0px 0px;
}

.beforeAfterCaption {
	float: left;
	padding: 10px;	
	width: 170px;
}

.beforeAfterLabel {
	font-style: italic;
}

/************************/
/* END BEFORE AND AFTER */
/************************/

/**********/
/* FOOTER */
/**********/

#footer {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 802px;
	height: 60px;
	clear: both;
}


#footerContent {
	padding: 0px 0px 0px 0px;
	margin: 0;
	color: #fff;
	position: relative;
	top: -9px;
	float: right;
	right: 30px;
}

#footer>#footerContent {
	position: relative;
	top: 7px;
}


#footerContent a {
	color: #fff;
}
.bioImage {
	float: right;
}
.plan {
	float: left;
	margin: 6px;
}

#footerContent .footerElement {
	display: block;
	float: left;
	padding: 0px 10px 0px 10px;
}

#footerContent .footerSpacer {
	width: 1px;
	background: #fff;
	display: block;
	float: left;
	height: 10px;
}

#basdepage {
	width: 700px;
	margin: 0 auto 12px auto;
	color: #666666;
	font-size: 12px;
	padding-bottom: 12px;
}

#basdepage a {
text-decoration:none;
color:#666666;
cursor:text;
}

#basdepage a:hover {
text-decoration:none;
color:#666666;
}


  /********************/ 
 /* Couleurs du site */
/********************/


/* General */

body.colorScheme3 {
	background:#FFFFFF;
	color: #333;
}

body.colorScheme3 #header {
	background-color: #a38bab;
}

body.colorScheme3 #officeHours table td {
	border-color: #d6d3c2;
	color: #333;
}

  /****************/
 /* Pied de page */
/****************/

/* footer background */

body.colorScheme3 #footer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/esthetique-toulouse-images-design-page/esthetique-toulouse-bas-page.png',sizingMethod='scale');
}

body.colorScheme3>#wrapper>#footer {
	background: url(/esthetique-toulouse-images-design-page/esthetique-toulouse-bas-page.png);
}

  /*********************/
 /* Etiquette contact */
/*********************/

#etiquette {
display:block;

top:0px;
left:12px;
width:80px;
height:35px;
padding:8px;
padding-top:22px;


/* -webkit-transform:rotate(270deg); 
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
position:fixed;
 

white-space:nowrap;

text-decoration:none;
font-size:18px;
text-align:center;

color:#DA712B;
font-weight:bold;
margin:0px;


border:silver solid 3px;
border-bottom:gray solid 3px;
border-top:0;

background-color:#D7D7D7;
background: -moz-linear-gradient(top, #FFFFFF, #D7D7D7);
background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#D7D7D7));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#D7D7D7);
/* For Internet Explorer 8 */
/*  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";  */


border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;

outline: none;
}

#etiquette:hover {
position:fixed;
top:0px;
left:12px;
text-decoration:none;

text-align:center;

color:#009900;
font-weight:bold;
margin:0px;
height:35px;

border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;

outline: none;
color:#FFFFFF;
border:#DA712B solid 3px;
border-bottom:#A66F27 solid 3px;
border-top:0;
background-color:#009900;
background: -moz-linear-gradient(top, #DA712B, #D7D7D7);
background: -webkit-gradient(linear, center top, center bottom, from(#DA712B), to(#D7D7D7));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DA712B, endColorstr=#D7D7D7);
/* For Internet Explorer 8 */
}

#contactactif {
position:fixed;
top:0px;
left:12px;
width:80px;
height:35px;
padding:8px;
padding-top:22px;
text-decoration:none;
font-size:18px;

text-align:center;

color:#009900;
font-weight:bold;
margin:0px;
height:35px;

border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;

outline: none;
color:#FFFFFF;
border:#DA712B solid 3px;
border-bottom:#A66F27 solid 3px;
border-top:0;
background-color:#009900;
background: -moz-linear-gradient(top, #DA712B, #D7D7D7);
background: -webkit-gradient(linear, center top, center bottom, from(#DA712B), to(#D7D7D7));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DA712B, endColorstr=#D7D7D7);
/* For Internet Explorer 8 */
}