:root {
--bs-font-sans-serif: 'Roboto', sans-serif !important;
--bs-body-font-size: 16px !important;
}
/* Global */
html{
overflow-x: hidden;
}
body {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
--bs-body-color: #45474D;
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
}
.visually-hidden-focusable {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
.w1300 {
width: 100%;
max-width: 1300px;
margin: 0 auto;
}
.w1280 {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.w1160 {
width: 100%;
max-width: 1160px;
padding: 2.8rem 6.25rem 3.75rem;
margin: 0 auto;
}
.w800 {
width: 100%;
max-width: 800px;
padding: 2.8rem 0 3.75rem;
margin: 0 auto;
}
.w345 {
width: 100%;
max-width: 345px;
padding: 1.75rem;
margin: 0 auto;
}
.mainContent{
display: flex;
max-width: 1280px;
margin: 0 auto;
align-items:flex-start;
align-content:flex-start;
}
.main-content {
padding: 0;
}
.container {
max-width: 100% !important;
}
.container.w1100 {
max-width: 1100px !important;
}
.container.w1390 {
max-width: 1390px !important;
}
.sideBar{
margin-top: -50px;
position: relative;
z-index: 1;
background: #fff;
border: 1px solid #AD9913;
height: auto;
display: inline-block;
}
h1{
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-size: 2.4rem;
line-height: 1.2;
color: #0F3476;
border-bottom: 1px solid #AD9913;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
}
h2 {
font-size: 1.3rem;
font-weight: 600;
margin: 0 0 .6rem;
color: #0F3476;
}
h3 {
font-family: 'Roboto';
font-style: normal;
/* font-weight: 400; */
font-size: 1.3rem;
line-height: 1.3;
/* color: #0F3476; */
margin: 0 0 .6rem;
color: #AD9913;
font-weight: 500;
}
h4 {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
color: #000;
margin: 0 0 .6rem;
}
p {
margin-bottom: 1rem;
}
p a {
color: #E96516;
text-decoration: underline;
}
h2 strong,
h3 strong,
h4 strong,
h5 strong {
font-weight: inherit;
}
ul{
padding: 0 0 0 1rem;
}
.main-content nav{
border-bottom: 2px solid #00B1BF;
}
.breadcrumb {
margin: 0 auto;
padding-top: 0;
padding-bottom: .6rem;
background: none;
}
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
font-weight: 400;
font-size: 0.75rem;
line-height: 150%;
text-decoration: none;
color: #204D9D;
}
.breadcrumb-item.active span {
font-weight: 700;
}
.breadcrumb-item sup {
top: auto;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0.35rem;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
content: " ";
background-repeat: no-repeat;
background-size: 0.65rem 0.65rem;
background-image: url("data:image/svg+xml,");
width: 10px;
height: 100%;
background-position: center;
padding: 0 !important;
margin-right: 0.35rem;
}
.withImage{
margin-top: -3.75rem;
z-index: 1;
margin-bottom: 2.2rem;
}
.withoutImage{
margin-top: 3.75rem;
}
.white{
background-color: #fff;
position: relative;
}
picture{
display: block;
text-align: center;
}
picture.hover {
position: relative;
display: inline-block;
overflow: hidden;
margin-bottom: -6px;
cursor: pointer;
width: 100%;
background-color: #fff;
}
picture.hover:before {
position: absolute;
top: 0;
left: 0;
content: " "!important;
background-color: rgb(0 0 0 / 35%);
background-repeat: no-repeat;
background-size: 2rem;
background-image: url("data:image/svg+xml,");
width: 100%;
height: 100%;
background-position: center;
z-index: 1;
opacity: 0;
transition: all .3s;
}
picture.hover img {
transform: scale(100%);
transition: transform .8s !important;
}
picture.hover:hover img {
transform: scale(105%);
transition: transform .8s !important;
}
.actusBloc:hover picture.hover:before {
opacity: 1;
background-image: none;
}
picture.hover:hover:before,
.actusBloc picture.hover:hover:before {
opacity: 1;
background-image: url("data:image/svg+xml,");
}
.user-login-form,
.user-pass {
max-width: 400px;
margin: 0 auto;
}
.user-register-form {
max-width: 600px;
margin: 0 auto;
}
.galaxie {
background: #faf7f7;
width: 100%;
transition: all .3s;
margin-top: -182px;
}
.galaxie ul {
padding: 30px;
list-style: none;
margin-bottom: 0;
}
.galaxie ul li {
display: inline-block;
width: calc(25% - 4px);
}
.galaxie ul li a {
font-family: 'Roboto';
font-weight: normal;
font-size: 0.875rem;
line-height: 150%;
color: #005D75;
text-decoration-color: transparent;
transition: all .3s;
}
.galaxie ul li a:hover {
color: #45474D;
text-decoration-color: #45474D;
}
.galaxie__btn {
font-family: 'Roboto';
font-weight: 700;
font-size: 0.875rem;
line-height: 150%;
color: #FFF;
text-align: left;
text-transform: uppercase;
background: #45474D;
display: block;
border: none;
border-radius: 0;
padding: 1rem 2rem;
width: 100%;
}
a {
color: #E96516;
text-underline-offset: 4px;
}
a:hover,
a:focus {
color: #204D9D;
}
.savoirPlus{
color: #AD9913;
font-size: 0.8rem;
font-weight: 600;
text-decoration: underline;
}
.page__head h1 {
font-weight: 300;
font-size: 2.5rem;
line-height: 150%;
text-align: center;
max-width: 1390px;
padding: 0 1rem;
margin: 2rem auto;
}
.btn {
font-family: 'Roboto';
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
color: #AD9913;
padding: 10px 40px;
border-radius: 10px;
height: auto;
width: auto;
border: 1px solid #AD9913;
display: inline-block;
background-color: #fff;
}
.btn-primary {
border: 1px solid #AD9913;
color: #AD9913;
background-color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
border: 2px solid #AD9913;
color: #AD9913;
}
.topContainer{
background-color: #00B1BF;
padding: 6px 0;
color: #fff;
}
.region-galaxie {
justify-content: flex-end;
align-items: center;
max-width: 1480px;
margin: 0 auto;
}
.nav-link{
padding: 0;
}
.menu--top-paristech li, .topContainer .block{
margin: 0 10px;
}
.topContainer .search-block-form{
position: relative;
z-index: 4;
}
.menu--top-paristech li a, .topContainer .block a, .topContainer .mj-w-button-content{
padding: 0;
color: #fff;
font-size: 12px;
font-weight: 600;
}
.paragraphe__2__colonnes p,
.topContainer .block p{
margin: 0;
}
.col-sm {
flex: 0 0 33%;
margin-bottom: 2rem;
}
.col-sm img{
width: 100%;
height: auto;
}
.col-sm .sous__titre{
margin-bottom: 0;
}
/*Search*/
.topContainer #search-block-form {
position: absolute;
height: 30px;
width: 300px;
margin-left: 165px;
transform: translate(-50%, -20%);
}
.topContainer #search-block-form.on {
-webkit-animation-name: in-out;
animation-name: in-out;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.topContainer .form-search {
box-sizing: border-box;
width: 25px;
height: 25px;
border: 2px solid #ffffff;
border-radius: 50%;
background: none;
padding: 0;
color: #fff;
font-size: 12px;
outline: 0;
-webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
padding 0.2s;
transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out,
padding 0.2s;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.topContainer .btn-primary{
display: none;
}
.topContainer #search-btn {
background: none;
position: absolute;
top: 0px;
left: 0;
height: 25px;
width: 25px;
padding: 0;
border-radius: 100%;
outline: 0;
border: 0;
color: inherit;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.topContainer #search-btn:before {
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 12px;
margin-left: 8px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.close {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.topContainer #search-btn.close:before {
content: "";
position: absolute;
width: 23px;
height: 3px;
margin-top: -1px;
margin-left: -13px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.topContainer #search-btn.close:after {
content: "";
position: absolute;
width: 23px;
height: 3px;
background-color: #fff;
margin-top: -1px;
margin-left: -13px;
cursor: pointer;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.topContainer .form-search.square {
box-sizing: border-box;
padding: 0 40px 0 10px;
width: 300px;
height: 30px;
border: 2px solid #ffffff;
border-radius: 0;
background: #00B1BF;
color: #fff;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
outline: 0;
-webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
padding 0.2s;
transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out,
padding 0.2s;
-webkit-transition-delay: 0.4s, 0s, 0.4s;
transition-delay: 0.4s, 0s, 0.4s;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.path-search .topContainer .form-search.form-control{
background: none;
border: 2px solid #ffffff;
}
.path-search .topContainer .form-search.form-control.square {
background: #00B1BF;
}
/*END Search*/
.mainNav .navbar-nav .nav-link{
font-family: 'Roboto';
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #000;
padding: 0 35px;
}
.mainNav .navbar-nav .nav-link {
background-image: linear-gradient(
to right,
#00B1BF,
#00B1BF 50%,
#000 50%
);
background-size: 200% 100%;
background-position: -100%;
display: inline-block;
padding: 5px 0;
position: relative;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease-in-out;
}
.mainNav .navbar-nav .nav-link:before{
content: '';
background: #00B1BF;
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
transition: all 0.3s ease-in-out;
}
.mainNav .navbar-nav .nav-link:hover {
background-position: 0;
}
.mainNav .navbar-nav .nav-link:hover::before{
width: 100%;
}
@media (min-width: 1081px) {
.mainNav .navbar-nav .menu-item-level-0 > .dropdowToggler {
display: none;
}
}
.dropdown-toggle::after{
display: none;
}
.mainNav .navbar{
padding: 0;
}
.mainNav .nav-item{
padding: 1.5rem 1.8rem;
position: relative;
}
.mainNav .nav-item:after{
content: '';
width: 4px;
height: 4px;
background-color: #00B1BF;
border-radius: 100%;
position: absolute;
top: 36px;
margin-left: 20px;
}
.mainNav .nav-item:last-child::after{
display: none;
}
.mainNav .nav-item > .dropdown-menu{
opacity: 0;
visibility: hidden;
display: block;
transform: perspective(1000px);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 0;
padding: 0;
margin: 0;
width: 100%;
position: absolute;
z-index: 2;
width: 100%;
left: 0;
right: 0;
text-align: left;
width: 225px;
}
.dropdown-item{
padding: 0.8rem 1.25rem;
border-bottom: 1px solid #fff;
white-space: normal;
}
.dropdown-item a{
background-image: linear-gradient(
to right,
#00B1BF,
#00B1BF 50%,
#000 50%
);
background-size: 200% 100%;
background-position: -100%;
display: inline-block;
padding: 0;
position: relative;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease-in-out;
font-size: 0.8rem;
}
.dropdown-item a:before{
content: '';
background: #00B1BF;
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
transition: all 0.3s ease-in-out;
}
.dropdown-item a:hover {
background-position: 0;
}
.dropdown-item a:hover::before{
width: 100%;
}
.dropdown-item.active, .dropdown-item:active{
background-color: #00B1BF;
}
.dropdown-item.active a{
background-image: linear-gradient(
to right,
#F8F6F0,
#F8F6F0 50%,
#fff 50%
);
}
.dropdown-item.active .dropdown-menu .dropdown-menu .dropdown-item a{
background-image: linear-gradient(
to right,
#F8F6F0,
#F8F6F0 50%,
#000 50%
);
}
.mainNav .nav-item:hover > .dropdown-menu{
opacity: 1;
visibility: visible;
background: #F8F6F0;
-webkit-transition: all .5s, background, 1s .5s linear;
transition: all .5s, background 1s .5s linear;
}
.dropdown-menu .dropdown-menu{
border: none;
padding: 0;
margin: 0;
width: 100%;
}
.dropdown-menu .dropdown-menu.active, .dropdown-menu li:hover > .dropdown-menu{
display: block;
left: auto;
right: -100%;
top: 0;
border-radius: 0;
}
.dropdown-menu .dropdown-menu .dropdown-item{
padding: 0.8rem 1.25rem;
border: none;
}
.dropdown-menu .dropdown-menu .dropdown-item a{
font-weight: 400;
font-size: 0.8rem;
line-height: 1.2;
background-image: linear-gradient( to right, #00B1BF, #00B1BF 50%, #696969 50% );
}
.dropdown-menu .dropdown-menu .dropdown-item.active a{
background-image: linear-gradient( to right, #00B1BF, #00B1BF 50%, #fff 50% );
}
.dropdown-menu .dropdown-menu .dropdown-item.active a:hover {
background-image: linear-gradient( to right, #F8F6F0, #F8F6F0 50%, #fff 50% );
}
.dropdowToggler {
border: none;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
}
.dropdowToggler .dropdown-menu {
left: 100%;
top: 0;
}
.dropdowToggler .dropdown-menu.active {
display: block;
}
.mainNav .checkbox{
display: none;
}
.button a{
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 1rem;
line-height: 1.1;
text-align: center;
color: #AD9913;
padding: .6rem 1.8rem;
border: 2px solid #AD9913;
border-radius: 10px;
display: inline-block;
}
/*Accordeon*/
.accordion {
display: block;
width: 100%;
}
.accordion .accordion-item.type--2 {
border-bottom:1px solid #AD9913;
}
.accordion .accordion-item.type--3 {
border:1px solid #AD9913;
margin-bottom: 1.8rem;
}
.accordion .accordionTitle {
border-radius: 0 !important;
}
.accordion-item .accordion-header{
margin-bottom: 0;
}
.accordionTitle {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #0F3476;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-item.type--2 .accordion-header {
font-weight: 600;
font-size: 1.3rem;
line-height: 1.2;
padding: 1rem 0;
}
.accordion-item.type--3 .accordion-header {
font-weight: 600;
font-size: 1.3rem;
line-height: 1.2;
}
.accordionTitle span{
margin: 0 2.5rem 0 1.25rem;
min-width: 145px;
text-align: center;
}
.accordionTitle:after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 1.25rem;
background-position: center;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.accordionTitle.is-open:after{
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.type--2 .accordionTitle:after{
background-image: url("data:image/svg+xml;charset=utf-8,");
background-size: 0.75rem;
}
.type--2 .accordionTitle.is-open:after{
background-image: url("data:image/svg+xml;charset=utf-8,");
}
button:focus{
outline: none;
}
.accordion-item .accordion-body {
padding: 0.5rem;
}
.accordionTitle + .accordionContent {
display: none;
}
.accordionTitle.is-open + .accordionContent {
display: block;
}
.accordion-item.type--3 .accordion-body {
padding: 15px 20px;
}
.accordion-body img{
width: 100%;
height: auto;
}
.path-search #main{
background-color: #F8F6F0;
}
.path-search .main-content{
max-width: 1160px;
margin: 0 auto;
padding: 3.1rem 6.25rem;
background-color: #fff;
}
.search-help-link, .search-advanced{
display: none;
}
.btn-primary:before{
content: '';
width: 24px;
height: 24px;
display: inline-block;
margin-right: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.path-search .form-type-search{
width: calc(100% - 170px);
}
.path-search .form-control{
background-color: #F8F6F0;
border: 1px solid #B4B4B4;
}
.list-group-item{
border: none;
margin: 1.8rem 0;
padding: 0;
}
.list-group-item p{
margin: 0;
}
.pagination{
justify-content: center;
}
.page-item.active .page-link{
border-radius: 100%;
background-color: #00B1BF;
color: #fff;
border:none;
}
.page-link{
padding: 0.5rem 0.9rem;
color: #000;
border: none;
background: none;
}
.bouton{
display: inline-block;
font-weight: 500;
color: #AD9913;
padding: 10px 15px;
border-radius: 10px;
border: 1px solid #AD9913;
text-decoration: none;
transition: all .4s;
}
/* .bouton:before{
content: '';
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,");
} */
h2.theme{
font-weight: 300;
font-size: 1.5rem;
line-height: 1.3;
text-align: center;
color: #AD9913;
margin-bottom: 3.2rem;
padding-top: 3.2rem;
}
h2.theme:before, h2.theme:after{
content: '';
width: 25%;
height: 1px;
display: inline-block;
vertical-align: middle;
background-color: #AD9913;
margin: 0 10px;
}
.w800 h2.theme:before, .w800 h2.theme:after{
width: 15%;
}
/* END Global */
/* Header */
.header {
padding:0;
background: #FFFFFF;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
margin-bottom: .6rem;
}
.node--type-home-portail .header{
margin: 0;
}
.header .w1300{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
.logoMC {
display: inline-block;
vertical-align: middle;
width: 156px;
}
.header__logo,
.header__ns {
display: inline-block;
vertical-align: middle;
}
.header__logo {
margin: 0 20px 0 5px;
}
.header__name {
font-family: 'Roboto';
font-weight: 200;
font-size: 2.5rem;
line-height: 150%;
color: #45474D;
}
.header__slogan {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-size: 1.5rem;
line-height: 150%;
color: #1B0030;
}
.dialogSearchModal {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: transparent;
border: none;
}
.dialogSearchModal svg {
margin-top: -4px;
}
#block-panorama-main-menu {
position: relative;
padding-right: 40px;
}
#block-panorama-main-menu li a {
font-size: 1rem;
text-transform: uppercase;
transition: all .3s;
}
.header__searchForm {
width: 100%;
margin: 2rem 0;
}
.header__searchForm input {
padding: 1rem 2rem;
border: 1px solid #DDD;
width: calc(100% - 80px);
}
.header__searchForm button {
border: none;
background: transparent;
}
.header__searchForm button svg {
margin-top: -4px;
transition: all .3s;
}
.header__searchForm button:hover svg,
.header__searchForm button:focus svg {
stroke: #996699;
}
#block-selecteurdelangue{
margin-right: 2.5rem;
}
#block-selecteurdelangue .nav{
flex-direction: column;
position: relative;
}
#block-selecteurdelangue .nav:after{
content: '';
background-image: url("data:image/svg+xml;charset=utf-8,");
width: 12px;
height: 8px;
display: inline-block;
background-size: contain;
position: absolute;
right: -15px;
top: 10px;
}
#block-selecteurdelangue .nav-link{
opacity: 0;
position: absolute;
bottom: -30px;
left: -20px;
padding: 0 20px 7px;
transition: all .4s;
z-index: 4;
}
#block-selecteurdelangue:hover .nav-link{
opacity: 1;
background-color: #00B1BF;
}
#block-selecteurdelangue .nav-link.is-active{
opacity: 1;
position: relative;
bottom: auto;
left: auto;
padding: 0;
}
#block-studywithus{
background-color: #eb690b;
}
#block-studywithus p{
border: 1px solid #fff;
}
#block-studywithus a{
padding: 2px 7px 3px;
}
#block-studywithus a:before{
content: '';
width: 13px;
height: 14px;
display: inline-block;
margin-right: 10px;
background: none;
background-image: url("data:image/svg+xml;charset=utf-8,");
position: relative;
bottom: auto;
vertical-align: middle;
}
/* End Header */
/* Footer */
footer {
margin-top: 0;
padding: 0;
background: #0F3476;
color: #FFF;
}
footer .w1160{
padding: 2.5rem 0;
}
.region-footer {
justify-content: space-between;
}
footer .region-footer .block{
max-width: 375px;
min-width: 250px;
margin: 0 auto;
}
footer .block p{
font-size: 0.8rem;
}
footer .block h3 {
color: #FFF;
}
#block-reseauxsociaux p{
margin-bottom: 0.6rem;
}
#block-reseauxsociaux p a{
color: #fff;
text-decoration: underline;
}
#block-reseauxsociaux .text-formatted ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
#block-reseauxsociaux .text-formatted ul li{
font-size: 0;
margin-right: 20px;
margin-bottom: 10px;
position: relative;
width: 55px;
height: 55px;
line-height: 55px;
background-color: #fff;
border-radius: 100%;
padding: 0 25px;
text-align: center;
}
#block-reseauxsociaux .text-formatted ul li a:before{
content: '';
display: inline-block;
background-size: contain;
margin-top: 13px;
margin-left: -10px;
transition: all .4s;
}
#block-reseauxsociaux ul li.linkedin a:before{
width: 25px;
height: 24px;
background-image: url('data:image/svg+xml,');
background-size: cover;
}
#block-reseauxsociaux ul li.linkedin:hover a:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.twitter a:before{
width: 28px;
height: 17px;
margin-top: 18px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.twitter:hover a:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.facebook a:before{
width: 14px;
height: 27px;
margin-left: -5px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.facebook:hover a:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.instagram a:before{
width: 24px;
height: 25px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.instagram:hover a:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.youtube a:before{
width: 26px;
height: 19px;
margin-top: 18px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.youtube:hover a:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.weChat, #block-reseauxsociaux ul li.weibo, #block-reseauxsociaux ul li.tencent, #block-reseauxsociaux ul li.line{
background-color: #204D9D;
}
#block-reseauxsociaux ul li.weChat a:before, #block-reseauxsociaux ul li.weibo a:before, #block-reseauxsociaux ul li.tencent a:before, #block-reseauxsociaux ul li.line a:before{
content: '';
display: inline-block;
background-size: contain;
margin-top: 13px;
margin-left: -10px;
transition: all .4s;
}
#block-reseauxsociaux ul li.weChat a:before{
width: 30px;
height: 29px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.weChat a:hover:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.tencent a:before{
width: 28px;
height: 25px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.tencent a:hover:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.weibo a:before{
width: 34px;
height: 27px;
margin-left: -13px;
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.weibo a:hover:before{
background-image: url('data:image/svg+xml,');
}
#block-reseauxsociaux ul li.line a:before{
width: 40px;
height: 40px;
background-image: url('../images/LINE_logo.svg');
margin-top: 7px;
margin-left: -17px;
}
#block-reseauxsociaux ul li.line a:hover::before{
background-image: url('../images/LINE_logo_hover.svg');
}
#block-menuprincipalportail a{
color: #fff;
font-size: 0.8rem;
display: inline-block;
}
#block-menuprincipalportail .nav-item{
margin-bottom: .6rem;
}
.region-footer-bottom{
border-top: 1px solid #fff;
align-items: center;
padding: 15px 0;
margin: 0;
justify-content: space-between;
}
.region-footer-bottom a{
color: #fff;
}
.region-footer-bottom p{
margin: 0;
text-align: left;
}
footer .w1160.footer_bottom {
margin: 0 auto;
padding: 0;
}
.footer_bottom .nav-item {
margin: 0;
}
.footer_bottom .nav-item a{
display: inline-block;
vertical-align: middle;
font-size: 0.87rem;
}
#block-menufooterportail .nav-item:after{
content: '';
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #fff;
display: inline-block;
margin: 0 10px;
}
#block-menufooterportail .nav-item:last-child:after{
display: none;
}
.footer_bottom .block {
flex: 0 0 33%;
}
#block-offresdemploi p{
text-align: right;
}
#block-offresdemploi p a{
text-decoration: none;
}
.region-footer-bottom #newsletter_form{
padding-left: 65px;
}
.region-footer-bottom #newsletter_form .mj-w-button-content{
display: inline-block;
border: 1px solid #fff;
padding: 2px 15px;
font-size: .87rem;
transition: all .4s;
}
.region-footer-bottom #newsletter_form .mj-w-button-content:hover{
border: 1px solid #AD9913;
color: #AD9913;
}
.region-footer-bottom #newsletter_form .mj-w-button-content:hover a{
text-decoration: none;
color: #AD9913;
}
/* End Footer */
/* Recherche */
.recherche__form {
padding: 2.5rem 1rem;
background: #1B0030;
}
.recherche__form .views-exposed-form {
max-width: 780px;
margin: 0 auto;
}
.recherche__form .form-item-keys {
width: calc(100% - 190px);
margin-right: 10px;
}
.recherche__form .form-item-keys input {
font-size: 1rem;
color: #FFF;
border: none;
border-bottom: 1px solid #FFF;
padding: 10px 2px 9px;
height: auto;
background: transparent;
border-radius: 0;
transition: all .3s;
}
.recherche__form .button {
background: #FFF;
padding: 10px 20px;
height: auto;
font-weight: 500;
font-size: 1rem;
line-height: 150%;
color: #45474D;
border-radius: 0;
border: none;
text-transform: uppercase;
}
/* End Recherche */
/* Contact */
#block-webform{
max-width: 1160px;
margin: 0 auto 5.3rem;
padding: 0 6.25rem 3.75rem;
background-color: #fff;
}
.webform-submission-contact-form h1 {
font-family: 'Roboto';
font-weight: 300;
font-size: 2.5rem;
line-height: 150%;
text-align: center;
color: #000;
}
#block-webform h2{
color: #00B1BF;
}
.webform-submission-contact-form legend {
margin: 0;
}
#block-webform .content{
max-width: 450px;
margin: 0 auto;
}
.webform-submission-contact-form select,
.webform-submission-contact-form input,
.webform-submission-contact-form textarea {
font-family: 'Roboto';
font-weight: 400;
font-size: 1rem;
line-height: 150%;
color: #000;
background: #FAF7F7;
border: 1px solid #E5E5E5;
padding: 10px;
border-radius: 0;
}
.webform-submission-contact-form .js-form-item {
margin: 0 0 20px !important;
}
.webform-submission-contact-form .webform-select-other {
margin: 0 !important;
}
.webform-submission-contact-form .btn {
font-family: 'Roboto';
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
text-transform: uppercase;
color: #AD9913;
padding: 10px 40px;
border-radius: 10px;
height: auto;
width: auto;
border: 1px solid #AD9913;
display: inline-block;
}
.webform-submission-contact-form .form-actions {
text-align: center;
}
.webform-submission-contact-form .btn:hover,
.webform-submission-contact-form .btn:focus {
background: #FFF;
color: #1B0030;
}
.reload-captcha-wrapper {
margin-bottom: 1.2rem;
}
.webform-submission-contact-form select {
width: 100%;
}
/* End contact */
/*Actualité*/
.node--type-article #main-wrapper, .node--type-page #main-wrapper, .annuaireList{background-color: #F8F6F0;}
.ficheActus nav, .fichePage nav{background-color: #fff;border-bottom: 1px solid #00B1BF;}
.fond {background-color: #fff;max-width: 1300px;margin: 0 auto;position: relative;text-align: center;}
.mav_100 {width: 100%;margin: 0;position: relative;}
.mav_100 img {width: 100%;}
.date{color: #0F3476;font-size: 0.75rem;}
#block-addtoanybuttons{
display: inline-block;
vertical-align: middle;
width: calc(100% - 180px);
text-align: right;
font-size: .87rem;
color: #0F3476;
}
.field--name-field-categorie {display: flex;margin: 25px 0;}
.field--name-field-categorie .field__item{font-family: 'Roboto';font-weight: 400;font-size: 0.75rem;line-height: 1;color: #0F3476;padding: 5px 7px;border:1px solid #0F3476;border-radius: 15px;margin-right: 10px;}
.sousTitre{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 1.3rem;
line-height: 1.1;
color: #0F3476;
}
.chapo {
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.3;
color: #AD9913;
margin-bottom: 1.5rem;
}
.actualitesList{
background-color: #F8F6F0;
}
.actusBloc{
flex: 0 0 29%;
margin-right: 3.75rem;
margin-bottom: 1.88rem;
padding: 0.5rem 1rem;
}
.actusBloc:nth-child(3n + 3){
margin-right: 0;
}
.page-view-actualites .views-exposed-form .row{
justify-content: flex-end;
}
/*Ecole*/
.slider img{
width: 100%;
}
.swiper-button-next:after, .swiper-button-prev:after{
color: #fff;
}
.slider .swiper-pagination{
text-align: left;
left: 4rem;
bottom: 4rem;
}
.swiper-pagination-bullet{
background-color: #fff;
opacity: 1;
border: 1px solid #000;
}
.swiper-pagination-bullet-active{
background-color: #00B1BF;
border: 1px solid #00B1BF;
}
a.sidebar__main__link {
cursor: pointer;
transition: all 0.8s;
text-decoration: none;
}
a.sidebar__main__link:hover h2 {
color: #AD9913;
}
.sideBar picture{
margin-bottom: 1.5rem;
}
.sideBar span, .pdfButton {
display: block;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 1rem;
line-height: 1.1;
text-align: left;
color: #AD9913;
padding: 0.6rem 1rem;
border: 2px solid #AD9913;
border-radius: 10px;
margin: 1.3rem 0;
}
.sideBar p{
margin: 0;
}
.sideBar span a{
color: #AD9913;
display: inline-block;
width: calc(100% - 30px);
vertical-align: top;
}
.siteButton:before{
content: '';
width: 15px;
height: 15px;
margin-right: 5px;
display: inline-block;
background-image: url("data:image/svg+xml,");
}
.pdfButton{
display: inline-block;
padding: 0.8rem 1.75rem;
}
.pdfButton:before{
content: '';
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux{
margin-top: 1.3rem;
}
.sideBar #block-reseauxsociaux ul{
margin: 0;
padding: 0;
}
.sideBar #block-reseauxsociaux .field__item{
display: flex;
flex-wrap: wrap;
}
.sideBar #block-reseauxsociaux li{
list-style: none;
font-size: 0;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
padding: 9px;
text-align: center;
border: 1px solid #AD9913;
border-radius: 100%;
flex: 0 0 15%;
}
.sideBar .chiffre strong, .sideBar .chiffre b{
color: #AD9913;
}
.sideBar #block-reseauxsociaux li a:after{
content: '';
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.sideBar #block-reseauxsociaux li.facebook a:after{
width: 10px;
height: 22px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.twitter a:after{
width: 22px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.instagram a:after{
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.linkedin a:after{
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.tiktok a:after{
width: 20px;
height: 24px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.dailymotion a:after{
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.flickr a:after{
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.youtube a:after{
width: 22px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
.sideBar #block-reseauxsociaux li.facebook{
padding: 10px 17px;
}
/*Page d'accueil*/
.fichePortail .siteButton a, .fichePortail .siteButton:before{
color: #fff;
}
.fichePortail h2{
font-weight: 300;
font-size: 24px;
line-height: 28px;
text-align: center;
color: #AD9913;
margin-bottom: 3.2rem;
padding-top: 3.2rem;
}
.fichePortail h2:before, .fichePortail h2:after{
content: '';
width: 25%;
height: 1px;
display: inline-block;
vertical-align: middle;
background-color: #AD9913;
margin: 0 10px;
}
.ecole{
margin-bottom: 3.2rem;
}
.ecole .row{
justify-content: center;
align-items: center;
}
.ecole .views-row{
margin: 0 1.25rem;
}
.actus {
background-color: #F8F6F0;
}
.actus .views-row{
flex: 0 0 33%;
padding: 0 1.8rem;
}
.field-content{
font-weight: 600;
}
ul.category, .actusBloc .list-group {display: flex;margin: 1rem 0;flex-direction: row;padding: 0;flex-wrap: wrap;}
ul.category li, .actusBloc .list-group li{font-family: 'Roboto';font-weight: 400;font-size: 0.75rem;line-height: 1;color: #0F3476;padding: 5px 7px;border:1px solid #0F3476;border-radius: 15px;margin-right: 10px;background: none;display: inline-block;margin-bottom: 0.6rem;}
.fichePortail .actusBloc .date{
display: none;
}
.fichePortail .actusBloc .enPlus{
display: block;
text-align: left;
}
.fichePortail .actusBloc h3{
font-weight: 600;
}
.actusBloc .date, .actusBloc .enPlus{
display:inline-block;
vertical-align: middle;
width: calc(50% - 5px);
font-weight: 700;
}
.actusBloc .enPlus{
text-align: right;
}
.actusBloc .enPlus a{
color: #AD9913;
text-decoration: underline;
font-size: .87rem;
}
.actusBloc a:hover{
text-decoration: none;
}
.actusBloc:hover h3{
color: #0F3476;
text-decoration: none;
}
.fichePortail .button {
display: block;
text-align: center;
padding: 3.75rem 0;
}
.blockChiffre{
padding-bottom: 80px;
}
.blockChiffre .fond img{
width: 100%;
}
.field--name-field-chiffre{
margin-top: -1rem;
position: relative;
background-color: #fff;
padding: 1.25rem 3.15rem;
}
.blockChiffre table{
width: 100%;
}
.field--name-field-chiffre tr{
border: none;
background: none;
}
.field--name-field-chiffre tr td{
text-align: center;
width: 25%;
}
.field--name-field-chiffre p{
font-size: 1.31rem;
font-weight: 300;
margin-bottom: 0;
}
.field--name-field-chiffre p.chiffre {
font-weight: 700;
font-size: 3.5rem;
line-height: 1.2;
text-align: center;
color: #AD9913;
margin-bottom: 0;
}
.shadow{
background: linear-gradient(360deg, #424242 0%, rgba(66, 66, 66, 0) 57.86%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.swiper{
width: 1300px;
height: 500px;
}
.fichePortail .swiper-slide .legende{
left: 0;
right: 0;
width: 830px;
height: 180px;
text-align: center;
margin: 0 auto;
max-width: 100%;
bottom: 3.4rem;
opacity: 1;
}
.fichePortail .legende h2{
font-weight: 300;
font-size: 1.75rem;
line-height: 1.2;
text-align: center;
color: #FFFFFF;
margin: 0;
padding: 0;
}
.fichePortail .legende h2:before, .fichePortail .legende h2:after{
display: none;
}
.fichePortail .swiper-slide .legende p{
margin: 0.9rem 0;
font-size: 1rem;
}
.fichePortail .slider .swiper-pagination{
text-align: center;
left: 0;
right: 0;
bottom: 1rem;
}
/*Annuaire*/
.annuaireList{
padding: 3.1rem 0 5.3rem;
}
.accordion-body{
display: none;
}
.views-exposed-form .row{
justify-content: flex-end;
margin: 1.8rem 0;
}
.views-exposed-form label{
display: block;
}
.views-exposed-form select{
max-width: 255px;
color: #B4B4B4;
border: 1px solid #000000;
border-radius: 6px;
padding: 6px 10px;
}
.views-exposed-form select option{
color: #000;
}
.views-field-field-site-ecole{
margin-bottom: 1.25rem;
}
.views-field-field-site-ecole a{
text-decoration: underline;
}
.views-field-field-site-ecole a:before{
content: '';
width: 5px;
height: 5px;
background-color: #E96516;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.fichePage .field__item .col-sm img{
width: 100%!important;
height: auto!important;
}
.corp {
width: 100%;
}
.corp img{
height: auto;
max-width: 100%;
}
.corp img.wysiwyg{
width: 35%;
}
.corp .align-center{
text-align: center;
}
.ficheEcole .col-sm img{
width: 100%;
}
.mjcheckbox {display: inline-block;}
.fichePage table p{
margin-bottom: 0;
}
/*Effect Hover*/
#block-topparistech a, .topContainer .mj-w-button-content, .topContainer .block a {
background-image: linear-gradient(
to right,
#fff,
#fff 50%,
#fff 50%
);
background-size: 200% 100%;
background-position: -100%;
display: inline-block;
padding: 5px 0;
position: relative;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease-in-out;
}
#block-topparistech a:before, .topContainer .mj-w-button-content:before, .topContainer .block a:before{
content: '';
background: #fff;
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
transition: all 0.3s ease-in-out;
}
#block-topparistech a:hover, .topContainer .mj-w-button-content:hover,.topContainer .block a:hover {
background-position: 0;
}
#block-topparistech a:hover::before, .topContainer .mj-w-button-content:hover::before, .topContainer .block a:hover::before{
width: 100%;
}
footer p a, #block-menuprincipalportail a, .footer_bottom .nav-item a {
background-image: linear-gradient(
to right,
#AD9913,
#AD9913 50%,
#fff 50%
);
background-size: 200% 100%;
background-position: -100%;
display: inline-block;
position: relative;
-webkit-background-clip: text;
transition: all 0.3s ease-in-out;
}
footer p a:before, #block-menuprincipalportail a:before, .footer_bottom .nav-item a:before{
content: '';
background: #AD9913;
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
transition: all 0.3s ease-in-out;
}
footer p a:hover, #block-menuprincipalportail a:hover, .footer_bottom .nav-item a:hover{
background-position: 0;
-webkit-text-fill-color: transparent;
}
footer p a:hover::before, #block-menuprincipalportail a:hover::before, .footer_bottom .nav-item a:hover::before{
width: 100%;
}
#block-menuprincipalportail.contextual-region .contextual .contextual-links a{
color: #0F3476;
}
.legende{
text-align: right;
position: absolute;
bottom: 4rem;
right: 4.5rem;
max-width: 350px;
z-index: 1;
opacity: 0;
transition: all .3s;
}
.fichePortail .copyright{
text-align: right;
position: absolute;
bottom: 1.5rem;
right: 2rem;
max-width: 350px;
z-index: 1;
transition: all .3s;
color: #fff;
font-size: 0.8rem;
opacity: 0;
}
.swiper-slide .legende{
right: 4.5rem;
}
.fond:hover .legende, .swiper-slide:hover .legende, .fichePortail .swiper-slide:hover .copyright{
opacity: 1;
}
.legende p{
font-size: 0.7rem;
margin: 0;
color: #fff;
}
.paragraph--type--encadre .field--type-text-long{
border: 1px solid #eb690b;
padding: 0.8rem;
}
#tarteaucitronRoot .tarteaucitronAllow{
background-color: #00B1BF!important;
}
#tarteaucitronRoot .tarteaucitronDeny{
background-color: #E96516!important;
}
nav.tabs{
position: fixed;
top: 50%;
left: 0;
margin-top: -50px;
z-index: 20;
}
nav.tabs ul{
flex-direction: column;
border-bottom: none;
}
.nav-tabs .nav-item{
display: block;
border-bottom: 1px solid #fff;
margin-bottom: 0;
}
.nav-tabs .nav-item:last-child{
border-bottom: none;
}
.nav-tabs .nav-link{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
nav.tabs ul li a {
background: #00B1BF;
color: #fff;
display: block;
text-align: center;
margin: 0;
padding: 3px 5px;
border: none!important;
border-radius: 0;
}
.nav-tabs .nav-link.active {
background: #E96516;
color: #fff;
}
.fichePage .theme{
width: 100%;
}
.video__avec__texte__droite {
width: 60%;
}
.texte__droite__video {
width: 40%;
}
.texte__droite__video p {
margin-bottom: 0.5rem;
}
.chiffres__cles {
font-size: 1.25rem;
color: #AD9913;
font-weight: 500;
}
.chiffres__cles .chiffres {
font-size: 33px;
font-weight: 900;
}
.video-container {
position: relative;
width: 100%;
/* 9 / 16 = 0.5625 => 56.25% */
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.sidebar-links a {
color: #00B1BF;
text-decoration: underline;
}
.sidebar-links li {
margin-bottom: 0.5rem;
}
/* Cible les puces (points) des */
.sidebar-links li::marker {
color: #00B1BF;
}
.sidebar__link__icon {
width: 40px;
height: 40px;
}