/* ***   aromatherapie  *** */
body { margin: 0; font-family: Verdana, Tahoma, sans-serif; font-size:8pt; font-size-adjust: 0.55;
	background:#ABBE6D; /* couleur verte B5BE6D*/
}

/***** liens *****/
a { font-family: Tahoma,Verdana, sans-serif; text-decoration: none; }
/*a:link { color:#5D673B; }
 a:visited {color:#5D673B;}
a:hover {color:#ffffff;}
a:active {color:#5D673B;}*/ 

.lienss a { font-family: Tahoma,Verdana, Arial, sans-serif; font-size:11px; font-size-adjust:0.55;  color:#E49509; font-weight: 500;}
.lienss a:hover { font-family:Tahoma,Verdana, Arial, sans-serif; color:#ffffff; font-weight: 500;}
.lienss { text-decoration:none;  background-color:transparent; font-size:11px; }
.chemin a { font-family: Tahoma,Verdana, Arial, sans-serif; font-size:11px; font-size-adjust:0.55;  color:#5D673B; font-weight: 500;}
.chemin a:hover { font-family:Tahoma,Verdana, Arial, sans-serif; color:#333333; font-weight: 500;}
.chemin { text-decoration:none;  background-color:transparent; font-size:8px; }
/***** h1, h2 *****/
h1 { text-decoration: none;	color: #3483B4;	font-size: 12pt; 
	width:auto; height:auto; margin:0; padding: 0 0 0 10px; /* top right bot left */}
	/*border-left: #92AF39 0px solid; border-right: #92AF39 0px solid; border-top: #92AF39 0px solid; border-bottom: #E4A667 1px solid;*/

h2 { text-decoration: none;	color: #ffffff; background-color: transparent; font-size: 10pt; font-weight: 600;
	padding: 2px 0 1px 8px; width:90%; height:30px;	margin: 0;
	border-left: #92AF39 0px solid; border-right: #92AF39 0px solid; border-top: #92AF39 0px solid; border-bottom: #ABBE6D 4px solid;
}
/***** design  *****/
#border {position:absolute; margin: 0 0 0 -49%; left:50%; top:4px; width:98%; height:98%; z-index:1;
	background:#92AF39;} /* couleur verte gdcadre*/
	
#content {	position:absolute; top: 2px; left:  2px; width: 99% ; height:  99%; z-index:2; right:2px;
	background:#ABBE6D; } /* couleur verte fondpage*/

#cache {	position:absolute; top:-4px; left:-10px; width: 32px; height: 11px; z-index:4;}
#logo {		position:absolute; top:-4px; left:-10px; width:175px; height:125px; z-index:5;}
#logo1 {	position:absolute; top:-4px; left:-10px; width:59px; height:125px; z-index:5;}
#logo2 {	position:absolute; top:-4px; left:-10px; width:59px; height:125px; z-index:5;}
#fdlogo {	position:absolute; top:44px; left: 10px; width: 55px; height: 90px; z-index:4;}
#tete {	float:left; margin: 2px 0 0 0 ; width:78%;height:auto; z-index:3; text-align:left;
}
#tete2 { float:left; margin: 2px 0 0 0 ; width:19%;height:20px; z-index:3;
}
#navig { position:absolute; top:2px; right:10px; padding:0 0 0 10px ; margin:0; width: 200px; height: 42px; z-index:4; /*background:#ffffff;*/ 
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-SIZE: 11px;color:#000000;
	border-left: #ffffff 1px solid; border-right: #3483B4 0px solid; border-top: #ffffff 1px solid; border-bottom: #3483B4 0px solid;
	BACKGROUND-IMAGE:  url(bar_oxygene_imgs/transp2.gif);}
#head { float:right; margin: 0px 0 0 0; width:20%; height:auto; z-index:-2;/*background:#ffffff;*/}

#data-content { float:right; margin: 0px 0 0 0px ;padding:0; width:77%;height:88%; background:#C5D690; z-index:3; overflow: auto; /* couleur verte contenu */ 
	border-left: #ffffff 0px solid; border-right: #92AF39 1px solid; border-top: #ffffff 0px solid; border-bottom: #92AF39 1px solid;}

#margin { margin: 10px 20px 10px 30px; text-align:justify; padding:0; font-size:10px; color:#333333; }

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*  CADDIE          */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

ul.navcaddie { list-style-type: none; height:auto; margin:0; padding:0;}

li.navcaddie { margin: 0 0 0 0px; color: #333333; padding:0;}
li.navcaddie2 { margin: -18px 0 0 200px; padding:0; color: #333333; width:300px; height:16px;
/*BORDER-RIGHT: #E4A667 1px solid; BORDER-TOP: #E4A667 1px solid; BORDER-LEFT: #E4A667 1px solid; BORDER-BOTTOM: #E4A667 1px solid;*/}

p.navcaddie { TEXT-DECORATION: none; font-family: Verdana,Tahoma, Arial, sans-serif; /**/color: #3483B4; font-size:9px;
	width:98%; height:auto; margin: 10px 0 10px 0px; padding: 0px 0 10px 10px; 
	border-left: #92AF39 0px solid; border-right: #92AF39 0px solid; border-top: #92AF39 0px solid; border-bottom: #ABBE6D 1px solid; }
	
p.navcaddie a { font-family: Tahoma,Verdana, Arial, sans-serif; font-size:11px; font-size-adjust:0.55;  color:#5D673B; font-weight: 500;}
p.navcaddie a:hover { font-family: Tahoma,Verdana, Arial, sans-serif; color:#333333; font-size:11px; font-weight: 500; }
.frc { COLOR: #C66F17; }
/*****  Menus dans head  *****/
.oxygenwind, .oxygenwindselected { float:left; margin: 0; top:1px; width:96%; height:30px; overflow:hidden;}
.lifebar, .lifebarselected { float:left; margin: 0; top:1px; width:96%; height:30px; overflow:hidden;}
.aromatherapie, .aromatherapieselected { float:left; margin: 0; top:1px; width:96%; height:30px; overflow:hidden;}
.boutique, .boutiqueselected { float:left; margin: 0; top:1px; width:96%; height:30px; overflow:hidden;}
.liens, .liensselected{ float:left; margin: 0; top:1px; width:96%; height:30px; overflow:hidden;}

.oxygenwind a, .lifebar a, .aromatherapie a, .boutique a, .liens a { 
 font-size:12px; font-weight:bold; line-height:30px; width:96%; height:30px; display:block; 
 padding: 0 0 0 10px ; color:#333333;}
.oxygenwindselected a, .lifebarselected a, .aromatherapieselected a, .boutiqueselected a, .liensselected a { 
 font-size:12px; font-weight:bold; line-height:30px; width:96%; height:30px; display:block; 
 padding: 0 0 0 10px ; color:#ffffff;}
 
.oxygenwind a:hover, .oxygenwindselected a { background:#3483B4; color:#ffffff;}
.lifebar a:hover, .lifebarselected a{ background:#cc6633; color:#ffffff;}
.aromatherapie a:hover , .aromatherapieselected { background:#92AF39; color:#ffffff;}
.boutique a:hover, .boutiqueselected a { background:#F1902E; color:#ffffff;}
.liens a:hover, .liensselected{ background:#999999; color:#ffffff;} 

#oxygenwindDiv { float:right; background:#3483B4; width:90%; height:200px; margin: 4px 8px 0 8px ;}
#lifebarDiv { float:right; background:#cc6633; width:90%; height:200px; margin: -200px 8px 0 8px ;}
#aromatherapieDiv { float:right; background:#92AF39; width:90%; height:200px; margin: -200px 8px 0 8px ;}
#boutiqueDiv {float: right;  background:#F1902E; width:90%; height:200px; margin: -200px 8px 0 8px ;}
#liensDiv {float: right;  background:#999999; width:90%; height:200px; margin: -200px 8px 0 8px ;}

ul.menu { list-style-type: square;}
li.menu { margin: 4px 0 4px 10px; color: #ffffff;}
ul.menu2 { list-style-type: disc;}
li.menu2 { margin: 4px 0 4px 25px; color: #ffffff;}

.menu, .menu2 {	margin: 0px 0 0px 10px;	padding: 0; line-height:1.2em;}
.menu a:link, .menu2 a:link { color: #ffffff; }
.menu a:visited, .menu2 a:visited { color: #ffffff;}
.menu a:hover, .menu2 a:hover { color:#000000;}
.menu a:active, .menu2 a:active { color: #ffffff; }



.bottom { position:absolute; margin: 10% 0 0 0; padding:0; left:6px; top:66%; width:99%; height:68px; z-index:2; text-align:center;
BACKGROUND-IMAGE:  url(bar_oxygene_imgs/transpv.gif);
}

ul.phot { float: left; height:auto ; width:auto; margin: 10px 0 10px 10px; padding:5px 0 0 5px; list-style-type: none;}
li.phot { float: left; height:auto ; padding:0 2px 0 2px;}

.photos { BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; 
	
}
.fd { BACKGROUND-IMAGE:  url(bar_oxygene_imgs/transpv.gif); }
.photos_hover { BORDER-RIGHT: #DE8C3C 1px solid; BORDER-TOP: #DE8C3C 1px solid; BORDER-LEFT: #DE8C3C 1px solid; BORDER-BOTTOM: #DE8C3C 1px solid; }

UL.huil { margin: 0 0 0 20px; padding:0; }
LI.huil { margin: 0 0 0 0px; padding:0px 2px 6px 2px;
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;; 
	TEXT-ALIGN: justify; FONT-SIZE: 11px;
	LIST-STYLE:square ; }
.tete { FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
  		TEXT-DECORATION: underline; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 600;
}
p { margin: 14px 0px 4px 0px; padding: 0px 0px 0px 0px;
   FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none; FONT-SIZE: 11px; text-align:justify;
}
.text { margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px;
   FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
   TEXT-DECORATION: none; COLOR: #2C5C79; FONT-SIZE: 11px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 100; text-align:justify;   
}
UL.espaces { float: left; LIST-STYLE: none; LINE-HEIGHT: 1.1em;
	MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px ; MARGIN-TOP:10px ; MARGIN-BOTTOM:0px;
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px;
	width:680px; /**/BACKGROUND-COLOR: #cccccc;
}
LI.espaces { float: left; LIST-STYLE: none; LINE-HEIGHT: 1.1em; 
	MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px ; MARGIN-TOP:0px ; MARGIN-BOTTOM:0px;
	PADDING-LEFT: 6px; PADDING-RIGHT: 0px; PADDING-TOP: 6px; PADDING-BOTTOM: 2px;	
  	width:120px;/**/	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;  FONT-SIZE: 11px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 400;
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #8AB8D6 1px dotted; BORDER-LEFT: #ccc 0px solid; BORDER-BOTTOM: #ccc 0px solid;	
}
LI.espacesphot { float: left; list-style: none;
  	MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px ; MARGIN-TOP:0px ; MARGIN-BOTTOM:0px;
 	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 2px; PADDING-BOTTOM: 2px;
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
  	TEXT-DECORATION: none;  FONT-SIZE: 11px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 400; /*TEXT-ALIGN:right; COLOR: #333333;*/
	width:540px;/**/BACKGROUND-COLOR: #DE8C3C;					
}
.espphot { BORDER-RIGHT: #CDDDE7 1px solid; BORDER-TOP: #CDDDE7 1px solid; BORDER-LEFT: #CDDDE7 1px solid; BORDER-BOTTOM: #CDDDE7 1px solid; }
.espphot_hover { BORDER-RIGHT: #DE8C3C 1px solid; BORDER-TOP: #DE8C3C 1px solid; BORDER-LEFT: #DE8C3C 1px solid; BORDER-BOTTOM: #DE8C3C 1px solid; }

/*
#slogan { position:absolute; left:10px; top:20px;}

.box { float:left; margin: 0 ; padding: 0 ; top:1px; width:96%; height:30px;
	text-align:left; font-weight:bold; overflow:hidden;}

.box a { float:left; top:0; width:96%; height:30px; padding: 0 0 0 10px; display:block;
 font-size:12px; line-height:30px; }

.box a:hover, .box a:active { background:#CCCA52; color:#000000;}

#myactivelink a {background:#E3D638;color:#92AF39;}

#data-stats { position:absolute; left:12px; top:145px; width:130px; height:330px; border:1px solid #92AF39; background:#C5D690; z-index:3;}

#data-stats2 { position:absolute; left:12px; top:145px; width:134px; height:334px; border:1px solid #92AF39; background:#C5D690; z-index:3;}

#mar { margin:5px;}



#bottom { position:absolute; right:-2px; bottom:-2px; width:62px; height:62px; z-index:3; /*background:url(bottom.jpg);
}*/
