body {
        background-color:#003f7d;
        font-size:13px;
        font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#003f7d;
        padding:0px;
        margin:0px;
}



#conteneur {
/*      position:absolute; */
        width:1000px;
        padding:0px;

                  margin-left: auto;
         margin-right: auto;
	background-color: #003f7d;
}


#entete {
        top:0px;
        left:0px;
        height:250px; 
        width:1000px;
        background-color: #808080;
	background-image: url(); 
        background-repeat: no-repeat;
}



 
#millieu{
        float:left;
        width:820px;
                        border-left: solid 180px #F0F0F0;
        background-color: #ffffff;
        z-index:1;
}

#left {
        position:relative;
        width:180px;
        height:450px;
        float:left;
        margin-left:-180px;
        margin-right:1px;
        padding:0px;
        background-color:#F0F0F0;
        background-image: url(http://www.esta-belfort.fr); 

                                z-index:2;
}

html> body #left{
        height: auto;
        min-height:450px;
}

#contenu{
        position: relative;
        margin: 0px;
        /* background-color: #ffffff; */
        padding:10px;
}

#pied {
        position:relative;
        clear:both;
        left:0px;
        height:73px;
        width:1000px;
      	background-color:#003f7d; 
        background-image: url(http://www.esta-belfort.fr/style_graphique/image_bloc_bas.jpg);
        background-repeat: no-repeat; }

#ml {
	position:relative;
	text-align: right;
	padding: 5px;
}

a {color:#FE0005;}
a:visited {color:#FE0005;}
a:hover {color:#3043CE;}
a:active { color:#FE0005}

.effetcalque {

/* GESTION DE L'OPACITE EN CSS, reprendre en dynamique */
-moz-opacity:0.99; /* propriéire Firefox */
opacity:0.99; /* CSS3 */
}


.png {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


 
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
#menu {
	
	padding-top: 1em;
	padding-left: 0px;
	width:180px; 	
}

#menu dt {
	cursor: pointer;
	background: ; 	height: 17px; 	line-height: 14px; 	padding:3px;
	margin: 6px 0; 	border: 0px solid #808080; 	text-align: center; 	font-weight: bold; 	
}

#menu dd {
	position: absolute;
	z-index: 100;
	left: 8em;
	margin-top: -1.4em;
	width: 16em;
	background: #f7f7f7; 	border: 1px solid  #000000; }

#menu ul {
	padding: 3px;
	
}
#menu li {
	text-align: center; 	font-size: 100%;
	padding:3px;
	height: 14px; 	line-height: 14px; 	
}

#menu dt a {
        color: #003f7d;         text-decoration: none;
        display: block;
}

#menu li a {
        color: #000000;         text-decoration: none;
        display: block;

}


#menu li a:hover {
	text-decoration: underline;
	
}