2016-06-15 13:28:12 +02:00

8279 lines
341 KiB
CSS

/**
* Primary Drupal Styles
* Author: g-u-i.net
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
@import url(../fonts/icon/foundation-icons.css);
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
meta.foundation-version {
font-family: "/5.5.1/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
width: 40.063em; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
width: 64.063em; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
width: 90.063em; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em; }
meta.foundation-data-attribute-namespace {
font-family: false; }
html, body {
height: 100%; }
*,
*:before,
*:after {
box-sizing: border-box; }
html,
body {
font-size: 100%; }
body {
background: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.5;
position: relative;
cursor: auto; }
a:hover {
cursor: pointer; }
img {
max-width: 100%;
height: auto; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.hide {
display: none; }
.invisible {
visibility: hidden; }
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important; }
.small-only-text-right {
text-align: right !important; }
.small-only-text-center {
text-align: center !important; }
.small-only-text-justify {
text-align: justify !important; } }
@media only screen {
.small-text-left {
text-align: left !important; }
.small-text-right {
text-align: right !important; }
.small-text-center {
text-align: center !important; }
.small-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important; }
.medium-only-text-right {
text-align: right !important; }
.medium-only-text-center {
text-align: center !important; }
.medium-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.063em) {
.medium-text-left {
text-align: left !important; }
.medium-text-right {
text-align: right !important; }
.medium-text-center {
text-align: center !important; }
.medium-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important; }
.large-only-text-right {
text-align: right !important; }
.large-only-text-center {
text-align: center !important; }
.large-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
.large-text-left {
text-align: left !important; }
.large-text-right {
text-align: right !important; }
.large-text-center {
text-align: center !important; }
.large-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important; }
.xlarge-only-text-right {
text-align: right !important; }
.xlarge-only-text-center {
text-align: center !important; }
.xlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
.xlarge-text-left {
text-align: left !important; }
.xlarge-text-right {
text-align: right !important; }
.xlarge-text-center {
text-align: center !important; }
.xlarge-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
.xxlarge-only-text-left {
text-align: left !important; }
.xxlarge-only-text-right {
text-align: right !important; }
.xxlarge-only-text-center {
text-align: center !important; }
.xxlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.063em) {
.xxlarge-text-left {
text-align: left !important; }
.xxlarge-text-right {
text-align: right !important; }
.xxlarge-text-center {
text-align: center !important; }
.xxlarge-text-justify {
text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
/* Default Link Styles */
a {
color: #008CBA;
text-decoration: none;
line-height: inherit; }
a:hover, a:focus {
color: #0078a0; }
a img {
border: none; }
/* Default paragraph styles */
p {
font-family: inherit;
font-weight: normal;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility; }
p.lead {
font-size: 1.21875rem;
line-height: 1.6; }
p aside {
font-size: 0.875rem;
line-height: 1.35;
font-style: italic; }
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
line-height: 1.4; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0; }
h1 {
font-size: 2.125rem; }
h2 {
font-size: 1.6875rem; }
h3 {
font-size: 1.375rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; }
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem; }
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0; }
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 60%;
line-height: inherit; }
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #333333;
background-color: #f8f8f8;
border-width: 1px;
border-style: solid;
border-color: #dfdfdf;
padding: 0.125rem 0.3125rem 0.0625rem; }
/* Lists */
ul,
ol,
dl {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit; }
ul {
margin-left: 1.1rem; }
ul.no-bullet {
margin-left: 0; }
ul.no-bullet li ul,
ul.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none; }
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit; }
ul.square {
list-style-type: square;
margin-left: 1.1rem; }
ul.circle {
list-style-type: circle;
margin-left: 1.1rem; }
ul.disc {
list-style-type: disc;
margin-left: 1.1rem; }
ul.no-bullet {
list-style: none; }
/* Ordered Lists */
ol {
margin-left: 1.4rem; }
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
/* Definition Lists */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
dl dd {
margin-bottom: 0.75rem; }
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help; }
abbr {
text-transform: none; }
abbr[title] {
border-bottom: 1px dotted #DDDDDD; }
/* Blockquotes */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD; }
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
color: #555555; }
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f; }
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem; }
.vcard li {
margin: 0;
display: block; }
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem; }
.vevent .summary {
font-weight: bold; }
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem; }
@media only screen and (min-width: 40.063em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4; }
h1 {
font-size: 2.75rem; }
h2 {
font-size: 2.3125rem; }
h3 {
font-size: 1.6875rem; }
h4 {
font-size: 1.4375rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; } }
/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
margin-bottom: 0;
margin-left: 0;
list-style: none; }
.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
content: " ";
display: table; }
.clearing-thumbs:after, [data-clearing]:after {
clear: both; }
.clearing-thumbs li, [data-clearing] li {
float: left;
margin-right: 10px; }
.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
margin-right: 0; }
.clearing-blackout {
background: #333333;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 998; }
.clearing-blackout .clearing-close {
display: block; }
.clearing-container {
position: relative;
z-index: 998;
height: 100%;
overflow: hidden;
margin: 0; }
.clearing-touch-label {
position: absolute;
top: 50%;
left: 50%;
color: #AAAAAA;
font-size: 0.6em; }
.visible-img {
height: 95%;
position: relative; }
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%; }
.clearing-caption {
color: #CCCCCC;
font-size: 0.875em;
line-height: 1.3;
margin-bottom: 0;
text-align: center;
bottom: 0;
background: #333333;
width: 100%;
padding: 10px 30px 20px;
position: absolute;
left: 0; }
.clearing-close {
z-index: 999;
padding-left: 20px;
padding-top: 10px;
font-size: 30px;
line-height: 1;
color: #CCCCCC;
display: none; }
.clearing-close:hover, .clearing-close:focus {
color: #CCCCCC; }
.clearing-assembled .clearing-container {
height: 100%; }
.clearing-assembled .clearing-container .carousel > ul {
display: none; }
.clearing-feature li {
display: none; }
.clearing-feature li.clearing-featured-img {
display: block; }
@media only screen and (min-width: 40.063em) {
.clearing-main-prev,
.clearing-main-next {
position: absolute;
height: 100%;
width: 40px;
top: 0; }
.clearing-main-prev > span,
.clearing-main-next > span {
position: absolute;
top: 50%;
display: block;
width: 0;
height: 0;
border: solid 12px; }
.clearing-main-prev > span:hover,
.clearing-main-next > span:hover {
opacity: 0.8; }
.clearing-main-prev {
left: 0; }
.clearing-main-prev > span {
left: 5px;
border-color: transparent;
border-right-color: #CCCCCC; }
.clearing-main-next {
right: 0; }
.clearing-main-next > span {
border-color: transparent;
border-left-color: #CCCCCC; }
.clearing-main-prev.disabled,
.clearing-main-next.disabled {
opacity: 0.3; }
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, 0.8);
height: 120px;
margin-top: 10px;
text-align: center; }
.clearing-assembled .clearing-container .carousel > ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none; }
.clearing-assembled .clearing-container .carousel > ul li {
display: block;
width: 120px;
min-height: inherit;
float: left;
overflow: hidden;
margin-right: 0;
padding: 0;
position: relative;
cursor: pointer;
opacity: 0.4;
clear: none; }
.clearing-assembled .clearing-container .carousel > ul li.fix-height img {
height: 100%;
max-width: none; }
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
box-shadow: none;
display: block; }
.clearing-assembled .clearing-container .carousel > ul li img {
cursor: pointer !important;
width: 100% !important; }
.clearing-assembled .clearing-container .carousel > ul li.visible {
opacity: 1; }
.clearing-assembled .clearing-container .carousel > ul li:hover {
opacity: 0.8; }
.clearing-assembled .clearing-container .visible-img {
background: #333333;
overflow: hidden;
height: 85%; }
.clearing-close {
position: absolute;
top: 10px;
right: 20px;
padding-left: 0;
padding-top: 0; } }
.inline-list {
margin: 0 auto 1.0625rem auto;
margin-left: -1.375rem;
margin-right: 0;
padding: 0;
list-style: none;
overflow: hidden; }
.inline-list > li {
list-style: none;
float: left;
margin-left: 1.375rem;
display: block; }
.inline-list > li > * {
display: block; }
button, .button {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1.0625rem;
padding-left: 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus {
color: #FFFFFF; }
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #b9b9b9; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #333333; }
button.success, .button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color: #FFFFFF; }
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: #FFFFFF; }
button.warning, .button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFFFFF; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
background-color: #cf6e0e; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
color: #FFFFFF; }
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
background-color: #61b6d9; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
color: #FFFFFF; }
button.large, .button.large {
padding-top: 1.125rem;
padding-right: 2.25rem;
padding-bottom: 1.1875rem;
padding-left: 2.25rem;
font-size: 1.25rem; }
button.small, .button.small {
padding-top: 0.875rem;
padding-right: 1.75rem;
padding-bottom: 0.9375rem;
padding-left: 1.75rem;
font-size: 0.8125rem; }
button.tiny, .button.tiny {
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem; }
button.expand, .button.expand {
padding-right: 0;
padding-left: 0;
width: 100%; }
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem; }
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75rem; }
button.radius, .button.radius {
border-radius: 3px; }
button.round, .button.round {
border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #007095; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color: #FFFFFF; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #008CBA; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #b9b9b9; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e7e7e7; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color: #FFFFFF; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #43AC6A; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color: #FFFFFF; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #f04124; }
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFFFFF;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #cf6e0e; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
color: #FFFFFF; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #f08a24; }
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
cursor: default;
opacity: 0.7;
box-shadow: none; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #61b6d9; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
color: #FFFFFF; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #a0d3e8; }
button::-moz-focus-inner {
border: 0;
padding: 0; }
@media only screen and (min-width: 40.063em) {
button, .button {
display: inline-block; } }
.button-group {
list-style: none;
margin: 0;
left: 0; }
.button-group:before, .button-group:after {
content: " ";
display: table; }
.button-group:after {
clear: both; }
.button-group.even-2 li {
margin: 0 -2px;
display: inline-block;
width: 50%; }
.button-group.even-2 li > button, .button-group.even-2 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
border-left: 0; }
.button-group.even-2 li button, .button-group.even-2 li .button {
width: 100%; }
.button-group.even-3 li {
margin: 0 -2px;
display: inline-block;
width: 33.33333%; }
.button-group.even-3 li > button, .button-group.even-3 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
border-left: 0; }
.button-group.even-3 li button, .button-group.even-3 li .button {
width: 100%; }
.button-group.even-4 li {
margin: 0 -2px;
display: inline-block;
width: 25%; }
.button-group.even-4 li > button, .button-group.even-4 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
border-left: 0; }
.button-group.even-4 li button, .button-group.even-4 li .button {
width: 100%; }
.button-group.even-5 li {
margin: 0 -2px;
display: inline-block;
width: 20%; }
.button-group.even-5 li > button, .button-group.even-5 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
border-left: 0; }
.button-group.even-5 li button, .button-group.even-5 li .button {
width: 100%; }
.button-group.even-6 li {
margin: 0 -2px;
display: inline-block;
width: 16.66667%; }
.button-group.even-6 li > button, .button-group.even-6 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
border-left: 0; }
.button-group.even-6 li button, .button-group.even-6 li .button {
width: 100%; }
.button-group.even-7 li {
margin: 0 -2px;
display: inline-block;
width: 14.28571%; }
.button-group.even-7 li > button, .button-group.even-7 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
border-left: 0; }
.button-group.even-7 li button, .button-group.even-7 li .button {
width: 100%; }
.button-group.even-8 li {
margin: 0 -2px;
display: inline-block;
width: 12.5%; }
.button-group.even-8 li > button, .button-group.even-8 li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
border-left: 0; }
.button-group.even-8 li button, .button-group.even-8 li .button {
width: 100%; }
.button-group > li {
margin: 0 -2px;
display: inline-block; }
.button-group > li > button, .button-group > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group > li:first-child button, .button-group > li:first-child .button {
border-left: 0; }
.button-group.stack > li {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0;
float: none; }
.button-group.stack > li > button, .button-group.stack > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-left: 0; }
.button-group.stack > li > button, .button-group.stack > li .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.stack > li > button {
width: 100%; }
.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
border-top: 0; }
.button-group.stack-for-small > li {
margin: 0 -2px;
display: inline-block; }
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0; }
@media only screen and (max-width: 40em) {
.button-group.stack-for-small > li {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0; }
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-left: 0; }
.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.stack-for-small > li > button {
width: 100%; }
.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
border-top: 0; } }
.button-group.radius > * {
margin: 0 -2px;
display: inline-block; }
.button-group.radius > * > button, .button-group.radius > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
border-left: 0; }
.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button {
border-radius: 0; }
.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.button-group.radius.stack > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0; }
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-left: 0; }
.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.radius.stack > * > button {
width: 100%; }
.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
border-top: 0; }
.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button {
border-radius: 0; }
.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
@media only screen and (min-width: 40.063em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
display: inline-block; }
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0; }
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0; }
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; } }
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0; }
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-left: 0; }
.button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.radius.stack-for-small > * > button {
width: 100%; }
.button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
border-top: 0; }
.button-group.radius.stack-for-small > *,
.button-group.radius.stack-for-small > * > a,
.button-group.radius.stack-for-small > * > button,
.button-group.radius.stack-for-small > * > .button {
border-radius: 0; }
.button-group.radius.stack-for-small > *:first-child,
.button-group.radius.stack-for-small > *:first-child > a,
.button-group.radius.stack-for-small > *:first-child > button,
.button-group.radius.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.button-group.radius.stack-for-small > *:last-child,
.button-group.radius.stack-for-small > *:last-child > a,
.button-group.radius.stack-for-small > *:last-child > button,
.button-group.radius.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; } }
.button-group.round > * {
margin: 0 -2px;
display: inline-block; }
.button-group.round > * > button, .button-group.round > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
border-left: 0; }
.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button {
border-radius: 0; }
.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
.button-group.round.stack > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0; }
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-left: 0; }
.button-group.round.stack > * > button, .button-group.round.stack > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.round.stack > * > button {
width: 100%; }
.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
border-top: 0; }
.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button {
border-radius: 0; }
.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem; }
.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem; }
@media only screen and (min-width: 40.063em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
display: inline-block; }
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0; }
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0; }
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; } }
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small > * {
margin: 0 -2px;
display: inline-block;
display: block;
margin: 0; }
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, 0.5); }
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-left: 0; }
.button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
border-top: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
border-left-width: 0;
margin: 0;
display: block; }
.button-group.round.stack-for-small > * > button {
width: 100%; }
.button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
border-top: 0; }
.button-group.round.stack-for-small > *,
.button-group.round.stack-for-small > * > a,
.button-group.round.stack-for-small > * > button,
.button-group.round.stack-for-small > * > .button {
border-radius: 0; }
.button-group.round.stack-for-small > *:first-child,
.button-group.round.stack-for-small > *:first-child > a,
.button-group.round.stack-for-small > *:first-child > button,
.button-group.round.stack-for-small > *:first-child > .button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem; }
.button-group.round.stack-for-small > *:last-child,
.button-group.round.stack-for-small > *:last-child > a,
.button-group.round.stack-for-small > *:last-child > button,
.button-group.round.stack-for-small > *:last-child > .button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem; } }
.button-bar:before, .button-bar:after {
content: " ";
display: table; }
.button-bar:after {
clear: both; }
.button-bar .button-group {
float: left;
margin-right: 0.625rem; }
.button-bar .button-group div {
overflow: hidden; }
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 62.5rem; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
width: auto;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-top: 0;
margin-bottom: 0;
max-width: none; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
width: auto;
margin: 0;
max-width: none; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left; }
[class*="column"] + [class*="column"]:last-child {
float: right; }
[class*="column"] + [class*="column"].end {
float: left; }
@media only screen {
.small-push-0 {
position: relative;
left: 0%;
right: auto; }
.small-pull-0 {
position: relative;
right: 0%;
left: auto; }
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.small-push-3 {
position: relative;
left: 25%;
right: auto; }
.small-pull-3 {
position: relative;
right: 25%;
left: auto; }
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.small-push-6 {
position: relative;
left: 50%;
right: auto; }
.small-pull-6 {
position: relative;
right: 50%;
left: auto; }
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.small-push-9 {
position: relative;
left: 75%;
right: auto; }
.small-pull-9 {
position: relative;
right: 75%;
left: auto; }
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.small-1 {
width: 8.33333%; }
.small-2 {
width: 16.66667%; }
.small-3 {
width: 25%; }
.small-4 {
width: 33.33333%; }
.small-5 {
width: 41.66667%; }
.small-6 {
width: 50%; }
.small-7 {
width: 58.33333%; }
.small-8 {
width: 66.66667%; }
.small-9 {
width: 75%; }
.small-10 {
width: 83.33333%; }
.small-11 {
width: 91.66667%; }
.small-12 {
width: 100%; }
.small-offset-0 {
margin-left: 0% !important; }
.small-offset-1 {
margin-left: 8.33333% !important; }
.small-offset-2 {
margin-left: 16.66667% !important; }
.small-offset-3 {
margin-left: 25% !important; }
.small-offset-4 {
margin-left: 33.33333% !important; }
.small-offset-5 {
margin-left: 41.66667% !important; }
.small-offset-6 {
margin-left: 50% !important; }
.small-offset-7 {
margin-left: 58.33333% !important; }
.small-offset-8 {
margin-left: 66.66667% !important; }
.small-offset-9 {
margin-left: 75% !important; }
.small-offset-10 {
margin-left: 83.33333% !important; }
.small-offset-11 {
margin-left: 91.66667% !important; }
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.small-uncentered,
.columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left; }
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none; }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left; }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right; }
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.small-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; } }
@media only screen and (min-width: 40.063em) {
.medium-push-0 {
position: relative;
left: 0%;
right: auto; }
.medium-pull-0 {
position: relative;
right: 0%;
left: auto; }
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.medium-push-3 {
position: relative;
left: 25%;
right: auto; }
.medium-pull-3 {
position: relative;
right: 25%;
left: auto; }
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.medium-push-6 {
position: relative;
left: 50%;
right: auto; }
.medium-pull-6 {
position: relative;
right: 50%;
left: auto; }
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.medium-push-9 {
position: relative;
left: 75%;
right: auto; }
.medium-pull-9 {
position: relative;
right: 75%;
left: auto; }
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.medium-1 {
width: 8.33333%; }
.medium-2 {
width: 16.66667%; }
.medium-3 {
width: 25%; }
.medium-4 {
width: 33.33333%; }
.medium-5 {
width: 41.66667%; }
.medium-6 {
width: 50%; }
.medium-7 {
width: 58.33333%; }
.medium-8 {
width: 66.66667%; }
.medium-9 {
width: 75%; }
.medium-10 {
width: 83.33333%; }
.medium-11 {
width: 91.66667%; }
.medium-12 {
width: 100%; }
.medium-offset-0 {
margin-left: 0% !important; }
.medium-offset-1 {
margin-left: 8.33333% !important; }
.medium-offset-2 {
margin-left: 16.66667% !important; }
.medium-offset-3 {
margin-left: 25% !important; }
.medium-offset-4 {
margin-left: 33.33333% !important; }
.medium-offset-5 {
margin-left: 41.66667% !important; }
.medium-offset-6 {
margin-left: 50% !important; }
.medium-offset-7 {
margin-left: 58.33333% !important; }
.medium-offset-8 {
margin-left: 66.66667% !important; }
.medium-offset-9 {
margin-left: 75% !important; }
.medium-offset-10 {
margin-left: 83.33333% !important; }
.medium-offset-11 {
margin-left: 91.66667% !important; }
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.medium-uncentered,
.columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left; }
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none; }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left; }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right; }
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0%;
right: auto; }
.pull-0 {
position: relative;
right: 0%;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
@media only screen and (min-width: 64.063em) {
.large-push-0 {
position: relative;
left: 0%;
right: auto; }
.large-pull-0 {
position: relative;
right: 0%;
left: auto; }
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.large-push-3 {
position: relative;
left: 25%;
right: auto; }
.large-pull-3 {
position: relative;
right: 25%;
left: auto; }
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.large-push-6 {
position: relative;
left: 50%;
right: auto; }
.large-pull-6 {
position: relative;
right: 50%;
left: auto; }
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.large-push-9 {
position: relative;
left: 75%;
right: auto; }
.large-pull-9 {
position: relative;
right: 75%;
left: auto; }
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.large-1 {
width: 8.33333%; }
.large-2 {
width: 16.66667%; }
.large-3 {
width: 25%; }
.large-4 {
width: 33.33333%; }
.large-5 {
width: 41.66667%; }
.large-6 {
width: 50%; }
.large-7 {
width: 58.33333%; }
.large-8 {
width: 66.66667%; }
.large-9 {
width: 75%; }
.large-10 {
width: 83.33333%; }
.large-11 {
width: 91.66667%; }
.large-12 {
width: 100%; }
.large-offset-0 {
margin-left: 0% !important; }
.large-offset-1 {
margin-left: 8.33333% !important; }
.large-offset-2 {
margin-left: 16.66667% !important; }
.large-offset-3 {
margin-left: 25% !important; }
.large-offset-4 {
margin-left: 33.33333% !important; }
.large-offset-5 {
margin-left: 41.66667% !important; }
.large-offset-6 {
margin-left: 50% !important; }
.large-offset-7 {
margin-left: 58.33333% !important; }
.large-offset-8 {
margin-left: 66.66667% !important; }
.large-offset-9 {
margin-left: 75% !important; }
.large-offset-10 {
margin-left: 83.33333% !important; }
.large-offset-11 {
margin-left: 91.66667% !important; }
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left; }
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.large-uncentered,
.columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left; }
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none; }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right; }
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.large-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0%;
right: auto; }
.pull-0 {
position: relative;
right: 0%;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
/*
* www.g-u-i.net
*/
/*
__
_________ / /___ __________
/ ___/ __ \/ / __ \/ ___/ ___/
/ /__/ /_/ / / /_/ / / (__ )
\___/\____/_/\____/_/ /____/
*/
body {
font-size: 16px;
font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3; }
a {
color: #007BC2;
text-decoration: none; }
h1 {
font-size: 1.6em; }
h2 {
font-size: 1.5em; }
h3 {
font-size: 1.4em; }
h4 {
font-size: 1.3em; }
h5 {
font-size: 1.2em; }
h6 {
font-size: 1.1em; }
input, button, select, textarea {
font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
font-weight: 500;
font-style: normal; }
#footer #footer-bottom {
text-align: center; }
#footer #footer-bottom .block {
font-size: 8px; }
/** RESPONSIVE break points */
/*
$small-breakpoint: em-calc(480) !default;
$medium-breakpoint: em-calc(768) !default;
$large-breakpoint: em-calc(980) !default;
$xlarge-breakpoint: em-calc(1200) !default;
$small-range: (0, $small-breakpoint) !default; // 0, 480px
$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint) !default; 481px, 768px //
$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint) !default; // 769px, 980px
$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint) !default; // 981px, 1200px
$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)) !default; // 1201px, ...
// Media Queries
$screen: "only screen" !default;
$landscape: "only screen and (orientation: landscape)" !default;
$portrait: "only screen and (orientation: portrait)" !default;
$small-up: $screen !default;
$small-only: "only screen and (max-width: 40em)" !default;
$medium-up: "only screen and (min-width:40.063em)" !default;
$medium-only: "only screen and (min-width:40.063em) and (max-width:64em)" !default;
$large-up: "only screen and (min-width:64.063em)" !default;
$large-only: "only screen and (min-width:64.063em) and (max-width:90em)" !default;
$xlarge-up: "only screen and (min-width:90.063em)" !default;
$xlarge-only: "only screen and (min-width:90.063em) and (max-width:120em)" !default;
$xxlarge-up: "only screen and (min-width:120.063em)" !default;
$xxlarge-only: "only screen and (min-width:120.063em) and (max-width:99999999em)" !default;
$retina: (
"only screen and (-webkit-min-device-pixel-ratio: 2)",
"only screen and (min--moz-device-pixel-ratio: 2)",
"only screen and (-o-min-device-pixel-ratio: 2/1)",
"only screen and (min-device-pixel-ratio: 2)",
"only screen and (min-resolution: 192dpi)",
"only screen and (min-resolution: 2dppx)"
);
*/
* {
box-sizing: content-box; }
*:before, *:after {
box-sizing: content-box; }
body {
overflow-y: scroll;
top: 0;
background-color: #f7f4ed; }
h1, h2, h3, h4, h5, h6 {
font-family: inherit; }
h1 {
font-weight: bold; }
figure {
margin: 0; }
input[type="checkbox"] + label {
margin: 0; }
p {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
margin-bottom: inherit; }
a {
font-size: inherit; }
.column, .columns {
padding: inherit;
float: inherit; }
/** NIVEAU 0 */
#root {
min-width: 320px; }
.ie8 #root {
min-width: 1024px; }
/** NIVEAU 1 */
#container {
margin: 0 auto;
position: relative;
transition: padding-top 0.5s ease-out, 1s, ease-out; }
/** NIVEAU 2 */
#header {
background-color: #fff;
z-index: 1000;
width: 96%;
padding-left: 2%;
padding-right: 2%; }
html.no-touch #header {
position: fixed;
top: 0;
margin: 0 auto;
min-width: 310.4px; }
.admin-menu #header {
margin-top: 35px; }
#utilities {
z-index: 999;
width: 96%;
padding-left: 2%;
padding-right: 2%; }
html.no-touch #utilities {
position: fixed;
top: 0;
margin: 0 auto;
min-width: 310.4px;
margin-top: 60px; }
html.no-touch .admin-menu #utilities {
margin-top: 85px; }
@media only screen and (max-width: 40em) {
#utilities > .region {
padding-top: 5px;
padding-bottom: 5px; } }
#main {
width: 96%;
padding-left: 2%;
padding-right: 2%;
overflow-x: hidden; }
#footer {
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 2em; }
/** NIVEAU 3 */
/** NIVEAU 4 */
/** Z-INDEX */
#block-feedback-form {
z-index: 1001; }
#admin-menu {
z-index: 1002; }
#admin-toolbar {
z-index: 1003; }
/*
__ __ ___
/ / / /___ ____ ___ ___ _ _|__ / /_/ / __ \/ __ `__ \/ _ \ | | / /_/ /
/ __ / /_/ / / / / / / __/ | |/ / __/
/_/ /_/\____/_/ /_/ /_/\___/ |___/____/
*/
body.front:not(.page-actuality) #header > .inner, body.front:not(.page-actuality) #utilities > .inner, body.front:not(.page-actuality) #center, body.front:not(.page-actuality) #footer,
body.page-whoweare #header > .inner,
body.page-whoweare #utilities > .inner,
body.page-whoweare #center,
body.page-whoweare #footer,
body.page-node-11187 #header > .inner,
body.page-node-11187 #utilities > .inner,
body.page-node-11187 #center,
body.page-node-11187 #footer,
body.page-node-11175 #header > .inner,
body.page-node-11175 #utilities > .inner,
body.page-node-11175 #center,
body.page-node-11175 #footer,
body.page-node-12324 #header > .inner,
body.page-node-12324 #utilities > .inner,
body.page-node-12324 #center,
body.page-node-12324 #footer,
body.page-user #header > .inner,
body.page-user #utilities > .inner,
body.page-user #center,
body.page-user #footer,
body.page-node-11186 #header > .inner,
body.page-node-11186 #utilities > .inner,
body.page-node-11186 #center,
body.page-node-11186 #footer,
body.page-cart #header > .inner,
body.page-cart #utilities > .inner,
body.page-cart #center,
body.page-cart #footer,
body.node-type-simplenews #header > .inner,
body.node-type-simplenews #utilities > .inner,
body.node-type-simplenews #center,
body.node-type-simplenews #footer,
body.node-type-publication #header > .inner,
body.node-type-publication #utilities > .inner,
body.node-type-publication #center,
body.node-type-publication #footer {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 80rem; }
body.front:not(.page-actuality) #header > .inner:before, body.front:not(.page-actuality) #header > .inner:after, body.front:not(.page-actuality) #utilities > .inner:before, body.front:not(.page-actuality) #utilities > .inner:after, body.front:not(.page-actuality) #center:before, body.front:not(.page-actuality) #center:after, body.front:not(.page-actuality) #footer:before, body.front:not(.page-actuality) #footer:after,
body.page-whoweare #header > .inner:before,
body.page-whoweare #header > .inner:after,
body.page-whoweare #utilities > .inner:before,
body.page-whoweare #utilities > .inner:after,
body.page-whoweare #center:before,
body.page-whoweare #center:after,
body.page-whoweare #footer:before,
body.page-whoweare #footer:after,
body.page-node-11187 #header > .inner:before,
body.page-node-11187 #header > .inner:after,
body.page-node-11187 #utilities > .inner:before,
body.page-node-11187 #utilities > .inner:after,
body.page-node-11187 #center:before,
body.page-node-11187 #center:after,
body.page-node-11187 #footer:before,
body.page-node-11187 #footer:after,
body.page-node-11175 #header > .inner:before,
body.page-node-11175 #header > .inner:after,
body.page-node-11175 #utilities > .inner:before,
body.page-node-11175 #utilities > .inner:after,
body.page-node-11175 #center:before,
body.page-node-11175 #center:after,
body.page-node-11175 #footer:before,
body.page-node-11175 #footer:after,
body.page-node-12324 #header > .inner:before,
body.page-node-12324 #header > .inner:after,
body.page-node-12324 #utilities > .inner:before,
body.page-node-12324 #utilities > .inner:after,
body.page-node-12324 #center:before,
body.page-node-12324 #center:after,
body.page-node-12324 #footer:before,
body.page-node-12324 #footer:after,
body.page-user #header > .inner:before,
body.page-user #header > .inner:after,
body.page-user #utilities > .inner:before,
body.page-user #utilities > .inner:after,
body.page-user #center:before,
body.page-user #center:after,
body.page-user #footer:before,
body.page-user #footer:after,
body.page-node-11186 #header > .inner:before,
body.page-node-11186 #header > .inner:after,
body.page-node-11186 #utilities > .inner:before,
body.page-node-11186 #utilities > .inner:after,
body.page-node-11186 #center:before,
body.page-node-11186 #center:after,
body.page-node-11186 #footer:before,
body.page-node-11186 #footer:after,
body.page-cart #header > .inner:before,
body.page-cart #header > .inner:after,
body.page-cart #utilities > .inner:before,
body.page-cart #utilities > .inner:after,
body.page-cart #center:before,
body.page-cart #center:after,
body.page-cart #footer:before,
body.page-cart #footer:after,
body.node-type-simplenews #header > .inner:before,
body.node-type-simplenews #header > .inner:after,
body.node-type-simplenews #utilities > .inner:before,
body.node-type-simplenews #utilities > .inner:after,
body.node-type-simplenews #center:before,
body.node-type-simplenews #center:after,
body.node-type-simplenews #footer:before,
body.node-type-simplenews #footer:after,
body.node-type-publication #header > .inner:before,
body.node-type-publication #header > .inner:after,
body.node-type-publication #utilities > .inner:before,
body.node-type-publication #utilities > .inner:after,
body.node-type-publication #center:before,
body.node-type-publication #center:after,
body.node-type-publication #footer:before,
body.node-type-publication #footer:after {
content: " ";
display: table; }
body.front:not(.page-actuality) #header > .inner:after, body.front:not(.page-actuality) #utilities > .inner:after, body.front:not(.page-actuality) #center:after, body.front:not(.page-actuality) #footer:after,
body.page-whoweare #header > .inner:after,
body.page-whoweare #utilities > .inner:after,
body.page-whoweare #center:after,
body.page-whoweare #footer:after,
body.page-node-11187 #header > .inner:after,
body.page-node-11187 #utilities > .inner:after,
body.page-node-11187 #center:after,
body.page-node-11187 #footer:after,
body.page-node-11175 #header > .inner:after,
body.page-node-11175 #utilities > .inner:after,
body.page-node-11175 #center:after,
body.page-node-11175 #footer:after,
body.page-node-12324 #header > .inner:after,
body.page-node-12324 #utilities > .inner:after,
body.page-node-12324 #center:after,
body.page-node-12324 #footer:after,
body.page-user #header > .inner:after,
body.page-user #utilities > .inner:after,
body.page-user #center:after,
body.page-user #footer:after,
body.page-node-11186 #header > .inner:after,
body.page-node-11186 #utilities > .inner:after,
body.page-node-11186 #center:after,
body.page-node-11186 #footer:after,
body.page-cart #header > .inner:after,
body.page-cart #utilities > .inner:after,
body.page-cart #center:after,
body.page-cart #footer:after,
body.node-type-simplenews #header > .inner:after,
body.node-type-simplenews #utilities > .inner:after,
body.node-type-simplenews #center:after,
body.node-type-simplenews #footer:after,
body.node-type-publication #header > .inner:after,
body.node-type-publication #utilities > .inner:after,
body.node-type-publication #center:after,
body.node-type-publication #footer:after {
clear: both; }
.op-visible {
visibility: visible; }
.csstransitions .op-visible {
opacity: 1;
transition: opacity 0.3s ease-out; }
.op-hidden {
visibility: hidden; }
.op-hidden > * {
margin-top: -100000px; }
.csstransition .op-hidden {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .op-hidden > * {
transition: margin-top 0s 0.3s; }
/** colomnized() */
/*
__ ___________ ____ __________
/ / / / ____/ | / __ \/ ____/ __ / /_/ / __/ / /| | / / / / __/ / /_/ /
/ __ / /___/ ___ |/ /_/ / /___/ _, _/
/_/ /_/_____/_/ |_/_____/_____/_/ |_|
*/
#header {
padding-top: 5px;
padding-bottom: 10px;
height: 45px; }
#header a, #header a:active, #header a:visited {
color: #000; }
#header .logo {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#header .logo h1 {
margin: 0;
font-size: 36px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: baseline;
position: relative;
line-height: 1.25; }
#header .logo h1 a:hover {
text-decoration: none; }
#header .logo span.slogan {
font-size: 14px;
margin-top: -3px;
margin-left: -0.5em;
font-weight: 900; }
@media only screen and (max-width: 40em) {
#header .logo span.slogan {
display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header .logo span.slogan {
display: none; } }
.ie8 #header .logo span.slogan {
position: absolute;
margin-top: 22px; }
#header #header-blocks {
padding-top: 17px;
float: right;
text-align: right;
text-transform: capitalize; }
#header #header-blocks > .region {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
padding-right: 1em;
margin-right: 1em;
border-right: 1px solid #707070; }
@media only screen and (max-width: 40em) {
#header #header-blocks > .region {
padding-right: 0.3em;
margin-right: 0.3em; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks > .region {
padding-right: 0.3em;
margin-right: 0.3em; } }
#header #header-blocks > .region:last-child {
border: none;
padding: 0;
margin: 0; }
#header #header-blocks .block {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
#header #header-blocks .block h2 {
font-size: 12px;
margin: 0;
line-height: 1.2;
font-weight: normal; }
#header #header-blocks .block:not(:last-child) {
padding-right: 0.8em; }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#header #header-blocks .block:not(:last-child) {
padding-right: 0.3em; } }
#header #header-blocks #block-materio-user-front-link a {
font-size: 12px; }
#header #header-blocks #block-materio-user-front-link span.text {
display: none; }
#header #header-blocks #block-user-login {
font-size: 12px;
text-align: left;
position: relative; }
#header #header-blocks #block-user-login h2 {
padding-right: 5px; }
#header #header-blocks #block-user-login h2 i {
vertical-align: text-bottom;
margin: 0 2px 2px 0; }
#header #header-blocks #block-user-login form#user-login-form {
position: absolute;
overflow: hidden;
right: 0;
margin: 0;
height: 0;
transition: height 0.3s ease-out; }
#header #header-blocks #block-user-login form#user-login-form > div {
padding: 5px;
margin: 5px;
background-color: #e6e6e6;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
#header #header-blocks #block-user-login form#user-login-form .form-item {
margin: 0;
padding-bottom: 5px; }
#header #header-blocks #block-user-login form#user-login-form label, #header #header-blocks #block-user-login form#user-login-form input {
margin: 0;
font-size: 10px; }
#header #header-blocks #block-user-login form#user-login-form input.form-text {
width: 150px;
height: 2em; }
#header #header-blocks #block-user-login form#user-login-form .form-actions {
margin: 5px 0;
padding: 0;
background-color: transparent;
text-align: right; }
#header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit {
font-size: 16px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
margin-bottom: 4px;
border: 2px solid #E6DE1C;
background-color: #E6DE1C;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:hover, #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#header #header-blocks #block-user-login form#user-login-form div.newpass {
text-align: right; }
#header #header-blocks #block-user-login form#user-login-form div.newpass a {
font-size: 10px;
color: #686868;
text-transform: lowercase; }
html.no-touch #header #header-blocks #block-user-login:hover form#user-login-form, #header #header-blocks #block-user-login.hovered form#user-login-form {
height: 300px;
z-index: 1000; }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-user-login span.login {
display: none; } }
#header #header-blocks #block-ajax-register-ajax-register-block {
font-size: 12px;
text-transform: lowercase; }
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in {
font-size: 12px;
line-height: 1.5; }
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in i {
vertical-align: text-bottom;
margin: 0 5px 1px 0;
line-height: 1; }
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
text-transform: lowercase; }
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.logout {
display: none;
margin-left: 5px; }
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in .fi-power {
margin: 0 0.5em 0 0.5em; }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
display: none; } }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav {
position: relative; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 {
margin: 0;
font-size: 12px;
line-height: 1.5; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
line-height: 1; }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
display: none; } }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
position: absolute;
z-index: 20;
background-color: rgba(255, 255, 255, 0.9);
min-width: 100%;
margin: 0 0 0 -5px;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
.ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
background: #FFF; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists ul {
margin: 0; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li {
list-style: none;
font-size: 12px;
font-weight: 700;
padding: 0 10px;
text-align: left;
width: 200px;
height: 0;
overflow: hidden;
transition: height 0.3s ease-out; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview {
white-space: nowrap;
cursor: pointer; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.open-list {
max-width: 150px; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.count {
font-weight: 300;
padding: 0 5px; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.edit-list {
padding-right: 5px; }
.no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
visibility: hidden; }
.no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
margin-top: -100000px; }
.csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
transition: margin-top 0s 0.3s; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists {
padding-bottom: 5px; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists li {
height: 15px;
padding: 3px 10px; }
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
vertical-align: text-bottom;
margin: 0 2px 2px 0; }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
display: none; } }
#header #header-blocks #headerblock-right .block {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
padding: 0; }
#header #header-blocks #headerblock-right .block:first-child {
padding: 0; }
#header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
line-height: 1; }
#header #header-blocks #block-locale-language ul.active, #header #header-blocks #block-locale-language li.active {
display: none; }
.ie8 #header #header-blocks #block-locale-language {
padding-top: 5px; }
#header #header-blocks #block-locale-language ul {
padding-top: 0.155em; }
#header #header-blocks #block-locale-language li {
font-size: 0.9em;
padding: 0.33em 0.35em 0.3em;
border-radius: 3px;
background-clip: padding-box;
background-color: #808080;
transition: background-color 0.3s ease-out; }
#header #header-blocks #block-locale-language li, #header #header-blocks #block-locale-language li > * {
color: #fff;
text-transform: uppercase; }
#header #header-blocks #block-locale-language li:hover {
background-color: #1A1A1A; }
.ie8 #header #header-blocks #block-menu-menu-top-menu h2 {
display: none; }
#header #header-blocks #block-menu-menu-top-menu h2 i {
vertical-align: text-bottom;
margin: 0 0 2px 0; }
#header #header-blocks #block-menu-menu-top-menu ul.menu, #header #header-blocks #block-menu-menu-top-menu li {
font-size: 12px;
list-style: none; }
.ie8 #header #header-blocks #block-menu-menu-top-menu ul.menu, .ie8 #header #header-blocks #block-menu-menu-top-menu li {
display: inline; }
@media only screen and (min-width: 40.063em) {
#header #header-blocks #block-menu-menu-top-menu h2 {
display: none; }
#header #header-blocks #block-menu-menu-top-menu ul.menu, #header #header-blocks #block-menu-menu-top-menu li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
padding: 0;
margin: 0; }
#header #header-blocks #block-menu-menu-top-menu a {
padding: 0 0.5em 0 0; } }
@media only screen and (max-width: 40em) {
#header #header-blocks #block-menu-menu-top-menu {
position: relative; }
#header #header-blocks #block-menu-menu-top-menu h2 .menu-title {
display: none; }
#header #header-blocks #block-menu-menu-top-menu .menu-wrapper {
position: absolute;
width: 150px;
display: none;
right: 0;
padding-top: 5px; }
#header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu {
background-color: #e6e6e6;
border-radius: 5px;
background-clip: padding-box;
padding: 0 5px 5px 5px;
margin: 0;
text-align: right; }
#header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li {
height: 0;
overflow: hidden;
transition: height 0.3s ease-out; }
#header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a {
display: block;
width: 100%;
padding: 2px 5px;
font-size: 12px; }
html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover, #header #header-blocks #block-menu-menu-top-menu.hovered {
z-index: 1000; }
html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper, #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper {
display: block; }
html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper ul.menu li, #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper ul.menu li {
height: 25px; } }
#header #header-blocks #block-materio-user-old-database-link a {
font-size: 12px; }
#header #header-blocks #block-social-media-links-social-media-links ul.social-media-links {
margin: 0;
line-height: 0; }
#header #header-blocks #block-social-media-links-social-media-links li {
line-height: 1; }
#header #header-blocks #block-social-media-links-social-media-links li.facebook a {
background-image: url("../img/socialicons/svg/Facebook-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links li.twitter a {
background-image: url("../img/socialicons/svg/Twitter-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links li.linkedin a {
background-image: url("../img/socialicons/svg/LinkedIn-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links li.pinterest a {
background-image: url("../img/socialicons/svg/Pinterest-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links li.vimeo a {
background-image: url("../img/socialicons/svg/Vimeo-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links li.rss a {
background-image: url("../img/socialicons/svg/RSS-color.svg"); }
#header #header-blocks #block-social-media-links-social-media-links a {
display: block;
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
#header #header-blocks #block-social-media-links-social-media-links img {
display: none; }
/*
__ _ ___ __ _
__ __/ /_(_) (_) /_(_)__ _____
/ / / / __/ / / / __/ / _ \/ ___/
/ /_/ / /_/ / / / /_/ / __(__ )
\__,_/\__/_/_/_/\__/_/\___/____/
*/
#utilities {
background-color: #fff;
margin-top: 60px; }
.not-logged-in #utilities {
overflow: hidden; }
#utilities > .inner {
padding: 0.5em 0; }
#utilities.closed {
height: 0; }
#utilities.closed .tabs, #utilities.closed .node-didactique {
display: none; }
@media only screen and (max-width: 40em) {
#utilities {
margin-top: 0; } }
/*
_
____ ___ ____ _(_)___
/ __ `__ \/ __ `/ / __ / / / / / / /_/ / / / / /
/_/ /_/ /_/\__,_/_/_/ /_/
*/
body.home-v2 #main {
padding-top: 60px; }
/*
__ _ __ ___ __ __ __
/ /_ (_)___ _/ /_ / (_)___ _/ /_ / /____ ____/ /
/ __ \/ / __ `/ __ \/ / / __ `/ __ \/ __/ _ \/ __ /
/ / / / / /_/ / / / / / / /_/ / / / / /_/ __/ /_/ /
/_/ /_/_/\__, /_/ /_/_/_/\__, /_/ /_/\__/\___/\__,_/
/____/ /____/
*/
#highlighted {
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
padding: 0.5em;
position: relative; }
@media only screen and (min-width: 40.063em) {
#highlighted {
margin: 20px 0 6px; }
#highlighted .block {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: top; }
#highlighted .block-materio-didactique {
width: 65%; }
#highlighted .block-materio-didactique .side {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: top;
position: relative; }
#highlighted .block-materio-didactique .group-sideleft {
width: 65%; }
#highlighted .block-materio-didactique .group-sideright {
width: 30%; }
#highlighted .block-materio-didactique .field-name-title-field {
font-size: 24px; }
#highlighted .block-materio-didactique .node.emvideo .group-sideleft, #highlighted .block-materio-didactique .node.emvideo .group-sideright {
width: 47%; }
#highlighted .block-materio-didactique .node.emvideo .group-sideleft {
margin-right: 2%; }
#highlighted #block-materio-user-user-register {
width: 30%;
padding: 5px;
height: 290px; } }
@media only screen {
#highlighted .block-materio-didactique .side {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: top; } }
@media only screen and (max-width: 40em) {
#highlighted {
margin: 10px 0 6px; }
#highlighted .block-materio-didactique .group-sideleft, #highlighted .block-materio-didactique .group-sideright {
width: 100%; }
#highlighted .block-materio-didactique .node-didactique .field-name-title-field {
font-size: 20px;
font-weight: normal !important; }
#highlighted .block-materio-didactique .node-didactique .field-name-title-field:after {
content: "\a0\f10b";
font-family: "foundation-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
font-size: 16px; }
html.js #highlighted .block-materio-didactique .node-didactique {
height: auto;
height: 30px;
overflow: hidden; }
html.js #highlighted .block-materio-didactique .node-didactique.opened {
height: auto; } }
.oldie #highlighted .block {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#highlighted .block-materio-didactique .node-didactique {
font-size: 14px;
background-color: #fff;
margin: 0 auto; }
#highlighted .block-materio-didactique .node-didactique .side {
position: relative; }
#highlighted .block-materio-didactique .node-didactique .field-name-title-field {
font-weight: 900;
font-style: italic;
padding: 5px 0; }
#highlighted .block-materio-didactique .node-didactique .field-name-field-visuel {
text-align: center; }
#highlighted .block-materio-didactique .node-didactique .field-name-field-visuel figure, #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel img {
display: inline; }
#highlighted .block-materio-didactique .node-didactique.emvideo .field-name-field-visuel {
display: none; }
.ie8 #highlighted .block-materio-didactique .node-didactique .player {
display: none; }
html.js #highlighted .block-materio-didactique {
position: relative;
overflow: hidden; }
html.js #highlighted .block-materio-didactique .slides {
height: 270px;
margin: 0;
position: relative;
width: 100%;
overflow: hidden; }
html.js #highlighted .block-materio-didactique .slides .node-didactique {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
html.js #highlighted .block-materio-didactique .slides .field-name-title-field {
height: 30px; }
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper {
height: 240px; }
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .side {
height: 100%; }
@media only screen and (max-width: 40em) {
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
width: 290px;
height: 163.125px; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
width: 216px;
height: 121.5px; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
width: 216px;
height: 121.5px; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
width: 280px;
height: 157.5px; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
width: 340px;
height: 191.25px; } }
html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo * {
height: 100%;
width: 100%; }
html.js #highlighted .block-materio-didactique .tabs {
height: 30px;
margin: 0;
text-align: left; }
html.js #highlighted .block-materio-didactique .tabs > * {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: top;
padding: 5px 10px;
font-size: 12px;
cursor: pointer;
color: #bfbfbf; }
html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlighted .block-materio-didactique .tabs > *:focus, html.js #highlighted .block-materio-didactique .tabs > *.active {
color: #3f3f3f; }
/*
__ __ __ _ __
/ /_ / /___ _____/ /__ ________ ____ _(_)____/ /____ _____
/ __ \/ / __ \/ ___/ //_/ / ___/ _ \/ __ `/ / ___/ __/ _ \/ ___/
/ /_/ / / /_/ / /__/ ,< / / / __/ /_/ / (__ ) /_/ __/ /
/_.___/_/\____/\___/_/|_| /_/ \___/\__, /_/____/\__/\___/_/
/____/
*/
#block-materio-user-user-register, #block-materio-user-user-createaccount {
min-height: 120px;
padding: 5px;
background: transparent url("../img/register-block.png") no-repeat 100% 90%; }
.ie8 #block-materio-user-user-register, .ie8 #block-materio-user-user-createaccount {
max-width: 250px;
float: right;
background-image: none; }
#block-materio-user-user-register h2, #block-materio-user-user-register h3, #block-materio-user-user-createaccount h2, #block-materio-user-user-createaccount h3 {
font-weight: 900;
font-style: italic;
padding: 5px 0;
margin: 0;
line-height: 1;
background-color: #fff;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 50%; }
#block-materio-user-user-register h2, #block-materio-user-user-createaccount h2 {
font-size: 24px; }
#block-materio-user-user-register h3, #block-materio-user-user-createaccount h3 {
font-size: 16px; }
#block-materio-user-user-register form, #block-materio-user-user-createaccount form {
margin: 0;
background-color: rgba(255, 255, 255, 0.7);
padding-bottom: 5px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#block-materio-user-user-register .form-item, #block-materio-user-user-register .form-wrapper, #block-materio-user-user-createaccount .form-item, #block-materio-user-user-createaccount .form-wrapper {
margin: 0;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
position: relative; }
#block-materio-user-user-register #edit-account, #block-materio-user-user-createaccount #edit-account {
margin-right: 5px; }
#block-materio-user-user-register input.form-text, #block-materio-user-user-createaccount input.form-text {
font-size: 12px;
border-radius: 5px;
background-clip: padding-box;
margin-bottom: 4px; }
.ie8 #block-materio-user-user-register input.form-text, .ie8 #block-materio-user-user-createaccount input.form-text {
margin-right: 5px; }
#block-materio-user-user-register .form-item-mail input.form-text, #block-materio-user-user-register .form-item-name input.form-text, #block-materio-user-user-createaccount .form-item-mail input.form-text, #block-materio-user-user-createaccount .form-item-name input.form-text {
width: 11em; }
#block-materio-user-user-register .form-item-pass input.form-text, #block-materio-user-user-createaccount .form-item-pass input.form-text {
width: 7em; }
#block-materio-user-user-register #edit-mail-check, #block-materio-user-user-createaccount #edit-mail-check {
position: absolute;
bottom: 100%;
z-index: 9999;
background-image: none;
height: auto;
padding: 5px;
border-radius: 5px;
background-clip: padding-box;
margin-bottom: 10px;
font-size: 10px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
transition: bottom 0.1s ease-out; }
#block-materio-user-user-register #edit-mail-check.error, #block-materio-user-user-createaccount #edit-mail-check.error {
background-color: #f3968d;
color: #fff; }
#block-materio-user-user-register #edit-mail-check.ok, #block-materio-user-user-createaccount #edit-mail-check.ok {
display: none; }
#block-materio-user-user-register .form-submit, #block-materio-user-user-createaccount .form-submit {
font-size: 16px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
margin-bottom: 4px; }
#block-materio-user-user-register .form-item-termsofservices, #block-materio-user-user-register #edit-field-newsletter, #block-materio-user-user-createaccount .form-item-termsofservices, #block-materio-user-user-createaccount #edit-field-newsletter {
margin-bottom: 0;
display: block;
line-height: 1; }
#block-materio-user-user-register .form-item-termsofservices > *, #block-materio-user-user-register #edit-field-newsletter > *, #block-materio-user-user-createaccount .form-item-termsofservices > *, #block-materio-user-user-createaccount #edit-field-newsletter > * {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0; }
#block-materio-user-user-register .form-item-termsofservices label, #block-materio-user-user-register #edit-field-newsletter label, #block-materio-user-user-createaccount .form-item-termsofservices label, #block-materio-user-user-createaccount #edit-field-newsletter label {
font-size: 10px;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box; }
#block-materio-user-user-register #user-register-form .form-submit, #block-materio-user-user-createaccount #user-register-form .form-submit {
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#block-materio-user-user-register #user-register-form .form-submit:hover, #block-materio-user-user-register #user-register-form .form-submit:focus, #block-materio-user-user-createaccount #user-register-form .form-submit:hover, #block-materio-user-user-createaccount #user-register-form .form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#block-materio-user-user-register #user-register-form .form-submit:active, #block-materio-user-user-createaccount #user-register-form .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#block-materio-user-user-register #user-register-form .form-submit[disabled], #block-materio-user-user-createaccount #user-register-form .form-submit[disabled] {
background-color: #ddd;
border: 2px solid #ddd; }
#block-materio-user-user-register #user-login .form-submit, #block-materio-user-user-createaccount #user-login .form-submit {
border: 2px solid #E6DE1C;
background-color: #E6DE1C;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#block-materio-user-user-register #user-login .form-submit:hover, #block-materio-user-user-register #user-login .form-submit:focus, #block-materio-user-user-createaccount #user-login .form-submit:hover, #block-materio-user-user-createaccount #user-login .form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#block-materio-user-user-register #user-login .form-submit:active, #block-materio-user-user-createaccount #user-login .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#block-materio-user-user-register #edit-simplenews, #block-materio-user-user-createaccount #edit-simplenews {
padding-top: 0.5em; }
#block-materio-user-user-register #edit-simplenews .fieldset-description, #block-materio-user-user-createaccount #edit-simplenews .fieldset-description {
font-size: 12px; }
#block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item, #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item {
display: block; }
#block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item label, #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item label {
font-size: 12px; }
#block-materio-user-user-register a.join, #block-materio-user-user-createaccount a.join {
display: block;
width: 5em;
font-size: 16px;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
#block-materio-user-user-register a.join:hover, #block-materio-user-user-register a.join:focus, #block-materio-user-user-createaccount a.join:hover, #block-materio-user-user-createaccount a.join:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#block-materio-user-user-register a.join:active, #block-materio-user-user-createaccount a.join:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 40em) {
#block-materio-user-user-register, #block-materio-user-user-createaccount {
background-position: 160% 50%;
min-height: 60px;
padding: 15px 0; }
#block-materio-user-user-register .form-item-mail input.form-text, #block-materio-user-user-register .form-item-name input.form-text, #block-materio-user-user-createaccount .form-item-mail input.form-text, #block-materio-user-user-createaccount .form-item-name input.form-text {
width: 7em; } }
#block-materio-user-user-register .message-error, #block-materio-user-user-createaccount .message-error {
color: #b94a48;
font-size: 12px; }
.modal-content #block-materio-user-user-register, .modal-content #block-materio-user-user-createaccount {
padding: 2em;
width: 400px;
background-color: #fff;
padding: 5px;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }
.modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield, .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield {
display: none; }
.modal-content #block-materio-user-user-register #user-register-form .description, .modal-content #block-materio-user-user-createaccount #user-register-form .description {
font-size: 12px; }
/*
__ __ __
_________ ____ / /____ ____ / /_ / /_____ ____
/ ___/ __ \/ __ \/ __/ _ \/ __ \/ __/_____/ __/ __ \/ __ / /__/ /_/ / / / / /_/ __/ / / / /_/_____/ /_/ /_/ / /_/ /
\___/\____/_/ /_/\__/\___/_/ /_/\__/ \__/\____/ .___/
/_/
*/
#content-top {
/*
___ _ _ _ _
| _| |___ ___ ___| |_|___| |_
| _| | .'| . |___| | |_ -| _|
|_| |_|__,|_ | |_|_|___|_|
|___|
*/ }
#content-top #block-materio-flag-materio-flag-mybookmarks, #content-top #block-materio-flag-materio-flag-mylists {
font-size: 10px;
color: #666666;
font-weight: 300; }
.ie8 #content-top #block-materio-flag-materio-flag-mybookmarks, .ie8 #content-top #block-materio-flag-materio-flag-mylists {
margin-top: 40px; }
#content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 {
font-size: 12px;
font-weight: 700;
margin: 0 0 0.5em 0;
line-height: 1.2;
color: #000; }
#content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
cursor: pointer;
color: #000;
margin-left: 0.5em;
opacity: 0;
transition: opacity 0.1s ease-out; }
#content-top #block-materio-flag-materio-flag-mybookmarks h2 i:before, #content-top #block-materio-flag-materio-flag-mylists h2 i:before {
font-size: 14px; }
#content-top #block-materio-flag-materio-flag-mybookmarks:hover a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks:hover i.fi-x, #content-top #block-materio-flag-materio-flag-mylists:hover a.open-list, #content-top #block-materio-flag-materio-flag-mylists:hover i.fi-x {
opacity: 1; }
#content-top #block-materio-flag-materio-flag-mybookmarks span.listname[name=bookmarks], #content-top #block-materio-flag-materio-flag-mylists span.listname[name=bookmarks] {
cursor: pointer; }
#content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks {
height: 0;
overflow: hidden; }
#content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks.active, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks.active {
height: auto; }
#content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks article.node.vm-bookmark, #content-top #block-materio-flag-materio-flag-mylists section.bookmarks article.node.vm-bookmark {
overflow: hidden; }
#content-top #block-materio-flag-materio-flag-mybookmarks .mylists section h2, #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section .flaged, #content-top #block-materio-flag-materio-flag-mylists .mylists section h2, #content-top #block-materio-flag-materio-flag-mylists .mylists section .flaged {
height: 0;
overflow: hidden; }
#content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active h2, #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active .flaged, #content-top #block-materio-flag-materio-flag-mylists .mylists section.active h2, #content-top #block-materio-flag-materio-flag-mylists .mylists section.active .flaged {
height: auto; }
#tool-bar {
position: relative; }
#tool-bar .inner-content {
padding-top: 10px;
padding-bottom: 10px; }
#tool-bar .inner-content > * {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
@media only screen and (max-width: 40em) {
#tool-bar .inner-content {
padding: 0; } }
.oldie #tool-bar {
background-color: #B1ADAD;
padding: 0 10px; }
#tool-bar .btn-group {
padding: 0;
border-radius: 3px;
background-clip: padding-box;
background-color: #fff;
margin: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: box-shadow 0.3s ease-out; }
#tool-bar .btn-group:hover, #tool-bar .btn-group:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#tool-bar .btn-group:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #block-materio-page-title-materio-page-title {
margin: 0 10px 0 0; }
#tool-bar #block-materio-page-title-materio-page-title h1 {
margin: 0;
font-size: 24px;
text-transform: capitalize;
font-weight: 300; }
#tool-bar #block-materio-page-title-materio-page-title i {
vertical-align: middle;
margin-right: 5px; }
#tool-bar #block-materio-page-title-materio-page-title a.edit-list {
visibility: hidden; }
#tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
margin-top: -100000px; }
.csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
transition: margin-top 0s 0.3s; }
#tool-bar #block-materio-page-title-materio-page-title a.edit-list i {
margin: 0 0 0 5px; }
#tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
visibility: visible; }
.csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
opacity: 1;
transition: opacity 0.3s ease-out; }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#tool-bar #block-materio-page-title-materio-page-title {
display: block; } }
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0 2px; }
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link.active {
cursor: normal; }
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link .inner {
display: none;
font-size: 10px; }
@media only screen and (max-width: 40em) {
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
display: block; }
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link:not(.active) {
display: none; } }
@media only screen and (max-width: 40em) {
html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium {
display: block; } }
@media only screen and (max-width: 40em) {
html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium, html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardbig, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium, #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardbig {
display: block; } }
#tool-bar #block-materio-search-api-materio-search-api-search {
float: right; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0 0 0 10px;
padding: 3px 10px;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: box-shadow 0.3s ease-out;
text-align: right; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover, #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #materio-search-api-search-form {
text-align: right;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0; }
#tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0;
vertical-align: middle;
padding: 0; }
#tool-bar #materio-search-api-search-form .form-checkboxes {
padding: 3px;
font-size: 12px; }
#tool-bar #materio-search-api-search-form .form-checkboxes .form-item {
margin: 0 5px; }
#tool-bar #materio-search-api-search-form .form-checkboxes .form-item label {
font-size: 10px; }
#tool-bar #materio-search-api-search-form a.back-search-home {
display: inline-block;
vertical-align: middle;
color: #000;
padding: 0 0.5em 0 0.2em; }
#tool-bar #materio-search-api-search-form a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-search-form input#edit-searchfield {
border: 1px solid #ccc;
border-radius: 15px;
background-clip: padding-box;
margin: 3px 0 3px 3px;
padding: 4px 5px;
height: 20px;
font-size: 12px;
line-height: 1;
background-position: 100% 7px; }
#tool-bar #materio-search-api-search-form input#edit-searchfield.throbbing {
background-position: 100% -15px; }
.oldie #tool-bar #materio-search-api-search-form #edit-searchfield-autocomplete-aria-live {
background-color: #1a1a1a; }
#tool-bar #materio-search-api-search-form input#edit-create {
padding: 3px; }
#tool-bar #materio-search-api-search-form.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
#tool-bar #materio-search-api-search-form.loading input#edit-create {
visibility: hidden; }
@media only screen and (max-width: 40em) {
#tool-bar #materio-search-api-search-form input#edit-searchfield {
width: 16em; }
#tool-bar #materio-search-api-search-form #edit-bundles-filter {
display: none; } }
#center {
border-radius: 10px;
background-clip: padding-box; }
.node-type-page:not(.page-node-11187) #center {
background-color: #fff; }
.ie8 #center {
height: 100%;
margin-top: 20px; }
#content {
padding: 1em;
transition: height 0.3s ease-out; }
#content.faded {
opacity: 0.5;
transition: opacity 0.3s ease-out; }
#content .materiobase-results, #content .materiobase-actuality, #content .materio-flags-list {
padding: 0 0 30px 0;
margin: 0 0 20px 0; }
#content .materiobase-results.loading, #content .materiobase-actuality.loading, #content .materio-flags-list.loading {
background-image: url("../img/ajax-loader.gif");
background-position: center bottom;
background-repeat: no-repeat; }
#content .materiobase-results p.search-performance, #content .materiobase-results p.flaglist-infos, #content .materiobase-results p.actualities-infos, #content .materiobase-actuality p.search-performance, #content .materiobase-actuality p.flaglist-infos, #content .materiobase-actuality p.actualities-infos, #content .materio-flags-list p.search-performance, #content .materio-flags-list p.flaglist-infos, #content .materio-flags-list p.actualities-infos {
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 10px 0 5px 15px; }
#content .materiobase-results .search-results, #content .materiobase-results .actuality-items, #content .materiobase-results .flaglist-items, #content .materiobase-actuality .search-results, #content .materiobase-actuality .actuality-items, #content .materiobase-actuality .flaglist-items, #content .materio-flags-list .search-results, #content .materio-flags-list .actuality-items, #content .materio-flags-list .flaglist-items {
font-size: 0;
text-align: center; }
#content .materiobase-results .search-results > *, #content .materiobase-results .actuality-items > *, #content .materiobase-results .flaglist-items > *, #content .materiobase-actuality .search-results > *, #content .materiobase-actuality .actuality-items > *, #content .materiobase-actuality .flaglist-items > *, #content .materio-flags-list .search-results > *, #content .materio-flags-list .actuality-items > *, #content .materio-flags-list .flaglist-items > * {
font-size: 16px; }
#content .materiobase-results .search-results > *, #content .materiobase-results .actuality-items > *, #content .materiobase-results .flaglist-items > *, #content .materiobase-actuality .search-results > *, #content .materiobase-actuality .actuality-items > *, #content .materiobase-actuality .flaglist-items > *, #content .materio-flags-list .search-results > *, #content .materio-flags-list .actuality-items > *, #content .materio-flags-list .flaglist-items > * {
text-align: left; }
#content ul.pager {
padding: 1em 0;
text-align: left; }
.ie8 #content ul.pager {
position: absolute;
left: 37px;
bottom: 35px; }
#content ul.pager li {
margin: 0;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
#content ul.pager .pager-current, #content ul.pager a {
color: #000;
font-size: 12px; }
#content ul.pager .pager-current {
font-weight: 900;
font-size: 14px; }
.ie8 #content ul.pager .pager-current {
background: #fff;
padding: 0.3em 1em 0.3em 1em;
margin-top: 0.05em;
border: 1px solid #333333; }
#content ul.pager .pager-first a, #content ul.pager .pager-previous a, #content ul.pager .pager-next a, #content ul.pager .pager-last a {
font-size: 24px;
font-weight: 300; }
/** #content-bottom */
#content-bottom {
padding-top: 10px; }
/*
_________ ____ ____ _____
/ ____/ | / __ \/ __ \/ ___/
/ / / /| | / /_/ / / / /\__ / /___/ ___ |/ _, _/ /_/ /___/ /
\____/_/ |_/_/ |_/_____//____/
*/
/*
_ _ ___
___ ___ ___ _| | ___ ___ ___ ___ ___| |_ ___ ___ ___| _|___ ___ _____ ___ ___ ___ ___
| _| .'| _| . | |_ -| -_| .'| _| _| | | . | -_| _| _| . | _| | .'| | _| -_|
|___|__,|_| |___| |___|___|__,|_| |___|_|_| | _|___|_| |_| |___|_| |_|_|_|__,|_|_|___|___|
|_|
*/
article.search-performance .inner {
padding: 1em; }
article.search-performance p {
font-size: 14px; }
article.search-performance a.button {
display: block;
margin: 10px auto;
max-width: 10em;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.search-performance a.button:hover, article.search-performance a.button:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.search-performance a.button:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.search-performance.view-mode-cardsmall {
width: 327px;
height: 140px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out; }
article.search-performance.view-mode-cardmedium {
width: 210px;
height: 295px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out; }
article.search-performance.view-mode-cardmedium .inner {
padding: 4em 1em 0; }
article.search-performance.view-mode-cardbig {
width: 425px;
height: 115px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
display: block;
margin: 0 auto; }
article.search-performance.view-mode-cardfull {
width: 850px;
height: 115px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
display: block;
margin: 0 auto; }
article.search-performance.view-mode-cardfull .inner {
padding: 1em 212px; }
/*
_____ _____ _____ ____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| | _ | __ | \ | __ | | | | | | _ | __ | | | __|
| --| | -| | | | __ -| | | | | -| | | | | -| -|__ |
|_____|__|__|__|__|____/ |_____|_____|_____|__|__|_|_|_|__|__|__|__|__|__|_____|
*/
article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
width: 50px;
height: 70px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
margin: 3px; }
article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-bookmark.focused, article.node-breve.vm-bookmark.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.just-added {
opacity: 0; }
article.node-materiau.vm-bookmark.associated, article.node-breve.vm-bookmark.associated {
transition: margin 0.3s ease-out; }
article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-bookmark.associated.just-added {
margin-left: -50px;
margin-right: 50px; }
.modal-content article.node-materiau.vm-bookmark.associated, .modal-content article.node-breve.vm-bookmark.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
article.node-materiau.vm-bookmark.removed, article.node-breve.vm-bookmark.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
article.node-materiau.vm-bookmark nav.nav, article.node-breve.vm-bookmark nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-bookmark nav.nav a, article.node-breve.vm-bookmark nav.nav a {
color: #000; }
article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
article.node-materiau.vm-bookmark nav.nav span.op, article.node-breve.vm-bookmark nav.nav span.op {
font-weight: 900;
font-size: 14px; }
article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
padding: 0;
margin: 0; }
article.node-materiau.vm-bookmark nav.nav section, article.node-breve.vm-bookmark nav.nav section {
position: relative; }
article.node-materiau.vm-bookmark nav.nav section > i, article.node-breve.vm-bookmark nav.nav section > i {
margin: 0 5px; }
article.node-materiau.vm-bookmark nav.nav section > i:hover, article.node-breve.vm-bookmark nav.nav section > i:hover {
cursor: pointer; }
article.node-materiau.vm-bookmark nav.nav ul, article.node-breve.vm-bookmark nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
article.node-materiau.vm-bookmark nav.nav ul li a, article.node-breve.vm-bookmark nav.nav ul li a {
display: block; }
article.node-materiau.vm-bookmark nav.nav ul.links a, article.node-breve.vm-bookmark nav.nav ul.links a {
font-size: 12px; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 article.node-materiau.vm-bookmark nav.nav ul, .ie8 article.node-breve.vm-bookmark nav.nav ul {
background: #FFF; }
article.node-materiau.vm-bookmark nav.nav section:hover ul, article.node-breve.vm-bookmark nav.nav section:hover ul {
padding: 5px 5px; }
article.node-materiau.vm-bookmark nav.nav section:hover ul li, article.node-breve.vm-bookmark nav.nav section:hover ul li {
height: 17px; }
article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-bookmark div.workflow span, article.node-breve.vm-bookmark div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
article.node-materiau.vm-bookmark .field-name-field-description .upgrade, article.node-breve.vm-bookmark .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
article.node-materiau.vm-bookmark .side.oops p, article.node-materiau.vm-bookmark .side .upgrade p, article.node-breve.vm-bookmark .side.oops p, article.node-breve.vm-bookmark .side .upgrade p {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-bookmark .side.oops p a, article.node-materiau.vm-bookmark .side .upgrade p a, article.node-breve.vm-bookmark .side.oops p a, article.node-breve.vm-bookmark .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.node-materiau.vm-bookmark .side.oops p a:hover, article.node-materiau.vm-bookmark .side.oops p a:focus, article.node-materiau.vm-bookmark .side .upgrade p a:hover, article.node-materiau.vm-bookmark .side .upgrade p a:focus, article.node-breve.vm-bookmark .side.oops p a:hover, article.node-breve.vm-bookmark .side.oops p a:focus, article.node-breve.vm-bookmark .side .upgrade p a:hover, article.node-breve.vm-bookmark .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.node-materiau.vm-bookmark .side.oops p a:active, article.node-materiau.vm-bookmark .side .upgrade p a:active, article.node-breve.vm-bookmark .side.oops p a:active, article.node-breve.vm-bookmark .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header {
display: none; }
article.node-materiau.vm-bookmark .group-images, article.node-breve.vm-bookmark .group-images {
position: relative;
z-index: 1;
background-color: #fff; }
article.node-materiau.vm-bookmark .group-images figure, article.node-breve.vm-bookmark .group-images figure {
position: absolute;
top: 0;
left: 0; }
article.node-materiau.vm-bookmark .group-images figure:first-child, article.node-breve.vm-bookmark .group-images figure:first-child {
position: relative;
z-index: 1; }
article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark div.workflow {
display: none; }
/*
_____ _____ _____ ____ _____ _____ _____ __ __
| | _ | __ | \ | __| | _ | | | |
| --| | -| | | |__ | | | | | |__| |__
|_____|__|__|__|__|____/ |_____|_|_|_|__|__|_____|_____|
*/
article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
width: 100px;
height: 140px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out; }
article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardsmall.focused, article.node-breve.vm-cardsmall.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.just-added {
opacity: 0; }
article.node-materiau.vm-cardsmall.associated, article.node-breve.vm-cardsmall.associated {
transition: margin 0.3s ease-out; }
article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-cardsmall.associated.just-added {
margin-left: -100px;
margin-right: 100px; }
.modal-content article.node-materiau.vm-cardsmall.associated, .modal-content article.node-breve.vm-cardsmall.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
article.node-materiau.vm-cardsmall.removed, article.node-breve.vm-cardsmall.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
article.node-materiau.vm-cardsmall nav.nav, article.node-breve.vm-cardsmall nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardsmall nav.nav a, article.node-breve.vm-cardsmall nav.nav a {
color: #000; }
article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
article.node-materiau.vm-cardsmall nav.nav span.op, article.node-breve.vm-cardsmall nav.nav span.op {
font-weight: 900;
font-size: 14px; }
article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
padding: 0;
margin: 0; }
article.node-materiau.vm-cardsmall nav.nav section, article.node-breve.vm-cardsmall nav.nav section {
position: relative; }
article.node-materiau.vm-cardsmall nav.nav section > i, article.node-breve.vm-cardsmall nav.nav section > i {
margin: 0 5px; }
article.node-materiau.vm-cardsmall nav.nav section > i:hover, article.node-breve.vm-cardsmall nav.nav section > i:hover {
cursor: pointer; }
article.node-materiau.vm-cardsmall nav.nav ul, article.node-breve.vm-cardsmall nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmall nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
article.node-materiau.vm-cardsmall nav.nav ul li a, article.node-breve.vm-cardsmall nav.nav ul li a {
display: block; }
article.node-materiau.vm-cardsmall nav.nav ul.links a, article.node-breve.vm-cardsmall nav.nav ul.links a {
font-size: 12px; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 article.node-materiau.vm-cardsmall nav.nav ul, .ie8 article.node-breve.vm-cardsmall nav.nav ul {
background: #FFF; }
article.node-materiau.vm-cardsmall nav.nav section:hover ul, article.node-breve.vm-cardsmall nav.nav section:hover ul {
padding: 5px 5px; }
article.node-materiau.vm-cardsmall nav.nav section:hover ul li, article.node-breve.vm-cardsmall nav.nav section:hover ul li {
height: 17px; }
article.node-materiau.vm-cardsmall div.workflow, article.node-breve.vm-cardsmall div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardsmall div.workflow span, article.node-breve.vm-cardsmall div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
article.node-materiau.vm-cardsmall .field-name-field-description .upgrade, article.node-breve.vm-cardsmall .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
article.node-materiau.vm-cardsmall .side.oops p, article.node-materiau.vm-cardsmall .side .upgrade p, article.node-breve.vm-cardsmall .side.oops p, article.node-breve.vm-cardsmall .side .upgrade p {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardsmall .side.oops p a, article.node-materiau.vm-cardsmall .side .upgrade p a, article.node-breve.vm-cardsmall .side.oops p a, article.node-breve.vm-cardsmall .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.node-materiau.vm-cardsmall .side.oops p a:hover, article.node-materiau.vm-cardsmall .side.oops p a:focus, article.node-materiau.vm-cardsmall .side .upgrade p a:hover, article.node-materiau.vm-cardsmall .side .upgrade p a:focus, article.node-breve.vm-cardsmall .side.oops p a:hover, article.node-breve.vm-cardsmall .side.oops p a:focus, article.node-breve.vm-cardsmall .side .upgrade p a:hover, article.node-breve.vm-cardsmall .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.node-materiau.vm-cardsmall .side.oops p a:active, article.node-materiau.vm-cardsmall .side .upgrade p a:active, article.node-breve.vm-cardsmall .side.oops p a:active, article.node-breve.vm-cardsmall .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header {
display: none;
position: absolute;
font-size: 14px;
font-weight: 500; }
article.node-materiau.vm-cardsmall .group-header .field-name-title-field, article.node-breve.vm-cardsmall .group-header .field-name-title-field {
font-weight: 700; }
article.node-materiau.vm-cardsmall .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation, article.node-breve.vm-cardsmall .group-header .field-name-field-reference-materio, article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px; }
article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation, article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
float: right; }
article.node-materiau.vm-cardsmall .group-images, article.node-breve.vm-cardsmall .group-images {
position: relative;
z-index: 1;
background-color: #fff;
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardsmall .group-images figure, article.node-breve.vm-cardsmall .group-images figure {
position: absolute;
top: 0;
left: 0; }
article.node-materiau.vm-cardsmall .group-images figure:first-child, article.node-breve.vm-cardsmall .group-images figure:first-child {
position: relative;
z-index: 1; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
width: 75px;
min-width: 75px; }
article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
width: 98%; }
.ie8 article.node-materiau.vm-cardsmall nav.nav, .ie8 article.node-breve.vm-cardsmall nav.nav {
background: #FFF; }
.no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
visibility: hidden; }
.no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
margin-top: -100000px; }
.csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
transition: margin-top 0s 0.3s; }
.no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
visibility: hidden; }
.no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
margin-top: -100000px; }
.csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
transition: margin-top 0s 0.3s; }
/*
_____ _____ _____ __ _____ _____ _____ _____ _____ _____ __ __ _____ _____ _____ ____
|_ _| | | ||_ _| | _ | | __| | _ | | | | | | _ | __ | | | | | | | | |__| | |- -| __| |__ | | | | | |__| |__ | --| | -| | |
|_| |_____|_____|_____|_| |_____|__| |_____|_|_|_|__|__|_____|_____| |_____|__|__|__|__|____/
*/
#tooltip .group-header.smallcard {
font-size: 14px;
font-weight: 500; }
#tooltip .group-header.smallcard .field-name-title-field {
font-weight: 700; }
#tooltip .group-header.smallcard .field-name-field-reference-materio, #tooltip .group-header.smallcard .field-name-field-localisation {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px; }
#tooltip .group-header.smallcard .field-name-field-localisation {
float: right; }
/*
_____ _____ _____ ____ _____ _____ ____ _____ _____ _____
| | _ | __ | \ | | __| \| | | | |
| --| | -| | | | | | | __| | |- -| | | | | |
|_____|__|__|__|__|____/ |_|_|_|_____|____/|_____|_____|_|_|_|
*/
article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
width: 210px;
height: 295px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out; }
article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardmedium.focused, article.node-breve.vm-cardmedium.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium.just-added {
opacity: 0; }
article.node-materiau.vm-cardmedium.associated, article.node-breve.vm-cardmedium.associated {
transition: margin 0.3s ease-out; }
article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm-cardmedium.associated.just-added {
margin-left: -210px;
margin-right: 210px; }
.modal-content article.node-materiau.vm-cardmedium.associated, .modal-content article.node-breve.vm-cardmedium.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
article.node-materiau.vm-cardmedium.removed, article.node-breve.vm-cardmedium.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
article.node-materiau.vm-cardmedium nav.nav, article.node-breve.vm-cardmedium nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardmedium nav.nav a, article.node-breve.vm-cardmedium nav.nav a {
color: #000; }
article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
article.node-materiau.vm-cardmedium nav.nav span.op, article.node-breve.vm-cardmedium nav.nav span.op {
font-weight: 900;
font-size: 14px; }
article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
padding: 0;
margin: 0; }
article.node-materiau.vm-cardmedium nav.nav section, article.node-breve.vm-cardmedium nav.nav section {
position: relative; }
article.node-materiau.vm-cardmedium nav.nav section > i, article.node-breve.vm-cardmedium nav.nav section > i {
margin: 0 5px; }
article.node-materiau.vm-cardmedium nav.nav section > i:hover, article.node-breve.vm-cardmedium nav.nav section > i:hover {
cursor: pointer; }
article.node-materiau.vm-cardmedium nav.nav ul, article.node-breve.vm-cardmedium nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmedium nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
article.node-materiau.vm-cardmedium nav.nav ul li a, article.node-breve.vm-cardmedium nav.nav ul li a {
display: block; }
article.node-materiau.vm-cardmedium nav.nav ul.links a, article.node-breve.vm-cardmedium nav.nav ul.links a {
font-size: 12px; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 article.node-materiau.vm-cardmedium nav.nav ul, .ie8 article.node-breve.vm-cardmedium nav.nav ul {
background: #FFF; }
article.node-materiau.vm-cardmedium nav.nav section:hover ul, article.node-breve.vm-cardmedium nav.nav section:hover ul {
padding: 5px 5px; }
article.node-materiau.vm-cardmedium nav.nav section:hover ul li, article.node-breve.vm-cardmedium nav.nav section:hover ul li {
height: 17px; }
article.node-materiau.vm-cardmedium div.workflow, article.node-breve.vm-cardmedium div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardmedium div.workflow span, article.node-breve.vm-cardmedium div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
article.node-materiau.vm-cardmedium .field-name-field-description .upgrade, article.node-breve.vm-cardmedium .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
article.node-materiau.vm-cardmedium .side.oops p, article.node-materiau.vm-cardmedium .side .upgrade p, article.node-breve.vm-cardmedium .side.oops p, article.node-breve.vm-cardmedium .side .upgrade p {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardmedium .side.oops p a, article.node-materiau.vm-cardmedium .side .upgrade p a, article.node-breve.vm-cardmedium .side.oops p a, article.node-breve.vm-cardmedium .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.node-materiau.vm-cardmedium .side.oops p a:hover, article.node-materiau.vm-cardmedium .side.oops p a:focus, article.node-materiau.vm-cardmedium .side .upgrade p a:hover, article.node-materiau.vm-cardmedium .side .upgrade p a:focus, article.node-breve.vm-cardmedium .side.oops p a:hover, article.node-breve.vm-cardmedium .side.oops p a:focus, article.node-breve.vm-cardmedium .side .upgrade p a:hover, article.node-breve.vm-cardmedium .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.node-materiau.vm-cardmedium .side.oops p a:active, article.node-materiau.vm-cardmedium .side .upgrade p a:active, article.node-breve.vm-cardmedium .side.oops p a:active, article.node-breve.vm-cardmedium .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
cursor: pointer; }
article.node-materiau.vm-cardmedium .side:nth-child(2), article.node-breve.vm-cardmedium .side:nth-child(2) {
z-index: 1; }
article.node-materiau.vm-cardmedium .group-header, article.node-breve.vm-cardmedium .group-header {
position: absolute;
bottom: 0;
z-index: 2;
width: 190px;
padding: 5px 15px 5px 5px;
min-height: 55px;
font-size: 20px;
font-weight: 300;
line-height: 1;
background-color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
transition: background-color 0.2s ease-out;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardmedium .group-header .field-name-title-field, article.node-breve.vm-cardmedium .group-header .field-name-title-field {
font-weight: 700; }
article.node-materiau.vm-cardmedium .group-header .field-name-field-nature-titre, article.node-breve.vm-cardmedium .group-header .field-name-field-nature-titre {
font-size: 14px; }
article.node-materiau.vm-cardmedium .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation, article.node-materiau.vm-cardmedium .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium .group-header .field-name-field-reference-materio, article.node-breve.vm-cardmedium .group-header .field-name-field-localisation, article.node-breve.vm-cardmedium .group-header .field-name-field-authored-on {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px;
vertical-align: bottom;
width: 48%; }
article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation, article.node-breve.vm-cardmedium .group-header .field-name-field-localisation {
text-align: right; }
.ie8 article.node-materiau.vm-cardmedium .group-header, .ie8 article.node-breve.vm-cardmedium .group-header {
background: #fff;
font-color: #000;
line-height: 1em;
padding: 10px; }
article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve.vm-cardmedium.node-breve .group-header {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
transition: background-color 0.2s ease-out; }
article.node-materiau.vm-cardmedium.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium.node-breve .group-header .field-name-field-authored-on {
font-size: 12px;
font-weight: 500; }
.ie8 article.node-materiau.vm-cardmedium.node-breve .group-header, .ie8 article.node-breve.vm-cardmedium.node-breve .group-header {
background: #000;
font-size: 15px;
line-height: 1.2em; }
article.node-materiau.vm-cardmedium .group-images, article.node-breve.vm-cardmedium .group-images {
position: relative;
z-index: 1;
background-color: #fff; }
article.node-materiau.vm-cardmedium .group-images figure, article.node-breve.vm-cardmedium .group-images figure {
position: absolute;
top: 0;
left: 0; }
article.node-materiau.vm-cardmedium .group-images figure:first-child, article.node-breve.vm-cardmedium .group-images figure:first-child {
position: relative;
z-index: 1; }
article.node-materiau.vm-cardmedium .field-name-field-description, article.node-materiau.vm-cardmedium .field-name-body, article.node-breve.vm-cardmedium .field-name-field-description, article.node-breve.vm-cardmedium .field-name-body {
font-size: 12px;
font-weight: 300;
overflow: hidden;
z-index: -1;
padding: 5px; }
article.node-materiau.vm-cardmedium .field-name-field-description.columnized, article.node-materiau.vm-cardmedium .field-name-body.columnized, article.node-breve.vm-cardmedium .field-name-field-description.columnized, article.node-breve.vm-cardmedium .field-name-body.columnized {
padding: 0;
transition: margin-left 0.3s ease-out; }
article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardmedium .field-name-body.columnized .column > *, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-breve.vm-cardmedium .field-name-body.columnized .column > * {
padding: 5px; }
article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher {
display: inline-block;
border-radius: 3px;
background-clip: padding-box;
color: #fff;
background-color: #3e3e3e;
vertical-align: middle;
font-weight: 700;
font-size: 22px;
padding: 0.05em 0.15em 0.2em 0.2em;
line-height: 0.5;
font-weight: normal; }
article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column {
cursor: w-resize; }
article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column, article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.next-column {
cursor: e-resize; }
article.node-materiau.vm-cardmedium .field-name-field-description .column > *, article.node-materiau.vm-cardmedium .field-name-body .column > *, article.node-breve.vm-cardmedium .field-name-field-description .column > *, article.node-breve.vm-cardmedium .field-name-body .column > * {
padding-right: 25px; }
article.node-materiau.vm-cardmedium .column-wrapper, article.node-breve.vm-cardmedium .column-wrapper {
padding: 5px; }
article.node-materiau.vm-cardmedium .column-wrapper.columnized, article.node-breve.vm-cardmedium .column-wrapper.columnized {
padding: 0;
transition: margin-left 0.3s ease-out; }
article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *, article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * {
padding: 5px; }
article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher {
display: inline-block;
border-radius: 3px;
background-clip: padding-box;
color: #fff;
background-color: #3e3e3e;
vertical-align: middle;
font-weight: 700;
font-size: 22px;
padding: 0.05em 0.15em 0.2em 0.2em;
line-height: 0.5;
font-weight: normal; }
article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column {
cursor: w-resize; }
article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column, article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column {
cursor: e-resize; }
article.node-materiau.vm-cardmedium .field-name-field-company-fab, article.node-materiau.vm-cardmedium .field-name-field-company-distrib, article.node-breve.vm-cardmedium .field-name-field-company-fab, article.node-breve.vm-cardmedium .field-name-field-company-distrib {
font-size: 12px;
padding: 5px;
font-weight: 300; }
article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-label, article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-label, article.node-breve.vm-cardmedium .field-name-field-company-fab .field-label, article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-label {
font-size: 10px;
text-transform: lowercase;
margin: 0; }
article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company {
font-size: 14px; }
article.node-materiau.vm-cardmedium .field-name-field-materiau-ref, article.node-materiau.vm-cardmedium .field-name-field-source, article.node-materiau.vm-cardmedium .field-name-field-attachments, article.node-breve.vm-cardmedium .field-name-field-materiau-ref, article.node-breve.vm-cardmedium .field-name-field-source, article.node-breve.vm-cardmedium .field-name-field-attachments {
font-size: 12px;
padding: 5px;
font-weight: 300; }
article.node-materiau.vm-cardmedium .field-name-field-materiau-ref a, article.node-materiau.vm-cardmedium .field-name-field-source a, article.node-materiau.vm-cardmedium .field-name-field-attachments a, article.node-breve.vm-cardmedium .field-name-field-materiau-ref a, article.node-breve.vm-cardmedium .field-name-field-source a, article.node-breve.vm-cardmedium .field-name-field-attachments a {
color: #000; }
article.node-materiau.vm-cardmedium .field-label, article.node-breve.vm-cardmedium .field-label {
font-weight: 900;
margin: 1em 0 0.5em; }
.no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
visibility: hidden; }
.no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
margin-top: -100000px; }
.csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
transition: margin-top 0s 0.3s; }
.no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
visibility: hidden; }
.no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
margin-top: -100000px; }
.csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
opacity: 0;
transition: visibility 0s 0.3s; }
.csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
transition: margin-top 0s 0.3s; }
.ie8 article.node-materiau.vm-cardmedium nav.nav, .ie8 article.node-breve.vm-cardmedium nav.nav {
background: #FFF; }
/*
_____ _____ _____ ____ _____ _____ _____
| | _ | __ | \ | __ | | __|
| --| | -| | | | __ -|- -| | |
|_____|__|__|__|__|____/ |_____|_____|_____|
*/
article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
width: 425px;
height: 610px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out; }
article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardbig.focused, article.node-breve.vm-cardbig.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-added {
opacity: 0; }
article.node-materiau.vm-cardbig.associated, article.node-breve.vm-cardbig.associated {
transition: margin 0.3s ease-out; }
article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-cardbig.associated.just-added {
margin-left: -425px;
margin-right: 425px; }
.modal-content article.node-materiau.vm-cardbig.associated, .modal-content article.node-breve.vm-cardbig.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
article.node-materiau.vm-cardbig.removed, article.node-breve.vm-cardbig.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
article.node-materiau.vm-cardbig nav.nav, article.node-breve.vm-cardbig nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardbig nav.nav a, article.node-breve.vm-cardbig nav.nav a {
color: #000; }
article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
article.node-materiau.vm-cardbig nav.nav span.op, article.node-breve.vm-cardbig nav.nav span.op {
font-weight: 900;
font-size: 14px; }
article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
padding: 0;
margin: 0; }
article.node-materiau.vm-cardbig nav.nav section, article.node-breve.vm-cardbig nav.nav section {
position: relative; }
article.node-materiau.vm-cardbig nav.nav section > i, article.node-breve.vm-cardbig nav.nav section > i {
margin: 0 5px; }
article.node-materiau.vm-cardbig nav.nav section > i:hover, article.node-breve.vm-cardbig nav.nav section > i:hover {
cursor: pointer; }
article.node-materiau.vm-cardbig nav.nav ul, article.node-breve.vm-cardbig nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
article.node-materiau.vm-cardbig nav.nav ul li a, article.node-breve.vm-cardbig nav.nav ul li a {
display: block; }
article.node-materiau.vm-cardbig nav.nav ul.links a, article.node-breve.vm-cardbig nav.nav ul.links a {
font-size: 12px; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 article.node-materiau.vm-cardbig nav.nav ul, .ie8 article.node-breve.vm-cardbig nav.nav ul {
background: #FFF; }
article.node-materiau.vm-cardbig nav.nav section:hover ul, article.node-breve.vm-cardbig nav.nav section:hover ul {
padding: 5px 5px; }
article.node-materiau.vm-cardbig nav.nav section:hover ul li, article.node-breve.vm-cardbig nav.nav section:hover ul li {
height: 17px; }
article.node-materiau.vm-cardbig div.workflow, article.node-breve.vm-cardbig div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardbig div.workflow span, article.node-breve.vm-cardbig div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
article.node-materiau.vm-cardbig .field-name-field-description .upgrade, article.node-breve.vm-cardbig .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbig .side .upgrade p a, article.node-breve.vm-cardbig .side.oops p a, article.node-breve.vm-cardbig .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.node-materiau.vm-cardbig .side.oops p a:hover, article.node-materiau.vm-cardbig .side.oops p a:focus, article.node-materiau.vm-cardbig .side .upgrade p a:hover, article.node-materiau.vm-cardbig .side .upgrade p a:focus, article.node-breve.vm-cardbig .side.oops p a:hover, article.node-breve.vm-cardbig .side.oops p a:focus, article.node-breve.vm-cardbig .side .upgrade p a:hover, article.node-breve.vm-cardbig .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.node-materiau.vm-cardbig .side.oops p a:active, article.node-materiau.vm-cardbig .side .upgrade p a:active, article.node-breve.vm-cardbig .side.oops p a:active, article.node-breve.vm-cardbig .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardbig .side, article.node-breve.vm-cardbig .side {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
height: 270px;
top: 340px;
cursor: pointer; }
article.node-materiau.vm-cardbig .side:nth-child(2), article.node-breve.vm-cardbig .side:nth-child(2) {
z-index: 1; }
article.node-materiau.vm-cardbig .group-side1, article.node-breve.vm-cardbig .group-side1 {
position: relative;
border-radius: 5px 5px 0 0;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardbig .group-header, article.node-breve.vm-cardbig .group-header {
position: absolute;
bottom: 0;
z-index: 2;
width: 405px;
padding: 10px;
font-size: 20px;
font-weight: 300;
line-height: 1.1;
background-color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
transition: background-color 0.2s ease-out; }
article.node-materiau.vm-cardbig .group-header .field-name-title-field, article.node-breve.vm-cardbig .group-header .field-name-title-field {
font-weight: 700; }
article.node-materiau.vm-cardbig .group-header .field-name-field-nature-titre, article.node-breve.vm-cardbig .group-header .field-name-field-nature-titre {
font-size: 14px; }
article.node-materiau.vm-cardbig .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, article.node-materiau.vm-cardbig .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig .group-header .field-name-field-reference-materio, article.node-breve.vm-cardbig .group-header .field-name-field-localisation, article.node-breve.vm-cardbig .group-header .field-name-field-authored-on {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px;
vertical-align: bottom;
width: 48%; }
article.node-materiau.vm-cardbig .group-header .field-name-field-localisation, article.node-breve.vm-cardbig .group-header .field-name-field-localisation {
text-align: right; }
.ie8 article.node-materiau.vm-cardbig .group-header, .ie8 article.node-breve.vm-cardbig .group-header {
background: #fff;
font-color: #000;
line-height: 1em;
padding: 20px;
border-bottom: 1px solid #C6C6C6; }
article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm-cardbig.node-breve .group-header {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
transition: background-color 0.2s ease-out; }
article.node-materiau.vm-cardbig.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig.node-breve .group-header .field-name-field-authored-on {
font-size: 12px;
font-weight: 500; }
.ie8 article.node-materiau.vm-cardbig.node-breve .group-header, .ie8 article.node-breve.vm-cardbig.node-breve .group-header {
background: #000;
font-color: #fff;
line-height: 1em;
padding: 20px; }
article.node-materiau.vm-cardbig .group-images, article.node-breve.vm-cardbig .group-images {
position: relative;
z-index: 1;
background-color: #fff;
height: auto; }
article.node-materiau.vm-cardbig .group-images figure, article.node-breve.vm-cardbig .group-images figure {
position: absolute;
top: 0;
left: 0; }
article.node-materiau.vm-cardbig .group-images figure:first-child, article.node-breve.vm-cardbig .group-images figure:first-child {
position: relative;
z-index: 1; }
article.node-materiau.vm-cardbig .field-name-field-description, article.node-materiau.vm-cardbig .field-name-body, article.node-breve.vm-cardbig .field-name-field-description, article.node-breve.vm-cardbig .field-name-body {
font-size: 12px;
font-weight: 300;
padding: 10px; }
article.node-materiau.vm-cardbig .field-name-field-description.columnized, article.node-materiau.vm-cardbig .field-name-body.columnized, article.node-breve.vm-cardbig .field-name-field-description.columnized, article.node-breve.vm-cardbig .field-name-body.columnized {
padding: 0;
transition: margin-left 0.3s ease-out; }
article.node-materiau.vm-cardbig .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardbig .field-name-body.columnized .column > *, article.node-breve.vm-cardbig .field-name-field-description.columnized .column > *, article.node-breve.vm-cardbig .field-name-body.columnized .column > * {
padding: 10px; }
article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher {
display: inline-block;
border-radius: 3px;
background-clip: padding-box;
color: #fff;
background-color: #3e3e3e;
vertical-align: middle;
font-weight: 700;
font-size: 22px;
padding: 0.05em 0.15em 0.2em 0.2em;
line-height: 0.5;
font-weight: normal; }
article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.prev-column {
cursor: w-resize; }
article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column, article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.next-column {
cursor: e-resize; }
article.node-materiau.vm-cardbig .column-wrapper, article.node-breve.vm-cardbig .column-wrapper {
padding: 10px; }
article.node-materiau.vm-cardbig .column-wrapper.columnized, article.node-breve.vm-cardbig .column-wrapper.columnized {
padding: 0;
transition: margin-left 0.3s ease-out; }
article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *, article.node-breve.vm-cardbig .column-wrapper.columnized .column > * {
padding: 10px; }
article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher {
display: inline-block;
border-radius: 3px;
background-clip: padding-box;
color: #fff;
background-color: #3e3e3e;
vertical-align: middle;
font-weight: 700;
font-size: 22px;
padding: 0.05em 0.15em 0.2em 0.2em;
line-height: 0.5;
font-weight: normal; }
article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column {
cursor: w-resize; }
article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.next-column, article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.next-column {
cursor: e-resize; }
article.node-materiau.vm-cardbig .field-name-field-company-fab, article.node-materiau.vm-cardbig .field-name-field-company-distrib, article.node-breve.vm-cardbig .field-name-field-company-fab, article.node-breve.vm-cardbig .field-name-field-company-distrib {
font-size: 12px;
padding: 10px;
font-weight: 300; }
article.node-materiau.vm-cardbig .field-name-field-company-fab .field-label, article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-label, article.node-breve.vm-cardbig .field-name-field-company-fab .field-label, article.node-breve.vm-cardbig .field-name-field-company-distrib .field-label {
font-size: 10px;
text-transform: lowercase;
float: none; }
article.node-materiau.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company {
font-size: 14px; }
article.node-materiau.vm-cardbig .field-name-field-materiau-ref, article.node-materiau.vm-cardbig .field-name-field-source, article.node-materiau.vm-cardbig .field-name-field-attachments, article.node-breve.vm-cardbig .field-name-field-materiau-ref, article.node-breve.vm-cardbig .field-name-field-source, article.node-breve.vm-cardbig .field-name-field-attachments {
font-size: 12px;
padding: 10px;
font-weight: 300; }
article.node-materiau.vm-cardbig .field-name-field-materiau-ref a, article.node-materiau.vm-cardbig .field-name-field-source a, article.node-materiau.vm-cardbig .field-name-field-attachments a, article.node-breve.vm-cardbig .field-name-field-materiau-ref a, article.node-breve.vm-cardbig .field-name-field-source a, article.node-breve.vm-cardbig .field-name-field-attachments a {
color: #000; }
article.node-materiau.vm-cardbig .field-label, article.node-breve.vm-cardbig .field-label {
font-weight: 900;
margin: 0 0 0.5em; }
.ie8 article.node-materiau.vm-cardbig nav.nav, .ie8 article.node-breve.vm-cardbig nav.nav {
background: #FFF; }
article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p {
padding: 3em; }
article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbig .side .upgrade p a, article.node-breve.vm-cardbig .side.oops p a, article.node-breve.vm-cardbig .side .upgrade p a {
border: 2px solid #eee;
background-color: #eee;
color: #fff;
transition: border 0.3s ease-out;
transition: background-color 0.3s ease-out; }
article.node-materiau.vm-cardbig:hover .side.oops p a, article.node-materiau.vm-cardbig:hover .side .upgrade p a, article.node-breve.vm-cardbig:hover .side.oops p a, article.node-breve.vm-cardbig:hover .side .upgrade p a {
border: 2px solid #69CDCF;
background-color: #69CDCF; }
/*
_____ _____ _____ ____ _____ _____ __ __
| | _ | __ | \ | __| | | | | |
| --| | -| | | | __| | | |__| |__
|_____|__|__|__|__|____/ |__| |_____|_____|_____|
*/
article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
width: 850px;
height: 610px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
font-size: 0px; }
article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
article.node-materiau.vm-cardfull.focused, article.node-breve.vm-cardfull.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.just-added {
opacity: 0; }
article.node-materiau.vm-cardfull.associated, article.node-breve.vm-cardfull.associated {
transition: margin 0.3s ease-out; }
article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-cardfull.associated.just-added {
margin-left: -850px;
margin-right: 850px; }
.modal-content article.node-materiau.vm-cardfull.associated, .modal-content article.node-breve.vm-cardfull.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
article.node-materiau.vm-cardfull.removed, article.node-breve.vm-cardfull.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardfull nav.nav a, article.node-breve.vm-cardfull nav.nav a {
color: #000; }
article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
article.node-materiau.vm-cardfull nav.nav span.op, article.node-breve.vm-cardfull nav.nav span.op {
font-weight: 900;
font-size: 14px; }
article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
padding: 0;
margin: 0; }
article.node-materiau.vm-cardfull nav.nav section, article.node-breve.vm-cardfull nav.nav section {
position: relative; }
article.node-materiau.vm-cardfull nav.nav section > i, article.node-breve.vm-cardfull nav.nav section > i {
margin: 0 5px; }
article.node-materiau.vm-cardfull nav.nav section > i:hover, article.node-breve.vm-cardfull nav.nav section > i:hover {
cursor: pointer; }
article.node-materiau.vm-cardfull nav.nav ul, article.node-breve.vm-cardfull nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
article.node-materiau.vm-cardfull nav.nav ul li a, article.node-breve.vm-cardfull nav.nav ul li a {
display: block; }
article.node-materiau.vm-cardfull nav.nav ul.links a, article.node-breve.vm-cardfull nav.nav ul.links a {
font-size: 12px; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links > *, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > *, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 article.node-materiau.vm-cardfull nav.nav ul, .ie8 article.node-breve.vm-cardfull nav.nav ul {
background: #FFF; }
article.node-materiau.vm-cardfull nav.nav section:hover ul, article.node-breve.vm-cardfull nav.nav section:hover ul {
padding: 5px 5px; }
article.node-materiau.vm-cardfull nav.nav section:hover ul li, article.node-breve.vm-cardfull nav.nav section:hover ul li {
height: 17px; }
article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
article.node-materiau.vm-cardfull div.workflow span, article.node-breve.vm-cardfull div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
article.node-materiau.vm-cardfull .field-name-field-description .upgrade, article.node-breve.vm-cardfull .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardfull .side .upgrade p a, article.node-breve.vm-cardfull .side.oops p a, article.node-breve.vm-cardfull .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
article.node-materiau.vm-cardfull .side.oops p a:hover, article.node-materiau.vm-cardfull .side.oops p a:focus, article.node-materiau.vm-cardfull .side .upgrade p a:hover, article.node-materiau.vm-cardfull .side .upgrade p a:focus, article.node-breve.vm-cardfull .side.oops p a:hover, article.node-breve.vm-cardfull .side.oops p a:focus, article.node-breve.vm-cardfull .side .upgrade p a:hover, article.node-breve.vm-cardfull .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
article.node-materiau.vm-cardfull .side.oops p a:active, article.node-materiau.vm-cardfull .side .upgrade p a:active, article.node-breve.vm-cardfull .side.oops p a:active, article.node-breve.vm-cardfull .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
top: 0; }
article.node-materiau.vm-cardfull > *, article.node-breve.vm-cardfull > * {
font-size: 16px; }
article.node-materiau.vm-cardfull > .side, article.node-breve.vm-cardfull > .side {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 50%; }
article.node-materiau.vm-cardfull > .side.group-side-left, article.node-breve.vm-cardfull > .side.group-side-left {
border-radius: 5px 0 0 5px;
background-clip: padding-box; }
article.node-materiau.vm-cardfull > .side.group-side-right, article.node-breve.vm-cardfull > .side.group-side-right {
border-radius: 0 5px 5px 0;
background-clip: padding-box; }
article.node-materiau.vm-cardfull .group-images, article.node-breve.vm-cardfull .group-images {
position: relative;
z-index: 1;
background-color: #fff; }
article.node-materiau.vm-cardfull .group-images figure, article.node-breve.vm-cardfull .group-images figure {
position: absolute;
top: 0;
left: 0; }
article.node-materiau.vm-cardfull .group-images figure:first-child, article.node-breve.vm-cardfull .group-images figure:first-child {
position: relative;
z-index: 1; }
article.node-materiau.vm-cardfull .group-header, article.node-breve.vm-cardfull .group-header {
font-size: 20px;
font-weight: 300;
padding: 10px; }
article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-title-field {
font-weight: 700; }
article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardfull .group-header .field-name-field-localisation, article.node-materiau.vm-cardfull .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-localisation, article.node-breve.vm-cardfull .group-header .field-name-field-authored-on {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px;
padding-right: 15px; }
article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
transition: background-color 0.2s ease-out; }
article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
font-weight: 500; }
article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
font-size: 12px;
font-weight: 300;
padding: 10px; }
article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardfull .field-name-field-company-fab, article.node-materiau.vm-cardfull .field-name-field-company-distrib, article.node-breve.vm-cardfull .field-name-field-company-fab, article.node-breve.vm-cardfull .field-name-field-company-distrib {
font-size: 12px;
padding: 10px;
font-weight: 300;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 40%; }
article.node-materiau.vm-cardfull .field-name-field-company-fab .field-item, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-item, article.node-breve.vm-cardfull .field-name-field-company-fab .field-item, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-item {
margin-top: 1em; }
article.node-materiau.vm-cardfull .field-name-field-company-fab .field-label, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-label, article.node-breve.vm-cardfull .field-name-field-company-fab .field-label, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-label {
font-size: 10px;
text-transform: lowercase;
float: none; }
article.node-materiau.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company, article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company, article.node-breve.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company, article.node-breve.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company {
font-size: 14px; }
article.node-materiau.vm-cardfull .field-name-field-materiau-ref, article.node-materiau.vm-cardfull .field-name-field-source, article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-materiau-ref, article.node-breve.vm-cardfull .field-name-field-source, article.node-breve.vm-cardfull .field-name-field-attachments {
font-size: 12px;
padding: 10px;
font-weight: 300; }
article.node-materiau.vm-cardfull .field-name-field-materiau-ref a, article.node-materiau.vm-cardfull .field-name-field-source a, article.node-materiau.vm-cardfull .field-name-field-attachments a, article.node-breve.vm-cardfull .field-name-field-materiau-ref a, article.node-breve.vm-cardfull .field-name-field-source a, article.node-breve.vm-cardfull .field-name-field-attachments a {
color: #000; }
article.node-materiau.vm-cardfull .field-label, article.node-breve.vm-cardfull .field-label {
font-weight: 900;
margin: 0 0 0.5em; }
article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
margin: 5px; }
article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull div.workflow {
margin: 5px; }
article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p {
padding: 3em; }
article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardfull .side .upgrade p a, article.node-breve.vm-cardfull .side.oops p a, article.node-breve.vm-cardfull .side .upgrade p a {
border: 2px solid #eee;
background-color: #eee;
color: #fff;
transition: border 0.3s ease-out;
transition: background-color 0.3s ease-out; }
article.node-materiau.vm-cardfull:hover .side.oops p a, article.node-materiau.vm-cardfull:hover .side .upgrade p a, article.node-breve.vm-cardfull:hover .side.oops p a, article.node-breve.vm-cardfull:hover .side .upgrade p a {
border: 2px solid #69CDCF;
background-color: #69CDCF; }
/*
_ _ _
___ ___ ___ _| | ___ ___|_|___| |_
| _| .'| _| . | | . | _| | | _|
|___|__,|_| |___| | _|_| |_|_|_|_|
|_|
*/
.print-node-materiau {
margin: 0 auto; }
@media screen {
.print-node-materiau {
width: 850px;
height: auto;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
position: relative;
margin: 7px;
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
width: 1024px;
padding: 1em; }
.print-node-materiau > div.side {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
.print-node-materiau.focused {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
.print-node-materiau.just-added {
opacity: 0; }
.print-node-materiau.associated {
transition: margin 0.3s ease-out; }
.print-node-materiau.associated.just-added {
margin-left: -850px;
margin-right: 850px; }
.modal-content .print-node-materiau.associated {
position: absolute;
top: 0;
left: 0;
z-index: 999; }
.print-node-materiau.removed {
transition: width 0.3s ease-out;
width: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-left: 0;
overflow: hidden; }
.print-node-materiau nav.nav {
position: absolute;
top: 0;
right: 0;
z-index: 11;
padding: 5px 0;
border-radius: 0 5px 0 3px;
background-clip: padding-box;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
.print-node-materiau nav.nav a {
color: #000; }
.print-node-materiau nav.nav ul {
background-color: rgba(255, 255, 255, 0.9); }
.print-node-materiau nav.nav span.op {
font-weight: 900;
font-size: 14px; }
.print-node-materiau nav.nav ul {
padding: 0;
margin: 0; }
.print-node-materiau nav.nav section {
position: relative; }
.print-node-materiau nav.nav section > i {
margin: 0 5px; }
.print-node-materiau nav.nav section > i:hover {
cursor: pointer; }
.print-node-materiau nav.nav ul {
position: absolute;
right: 0;
top: 0;
margin-right: 22px;
min-width: 80px;
padding: 0;
display: block;
border-radius: 3px;
background-clip: padding-box;
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
.print-node-materiau nav.nav ul li {
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 0;
overflow: hidden;
transition: height 0.2s ease-out; }
.print-node-materiau nav.nav ul li a {
display: block; }
.print-node-materiau nav.nav ul.links a {
font-size: 12px; }
.print-node-materiau nav.nav ul.flag-lists-entity-links {
width: 160px;
font-size: 0; }
.print-node-materiau nav.nav ul.flag-lists-entity-links > * {
font-size: 11px; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 48%;
max-width: 98%;
padding-left: 2px; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li a {
color: #a6a6a6;
transition: color 0.2s ease-out; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li a:hover, .print-node-materiau nav.nav ul.flag-lists-entity-links li a.unflag-action {
color: #000;
text-decoration: none; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create {
display: block;
width: 100%; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
margin-top: 1px;
padding-top: 1px;
border-top: 1px solid #e6e6e6; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
color: #000; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li.loading {
background: transparent url("../img/ajax-loader.gif") no-repeat 98% center; }
.print-node-materiau nav.nav ul.flag-lists-entity-links li.loading a {
visibility: hidden; }
.ie8 .print-node-materiau nav.nav ul {
background: #FFF; }
.print-node-materiau nav.nav section:hover ul {
padding: 5px 5px; }
.print-node-materiau nav.nav section:hover ul li {
height: 17px; }
.print-node-materiau div.workflow {
position: absolute;
top: 0;
left: 0;
z-index: 11;
padding: 5px;
border-radius: 5px 0 3px 0;
background-clip: padding-box;
font-size: 10px;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.9);
color: #000; }
.print-node-materiau div.workflow span {
padding: 3px 0 0 4px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
.print-node-materiau .field-name-field-description .upgrade {
font-size: 12px;
padding-top: 4em;
margin-top: -4.5em;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
position: relative; }
.print-node-materiau .side.oops p, .print-node-materiau .side .upgrade p {
padding: 10px;
font-size: 12px; }
.print-node-materiau .side.oops p a, .print-node-materiau .side .upgrade p a {
display: block;
margin: 10px 0;
font-size: 18px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
.print-node-materiau .side.oops p a:hover, .print-node-materiau .side.oops p a:focus, .print-node-materiau .side .upgrade p a:hover, .print-node-materiau .side .upgrade p a:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
.print-node-materiau .side.oops p a:active, .print-node-materiau .side .upgrade p a:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } }
.print-content .node-materiau.vm-print {
margin: 0;
position: relative; }
.print-content .node-materiau.vm-print .field-name-title-field {
font-weight: 500;
font-size: 1.4em; }
.print-content .node-materiau.vm-print .field-name-field-nature-titre {
font-weight: 500;
font-size: 1em;
margin-bottom: 0.5em; }
.print-content .node-materiau.vm-print .group-head-right {
position: absolute;
top: 0;
right: 0;
padding-top: 1em;
text-align: right;
font-size: 0.8em; }
.print-content .node-materiau.vm-print .group-head-right .field-name-field-reference-materio {
font-weight: 800;
font-size: 1.2em; }
.print-content .node-materiau.vm-print .side.group-side-left {
width: 45%;
position: absolute; }
.print-content .node-materiau.vm-print .side.group-side-left .field-name-field-description {
font-size: 0.8em; }
.print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference {
display: inline-block;
vertical-align: top;
width: 45%;
margin: 0.5em 1em 0 0;
font-size: 0.7em; }
.print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .field-label {
font-size: 0.8em;
font-weight: 300; }
.print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .node-company .field-name-field-tode-company {
font-size: 1.2em; }
.print-content .node-materiau.vm-print .side.group-side-left > .field-type-taxonomy-term-reference > .node-company .field-label {
display: none; }
.print-content .node-materiau.vm-print .side.group-side-right section, .print-content .node-materiau.vm-print .side.group-side-right div, .print-content .node-materiau.vm-print .side.group-side-right figure {
max-width: 100%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image {
text-align: right; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure {
display: inline-block;
max-width: 19%;
margin: 0.5em 0 0 0.5em;
max-width: 100%;
margin-left: 50%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image > figure img {
max-width: 100%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item {
display: none;
max-width: 19%;
margin: 0.5em 0 0 0.5em; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item:nth-child(-n+7) {
display: inline-block; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item:nth-child(-n+2) {
max-width: 100%;
margin-left: 50%; }
.print-content .node-materiau.vm-print .side.group-side-right .field-name-field-materiau-image .field-item img {
max-width: 100%; }
.print-content .node-materiau.vm-print .field-name-field-tode-company {
font-size: 1.5em;
font-weight: 700; }
.print-content .node-materiau.vm-print .field-name-field-description,
.print-content .node-materiau.vm-print .field-name-field-company-fab,
.print-content .node-materiau.vm-print .field-name-field-reference-distrib {
padding-bottom: 1em; }
/*
____ ____ _____ ________
/ __ \/ __ \/ _/ | / /_ __/
/ /_/ / /_/ // // |/ / / /
/ ____/ _, _// // /| / / /
/_/ /_/ |_/___/_/ |_/ /_/
*/
@media print {
@page {
margin: 1.5cm 7mm 8mm; } }
.print-site_name {
width: 100%;
vertical-align: bottom;
margin-bottom: 0.5em; }
.print-site_name h1 {
margin: 0 0 0 0;
font-size: 1.4em;
text-align: center; }
.print-site_name h1 a {
color: inherit; }
.print-site_name h1 a:hover {
text-decoration: none; }
.print-site_name span.slogan {
display: none;
font-size: 0.8em;
margin-top: -3px;
margin-left: -0.5em;
font-weight: 900; }
.ie8 .print-site_name span.slogan {
position: absolute;
margin-top: 22px; }
.print-content {
margin-bottom: 1em; }
.print-footer {
position: absolute;
bottom: 0;
text-align: center;
width: 100%; }
.print-footer p {
display: inline-block;
width: 45%;
text-align: center; }
/*
___ __ ____________ __________ __ _______ __ __________________
/ | / / / /_ __/ __ \/ ____/ __ \/ |/ / __ \/ / / ____/_ __/ ____/
/ /| |/ / / / / / / / / / / / / / / /|_/ / /_/ / / / __/ / / / __/
/ ___ / /_/ / / / / /_/ / /___/ /_/ / / / / ____/ /___/ /___ / / / /___
/_/ |_\____/ /_/ \____/\____/\____/_/ /_/_/ /_____/_____/ /_/ /_____/
*/
#autocomplete {
border: 0;
border-radius: 3px;
background-clip: padding-box;
background-color: rgba(0, 0, 0, 0.6);
text-align: left;
margin-left: 2px; }
.oldie #autocomplete {
background-color: #545454; }
#autocomplete li {
color: #FFF;
background-color: transparent;
font-size: 12px; }
#autocomplete li.selected {
background-color: rgba(0, 0, 0, 0.8); }
#autocomplete li div {
padding: 0.1em 5px; }
/**
* the old modal api (balck bg) for contextual forms (create new flag list)
*/
#modal {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 5px;
background-clip: padding-box;
border: 0;
font-size: 12px; }
#modal * {
color: #fff;
background-color: transparent; }
#modal form {
background-color: transparent;
color: #fff;
border: 0px; }
#modal form .form-actions {
background-color: transparent;
margin: 0;
padding: 0;
border: 0; }
#modal form input.form-text, #modal form textarea, #modal form div.grippie {
background-color: #fff;
color: #000;
border: 0; }
#modal form .form-actions {
text-align: right; }
#modal form input.form-submit {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#modal form input.form-submit:hover, #modal form input.form-submit:focus {
background-color: #007095; }
#modal form input.form-submit:hover, #modal form input.form-submit:focus {
color: #FFFFFF; }
#modal form input.form-submit[name="create"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
background-color: #368a55; }
#modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
color: #FFFFFF; }
#modal form input.form-submit[name="save"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
background-color: #368a55; }
#modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
color: #FFFFFF; }
#modal form input.form-submit[name="delete"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
background-color: #cf2a0e; }
#modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
color: #FFFFFF; }
#modal form input.form-submit[name="cancel"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
transition: background-color 300ms ease-out; }
#modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
background-color: #b9b9b9; }
#modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
color: #333333; }
#modal > * {
padding: 10px; }
#modal .form-item-flag-lists-name input {
width: 95%; }
#modal .actions {
text-align: right; }
/**
* the new modal api used for preview and register modal
*/
.modal-wrapper {
bottom: 0;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
white-space: nowrap;
z-index: 99998; }
.modal-wrapper:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle; }
.modal-wrapper:after, .modal-wrapper:before {
-moz-box-sizing: border-box; }
.modal-wrapper .modal-bg {
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5; }
.modal-wrapper .modal-content {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: left;
vertical-align: middle;
white-space: normal;
min-height: 200px; }
/*
_______ __________ ____ __ __ ____ ___ _ __
/ / ___// ____/ __ \/ __ \/ / / / / __ \/ | / | / /
__ / /\__ \/ / / /_/ / / / / / / / / /_/ / /| | / |/ /
/ /_/ /___/ / /___/ _, _/ /_/ / /___/ /___/ ____/ ___ |/ /| /
\____//____/\____/_/ |_|\____/_____/_____/_/ /_/ |_/_/ |_/
*/
.jspContainer .jspVerticalBar {
background-color: transparent;
width: 5px; }
.jspContainer .jspVerticalBar .jspTrack {
background-color: transparent; }
.jspContainer .jspVerticalBar .jspTrack .jspDrag {
background-color: #ccc;
border-radius: 3px;
background-clip: padding-box; }
/*
__________ ____ __ ______________
/_ __/ __ \/ __ \/ / /_ __/ _/ __ / / / / / / / / / / / / / // /_/ /
/ / / /_/ / /_/ / /___/ / _/ // ____/
/_/ \____/\____/_____/_/ /___/_/
*/
#tooltip {
position: absolute;
z-index: 999;
max-width: 180px;
background-color: white;
padding: 5px;
border-radius: 3px;
background-clip: padding-box;
font-size: 12px;
font-weight: 500;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tooltip.op-visible {
transition: opacity 0.1s ease-out; }
/*
______________________ ____ ___ ________ __
/ ____/ ____/ ____/ __ \/ __ )/ | / ____/ //_/
/ /_ / __/ / __/ / / / / __ / /| |/ / / ,<
/ __/ / /___/ /___/ /_/ / /_/ / ___ / /___/ /| |
/_/ /_____/_____/_____/_____/_/ |_\____/_/ |_|
*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#block-feedback-form {
bottom: 5px;
left: 5px;
right: auto; } }
#block-feedback-form h2 {
line-height: 1.2;
font-size: 14px;
margin: 0; }
#block-feedback-form h2 .title {
display: none; }
#block-feedback-form #feedback-form-toggle {
padding: 2px 3px;
border-radius: 3px;
background-clip: padding-box;
background-color: #ff7600;
color: #fff;
line-height: 2;
font-weight: 900; }
#block-feedback-form .content {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 5px;
background-clip: padding-box;
border: 0;
font-size: 12px; }
#block-feedback-form .content * {
color: #fff;
background-color: transparent; }
#block-feedback-form .content form {
background-color: transparent;
color: #fff;
border: 0px; }
#block-feedback-form .content form .form-actions {
background-color: transparent;
margin: 0;
padding: 0;
border: 0; }
#block-feedback-form .content form input.form-text, #block-feedback-form .content form textarea, #block-feedback-form .content form div.grippie {
background-color: #fff;
color: #000;
border: 0; }
#block-feedback-form .content form .form-actions {
text-align: right; }
#block-feedback-form .content form input.form-submit {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
background-color: #007095; }
#block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
color: #FFFFFF; }
#block-feedback-form .content form input.form-submit[name="create"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
background-color: #368a55; }
#block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
color: #FFFFFF; }
#block-feedback-form .content form input.form-submit[name="save"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #43AC6A;
border-color: #368a55;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
background-color: #368a55; }
#block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
color: #FFFFFF; }
#block-feedback-form .content form input.form-submit[name="delete"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #f04124;
border-color: #cf2a0e;
color: #FFFFFF;
transition: background-color 300ms ease-out; }
#block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
background-color: #cf2a0e; }
#block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
color: #FFFFFF; }
#block-feedback-form .content form input.form-submit[name="cancel"] {
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
display: inline-block;
padding-top: 0.625rem;
padding-right: 1.25rem;
padding-bottom: 0.6875rem;
padding-left: 1.25rem;
font-size: 0.6875rem;
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
transition: background-color 300ms ease-out; }
#block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
background-color: #b9b9b9; }
#block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
color: #333333; }
.ie8 #block-feedback-form .content {
background: #000; }
#block-feedback-form #feedback-status-message {
background-color: #fff;
padding: 5px; }
/*
_________ _____ __ __ __ _________ ____ _____
/_ __/ | / ___// //_/ _/_/ /_ __/ | / __ ) ___/
/ / / /| | \__ \/ ,< _/_/ / / / /| | / __ \__ / / / ___ |___/ / /| | _/_/ / / / ___ |/ /_/ /__/ /
/_/ /_/ |_/____/_/ |_| /_/ /_/ /_/ |_/_____/____/
*/
#tasks ul.tabs {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
border: 0 solid #fff;
padding: 0;
margin: 0; }
#tasks ul.tabs li {
padding: 0;
margin: 2px 5px;
border: 0 solid #fff; }
#tasks ul.tabs a {
border: 0;
color: #7f7f7f; }
#tasks ul.tabs a.active, #tasks ul.tabs a:hover {
font-weight: 900;
color: #000; }
#tasks ul.tabs.primary a {
font-size: 12px;
padding: 5px 10px;
background-color: #e6e6e6;
border-radius: 3px;
background-clip: padding-box; }
#tasks ul.tabs.primary a.active, #tasks ul.tabs.primary a:hover {
background-color: #e6e6e6; }
#tasks ul.tabs.secondary {
font-size: 10px;
padding: 0.5em 1em; }
/*
______________ _____________________
/ ___/_ __/ |/_ __/ _/ ____/ ___/
\__ \ / / / /| | / / / // / \__ ___/ // / / ___ |/ / _/ // /___ ___/ /
/____//_/ /_/ |_/_/ /___/\____//____/
*/
/*
_ _ ___ ___ ___
| | |_ -| -_| _|
|___|___|___|_|
*/
.page-user #center, .page-user-edit #center, .page-user-password #center, .page-user-reset #center, .page-toboggan #center {
background: #fff url("../img/user-page-bg.gif") no-repeat bottom right; }
.page-user .messages, .page-user-edit .messages, .page-user-password .messages, .page-user-reset .messages, .page-toboggan .messages {
width: 800px;
margin: 0 auto; }
.page-user.role-6 #tasks .tabs.primary, .page-user-edit.role-6 #tasks .tabs.primary, .page-user-password.role-6 #tasks .tabs.primary, .page-user-reset.role-6 #tasks .tabs.primary, .page-toboggan.role-6 #tasks .tabs.primary {
display: none; }
.page-user.role-6 #tasks .tabs.secondary a, .page-user-edit.role-6 #tasks .tabs.secondary a, .page-user-password.role-6 #tasks .tabs.secondary a, .page-user-reset.role-6 #tasks .tabs.secondary a, .page-toboggan.role-6 #tasks .tabs.secondary a {
font-size: 12px;
padding: 5px 10px;
background-color: #e6e6e6;
border-radius: 3px;
background-clip: padding-box; }
.page-user.role-6 #tasks .tabs.secondary a.active, .page-user.role-6 #tasks .tabs.secondary a:hover, .page-user-edit.role-6 #tasks .tabs.secondary a.active, .page-user-edit.role-6 #tasks .tabs.secondary a:hover, .page-user-password.role-6 #tasks .tabs.secondary a.active, .page-user-password.role-6 #tasks .tabs.secondary a:hover, .page-user-reset.role-6 #tasks .tabs.secondary a.active, .page-user-reset.role-6 #tasks .tabs.secondary a:hover, .page-toboggan.role-6 #tasks .tabs.secondary a.active, .page-toboggan.role-6 #tasks .tabs.secondary a:hover {
background-color: #e6e6e6; }
.page-user #center > *, .page-user-edit #center > *, .page-user-password #center > *, .page-user-reset #center > *, .page-toboggan #center > * {
width: 800px;
margin: 0 auto;
padding-top: 1em;
font-size: 14px; }
.page-user #center > * fieldset, .page-user-edit #center > * fieldset, .page-user-password #center > * fieldset, .page-user-reset #center > * fieldset, .page-toboggan #center > * fieldset {
margin-bottom: 1em;
border: none; }
.page-user #center > * legend, .page-user-edit #center > * legend, .page-user-password #center > * legend, .page-user-reset #center > * legend, .page-toboggan #center > * legend {
font-size: 16px;
margin: 0;
padding: 10px 0 5px 0;
line-height: 1;
border: 0 solid #fff; }
.page-user #center > * legend a, .page-user-edit #center > * legend a, .page-user-password #center > * legend a, .page-user-reset #center > * legend a, .page-toboggan #center > * legend a {
color: #000; }
.page-user #center > * .form-item, .page-user-edit #center > * .form-item, .page-user-password #center > * .form-item, .page-user-reset #center > * .form-item, .page-toboggan #center > * .form-item {
margin: 0 0 0.5em 0;
width: 100%; }
.page-user #center > * .form-item label, .page-user #center > * .form-item input.form-text, .page-user-edit #center > * .form-item label, .page-user-edit #center > * .form-item input.form-text, .page-user-password #center > * .form-item label, .page-user-password #center > * .form-item input.form-text, .page-user-reset #center > * .form-item label, .page-user-reset #center > * .form-item input.form-text, .page-toboggan #center > * .form-item label, .page-toboggan #center > * .form-item input.form-text {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
.page-user #center > * .form-item label, .page-user-edit #center > * .form-item label, .page-user-password #center > * .form-item label, .page-user-reset #center > * .form-item label, .page-toboggan #center > * .form-item label {
margin-right: 1em; }
.page-user #center > * .form-item input.form-text, .page-user-edit #center > * .form-item input.form-text, .page-user-password #center > * .form-item input.form-text, .page-user-reset #center > * .form-item input.form-text, .page-toboggan #center > * .form-item input.form-text {
padding: 2px 4px;
width: 20em; }
.page-user #center > * .form-wrapper > .form-item, .page-user-edit #center > * .form-wrapper > .form-item, .page-user-password #center > * .form-wrapper > .form-item, .page-user-reset #center > * .form-wrapper > .form-item, .page-toboggan #center > * .form-wrapper > .form-item {
margin: 0 0 2em 0; }
.page-user #center > * .form-type-password-confirm label, .page-user #center > * .form-type-new-password-confirm label, .page-user-edit #center > * .form-type-password-confirm label, .page-user-edit #center > * .form-type-new-password-confirm label, .page-user-password #center > * .form-type-password-confirm label, .page-user-password #center > * .form-type-new-password-confirm label, .page-user-reset #center > * .form-type-password-confirm label, .page-user-reset #center > * .form-type-new-password-confirm label, .page-toboggan #center > * .form-type-password-confirm label, .page-toboggan #center > * .form-type-new-password-confirm label {
width: 9em; }
.page-user #center > * .form-type-password-confirm .password-parent, .page-user #center > * .form-type-new-password-confirm .password-parent, .page-user-edit #center > * .form-type-password-confirm .password-parent, .page-user-edit #center > * .form-type-new-password-confirm .password-parent, .page-user-password #center > * .form-type-password-confirm .password-parent, .page-user-password #center > * .form-type-new-password-confirm .password-parent, .page-user-reset #center > * .form-type-password-confirm .password-parent, .page-user-reset #center > * .form-type-new-password-confirm .password-parent, .page-toboggan #center > * .form-type-password-confirm .password-parent, .page-toboggan #center > * .form-type-new-password-confirm .password-parent {
width: auto; }
.page-user #center > * .form-type-password-confirm .password-strength, .page-user #center > * .form-type-password-confirm .password-confirm, .page-user #center > * .form-type-new-password-confirm .password-strength, .page-user #center > * .form-type-new-password-confirm .password-confirm, .page-user-edit #center > * .form-type-password-confirm .password-strength, .page-user-edit #center > * .form-type-password-confirm .password-confirm, .page-user-edit #center > * .form-type-new-password-confirm .password-strength, .page-user-edit #center > * .form-type-new-password-confirm .password-confirm, .page-user-password #center > * .form-type-password-confirm .password-strength, .page-user-password #center > * .form-type-password-confirm .password-confirm, .page-user-password #center > * .form-type-new-password-confirm .password-strength, .page-user-password #center > * .form-type-new-password-confirm .password-confirm, .page-user-reset #center > * .form-type-password-confirm .password-strength, .page-user-reset #center > * .form-type-password-confirm .password-confirm, .page-user-reset #center > * .form-type-new-password-confirm .password-strength, .page-user-reset #center > * .form-type-new-password-confirm .password-confirm, .page-toboggan #center > * .form-type-password-confirm .password-strength, .page-toboggan #center > * .form-type-password-confirm .password-confirm, .page-toboggan #center > * .form-type-new-password-confirm .password-strength, .page-toboggan #center > * .form-type-new-password-confirm .password-confirm {
width: 15em;
margin-top: 0; }
.page-user #center > * .form-type-checkbox input, .page-user-edit #center > * .form-type-checkbox input, .page-user-password #center > * .form-type-checkbox input, .page-user-reset #center > * .form-type-checkbox input, .page-toboggan #center > * .form-type-checkbox input {
margin: 0; }
.page-user #center > * .form-type-checkbox label, .page-user-edit #center > * .form-type-checkbox label, .page-user-password #center > * .form-type-checkbox label, .page-user-reset #center > * .form-type-checkbox label, .page-toboggan #center > * .form-type-checkbox label {
font-size: 14px;
margin: 0; }
.page-user #center > * #edit-language .form-item, .page-user-edit #center > * #edit-language .form-item, .page-user-password #center > * #edit-language .form-item, .page-user-reset #center > * #edit-language .form-item, .page-toboggan #center > * #edit-language .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: auto;
margin-right: 1em; }
.page-user #center > * #edit-language .form-item input, .page-user #center > * #edit-language .form-item label, .page-user-edit #center > * #edit-language .form-item input, .page-user-edit #center > * #edit-language .form-item label, .page-user-password #center > * #edit-language .form-item input, .page-user-password #center > * #edit-language .form-item label, .page-user-reset #center > * #edit-language .form-item input, .page-user-reset #center > * #edit-language .form-item label, .page-toboggan #center > * #edit-language .form-item input, .page-toboggan #center > * #edit-language .form-item label {
margin: 0; }
.page-user #center > * select.form-select, .page-user-edit #center > * select.form-select, .page-user-password #center > * select.form-select, .page-user-reset #center > * select.form-select, .page-toboggan #center > * select.form-select {
width: auto;
padding: 2px 4px;
height: auto; }
.page-user #center > * div.description, .page-user-edit #center > * div.description, .page-user-password #center > * div.description, .page-user-reset #center > * div.description, .page-toboggan #center > * div.description {
font-size: 10px; }
.page-user #center > * div.form-actions, .page-user-edit #center > * div.form-actions, .page-user-password #center > * div.form-actions, .page-user-reset #center > * div.form-actions, .page-toboggan #center > * div.form-actions {
margin: 0;
text-align: right;
padding: 1em 0.5em; }
.page-user #center > *#user-profile-form label, .page-user-edit #center > *#user-profile-form label, .page-user-password #center > *#user-profile-form label, .page-user-reset #center > *#user-profile-form label, .page-toboggan #center > *#user-profile-form label {
min-width: 10em; }
.page-user #center > * #edit-profile-adherent-field-first-name, .page-user #center > * #edit-profile-adherent-field-name,
.page-user #center > * #edit-profile-adherent-field-private-quality, .page-user #center > * #edit-profile-adherent-field-service, .page-user #center > * #edit-profile-adherent-field-employee,
.page-user #center > * #edit-profile-adherent-field-naf, .page-user #center > * #edit-profile-adherent-field-siret, .page-user-edit #center > * #edit-profile-adherent-field-first-name, .page-user-edit #center > * #edit-profile-adherent-field-name,
.page-user-edit #center > * #edit-profile-adherent-field-private-quality, .page-user-edit #center > * #edit-profile-adherent-field-service, .page-user-edit #center > * #edit-profile-adherent-field-employee,
.page-user-edit #center > * #edit-profile-adherent-field-naf, .page-user-edit #center > * #edit-profile-adherent-field-siret, .page-user-password #center > * #edit-profile-adherent-field-first-name, .page-user-password #center > * #edit-profile-adherent-field-name,
.page-user-password #center > * #edit-profile-adherent-field-private-quality, .page-user-password #center > * #edit-profile-adherent-field-service, .page-user-password #center > * #edit-profile-adherent-field-employee,
.page-user-password #center > * #edit-profile-adherent-field-naf, .page-user-password #center > * #edit-profile-adherent-field-siret, .page-user-reset #center > * #edit-profile-adherent-field-first-name, .page-user-reset #center > * #edit-profile-adherent-field-name,
.page-user-reset #center > * #edit-profile-adherent-field-private-quality, .page-user-reset #center > * #edit-profile-adherent-field-service, .page-user-reset #center > * #edit-profile-adherent-field-employee,
.page-user-reset #center > * #edit-profile-adherent-field-naf, .page-user-reset #center > * #edit-profile-adherent-field-siret, .page-toboggan #center > * #edit-profile-adherent-field-first-name, .page-toboggan #center > * #edit-profile-adherent-field-name,
.page-toboggan #center > * #edit-profile-adherent-field-private-quality, .page-toboggan #center > * #edit-profile-adherent-field-service, .page-toboggan #center > * #edit-profile-adherent-field-employee,
.page-toboggan #center > * #edit-profile-adherent-field-naf, .page-toboggan #center > * #edit-profile-adherent-field-siret {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
width: auto;
margin: 0 1em 0.5em 0; }
.page-user #center > * #edit-profile-adherent-field-first-name div, .page-user #center > * #edit-profile-adherent-field-name div,
.page-user #center > * #edit-profile-adherent-field-private-quality div, .page-user #center > * #edit-profile-adherent-field-service div, .page-user #center > * #edit-profile-adherent-field-employee div,
.page-user #center > * #edit-profile-adherent-field-naf div, .page-user #center > * #edit-profile-adherent-field-siret div, .page-user-edit #center > * #edit-profile-adherent-field-first-name div, .page-user-edit #center > * #edit-profile-adherent-field-name div,
.page-user-edit #center > * #edit-profile-adherent-field-private-quality div, .page-user-edit #center > * #edit-profile-adherent-field-service div, .page-user-edit #center > * #edit-profile-adherent-field-employee div,
.page-user-edit #center > * #edit-profile-adherent-field-naf div, .page-user-edit #center > * #edit-profile-adherent-field-siret div, .page-user-password #center > * #edit-profile-adherent-field-first-name div, .page-user-password #center > * #edit-profile-adherent-field-name div,
.page-user-password #center > * #edit-profile-adherent-field-private-quality div, .page-user-password #center > * #edit-profile-adherent-field-service div, .page-user-password #center > * #edit-profile-adherent-field-employee div,
.page-user-password #center > * #edit-profile-adherent-field-naf div, .page-user-password #center > * #edit-profile-adherent-field-siret div, .page-user-reset #center > * #edit-profile-adherent-field-first-name div, .page-user-reset #center > * #edit-profile-adherent-field-name div,
.page-user-reset #center > * #edit-profile-adherent-field-private-quality div, .page-user-reset #center > * #edit-profile-adherent-field-service div, .page-user-reset #center > * #edit-profile-adherent-field-employee div,
.page-user-reset #center > * #edit-profile-adherent-field-naf div, .page-user-reset #center > * #edit-profile-adherent-field-siret div, .page-toboggan #center > * #edit-profile-adherent-field-first-name div, .page-toboggan #center > * #edit-profile-adherent-field-name div,
.page-toboggan #center > * #edit-profile-adherent-field-private-quality div, .page-toboggan #center > * #edit-profile-adherent-field-service div, .page-toboggan #center > * #edit-profile-adherent-field-employee div,
.page-toboggan #center > * #edit-profile-adherent-field-naf div, .page-toboggan #center > * #edit-profile-adherent-field-siret div {
width: auto;
margin: 0;
padding: 0; }
.page-user #center > * #edit-profile-adherent-field-siret label, .page-user-edit #center > * #edit-profile-adherent-field-siret label, .page-user-password #center > * #edit-profile-adherent-field-siret label, .page-user-reset #center > * #edit-profile-adherent-field-siret label, .page-toboggan #center > * #edit-profile-adherent-field-siret label {
width: auto; }
.page-user #center > * #edit-profile-adherent-field-siret input, .page-user-edit #center > * #edit-profile-adherent-field-siret input, .page-user-password #center > * #edit-profile-adherent-field-siret input, .page-user-reset #center > * #edit-profile-adherent-field-siret input, .page-toboggan #center > * #edit-profile-adherent-field-siret input {
width: 8em; }
.page-user #center > * #edit-profile-adherent-field-naf input, .page-user-edit #center > * #edit-profile-adherent-field-naf input, .page-user-password #center > * #edit-profile-adherent-field-naf input, .page-user-reset #center > * #edit-profile-adherent-field-naf input, .page-toboggan #center > * #edit-profile-adherent-field-naf input {
width: 13em; }
.page-user #center > * #edit-profile-adherent-field-organization, .page-user-edit #center > * #edit-profile-adherent-field-organization, .page-user-password #center > * #edit-profile-adherent-field-organization, .page-user-reset #center > * #edit-profile-adherent-field-organization, .page-toboggan #center > * #edit-profile-adherent-field-organization {
margin: 2em 0 0 0; }
.page-user #center > * #edit-profile-adherent-field-employee label, .page-user-edit #center > * #edit-profile-adherent-field-employee label, .page-user-password #center > * #edit-profile-adherent-field-employee label, .page-user-reset #center > * #edit-profile-adherent-field-employee label, .page-toboggan #center > * #edit-profile-adherent-field-employee label {
width: auto; }
.page-user #center > * #edit-profile-adherent-field-employee input, .page-user-edit #center > * #edit-profile-adherent-field-employee input, .page-user-password #center > * #edit-profile-adherent-field-employee input, .page-user-reset #center > * #edit-profile-adherent-field-employee input, .page-toboggan #center > * #edit-profile-adherent-field-employee input {
width: 4em; }
.page-user #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-edit #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-password #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-user-reset #center > * #edit-profile-adherent-field-private-phone .form-phone-number, .page-toboggan #center > * #edit-profile-adherent-field-private-phone .form-phone-number {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
.page-user #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-edit #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-password #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-user-reset #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number, .page-toboggan #center > * #edit-profile-adherent-field-private-phone .form-phone-number #edit-profile-adherent-field-private-phone-und-0-number {
width: 10em; }
.page-user #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 {
padding: 0; }
.page-user #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 .street-block input {
width: 35em; }
.page-user #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-edit #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-password #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-user-reset #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item, .page-toboggan #center > * #edit-profile-adherent-field-adresse-und-0 .locality-block .form-item {
width: auto;
margin-right: 1em; }
.page-user #center > * #edit-profile-adherent-field-user-website, .page-user-edit #center > * #edit-profile-adherent-field-user-website, .page-user-password #center > * #edit-profile-adherent-field-user-website, .page-user-reset #center > * #edit-profile-adherent-field-user-website, .page-toboggan #center > * #edit-profile-adherent-field-user-website {
margin: 2em 0 0 0; }
.page-user #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-edit #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-password #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-user-reset #center > * #edit-profile-adherent-field-user-website .form-item > *, .page-toboggan #center > * #edit-profile-adherent-field-user-website .form-item > * {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
.page-user #center > * #edit-profile-adherent-field-user-website input, .page-user-edit #center > * #edit-profile-adherent-field-user-website input, .page-user-password #center > * #edit-profile-adherent-field-user-website input, .page-user-reset #center > * #edit-profile-adherent-field-user-website input, .page-toboggan #center > * #edit-profile-adherent-field-user-website input {
width: 35em; }
.page-user #center > *.profile h3, .page-user-edit #center > *.profile h3, .page-user-password #center > *.profile h3, .page-user-reset #center > *.profile h3, .page-toboggan #center > *.profile h3 {
border: 0 solid transparent; }
.page-user #center > *.profile .field-label, .page-user-edit #center > *.profile .field-label, .page-user-password #center > *.profile .field-label, .page-user-reset #center > *.profile .field-label, .page-toboggan #center > *.profile .field-label {
display: inline; }
.page-user #center > * #edit-mimemail, .page-user #center > * #edit-locale, .page-user #center > * #edit-timezone, .page-user-edit #center > * #edit-mimemail, .page-user-edit #center > * #edit-locale, .page-user-edit #center > * #edit-timezone, .page-user-password #center > * #edit-mimemail, .page-user-password #center > * #edit-locale, .page-user-password #center > * #edit-timezone, .page-user-reset #center > * #edit-mimemail, .page-user-reset #center > * #edit-locale, .page-user-reset #center > * #edit-timezone, .page-toboggan #center > * #edit-mimemail, .page-toboggan #center > * #edit-locale, .page-toboggan #center > * #edit-timezone {
padding: 0; }
/*
_ __
_____(_)___ ___ ____ / /__ ____ ___ _ _______
/ ___/ / __ `__ \/ __ \/ / _ \/ __ \/ _ \ | /| / / ___/
(__ ) / / / / / / /_/ / / __/ / / / __/ |/ |/ (__ )
/____/_/_/ /_/ /_/ .___/_/\___/_/ /_/\___/|__/|__/____/
/_/
*/
body.node-type-simplenews #content .inner-content {
text-align: center; }
body.node-type-simplenews #content article.node.node-simplenews {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
max-width: 600px;
padding: 1em 0; }
body.node-type-simplenews #content article.node.node-simplenews tbody {
border-top: 0px; }
@media only screen and (max-width: 40em) {
body.node-type-simplenews #content article.node.node-simplenews {
max-width: 100%;
overflow-x: hidden; }
body.node-type-simplenews #content article.node.node-simplenews table, body.node-type-simplenews #content article.node.node-simplenews tbody, body.node-type-simplenews #content article.node.node-simplenews tr, body.node-type-simplenews #content article.node.node-simplenews td {
display: block;
max-width: 100%; }
body.node-type-simplenews #content article.node.node-simplenews img {
max-width: 100%; }
body.node-type-simplenews #content article.node.node-simplenews p {
padding-right: 1em; } }
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| _ | _ | __| __| | | | | |_ _| _ | |_ _|
| __| | | | __| | --| | | | | | | | | | --| | |
|__| |__|__|_____|_____| |_____|_____|_|___| |_| |__|__|_____| |_|
*/
.page-node-11175 #main #center {
background: #fff url("../img/bg-contact.gif") no-repeat bottom right; }
.page-node-11175 #main .field-name-body p {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 15px; }
.page-node-11175 #main .field-name-body p strong {
font-size: 18px; }
/*
_____ _____ _____ _____ _____ _____ _____
| _ | __ | | | | | | __|
| __| -|- -| --|- -| | | | | |
|__| |__|__|_____|_____|_____|_|___|_____|
*/
@media only screen and (min-width: 40.063em) {
body.page-node-11187 .node-11187 .field-name-body div.column, body.page-node-11187 .node-11187 .field-name-body div.column:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-demi, body.page-node-11187 .node-11187 .field-name-body div.column-demi:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-full, body.page-node-11187 .node-11187 .field-name-body div.column-full:last-child, body.page-node-11187 .node-11187 .field-name-body div.column-auto, body.page-node-11187 .node-11187 .field-name-body div.column-auto:last-child {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 10px;
float: none; }
body.page-node-11187 .node-11187 .field-name-body div.column {
width: 22.4%; }
body.page-node-11187 .node-11187 .field-name-body div.column ul.list-text, body.page-node-11187 .node-11187 .field-name-body div.column p.description {
min-height: 170px; }
body.page-node-11187 .node-11187 .field-name-body div.column-demi {
width: 46%; }
body.page-node-11187 .node-11187 .field-name-body div.column-demi ul.list-text {
min-height: 110px; }
body.page-node-11187 .node-11187 .field-name-body div.column-full {
width: 92%; }
body.page-node-11187 .node-11187 .field-name-body div.column-auto {
width: auto;
max-width: 98%; }
body.page-node-11187 #block-materio-user-user-register {
width: 600px;
margin: 0 auto;
padding: 2em; } }
@media only screen and (max-width: 40em) {
body.page-node-11187 #block-system-help {
text-align: center; } }
body.page-node-11187 .node-11187 .field-name-body {
text-align: center; }
body.page-node-11187 .node-11187 .field-name-body > * {
text-align: left; }
body.page-node-11187 .node-11187 .field-name-body div.column, body.page-node-11187 .node-11187 .field-name-body div.column-demi, body.page-node-11187 .node-11187 .field-name-body div.column-full, body.page-node-11187 .node-11187 .field-name-body div.column-auto {
position: relative;
background-color: #fff;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
overflow: hidden; }
.ie8 body.page-node-11187 .node-11187 .field-name-body div.column, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto {
max-width: 500px;
margin: auto;
margin-bottom: 15px;
border: 1px solid #C6C6C6; }
body.page-node-11187 .node-11187 .field-name-body div.column > *, body.page-node-11187 .node-11187 .field-name-body div.column-demi > *, body.page-node-11187 .node-11187 .field-name-body div.column-full > *, body.page-node-11187 .node-11187 .field-name-body div.column-auto > * {
padding: 0 10px; }
body.page-node-11187 .node-11187 .field-name-body div.column h2, body.page-node-11187 .node-11187 .field-name-body div.column-demi h2, body.page-node-11187 .node-11187 .field-name-body div.column-full h2, body.page-node-11187 .node-11187 .field-name-body div.column-auto h2 {
text-align: left;
margin: 5px 0 0 15px; }
body.page-node-11187 .node-11187 .field-name-body div.column .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-full .subtitle, body.page-node-11187 .node-11187 .field-name-body div.column-auto .subtitle {
padding: 0 0 0 15px;
font-size: 18px;
font-style: italic;
font-weight: bold;
line-height: 1; }
body.page-node-11187 .node-11187 .field-name-body div.column ul, body.page-node-11187 .node-11187 .field-name-body div.column-demi ul, body.page-node-11187 .node-11187 .field-name-body div.column-full ul, body.page-node-11187 .node-11187 .field-name-body div.column-auto ul {
margin: 0;
padding: 0 15px; }
body.page-node-11187 .node-11187 .field-name-body div.column li, body.page-node-11187 .node-11187 .field-name-body div.column-demi li, body.page-node-11187 .node-11187 .field-name-body div.column-full li, body.page-node-11187 .node-11187 .field-name-body div.column-auto li {
list-style: none;
font-size: 12px; }
body.page-node-11187 .node-11187 .field-name-body div.column li:before, body.page-node-11187 .node-11187 .field-name-body div.column-demi li:before, body.page-node-11187 .node-11187 .field-name-body div.column-full li:before, body.page-node-11187 .node-11187 .field-name-body div.column-auto li:before {
content: "+ ";
font-weight: 900; }
body.page-node-11187 .node-11187 .field-name-body div.column .description, body.page-node-11187 .node-11187 .field-name-body div.column-demi .description, body.page-node-11187 .node-11187 .field-name-body div.column-full .description, body.page-node-11187 .node-11187 .field-name-body div.column-auto .description {
font-size: 12px;
margin: 0;
padding: 0 15px; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link {
margin: 0;
border-radius: 0 0 5px 5px 0 0 0;
background-clip: padding-box;
border: 1px solid #fff;
min-height: 92px; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link a, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link a {
display: block;
width: 100%;
padding: 15px 0;
color: #1A1A1A;
text-decoration: none; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link {
background-color: #C8C8C8; }
body.page-node-11187 .node-11187 .field-name-body div.column.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.web .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.web .get-link {
background-color: #69CDCF; }
body.page-node-11187 .node-11187 .field-name-body div.column.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.webshowroom .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.webshowroom .get-link {
background-color: #D476AE; }
body.page-node-11187 .node-11187 .field-name-body div.column.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.pack4 .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.pack4 .get-link {
background-color: #E6DE1C; }
body.page-node-11187 .node-11187 .field-name-body div.column.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.etudiants .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.etudiants .get-link {
background-color: #4BA13D; }
body.page-node-11187 .node-11187 .field-name-body div.column.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-demi.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-full.neutral .get-link, body.page-node-11187 .node-11187 .field-name-body div.column-auto.neutral .get-link {
min-height: 62px;
padding: 15px 0; }
body.page-node-11187 .node-11187 .field-name-body div.column h2 {
padding: 10px 0 0;
font-size: 24px; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link {
padding: 0;
font-size: 24px;
text-align: center;
font-style: italic;
font-weight: 900;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link span {
font-size: 20px; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover, body.page-node-11187 .node-11187 .field-name-body div.column .get-link:focus {
text-shadow: 0 0 3px white; }
body.page-node-11187 .node-11187 .field-name-body div.column .get-link:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
body.page-node-11187 .node-11187 .field-name-body div.column-demi h2 {
padding: 10px 0 0;
font-size: 24px;
top: 0; }
body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle {
min-height: 2em; }
body.page-node-11187 .node-11187 .field-name-body div.column-demi ul {
font-size: 14px;
min-height: 120px; }
body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
font-size: 14px;
text-align: left;
padding: 0 1em;
background-color: #ddd; }
/*
_____ ____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| _ | \| | | __| __| | | | | | __| | __ | |
| | | | | __|__ |- -| | | | | | | __| | | -| | | |
|__|__|____/|__|__|_____|_____|_____|_____|_|___| |__| |_____|__|__|_|_|_|
*/
.node-11186 nav ul.links a.language-link {
display: none; }
#webform-client-form-11186 {
background-color: #e6e6e6;
border-radius: 10px;
background-clip: padding-box; }
@media only screen and (min-width: 40.063em) {
#webform-client-form-11186 {
padding: 10px 30px; }
#webform-client-form-11186 #webform-component-column-left--membership-options {
margin: 10px 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
width: auto; }
#webform-client-form-11186 fieldset {
border-radius: 5px;
background-clip: padding-box;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 10px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0; }
#webform-client-form-11186 fieldset fieldset {
border: 0 solid #ddd;
padding: 0; }
#webform-client-form-11186 legend {
margin: 0;
font-size: 18px;
font-weight: 700; }
#webform-client-form-11186 .form-item {
margin: 0 20px 0 0; }
#webform-client-form-11186 label {
font-size: 12px;
width: 10em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin-right: 1em;
border-bottom: 1px solid #cccccc; }
#webform-client-form-11186 .description {
font-size: 10px;
width: 25em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: bottom;
margin-left: 1em;
color: #7f7f7f; }
#webform-client-form-11186 input.form-text {
width: 13em; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#webform-client-form-11186 {
padding: 10px; }
#webform-client-form-11186 #webform-component-column-left--membership-options {
margin: 0 0 10px 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-item {
width: 100%; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
width: 75%; }
#webform-client-form-11186 legend {
margin: 0;
font-size: 16px;
font-weight: 700; }
#webform-client-form-11186 .form-item {
margin: 0;
float: none; }
#webform-client-form-11186 label {
font-size: 12px;
width: 30%;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin-right: 0.5em; }
#webform-client-form-11186 input.form-text, #webform-client-form-11186 select.form-select {
width: 60%; }
#webform-client-form-11186 #webform-component-infos {
font-size: 14px; } }
#webform-client-form-11186 .fieldset-wrapper > .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-left {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 25%;
border: none; }
#webform-client-form-11186 #webform-component-column-right {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 70%; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio {
border: 1px solid #ddd;
border-radius: 5px;
background-clip: padding-box;
padding: 10px 5px;
margin: 5px 0;
background-color: #fff; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio input {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0px 5px; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio label {
font-size: 20px;
font-weight: 700;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
background-color: #69CDCF; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(2) {
background-color: #D476AE; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(3) {
background-color: #E6DE1C; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:not(.selected) {
opacity: 0.4; }
#webform-client-form-11186 #webform-component-column-left--membership-options > label {
width: 200px;
font-size: 18px;
font-weight: 700; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
border: 0; }
#webform-client-form-11186 #webform-component-column-right--me--my-account-email {
display: block; }
#webform-client-form-11186 #webform-component-column-right--company--administrative-e-mail .description {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #addressfield-wrapper {
margin-top: 1em; }
#webform-client-form-11186 .street-block .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-right--collaborators {
margin: 20px 0;
overflow: hidden; }
#webform-client-form-11186 #webform-component-column-right--collaborators fieldset {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 33%; }
#webform-client-form-11186 #webform-component-column-right--collaborators .form-item {
display: block; }
#webform-client-form-11186 #webform-component-column-right--collaborators label {
width: 6em; }
#webform-client-form-11186 #webform-component-column-right--collaborators input {
width: 11em; }
#webform-client-form-11186 #webform-component-infos {
margin: 20px 0; }
#webform-client-form-11186 .form-actions {
padding: 0;
margin: 0;
border: 0px;
background-color: transparent;
text-align: left; }
#webform-client-form-11186 .form-actions .form-submit {
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
font-size: 18px;
padding: 0.2em 1em 0.3em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
margin-bottom: 9px;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#webform-client-form-11186 .form-actions .form-submit:hover, #webform-client-form-11186 .form-actions .form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#webform-client-form-11186 .form-actions .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#webform-client-form-11186 #webform-component-column-right--news-letters > label {
margin: 0;
font-size: 18px;
font-weight: 700;
border: none;
line-height: 40px; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
width: auto; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item input, #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
margin: 0; }
#webform-client-form-11186 #edit-submitted-terms-of-services {
margin-bottom: 0.5em; }
#webform-client-form-11186 #edit-submitted-terms-of-services input, #webform-client-form-11186 #edit-submitted-terms-of-services label {
margin: 0 0.3em 0 0; }
#webform-client-form-11186 #edit-submitted-terms-of-services label {
width: auto; }
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _ _ _ _____ _____ _____ _____
| | | | | | _ | __ |_ _| | | | | __| | | | | __| | __ | |
| | | --| | --| | -| | | | | |- -| __| | | | | __| | | -| | | |
|_____|_____| |_____|__|__|__|__| |_| \___/|_____|_____|_____| |__| |_____|__|__|_|_|_|
*/
#uc-cart-view-form {
background-color: #e6e6e6;
padding: 10px, 30px;
display: inline-block; }
#uc-cart-view-form table {
width: auto;
display: table;
background-color: #fff; }
#uc-cart-view-form table thead th {
border-bottom: none;
padding: 1em; }
#uc-cart-view-form table tbody {
border-top: none; }
#uc-cart-view-form table tbody tr.even, #uc-cart-view-form table tbody tr.odd {
background-color: #fff;
border-bottom: none; }
#uc-cart-view-form table tbody td {
padding: 1em; }
#uc-cart-view-form fieldset {
border: none !important; }
#uc-cart-view-form .form-type-uc-quantity input {
width: 2em; }
#uc-cart-view-form .form-actions {
padding: 0;
margin: 0;
border: 0px;
background-color: transparent;
text-align: right;
display: block;
width: 100%; }
#uc-cart-view-form .form-actions:before, #uc-cart-view-form .form-actions:after {
display: block; }
#uc-cart-view-form .form-actions .form-submit {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: 1em; }
#uc-cart-view-form .form-actions .form-submit:hover, #uc-cart-view-form .form-actions .form-submit:focus {
text-shadow: 0 0 3px white; }
#uc-cart-view-form .form-actions .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
#uc-cart-view-form .form-actions .form-submit#edit-checkout--2 {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
border-color: #69CDCF;
background-color: #69CDCF;
color: #fff; }
#uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
text-shadow: 0 0 3px white; }
#uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
#uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
/*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____
| | | | | | | | __| | | | | | |_ _| | __| | __ | |
| | | --| | --| | __| --| -| | | | | | | | __| | | -| | | |
|_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| |__| |_____|__|__|_|_|_|
*/
#uc-cart-checkout-form {
background-color: #e6e6e6;
padding: 10px, 30px; }
#uc-cart-checkout-form fieldset {
border: none !important; }
#uc-cart-checkout-form fieldset.form-row {
padding-bottom: 20px;
margin-bottom: 20px; }
#uc-cart-checkout-form fieldset.form-column {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
max-width: 39%;
clear: both;
float: none;
margin: 15px 1em; }
#uc-cart-checkout-form fieldset.form-column > .fieldset-wrapper > .form-wrapper {
margin: 10px 0; }
#uc-cart-checkout-form fieldset.form-column-right {
border-left: 1px solid #ccc;
margin-left: 2em;
padding-left: 2em; }
#uc-cart-checkout-form legend {
margin: 0;
font-size: 18px;
font-weight: 700;
border: none;
line-height: 2; }
#uc-cart-checkout-form .fieldset-description {
font-size: 12px; }
#uc-cart-checkout-form .fieldset-wrapper {
font-size: 12px; }
#uc-cart-checkout-form .form-item {
margin: 0 20px 0 0; }
#uc-cart-checkout-form .description {
font-size: 10px;
width: 25em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: bottom;
margin-left: 1em;
color: #7f7f7f; }
#uc-cart-checkout-form #cart-pane > .fieldset-wrapper {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
border-radius: 5px;
background-clip: padding-box;
padding: 10px;
background-color: #fff; }
#uc-cart-checkout-form #cart-pane table {
font-size: 14px;
min-width: 20em; }
#uc-cart-checkout-form #cart-pane table td.price {
width: 4em; }
#uc-cart-checkout-form #cart-pane tbody {
border: none; }
#uc-cart-checkout-form #cart-pane tr {
background-color: transparent;
border: none; }
#uc-cart-checkout-form #cart-pane td {
padding: 0 5px;
vertical-align: bottom; }
#uc-cart-checkout-form #cart-pane td.products {
width: auto; }
#uc-cart-checkout-form #cart-pane td.products a {
color: inherit;
font-weight: 700; }
#uc-cart-checkout-form #cart-pane td.products ul.product-description {
margin: 0;
font-size: 12px; }
#uc-cart-checkout-form #cart-pane td.products li {
list-style: none; }
#uc-cart-checkout-form #cart-pane tr.subtotal td {
font-size: 16px;
font-weight: 700; }
#uc-cart-checkout-form #customer-pane {
width: 35em; }
#uc-cart-checkout-form #billing-pane label {
font-size: 12px;
width: 8em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin-right: 1em;
border-bottom: 1px solid #cccccc; }
#uc-cart-checkout-form #billing-pane input.form-text {
width: 13em; }
#uc-cart-checkout-form #payment-pane .fieldset-wrapper {
background-color: #fff;
border-radius: 5px;
background-clip: padding-box;
padding: 10px; }
#uc-cart-checkout-form #payment-pane #line-items-div {
float: none;
border: none;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 10px 0 20px; }
#uc-cart-checkout-form #payment-pane #line-items-div table {
font-size: 14px;
min-width: 20em; }
#uc-cart-checkout-form #payment-pane #line-items-div table td.price {
width: 4em; }
#uc-cart-checkout-form #payment-pane #line-items-div tbody {
border: none; }
#uc-cart-checkout-form #payment-pane #line-items-div td {
padding: 0 5px; }
#uc-cart-checkout-form #payment-pane #line-items-div tr td {
font-weight: 500; }
#uc-cart-checkout-form #payment-pane #line-items-div tr.line-item-total td {
font-size: 16px;
font-weight: 700;
text-align: right; }
#uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method label {
width: auto;
border-bottom: none; }
#uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method {
border: 1px solid #ddd;
border-radius: 5px;
margin: 0.5em;
padding: 0.5em; }
#uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method label {
font-weight: bold; }
#uc-cart-checkout-form #payment-pane #payment-details {
width: 25em;
border-top: none;
padding: 0;
margin: 0; }
#uc-cart-checkout-form #edit-actions {
width: 100%;
padding: 1em 0;
margin: 0;
border: 0px;
background-color: transparent;
text-align: center; }
#uc-cart-checkout-form #edit-actions .form-submit {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: 1em; }
#uc-cart-checkout-form #edit-actions .form-submit:hover, #uc-cart-checkout-form #edit-actions .form-submit:focus {
text-shadow: 0 0 3px white; }
#uc-cart-checkout-form #edit-actions .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
#uc-cart-checkout-form #edit-actions .form-submit#edit-continue {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
border-color: #69CDCF;
background-color: #69CDCF;
color: #fff; }
#uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
text-shadow: 0 0 3px white; }
#uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
#uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
/*
_____ _____ _____ _____ _____ _____
| | | | | | _ | __ |_ _|
| | | --| | --| | -| | |
|_____|_____| |_____|__|__|__|__| |_|
&&
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ __ _____ ____ _____ _____ _____ _____ _____
| | | | | | | | __| | | | | | |_ _| | | | _ | | | | \| _ |_ _| | | | |
| | | --| | --| | __| --| -| | | | | | | | | | | |__|- -| | | | | | |- -| | | | | |
|_____|_____| |_____|__|__|_____|_____|__|__|_____|_____| |_| \___/|__|__|_____|_____|____/|__|__| |_| |_____|_____|_|___|
*/
.page-cart-checkout-review #content > .inner-content {
display: inline-block;
padding: 1em; }
.page-cart-checkout-review #edit-actions {
margin: 0;
padding: 0; }
.page-cart-checkout-review #edit-actions:before, .page-cart-checkout-review #edit-actions:after {
display: block; }
.page-cart-checkout-review #review-instructions {
width: 30em;
padding: 1em 0; }
.page-cart-checkout-review table.order-review-table {
border: none; }
.page-cart-checkout-review table.order-review-table .pane-title-row {
border: none;
background-color: transparent;
text-align: left;
font-size: 18px; }
.page-cart-checkout-review table.order-review-table .pane-title-row td {
padding: 1em 0 0 0; }
.page-cart-checkout-review table.order-review-table table.cart-review tr.odd {
background-color: transparent;
border: none; }
.page-cart-checkout-review table.order-review-table td.title-col {
padding: 0;
text-align: left; }
.page-cart-checkout-review table.order-review-table td.data-col {
padding: 0;
width: 75%; }
.page-cart-checkout-review table.order-review-table .review-button-row {
border: none;
background-color: transparent; }
.page-cart-checkout-review table.order-review-table .review-button-row > td {
padding: 3em 0 0 0; }
.page-cart-checkout-review table.order-review-table .review-button-row form {
margin: 0 0.5em 0 0;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
.page-cart-checkout-review #edit-actions {
border: 0px;
background-color: transparent;
text-align: right; }
.page-cart-checkout-review input.form-submit {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
margin-left: 1em; }
.page-cart-checkout-review input.form-submit:hover, .page-cart-checkout-review input.form-submit:focus {
text-shadow: 0 0 3px white; }
.page-cart-checkout-review input.form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
.page-cart-checkout-review input.form-submit#edit-submit {
font-size: 16px;
font-weight: bold;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
border: 2px solid #ccc;
background-color: #ccc;
color: #4D4D4D;
cursor: pointer;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
transition: text-shadow 0.3s ease-out;
text-align: center;
text-decoration: none;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
border-color: #69CDCF;
background-color: #69CDCF;
color: #fff; }
.page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
text-shadow: 0 0 3px white; }
.page-cart-checkout-review input.form-submit#edit-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
.page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
.page-cart-checkout-review input.form-submit#edit-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
/*
____ _____ ____ _____ _____ _____ _____ _____ _____ _____
| \| | \| _ | |_ _| | | | | __|
| | |- -| | | | --| | | |- -| | | | | __|
|____/|_____|____/|__|__|_____| |_| |_____|__ _|_____|_____|
|__|
*/
#didactique-page .node-didactique {
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
max-width: 850px;
font-size: 14px;
background-color: #fff;
margin: 1em auto;
padding: 1em; }
#didactique-page .node-didactique .field-name-field-emvideo {
margin: 1em 0; }
#didactique-page .node-didactique .field-name-title-field {
font-size: 24px;
font-weight: 900;
font-style: italic;
padding: 5px 0; }
#didactique-page .node-didactique .field-name-field-visuel figure, #didactique-page .node-didactique .field-name-field-visuel img {
max-width: 100%; }
@media only screen and (min-width: 40.063em) {
#didactique-page .side {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: top; }
#didactique-page .group-sideleft {
width: 60%; }
#didactique-page .group-sideright {
width: 39%; } }
/*
_ _ _ _____ _____ _ _ _ _____ _____ _____ _____
| | | | | | | | | | | __| | _ | __ | __|
| | | | | | | | | | | __| | | -| __|
|_____|__|__|_____| |_____|_____| |__|__|__|__|_____|
*/
@media only screen and (max-width: 40em) {
.page-whoweare #tool-bar #block-materio-page-title-materio-page-title {
display: none; } }
/*
_ _
_____ ___|_|___| |_ ___ ___ ___ ___ ___ ___
| | .'| | | _| -_| | .'| | _| -_|
|_|_|_|__,|_|_|_|_| |___|_|_|__,|_|_|___|___|
*/
.maintenance-page #container, .maintenance-page #header {
text-align: center;
padding: 0;
position: relative; }
.maintenance-page #main {
background-color: transparent; }
.maintenance-page #header h1.site-name {
font-size: 36px;
margin: 0;
padding-left: 0; }
.maintenance-page h2.site-slogan {
font-size: 16px;
font-weight: 300;
margin: 0;
line-height: 1.1; }
/*
_____ _____ _____
| __| _ | |
| __| | | |
|__| |__|__|__ _|
|__|
*/
.page-faq-page #main {
background: #fff url("../img/bg-faq.png") no-repeat bottom right; }
#content .faq-content .faq-description {
font-size: 12px;
padding-bottom: 2em; }
#content .faq-content ul.faq-ul-questions-top {
margin: 0; }
#content .faq-content ul.faq-ul-questions-top li {
list-style: none; }
#content .faq-content ul.faq-ul-questions-top li a {
font-size: 18px;
font-weight: 500; }
#content .faq-content h3.faq-header {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin: 0; }
#content .faq-content h3.faq-header a {
color: #000; }
#content .faq-content .faq-dl-hide-answer {
padding: 0; }
#content .faq-content .faq-category-group {
padding-bottom: 1em; }
#content .faq-content .faq-question-answer {
padding: 0.3em 0 0 0.8em; }
#content .faq-content .faq-question-answer .faq-question {
font-size: 16px;
padding: 0;
font-weight: 500; }
#content .faq-content .faq-question-answer .faq-question a {
color: #000; }
#content .faq-content .faq-question-answer .faq-answer {
padding: 0;
margin-bottom: 2em;
font-size: 12px; }
#content .faq-content .field-name-body img {
max-width: 50%;
height: auto; }
/*
__ __ _ _____
/ / / /___ ____ ___ ___ | | / /__ / /_/ / __ \/ __ `__ \/ _ \ | | / /__/ /
/ __ / /_/ / / / / / / __/ | |/ // __/
/_/ /_/\____/_/ /_/ /_/\___/ |___//____/
*/
body.home-v2 #center {
background-color: transparent;
padding: 0; }
#home-v2 h2 {
font-size: 2.1em;
font-weight: 300; }
#home-v2 a {
color: #000; }
#home-v2 .field-name-field-liens {
margin-top: 1em; }
#home-v2 .field-name-field-liens .field-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0 0.5em 0.5em 0; }
#home-v2 .field-name-field-liens a {
font-weight: 700;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
padding: 0.5em 1em 0.7em;
border-radius: 5px;
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0.8); }
body.logged-in #home-v2 .field-name-field-liens a.visitor {
display: none; }
body.not-logged-in #home-v2 .field-name-field-liens a.member {
display: none; }
#home-v2 .panel-separator {
clear: both; }
#home-v2 > .panel-panel > div > .panel-pane {
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.pane-node {
border-radius: 5px;
background-clip: padding-box;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node {
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.pane-node .links a {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
background-clip: padding-box;
padding: 15px; }
#home-v2 > .panel-panel > div > .panel-pane.intro-video {
height: auto;
background-color: #f7f4ed;
margin-top: 2em;
margin-bottom: 2em;
padding-top: 0; }
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
margin: 0 auto; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 320px;
height: 180px; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 640px;
height: 360px; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 800px;
height: 450px; } }
@media only screen and (min-width: 90.063em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
width: 1024px;
height: 576px; } }
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe {
width: 100%;
height: 100%; }
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
display: none; }
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
margin-top: 1em;
text-align: center; }
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
text-align: left;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 35%;
margin-left: 2%;
font-size: 0.756em; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
width: 100%;
text-align: center; } }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.intro-video {
margin-top: 0.5em; } }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member {
margin: 2em 0; }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member ul.menu {
margin: 0px;
text-align: center; }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li {
margin: 0 1em 0 0;
padding: 0px;
list-style: none;
height: 2.5em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a {
background-color: #4d4d4d;
border-radius: 5px;
background-clip: padding-box;
padding: 5px 12px 7px;
color: #f7f4ed;
font-size: 18px;
font-weight: 500;
transition: opacity,background-color 0.2s ease-out; }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"], #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"] {
background-color: #e6de1c;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:focus, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:active, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register {
padding: 2em 0;
background: transparent url("../img/register-block.png") no-repeat 100% 90%;
text-align: center; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .pane-content {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
text-align: left; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h2, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h3 {
font-weight: 900;
font-style: italic;
padding: 5px 0;
margin: 0;
line-height: 1;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h2 {
font-size: 24px; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register h3 {
font-size: 16px; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register form {
margin: 0 1em;
padding: 0px;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-wrapper {
margin: 0;
position: relative;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-account {
margin-right: 5px; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register input.form-text {
font-size: 12px;
border-radius: 5px;
background-clip: padding-box;
margin-bottom: 4px; }
.ie8 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register input.form-text {
margin-right: 5px; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-mail input.form-text, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-name input.form-text {
width: 11em; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-pass input.form-text {
width: 7em; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check {
position: absolute;
bottom: 100%;
z-index: 9999;
background-image: none;
height: auto;
padding: 5px;
border-radius: 5px;
background-clip: padding-box;
margin-bottom: 10px;
font-size: 10px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
transition: bottom 0.1s ease-out; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.error {
background-color: #f3968d;
color: #fff; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.ok {
display: none; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-submit {
font-size: 16px;
padding: 0.1em 0.6em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
margin-bottom: 4px; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter {
margin-bottom: 0;
display: block;
line-height: 1; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices > *, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter > * {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-termsofservices label, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-field-newsletter label {
font-size: 10px;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit {
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit[disabled] {
background-color: #ddd;
border: 2px solid #ddd; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit {
border: 2px solid #E6DE1C;
background-color: #E6DE1C;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-simplenews {
display: none; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0 1em;
font-size: 16px;
padding: 0.1em 0.3em 0.2em;
border-radius: 0.3em;
background-clip: padding-box;
font-weight: bold;
border: 2px solid #69CDCF;
background-color: #69CDCF;
color: #fff;
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
transition: text-shadow 0.2s ease-out;
text-align: center;
text-decoration: none; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:focus {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:active {
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register {
background-position: 160% 50%;
min-height: 60px;
padding: 15px 0; }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-mail input.form-text, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .form-item-name input.form-text {
width: 7em; } }
#home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register .message-error {
color: #b94a48;
font-size: 12px; }
#home-v2 > .panel-panel > div > .panel-pane.showroom {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
height: 450px;
margin-top: 15px;
background-color: #fff;
position: relative; }
#home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
width: 100%;
height: 100%;
position: relative; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
position: absolute;
height: 100%;
width: 100%; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
width: 100%;
margin-top: -10%; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
position: relative;
z-index: 2;
width: 30%;
margin: 3em 2em; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content {
background-color: rgba(255, 255, 255, 0.8);
padding: 1em;
border-radius: 5px;
background-clip: padding-box; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-title-field {
font-size: 2.1em;
font-weight: 300; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-body {
margin-top: 0.5em; }
#home-v2 > .panel-panel > div > .panel-pane.showroom:after {
content: url("../img/bulle.png");
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
bottom: -120px;
right: -20px;
z-index: 10; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.showroom {
margin-top: 10px; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
position: absolute;
width: 400%;
height: 100%;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper {
width: auto;
padding: 2%;
margin: 2%; }
#home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .field-name-body {
font-size: 0.756em;
margin-top: 0.5em; }
#home-v2 > .panel-panel > div > .panel-pane.showroom:after {
opacity: 0.4; } }
#home-v2 > .panel-panel > div > .panel-pane.bdd {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
height: 450px;
margin-top: 30px;
background-color: #FFF;
position: relative; }
#home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
background-color: #e6e6e6; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 60%;
height: 100%;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img {
max-width: 2000px; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 35%;
padding: 1em;
border-radius: 5px;
background-clip: padding-box; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-title-field {
font-size: 2.1em;
font-weight: 300; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-body {
margin-top: 1em; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens a {
background-color: rgba(230, 230, 230, 0.8); }
#home-v2 > .panel-panel > div > .panel-pane.bdd:after {
content: url("../img/boule.png");
-webkit-transform: scale(0.8);
transform: scale(0.8);
position: absolute;
bottom: -50px;
left: -50px; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.bdd {
height: auto; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
width: 100%;
display: block;
height: 310px;
overflow: hidden; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper {
display: block;
width: 100%;
z-index: 1;
padding: 0; }
#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper > * {
padding: 1em; }
#home-v2 > .panel-panel > div > .panel-pane.bdd:after {
opacity: 0.6;
z-index: 0; } }
#home-v2 > .panel-panel > div > .panel-pane.formations {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
position: relative;
height: 300px;
margin-top: 30px;
background-color: #000;
color: #FFF; }
#home-v2 > .panel-panel > div > .panel-pane.formations:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#home-v2 > .panel-panel > div > .panel-pane.formations a {
color: #FFF; }
#home-v2 > .panel-panel > div > .panel-pane.formations .node {
padding: 0 0 0 30%;
width: 70%; }
#home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
content: " ";
background: transparent url("../img/formations.png") no-repeat center center;
background-clip: padding-box;
background-size: contain;
position: absolute;
left: 0;
z-index: 2;
width: 30%;
height: 100%; }
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper {
padding: 1em;
position: relative; }
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-title-field {
font-size: 2.1em;
font-weight: 300; }
#home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
margin-top: 1em; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.formations {
height: auto; } }
#home-v2 > .panel-panel > div > .panel-pane.services {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
background-color: #FFF;
height: 300px;
margin-top: 30px; }
#home-v2 > .panel-panel > div > .panel-pane.services:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#home-v2 > .panel-panel > div > .panel-pane.services .node {
padding: 0 30% 0 0;
width: 70%; }
#home-v2 > .panel-panel > div > .panel-pane.services .node:before {
content: " ";
background: transparent url("../img/services.png") no-repeat center center;
background-clip: padding-box;
background-size: contain;
position: absolute;
right: 0;
z-index: 2;
width: 30%;
height: 100%; }
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
padding: 1em;
position: relative; }
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-title-field {
font-size: 2.1em;
font-weight: 300; }
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
margin-top: 1em; }
#home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-field-liens a {
background-color: rgba(230, 230, 230, 0.8); }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.services {
height: auto; } }
#home-v2 > .panel-panel > div > .panel-pane.publication {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
position: relative;
margin-top: 30px;
padding: 1em;
background-color: #000;
border-radius: 10px;
background-clip: padding-box; }
#home-v2 > .panel-panel > div > .panel-pane.publication:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
color: #fff; }
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 30%; }
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
display: none; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
display: block;
width: 90%;
margin-bottom: 1em; } }
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: #e6e6e6;
border-radius: 10px;
background-clip: padding-box;
margin-top: 30px;
padding-top: 1em;
padding-bottom: 1em;
position: relative; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
font-size: 30px; }
@media only screen and (min-width: 40.063em) {
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 80rem; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:before, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
content: " ";
display: table; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
clear: both; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
overflow: hidden;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 33.33333%;
float: left;
padding: 0em;
margin-left: 1em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
width: auto; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
width: 31%; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
margin: 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
margin: 0;
height: 610px; } }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 80rem;
margin-top: 1.5em;
margin-bottom: 1.5em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:before, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
content: " ";
display: table; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
clear: both; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
display: none; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes {
margin: 0 0 0.5em 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin-right: 1em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item input {
vertical-align: middle; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail input {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin-right: 1em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-subscribe, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-unsubscribe {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
border-radius: 5px;
background-clip: padding-box;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-out;
overflow: hidden;
position: relative;
margin: 7px; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
position: absolute;
bottom: 0;
width: 100%;
background-color: #FFF;
text-align: center; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
padding: 10px;
margin: 0;
font-size: 1em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
content: url("../img/point.png");
position: absolute;
bottom: 20px;
right: 10px; }
@media only screen and (max-width: 40em) {
#home-v2 > .panel-panel > div > .pane-news-home-v2 {
background-color: transparent; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
width: 100%; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
margin: 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node {
max-width: 100%;
margin: 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node .field-name-body {
width: 100%;
padding: 0; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node .field-name-body p {
max-width: 100%;
padding: 1em; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node-simplenews .field-name-body a {
padding: 0;
display: block;
height: 100%; }
#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .node-simplenews .field-name-body a img {
max-width: 100%; }
#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
z-index: -1;
opacity: 0.4; } }
#home-v2 #contact-pane {
margin: 2em 0;
padding: 1em;
background-color: #e6e6e6; }
#home-v2 #contact-pane .field-name-body {
text-align: center; }
#home-v2 #contact-pane .field-name-body p {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 20%; }
/*
_ _ _ _ _
| | | (_) | | (_)
_ __ _ _| |__ | |_ ___ __ _| |_ _ ___ _ __ ___
| '_ \| | | | '_ \| | |/ __/ _` | __| |/ _ \| '_ \/ __|
| |_) | |_| | |_) | | | (_| (_| | |_| | (_) | | | \__ | .__/ \__,_|_.__/|_|_|\___\__,_|\__|_|\___/|_| |_|___/
| |
|_|
*/
body.node-type-publication article.node-publication .field figure, body.node-type-publication article.node-publication .field img {
max-width: 100%; }
@media only screen and (min-width: 64.063em) {
body.node-type-publication article.node-publication .field {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
body.node-type-publication article.node-publication .field-name-field-couverture {
width: 25%; }
body.node-type-publication article.node-publication .field-name-body {
margin-left: 1em;
width: 70%; } }
/*
__ ___
/ |/ /__ ______________ _____ ____ _____
/ /|_/ / _ \/ ___/ ___/ __ `/ __ `/ _ \/ ___/
/ / / / __(__ |__ ) /_/ / /_/ / __(__ )
/_/ /_/\___/____/____/\__,_/\__, /\___/____/
/____/
*/
div.messages {
padding: 9px;
margin: 0.5em 0 0;
color: #3a87ad;
background: #d9edf7;
border: 1px solid #bce8f1;
border-radius: 5px;
font-size: 12px; }
div.messages.warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5; }
div.messages.error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7; }
div.messages.status {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
font-size: 14px; }
.messages-label {
display: none; }
#better-messages-wrapper {
background-color: rgba(255, 255, 255, 0.7);
padding: 10px;
border-radius: 5px;
background-clip: padding-box;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
#better-messages-wrapper #better-messages-default div.messages {
padding: 9px;
margin: 0.5em 0 0;
color: #3a87ad;
background: #d9edf7;
border: 1px solid #bce8f1;
border-radius: 5px;
font-size: 12px;
margin: 0 0 10px 0; }
#better-messages-wrapper #better-messages-default div.messages.warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5; }
#better-messages-wrapper #better-messages-default div.messages.error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7; }
#better-messages-wrapper #better-messages-default div.messages.status {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
font-size: 14px; }
#better-messages-wrapper #better-messages-default .footer {
border: none;
padding: 0;
margin: 0; }
#better-messages-wrapper #better-messages-default .footer a.message-close {
background: #fff url("../img/close.png") no-repeat center center;
width: 15px;
height: 15px;
border-radius: 3px;
background-clip: padding-box;
display: block; }
/** Tab navigation */
/**
* icons
*/
/**
* figures
*/
figure figcaption {
display: none; }
figure .blank {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
a:focus {
outline: 0; }
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
i {
transition: color 0.3s; }
i:hover {
color: #606060;
text-shadow: 1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF; }
/** COLORBOX */
#colorbox {
border-radius: 2px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#colorbox #cboxLoadedContent {
background-color: #fff; }
/** embed player */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.embedded-video .player iframe {
max-width: 100%;
height: auto; } }
/** devel */
.not-logged-in #tasks ul.tabs.primary {
display: none; }
/*
__ _
____ _____/ /___ ___ (_)___ ____ ___ ___ ____ __ __
/ __ `/ __ / __ `__ \/ / __ \ / __ `__ \/ _ \/ __ \/ / / /
/ /_/ / /_/ / / / / / / / / / / / / / / / / __/ / / / /_/ /
\__,_/\__,_/_/ /_/ /_/_/_/ /_/ /_/ /_/ /_/\___/_/ /_/\__,_/
*/
#admin-menu {
top: 0; }