html{	
	height: 100%;
}

.menuIndicateur{
    background: url(fleche.gif) center right no-repeat;
height:2em;
line-height:1em;
    }

.menu{
   font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:12px;
    display:block;
margin:20px auto;


   width:780px; /* important for Opera7 */
   text-transform:uppercase;
   
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donn?e */
    display:block;
    width:150px;
    margin:0;
    padding:0;
	text-transform:none;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donn?e */
    top:auto;
    left:auto;
    margin-left:128px;
    margin-top:-31px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    width:106px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
	
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
 html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
     background: #0066CC ;
    border:1px #666 solid;
    color:#fff;
    display:block;
    width:101px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
min-height:auto;
    }
    
.menu a:hover{
   background: #669AFF ;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
   background: url(images/transpa.png) ;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a{
   background: url(images/transpa.png) ;
    border:1px #666 solid;
	 color:#000;
    }
    
.menu li li li a{
  background: url(images/transpa.png) ;
    border:1px #666 solid;
	}
body{
	background: #004C82 u top left;
	font-size: 90%;
	color:#004C82;
	 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 auto 0;
	height: 100%;
	min-height: 100%;
		
}
.contenu{
margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	
	background:#eef;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	
	 
}

.titre{
background: #D5E3FF repeat-x url(images/titre.jpg);

margin: 0 auto;
	padding: 5px 0;
	color:Black;
	text-align:center;
	position:relative;
}

.header{
	height:260px;
	position:relative;
	
}

h1{
font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin :0;
	padding:0;
	font-size: 1em;
	font-weight:normal;
	color:Black;
letter-spacing:0.05mm;
	
}
h2{
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-size: 3em;
color:Black;
font-family: Arial, Helvetica, sans-serif;

	
}
h4{
font-size:1.4em;
margin:10px 0 ;
text-align:center;
background:#eee;
padding:3px;
}
.centerless{
	position:absolute;
	left:460px;
	top:30px;
}




.p{
	margin:0;
	padding:0;
	
}
.texte{
margin: 60px auto 0;
line-height:1.1em;
	width:730px;
	text-align:justify;
	font-size: 0.82em;
	
}

.gauche{
position:absolute;
	width:485px;
	left:64px;
	top:18px;
	
}
.droite{
	position:absolute;
	right:0px;
	top:15px;
	width:285px;

}



.centre{

	text-align: center;
	margin:10px 0;
	
	padding:35px 0;
	
}
.texte li{
	padding:4px 0;
	font-weight: bold;
	list-style-type: none;
	
}
.texte a{
	background: url(images/flecheverte.png) 0 3px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}
.texte a:hover{
	color:#004C82;
	text-decoration: underline;
}

address{
	margin:10px;
	font-style: normal;
	padding:5px;
	
}

.roue{
	list-style-image: url(images/puce.jpg);
	list-style-type: disc;
}
.noir{
	color:Black;
}
a{
	color:#E1B723;
}

table{
border:1px solid #E1B723;
margin-bottom:10px;
text-align:center;
	width: 580px;
	background: url(images/fondtableau.jpg) repeat-x;
	font-size: 1em;
}

.petittable {
width:400px;
margin-left:auto;
margin-right:auto;

}

.petittable td{
padding-top:2px;
width:350px;
text-align:left;
}
td{
	width:50px;
	padding-top:20px;
	
	
	
}
th{
	font-weight: bold;
	background-color: #E1B723;
	border:0;
}
hr{
	clear: both;
	visibility: hidden;
}
h3{
	
	padding-top:35px;
}

dt{
	font-weight:bold;
	background : url(images/puce.jpg) no-repeat;
	padding-left:20px;
	margin-left:20px;
	
}
strong{
font-size:1.2em;
}

.cadre {
border:1px solid Black;
margin:5px;
}

.ancre{
background: #efefef; 
padding:2px;
border : 1px solid #cacaca;
text-align:left;
}
#francais{position:absolute;top:62px;right:85px;border:0px;}
#anglais{position:absolute;top:62px;right:5px;border:0px;}
#allemand{position:absolute;top:62px;border:0px;right:45px;}
#apres{margin-left:20px;}

.premierecolonne{
width:250px;font-weight:bold;
}

#liste-poste-autonome li
{
list-style-type: decimal;
}
#avantage-polissage li
{
font-size:1.3em;
line-height:1.8em;
font-style:italic;

}

#news a{
position:absolute;
background: #FDFDFD url(images/news.jpg);
 height:79px;
width:135px;
padding:0;
margin:170px 0 0 0;
}
#news a:hover{
background: #f00 url(/images/news.jpg) 0 79px;

}
.avantages li{
margin: 10px 0;
}
.centrer{text-align:center;}
.centrer img{margin:20px 5px;}