<ul id="menu_horizontal">

<li class="bouton_gauche">

<a href="//jegvirag.gportal.hu"><img alt="accueil" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427023182_19.gif" />MEN�</a></li>

<li class="bouton_gauche">

<a href="//jegvirag.gportal.hu"><img alt="news" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427023182_19.gif" />MEN�</a></li>

<li class="bouton_gauche">

<a href="//jegvirag.gportal.hu"><img alt="livre d'or" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427023182_19.gif" />MEN�</a></li>

<li class="bouton_droite">

<a href="//jegvirag.gportal.hu"><img alt="admin" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427023182_19.gif" />MEN�</a></li>

<li class="bouton_droite">

<a href="//jegvirag.gportal.hu"><img alt="contact" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427023182_19.gif" />MEN�</a></li>

</ul>

<style type="text/css">

ul#menu_horizontal { 

width : 600px; 

height : 30px;

margin : 2em 0 0 0;

padding : 0;

background-color : #FFFFFF;

border : 1px solid black;

list-style-type : none; 

}

 

ul#menu_horizontal li {

padding : 0 0.5em;  

line-height : 30px;

}

 

ul#menu_horizontal li.bouton_gauche {

float : left;

border-right : 1px solid black; 

}

 

ul#menu_horizontal li.bouton_droite {

float : right;

border-left : 1px solid black;

}

 

ul#menu_horizontal a {

color : black;

text-decoration : none;

padding : 0 0.5em; 

font :  0.8em "Trebuchet MS";

}

 

ul#menu_horizontal a:hover { text-decoration : underline; }

 

ul#menu_horizontal a img { 

border : none;

padding :  0 0.3em;

}</style>