/**
 * global.css
 * Mise en forme de la structure générale
 *
 * @cdate 01.02.2011
 * @mdate 01.02.2011
 * @author    Philippe Roser <proser@cap-tic.fr>
 */


/* Global Definition */
body {
    background:url(../img/consultation/bg-body.jpg) repeat top left #f2f1ec;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.95em;
}
body, html {height:100%;}
#wrapper {
    margin:0 auto 20px; padding:10px; border:2px solid #e23b1d; border-top:none;
    width:960px;
    background:url(../img/consultation/bg-header.jpg) repeat-x top left #fff;
}
#content {
  margin-right:310px; padding:10px;
  background:#fff;
}
hr {
  height:3px;
  margin:15px 0; border:none;
  background:url(../img/separator.jpg) no-repeat top center;
}
hr.spacer {
  clear:both;
}
.clear {
  clear:both;
}
.no-break-line {
  white-space: nowrap;
}
a.btnBack, a.btnForward {
  padding:2px 0 2px 25px;
}
a.btnBack {background:url(../img/picto/picto-arrow-back-red.png) no-repeat 0 50%;}
a.btnBack:hover {background-image:url(../img/picto/picto-arrow-back-black.png);}
a.btnForward {background:url(../img/picto/picto-arrow-forward-red.png) no-repeat 0 50%;}
a.btnForward:hover {background-image:url(../img/picto/picto-arrow-forward-black.png);}
#main a.button {
  margin-top:5px; padding:5px 25px; border:1px solid #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  background-color:#e23b1d; color:#fff;
  font-weight:bold;
  text-decoration:none;
  letter-spacing:0.01em;
}
#main a.button:hover {
  border:1px solid #58585A;
  background-color:#E6E6D2; color:#222;
  cursor:pointer;
}
#content .buttonContainer {margin:15px 0 20px;}

div.alert {
    background-color: red;
    text-align: center;
    color: white;
}
/* End Global Definition */


/* Typography */
a:link {color:#e23b1d; text-decoration:underline;}
a:visited {color:#f3a681; text-decoration:underline;}
a:hover, a:focus {color:#000; text-decoration:none;}
a:active {color:#09f; text-decoration:none;}
h1 {
  clear:left;
  margin:15px 0 20px; border-bottom:3px solid #e6e6d2;
  color:#e23b1d; font-size:1.5em;
}
h2 {
  margin:10px 0 15px;
  font-size:1.3em;
}
h3 {
  font-size:1.1em;
}
h4 {
  font-size:0.9em;
}
h5 {
  font-size:0.8em;
}
#content p {
  margin:0.8em 0;
  font-size:0.85em;
  line-height:1.2em;
}
#content .info-text {
    margin-top:20px; padding:5px 0 0 25px;
    background:url(../img/picto/picto-info-grey.png) no-repeat 0 10%; color:#58585a;
    font-size:0.9em; font-style:italic;
}
#content .info-text p {margin-top:0;}
#content ul {padding-left:20px; list-style-type:disc;}
#content ul ul {list-style-type:circle;}
#content ul li {margin-bottom:5px; font-size:0.85em;}
#content table {width:100%; font-size:0.85em; line-height:1.2;}
.error_alert, .form-error, .notice_alert, .notification, .error {
  padding:5px;
  background-color:#f00; color:#fff;
  font-weight:bold;
}
.notice_alert, .notification-info {
    margin:1.5em 0 0.5em; padding:5px 15px 3px;
    -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
    background-color:#83cf1b;
}
.pdfLink {
  padding-left:34px;
  background:url(../img/pdf.gif) no-repeat 0 50%;
}
.pdfLinkRight {
  padding-right:34px;
  background:url(../img/pdf.gif) no-repeat right 50%;
}
/* End Typography */


#header {
  margin-bottom:10px;
  height:110px;
}
/* End Header */


/* Aside */
#aside {
  float:right;
  margin-left:10px;
  width:300px;
  font-size:0.8em;
}
#aside h1 {margin-top:4px;}
#aside #help {
  margin:0 0 10px 0; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  min-height:70px;
  background: url(../img/public/bg-help.png) repeat-x top left #6bafc6;
  text-align:center;
}
#help h1 {
  margin-bottom:15px; border:none;
  color:#000;
}
#help #phoneNumber strong {
  display:block;
  color:#fff;
  font-size:2em;
}
#help #phoneNumber {
  margin-bottom:15px;
  color:#58585a;
}
#help p span {
  display:block;
  margin-top:3px;
  color:#58585a
}
#aside form div {
  margin:0 0 10px;
}
#aside form .text .input input {
    width:97%;
}
#aside #forgotPassword, #oldProfile #forgotPassword {
  margin:15px 0 10px;
  font-size:0.9em;
  text-align:right;
}
/* End Aside */


/* Authentification Box */
#authBox, #loginForm {
  margin-bottom:10px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  min-height:70px;
  background:#f2f1ec;
}
#authBox h1, #loginForm h1 {
  padding-bottom:1px; border-bottom:3px solid #fff;
  font-size:1.0em;
  text-align:right;
}
#authBox .logoutLink, #authBox .resumeLink {
  float:right;
  margin:-15px 0 0 0;
  font-size:0.9em;
  text-align:right;
}
#authBox form .submit input {
  padding:5px 10px;
}
#authBox #logout {
  float:right;
  margin-top:-5px; margin-bottom:10px;
}
#authBox .button {
  display:block; clear:both;
  margin:0 auto;
  width:120px;
  text-align:center;
}
#authBox #backHome {
  float:left;
  margin:20px 0 0 10px;
  width:auto;
}
#authBox dl {
  margin-bottom:15px;
}
#authBox dt {
  float:left;
  margin-bottom:2px;
  width:34%;
}
#authBox dd {
  margin:0 0 2px 30%;
}
#authBox p.new_release, #authBox p.delete, #authBox p.new_advert {
  margin:0 0 10px 19%;

}
#authBox p.new_release a, #authBox p.delete a, #authBox p.new_advert a {
  padding:2px 0 2px 25px;
}
#authBox p.new_release a {background:url(../img/picto/picto-plus-red.png) no-repeat 0 50%;}
#authBox p.new_release a:hover {background:url(../img/picto/picto-plus-black.png) no-repeat 0 50%;}
#authBox p.delete a {background:url(../img/picto/picto-close-red.png) no-repeat 0 50%;}
#authBox p.delete a:hover {background:url(../img/picto/picto-close-black.png) no-repeat 0 50%;}
#authBox p.new_advert a {background:url(../img/picto/picto-arrow-forward-red.png) no-repeat 0 50%;}
#authBox p.new_advert a:hover {background:url(../img/picto/picto-arrow-forward-black.png) no-repeat 0 50%;}
#authBox #user-profile-menu {
  margin-top:4px; padding-left:20px;
  list-style:url(../img/list-item-red.png) outside;
}
#authBox #user-profile-menu li {margin-bottom:4px;}
/* End authBox */

/* Linkbox */

#link-account-box {
  background-color: #FFFFAA;
  border: 1px solid #DDDDAA;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 5px #DDDDDD;
  margin-bottom: 10px;
  padding: 10px;
}
#link-account-box ul {
  list-style: circle;
  padding-left: 1em !important;
}

/* End Linkbox */

/* Footer */
#footer {
  clear:both;
  margin:20px 0 0;
  color:#58585a;
  font-size:0.7em;
  text-align:center;
}
/* End Footer */


/* Forms */
input, select, textarea {
  font-family:"Lucida grande", Arial, Helvetica, sans-serif; font-size:11px;
}
#content form .label span {
  font-weight:bold;
}
#content form .radio .radio_list,
#content form .radioVertical .radio_list {padding:0; list-style:none;}
#content form p, #content form li {font-size:1em;}
#content form {font-size:0.85em;}
#content form div.framed {
  margin-bottom:8px; padding:10px 3px 6px; border:3px solid #e3dfce; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
#content form div.framed-optional {
  margin-bottom:8px; padding:10px 3px 6px; border:3px solid #f2f1ec; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  background-color: #fcfcfc;
  color: #888888;
}
#content form ul {padding-left:0;}
#content form ul.element_list {
  list-style-type:none;
}
#content form ul.element_list li.element,
#content form ul.element_list li.element {
  margin-bottom:8px; padding:10px 3px 6px; border:3px solid #f2f1ec; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
#content form ul.element_list li.element-required {
  border-color:#e3dfce;
}
#content form ul.element_list li.element-optional {
  background-color: #FCFCFC;
  color: #888888;
}
#content form .delete-coordinates-form, #content fieldset .clear-optional-bloc {
  margin:2px; padding:2px 0 2px 25px;
  background:url(../img/picto/picto-close-red.png) no-repeat 0 50%;
  font-size:0.9em;
}
#content form .delete-coordinates-form:hover, #content fieldset .clear-optional-bloc:hover {
  background:url(../img/picto/picto-close-black.png) no-repeat 0 50%;
}
#content fieldset .add-bloc, #content fieldset .show-optional-bloc {
  margin:5px 2px 2px 8px; padding:2px 0 2px 25px;
  background:url(../img/picto/picto-plus-red.png) no-repeat 0 50%;
  font-size:0.9em;
}
#content fieldset .show-optional-bloc, #content fieldset .clear-optional-bloc {
  display: block;
  margin: 0 2px 5px 0;
  padding: 4px 0 4px 25px;
}
#content fieldset .add-bloc:hover, #content fieldset .show-optional-bloc:hover {
  background:url(../img/picto/picto-plus-black.png) no-repeat 0 50%;
}
form .error_list li {
  display:block;
  margin:2px 0; padding:2px 5px;
  background-color:#e23b1d; color:#fff;
  font-weight:bold;
}
form input[type="submit"] {
  margin-top:5px; padding:5px 25px; border:1px solid #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  background-color:#e23b1d; color:#fff;
  font-weight:bold; font-size:0.9em;
  letter-spacing:0.01em;
}
form input[type="submit"]:hover {
  border:1px solid #58585a;
  background-color:#e6e6d2; color:#222;
  cursor:pointer;
}
#content p.importantMesg {
  margin-bottom:15px;
  color:#e23b1d;
  font-weight:bold;
  text-align:center;
}
form div {clear:left; margin-bottom:5px;}
form div div {clear:none;}
#content form div .label {
  float:left;
  margin:0;
  width:44%;
  text-align:right;
}
form div .label span, form p.importantMesg span {
  color:#e23b1d;
  font-weight:bold; font-size:1.2em;
  line-height:10px;
}
form div .input {
  position:relative;
  margin-left:45%;
}
form div.text .input input {width:250px;}
form div.text .input textarea {width:254px;}
form div.small .input input {width:100px;}
form .submit, form .submit {
  margin-top:10px;
  text-align:center;
}
form fieldset {
  margin-top:10px;
}
form legend {
  background:url(../img/separator.jpg) no-repeat -180px 18px;
  padding-bottom:15px;
  width:100%;
  font-size:1.2em; font-weight:bold;
}
span.help {
  font-size:0.9em; font-style:italic; color:#aaaaaa;
}

div.form-help {
  font-size: 0.9em; font-style:italic; color: #58585a;
}
#stageForm div.comments {
  display: none;
}
/* End forms */


/* Stages */
#stages {
  height:30px;
}
#stages li {
  float:left;
  padding:0 0px 0 21px;
  height:25px;
  background:url(../img/public/timeline_inactive_inactive.png) no-repeat top left; color:#fff;
  font-size:0.8em; font-weight:bold;
  line-height:27px;
}
#stages li a:link {color:#fff; text-decoration:none;}
#stages li a:visited {color:#fff; text-decoration:none;}
#stages li a:hover {color:#111; text-decoration:underline;}
#stages li a:active {color:#333; text-decoration:underline;}

#stages li.current {background:url(../img/public/timeline_visited_active.png) no-repeat top left;}
#stages li.visited {background:url(../img/public/timeline_visited_visited.png) no-repeat top left;}
#stages li.active_inactive {background:url(../img/public/timeline_active_inactive.png) no-repeat top left;}
#stages li.first {padding-left:10px; background:url(../img/public/timeline_first_visited.png) no-repeat top left;}
#stages li.first_current {background:url(../img/public/timeline_first_active.png) no-repeat top left;}
#stages li.last {position:relative; padding-right:8px;}
#stages li.last #endStages {
  position:absolute; top:0; right:0;
  width:5px; height:25px;
  background:url(../img/public/timeline_last_inactive.png) no-repeat 0 1px;
}
#stages li.last_current #endStages {background:url(../img/public/timeline_last_active.png) no-repeat 0 1px;}
#stages .stage-nb {font-size:0.7em;}
div#preview-container {
  margin-bottom:10px;
}
#preview-container h2 {
  float:left;
  margin-bottom: 10px;
}
#preview {
  clear:both;
  padding:5px; border:1px solid #aaa;
}
#preview p, #preview span {
  font-size: 1em;
  line-height: 1.1em;
  margin: 0.8em 0;
}
#preview li {
  font-size: 1em;
  line-height: 1.1em;
}
#refresh-preview-link {
  float:right;
  margin:0px 8px; padding-left:22px;
  height:20px;
  background:url(../img/picto/picto-refresh-red.png) no-repeat 0 50%;
  font-size:0.8em; font-weight:bold;
  line-height:18px;
}
#refresh-preview-link:hover {background:url(../img/picto/picto-refresh-black.png) no-repeat 0 50%;}
#preview h3 {font-size:1em;}
#preview hr, #summary-preview hr {
  clear:none;
  height:1px; width:50%;
  margin:0.5em 0;
  padding:0;
  color:#F00;
  background:none;
  background-color:#000;
  border:0;
}
#preview .company p, #summary-preview .company p {
    margin:0;
    text-align:center;
}
#preview-warning {
  margin-top:5px; padding:2px 0 2px 25px;
  background:url(../img/picto/picto-info-red.png) no-repeat 0 50%;
}
ul.society-params span.field-label {
  font-weight:bold;
}
/* End Stages */


/* login and subscription forms */
#newProfile {
  float:left;
  margin-bottom:15px;
  width:50%;
}
#oldProfile {
  float:right;
  width:49%;
}
#content #newProfile .label, #content #oldProfile .label {width:33.5%;}
#newProfile .input, #oldProfile .input {margin-left:35%;}
#newProfile div.text .input input, #oldProfile div.text .input input {
  width:95%;
}
#newProfile div.small .input input {
  width:35%;
}
/* End login form */


/* Validation */
#stageValidation h2 {
  background:url(../img/picto/separator.jpg) no-repeat -180px 100%;
  margin:20px 0 10px; padding-bottom:5px;
}
#stageValidation .pdfLink {
  font-size:0.8em;
}
#stageValidation .editLink {
  float:right;
  margin:5px 8px 0 0;
  font-size:0.8em;
}
#stageValidation #address p {
  margin:0.3em 0 0.3em 20px;
}
#stageValidation table td, #stageValidation table th {
  padding:3px; border:1px solid #aaa;
}
table .price {text-align:right;}
table .smallCol {width:60px;}
table .total {font-weight:bold;}
table .rate {
  color:#999;
  font-size:0.8em; font-style:italic;
}
#content #total {
  float:right;
  margin:15px 0 0;
  width:auto;
}

#summary-preview {
  clear:none;
  margin:0 auto; padding:5px; border:1px solid #AAAAAA;
  width:50%;
}
#summary-preview h3, #preview h3,
#summary-preview h4, #preview h4 {
  margin: 5px 0 5px;
  text-align: center;
}
#summary-preview hr, #preview hr {
  margin:auto;
}
#summary-preview ul {
  list-style-type: none;
  padding-left:0px;
}
#total th {text-align:right;}
#total td {color:#e23b1d;}
#validateForm {
  margin-top:100px;
}
#content #validateForm .label {width:24%;}
#validateForm .input {margin-left:25%;}
/* End Validation */


/* Attestation */
#attestationFiles {
  float:right;
  margin-bottom:15px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  width:150px; min-height:70px;
  background:#f2f1ec;
}
#attestationFiles a.pdfLink {
  display:block;
  margin-bottom:5px; padding:3px 0 2px 34px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  background:url(../img/picto/picto-pdf-white.png) no-repeat 2px 50% #e23b1d; color:#fff;
  font-size:0.85em;
  text-decoration:none;
}
#attestationFiles a:hover {color:#000;}
#attestationFiles p {
  color:#58585a;
  font-size:0.75em; font-style:italic;
}
.payment_valid {
  padding-left:25px;
  min-height:18px;
  background:url(../img/picto/picto-valid-red.png) no-repeat 0 50%;
}
.payment_invalid {
  padding-left:25px;
  min-height:18px;
  background:url(../img/picto/picto-close-red.png) no-repeat 0 50%;
}
/* End Attestation */


form div.fields-container div {
  clear: left;
  margin: 0 0 5px;
}
form div.fields-container div div {
  clear: none;
  margin: 0;
}

/* Caroussel */
#stageForm #calendar {
  margin-left:99px;
}
#edition-calendar-carousel {
  float:left; display:block !important;
  width: 510px;
  margin-top:10px; margin-bottom:10px;
  position:relative;
}
#edition-calendar-carousel .container {
  float:left; display:block;
  width:400px;
  height: 173px;
  position:relative;
  overflow:hidden;
}
#edition-calendar-carousel ul {
  margin:0;
  padding:0;
  width:100000px;
  position:relative;
  top:0;
  left:0;
}
#edition-calendar-carousel ul li {
  width:200px;
  height: 173px;
  text-align:center;
  list-style:none;
  float:left;
}
#edition-calendar-carousel ul li h3 {
  margin:0;
  padding:0;
  color:#666;
  font-size:1.2em;
  font-style:italic;
  font-weight:bold;
  text-align:center;
}
#edition-calendar-carousel ul li table {
  font-size:1em;
  margin:0 10px; padding:0;
  width:auto;
  border-collapse:separate; border-spacing:2px;
}
#edition-calendar-carousel ul li table th {
  font-size:0.9em;
  padding:0;
  text-align:center;
}
#edition-calendar-carousel ul li table td {
  width:30px;
  height:20px;
  padding:0;
  font-size:0.95em;
  text-align:center;
  line-height:20px;
}
#edition-calendar-carousel ul li table a {
  display:block;
  background:white;
  border:1px solid red;
  color:red;
  font-weight:bold;
  height:18px;
  line-height:18px;
}
#edition-calendar-carousel ul li table a:hover {
    border-color:#000;
    background:#da1526; color:#fff;
}
#edition-calendar-carousel ul li table a.selected {
  background:red !important;
  color:white;
}
#edition-calendar-carousel ul li table td.padding {
  background:#eee;
}
#edition-calendar-carousel ul li table td.disabled,
#edition-calendar-carousel ul li table td.non-release-day {
  background:#ccc;
  color:#666;
}
#edition-calendar-carousel ul li table td.out-of-date {
  background:#ecc;
  color:#666;
}
#edition-calendar-carousel .previous_button {
  float:left;
  width:32px;
  height:175px;
  background:url(../img/carousel/left.png);
  z-index:100;
  cursor:pointer;
}
#edition-calendar-carousel .previous_button_over {
  background:url(../img/carousel/left_over.png);
}
#edition-calendar-carousel .previous_button_disabled {
  background:url(../img/carousel/left_disabled.png);
  cursor:default;
}
#edition-calendar-carousel .next_button {
  float:left;
  width:32px;
  height:175px;
  background:url(../img/carousel/right.png);
  z-index:100;
  cursor:pointer;
}
#edition-calendar-carousel .next_button_over {
  background:url(../img/carousel/right_over.png);
}
#edition-calendar-carousel .next_button_disabled {
  background:url(../img/carousel/right_disabled.png);
  cursor:default;
}
#edition-calendar-carousel .jcarousel-clip-horizontal {
    overflow:hidden;
}
/* End Carousel */


/* Advert List */
#advertList th {font-size:1.1em;}
#advertList td, #advertList th{padding:2px 4px;}
#advertList .odd td {background-color:#f2f1ec;}
/* End Advert List */

/* Forgotten password */
#password_recovery_username {margin:0 5px;}
/* End Forgotten password */