#wrapper { background:url(../gfx/decoup/wrapper.gif) no-repeat top left; width:800px; padding:1px 0 0 140px; min-height:388px; }
#header { width:763px; height:140px; position:relative; }
.plan { color:#cacbc8; font-size:11px; background:url(../gfx/deco/puces/plan.gif) no-repeat 0 10px; padding:8px 0 0 15px; height:21px; float:left; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif }
.acces { position:absolute; top:-2px; left:320px; background:url(../gfx/decoup/onglet.gif) no-repeat; width:120px; height:20px; text-align:center; padding:4px 0 0 0; color:#fff; font-size:10px; }
a.acces:hover { background-position:0 1px; padding:5px 0 0 0; }
.e2ia { width:100px; height:130px; display:block; text-indent:-9999px; background-image: url(../gfx/decoup/logo_e2ia.png); background-repeat: no-repeat; background-position: 0 10px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 50px; }
#header img { float:right; }
#coll { float:left; width:180px; padding:10px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.accueil { color:#390; background:url(../gfx/deco/filet/orange.gif) repeat-x bottom; padding:2px 0 3px 2px; display:block; font-weight:bold; }
ul.menu, ul.menu1 { margin:18px 0; }
ul.menu1 { margin-top:30px; }
ul.menu li a { color:#045282; font-size:14px; font-weight:bold; background:url(../gfx/decoup/separs.gif) no-repeat bottom; padding:0 0 20px 4px; display:block; width:165px; }
ul.menu li a:hover { color:#1B84BF; }
ul.menu li ul { padding:0 0 25px 0; }
ul.menu li ul li a, ul.menu1 li a { background:url(../gfx/deco/filet/gris.gif) repeat-x bottom; padding:2px 0 4px 4px; font-weight:normal; color:#666; font-size:12px; }
ul.menu1 li a { color:#F60; width:165px; display:block; }
ul.menu1 li a:hover { color:#666; }
#cold { float:left; width:480px; line-height:18px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 20px; padding-top: 40px; padding-right: 20px; padding-bottom: 20px; padding-left: 30px; }
#cold p, #cold h2, #cold h3, #cold h4, #cold h5, #cold h6, #cold ul, #cold ol { padding-right:10px; padding-left:10px; }
#cold ul, #cold ol { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#cold ul li, #cold ol li { padding:0 0 4px 18px; background-image: url(../gfx/deco/puces/pupuce.png); background-repeat: no-repeat; background-position: 0px 3px; }
#cold a { color:#4b4755; border-bottom:1px dotted #4b4755; }
.separ { background:url(../gfx/deco/filet/gris.gif) repeat-x center; height:14px; clear:left; }
h2 { color:#069; font-size:18px; background:url(../gfx/decoup/separ.gif) no-repeat bottom; font-weight:normal; padding-top: 0; padding-right: 0; padding-bottom: 16px; padding-left: 0px; }
h3 { color:#762c64; font-size:15px; }
h4 { color:#490133; font-size:12px; }
h5 { color:#666666; font-size:10px; text-transform:uppercase; }
h5 { color:#8fbb00; font-size:9px; }
.logo { width:115px; text-align:center; float:left; height:60px; }
.logos { width:135px; text-align:center; float:left; height:100px; }
.txt { background:url(../gfx/decoup/cote.gif) no-repeat left top; padding:10px 0 0 10px; height:92px; float:left; width:300px; }
.txts { background:url(../gfx/decoup/cotes.gif) no-repeat left top; padding:10px 0 0 10px; height:46px; float:left; }
.logo img, .logos img { margin:0 auto; top:15%; position:relative; }
#footer { background:url(../gfx/decoup/footer.gif) repeat-x; height:61px; width:100%; clear:both; }
#footer div { background:url(../gfx/decoup/footers.gif) no-repeat; height:53px; padding:8px 0 0 360px; color:#fff; font-size:12px; line-height:15px; }
#footer b { font-size:14px; }
.lien_fiche { text-decoration:underline; color:#069; }


/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

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

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			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 {
      margin: 20px auto 20px auto;
      width: 620px;
    }