@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
 ******************************************************************************/

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

/* Content */
#main #content {
    position:relative;
    padding:35px 15px 15px;
    background-position:0 30px;
}
/* End Content */


/* Forms */
form div.text,
form div.radio,
form div.radioVertical,
form div.checkbox
form div.textarea {margin:0 0 5px;}
#content form div.framed {
  margin-bottom:8px; padding:10px 3px 6px; border:3px solid #f2f2f2; border-radius:10px;
}

#content p.importantMesg {
  margin-bottom:15px;
  color:#e74c3c;
  font-weight:bold;
  text-align:center;
}
#content form div .label {
  float:left;
  margin:0; padding:0;
  width:29%;
  text-align:right;
}
form div .label span, form p.importantMesg span {
  color:#e74c3c;
  font-weight:bold; font-size:1.2em;
  line-height:10px;
}
form div .input {
  position:relative;
  clear:none;
  margin-left:30%;
}
form div.text .input input {width:92%;}
form div.text .input textarea {width:93%;}
form div.small .input input {width:100px;}
form .submit {
  margin-top:10px;
  text-align:center;
}
span.help {
  font-size:0.9em; font-style:italic; color:#c7c7c7;
}
div.form-help {
  font-size: 0.9em; font-style:italic; color: #777777;
}
.helper-link img {height:1em;}
.public_nbcols {
    display:none;
}
/* End forms */

/* Step Release */
form div div div.radioVertical ul {
    position:relative;
    margin-left:30%;
}
input#order_with_numeric_justification { width: auto; }
input#order_publish_on_the_web { width: auto; }
/* End Step Release */

/* Stages Breadcrumb */
#stages {
    position:absolute; top:0; left:0;
    margin:0; padding:0; border-bottom:1px solid #c7c7c7;
    width:100%; height:29px;
    list-style:none;
}
#stages li {
    display:block; float:left;
    padding:0 15px 0 12px;
    background:url(../img/arrow-right.png) no-repeat 0 45%;
    text-transform:uppercase;
    font-weight:bold; font-size:0.85em; line-height:32px;
}
#stages li.active_inactive,
#stages li.inactive {color:#c7c7c7;}
#stages li.current {color:#e74c3c;}
#stages li.visited, #stages li.visited a:link, #stages li.visited a:visited {color:#c0392b;}
#stages li.visited a:hover {color:#e74c3c;}
#stages li.visited a:active {color:#000;}
#stages li.first {margin-left:15px;}
#stages li.first_current {}
#stages li.last {padding-right:0;}
#stages li.last #endStages {}

#stages li .stage-nb {display:none;}
#content .stage { margin:1em 0; clear:both;}
/* End Stages breadcrumb */

/* 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;
}
/* End Step Editions */

/* Preview */
#right #preview-container {
    margin-bottom: 15px; border: 1px #c7c7c7 solid;
    background-color:#fff;
}
#right #preview-container h2, #right #preview-container a { margin:10px }
#right #preview-container #preview { padding:15px 15px 0; }
#refresh-preview-link {
    float:right;
    padding-left:15px;
    background:url(../img/picto/picto-refresh.png) no-repeat 0 40%;
}
#preview h3, #summary-preview h3,
#preview h4, #summary-preview h4 {
    margin-top:0;
    font-weight:bold; font-size:1.2em;
    text-align:center;
}
#summary-preview h3 span, #preview h3 span {
    border-bottom:1px solid #000000;
}
#preview hr, #summary-preview hr {
  clear:none;
  height:1px; width:50%;
  margin:0.5em 0;
  padding:0;
  color:#e74c3c;
  background:none;
  background-color:#000;
  border:0;
  display:none;
}
#right #preview-warning {
    padding:8px 15px 5px; border-top:1px solid #c7c7c7;
    color:#dc2829;
    font-style:italic; font-size:0.95em;
}
#preview .company p, #summary-preview .company p {
    margin:0;
    text-align:center;
}
#summary-preview {
    margin:15px auto; padding:10px; border:1px solid #c7c7c7;
    width:50%;
}
#address {
    margin:0 0 0 20px; padding:10px; border:1px solid #c7c7c7;
}
#content #address p {
    margin:0.1em 0;
}
#content .editOrder {
    float:right;
    font-size:0.55em; font-weight:normal;
}
a.editLink { float:right; }
/* End Preview */


/* Forms specifics */
#content .comments {
    display: none;
}
#content .stage {
    overflow:auto;
    width:100%;
}
.nb-free-specimens {
    color:#e74c3c;
    font-style:italic; font-size:0.95em;
}
#content ul.element_list {
    padding:0;
    list-style:none;
    list-style-image:none;
}
#content ul li.element {
    margin:0 0 20px 0; padding:10px; border:1px solid #e74c3c; border-radius:8px;
}
#newProfile {
    float:left;
    width:50%;
}
#newProfile fieldset {margin:0;}
#oldProfile {
    margin:0 0 0 52%
}
#oldProfile div.submit {
    clear:none;
}
#content #newProfile div .label,
#content #oldProfile div .label {
    width:31%;
}

#content #newProfile div .input,
#content #oldProfile div .input {
    margin-left:33%;
}
#content #forgotPassword {
    margin:1.5em 0;
    font-size:0.9em;
    text-align:right;
}
#content form .delete-coordinates-form, #content fieldset .clear-optional-bloc {
    padding:0 0 0 15px;
    background:url(../img/picto/picto-delete.png) no-repeat 0 40%;
    font-size:0.9em;
}
#content fieldset .add-bloc, #content fieldset .show-optional-bloc {
    padding:0 0 0 15px;
    background:url(../img/picto/picto-add.png) no-repeat 0 40%;
    font-size:0.9em;
}
#content #beginForms {
    margin-top:20px;
    text-align:center;
}
.top-separator {
    margin-top:10px; padding-top:10px; border-top:1px solid #c7c7c7;
}
/* End form specifics */


/* Attestation */
#attestationFiles {
  float:right;
  margin:0 0 15px 15px; padding:10px; border:1px solid #c7c7c7; border-radius:8px;
  width:200px; min-height:70px;
}
#attestationFiles h2 {
    margin:0 0 1em;
    color:#e74c3c;
    font-weight:bold; font-size:1em;
    text-transform:uppercase;
}
#attestationFiles a.pdfLink {
  display:block;
  margin-bottom:5px; padding:0 0 0 40px;
  background:url(../img/picto/picto-pdf.png) no-repeat 2px 50% transparent;
}
#attestationFiles p {
    color:#c7c7c7;
    font-style:italic; font-size:0.9em;
}
/* End Attestation */