diff --git a/data/template/lcube6/object_coordination/usertemp/configuration.mxt b/data/template/lcube6/object_coordination/usertemp/configuration.mxt
index c352931..3f3f62c 100755
--- a/data/template/lcube6/object_coordination/usertemp/configuration.mxt
+++ b/data/template/lcube6/object_coordination/usertemp/configuration.mxt
@@ -1,85 +1,80 @@
-<div class="box">
-<form id="configObject" method="post" mXattribut="action:urlAction">
-<input type="hidden" name="urlReturn" mXattribut="value:urlActionReturn"/>
-<input type="hidden" name="contentType" mXattribut="value:contentType"/>
-<input type="hidden" name="objectId" mXattribut="value:objectId"/>
-<div class="tabe">
-	<ul>
+<ul class="nav container-fluid nav-tabs w-75 border-bottom-0">
 	<mx:bloc id="TabeB">
-		<li mXattribut="class:TabeView">
-			<a mXattribut="href:UrlTabeView" mXattribut="class:ClassTabeView">
-				<i class="mr-1 fa fa-lg fa-<mx:text id="pictoTabe"/>"></i>
-				<mx:text id="TabeNameView"/>
-			</a>
-		</li>
-	</mx:bloc id="TabeB">
-	</ul>
-</div>
-<div class="box">
-	<div class="header"><h2><mx:text id="TabeBTabeNameView"/></h2><p><mx:text id="configurationObject"/> (<mx:text id="TxtContentType"/>)</p></div>
-	<div class="tabe">
-		<ul>
+	<li mXattribut="class:TabeView">
+		<a mXattribut="href:UrlTabeView" mXattribut="class:ClassTabeView">
+            <i class="mr-1 fa fa-lg fa-<mx:text id="pictoTabe"/>"></i>
+			<mx:text id="TabeNameView"/>
+		</a>
+	</li>
+    </mx:bloc id="TabeB">
+</ul>
+<div class="tab-content container-fluid px-2 py-2 w-75 border">
+	<ul class="nav container-fluid nav-tabs border-bottom-0">
 		<mx:bloc id="TabeSecond">
 			<li mXattribut="class:TabeView">
-			<a mXattribut="href:UrlTabeView"  mXattribut="class:ClassTabeView"><i class="mr-1 fa fa-lg fa-<mx:text id="pictoTabe"/>"></i><mx:text id="TabeNameView"/></a>
+			<a mXattribut="href:UrlTabeView" mXattribut="class:ClassTabeView"><i class="mr-1 fa fa-lg fa-<mx:text id="pictoTabe"/>"></i><mx:text id="TabeNameView"/></a>
 			</li>
 		</mx:bloc id="TabeSecond">
-		</ul>
-	</div>
-	<div class="box">
-		<div class="header"><h2><mx:text id="TabeSecondTabeNameView"/></h2><p><mx:text id="TxtGeneral"/></p></div>
-		<fieldset class="fieldset">
-			<legend><mx:text id="TxtFormLegend"/></legend>
-			<div>
-			<div class="field"><label for="iconeN" class="require"><mx:text id="TxtImage"/></label><img name="pictoObject" id="pictoObject" src="data/template/default/media/picto/object/defaultobject.gif" alt="Picto"/><mx:select id="icone" class="selectsmall"/></div>
-			<div class="field"><label for="nameInput" class="require"><mx:text id="nameObject"/></label>
-			<mx:bloc id="blocName">
-				<mx:image id="pictoLanguage"/><input type="text" mXattribut="value:namelanguagevalue" mXattribut="name:nameInput" id="nameInput"/>
-			</mx:bloc id="blocName">
-			</div>
-			<div class="field"><label for="resume"><mx:text id="resumeLanguage"/> :</label><textarea cols="5" rows="5" name="resume" id="resume"><mx:text id="resumeValue"/></textarea></div>
-			<div class="field"><label for="keyword"><mx:text id="keyword"/> :</label><textarea cols="5"  rows="5" name="keyWord" id="keyword"><mx:text id="keyWordValue"/></textarea></div>
-	
-			<div class="field"><label for="node" class="require"><mx:text id="TxtNode"/></label><mx:select id="NODE" id="node"/></div>
-			</div>
-		</fieldset>
-		<fieldset class="fieldset">
-			<legend><mx:text id="TxtConfiguration"/></legend>
-		
-			<div>
-			<div><label class="labelverybig" for="group"><mx:text id="TxtGroupAdmin"/></label><mx:select id="GROUP_ADMIN" id="group"/></div>
-			</div>
-			<div class="action">
-				<input type="submit" name="BtnValid"  mXattribut="value:BtnValid" class="save"/>
-			</div>
-		</fieldset>
-		<div class="info"><mx:text id="TxtField"/></div>
-	</div>
-</div>
-</form>
+	</ul>
+	<div class="tab-content container-fluid px-2 py-2 w-100 border">
+		<form id="configObject" role="form" class="form text-center px-0" method="post" mXattribut="action:urlAction">
+		<input type="hidden" name="urlReturn" mXattribut="value:urlActionReturn"/>
+		<input type="hidden" name="contentType" mXattribut="value:contentType"/>
+		<input type="hidden" name="objectId" mXattribut="value:objectId"/>
 
-<script type="text/javascript">
-<!--
-function imgPicto()
-{
-	// cas ns6
-	if (document.getElementById)
-	{
-		if (document.getElementById("configObject"))
-		{
-			document.getElementById("pictoObject").src="data/template/default/media/picto/object/"+document.getElementById("configObject").iconeN.options[(document.getElementById("configObject").iconeN.selectedIndex)].value;
-		}
-	}
-	// cas ie 5.5
-	else if (document.all)
-	{
-		if (document.all["configObject"])
-		{
-			document.all["pictoObject"].src="data/template/default/media/picto/object/"+document.all["configObject"].iconeN.options[(document.all["configObject"].iconeN.selectedIndex)].value;
-		}
-	}
-}
-imgPicto();
-//-->
-</script>
+		<div class="card w-100 mb-0">
+			<div class="card-header">
+				<h3><mx:text id="configurationObject"/> (<mx:text id="TxtContentType"/>)</h3>
+			</div>
+			<div class="card-body">
+				<div class="row mb-2">
+					<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
+						<div class="input-group-prepend">
+							<span class="input-group-text"><i class="fa fa-lg fa-file-picture-o"></i></span>
+						</div>
+						<mx:select id="icone"/>
+						<div class="input-group-append">
+							<span class="input-group-text"><mx:image id="pictoObject"/></span>
+						</div>
+					</div>
+					<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
+						<mx:bloc id="blocName">
+						<div class="input-group-prepend">
+							<span class="input-group-text"><i class="fa"><mx:image id="pictoLanguage"/></i></span>
+						</div>
+						<mx:formField id="nameInput"/>
+						</mx:bloc id="blocName">
+					</div>
+				</div>
+				<div class="row mb-2">
+					<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
+						<mx:formField id="resumeValue"/>
+					</div>
+					<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
+						<mx:formField id="keyWordValue"/>
+					</div>
+				</div>
+			</div>
+			<div class="card-header">
+				<h3><mx:text id="TxtConfiguration"/></h3>
+			</div>
+			<div class="card-body">
+				<div class="row mb-0">
+					<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
+						<div class="input-group-prepend">
+							<span class="input-group-text"><i class="fa"><mx:text id="TxtGroupAdmin"/></i></span>
+						</div>
+ 						<mx:select id="GROUP_ADMIN" id="group"/>
+					</div>
+				</div>
+			</div>
+			<div class="card-footer border-0 bg-white text-center pb-0">
+				<input type="reset" name="BtnReset" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" title="<mx:text id="BtnReset"/>" value="<mx:text id="BtnReset"/>" onclick="this.form.reset();"/>
+				<input type="button" name="BtnReturn" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" value="<mx:text id="BtnReturn"/>" onclick="history.back();"/>
+				<input type="submit" name="BtnValid" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" mXattribut="value:BtnValid"/>
+			</div>
+		</div>
+		</form>
+	</div>
 </div>
+