/* Mosaïk styles */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@800&display=swap');
.toppane .rocketactionmenu {top:240px;}
::selection {background:#4ccdfe;}
.header {background:transparent;position:absolute;z-index:9000;}
.header.is-sticky {background:black;}
.logopane img {margin:20px 0;}
.header.is-sticky .logopane img {width:90px;height:auto;margin:7px 0;}
a.bigbutton:link, a.bigbutton:visited {background:#0070b8;font-family:"Outfit", serif;font-weight:800;font-size:20px;}
a.bigbutton:active, a.bigbutton:hover {background:black;}
button.bigbutton {background:#0070b8;font-family:"Outfit", serif;font-weight:800;font-size:20px;}
button.bigbutton:hover {background:black;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Outfit", serif;font-weight:800;text-transform:none;color:#0070b8;}
.documents a:link, .documents a:visited {font-family:"Outfit", serif;font-weight:800;color:#0070b8;font-size:20px;}
.documents a:active, .documents a:hover {color:black;}
.newspaper-link a:link, .newspaper-link a:visited {font-family:"Outfit", serif;font-weight:800;color:#0070b8;font-size:20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:black;}
.slider-container {height:640px;}
.rslides li .caption {width:50%;left:50%;transform:translate(-50%,-50%);}
.rslides li .caption h2 {font-size:80px;font-weight:700;text-transform:none;}
.rslides li .caption h3 {color:white;}
.topimageheader {height:400px;}
.topimageheader .caption h2 {font-size:80px;font-weight:700;text-transform:none;}
.topimageheader .caption h3 {color:white;}
.bottom {background:white;color:black;border-top:#f2f2f2 solid 10px;}
.bottom .h4-headline {color:black}
.bottom a:link, .bottom a:visited {color:black;}
.bottom a:active, .bottom a:hover {color:#0070b8;}
.socialicons a:link, .socialicons a:visited {background:#0070b8 !important;color:white;}
.socialicons a:active, .socialicons a:hover {background:black !important;color:white;}
h1, h2, h3, h4, h5, h6 {font-family:"Outfit", serif;font-weight:800;text-transform:none;color:black;}
h1 {font-family:'Poppins', sans-serif;font-weight:400;}
h2 {font-size:50px;line-height:54px;}
h3 {font-family:'Poppins', sans-serif;font-weight:600;font-size:40px;line-height:44px;}
h2 a:link, h2 a:visited {color:#0070b8;}
h2 a:active, h2 a:hover {color:black;}
h3 a:link, h3 a:visited {color:black;}
h3 a:active, h3 a:hover {color:#0070b8;}
a:link, a:visited {color:black;text-decoration:underline;}
a:active, a:hover {color:#4ccdfe;}
hr {background:#0070b8;}
blockquote {border-left:#4ccdfe solid 10px;margin:40px 0 40px 40px;}
blockquote, blockquote p {font-size:20px;line-height:30px;font-weight:700;color:#4ccdfe;}
.content ul li::marker, .contentright ul li::marker {color:#4ccdfe;}
nav#dnnMenu ul li a {font-family:"Outfit", serif;font-weight:800;font-size:20px;color:white;text-transform:none;height:48px;line-height:48px;}
nav#dnnMenu ul li a:hover {color:#0070b8;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#0070b8;border-radius:24px;padding:0 20px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:black;color:white;}
nav#dnnMenu ul li ul li {background:none;}
nav#dnnMenu ul li ul li a {background:#0070b8;border-radius:6px;padding:0 20px;}
nav#dnnMenu ul li ul li a:hover {background:black;color:white;}
.mobilemenu ul {font-family:'Poppins', sans-serif;font-weight:400;text-transform:none;}
.mobilemenu ul li a:hover {color:#0070b8;}
.gblockstext h2 {font-size:50px;}
.gblockstext h3 {font-weight:400;margin:10px 40px 0}
.grid-sizer {width:50%;}
.grid-item {width:50%;height:480px;}
.refsoverlay {background:rgba(0,112,184,0.6);opacity:1;transform:translateX(0px);transform-style:preserve-3d;}
.grid-item:hover .refsoverlay {background:rgba(0,0,0,0.75);}
.refsoverlay h4, .refsoverlay h2 {font-size:50px;line-height:54px;margin:0 40px;color:white;}
.refstext {display:none;}
.blogsat article h2 {font-size:30px;line-height:32px;}
.fd-day {font-family:"Outfit", serif;font-weight:800;color:#0070b8;}
.fd-month {background-color:#0070b8;}
.blog-detail article h1 {font-family:"Outfit", serif;font-weight:800;font-size:50px;line-height:54px;color:#0070b8;}
.blog-archives {background:#f2f2f2;}
.ci-header span {background:#0070b8;}
.labels {max-width:1250px;margin:80px auto;}
.labels img {max-height:100px;}
.bottom .labels {margin:0;}
.blob img {
  mask: url("/Portals/0/blob.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
/* Formations */
.darticles-header {margin:0 0 40px 0;text-align:center;}
.darticles-header h1, .darticle-title h1 {font-family:"Outfit", serif;font-size:50px;line-height:54px;font-weight:800;}
/* Details */
.darticle-back {text-align:right;}
.darticle-header {margin:0 0 60px 0;}
.darticle-content {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.darticle-description {width:65%;}
.darticle-detail .darticle-img {text-align:center;margin:0 0 40px 0;}
.darticle-detail .darticle-img img {max-width:100%;height:auto;}
.darticle-intro {background:#f2f2f2;padding:30px;margin:0 0 40px 0;}
.darticle-gallery {margin:60px 0 0 0;}
.darticle-gallery:after {content:"";display:table;clear:both;}
.darticle-gallery a {float:left;margin:0 12px 12px 0;position:relative;}
.darticle-gallery img {display:block;}
.darticle-gallery a:after {
    background: rgba(255, 255, 255, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    transition: all .2s ease-in-out 0s;
}
.darticle-gallery a:hover:after {background:rgba(255,255,255,.2);}
.darticle-infos {width:30%;background:black;color:white;padding:50px;box-sizing:border-box;}
.darticle-infos a:link, .darticle-infos a:visited {color:white;}
.darticle-infos a:active, .darticle-infos a:hover {color:#4ccdfe;}
.darticle-infosection {margin-bottom:50px;}
.darticle-infosection h3 {font-size:36px;line-height:1;margin:0 0 20px 0;color:white;}
.darticle-infosection h3:after {display:block;content:"";width:60px;height:3px;background:white;margin:15px 0 0 0;}
.darticle-infosection p {margin:0 0 20px 0;}
.darticle-infosection blockquote {margin:20px;}
/* for 1340px and less */
@media screen and (max-width:1340px) {
.header .page {padding:0;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.header {background:#0070b8;position:relative;}
.logopane {float:none;text-align:center;}
.menu {margin:0;float:none;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.rslides li .caption {width:90%;}
.rslides li .caption h2 {font-size:60px;}
.topimageheader .caption h2 {font-size:60px;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0 0 40px 0;}
.contact-map {flex:initial;}
.grid-sizer {width:100%;}
.grid-item {width:100%;}
.darticle-content {display:block;}
.darticle-description {width:auto;}
.darticle-infos {width:auto;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.rslides li .caption h2 {font-size:40px;line-height:48px;}
.topimageheader .caption h2 {font-size:40px;line-height:48px;}
h2 {font-size:40px;line-height:48px;}
.blog-detail article h1 {font-size:40px;line-height:48px;color:#0070b8;}
.gblockstext h2 {font-size:40px;}
.refsoverlay h4, .refsoverlay h2 {font-size:40px;line-height:48px;margin:0 20px;}
.darticle-infos {padding:20px;}
}