body {height: 100%; background: #FFFFFF fixed;
background-image:  #FFFFFF;
font-family: verdana; font-size: 11px;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: red
}
		/*
			Vertical Accordions
		*/
		
.scroll { 
   background: #efefef; 
   height: auto !important; 
   height: 100%; 
   min-height: 100%; 
}
		.menuscroll {
			writing-mode: tb-rl;
			filter:flipv fliph;
			display: block;
			height: 400px;
			width: auto;
			background: #ffffff;
			padding: 4px 4px 4px 4px;
			line-height: 12px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 0px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 1px;
}
		.menutop {
			display: block;
			height: 400px;
			width: auto;
			background: #C4BD79;
			padding: 2px 2px 2px 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 10px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 1px;
		}
		H6 {
			display: block;
			height: 400px;
			width: 200px;
			background: #4BCAF5;
			padding: 2px 2px 2px 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 2px;
		}
		.accordion_toggle {
			display: block;
			height: 400px;
			width: 200px;
			background: #4BCAF5;
			padding: 0 2px 0 2px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			letter-spacing: 2px
		}
		
		.accordion_toggle_active {
			background: #F36223;
			color: #ffffff;
			border-bottom: 2px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			}
			
			.accordion_content h2 {
				margin: 0px 0px 0px 0px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 100%;
				padding: 2px 2px 2px 2px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height:auto;
			width: auto;
			background: #C4BD79;
			padding: 0px 0px 0px 0px;
			line-height: auto;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			color: #000000;
			border-bottom: 2px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
			letter-spacing: 6px;
			align: center;
	}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 2px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 0px 0px 0px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 100%;
				padding: 0px 0px 0px 0x;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 2px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 12x solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: auto;
				line-height: 100%;
				padding: 2px 2px 2px 2px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0px 0px 0px 0px;
      width: 200px;   
 			height: 400px;
   }
    
    #vertical_nested_container {
      margin: 0px 0px 0px 0px;
      width: auto;
	min-height: 100%;
	}

	  #container a:link {color: #000000; text-decoration: none; width: auto}
	  #container a:visited {color: #000000; text-decoration: none; width: auto}
	  #container a:active {color: #F36223; text-decoration: none; width: auto}
	  #container a:hover {color: MIDNIGHTBLUE; text-decoration: none; width: auto}


.nav-bar {float: left; margin-top: 8px; margin-right: 0px; width: 600px; height: 17px; background:url(../img/nav/main-nav.gif) 0 0 bottom left no-repeat;}ul {
margin-left:0px;
padding-left:0px;
}
ul li {
margin-left:0px;
padding-left:0px;
}
.nav-bar li {
   display: block; 
   float: left; 
   text-indent: -5000px;
   margin-left: 0px; 
   margin: 0,0,0,0; 
}
.nav-bar li a {display: block; background:url(../img/nav/main-nav.gif) 0 0 no-repeat; height: 17px;}
.nav-bar li a:hover {text-decoration: none;}

.nav-bar li.coeur a {width: 200px; background-position: -400px 0;}
.nav-bar li.coeur a:hover, .nav-bar li.coeur.active {background-position: -400px -17px;}

.nav-bar li.joindre a {width: 150px; background-position: -250px 0;}
.nav-bar li.joindre a:hover, .nav-bar li.joindre.active {background-position: -250px -17px;}

.nav-bar li.envoi a {width: 155px; background-position: -95px 0;}
.nav-bar li.envoi a:hover, .nav-bar li.envoi.active {background-position: -95px -17px;}

.nav-bar li.achat a {width: 95px; background-position: 0 0;}
.nav-bar li.achat a:hover, .nav-bar li.achat a.active {background-position: 0 -17px;}