Let's begin the new customizable clear template :-)

git-svn-id: http://piwigo.org/svn/trunk@820 68402e56-0260-453c-a942-63ccdbb3a9ee

36 files changed, 1208 insertions, 0 deletions

diff --git a/template/cclear/admin.tpl b/template/cclear/admin.tpl
new file mode 100644
index 000000000..4ddfd52cb
--- /dev/null
+++ b/template/cclear/admin.tpl
@@ -0,0 +1,92 @@
+<!-- BEGIN install_warning -->
+<div class="errors">
+  <ul>
+  <p class="install_warning">{L_INSTALL_WARNING}</p>
+  </ul>
+</div>
+
+<!-- END install_warning -->
+
+<div id="menubar">
+  <dl>
+    <dt>{L_LINKS}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_RETURN}">{L_GALLERY_INDEX}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_GENERAL}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_FAQ}">{L_FAQ}</a></li>
+	<li><a class="adminMenu" href="{U_SITES}">{L_SITES}</a></li>
+	<li><a class="adminMenu" href="{U_PHPINFO}">{L_PHPINFO}</a></li>
+	<li><a class="adminMenu" href="{U_HISTORY}">{L_HISTORY}</a></li>
+	<li><a class="adminMenu" href="{U_CAT_UPDATE}">{L_UPDATE}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_CONFIGURATION}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_CONFIG_GENERAL}">{L_CONFIG_GENERAL}</a></li>
+	<li><a class="adminMenu" href="{U_CONFIG_COMMENTS}">{L_CONFIG_COMMENTS}</a></li>
+	<li><a class="adminMenu" href="{U_CONFIG_DISPLAY}">{L_CONFIG_DISPLAY}</a></li>
+	<li><a class="adminMenu" href="{U_CONFIG_UPLOAD}">{L_CONFIG_UPLOAD}</a></li>
+	<li><a class="adminMenu" href="{U_CONFIG_SESSION}">{L_CONFIG_SESSION}</a></li>
+	<li><a class="adminMenu" href="{U_CONFIG_METADATA}">{L_CONFIG_METADATA}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_CATEGORIES}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_CATEGORIES}">{L_MANAGE}</a></li>
+	<li><a class="adminMenu" href="{U_CAT_UPLOAD}">{L_CAT_UPLOAD}</a></li>
+	<li><a class="adminMenu" href="{U_CAT_COMMENTS}">{L_CAT_COMMENTS}</a></li>
+	<li><a class="adminMenu" href="{U_CAT_VISIBLE}">{L_CAT_VISIBLE}</a></li>
+	<li><a class="adminMenu" href="{U_CAT_STATUS}">{L_CAT_STATUS}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_IMAGES}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_WAITING}">{L_WAITING}</a></li>
+	<li><a class="adminMenu" href="{U_THUMBNAILS}">{L_THUMBNAILS}</a></li>
+	<li><a class="adminMenu" href="{U_COMMENTS}">{L_COMMENTS}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_IDENTIFY}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_USERS}">{L_USERS}</a></li>
+	<li><a class="adminMenu" href="{U_GROUPS}">{L_GROUPS}</a></li>
+      </ul>
+    </dd>
+  </dl>
+  <dl>
+    <dt>{L_AUTH}</dt>
+    <dd>
+      <ul>
+	<li><a class="adminMenu" href="{U_USERS_AUTH}">{L_USERS}</a></li>
+	<li><a class="adminMenu" href="{U_GROUPS_AUTH}">{L_GROUPS}</a></li>
+      </ul>
+    </dd>
+  </dl>
+</div>
+
+<div id="categoryContent">
+<!--div class="home"-->
+  <h2>{PAGE_TITLE}</h2>
+  <div>{ADMIN_CONTENT}{ADMIN_CONTENT_2}</div>
+</div>
+
+
diff --git a/template/cclear/admin/cat_list.tpl b/template/cclear/admin/cat_list.tpl
new file mode 100644
index 000000000..190b85dcd
--- /dev/null
+++ b/template/cclear/admin/cat_list.tpl
@@ -0,0 +1,63 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+<!-- BEGIN infos -->
+<div class="info">
+  <!-- BEGIN info -->
+  <li>{infos.info.INFO}</li>
+  <!-- END info -->
+</div>
+<!-- END infos -->
+<h3>{CATEGORIES_NAV}</h3>
+<!--table style="width:100%;"-->
+<!-- BEGIN category -->
+<table style="width:100%;">
+<tr>
+  <td style="width:1px;padding:5px;"><img src="{category.CATEGORY_IMG_SRC}" alt="{category.CATEGORY_IMG_ALT}" title="{category.CATEGORY_IMG_TITLE}" /></td>
+  <td style="width:60%;text-align:left;"><a class="titreImg" href="{category.U_CATEGORY}">{category.CATEGORY_NAME}</a>
+    <br />
+	<!-- BEGIN storage -->
+    {L_STORAGE} : {category.CATEGORY_DIR} - 
+    <!-- END storage -->
+	{L_NB_IMG} : {category.CATEGORY_NB_IMG}
+  </td>
+  <td class="row1" style="width:10%;white-space:nowrap;text-align:center;">
+    <a href="{category.U_MOVE_UP}">{L_MOVE_UP}</a><br />
+	<a href="{category.U_MOVE_DOWN}">{L_MOVE_DOWN}</a>
+  </td>
+  <td class="row1" style="width:10%;white-space:nowrap;text-align:center;">
+    <a href="{category.U_CAT_EDIT}">{L_EDIT}</a>
+  </td>
+  <td class="row1" style="width:10%;white-space:nowrap;text-align:center;">
+    <!-- BEGIN image_info -->
+    <a href="{category.U_INFO_IMG}">{L_INFO_IMG}</a>
+    <!-- END image_info -->
+    <!-- BEGIN no_image_info -->
+    <span style="color:darkgray;">{L_INFO_IMG}</span>
+    <!-- END no_image_info -->
+  </td>
+  <td class="row1" style="width:10%;white-space:nowrap;text-align:center;">
+    <!-- BEGIN virtual -->
+    <a href="{category.U_CAT_DELETE}">{L_DELETE}</a>
+    <!-- END virtual -->
+    <!-- BEGIN storage -->
+    <span style="color:darkgray;">{L_DELETE}</span>
+    <!-- END storage -->
+  </td>
+<tr>
+</table>
+<!-- END category -->
+<!--/table-->
+<form action="{F_ACTION}" method="post" id="add_virtual">
+  <p>
+    {L_ADD_VIRTUAL} : <input type="text" name="virtual_name" />
+    <input type="hidden" name="rank" value="{NEXT_RANK}"/>
+    <input type="submit" value="{L_SUBMIT}" class="bouton" name="submit" />
+  </p>
+</form>
diff --git a/template/cclear/admin/cat_modify.tpl b/template/cclear/admin/cat_modify.tpl
new file mode 100644
index 000000000..3083e8be2
--- /dev/null
+++ b/template/cclear/admin/cat_modify.tpl
@@ -0,0 +1,73 @@
+<!-- BEGIN confirmation -->
+<div style="color:red;text-align:center;">
+  {L_EDIT_CONFIRM} <a href="{U_PERMISSIONS}">{L_HERE}</a></div>
+<!-- END confirmation -->
+<h3>{CATEGORIES_NAV}</h3>
+<form action="{F_ACTION}" method="POST" id="cat_representant">
+<table style="width:100%;">
+    <!-- BEGIN representant -->
+    <tr>
+      <td style="width:50%;" align="center">
+        <a href="{representant.URL}"><img src="{representant.SRC}" alt="" class="miniature" /></a>
+      </td>
+      <td class="row1"><input type="submit" name="set_random_representant" value="{L_SET_RANDOM_REPRESENTANT}" class="bouton" /></td>
+    </tr>
+    <!-- END representant -->
+  </table>
+</form>
+<form action="{F_ACTION}" method="POST" id="cat_modify">
+    <!-- BEGIN server -->
+    <ul>
+      <dt><strong>{L_REMOTE_SITE}</strong></dt>
+      <dd>{server.SITE_URL}</dd>
+    </ul>
+    <!-- END server -->
+    <ul>
+      <dt><strong>{L_EDIT_NAME}</strong></dt>
+      <dd> <input type="text" name="name" value="{CAT_NAME}" maxlength="60"/> </dd>
+    </ul>
+	<!-- BEGIN storage -->
+    <ul>
+      <dt><strong>{L_STORAGE}</strong></dt>
+      <dd>{storage.CATEGORY_DIR}</dd>
+    </ul>
+	<!-- END storage -->
+    <ul>
+      <dt><strong>{L_EDIT_COMMENT}</strong></dt>
+      <dd> <textarea name="comment" rows="3" cols="50" >{CAT_COMMENT}</textarea> </dd>
+    </ul>
+	<h3>{L_EDIT_CAT_OPTIONS}</h3>
+    <ul>
+      <dt class="biglabel"><strong>{L_EDIT_STATUS}&nbsp;:</strong><br /><span class="small">{L_EDIT_STATUS_INFO}</span></dt>
+      <dd>
+	  <input type="radio" class="radio" name="status" value="public" {STATUS_PUBLIC} />{L_STATUS_PUBLIC}&nbsp;&nbsp;
+	  <input type="radio" class="radio" name="status" value="private" {STATUS_PRIVATE} />{L_STATUS_PRIVATE}
+      </dd>
+    </ul>
+    <ul>
+      <dt class="biglabel"><strong>{L_EDIT_LOCK}&nbsp;:</strong><br /><span class="small">{L_EDIT_LOCK_INFO}</span></dt>
+      <dd>
+	  <input type="radio" class="radio" name="visible" value="false" {LOCKED} />{L_YES}&nbsp;&nbsp;
+	  <input type="radio" class="radio" name="visible" value="true" {UNLOCKED} />{L_NO}
+      </dd>
+    </ul>
+    <ul>
+      <dt class="biglabel"><strong>{L_EDIT_COMMENTABLE}&nbsp;:</strong><br /><span class="small">{L_EDIT_COMMENTABLE_INFO}</span></dt>
+      <dd>
+          <input type="radio" class="radio" name="commentable" value="true" {COMMENTABLE_TRUE} />{L_YES}&nbsp;&nbsp;
+          <input type="radio" class="radio" name="commentable" value="false" {COMMENTABLE_FALSE} />{L_NO}
+      </dd>
+    </ul>
+    <!-- BEGIN upload -->
+    <ul>
+      <dt class="biglabel"><strong>{L_EDIT_UPLOADABLE}&nbsp;:</strong><br /><span class="small">{L_EDIT_UPLOADABLE_INFO}</span></dt>
+      <dd>
+          <input type="radio" class="radio" name="uploadable" value="true" {UPLOADABLE_TRUE} />{L_YES}&nbsp;&nbsp;
+          <input type="radio" class="radio" name="uploadable" value="false" {UPLOADABLE_FALSE} />{L_NO}
+      </dd>
+    </ul>
+    <!-- END upload -->
+    <p>
+        <input type="submit" name="submit" value="{L_SUBMIT}" class="bouton" />
+    <p>
+</form>
diff --git a/template/cclear/admin/cat_options.tpl b/template/cclear/admin/cat_options.tpl
new file mode 100644
index 000000000..c9cf1e8ef
--- /dev/null
+++ b/template/cclear/admin/cat_options.tpl
@@ -0,0 +1,31 @@
+<div class="admin">{L_CAT_TITLE}</div>
+<form name="form1" method="post" action="{F_ACTION}" style="text-align:center;width:800px;">
+<div style="clear:both;"></div>
+<div style="height:auto;">
+  <div style="float:left;padding:10px;width:300px;">
+  <span class="titreMenu">{L_CAT_OPTIONS_TRUE}</span><br />
+  <select style="height:auto;width:280px" name="cat_true[]" multiple="multiple" size="10">
+    <!-- BEGIN category_option_true -->
+    <option class="{category_option_true.CLASS}" {category_option_true.SELECTED} value="{category_option_true.VALUE}">{category_option_true.OPTION}</option>
+    <!-- END category_option_true -->
+  </select>
+  </div>
+  <div style="float:left;padding-top:80px;padding-bottom:80px;text-align:center;width:160px;" >
+    <input type="submit" value="&laquo;" name="trueify" style="font-size:15px;" class="bouton" /><br/>
+    <input type="submit" value="&raquo;" name="falsify" style="font-size:15px;" class="bouton" />
+  </div>
+  <div style="float:right;padding:10px;width:300px;">
+   <span class="titreMenu">{L_CAT_OPTIONS_FALSE}</span><br />
+  <select style="width:280px" name="cat_false[]" multiple="multiple" size="10">
+    <!-- BEGIN category_option_false -->
+    <option class="{category_option_false.CLASS}" {category_option_false.SELECTED} value="{category_option_false.VALUE}">{category_option_false.OPTION}</option>
+    <!-- END category_option_false -->
+  </select>
+  </div>
+</div>
+<div style="clear:both;"></div>
+<input type="hidden" name="{HIDDEN_NAME}" value="{HIDDEN_VALUE}" />
+<input type="reset" name="reset" value="{L_RESET}" class="bouton" />
+</form>
+<div class="information">{L_CAT_OPTIONS_INFO}</div>
+
diff --git a/template/cclear/admin/cat_perm.vtp b/template/cclear/admin/cat_perm.vtp
new file mode 100644
index 000000000..77987fac4
--- /dev/null
+++ b/template/cclear/admin/cat_perm.vtp
@@ -0,0 +1,48 @@
+<form action="{#action}" method="post">
+  <!--VTP_groups-->
+  <table style="width:100%;">
+    <tr>
+      <th colspan="2">{#menu_groups}</th>
+    </tr>
+    <!--VTP_group-->
+    <tr>
+      <td><img src="./template/{#user_template}/admin/images/puce.gif" alt="&gt;" /><a href="{#group_perm_link}"><span style="color:{#color}">{#groupname}</span></a></td>
+      <td style="text-align:right;">
+        <input type="radio" name="groupaccess-{#id}" value="0"{#authorized_checked}/>{#permuser_authorized}
+        <input type="radio" name="groupaccess-{#id}" value="1"{#forbidden_checked}/>{#permuser_forbidden}
+      </td>
+    </tr>
+    <!--/VTP_group-->
+  </table>
+  <!--/VTP_groups-->
+  <table style="width:100%;">
+    <tr>
+      <th colspan="2">{#menu_users}</th>
+    </tr>
+    <!--VTP_user-->
+    <tr>
+      <td>
+        <img src="./template/{#user_template}/admin/images/puce.gif" alt="&gt;" />
+        <a href="{#user_perm_link}"><span style="color:{#color}">{#username}</span></a>
+        <!--VTP_usergroups-->
+        [
+        <!--VTP_usergroup-->
+        <span style="color:{#color};">{#name}</span>{#separation}
+        <!--/VTP_usergroup-->
+        ]
+        <!--/VTP_usergroups-->
+      </td>
+      <td style="text-align:right;">
+        <!--VTP_parent_forbidden-->
+        <a href="{#url}">{#permuser_parent_forbidden}</a>
+        <!--/VTP_parent_forbidden-->
+        <input type="radio" name="useraccess-{#id}" value="0"{#authorized_checked}/>{#permuser_authorized}
+        <input type="radio" name="useraccess-{#id}" value="1"{#forbidden_checked}/>{#permuser_forbidden}
+      </td>
+    </tr>
+    <!--/VTP_user-->
+    <tr>
+      <td colspan="2" align="center"><input type="submit" name="submit" value="{#submit}"/></td>
+    </tr>
+  </table>
+</form>
\ No newline at end of file
diff --git a/template/cclear/admin/configuration.tpl b/template/cclear/admin/configuration.tpl
new file mode 100644
index 000000000..9349c63b7
--- /dev/null
+++ b/template/cclear/admin/configuration.tpl
@@ -0,0 +1,212 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+<!-- BEGIN confirmation -->
+<div class="info">{L_CONFIRM}</div>
+<!-- END confirmation -->
+<form method="post" action="{F_ACTION}">
+<table width="100%" align="center">
+<!-- BEGIN general -->
+  <tr class="admin">
+    <th colspan="2">{general.L_CONF_TITLE}</th>
+  </tr>
+  <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="70%"><strong>{general.L_CONF_MAIL}&nbsp;:</strong><br /><span class="small">{general.L_CONF_MAIL_INFO}</span></td>
+	<td class="row1"><input type="text" size="25" maxlength="100" name="mail_webmaster" value="{general.ADMIN_MAIL}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{general.L_CONF_TN_PREFIX}&nbsp;:</strong><br /><span class="small">{general.L_CONF_TN_PREFIX_INFO}</span></td>
+	<td class="row1"><input type="text" size="10" maxlength="10" name="prefix_thumbnail" value="{general.THUMBNAIL_PREFIX}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{general.L_CONF_HISTORY}&nbsp;:</strong><br /><span class="small">{general.L_CONF_HISTORY_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="log" value="true" {general.HISTORY_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="log" value="false" {general.HISTORY_NO} />{L_NO}</td>
+  </tr>
+  <tr>
+    <td><strong>{general.L_CONF_NOTIFICATION}&nbsp;:</strong><br /><span class="small">{general.L_CONF_NOTIFICATION_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="mail_notification" value="true" {general.NOTIFICATION_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="mail_notification" value="false" {general.NOTIFICATION_NO} />{L_NO}</td>
+  </tr>
+  <tr>
+    <td><strong>{general.L_CONF_GALLERY_LOCKED}&nbsp;:</strong><br /><span class="small">{general.L_CONF_GALLERY_LOCKED_INFO}</span></td>
+        <td class="row1"><input type="radio" class="radio" name="gallery_locked" value="true" {general.GALLERY_LOCKED_YES} />{L_YES}&nbsp;&nbsp;
+        <input type="radio" class="radio" name="gallery_locked" value="false" {general.GALLERY_LOCKED_NO} />{L_NO}</td>
+  </tr>
+<!-- END general -->
+<!-- BEGIN comments -->
+  <tr class="admin">
+    <th colspan="2">{comments.L_CONF_TITLE}</th>
+  </tr>
+    <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="70%"><strong>{comments.L_CONF_COMMENTS_ALL}&nbsp;:</strong><br /><span class="small">{comments.L_CONF_COMMENTS_ALL_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="comments_forall" value="true" {comments.COMMENTS_ALL_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="comments_forall" value="false" {comments.COMMENTS_ALL_NO} />{L_NO}</td>
+  </tr>
+  <tr>
+    <td><strong>{comments.L_CONF_NB_COMMENTS_PAGE}&nbsp;:</strong><br /><span class="small">{comments.L_CONF_NB_COMMENTS_PAGE_INFO}</span></td>
+	<td class="row1"><input type="text" size="3" maxlength="4" name="nb_comment_page" value="{comments.NB_COMMENTS_PAGE}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{comments.L_CONF_VALIDATE}&nbsp;:</strong><br /><span class="small">{comments.L_CONF_VALIDATE_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="comments_validation" value="true" {comments.VALIDATE_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="comments_validation" value="false" {comments.VALIDATE_NO} />{L_NO}</td>
+  </tr>
+<!-- END comments -->
+<!-- BEGIN default -->
+  <tr class="admin">
+    <th colspan="2">{default.L_CONF_TITLE}</th>
+  </tr>
+    <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="70%"><strong>{default.L_CONF_LANG}&nbsp;:</strong><br /><span class="small">{default.L_CONF_LANG_INFO}</span></td>
+	<td class="row1">{default.CONF_LANG_SELECT}</td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_NB_IMAGE_LINE}&nbsp;:</strong><br /><span class="small">{default.L_NB_IMAGE_LINE_INFO}</span></td>
+	<td class="row1"><input type="text" size="3" maxlength="2" name="nb_image_line" value="{default.NB_IMAGE_LINE}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_NB_ROW_PAGE}&nbsp;:</strong><br /><span class="small">{default.L_NB_ROW_PAGE_INFO}</span></td>
+	<td class="row1"><input type="text" size="3" maxlength="2" name="nb_line_page" value="{default.NB_ROW_PAGE}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_CONF_STYLE}&nbsp;:</strong><br /><span class="small">{default.L_CONF_STYLE_INFO}</span></td>
+	<td class="row1">{default.CONF_STYLE_SELECT}</td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_CONF_RECENT}&nbsp;:</strong><br /><span class="small">{default.L_CONF_RECENT_INFO}</span></td>
+	<td class="row1"><input type="text" size="3" maxlength="2" name="recent_period" value="{default.CONF_RECENT}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_CONF_EXPAND}&nbsp;:</strong><br /><span class="small">{default.L_CONF_EXPAND_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="auto_expand" value="true" {default.EXPAND_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="auto_expand" value="false" {default.EXPAND_NO} />{L_NO}</td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_NB_COMMENTS}&nbsp;:</strong><br /><span class="small">{default.L_NB_COMMENTS_INFO}</span></td>
+	<td class="row1"><input type="radio" class="radio" name="show_nb_comments" value="true" {default.SHOW_COMMENTS_YES} />{L_YES}&nbsp;&nbsp;
+	<input type="radio" class="radio" name="show_nb_comments" value="false" {default.SHOW_COMMENTS_NO} />{L_NO}</td>
+  </tr>
+  <tr>
+    <td><strong>{default.L_MAXWIDTH}&nbsp;:</strong></td>
+	<td><input type="text" size="4" maxlength="4" name="default_maxwidth" value="{default.MAXWIDTH}" />
+	</td>
+  </tr>
+	<tr>
+    <td><strong>{default.L_MAXHEIGHT}&nbsp;:</strong></td>
+	<td><input type="text" size="4" maxlength="4" name="default_maxheight" value="{default.MAXHEIGHT}" />
+	</td>
+  </tr>
+<!-- END default -->
+<!-- BEGIN upload -->
+  <tr class="admin">
+    <th colspan="2">{upload.L_CONF_TITLE}</th>
+  </tr>
+  <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="70%"><strong>{upload.L_CONF_MAXSIZE}&nbsp;:</strong><br /><span class="small">{upload.L_CONF_MAXSIZE_INFO}</span></td>
+	<td class="row1"><input type="text" size="4" maxlength="4" name="upload_maxfilesize" value="{upload.UPLOAD_MAXSIZE}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{upload.L_CONF_MAXWIDTH}&nbsp;:</strong><br /><span class="small">{upload.L_CONF_MAXWIDTH_INFO}</span></td>
+	<td class="row1"><input type="text" size="4" maxlength="4" name="upload_maxwidth" value="{upload.UPLOAD_MAXWIDTH}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{upload.L_CONF_MAXHEIGHT}&nbsp;:</strong><br /><span class="small">{upload.L_CONF_MAXHEIGHT_INFO}</span></td>
+	<td class="row1"><input type="text" size="4" maxlength="4" name="upload_maxheight" value="{upload.UPLOAD_MAXHEIGHT}" /></td>
+  </tr>
+    <tr>
+    <td><strong>{upload.L_CONF_TN_MAXWIDTH}&nbsp;:</strong><br /><span class="small">{upload.L_CONF_TN_MAXWIDTH_INFO}</span></td>
+	<td class="row1"><input type="text" size="4" maxlength="4" name="upload_maxwidth_thumbnail" value="{upload.TN_UPLOAD_MAXWIDTH}" /></td>
+  </tr>
+  <tr>
+    <td><strong>{upload.L_CONF_TN_MAXHEIGHT}&nbsp;:</strong><br /><span class="small">{upload.L_CONF_TN_MAXHEIGHT_INFO}</span></td>
+	<td class="row1"><input type="text" size="4" maxlength="4" name="upload_maxheight_thumbnail" value="{upload.TN_UPLOAD_MAXHEIGHT}" /></td>
+  </tr>
+<!-- END upload -->
+<!-- BEGIN session -->
+  <tr class="admin">
+    <th colspan="2">{session.L_CONF_TITLE}</th>
+  </tr>
+  <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+    <tr>
+    <td width="70%"><strong>{session.L_CONF_AUTHORIZE_REMEMBERING}&nbsp;:</strong><br /><span class="small">{session.L_CONF_AUTHORIZE_REMEMBERING_INFO}</span></td>
+        <td class="row1"><input type="radio" class="radio" name="authorize_remembering" value="true" {session.AUTHORIZE_REMEMBERING_YES} />{L_YES}&nbsp;&nbsp;
+        <input type="radio" class="radio" name="authorize_remembering" value="false" {session.AUTHORIZE_REMEMBERING_NO} />{L_NO}</td>
+  </tr>
+<!-- END session -->
+<!-- BEGIN metadata -->
+  <tr class="admin">
+    <th colspan="2">{metadata.L_CONF_TITLE}</th>
+  </tr>
+  <tr>
+    <td colspan="2">&nbsp;</td>
+  </tr>
+  <tr>
+    <td width="70%">
+      <strong>{metadata.L_CONF_EXIF}&nbsp;:</strong>
+      <br /><span class="small">{metadata.L_CONF_EXIF_INFO}</span>
+    </td>
+    <td class="row1">
+      <input type="radio" class="radio" name="use_exif" value="true" {metadata.USE_EXIF_YES} />{L_YES}&nbsp;&nbsp;
+      <input type="radio" class="radio" name="use_exif" value="false" {metadata.USE_EXIF_NO} />{L_NO}
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <strong>{metadata.L_CONF_IPTC}&nbsp;:</strong>
+      <br /><span class="small">{metadata.L_CONF_IPTC_INFO}</span>
+    </td>
+    <td class="row1">
+      <input type="radio" class="radio" name="use_iptc" value="true" {metadata.USE_IPTC_YES} />{L_YES}&nbsp;&nbsp;
+      <input type="radio" class="radio" name="use_iptc" value="false" {metadata.USE_IPTC_NO} />{L_NO}
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <strong>{metadata.L_CONF_SHOW_EXIF}&nbsp;:</strong>
+      <br /><span class="small">{metadata.L_CONF_SHOW_EXIF_INFO}</span>
+    </td>
+    <td class="row1">
+      <input type="radio" class="radio" name="show_exif" value="true" {metadata.SHOW_EXIF_YES} />{L_YES}&nbsp;&nbsp;
+      <input type="radio" class="radio" name="show_exif" value="false" {metadata.SHOW_EXIF_NO} />{L_NO}
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <strong>{metadata.L_CONF_SHOW_IPTC}&nbsp;:</strong>
+      <br /><span class="small">{metadata.L_CONF_SHOW_IPTC_INFO}</span>
+    </td>
+    <td class="row1">
+      <input type="radio" class="radio" name="show_iptc" value="true" {metadata.SHOW_IPTC_YES} />{L_YES}&nbsp;&nbsp;
+      <input type="radio" class="radio" name="show_iptc" value="false" {metadata.SHOW_IPTC_NO} />{L_NO}
+    </td>
+  </tr>
+<!-- END metadata -->
+    <tr>
+      <td colspan="2" align="center">
+        <input type="submit" name="submit" class="bouton" value="{L_SUBMIT}">
+	<input type="reset" name="reset" class="bouton" value="{L_RESET}">
+      </td>
+    </tr>
+  </table>
+</form>
diff --git a/template/cclear/admin/group_list.tpl b/template/cclear/admin/group_list.tpl
new file mode 100644
index 000000000..3a5688af0
--- /dev/null
+++ b/template/cclear/admin/group_list.tpl
@@ -0,0 +1,52 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+<form method="post" name="post" action="{S_GROUP_ACTION}">
+<div class="admin">{L_GROUP_SELECT}</div>
+<!-- BEGIN select_box -->
+{S_GROUP_SELECT}&nbsp;&nbsp;<input type="submit" name="edit" value="{L_LOOK_UP}" class="bouton" />
+<input type="submit" name="delete" value="{L_GROUP_DELETE}" class="bouton" />
+<div style="vertical-align:middle;">
+<input type="checkbox" name="confirm_delete" value="1">{L_GROUP_CONFIRM}
+</div>
+<!-- END select_box -->
+<input type="text" name="newgroup">
+<input type="submit" class="bouton" name="new" value="{L_CREATE_NEW_GROUP}" />
+<br />
+<br />
+<!-- BEGIN edit_group -->
+<div class="admin">{L_GROUP_EDIT} [{edit_group.GROUP_NAME}]</div>
+<table class="table2" width="60%" style="margin-left:20%;">
+<tr class="throw">
+    <th width="25%">{L_USER_NAME}</th>
+	  <th width="25%">{L_USER_EMAIL}</th>
+    <th width="10%">{L_USER_SELECT}</th>
+</tr>
+<!-- BEGIN user -->
+  <tr class="{edit_group.user.T_CLASS}">
+    <td>{edit_group.user.NAME}</td>
+    <td>{edit_group.user.EMAIL}</td>
+	  <td align="center"><input name="members[]" type="checkbox" value="{edit_group.user.ID}"></td>
+  </tr>
+<!-- END user -->
+<tr>
+  <td colspan="3" align="right" valign="middle">
+    <input type="submit" name="deny_user" value="{L_DENY_SELECTED}" class="bouton" />
+  </td>
+</tr>
+</table>
+<div align="left" style="margin-left:20%;">
+<input type="text" name="username" maxlength="50" size="20" />
+<input type="submit" name="add" value="{L_ADD_MEMBER}" class="bouton" />
+<input name="edit_group_id" type="hidden" value="{edit_group.GROUP_ID}">
+<input type="submit" name="usersubmit" value="{L_FIND_USERNAME}" class="bouton" onClick="window.open('{U_SEARCH_USER}', '_phpbbsearch', 'HEIGHT=250,resizable=yes,WIDTH=400');return false;" />
+</div>
+<br />
+<!-- END edit_group -->
+</form>
\ No newline at end of file
diff --git a/template/cclear/admin/group_perm.tpl b/template/cclear/admin/group_perm.tpl
new file mode 100644
index 000000000..9bf490e5b
--- /dev/null
+++ b/template/cclear/admin/group_perm.tpl
@@ -0,0 +1,7 @@
+<!-- BEGIN select_box -->
+<form method="post" name="post" action="{S_GROUP_ACTION}">
+  <div class="admin">{L_GROUP_SELECT}</div>
+  {S_GROUP_SELECT}&nbsp;&nbsp;
+  <input type="submit" name="edit" value="{L_LOOK_UP}" class="bouton" />
+</form>
+<!-- END select_box -->
\ No newline at end of file
diff --git a/template/cclear/admin/help.tpl b/template/cclear/admin/help.tpl
new file mode 100644
index 000000000..d2f59b811
--- /dev/null
+++ b/template/cclear/admin/help.tpl
@@ -0,0 +1,13 @@
+  <!-- BEGIN cat -->
+  <h3>{cat.NAME}</h3>
+  <!-- BEGIN illustration -->
+  <div style="text-align:center;margin:auto;margin-bottom:10px;"><img src="{cat.illustration.SRC_IMG}" style="border:1px solid black;" alt=""/></div>
+  {cat.illustration.CAPTION}
+  <!-- END illustration -->
+  <ul style="text-align:left; margin-right:10px;">
+    <!-- BEGIN item -->
+    <li style="margin-bottom:5px;">{cat.item.CONTENT}</li>
+    <!-- END item -->
+  </ul>
+  <p>&nbsp;</p>
+  <!-- END cat -->
diff --git a/template/cclear/admin/images/arrow_down.gif b/template/cclear/admin/images/arrow_down.gif
new file mode 100644
index 000000000..4adda7a9a
--- /dev/null
+++ b/template/cclear/admin/images/arrow_down.gif
diff --git a/template/cclear/admin/images/arrow_first.gif b/template/cclear/admin/images/arrow_first.gif
new file mode 100644
index 000000000..aba378384
--- /dev/null
+++ b/template/cclear/admin/images/arrow_first.gif
diff --git a/template/cclear/admin/images/arrow_last.gif b/template/cclear/admin/images/arrow_last.gif
new file mode 100644
index 000000000..95e9b33b2
--- /dev/null
+++ b/template/cclear/admin/images/arrow_last.gif
diff --git a/template/cclear/admin/images/arrow_select.gif b/template/cclear/admin/images/arrow_select.gif
new file mode 100644
index 000000000..90da978cd
--- /dev/null
+++ b/template/cclear/admin/images/arrow_select.gif
diff --git a/template/cclear/admin/images/arrow_up.gif b/template/cclear/admin/images/arrow_up.gif
new file mode 100644
index 000000000..25d857944
--- /dev/null
+++ b/template/cclear/admin/images/arrow_up.gif
diff --git a/template/cclear/admin/images/collapsed.gif b/template/cclear/admin/images/collapsed.gif
new file mode 100644
index 000000000..3084e0877
--- /dev/null
+++ b/template/cclear/admin/images/collapsed.gif
diff --git a/template/cclear/admin/images/delete.gif b/template/cclear/admin/images/delete.gif
new file mode 100644
index 000000000..88c8d55fa
--- /dev/null
+++ b/template/cclear/admin/images/delete.gif
diff --git a/template/cclear/admin/images/expanded.gif b/template/cclear/admin/images/expanded.gif
new file mode 100644
index 000000000..8d2dc2e2a
--- /dev/null
+++ b/template/cclear/admin/images/expanded.gif
diff --git a/template/cclear/admin/images/icon_folder.gif b/template/cclear/admin/images/icon_folder.gif
new file mode 100644
index 000000000..cb8e1e69b
--- /dev/null
+++ b/template/cclear/admin/images/icon_folder.gif
diff --git a/template/cclear/admin/images/icon_folder_link.gif b/template/cclear/admin/images/icon_folder_link.gif
new file mode 100644
index 000000000..0dd6b7d9a
--- /dev/null
+++ b/template/cclear/admin/images/icon_folder_link.gif
diff --git a/template/cclear/admin/images/icon_folder_lock.gif b/template/cclear/admin/images/icon_folder_lock.gif
new file mode 100644
index 000000000..6e03018c8
--- /dev/null
+++ b/template/cclear/admin/images/icon_folder_lock.gif
diff --git a/template/cclear/admin/images/icon_subfolder.gif b/template/cclear/admin/images/icon_subfolder.gif
new file mode 100644
index 000000000..b96b786d4
--- /dev/null
+++ b/template/cclear/admin/images/icon_subfolder.gif
diff --git a/template/cclear/admin/images/moins.gif b/template/cclear/admin/images/moins.gif
new file mode 100644
index 000000000..74fa8736f
--- /dev/null
+++ b/template/cclear/admin/images/moins.gif
diff --git a/template/cclear/admin/images/plus.gif b/template/cclear/admin/images/plus.gif
new file mode 100644
index 000000000..982dcf665
--- /dev/null
+++ b/template/cclear/admin/images/plus.gif
diff --git a/template/cclear/admin/images/puce.gif b/template/cclear/admin/images/puce.gif
new file mode 100644
index 000000000..3c9171845
--- /dev/null
+++ b/template/cclear/admin/images/puce.gif
diff --git a/template/cclear/admin/images/stat_left.gif b/template/cclear/admin/images/stat_left.gif
new file mode 100644
index 000000000..269088b81
--- /dev/null
+++ b/template/cclear/admin/images/stat_left.gif
diff --git a/template/cclear/admin/images/stat_middle.gif b/template/cclear/admin/images/stat_middle.gif
new file mode 100644
index 000000000..99473151e
--- /dev/null
+++ b/template/cclear/admin/images/stat_middle.gif
diff --git a/template/cclear/admin/images/stat_right.gif b/template/cclear/admin/images/stat_right.gif
new file mode 100644
index 000000000..f9584e23a
--- /dev/null
+++ b/template/cclear/admin/images/stat_right.gif
diff --git a/template/cclear/admin/infos_images.tpl b/template/cclear/admin/infos_images.tpl
new file mode 100644
index 000000000..2e786483b
--- /dev/null
+++ b/template/cclear/admin/infos_images.tpl
@@ -0,0 +1,96 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+
+<form action="{F_ACTION}" method="POST">
+<div class="admin">{L_INFOS_TITLE} &quot;{CATEGORY}&quot;</div>
+  <table width="100%">
+    <tr>
+      <td><div style="margin-left:50px;">{L_AUTHOR}</div></td>
+      <td style="row1">
+        <input type="text" name="author_cat" value="" maxlength="255" />
+      </td>
+      <td style="text-align:left;">
+        <input type="checkbox" name="use_common_author" value="1" />
+        {L_INFOS_OVERALL_USE}
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <div style="margin-left:50px;">{L_INFOS_CREATION_DATE} [DD/MM/YYYY]</div>
+      </td>
+      <td style="row1">
+        <input type="text" name="date_creation_cat" value="" size="12" maxlength="10"/>
+      </td>
+      <td style="text-align:left;">
+        <input type="checkbox" name="use_common_date_creation" value="1" />
+        {L_INFOS_OVERALL_USE}
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <div style="margin-left:50px;">{L_KEYWORD} {L_KEYWORD_SEPARATION}</div>
+      </td>
+      <td style="row1">
+        <input type="text" name="keywords_cat" value="" maxlength="255" />
+      </td>
+      <td style="text-align:left;">
+        <input type="radio" name="common_keywords" value="add" />
+        {L_INFOS_ADDTOALL}
+        <input type="radio" name="common_keywords" value="remove" />
+        {L_INFOS_REMOVEFROMALL}
+      </td>
+    </tr>
+  </table>
+  <br />
+  <div class="admin">{L_INFOS_DETAIL}</div>
+  <div class="navigationBar">{NAV_BAR}</div>
+  <table width="100%">
+    <tr>
+      <td style="width:0px;">&nbsp;</td>
+      <td class="row2" style="text-align:center;">{L_THUMBNAIL}</td>
+      <td class="row2" style="text-align:center;">{L_INFOS_IMG}</td>
+      <td class="row2" style="text-align:center;">{L_AUTHOR}</td>
+      <td class="row2" style="text-align:center;">{L_INFOS_COMMENT}</td>
+      <td class="row2" style="text-align:center;">{L_INFOS_CREATION_DATE}</td>
+      <td class="row2" style="text-align:center;">{L_KEYWORD}</td>
+    </tr>
+    <!-- BEGIN picture -->
+    <tr>
+      <td style="width:0px;">
+        <div style="margin-left:2px;margin-right:2px;">
+          <input type="checkbox" name="check-{picture.ID_IMG}" value="1" />
+        </div>
+      </td>
+      <td style="text-align:center;"><a name="{picture.DEFAULTNAME_IMG}" href="{picture.URL_IMG}"><img src="{picture.TN_URL_IMG}" alt="" class="miniature" title="{picture.FILENAME_IMG}" /></a></td>
+      <td style="text-align:center;">{picture.DEFAULTNAME_IMG}<br /><input type="text" name="name-{picture.ID_IMG}" value="{picture.NAME_IMG}" maxlength="255"/></td>
+      <td style="text-align:center;"><input type="text" name="author-{picture.ID_IMG}" value="{picture.AUTHOR_IMG}" maxlength="255" size="12" /></td>
+      <td style="text-align:center;"><textarea name="comment-{picture.ID_IMG}" rows="5" cols="30" style="overflow:auto">{picture.COMMENT_IMG}</textarea></td>
+      <td style="text-align:center;"><input type="text" name="date_creation-{picture.ID_IMG}" value="{picture.DATE_IMG}" maxlength="10" size="10" /></td>
+      <td style="text-align:center;"><input type="text" name="keywords-{picture.ID_IMG}" value="{picture.KEYWORDS_IMG}" length="255" /></td>
+    </tr>
+    <!-- END picture -->
+    <tr>
+      <td colspan="7">
+        <img src="./template/clear/admin/images/arrow_select.gif" alt="&uarr;" />
+        {L_INFOS_ASSOCIATE}
+        <select style="width:400px" name="associate" size="1">
+          <!-- BEGIN associate_option -->
+          <option {associate_option.SELECTED} value="{associate_option.VALUE}">{associate_option.OPTION}</option>
+          <!-- END category_option -->
+        </select>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="7" style="text-align:center;">
+        <input type="submit" value="{L_SUBMIT}" name="submit" class="bouton" />
+      </td>
+    </tr>
+  </table>
+</form>
diff --git a/template/cclear/admin/picture_modify.tpl b/template/cclear/admin/picture_modify.tpl
new file mode 100644
index 000000000..2816c9c69
--- /dev/null
+++ b/template/cclear/admin/picture_modify.tpl
@@ -0,0 +1,144 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+<div class="admin">{TITLE_IMG}</div>
+<form action="{F_ACTION}" method="POST">
+  <table style="width:100%;">
+    <tr>
+      <td colspan="2" align="center"><a href="{URL_IMG}" class="thumbnail"><img src="{TN_URL_IMG}" alt="" class="miniature" /></a></td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_UPLOAD_NAME}</strong></td>
+      <td class="row1"><input type="text" name="name" value="{NAME_IMG}" /> [ {L_DEFAULT} : {DEFAULT_NAME_IMG} ]</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_FILE}</strong></td>
+      <td class="row1">{FILE_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_SIZE}</strong></td>
+      <td class="row1">{SIZE_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_FILESIZE}</strong></td>
+      <td class="row1">{FILESIZE_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_REGISTRATION_DATE}</strong></td>
+      <td class="row1">{REGISTRATION_DATE_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_PATH}</strong></td>
+      <td class="row1">{PATH_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_STORAGE_CATEGORY}</strong></td>
+      <td class="row1">{STORAGE_CATEGORY_IMG}</td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_AUTHOR}</strong></td>
+      <td class="row1"><input type="text" name="author" value="{AUTHOR_IMG}" /></td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_CREATION_DATE}</strong></td>
+      <td class="row1"><input type="text" name="date_creation" value="{CREATION_DATE_IMG}" /></td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_KEYWORDS}</strong></td>
+      <td class="row1"><input type="text" name="keywords" value="{KEYWORDS_IMG}" size="50" /></td>
+    </tr>
+    <tr>
+      <td style="width:50%;"><strong>{L_COMMENT}</strong></td>
+      <td class="row1"><textarea name="comment" rows="5" cols="50" style="overflow:auto">{COMMENT_IMG}</textarea></td>
+    </tr>
+    <tr>
+      <td colspan="2"><div style="margin-bottom:0px">&nbsp;</div></td>
+    </tr>
+    <tr>
+      <td colspan="2" align="center">
+        <input type="submit" name="submit" value="{L_SUBMIT}" class="bouton" />
+        <input type="reset" name="reset" value="{L_RESET}" class="bouton" />
+      </td>
+    </tr>
+  </table>
+</form>
+
+<form name="form1" method="post" action="{F_ACTION}" style="text-align:center;width:800px;">
+
+  <div style="clear:both;"></div>
+
+  <div style="height:auto;">
+
+    <div style="float:left;padding:10px;width:300px;">
+      <span class="titreMenu">{L_CAT_ASSOCIATED}</span><br />
+      <select style="height:auto;width:280px" name="cat_associated[]" multiple="multiple" size="10">
+        <!-- BEGIN associated_option -->
+        <option class="{associated_option.CLASS}" {associated_option.SELECTED} value="{associated_option.VALUE}">{associated_option.OPTION}</option>
+        <!-- END associated_option -->
+      </select>
+    </div>
+
+    <div style="float:left;padding-top:80px;padding-bottom:80px;text-align:center;width:160px;" >
+      <input type="submit" value="&laquo;" name="associate" style="font-size:15px;" class="bouton" /><br/>
+      <input type="submit" value="&raquo;" name="dissociate" style="font-size:15px;" class="bouton" />
+    </div>
+
+    <div style="float:right;padding:10px;width:300px;">
+      <span class="titreMenu">{L_CAT_DISSOCIATED}</span><br />
+      <select style="width:280px" name="cat_dissociated[]" multiple="multiple" size="10">
+        <!-- BEGIN dissociated_option -->
+        <option class="{dissociated_option.CLASS}" {dissociated_option.SELECTED} value="{dissociated_option.VALUE}">{dissociated_option.OPTION}</option>
+        <!-- END dissociated_option -->
+      </select>
+    </div>
+
+  </div>
+
+  <div style="clear:both;"></div>
+
+  <input type="reset" name="reset" value="{L_RESET}" class="bouton" />
+
+</form>
+
+<form name="form2" method="post" action="{F_ACTION}" style="text-align:center;width:800px;">
+
+  <div style="clear:both;"></div>
+
+  <div style="height:auto;">
+
+    <div style="float:left;padding:10px;width:300px;">
+      <span class="titreMenu">{L_REPRESENTS}</span><br />
+      <select style="height:auto;width:280px" name="cat_elected[]" multiple="multiple" size="10">
+        <!-- BEGIN elected_option -->
+        <option class="{elected_option.CLASS}" {elected_option.SELECTED} value="{elected_option.VALUE}">{elected_option.OPTION}</option>
+        <!-- END elected_option -->
+      </select>
+    </div>
+
+    <div style="float:left;padding-top:80px;padding-bottom:80px;text-align:center;width:160px;" >
+      <input type="submit" value="&laquo;" name="elect" style="font-size:15px;" class="bouton" /><br/>
+      <input type="submit" value="&raquo;" name="dismiss" style="font-size:15px;" class="bouton" />
+    </div>
+
+    <div style="float:right;padding:10px;width:300px;">
+      <span class="titreMenu">{L_DOESNT_REPRESENT}</span><br />
+      <select style="width:280px" name="cat_dismissed[]" multiple="multiple" size="10">
+        <!-- BEGIN dismissed_option -->
+        <option class="{dismissed_option.CLASS}" {dismissed_option.SELECTED} value="{dismissed_option.VALUE}">{dismissed_option.OPTION}</option>
+        <!-- END dismissed_option -->
+      </select>
+    </div>
+
+  </div>
+
+  <div style="clear:both;"></div>
+
+  <input type="reset" name="reset" value="{L_RESET}" class="bouton" />
+
+</form>
diff --git a/template/cclear/admin/remote_site.tpl b/template/cclear/admin/remote_site.tpl
new file mode 100644
index 000000000..4b8260279
--- /dev/null
+++ b/template/cclear/admin/remote_site.tpl
@@ -0,0 +1,71 @@
+{REMOTE_SITE_TITLE}
+
+<!-- BEGIN errors -->
+<div class="errors">
+  <ul>
+    <!-- BEGIN error -->
+    <li>{errors.error.ERROR}</li>
+    <!-- END error -->
+  </ul>
+</div>
+<!-- END errors -->
+
+<!-- BEGIN confirmation -->
+<div class="info">{confirmation.CONTENT}</div>
+<!-- END confirmation -->
+
+<!-- BEGIN update -->
+<div class="admin">{L_RESULT_UPDATE}</div>
+<ul style="text-align:left;">
+  <li class="update_summary_new">{update.NB_NEW_CATEGORIES} {L_NB_NEW_CATEGORIES}</li>
+  <li class="update_summary_new">{update.NB_NEW_ELEMENTS} {L_NB_NEW_ELEMENTS}</li>
+  <li class="update_summary_del">{update.NB_DEL_CATEGORIES} {L_NB_DEL_CATEGORIES}</li>
+  <li class="update_summary_del">{update.NB_DEL_ELEMENTS} {L_NB_DEL_ELEMENTS}</li>
+</ul>
+<!-- BEGIN removes -->
+{L_REMOTE_SITE_REMOVED_TITLE}
+<ul style="text-align:left;">
+  <!-- BEGIN remote_remove -->
+  <li>{update.removes.remote_remove.NAME} {L_REMOTE_SITE_REMOVED}</li>
+  <!-- END remote_remove -->
+</ul>
+<!-- END removes -->
+<!-- END update -->
+
+<!-- BEGIN remote_output -->
+<div class="remoteOutput">
+  <ul>
+    <!-- BEGIN remote_line -->
+    <li class="{remote_output.remote_line.CLASS}">{remote_output.remote_line.CONTENT}</li>
+    <!-- END remote_line -->
+  </ul>
+</div>
+<!-- END remote_output -->
+
+<!-- BEGIN local -->
+<div class="remoteLocal">
+  {L_REMOTE_SITE_LOCAL_FOUND} {local.URL}
+  <!-- BEGIN new_site -->
+  {L_REMOTE_SITE_LOCAL_NEW}
+  <!-- END new_site -->
+  [<a href="{local.U_UPDATE}">{L_REMOTE_SITE_LOCAL_UPDATE}</a>]
+</div>
+<!-- END local -->
+
+<form action="{F_ACTION}" method="post">
+  {L_REMOTE_SITE_CREATE} 
+  <input type="text" name="galleries_url" value="{F_GALLERIES_URL}" />
+  <input class="bouton" type="submit" name="submit" value="{L_SUBMIT}" />
+</form>
+
+<table>
+  <!-- BEGIN site -->
+  <tr>
+    <td>{site.NAME}</td>
+    <td>[<a href="{site.U_GENERATE}" title="{L_REMOTE_SITE_GENERATE_HINT}">{L_REMOTE_SITE_GENERATE}</a>]</td>
+    <td>[<a href="{site.U_UPDATE}" title="{L_REMOTE_SITE_UPDATE_HINT}">{L_REMOTE_SITE_UPDATE}</a>]</td>
+    <td>[<a href="{site.U_CLEAN}" title="{L_REMOTE_SITE_CLEAN_HINT}">{L_REMOTE_SITE_CLEAN}</a>]</td>
+    <td>[<a href="{site.U_DELETE}" title="{L_REMOTE_SITE_DELETE_HINT}">{L_REMOTE_SITE_DELETE}</a>]</td>
+  </tr>
+  <!-- END site -->
+</table>
diff --git a/template/cclear/admin/search_username.tpl b/template/cclear/admin/search_username.tpl
new file mode 100644
index 000000000..f3e676f8d
--- /dev/null
+++ b/template/cclear/admin/search_username.tpl
@@ -0,0 +1,22 @@
+<script language="javascript" type="text/javascript">
+<!--
+function refresh_username(selected_username)
+{
+	opener.document.forms['post'].username.value = selected_username;
+	opener.focus();
+	window.close();
+}
+//-->
+</script>
+<div class="titrePage">{L_SEARCH_USERNAME}</div>
+<form method="post" name="search" action="{F_SEARCH_ACTION}">
+  <input type="text" name="search_username" value="{USERNAME}" class="post" />&nbsp; 
+  <input type="submit" name="search" value="{L_SEARCH}" class="bouton" /><br />
+  <span class="gensmall">{L_SEARCH_EXPLAIN}</span><br />
+  <!-- BEGIN switch_select_name -->
+  <span class="genmed">{L_UPDATE_USERNAME}<br />
+  <select name="username_list">{switch_select_name.F_USERNAME_OPTIONS}</select>&nbsp; 
+  <input type="submit" class="bouton" onClick="refresh_username(this.form.username_list.options[this.form.username_list.selectedIndex].value);return false;" name="use" value="{L_SELECT}" /></span><br />
+  <!-- END switch_select_name -->
+  <br /><a href="javascript:window.close();" class="adminMenu">{L_CLOSE_WINDOW}</a>
+</form>
diff --git a/template/cclear/admin/stats.tpl b/template/cclear/admin/stats.tpl
new file mode 100644
index 000000000..9806c9dd6
--- /dev/null
+++ b/template/cclear/admin/stats.tpl
@@ -0,0 +1,21 @@
+<h3>{L_STAT_TITLE}</h3>
+<img class="image" src="{IMG_MONTHLY_REPORT}" alt="{L_STAT_MONTHLY_ALT}" />
+<h3>{L_STAT_MONTH_TITLE}</h3>
+<!-- TODO : center the table ??? -->
+<table class="table2" width="60%">
+<tr class="throw">
+    <th>{L_MONTH}</th>
+	<th>{L_PAGES_SEEN}</th>
+    <th>{L_VISITORS}</th>
+    <th>{L_PICTURES}</th>
+</tr>
+<!-- BEGIN month -->
+  <tr class="{month.T_CLASS}">
+    <td>{month.MONTH}</td>
+    <td>{month.PAGES}</td>
+    <td>{month.VISITORS}</td>
+	<td>{month.IMAGES}</td>
+  </tr>
+<!-- END month -->
+</table>
+<br />
diff --git a/template/cclear/admin/thumbnail.tpl b/template/cclear/admin/thumbnail.tpl
new file mode 100644
index 000000000..d362b017d
--- /dev/null
+++ b/template/cclear/admin/thumbnail.tpl
@@ -0,0 +1,139 @@
+<!-- BEGIN errors -->
+<div class="errors">
+<ul>
+  <!-- BEGIN error -->
+  <li>{errors.error.ERROR}</li>
+  <!-- END error -->
+</ul>
+</div>
+<!-- END errors -->
+
+<!-- BEGIN results -->
+<div class="admin">{L_RESULTS}</div>
+<table style="width:100%;">
+  <tr class="throw">
+    <th>{L_PATH}</td>
+    <th>{L_THUMBNAIL}</td>
+    <th>{L_GENERATED}</th>
+    <th>{L_FILESIZE}</td>
+    <th>{L_WIDTH}</td>
+    <th>{L_HEIGHT}</td>
+  </tr>
+  <!-- BEGIN picture -->
+  <tr class="{results.picture.T_CLASS}">
+    <td>{results.picture.PATH}</td>
+    <td><img src="{results.picture.TN_FILE_IMG}" /></td>
+    <td style="text-align:right;" class="{results.picture.T_CLASS}">{results.picture.GEN_TIME}</td>
+    <td style="text-align:right;">{results.picture.TN_FILESIZE_IMG}</td>
+    <td style="text-align:right;">{results.picture.TN_WIDTH_IMG}</td>
+    <td style="text-align:right;">{results.picture.TN_HEIGHT_IMG}</td>
+  </tr>
+  <!-- END picture -->
+</table>
+
+<table class="table2">
+  <tr class="throw">
+    <th colspan="2">{L_TN_STATS}</td>
+  </tr>
+  <tr>
+    <td>{L_TN_NB_STATS}</td>
+    <td style="text-align:center;">{results.TN_NB}</td>
+  </tr>
+  <tr>
+    <td>{L_TN_TOTAL}</td>
+    <td style="text-align:right;">{results.TN_TOTAL}</td>
+  </tr>
+  <tr>
+    <td>{L_TN_MAX}</td>
+    <td style="text-align:right;" class="worst_gen_time">{results.TN_MAX}</td>
+  </tr>
+  <tr>
+    <td>{L_TN_MIN}</td>
+    <td style="text-align:right;" class="best_gen_time">{results.TN_MIN}</td>
+  </tr>
+  <tr>
+    <td>{L_TN_AVERAGE}</td>
+    <td style="text-align:right;">{results.TN_AVERAGE}</td>
+  </tr>
+</table>
+<br />
+<!-- END results -->
+
+<!-- BEGIN params -->
+<form method="post" action="{params.F_ACTION}">
+  <table style="width:100%;">
+    <tr>
+      <th class="admin" colspan="3">{L_PARAMS}</th>
+    </tr>
+    <tr><td colspan="3">&nbsp;</td></tr>
+    <tr>
+      <td><div class="key">{L_GD}</div></td>
+      <td class="choice">
+        <input type="radio" name="gd" value="2" {params.GD2_CHECKED} />2.x
+        <input type="radio" name="gd" value="1" {params.GD1_CHECKED} />1.x
+      </td>
+      <td style="width:50%;" class="row2">{L_GD_INFO}</td>
+    </tr>
+    <tr>
+      <td><div class="key">{L_WIDTH}</div></td>
+      <td class="choice">
+        <input type="text" name="width" value="{params.WIDTH_TN}"/>
+      </td>
+      <td>{L_WIDTH_INFO}</td>
+    </tr>
+    <tr>
+      <td><div class="key">{L_HEIGHT}</div></td>
+      <td class="choice">
+        <input type="text" name="height" value="{params.HEIGHT_TN}"/>
+      </td>
+      <td>{L_HEIGHT_INFO}</td>
+    </tr>
+    <tr>
+      <td><div class="key">{L_CREATE}</div></td>
+      <td class="choice">
+        <input type="radio" name="n" value="5"   {params.n_5_CHECKED} /> 5
+        <input type="radio" name="n" value="10"  {params.n_10_CHECKED} /> 10
+        <input type="radio" name="n" value="20"  {params.n_20_CHECKED} /> 20
+        <input type="radio" name="n" value="all" {params.n_all_CHECKED} /> {L_ALL}
+      </td>
+      <td>{L_CREATE_INFO}</td>
+    </tr>
+    <tr>
+      <td><div class="key">{L_FORMAT}</div></td>
+      <td class="choice"><span style="font-weight:bold;">jpeg</span></td>
+      <td>{L_FORMAT_INFO}</td>
+    </tr>
+    <tr>
+      <td colspan="3" style="text-align:center;">
+        <input type="submit" name="submit" class="bouton" value="{L_SUBMIT}"/>
+      </td>
+    </tr>
+  </table>
+</form>
+<!-- END params -->
+
+<!-- BEGIN warning -->
+<div style="text-align:center;font-weight:bold;margin:10px;"> [ {L_UNLINK} ]</div>
+<!-- END warning -->
+
+<!-- BEGIN remainings -->
+<div class="admin">{remainings.TOTAL_IMG} {L_REMAINING}</div>
+<table style="width:100%;">
+  <tr class="throw">
+    <th>&nbsp;</td>
+    <th style="width:60%;">{L_PATH}</td>
+    <th>{L_FILESIZE}</td>
+    <th>{L_WIDTH}</td>
+    <th>{L_HEIGHT}</td>
+  </tr>
+  <!-- BEGIN remaining -->
+  <tr class="{remainings.remaining.T_CLASS}">
+    <td>{remainings.remaining.NB_IMG}</td>
+    <td><div style="margin-left:10px;">{remainings.remaining.PATH}</div></td>
+    <td><div style="margin-left:10px;">{remainings.remaining.FILESIZE_IMG}</div></td>
+    <td><div style="margin-left:10px;">{remainings.remaining.WIDTH_IMG}</div></td>
+    <td><div style="margin-left:10px;">{remainings.remaining.HEIGHT_IMG}</div></td>
+  </tr>
+  <!-- END remaining -->
+</table>
+<!-- END remainings -->
diff --git a/template/cclear/admin/update.tpl b/template/cclear/admin/update.tpl
new file mode 100644
index 000000000..3f33689f7
--- /dev/null
+++ b/template/cclear/admin/update.tpl
@@ -0,0 +1,76 @@
+<!-- BEGIN update -->
+<h3>{L_RESULT_UPDATE}</h3>
+<ul>
+  <li class="update_summary_new">{update.NB_NEW_CATEGORIES} {L_NB_NEW_CATEGORIES}</li>
+  <li class="update_summary_new">{update.NB_NEW_ELEMENTS} {L_NB_NEW_ELEMENTS}</li>
+  <li class="update_summary_del">{update.NB_DEL_CATEGORIES} {L_NB_DEL_CATEGORIES}</li>
+  <li class="update_summary_del">{update.NB_DEL_ELEMENTS} {L_NB_DEL_ELEMENTS}</li>
+  <li class="update_summary_err">{update.NB_ERRORS} {L_UPDATE_NB_ERRORS}</li>
+</ul>
+<!-- BEGIN errors -->
+<h3>{L_UPDATE_ERROR_LIST_TITLE}</h3>
+<ul>
+  <!-- BEGIN error -->
+  <li>[{update.errors.error.ELEMENT}] {update.errors.error.LABEL}</li>
+  <!-- END error -->
+</ul>
+<h3>{L_UPDATE_ERRORS_CAPTION}</h3>
+<ul>
+  <li><strong>PWG-UPDATE-1</strong> : {L_UPDATE_WRONG_DIRNAME_INFO}</li>
+  <li><strong>PWG-UPDATE-2</strong> : {L_UPDATE_MISSING_TN_INFO} {{PICTURE_EXT_LIST}}</li>
+</ul>
+<!-- END errors -->
+<!-- BEGIN infos -->
+<h3>{L_UPDATE_INFOS_TITLE}</h3>
+<ul>
+  <!-- BEGIN info -->
+  <li>[{update.infos.info.ELEMENT}] {update.infos.info.LABEL}</li>
+  <!-- END info -->
+</ul>
+<!-- END infos -->
+<!-- END update -->
+
+<!-- BEGIN metadata_result -->
+<h3>{L_RESULT_METADATA}</h3>
+<ul>
+  <li>{metadata_result.NB_ELEMENTS} {L_ELEMENTS_METADATA_SYNC}</li>
+  <li>{L_USED_METADATA} : {METADATA_LIST}</li>
+</ul>
+<!-- END metadata_result -->
+
+<!-- BEGIN introduction -->
+<h3>{L_UPDATE_TITLE}</h3>
+<form action="{F_ACTION}" method="post" id="update">
+  <ul>
+    <li>
+      {L_UPDATE_SYNC_FILES}
+      <ul>
+        <li><input type="radio" name="sync" value="dirs" {SYNC_DIRS_CHECKED} /> {L_UPDATE_SYNC_DIRS}</li>
+        <li><input type="radio" name="sync" value="files" {SYNC_ALL_CHECKED} /> {L_UPDATE_SYNC_ALL}</li>
+        <li><input type="checkbox" name="display_info" value="1" {DISPLAY_INFO_CHECKED} /> {L_UPDATE_DISPLAY_INFO}</li>
+        <li><input type="checkbox" name="simulate" value="1" checked="checked" /> {L_UPDATE_SIMULATE}</li>
+      </ul>
+    </li>
+    <li>
+      {L_UPDATE_SYNC_METADATA}. {L_USED_METADATA} : {METADATA_LIST}.
+      <ul>
+        <li><input type="radio" name="sync" value="metadata_new" /> {L_UPDATE_SYNC_METADATA_NEW}</li>
+        <li><input type="radio" name="sync" value="metadata_all" /> {L_UPDATE_SYNC_METADATA_ALL}</li>
+      </ul>
+    </li>
+    <li>
+      {L_UPDATE_CATS_SUBSET}<br />
+      <select style="width:500px" name="cat" size="10">
+        <!-- BEGIN category_option -->
+        <option {introduction.category_option.SELECTED} value="{introduction.category_option.VALUE}">{introduction.category_option.OPTION}</option>
+        <!-- END category_option -->
+      </select>
+      <input type="checkbox" name="subcats-included" value="1" {SUBCATS_INCLUDED_CHECKED} /> {L_SEARCH_SUBCATS_INCLUDED}
+    </li>
+  </ul>
+  <p>
+    <input type="submit" value="{L_SUBMIT}" name="submit" class="bouton" />
+    <input type="reset"  value="{L_RESET}"  name="reset"  class="bouton" />
+  </p>
+</form>
+<!-- END introduction -->
diff --git a/template/cclear/admin/user_perm.tpl b/template/cclear/admin/user_perm.tpl
new file mode 100644
index 000000000..e3944fe42
--- /dev/null
+++ b/template/cclear/admin/user_perm.tpl
@@ -0,0 +1,6 @@
+<div class="admin">{L_SELECT_USERNAME}</div>
+<form method="post" name="post" action="{F_SEARCH_USER_ACTION}">
+  <input type="text" name="username" maxlength="50" size="20" />
+  <input type="submit" name="submituser" value="{L_LOOKUP_USER}" class="bouton" /> 
+  <input type="submit" name="usersubmit" value="{L_FIND_USERNAME}" class="bouton" onClick="window.open('{U_SEARCH_USER}', '_phpwgsearch', 'HEIGHT=250,resizable=yes,WIDTH=400');return false;" />
+</form>
\ No newline at end of file
diff --git a/template/cclear/admin/waiting.tpl b/template/cclear/admin/waiting.tpl
new file mode 100644
index 000000000..6c2cbd104
--- /dev/null
+++ b/template/cclear/admin/waiting.tpl
@@ -0,0 +1,42 @@
+<form action="{F_ACTION}" method="post">
+  <!-- BEGIN confirmation -->
+  <div class="info">{L_WAITING_CONFIRMATION}</div>
+  <!-- END confirmation -->
+  <table style="width:100%;" >
+    <tr class="throw">
+      <th style="width:20%;">{L_CATEGORY}</th>
+      <th style="width:20%;">{L_DATE}</th>
+      <th style="width:20%;">{L_FILE}</th>
+      <th style="width:20%;">{L_THUMBNAIL}</th>
+      <th style="width:20%;">{L_AUTHOR}</th>
+      <th style="width:1px;">&nbsp;</th>
+    </tr>
+    <!-- BEGIN picture -->
+    <tr>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">{picture.CATEGORY_IMG}</td>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">{picture.DATE_IMG}</td>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">
+        <a target="_blank" href="{picture.PREVIEW_URL_IMG}">{picture.FILE_IMG}</a>
+      </td>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">
+        <!-- BEGIN thumbnail -->
+        <a target="_blank" href="{picture.thumbnail.PREVIEW_URL_TN_IMG}">{picture.thumbnail.FILE_TN_IMG}</a>
+        <!-- END thumbnail -->
+      </td>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">
+        <a href="mailto:{picture.UPLOAD_EMAIL}">{picture.UPLOAD_USERNAME}</a>
+      </td>
+      <td class="{picture.WAITING_CLASS}" style="white-space:nowrap;">
+        <input type="radio" name="validate-{picture.ID_IMG}" value="true" />{L_SUBMIT}
+        <input type="radio" name="validate-{picture.ID_IMG}" value="false" />{L_DELETE}
+      </td>
+    </tr>
+    <!-- END picture -->
+    <tr>
+      <td colspan="6" align="center">
+	  <input type="submit" name="submit" value="{L_SUBMIT}" class="bouton" />
+          <input type="reset" name="reset" value="{L_RESET}" class="bouton" />
+	  </td>
+    </tr>
+  </table>
+</form>