//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.
            align:'center',
			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'
				},
				{
					height:329,
					margins:'0',
					//Le contenu de cet item est dans l'element ayant l'id "head_int"
					contentEl:'actu_video'
				},
				{
					
					margins:'0',
					xtype:'haMiBa',
					items:[
					{
						xtype:'colonne',
						cls:'int_DED',
						style:'padding:11px 0px 0px 36px',//T R B L
						
						//On cré la premiere colone
						items:[
						{
                            id:"cm1",
							width:284,
							style:'margin:0px 9px 0px 0px; padding:0px 0px 1px 0px',
							items:collone_un_module
						},
						{
                            id:"cm2",
							width:284,
							style:'margin:0px 38px 0px 0px; padding:0px 0px 1px 0px',
							items:collone_deux_module
						},
						{
                            id:"cm3",
							width:135,
							style:'margin:260px 33px 0px 0px; padding:0px 0px 1px 0px',
							items:collone_trois_module
						},
						{
                            id:"cm4",
							width:135,
							style:'margin:260px 0px 0px 0px; padding:0px 0px 1px 0px',
							items:collone_quatre_module
						}]
					},
					{
						cls:'pub_interieur_page',
						//Le contenu de cet item est dans l'element ayant l'id "nos-partenaires"
						contentEl:'pub_interieur_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'
			}]
        }]
    });
});