// Create the tooltips only when document ready
$(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   $('area').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
			background: '#6699CC',
			color: 'white',
      		border: {
			  width: 1,
			  radius: 3,
			  color: '#6699CC'
      },
 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
});

$(document).ready(function()
{
   $('ul.aideDrapeaux li a[title]').qtip({
      position: {
         corner: {
            target: 'bottomRight',
            tooltip: 'topLeft'
         }
      },
      style: {
         background: '#6699CC',
			color: 'white',
      		border: {
         	width: 1,
         	radius: 3,
         	color: '#6699CC'
         },
         tip: true
      }
   });
});

function changebg(id,a) {
      if (a == '') {
         document.getElementById(id).style.backgroundColor='#FFF';
      }
      else {
         var e = document.getElementById(id);
         e.style.backgroundColor='#D0C26A';
      }
   }
 function changecolor(id) {
      var e = document.getElementById(id);
         e.style.color='#007EB0';
      }