/* ELEMENTS GENERIQUES */

html, body	{

min-height: 100%;

}



body, div	{

margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;

background-position: bottom left; background-repeat: no-repeat;

}



a	{

color: #000000; text-decoration: none;

}




.horschamp	{

position: absolute; left: -10000px;

}





/* STRUCTURE DES PAGES */



/* bandeau superieur */

#tete	{ 

background-position: top left; background-repeat: no-repeat; min-width: 62em; min-height: 7em;

} #logo	{

margin: 17px 0px 12px 20px; position: absolute; top: 0px; left: 0px; z-index: 1;

} #logotitre {
position:absolute;
top:0

} #orient	{ 

font-size: 0.7em; padding-top: 18px; padding-bottom: 7px; white-space: nowrap; text-align: right; width: 84em; padding-right: 4em; color: #535959;

} #orient a	{ 

color: #000000;

} #recherche	{

display: inline; padding-right: 20px; margin: 0px;

} ul#menu	{

width: 58em; margin: 0px; margin-bottom: 0.45em; margin-left: 0px; height: 4.4em; font-weight: bold;

padding: 0px; font-size: 0.8em; position: relative; z-index: 2;

} ul#menu li	{

float: left; list-style: none; padding: 47px 14px 1px 5px; border-left: 1px solid #FFFFFF;

} ul#menu li.deuxlignes	{

padding-top: 31px;

} ul#menu li a	{

color: #333333;

} 

/* zones medianes */

#corps	{

width: 61.9em; clear: both; background-position: left top; background-repeat: repeat-y;

} 

/* colonne gauche */

#gauche	{

float: left; width: 9.4em; margin-top: 3px;

} .liensgauche_a	{

margin-top: 30px; margin-left: 4px; padding-top: 6px; background-position: top right; background-repeat: no-repeat; height:1%;

} .liensgauche_b	{

padding-bottom: 6px; background-position: bottom right; background-repeat: no-repeat; height:1%;

} .liensgauche_c	{

padding: 4px 9px 9px 2px; text-align: right; background-color: #FFFFFF; background-position: right; background-repeat:repeat-y;height:1%; 

} .liensgauche_d	{

margin-left: 5px; text-align: right; background-color: #FFFFFF; background-position: right; background-repeat:repeat-y;height:1%; 

} ul.liensgauche	{

margin: 0px; padding: 0px

} ul.liensgauche li	{

font-size: 0.8em; list-style: none; font-weight: bold; margin-top: 14px; line-height: 1em; 

} /* voir aussi .chevrons */ ul.liensgauche li span	{ 

font-weight: normal; font-size: 0.8em;

} 

/* colonne gauche de la page d'accueil */

.home	{

margin-top: 7px;

} .home .liensgauche_c	{

padding-bottom: 2px;

} div.liensgauche	{

color: #535959; font-size: 0.7em; 

} div.liensgauche span.valeur	{

font-size: 1.8em; font-weight: bold;

} div.liensgauche span.valeur span	{

font-weight: normal;

} div.liensgauche a	{

color: #535959; 

} ul.liensacces-gauche	{

margin: 0px; padding: 0px; margin-top: 0.3em;

} ul.liensacces-gauche li	{

font-size: 0.7em; list-style: none; line-height: 1.45em;

} ul.liensacces-gauche li a	{

color: #535959; 

} ul.liensacces-gauche li a:hover	{

color: #000000; 

} ul.sliensacces-gauche	{

text-align: left; margin-left: 0em; margin-bottom: -.3em;  

} ul.sliensacces-gauche li	{

display: none;

} ul.sliensacces-gauche li li	{

display: block; font-size: 1em; margin-left: -2.25em;

} ul.sliensacces-gauche li li.retour	{

font-weight: bold; margin-left: -3.5em;

} 

/* partie centrale */

#noyau	{

float: left; width: 90em; 

} html>body #noyau	{

width: 52.45em;

} .anglehaut	{ 

background-position: top right; background-repeat: no-repeat;

} .anglebas	{ 

background-position: bottom right; background-repeat: no-repeat;

} 
#contenu	{
float: left; width: 42.3em;
}
* html #contenu	{/* que pour IE*/
float: left; width: 42.3em; 
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
float: left; width: 42.7em !important;
}
.suite	{

float: left;

}
p.lettre, div.lettre	{

font-size: 0.7em; font-weight: bold; color: #535959; margin-top: 0.6em;

} ul.lettre, dl.lettre	{

font-size: 0.75em; color: #535959; margin: 0px; padding: 0px; list-style: none;

}  ul.lettre a	{

font-weight: bold; font-size: 1.1em; color: #535959;

} dl.lettre dt	{

float: left; width: 5.6em; font-size: .9em;

} dl.lettre dd	{

margin-left: 5.6em; 

} dl.lettre a	{

color: #535959;

} dl.lettre dd a span	{

font-weight: bold;

} 
* html #ongletsmedia, #ongletssites	{/* que pour IE*/
width: 93%; padding-top: 1.8em; float: left; margin-bottom: 5px;
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
width: 100%; padding-top: 1.8em; float: left; margin-bottom: 5px;
}

#ongletsmedia .pas, #ongletsmedia .act, #ongletssites .pas, #ongletssites .act	{
width: 24%; float: left; height: 1.8em; padding-top: .6em; text-align: center;
} 
* html #ongletsmedia .pas, #ongletsmedia .act, #ongletssites .pas, #ongletssites .act	{/* que pour IE*/
width: 24%; float: left; height: 2.2em; padding-top: .6em; text-align: center;
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
width: 24%; float: left; height: 1.8em; padding-top: .6em; text-align: center;
}

#ongletsmedia .pas a, #ongletssites .pas a	{

color: #FFFFFF;

} #ongletssites	{

padding-top: .3em; 

} #ongletssites .pas, #ongletssites .act	{

width: 24%; float: left; height: 2.45em; padding-top: .05em; text-align: center;

} .ongletmilieu, .ongletmilieu2	{

border: 1px solid #FFFFFF; border-width: 0px 1px;

} .ongletmilieu2	{

border-left-width: 0px;

} 
.onglartact img	{ 
display: none;
} .onglartact td	{
background-color: #FFFFFF; font-weight: bold;
} 



#onglrubrique .onglargie	{

width: 9.75em;

} 



html>body #onglrubrique .onglargie	{

width: 9.65em;

} 

/* colonne droite */

#droite	{
float: left; width: 9.75em;
} 
* html #droite	{/* que pour IE*/
width: 9.75em;
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
margin-left:-0.4em !important;
width: 9.75em;
}
span.basdroite	{

font-size: 0px;

} img.basdroite	{

float: right; margin-top: -1px;

} 

/* partie centrale de la page d'accueil */

#couches	{

position: relative; 

} #multim {

Z-INDEX: 1; MARGIN-BOTTOM: -17.95em; HEIGHT: 17.95em;BACKGROUND-COLOR: #d1e2da;

} #alahune, #navhune	{

position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; 

} .navhune	{
color: #FFFFFF; margin: 0px; margin-top: -143px; padding: 17px; padding-left: 45px; height: 109px;
}
.navhune p	{

color: #FFFFFF; width: 28em; font-size: .95em; margin: 0px; 

} .navhune span	{

color: #FFFFFF; font-size: .95em;

} .navhune a	{

color: #FFFFFF; 

} #alahune	{

height: 14.1em; z-index: 20; 

} html>body #alahune	{

height: 14.15em;

} #navhune	{

height: 3.8em; margin-left: 0px; z-index: 30;

} #alahune a, #navhune a	{

color: #FFFFFF; position: relative; z-index: 6;

} #alahune a:hover, #navhune a:hover	{

COLOR: #ccc

} #navhune A {

            Z-INDEX: 6; COLOR: #ffffff; POSITION: relative

}

/* suppression de ces class pour alignement middle des onglets

#navhune a img	{

position: absolute; left: -14px; top: 14px;

} 

#navhune a.ligneseule 	{

padding-top: 9px; display: block; 

}*/

#une1, #une2, #une3, #une4	{
padding: 12px 25px 5px 18px; margin: 0px; display: none;
} 
* html #une1, #une2, #une3, #une4	{/* que pour IE*/
margin-top: -16px;
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
margin-top: 0px;
}
div#navonglet1, div#navonglet2, div#navonglet3, div#navonglet4	{ 

float: left; position: relative; z-index: 4; height: 3.8em; width: 13.05em;

} div#navonglet1, div#navonglet2, div#navonglet3	{

border-right: 1px solid #FFFFFF;

} div#navonglet4	{

width: 13.11em;

} DIV.navongletfond {

            BACKGROUND-POSITION: left center; Z-INDEX: 3; FILTER: Alpha(opacity=5); LEFT: 0px; WIDTH: 100%; BACKGROUND-REPEAT: repeat; POSITION: absolute; TOP: 0px; HEIGHT: 3.8em

}
html>body div.navongletfond	{

width: 100%; 

}DIV.ongletactif DIV.navongletfond {

            FILTER: Alpha(opacity=15)

} #navhune DIV.ongletactif A {

            PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ccc; PADDING-TOP: 0px

} #navhune DIV.ongletactif A:hover {

            COLOR: #fff

} 

#navhune td.navonglet2{

	vertical-align : middle;

	height : 3.8em;

	width : 11em;

	padding : 0 0 0 0;

	margin : 0 0 0 0;

	}

td.navonglet1 img{
	position : relative;
	margin-right : 10px;
	margin-left : 20px;
	z-index : 3;
	background-color: #ECE9D8;

	}



#information	{

border-bottom: 1px solid #D1E2DA; width: 100%; float: left; background-color: #FFFFFF;

} #info1, #info2	{

float: left; width: 50%; border-right: 1px solid #D1E2DA; margin-right: -1px;

} #info2	{

border-right-width: 0px; border-left: 1px solid #D1E2DA;

} .info_date	{

font-size: 0.7em; color: #535959; text-align: right; padding: 8px; padding-bottom: 0px;

} div.info	{

padding: 5px 14px 14px 18px;

} 



/* idem #noyaucentral */

#liensupplementhome	{

width: 100%; float: left;

} #liensupplementhome1, #liensupplementhome2	{

float: left; border-right: 1px solid #D1E2DA; margin-right: -1px; width: 31%; background-color: #FFFFFF;

} #liensupplementhome2	{

border-right-width: 0px; border-left: 1px solid #D1E2DA; width: 66%;

} div.liensupplementhome	{

padding: 7px 14px 7px 18px;

} 



/* pied de page */

#piedPage{

position:relative; background-color: #FFFFFF; border-top: 1px solid #D1E2DA; margin-left:0px; width:52.5em; height: 3em; padding-bottom:5px;

}* html #piedPage{

padding-bottom:0px;

} #legalmention                                                 {

width:75em;text-align:center;font-size:0.7em;line-height:2em;margin-bottom:185px;margin-left:150px

} ul#pied {

            padding: 0 0 0 10px; FONT-SIZE: 0.7em; FLOAT: left; MARGIN: 20px 0 0px; HEIGHT: 2.5em;

} ul#pied li{

display: inline; list-style: none; padding-left: 3px; padding-top: 0px; 

} ul#pied li img {

vertical-align:-2px } #prt          {

 margin: 0px; margin-top:20px; padding:0px;  padding-right: 15px; font-size: 0.7em; color: #000000; float:right; font-weight: bold;

}

/* Fin pied de page */






.texte	{

font-size: .8em; 

} .txt	{

font-size: .7em;

} span.info	{

color: #535959; font-size: 0.75em;

} span.article, a.outilsart, a.liensimple	{

color: #535959; font-size: 0.7em; 

} 

p.info	{

margin-bottom: 0px; margin-top: 8px;

} p.info a	{

font-size: 0.7em; font-weight: bold;

} p.lettre a, div.lettre a	{

color: #535959; 

} 
.chevrons, #cdf span	{

font-size: .8em; font-weight: normal;

} a.lienliste	{

font-size: .7em; color: #535959; font-weight: bold;

} p.retour a	{

font-size: .8em; font-weight: bold; color: #333333; margin-top: 0px; padding-top: 0px;

} 

/* ELEMENTS ORDONNES */

/* titres */

/* nouveaux styles */
.horschamp h2	{
position: absolute; left: -10000px;
}
.plus h4	{
font-size: 0.75em; color: #535959; margin: 0px 0px .75em 0px; padding: 0px 0px 0px 0px;
}
.lettre p	{
font-size: 1.0em; font-weight: bold; color: #535959; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.align_droite	{
margin: -1.3em 0em 0px 0px; 
padding: 0px 0px 0px 0px;
text-align:right;
float:right;
}
* html .align_droite	{/* que pour IE*/
margin: -1.3em 4em 0px 0px; 
voice-family: "\"}\"";/* que pour IE 6*/
voice-family:inherit;
margin: -1.3em 0em 0px 0px; 
}

#alahune h3 {
font-size: 2.5em;
font-weight: normal;
margin: 0px 0px 12px 0px; 
padding: 0px 0px 0px 0px;
}
#alahune p {
font-size: .9em; 
width: 63%; 
margin: 0px 0px 12px 0px; 
padding: 0px 0px 0px 0px;
}
#alahune A {

            Z-INDEX: 6; COLOR: #ffffff; POSITION: relative

}
h2.blokhome	{
color: #535959; font-size: 0.8em; margin: 0px; margin-bottom: 7px;
} 
h3.liensgauche	{
margin: 0px; padding: 0px; font-size: 1.3em; color: #535959; font-weight: normal; line-height: 0.9em;
} h3.liensgauche span	{
font-size: 0.6em; font-weight: bold;
} h3.une	{
margin: 0.1em 0em 0.7em 0em; margin-bottom: 0.25em; font-size: 3em; font-weight: normal; width: 66%; 
line-height: 0.95em;
} .navhune h3	{
margin: 0px; margin-bottom: 2px; font-size: 2em; font-weight: normal;
} h3.info, h3.infoversions	{
font-size: 0.8em; margin: 0px; margin-bottom: 12px;
} 

/* formulaires */
select	{
border: 1px solid #535959;
} #termes	{
width: 17.2em;
} .bouton	{
border: 1px solid #000000; font-size: 1em; background-color: #FFFFFF;
} .val	{
border-left-width: 0px; padding: 0px; height: 1.5em;
} html>body .val	{
height: auto;
} form#services	{
margin: 0px; color: #535959; padding-top: 3px; 
} form#services label	{
font-size: 0.7em;
} .services	{
font-size: 0.7em; color: #535959; width: 8.4em; margin-top: .3em; margin-right: 2px; 
} .suivis	{
margin-bottom: 3px;
} .suivi	{
margin-bottom: 10px;
} .voirPays	{ 
background-color: #535959; color: #FFFFFF; border-width: 0px; width: 12em; font-size: 0.7em; font-weight: bold; height: 1.7em;
} .voir	{ 
background-color: #535959; color: #FFFFFF; border-width: 0px; width: 2em; font-size: 0.7em; font-weight: bold; height: 1.7em;
} html>body .voir	{
height: auto;
} .acv	{
height: 1.2em;
} html>body .acv	{
height: auto;
} form.acces	{
margin: 0px;
} form.acces select.services	{
width: auto;
} form#pays	{
margin: 0px;
} #offres	{
width: 11.5em;
} 

#corps	{
background-image: url(../_images/centre_fond.gif); 
} div.navongletfond	{
background-image: url(../_images/onglet_fond.png); 
} div.ongletactif div.navongletfond	{
background-image: url(../_images/onglet_fond-ac.png); 
} 

/* images globales mais delocalisees */
.liensgauche_a	{
background-image: url(../_images/_imglobales/bloc_haut.gif);  
} .liensgauche_b	{
background-image: url(../_images/_imglobales/bloc_bas.gif); 
} .liensgauche_c	{
background-image: url(../_images/_imglobales/liens_dte.gif);
} .liensgauche_d	{
background-image: url(../_images/_imglobales/liens_dte.gif);
} 

/* couleur de fond de page : cf. groupe */
body	{
background-color: #D1E2DA; background-image: url(../_images/page_fond-5.jpg);
} #tete	{ 
background-image: url(../_images/tete_vague_groupe.gif);
} #multim, .multillu 	{
background-color: #D1E2DA; 
} .anglehaut	{
background-image: url(../_images/angle_droite-haut_groupe.gif);  
} .anglebas	{
background-image: url(../_images/angle_droite-bas_groupe.gif);  
} 
#imagereplacement {
position:absolute;width:830px;height:278px;top:0;background-color:#000;z-index:1
}
 
#illustrationaltern {
position:absolute;top:0px;z-index:2
}
<ol>
  <li></li>
</ol>