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

#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: 890px;
}

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



/*------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------- */
/*colonne UN */


.colonneUn {
	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;
}




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

}

.colonneUn li a {

padding-left:15px;
height:30px;
display: block;
color: #E8EAEA;
text-decoration:none;

}
.colonneUn li a:hover {

color: #000000;
text-decoration:none;

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

}

.colonneUn div {
line-height:20px;
padding-left:15px;
height:20px;
display: block;
background-color: #E8EAEA;
color: #666666;
text-decoration:none;
margin-bottom:5px;
margin-top:5px;


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


	
}


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



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

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

}

.colonneDeux li a:hover {
/*background-color: #CCCCCC;*/
color: #000000;
text-decoration:none;

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

.colonneDeux div {
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;

}




/* colonne 3 */


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





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

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

}

.colonneTrois li a:hover {

color: #000000;
text-decoration:none;

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

}

.colonneTrois div {
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;


}



/* colonne 4 */


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



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

.colonneQuatre li a {
padding-left:15px;

height:20px;
display: block;
color: #E8EAEA;
text-decoration:none;


}

.colonneQuatre li a:hover {

color: #000000;
text-decoration:none;

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

}
.colonneQuatre div {
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;
}

/* colonne 5 */


.colonneCinq {
	position: absolute;
	top:0px;
	padding-top: 5px;
	left: 718px;
	width: 148px;
	height: 159px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/grid.png');*/
}

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

}

.colonneCinq[class] {
background-image: url(../images/grid_5.png);
	background-repeat:no-repeat;
}

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

.colonneCinq li a {
padding-left:15px;

height:20px;
display: block;
color: #E8EAEA;
text-decoration:none;


}

.colonneCinq li a:hover {

color: #000000;
text-decoration:none;

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

}
.colonneCinq div {
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: #000000;
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;
width:120px;
height:370px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
text-align:right;


}

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

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

#headerBottomLeft a:hover {

color: #000000;
text-decoration:none;
}

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

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


/*------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------- */
.scrollContainer {
top:0px;
position:absolute;
left: 514px;
width: 184px;
height: 164px;	
background: transparent url(../images/grid_3.png) no-repeat 0 0;	
}




#rollerBox {
top:0px;
position:absolute;
left: 0px;
width: 184px;
height: 150px;
overflow:hidden; 
}

.scroller {
width:184px; 
height:164px; 
overflow:hidden; 
position:absolute; 
top:0px; 

}




 #innerContainer {
position:absolute;
left:0;
top:5px;

}
.scroller ul {

margin:0; 
padding:0; 
list-style:none; 
width:184px;
list-style-type: none;
font-family:"Courier New", Courier, monospace;
font-size:14px;
font-weight:normal;
}
.scroller ul li {
margin-bottom:3px;
display: block;
line-height:.9em;
width:184px;
}
.scroller ul li a {
padding-left:15px;
padding-top:3px;
padding-bottom:3px;
display: block;
color: #E8EAEA;
text-decoration:none;
}

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

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

}
#slideUp {
width:18px; 
height:16px; 
position:absolute; 
left:155px; 
top:149px; 
background:url(../images/slide_up.gif); 
overflow:hidden;
}
#slideDown {
width:18px; 
height:16px; 
position:absolute; 
left:168px; 
top:149px; 
background:url(../images/slide_down.gif); 
overflow:hidden;
}

.scroller ul li p {
width:184px;
padding-left:15px;
padding-top:3px;
height:17px;
line-height:.9em;
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;


}