/*
			Horizontal Accordion
		*/
		.H_titre{
			font-size:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-transform:uppercase;
		}
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 250px;
			width: 30px;
			background:url(img/acc_dispo_off.jpg) no-repeat top left;
			color:#000;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		/*.horizontal_accordion_toggle_active {
			background: url(img/acc_dispo_on.jpg) no-repeat top left;
		} */
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 200px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			background:url(img/acc_dispo_fond.jpg) no-repeat ;
			color:#000;
			font-weight:bold;
		}
			
			.off_01{ background:url(img/acc_liv_off.jpg) no-repeat;}
			.off_02{ background:url(img/acc_qual_off.jpg) no-repeat;}
			.off_03{ background:url(img/acc_serv_off.jpg) no-repeat;}
			.off_04{ background:url(img/acc_promo_off.jpg) no-repeat;}
			
			.on_01{ background:url(img/acc_liv_on.jpg) no-repeat;}
			.on_02{ background:url(img/acc_qual_on.jpg) no-repeat;}
			.on_03{ background:url(img/acc_serv_on.jpg) no-repeat;}
			.on_04{ background:url(img/acc_promo_on.jpg) no-repeat;}
			
			.fond_01{ background:url(img/acc_liv_fond.jpg) no-repeat;}
			.fond_02{ background:url(img/acc_qual_fond.jpg) no-repeat;}
			.fond_03{ background:url(img/acc_serv_fond.jpg) no-repeat;}
			.fond_04{ background:url(img/acc_promo_fond.jpg) no-repeat;}
			
			.horizontal_accordion_content p {
				
			width: 220px;
			height:250px;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      width: 400px;   
      height: 250px;    
    }
    
