/*Version:   1.0
Author:    Stephane Douville
Email:       info@stephanedouville.com  
Website:   http://www.stephanedouville.com
Date:        2008/10/04
 
Copyright 2008 Stephanedouville.com  All Rights Reserved 
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size: 62.5%; font-weight: normal; font-style: normal;f;line-height: normal; background: #101f04 url(../images/bg_01.jpg) repeat-x 0 top; ont-variant: normal; }
ul { list-style: none inside; }
p { font-size: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.5em; }
a { outline: none; }
a img { border: none; }

/*-----------------------------------------------------------------------------
ToolBox, Fixed Bug
-----------------------------------------------------------------------------*/
.floatleft { float: left; }
.floatright { float: right; }
.imgfloat { float: left; margin-right: 10px; }
.clear { height: 1px; clear: both; }
.transpBlack { background: url(../images/transpBlack.png); }
/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}


/* =Page Structure
-----------------------------------------------------------------------------*/
#container { background-image: url(../images/bg_wrap.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width: 918px; height: 830px; margin-right: auto; margin-left: auto; }
#wrap { position: relative; width: 918px; margin: 0 auto; }
#header { position: relative; width: 918px; clear: both; height: 402px; margin: 0 auto; }
#header_sm { margin: 0 auto; position: relative; width: 918px; height: 100px; clear: both; }
.relax { background-image: url(../images/bg_wrap01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
#maincontent { clear: both; }
#one { position: relative; width: 618px; clear: both; margin-right: auto; margin-left: auto; }
#main { margin-right: auto; margin-left: auto; position: relative; width: 718px; height: 530px; clear: both; }
#content { padding: 10px 25px; clear: both; }
#left { text-align: justify; width: 440px; float: left; margin: 0; padding: 0 20px 0 0; border-color: #ff0 #cbcbcb #ff0 #ff0; border-style: solid dotted solid solid; border-width: 1px thin 1px 1px; }
#right { width: 350px; float: right; padding: 0 0 0 10px; border: solid 1px #ff0; }
#footer { position: relative; width: 800px; height: 50px; clear: both; margin-top: 75px; margin-right: auto; margin-left: auto; }
#footer_in { position: relative; width: 800px; height: 50px; clear: both; margin-top: 60px; margin-right: auto; margin-left: auto; }
#banner { margin-right: auto; margin-left: auto; width: 949px; height: 169px; clear: both; border: solid 1px #79b200; }
/* =Typo
-----------------------------------------------------------------------------*/
#content p { color: #fff; font-size: 1.1em; line-height: 1.2; text-align: justify; letter-spacing: 0.15em; margin-bottom: 8px; }
#content a { color: #fff; font-size: 1.1em; line-height: 1.2; text-decoration: none; text-align: justify; letter-spacing: 0.15em; margin-bottom: 8px; }
#content a:hover { color: #fff; font-size: 1.1em; line-height: 1.2; text-decoration: underline; text-align: justify; letter-spacing: 0.15em; margin-bottom: 8px; }
.note { color: #101f04; font-size: 1em; font-weight: bold; line-height: 1em; }
.notewhite { color: #fff; font-size: 1em; font-weight: bold; line-height: 1em; }
#content h1 { color: #fff; font-size: 1.6em; font-family: Arial; line-height: 1em; margin-bottom: 12px; }
#content h3 {
	color: #CCC;
	margin-bottom: 4px;
	font: 1.4em/1em Arial;
}
#content h5 { color: #fff; font-size: 1.3em; font-family: "times new roman"; line-height: 1em; margin-top: -5px; margin-bottom: 12px;  }
#content h5 span{
	color: #fff;
font-family: line-height: 1em; 	margin-top: -5px;
	margin-bottom: 12px;
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
}
#content ul { list-style:none; margin:10px; padding:0;}
#content li { background:url(../images/ul_li.gif) left no-repeat; font: 1.2em Arial, Helvetica, sans-serif; color:#FC0; padding:0 0 3px 15px;}

#list_page { margin-top: 25px; margin-bottom: 25px; list-style-position: inside; }
#list_page li { color: #fff; font-size: 1.2em; list-style-type: square; display: block; margin-top: 12px; margin-bottom: 12px; margin-left: 25px; }
#one p { color: #fff; font-size: 1.2em; line-height: 1.2; letter-spacing: 0.15em; padding-right: 50px; padding-left: 50px; }
#one a { color: #e0c021; }
#one h1 { color: #fff; font-size: 2.2em; font-family: Arial; line-height: 1em; text-align: center; margin-bottom: 12px; }
blockquote {
	color: #fff;
	font-size: 1.3em;
	font-style: italic;
	margin: 15px 15px 15px 60px;
	text-align: left;
}
.big { font-size: 1.4em; }
#footer p { color: #552801; font-size: 1em; font-weight: normal; line-height: 1.1em; padding-right: 50px; }
#footer a { color: #552801; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer_in p { color: #552801; font-size: 1em; font-weight: normal; line-height: 1.1em; padding-right: 50px; }
#footer_in a { color: #552801; text-decoration: none; }
#footer_in a:hover { color: #fff; }
/* =List
-----------------------------------------------------------------------------*/
#topmenu_box { float: right; margin-top: 20px; margin-right: 50px; }
#topmenu li
{ float: right; padding-right: 10px; display: inline; list-style-type: none; }
#topmenu li a { color: #c8ae2e; font-size: 1em; text-decoration: none; }
#topmenu li a:hover { color: #fff; text-decoration: underline; }
#head_menu { margin-top: 0; margin-left: 50px; padding-top: 25px; }
#head_menu ul { font-size: 1.1em; font-family: verdana, tahoma; font-weight: bold; font-style: normal; margin-left: -10px; padding-top: 0; padding-bottom: 5px; width: 100%; }
#head_menu ul li
{ border-right: 1px solid #c8ae2e; display: inline; }
#head_menu ul li a
{ color: #c8ae2e; text-decoration: none; padding: 5px 10px; }
#head_menu ul li a:hover
{ color: #fff; text-decoration: underline; }
#head_menu #active { border-left: 1px solid #c8ae2e; }
#foot_menu ul { color: #f7ae42; font-size: 1.1em; font-family: Arial, Helvetica, Sans-Serif; width: 100%; margin-left: -10px; padding-top: 0; padding-bottom: 5px; }
#foot_menu
 ul li
{ border-right: 1px solid #000; display: inline; }
#foot_menu
 ul li a
{ color: #000; text-decoration: none; padding: 5px 10px; }
#foot_menu
 ul li a:hover
{ color: #000; text-decoration: underline; }
#foot_menu
 #active { border-left: 1px solid #000; }
.yellow {
	color: #FF9933;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
}
.esthetique {
	float: left;
	width: 50%;
	padding-right: 3px;
	padding-left: 3px;
}
.esthetique tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
}
.esthetique  th {
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	padding-top: 5px;
}