body { 
margin:0; 
padding:0; 
height:100%; /* this is the key! */ 
font: 0.8em Verdana, arial, sans-serif;
}
a {text-decoration:none;}
a:link {font-family:Verdana, arial, sans-serif;
}
a:visited {color:#800080;text-decoration:none;}
a:hover {color:#000000;text-decoration:none;}
a:active {color:#ffffff;text-decoration:none;}
a.nav {
font-size: 0.9em;
}
a.homepagelinks {
font-size: 0.9em;color: #000000;
font-weight: 550;
}
H1.header {
color : #908370; /* Brown */
font-size:1.4em;
text-align: left;
padding-top: 3px;
}
H2.header {
color : #908370; /* Brown */
font-size:1.5em;
text-align: left;
padding-top: 3px;
}
H3.chakras {
color : #908370; /* Brown */
/* color : #a5d0d6;*/ /* Blue */
/*border: solid red;*/
font-size:1.0em;
}
p.chakras {
color : #908370; /* Brown */
/* color : #a5d0d6;*/ /* Blue */
/* color : #d1e6eb;*/ /* Blue-light */
/*border: solid red;*/
font-size:1.0em;
}
#left { 
position:absolute; 
left:0; 
top:0; 
padding:0; 
width:200px; 
height:100%; /* works only if parent container is assigned a height value */ 
color:#333; 
background:#ffffff; 
border:0px solid #333; 
}
.sub_navigation { 
margin-left:220px; 
margin-right:220px; 
margin-bottom:20px; 
color:#333; 
background:#d1e6eb; 
border:1px solid #333; 
padding:2px;
width:669px; 
} 
.content { 
margin-left:220px; 
margin-right:220px; 
margin-bottom:20px; 
color:#333; 
background:#ffffff; 
border:0px solid #333; 
padding:0 5px;
width:650px; 
}
.content2 { 
margin-left:220px; 
margin-right:220px; 
color:#333; 
background:#ffffff; 
border:0px solid #333; 
padding:0 5px;
width:650px; 
}
.headercontent2 { 
margin-top:0px;
margin-left:220px; 
border:0px solid #333; 
width:672px;
background-repeat: no-repeat;
background-position: center right;
height:96px;
}
.headercontent { 
margin-top:0px;
margin-left:220px; 
border:0px solid #333; 
width:672px;
background-image: url('/bien-etre-attitude/images/head.jpg');
opacity:0.5;filter:alpha(opacity=50);
background-repeat: no-repeat;
background-position: center right;
border:0px solid #333;
height:96px;
} 
.exemple1 {
background-position: top left ;
background-image: url('/bien-etre-attitude/images/head.jpg') ;
background-repeat: no-repeat ;
background-position: top right;
border: 1px solid #990000 ;
width: 900px ;
height: 200px ; }
.test { 
margin-left:220px; 
margin-right:220px; 
border:1px solid #333; 
padding:0 10px;
width:450px; 
} 
.contactForm { 
margin-left:220px; 
margin-right:220px; 
margin-bottom:20px; 
color:#333; 
background:#ffffff; 
border:0px solid #333; 
padding:0 10px;
width:510px; 
} 
#right { 
position:absolute; 
right:0; 
top:0; 
padding:0; 
width:200px; 
height:100%; /* works only if parent container is assigned a height value */ 
color:#333; 
background:#eaeaea; 
border:1px solid #333; 
} 
#left p { 
padding:0 10px; 
} 
#right p { 
padding:0 10px; 
} 
p.top { 
margin-top:20px; 
} 
.SmallRed {
font-size: 0.8em;color: #FF0000;
}
.art {
color: #FF0000;
}
.contentleft {
float:left; 
margin-left:0px; 
margin-top:0px; 
border:0px solid #333; 
padding:0;
width:48%;
}
.contentright {
float:right; 
margin-right:0px; 
margin-top:0px; 
border:0px solid #333; 
padding:0;
width:48%; 
}
.homepagebox {
float:left; 
margin-left:0px; 
background:#d1e6eb; 
border:1px solid #333; 
padding:0 1px;
width:100%; 
} 
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.highlightit {
float: right; 
margin: 5px; 
opacity:0.4;
filter:alpha(opacity=40);
}
.thrColFixHdr #footer { 
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
} 
.thrColFixHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.miniheader { 
font-size: 0.9em;color: #908370;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.footer2 { 
margin-left:220px; 
margin-right:220px; 
margin-bottom:20px; 
color:#333; 
background:#ffffff; 
border:1px solid #333; 
padding:0 5px;
width:650px; 
}
.contentall {
float:left; 
margin-left:0px; 
margin-top:0px; 
border:0px solid #333; 
padding:0;
width:96%;
}
.successRight { float:right;padding: 15px 15px 15px 15px; margin-bottom: 1em; border: 2px solid #ddd;background: #E6EFC2; color: #264409; border-color: #C6D880; }
}