/*
			Vertical Accordions
		*/
		
		.accordion_content {
			background-color:#fff;
			color: #444444;
			overflow: hidden;
			height: 398px;
			width:710px;
  			margin-bottom:10px;
  			margin-top:10px;
			
		}
		/*
			Horizontal Accordion
		*/
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			display: block;
			width: 30px;   
      		height: 398px;
			background: url(../img/couloir_txt_bas.jpg) no-repeat #9cd6e2;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #e6e6e6;
			cursor: pointer;
			margin: 0 0 0 0;
		}
				.horizontal_accordion_toggle_active {
			background: url(../img/couloir_txt_bas_over.jpg) no-repeat  #a1ab2e;
		}
				/*
					Roll hover
				*/
				#horizontal_container a .horizontal_accordion_toggle {
					width: 30px;   
					height: 398px;
					background: url(../img/couloir_txt_bas.jpg) no-repeat #a9d06a;
					
				}
				#horizontal_container a:hover .horizontal_accordion_toggle {
					width: 30px;   
					height: 398px;
					background: url(../img/couloir_txt_bas_over.jpg) no-repeat #a9d06a;
					
				}
		
		
		
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 398px;	/* 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;
			width: 268px;
			-width: 254px;
		}
			
			
			.horizontal_accordion_content p {
				width: 276px;
				-width: 274px;
				height:auto;
				padding:0px 10px 0 10px;
				
				font-size:11px;
				text-align:justify;
				font-weight:normal;
				color: #444444;
			}
			.horizontal_accordion_content p a{
			
				color:#0385b1;
				display:block;
				background:#d9eef5;
				padding:1px;
				text-align:center;
				border-bottom:1px solid #fff;
				text-decoration:none;
			}
			.horizontal_accordion_content p a:hover{
				color:#fff;
				display:block;
				background:#0385b1;
				padding:1px;
				text-align:center;
				border-bottom:1px solid #fff;
				text-decoration:none;
			}
			.horizontal_accordion_content ul {				
				font-size:11px;
				text-align:left;
				font-weight:normal;
				color: #444444;
				padding:0 10px;
				margin:0;
			}
			.horizontal_accordion_content ul li {
				list-style-type:circle;
				list-style-position:inside;
				margin:0;
				padding:0;
			}
			.horizontal_accordion_content ul li a{
			color:#0385b1;
			text-decoration:underline;
			}
			.horizontal_accordion_content ul li a:hover{
			color:#8f5497;
			}
				.plaquette_pdf  a{
				background:none;
				font-weight:bold;
				color:#fff;
				display:inherit;
				}	
					
    /* Container styling*/
    #horizontal_container {
      width: 700px;   
      height: 398px;  
	  background:#edfbff;  
	  margin-right:10px;
	  
    }
    

	.lien_hover {
	height:398px;width:30px;cursor:pointer;display:block;
	}
	#horizontal_container a:hover .lien_hover{
	height:398px;width:30px;cursor:pointer;background:url(../img/couloir_txt_bas_over.jpg);
	}
	
	/* styles pour typeface */





/*-----------------------------------La page FAQ----------------------------------- */
		#faq .accordion_toggle {
		display: block;
		padding:5px 3px 5px 3px ;
		width: 684px;
		background:  #f4f4f4;
		line-height:normal;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		margin: 0 0 0 0;
		color: #5b5b5b;
		
		}
		#faq .accordion_toggle_active {
		background:#0385b1;
		color: #ffffff;
		border-bottom: 1px solid #fff;font-weight:bold;
		}

		#faq .accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		width:690px;
		}
		#faq{
		width:690px;
		border-bottom:5px solid #c7c7c7;
		float:left;
		}
		#faq h1{
		text-align:center;
		
		font-weight:bold;
		font-size:13px;
		color:#74cbe9;
		height:auto;

		  }
			
			#faq .accordion_content p {
			
			padding: 5px;
			font-size:13px;
			}

		/*Horizontal Accordion*/
		#faq .horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
		display: block;
		height: 100px;
		width: 30px;
		background: #5a4f4a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
		}
		#faq .horizontal_accordion_toggle_active {
		background: #cc0432;
		border-right: 1px solid #f68263;
		}
		#faq .horizontal_accordion_content {
		/* REQUIRED */
		/* 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;
		}
			#faq .horizontal_accordion_content p {
			width: 398px;
			
			padding: 5px 10px 15px 10px;
			}