@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
******************************************************************************/
/* HTML 5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
/* End HTML 5 */
/* Global */
a img {border:0;}
a:link {color:#777777; text-decoration:underline;}
a:visited {color:#c7c7c7; text-decoration:underline;}
a:hover {color:#e74c3c; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
strong {color:#e74c3c; font-weight:normal; font-size:100%;}
a.button, .submit input, input.button {
padding:5px 25px; border:0;
box-shadow:0 0 5px #eee;
background:#e74c3c; color:#fff;
font-size:0.8em;
text-transform:uppercase; text-decoration:none; letter-spacing:0.02em;
}
a.button:link {background:#e74c3c;}
a.button:visited {background:#e74c3c;}
a.button:hover, .submit input:hover, input.button:hover {background:#f2f2f2; color:#777777; cursor:pointer;}
a.button:active {background:#000; color:#fff;}
a.buttonAlt:link, a.buttonAlt:visited, input.buttonAlt {background:#f2f2f2; color:#777777;}
a.buttonTer:link, a.buttonTer:visited, input.buttonTer {background-color:#777777;}
a.buttonAlt:hover, input.buttonAlt:hover {background:#777777; color:#fff;}
a.buttonTer:hover, input.buttonTer:hover {background:#f2f2f2; color:#777777;}
a.buttonAlt:active, a.buttonTer:active, input.buttonAlt:active, input.buttonTer:active {background:#000;}
.clear {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.hidden {display:none;}
.nowrap {white-space:nowrap;}
.alert {background: #dc2829; color:#fff;}
.h75p { height:75px; }
.h125p { height:125px; }
.h250p { height:250px; }
.w300p { width:300px; }
.h50 { height:50%; }
.w50 { width:50%; }
.w100 { width:100%; }
.ma1 {margin:10px;}
.pa1 {padding:10px;}
.man {margin:0;}
.mas {margin:10px;}
.mam {margin:20px;}
.mal {margin:40px;}
.mtn {margin-top:0;}
.mts {margin-top:10px;}
.mtm {margin-top:20px;}
.mtl {margin-top:40px;}
.mbn {margin-bottom:0;}
.mbs {margin-bottom:10px;}
.mbm {margin-bottom:20px;}
.mbl {margin-bottom:40px;}
.mln {margin-left:0;}
.mls {margin-left:10px;}
.mlm {margin-left:20px;}
.mll {margin-left:40px;}
.mrn {margin-right:0;}
.mrs {margin-right:10px;}
.mrm {margin-right:20px;}
.mrl {margin-right:40px;}
.pan {padding: 0;}
.pas {padding:10px;}
.pam {padding:20px;}
.pal {padding:40px;}
.txtupper {text-transform:uppercase;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.bottom {vertical-align:bottom;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
/* End Global*/
/* notices */
.text-larger {font-size:1.05rem;}
.notice-error, .notice-error a {background:#ffccbc; color:#b71c1c; font-weight:bold;}
.notice-info, .notice-info a {background:#b3e5fc; color:#01579b; font-weight:bold;}
.notice-success, .notice-success a {background:#dcedc8; color:#33691e; font-weight:bold;}
.notice-warning, .notice-warning a {background:#feefb3; color:#9f6000; font-weight:bold;}
/* notices */
/* table layout */
.row {
display: table;
table-layout: fixed;
width: 100%;
}
/* End table layout */
/* Global Position */
body {
margin:0; padding:0;
background:#f2f2f2; color:#777777;
font:88%/1.4 "Source Sans Pro", sans-serif;
}
#top {
height:150px;
}
#main {
}
.wrapper {
margin:0 auto;
width:1004px;
}
/* End Global Position */
/* Header Top */
#top .wrapper {
position:relative;
height:150px;
}
#top nav {
position:absolute; top:0; right:0;
padding:0 0 0 8px;
border-radius: 0 0 0 5px;
background: #f7f7f7 no-repeat 0 0;
}
#top nav ul {margin:0; padding:0;}
#top nav li {
display:block; float:left;
padding:0 11px;
font-size:0.8em; line-height:35px;
text-transform:uppercase;
}
#top nav li a { color:#000; font-size:1em; text-decoration:none; }
#top nav li a.current { color:#e74c3c; }
/* End Header Top */
/* Main */
#main .wrapper {
position:relative;
margin:0 auto;
}
#main #right {
position:absolute; top:0; right:0;
padding:10px 0 0 9px;
width:300px;
background:#f7f7f7;
font-size:0.9em;
}
#main #wrapperContent {
overflow:hidden;
}
#main header h1 {
margin-top:11px; padding:0.1em 0.5em; border-bottom:4px solid #fff;
background:#c0392b; color:#fff;
text-transform:uppercase;
font-size:1.8em;
}
#main #wrapperContent footer {
clear:both;
margin:0 309px 0 0;
}
#main #content {
margin:0 309px 0 0;
background:#fff;
}
/*End Main */
/* Aside */
#right #help div,
#right #advertise div {
padding:0; border:0;
}
#right p {margin:0.5em 0;}
#right h1, #right h2 {
margin:0 0 15px;
color:#c0392b;
font-weight:bold; font-size:1em;
text-transform:uppercase;
}
#right #advertise {
padding:0; border-bottom:0;
}
/* End Aside*/
/* Content */
#content p {margin:1em 0;}
#content ul, #right ul {padding-left:20px; list-style:url(../img/arrow-right.png);}
#content ul ul {list-style-type:disc;}
#content ul li {margin-bottom:5px;}
.error_alert, .form-error, .notice_alert, .notification, .error {
padding:5px;
background-color:#dc2829; color:#fff;
font-weight:bold;
}
#content .notice_alert, #content .notification-info {
margin:1.5em 0 0.5em; padding:5px 15px 3px; border-radius:8px;
background-color:#6ac720;
}
#content h1, #search h1 {
margin:1.5em 0; padding:0 0 0.2em 0; border-bottom:2px solid #dedede;
color:#cb230a;
text-transform:uppercase;
font-weight:bold; font-size:1.5em;
line-height:0.85;
}
#content h1:first-child { margin-top:0; }
#content h1 span {
display:block;
color:#777777;
line-height: 0.9;
font-size: 0.8em;
text-transform:none;
}
hr {
clear:both;
border:none;
}
a.btnBack {
padding:0 0 0 25px;
background:url(../img/arrow-left.png) no-repeat 12px 50%;
font-size:0.9em;
}
a.btnBack:hover {
background-position:0 50%;
}
a.btnForward {
padding:0 25px 0 0;
background:url(../img/arrow-right.png) no-repeat 90% 50%;
font-size:0.9em;
}
a.btnForward:hover {
background-position:100% 50%;
}
#content .buttonContainer {margin:15px 0 15px;}
#content .info-text {
margin-top:20px; padding:5px 0 0 25px;
background:url(../img/picto/picto-info-grey.png) no-repeat 0 10%; color:#383838;
font-size:0.9em; font-style:italic;
}
#content .info-text-category {
margin-top:20px; padding:5px 0 0 25px;
background:url(../img/picto/picto-info-grey.png) no-repeat 0 10%; color:#383838;
font-style:italic;
}
#content .tableCount, #content .results-info, #content .results-infos {
float:right;
margin-bottom:0;
font-size:0.9em;
}
/* End Content */
/* Forms */
#content form .radio .radio_list,
#content form .checkbox .checkbox_list,
#content form .radioVertical .radio_list,
#content form .checkboxVertical .checkbox_list {padding:0; list-style:none;}
#content form .error_list, form .error_list {
margin:0; padding:0;
}
form .error_list li {
display:block;
margin:2px 0; padding:3px 7px 1px;
background-color:#dc2829; color:#fff;
font-weight:bold; font-size:0.9em;
}
form div {
clear:both;
margin:0 0 10px;
}
form div div, #content form div .label {
clear:none;
margin:0;
}
form div.fields-container div {
clear: both;
margin: 0 0 5px;
}
form div.fields-container div div {
clear: none;
margin: 0;
}
form div.fields-container div div input,
form div.fields-container div div select {
margin-left: 5px;
}
form div .input input {width:98%; min-height:1em; line-height:1.2em;}
form div .input textarea {width:98%; min-height:1em; line-height:1.2em;}
form div.radio ul,
form div.radioVertical ul,
form div.checkboxVertical ul
{
margin:0; padding:0;
min-height:1.2em;
}
form div.radio ul li {
float:left;
margin:0 15px 0 0;
/*font-size:0.9em;*/
}
form div.radioVertical ul li,
form div.checkboxVertical ul li {
margin:0;
}
form div.radio {min-height:1.4em;}
form div.radio .input input,
form div.radioVertical .input input,
form div.checkbox .input input,
form div.checkboxVertical input {margin:0 3px 0 0; width:auto;}
form input + label {color:#777777;}
form input:checked + label {color:#e74c3c;}
form .firstHalf {
float:left;
margin-right:1%;
width:49%;
}
form .lastHalf {
clear:none; float:left;
width:49%;
}
form .postalCode {
float:left;
margin-right:2%;
width:15%;
}
form div.city {
clear:none; float:left;
width:83%;
}
form div.phone {
clear:none; float:left;
margin-right:1%;
width:49%;
}
form div.lastFloat {margin-right:0;}
form textarea {font:0.9em "Source Sans Pro", sans-serif;}
form div.submit {
margin:15px 0;
}
#main form .submit .label {
float:left;
margin:0.5em 2em 0 0;
width:37%;
font-size:0.9em; font-weight: normal;
text-align: right;
}
form fieldset, fieldset.billing {
margin:10px 0;
border:1px solid #f2f2f2; border-radius:8px;
}
form legend, .billing legend {
padding:0 5px;
color:#e74c3c;
font-weight:bold; font-size:1em;
text-transform:uppercase;
}
form div.required .label {
color:#e74c3c;
}
.helper-content {
margin:10px 0 0; padding:5px 6px; border:1px solid #e74c3c; border-radius:8px;
color:#e74c3c;
font:italic 0.95em normal;
}
/* End forms */
/* Table */
#content table {
border:1px solid #c7c7c7;
width:100%;
border-collapse:collapse;
}
#content table th {
padding:2px 4px;
background:#c7c7c7; color:#383838;
font-weight:bold;
text-transform:uppercase;
}
#content table th a:link {color:#383838;}
#content table th a:visited {color:#777777;}
#content table th a:hover {color:#e74c3c;}
#content table th a:active {color:#000;}
#content table th a.sort-asc, table th a.sort-desc {
padding:0 16px 0 0;
background:transparent url(../img/arrow-down.png) no-repeat 100% 33%;
}
#content table th a.sort-asc {
background:transparent url(../img/arrow-up.png) no-repeat 100% 33%;
}
#content table th a.sort-asc span,
#content table th a.sort-desc span {display:none;}
#content table tr.line1 {
background:#f2f2f2;
}
#content table tr.line-separator {
border-top:1px solid #c7c7c7;
}
#content table td {
padding:3px 4px;
}
#content table td.actions .button {
display:block;
margin:3px 0 0;
}
/* End Table */
/* Total Table */
table .price {text-align:right; text-wrap:nowrap;}
table .smallCol {width:60px; white-space:nowrap;}
table .total {font-weight:bold; color:#e74c3c;}
table .rate {
color:#777777;
font-size:0.8em; font-style:italic;
}
#content #total {
float:right;
margin:15px 0 0;
width:auto;
}
#content #total th {text-align:right;}
#order_organism_discount_organism_discount_value {
width: 5em;
}
.law {
color:#777777;
font-size:0.8em; font-style:italic;
}
/* End Total Table */
/* Authentification Box */
#newSubscribe p, #authBox p {
}
#newSubscribe p.submit, #authBox div.submit {
margin:10px 0 0;
width:100%;
}
#authBox div {
margin:0 auto 6px; padding:0; border:0;
width:75%;
background:none;
}
#authBox p.label {
margin:0;
}
#authBox div.input, #authBox div .input input {width:97%;}
#authBox div.checkbox .input {
text-align:center;
}
#authBox div.checkbox .input input {
margin:0 5px 0 0;
width:auto;
}
#authBox div.submit #forgotPassword {
display:block; float:right;
margin:6px 0;
}
#authBox form .error_list {padding:0;}
#authBox form .error_list li {
padding:3px 5px 1px;
}
#authBox #logout {
float:right;
margin-top:-5px; padding:5px 20px;
font-size:0.8em;
}
#right #authBox ul {margin-top:0.5em;}
/* End AuthBox */
/* Advert Information */
#showProgression #resumeLink {
float:right;
}
#showProgression dl {}
#authBox dt,
#showProgression dt {
clear:both; float:left;
margin-bottom:2px; padding:0 10px 0 0;
width:30%;
text-transform:uppercase; text-align:right;
}
#authBox dd, #showProgression dd {
margin:0 0 2px 30%;
color:#e74c3c;
}
#showProgression p.delete a, #order-progress p.delete a {
padding:0 0 0 15px;
background:url(../img/picto/picto-delete.png) no-repeat 0 40%;
}
#right .new_advert a, #right .new_release a {
padding:0 0 0 15px;
background:url(../img/picto/picto-add.png) no-repeat 0 40%;
}
/* End Advert Information */
/* jQuery UI */
body .ui-datepicker {font-size:0.85em;}
/* End jQuery UI */
/* Caroussel */
#stageForm #calendar {
margin-left:30%;
}
#edition-calendar-carousel {
margin-top:10px; margin-bottom:10px;
position:relative;
}
#edition-calendar-carousel .container {
float:left;
width:400px;
height: 180px;
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:#777777;
font-weight:bold; font-size:1em;
text-align:center;
}
#edition-calendar-carousel ul li table {
font-size:1em;
margin:0 10px; padding:0; border:0;
width:auto;
border-collapse:separate; border-spacing:2px;
}
#edition-calendar-carousel ul li table th {
font-size:0.8em;
padding:0;
background:#fff; color:#777777;
text-align:center; text-transform:none;
}
#edition-calendar-carousel ul li table td {
width:30px; height:20px;
padding:0;
font-size:0.85em;
text-align:center;
line-height:20px;
}
#edition-calendar-carousel ul li table a {
display:block;
background:#fff;
border:1px solid #c7c7c7;
color:#777777;
font-weight:bold;
height:18px;
line-height:18px;
text-decoration:none;
}
#edition-calendar-carousel ul li table a:hover {
border-color:#000;
background:#c0392b; color:#fff;
}
#edition-calendar-carousel ul li table a.selected {
background:#e74c3c !important;
color:#fff;
}
#edition-calendar-carousel ul li table td.padding {
background:#f2f2f2;
}
#edition-calendar-carousel ul li table td.disabled,
#edition-calendar-carousel ul li table td.non-release-day {
background:#c7c7c7;
color:#777777;
}
#edition-calendar-carousel ul li table td.out-of-date {
background:#ecc;
color:#777777;
}
#edition-calendar-carousel .previous_button {
float:left;
width:32px;
height:175px;
background:url(../../default/img/carousel/left.png);
z-index:100;
cursor:pointer;
}
#edition-calendar-carousel .previous_button_over {
background:url(../../default/img/carousel/left_over.png);
}
#edition-calendar-carousel .previous_button_disabled {
background:url(../../default/img/carousel/left_disabled.png);
cursor:default;
}
#edition-calendar-carousel .next_button {
float:left;
width:32px;
height:175px;
background:url(../../default/img/carousel/right.png);
z-index:100;
cursor:pointer;
}
#edition-calendar-carousel .next_button_over {
background:url(../../default/img/carousel/right_over.png);
}
#edition-calendar-carousel .next_button_disabled {
background:url(../../default/img/carousel/right_disabled.png);
cursor:default;
}
#edition-calendar-carousel .jcarousel-clip-horizontal {overflow:hidden;}
/* End Carousel */
/* API */
.error-detail {
background-color: #f2f2f2;
padding: 1em;
}
/* End API*/
/* Logos */
div.header-logo {
clear: both;
display: block;
}
div.header-logo input {
display: none;
}
div.header-logo label img {
padding: 2px;
border: 2px solid #c7c7c7;
cursor: pointer;
}
div.header-logo label img:hover {
border-color: #777777;
}
div.header-logo input:checked + label img {
border-color: #c0392b;
}
div.header-logo-save-as-default {
clear: both;
background-color: #f2f2f2;
padding: 5px;
width: 92%;
}
/* End Logos */
/* Aside Help */
#right #help {
margin-bottom:15px; padding:20px 0 0; border:1px solid #c0392b;
background:#fff;
text-align:center;
}
#help strong {
color:#c0392b;
}
#right #help h1, #right #help p { color: #c0392b; font-size: 16px; }
#right #help p strong {color:#fff; font-size: 24px; line-height: 0.8; }
#right #help p span { color: #777777; font-size: 12px; }
#right a:link {text-decoration:none;}
#right #help div+div {
padding: 10px 0;
background:#c0392b;
}
#right #help div+div p { color:#fff; font-size: 13px; }
#right #help div+div p+p { font-weight: normal; }
/* End Aside Help */
/* Advertising */
#right #advertise {
margin-bottom:15px; border:1px solid #777777;
background-color:#777777; color:#fff;
font-size:36px;
}
#right #advertise div {
line-height: 0.85;
}
#right #advertise div+div {
background-color:#fff; color:#777777;
font-size:30px;
}
#right #advertise div.row p { margin:0; }
#right #advertise div.row p.pub { padding-top: 95px; }
/* End Advertising */
/* Footer */
footer { background-color:#f7f7f7; width: 695px; }
footer p { margin: 4px 0; }
footer div#ikone {
font-size: 15px;
}
footer div {
padding: 5px;
font-size: 13px; font-weight: bold;
}
footer div#ikone p {
margin: 25px 0;
}
footer div a img {
margin: 10px 5px;
}
/* End Footer */
/* Stripe */
#payment-form {
margin: auto;
width: 30vw;
min-width: 500px;
align-self: center;
box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.1),
0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07);
border-radius: 7px;
padding: 40px;
}
/* End Stripe */
.previewHalf {
float: left;
width: 48%;
margin: 0 4% 0 0;
height: 100%;
}
.previewHalf.end {
margin-right: 0;
}
.previewSurtitle {
padding-top: 1em;
}
.previewTitle {
padding-top: 1em;
font-weight: bold;
font-size: medium;
}
.previewSubtitle {
padding-top: 1em;
}
.cadre {
border: 1px solid #d7d7d7;
padding: 0.5em;
}