#container {
	width: 780px;
	margin: 0 auto 0 auto;
    }

    #horizontal_container {
	width: 780px;
	height: 116px;
	margin: 0 auto 0 auto;
	background-color: #00d5f9;
    }
		#toggle1{
		 background-image:url(../images/charte/tranche1.gif);
		}
		#toggle2{
		 background-image:url(../images/charte/tranche2.gif);
		}
		#toggle3{
		 background-image:url(../images/charte/tranche3.gif);
		}
		#toggle4{
		 background-image:url(../images/charte/tranche4.gif);
		}
		#toggle5{
		 background-image:url(../images/charte/tranche5.gif);
		}
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 116px;
			width: 22px;
			outline: none;
	        cursor: pointer;
			background: no-repeat top left;
		}
		
		.horizontal_accordion_toggle_active {
			
			background:left 116px;
		}
		
		.horizontal_accordion_content {
        	/* REQUIRED */
	        height: 116px;	/* 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;
		}
		
		.horizontal_accordion_content h1 {
	width: 626px;
	height: 116px;
	background-color: #FFFFFF;
		}
			
		.horizontal_accordion_content h2 {
	width: 626px;
	height: 116px;
    background-image:url(../images/charte/menu_motion/names.gif);
		}
		
		.horizontal_accordion_content h3 {
	width: 626px;
	height: 116px;
    background-image:url(../images/charte/menu_illustrations/names.gif);
		}
		
		.horizontal_accordion_content h4 {
	width: 626px;
	height: 116px;
    background-image:url(../images/charte/menu_graph/names.gif);
		}
		
		.horizontal_accordion_content h5 {
	width: 607px;
	height: 100px;
	text-align: center;
	font-family: Georgia, "Times New Roman" ,Times,serif;
	font-size: 20px;
	color: #666666;
	background-color: #FFFFFF;
	padding: 6px 9px 10px 10px;
	font-weight: normal;
		}
		
		.horizontal_accordion_content h6 {
			width: 626px;
			height: 116px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 42px;
			color: #FFFFFF;
			line-height: 100%;
			font-weight: bold;
			margin-top: 33px;
			margin-left: 90px;
			background-color: #00d5f9;
		}
		
		.horizontal_accordion_content h7 {
			width: 626px;
	        height: 116px;			
		}
		
		.horizontal_accordion_content p {
			width: 607px;
	        height: 100px;
            font-family: Georgia, "Times New Roman" , Times, serif;
	        font-size: 14px;
	        color: #666666;
	        background-color: #FFFFFF;			
	        line-height: 100%;
			text-align: left; 
			padding: 6px 9px 10px 10px;
		}
		
		.thumbnail
        {
        float: left;
        width: 22px;
        }
		.clearboth { clear: both; }
		

			
	#header {
	width: 780px;
	height: 105px;
	position: top center;
	}
	    .header h1 {
	    }
		
	#footer {
	position: absolute;
	width: 780px;
	height: 500px;
	top: 227px;

	}
	
		.footer h1 {
	}