@page { @top-center { content:'le grain des choses';
}
@bottom-center {
content: counter(page) "/" counter(pages);
}
}
.bg-template-1 {
background-color: #aaff00;
}
.bg-template-2 {
background-color: #ffaa00;
}
.bg-template-3 {
background-color: #ff00aa;
}
.bg-template-4 {
background-color: #aa00ff;
}
.bg-template-5 {
background-color: #00aaff;
}
.bg-template-6 {
background-color: #ffffff;
}
.bg-template-7 {
background-color: #000000;
}
#main-nav {
z-index: 100;
}
#main-nav #mainNavBar {
z-index: 100;
}
body.section-sommaires {
background-image: none;
}
body .main-container {
background-color: transparent !important;
}
#content {
padding-top: 0;
}
.main-container {
padding-top: 0;
}
body #mic {
display: none;
}
.comp-home-wrapper {
position: relative;
}
#content {
position: relative;
}
.home-pic {
width: auto;
max-width: 1920px;
position: absolute;
top: 0;
left: -9999px;
right: -9999px;
margin: auto;
max-height: 75vh;
}
h1 {
display: none;
}
h3 {
font-family: 'Arvo', serif;
}
body {
overflow: hidden;
}
body .main-container {
background-color: transparent;
}
body .main-container {
padding-top: 0;
}
.home-wrapper {
position: fixed;
left: 0;
width: 100%;
bottom: 133px;
}
#home-subtitle-1 .home-title {
position: fixed;
left: 5%;
bottom: 30%;
font-size: 1em;
color: #3f59aa;
border-bottom: 1px #3f59aa solid;
}
.animation-wrapper {
position: absolute;
top: 260px;
}
img.animation {
max-width: 396px;
max-height: 25vh;
margin-left: 100px;
}
@media (max-width : 800px) {
.home-pic {
max-width: 800px;
max-height: 80vh;
}
#home-subtitle-1 .home-title {
left: 30px;
bottom: 135px;
}
#home-subtitle-1 {
text-align: center;
}
.animation-wrapper {
position: absolute;
top: 90px;
left: 50%;
}
img.animation {
width: 340px;
margin-left: -160px;
}
}
