/* CSS Document */

* { margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;	
    background: #000000;
	color: #ffffff;	
	width: 1000px;
	margin: auto;
}

.red {
	color: #CB2D31;
}
.white {
	color: #FFFFFF;
}
a {
	text-decoration: none;
}
.font_12 {
	font-size: 12px;
}
.font_12_bold {
	font-size: 12px;
	font-weight:bold;
}

.font_14 {
	font-size: 14px;
}
.font_13 {
	font-size: 13px;
	font-weight:bold;
	margin-bottom:0px;
}
.font_105 {
	font-size: 10.5px;	
}
.font_14_contact {
	font-size: 11px;
	margin-bottom:5px;
	font-weight:bold;
}
.font_14_red {
	font-size: 14px;
	color:#C41014;
	font-weight:regular;
}

.font_11 {
	font-size: 11px;
}
.font_11_contact {
	font-size: 11px;
	margin_bottom:5px;
}

.btns {
	margin-top: 90px;
}

/* Header */
#header {
	height: 140px;
	width: 100%;
}

#logo {
	width: 125px;
	height: 144px;
	float: left;
}
			#logo span {
				width: 125px;
					height: 144px;
					float: left;
				/*padding-left:44px;*/
				padding-top:29px;
			}

#navigation {
	float: right;
	background: url(../images/FDM-2008_05.jpg) no-repeat bottom right;
	width: 875px;
	height: 140px;
}
			#navigation ul { float: right; list-style: none; margin-right: 30px; margin-top: 85px;}
			#navigation ul li {padding-bottom: 7px;}
			#navigation li {
				float: left;
				position: relative;
				padding-right: 25px;				
			}
			
			#navigation ul li a { 
				text-decoration: none;
				color: #ffffff;
			}
			#navigation ul li a:hover {
				color: #CB2D31;
			}
			#navigation ul li.active a { 
				color: #CB2D31;
			}
			#navigation ul li a.active { 
				color: #CB2D31;
			}
			
			/* the drop-down starts here */
			div#navigation ul li ul {
				position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
				width:185px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
				left:-1px; /*aligns the drop exactly under the menu */
				top: 22px;
				margin-top: 0px;
				background-color: #EC292E;
				font-size: 10px;
				padding: 5px 0px;
				display: block;
				}			
			#navigation ul li ul li{
				width: 100%;
				padding: 1px 10px;
			}
			#navigation ul li ul li:hover{
				background-color: #C02B2D;	
				width: 165px;			
			}
			#navigation ul li ul li.active{
				background-color: #C02B2D;
				width: 165px;			
			}
			#navigation ul li ul li.active a{
				color: #FFFFFF;
				
			}
			
			#navigation ul li ul li:hover a, #navigation ul li.active ul li a{
				color: #ffffff;
			}
			
			//#navigation ul li:hover ul{
				//display: block;
			//}
			

/* Main */
#main {
	background: url(../images/bg_07.jpg) no-repeat top right;	
	padding-top: 40px;
	height: 550px;
}

/* Main Flash*/
#main_flash {
	background: url(../images/bg_07.jpg) no-repeat top right;	
	padding-top: 0px;
	height: 480px;
}

#image {
	width: 340px;
	height: 442px;
	float: left;
	margin-left: 100px;
}
#imageTech {
	width: 320px;
	height: 442px;
	float: left;
	margin-left: 60px;
	margin-top:-40px;
}
#image2 {
	width: 340px;
	height: 442px;
	float: left;
	margin-left: 190px;
	padding-top: 30px;
}

#image3 {
	width: 340px;
	height: 442px;
	float: left;
	margin-left: 75px;
	margin-top:-40px;
}
			#image div.s2 {
				margin-left: 110px;
				margin-top: -40px;
			}

#content {
	width: 260px;
	margin-left: 133px;
	float: left;
	font-size: 12px;
}
			#content .currentMenu {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
			}
			#content p {
				margin-bottom: 10px;
				text-align:justify;
			}
			
#content2 {
	width: 240px;
	margin-left: 133px;
	float: left;
	font-size: 12px;
}
			#content2 .currentMenu {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
			}
			#content2 p {
				text-align:justify;
			}

#content3 {
	width: 300px;
	margin-left: 133px;
	float: left;
	font-size: 12px;
}
			#content3 .currentMenu {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
			}
			#content3 p {
				margin-bottom: 10px;
				text-align:justify;
			}
			#content3 a {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
				text-decoration: none;
			}
			#content3 a:hover {
				text-decoration: underline;
			}
#content4 {
	width: 800px;
	margin-left: 133px;
	float: left;
	font-size: 12px;
}
			#content4 .currentMenu {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
			}
			#content4 p {
				margin-bottom: 10px;
				text-align:justify;
			}

#contentTech {
	width: 320px;
	margin-left: 133px;
	float: left;
	font-size: 12px;
}
			#contentTech .currentMenu {
				color: #C51E1F;
				margin-bottom: 20px;
				font-size: 11px;
				font-weight:regular;
			}
			#contentTech p {
				margin-bottom: 10px;
				text-align:justify;
			}
			
			
.exposant {
	font-size: 7px;
	position: relative;
	bottom: 2px;

}

			
/* Footer */
#footer {
	background: url(../images/foot_08.jpg) no-repeat bottom left;
	width: 100%;
	height: 1px;
	position: relative;
}


#footer a#musicMute {
	height:14px;
	left:30px;
	position:absolute;
	top:10px;
	width:15px;
}
#footer a.musicoff {
	background:transparent url(../images/music-mute-off.gif) no-repeat scroll 0%;
}
#footer a.musicon {
	background:transparent url(../images/music-mute-on.gif) no-repeat scroll 0%;
}

div.UseMap {
position: absolute;
height:100%;
width:100%;
}