Files
Popsu-coloque/web/themes/custom/colloque2024/css-compiled/index.css
T
2024-04-30 23:13:01 +02:00

2289 lines
72 KiB
CSS

@charset "UTF-8";
/**
* @file
* Presentational styles for Drupal stark theme layout.
*
* It is left empty for testing purposes.
*
* @see https://www.drupal.org/project/drupal/issues/2349711
*/
@font-face {
font-family: "dukefill";
src: url("../fonts/duke_fill-webfont.woff") format("woff"), url("../fonts/duke_fill-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "cormorantBold";
src: url("../fonts/Cormorant-Bold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "cormorantBoldItalic";
src: url("../fonts/Cormorant-BoldItalic-webfont.woff") format("woff");
font-weight: lighter;
font-style: normal; }
@font-face {
font-family: "truenolight";
src: url("../fonts/trueno/truenolt-webfont.woff") format("woff"), url("../fonts/trueno/truenolt-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "truenolight_italic";
src: url("../fonts/trueno/truenoltit-webfont.woff") format("woff"), url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "truenoregular";
src: url("../fonts/trueno/truenorg-webfont.woff") format("woff"), url("../fonts/trueno/truenorg-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "truenoregular_italic";
src: url("../fonts/trueno/truenorgit-webfont.woff") format("woff"), url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "truenobold";
src: url("../fonts/trueno/truenobd-webfont.woff") format("woff"), url("../fonts/trueno/truenobd-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "truenobold_italic";
src: url("../fonts/trueno/truenobdit-webfont.woff") format("woff"), url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal; }
/*marianne*/
@font-face {
font-family: 'Mariannethin';
src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Mariannethin_italic';
src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'Mariannelight';
src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Mariannelight_italic';
src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'Marianneregular';
src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Marianneregular_italic';
src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
font-weight: 600;
font-style: italic; }
@font-face {
font-family: 'Mariannemedium';
src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'Mariannemedium_italic';
src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
font-weight: 800;
font-style: italic; }
@font-face {
font-family: 'Mariannebold';
src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
font-weight: 900;
font-style: normal; }
@font-face {
font-family: 'Mariannebold_italic';
src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
font-weight: 900;
font-style: italic; }
@font-face {
font-family: 'Marianneextrabold';
src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
font-weight: 1000;
font-style: normal; }
@font-face {
font-family: 'Marianneextrabold_italic';
src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
font-weight: 1000;
font-style: italic; }
#block-colloque2024-renderedsitesettingsblock-2 .site_setting_entity h1 {
font-family: 'Marianneregular';
font-size: 2rem;
line-height: 2rem;
text-transform: uppercase;
text-align: right;
align-self: stretch;
margin: auto; }
#block-colloque2024-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:first-child {
font-family: "Marianneregular";
font-size: 0.9rem; }
#block-colloque2024-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:last-child {
font-family: "Marianneregular";
font-weight: bold;
font-size: 0.7rem;
line-height: 1; }
form label {
font-family: "Mariannelight"; }
form .select-items div {
font-family: "Mariannelight"; }
form .select-selected {
font-family: "Marianneregular"; }
form input {
font-family: "Mariannelight"; }
.thumbnails.programme .__content {
font-family: "Mariannebold";
font-size: 1rem;
text-transform: uppercase; }
.thumbnails.publications .__content div {
font-family: "Mariannebold";
font-size: 1.2rem; }
.thumbnails.publications .__content span {
font-family: "Mariannebold_italic";
font-size: 1.2rem; }
.thumbnails.interviews .__content div {
font-family: "Mariannebold";
font-size: 1.2rem; }
.thumbnails.interviews .__content span {
font-family: "Mariannebold_italic";
font-size: 1.2rem; }
.thumbnails.bibliographie {
background: transparent; }
.thumbnails.bibliographie div,
.thumbnails.bibliographie p {
font-family: "Mariannebold";
font-size: 1.2rem; }
.thumbnails.bibliographie span {
font-family: "Mariannebold_italic";
font-size: 1.2rem; }
.thumbnails_participants figure img {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.thumbnails_participants figure:hover > div img {
transform: scale(1.05);
transition: 0.3s all ease;
box-shadow: 0px 0px 13px 0px #038788; }
.thumbnails_participants .__name {
font-family: "Marianneregular";
font-size: 1rem;
color: black;
padding-bottom: 0.5rem; }
.thumbnails_participants .__qualite {
font-family: "Marianneregular_italic";
font-size: 0.8rem;
color: #038788; }
.paragraph--type--role-de-l-intervenant .___title_inter div {
font-family: "Mariannebold";
font-size: 0.8rem;
text-transform: uppercase; }
article.participant_full .__auteur h2 {
font-family: "Marianneregular";
font-size: 2rem;
line-height: 1;
letter-spacing: normal; }
article.participant_full .status div {
font-family: "Marianneregular_italic";
color: #038788;
font-size: 1rem;
line-height: 1.2rem;
text-align: center; }
@media screen and (min-width: 768px) {
article.participant_full .status div {
text-align: left; } }
body, html {
font-size: 16px;
font-family: 'Marianne', "sans-serif";
line-height: 1.2; }
body .is-active, html .is-active {
overflow: hidden; }
main {
min-height: calc(100vh - 150px); }
header {
background: white; }
ul, li, ol {
list-style: none; }
h1, h2, h3, h4 {
margin: 0;
padding: 0; }
h2 {
font-family: 'Marianne';
font-size: 2.5rem;
line-height: 2.5rem;
color: black; }
@media screen and (min-width: 768px) {
h2 {
font-size: 3rem;
line-height: 3.5rem; } }
h2 a {
color: black; }
h3 {
margin: 1rem 0;
font-family: 'Mariannebold';
font-size: 2rem;
color: #038788; }
@media screen and (min-width: 768px) {
h3 {
font-size: 2.5rem;
line-height: 3.5rem; } }
p + h3 {
margin: 0.5rem 0 1.5rem 0; }
p {
font-size: 1rem;
line-height: 1.5rem;
font-family: 'Marianneregular'; }
p strong {
font-family: 'Mariannebold'; }
p strong em {
font-family: 'Mariannebold_italic'; }
p em {
font-family: 'Marianneregular_italic'; }
p a {
display: inline;
background: #d2d2ebff; }
a {
color: black;
text-decoration: none; }
a:hover {
color: black;
text-decoration: none; }
blockquote {
margin: 2rem 1rem 2rem 1rem;
color: #6f6d7dff; }
@media screen and (min-width: 768px) {
blockquote {
margin: 3.5rem 2rem 4rem 2rem; }
blockquote p {
margin-top: 1rem; } }
blockquote p {
font-family: 'Mariannebold';
font-size: 2rem;
line-height: 2.5rem;
font-weight: lighter;
margin-top: 0.5rem; }
img {
width: 100%;
height: 100%;
object-fit: cover; }
button {
outline: 0;
border: 0; }
button:focus {
outline: 0;
border: 0; }
footer * {
font-family: 'Marianne';
color: black; }
footer h2 {
text-transform: uppercase;
font-size: 1rem;
line-height: 1.5rem; }
@keyframes pulse {
0% {
transform: scale(0); }
100% {
transform: scale(0.5); } }
@keyframes slidein {
from {
transform: translateX(0%); }
to {
transform: translateX(100%); } }
@keyframes dropDown {
from {
transform: translateY(0%); }
to {
transform: translateY(100%); } }
@keyframes translateAnimation {
0% {
transform: translateX(0);
/* Start translation */ }
50% {
transform: translateX(200); }
100% {
transform: translateX(500px);
/* End translation */ } }
@keyframes changeColor {
0% {
fill: #b9ce00;
/* Initial fill color */ }
100% {
fill: #ff804d;
/* Final fill color */ } }
@keyframes changeColor2 {
0% {
fill: #038788;
/* Initial fill color */ }
100% {
fill: #349a84;
/* Final fill color */ } }
@keyframes traceAppear {
0% {
opacity: 0; }
80% {
opacity: 0; }
100% {
opacity: 1; } }
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0px 0px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }
.hamburger-box {
width: 30px;
height: 21px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -9px; }
.hamburger-inner::after {
bottom: -9px; }
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -18px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -9px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -18px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -9px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (min-width: 768px) {
main:not(.home) {
padding: 1.5rem 0 !important; } }
@media screen and (min-width: 992px) {
main:not(.home) {
padding: 4rem 0 !important; } }
body #content-ontop {
position: relative;
padding-top: 5rem; }
@media screen and (max-width: 300px) {
body #content-ontop {
padding-top: 2rem; } }
body #background-animated {
width: 100VW;
z-index: -1;
position: absolute; }
article.publications, article.interviews {
margin-top: 1rem; }
article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
max-width: 100%;
max-height: 400px;
object-fit: contain; }
@media screen and (min-width: 992px) {
article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
width: 100%; } }
header #block-colloque2024-mainnavigation ul li {
font-size: 0.8rem; }
header #block-colloque2024-mainnavigation ul li a {
color: black;
font-family: "Marianneregular"; }
header #block-colloque2024-mainnavigation ul li a.is-active {
font-family: "Mariannebold";
color: black;
text-decoration: none; }
header #block-colloque2024-mainnavigation ul li a:hover {
font-family: "Mariannebold";
color: black;
text-decoration: none; }
#txt_present {
margin: 3rem 0; }
@media screen and (min-width: 992px) {
#txt_present {
margin: 5rem 0; } }
#txt_present * {
color: black; }
#txt_present > div {
min-width: 80% !important; }
#txt_present .__title-present h2 {
font-size: 1.9rem;
font-family: "Marianneregular";
line-height: normal; }
#txt_present .__sub-title-present p {
font-family: "Marianneregular_italic";
font-size: 0.9rem;
line-height: 1.3rem; }
#txt_present .__body-present p {
font-family: "Mariannelight";
font-size: 1.5rem;
line-height: 1.8rem; }
#txt_present .more_link {
padding: 0rem 1rem 0.2rem 1rem;
background: white; }
#txt_present .more_link a {
font-size: 0.7rem;
color: #038788; }
#block-colloque2024-views-block-dernieres-publications-block-1 .views section:not(.wrap_head),
#block-colloque2024-views-block-slide-interviews-block-1 .views section:not(.wrap_head) {
margin: 1rem 0; }
@media screen and (min-width: 768px) {
#block-colloque2024-views-block-dernieres-publications-block-1 .views section:not(.wrap_head),
#block-colloque2024-views-block-slide-interviews-block-1 .views section:not(.wrap_head) {
margin: 1rem calc(0rem - 0.5rem); } }
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head) {
display: flex;
flex-wrap: wrap;
margin: 0 -1rem !important; }
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head) figure {
padding: 1rem;
margin: 0;
width: 100%;
max-height: 400px; }
@media screen and (min-width: 768px) {
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head) figure {
width: calc(100% / 3);
max-height: 300px; } }
@media screen and (min-width: 1024px) {
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head) figure {
width: calc(100% / 6);
max-height: 200px; } }
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head) figure img {
width: 100%;
height: 100%;
object-fit: cover; }
#block-colloque2024-views-block-gallerie-block-1 .pager {
text-align: center;
margin: 2rem; }
#block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease;
background: white;
width: fit-content;
margin: auto;
padding: 0.5rem 1rem;
font-size: 12px;
display: block;
font-family: "Mariannebold";
color: #1d378eff; }
#block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.lightbox {
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) !important; }
.lb-dataContainer {
width: 100%;
background: white; }
.lb-dataContainer .lb-details {
width: 100%; }
.lb-dataContainer span {
display: block;
text-align: center;
color: black; }
.lb-dataContainer .lb-number {
font-family: "Mariannebold";
padding-bottom: 0; }
#block-colloque2024-views-block-gallerie-block-1,
#block-colloque2024-views-block-slide-programme-block-1,
#block-colloque2024-views-block-dernieres-publications-block-1,
#block-colloque2024-views-block-slide-interviews-block-1 {
margin: 2rem 0; }
@media screen and (min-width: 992px) {
#block-colloque2024-views-block-gallerie-block-1,
#block-colloque2024-views-block-slide-programme-block-1,
#block-colloque2024-views-block-dernieres-publications-block-1,
#block-colloque2024-views-block-slide-interviews-block-1 {
margin: 5rem 0; } }
#block-colloque2024-views-block-gallerie-block-1 h3,
#block-colloque2024-views-block-slide-programme-block-1 h3,
#block-colloque2024-views-block-dernieres-publications-block-1 h3,
#block-colloque2024-views-block-slide-interviews-block-1 h3 {
margin: 0;
font-family: "Mariannebold";
font-size: 2.5rem;
letter-spacing: 0.1rem;
color: #038788; }
#block-colloque2024-views-block-slide-programme-block-1 h3::after {
display: inline-flex;
width: 60px;
height: 60px;
vertical-align: middle;
margin-left: 20px; }
#mainHome {
max-width: 100vw;
margin: 0;
display: flex; }
#mainHome .layout-content {
margin: auto;
max-width: 1140px; }
#block-colloque2024-renderedsitesettingsblock-6 {
display: flex;
margin: auto; }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto; }
@media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: flex;
flex-direction: column; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 8rem;
font-family: 'Mariannebold';
line-height: 95%;
grid-column: 1 / span 4;
grid-row: 2; }
@media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 4.5rem;
order: 3; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem; }
@media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem;
order: 4; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
text-transform: uppercase;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3; }
@media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem;
order: 2; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
text-transform: uppercase;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem; }
@media screen and (max-width: 300px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem;
order: 1; } }
#txt_present .medias {
display: none; }
#block-colloque2024-views-block-slide-interviews-block-1 {
display: none; }
#block-colloque2024-views-block-gallerie-block-1 {
display: none; }
#block-colloque2024-views-block-dernieres-publications-block-1 {
display: none; }
#presentation {
margin-top: 0.5rem; }
#presentation .__title h2 {
color: #038788 !important; }
@media screen and (min-width: 768px) {
#presentation .__title {
margin: 1rem 0; } }
@media screen and (min-width: 992px) {
#presentation .__title {
margin: 2rem 0; } }
#presentation .__wrapper {
margin-top: 1rem; }
#presentation.main {
max-width: 100vw;
margin: 0;
display: flex; }
.layout {
display: flex;
flex-direction: row; }
.layout #aside-animated {
display: flex;
z-index: -1;
position: absolute;
width: 25%;
top: 0;
left: 0;
margin: auto;
padding: auto; }
.layout #aside-animated svg {
margin: auto; }
.container.programme {
padding-top: 1.5rem; }
@media screen and (min-width: 768px) {
.container.programme {
padding-top: 0rem; } }
.container.programme h2 {
position: relative;
color: #038788; }
.container.programme h2::after {
display: inline-flex;
position: absolute;
right: 0;
width: 100px;
height: 100px;
vertical-align: middle; }
@media screen and (min-width: 768px) {
.container.programme h2::after {
width: 150px;
height: 150px; } }
.container.programme h3 {
font-size: 1.5rem;
font-family: 'Mariannelight';
color: black;
text-transform: uppercase; }
.container.programme .views section .row .__wrap_side {
margin: 0 0 1rem 0; }
@media screen and (min-width: 768px) {
.container.programme .views section .row .__wrap_side {
margin: 0.5rem 0 0rem 0; } }
@media screen and (min-width: 768px) {
.container.programme .views section .row > div:not(.__wrap_side) {
padding-left: 0;
margin: 0 calc(0rem - 0.5rem); } }
.container.programme .views section:not(:last-child) > .d-flex {
padding: 0 0 2rem 0; }
@media screen and (min-width: 768px) {
.publications .views section,
.bibliographie .views section,
.interviews .views section {
margin: 0 calc(0rem - 0.5rem); } }
#block-colloque2024-submenu .is-active {
color: white;
background: #1d378eff; }
#block-colloque2024-page-title {
margin: 1.5rem auto; }
@media screen and (min-width: 768px) {
#block-colloque2024-page-title {
margin: 0 auto 1.5rem auto; } }
#info_prat_title {
position: relative;
color: #038788; }
#info_prat_title::after {
display: inline-flex;
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
vertical-align: middle; }
@media screen and (min-width: 768px) {
#info_prat_title::after {
right: -20px;
top: 10px;
width: 150px;
height: 150px; } }
.geolocation-map-wrapper {
height: 400px; }
.geolocation-map-wrapper .geolocation-map-container {
height: inherit !important; }
#moments h4, #moments h2 {
color: #038788; }
#moments .__wrapper .__title {
margin: 0.5rem 0; }
#moments .__wrap_side {
margin-top: 0.5rem; }
#moments .__wrap_content .__head {
margin: 0.5rem 0; }
#moments .__wrap_content .__head div > div {
font-family: 'Marianneregular';
font-size: 0.8rem;
padding-right: 0.5rem; }
#moments .__wrap_content .__head div > div:not(:first-child) {
padding-left: 0.5rem; }
#moments .__wrap_content .__content {
max-height: calc(1.5rem * 12);
overflow: hidden; }
#moments .__wrap_content .__content.is_active {
max-height: 100% !important; }
@media screen and (min-width: 576px) {
#moments .__wrap_content .__content {
max-height: 100%; } }
#moments .__wrap_content .more_link.is_active {
display: none !important; }
article.publications .__wrap_content .__head * {
color: black; }
article.publications .__wrap_content .__head .__auteur div {
font-family: 'Mariannebold';
font-size: 1.5rem; }
article.publications .__wrap_content .__head .__titre span {
font-family: 'Mariannebold_italic';
font-size: 1.5rem; }
article.publications .__wrap_content .__head .__info {
margin: 1rem 0; }
article.publications .__wrap_content .__head .__info div {
font-family: 'Mariannebold';
font-size: 1rem; }
.container.les_intervenants {
padding-top: 1.5rem; }
@media screen and (min-width: 768px) {
.container.les_intervenants {
padding-top: 0; } }
.container.les_intervenants .views-element-container {
margin-top: 1rem; }
@media screen and (min-width: 768px) {
.container.les_intervenants .views-element-container {
margin-top: 0rem; } }
.container.les_intervenants .wrap-anchor-letter {
margin-bottom: 3rem; }
.container.les_intervenants .wrap-anchor-letter a {
font-size: 2rem;
font-family: 'Marianne';
color: #038788; }
.container.les_intervenants .letter-sort {
font-size: 3rem;
font-family: 'Marianne';
color: black; }
.container.les_intervenants section.row {
margin-top: 2rem;
margin-bottom: 6rem; }
.participant_full .__wrap_content {
margin: 3rem auto; }
.participant_full .__publications,
.participant_full .__bibliographie,
.participant_full .__interviews {
margin: 3rem auto; }
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 h4, #block-colloque2024-views-block-bibliographie-node-intervenant-block-1 h4 {
color: #038788; }
.search section > div {
width: 100%;
display: flex;
flex-wrap: wrap; }
.search section > div h3 {
width: 100%; }
#block-colloque2024-local-tasks ul {
display: flex;
margin-top: 2rem;
margin-bottom: 0;
padding: 0; }
#block-colloque2024-local-tasks ul li {
margin: 0.5rem; }
#toolbar-administration {
z-index: 99999;
position: fixed; }
form.user-login-form {
padding: 2rem;
background: white;
width: 100%;
max-width: 300px;
margin: auto; }
form.user-login-form > div:not(:last-child) {
margin-bottom: 2rem; }
form.user-login-form > div .js-form-required {
margin-bottom: 0;
font-family: 'Marianneregular'; }
form.user-login-form > div label {
font-size: 0.9rem; }
form.user-login-form > div input {
border: 2px solid #1d378eff;
border-radius: 10px;
padding: 0.5rem;
width: 100%; }
form.user-login-form > div input:focus {
border: 2px solid #b9a47eff;
border-radius: 10px !important;
padding: 0.5rem !important;
outline: none !important; }
form.user-login-form > div .description {
font-size: 0.6rem;
margin-top: 0.4rem;
font-family: 'Mariannelight'; }
form.user-login-form #edit-actions {
display: flex; }
form.user-login-form #edit-actions input {
margin: auto;
background: white; }
form.user-login-form #edit-actions input:hover {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
form.user-login-form #edit-actions input:hover:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
header {
max-height: 125px; }
header .row {
background: white;
max-height: inherit;
border-bottom: 1px solid black;
padding-left: 40px; }
@media screen and (max-width: 300px) {
header .row {
padding-left: 20px; } }
header .row #block-colloque2024-logorepublique, header .row #block-colloque2024-logoepau {
max-height: inherit; }
header .row #block-colloque2024-logorepublique > div, header .row #block-colloque2024-logoepau > div {
max-height: inherit; }
header .row #block-colloque2024-logorepublique > div a, header .row #block-colloque2024-logoepau > div a {
display: block;
max-height: inherit; }
header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
width: auto;
height: 125px;
padding-bottom: 0.5rem;
padding-top: 0.5rem; }
@media screen and (max-width: 300px) {
header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
width: 100px;
object-fit: contain; } }
header .row #block-colloque2024-logorepublique.is-active, header .row #block-colloque2024-logoepau.is-active {
z-index: 10000; }
header .row #block-colloque2024-logoepau {
margin-right: 2rem; }
header .row #block-renderedsitesettingsblock-2 {
width: 25%;
border-left: 1px solid black;
padding: 0;
justify-content: end; }
@media screen and (max-width: 300px) {
header .row #block-renderedsitesettingsblock-2 {
display: none; } }
header .row #block-renderedsitesettingsblock-2 a {
display: flex;
margin: auto;
margin-left: 1rem; }
@media screen and (min-width: 1200px) {
header .row #block-renderedsitesettingsblock-2 {
display: flex; } }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity {
display: flex;
flex-direction: column; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
order: 2;
width: 60%;
color: black;
padding-right: 1rem;
font-size: 2rem;
text-align: left;
margin: auto 0;
line-height: 0.95; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque {
width: fit-content;
order: 1;
height: auto;
display: flex;
flex-direction: row; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div {
height: auto; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:first-child {
order: 2;
color: black;
white-space: nowrap;
font-family: "Mariannebold";
text-transform: uppercase;
padding-left: 0.5rem; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:last-child {
order: 1;
color: black;
width: min-content;
margin-bottom: 0;
text-transform: uppercase; }
header .row #block-colloque2024-mainnavigation {
width: max-content; }
header .row #block-colloque2024-mainnavigation .burger {
padding-top: 0.25rem;
z-index: 9999; }
header .row #block-colloque2024-mainnavigation .nav-main {
display: none; }
@media screen and (min-width: 1200px) {
header .row #block-colloque2024-mainnavigation .nav-main {
display: block; }
header .row #block-colloque2024-mainnavigation .nav-main ul {
margin-bottom: 0;
flex-wrap: wrap; }
header .row #block-colloque2024-mainnavigation .nav-main ul li {
margin: 0 0.5rem;
font-size: 1.3rem !important; }
header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
display: inline-block;
content: "|";
margin-left: 0.5rem; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background: white;
z-index: 9999; }
@media screen and (min-width: 576px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active {
height: auto; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
margin: 130px 0 50px 0; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
font-size: 1.7rem;
line-height: 3rem;
padding: 0 15px; } }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
align-items: center; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
font-size: 1.5rem;
line-height: 3rem;
padding: 0 15px; }
@media screen and (min-width: 360px) {
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
width: 100%; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
display: inline-block;
content: " ";
width: 0%;
transition: width 1s ease;
height: 1px;
background: #038788; }
header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
width: 10%;
transition: all 1s ease; } }
#block-colloque2024-mainnavigation {
display: flex;
align-items: center;
justify-content: flex-end; }
#block-colloque2024-mainnavigation .burger {
display: block;
margin: auto; }
@media screen and (min-width: 1200px) {
#block-colloque2024-mainnavigation .burger {
display: none; } }
#block-colloque2024-mainnavigation .burger.is-active {
z-index: 999; }
#block-colloque2024-mainnavigation .nav-main {
display: none;
height: auto; }
@media screen and (min-width: 1200px) {
#block-colloque2024-mainnavigation .nav-main {
display: flex; } }
header.front #block-colloque2024-branding {
width: 21rem;
position: relative;
z-index: 9999; }
header.front #block-colloque2024-branding a {
max-height: 8rem !important; }
header.front #block-colloque2024-branding.is-active {
overflow: inherit; }
header.front #block-colloque2024-branding.is-active > div {
max-height: 115px; }
header.front #block-renderedsitesettingsblock-2 {
display: none; }
#block-colloque2024-submenu {
margin: 1rem auto; }
#block-colloque2024-submenu ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -1rem; }
#block-colloque2024-submenu ul li {
padding: 1rem;
width: 100%;
text-align: center; }
@media screen and (min-width: 576px) {
#block-colloque2024-submenu ul li {
width: auto !important; } }
#block-colloque2024-submenu ul li a {
display: block;
padding: 0.5rem 1rem;
border: 1px solid #038788;
color: #038788;
background: white;
transition: color 0.3s ease, background 0.3s ease;
font-size: 2rem;
font-family: "Marianne";
letter-spacing: 0.05rem;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
#block-colloque2024-submenu ul li a {
font-size: 2.5rem; } }
#block-colloque2024-submenu ul li a:hover {
text-decoration: none;
color: white;
background: #038788;
transition: all 0.3s ease; }
#views-exposed-form-publications-page-1,
#views-exposed-form-bibliographie-page-1 {
margin: 2rem 0;
display: flex;
flex-wrap: wrap; }
#views-exposed-form-publications-page-1 > div,
#views-exposed-form-bibliographie-page-1 > div {
width: 100%; }
@media screen and (min-width: 768px) {
#views-exposed-form-publications-page-1 > div,
#views-exposed-form-bibliographie-page-1 > div {
width: calc((100% / 2) - ( 0.5rem * 2)); } }
@media screen and (min-width: 992px) {
#views-exposed-form-publications-page-1 > div,
#views-exposed-form-bibliographie-page-1 > div {
width: auto; } }
@media screen and (min-width: 992px) {
#views-exposed-form-publications-page-1 > div,
#views-exposed-form-bibliographie-page-1 > div {
margin-right: 2rem; } }
#views-exposed-form-publications-page-1 > div:not(:last-child),
#views-exposed-form-bibliographie-page-1 > div:not(:last-child) {
margin-bottom: 1rem; }
@media screen and (min-width: 768px) {
#views-exposed-form-publications-page-1 > div:not(:last-child),
#views-exposed-form-bibliographie-page-1 > div:not(:last-child) {
margin-right: calc(0.5rem * 2); } }
@media screen and (min-width: 992px) {
#views-exposed-form-publications-page-1 > div:not(:last-child),
#views-exposed-form-bibliographie-page-1 > div:not(:last-child) {
margin-bottom: 0rem; } }
#views-exposed-form-publications-page-1 > div label,
#views-exposed-form-bibliographie-page-1 > div label {
min-width: max-content; }
#views-exposed-form-publications-page-1 > div .select-selected,
#views-exposed-form-bibliographie-page-1 > div .select-selected {
width: 100%;
min-width: 150px;
background-color: white;
color: #1d378eff !important; }
#views-exposed-form-publications-page-1 > div .select-selected::after,
#views-exposed-form-bibliographie-page-1 > div .select-selected::after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #1d378eff transparent transparent transparent; }
#views-exposed-form-publications-page-1 > div .select-selected.select-arrow-active:after,
#views-exposed-form-bibliographie-page-1 > div .select-selected.select-arrow-active:after {
transform: rotate(180deg);
top: 7px; }
#views-exposed-form-publications-page-1 > div .select-items,
#views-exposed-form-bibliographie-page-1 > div .select-items {
position: absolute;
background-color: #1d378eff;
top: 100%;
right: 0;
z-index: 99;
min-width: 150px;
width: 100%; }
@media screen and (min-width: 768px) {
#views-exposed-form-publications-page-1 #edit-actions,
#views-exposed-form-bibliographie-page-1 #edit-actions {
display: flex;
flex-wrap: nowrap;
width: 100%; } }
@media screen and (min-width: 992px) {
#views-exposed-form-publications-page-1 #edit-actions,
#views-exposed-form-bibliographie-page-1 #edit-actions {
width: auto; } }
#views-exposed-form-publications-page-1 #edit-actions input,
#views-exposed-form-bibliographie-page-1 #edit-actions input {
width: 100%;
height: auto;
background: #1d378eff;
color: white;
border: none;
outline: none;
margin-top: 1rem;
padding: 0.5rem 1rem; }
@media screen and (min-width: 768px) {
#views-exposed-form-publications-page-1 #edit-actions input,
#views-exposed-form-bibliographie-page-1 #edit-actions input {
max-width: 50%;
margin-right: 1rem; } }
@media screen and (min-width: 992px) {
#views-exposed-form-publications-page-1 #edit-actions input,
#views-exposed-form-bibliographie-page-1 #edit-actions input {
max-width: 100%;
margin-right: 0;
margin-top: 0; } }
#views-exposed-form-publications-page-1 #edit-actions input:focus,
#views-exposed-form-bibliographie-page-1 #edit-actions input:focus {
border: none;
outline: none; }
@media screen and (min-width: 768px) {
#views-exposed-form-publications-page-1 #edit-actions input#edit-submit-publications,
#views-exposed-form-bibliographie-page-1 #edit-actions input#edit-submit-publications {
margin-right: calc(0.5rem * 2); } }
#views-exposed-form-publications-page-1 #edit-actions input.form-submit,
#views-exposed-form-bibliographie-page-1 #edit-actions input.form-submit {
margin-right: 0.75rem; }
#block-formulaireexposesearchpage-1 input {
width: 100%;
height: auto;
background: white;
color: #1d378eff;
border: none;
outline: none;
margin-top: 1rem;
padding: 0.5rem 1rem; }
@media screen and (min-width: 768px) {
#block-formulaireexposesearchpage-1 input {
max-width: 100%;
margin-right: 1rem; } }
@media screen and (min-width: 992px) {
#block-formulaireexposesearchpage-1 input {
max-width: 100%;
margin-right: 0;
margin-top: 0; } }
#block-formulaireexposesearchpage-1 input:focus {
border: none;
outline: none; }
@media screen and (min-width: 768px) {
#block-formulaireexposesearchpage-1 input#edit-submit-publications {
margin-right: calc(0.5rem * 2); } }
#block-formulaireexposesearchpage-1 input.form-submit {
background: #1d378eff;
color: white; }
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 {
display: flex;
flex-wrap: wrap;
margin: 2rem 0; }
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 > div {
width: 100%; }
@media screen and (min-width: 768px) {
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 > div:first-child {
width: 75%; }
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 > div:last-child {
width: 25%; } }
@media screen and (min-width: 992px) {
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 > div:first-child {
max-width: 350px; }
#block-formulaireexposesearchpage-1 #views-exposed-form-search-page-1 > div:last-child {
max-width: max-content; } }
.js-form-type-select {
position: relative;
font-family: Arial;
display: inline-flex;
align-items: baseline; }
.js-form-type-select label {
margin-right: 1rem; }
.js-form-type-select select {
display: none; }
.select-selected.select-arrow-active:after {
border-color: transparent transparent #1d378eff transparent;
top: 7px; }
.select-items div, .select-selected {
color: #ffffff;
padding: 8px 30px 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer; }
.select-hide {
display: none; }
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1); }
body {
overflow-x: hidden; }
.home .__img-hero {
display: none;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw; }
.__img-hero {
height: 300px;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw; }
.__img-hero img {
width: 100%;
height: 100%;
object-fit: cover; }
.participant_full {
flex-direction: column;
margin-top: 2rem; }
@media screen and (min-width: 992px) {
.participant_full {
margin-top: 0rem; } }
.participant_full .hero figure {
width: 100%; }
.participant_full .hero figure .__img > div {
margin: auto;
width: 250px;
height: 250px; }
.participant_full .hero figure .__img img {
border-radius: 100%;
width: 100%;
height: 100%;
object-fit: cover; }
.participant_full .hero figure figcaption {
align-self: center;
text-align: center;
margin: 2rem 0; }
@media screen and (min-width: 768px) {
.__img-hero {
height: 500px;
width: auto;
position: relative;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; } }
@media screen and (min-width: 768px) {
.participant_full .hero figure {
width: 100%; }
.participant_full .hero figure .__img {
margin-right: 2rem; }
.participant_full .hero figure .__img > div {
width: 300px;
height: 300px; }
.participant_full .hero figure .__img img {
border-radius: 100%;
width: 100%;
height: 100%;
object-fit: cover; }
.participant_full .hero figure figcaption {
align-self: center;
text-align: left; } }
.dl_ressource {
font-size: 0.9rem;
line-height: 1.2;
font-family: 'Marianneregular';
text-align: left;
margin: 1.5rem .25rem 0 .25rem; }
@media screen and (min-width: 768px) {
.dl_ressource {
margin-top: 1.5rem;
text-align: center;
font-size: 0.5rem; } }
.dl_ressource a::before {
content: "";
display: inline-block;
background-image: url("../images/douwnload.svg");
background-repeat: no-repeat;
background-size: contain;
width: 25px;
height: 25px;
vertical-align: middle;
margin-right: 0.5rem; }
@media screen and (min-width: 768px) {
.dl_ressource a::before {
margin-right: 0; } }
.dl_ressource a > span {
display: inline-block; }
@media screen and (min-width: 992px) {
.dl_ressource a > span {
display: inline-block !important;
margin-top: 0.5rem; } }
@media screen and (min-width: 768px) {
.dl_ressource a > span {
display: none; } }
.__rs > div {
width: 25px;
height: 25px;
margin: 0 0.25rem; }
@media screen and (min-width: 768px) {
.__rs:not(.moment) {
margin: auto; }
.__rs:not(.moment) > div {
margin: 0 auto 0.5rem auto; } }
@media screen and (min-width: 992px) {
.__rs.moment {
margin: auto; }
.__rs.moment > div {
margin: 0 auto 0.5rem auto; } }
.paragraph--type--role-de-l-intervenant {
margin-bottom: 5rem; }
.___title_inter {
border-bottom: 1px solid black;
margin-bottom: 2rem; }
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: 0; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333; }
.flickity-button:hover {
background: #fff;
cursor: pointer; }
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f; }
.flickity-button:active {
opacity: .6; }
.flickity-button:disabled {
opacity: .3;
cursor: auto;
pointer-events: none; }
.flickity-button-icon {
fill: currentColor; }
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%); }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: .25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; }
.flickity-button {
background: transparent; }
.flickity-button:hover {
background: transparent; }
.flickity-button-icon {
fill: black; }
.flickity-button:disabled {
display: none; }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article {
width: calc(100% - 30px);
height: 325px;
display: flex;
flex-direction: column;
margin: 3rem 0.5rem 1.5rem 0.5rem; }
@media screen and (min-width: 768px) {
#block-colloque2024-views-block-slide-programme-block-1 .__slide article,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
#block-colloque2024-views-block-slide-programme-block-1 .__slide article,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article {
width: calc(100% / 3 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
#block-colloque2024-views-block-slide-programme-block-1 .__slide article,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article {
width: calc(100% / 4 - 0.5rem * 2); } }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article a,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article a {
width: 100%;
height: 100%;
background: white;
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article a:hover,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article a:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article a .__wrap,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article a .__wrap {
background: white; }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article.first > span,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article.first > span {
font-family: "Mariannelight";
position: absolute;
top: -2.5rem;
width: max-content;
font-size: 1.2rem;
line-height: 1.2;
text-transform: uppercase; }
#block-colloque2024-views-block-slide-programme-block-1 .__slide article.first:not(:first-child)::before,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .__slide article.first:not(:first-child)::before {
position: absolute;
display: block;
content: " ";
width: 1px;
height: calc(100% + 3rem);
margin: -2.5rem 0 0 0;
background: #b9a47eff;
left: -0.5rem;
top: 0; }
#block-colloque2024-views-block-gallerie-block-1 section:not(.wrap_head),
#block-colloque2024-views-block-slide-programme-block-1 section:not(.wrap_head),
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 section:not(.wrap_head),
#block-colloque2024-views-block-dernieres-publications-block-1 section:not(.wrap_head),
#block-colloque2024-views-block-slide-interviews-block-1 section:not(.wrap_head) {
margin: 1rem 0; }
#block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-dernieres-publications-block-1 .views section.wrap_head .head,
#block-colloque2024-views-block-slide-interviews-block-1 .views section.wrap_head .head {
display: flex;
flex-direction: row;
align-items: center;
position: relative; }
#block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-dernieres-publications-block-1 .views section.wrap_head .head h3,
#block-colloque2024-views-block-slide-interviews-block-1 .views section.wrap_head .head h3 {
display: flex;
flex-direction: row;
align-items: center; }
#block-colloque2024-views-block-gallerie-block-1 .views section.wrap_head .head h3:after,
#block-colloque2024-views-block-slide-programme-block-1 .views section.wrap_head .head h3:after,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section.wrap_head .head h3:after,
#block-colloque2024-views-block-dernieres-publications-block-1 .views section.wrap_head .head h3:after,
#block-colloque2024-views-block-slide-interviews-block-1 .views section.wrap_head .head h3:after {
display: block;
content: "";
max-width: fit-content;
width: 100%;
/* Étendre la ligne sur toute la largeur */
border-bottom: 1px solid #000;
/* Couleur et style de la ligne */ }
@media screen and (min-width: 576px) {
#block-colloque2024-views-block-gallerie-block-1 .views section .head,
#block-colloque2024-views-block-slide-programme-block-1 .views section .head,
#block-colloque2024-views-block-slide-programme-node-intervenant-block-1 .views section .head,
#block-colloque2024-views-block-dernieres-publications-block-1 .views section .head,
#block-colloque2024-views-block-slide-interviews-block-1 .views section .head {
display: flex !important;
width: 100%;
justify-content: space-between;
align-items: center; } }
.paragraph--type--role-de-l-intervenant {
margin-bottom: 2rem; }
.paragraph--type--role-de-l-intervenant .__slide:after {
content: "flickity";
display: none; }
@media screen and (min-width: 768px) {
.paragraph--type--role-de-l-intervenant .__slide:after {
content: ""; } }
.paragraph--type--role-de-l-intervenant .__slide .flickity-viewport {
overflow: initial; }
.paragraph--type--role-de-l-intervenant .__slide .flickity-slider > div {
width: 70%;
padding: 0 0.5rem; }
@media screen and (min-width: 768px) {
.paragraph--type--role-de-l-intervenant .__slide .flickity-slider > div {
width: 100%; } }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
margin-left: 10px; }
section article.thumbnails.programme {
border: 1px solid #6f6d7dff;
width: calc(100% / 4 - 0.5rem * 2); }
section article.thumbnails.programme:hover {
border: none;
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
section article.thumbnails.programme:hover:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
section article.thumbnails.programme .d-flex {
color: #ff804d; }
section article.thumbnails.programme .__content span {
color: #038788;
font-size: 0.8rem;
font-family: "Marianneregular_italic";
text-transform: none !important; }
section article.thumbnails.programme .__content span strong {
font-family: "Mariannebold_italic"; }
section > div:not(.__slide) article.thumbnails.programme a {
display: block;
width: 100%;
height: 100%;
background: white;
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
section > div:not(.__slide) article.thumbnails.programme a:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.thumbnails {
width: 100%;
height: auto;
background: white;
margin: calc(0.5rem) 0; }
@media screen and (min-width: 768px) {
.thumbnails {
margin: calc(0.5rem); } }
.thumbnails:not(.bibliographie):not(.programme) {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.thumbnails:not(.bibliographie):not(.programme):hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.thumbnails figure {
height: 150px;
margin: 0; }
.thumbnails .__wrap {
padding: 1rem; }
.thumbnails .__wrap time,
.thumbnails .__wrap .type_moment {
font-family: "Marianneregular";
font-size: 0.8rem;
text-transform: uppercase; }
.thumbnails .__wrap > .d-flex {
margin-bottom: 0.5rem; }
@media screen and (min-width: 768px) {
.thumbnails.publications {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.thumbnails.publications {
width: calc(100% / 3 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.thumbnails.publications {
width: calc(100% / 4 - 0.5rem * 2); } }
.thumbnails.publications .__media {
padding: 0.5rem 0 0.5rem 0.5rem; }
.thumbnails.publications .__media .__img {
width: 100px; }
.thumbnails.publications .__wrap {
padding: 0.5rem; }
.thumbnails.publications > div {
height: 100%; }
.thumbnails.publications div > * {
color: black; }
.thumbnails.publications a {
display: block;
height: 100%; }
.thumbnails.bibliographie {
background: white !important;
padding: 0.5rem; }
.thumbnails.bibliographie.link_ext {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.thumbnails.bibliographie.link_ext:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
@media screen and (min-width: 768px) {
.thumbnails.bibliographie {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.thumbnails.bibliographie {
width: calc(100% / 3 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.thumbnails.bibliographie {
width: calc(100% / 4 - 0.5rem * 2); } }
.thumbnails.bibliographie > div * {
color: black; }
.thumbnails.bibliographie > div *.__auteur * {
font-size: 1.4rem; }
.thumbnails.bibliographie > div *.__body {
margin: 1rem 0; }
.thumbnails.bibliographie a {
text-decoration: underline;
color: #038788; }
@media screen and (min-width: 768px) {
.thumbnails.interviews {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.thumbnails.interviews {
width: calc(100% / 3 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.thumbnails.interviews {
width: calc(100% / 4 - 0.5rem * 2); } }
.thumbnails.interviews .__media {
padding: 0.5rem 0 0.5rem 0.5rem;
max-width: 50%; }
.thumbnails.interviews .__media .__img {
width: 100px; }
.thumbnails.interviews .__wrap {
padding: 0.5rem; }
.thumbnails.interviews > div {
height: 100%; }
.thumbnails.interviews div > * {
color: black; }
.thumbnails.interviews a {
display: block;
height: 100%; }
@media screen and (min-width: 768px) {
.container.programme .thumbnails {
width: calc(100% / 2 - 0.5rem * 2);
margin: 0.5rem; } }
@media screen and (min-width: 992px) {
.container.programme .thumbnails {
width: calc(100% / 3 - 0.5rem * 2); } }
.container.programme .thumbnails .inter {
margin-top: 0.5rem; }
.container.programme .thumbnails .inter span {
color: black;
font-size: 0.8rem;
font-family: "Marianneregular_italic";
text-transform: none !important; }
.container.programme .thumbnails .inter span strong {
font-family: "Mariannebold_italic"; }
.__ressources .__publications .publications .__media {
padding: 0.5rem 0 0.5rem 0.5rem; }
.__ressources .__publications .publications .__wrap {
padding: 0.5rem; }
@media screen and (min-width: 768px) {
.__ressources .__publications .publications {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.__ressources .__publications .publications {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.__ressources .__publications .publications {
width: calc(100% / 2 - 0.5rem * 2); } }
.__ressources .__bibliographie .thumbnails {
background: transparent; }
.__ressources .__bibliographie .thumbnails a > div div,
.__ressources .__bibliographie .thumbnails a > div span,
.__ressources .__bibliographie .thumbnails a > div p {
display: inline;
background: white; }
@media screen and (min-width: 768px) {
.__ressources .__bibliographie .thumbnails {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.__ressources .__bibliographie .thumbnails {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.__ressources .__bibliographie .thumbnails {
width: calc(100% / 2 - 0.5rem * 2); } }
.__ressources .__interviews .interviews .__media {
padding: 0.5rem 0 0.5rem 0.5rem; }
.__ressources .__interviews .interviews .__wrap {
padding: 0.5rem; }
@media screen and (min-width: 768px) {
.__ressources .__interviews .interviews {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 992px) {
.__ressources .__interviews .interviews {
width: calc(100% / 2 - 0.5rem * 2); } }
@media screen and (min-width: 1200px) {
.__ressources .__interviews .interviews {
width: calc(100% / 2 - 0.5rem * 2); } }
.thumbnails_participants figure > div {
width: 100px;
height: 100px;
margin-left: 0.5rem; }
.thumbnails_participants figure > div img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover; }
.thumbnails_participants figure figcaption {
border: 1px solid #038788; }
.thumbnails_participants figure figcaption.__info {
padding: 4rem 0.5rem 0.5rem 0.5rem;
margin-top: -3rem;
background: white; }
.thumbnails_participants figure figcaption.__info .__name {
text-transform: uppercase;
color: black !important; }
.__ressources h4 {
text-transform: uppercase;
margin: 1rem 0;
font-family: 'Marianne';
font-size: 2rem;
letter-spacing: 0.1rem;
color: #1d378eff; }
@media screen and (min-width: 768px) {
.__ressources > section > div {
margin: 0 calc(0rem - 0.5rem) !important; } }
.__ressources section .row {
padding: 0rem 0rem 2rem 0rem; }
.__ressources .views-element-container {
margin: 4rem auto; }
.more_link {
padding: 0rem 1rem 0.2rem 1rem;
background: white;
border: 1px solid #038788;
border-radius: 0; }
.more_link a {
font-family: 'Mariannebold';
font-size: 0.6rem;
color: #038788; }
.more_link a span {
padding-left: 0.5rem; }
#block-colloque2024-views-block-slide-programme-block-1 .more_link,
#block-colloque2024-views-block-dernieres-publications-block-1 .more_link {
margin: 0.5rem 0;
width: fit-content; }
@media screen and (min-width: 576px) {
#block-colloque2024-views-block-slide-programme-block-1 .more_link,
#block-colloque2024-views-block-dernieres-publications-block-1 .more_link {
margin: 0; } }
.link_live {
margin: auto;
width: 100%; }
.link_live > div {
margin: 4rem auto; }
.link_live > div a {
padding: 0.7rem 2rem;
background: #1d378eff;
color: white !important;
font-family: 'Marianneregular';
text-transform: uppercase;
font-size: 1rem; }
.link_live > div a:hover {
box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
.link_live > div a:hover:hover {
transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788;
transition: 0.3s transform ease, 0.3s box-shadow ease; }
@media screen and (min-width: 576px) {
.link_live > div a {
font-size: 1rem;
padding: 0.7rem 4rem; } }
footer {
background: white;
border-top: 1px solid black;
width: 100%;
height: auto;
margin-top: 2rem; }
footer .container {
max-width: 90vw; }
footer > .d-flex > div {
margin-bottom: 1.5rem;
padding-top: 2rem;
padding-left: 2rem !important;
padding-right: 2rem !important; }
footer > .d-flex > div:not(:last-of-type) {
border-right: 1px solid black; }
@media screen and (min-width: 300px) {
footer > .d-flex > div:not(:last-of-type) {
border-right: none; } }
@media (min-width: 992px) {
footer .d-lg-block {
display: block !important; } }
footer #block-renderedsitesettingsblock-5 {
max-width: 30%; }
@media screen and (max-width: 300px) {
footer #block-renderedsitesettingsblock-5 {
max-width: 100%; } }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: grid;
grid-template-columns: 1fr 1fr; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) {
grid-column: 1;
grid-row: 1 / span 3; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(2) {
grid-column: 2;
grid-row: 1; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) {
grid-column: 2;
grid-row: 2; }
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) {
grid-column: 2;
grid-row: 3; }
@media screen and (max-width: 300px) {
footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid {
display: flex;
flex-direction: column; } }
@media (min-width: 992px) {
footer #block-renderedsitesettingsblock-4 .d-lg-block {
display: block !important; } }
footer #block-renderedsitesettingsblock-4 .site_setting_entity > div {
margin: 1rem 0; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before {
margin: 0.5rem 0;
display: block;
content: " ";
width: 1rem;
height: 1px;
background: black; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title {
font-size: 1rem; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex {
margin-top: 1rem; }
footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div {
width: 30px;
margin-right: 1rem; }
footer .site_setting_entity img {
height: auto; }
footer > div {
display: flex;
flex-wrap: nowrap; }
footer > div .__slide .flickity-slider > div {
width: max-content;
margin: 0 1rem; }
footer > div .__slide .flickity-slider > div img {
width: auto !important;
height: 100px;
max-width: 70px;
object-fit: contain; }
.leaflet-popup-content p {
font-size: 0.9rem;
line-height: 1.5;
font-family: 'Marianneregular'; }
.leaflet-popup-content p strong {
color: #1d378eff;
line-height: 2; }
.medias .paragraph--type--images {
width: 100%; }
.medias .paragraph--type--video {
margin: 4rem 0; }
.medias .paragraph--type--video > div {
font-family: "Marianne";
font-size: 2rem;
line-height: normal;
text-align: center;
margin-bottom: 1rem;
text-transform: uppercase; }
@media screen and (min-width: 768px) {
.medias .paragraph--type--video > div {
text-align: left; } }
.video-embed-field-provider-youtube.video-embed-field-responsive-video {
display: flex; }
.no-flexbox .box {
color: red; }
.flexbox .box {
color: green; }
article img,
.side_notes img {
width: 100%;
height: 100%;
object-fit: cover; }
.layout-content {
width: 100%; }
#presentation .__wrapper .__wrap_side {
position: inherit; }
@media screen and (min-width: 768px) {
#presentation .__wrapper .__wrap_side {
position: relative; } }
#presentation .__wrapper .__wrap_side .notes > div {
position: absolute;
margin-top: 2rem; }
@media screen and (min-width: 768px) {
#presentation .__wrapper .__wrap_side .notes > div {
margin-top: -2rem; } }
#presentation .__wrapper .__wrap_side .notes > div > div {
background: white;
padding: 0.5rem; }
#presentation .__wrapper .__wrap_side .notes > div > div p {
font-family: 'cormorantBold';
margin: 0;
color: #1d378eff; }
#presentation .__wrapper .__wrap_side .notes .close {
cursor: pointer;
background: #1d378eff;
position: absolute;
top: -12px;
left: -15px;
width: 30px;
height: 27px; }
#presentation .__wrapper .__wrap_side .notes .close::after {
content: "+";
color: white;
display: block;
margin: auto;
text-align: center;
transform: rotate(45deg);
margin-top: -6px; }
.side_notes {
position: absolute;
width: calc(100% - 30px);
left: 30px;
width: calc(100% - 45px); }
@media screen and (min-width: 768px) {
.side_notes {
margin-top: -3rem; } }
.side_notes .wrap {
position: relative;
width: max-content; }
.side_notes .wrap .__hero {
margin: 0 !important;
height: 200px;
max-width: 300px; }
.side_notes .wrap .__hero .__img {
height: 200px; }
.side_notes .wrap .__hero .__img img {
width: auto;
height: 100%; }
.side_notes .wrap .__head {
background: white;
padding: 0.5rem;
width: max-content;
min-width: 300px; }
.side_notes .wrap .__head > * {
font-family: 'cormorantBold';
color: #1d378eff;
display: inline; }
.side_notes .wrap .thumbnails.bibliographie {
width: 100%; }
.side_notes .close {
cursor: pointer;
background: #1d378eff;
position: absolute;
top: -12px;
left: -15px;
width: 30px;
height: 27px; }
.side_notes .close::after {
content: "+";
color: white;
display: block;
margin: auto;
text-align: center;
transform: rotate(45deg); }
.side_notes * {
margin: 0 0 0 0;
padding: 0;
flex: 100%;
max-width: 100%; }
#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronInfo,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot button,
#tarteaucitronRoot li span,
#tarteaucitronRoot li a {
font-family: "truenoregular" !important; }
.__img-hero,
.participant_full .__img,
.participant_full figcaption,
.home #txt_present, article#presentation,
#block-shadow_participantsviews-block-slide-programme-block-1,
#block-shadow_participantsviews-block-dernieres-publications-block-1,
.__ressources > *,
article#presentation p,
.letter-sort,
.participant_full .content > *,
.programme.container,
.programme .thumbnails,
.views.__publications .thumbnails,
.les_intervenants .thumbnails_participants,
#moments .__title,
#moments .__wrapper,
#moments .__wrap_content .__content > *,
#moments .__wrap_side {
visibility: hidden; }