:root {
--color-bleu: rgba(23, 37, 95, 1);
--color-bleu-alt: rgba(24, 168, 196, 1);
--color-gris: rgba(102, 102, 102, 1);
--color-beige: rgba(245, 245, 245, 1);
--color-blanc: rgba(255, 255, 255, 1);
--color-noir: rgba(0, 0, 0, 1);
--font-xs: 1.1rem;
--lineh-xs: 2rem;
--font-s: 1.3rem;
--lineh-s: 2rem;
--font-m: 1.6rem;
--lineh-m: 2rem;
--font-sm: 2.0rem;
--lineh-sm: 2.4rem;
--font-xm: 2.2rem;
--lineh-xm: 2.6rem;
--font-l: 2.4rem;
--lineh-l: 2.6rem;
--font-xl: clamp(4rem, 5.3vw + 1.7rem, 5rem);
--lineh-xl: clamp(4rem, 5.3vw + 1.7rem, 5rem);
--font-xxl: clamp(4.5rem, 13.3vw - 1.3rem, 8rem);
--lineh-xxl: clamp(4.5rem, 13.3vw - 1.3rem, 8rem);
}
@font-face {
font-family: 'ceem';
src:  url(//ceem-dauphine.eu/wp-content/themes/ceem/fonts/ceem.eot?95gp8i);
src:  url(//ceem-dauphine.eu/wp-content/themes/ceem/fonts/ceem.ttf?95gp8i) format('truetype'),
url(//ceem-dauphine.eu/wp-content/themes/ceem/fonts/ceem.woff?95gp8i) format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'ceem' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-livre:before {
content: "\e90a";
}
.icon-megaphone:before {
content: "\e90b";
}
.icon-arrow:before {
content: "\e900";
color: var(--color-gris);
}
.icon-journal:before {
content: "\e901";
color: var(--color-bleu-alt);
}
.icon-medias:before {
content: "\e902";
}
.icon-policy:before {
content: "\e903";
color: var(--color-bleu-alt);
}
.icon-projets:before {
content: "\e905";
}
.icon-recherche:before {
content: "\e908";
}
.icon-working:before {
content: "\e909";
color: var(--color-bleu-alt);
}
.icon-linkedin:before {
content: "\e907";
color: var(--color-bleu);
}
.icon-close:before {
content: "\e911";
color: var(--color-bleu);
}
.icon-loupe:before {
content: "\e904";
color: var(--color-bleu);
}
.return .icon-arrow::before{
display: inline-block;
transform: rotate(90deg);
margin-right: 1rem;
}
.return a:hover,
a.dl-link:hover,
a.dl-link:hover i::before,
.return a:hover i::before{
color: var(--color-bleu);
}
.dl-link::before{
display: inline-block;
font-family: 'ceem';
content: "\e900";
margin-right: 1rem;
}
.url-link::before {
display: inline-block;
font-family: "ceem";
content: "\e900";
transform: rotate(-135deg);
margin-right: 1rem;
}
.next.page-numbers i::before{
display: inline-block;
transform: rotate(-90deg);
}
.prev.page-numbers i::before{
display: inline-block;
transform: rotate(90deg);
} *,
*:after,
*:before{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
html{
font-size: 62.5%;
scroll-behavior: smooth;
}
body{
position: relative;
font-family: "Roboto", serif;
font-size: var(--font-m);
line-height: var(--lineh-m);
font-style: normal;
font-weight: 300;
color: var(--color-bleu);
letter-spacing: 0.05rem;
}
body > main{
position: relative;
z-index: 1;
}
body section{
position: relative;
z-index: 1; } .clear:before,
.clear:after{
content:' ';
display:table;
}
.clear:after{
clear:both;
}
.clear{
*zoom:1;
}
p{
margin-bottom: 1.5rem;
}
img{
max-width:100%;
vertical-align:bottom;
height: auto;
}
a{
color: var(--color-gris);
text-decoration:none;
transition: background 300ms ease, color 400ms, opacity 300ms ease;
}
p a{
text-decoration:underline;
}
a:hover,
a:active{
text-decoration: none;
outline:0;
}
p a:hover,
p a:active{
text-decoration: underline;
outline:0;
}
:hover{
transition: color 400ms, opacity 300ms ease;
-webkit-transition: color 400ms, opacity 300ms ease;
-moz-transition: color 400ms, opacity 300ms ease;
-ms-transition: color 400ms, opacity 300ms ease;
-o-transition: color 400ms, opacity 300ms ease;
}
a.nohover{
text-decoration: none!important;
}
input:focus{
outline:0;
border:1px solid var(--color-noir);
}
h1,h2,h3,h4{ }
h1{
font-size: var(--font-xl);
line-height: var(--lineh-xl);
}
h2{
font-size: var(--font-sl);
line-height: var(--lineh-sl);
font-weight: 600;
}
h3{
font-size: var(--font-xm);
line-height: var(--lineh-xm);
font-weight: 600;
}
h4{
font-size: var(--font-m);
line-height: var(--lineh-m);
}
sup{
text-transform: lowercase!important;
}
ul{
margin: 1em 0.5em;
padding-left: 1em;
}
ul.no-list{
list-style: none;
padding: 0;
margin: 0;
}
strong{
font-weight: 600!important;
}
.article-content strong,
p strong{
color: var(--color-noirc);
}
.js-on .fade-r,
.js-on .fade-l,
.js-on .fade-d,
.js-on .fade-o,
.js-on .fade{
opacity: 0;
}
.fadeIn{
animation-name: fadeIn;
}
.trans-all{
transition: all 300ms ease;
}
.animated{
animation-duration: 500ms;
}
.js-on .fade.in{
transform: translateY(20px); animation-duration: .5s;
animation-name: fadeIn;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
}
.js-on .fade-d.in{
transform: translateY(-20px);
animation-delay: 1s;
animation-duration: 1s;
animation-name: fadeInDown;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
}
.js-on .fade-l.in{
transform: translateX(40px);
animation-delay: .3s;
animation-duration: .5s;
animation-name: fadeInL;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
}
.js-on .fade-r.in{
transform: translateX(-40px);
animation-delay: .5s;
animation-duration: .5s;
animation-name: fadeInR;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
}
.js-on .fade-o.in{
transform: translateX(-60px);
animation-delay: .5s;
animation-duration: 1s;
animation-name: fadeInR;
animation-fill-mode: forwards;
animation-timing-function: ease-out; 
} .js-on .fade-l.in:nth-child(2),
.js-on .fade-r.in:nth-child(2),
.js-on .fade.in:nth-child(2) {
animation-delay: 0.5s;
}
.js-on .fade-l.in:nth-child(3),
.js-on .fade-r.in:nth-child(3),
.js-on .fade.in:nth-child(3) {
animation-delay: 0.7s;
}
.js-on .fade-l.in:nth-child(4),
.js-on .fade-r.in:nth-child(4),
.js-on .fade.in:nth-child(4) {
animation-delay: 0.9s;
}
.js-on .fade.in:nth-child(5) {
animation-delay: 1s;
}
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
.fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
.fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@keyframes fadeInL {
0% {
opacity: 0;
transform: translateX(40px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInL {
0% {
opacity: 0;
-webkit-transform: translateX(40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
.fadeInL{
-webkit-animation-name:fadeInL;
animation-name:fadeInL;
}
@keyframes fadeInR {
0% {
opacity: 0;
transform: translateX(-40px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes fadeInR {
0% {
opacity: 0;
-webkit-transform: translateX(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
} .btn{
position: relative;
display: inline-block;
padding: 1rem 0 0.5rem 0;
font-family: 'Roboto', serif!important;
font-size: var(--font-m);
line-height: var(--lineh-m);
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid var(--color-bleu);
color: var(--color-bleu);
transition: all 300ms ease-in-out;
overflow: hidden;
text-decoration: none!important;
letter-spacing: 0.05rem;
}
.btn:hover{
border-color: var(--color-bleu-alt);
color: var(--color-bleu-alt);
transition: all 300ms ease-in-out;
}
.btn-blanc{
border-bottom-color: var(--color-blanc);
color: var(--color-blanc);
}
.btn-blanc:hover{
border-color: var(--color-bleu);
color: var(--color-bleu);
}
a.txt-bleu-alt:hover{
color: var(--color-bleu);
}
a.txt-blanc:hover{
color: var(--color-bleu);
}
.wp-block-button a:hover,
.btn:hover {
cursor: pointer;
} .txt-roboto{
font-family: 'Roboto', serif!important;
}
.txt-roboto-slab{
font-family: "Roboto Slab", serif;
}
.txt-light{
font-weight: 300!important;
}
.txt-regular{
font-weight: 400!important;
}
.txt-medium{
font-weight: 500!important;
}
strong,
.txt-bold{
font-weight: 700!important;
}
.txt-sbold{
font-weight: 600!important;
}
.txt-ital{
font-style: italic;
}
.txt-xs{
font-size: var(--font-xs);
line-height: var(--lineh-xs);
}
.txt-s{
font-size: var(--font-s);
line-height: var(--lineh-s);
}
.txt-m{
font-size: var(--font-m);
line-height: var(--lineh-m);
}
.txt-sm{
font-size: var(--font-sm);
line-height: var(--lineh-sm);
}
.txt-xm{
font-size: var(--font-xm);
line-height: var(--lineh-xm);
letter-spacing: -0.02rem;
}
.txt-l{
font-size: var(--font-l);
line-height: var(--lineh-l);
}
.txt-xl{
font-size: var(--font-xl);
line-height: var(--lineh-xl);
}
.txt-xxl{
font-size: var(--font-xxl);
line-height: var(--lineh-xxl);
}
.txt-bleu-alt{
color: var(--color-bleu-alt);
}
.txt-bleu{
color: var(--color-bleu);
}
.txt-noir{
color: var(--color-noir);
}
.txt-gris{
color: var(--color-gris);
}
.txt-blanc a,
.txt-blanc{
color: var(--color-blanc);
}
.txt-up{
text-transform: uppercase;
}
.txt-space{
letter-spacing: 0.05rem;
}
.txt-xspace{
letter-spacing: 0.1rem;
} .titre-icon{
display: flex;
position: relative;
align-items: center;
}
.titre-icon span{
display: inline-block; }
.titre-icon i {
display: flex;
align-items: center;
margin-right: 3rem;
font-size: 5rem;
} .bg-blanc{
background-color: var(--color-blanc);
}
.bg-beige{
background: linear-gradient(0deg, #FFF 0.24%, #F5F5F5 104.38%);
}
.bg-bleu{
background-color: var(--color-bleu);
}
.bg-bleu-alt{
background-color: var(--color-bleu-alt);
}
.b-bottom{
border-bottom: 1px solid var(--color-gris);
}
.b-top{
border-top: 1px solid var(--color-gris);
}
.b-bottom-blanc{
border-bottom: 1px solid var(--color-blanc);
}
.b-top-blanc{
border-top: 1px solid var(--color-blanc);
} .pt15{
padding-top: 0.5em;
}
.pt30{
padding-top: 1.5em;
}
.pt50{
padding-top: 2.5em;
}
.pt100{
padding-top: 5em;
}
.pb0{
padding-bottom: 0;
}
.pb15{
padding-bottom: 0.5em;
}
.pb30{
padding-bottom: 1.5em;
}
.pb50{
padding-bottom: 2.5em;
}
.pb100{
padding-bottom: 5em;
}
.mt5{
margin-top: .5em;
}
.mt15{
margin-top: 1em;
}
.mt30{
margin-top: 1.5em;
}
.mt50{
margin-top: 2.5em;
}
.mt100{
margin-top: 5em;
}
.mb0{
margin-bottom: 0;
}
.mb5{
margin-bottom: .5em;
}
.mb15{
margin-bottom: 1em;
}
.mb30{
margin-bottom: 1.5em;
}
.mb50{
margin-bottom: 2.5em;
}
.mb100{
margin-bottom: 5em;
}
.plr0{
padding-left: 0!important;
padding-right: 0!important;
}
@media only screen and (min-width:992px){
.pr0{
padding-right: 0!important;
}
.pl0{
padding-left: 0!important;
}
.mr0{
margin-right: 0!important;
}
.ml0{
margin-left: 0!important;
}
.pr15 {
padding-right: 1em !important;
}
.pl15 {
padding-left: 1em !important;
}
.pr30 {
padding-right: 2.5em !important;
}
.pl30 {
padding-left: 2.5em !important;
}
.pr50 {
padding-right: 5em !important;
}
.pl50 {
padding-left: 5em !important;
}
.plr5{
padding-left: 5%!important;
padding-right: 5%!important;
}
.plr6{
padding-left: 6%!important;
padding-right: 6%!important;
}
.plr12{
padding-left: 12%! important;
padding-right: 12%!important;
}
.plr15{
padding-left: 15%! important;
padding-right: 15%!important;
}
} .d-flex-between{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.d-flex-center{
display: flex;
flex-direction: column;
justify-content: center;
}
.d-flex-h{
display: flex;
flex-direction: column;
height: 100%;
}
.wp-block-embed__wrapper,
.embed-container{ 
position: relative;
padding-bottom: 56.25%;
margin: 1.5rem 0 3rem 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.wp-block-embed__wrapper iframe,
.embed-container iframe,
.embed-container object,
.embed-container embed{ 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single .item-content iframe{
width: 100%;
}
.img-fit img{
overflow: hidden;
object-fit: cover;
width: 100%;
height: 100%;
aspect-ratio: 12/8;
}
.img-fit.img-pano img{
aspect-ratio: 16/9;
}
.wp-block-image figure figcaption{
font-size: var(--font-xs);
line-height: var(--lineh-xs);
}
.mejs-audio{
margin-bottom: 1em;
}
.stick{
position: sticky;
top: 20%;
}
ol{
margin: 0;
padding-left: 2rem;
font-weight: 600;
}
ol li{
margin-bottom: 1rem;
font-weight: 500;
} .rank-math-breadcrumb{
position: relative;
z-index: 5;
text-transform: uppercase;
font-size: var(--font-xs);
line-height: var(--lineh-xs);
letter-spacing: 0.05rem;
opacity: 0.7;
}
.rank-math-breadcrumb p a:last-child{
font-weight: 700;
}
.rank-math-breadcrumb .separator{
display: inline-block;
padding: 0 6px;
} .btn-share {
position: relative;
display: flex;
padding: 0;
align-items: baseline;
overflow: hidden;
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
background: none;
border: none;
color: var(--color-bleu);
}
.btn-share:hover {
overflow: visible;
}
.btn-share .btn-text {
display: inline-flex;
vertical-align: middle;
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn-share .btn-text {
transition-delay: 0.05s;
}
.btn-share span{
position: relative;
display: inline-block;
padding: 1rem 1rem 1rem 3rem;
font-weight: 700;
text-transform: uppercase;
border: none;
transition: 300ms;
overflow: hidden;
text-decoration: none !important;
letter-spacing: 0.05rem;
}
.btn-share span::before{
font-family: "ceem";
content: "\e900";
position: absolute;
font-size: var(--font-m);
line-height: var(--lineh-m);
top: 1rem;
left: 0;
transform: rotate(-135deg);
transition: 500ms;
}
.btn-share .social-icons {
position: absolute;
top: 50%;
left: 0;
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
transform: translateY(-50%);
}
.btn-share .social-icons li {
flex: 1;
}
.btn-share .social-icons li a {
display: inline-flex;
vertical-align: middle;
transform: translateY(30px);
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0;
margin-right: 1rem;
}
.btn-share:hover .btn-text,
.btn-share:hover .btn-icon {
transform: translateY(-30px);
opacity: 0;
}
.btn-share:hover .social-icons li a {
transform: translateY(0);
opacity: 0.7;
text-decoration: none;
}
.btn-share .social-icons li a:hover {
color: var(--color-bleu-alt);
opacity: 1;
}
.btn-share:hover .social-icons li:nth-child(1) a {
transition-delay: 0.15s;
}
.btn-share:hover .social-icons li:nth-child(2) a {
transition-delay: 0.2s;
}
.btn-share:hover .social-icons li:nth-child(3) a {
transition-delay: 0.25s;
} .parternaires-liste{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
gap: 30px;
}
.parternaires-liste img{
max-width: 100px!important;
max-height: 40px!important;
width: auto;
height: auto;
}
@media only screen and (min-width:992px){
.parternaires-liste{
justify-content: space-between;
}
.parternaires-liste img{
justify-content: space-between;
max-width: 175px!important;
max-height: 70px!important;
}
} .pagination{
text-align: center;
font-size: 1.4rem;
}
.pagination > *{
padding: 0 10px;
}
.pagination .current{
color: var(--color-tonic);
font-weight: 700;
}
.post-navigation{
display: flex;
justify-content: space-between;
}
.post-navigation a{
display: flex;
align-items: center; }
@media only screen and (max-width:768px){
.post-navigation{
flex-direction: column;
}
.post-navigation a{
margin-bottom: 1em;
}
} ::placeholder{
opacity: 1!important;
}
.wpcf7-form{
display: flex;
flex-direction: column;
justify-content: space-between;
flex-wrap: wrap;
}
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-response-output{
flex: 1 1 50%;
}
.wpcf7-form .wpcf7-spinner{
flex: 1 100% 6px;
margin: 0 5px;
}
.wpcf7-form .wpcf7-spinner{
background-color: var(--color-vert);
}
.wpcf7-form .wpcf7-spinner::before {
background-color: var(--color-blanc);
}
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="email"]{
width: 100%;
border: none;
background: var(--color-blanc);
color: var(--color-gris);
font-size: var(--font-xm);
font-weight: 300;
padding: 1.5rem;
}
.wpcf7 button,
.wpcf7 input[type="submit"]{
padding: 1.5rem 2.5em;
margin: 15px 0;
background-color: var(--color-tonic);
color: var(--color-blanc);
text-transform: uppercase;
font-weight: bold;
border: none;
word-break: keep-all;
word-wrap: normal;
letter-spacing: 0.1rem;
transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wpcf7 input[type="submit"]:hover{
background-color: rgba(122, 197, 170, 1);
transition: background 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wpcf7 button i{
padding-left: 10px;
}
.wpcf7 form .wpcf7-response-output{
margin: 1.5em 0;
padding: 0;
border: none;
color: var(--color-blanc);
}
span.wpcf7-list-item{
display: block;
margin: 7.5px 0 0 0;
}
.wpcf7-not-valid-tip{
color: var(--color-blanc);
font-size: var(--font-xs);
}
.wpcf7-not-valid{
margin-bottom: 0!important;
}
div.wpcf7 .ajax-loader{
display: none!important;
}
input:required{
box-shadow:none;
}
input:invalid{
box-shadow:0 0 3px var(--color-blanc);
}
form.is-invalid > .acf-error-message{
visibility: visible;
display: block;
position: relative;
padding: 10px 0;
}
@media only screen and (min-width:992px){
.wpcf7-form{
flex-direction: row;
}
.wpcf7 button,
.wpcf7 input[type="submit"]{
margin: 0 15px;
}
.wpcf7 input[type="submit"]{
flex: 1 1 160px;
}
.wpcf7-not-valid-tip{
position: absolute;
}
} table{
margin-top: 1.5em;
font-size: var(--font-s);
line-height: 1.5rem;
}
table thead{
text-transform: uppercase;
font-size: var(--font-xs);
line-height: 1.5rem;
font-weight: 600;
color: var(--color-grisf);
}
table tr{
border-top: 1px dashed var(--color-noir);
border-bottom: 1px dashed var(--color-noir);
}
table tr td:first-child{
text-align: left;
}
table td{
padding: 10px;
text-align: right;
} .landing-home{
position: relative;
background-repeat: no-repeat;
background-size: cover;
min-height: calc(70vh);
background-position: 25% 50%;
}
@media only screen and (min-width:769px){
.landing-home{
background-position: 0 0;
}
} .sep{
border-top: 1px dashed var(--color-noir);
} .item-content h2{
font-family: "Roboto Slab", serif;
font-size: var(--font-xm);
margin: 2.5rem 0 1rem 0;
}
@media only screen and (min-width:769px){
.liste-blog .actu-item:nth-child(odd)::after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--color-gris);
}
.liste-blog .actu-item:first-child,
.liste-blog .actu-item:nth-child(2) {
padding-top: 0;
}
.actu-item-links{
display: flex;
justify-content: space-between;
}
.bloc-publications .actu-item::after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--color-gris);
}
.bloc-publications .actu-item:last-child::after{
display: none;
}
}
.ress-fichier,
.ress-lien{
padding-left: 2rem;
}
.ress-fichier a::before,
.ress-lien a::before{
margin-left: -3rem;
} .link-items{
gap:15px;
}
.img-photo{
position: relative;
aspect-ratio: 4 / 5;
}
.liste-alt::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
height: 100%;
left: -50vw;
width: 200vw;
background: linear-gradient(0deg, #FFF 0.24%, #F5F5F5 104.38%);
}
.single-equipe figure.img-photo::before,
.liste-equipe figure.img-photo::before{
position: absolute;
content: "";
top: 0;
width: 100%;
height: 100%;
opacity: 0.3;
background: var(--color-bleu);
mix-blend-mode: color;
}
.equipe-publications strong{
font-style: italic;
} .side-content-items{
border-radius: 2rem;
padding: 4rem 1rem 4rem 3rem;
}
.event-sidebar .side-content-items{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.event-sidebar .side-content figure{
overflow: hidden;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.side-content ul li{
text-transform: uppercase;
margin-bottom: 2rem;
}
.side-content ul li.current_page_item a{
color: var(--color-bleu);
font-weight: 600;
}
.side-content ul li a:hover{
color: var(--color-bleu);
}
.side-content.sticky{
top: 150px;
transition: all 600ms ease;
}
@media only screen and (min-width:992px){
.side-content{
position: sticky;
top: 0;
transition: all 600ms ease;
}
.single .side-content{
top: 0;
position: relative!important;
}
} @media only screen and (min-width:769px){
.liste-medias::after,
.liste-medias::before{
content: "";
position: absolute;
width: 1px;
height: calc(100% - 2.5em);
background-color: var(--color-gris);
opacity: 0.8;
}
.liste-medias::before{
left: 33%;
}
.liste-medias::after{
left: 66%;
}
} footer{ letter-spacing: 0.1rem;
}
.col-footer-menus{
flex-wrap: wrap;
position: relative;
}
.col-footer-menu{
position: relative;
width: 50%;
margin-bottom: 2em;
padding: 0 0 0 2em;
}
.col-footer-menu::before{
content: "";
width: 1px;
background-color: var(--color-blanc);
height: 100%;
position: absolute;
left: 0;
}
.col-footer-menu ul{
list-style: none;
padding: 10px 0 0 0;
margin: 0 0.5em 0.5em 0;
}
.col-footer-menu ul li{
margin-bottom: 1em;
}
.col-footer-menu ul li:last-child{
margin-bottom: -5px;
}
.footer a{
color: var(--color-blanc);
}
.col-footer-menu a:hover{
text-decoration: underline;
}
.footer .social-icons a{
display: inline-block;
margin-right: 0.3em;
}
.footer .social-icons .icon-linkedin:before,
.footer .social-icons .icon-facebook:before {
color: var(--color-blanc);
}
.footer .social-icons a:hover {
text-decoration: none;
}
.footer-menu-bas ul{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
padding-left: 0;
margin-left: 0;
}
.footer-menu-bas ul li{
position: relative;
margin-right: 20px;
}
.footer-menu-bas ul li{
position: relative;
}
.footer-menu-bas ul li::after{
content: "|";
position: absolute;
right: -10px;
font-size: 1rem;
}
.footer-menu-bas ul li:last-child:after{
content: "";
}
@media only screen and (min-width:992px){
.col-footer-menus{
flex-wrap: nowrap;
width: 100%;
}
.col-footer-menu{
flex: 1 1 150px;
min-width: 150px;
max-width: 200px;
margin-bottom: 0;
}
.menu-footer-bas{
display: flex;
}
} @media only screen and (max-width:480px){
}
@media only screen and (max-width:768px){
body::before{
width: 5vw;
max-width: 35px;
}
.full-m{
padding: 0!important;
}
.center-mobil{
text-align: center!important;
}
.hidden-sm{
display: none;
}
.mt0-mobil{
margin-top: 0;
}
.mb0-mobil{
margin-bottom: 0;
}
.pt0-mobil{
padding-top: 0;
}
.pb0-mobil{
padding-bottom: 0;
}
.pb100-mobil{
padding-bottom: 2em;
}
.pt100-mobil{
padding-top: 2em;
}
.mb50-mobil{
margin-bottom: 1.5rem;
}
.mt50-mobil{
margin-top: 1.5rem;
}
.mb100-mobil{
margin-bottom: 2.5rem;
}
.mt100-mobil{
margin-top: 2.5rem;
}
}
@media only screen and (max-width:992px){
.plr0-mobil{
padding-left: 0!important;
padding-right: 0!important;
}
.plr5-mobil{
padding-left: 10%!important;
padding-right: 10%!important;
}
}
@media only screen and (min-width:320px){
.scroll-margin,
section{
scroll-margin-top: 4em;
}
}
@media only screen and (min-width:769px){
.scroll-margin,
section{
scroll-margin-top: 8.5em;
}
.d-flex-center{
display: flex;
flex-direction: column;
justify-content: center;
}
} .wp-caption,
.alignright,
.alignleft,
.alignnone{
margin: 2rem 0;
}
.wp-caption .wp-caption-text,
.gallery-caption{
font-size: var(--font-s);
line-height: var(--lineh-s);
margin: 0;
padding: 15px 0;
}
blockquote{ margin: 1em 1em 1em 0; font-size: var(--font-sl);
line-height: var(--lineh-sl);
font-weight: 500;
color: var(--color-noirc);
}
blockquote strong{
color: var(--color-violet);
font-size: var(--font-m);
line-height: var(--lineh-m);
} @media print{
*{
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited{
text-decoration:underline;
}
a[href]:after{
content:" (" attr(href) ")";
}
abbr[title]:after{
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{
content:"";
}
pre,blockquote{
page-break-inside:avoid;
}
thead{
display:table-header-group;
}
tr,img{
page-break-inside:avoid;
}
img{
max-width:100% !important;
}
@page{
margin:0.5cm;
}
p,
h2,
h3{
orphans:3;
widows:3;
}
h2,
h3{
page-break-after:avoid;
}
}