Added the original template of Granilim v2.0

data/template/default/config/parametres.mxp

@@ -0,0 +1,6 @@
+#flag
+
+
+#attribut
+
+

data/template/default/css/bloc.css

@@ -0,0 +1,185 @@
+/*
+* fichier bloc.css
+* positionement des blocs principaux
+*/
+#application{
+ width:100%;
+}
+
+/* header */
+#header{
+ height:35px;
+ width:100%;
+}
+
+/* logo */
+#logo{
+ height:110px;
+ width:120px;
+ padding-top:15px;
+ padding-left:70px;
+ text-align:center;
+ font-size:0.7em;
+ font-weight:bold;
+ background:url(../../../image/perso.gif) 0 0 no-repeat;
+}
+
+
+/* colone de gauche */
+#toolleft{
+ float:left;
+ margin:0 5px 0 5px;
+ left:0;	/* IE !!! */
+ margin-top:70px;
+ width:200px;
+}
+
+/* bloc principal */
+#data{
+ margin-left:200px;
+ margin-right:10px;
+ font-size:0.8em;
+ padding:0;
+ border-left:10px solid #C3D9FF;border-top:1px solid #C3D9FF;border-bottom:3px solid #C3D9FF;border-right:1px solid #C3D9FF;
+ min-height:400px;
+}
+
+/* Affichage des messages */
+#messageprint{
+ font-weight:bold;
+ background:#FF932E;
+ margin-left:200px;
+ margin-right:10px;
+ text-align:center;
+ border-radius: 10px; -moz-border-radius: 10px;
+ font-size:0.8em;
+}
+
+/* Affichage des points d'entrée */
+#entrynodeprint{
+ font-size:0.8em;
+ position:absolute;
+ top:0;
+ right:0;
+ background:#C3D9FF;
+ padding:2px;
+ padding-left:5px;
+ border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px;
+}
+#entrynodeprint select, #entrynodeprint input{font-size:0.8em;}
+
+/* definition du menu de navigation pour les objets */
+#navigationprint{width:185px;}
+#navigationprint h1{display:none;}
+#navigationprint #menuDyn {font-size:0.8em;width:100%;padding-left:0;}
+#navigationprint ul{list-style-type:none;padding-left:5px;}
+#navigationprint li{padding-left:10px;}
+#navigationprint .selected{background:#C3D9FF;width:100%;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;}
+#navigationprint ul .selected .none a{font-weight:none;}
+#navigationprint ul .selected a{font-weight:bold;text-decoration:none;}
+#navigationprint li a img{width:0;height:0;}
+
+/* definition du menu de conexion */
+#userprint{font-size:0.6em;text-align:center;width:180px;background:#E8EEFA;padding:2px; border:1px solid #C3D9FF;border-radius:10px; -moz-border-radius:10px;}
+#userprint h1{height:auto; display:inline}
+#userprint div{text-align:right;}
+#userprint{font-weight:bold;}
+
+/* Pour l'objet courant de navigation */
+#currentcoordinationobjprint, #footerdata{
+ margin-top:5px;
+ margin-left:200px;
+ margin-right:10px;
+ font-size:0.8em;
+ padding:2px 2px 2px 10px;
+ font-size:0.6em;
+ border:1px solid #C3D9FF;
+ border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
+ background: #E8EEFA;
+}
+#currentcoordinationobjprint h1, img , a{display:inline;}
+#currentcoordinationobjprint img{display:none;}
+
+#footerdata{
+ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;margin-top:0px;background:#C3D9FF;
+}
+
+/* helprint */
+#helplink{font-size:0.6em;position:absolute;top:25px;right:0;}
+#helpprint{margin-left:200px;margin-right:10px;margin-bottom:5px;padding-left:10px;border:2px solid #C3D9FF;border-left:8px solid #C3D9FF;border-bottom:3px solid #C3D9FF;border-radius:10px; -moz-border-radius:10px;}
+#helpprint .tabehelpprint{text-align:right}
+#helpprint .tabehelpprint ul{font-size:0.6em;list-style-type:none;height:auto; padding:0; margin:0;}
+#helpprint .tabehelpprint ul li{text-align:right;margin-right:40px;}
+#helpprint .tabehelpprint ul li a{background:#C3D9FF;line-height:20px;padding:6px;width:120px;border:1px solid #C3D9FF;border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;}
+#helpprint .tabehelpprint img{display:none;}
+#helpprint #helpframe{width:100%; height:200px;border:0;}
+
+/* Language Print */
+#languageprint{font-size:0.6em;}
+
+#data fieldset{border:1px solid #E8EEFA;border-left:5px solid #E8EEFA;padding:0;margin:0;border-radius:10px; -moz-border-radius:10px;}
+#data fieldset legend{font-weight:bold;}
+#data .box{padding:10px;}
+#data table{width:100%; font-size:0.85em;border:0; border-collapse:collapse;}
+#data table th{background:#C3D9FF;text-align:center;}
+#data table td, #data table tr.lineStyle1 td{background:#E8EEFA;border-bottom:1px solid #CECECE;line-height:25px;}
+#data table tr.lineStyle2 td{background:#FFFFFF;}
+#data .box .header h2{display:none;}
+
+/*
+* Gestion des onglets
+*/
+.tabe{vertical-align:bottom; width:100%;height:20px;}
+.tabe{border-top:2px solid #C3D9FF;}
+.tabe ul {
+ display:block; 
+ list-style:none;
+ vertical-align:bottom;
+ width:100%;
+ padding:0;
+ height:20px;
+ margin:0;
+}
+.tabe ul li {height:19px;padding:0;margin:0;border:1px solid #C3D9FF;border-top:0;}
+
+.tabe img{display:none;}
+
+/* style des onglets */
+.WindowTabeData,  .WindowTabeDataSelected{
+ background-color:#E8EEFA;
+ border-bottom:0;
+ float:left;
+ width:180px;
+ vertical-align:bottom;
+}
+
+.WindowTabeData a, .WindowTabeDataSelected a{
+ display:block;
+ font-weight:bold;
+ text-decoration:none;
+ padding:2px 2px 2px 10px;
+}
+
+.WindowTabeData{}
+.WindowTabeDataSelected{}
+.WindowTabeDataSelected a{background-color:#C3D9FF; color:#000000;}
+
+/* définition des pages et des formulaires */
+#data fieldset .legend{line-height:25px;}
+#data fieldset .legend div{padding:2px 10px 2px 10px;}
+#data fieldset {margin-bottom:3px;}
+#data fieldset fieldset{margin:5px;}
+#data fieldset div{display:inline;padding:2px;}
+#data fieldset .action{display:block;text-align:center;background:#E8EEFA;}
+
+#data fieldset div.field, #data fieldset div.fieldshort, #data fieldset div.boxcheck{display:block;width:45%;float:left;}
+#data fieldset div.boxcheck{width:auto;}
+#data fieldset div.field label{display:block;}
+#data fieldset div.field input{width:70%;}
+#data fieldset div.field textarea{width:70%;}
+#data fieldset div.field select{width:70%;}
+#data fieldset .action {clear:both;}
+#data fieldset div.field img{float:left;}
+#data fieldset .require{font-style: italic;}
+
+#data .action input{border:1px outset #C3D9FF;border-radius:3px; -moz-border-radius:3px;background:#C3D9FF;}

data/template/default/css/button.css

@@ -0,0 +1,37 @@
+/* Boutons */
+.linkdelete, .linkview, .linkupdate, .linkadd, .linknext, .linkback, .linkconfig, .linksave{
+ padding:	3px 5px 3px 26px;
+ height:	22px;
+ text-align:	left;
+ color:		#333366;
+ font-weight:	bold;
+ text-decoration:none;
+}
+/* lien bouton */
+.linkdelete, .linkview, .linkupdate, .linkadd, .linksave, .linknext, .linkback, .linkconfig{
+ padding:		4px 5px 4px 26px;
+ /*height:		30px;*/
+}
+
+/* bouton */
+.button, .save, .ok, .back, .delete, .add, .next, .config{
+/* display:		block;*/
+}
+
+/* Au passage de la souris sur le bouton "Modifier" */
+.linkok:hover, .linkback:hover, .linknext:hover
+{}
+
+
+.linkview{background: url(../media/picto/view.gif)  0px 0px no-repeat;}
+.linkadd{background: url(../media/picto/add.gif)  0px 0px no-repeat;}
+.linksave{background: url(../media/picto/update.gif)  0px 0px no-repeat;}
+.linkupdate{background: url(../media/picto/update.gif)  0px 0px no-repeat;}
+.linkok{background: url(../media/picto/update.gif)  0px 0px no-repeat;}
+.linkback{background: url(../media/picto/back.gif)  0px 0px no-repeat;}
+.linknext{background: url(../media/picto/next.gif)  0px 0px no-repeat;}
+.linkdelete{background: url(../media/picto/delete.gif)  0px 0px no-repeat;}
+.linkconfig{background: url(../media/picto/config.gif)  0px 0px no-repeat;}
+
+/*A utiliser pour les boutons ayant un libellé plus long que les autres */
+.buttonfreesize{background: url(../media/picto/update.gif)  #c1d2ee 0 0 no-repeat;}

data/template/default/css/csshover.htc

@@ -0,0 +1,89 @@
+<attach event="ondocumentready" handler="parseStylesheets" />
+<script language="JScript">
+/**
+ *	PSUEDOS - V1.21.041022 - hover & active
+ *	---------------------------------------------
+ *	Peterned - http://www.xs4all.nl/~peterned/
+ *	(c) 2004 - Peter Nederlof
+ *
+ *	Credits  - Arnoud Berendsen 
+ *	         - Martin Reurings
+ *	for inspiring me and finding really sick bugs
+ *
+ *	howto: body { behavior:url("csshover.htc"); }
+ *	---------------------------------------------
+ */
+
+var currentSheet, doc = window.document;
+var activators = {
+	onhover:{on:'onmouseover', off:'onmouseout'},
+	onactive:{on:'onmousedown', off:'onmouseup'}
+}
+
+function parseStylesheets() {
+	var sheets = doc.styleSheets, l = sheets.length;
+	for(var i=0; i<l; i++) 
+		parseStylesheet(sheets[i]);
+}
+	function parseStylesheet(sheet) {
+		var l, rules, imports;
+		if(sheet.imports) {
+			imports = sheet.imports, l = imports.length;
+			for(var i=0; i<l; i++) 
+				parseStylesheet(sheet.imports[i]);
+		}
+
+		rules = (currentSheet = sheet).rules, l = rules.length;
+
+		for(var j=0; j<l; j++) parseCSSRule(rules[j]);
+	}
+
+	function parseCSSRule(rule) {
+		var select = rule.selectorText, style = rule.style.cssText;
+		if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i).test(select) || !style) return;
+		
+		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
+		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
+		var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
+		var affected = select.replace(/:hover.*$/, '');
+		var elements = getElementsBySelect(affected);
+
+		currentSheet.addRule(newSelect, style);
+		for(var i=0; i<elements.length; i++)
+			new HoverElement(elements[i], className, activators[pseudo]);
+	}
+
+function HoverElement(node, className, events) {
+	if(!node.hovers) node.hovers = {};
+	if(node.hovers[className]) return;
+	node.hovers[className] = true;
+	node.attachEvent(events.on,
+		function() { node.className += ' ' + className; });
+	node.attachEvent(events.off,
+		function() { node.className = 
+			node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
+}
+
+function getElementsBySelect(rule) {
+	var parts, nodes = [doc];
+	parts = rule.split(' ');
+	for(var i=0; i<parts.length; i++) {
+		nodes = getSelectedNodes(parts[i], nodes);
+	}	return nodes;
+}
+	function getSelectedNodes(select, elements) {
+		var result, node, nodes = [];
+		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
+		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
+		var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
+		for(var i=0; i<elements.length; i++) {
+			result = elements[i].getElementsByTagName(tagName);
+			for(var j=0; j<result.length; j++) {
+				node = result[j];
+				if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
+					classname[1] + '\\b').exec(node.className)))) continue;
+				nodes[nodes.length] = node;
+			}
+		}	return nodes;
+	}
+</script>

data/template/default/css/custom.css

@@ -0,0 +1,477 @@
+/*
+* custom.css (css spécifiques à la template)
+* ces élements sont difficilement mutualisables.
+*/
+
+/**
+*Style pour les éléments de navigation page par page
+*/
+#data .pagingcenter{
+ width:			100%;
+ text-align:		center;
+}
+
+
+/*
+*Style pour le calendrier
+*/
+.calendar{
+position:		absolute;
+}
+
+/*
+*style pour l'aide
+*/
+#helplink {
+ position:		absolute;
+ right:			0px;
+ top:			90px;
+}
+#helplink a{
+ background:		url(../media/picto/help.gif) 0 0 no-repeat ; 
+ color:			#FFFFFF;
+ font-weight:		bold;
+ width:			50px;
+ display:		block;
+ padding: 		2px 2px 2px 20px;
+ height:		20px;
+ vertical-align:	middle;
+}
+
+#helpprint{
+ display:		run-in;
+ margin-left:		205px;
+ margin-right:		10px;
+ margin-bottom:		10px;
+}
+/* pour IE.... :-(*/
+#helpprint div{width:98%;}
+
+#helpprint .frame{
+ display:		block;
+ width:			98%;
+ height:		300px;
+}
+#helpprint .frame iframe{
+ height:		100%;
+ width:			100%;
+ border: 		2px solid #333366;
+}
+
+.tabehelpprint{width:100%;height:16px;}
+.tabehelpprint ul{
+ display:		block;
+ vertical-align:	middle;
+ height:		17px;
+ margin-left:		4px;
+ width:			100%;
+ list-style:		none;
+}
+.tabehelpprint ul img{
+ padding-right:		5px;
+}
+.tabehelpprint ul li{
+ display:		block;
+ margin-right:		0px;
+ padding-right:		0px;
+ float:			right;
+}
+/* style des onglets */
+.WindowTabeDataClose{
+ background-color:	#E7EAED;
+ border:		1px solid #333366;
+ border-bottom:		0;
+ float:			left;
+ width:			180px;
+ vertical-align:	bottom;
+}
+.WindowTabeDataClose a{
+ display:		block;
+ font-weight:		bold;
+ text-decoration:	none;
+ background-color:	#333366; color:#FFFFFF;
+}
+.WindowTabeDataClose a:hover{background-color:#c1d2ee;color:#333366;}
+
+
+/*
+* objet UserPrint
+*/
+#userprint{
+ position:		absolute;
+ width:			220px;
+ height:		81px;
+ right:			10px;
+ top:			10px;
+ text-align:		right;
+}
+/*
+*Mise en forme pour l'objet de connexion
+*/
+#userprint div{
+ width:			220px;
+ text-align:		right;
+}
+#userprint label{
+ color:			#FFFFFF;
+ width:			65px;
+}
+#userprint input{
+ right:			0;
+ padding:		1px;
+ left:			65px;
+ font-weight:		bold;
+ width:			100px;
+}
+#userprint legend{
+ color:			#FFFFFF;
+ font-weight:		bold;
+ padding: 		3px;
+}
+#userprint .button{
+ float:			right;
+ margin:		0;
+ padding:		0;
+ width:			100px;
+ background-color:	#c1d2ee;
+}
+#userprint a{
+ background:		url(../media/picto/exit.png) 2px 0 no-repeat;
+ padding-left:		18px;
+ float:			left;
+ color:			#c1d2ee;
+ font-weight:		bold;
+}
+#userprint a:hover{color:#FFFFFF;}
+
+#userprint form{}
+/*
+* Fin UserPrint
+*/
+
+/**
+* -> Affichage de l'objet courant!!!
+*/
+#currentcoordinationobjprint{
+margin-left:		205px;
+ margin-right:		10px;
+ margin-bottom:		10px;
+ margin-top:		2px;
+}
+#currentcoordinationobjprint h1, img , a{
+ display:		inline;
+}
+#currentcoordinationobjprint img{
+ padding-right:		3px;
+}
+
+
+/*
+* -> Fin affichage de l'objet courant
+*/
+
+/**
+* -> MessagePrint Affichage des messages
+*/
+#messageprint{
+ margin-left:		205px;
+ margin-right:		10px;
+ margin-bottom:		10px;
+ padding:		5px 5px 5px 24px;
+ margin-top:		3px;
+ background:		url(../media/picto/info.gif) 2px 2px no-repeat;
+ background-color:	#c1d2ee;
+ border:		2px solid #333366;
+ font-weight:		bold;
+}
+/**
+* -> Fin MessagePrint Affichage des messages
+*/
+
+/* toolbox 
+* contient les informations de type navigation etc... ici le tout est dans une colonne gauche (voir main.mxt)
+*/
+#toolleft{
+ float:			left;
+ margin:		0 5px 0 5px;
+ left:			0;	/* IE !!! */
+ width:			150px;
+}
+/*
+*Mise en forme pour les objets de la classe menubox
+* objet: objectprint, navigationnodeprint, entrynodeprint
+*/
+.menubox, #objectprint, #navigationnodeprint, #entrynodeprint {
+ border: 		solid 1px #333366;
+ border-bottom:		solid 3px #333366;
+ margin:		3px;
+ width:  		180px;
+ background: 		#333366;
+}
+/* ---> ajout de userprint pour h1 */
+.menubox h1, #objectprint h1, #navigationnodeprint h1, #entrynodeprint h1, #userprint h1{
+ color:			#FFFFFF;
+ padding:		2px;
+}
+
+.menubox h1 img{
+ cursor:		pointer;
+}
+
+.menubox form, #entrynodeprint form{
+ background-color:	#FFFFFF;
+}
+.menubox form, #entrynodeprint legend{
+ border: 		solid 1px #333366;
+ border-bottom:		solid 3px #333366;
+ font-weight:		bold;
+ background: 		#333366;
+ color:			#FFFFFF;
+}
+.menubox input, #entrynodeprint input{
+ width:			100%;
+}
+.menubox select, #entrynodeprint select{
+ width:			100%;
+}
+.menubox ul, #navigationnodeprint ul, #objectprint ul,.dashboardmenu ul{
+ list-style:		none;
+ background: 		#FFFFFF;
+}
+.menubox a, #navigationnodeprint a, #objectprint a{
+ display:		block;
+ cursor:		pointer;
+ padding:		2px;
+ text-decoration:	none;
+}
+
+.menubox a:hover, #navigationnodeprint a:hover, #objectprint a:hover{
+ background:		#c1d2ee;
+}
+.menubox a img, #navigationnodeprint a img, #objectprint a img{
+ padding-right:		2px;
+}
+
+.menubox li ul li, #navigationnodeprint li ul li{
+ padding-left:		10%;
+ width:			90%;
+}
+.menubox .dashboardmenu li{
+ display:		block;
+ width:			180px;
+ height: 		25px;
+}
+.dashboardmenu .statut{
+ display:		block;
+ vertical-align:	middle;
+ height:		25px;
+ width:			180px;
+}
+.dashboardmenu .nbstatut{
+ padding-left:		10px;
+ vertical-align:	baseline; 
+ text-align :		right;
+ font-weight:		bold;
+ color:			#F02828;
+}
+/*Style pour l'affichage des résultat du moteur de recherche */
+.menubox .searchrequest{
+ height:40px;
+ padding:1px 1px 0px 0px;
+ border:none;
+ background-color: #FFFFFF;
+}
+.menubox .searchrequest input{
+ padding: 1px 1px 1px 0px;
+ width:173px;
+}
+.menubox .searchrequest span{
+ width:174px;
+ padding-bottom:1px;
+}
+.menubox .searchrequest .send{
+ width:174px;
+ padding-left:1px;
+}
+
+
+#data .box .searchresult{
+ border-bottom:		1px solid;
+}
+#data .box .searchresult h2{
+ display:		inline;
+ margin-right:		20px;
+}
+#data .box .searchresult .searchlink{
+ display:		inline;
+}
+#data .box .searchresult .searchresume{
+ margin-left:		18px;
+ width:			95%;
+ padding-bottom:	20px;
+}
+#data .box .fieldset .searchresult .searchresume hr{
+ visibility:		visible;
+ margin-top:		20px;
+ width:			95%;
+ border:		1px solid;
+}
+
+/*Redefinition des style des tableau pour le tableau de bord*/
+#data #dashboard_separateur{
+ /*display:block;*/
+ float: 		left;
+ width:			100%;
+ margin-bottom:		20px;
+ border:		1px solid;
+ padding:		1px;
+}
+#data .tabledashboard{
+/*   display:block; */
+ float:			left;
+ border-collapse:	collapse;
+ width:			100%;
+ clear:			both;
+}
+#data .tabledashboard tr{
+/*   display:block; */
+ height:20px;
+}
+#data .tabledashboard .outilsview{
+ width:			70%;
+ /*background:		url(../media/picto/fermer.gif) 2px 1px no-repeat;*/
+ background-color:	#333366;
+ border-left:		1px solid #FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		2px solid #FFFFFF;
+ padding-left:		24px;
+ height:		auto;
+}
+#data .tabledashboard .outilshide{
+ width:			70%;
+/* background:		url(../media/picto/view.gif) 0px 0px no-repeat;*/
+ background-color:	#333366;
+ border-left:		1px solid #FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		2px solid #FFFFFF;
+ padding-left:		24px;
+ height:		auto;
+}
+#data .tabledashboard .outilshide span,#data .tabledashboard .outilsview span{
+ display:		inline;
+ text-align:		left;
+ font-weight:		bold;
+ float:			left;
+ color:			#FFFFFF;
+}
+#data .tabledashboard .outilshide .listehide{
+ display:		inline;
+ height:		auto;
+ width:			100px;
+ cursor:		pointer;
+ background:		url(../media/picto/view.gif) 1px -2px no-repeat;
+ float:			right;
+ text-align:		right;
+ padding-bottom:	3px;
+ padding-right:		5px;
+ color:			#FFFFFF;
+}
+#data .tabledashboard .outilsview .listeview{
+ display:		inline;
+ height:		auto;
+ cursor:		pointer;
+ width:			100px;
+ background:		url(../media/picto/fermer.gif) 2px -1px no-repeat;
+ float:			right;
+ text-align:		right;
+ padding-bottom:	3px;
+ padding-right:		5px;
+ color:			#FFFFFF;
+}
+#data .tabledashboard .result{
+ width:			20%;
+ background:		#333366;
+ color:			#FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		2px solid #FFFFFF;
+ text-align:		center;
+ font-weight:		bold;
+ 
+}
+#data .tabledashboard .actionth{
+ width:			auto;
+ background:		#333366;
+ color:			#FFFFFF;
+ border-bottom:		2px solid #FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ text-align:		center;
+ font-weight:		bold;
+ 
+}
+#data .tabledashboard .outilstd{
+ width:			70%;
+ text-align:		left;
+ border-left:		1px solid #FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		1px solid #FFFFFF;
+ height:		20px;
+ padding-left:		24px;
+ font-size:		x-small;
+}
+#data .tabledashboard .outilstd span{
+ background:		url(../media/picto/puce.gif) 0px 4px no-repeat;
+ text-align:		left;
+ padding-left:		15px;
+ font-size:		x-small;
+}
+#data .infostd{
+ width:			90%;
+ padding-left:		25px;
+ text-align:		left;
+ border-left:		1px solid #FFFFFF;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		1px solid #FFFFFF;
+ font-size:		xx-small;
+}
+#data .nbresult{
+ width:			20%;
+ text-align:		center;
+ /*border-top:		1px solid #FFFFFF;*/
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		1px solid #FFFFFF;
+ height:20px;
+ padding: 		0 0 0 0;
+ font-size:		xx-small;
+}
+#data .actiondashboard{
+ width:			auto; 
+ background:		#E7EAED;
+ border-right:		1px solid #FFFFFF;
+ border-bottom:		1px solid #FFFFFF;
+ height:		20px;
+ vertical-align:	top;
+}
+#data .actiondashboard a{
+ width:			23px;
+ display:		block;
+ float:			left;
+ height:		20px;
+ margin:		2px 0 2px 0;
+ padding:		0;
+}
+#data .actiondashboard .linkview,#data .actiondashboard .linkupdate{
+ border:		none;
+}
+/* Si il ya un style de ligne */
+#data .tabledashboard .lineStyle1 td, #data .tabledashboard .lineStyle1  td a{
+ background-color: 	#E7EAED;
+}
+#data .tabledashboard .lineStyle2 td, #data .tabledashboard .lineStyle2  td a{
+ background-color:	#c1d2ee;
+}
+#data .tabledashboard .lineStyle3 td, #data .tabledashboard .lineStyle3  td a{
+ background-color:	#77AADD;
+}
+/* Element selectionnés des objets de navigation/défaut */
+.NavigationSelected{background-color: #E7EAED; font-weight:bold;}
+.ObjectSelected{background-color: #E7EAED; font-weight:bold;}

data/template/default/css/fck.css

@@ -0,0 +1,55 @@
+/**
+*Styles pour les éléments mis en forme à partir d'un éditeur FCK
+*/
+/**
+*Styles pour l'affichage général
+*/
+#data .h1, .h1{font-weight:bold;color:#333366;}
+#data .h2, .h2{font-weight:bold;color:#FF6600;}
+#data .h3, .h3{background-color: #E7EAED; font-weight:bold;}
+#data .h4, .h4{font-weight:bold;color:#FF6600;}
+#data .h5, .h5{font-weight:bold;color:#FF6600;}
+#data .h6, .h6{font-weight:bold;color:#FF6600;}
+
+#data .texteorange, .texteorange{
+ font-size:	xx-small;
+ font-family: 	verdana, helvetica, geneva, swiss, serif;
+ color:		#FF6600;
+ text-align:	justify;
+ border:	0;
+ margin:	0;
+ padding-left:	3px;
+ font-weight:	normal;
+ width:		97%;
+}
+#data .textenoir, .textenoir{
+ font-size:	xx-small;
+ font-family: 	verdana, helvetica, geneva, swiss, serif;
+ color:		#000000;
+ text-align:	justify;
+ border:	0;
+ margin:	0;
+ padding-left:	3px;
+ font-weight:	normal;
+ width:		97%;
+}
+#data .textebleu, .textebleu{
+ font-size:	xx-small;
+ font-family: 	verdana, helvetica, geneva, swiss, serif;
+ color:		#333366;
+ text-align:	justify;
+ border:	0;
+ margin:	0;
+ padding-left:	3px;
+ font-weight:	normal;
+ width:		97%;
+}
+
+#data strong,#data b{
+ margin:	2px;
+ padding:	2px;
+ font-weight: 	bold;
+}
+/**
+* Fin des Styles FCK
+*/

data/template/default/css/fckstyles.xml

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+ * FCKeditor - The text editor for internet
+ * Copyright (C) 2003-2004 Frederico Caldeira Knabben
+ * 
+ * Licensed under the terms of the GNU Lesser General Public License:
+ * 		http://www.opensource.org/licenses/lgpl-license.php
+ *
+ * For further information visit:
+ * 		http://www.fckeditor.net/
+ *
+ * File Name: fckstyles.xml
+ * 	This is the sample style definitions file. It makes the styles combo 
+ * 	completely customizable.
+ * 	See FCKConfig.StylesXmlPath in the configuration file.
+ *
+ * Version:  2.0 RC2
+ * Modified: 2004-11-27 01:55:27
+ *
+ * File Authors:
+ * 		Frederico Caldeira Knabben (fredck@fckeditor.net)
+-->
+<Styles>
+	<Style name="Titre1" element="p">
+		<Attribute name="class" value="h1" />
+	</Style>
+	<Style name="Titre2" element="p">
+		<Attribute name="class" value="h2" />
+	</Style>
+	<Style name="Titre3" element="p">
+		<Attribute name="class" value="h3" />
+	</Style>
+	
+	<Style name="paragraphe noir" element="p">
+		<Attribute name="class" value="textenoir" />
+	</Style>
+	
+	<Style name="paragraphe orange" element="p">
+		<Attribute name="class" value="texteorange" />
+	</Style>
+	
+	<Style name="paragraphe bleu" element="p">
+		<Attribute name="class" value="textebleu" />
+	</Style>
+	
+	<Style name="texte noir" element="span">
+		<Attribute name="class" value="textenoir" />
+	</Style>
+	<Style name="texte orange" element="span">
+		<Attribute name="class" value="texteorange" />
+	</Style>
+	<Style name="texte bleu" element="span">
+		<Attribute name="class" value="textebleu" />
+	</Style>
+
+</Styles>

data/template/default/css/global.css

@@ -0,0 +1,653 @@
+/*
+* class && id principaux
+*/
+
+/* contraint toute l'application */
+#application{
+ width:			100%;
+}
+
+/* header */
+#header{
+ height: 		122px;
+ width:			100%;
+ background:		url(../media/image/haut_fond.gif) 0 0 ; 
+ background-position:	left top; 
+}
+/* Logo */
+#logo{
+ height: 		122px;
+ width:			100%;
+ background:		url(../media/image/haut_logo_main.gif) 0 0 no-repeat; 
+ background-position:	left top; 
+}
+/* footer */
+#footer{
+ background:		url(../media/image/bas_fond.gif) 0 0 ; 
+ width:			100%;
+ height:		24px;
+}
+#footerlogo{
+ width:			710px;
+ height:		24px;
+}
+
+
+/************************************************************************
+* bloc principal (data) */
+#data{
+ margin-left:		205px;
+ margin-right:		10px;
+}
+#data .box{
+ width:			98%;
+ border:		1px solid #333366;
+ border-bottom:		3px solid #333366;
+ vertical-align:	top;
+ }
+#data .box .box{
+ width:			100%;
+ border:		0;
+ border-top:		1px solid #333366;
+}
+/*#data .box div{width:100%;}*/
+#data div{
+ text-align:		left;
+ width:			99%;
+}
+#data div div{
+ width:			100%;
+}
+#data legend{
+ padding:		4px;
+ font-weight:		normal;
+}
+
+#data label{
+ float:			left;
+ width: 		145px;
+ font-weight:		normal;
+ text-align:		right;
+}
+#data .labelbig{
+ float:			left;
+ width: 		180px;
+ font-weight:		normal;
+ text-align:		right;
+}
+#data .labelverybig{
+ float:			left;
+ width: 		260px;
+ font-weight:		normal;
+ text-align:		right;
+}
+#data .boxcheck .labelbig{
+ display:		block;
+ float:			left;
+ width: 		180px;
+ font-weight:		normal;
+ text-align:		right;
+}
+#data input{
+ width:			166px;
+ vertical-align:	middle;
+}
+#data select{
+ right: 		0;
+ width:			204px;
+ vertical-align:	middle;
+ margin-bottom:		4px;
+}
+#data .selectsmall{
+ width:			180px;
+}
+#data .fieldshort input{
+ display:		block;
+ float:			left;
+ width:			49%;
+}
+#data .fieldshort input{
+ width:			20px;
+}
+#data .fieldshort select{
+ width:			168px;
+}
+#data .selectbig{
+ width:			190px;
+}
+#data textarea{
+ right: 		0;
+ width:			203px;
+ vertical-align:	middle;
+}
+#data .textareacomm{
+ width:			166px;
+}
+#data .textareasyndic{
+ right: 		0;
+ width:			99%;
+ margin:		3px;
+ vertical-align:	middle;
+}
+#data h1, #data h2, #data h3{
+ padding-left:		2px;
+}
+#data .selectGroup select{
+width:			230px;
+}
+
+#data .box ul{padding-left:20px;}
+
+/************************************************************************
+* gestion des fieldset (-> cas a gerer: dans .box et en dehors )*/
+
+#data .fieldsetinstall{
+ display:		block;
+ width:			65%;
+ border:		1px solid #333366;
+ margin:		15px;
+ margin-top:		2px;
+ margin-bottom:		3px;
+}
+#data .fieldsetinstall legend{
+ font-weight:		bold;
+}
+#data .fieldsetinstall .colorEtape{
+ background-color:	#333366;
+ color:			#FFFFFF;
+}
+#data .fieldsetinstall .colorEtape strong{
+ color:			#FFFFFF;
+}
+
+
+#data .fieldset, #data .confirm{
+ display:		block;
+ border:		1px solid #333366;
+ margin:		15px;
+ margin-top:		2px;
+ margin-bottom:		3px;
+}
+
+#data .fieldset fieldset{
+ display:		block;
+ border:		1px solid #333366;
+ margin:		15px;
+ margin-top:		2px;
+ margin-bottom:		3px;
+}
+#data .fieldset legend, #data .confirm legend{
+ font-weight:		bold;
+}
+#data .fieldset select{
+ margin-top:		2px;
+}
+/* ---> Pour les suppressions (voir aussi la classe important)*/
+#data .confirm{
+ border:		1px solid #333366;
+}
+#data .confirm legend{
+ color:			#333366;
+}
+#data .confirm .action {
+ border-top:		1px solid #333366;
+ background-color: 	#E7EAED;
+ width:			100%;
+}
+#data .confirm .action .next{
+ width:			50px;
+ height:		22px;
+}
+/************************************************************************
+* fin gestion des fieldset 
+*/
+
+
+
+/************************************************************************
+* Classes utiles
+*/
+.important{
+ display:		inline;
+ color:			rgb(255, 153, 0);
+ padding:		4px;
+ font-weight:		bold;
+}
+
+#data .field{
+ display:		block;
+ float:			left;
+ width:			49%;
+}
+
+#data .tabledetail .field{
+ height:		20px;
+}
+
+#data .field label, #data .field .label{
+ height:		20px;
+}
+#data .fieldset .field img{
+ padding-right:		2px;
+ padding-left:		1px;
+}
+#data .txt{
+ display:		block;
+ float:			left;
+ font-weight:		bold;
+ width:			100%;
+ padding:		10px;
+}
+#data .txt p{
+ display:		inline;
+ float:			left;
+ width:			100%;
+ padding:		2px;
+}
+#data .boxcheckextend label{
+ display:		block;
+ width:			140px;
+}
+#data .boxcheckextend input{
+ width:			13px;
+ border:		0;
+}
+#data .boxcheck{
+ display:		block;
+ width:			20%;
+ float:			left;
+}
+#data .boxcheck label{
+ width:			120px;
+ padding-top:		2px;
+ float:			left;
+ font-weight:		normal;
+}
+#data .boxcheck input{
+ width:			13px;
+ border:		0;
+}
+/************************************************************************
+* fin classe utiles
+*/
+
+
+/************************************************************************
+* Definition des .tableaux de presentation par defaut
+*/
+#data .table{
+/*  display:		block; */
+ float:			right;
+ border-spacing:	1px;
+ width:			100%;
+ clear:			both;
+}
+#data .fieldset .table caption{
+ display:		none;
+}
+#data .table th{
+ background:		#333366;
+ color:			#FFFFFF;
+ text-align:		center;
+ font-weight:		bold;
+ padding-left:		10px;
+ padding-right:		10px;
+ white-space:		nowrap;
+}
+#data .table .thsmall{
+ width:			200px;
+ background:		#FFFFFF;
+ color:			#FF0000;
+ text-align:		center;
+ font-weight:		bold;
+ padding-left:		10px;
+ padding-right:		10px;
+ white-space:		normal;
+}
+#data .table th a{
+ color:			white;
+}
+#data .table tr{
+ background:		#333366;
+ vertical-align:	top;
+}
+#data .table tr td{
+ background:		#E7EAED;
+ text-align:		left;
+ padding:		1px 1px 1px 1px;
+ font-size:		xx-small;
+}
+
+#data .table tr td input{width:98%}
+
+#data .table tr td *{
+ font-size:		xx-small;
+}
+#data .table tr:hover td{}
+#data .table caption{
+ display:		block;
+ font-weight:		bold;
+ text-align:		left;
+ padding:		15px 0 4px 15px;
+}
+#data .table tr td a{
+ background-position:	center;
+ width:			auto;
+}
+/* Si il ya un style de ligne */
+#data .table .lineStyle1 td, #data .table .lineStyle1  td a,#data .tabledashboard .lineStyle1 td, #data .tabledashboard .lineStyle1  td a{
+ background-color: 	#E7EAED;
+}
+#data .table .lineStyle2 td,#data .table .lineStyle2  td a,#data .tabledashboard .lineStyle2 td,#data .tabledashboard .lineStyle2  td a{
+ background-color:	#c1d2ee;
+}
+/* voir aussi la classe list et action!!! */
+/************************************************************************
+* Fin des .tableaux 
+*/
+
+#data iframe{width:100%;}
+
+/* sert pour la gestion des options d'affichage */
+.option{
+ padding:		2px;
+ border-bottom:		1px solid #333366;
+}
+.clean{
+ display:		block;
+ padding:		4px;
+ clear:			both;
+ width:			100%;
+}
+.nodisplay{
+ display:		none;
+}
+.fieldinfo{
+ display:		inline;
+ position:		relative;
+ top:			2px;
+ width:			100px;
+ padding-top:		3px;
+ vertical-align:	bottom;
+}
+.preview{
+ border:		1px solid #333366;
+ width:			auto;
+ float:			right;
+ height:		156px;
+ margin: 		4px 4px 4px 5px;
+}
+/* cahmps obligatoiress*/
+#data .require{
+ }
+/* liste simples ... */
+.list{
+ display: 		block;
+ float:			left;
+ width:			50%;
+}
+
+#data .table a, #data .table input{ width:90px; margin:3px;}
+#data .table ul, .list{ padding-left:20px; list-style:square;}
+
+
+/* D<>laration des <20><>ents par defaut d'une ligne de detail.. .*/
+#data .tabledetail,#data .tabledetail td{
+ background-color:	#E7EAED;
+ border:		1px solid #c1d2ee;
+ text-align:		center;
+ padding-bottom:	3px;
+ margin-bottom:		3px;
+}
+#data .tabledetail .fieldset{padding:0px;margin:0px;border:0px;} /*IE 6*/
+#data .tabledetail .fieldset label{text-align:left;font-weight:bold;}
+#data .tabledetail .fieldset legend{display:none;}
+
+
+/* style pour la legende */
+#data .legendcolor {width:auto;display:block;padding: 5px 0px 10px 13px;}
+#data .box .legendcolor div,#data .legendcolor div{display:inline;width:auto;border:0;}
+#data .legendcolor .linkdelete,#data .legendcolor .linkview,#data .legendcolor .linkupdate,#data .legendcolor .linkadd,#data .legendcolor .linksave,#data .legendcolor .linknext,#data .legendcolor .linkback,#data .legendcolor .linkconfig{background-color:transparent;}
+
+#data .legendcolor div{ float:left;width:auto;height:20px;}
+#data .box .legendcolor .lnColor0, #data .box .legendcolor .lnColor1, #data .box .legendcolor .lnColor2, #data .box .legendcolor .lnColor3, #data .legendcolor .lnColor0, #data .legendcolor .lnColor1, #data .legendcolor .lnColor2, #data .legendcolor .lnColor3{
+ display:		block; 
+ margin:		0px 5px 0px 5px;
+ border:		1px solid #000000;
+ width:			10px;
+ height:		10px;
+}
+/* code de validation dans un .tableau...*/
+#data .lnColor0, #data .table .lnColor0, #data .table .lineStyle1 .lnColor0, #data .table .lineStyle2 .lnColor0{background-color:#FFFFFF;}				/* actif/publie */
+#data .lnColor1, #data .table .lnColor1, #data .table .lineStyle1 .lnColor1, #data .table .lineStyle2 .lnColor1{background-color:rgb(255, 153, 0);}			/* en attente*/
+#data .lnColor2, #data .table .lnColor2, #data .table .lineStyle1 .lnColor2, #data .table .lineStyle2 .lnColor2{background-color:#FF0000;}				/* archive*/
+#data .lnColor3, #data .table .lnColor3, #data .table .lineStyle1 .lnColor3, #data .table .lineStyle2 .lnColor3{background-color:#98F01D;}				/* archive*/
+
+/*Style de couleur pour la gestion des quotas*/
+/* style pour la legende */
+#data .box .legendcolor .styleSend, #data .box .legendcolor .styleNew, #data .box .legendcolor .styleRead,#data .legendcolor .styleSend, #data .legendcolor .styleNew, #data .legendcolor .styleRead{
+ display:		block; 
+ margin:		0px 5px 0px 5px; 
+ border:		1px solid #E7EAED;
+ width:			10px;
+ height:		10px;
+}
+#data .box .legendcolor .linkview,#data .box .legendcolor .linkdelete,#data .box .legendcolor .linksave,#data .box .legendcolor .linkupdate,#data .legendcolor .linkview,#data .legendcolor .linkdelete,#data .legendcolor .linksave,#data .legendcolor .linkupdate,#data .legendcolor .linkadd{
+ display:		block; 
+ margin:		-5px -10px 0px 5px; 
+ width:			10px;
+ height:		15px;
+}
+
+ 
+/* code de validation dans un .tableau...*/
+#data .styleSend, #data .table .styleSend, #data .table .lineStyle1 .styleSend, #data .table .lineStyle2 .styleSend{background-color:#FFFFFF;}				/* actif*/
+#data .styleNew, #data .table .styleNew, #data .table .lineStyle1 .styleNew, #data .table .lineStyle2 .styleNew{background-color:rgb(255, 153, 0);}			/* en attente*/
+#data .styleRead, #data .table .styleRead, #data .table .lineStyle1 .styleRead, #data .table .lineStyle2 .styleRead{background-color:#c1d2ee;}				/* actif*/
+
+/************************************************************************
+* -> Gestion des onglets
+*/
+.tabe{vertical-align:bottom; width:100%;height:20px;}
+.tabe ul {
+ display:		block; 
+ height:		20px;
+ list-style:		none;
+ vertical-align:	bottom;
+ width:			100%;
+}
+.tabe ul li {
+ height:		19px;
+ list-style:		none;
+}
+.box .tabe ul{
+ display:		inline;
+ width:			auto;
+ margin-left:		auto;
+ margin-right:		0px;
+ padding-right:		0px;
+ float:			right;
+}
+.box .tabe ul li{
+/* display:inline; */
+ margin-right:		0px;
+ padding-right:		0px;
+/* float:right; */
+}
+/* style des onglets */
+.WindowTabeData,  .WindowTabeDataSelected{
+ background-color:	#E7EAED;
+ border:		1px solid #333366;
+ border-bottom:		0;
+ float:			left;
+ width:			180px;
+ vertical-align:	bottom;
+}
+
+.WindowTabeData a, .WindowTabeDataSelected a{
+ display:		block;
+ font-weight:		bold;
+ text-decoration:	none;
+}
+.WindowTabeData{}
+.WindowTabeDataSelected{}
+.WindowTabeDataSelected a{background-color:#333366; color:#FFFFFF;}
+/* events */
+.WindowTabeData a:hover,.WindowTabeDataSelected a:hover{background-color:#c1d2ee;color:#333366;}
+/************************************************************************
+* -> Fin gestion des onglets
+*/
+
+
+
+
+
+/************************************************************************
+* informations de l'objet 
+*/
+/* utilise pour les headers*/
+#data .header{
+ width:			100%;
+ padding:		3px 0 10px 0;
+}
+#data .header h1,#data .header h2,#data .header h3{
+/* padding-top:5px;
+ padding-bottom:5px;*/
+ display:		none;
+}
+#data .header p{
+ display:		block;
+ background:		url(../media/picto/puce.gif)  0 2px no-repeat;
+ padding:  		0 10px 0 10px;
+ margin-left: 		2px;
+ vertical-align:	top;
+}
+/* Utilise pour les infos contextuelles*/
+#data .info{
+ width:			99%;
+ border:		0;
+ padding:		4px;
+ text-align:		center;
+}
+#data .info h1,#data .info h2,#data .info h3{
+ padding-top:		5px;
+ padding-bottom:	5px;
+}
+/************************************************************************
+* Fin informations 
+*/
+
+
+/************************************************************************
+* legende d'un .tableau 
+*/
+#data .legend{
+/*  display:		block; */
+ float:			right;
+ background: 		#FFFFFF;
+ width:			auto;
+ height:		30px;
+ padding: 		5px 10px 5px 10px;
+ margin:		0px;
+}
+#data .formNode{
+ display:		inline;
+ float:			left; 
+ background: 		#FFFFFF;
+ vertical-align:	middle;
+ padding-bottom:	20px;
+ width:			40%;
+}
+#data .formNode select{
+ width:			300px;
+}
+#data .box .legend div,#data .legend div{display:inline;width:auto; border:0; padding-left:18px;background-color:#FFFFFF;margin-left:5px;}
+/************************************************************************
+* Fin legende */
+
+
+/************************************************************************
+* barres de boutons 
+* action -> sert g<EFBFBD><EFBFBD>iquement pour encadrer des boutons
+*     dans un .tableau il contient 2 colonne de bouton sinon utiliser actionOne
+* actionOne sert dans un .tableau pour une colonne action restreinte
+* actionA sert quand une barre d'action ne possede que des liens ( pas dans un .table)
+*/
+#data .action, #data .actionOne, #data .actionA{
+ text-align:		center;
+ width:			100%;
+ border-top: 		1px solid #333366;
+ background:		#E7EAED;
+ padding: 		0 0 0 0;
+ height:		22px;
+ clear:			both;
+ vertical-align:	top;
+}
+#data .action input, #data .action a, #data .actionOne input, #data .actionOne a, #data .actionA a{
+ width:			90px;
+ margin:		0;
+}
+#data .action a, #data .actionOne a, #data .actionA a{
+/* font-size:100%;*/
+ height:		17px;
+}
+#data .action .buttonfreesize, #data .actionA .buttonfreesize, #data .actionOne .buttonfreesize{
+ width:			auto;
+}
+#data .action input, #data .action a, #data .actionA a{display:inline;}
+#data .actionA{padding-top:5px;height:17px;}
+#data .actionA a{display:inline;background-position:2px 2px;width:100px;}
+#data .action > a, #data .actionOne >a{padding:2px 5px 6px 26px; background-position:0 0;line-height:19px;border-top:2px solid #333366}
+#data .table .action, #data .table tr .actionOne{ border-top:0;  padding:0; margin:0; height:22px;width:125px;}
+#data .table .actionOne{width:63px;}
+#data .table .action a, #data .table tr .actionOne a{ display:block;float:left;width:25px; border:0px; padding-left:0;}
+#data .action .boxcheck input, #data .actionOne .boxcheck input{width:12px; border:0; text-align:center;background-color:transparent;margin:0 20px 0 20px}
+/************************************************************************
+* plus d'elements dans boutton.css 
+*/
+
+
+/************************************************************************
+* <EFBFBD><EFBFBD>ents du lexique
+*/
+.lexiqueLink:link  {color: #333366; font-weight: bold; font-size: 10px;text-indent: 2px }
+.lexiqueLink:hover  {color: #333366; font-weight: bold; font-size: 10px;text-indent: 2px }
+.lexiqueLink:visited  {color: #333366; font-weight: bold; font-size: 10px;text-indent: 2px }
+.lexiqueLink:active  {color: #333366; font-weight: bold; font-size: 10px;text-indent: 2px }
+
+.noLexiqueLink:link  {color: #DDDDDD; font-weight: bold; font-size: 10px;text-indent: 2px }
+.noLexiqueLink:hover  {color: #DDDDDD; font-weight: bold; font-size: 10px;text-indent: 2px }
+.noLexiqueLink:visited  {color: #DDDDDD;font-weight: bold; font-size: 10px;text-indent: 2px }
+.noLexiqueLink:active  {color: #DDDDDD; font-weight: bold; font-size: 10px;text-indent: 2px }
+
+#data .index{display:block;float:left; width:auto;}
+#data .def{padding:2px; width:99%}
+
+#data .leftlist label{
+ float:			left;
+ display:		block;
+ width:			170px;
+}
+#data .rigthlist ul{
+ float:			right;
+ display:		block;
+ width:			100%;
+}
+/*
+* fin lexique
+*/
+
+/* classe pour l'<27>iteur wiziwig */
+/*#data .freeStyle *, #data .freeStyle * *, #data .freeStyle * * *, #data .freeStyle .table, #data .freeStyle .table tr, #data .freeStyle .table tr td, #data .freeStyle ul, #data .freeStyle ul li, #data .freeStyle h1, #data .freeStyle h2, #data .freeStyle h3, #data .freeStyle h4{
+ width:auto;
+ font-size:auto;
+ padding:auto;
+ margin:auto;
+ background-color:auto;
+ list-style:auto;
+ display:auto;
+}*/
+
+/*
+* Fin du main
+*/

data/template/default/css/home.css

@@ -0,0 +1,550 @@
+/*
+* class && id principaux
+*/
+
+/* contraint toute l'application */
+#applicationhome{
+ width:		100%;
+}
+/* Menu de gauche pour l'objet home*/
+#toollefthomehaut{
+ position:		absolute;
+ background:		url(../media/image/milieu1.gif) 0 0 repeat;
+ background-position:	left top; 
+ float:			left;
+ left:			0;	/* IE !!! */
+ width:			35px;
+ height: 		922px;
+}
+#LastCom{
+ position:		relative;
+ background:		url(../media/image/milieu2.gif) 0 0 no-repeat;
+ width: 		40px;
+ height: 		180px;
+ left:			0;	/* IE !!! */
+ padding-bottom:	30px;
+}
+#Basgauche{
+ position:		absolute;
+ background:	url(../media/image/bas_gauche.gif) #233956 0 0 no-repeat;
+ width: 			250px;
+ height: 			118px;
+ left:			0;	/* IE !!! */
+ float:			left;
+ padding:		0;
+ padding-left:	30px;
+}
+#Basgauche a{font-weight:bold;color:#FFFFFF;}
+
+#logoBienvenue{
+ background:		url(../media/image/bas_bienvenue.gif) #FFFFFF 0 0 no-repeat;
+ display:		block;
+ position:			absolute;
+ width:			50px;
+ height:			120px;
+ left:			250px;	/* IE !!! */
+}
+#Bienvenue{
+ position:			absolute;
+ padding-left:		10px;
+ left:				295px;	/* IE !!! */
+ width: 				400px;
+ background-color:#E7EAED;
+}
+
+/* img bas menu gauche */
+#toollefthomebas{
+ position:		absolute;
+ background:		url(../media/image/bas_gauche.gif) 0 0 no-repeat;
+ top:			1045px;
+ left:			0;	/* IE !!! */
+ width:			30px;
+ height:			50px;
+ float:			left;
+}
+/* footer */
+#footerhomeligne {
+ position:	absolute;
+ left:0;
+ background-color:	#233956;
+ width:		50%;
+ height:		60px;
+ text-align:	right;
+}
+#footerhomeligne a{font-weight:bold;color:#FFFFFF;}
+/* header */
+#headerhome{
+ height: 			122px;
+ width:			100%;
+ background:	url(../media/image/haut_fond.gif) 0 0 ; 
+ background-position:	left top; 
+}
+/* Logo */
+#logohome{
+ height: 		122px;
+ width:			100%;
+ background:		url(../media/image/haut_logo.gif) 0 0 no-repeat; 
+ background-position:	left top; 
+}
+/* footer */
+#footerhome{
+ background:		url(../media/image/bas_fond.gif) 0 0 ; 
+ width:			100%;
+ height:		24px;
+}
+#footerlogohome{
+ background:		url(../media/image/bas.gif) 0 0 ; 
+ width:			710px;
+ height:		24px;
+}
+
+
+
+
+/* bloc principal data */
+
+#datahome{
+ padding-left:	40px;
+ padding-right:	10px;
+ padding-top:	2px;
+ background: url(../media/image/milieu1.gif) 0 0 no-repeat;
+}
+#datahome .box{
+ width:			99%;
+ border: 		1px solid #333366;
+ border-bottom:3px solid #333366;
+ vertical-align:	top;
+ } 
+#datahome #messageprint{
+	margin-left:0;
+	left:0;
+}
+#datahome .box .box{
+ width:			100%;
+ border:		0;
+ border-top:	1px solid #333366;
+}
+/*#datahome div{
+ text-align:		left;
+ width:			99%;
+}*/
+/*#datahome div div{
+ width:			100%;
+}*/
+#datahome legend{
+ padding:		4px;
+ font-weight:		normal;
+}
+#datahome label{
+ float:			left;
+ width: 		155px;
+ display:		inline;
+ font-weight:		normal;
+ text-align:		right;
+}
+#datahome input{
+ width:			155px;
+ margin:		3px;
+ vertical-align:	middle;
+}
+#datahome select{
+ right: 		0;
+ margin:		3px;
+ width:			157px;
+ vertical-align:	middle;
+}
+#datahome textarea{
+ right: 		0;
+ width:			160px;
+ margin:		3px;
+ vertical-align:	middle;
+}
+#datahome h1, #datahome h2, #datahome h3{
+ padding-left:		2px;
+}
+#datahome .selectGroup select{
+width:			230px;
+}
+
+/* gestion des fieldset (-> cas a gerer: dans .box et en dehors )*/
+/*#data .fieldset {
+ display:		block;
+ border:		1px solid #333366;
+ border-top:		20px solid #333366;
+ margin-bottom:		10px;
+ width:			99%;
+ border-spacing:	0;
+}
+#data .box .fieldset{
+ width:			100%;
+ border-left:		0;
+ border-right:		0;
+ border-bottom:		0;
+ margin-bottom:		0;
+}
+#data .fieldset legend, #data .box .fieldset legend{
+ text-align:		left;
+ font-weight:		bold;
+ background-color:	#333366;
+ color:			#FFFFFF;
+}*/
+#datahome .fieldset, #datahome .confirm{
+ display:		block;
+ border:		1px solid #333366;
+ margin:		15px;
+}
+#datahome .area{ 
+  width:		98%;
+ }
+#datahome .charte{ 
+  float: 			left;
+  padding:		2px;
+  font-weight:	bold;
+ }
+#datahome .fieldsethome{
+ display:		block;
+ margin:		2px;
+ width:			30%;
+}
+#datahome .fieldsethome legend{
+ color:#FFFFFF;
+}
+#datahome .fieldsethome input{
+ width: 200px;
+ font-weight:bold;
+}
+#datahome .fieldsethome select{
+ width: 200px;
+}
+#datahome .textCom{
+ display:			block;
+ width:			100%;
+} 
+#datahome .decalage{
+ width:			45%;
+ float: 		left;
+ padding-left:		30px;
+ } 
+#datahome .fieldset legend, #datahome .confirm legend{
+ font-weight:		bold;
+}
+/* Pour les suppressions*/
+#datahome .confirm{
+ border:		1px solid rgb(255, 153, 0);
+}
+#datahome .confirm legend{
+ color:			rgb(255, 153, 0);
+}
+#datahome .confirm .action {
+ border-top:	1px solid rgb(255, 153, 0);
+}
+#datahome .confirm .action .next{
+ border:		1px solid rgb(255, 153, 0);
+ background-color: 	rgb(255, 153, 0);
+ color:			#FFFFFF;
+ width:			60px;
+}
+/* fin gestion des fieldset */
+
+.important{
+ color:			rgb(255, 153, 0);
+ padding:		4px;
+ font-weight:		bold;
+}
+
+/*Gestion des derniére communauté*/
+#datahome .Com{
+ display:			block;
+ float:			left;
+ width:			600px;
+ padding-left:	70px;
+}
+
+#datahome .cadre1, #datahome .cadre2, #datahome .cadre3, #datahome .cadre4{
+ width:			110px;
+ padding:		12px 2px 12px 30px;
+ margin:			3px;
+ right:			0;
+ height:			30px;
+/*  font-weight:	bolder; */
+ float:			left;
+ vertical-align:baseline;
+}
+ 
+#datahome .cadre1{
+  background:		url(../media/image/gros_picto.gif) #99CCFF 4px 5px no-repeat; 
+}
+#datahome .cadre2{
+ background:		url(../media/image/gros_picto.gif) #9999CC 4px 5px no-repeat; 
+}
+#datahome .cadre3{
+ background:		url(../media/image/gros_picto.gif) #6699CC 4px 5px no-repeat; 
+}
+ 
+/*fin gestion des derniéres communauté*/
+
+
+#datahome .field{
+ display:		block;
+ float:			left;
+ width:			49%;
+}
+#datahome .field label{
+ height:		20px;
+ font-weight:		bold;
+}
+#datahome .txt{
+ display:		block;
+ float:			left;
+ font-weight:		bold;
+ width:			48%;
+ padding:		5px;
+}
+#datahome .txt p{
+ display:		inline;
+ float:			left;
+ width:			100%;
+ padding:		2px;
+}
+#datahome .boxcheck{
+ display:		block;
+ width:			30%;
+ float:			left;
+ text-align:		center;
+}
+#datahome .boxcheck label{
+ width:			150px;
+ float:			left;
+ font-weight:		normal;
+}
+#datahome .boxcheck input{
+ width:			15px;
+ border:		0;
+}
+#datahome .valid{
+ display:		block;
+ width:			100%;
+ text-align:		center;
+ }
+#datahome .valid label{
+ font-weight:		bold;
+ float:			none;
+ width:			475px; 
+}
+#datahome .valid input{
+ width:			15px;
+ border:		0;
+}
+
+
+/* 
+* Definition des tableaux de presentation par defaut
+*/
+/*#data table{
+ display:		block;
+ border-spacing:1px;
+ margin:		0 15px 15px 15px;
+}
+#data .box > table{
+ padding:		0 15px 15px 15px;
+ margin:		0;
+}*/
+#datahome table{
+ display:		block;
+ border-spacing:1px;
+ width:		100%;
+}
+#datahome table th{
+ background:	#333366;
+ color:			#FFFFFF;
+ text-align:		center;
+ font-weight:	bold;
+ padding-left:	10px;
+ padding-right:	10px;
+ white-space:nowrap;
+}
+#datahome table tr{
+ background:	#333366;
+ vertical-align:	top;
+}
+#datahome table tr td{
+ background:	#E7EAED;
+ text-align:		left;
+ padding:		1px 1px 1px 1px;
+ }
+
+#datahome tr:hover td{
+ background:	#FFFFFF;
+}
+
+#datahome table caption{
+ font-weight:	bold;
+ text-align:	left;
+ padding:15px 0 4px 15px;
+}
+
+#datahome table ul, .list{
+ padding-left:	20px;
+ list-style:		square;
+}
+.list{
+ float:			left;
+ width:			45%;
+}
+#datahome table tr td a{
+ display:		block;
+ float:		left;
+ margin:		0;
+}
+#datahome table .action{ border-top:	0;  padding:0; width:258px; margin:0;}
+#datahome table .action a{ margin:		0;}
+/* Fin des tableaux */
+
+
+nobr{
+ white-space:nowrap;
+}
+
+
+/* doit etre utilise ici sinon plantage dans l'affichage fck d'IE !!!!!*/
+#datahome iframe{}
+
+/* sert pour la gestion des options d'affichage */
+.option{
+ padding:	2px;
+ border-bottom:	1px solid #333366;
+}
+
+.clean{
+ height:	0px;
+ width:		0px;
+ clear:		both;
+}
+.nodisplay{
+ display:	none;
+}
+
+/**
+* -> Gestion des onglets
+*/
+.tabe{vertical-align:	bottom;}
+
+.tabe ul {
+ height:		20px;
+ list-style:		none;
+ vertical-align:	bottom;
+}
+.tabe ul li {
+ height:	19px;
+ list-style:	none;
+}
+
+
+
+/* informations de l'objet */
+/* utilise pour les headers*/
+#datahome .header{
+ width:		100%;
+ padding:	3px 0 3px 0;
+}
+#datahome .header h1,#datahome .header h2,#datahome .header h3{
+ padding-top:	5px;
+ padding-bottom:5px;
+}
+/* Utilise pour les infos contextuelles*/
+#datahome .info{
+ border:	0;
+ padding:	4px;
+ text-align:center;
+}
+#datahome .info h1,#datahome .info h2,#datahome .info h3{
+ padding-top:	5px;
+ padding-bottom:5px;
+}
+/* Fin informations */
+
+
+
+
+/* legende d'un tableau */
+#datahome .legend{
+ background: 	url(../media/picto/sort.gif) #FFFFFF 0 2px no-repeat;
+ border-bottom: 1px solid #333366;
+ height:	22px;
+}
+#datahome .legend div, #datahome .legend .pictodelete{
+ float:		left;
+ width:		100px;
+ height:	16px;
+ text-align:	left;
+ padding:	4px;
+ padding-left:	24px;
+}
+/* Fin legende */
+
+
+
+/* barres de boutons */
+#datahome .action{
+ text-align:	center;
+ width:		100%;
+ border-top: 	1px solid #333366;
+ background:	#E7EAED;
+ height:	27px;
+ clear:		both;
+}
+#datahome .action input, #datahome .action a{
+ width:		90px;
+ margin:	3px;
+}
+/* plus d'elements dans boutton.css */
+
+
+
+/* sert pour les détails de liste (non visible) + BB Wysi....-> ce cas reste à reprendre */
+.recap{
+ display:		block;
+ float:			left;
+ padding:		2px;
+ padding-left:		150px;
+ width:			27%;
+}
+.tableauInfo{
+ border: 2px solid #333366;
+}
+
+
+
+
+
+/* gestion des barre d'outils */
+/*#data .tool{
+ background: 	url(../media/picto/sort.gif) #c1d2ee 0 2px no-repeat;
+ border-bottom: 1px solid #333366;
+ padding-left:	20px;
+ height:	22px;
+}
+#data .tool a{
+ display:	block;
+ padding-top:	5px; 
+}
+#data .tool input{
+ width:		100px;
+ margin:	0;
+ height:	22px;
+}
+#data .tool .check{
+ border:		0;
+ background:	#c1d2ee;
+ width:			12px;
+ height:		12px;
+ padding:		10px;
+}
+#data .tool label, #data .tool input, #data .tool select{
+ display:		inline;
+ width:			auto;
+}*/
+
+/*
+* Fin du main
+*/

data/template/default/default.css

@@ -0,0 +1,364 @@
+/*
+ * Fichier style.css
+ * Definition de la template par défaut
+ *
+ * 1-Définition de base
+ * 2-Définition des cadres principaux
+ * 3-Dtails des cadres
+ * 4-Boutons
+ */
+
+/*
+ * 1-Définitions de base
+ */
+
+body {
+	background:		#FFFFFF;
+/*  background:		black url(media/image/Background.png) no-repeat; */
+}
+
+*{
+	font-family:		Helvetica, Arial, sans-serif;
+	text-align:			left;
+	font-weight:		normal;
+}
+
+hr {
+ margin:					0;
+ padding:				0;
+ height:					0;
+ clear:						both;
+ visibility:				hidden;
+}
+
+img{
+	vertical-align:	middle;
+	border:				0;
+}
+
+div{}
+span{}
+code{}
+p{}
+label{}
+
+a{
+	color:					#00F;
+}
+
+a:hover{}
+
+form {
+	padding:				0;
+	margin:				0;
+}
+input, textarea, select {}
+
+.hidden{
+ border:					0;
+ height:					0;
+ width:						0;
+ position:					absolute;
+ display:					none;
+}
+
+strong, b{
+	font-weight: 		bold;
+}
+
+/*
+ * 2-Définition des cadres principaux de l'interface (positionnement)
+ */
+
+/* Fenêtre principale */
+#application{
+ /* width:100%; */
+ background:		#FFFFFF;
+ width:						1020px;
+ margin-left:			auto;
+ margin-right:		auto;
+ border-radius:10px; -moz-border-radius:10px;
+}
+
+/* Cadre d'en-tête */
+#header{
+ /*height:35px;
+ width:100%;
+ font-size:10px;*/
+}
+
+/* Cadre logo */
+#logo{
+ /*height:110px;
+ width:120px;
+ padding-top:15px;
+ padding-left:70px;
+ text-align:center;
+ font-size:10px;
+ font-weight:bold;
+ background:url(../../image/perso.gif) 0 0 no-repeat;*/
+}
+
+/* Cadre de connexion */
+#userprint{
+ /* font-size:0.6em; */
+ text-align:center;
+ font-size:8px;
+ /* width:192px; */
+ width: 152px;
+ background:#E8EEFA;
+ padding:2px;
+ border:1px solid #C3D9FF;
+ border-radius:10px; -moz-border-radius:10px;
+}
+
+/* Menu de navigation */
+#toolleft{
+ float:left;
+ margin:0 0 0 0;
+ left:0;	/* IE !!! */
+ /* margin-top:70px; */
+ /* width:200px; */
+ width: 160px;
+ font-size:8px;
+}
+
+/* bloc principal, conteneur principal des données */
+#data{
+ /* margin-left:200px; */
+ margin-left:160px;
+ margin-right:0px;
+ font-size:10px;
+ padding:0;
+ border-left:10px solid #C3D9FF;/*border-top:1px solid #C3D9FF;border-bottom:3px solid #C3D9FF;*/border-right:1px solid #C3D9FF;
+ min-height:400px;
+}
+
+/* Affichage des messages */
+#messageprint{
+ font-weight:bold;
+ background:#FF932E;
+ /* margin-left:200px; */
+ margin-left:160px; 
+ margin-right:2px;
+ text-align:center;
+ border-radius: 10px; -moz-border-radius: 10px;
+ font-size:10px;
+}
+
+/* Affichage des points d'entrée, suivi de navigation */
+#entrynodeprint{
+ font-size:10px;
+ position:absolute;
+ top:0;
+ right:0;
+ background:#C3D9FF;
+ padding:2px;
+ /* padding-left:5px; */
+ border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px;
+}
+#entrynodeprint select, #entrynodeprint input{font-size:10px;}
+
+/* Pour l'objet courant de navigation */
+#currentcoordinationobjprint, #footerdata{
+ margin-top:5px;
+ /* margin-left:200px; */
+ margin-left:160px; 
+ margin-right:0px;
+ font-size:10px;
+ /* padding:2px 2px 2px 10px; */
+ border:1px solid #C3D9FF;
+ border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
+ background: #E8EEFA;
+}
+
+#footerdata{
+ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;margin-top:0px;background:#C3D9FF;
+}
+
+#helplink{font-size:9px;position:absolute;top:25px;right:0;}
+#helpprint{
+ margin-left:200px;
+ margin-right:2px;
+ margin-bottom:5px;
+ padding-left:10px;
+ border:2px solid #C3D9FF;
+ border-left:8px solid #C3D9FF;
+ border-bottom:3px solid #C3D9FF;
+ border-radius:10px; -moz-border-radius:10px;
+}
+
+/*
+ * 3-Détails des cadres
+ */
+
+#userprint h1{font-size:1em; font-weight:bold;}
+#userprint div a{font-size:10px;}
+
+#currentcoordinationobjprint h1, img , a{display:inline;}
+#currentcoordinationobjprint h1{font-size:1.1em; font-weight:bold;}
+#currentcoordinationobjprint img{display:none;}
+
+/* Conteneur des outils/briques en data */
+#data .box{padding:1px;}
+#data .box .header h2{display:none;}
+
+#userprint h1{height:auto; display:inline}
+#userprint div{text-align:right;}
+#userprint{font-weight:bold;}
+
+/* definition du menu de navigation pour les objets */
+#navigationprint{/*width:185px; */margin-left:1px; /* margin-top:16px;*/}
+#navigationprint h1{display:none;}
+#navigationprint #menuDyn {font-size:9px;width:100%;padding-left:0;margin-left:0;}
+
+#navigationprint ul{
+ list-style-type:none;
+ padding-left:5px; 
+ margin-left:0;
+}
+
+#navigationprint #menuDyn ul li.none:hover{background:#E8EEFA;font-size:11px;font-weight:bold;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;}
+#navigationprint #menuDyn li.none a:hover{font-size:11px;font-weight:bold}
+
+#navigationprint li{
+/*  padding-left:10px; */
+}
+
+#navigationprint li a{text-decoration:none;}
+#navigationprint .selectedNode .selected{background:#C3D9FF;width:100%;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;}
+#navigationprint ul .selected .none a{font-weight:normal;}
+#navigationprint ul .selectedNode .selected a{font-size:11px;font-weight:bold;text-decoration:none;}
+/*#navigationprint li a img{width:0;height:0;}*/
+
+/* helprint */
+#helpprint .tabehelpprint{text-align:right}
+#helpprint .tabehelpprint ul{/*font-size:0.6em;*/list-style-type:none;height:auto; padding:0; margin:0;}
+#helpprint .tabehelpprint ul li{text-align:right;margin-right:40px;}
+#helpprint .tabehelpprint ul li a{background:#C3D9FF;line-height:20px;padding:6px;width:120px;border:1px solid #C3D9FF;border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;}
+#helpprint .tabehelpprint img{display:none;}
+#helpprint #helpframe{width:100%; height:200px;border:0;}
+
+/* Language Print */
+#languageprint{font-size:10px;}
+
+/* Cadres */
+#data fieldset{
+ border:1px solid #E8EEFA;
+ border-left:5px solid #E8EEFA;
+ /* padding:2px; */
+ /* padding-bottom:4px; */
+ margin:0;
+ /* margin-bottom:3px; */
+ border-radius:10px; -moz-border-radius:10px;
+}
+#data fieldset legend{font-weight:bold;}
+/* Détails des cadres */
+#data fieldset .legend{/* line-height:25px;*/}
+#data fieldset .legend div{/* padding:2px 10px 2px 10px;*/}
+#data fieldset fieldset{/*margin:5px;*/}
+#data fieldset div{display:inline;/*padding:2px;*/}
+#data fieldset .action{display:block;text-align:center;background:#E8EEFA;}
+
+#data fieldset div.field, #data fieldset div.fieldshort, #data fieldset div.boxcheck{display:block;width:45%;float:left;}
+#data fieldset div.boxcheck{width:auto;}
+#data fieldset div.field label{display:block;}
+#data fieldset div.field input{/*width:70%;*/}
+#data fieldset div.field textarea{/* width:70%;*/}
+#data fieldset div.field select{/* width:70%;*/}
+#data fieldset .action {clear:both;}
+#data fieldset div.field img{float:left;}
+#data fieldset .require{font-style: italic;}
+
+#data .action input{border:1px outset #C3D9FF;border-radius:3px; -moz-border-radius:3px;background:#C3D9FF;}
+
+/* Tableaux */
+#data table{width:100%; font-size:9px;border:0; border-collapse:collapse;}
+#data table th{background:#C3D9FF;text-align:center;}
+#data table td{line-height:19px;}
+#data table tr.lineStyle1 td{background:#E8EEFA;border-bottom:1px solid #CECECE;}
+#data table tr.lineStyle2 td{background:#FFFFFF;}
+
+/*
+ * Gestion des onglets
+ */
+.tabe{vertical-align:bottom; /*width:100%;*/height:20px;}
+.tabe{border-top:2px solid #C3D9FF;}
+.tabe ul {
+ display:block; 
+ list-style:none;
+ vertical-align:bottom;
+ /*width:100%;*/
+ padding:0;
+ /* height:22px20px;*/
+ margin:0;
+}
+.tabe ul li {/*height:22px;*/padding:0;margin:0;border:1px solid #C3D9FF;border-top:0;}
+
+.tabe img{/*display:none;*/}
+
+/*
+ * Style des onglets
+ */
+.WindowTabeData,  .WindowTabeDataSelected{
+ background-color:#E8EEFA;
+ border-bottom:0;
+ float:left;
+ /*width:200px;*/
+ width:170px;
+ vertical-align:bottom;
+}
+
+.WindowTabeData a, .WindowTabeDataSelected a{
+ display:block;
+ font-weight:bold;
+ text-decoration:none;
+ /* padding:2px 2px 2px 10px; */
+}
+
+.WindowTabeData{}
+.WindowTabeDataSelected{}
+.WindowTabeDataSelected a{background-color:#C3D9FF; color:#000000;}
+
+/*
+ * 4-Boutons
+ */
+
+/* Boutons */
+.linkdelete, .linkview, .linkupdate, .linkadd, .linknext, .linkback, .linkconfig, .linksave{
+ padding:	3px 5px 6px 20px;
+ /*padding:	5px 5px 1px 20px;*/
+ height:	18px;
+ text-align:	left;
+ color:		#333366;
+ font-weight:	bold;
+ text-decoration:none;
+}
+/* lien bouton */
+.linkdelete, .linkview, .linkupdate, .linkadd, .linksave, .linknext, .linkback, .linkconfig{
+ /* padding:		4px 5px 4px 20px; */
+ /*height:		30px;*/
+}
+
+/* bouton */
+.button, .save, .ok, .back, .delete, .add, .next, .config{
+/* display:		block;*/
+}
+
+/* Au passage de la souris sur le bouton "Modifier" */
+.linkok:hover, .linkback:hover, .linknext:hover
+{}
+
+
+.linkview{background: url(media/picto/view.gif)  0px 0px no-repeat;}
+.linkadd{background: url(media/picto/add.gif)  0px 0px no-repeat;}
+.linksave{background: url(media/picto/update.gif)  0px 0px no-repeat;}
+.linkupdate{background: url(media/picto/update.gif)  0px 0px no-repeat;}
+.linkok{background: url(media/picto/update.gif)  0px 0px no-repeat;}
+.linkback{background: url(media/picto/back.gif)  0px 0px no-repeat;}
+.linknext{background: url(media/picto/next.gif)  0px 0px no-repeat;}
+.linkdelete{background: url(media/picto/delete.gif)  0px 0px no-repeat;}
+.linkconfig{background: url(media/picto/config.gif)  0px 0px no-repeat;}
+
+/*A utiliser pour les boutons ayant un libellé plus long que les autres */
+.buttonfreesize{background: url(media/picto/update.gif)  #c1d2ee 0 0 no-repeat;}

data/template/default/main.mxt

@@ -0,0 +1,52 @@
+<!DOCTYPE html 
+     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+<head>
+	<title><mx:text id="CurrentCoordinationTitle"/></title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+	<meta name="keywords" content="prai, PRAI, innovation, internet, europe, Europe, france, France, limousin, Limousin, tic, TIC, php, open, GPL, gpl, outils, intranet, extranet, portail, limousin, plate-forme, plateforme, plate forme, services, outils, travaux collaboratifs, mutualiser, mutualisation"/>
+	<meta name="description" content="Granilim est la plate-forme de services mutualise du Limousin mise en oeuvre dans le cadre de Practiciel"/>
+	<meta name="classification" content="internet"/>
+	<meta name="author" lang="fr" content="Limousin expansion" />
+	<meta name="identifier-url" content="http://www.granilim.org" />
+	<meta name="language" content="fr" />
+	<meta name="reply-to" content="contact@granilim.org" />
+	<meta name="revisit-after" content="10 days" />
+	<meta name="category" content="internet" />
+	<meta name="rating" content="general" />
+	<meta name="robots" content="follow,index,all" />
+	<meta name="publisher" content="Limousin expansion" />
+	<meta name="Author" content="Limousin expansion" />
+	<meta name="copyright" content="&copy; Limousin expansion - Tous droits réservé" />
+	<link rel="stylesheet" type="text/css" href="data/template/default/style.css" media="screen"/>
+	<link rel="stylesheet" type="text/css" href="data/template/lcube6/css/bootstrap.min.css">
+    <script type="text/javascript" src="data/javascript/jquery-3.1.1.min.js"></script> 
+    <script type="text/javascript" src="data/javascript/jquery.tools.min.js"></script>
+	<script type="text/javascript" src="data/javascript/bootstrap.min.js"></script>
+</head>
+<body>
+	<div id="application">
+		<div id="header">
+<!-- 			<div id="logo">Granilim : <br /><a href="www.granilim.fr">www.granilim.fr</a><br/><br/>Graniware : <br /><a href="www.graniware.net">www.graniware.net</a></div> -->
+            <mx:text id="navigationprint"/>
+		</div>
+                <div id="toolleft">
+<!--			<mx:text id="userprint"/> -->
+<!--			<mx:text id="navigationprint"/> -->
+		</div>
+		<mx:text id="entrynodeprint"/>
+		<mx:text id="helpprint"/>
+
+		<mx:text id="messageprint"/>
+		<mx:text id="currentcoordinationobjprint"/>
+		<div id="data">
+			<mx:bloc id="DATA"></mx:bloc id="DATA">
+		</div>
+		<div id="footerdata">&nbsp;</div>
+		<div id="footer">
+			<div id="footerlogo"></div>
+		</div>
+	</div>
+</body>
+</html>