@import url("formulaire.css");
/* ***   oxygenwind  *** */
body { margin: 0; font-family: Verdana, Tahoma, sans-serif; font-size:8pt; font-size-adjust: 0.55;
	 background:#7BAAC8;/* couleur bleue oxy */
}

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

.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;*/
}

oxy h1{ border-left: #92AF39 0px solid; border-right: #92AF39 0px solid; border-top: #92AF39 0px solid; border-bottom: #92AF39 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: #7BAAC8 4px solid;
}
/***** design  *****/
#border {position:absolute; margin: 0 0 0 -49%; padding:0; left:50%; top:4px; width:98%; height:98%; z-index:1;
	/**/background:#3483B4; clear: both; } /* couleur bleue gdcadre*/
	
#content {	position:absolute; top: 2px; left:  2px; width: 99% ; height:  99%; z-index:2; right:2px;
	/*7BAAC8*/background:#7BAAC8; } /* couleur bleue 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 {	/*position:absolute; top:0px; left:180px; width:480px; height:55px; z-index:5;*/
float:left; margin: 2px 0 0 0 ; width:78%;height:auto; z-index:3; text-align:left;
}
#tete2 {	/*position:absolute; top:0px; left:180px; width:480px; height:55px; z-index:5;*/
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 5px ; width:77%;height:88%; background:#BFD3E0; z-index:3; overflow: auto; /* couleur bleue contenu */
	border-left: #ffffff 0px solid; border-right: #3483B4 1px solid; border-top: #ffffff 0px solid; border-bottom: #3483B4 1px solid;}

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

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;
}
p.contact{ float:left; margin: 14px 0px 0px 0px; padding: 0px 0px 0px 0px; width:250px;height:300px;
   FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; background:#cccccc;
   TEXT-DECORATION: none; FONT-SIZE: 11px; text-align:justify;
}
p.formu { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:200px;height:300px;
   FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; background:#999999;
   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;   
}
.txt { FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-SIZE: 11px; font-size-adjust:0.55; color:#333333; }
.txtor { FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-SIZE: 11px; font-size-adjust:0.55; color:#BF6300; }

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*  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: #7BAAC8 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 ;z-index:5;}
#lifebarDiv { float:right; background:#cc6633; width:90%; height:200px; margin: -200px 8px 0 8px ;z-index:5;}
#aromatherapieDiv { float:right; background:#92AF39; width:90%; height:200px; margin: -200px 8px 0 8px ;z-index:5;}
#boutiqueDiv {float: right;  background:#F1902E; width:90%; height:200px; margin: -200px 8px 0 8px ;z-index:5;}
#liensDiv {float: right;  background:#999999; width:90%; height:200px; margin: -200px 8px 0 8px ;z-index:5;}

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; }

#prebottom { float:right; margin: 0 0 0 0; width:20%; height:1px; z-index:-2;background:#ffffff;}
#bottom {position:absolute;	margin: 10% 0 0 0;padding:0;
	right:8px;top:75%;width:19%;	height:30px;z-index:8;	text-align:right;
	/*BACKGROUND-IMAGE: url(./imgs/transpb.gif);	visibility: hidden;*/
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; COLOR: #333333; FONT-SIZE: 10px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 100; 
}

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; }
.photos_hover { BORDER-RIGHT: #DE8C3C 1px solid; BORDER-TOP: #DE8C3C 1px solid; BORDER-LEFT: #DE8C3C 1px solid; BORDER-BOTTOM: #DE8C3C 1px solid; }
.spacer {clear: both;}

.formObj { margin:0; padding:0;
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif;
 	TEXT-DECORATION: none; COLOR: #333333; FONT-SIZE: 10px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 100; text-align:center;
 	background: #BFD3E0; height:14px;
	border: 1px solid #E4A667; 
}
.formObj22, .formObj223 {  margin:0 0 2px 0;padding: 2px 0 0 4px;
	FONT-FAMILY: tahoma, Geneva, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; COLOR: #333333; FONT-SIZE: 10px; FONT-SIZE-ADJUST: 0.55; FONT-WEIGHT: 100; text-align:left;
 	background: #BFD3E0;
	border: 1px solid #E4A667; 
}

.formObj223 { height:18px;  }
