@charset "UTF-8";
/* CSS Document */

/*****************************************************************************
 * couleurs de références
 * -------
 * #e74c3c   bouton 1 - rouge
 * #f2f2f2   bouton 2 - gris clair
 * #777777   bouton 3 - gris medium
 * -------
 * #c7c7c7   gris semi clair

 * #383838   gris fonce

 * #c0392b   rouge foncé
 * #dc2829   alerte + erreur - rouge
 * #6ac720   information - vert

 ******************************************************************************/

/* Global Position */
#main #content {
    padding:20px 10px;
}
/* End Global Position */

#newSubscribe, #authBox, #filters, #order-progress, #showProgression {
    margin:0 0 15px; border:1px #c7c7c7 solid;
    background-color: #fff;
}
#showProgression, #newAdvert { border:1px #c7c7c7 solid; background-color: #fff; }

#newAdvert h1, #newAdvert p, .stage {
    margin:10px;
}


/* Right */
#right #authBox .switchUser {
    background-color:#777777; color:#fff;
    margin:0 0 1em; padding:0.3em 0.5em;
}
#right ul {margin:1em 0 0;}
#right #authBox li.current a:link { color:#e74c3c;}
#right #authBox li.current a:visited { color:#e74c3c;}
#right #authBox li.current a:hover { color:#c0392b;}
#right #authBox li.current a:active { color:#000;}
#right .auto_complete, #right .auto_complete ul {background:#fff;}
#right .filters {margin:1em 0;}
#right #filter-form select {max-width:100%;}
.filters li {
    padding:0.4em 0;
    background-position:95% 50%;
}
/* Right */


/* Content */
#content .pager {
    text-align:center;
    height:1em;
}
#content .results-infos {
    float:right;
}
/* End Content */


/* Advert Results */
#content table {
    font-size:0.9em;
}
#legal-advert-list table td.date {
    font-size:0.9em;
}
#legal-advert-list .edition {
    width:20%;}
#legal-advert-list table tr.collapsed {
  display: none;
}
#legal-advert-list td.toggle span {
  position: absolute;
  left: -5000px;
}
#legal-advert-list td.toggle a {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../../default/img/collapsed.gif) no-repeat left center;
}

#legal-advert-list td.toggle a.expanded {
  background: url(../../default/img/expanded.gif) no-repeat left center;
}
#legal-advert-list .details {
    color:#e74c3c;
    font-size:0.85em;
}
#legal-advert-list .details td {padding:0;}
#legal-advert-list h3 {
    margin:0;
    font-size:1em;
}
#legal-advert-list ul {
    margin:0;
}
#legal-advert-list table td.status a {
    display:block;
    width:100%; height:2.5em;
}
#legal-advert-list table td.status a span {display:none;}
#legal-advert-list table td.status a.status-pending { background-image: url(../img/picto/picto-advert-update.png);}
#legal-advert-list table td.status a.status-pending:hover { background-image: url(../img/picto/picto-advert-update-on.png);}
#legal-advert-list table td.status a.status-to-validate { background-image: url(../img/picto/picto-advert-wait.png);}
#legal-advert-list table td.status a.status-to-validate:hover { background-image: url(../img/picto/picto-advert-wait-on.png);}
#legal-advert-list table td.status a.status-validated { background-image: url(../img/picto/picto-advert-valid.png);}
#legal-advert-list table td.status a.status-validated:hover { background-image: url(../img/picto/picto-advert-valid-on.png);}
#legal-advert-list table td.status a.status-exported { background-image: url(../img/picto/picto-advert-export.png);}
#legal-advert-list table td.status a.status-exported:hover { background-image: url(../img/picto/picto-advert-export-on.png);}
#legal-advert-list table td.status a.status-released { background-image: url(../img/picto/picto-advert-publish.png);}
#legal-advert-list table td.status a.status-released:hover { background-image: url(../img/picto/picto-advert-publish-on.png);}
.status-pending, .status-to-validate, .status-validated, .status-exported, .status-released, .status-all {
    background:none no-repeat 50% 50%;
}
.status-pending { background-image: url(../img/picto/picto-advert-update.png);}
.status-pending:hover { background-image: url(../img/picto/picto-advert-update-on.png);}
.status-to-validate { background-image: url(../img/picto/picto-advert-wait.png);}
.status-to-validate:hover { background-image: url(../img/picto/picto-advert-wait-on.png);}
.status-validated { background-image: url(../img/picto/picto-advert-valid.png);}
.status-validated:hover { background-image: url(../img/picto/picto-advert-valid-on.png);}
.status-exported { background-image: url(../img/picto/picto-advert-export.png);}
.status-exported:hover { background-image: url(../img/picto/picto-advert-export-on.png);}
.status-released { background-image: url(../img/picto/picto-advert-publish.png);}
.status-released:hover { background-image: url(../img/picto/picto-advert-publish-on.png);}
.status-all { background-image: url(../img/picto/picto-all.png);}
.status-all:hover { background-image: url(../img/picto/picto-all-on.png);}
/* End Advert Results */


/* Forms */
form {
    clear:both;
    padding:15px 0;
}
form.no-padding {
    padding: 0;
}
form fieldset {margin:10px;}
form div {margin:0 0 5px;}
#content form div .label {
  float:left;
  margin:0;
  width:29%;
  text-align:right;
}
form div .label span {
  color:#e74c3c;
  font-weight:bold; font-size:1.2em;
  line-height:10px;
}
form div div div.input,
form div div div.radioVertical ul,
form div .input {
  position:relative;
  margin-left:30%;
}
form div.date .input {margin:0;}
form div.submit {text-align:center;}
form div.submit .submit {text-align:left;}
form div.text .input input, form div.text .input textarea {width:92%;}
form div.textarea .input textarea {width:93%; min-height:300px;}
form div.small .input input {width:100px;}

form div.required label {color: #e74c3c; font-family: arial; font-weight: bold;}

#content form div.postalCode {width:43.5%;}
#content form div.postalCode .label {width:66%;}
#content form div.postalCode .input {display:block; margin-left:69%; }
#content form div.city {width:52.5%;}
#content form div.city .label {width:12%;}
#content form div.city .input {margin-left:14%;}
#content form div.firstHalf {width:58%;}
#content form div.firstHalf .label {width:49.5%;}
#content form div.firstHalf .input {margin-left:51.6%; }
#content form div.lastHalf {width:37.5%;}
#content form div.lastHalf .label {width:35%;}
#content form div.lastHalf .input {margin-left:38%;}
#main form .submit .label {width:37%;}

/* large form */
form.large-form div .label { float: inherit !important; width: inherit !important; margin-bottom: 2px !important; text-align: inherit !important; }
form.large-form div .input { margin-left: inherit; }
form.large-form div .half-width input { width: 50%; }
/* End large form */
/* End forms */


/* Form specifics */
/*#content form div.city {width:82%;}*/
#footer-note {
    text-align:center;
    color:#e74c3c;
    font-family:arial; font-weight:bold;
}
#content form div.checkbox .input ul {
    margin:5px 0 8px; padding:0 0 0 25px;
}
.nb-free-specimens {
    color:#e74c3c;
    font:italic 0.95em arial;
}
#order_header_text {min-height:100px;}
#quote-actions ul {margin:25px 0;}
form div.sendTo input.textinput {width:55%;}
.customer-select {min-width:50%;}
#header-logo > label,
#header-fields > label { display: block; }
#header-logo ul.radio_list,
#header-fields ul.radio_list { display: inline; }
#header-logo ul.radio_list,
#header-fields ul.radio_list,
#header-logo ul.radio_list li,
#header-fields ul.radio_list li,
#header-logo ul.radio_list li input,
#header-fields ul.radio_list li input { vertical-align: top; }
#order_cpv_codes { width:93%; }
#customer-summary {overflow:hidden;}
#customer-summary .text {overflow:hidden;}
#customer-summary .input {font-weight:bold;}
#content #customer-summary div .label {text-align:left;}
#customers-search {
    float:right;
    padding:0;
}
div#order-data-name {
    display:inline;
}
div#order-data-value {
    display:inline-block;
    margin-left: 10%;
}
/* End Form specifics */


/* Advert Steps */
#categories-tree h3, #categories-tree h4,
#categories-tree h5, #categories-tree h6 {
    margin:0;
    font-weight:bold; font-family: arial;
}
#categories-tree h5, #categories-tree h6 {
    font-size: 1em;
}
#content #categories-tree ul {
    margin:3px 0 10px 0;
}
#content #categories-tree ul li.in_path {
    list-style:url(../img/picto/picto-minus.png);
}
#content #categories-tree ul li.collapsed {
    list-style:url(../img/picto/picto-add.png);
}
/* End Advert Steps */


/* Progression */
#right #stages {padding:0 0 0 5px; list-style-position: inside;}
#right #stages .stage-nb {display:none;}
#right #stages li, #right #stages li a:link, #right #stages li a:visited {
    color:#e74c3c;
}
#right #stages li a:hover {color:#e74c3c;}
#right #stages li a:active {color:#000;}
#right #stages li.current {
    color:#DD0707;
    font-family:arial; font-weight:bold;
}
#right #stages .content {
    margin:5px 0;
    color:#777777;
    font-size:0.9em;
}
#right #stages .content strong {color:#777777;}
#right #stages .content dt {
    clear:both; float:left;
    margin:0 0 2px 0; padding:0 10px 0 0;
    width:40%;
    text-align:left; text-transform:uppercase;
}
#right #stages .content dd {
    margin:0 0 2px 40%;
    color:#e74c3c;
}
/* End Progression */

/* Step Editions */
.chosen-select, .chosen-select-no-single, .chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl, .chosen-select-width {
    width: 350px;
}
#content ul.chosen-results {
    padding-left: 0px;
}
.chosen-single, .chosen-container.chosen-container-single .chosen-results li.is-numeric {
    font-family: 'icomoon' !important;
}
div.comments .input textarea {
    min-height: 100px !important;
}
/* End Step Editions */

/* Step Content */
.input-readonly {
    color: rgb(84, 84, 84);
    cursor: default;
}
#online-register-data .text {
    margin-bottom: inherit;
}
.online-register span {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(215px, -50%);
    min-height: 1.5em;
    min-width: 1.5em;
}
.online-register span.copy {
    background: transparent url('data:image/svg+xml,%3Csvg class="" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 20"%3E%3Cpath d="M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z"/%3E%3C/svg%3E') no-repeat center;
}
.online-register span.success {
    background: transparent url("data:image/svg+xml,%3Csvg fill='%2305df72' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  viewBox='0 0 24 24' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3B%7D%3C/style%3E%3Cpath d='M19.3 5.3L9 15.6l-4.3-4.3l-1.4 1.4l5 5L9 18.4l0.7-0.7l11-11L19.3 5.3z'/%3E%3Crect class='st0' width='24' height='24'/%3E%3C/svg%3E") no-repeat center;
}
/* End Step Content */

/* Step Attestation */
.flex-container {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
.box {
    flex: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    margin: 0.5em; padding: 0.5em;
}
.box h3 {
    margin: 0.5em 0;
}
.box-payment {
    background-color: #f2f2f2;
    border-radius: 10px;
}
.box-payment-alt {
    background-color: #f2f2f2;
    border-radius: 10px;
    font-weight: normal;
}
.box-payment-alt span {
    font-weight: bold;
}
.box-payment form {
    padding: 0;
    margin: 0.5em;
}
.box-payment form div .label {
    float:left !important;
    margin-right: 1em !important;
}
.box-payment form div.submit {
    margin: 0;
}
/* End Step Attestation */

/* Help messages */
.help {
  background: url(../../default/img/picto/picto-info-red.png) no-repeat 0 center;
  color: #e74c3c;
  padding-left: 25px;
}
/* End Help messages */

/* Customer */
form div.text .input ul.organism-customer-logos li {
  padding-right: 10px;
  display: table-cell;
}
#content form div.text .input table {
  width: 93%;
}
/* End Customer */

/* API */
#api-attestation .stage-nb {
  display: none;
}
/* End API */