From a54799223be4562dff3f4c4eed79ebcd8d9914b4 Mon Sep 17 00:00:00 2001
From: Victor Claudet <vclaudet@entrouvert.com>
Date: Wed, 17 Dec 2014 08:42:51 +0100
Subject: [PATCH] fields.css pour wcs

---
 templates/static/f-s-b/css/fields.css | 1166 +++++++++++++++++++++++++
 1 file changed, 1166 insertions(+)
 create mode 100644 templates/static/f-s-b/css/fields.css

diff --git a/templates/static/f-s-b/css/fields.css b/templates/static/f-s-b/css/fields.css
new file mode 100644
index 0000000..3006e79
--- /dev/null
+++ b/templates/static/f-s-b/css/fields.css
@@ -0,0 +1,1166 @@
+/***** wcs *****/
+
+hr.clear {
+	clear: both;
+	padding-bottom: 0em;
+	border: none;
+}
+
+
+ul.catforms li,
+div#consultations li {
+	list-style: none;
+	padding-left: 12px;
+	background: url(puce.gif) left center no-repeat;
+}
+
+
+div#content ul#announces-links a:hover {
+	color: black;
+}
+
+/* Form Elements */
+
+div.buttons {
+	margin-top: 1em;
+}
+
+div.buttons div {
+	display: inline;
+}
+
+div.buttons br {
+	display: none;
+}
+
+p.command,
+a.edit-custom-text,
+div.buttons input {
+	background: #37a7da;
+	color: white;
+	font-size: 120%;
+	font-weight: normal;
+	border: none;
+	padding: 5px 15px;
+	cursor: pointer;
+	display: inline;
+	border: 1px solid transparent;
+}
+
+p.command {
+	line-height: 300%;
+}
+
+p.command a:focus,
+div.buttons input:focus {
+	border: 1px solid black;
+}
+
+#content p.command a {
+	color: white;
+	cursor: pointer;
+}
+
+#content p.command a:hover {
+	color: white;
+	text-decoration: none;
+}
+
+form.quixote h3 {
+	padding-top: 1em;
+	border-bottom: 1px solid #265aa2;
+}
+
+form.quixote h4 {
+	color: #616161;
+}
+
+div.widget div.title {
+	color: #2f2f2f;
+	font-weight: bold;
+}
+
+div.widget div.content {
+	margin-left: 1em;
+}
+
+div.widget div.content ul {
+	padding-left: 0;
+}
+
+div.widget {
+	margin-bottom: 2ex;
+}
+
+div.hint {
+	font-size: 80%;
+}
+
+span.required {
+	padding: 0 0 0 0px;
+	margin-left: 1ex;
+	overflow: hidden;
+	color: red;
+}
+
+div.errornotice {
+    text-align: left;
+	background: #fd6;
+	border: 1px solid #ffae15;
+	margin: 0px;
+	padding: 5px;
+    border-radius: 4px;
+}
+
+div.infonotice {
+	 text-align: left;
+    background-color: #31abe5;
+    color: #fff;
+    font-weight: bold;
+    padding: 5px;
+    border-radius: 4px;
+}
+
+div.error {
+	text-align: left;
+    background: #fd6;
+    border: 1px solid #ffae15;
+    margin: 1em 1em 1em 1em;
+    padding: 5px;
+    border-radius: 4px;
+    text-align: left;
+    margin: 0px;
+    width: 89%;
+}
+
+
+/* other stuff */
+
+div#gauche ul,
+div#myspace ul {
+	padding: 0 0 0 1ex;
+	margin: 2ex 0;
+}
+
+div#gauche li,
+div#myspace li {
+	list-style: none;
+	padding: 0;
+	margin: 1ex 0;
+}
+
+div#centre li li {
+	list-style: none;
+}
+
+div#centre li li a,
+div#gauche li a {
+}
+
+div#gauche li a:hover {
+}
+
+div#services-2nd ul ul,
+div#centre ul ul {
+	margin-top: 0.5ex;
+}
+
+li.all-forms {
+	margin-top: 1ex;
+}
+
+div#new_member div.buttons,
+div#member div.buttons {
+	text-align: left;
+}
+ul#announce-modes {
+	list-style:none;
+	margin:1em 0 0 2em;
+}
+
+ul#announce-modes li {
+	margin:0 0 0.5em 0;
+}
+
+li #par_mail{
+	background: url(mail.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li #par_sms {
+	background: url(tel.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li a#par_rss {
+	background: url(rss.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+li a#par_ical {
+	background: url(ical.gif) left center no-repeat;
+	padding: 5px 0 5px 20px;
+}
+
+div.address {
+	margin-left: 2em;
+}
+
+ul#month-links {
+	float: right;
+	padding: 1em;
+	text-align: right;
+	list-style: none;
+}
+
+ul#month-links li a {
+	color: #379cdb;
+}
+
+ul#month-links li a:hover {
+	text-decoration: underline;
+}
+
+div#page a.edit-custom-text {
+	float: right;
+	font-size: 50%;
+	margin: 0 0 1ex 1ex;
+}
+
+div#page a.edit-custom-text:hover {
+	color: black;
+}
+
+p#receiver {
+	margin-left: 2em;
+}
+
+#page div.back-home-button {
+	margin: 2em auto 1em auto;
+    display: none;
+}
+
+h2.foldable {
+	/*display: none;*/
+}
+
+div#profile h3 {
+	margin-top: 2em;
+}
+
+div.dataview {
+  box-shadow: 0 0 5px rgba(0,0,0,0.15);
+  border-radius: 6px;
+  background: #fff;
+  border: 1px solid #D8D8D8;
+  margin:0px 5px 25px 5px;
+  border-radius: 5px;
+  border-top: none;
+  padding: 25px;
+}
+
+div.dataview span.value {
+	display: block;
+	margin-left: 1em;
+	margin-bottom: 1ex;
+}
+
+form div.page,
+div.dataview div.page {
+	border: 1px solid #aaa;
+	padding: 1ex;
+	margin-bottom: 1em;
+}
+
+form div.page p,
+div.dataview div.page p {
+	margin-top: 0;
+}
+
+form div.page h3,
+div.dataview div.page h3 {
+	margin: 0;
+	margin-bottom: 1ex;
+}
+
+#profile form ul li {line-height: 20px; padding-bottom: 5px;border-bottom: 1px solid #CCCCCC;}
+
+#rub_service h2 {clear: both;}
+div.dataview {clear: both; padding-bottom: 40px;}
+
+div.dataview div.field {
+    border-bottom: 1px solid #eee;
+    clear: both;
+}
+
+div.dataview div.field span.label {
+    font-weight: bold; 
+    /*text-decoration: underline; */
+    color: #333;
+    color: #333;
+    min-width: 48%;
+    float: left;
+    font-size: 12px;
+    text-align: left;
+    padding-top: 8px;
+}
+
+div.dataview div.field .value {
+    display: block;
+    margin-left: 1em;
+    margin-bottom: 1ex;
+    padding-left: 10px;
+    padding-top: 5px;
+    min-width: 48%;
+    float: left;
+}
+
+
+table#strongbox-items tr.expired td.expiration {
+	color: #800;
+}
+
+table#strongbox-items td {
+	padding: 2px 1ex;
+}
+
+table#strongbox-items tr.even {
+	background: #ddd;
+}
+
+table#strongbox-items tr.odd {
+	background: #eee;
+}
+
+p.infopratique ul {
+	list-style-type: none;
+	padding-bottom: 3px;
+}
+
+p.infopratique table, p.infopratique table tr, p.infopratique table tr th, p.infopratique table tr td {
+	border: 1px solid #333333;
+}
+
+p.infopratique table tr th {
+	
+}
+
+div.content table thead {}
+div.content table thead th {background-color: #265aa2; color: white;}
+div.content table thead tr {}
+div.content table thead td {background-color: #265aa2;}
+div.content table tbody {}
+div.content table tbody th {background-color: #cccccc; color: black; width: 200px; text-align: left; padding-left: 5px;}
+div.content table tbody tr {background-color: #eeeeee; border-bottom: 1px solid #CCCCCC;}
+div.content table tbody tr td {}
+div.content table tbody tr td input {
+	border: 1px solid #aaa;
+	background: white url(field-shade.png) top left repeat-x;
+	padding: 1px;
+	border-radius: 2px;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	color: black;
+	-webkit-transition: background 200ms ease-out;
+}
+
+div.content table tbody tr td input:focus {
+	border: 1px solid #888;
+	background: white;
+}
+
+.fileprogress {
+        border: 1px solid #888;
+}
+
+.fileprogress .bar {
+        background: #09f;
+        line-height: 1.5em;
+        padding-left: 1ex;
+        font-weight: bold;
+        white-space: nowrap;
+}
+
+.fileinfo {
+        line-height: 1.5em;
+}
+
+.fileinfo .remove {
+        height: 16px;
+        width: 16px;
+        background: url(/qo/images/stock_remove_16.png) top left no-repeat;
+        display: inline-block;
+        margin-left: 1em;
+        text-indent: 100%;
+        overflow: hidden;
+}
+
+.passStrengthify {
+	padding-left: 1em;
+}
+
+div.dataview {
+	display: none;
+}
+
+div#content #disclose-dataview {
+	display: block;
+	margin: 1em 0;
+}
+
+h3#agenda-link,
+form#follow-form {
+	display: none;
+}
+
+div#sidebox div#links {
+        display: none;
+}
+
+div.TableWidget input {
+	width: 7em;
+}
+
+.chapeau {
+        font-style: italic;
+        font-size: 110%;
+}
+
+div#centre {
+    background: none;
+}
+
+
+div#home-page-intro {
+    background: white;
+    padding: 1ex;
+}
+
+
+
+#profile-links,
+h3#my-forms {
+	display: none;
+}
+
+p#welcome {
+}
+
+div.buttons input:hover {
+	box-shadow: 0px 0px 5px #777;
+}
+
+div.buttons input[name="submit"] {
+	font-weight: bold;
+}
+
+
+
+textarea {
+  text-align: left;
+  display: block;
+  width: 90%;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+  background-color: #FFF;
+  background-image: none;
+  border: 1px solid #CCC;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  margin-bottom: 10px;
+}
+
+ #content .form-validation input[readonly],
+ #content .form-validation textarea[readonly] {
+	background-color: #ccc;
+    background-image: none;
+    color: black;
+}
+
+div#services > h3 { display: none; }
+
+
+/********** local template ***********/
+
+ul {
+    padding: 0;
+    list-style: none;
+}
+
+#nav {
+    width: 100%;
+    float: left;
+}
+#nav .panel {
+    border: none;
+}
+#nav .account-panel>.panel-heading, #nav .nav-panel>.panel-heading {
+    background: #d91a80;
+    color: white;
+    border: none;
+}
+
+#real-content ul > li:before {
+    display: inline-block;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    float: left;
+    margin-top: 3px;
+    margin-right: 7px;
+    font-size: 13px;
+    color: #D91A80;
+}
+#real-content ul.federation-plugin-list > li:before {
+}
+#real-content ul.federation-plugin-list > li:before {
+    content: none;
+}
+#services > ul > li > ul > li:before, #nav .account-panel li:before, #nav .account-panel li:before:hover, #nav .nav-panel li:before, #nav .nav-panel li:before:hover {
+    color: #D91A80;
+}
+#services > ul > li:before {
+    content: none;
+}
+#menu2 .nav>li {
+    background: none;
+    padding-left: 0;
+}
+#single-title {
+    display: none;
+}
+#main-content {
+    padding: 0px;
+    width: 100%;
+    float: left;
+}
+#main-content .widget {
+    text-align: left;
+    margin-bottom: 20px;
+}
+#main-content .widget .title {
+    border: none;
+    margin-bottom: 6px;
+}
+
+
+#messages {
+    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
+    border-radius: 6px;
+    border: 1px solid #D8D8D8;
+    background: #F1F1F1;
+    padding: 15px 25px;
+    margin-bottom: 15px;
+}
+#messages .messages {
+    margin-bottom: 0;
+}
+#messages .info {
+    color: #158300;
+}
+#messages .info:before {
+    position: relative;
+    top: 7px;
+    left: -7px;
+    display: inline-block;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    display: block;
+    font-size: 21px;
+    float: left;
+    margin-right: 2px;
+    color: #27A30F;
+}
+
+
+#content label {
+    display: block;
+    text-align: left;
+}
+#content select, #content input[type="password"], #content input[type="email"], #content input[type="text"] {
+    text-align: left;
+    display: block;
+    width: 90%;
+    height: 34px;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #FFF;
+    background-image: none;
+    border: 1px solid #CCC;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    margin-bottom: 10px;
+}
+
+#content input[type="password"], #content input[type="email"], #content input[type="text"] {
+    width: 87%;
+}
+
+#content > p:last-child {
+    margin: 0;
+}
+#content >:last-child {
+    margin-bottom: 0;
+}
+form, .right {
+    display: block;
+    padding: 20px;
+    width: 60%;
+    background: white;
+    margin: 20px auto;
+    margin-bottom: 20px;
+    background-color: #FFF;
+    border: 1px solid rgba(0, 0, 0, 0);
+    border-color: #DDD;
+    border-radius: 4px;
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    margin-bottom: 0;
+    text-align: center;
+}
+form h1, form h2, form h3, form h4, form h5, form p, .right h1, .right h2, .right h3, .right h4, .right h5, .right p {
+    text-align: left;
+}
+form form, .right form {
+    background: transparent;
+    padding: 0;
+    margin: 0;
+    border: none;
+    box-shadow: none;
+    width: auto;
+}
+input[type="submit"] {
+    display: inline-block;
+    margin-bottom: 0;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid rgba(0, 0, 0, 0);
+    white-space: nowrap;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    border-radius: 4px;
+    color: #FFF;
+    background-color: #d91a80;
+    border-color: #ab1565;
+}
+input[type="submit"]:hover {
+    text-decoration: none;
+    color: #FFF;
+    background-color: #ab1565;
+    border-color: #951258;
+}
+input[type="submit"]:active, input[type="submit"]:focus {
+    color: #FFF;
+    background-color: #ab1565;
+    border-color: #951258;
+    outline: 0;
+    background-image: none;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+input[type="submit"] + button.submit, button.submit + input[type="submit"], input[type="submit"] + input[type="submit"], button.submit + button.submit {
+    margin-left: 5px;
+}
+button.submit {
+    display: inline-block;
+    margin-bottom: 0;
+    font-weight: normal;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    background-image: none;
+    border: 1px solid rgba(0, 0, 0, 0);
+    white-space: nowrap;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    border-radius: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    color: #333;
+    background-color: #FFF;
+    border-color: #CCC;
+}
+button.submit:hover {
+    text-decoration: none;
+    color: #333;
+    background-color: #EBEBEB;
+    border-color: #ADADAD;
+}
+button.submit:active, button.submit:focus {
+    outline: 0;
+    background-image: none;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    color: #333;
+    background-color: #EBEBEB;
+    border-color: #ADADAD;
+}
+.quixote {
+    border: none;
+    padding: 0;
+    box-shadow: none;
+}
+.quixote p {
+    margin: 0 0 15px;
+    line-height: 1.6em;
+}
+.quixote h4 {
+    line-height: 1.4em;
+}
+.help-text {
+    font-size: 11px;
+    margin-top: -5px;
+    color: #706C6C;
+    margin-bottom: 15px;
+}
+.federation-plugin-list {
+    text-align: left;
+    border-radius: 5px;
+}
+.federation-plugin-list > li {
+    border: 1px solid #DADADA;
+    padding: 5px 15px;
+}
+.federation-plugin-list > li:last-child {
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+}
+.federation-plugin-list > li:first-child {
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+}
+.federation-plugin-list form {
+    text-align: left;
+    overflow: hidden;
+    display: block;
+}
+.federation-plugin-list form input {
+    padding: 5px 8px;
+    font-size: 11px;
+    float: right;
+}
+.federation-plugin-list .federation-plugin-federation-name {
+    padding-top: 4px;
+    display: inline-block;
+}
+#content .bo-block {
+    padding-top: 20px;
+}
+#content .bo-block h2 {
+    font-size: 18px;
+    margin-bottom: 10px;
+    font-weight: 600;
+}
+#content .dataview {
+    display: none;
+}
+#services > h3 {
+    font-size: 24px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-bottom: 15px;
+    padding-bottom: 8px;
+    color: #D91A80;
+}
+#services > h3:first-child {
+    margin-top: 15px;
+}
+#services > ul {
+    display: block;
+    overflow: hidden;
+    width: 100%;
+    margin-left: 0px;
+    padding-left: 0px;
+}
+#services > ul > li {
+    display: block;
+    padding: 20px;
+    padding-left: 0px;
+    background: #FFF;
+    margin: 20px auto;
+    margin-bottom: 20px;
+    background-color: #FFF;
+    border: 1px solid rgba(0, 0, 0, 0);
+    margin-bottom: 0;
+    text-align: left;
+    float: left;
+    margin: 0;
+    width: 46%;
+}
+#services > ul > li > ul > li:before {
+    display: inline-block;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    float: left;
+    margin-top: 3px;
+    margin-left: -14px;
+    font-size: 13px;
+    color: #D91A80;
+}
+
+#services > ul > li ul {
+    padding: 0 0 0 0px;
+}
+#services > ul > li > ul > li {
+    padding: 3px 0;
+    line-height: 1.25em;
+    font-size: 1.3em;
+}
+#services > ul > li > strong {
+    padding-top: 0;
+    font-size: 24px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-bottom: 15px;
+    padding-bottom: 8px;
+    margin-top: 0;
+    text-align: left;
+    font-size: 20px;
+    font-weight: 600;
+    margin-top: -5px;
+    display: block;
+    line-height: 1em;
+}
+
+.interieur #content #contentBlock-1 a {
+    font-family: 'yanone_kaffeesatz_regularRg', sans-serif;
+    color: #454548;
+    margin: 0.7em 0;
+    text-decoration: none;
+    font-size: 1.3em;
+}
+
+.interieur #content #contentBlock-1 a:hover {
+    text-decoration: underline;
+}
+
+.interieur #content #contentBlock-1 div ul.catforms li a {
+    font-size: 1.7em;
+}
+
+.interieur #content #contentBlock-1 h2,.interieur #content #contentBlock-1 h3 {
+    font-size: 1.6em;
+}
+
+h2#services {display: none;}
+
+#rub_service {
+    overflow: hidden;
+}
+#rub_service label {
+    color: #333;
+}
+#rub_service form {
+    padding: 25px 30px;
+    width: auto;
+    overflow: hidden;
+}
+#rub_service form input, #rub_service form select {
+    max-width: 250px;
+}
+#rub_service form h3 {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-bottom: 15px;
+    margin-top: 30px;
+    padding-bottom: 8px;
+}
+#rub_service form h4 {
+    font-size: 17px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    margin-bottom: 15px;
+    margin-top: 30px;
+    padding-bottom: 8px;
+}
+#rub_service form input[type="submit"] {
+    background: #d72a84;
+}
+#rub_service form input[type="submit"]:hover {
+    opacity: 0.9;
+}
+#rub_service form input[type="checkbox"] {
+    margin-right: 5px;
+    float: left;
+}
+#rub_service form input.cancel {
+    color: #333;
+    background-color: #FFF;
+    border-color: #CCC;
+}
+#rub_service form input.cancel:hover {
+    color: #333;
+    background-color: #EBEBEB;
+    border-color: #ADADAD;
+}
+#rub_service form input.cancel:active, #rub_service form input.cancel:focus {
+    outline: 0;
+    background-image: none;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.CheckboxWidget {
+    position: relative;
+}
+.CheckboxWidget .title label {
+    position: absolute;
+    left: 20px;
+}
+.SubmitWidget.widget.cancel-button {
+    float: left;
+}
+.buttons.submit {
+    overflow: hidden;
+}
+.cancel-button .content, .cancel-button {
+    text-align: left;
+}
+.submit-button .content, .submit-button {
+    text-align: right;
+}
+#main-content .widget.submit-button, #main-content .widget.cancel-button {
+    margin-bottom: 0;
+}
+form .submit-button, form .cancel-button, #rub_service form .submit-button, #rub_service form .cancel-button {
+    float: right;
+    width: 49%;
+}
+#rub_service form .cancel-button {
+    float: left;
+    text-align: right;
+}
+#steps {
+    float: left;
+    width: 100%;
+}
+.steplist > .panel {
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+}
+#steps > h2 {
+    font-size: 15px;
+    border-bottom: none;
+    font-weight: bolder;
+    margin-bottom: 0;
+    padding-bottom: 8px;
+    padding-top: 0;
+    margin-top: 5px;
+}
+#steps > ol {
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    position: relative;
+}
+#steps > ol > li {
+    border-radius: 4px;
+    border: 1px solid lightgrey;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 25px;
+    background: #F1F1F1;
+    color: #5C5C5C;
+    padding: 10px 15px;
+    position: relative;
+    margin-right: 23px;
+}
+#steps li:hover:before, #steps li:before {
+    content: none;
+}
+#steps > ol > li.last {
+    margin-bottom: 0;
+}
+#steps > ol > li.current {
+    background: white;
+    color: #333;
+}
+#steps > ol > li ul {
+    top: 100%;
+    left: 0;
+    margin: 0 -10px -18px;
+}
+#steps > ol > li ul li {
+    display: block;
+    padding: 5px 10px;
+    color: #333;
+    font-size: 12px;
+}
+#steps > ol > li ul li.current {
+    color: #FFF;
+    background-color: #d91a80;
+    border-radius: 2px;
+}
+#steps > ol > li ul li.current .label {
+    color: white;
+}
+#steps > ol > li ul li span {
+    font-size: 11px;
+    margin-right: 10px;
+    font-weight: 400;
+    line-height: 1.2em;
+}
+#steps > ol > li:after {
+    position: absolute;
+    left: 50%;
+    margin-left: -6px;
+    top: 100%;
+    content: '';
+    width: 0;
+    height: 0;
+    border-style: solid;
+    margin-top: 10px;
+    border-width: 6px 6px 0 6px;
+    border-color: #B6B6B6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
+}
+#steps > ol > li:last-child:after {
+    content: none;
+}
+#steps .label {
+    color: #333;
+    font-weight: normal;
+    padding: 5px 0;
+    display: inline-block;
+}
+#steps .label + ul {
+    padding: 5px 0 12px;
+}
+.logged-in .user.fullname {
+    font-weight: bold;
+}
+.login-actions {
+    margin-top: 25px;
+    margin-bottom: 0;
+}
+.login-actions p:last-child {
+    margin-bottom: 0;
+}
+#rub_service {
+    width: 100%;
+}
+
+
+/************** other stuffs ****************/
+
+
+html {
+ 
+}
+
+body {
+    background-position: 0 0;
+}
+
+#droite #myspace {
+    display: none;
+}
+
+form {
+    width: 100%;
+}
+
+.steplist {
+    margin: 0px;
+    padding-top: 0px;
+    margin-top: 0px;
+    padding-right: 15px;
+}
+
+.steplist div.panel-body {
+    padding: 7px 15px 7px 0px;
+}
+
+#steps > ol > li {
+    margin-right: 0px;
+}
+
+
+form .submit-button, 
+form .cancel-button, 
+#rub_service form .submit-button, 
+#rub_service form .cancel-button {
+    width: auto;
+}
+
+input[type="radio"], input[type="checkbox"]  {
+    margin: 0px 4px 0px 0px;
+}
+
+.remove {
+    height: 16px;
+}
+
+.CheckboxWidget .title label {
+    left: 30px;
+}
+
+#content div.page h3 + h3 {
+    display: none;
+}
+
+div.dataview div.field span.label {
+    font-weight: bold;
+    color: #333;
+    min-width: 48%;
+    max-width: 100%;
+    float: left;
+    font-size: 12px;
+    text-align: left;
+    padding-top: 8px;
+    white-space: normal;
+}
+
+div.dataview div.field .value {
+    display: block;
+    margin-left: 1em;
+    margin-bottom: 1ex;
+    padding-left: 10px;
+    padding-top: 5px;
+    min-width: 48%;
+    float: none;
+    line-height: 20px;
+}
+
+form, .right {
+ text-align: left;
+}
+
+ .cont-logo {
+        /*width: 375px;
+        height: 120px;
+        padding: 32px 0 50px 25px;*/
+        background: url(../img/cont-bg.png) no-repeat 0 5px;
+    }
+
+
+/************ correction *************/
+
+div.buttons input[name="previous"] {
+    float: left
+}
+
+div.buttons input[name="cancel"] {
+    float: center;
+}
+
+div.buttons input[name="submit"] {
+    float : right;
+}
+
+/********** report sur idp ************/
+
+#profile-links, #my-profile { display: none;}
+