body {
	margin: 0;
	background-color: #000000;
}

#bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	min-width: 1000px;
}
#wrapper {
	margin: 0px 0px;
	height: auto;
	height: 100%;
	min-height: 100%;
	position: relative;
	z-index: 5;
	width: 860px;
}

.logoAccueil {
background: transparent url(../images/logo.png) no-repeat right;
position: absolute;
top: 0px;
left: 0px;
width: 136px;
height: 169px;
}



.colonneUnAccueil {
	position: absolute;
	background-repeat:no-repeat;
	top:0px;
	padding-top: 5px;
	left: 136px;
	width: 184px;
	height: 159px;
	background: transparent url(../images/grid_1.png) no-repeat 0 0;
}

* html .colonneUnAccueil { /*IE only */
background-color:#999999;
filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;

}




.colonneUnAccueil ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family:"Courier New", Courier, monospace;
font-size:24px;
font-weight:normal;
}

.colonneUnAccueil li a {
padding-left:15px;
height:30px;
display: block;
color: #E8EAEA;
text-decoration:none;
}

.colonneUnAccueil li a:hover {
color: #000000;
text-decoration:none;

filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.colonneUnAccueil div {
line-height:20px;
padding-left:15px;
height:20px;
display: block;
background-color: ##E8EAEA;
color: #666666;
text-decoration:none;


filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
}

a.lienMenu {
font-family:"Courier New", Courier, monospace;
font-size:24px;
font-weight:normal;
color: #FFFFFF;
text-decoration:none;

}

a.lienMenu:hover {
color: #5a5a5a;
text-decoration:none;
}

#headerBottomLeft {
	background: transparent url(../images/logo_sodec.png) no-repeat 0 200px;
	position:absolute;
	margin:0px 0px 20px 0px;
	text-align: right;
	padding-right:16px;
	top:176px;
	left: 0px;
	height:370px;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:right;
}

#headerBottomLeft a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}

#headerBottomLeft a.mail {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}

.coord {
	padding-top:20px;
	font-size:10px;
	font-weight:normal;
}

#headerBottomLeft a:hover {

color: #5a5a5a;
text-decoration:none;
}

hr.laLigne {
position:absolute;
border:0px;
top:173px;
left: 106px;
width: 754px;
height: 5px;
background-color:#FFFFFF;
filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

.containerWho {
top:180px;
left:136px;
position:absolute;
width:283px;
display:block;
background: transparent url(../images/back_contenu.png) repeat 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#323232;
padding-top:20px;
padding-left:10px;
padding-right:10px;
padding-bottom:110px;
}



#containerWhoRight {
top:180px;
left:444px;
position:absolute;
z-index: 10;
width:303px;
min-height:300px;
height:auto;
height:300px;

}

.containerWhoTop {
	top:0px;
	position: relative;
	width:283px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#323232;
	font-weight:bold;
	background: transparent url(../images/back_contenu.png) repeat 0 0;
	padding:20px 10px;
}


.clearShow{
	float:none;
	clear:both;
}

.containerWhoDown {
	position: relative;
	width:303px;
	
	
}

p {
	margin: 0;
}