+/* elements */
+body { margin:0; padding:0; background:#fff; color:#454545; font:0.8em verdana, arial, helvetica, sans-serif; }
+
+h2 { margin:0px; padding:0; background:inherit; color:#d15517; font:normal 190% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+h3, h4, h5 { margin:10px 0 0 10px; padding:0; background:inherit; color:#5f5f5f; font:normal 170% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+
+a:link, a:visited { background:inherit; color:#0643bb; text-decoration:underline; }
+a:active { background:inherit; color:#990000; text-decoration:none; }
+a:hover { background:inherit; color:#d15517; text-decoration:none; }
+
+a img { border:none; }
+
+form { margin:8px 17px 0 0; padding:0px; }
+table { margin:10px; border-collapse:collapse; padding:5px; }
+th { height:28px; border-top:2px solid #d0e8f8; padding:0 10px; background-color:#e7f1f8; font-size:16px; text-align:left; }
+th.nombre { padding-right:0px; text-align:right; }
+
+table.sortable .odd { background-color:#E9F4F7; }
+
+/* id */
+#loadingbox { display:none; position:absolute; width:100%; }
+#loading { width:200px; margin:auto; background:#f5e86e; text-align:center; }
+
+#wrapper { float:left; width:100%; margin:0 auto 0 auto; padding:0; }
+
+#header { float:left; width:96%; padding:2%; background:#f8fbfd; color:#5f5f5f; }
+#banner { float:left; width:80%; }
+#banner img { float:left; padding-right:2%; }
+#banner h1 { margin:0; padding:0; font:normal 220% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+#banner h1 a, h1 a:visited { background:inherit; color:#5f5f5f; text-decoration:none; }
+#banner h1 a:hover { background:inherit; color:#d15517; text-decoration:none; }
+#banner h2 { margin:0; padding:0; }
+
+#menu { float:left; width:20%; text-align:right; font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+#menu ul { list-style-type:none; }
+#menu li { list-style-type:none; }
+#menu a { text-decoration:none; }
+
+#topmenu { float:left; width:96%; margin:0; border-bottom:1px dotted #bbd8ec; border-top:1px dotted #bbd8ec;
+ padding:8px 2% 8px 2%; background:#e7f1f8 url(/media/images/menubck.png); color:#000; text-align:center;
+}
+#topmenu ul { margin:0 0 0 14px; padding:0; list-style-type:none; }
+#topmenu li { display:inline; margin:0; padding:0; list-style-type:none; }
+#topmenu a, #topmenu a:visited {
+ margin:0 0 0 -5px; border:1px dotted #bbd8ec; padding:8px 20px 8px 20px;
+ background:#e7f1f8 url(/media/images/menubck.png);
+ color:#5f5f5f; text-align:center; text-decoration:none; font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
+}
+#topmenu a:hover { background:#fff; color:#d15517; }
+#topmenu a#last { border-right:1px dotted #bbd8ec; }
+
+#menuregion { width:100%; text-align:center; vertical-align:middle; }
+#menuregion span { margin-right:10px; }
+#menuregion input { position:relative; top:2px; }
+
+#main { float:left; width:96%; padding:2%; }
+#main p { margin:0; padding:4px 10px 0 17px; line-height:1.4em; }
+#main .gauche { float:left; width:46%; }
+#main .droite { float:left; width:46%; }
+#main .clear { clear:both; }
+
+#footer {
+ clear:both; float:left; width:100%; margin:20px 0 0 0; border-top: 1px dotted #bbd8ec; border-bottom: 1px dotted #bbd8ec; padding: 10px 0 6px 0;
+ background: #e7f1f8 url(/media/images/menubck.png); color:#404040; text-align:center;
+}
+#footer p { margin:0; padding:0 0 3px 0; font:normal 100% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+
+#username, #password { margin:5px; border:1px solid #CCC; padding:2px; background:#FAFAFA; font-weight:bold; }
+
+#recherche { margin:auto; margin:5px; text-align:center; }
+#recherche input { margin:5px; border:1px solid #CCC; padding-left:25px; background:#FAFAFA url(/media/images/zoom.png) no-repeat; background-position:3px 3px; font-size:16px; font-weight:bold; text-align:left; }
+
+#brdcrmb { float:left; width:98%; margin:20px 0 50px 16px; padding:0; background:inherit; color:#4d4d4d; font:normal 100% verdana, arial, helvetica, sans-serif; }
+#brdcrmb a, #brdcrmb a:visited { background:inherit; color:#0643bb; text-decoration:underline; }
+#brdcrmb a:hover, .bxtitle a:hover { background:inherit; color:#d15517; text-decoration:none; }
+
+/* class */
+.img { float:left; margin:4px 6px 3px 4px; padding:2px; }
+.subtitle { margin:12px 0 0 17px; padding:0; background:inherit; color:#5f5f5f; font:normal 1.4em verdana, arial, helvetica, sans-serif; }
+.red { background: inherit; color: #d15517; }
+.search { margin:0; border:1px dotted #e1e1e1; padding:2px; background:#fcfcfc; color:#7d7d7d; }
+.button { cursor:pointer; border:solid 1px #e1e1e1; background: #e7f1f8 url(/media/images/srcbck.png); color: #5f5f5f; font:bold 120% "trebuchet ms",verdana, arial, helvetica, sans-serif; }
+
+.pagebox { float:left; width:100%; margin:30px 0 0 0; padding:8px 0 8px 0; background:inherit; color:#fff; text-align:right; }
+.pagebox a, .buttonbox a { margin:0 2px 0 0; border:1px dotted #bbd8ec; padding:4px 8px 4px 8px; background: #e7f1f8 url(images/srcbck.png); color:#5f5f5f;
+ font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif; text-decoration:none;
+}
+.pagebox a:hover, .buttonbox a:hover { background: #fff; color:#d15517; text-decoration:none; }
+
+.menubox { float:left; width:100%; margin: 30px 0 40px 0; padding:6px 0 6px 0; }
+.menu1 { display:inline; float:left; width:31%; margin-left:1.7%; padding:2px 0 6px 0; background:#e7f1f8 url(/media/images/mnubck.png); color: #454545; }
+.menu2, .menu3 { float:left; width:31%; margin-left:1.6%; padding:2px 0 6px 0; background:#e7f1f8 url(/media/images/mnubck.png); color: #454545; }
+.menu1 p, .menu2 p, .menu3 p { margin:0; padding:0 6px 0 6px; font:normal 90% verdana, arial, helvetica, sans-serif; }
+
+.bxtitle { margin:0 0 0 6px; padding: 2px 0 0 0; background:inherit; color:#454545; font:normal 140% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
+.liste td { padding:5px; border-top:1px solid #d0e8f8; }
+.pair td { background-color:#e7f1f8 }
+
+.groupWrapper { float:left; width:100%; min-height:400px; margin:auto; }
+.groupWrapper p { height:1px; margin:0; padding:0; overflow:hidden; }
+.groupItem { margin-bottom:20px; }
+.groupItem .itemHeader { cursor:move; position:relative; height:28px; border-top:2px solid #d0e8f8; padding:0 10px; background-color:#e7f1f8;
+ color:#000; font-weight:bold; font-size:16px; line-height:28px;
+}
+.groupItem .itemHeader a { position:absolute; top:0px; right:10px; font-weight:normal; font-size:11px; text-decoration:none; }
+
+.sortHelper { width:auto !important; border:3px dashed #666; }
+.itemContent { padding:10px; }
+
+.verticaltext{ -moz-transform: rotate(90deg); }
+
+.participants li {height: 50px; list-style-type:none;}
+.participants li>img {float:left; margin-right:8px; border:1px solid #999}
+
+.iconeSQI { width:16px; padding:0px 2px; }
+.commentSQI { width:100%; margin-right:5px; text-align:right; font-size:8px; }
+.descriptionSQI { width:45%; padding:10px; }