/***************************************************************/
/* Dans ce fichier vous pouvez modifier la barre de navigation */
/***************************************************************/


div#nav
{
	/* couleur de fond */
	background-color:#ffffff;
	/* Alignement du contenu */
	text-align:center;
	/* Alignement du bloc*/
	margin:auto;
	/* décalage en bas */
	margin-top:10px;
	margin-bottom:10px;
	/* largeur de la barre*/
	width:100%;
	font-variant: small-caps;
	font-size: 1.4em;
	color: #85ABD6;
}

div#nav_droite, div#nav_gauche, div#reset_options
{
	/* Alignement du contenu */
	text-align:center;
	/* Alignement du bloc*/
	margin:auto;
}

/* Infobulle par Patrick Perron */
a.menu {
    position: relative; /* Très important */
    background: none; /* Important pour le fonctionnement sur IE */
    z-index: 10;
}

a.menu:hover {
    z-index: 20;
}

a.menu span {
    display: none;
}

a.menu:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display: block;
    position: absolute;
    top: 24px;
    left: -20px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left: 6px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-right: 14px;
    width: 180px;
    height: 66px;

    /* Style du character dans la bulle */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
    color: #02478E;
    text-decoration: none;
    text-align: left;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.menu:hover>span {
	background-image: url(../images/design/infobulle.png);
}
a.menu:hover span { 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="themes/AM_Creations_v2/images/design/infobulle.png",sizingMethod="crop");
	text-decoration: overline;
}


/* Thanks to Mark "Tarquin" Wilton-Jones for the IE position:fixed hack */
div#colonne_js
{
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute;
	top: 10px;
	right: 20px;
	width: 24px;
	/* couleur de fond */
	background-color: #BFDAFF;
	border: 1px solid #85ABD6;
}
html > body div#colonne_js {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}