$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('img.bleu[alt]').qtip({
      content: { text: false }, // on laisse utiliser les attributs de l'image comme texte du tooltip
	  position: {corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } },
         hide: { when:  'mouseout' , delay: 1000  ,  effect: { type: 'slide', length: 400  }},
	     show: { effect: { type: 'grow',  length: 300} },
       style: { 
		  width: 350,
		  padding: 5,
		  background: '#C3D9FF',
		  color: 'black',
		  textAlign: 'center',
		  border: { width: 7, radius: 5, color: '#4096EE' }
		  }
		 
		 
});

$('img.orange[alt]').qtip({
      content: { text: false }, // on laisse utiliser les attributs de l'image comme texte du tooltip
	  position: {corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } },
         hide: { effect: { when: 'mouseout', fixed: true, delay: 1000 , type: 'slide', length: 500  }},
	     show: { effect: { type: 'grow',  length: 300} },
       style: { 
		  width: 350,
		  padding: 5,
		  background: '#C79810',
		  color: 'black',
		  textAlign: 'center',
		  border: { width: 7, radius: 5, color: '#D15600' }
		  }
		 
		 
});
});