/* ************************** Général *************************
***************************************************************/
html {
	margin: 0;
	padding: 0;
}
body {
    margin: 0; 
	padding: 0;
    text-align: center; /* pour corriger le bug de centrage IE */
	background: #232429;
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
     }
#global {
	position:fixed !important;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-224px;
	margin-left:-389px;
	width:778px;
	height:448px;
	background: url('site-internet-img/bg-global.jpg') top left no-repeat;
	}
#logo {
	position: absolute;
	width: 278px;
	height: 75px;
	top: 100px;
	right: 0px;
	}
#intro {
	position:absolute;
	width: 450px;
	top: 48px;
	left: 64px;
	text-align: left;
	color: #ffffff;
	}

#texte {
	position:absolute;
	padding: 0px;
	width: 460px;
	height: 380px;
	top: 48px;
	left: 64px;
	text-align: left;
	/*background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;*/
	color: #ffffff;
	overflow: none;
	}
#texte-long {
	position:absolute;
	padding: 18px;
	width: 448px;
	height: 372px;
	top: 16px;
	left: 32px;
	text-align: left;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	color: #ffffff;
	overflow: auto;
	}
li {
	list-style-type: square;
	}
/********************************** menu ***************************
********************************************************************/
#menu {
 	position: absolute;
	bottom: 21px;
	right: 22px;
	text-align: left;
    }
#menu ul {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0px;
padding:0px;
}
#menu li {
list-style-type: none;
margin-top: 1px;
text-indent: 20px;
}

#menu li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 12px;
width: 158px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-color: #000000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
#menu li a:hover {
color: #000000;
text-decoration: none;
font-weight: normal;
background-color: #ffffff;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
} 
/********************************** legal **************************
********************************************************************/	
.legal {
	position: absolute;
	width: 778px;
	bottom: -34px;
	left: 0px;
	text-align: center;
	color: #cccccc;
	font-size: 10px;
	}
.legal a, a:active, a:visited {
	text-decoration:none;
	color:#cccccc;	
}
.legal a:active {
	text-decoration:none;
	color:#cccccc;
}	
.legal a:visited {
	text-decoration:none;
	color:#cccccc;
}
.legal a:hover {
	text-decoration:underline;
	color:#ffffff;
}
/********************************* expo site *************************
**********************************************************************/
#expo-site {
	position: absolute;
	width: 425px;
	height: 200px;
	top: 225px;
	left: 0px;
	z-index: 10;
	}
/********************************** titres ***************************
**********************************************************************/
h3 {
	margin: 4px 0;
	font-size: 12px;
	color: #ffffff;
	}
h4 {
	margin: 0;
	font-size: 11px;
	color: #4e2029;
	}
#texte-long h4 {
	margin: 0;
	font-size: 11px;
	color: #ffffff;
	}
/********************************** general **************************
********************************************************************/	
ul {
	margin: 6px 0;
	} 
a {
	text-decoration:none;
	color:#4e2029;
}
a:active {
	text-decoration:none;
	color:#4e2029;
}
a:visited {
	text-decoration:none;
	color:#4e2029;
}
a:hover {
	text-decoration:underline;
	color:#ffffff;
}
/*** blanc ***/

.blanc a {
	text-decoration:none;
	color: #ffffff;
}
.blanc a:active {
	text-decoration:none;
	color: #ffffff;
}
.blanc a:visited {
	text-decoration:none;
	color: #ffffff;
}
.blanc a:hover {
	text-decoration:underline;
	color:#4e2029;
}

a img {
	border: none;
	}
img {
	vertical-align: baseline;
	}
p {
	margin: 10px 0;
	padding: 0;
	}
	
.big-blanc {
	font-size:14px;
	color: #ffffff;
	}
.black-box {
	margin: 0;
	padding: 4px;
	width: 100%;
	background-color: #000000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	}
