// JavaScript Document

//tootltip
$(document).ready(function()
{
	
$.fn.qtip.styles.mystyle = { // Last part is the name of the style
   		 color: '#ffffff',
		 title: { 'font-size': 11,background: '#96151b' },
		 background: '#96151b',
         padding: '0px 0px',
         width: {
            max: 128,
            min: 0
         },
		 border: {
         width: 1,
         radius: 3,
         color: '#ffffff'
		 },
		 tip: true
	
}

      
        

   $('ul li#tip-home a').qtip({
      content: {
		text: ' ',
		title: { text: 'Bienvenue sur le site  ATdesign'}},
	  style: 'mystyle',
	  position: {
         corner: {
            target: 'bottomMiddle',
            tooltip: 'topRight'
         }
      },
	  show: {
            ready: false,
            effect: {
               type: 'fade',
               length: 500
            }
         }

   });
   
   $('ul li#tip-design a').qtip({
      content: {
		text: ' ',
		title: { text: 'Tout ce que ATdesign peut faire pour vous!'}},
	  style: 'mystyle',
	  position: {
         corner: {
            target: 'bottomMiddle',
            tooltip: 'topRight'
         }
      },
	  show: {
            ready: false,
            effect: {
               type: 'fade',
               length: 500
            }
         }

   });
   
   $('ul li#tip-portfolio a').qtip({
      content: {
		text: ' ',
		title: { text: 'Tout ce que ATdesign a déjà fait pour ses clients!'}},
	  style: 'mystyle',
	  position: {
         corner: {
            target: 'bottomMiddle',
            tooltip: 'topRight'
         }
      },
	  show: {
            ready: false,
            effect: {
               type: 'fade',
               length: 500
            }
         }

   });
   
   $('ul li#tip-contact a').qtip({
      content: {
		text: ' ',
		title: { text: 'N\'hésitez plus, contactez-nous!' }},
	  style: 'mystyle',
	  position: {
         corner: {
            target: 'bottomMiddle',
            tooltip: 'topRight'
         }
      },
	  show: {
            ready: false,
            effect: {
               type: 'fade',
               length: 500
            }
         }

   });
   
   $('ul li#tip-client a').qtip({
      content: {
		text: ' ',
		title: { text: 'Accès à notre espace réservé aux clients' }},
	  style: 'mystyle',
	  position: {
         corner: {
            target: 'bottomMiddle',
            tooltip: 'topRight'
         }
      },
	  show: {
            ready: false,
            effect: {
               type: 'fade',
               length: 500
            }
         }

   });
  
  
});