/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/**
* General
**/
/*
* css reset
* derived from (and thanks to):
* http://meyerweb.com/eric/tools/css/reset/
* public domain licence
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
picture,
header,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
picture,
section {
display: block;
}
html,
body {
height: 100%;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* media behavior */
img {
display: block;
border: none;
max-width: 100%;
width: auto;
height: auto;
}
video {
width: 100%;
height: auto;
}
picture {
display: block;
width: 100%;
height: auto;
}
figcaption {
font-size: 0.8em;
padding: 0.8em 0;
}
/* links */
a {
text-decoration: none;
outline: none;
}
a img {
border: none;
}
/**
* Development stage :
* temporarily locate things a bit with a .teou body
**/
.teou {
border: 1px solid rgba(0, 230, 250, 0.5);
}
.teou * {
border: 1px solid rgba(0, 230, 250, 0.5);
}
.zero {
margin: 0;
padding: 0;
}
pre.xdebug-var-dump {
text-align: left;
}
/**
* typography
**/
h1,
h2,
h3,
h4,
h5,
h6,
p {
text-rendering: optimizeLegibility;
}
sup,
sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
/* trigger manual hyphenation with ‐ or */
.force-wrap,
.force-break {
-ms-word-break: break-all;
word-break: break-all;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.unbreakable {
white-space: nowrap;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.columns,
.columns2 {
column-count: 2;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.columns3 {
column-count: 3;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.columns4 {
column-count: 4;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.normal-text {
display: block;
font-size: 1em;
line-height: 1.3em;
}
.small-text {
display: block;
font-size: 13pt;
line-height: 1.3em;
}
.tiny-text {
display: block;
font-size: 11pt;
line-height: 1.3em;
}
.micro-text {
display: block;
font-size: 9pt;
line-height: 1.3em;
}
/*
* new clearfix hack
* thanks to:
* http://nicolasgallagher.com/micro-clearfix-hack/
*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix {
*zoom: 1;
}
/*
* clearfixed by default : section and article
* form field divs
*/
section:before,
section:after,
article:before,
article:after,
fieldset > div:before,
fieldset > div:after {
content: " ";
display: table;
}
section:after,
article:after,
fieldset > div:after {
clear: both;
}
section,
article,
fieldset > div:after {
*zoom: 1;
}
/* or clearer */
.clearer {
display: block;
clear: both;
height: 0;
line-height: 0;
overflow: hidden;
}
.clearer-right {
display: block;
clear: right;
height: 0;
line-height: 0;
overflow: hidden;
}
.clearer-left {
display: block;
clear: left;
height: 0;
line-height: 0;
overflow: hidden;
}
/* spacers */
.spacer {
display: block;
clear: both;
height: 1em;
line-height: 0;
overflow: hidden;
}
.spacer5 {
display: block;
clear: both;
height: 5px;
line-height: 0;
overflow: hidden;
}
.spacer10 {
display: block;
clear: both;
height: 10px;
line-height: 0;
overflow: hidden;
}
.spacer15 {
display: block;
clear: both;
height: 15px;
line-height: 0;
overflow: hidden;
}
.spacer20 {
display: block;
clear: both;
height: 20px;
line-height: 0;
overflow: hidden;
}
.spacer25 {
display: block;
clear: both;
height: 25px;
line-height: 0;
overflow: hidden;
}
.spacer30 {
display: block;
clear: both;
height: 30px;
line-height: 0;
overflow: hidden;
}
/* text label not displayed */
.accessibility {
position: absolute !important;
top: -1000px !important;
left: -1000px !important;
visibility: hidden !important;
line-height: 0 !important;
height: 0px !important;
width: 0px !important;
overflow: hidden !important;
}
/* display rules */
.none {
display: none;
}
.screen-only {
display: block;
}
.print-only,
.handheld-only {
display: none;
}
/**
* builders
**/
.wrapper {
float: left;
}
.content {
display: block;
margin: 0;
padding: 0;
}
.banner {
display: block;
}
.block {
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.nowrap {
overflow: auto;
}
.centered {
margin-left: auto;
margin-right: auto;
}
.margins {
margin: 0.5em;
}
.left.margins {
margin-top: 0.5em;
margin-right: 1em;
margin-bottom: 0.7em;
margin-left: 0;
}
.right.margins {
margin-top: 0.5em;
margin-right: 0;
margin-bottom: 0.7em;
margin-left: 1em;
}
.box {
background-color: #DDD;
padding: 1em;
font-size: 0.8em;
line-height: 1.3em;
margin: 0.5em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.auto {
width: auto;
height: auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
left: 0;
}
.absolute.right {
left: auto;
right: 0;
}
.absolute.top {
top: 0;
}
.absolute.bottom {
top: auto;
bottom: 0;
}
.fixed {
position: fixed;
left: 0;
top: 0;
}
.static,
.statique {
position: static;
}
.zz-top {
z-index: 9999999999;
}
.table {
display: table;
height: 100%;
width: 100%;
}
.inline-table {
display: inline-table;
height: 100%;
width: 100%;
}
.table-row {
display: table-row;
height: 100%;
width: 100%;
}
.table-cell {
display: table-cell;
text-align: center;
vertical-align: middle;
}
ul.nude,
.article ul.nude {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
/**
* Inline blocks
*/
.inline-blocks {
font-size: 0;
line-height: 0;
}
.inline-blocks > * {
font-size: 14pt;
font-size: 1rem;
line-height: 1.3rem;
display: inline-block;
width: auto;
vertical-align: top;
}
.inline-block {
display: inline-block;
float: none;
width: auto;
padding: 0;
margin: 0;
}
/**
* responsive square thanks to captain anonymous:
* http://codepen.io/anon/pen/cvzuh
*/
/**
* pseudo-images
*/
.pseudo-image {
display: inline-block;
width: 320px;
height: 240px;
background-position: 50% 50%;
background-color: #BDD;
background-repeat: no-repeat;
background-size: cover;
}
.contain {
background-size: contain;
}
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/**
*
* Four grid systems :
* 1. the easyest grosso-modo grid : name what you want
* 2. flex-box V1
* 3. 12 grid with responsive support (2 breakpoints)
* with default (table) and block variant
* 4. "A l'ancienne" grid, counting pixels, yes...
*
*/
/**
*
* Grosso-modo grid : qualify regions
*
*/
.full {
width: 100%;
}
.almost-full {
width: 99%;
}
.large {
width: 70%;
}
.anti-large {
width: 29%;
}
.medium,
.half {
width: 50%;
}
.anti-medium,
.anti-half {
width: 49%;
}
.third {
width: 33%;
}
.real-third {
width: 33.33333%;
}
.anti-third {
width: 66%;
}
.quarter {
width: 25%;
}
.anti-quarter {
width: 74%;
}
.small {
width: 20%;
}
.anti-small {
width: 79%;
}
.tiny {
width: 10%;
}
.anti-tiny {
width: 89%;
}
.full-height {
height: 100%;
}
.half-height {
height: 50%;
}
.third-height {
height: 33.3333%;
}
/**
*
* Flex-box v1 learning
* 2012 syntax
* may need autoprefixer for older browsers
*
*/
/*
* default flex
*/
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
.flex.inline {
display: inline-flex;
}
.flex.column {
flex-direction: column;
}
.flex.row-reverse {
flex-direction: row-reverse;
}
.flex.column-reverse {
flex-direction: column-reverse;
}
.flex.nowrap {
flex-wrap: nowrap;
}
.flex.wrap-reverse {
flex-wrap: wrap-reverse;
}
/**
*
* main axis alignment
*
**/
.flex.start {
justify-content: flex-start;
}
.flex.end {
justify-content: flex-end;
}
.flex.center {
justify-content: center;
}
.flex.around {
justify-content: space-around;
}
/**
*
* perpendicular alignment
*
*/
.flex.align-start {
align-items: flex-start;
}
.flex.align-end {
align-items: flex-end;
}
.flex.align-center {
align-items: center;
}
.flex.align-baseline {
align-items: baseline;
}
/**
*
* multiple lines alignment
*
*/
.flex.align-content-end {
align-content: flex-end;
}
.flex.align-content-center {
align-content: center;
}
.flex.align-content-space-between {
align-content: space-between;
}
.flex.align-content-space-around {
align-content: space-around;
}
.flex.align-content-stretch {
align-content: stretch;
}
/**
*
* flex children classes
*
*/
.flex > * {
text-align: center;
flex-grow: 1;
flex-shrink: 0;
overflow: hidden;
vertical-align: middle;
}
.flex.grow > * {
flex-grow: 1;
}
.flex > .grow {
flex-grow: 1 !important;
}
.flex.no-grow > * {
flex-grow: 0;
}
.flex > .no-grow {
flex-grow: 0 !important;
}
.flex.shrink > * {
flex-shrink: 1;
}
.flex > .shrink {
flex-shrink: 1 !important;
}
.flex.no-shrink > * {
flex-shrink: 0;
}
.flex > .no-shrink {
flex-shrink: 0 !important;
}
.flex.basis-1 > * {
flex-basis: 100%;
}
.flex > .basis-1 {
flex-basis: 100% !important;
}
.flex.basis-2 > * {
flex-basis: 50%;
}
.flex > .basis-2 {
flex-basis: 50% !important;
}
.flex.basis-3 > * {
flex-basis: 33.333333%;
}
.flex > .basis-3 {
flex-basis: 33.333333% !important;
}
.flex.basis-4 > * {
flex-basis: 25%;
}
.flex > .basis-4 {
flex-basis: 25% !important;
}
.flex.basis-5 > * {
flex-basis: 20%;
}
.flex > .basis-5 {
flex-basis: 20% !important;
}
.flex.basis-6 > * {
flex-basis: 16.66666%;
}
.flex > .basis-6 {
flex-basis: 16.66666% !important;
}
/**
*
* fluid 12 cols table grid responsive
* responsiveness with 2 breakpoints moved
* to responsive.less
*
*/
.grid {
display: table;
width: 100%;
float: left;
}
.grid-guides {
background: transparent url(../images/grid.png) 0 0 repeat-y;
background-size: 100%;
float: left;
width: 100%;
}
.grid > * {
display: table-cell;
vertical-align: top;
padding-right: 2%;
text-align: left;
min-height: 2em;
margin-bottom: 1em;
}
.grid > div:last-child,
.grid > .last {
margin-right: 0;
padding-right: 0;
}
/**
*
* 12 col grid Width
*
*/
/* calculation rounding buggy in safari and ie */
.grid > .col1 {
width: 8.33333%;
}
.grid > .col2 {
width: 16.66666%;
}
.grid > .col3 {
width: 24.99999%;
}
.grid > .col4 {
width: 33.33333%;
}
.grid > .col5 {
width: 41.66666%;
}
.grid > .col6 {
width: 49.99999%;
}
.grid > .col7 {
width: 58.33333%;
}
.grid > .col8 {
width: 66.66666%;
}
.grid > .col9 {
width: 74.99999%;
}
.grid > .col10 {
width: 83.33333%;
}
.grid > .col11 {
width: 91.66666%;
}
.grid > .col12 {
width: 100%;
margin-right: 0%;
margin-left: 0%;
}
/**
*
* fluid 12 cols blockgrid responsive
* responsiveness with 2 breakpoints moved
* to responsive.less
*
*/
.block-grid {
display: block;
width: 100%;
float: left;
}
/**
* Clearfix for block-grid
*/
.block-grid:before,
.block-grid:after {
content: " ";
display: table;
}
.block-grid:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.block-grid {
*zoom: 1;
}
.block-grid-guides {
background: transparent url(../images/grid.png) 0 0 repeat-y;
background-size: 100%;
float: left;
width: 100%;
}
.block-grid > * {
display: block;
float: left;
margin-right: 2%;
text-align: left;
min-height: 2em;
margin-bottom: 1em;
}
.block-grid > div:last-child,
.block-grid > .last {
margin-right: 0;
}
/* cheating a bit for safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.block-grid > div:last-child,
.block-grid > .last {
float: right;
}
}
/**
*
* 12 col block-grid Width
*
*/
/* calculation rounding buggy in safari and ie */
.block-grid > .col1 {
width: 6.5%;
}
.block-grid > .col2 {
width: 15%;
}
.block-grid > .col3 {
width: 23.5%;
}
.block-grid > .col4 {
width: 32%;
}
.block-grid > .col5 {
width: 40.5%;
}
.block-grid > .col6 {
width: 49%;
}
.block-grid > .col7 {
width: 57.5%;
}
.block-grid > .col8 {
width: 66%;
}
.block-grid > .col9 {
width: 74.5%;
}
.block-grid > .col10 {
width: 83%;
}
.block-grid > .col11 {
width: 91.5%;
}
.block-grid > .col12 {
width: 100%;
margin-right: 0%;
margin-left: 0%;
float: none;
}
/**
*
* A l'ancienne grid
*
*/
.width10 {
width: 10px;
}
.width20 {
width: 20px;
}
.width30 {
width: 30px;
}
.width40 {
width: 40px;
}
.width50 {
width: 50px;
}
.width60 {
width: 60px;
}
.width70 {
width: 70px;
}
.width80 {
width: 80px;
}
.width90 {
width: 90px;
}
.width100 {
width: 100px;
}
.width110 {
width: 110px;
}
.width120 {
width: 120px;
}
.width130 {
width: 130px;
}
.width140 {
width: 140px;
}
.width150 {
width: 150px;
}
.width160 {
width: 160px;
}
.width170 {
width: 170px;
}
.width180 {
width: 180px;
}
.width190 {
width: 190px;
}
.width200 {
width: 200px;
}
.width250 {
width: 250px;
}
.width300 {
width: 300px;
}
.width350 {
width: 350px;
}
.width400 {
width: 400px;
}
.width450 {
width: 450px;
}
.width500 {
width: 500px;
}
.width550 {
width: 550px;
}
.width600 {
width: 600px;
}
.width650 {
width: 650px;
}
.width700 {
width: 700px;
}
.width750 {
width: 750px;
}
.width800 {
width: 800px;
}
.width850 {
width: 850px;
}
.width900 {
width: 900px;
}
.width950 {
width: 950px;
}
.height10 {
height: 10px;
}
.height20 {
height: 20px;
}
.height30 {
height: 30px;
}
.height40 {
height: 40px;
}
.height50 {
height: 50px;
}
.height60 {
height: 60px;
}
.height70 {
height: 70px;
}
.height80 {
height: 80px;
}
.height90 {
height: 90px;
}
.height100 {
height: 100px;
}
.height110 {
height: 110px;
}
.height120 {
height: 120px;
}
.height130 {
height: 130px;
}
.height140 {
height: 140px;
}
.height150 {
height: 150px;
}
.height200 {
height: 200px;
}
.height250 {
height: 250px;
}
.height300 {
height: 300px;
}
.height350 {
height: 350px;
}
.height400 {
height: 400px;
}
.height500 {
height: 500px;
}
.height600 {
height: 600px;
}
.height700 {
height: 700px;
}
.height800 {
height: 800px;
}
.height900 {
height: 900px;
}
/* nobody edits this ones
*/
/****************************************/
/* Theme */
/****************************************/
/* ************************************ */
/* fonts */
/* ************************************ */
em,
i {
font-family: 'OpenSans';
font-style: italic;
}
strong,
b {
font-family: 'OpenSans';
font-weight: bold;
}
/* openSans */
@font-face {
font-family: 'OpenSans';
src: url('../fonts/openSans/OpenSans-Regular-webfont.eot');
src: url('../fonts/openSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/openSans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/openSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/openSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/openSans/OpenSans-Italic-webfont.eot');
src: url('../fonts/openSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/openSans/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/openSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/openSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/openSans/OpenSans-Bold-webfont.eot');
src: url('../fonts/openSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/openSans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/openSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/openSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/openSans/OpenSans-BoldItalic-webfont.eot');
src: url('../fonts/openSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/openSans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/openSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/openSans/OpenSans-BoldItalic-webfont.svg#OpenSansBold') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/openSans/OpenSans-Light-webfont.eot');
src: url('../fonts/openSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/openSans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/openSans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/openSans/OpenSans-Light-webfont.svg#OpenSansRegular') format('svg');
font-weight: 200;
font-style: normal;
}
/* Awesome */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/Awesome/font/fontawesome-webfont.eot?v=4.2.0');
src: url('../fonts/Awesome/font/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/Awesome/font/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/Awesome/font/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/Awesome/font/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2016 */
/*
@font-face {
font-family: 'source_sans_problack';
src: url('sourcesanspro-black-webfont.eot');
src: url('sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
url('sourcesanspro-black-webfont.woff2') format('woff2'),
url('sourcesanspro-black-webfont.woff') format('woff'),
url('sourcesanspro-black-webfont.ttf') format('truetype'),
url('sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_problack_italic';
src: url('sourcesanspro-blackit-webfont.eot');
src: url('sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
url('sourcesanspro-blackit-webfont.woff2') format('woff2'),
url('sourcesanspro-blackit-webfont.woff') format('woff'),
url('sourcesanspro-blackit-webfont.ttf') format('truetype'),
url('sourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/*
@font-face {
font-family: 'SourceSans';
src: url('../fonts/sourceSans/sourcesanspro-bold-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-bold-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-bold-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-bold-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'SourceSans';
src: url('../fonts/sourceSans/sourcesanspro-boldit-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-boldit-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-boldit-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-boldit-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'SourceSans';
src: url('../fonts/sourceSans/sourcesanspro-regular-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-regular-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-regular-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-regular-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SourceSans';
src: url('../fonts/sourceSans/sourcesanspro-it-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-it-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-it-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-it-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'SourceSansLight';
src: url('../fonts/sourceSans/sourcesanspro-light-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-light-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-light-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-light-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SourceSansLight';
src: url('../fonts/sourceSans/sourcesanspro-lightit-webfont.eot');
src: url('../fonts/sourceSans/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/sourceSans/sourcesanspro-lightit-webfont.woff2') format('woff2'),
url('../fonts/sourceSans/sourcesanspro-lightit-webfont.woff') format('woff'),
url('../fonts/sourceSans/sourcesanspro-lightit-webfont.ttf') format('truetype'),
url('../fonts/sourceSans/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg');
font-weight: normal;
font-style: italic;
}
*/
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/**
* LESS COMMONS : COLORS, FONTS, MIXINS
*/
/**
* HTML default rendering
*/
/**
* Resets with known accessibility issues
*/
a:active,
a:focus {
outline: 0 !important;
}
input[type=submit],
input[type=cancel] {
-webkit-appearance: none;
}
/* links */
a {
color: #6400ff;
}
a:visited {
color: #8333ff;
}
a:hover {
color: #5000cc;
}
a:active {
color: #934dff;
}
/* links don't change title color */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
/* Titles */
h1 {
font-weight: 200;
font-size: 2em;
line-height: 1.2em;
color: #6400ff;
padding-top: 2em;
padding-bottom: 1em;
}
h2 {
font-weight: normal;
font-size: 1.35em;
line-height: 1.3em;
text-transform: uppercase;
color: #6400ff;
padding-top: 2em;
padding-bottom: 0.8em;
}
h3 {
font-weight: normal;
font-size: 1.5em;
line-height: 1.3em;
color: #6400ff;
padding-top: 1.7em;
padding-bottom: 0.8em;
}
h4 {
font-weight: bold;
font-size: 1.2em;
line-height: 1.25em;
color: #6400ff;
padding-top: 1.7em;
padding-bottom: 0.8em;
}
h5 {
font-weight: normal;
font-size: 1.1em;
text-transform: uppercase;
line-height: 1.25em;
color: #6400ff;
padding-top: 1.7em;
padding-bottom: 0.8em;
}
h6 {
font-weight: bold;
font-size: 0.85em;
text-transform: uppercase;
line-height: 1.25em;
color: #6400ff;
padding-top: 1.7em;
padding-bottom: 0.8em;
}
hr {
margin: 20px 0 20px 0 !important;
border-top: 2px rgba(100, 0, 255, 0.2) solid;
}
/* Titles group spacing */
hgroup > * {
padding-top: 0em;
}
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6 {
padding-top: 0em;
}
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6 {
padding-top: 0em;
}
h3 + h4,
h3 + h5,
h3 + h6 {
padding-top: 0em;
}
h4 + h5,
h4 + h6 {
padding-top: 0em;
}
h5 + h6 {
padding-top: 0em;
}
/* text */
p {
font-size: 0.9em;
line-height: 1.5em;
font-weight: normal;
padding-bottom: 0.6em;
}
code {
display: block;
font-family: monospace;
font-size: 1em;
line-height: 1.35em;
padding: 1em 1.5em;
margin: 1em;
background-color: rgba(120, 102, 107, 0.05);
}
blockquote {
font-weight: normal;
font-style: italic;
color: #090708;
padding: 0.8em 0;
border-left: 2em solid transparent;
}
address {
font-weight: normal;
font-size: 0.75em;
line-height: 1.45em;
color: #090708;
padding-bottom: 0.8em;
}
/* lists */
article ul,
.article ul,
.document ul {
margin-bottom: 0.6em;
font-weight: normal;
}
article ul.striped,
.article ul.striped,
.document ul.striped {
margin: 0;
}
article ul.striped li:nth-child(even),
.article ul.striped li:nth-child(even),
.document ul.striped li:nth-child(even) {
list-style-image: none;
background-color: rgba(255, 255, 255, 0.1);
}
article ul.striped li:nth-child(odd),
.article ul.striped li:nth-child(odd),
.document ul.striped li:nth-child(odd) {
list-style-image: none;
background: rgba(120, 102, 107, 0.1);
}
article ul li,
.article ul li,
.document ul li {
padding: 0.1em 0 0.1em 1em;
}
article ul li:before,
.article ul li:before,
.document ul li:before {
content: "\2013\00A0\00A0";
margin-left: -1em;
}
article ul ul,
.article ul ul,
.document ul ul {
margin-bottom: 0;
padding-left: 1em;
font-weight: normal;
}
article ol,
.article ol,
.document ol {
margin-bottom: 0.6em;
padding-left: 1em;
font-weight: normal;
}
article ol.striped li:nth-child(even),
ol.rayures li:nth-child(even),
.article ol.striped li:nth-child(even),
.document ol.striped li:nth-child(even) {
background: rgba(255, 255, 255, 0.1);
}
article ol.striped li:nth-child(odd),
ol.rayures li:nth-child(odd),
.article ol.striped li:nth-child(odd),
.document ol.striped li:nth-child(odd) {
background: rgba(120, 102, 107, 0.1);
}
article ol li,
.article ol li,
.document ol li {
list-style-type: decimal;
}
article ol ol,
.article ol ol,
.document ol ol {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 1em;
}
article dl,
.article dl,
.document dl {
margin: 1em 0;
font-weight: normal;
}
article dl dt,
.article dl dt,
.document dl dt {
font-weight: bold;
margin-bottom: 0.3em;
}
article dl dd,
.article dl dd,
.document dl dd {
margin-left: 0em;
margin-bottom: 0.7em;
}
/* tables */
table {
width: 100%;
border-collapse: collapse;
/* separate */
margin: 1.5em auto 2em auto;
font-weight: normal;
font-size: 0.9em;
line-height: 1.45em;
border: none;
}
thead * {
border: none;
font-weight: bold;
background-color: transparent !important;
}
th {
border: none;
padding: 8px 0.8em 3px 0.8em;
}
table.striped tr:nth-child(even),
table.rayures tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.1);
}
table.striped tr:nth-child(odd),
table.rayures tr:nth-child(odd) {
background: rgba(120, 102, 107, 0.1);
}
td.alt {
background-color: rgba(100, 0, 255, 0.2);
}
td {
border: 1px solid rgba(160, 160, 160, 0.2);
padding: 0.3em 0.8em;
}
tr td:first-child {
text-align: left;
}
table.striped td {
border: none;
}
td img {
vertical-align: top;
}
caption {
color: #6400ff;
padding: 1em 0 0.8em 0;
font-weight: bold;
}
table.invisible,
table.invisible th,
table.invisible tr,
table.invisible td {
border: none;
background-color: transparent;
background-image: none;
}
/**
* common document classes
**/
.chapo {
padding: 0em 0em 1em 0em;
}
.job .chapo,
.people .chapo {
column-count: 1;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.chapo p {
font-weight: bold;
color: #5c4f52;
padding: 0em 0em 0.5em 0em;
}
/*.large-margins-wrapper > .chapo p {
padding: 0.5em 1em 0.5em 1em;
background-color: fade(@ex-low,10%);
}*/
.stabilo {
background-color: #FFFFB2;
}
.xxl {
font-size: 1.6em;
line-height: 1.3em;
}
.xl {
font-size: 1.3em;
line-height: 1.35em;
}
.l {
font-size: 1.15em;
line-height: 1.4em;
}
.m {
font-size: 1em;
line-height: 1.45em;
}
.s {
font-size: 0.9em;
line-height: 1.45em;
}
.xs {
font-size: 0.8em;
line-height: 1.5em;
}
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/**
* LESS COMMONS : COLORS, FONTS, MIXINS
*/
/**
* forms
*/
/* used against spam */
.piege,
.textFieldKey,
.piege *,
label.piege {
display: none;
}
fieldset {
padding: 1em;
margin: 0;
}
input,
textarea {
font-size: inherit;
}
fieldset > div {
padding-bottom: 0.4em;
}
label {
font-size: 0.8em;
color: rgba(9, 7, 8, 0.85);
padding: 0.3em 0;
}
label.block {
float: none;
width: 100%;
}
label.inline {
padding: 0 0.5em 0 0.5em;
}
.form-field > .error {
display: none;
}
.error > .error {
display: block;
}
.form-field.error input {
border-color: red;
}
.form-help {
font-size: 0.5em;
color: rgba(9, 7, 8, 0.5);
}
/*
* Responsive forms
*/
fieldset.label-block label:not(.inline) {
width: 100%;
float: none;
}
fieldset.label-block input {
width: 100%;
}
fieldset.label-half label:not(.inline):not(.block) {
float: left;
width: 50%;
padding-right: 1em;
}
fieldset.label-half input {
width: 50%;
}
fieldset.label-third label:not(.inline):not(.block) {
float: left;
width: 33.333%;
padding-right: 1em;
}
fieldset.label-third input {
width: 66.666%;
}
fieldset.label-quarter label:not(.inline):not(.block) {
float: left;
width: 25%;
padding-right: 1em;
}
fieldset.label-quarter input {
width: 74%;
}
fieldset.label-tiny label:not(.inline):not(.block) {
float: left;
width: 25%;
padding-right: 1em;
}
fieldset.label-tiny input {
width: 75%;
}
.mandatory {
color: red;
}
input,
textarea {
width: 9em;
color: #34282c;
background-color: rgba(255, 255, 255, 0.6);
padding: 0.36em 0.7em;
margin: 0;
border: 1px solid #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.content-wrap input,
.content-wrap textarea {
background-color: #f0edee;
padding: 0.36em 0.7em;
margin: 0;
border: 1px solid rgba(160, 160, 160, 0.4);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
input:focus,
textarea:focus {
color: #090708;
background-color: white;
border: 1px #6400ff solid;
}
textarea {
width: 100%;
}
input[type=checkbox],
input[type=radio] {
width: auto !important;
padding: 0;
margin: 0 1em 0 0;
border: 1px solid red;
}
input[type=submit] {
min-width: 9em !important;
width: auto !important;
padding: 0.3em 1em;
font-weight: normal;
color: white;
background-color: #6400ff;
border: 0 none;
text-shadow: -1px -1px 0px rgba(9, 7, 8, 0.4);
cursor: pointer;
}
input[type=submit]:hover {
background-color: #5000cc;
}
input[type=submit]:active {
background-color: #4600b3;
}
input[type=reset] {
width: 9em !important;
padding: 0.3em 1em;
font-weight: normal;
color: #090708;
background-color: rgba(120, 102, 107, 0.2);
border: 0 none;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
cursor: pointer;
}
input[type=reset]:hover {
background-color: rgba(98, 83, 87, 0.2);
}
input[type=reset]:active {
background-color: rgba(87, 74, 78, 0.2);
}
input[type=file] {
background: transparent;
border: none;
font-size: 0.9em;
line-height: 1em;
color: rgba(9, 7, 8, 0.7);
}
button {
font-size: 1em;
padding: 0.3em 1em;
font-weight: normal;
color: #090708;
background-color: rgba(120, 102, 107, 0.2);
border: 1px solid rgba(120, 102, 107, 0.1);
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
cursor: pointer;
}
button:hover {
background-color: rgba(98, 83, 87, 0.2);
}
button:active {
background-color: rgba(87, 74, 78, 0.2);
}
/* bibtex editor */
input.commit-msg {
min-width: 15em;
}
body.edit textarea {
min-height: 30em;
font-size: 0.85em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
}
body.edit textarea.output {
min-height: 9em;
opacity: 0.8;
}
body.edit textarea.output:focus {
opacity: 1;
}
p.err {
margin: 1em 5em;
padding: 1em 4em;
background-color: rgba(255, 0, 0, 0.2);
border: 1px solid red;
color: #d60000;
text-align: center;
}
p.ok {
margin: 1em 5em;
padding: 1em 4em;
background-color: rgba(114, 189, 26, 0.2);
border: 1px solid #72bd1a;
color: #5c9915;
text-align: center;
}
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/*
* LESS COMMONS : COLORS, FONTS, MIXINS
*/
/**
* navigation tools
**/
.document nav ul {
margin: 0;
}
.document nav ul li {
padding: 0;
}
.document nav ul li:before {
content: "";
margin-left: 0;
}
/** animation **/
/** nav drawer **/
nav.main-nav {
height: 0;
overflow: hidden;
font-size: 0.9em;
line-height: 1.6em;
text-align: left;
}
.smooth-animate {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
-ms-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
nav.main-nav.open {
height: 180px;
}
nav.main-nav > ul {
display: block;
width: 50%;
margin: 0;
padding: 15px 0px 15px 0;
}
nav.main-nav > ul:nth-child(1) {
float: left;
text-align: right;
}
nav.main-nav > ul:nth-child(2) {
float: right;
text-align: left;
}
nav.main-nav > ul ul {
display: inline-block;
display: none;
width: auto;
border: 1px solid red;
}
nav.main-nav > ul.balanced {
padding: 15px 0px 15px 0;
}
nav.main-nav a {
display: block;
width: 100%;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
}
nav.main-nav > ul:nth-child(1) a {
padding: 5px 170px 5px 0;
}
nav.main-nav > ul:nth-child(2) a {
padding: 5px 0 5px 170px;
}
nav.main-nav .selected a {
color: #ffffff;
background-color: #320080;
}
nav.main-nav a:hover {
color: #ffffff;
background-color: #4600b3;
}
nav.main-nav > ul.balanced {
width: 100%;
-moz-column-count: 2;
-moz-column-gap: 0px;
-moz-column-fill: balance;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
-webkit-column-fill: balance;
column-count: 2;
column-gap: 0px;
column-fill: balance;
}
nav.main-nav > ul.balanced li {
break-inside: avoid;
break-after: auto;
}
nav.main-nav > ul.balanced a {
padding: 5px 170px 5px 0;
}
nav.main-nav > ul.balanced li.text-left a {
text-align: left;
padding: 5px 0px 5px 170px;
}
/** animated trigger **/
/* Icon 3 */
#navTrigger {
box-sizing: content-box;
width: 36px;
height: 30px;
position: relative;
bottom: 70px;
left: 50%;
border: 20px solid transparent;
margin: 0;
margin-left: -38px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
cursor: pointer;
opacity: 0.3;
z-index: 100;
}
#navTrigger.open {
opacity: 0.5;
}
.center-box:hover #navTrigger {
opacity: 0.9;
}
#navTrigger span {
display: block;
position: absolute;
height: 20%;
width: 100%;
border-radius: 1px;
background-color: #fff;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
#navTrigger span:nth-child(1) {
top: 0;
}
#navTrigger span:nth-child(2),
#navTrigger span:nth-child(3) {
top: 40%;
}
#navTrigger span:nth-child(4) {
top: 80%;
}
#navTrigger.open span:nth-child(1) {
top: 40%;
width: 0%;
left: 50%;
}
#navTrigger.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#navTrigger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#navTrigger.open span:nth-child(4) {
top: 40%;
width: 0%;
left: 50%;
}
/** user-menu **/
.user-menu {
position: absolute;
right: 15px;
top: 15px;
width: auto;
}
.user-menu a {
opacity: 0.5;
padding: 5px 5px 5px 5px;
}
.user-menu a:hover {
opacity: 1;
}
/** tab-bar **/
.document ul.tab-bar {
display: block;
float: left;
height: auto;
clear: both;
width: 100%;
list-style-type: none;
text-align: left;
margin: 0 0 -1px 0;
padding: 0;
}
ul.tab-bar li {
display: inline-block;
vertical-align: bottom;
margin-left: 0.5em;
padding: 0;
height: 100%;
width: auto;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-transform: capitalize;
}
ul.tab-bar li:first-child {
margin-left: -2px;
}
ul.tab-bar li a {
text-decoration: none;
clear: none;
display: block;
width: auto;
float: left;
padding: 0.2em 1em 0.2em 1em;
color: #ffffff;
background-color: #6400ff;
-webkit-border-top-left-radius: 0.2em;
-webkit-border-top-right-radius: 0.2em;
-moz-border-radius-topleft: 0.2em;
-moz-border-radius-topright: 0.2em;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
}
ul.tab-bar li a:hover {
margin-top: -0.2em;
padding: 0.2em 1em 0.4em 1em;
color: #6400ff;
background-color: #ffffff;
}
ul.tab-bar li.selected a {
margin-top: -0.2em;
padding: 0.2em 1em 0.4em 1em;
color: #6400ff;
background-color: white;
border: 1px solid white;
border-bottom: none;
box-shadow: 0 -3px 5px rgba(120, 102, 107, 0.05);
}
/**
* menu-bar vertical
*/
ul.menu-bar.vertical {
display: block;
clear: both;
width: 100%;
float: left;
list-style-type: none;
text-align: left;
}
ul.menu-bar.vertical li {
display: block;
width: 100%;
height: 100%;
margin: 0em;
}
ul.menu-bar.vertical li a {
text-decoration: none;
display: block;
padding: 0.2em 0.5em 0.2em 0.5em;
color: #34282c;
background-color: white;
margin: 0px;
}
ul.menu-bar.vertical li a:hover {
color: #090708;
background-color: #e9def5;
}
ul.menu-bar.vertical li.selected a {
color: #fff;
background-color: #222;
}
/**
* menus deroulant responsive
**/
ul.menu-bar.horizontal {
list-style-type: none;
text-align: left;
width: auto;
line-height: 40px;
font-size: 0.8em;
}
ul.menu-bar.horizontal a.menu-trigger {
display: none;
float: left;
text-align: center;
width: 40px;
height: 40px;
padding: 0;
}
ul.menu-bar.horizontal ul.menu-items {
display: block;
float: right;
width: auto;
}
ul.menu-bar.horizontal .menu-items li {
display: block;
width: auto;
float: left;
position: relative;
line-height: 40px;
height: 100%;
text-transform: uppercase;
}
ul.menu-bar.horizontal .menu-items li a {
text-decoration: none;
display: block;
height: 40px;
line-height: 40px;
color: #34282c;
padding: 0 1em 0 1em;
white-space: nowrap;
}
ul.menu-bar.horizontal .menu-items li:hover a,
ul.menu-bar.horizontal .menu-items li a:hover {
color: #090708;
background-color: #e9def5;
}
ul.menu-bar.horizontal .menu-items li.selected a {
color: #fff;
background-color: #222;
}
ul.menu-bar.horizontal .menu-items li ul {
display: none;
}
ul.menu-bar.horizontal .menu-items li:hover > ul {
display: block;
width: auto;
position: absolute;
top: 40px;
left: 0em;
z-index: 100;
}
ul.menu-bar.horizontal .menu-items li ul li {
display: block;
clear: both;
width: 100%;
white-space: nowrap;
}
ul.menu-bar.horizontal .menu-items li ul li a {
text-decoration: none;
display: block;
width: auto;
height: 40px;
line-height: 40px;
color: #222;
background-color: #f6f2fb;
cursor: pointer;
}
ul.menu-bar.horizontal .menu-items li.selected ul li a {
color: #fff;
background-color: #222;
}
ul.menu-bar.horizontal .menu-items li ul li a:hover {
color: #222;
background-color: #dbcbef;
}
/* hamburger icon */
.hamburger {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
overflow: hidden;
cursor: pointer;
margin: 0em;
}
.slice {
display: block;
width: 100%;
height: 20%;
background-color: rgba(255, 255, 255, 0.4);
margin-bottom: 20%;
border-radius: 0em;
}
.slice:last-child {
margin: 0;
}
.hamburger:hover .slice {
background-color: #777;
}
/* Breadcrumb */
ul.breadcrumb {
display: block;
float: right;
text-align: right;
list-style-type: none;
color: #6400ff;
padding-right: 20px;
width: 100%;
max-width: 35%;
line-height: 1.4em;
}
ul.breadcrumb li {
display: inline;
font-size: 0.7em;
height: 100%;
}
ul.breadcrumb li:after {
content: "|";
}
ul.breadcrumb li:last-child:after,
ul.breadcrumb li.last:after {
content: "";
}
ul.breadcrumb li a {
color: #6400ff;
text-decoration: none;
padding: 0.15em 6px 0.2em 6px;
}
ul.breadcrumb li a:hover {
color: white;
text-decoration: none;
background-color: #6400ff;
}
/* Language menu */
ul.language-selector {
display: block;
width: auto;
float: right;
}
ul.language-selector li {
display: inline;
}
ul.language-selector a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.1);
}
ul.language-selector .selected a,
ul.language-selector .selected a:hover {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
ul.language-selector a:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.4);
}
/* Social links */
ul.social {
display: block;
width: auto;
position: absolute;
right: 15px;
top: 15px;
}
ul.social li {
display: inline;
}
ul.social a {
font-family: "FontAwesome";
font-size: 1.4em;
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
color: rgba(255, 255, 255, 0.9);
}
header ul.social {
padding-right: 1em;
}
header ul.social a {
color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
}
ul.social .label {
display: block;
font-size: 1em;
line-height: 1.3em;
font-family: "OpenSans", Verdana, Arial, sans-serif;
font-size: 0.8em;
padding: 0 0 0 0.3em;
}
ul.social .twitter .label:before {
font-family: "FontAwesome";
content: "\f099 ";
padding: 0 0.4em 0 0;
}
ul.social .facebook .label:before {
font-family: "FontAwesome";
content: "\f09a ";
padding: 0 0.4em 0 0;
}
ul.social .linkedin .label:before {
font-family: "FontAwesome";
content: "\f0e1 ";
padding: 0 0.4em 0 0;
}
ul.social .googleplus .label:before {
font-family: "FontAwesome";
content: "\f0d5 ";
padding: 0 0.4em 0 0;
}
ul.social .selected a,
ul.social .selected a:hover {
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
}
ul.social a:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.4);
}
header ul.social a:hover {
color: rgba(255, 255, 255, 0.9);
background-color: transparent;
}
/**
* footer menu
**/
ul.footer-menu {
float: right;
width: 50%;
column-count: 3;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
font-size: 0.9em;
line-height: 1.7em;
padding: 0 0 1em 0;
}
ul.footer-menu a {
color: #9e8d91;
}
ul.footer-menu a:hover {
color: #48B6D5;
}
/**
* pagination
**/
.is-inactive {
opacity: 0.3;
}
.news-filter {
text-align: left !important;
padding: 1em 9.1% 0 9.1%;
margin-bottom: 0 !important;
text-transform: uppercase;
font-size: 0.8em;
}
.news-filter a {
font-weight: normal;
text-transform: none;
}
.pagination-item {
width: auto;
opacity: 0.8;
}
.pagination-item:hover {
opacity: 1;
}
/**
* cookie disclaimer
**/
.disclaimer {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: auto;
text-align: center;
z-index: 888888;
background-color: rgba(255, 255, 178, 0.9);
}
.disclaimer .content {
margin: auto;
text-align: left;
padding: 1em 3em;
}
.disclaimer label {
display: inline;
width: auto;
float: none;
margin: 0;
padding: 0;
}
.close-this {
cursor: pointer;
}
.close-this {
float: right;
font-size: 20px;
}
/**
* localnav
**/
.local-nav {
display: block;
float: right;
position: relative;
font-size: 0.7em;
line-height: 1.6em;
text-align: left !important;
width: 205px !important;
padding: 0 25px 0 0 !important;
margin: 1em 0 30px 30px !important;
/*ul ul {
display: none;
}
ul:hover ul, ul.open ul {
display: block;
}*/
}
.local-nav .content {
position: absolute;
width: auto !important;
height: auto;
top: 0;
left: 0;
z-index: 10000;
background-color: rgba(240, 237, 238, 0.5);
}
.local-nav ul li {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: normal;
min-width: 90px;
max-width: 180px;
text-transform: capitalize;
}
.local-nav ul li .active {
font-weight: bold;
}
.local-nav ul li ul {
padding-left: 1em;
}
/* < blank > */
/* Nicolas Taffin */
/* http://polylogue.com */
/* licence CC: BY-SA */
/*
* LESS COMMONS : COLORS, FONTS, MIXINS
*/
/**
* Page skeleton
**/
body {
display: block;
font-size: 1em;
line-height: 1.3em;
font-family: "OpenSans", Verdana, Arial, sans-serif;
font-size: 14pt;
line-height: 1.5em;
text-align: center;
background-color: #f0edee;
color: #090708;
}
body.intranet main,
body.login main {
border-top: 30px solid #48B6D5;
}
body.intranet .module h2.vertical-tab,
body.login .module h2.vertical-tab {
background-color: #48B6D5;
}
.webpage {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
border: none;
background-color: #fff;
background-position: left top;
background-repeat: no-repeat;
text-align: center;
}
header.page-header {
min-height: 0;
height: auto;
overflow: visible;
margin: 0;
padding: 0;
background-color: #4c00c2;
color: #090708;
/* background-image: url(../images/);*/
background-position: left top;
background-repeat: no-repeat;
}
header.page-header > .content {
display: block;
margin: auto;
}
footer.page-footer {
margin: 0;
padding: 0;
background-color: #222;
color: #d9d9d9;
/* background-image: url(../images/);*/
background-position: left top;
background-repeat: no-repeat;
border: none;
}
footer.page-footer > .content {
display: block;
font-size: 0.8em;
line-height: 1.4em;
text-align: left;
width: 100%;
margin: auto;
height: 100%;
padding: 2em 9.1% 4em 9.1%;
position: relative;
}
main,
.main {
display: block;
position: relative;
/* clearer welcome */
width: 100%;
height: auto;
margin: auto;
padding: 0;
background-color: #f0edee;
color: #090708;
/* background-image: url(../images/);*/
background-position: left top;
background-repeat: no-repeat;
border: none;
}
main > .content,
.main > .content {
padding: 0;
text-align: left;
}
/*
* Sticky Footer by Ryan Fait
* http://ryanfait.com/
*/
/* the bottom margin of antiStickyFooter is the negative value of the footer's height */
/* .push must be the same height as .footer */
/* dom must be */
html,
body {
height: 100%;
}
.anti-sticky-footer {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px;
}
.page-footer,
.push {
clear: both;
height: auto;
min-height: 150px;
}
/**
* default
**/
img {
margin: auto;
image-orientation: from-image;
}
.document nav.ariane {
width: 100%;
height: auto;
}
/**
* sections, articles
**/
section {
display: block;
height: auto;
position: relative;
padding: 2em 0;
}
article {
padding: 0em 0 1em 0;
height: auto;
position: relative;
}
section > h1:first-child,
section > h2:first-child,
article > h1:first-child,
article > h2:first-child,
.text-wrapper > h3:first-child {
padding-top: 1em;
}
.large-margins-wrapper > h1:first-child {
padding-top: 1.5em;
}
section.document > .content,
article.document > .content {
padding: 2em 0 50px 0;
}
.large-margins-wrapper {
width: 100%;
margin: auto;
text-align: left;
padding-top: 150px;
}
.large-margins-wrapper.no-padding {
padding-top: 0px;
}
.large-margins-wrapper > *:not(.block):not(.tabs):not(.filter) {
margin: auto;
max-width: 1200px;
width: 100%;
text-align: left;
padding-left: 9.1%;
padding-right: 9.1%;
}
.large-margins-wrapper > .module {
width: 100%;
margin: auto;
padding-top: 1em;
padding-right: 12.5%;
padding-left: 12.5%;
padding-bottom: 2em;
text-align: left;
}
.large-margins-wrapper > figure {
width: 100%;
max-width: 900px;
margin: auto;
text-align: left;
}
aside,
.insert {
display: block;
height: auto;
position: relative;
padding: 0 1em 0 0;
font-size: 0.8em;
line-height: 1.5em;
}
figure {
display: block;
width: 100%;
margin: auto;
padding: 1em 0 1.8em 0;
}
.two-up figure {
display: inline-block;
width: 48%;
}
.three-up figure {
display: inline-block;
width: 32%;
}
.four-up figure {
display: inline-block;
width: 23%;
}
figure img {
max-height: 600px;
}
.group-report figure img {
max-height: 900px;
cursor: alias;
}
figcaption {
color: #6400ff;
padding: 1em 1em 2em 10%;
}
figure iframe {
width: 100% !important;
}
.center-box {
display: block;
position: absolute;
top: 0;
left: 50%;
width: 300px;
height: 300px;
margin-top: -60px;
margin-left: -150px;
z-index: 10;
}
a.logo {
display: block;
width: 100%;
height: 100%;
background: transparent url(../images/pastille_violet.svg) no-repeat left top;
background-size: contain;
text-decoration: none;
}
/**
* Modules
**/
.module {
position: relative;
padding: 0;
}
.module h2.vertical-tab {
position: absolute;
width: auto;
top: -1.77em;
height: 1.77em;
left: 0px;
z-index: 100;
padding: 0.2em 0.4em !important;
font-size: 1.6em;
font-weight: 200;
background: rgba(9, 7, 8, 0.8);
color: #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: left bottom;
}
.module h2.vertical-tab a {
color: #fff;
}
/**
* slides
**/
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
position: relative;
min-height: 200px;
font-size: 18px;
background: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23FFFFFF%27%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination-bullet-active {
background: #FFFFFF;
}
/**
* Squares
**/
.squares,
.document .squares {
font-size: 0;
line-height: 0;
margin: 0;
}
.square,
.squares li,
.squares .swiper-slide,
.document .squares li {
font-size: 14px;
line-height: 1.4em;
display: inline-block;
text-align: center;
margin: 0;
padding: 0;
height: auto;
position: relative;
background-size: cover;
background-position: 50% 50%;
}
.square:before,
.squares li:before,
.squares .swiper-slide:before,
.document .squares li:before {
content: '';
display: inline-block;
margin: 0;
padding: 50% 0;
/* ou */
/* padding vertical = 100% */
vertical-align: middle;
/* top pour centrage en haut , ou bottom pour en bas */
color: white;
}
.squares li:hover {
background-color: rgba(100, 0, 255, 0.05) !important;
}
.projects .squares li {
position: relative;
margin: 0;
}
.projects .squares li:before {
content: "";
margin: 0;
}
.module > .squares > li {
position: relative;
background-color: transparent;
}
.projects .squares .swiper-slide:nth-child(odd) {
background-color: #a0a0a0;
}
.projects .squares .swiper-slide:nth-child(even) {
background-color: #78666B;
}
.composite .squares > li.dark {
background-color: rgba(34, 34, 34, 0.3);
color: #fff;
}
.composite .squares > li.clear {
background-color: transparent;
color: #fff;
}
.composite .module a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
}
.simple .squares li:nth-child(odd) {
background-color: #6400ff;
}
.simple .squares li:nth-child(even) {
background-color: #a266ff;
}
.simple .squares li.whiter {
background-color: white;
}
.squares.two-up.square-of-one li {
width: 100%;
height: 100%;
}
.squares.two-up.square-of-two li {
height: 100%;
}
.squares.two-up.square-of-two li:before {
content: '';
display: inline-block;
padding: 100% 0;
/* ou */
/* padding vertical = 100% */
vertical-align: middle;
/* top pour centrage en haut , ou bottom pour en bas */
color: white;
height: 100%;
}
.squares.two-up.square-of-three li:last-child {
width: 100%;
height: 50%;
}
.squares.two-up.square-of-three li:last-child:before {
content: '';
display: inline-block;
padding-top: 0%;
/* ou */
/* padding vertical = 100% */
vertical-align: middle;
/* top pour centrage en haut , ou bottom pour en bas */
color: white;
height: 0;
}
.squares.one-up > li,
.squares.one-up .swiper-slide {
width: 100%;
}
.squares.two-up > li,
.squares.two-up .swiper-slide {
width: 50%;
}
.squares.three-up > li,
.squares.three-up .swiper-slide {
width: 33.33333333%;
}
.squares.four-up > li,
.squares.four-up .swiper-slide {
width: 25%;
}
.squares section {
font-size: 14px;
line-height: 1.4em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
overflow-y: auto;
font-size: 14px;
font-size: 1rem;
line-height: 1.5em;
padding: 30px 30px 30px 30px;
}
.home section .text-wrapper:first-child {
padding-left: 80px;
}
.squares > li > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.info-block {
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
text-shadow: 0 0 4px rgba(34, 34, 34, 0.7);
padding: 30px 0 14px 30px;
background-color: rgba(34, 34, 34, 0.6);
}
.swiper-slide:hover .info-block,
li:hover .info-block {
background-color: rgba(34, 34, 34, 0.8);
}
.squares .title {
display: inline-block;
width: auto;
background-color: #6400ff;
padding: 0.5em 1em 0.5em 1em;
margin: 0em 0 0.5em 0;
color: white;
text-transform: uppercase;
border-radius: 2em;
text-align: left;
}
.summary {
display: block;
color: white;
font-size: 1em;
line-height: 1.5em;
padding: 0em 20px 1em 0px;
}
.squares h3 {
display: inline-block;
width: auto;
background-color: #6400ff;
font-size: 1.2em;
line-height: 1.2em;
padding: 0.5em 1em 0.5em 1em !important;
margin: 0.5em 0 1em 0;
color: white;
text-transform: uppercase;
border-radius: 2em;
text-align: left;
}
.squares h3 a {
color: white;
}
.period {
color: #78666B;
font-size: 0.7em;
}
.newslist {
background-color: #3c0099;
}
/**
* home graph
**/
section.homegraph {
height: 600px;
background-color: #a266ff;
background: -webkit-gradient(linear, left top, left bottom, from(#a266ff), to(#e0ccff));
background: -webkit-linear-gradient(top, #a266ff, #e0ccff);
background: -moz-linear-gradient(top, #a266ff, #e0ccff);
background: -ms-linear-gradient(top, #a266ff, #e0ccff);
background: -o-linear-gradient(top, #a266ff, #e0ccff);
background: linear-gradient(top, #a266ff, #e0ccff);
}
section.homegraph h2 {
z-index: 2;
}
section.homegraph .vis-network {
z-index: 1;
}
section.homegraph > div {
width: 100%;
height: 100% !important;
}
/**
* Tags
**/
.tag-zone {
padding-bottom: 1em;
}
.tag-zone h6 {
padding-top: 0.7em;
}
.document ul.tags {
padding: 0;
margin: 0;
line-height: 1.9em;
}
.document ul.tags li {
display: inline;
font-size: 0.8em;
padding: 0;
}
.document ul.tags li:before {
display: none;
}
.document ul.tags a {
display: inline-block;
background-color: rgba(120, 102, 107, 0.5);
color: white;
padding: 0.4em 1em;
}
.document ul.tags a:hover {
background-color: #78666b;
}
video {
background-color: rgba(100, 0, 255, 0.12);
}
.video-meta ul.tags {
display: inline;
}
.video-meta ul.tags li {
display: inline;
font-size: 0.8em;
}
.video-meta ul.tags a {
display: inline-block;
background-color: rgba(100, 0, 255, 0.5);
color: white;
padding: 0.2em 0.5em;
}
.video-meta ul.tags a:hover {
background-color: #6400ff;
}
/**
* jobs
**/
.timestamp {
margin-top: -1em;
}
article ul li.pdf-file:before {
content: "\f1c1";
font-family: "FontAwesome";
padding: 0 0.5em 0 0;
}
.job-offer {
clear: both;
}
.article-date {
font-size: 0.8em;
}
img.jobimage {
display: block;
width: 150px;
height: auto;
margin: 8px 2em 1em 0;
float: left;
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
}
.meta.meta-zone {
margin-bottom: 0.5em;
}
.part-logo {
display: block;
width: 150px;
height: 150px;
border-radius: 100px;
margin: 0px 2em 1em 0;
float: left;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
/**
* CALL TO ACTION
**/
a.cta {
font-size: 1rem;
padding: 0.3rem 1rem;
font-weight: normal;
color: #6400ff;
background-color: transparent;
border: 1px solid #6400ff;
cursor: pointer;
}
a.cta:hover {
background-color: #6400ff;
text-shadow: -1px -1px 0px rgba(9, 7, 8, 0.4);
color: white;
}
a.cta:active {
background-color: #5a00e6;
}
/**
* publications
**/
.pub-list,
.project-list {
display: block;
margin: 0;
padding-top: 0px;
padding-bottom: 50px;
}
.found {
float: left;
padding: 4px 0 0 0;
}
.filter {
display: block;
margin: auto;
font-size: 0.85em;
line-height: 1.6em;
color: #604951;
background-color: white;
}
.tab-bar li.selected.active a {
background-color: #48B6D5;
border-color: #48B6D5;
color: white;
}
.filter.active {
background-color: #48B6D5;
background: -webkit-gradient(linear, left top, left bottom, from(#48B6D5), to(white));
background: -webkit-linear-gradient(top, #48B6D5, white);
background: -moz-linear-gradient(top, #48B6D5, white);
background: -ms-linear-gradient(top, #48B6D5, white);
background: -o-linear-gradient(top, #48B6D5, white);
background: linear-gradient(top, #48B6D5, white);
border-left: 20px solid #48B6D5;
}
.filter .content {
display: block;
max-width: 1200px;
margin: auto;
text-align: right !important;
padding: 2em 9.1% 1em 9.1%;
}
.filtered {
display: none;
font-size: 1.4em;
}
.filter.active .filtered {
display: inline-block;
}
.filter input {
border: 1px solid rgba(100, 0, 255, 0.2);
margin: 0 0 5px 1em;
color: #6400ff !important;
}
.filter.active input {
border-color: white;
}
.filter a.reset {
font-size: 0.75em;
padding: 0.2em 0.7em;
margin: 0 0.8em;
cursor: pointer;
color: white;
opacity: 0.8;
background-color: #6400ff;
}
.filter a.reset:hover {
opacity: 1;
}
.counted {
font-weight: bold;
}
.publications .large-margins-wrapper h2 {
display: block;
background-color: #6400ff;
padding: 0.1em 1em 0.15em 1em;
margin: 2em 0%;
color: white;
text-transform: uppercase;
border-radius: 2em;
text-align: center;
}
.publications .large-margins-wrapper .active h2 {
background-color: #48B6D5;
}
.tab h2:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
}
.tabs.active {
border-left: 20px solid #48B6D5;
overflow: auto;
}
#pub-list {
position: relative;
min-height: 150px;
height: auto;
}
.tabs .hidden {
display: none;
}
.document ul.list {
clear: both;
}
.document ul.list li:before {
content: "";
margin-left: 0;
}
.document ul.list > li,
.document .bibitem {
clear: both;
font-size: 0.8em;
line-height: 1.5em;
min-height: 100px;
padding-left: 120px;
padding-bottom: 2em;
border-top: none !important;
/*
.links .google a:before {
content:"\f1a0";
}
.links .pdf a:before {
content:"\f1c1";
}
.links .bibtex a:before {
content:"\f02d";
}
.links .public a:before {
content:"\f05a";
}
.links .video a:before {
content:"\f03d";
}
*/
}
.document ul.list > li .image,
.document .bibitem .image,
.document ul.list > li .thumb,
.document .bibitem .thumb {
display: block;
width: 100px;
height: 100px;
float: left;
margin: 5px 20px 0 -120px;
overflow: hidden;
position: relative;
}
.document ul.list > li .thumb img,
.document .bibitem .thumb img {
width: 100%;
position: absolute;
clip: rect(0px, 100px, 100px, 0px);
}
.document ul.list > li .authors:before,
.document .bibitem .authors:before {
content: " ";
display: block;
}
.document ul.list > li .author,
.document .bibitem .author {
cursor: pointer;
color: #6400ff;
}
.document ul.list > li .info,
.document .bibitem .info {
display: block;
padding-bottom: 30px;
}
.document ul.list > li .title,
.document .bibitem .title {
display: inline;
text-transform: none;
color: #090708;
font-size: 1em;
line-height: inherit;
padding: 0;
font-weight: bold;
}
.document ul.list > li .tags,
.document .bibitem .tags {
display: inline-block;
width: auto;
margin: 0 0 0.2em 0;
}
.document ul.list > li .tag,
.document .bibitem .tag {
font-size: 0.6em;
background-color: rgba(100, 0, 255, 0.1);
color: #6400ff;
padding: 0.3em 0.7em;
cursor: pointer;
}
.document ul.list > li .tag:hover,
.document .bibitem .tag:hover {
color: #f0edee;
background-color: #6400ff;
}
.document ul.list > li span.DOI,
.document .bibitem span.DOI {
display: block;
font-size: 0.7em;
margin-bottom: -30px;
}
.document ul.list > li span.DOI:before,
.document .bibitem span.DOI:before {
content: "DOI: ";
}
.document ul.list > li .award,
.document .bibitem .award {
position: relative;
display: inline;
width: auto;
font-size: 0.7em;
}
.document ul.list > li .award:before,
.document .bibitem .award:before {
display: block;
position: absolute;
width: 30px;
height: 30px;
top: -8px;
left: -40px;
border-radius: 50%;
margin: 0 0 0px 0;
padding: 0;
background-color: rgba(100, 0, 255, 0.9);
box-shadow: 0 0 20px white;
text-align: center;
color: white;
font-family: "FontAwesome";
font-size: 18px;
line-height: 31px;
content: "\f0a3";
cursor: pointer;
}
.document ul.list > li .award.best:before,
.document .bibitem .award.best:before {
content: "\f091";
}
.document ul.list > li .links,
.document .bibitem .links {
display: block;
min-width: 30px;
width: auto;
max-height: 4em;
height: auto;
float: right;
margin: -25px 0px 0px 15px;
}
.document ul.list > li .links li,
.document .bibitem .links li {
display: inline;
padding: 0;
}
.document ul.list > li .links li:before,
.document .bibitem .links li:before {
display: none;
}
.document ul.list > li .links a,
.document .bibitem .links a {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 0 0 3px 0;
font-size: 0.7em;
line-height: 30px;
background-color: rgba(120, 102, 107, 0.2);
text-align: center;
color: #5c4f52;
overflow: hidden;
}
.document ul.list > li .links a:hover,
.document .bibitem .links a:hover {
background-color: #78666b;
color: white;
}
.document ul.list > li .links a:before,
.document .bibitem .links a:before {
font-family: "FontAwesome";
font-size: 1.3em;
line-height: 30px;
}
.large-margins-wrapper .mini-nav {
display: block;
width: auto;
height: auto;
padding: 2em 30px 0 30px;
margin: 0;
}
.personal-pub-list h2 {
padding-top: 1em;
padding-bottom: 0.5em;
font-weight: bold;
font-size: 1em;
}
/**
* tabs
**/
.tabs,
.large-margins-wrapper > .tabs {
background-color: white;
margin-bottom: -50px;
}
.tabs .tab {
min-height: 300px;
padding: 50px 9.1% 90px 9.1%;
background-color: white;
max-width: 1200px;
margin: auto;
}
/**
* projects page
**/
.projects .text-wrapper {
cursor: pointer;
}
/**
* workshops page
**/
.workshops .text-wrapper {
cursor: pointer;
}
ul.group-reports {
list-style-type: none;
list-style-image: none;
line-height: 1.8em;
}
ul.group-reports li {
padding: 0;
}
ul.group-reports li:before {
display: none;
}
span.pastille {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 12.5px;
margin-right: 10px;
background-color: #a0a0a0;
vertical-align: middle;
}
span.pastille.black {
background-color: #343d46;
}
span.pastille.green {
background-color: #40c24e;
}
span.pastille.yellow {
background-color: #f1c90d;
}
span.pastille.red {
background-color: #f93c1c;
}
span.pastille.blue {
background-color: #2c64d6;
}
span.pastille.orange {
background-color: orange;
}
span.pastille.violet {
background-color: violet;
}
span.pastille.teal {
background-color: teal;
}
span.pastille.grey {
background-color: grey;
}
span.pastille.skyblue {
background-color: skyblue;
}
span.pastille.seagreen {
background-color: seagreen;
}
span.pastille.chocolate {
background-color: chocolate;
}
span.pastille.darkblue {
background-color: darkblue;
}
span.pastille.purple {
background-color: purple;
}
span.pastille.limegreen {
background-color: limegreen;
}
h1 span.pastille {
vertical-align: baseline;
}
.the-report h4.workspace-separator {
font-weight: bold;
font-size: 2em;
line-height: 1.25em;
color: #6400ff;
padding-top: 1.7em;
text-align: right;
padding-bottom: 0.4em;
margin-bottom: 1em;
border-bottom: 5px solid rgba(120, 102, 107, 0.4);
text-transform: uppercase;
}
.topic-name p {
font-weight: bold;
}
h2.project-name {
padding-top: 0.3em;
}
.the-report h1 {
font-weight: 200;
font-size: 1em;
line-height: 1.2em;
color: #6400ff;
padding-top: 1em;
padding-bottom: 0.2em;
}
.the-report h2 {
font-weight: normal;
font-size: 1em;
line-height: 1.3em;
text-transform: none;
color: #6400ff;
padding-top: 1em;
padding-bottom: 0.2em;
}
.the-report h3 {
font-weight: normal;
font-size: 0.8em;
line-height: 1.3em;
text-transform: uppercase;
color: #6400ff;
padding-top: 1em;
padding-bottom: 0.8em;
}
.the-report h4,
.the-report h5,
.the-report h6 {
font-weight: bold;
font-size: 1em;
line-height: 1.4em;
color: #6400ff;
padding-top: 1em;
padding-bottom: 0.8em;
}
/**
* blog page
**/
.blog hr {
border-color: white;
margin: 20px auto 20px auto !important;
}
/**
* videos page
**/
.large-margins-wrapper > .video-list {
display: block;
padding: 0 30px 100px 30px;
}
.meta {
font-size: 0.8em;
padding: 0px 0;
margin: 2em 0;
}
.video-meta {
padding: 20px 20px;
background-color: rgba(120, 102, 107, 0.2);
}
.meta .label {
color: #78666B;
}
/**
* persons
**/
.document .persons {
display: block;
width: 100%;
padding: 0em 0 0em 0;
float: left;
}
.document .persons > li {
padding: 0.8em 0 0.8em 130px;
}
.document .persons li:before {
content: "";
margin-left: 0;
}
.document .persons h3.contact-item-name {
color: #090708;
}
.document .persons .contact-item-action {
padding: 0.3em 0;
}
.document .persons .contact-item-action li {
display: inline;
padding: 0;
}
.document .persons .contact-item-action li a {
display: inline-block;
background-color: rgba(100, 0, 255, 0.5);
color: white;
padding: 0.2em 1em;
}
.document .persons .contact-item-action li a:hover {
background-color: #6400ff;
}
.document .persons .contact-item-action li:before {
display: none;
}
.document .persons .contact-item-icon {
width: 100px;
height: 100px;
border-radius: 100px;
margin-left: -130px;
margin-top: -4px;
float: left;
clear: both;
background-color: transparent;
background-image: url('../images/avatar.png');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.document .persons h3 {
font-size: 1em;
padding: 0 0;
}
.document .persons p.contact-affiliation,
.document .persons .contact-item-infos {
font-size: 0.85em;
}
.document .persons.tweaked {
font-size: 0;
}
.document .persons.tweaked > li {
display: inline-block;
float: none;
vertical-align: top;
width: 25%;
padding: 0 10px 2em 10px;
font-size: 13pt;
}
.document .persons.tweaked .grid > * {
margin: 0;
}
.document .persons.tweaked h3.contact-item-name {
line-height: 1.6em;
}
.document .persons.tweaked .contact-item-content {
display: block;
width: 100%;
}
.document .persons.tweaked .contact-affiliation {
font-size: 0.8em;
}
.document .persons.tweaked .contact-affiliation strong {
font-weight: normal;
}
.document .persons.tweaked .contact-item-infos {
display: block;
width: 100%;
}
.document .persons.tweaked .contact-item-icon {
margin: 0 10% 1em 0%;
width: 90%;
padding-top: 90%;
border-radius: 50%;
}
.document .persons.tweaked .contact-item-action {
line-height: 1em;
}
.document .persons.tweaked .contact-item-action li {
margin: 0;
padding: 0;
line-height: 1.5em;
}
.document .persons.tweaked .contact-item-action a.contact-action.btn {
max-width: 100%;
font-size: 0.8em;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.3);
}
.document .persons.tweaked .contact-item-action a.contact-action.btn:hover {
background-color: rgba(0, 0, 0, 0.4);
}
/*
.document ul.persons.tweaked:nth-of-type(1),
h2.tweaked:nth-of-type(1) {
background-color: fade(@ex-high,10%);
}
.document ul.persons.tweaked:nth-of-type(2),
h2.tweaked:nth-of-type(2) {
background-color: fade(@ex-high,20%);
}
.document ul.persons.tweaked:nth-of-type(3),
h2.tweaked:nth-of-type(3) {
background-color: fade(@ex-high,30%);
}
.document ul.persons.tweaked:nth-of-type(4),
h2.tweaked:nth-of-type(4) {
background-color: fade(@ex-high,40%);
}
.document ul.persons.tweaked:nth-of-type(5),
h2.tweaked:nth-of-type(5) {
background-color: fade(@ex-high,50%)
}
.document ul.persons.tweaked:nth-of-type(6),
h2.tweaked:nth-of-type(6) {
background-color: fade(@ex-high,60%);
}
.people section.document .content{
padding: 2em 0 00px 0;
}
*/
.personal .large-contact-item-icon {
display: block;
width: 100%;
background-color: transparent;
background-image: url('../images/avatar.png');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.personal .grid.meta {
float: none;
}
.personal .h1-moved {
padding: 3em;
}
.personal .grid h1 {
padding-top: 0;
}
/**
* get up link
**/
.get-up {
display: none;
position: fixed;
bottom: -10px;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
padding: 0;
line-height: 50px;
text-align: center;
font-size: 2.9em;
opacity: 0.67;
z-index: 1000;
}
.get-up .arrow-up:before {
font-family: "FontAwesome";
content: "\f0aa";
padding: 0 0em 0 0;
}
a.get-up:hover {
color: #48B6D5;
opacity: 1;
}
/**
* footer
**/
.page-footer a {
color: #48B6D5;
}
/**
* loader
**/
.loader {
width: 40px;
height: 40px;
margin: 0px auto;
position: absolute;
top: 50px;
left: 50%;
margin-left: -20px;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1s infinite ease-in-out;
animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/**
* gallery
**/
.lg-outer .lg-thumb-item {
border-radius: 0;
border-color: transparent;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #6400ff;
}
section.gallery.thumbs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
section.gallery.thumbs > figure {
flex: 0 1 auto;
padding: 0;
margin: 10px;
width: 200px;
height: 200px;
overflow: hidden;
}
section.gallery.thumbs > figure img {
object-fit: cover;
object-position: 50% 50%;
min-height: 100%;
min-width: 100%;
max-width: 100%;
max-height: 100%;
}
section.gallery.thumbs video {
flex: 0 1 auto;
padding: 0;
width: 200px;
height: 200px;
overflow: hidden;
object-fit: cover;
background-color: #6400ff;
background-image: url('../../images/video.png');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
a.mini-switch {
display: inline-block;
font-size: 0.7em;
border: 1px solid #6400ff;
padding: 0.2em 0.8em;
cursor: pointer;
}
a.mini-switch:hover,
a.mini-switch.active {
color: white;
background-color: #6400ff;
}
a.mini-switch.last {
border-left: 0px;
}
footer .tiny-text {
width: 40%;
font-size: 0.8em;
color: rgba(255, 255, 255, 0.8);
padding-right: 4em;
}
:root {
--color1: #4563DE;
--color2: #23b29f;
--color3: #b249bc;
--color4: #fa983e;
--color5: #fa5b69;
--color6: #c9c9c9;
}
.principle {
padding: 2rem 0;
}
/* selector */
.selector {
width: 100%;
height: 40vh;
background-color: white;
background-image: url('../images/socio_technical.jpg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.selector a {
display: block;
width: 4vh;
height: 4vh;
position: absolute;
border-radius: 4vh;
}
.selector a .label {
display: none;
width: auto;
background-color: transparent;
position: absolute;
left: 5vh;
}
.selector a:hover .label {
display: block;
}
.selector a.situated-action {
background-color: var(--color1);
color: var(--color1);
top: 2.5vh;
left: 50%;
margin-left: -2vh;
}
.selector a.distributed-cognition {
background-color: var(--color2);
color: var(--color2);
top: 50%;
left: 65%;
margin-top: -2vh;
}
.selector a.co-adaptation {
background-color: var(--color3);
color: var(--color3);
top: 70%;
left: 60%;
}
.selector a.peripherical-awareness {
background-color: var(--color4);
color: var(--color4);
top: 83%;
left: 50%;
margin-left: -2vh;
}
.selector a.rythms-routines {
background-color: var(--color5);
color: var(--color5);
top: 50%;
left: 30%;
margin-top: -2vh;
}
/* strips */
.strip {
color: white;
text-align: center;
}
.strip h1 {
color: white;
font-weight: 300;
padding: 1.5rem 0 0.5rem 0;
}
.strip h3 {
color: white;
font-size: 1em;
font-weight: 300;
padding: 0 0 1.5rem 0;
}
.situated-action .strip {
background-color: var(--color1);
}
.distributed-cognition .strip {
background-color: var(--color2);
}
.co-adaptation .strip {
background-color: var(--color3);
}
.peripherical-awareness .strip {
background-color: var(--color4);
}
.rythms-routines .strip {
background-color: var(--color5);
}
.s-principle h1 {
color: white;
padding-top: 1em;
padding-bottom: 0.5em;
}
.s-principle h3 {
color: white;
font-style: italic;
font-size: 1em;
}
/*all the color specific styling on one example*/
h1.situated-action,
h2.situated-action,
h3.situated-action,
p.description.situated-action,
line.situated-action {
color: var(--color1);
}
header.situated-action {
background-color: var(--color1);
}
.description {
color: var(--color1);
margin-top: 2em;
margin-bottom: 1em;
}
/**
* LESS COMMONS : COLORS, FONTS, MIXINS
*/
/**
* Responsive grids breaking points
*/
/**
* wide Screen
*/
@media only screen and (min-width: 1201px) {
.publications .large-margins-wrapper h3 {
margin: 2em 0;
}
.large-margins-wrapper > *:not(.block):not(.tabs):not(.filter),
footer.page-footer > .content,
.filter .content,
.tabs .tab {
padding-left: 80px;
padding-right: 80px;
}
section.gallery.thumbs > figure {
width: 300px;
height: 300px;
}
section.gallery.thumbs video {
width: 300px;
height: 300px;
}
.document .persons.tweaked > li {
width: 20%;
}
}
/**
* Computer standard
*/
@media only screen and (max-width: 1200px) {
/* nothing to add here, it's the default css for now */
ul.menu-bar.horizontal {
float: right;
font-size: 1em;
}
ul.menu-bar.horizontal a.menu-trigger {
display: block;
}
ul.menu-bar.horizontal ul.menu-items {
display: none;
position: absolute;
right: 0;
top: 36px;
width: 70%;
z-index: 11000;
text-align: left;
}
ul.menu-bar.horizontal > li:hover ul.menu-items,
ul.menu-bar.horizontal.menuOpen > li > ul.menu-items {
display: block;
width: auto;
}
ul.menu-bar.horizontal ul.menu-items > li {
display: block;
float: none;
background-color: #f6f2fb;
}
ul.menu-bar.horizontal ul.menu-items > li > a {
display: block;
width: 100%;
height: auto;
border-radius: 0;
padding: 0.5em 0.8em 0.5em 0.8em;
}
ul.menu-bar.horizontal .menu-items ul {
display: none !important;
}
}
/**
* Small computer, ipad landscape
*/
@media only screen and (max-width: 1024px) {
.document .persons.tweaked > li {
width: 33.3333%;
}
}
/**
* Pad portrait
*/
@media only screen and (max-width: 768px) {
.grid {
display: block;
}
/* grid : 2 columns max */
.grid > .col1,
.grid > .col2,
.grid > .col3,
.grid > .col4,
.grid > .col5,
.grid > .col6,
.grid > .col7,
.grid > .col8,
.grid > .col9,
.grid > .col10,
.grid > .col11 {
display: block;
float: left;
width: 48%;
margin-right: 2%;
}
.grid > .col1 {
display: none;
}
.grid > div:nth-child(even) {
margin-right: 0;
}
.center-box {
left: 50%;
width: 200px;
height: 200px;
margin-left: -100px;
margin-top: -40px;
}
#navTrigger {
bottom: 60px;
width: 30px;
height: 25px;
margin-left: -35px;
}
nav.main-nav > ul:nth-child(1) a {
padding: 5px 120px 5px 0px;
}
nav.main-nav > ul:nth-child(2) a {
padding: 5px 00px 5px 120px;
}
nav.main-nav > ul.balanced a {
padding: 5px 120px 5px 0px;
}
nav.main-nav > ul.balanced li.text-left a {
text-align: left;
padding: 5px 00px 5px 120px;
}
.document nav ul.breadcrumb {
max-width: 100%;
float: none;
text-align: left;
margin: 0 0 0px 50px;
}
ul.breadcrumb li {
display: none;
}
ul.breadcrumb li:nth-last-child(2) {
display: inline-block;
}
ul.breadcrumb li:nth-last-child(2):after {
display: none;
}
ul.breadcrumb li:nth-last-child(2):before {
content: "parent: ";
font-weight: bold;
font-size: 0.85em;
text-transform: uppercase;
line-height: 1.25em;
color: #6400ff;
padding-top: 1.7em;
padding-bottom: 0.8em;
}
.local-nav {
float: none;
padding: 0 25px 0 0 !important;
margin: 0 0 0px 50px !important;
}
.local-nav ul {
display: none;
}
.local-nav h6 {
cursor: pointer;
}
.local-nav:not(.open) h6:after {
content: " Explore…";
font-weight: 400;
text-transform: none;
}
.local-nav.open h6:after {
content: " Fold…";
font-weight: 400;
text-transform: none;
}
.local-nav.open ul {
display: block;
}
.local-nav li li {
display: none;
}
fieldset {
width: 100% !important;
}
fieldset label:not(.inline) {
width: 100% !important;
float: none;
}
fieldset input[type="text"],
fieldset input[type="range"],
fieldset input[type="file"],
fieldset input[type="search"],
fieldset input[type="tel"],
fieldset input[type="url"],
fieldset input[type="email"],
fieldset input[type="password"] {
width: 100% !important;
}
.swiper-slide {
width: 100% !important;
}
.squares.three-up > li {
width: 50%;
}
.squares.four-up > li {
width: 50%;
}
.module h2:first-child {
font-size: 1.2em;
}
.large-margins-wrapper {
padding-top: 4em;
}
.large-margins-wrapper > .video-list {
padding: 0 0 0 0;
}
figure {
width: 100%;
margin: auto;
padding: 1em 0 1.8em 0;
}
ul.footer-menu {
float: right;
width: 50%;
column-count: 2;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.chapo {
column-count: 1;
column-rule: none;
column-gap: none;
hyphens: auto;
hyphenate-lines: 1;
}
section.gallery.thumbs > figure {
width: 180px;
height: 180px;
margin: 5;
}
section.gallery.thumbs video {
width: 180px;
height: 180px;
margin: 5;
}
.wide-only {
display: none;
}
.responsive-canvas {
max-height: 500px;
}
.document .persons.tweaked > li {
width: 50%;
}
}
/* cheating a bit for safari */
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
.grid > div:nth-child(odd):last-child,
.grid > div:nth-child(odd).last {
float: left !important;
}
}
/**
* iPhone landscape
*/
/****************************************/
/* Phones */
/* incl. Gal. 360px and iphn6 375px */
/* note : iphone6+ is 414px */
/* iphone is 320px */
/****************************************/
@media only screen and (max-width: 414px) {
/* grid : 1 column max */
.grid > .col1,
.grid > .col2,
.grid > .col3,
.grid > .col4,
.grid > .col5,
.grid > .col6,
.grid > .col7,
.grid > .col8,
.grid > .col9,
.grid > .col10,
.grid > .col11,
.grid > .col12 {
width: 100%;
float: none;
margin-right: 0;
}
.grid > .col1 {
display: none;
}
.center-box {
width: 160px;
height: 160px;
margin-left: -80px;
margin-top: -30px;
}
#navTrigger {
bottom: 55px;
width: 30px;
height: 25px;
margin-left: -35px;
}
nav.main-nav {
font-size: 0.7em;
}
nav.main-nav.open {
height: 150px;
}
nav.main-nav > ul:nth-child(1) a {
padding: 15px 90px 15px 0px;
}
nav.main-nav > ul:nth-child(2) a {
padding: 15px 0px 15px 90px;
}
nav.main-nav > ul.balanced a {
padding: 5px 90px 5px 0px;
}
nav.main-nav > ul.balanced li.text-left a {
text-align: left;
padding: 5px 00px 5px 90px;
}
.user-menu {
display: none;
}
.squares.two-up.square-of-one li {
width: 100% !important;
}
.squares.two-up > li {
width: 100%;
}
.squares.two-up .two-up > li {
width: 50%;
}
.squares.three-up > li {
width: 100%;
}
.squares.four-up > li {
width: 50%;
}
.module h2:first-child {
font-size: 1em;
}
.squares li.text-box {
position: static;
}
.squares li.text-box .text-wrapper {
position: static;
}
.squares li.text-box:before {
display: none;
}
body:not(.home).squares > li:not(.text-box) {
margin-bottom: 2em;
}
.summary {
padding: 0em 0px 1em 0px;
}
.large-margins-wrapper > *:not(.block):not(.tabs):not(.filter):not(h1),
.large-margins-wrapper > .module {
padding-right: 30px;
padding-left: 30px;
text-align: left;
}
.tabs .tab {
padding-left: 30px;
padding-right: 30px;
}
.publications .large-margins-wrapper h3 {
margin: 2em 0px;
}
.large-margins-wrapper {
padding-top: 6em;
}
.large-margins-wrapper > h1:first-child {
padding-left: 70px !important;
padding-top: 30px !important;
}
.mini-nav {
font-size: 0.8em;
}
.bibitem {
padding-left: 0px;
}
.bibitem .thumb {
display: none;
}
ul.footer-menu {
float: none;
width: 100%;
column-count: 2;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.tag-zone {
column-count: 1;
column-rule: none;
column-gap: 1.5em;
hyphens: auto;
hyphenate-lines: 3;
}
.large-margins-wrapper > nav.mini-nav {
padding: 0 !important;
}
ul.tab-bar {
background-color: white;
padding-left: 0px;
background-color: #f0edee;
background: -webkit-gradient(linear, left top, left bottom, from(#f0edee), to(white));
background: -webkit-linear-gradient(top, #f0edee, white);
background: -moz-linear-gradient(top, #f0edee, white);
background: -ms-linear-gradient(top, #f0edee, white);
background: -o-linear-gradient(top, #f0edee, white);
background: linear-gradient(top, #f0edee, white);
}
ul.tab-bar li {
float: none;
width: 100%;
padding-left: 70px;
}
ul.tab-bar li a {
display: block;
float: none;
width: default;
margin: 0 !important;
padding: 0.2em 1em 0.2em 1em !important;
border-top-left-radius: 2em;
border-top-right-radius: 0;
border-bottom-left-radius: 2em;
background-color: rgba(100, 0, 255, 0.5);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
ul.tab-bar li a:hover {
background-color: rgba(100, 0, 255, 0.7);
color: white;
}
ul.tab-bar li:first-child {
margin-left: 0.5em;
}
ul.tab-bar li.selected {
padding-left: 10px;
}
ul.tab-bar li.selected a {
border: none !important;
box-shadow: none;
margin-top: 0em;
background-color: rgba(100, 0, 255, 0.9);
color: white;
}
ul.tab-bar li.selected a:hover {
background-color: rgba(100, 0, 255, 0.9);
color: white;
}
.part-logo,
.jobimage,
.avatar {
width: 80px;
height: 80px;
}
section.gallery.thumbs > figure {
width: 110px;
height: 110px;
margin: 4;
}
video {
width: 110px;
height: 110px;
margin: 4;
}
.local-nav {
margin-bottom: -30px !important;
}
.responsive-canvas {
max-height: 300px;
}
section.homegraph {
max-height: 400px;
}
.document .persons.tweaked > li {
width: 100%;
}
.document .persons.tweaked .contact-item-icon {
margin: 0 5% 1em 5%;
width: 90%;
}
footer .tiny-text {
width: 100%;
padding: 0;
}
}
/**
* retina specific
**/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* .logo {
background: url(logo2x.jpg) no-repeat;
background-size: 212px 303px;
}*/
}
/* Designer edits these ones */
.print-only {
display: block;
}
.screen-only,
.handHeld-only {
display: none;
}
/****************************************/
/* CSS3 layout beta */
/****************************************/
@page {
size: A4 portrait;
margin: 15mm;
counter-increment: page;
}
/* http://www.w3.org/TR/css3-gcpm/ */
/* titre courant */
/*h1, h2 { string-set: header self }*/
@page :left {
@top-left {
content: string(header);
}
}
@page :bottom {
@bottom-center {
content: counter(page);
}
}
.page {
/* fit: meet;*/
}
/****************************************/
/* modifications */
/****************************************/
body {
color: black;
background-color: white;
background-image: none;
}
.page {
color: black;
background-color: white;
background-image: none;
}