//Dans cette page on cré les differents modules.
Ext.onReady(function()
{
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

	//Body de la page d'accueil
	var viewport = new Ext.Viewport(
	{
        //Le design est decouper en 5 region (Nord, Sud, est, ouest et centre).
		layout:'border',
		//On donne le contenu des regions
		items:[
		{
            cls:'class_haute',
			//On indique que ce contenu est dans la region central.
			region:'center',
			//Padding du body.
			margins:'0',
			//On indique que se qu'il y a dans items par la suite se comporte comme le dit le layout "region".
            xtype:'region',
			
			items:[
			{
				columnWidth: 0.5,
				html:" ",
				cls:'marge_region'
			},
			{
				width: 990,
				margins:'0',
				xtype:'haMiBa',
				items:[
				{
					height:45,
					margins:'0',
					//Le contenu de cet item est dans l'element ayant l'id "fnd_indentification"
					contentEl:'fnd_indentification'
				},
				{
					height:182,
					margins:'0',
					//Le contenu de cet item est dans l'element ayant l'id "banniere_menu"
					contentEl:'banniere_menu'
				},
                {
                    margins:'0',
                    //Le contenu de cet item est dans l'element ayant l'id "int_page"
                    contentEl:'int_page'
                },
                {
                    //Le contenu de cet item est dans l'element ayant l'id "nos-partenaires"
                    contentEl:'nos-partenaires'
                },
                {
                    //Le contenu de cet item est dans l'element ayant l'id "footer_template"
                    contentEl:'footer_template'
                }]
			},
			{
				columnWidth: 0.5,
				html:" ",
				cls:'marge_region'
			}]
        }]
    });
});