@charset "utf-8";
/* CSS Document */



#container{width:200px;}

#maxContainer{width:1000px;}

.accordion_toggle {display: block;height: 23px;width: 160px;background: url(/_itn/img/accordion_toggle.jpg) no-repeat;padding: 5px 0 5px 30px;color: #F28238;font-weight:bold;font-size: 12px;font-family:Arial, Helvetica, sans-serif;cursor: pointer;margin: 0 0 0 5px;text-transform:uppercase;}
			
#maxContainer.accordion_toggle {display: block;height: 50px;width: 1000px;background:url(/images/bandeau.jpg);padding: 0;color: #FFF;font-weight:bold;font-size: 12px;font-family:Arial, Helvetica, sans-serif;cursor: pointer;margin: 20px;text-transform:uppercase;}
			
.blocOrange {display: block;height: 23px;width: 160px;background: url(/_itn/img/bloc-orange.jpg) no-repeat;padding: 5px 0 5px 10px;color: #F28238;font-weight:bold;font-size: 12px;font-family:Arial, Helvetica, sans-serif;cursor: pointer;margin: 0 0 0 5px;text-transform:uppercase;}
.accordion_toggle_active {background: url(/_itn/img/accordion_toggle_active.jpg) no-repeat;}

.accordion_content {color: #444444;overflow: hidden;width:200px;}
			




		.titreNav{
		height:19px;
		width:150px;
		padding:2px 0 0 0;
		background:#92C4F3;
		color:#344352;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		margin:0 0 0px 24px;
		text-align:center;
		}
			
		.vertical_accordion_toggle {
		margin:0 0 10px 24px;
		height:19px;
		width:150px;
		padding:2px 0 0 0;
		background:#92C4F3;
		color:#344352;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		cursor: pointer;
		}
		
		.titreBleu {
		height:19px;
		width:150px;
		padding:2px 0 0 5px;
		background:#92C4F3;
		color:#344352;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		margin:0 0 10px 24px;
		text-align:left;
		cursor: pointer;
		}
		
		.titreBleu a{color:#344352;text-decoration:none;}
		.titreBleu a:hover{color:#F28238;text-decoration:none;}

		.vertical_accordion_toggle_active {color: #ffffff;
		}

		.vertical_accordion_content {overflow: hidden;
		}

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

			.vertical_accordion_content p {	line-height: 150%;	padding: 5px 10px 15px 10px;}
  			
		/*
			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: 1px 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: 1px 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: 450px;	line-height: 150%;	padding: 5px 10px 15px 10px;}
				
				
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {width: 200px;}
	
	#container ul {width:180px;
	margin:10px 0 15px 0;
	padding:0px ;
	}
	
	#container li {
	color:#000000;
	list-style-type:none;
	padding:0 0 4px 20px ;
	background:url(/_itn/img/puce-gauche.gif) no-repeat;
	list-style-type:none;
	background-position: 8px 5px;
	}
	
/*#CENTER ul				{ padding:0px ; margin:0 0 0 16px }
#CENTER li 				{ padding:0 0 4px 14px ; background:url(/_itn/img/li.png) no-repeat; list-style-type:none;background-position: 0 2px;} */
	

	#container li a {
	text-decoration:none;
	color:#000000;
	}
	#container li a:hover {
	text-decoration:underline;
	color:#F28238;
	}
	
	
	
	
	
.titrefaq 			{height:19px;width:150px;padding:2px 0 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0 0 10px 24px;text-align:left;cursor: pointer;}
.titrefaq a			{text-decoration:none;color:#FFF !important}
.titrefaq a:hover	{text-decoration:none;color:#FFF !important}


.cbleu		{background:#0096d6 !important;color:#FFF !important}
.corange	{background:#ff6600 !important;color:#FFF !important}
.cvert		{background:#008751 !important;color:#FFF !important}