@font-face {
font-family: 'Oree';
src: url(//www.sciencespo-saintgermainenlaye.fr/wp-content/themes/sciencesposgel/fonts/oree/Oree-Bold.otf) format('otf');
src: url(//www.sciencespo-saintgermainenlaye.fr/wp-content/themes/sciencesposgel/fonts/oree/Oree-Italic.otf) format('otf');
src: url(//www.sciencespo-saintgermainenlaye.fr/wp-content/themes/sciencesposgel/fonts/oree/Oree-Regular.otf) format('otf');
}
* {
box-sizing: border-box;
margin:0;
padding:0;
}
body {
font-size: 18px!important;
margin: 0;
height: 100vh;
font-family: ‘Inter’, sans-serif !important;
color: #fff !important;
background-color: #002f34;
width: 100%;
}
a{
color: inherit;
text-decoration: none;
}
a[href]:not([href="#"]){
cursor: pointer;
}
html{
font-size: 18px!important;
font-family: ‘Inter’, sans-serif;
color: #ffffff !important;
word-break: auto-phrase;; -webkit-hyphens: none;
-moz-hyphens : none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
ul{
padding: 0 20px;
}
li{
list-style-type: none;
padding-bottom: 10px;
}
.li_square{
list-style-type: square;
line-height: 1.3;
}
li[class*="sous-popup"], td[class*="sous-popup"] {
text-decoration: underline;
}
li[class*="sous-popup"]:hover, td[class*="sous-popup"]:hover {
font-weight: bold;
}
.tirets {
list-style: none; padding-left: 1em; }
.tirets li::before {
content: "- "; }
h1{
font-size: 50px;
color: #ccb87d;;
font-family: 'Oree';
line-height: 1.8;
}
.elementor-heading-title {
line-height: 1.1!important;
}
.title_popup{
font-size: 30px;
}
h2{
font-size: 1.8rem;
color: #ccb87d;
font-family: 'Oree';
}
h3{
margin-top: 0;
font-weight: bold;
font-size: 1.1rem;
color: #ffffff;
}
p{
padding-bottom: 0;
}
i{
color: #CCB87D;
}
.section_banner{
background-color: #21524F!important;
}
.subtitle{
text-transform: uppercase;
font-weight: bold;
}
.h2_v2{
font-size: 1.2rem;
margin-bottom: 10px;
font-family: 'Oree';
font-weight: bold!important;
color: #fff;
}
p.h2_v2 hr{
margin-bottom: 10px;
}
.gold{
color: #ccb87d;
}
.sup{
font-size: 10px;
}
.sup_h1{
font-size: 25px;
}
.sup_h2{
font-size: 16px;
}
a.email,
a.link{
text-decoration: underline;
}
.link:hover{
font-weight: bold;
text-decoration: underline;
}
li.li_square a[href]:hover {
font-weight: bold; text-decoration: underline;
}
.bold{
font-weight: bold;
}
.capital{
text-transform: uppercase;
}
hr{
width: 80px; 
margin-top: 5px; 
background: #fff;
}
blockquote{ font-style: italic;
border-color: #ccb97d!important;
quotes: auto;
}
blockquote::before{ 
content: open-quote;
font-weight: bold;
font-size: 80px;
color:#fff;
} 
blockquote::after { 
content: close-quote;
font-weight: bold;
font-size: 80px;
color:#fff; }  @media screen and (max-width: 425px){
h1{  line-height: 1.1;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px){
h1{ font-size: clamp(1.4rem, 2.2vw, 3rem)
}
h3{
font-size: 16px;
}
}
@media (min-width: 320px) and (max-width: 425px){
blockquote::before{ 
font-size:50px;
} 
blockquote::after { 
font-size:50px;
bottom: 50; 
}
}
@media (min-width: 320px) and (max-width: 767px){
.h2_v2{
font-size: 18px;
}
.sup_h1{
font-size: 12px;
}
.sup_h2{
font-size: 12px;
}
hr{
width: 50px;
}
}
@media screen and (min-width: 767px) and (max-width: 1024px){
h1{
font-size: 1.8rem;
}
.sup_h1{
font-size: 14px;
}
.elementor-kit-69 h1{
line-height: 28px;
}
blockquote::before{ 
font-size:50px;
} 
blockquote::after{
font-size:50px;
bottom: 10;
}
}
@media screen and (max-width: 768px){
.elementor-kit-69 h1{
line-height: 30px;
} sup{
font-size: 8px;
}
}
@media screen and (min-width: 1140px){
.sup{
font-size: 0.5rem;
}
} .fa-solid.fa-envelope, .fa-solid.fa-phone, svg{
color: #ccb97d;
}
.social_media i{
color: #ccb97d;
font-size: 25px;
}
.social_media ul{
margin-right: 0;
display: flex;
flex-direction: column;
}
.social_media ul li:not(last-child){
margin-right: 10px
}
.phone{
font-size: 0.9rem;
} .underline{
text-decoration: underline;
} .video{
padding:56.25% 0 0 0;
position:relative;
}
@media screen and (min-width: 320px) and (max-width: 767px){
.video{
padding:100% 0 0 0;
}
} .center{
text-align: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.center_section, .middle_section{
display: flex;
align-items: center;
padding: 0px 50px;
}
.middle_center{
display: flex;
align-items: center;
}
.btn_center{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
@media screen and (min-width: 320px) and (max-width: 1024px){
.center_section{
padding: 0 10px;
}
.middle_section{
padding: 0 10px;
}
}
.center_section:hover{
background-color: #21524F;
}
.center p{
padding: 0;
}
.center p:first-child{
margin-bottom: 50px;
} .pt-cv-wrapper .pt-cv-carousel-caption{
position: relative!important;
height: 250px;
}
.pt-cv-scrollable .pt-cv-cap-w-img {
left: 0!important;
}
.pt-cv-scrollable .pt-cv-cap-w-img {
background: rgba(0, 0, 0, .3);
}
.pt-cv-view .pt-cv-carousel-indicators li.active{
background: #ccb87D;
border: 1px solid #ccb87D;
}
.pt-cv-rmwrap{
position: absolute;
bottom: 0px;
margin-bottom: 20px;
}
.pt-cv-scrollable.iscvblock .carousel-control, .pt-cv-scrollable.iscvblock .pt-cv-carousel-indicators {
bottom: -50px;
}
.pt-cv-wrapper .pt-cv-carousel-indicators li {
display: inline-block;
width: 12px;
height: 12px;
}
.my-carousel .slick-slide {
margin: 0 10px; }
.my-carousel .slick-prev:before,
.my-carousel .slick-next:before {
color: #ccb87D; }
.my-carousel .slick-dots li button:before {
color: #ccb87D; }
.pt-cv-carousel-caption.pt-cv-cap-w-img{
height: 260px;
}
.iscvblock .pt-cv-readmore.btn:active, .iscvblock .pt-cv-readmore.btn:focus, .iscvblock .pt-cv-readmore.btn:hover {
background: #ccb97c;
color: #012f34;
border-color: transparent;
}  @media screen and (max-width: 340px){
.iscvblock .pt-cv-content-item {
padding-bottom: 20px;
}
} @media screen and (min-width: 768px){
.iscvblock .pt-cv-content-item {
padding-bottom: 20px;
}
.pt-cv-carousel-caption.pt-cv-cap-w-img{
height: 200px;
}
.col-md-3 .pt-cv-content-item .pt-cv-1-col{
padding-bottom: 20px;
}
}
@media screen and (min-width: 1120px){
.pt-cv-carousel-caption.pt-cv-cap-w-img{
height: 250px;
}
} .admissions_block, .infos_block{
width: 100%;
height: auto; 
border: solid 2px #ccb97d; 
display: flex;
flex-direction: column;
gap: 30px;
}
.infos_block{
padding: 30px 30px 30px 70px;
}
.admissions_block{
padding: 30px 30px 30px 100px;
}
.admissions_aside, .infos_aside{
font-family: 'Oree';
background-color: #ccb97d; 
text-transform: uppercase; 
font-weight: bold; 
padding: 15px; 
position: absolute; height: auto;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
width: auto;
}
.admissions_aside p, .infos_aside p{
color: #002F34;
}
.admissions_aside.api p{
text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 767px){
.admissions_aside.api, .admissions_aside, .admissions_aside.second, .infos_aside, .admissions_aside.second{
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 320px) and (max-width: 767px){	
.admissions_block, .infos_block{
padding: 30px 30px 30px 30px;
}
.admissions_block.api{
padding: 40px 30px 30px 30px;
}
.admissions_aside.api p, .admissions_aside p{
text-align: center;
}
} 
.infos_title{
font-family: 'Oree';
} .box-prepatalents{
width: 100%;
height: 450px;
background-color: #21534f;
padding: 15px; 
margin: 0px 5px;
display: flex;
align-items: center;
border-bottom: 5px solid #ccb97d;
} header{
background-color: #21534f;
}
.menu_header {
padding: 20px 100px;
display: flex;
justify-content: space-between;
height: auto;
}
.site_header_secondary_menu{
display: flex;
justify-content: space-between;
gap: 10px;
padding: 0;
}
#menu-secondaire li:first-child i{
font-size: 22px;
}
.secondary{
display: flex;
gap: 20px;
flex-direction: column-reverse;
justify-content: flex-end;
align-items: flex-end;
} .flag{
width: 30px;
}
#menu-secondaire li i{
font-size: 25px;
color: #ffffff;
}
.logo{
width: 100%;
}
.logos{
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 20px;
}
.partners_header{
display: flex;
align-items: center;
width: 80px;
flex-direction: column;
}
.partners_header p{
padding-bottom: 0;
}
.main_logo{
display: flex;
align-items: center;
width: 240px;
}
.cergy_logo{ }
@media screen and (min-width: 320px) and (max-width: 767px){
.site_header_secondary_menu{
display: none;
}
.secondary{
align-items: flex-start;
}
.logos {
width: 80%;
margin: auto;
}
}
.aiowps-site-lockout-msg {
color: #404040;
font-size: 16px;
font-weight: normal;
} .timeline{
position: relative;
max-width: 1200px;
margin: 50px auto;
}
.container{
padding: 10px 50px;
position: relative;
width: 50%;
animation: movedown 1s linear forwards;
}
@keyframes movedown{
0%{
opacity: 1;
transform: translateY(-30px);
}100%{
opacity: 1;
transform: translateY(0px);
}
}
.container:nth-child(1){
animation-delay: 0s;
}
.container:nth-child(2){
animation-delay: 1s;
}
.container:nth-child(3){
animation-delay: 2s;
}
.container:nth-child(4){
animation-delay: 3s;
}
.container:nth-child(5){
animation-delay: 4s;
}
.container:nth-child(6){
animation-delay: 5s;
}
.text-box{
padding: 20px 30px;
position: relative;
border-radius: 6px;
border: 1px solid #CCB87D;
}
.text-box::before{
content:'';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
top:0;
background-color: #CCB87D;
border: 2px solid #CCB87D;
}
.right-container .text-box::before{
right: calc(100% + 43px);
}
.left-container .text-box::before{
left: calc(100% + 43px);
}
.left-container{
left: -25%;
}
.right-container{
left: 25%;
}
.timeline::after{
content:'';
position: absolute;
width: 6px;
height: 100%;
background: #CCB87D;
top: 0;
left: 50%;
margin-left: -3px;
animation: moveline 6s linear forwards;
}
@keyframes moveline{
0%{
height: 0;
}
100%{
height: 100%;
}
}
.tiny-title{
font-size: 1.2rem;
font-family: 'Oree';
color: #CCB87D;
}
.text-box p{
margin-bottom: 20px;
}
@media screen and (max-width: 600px){
.timeline{
margin: 50px auto;
}
.timeline::after{
left: 10px;
}
.container{
width: 100%;
padding-left: 0px;
padding-right: 35px;
}
.right-container, .left-container{
left: 31px;
}
.text-box::before {
left: -30px;
}
}
.flex{
display: flex;
gap: 10px;
} .bdt-mercury-content-slider .bdt-category a:hover {
background-color: #ccb97c;
color: #21524f;
}
.bdt-mercury-image-slider .bdt-navigation-wrap .bdt-button-next:hover, .bdt-mercury-image-slider .bdt-navigation-wrap .bdt-button-prev:hover {
background:  #ccb97c;
}
.bdt-mercury-image-slider .bdt-navigation-wrap .bdt-button-next:hover i, 
.bdt-mercury-image-slider .bdt-navigation-wrap .bdt-button-prev:hover i{
color:  #21524f;
}
.bdt-mercury-content-slider .bdt-title {
font-family: 'Inter', sans-serif;
font-size: clamp(16px, 3vw, 24.5px);
}
.bdt-mercury-content-slider .bdt-content {
padding-right: clamp(1rem, 4.5vw, 0rem);
} .et_password_protected_form{
text-align: center;
}
.et_password_protected_form p{
padding-bottom: 25px!important;
} .jpo-banner {
width: 100%;
background: #f9fafc;
border-top: 4px solid #ccb97c;
padding: 2rem 1rem;
text-align: center;
color: inherit;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.jpo-banner h2 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.jpo-banner p {
margin: 0.4rem 0;
font-size: 1.1rem;
color: inherit;
}
.jpo-banner .info {
font-style: italic;
color: inherit;
margin-top: 0.8rem;
} .section_portrait{
margin: 20px 0;
line-height: 1.5;
} #main-content{
background: none;
}
#main-content .container:before{
display: none;
}
.author.vcard{
display: none;
} .overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 10;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.5); } .overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
} .overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
} .overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
} .overlay button {
float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
}
.overlay button:hover {
background: #bbb;
}
.icon-2{
position: fixed;
top: 58px;
right: 25px;
height: 50px;
width: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.box{
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0, 0.8);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.box.open{
opacity: 1;
visibility: visible;
z-index: 10;
}
.form-area{
width: 100%;
max-width: 800px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
width: 100%;
border-bottom: 1px solid #fff;
}
.form-area input{
flex: 1 1 auto;
background-color: transparent;
border: 0;
height: 40px;
font-size: 30px;
width: 100%;
color: #fff;
}
.form-area button{
padding: 0 10px;
border: none;
font-size: 20px;
width: 300px;
color: #fff;
cursor: pointer;
background: #21534f;
}
.form-area input:placeholder{
color: rgba(255, 255, 255, 0.6);
letter-spacing: 3px;
}
@media (min-width: 320px) and (max-width: 767px){
.btn-header{
display: flex;
}
} .ecs-event-list{
display: flex;
flex-wrap: wrap;
gap: 40px;
width: 100%;
justify-content: flex-start;
}
.duration.time{
color: #ccb97d;
font-size: 30px;
}
.entry-title.summary{
color: #fff;
margin-top: 20px;
font-size: 17px;
}
.entry-title.summary a{
pointer-events: none;
}
ul.ecs-event-list li{
width: 385px;
margin-top: 20px;
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
justify-content: start;
} .nav_main{
padding: 10px 100px;
display: flex;
justify-content: flex-end;
}
.section_header_short{
height: 250px;
}
.nav_main ul li:last-child{
padding-right: 0;
} #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item:hover > a.mega-menu-link {
background-color: rgba(0, 47, 52, 1);
}
#mega-menu-wrap-main #mega-menu-main a.mega-menu-link {
transition: background 0.3s ease;
}
#mega-menu-wrap-main #mega-menu-main ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
display: block !important;
padding: 5px 15px !important; transition: background .2s ease !important;
} #mega-menu-wrap-main #mega-menu-main ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link[href]:not([href="#"]):hover {
background-color: rgba(33, 82, 79, 0.5) !important;
color: #fff !important; } #mega-menu-wrap-main #mega-menu-main a.mega-menu-link[href]:not([href="#"]):not([href=""]) {
cursor: pointer;
} #mega-menu-wrap-main #mega-menu-main a.mega-menu-link[href="#"],
#mega-menu-wrap-main #mega-menu-main a.mega-menu-link:not([href]) {
cursor: default !important;
}
@media (min-width: 320px) and (max-width: 1024px){
.nav_main{
padding: 5px 50px;
}
.duration.time{
font-size: 20px;
}
.entry-title.summary{
margin-top: 10px;
}
}
.section_header_short{
height: 190px;
}
.section_header_bis{
height: 330px;
}
.menu{
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 18px;	
z-index: 50;
}
.menu li:not(.sub-menu li){
padding: 20px 25px;
}
.menu li:last-child{
margin-right: 0px;
}
a.first_li{
display: inline-block;
color: #ffffff; transition: all 0.2s ease;	
}
.first_li::after{
content:"";
margin-top: 3px;
display: block;
width: 0;
height: 2px;
background: #ccb97d;
transition: width .3s;
}
.first_li:hover::after{
width: 100%;
transition: width .3s;
}
.sub-menu{
display: none;
position: absolute;
color: #ffffff;
background-color: #21534f;
z-index: 1;
left: 0;
top: 100%;
width: 100%;
height: 308px;
}
.sub-menu li{
padding: 10px 15px;
}
#burger{
display: none;
}
.a_subtitle{
font-weight: bold;
}
.sub-menu-columns.a_subtitle{
display: flex;
flex-direction: column;
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
width: 375px;
}
div #mega-menu-wrap-main{
display: flex;
padding: 5px 100px;
justify-content: flex-end;
} li.mega-menu-item{
border-bottom: 1px solid #ccb97d;
}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu.mega-menu-item ul.mega-sub-menu:first-child{
height: 500px;
}
@media screen and (min-width: 600px){
li.has-mega-menu .sub-menu { width: 100%;
position: absolute;
top: 50px; z-index: 100;
left:0px;
right:0px;
}
li.has-mega-menu:hover>.sub-menu{ display: flex;
flex-wrap: wrap; display: grid;
grid-template-columns: repeat(auto-fit,minmax(50%, 1fr));   
}
li.mega-menu-column {
width: 100%;
max-width: 100%;
min-height: 1px;
padding: 10px 25px;
flex: 1 0 calc(50%);
}
}
@media screen and (min-width: 992px){
li.has-mega-menu:hover>.sub-menu{grid-template-columns: repeat(auto-fit,minmax(33.3333%, 1fr)); }
}
@media screen and (min-width: 1200px){
li.has-mega-menu:hover>.sub-menu{grid-template-columns: repeat(auto-fit,minmax(25%, 1fr)); }
}
@media screen and (min-width: 992px){
li.mega-menu-column {flex: 1 0 calc(33.333%);}
}
@media screen and (min-width: 1200px){
li.mega-menu-column {flex: 1 0 calc(25%);}
}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu{
background: #002f34;
} .breadcrumb{
color: #ffff;
} .btn-primary{
background: #ccb97d; 
border: 1px solid #ccb97d;
color: #002f34;
padding: 0.6rem 1.5rem;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: background .2s;
display: inline-block;
}
.btn-primary:hover,  .btn-card-accommodation:hover{
background: #AE9E6C;
border: 1px solid #AE9E6C;
color: #002f34;
}
.btn-secondary{
background: transparent; 
border: 1px solid #ccb97d;
color: #ccb97d;
padding: 0.6rem 1.5rem;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: background .2s;
display: inline-block;
}
.btn-secondary:hover{
background: #ccb97d; 
color: #002F34;
}
.readmore{
padding: 10px 15px;
border: 1px solid #f3ecdc;
border-radius: 5px;
}
.discover_formation{
margin-top: 10px;
}
.elementor-button {
background: none;
}
.button{
margin-top: 20px;
}
.brochure, .candidate_2{
border: 1px solid #21534f;
border-radius: 5px;
width: 200px;
padding: 10px 40px;
}
.join_rooms_v2:hover{
color: #f3ecdc;
}
.candidate_v2{
color: #fff;
padding: 10px 50px;
border-radius: 5px;
text-align: center;
border: 0.5px solid #fff;
}
.seemore:hover{
background: none;
border-radius: 5px;
text-align: center;
border: 0.5px solid #fff;
}
.candidate{
margin-right: 10px;
} @media (min-width: 320px) and (max-width: 490px){
.candidate{
margin-right: 0;
font-size: 14px;
}
.program{
margin-left: 0;
}
}
@media all and (min-width: 425px) and (max-width: 768px){
.buttons{
display: flex; 
justify-content: center;
}
}
@media (max-width: 1024px){
.buttons_header{
text-align: center;
}
.see_also{
text-align: center;
}	
} div.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
padding: 0;
}
.btns {
width: 12em;
float: right;
position: fixed;
z-index: 9999;
top: 35%;
font-size: 0.9em;
line-height: 12px;
color: #fff;
font-weight: 700;
right: -10em;
gap: 20px;
}
.btns ul {
list-style: none;
margin: 0;
padding: 0;
}
.btns ul li {
text-align: center;
transform: rotate(-90deg);
display: block;
background-color: #002f34;
height: 13em;
padding: 1em 1.5em;
position: relative;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -webkit-transform 0.5s;
transition: transform .5s;
margin-bottom: 0.5rem;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px;
font-weight: normal;
}
.btns ul li:hover {
background: #21534f;
color: #fff;
}
.btn_header{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media all and (min-width: 320px) and (max-width: 1024px){
.btn_header{
gap: 20px;
margin-bottom: 20px;
}
}
@media all and (max-width: 1024px){
.btn_header{
justify-content: center;
}
} .banner{ height: 90px;
padding: 10px 25px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.box{
border-left-style: 1px solid #fff;	
}
.banner:hover, .banner.active{
background-color: #21524F;
} .see_also{
height: 150px;
}
.btn_section{
height: 80px;
} .discover{
position: absolute;
bottom: 300px;
}
.little_title{
font-family: 'Oree';
font-size: 40px;
} h2.bdt-title-tag{
font-size: 40px;
font-family: 'Oree';
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-title-tag {
font-size: 20px;
}
ul.bdt-ps-counternav.bdt-position-bottom{
display: none;
}
.bdt-prime-slider-skin-crelly.bdt-slider-excerpt:before{
background: #f3ecdc;
}
.bdt-slide-btn-icon{
display: none;
}
.bdt-prime-slider-skin-crelly.bdt-prime-slider-desc{
margin-top: 0;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
background: #ccb97d!important;
}
.bdt-prime-slider-skin-crelly .bdt-slide-btn:before {
background: #ccb97d!important;
}
.bdt-slider-excerpt{
padding: 50px 0;
}
.bdt-slider-excerpt-content{
margin: 0!important;
}
@media (min-width: 320px) and (max-width: 767px) {
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
top: 0px!important;	
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
padding-left: 0px!important;
}
.bdt-slider-excerpt-content div:last-child{
display: flex;
justify-content: center;
}
.bdt-slider-excerpt{
margin-right: 0px!important;
}
.bdt-position-bottom-left {
bottom: -30px;
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc{
margin-top: 0px!important;
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-title-tag{
font-size: 20px!important;
}
.exad-post-grid-container.image-position-left.exad-post-grid-equal-height-yes{
height: auto;
}
}
@media (min-width: 640px){
.bdt-slider-excerpt{
column-count: 1!important;
}
}
@media (min-width: 1024px){
.bdt-prime-slider-skin-crelly.bdt-prime-slider-desc{
margin-top: 0px;
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-title-tag {
font-size: 20px;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt{
font-size: 18px!important;
}
} .agenda{
height: 300px;
}
ol{
list-style-type: none;
}
.tribe-list-widget{
width: 100%;
display: flex;
padding: 0;
margin: 0;
}
.tribe-list-widget li{
width: 345px;
margin-top: 20px;
display: flex;
flex-direction: column;
flex-direction: column-reverse;
flex-wrap: wrap;
}
.tribe-event-image a img{
display: none;
}
.tribe-event-title{
color: #ffffff;
width: 158px;
font-weight: normal;
}
.tribe-events-widget-link{
display: none;
}
h4.tribe-event-title{
margin-top: 10px;
font-size: 16px;
padding: 0;
}
.tribe-event-duration{
width: 100px;
font-size: 30px;
color: #ccb87d;
} .short_description{
padding-top: 5px;
font-size: 12px; 
line-height: 1.3;
} .contact_them{
display: flex;
align-items: center;
}
.contact-div{
display: flex; 
}
.contact-div-left{
margin-right: 50px;
}
.contact-name{
font-weight: bold;
color: #fff;
font-size: 20px;
}
.contact-div p:last-child{
margin-top: 10px;
}
@media all and (min-width: 320px) and (max-width: 768px){
.contact-div{ 
flex-direction: column;
}
.contact-div-left{
margin-right: 0px;
}
.contact-div-right.audencia{
padding-left: 0!important;
}
.contact-name{
font-size: 18px;
margin-top: 10px;
}
.gold-bar{
display: none;
}
}
.phone_number{
text-decoration: underline;
}
.mail{
font-weight: bold;
} 
.contact-div-right{
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
}
.contact-div-right.audencia{
padding-left: 100px;
}
h2.title-contact{
text-transform: uppercase;
font-family: 'Inter';
color: #ccb97d;
font-size: 35px;
}
.gold-bar{
width: 12vw;
height: 1.2vh;
margin-top: 0.5vw;
margin-bottom: 1vw;
background-color: #ccb97d;
}
.img-contact{
width: 120px;
height: auto;
}
@media all and (min-width: 425px) and (max-width: 768px){
.contact_section{
display: flex;
justify-content: center;
}
} .diplome_grandeecole:hover{
background-color: #21524F;
}  .div__container{
display: grid;
place-items: center;
margin-inline: 2rem;
padding-block: 5rem;
}
.card__container{
display: grid;
row-gap: 3.5rem;
}
.card__article{
position: relative; }
.card__img{
width: 328px;
border-radius : 1.5rem;
}
.card__data{ width: 100%;
background-color: hsla(176, 43%, 23%, 1);
padding: 1.5rem 1.5rem;
box-shadow: 0 8px 24px hsla(0, 0%, 0%, 20);
position: absolute;
bottom: -2rem;
left: 0 ;  transition: opacity 1s 1s;
}
.card__data strong{ font-size: .7rem;
}
.card__description{
display: block;
font-size: 0.8rem;
color: #fff;
font-weight: 500;
margin-bottom: .1rem; }
.card__mail{
font-size: 0.8rem;
line-height: 1.1;
}
h2.card__title{
font-size: 0.9rem;
font-weight: 500;
color : #fff;
font-weight: bold;  }
.card__button{
font-size: 0.8rem;
text-decoration: none;
font-weight: 500;
margin-top: 5px;
}
.card_button:hover{
text-decoration: underline;
} .card_article:hover .card__data{
animation : show-data 1s forwards;
opacity: 1;
transition: opacity .3s;
}  @media screen and (max-width: 340px){
.div__container{
margin-inline: 1rem;
}
.card__data{
width: 284px;
padding: 1rem;
}
.card__description{
font-size: 0.8rem;
line-height: 1.2;
margin-bottom: .5rem;
}
}
@media (min-width: 768px) and (max-width: 1399px){
.card__container{
grid-template-columns: repeat(2, 1fr);  column-gap: 3.5rem;
row-gap: 5.5rem;
}
.card__data strong{
font-size: .7rem;
}
.card__description{
font-size: 0.8rem;
line-height: 1.2;
padding-bottom: 1rem;
}
} @media screen and (min-width: 1120px){
.div__container{
margin-inline: 8.3rem;
}
.card__container{
grid-template-columns: repeat(4, 1fr);
row-gap: 5.5rem;
column-gap: 3rem;
}
.card__img{
width: 400px;
}
.card__data{
width: 348px; padding: 0.9rem;
}
.card__data{
font-size: 0.8rem;
line-height: 1.2; height: 200px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card__mail{
margin-top: 0.9rem;
color: #fff;
}
.card__mail strong{
color: #fff;
}
} .section_directionDiplome{
display: flex;
width: 100%;
gap: 50px;
margin-top: 50px;
}
.card_team{
width: 50%;
}
.card_team div:last-child{
font-size: 0.8rem;
}
.section_directionDiplome img{
width: 40%	
} .div__container2{
display: grid;
place-items: center;
margin-inline: 1.5rem;
padding-block: 5rem;
}
.card__container2{
display: grid;
row-gap: 3.5rem;
}
.card__article2{
position: relative;
overflow: hidden;
}
.card__img2{
width: 328px;
border-radius : 1.5rem;
}
.card__data2{ width: 100%;
height: auto;
background-color: hsla(176, 43%, 23%, 1);
padding: 1.5rem 1.5rem;
box-shadow: 0 8px 24px hsla(0, 0%, 0%, 20);
position: absolute;
bottom: -6rem;
left: 0 ; opacity: 0;
transition: opacity 1s 1s;
}
.card__data2 strong{ font-size: .7rem;
}
.card__description2 p:not(:last-of-type){
display: block;
color: #fff;
font-weight: 500;
margin-bottom: .75rem;
}
h2.card__title2{
font-size: 1rem;
font-weight: 500;
color : #fff;
font-weight: bold;  }
.card__button2{
text-decoration: none;
font-weight: 500;
color: #21524f;
}
.card_button2:hover{
text-decoration: underline;
}
.card__mail2{
line-height: 1;
} .card__article2:hover .card__data2{
animation : show-data 1s forwards;
opacity: 1;
transition: opacity .3s;
animation: show-data 1s forwards;
}
.card__article2:hover{
animation: remove-overflow 2s forwards;
}
.card__article2:not(:hover){
animation: show-overflow 0s forwards;
}
.card__article2:not(:hover) .card__data2{
animation: remove-data 1s forwards;
}  @media (min-width: 320px) and (max-width: 1119px){
.div__container2{ margin: 0;
padding-block: 0rem;
}
.card__container2{ row-gap: 8rem;
}
.card__data2{ width: 100%;
padding: 1rem;
opacity: 1;  bottom: -3rem;
}
h2.card__title2 {
font-size: .9rem;
}
.card__description2 p{
font-size: 0.8rem;
line-height: 1.2;
}
.card__article2{
overflow: visible
}
.card__mail2{
font-size: 0.8rem;
}
}
@media (max-width: 767px) {
.card__container2 {
row-gap: 5rem;
}
}
@media screen and (min-width: 768px){
.card__container2{
grid-template-columns: repeat(2, 1fr);  column-gap: 3.5rem;
row-gap: 5.5rem;
}
.card__data2 strong{
font-size: .7rem;
}
.card__description2 p{
font-size: 0.8rem;
line-height: 1.2;
}
.card__data2{ height: 12rem;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
padding: 1.5rem;
opacity: 1; }
.card__article2{
overflow: visible;
}
.div__container2{ margin-inline: 0;
}
.card__img2{ width: 100%;
}
}
@media only screen and (min-width : 1120px){
.card__container2{
grid-template-columns: repeat(4, 1fr);
row-gap: 4rem;
column-gap: 3rem;
}
}
@media only screen and (min-width : 1824px) { .card__container2{
grid-template-columns: repeat(5, 1fr);
row-gap: 4rem;
column-gap: 3rem;
}
} @media screen and (min-width: 1120px){
.div__container2{ padding-block: 5rem;
} .card__img2{ width: 100%;
}
.card__data2{
width: 348px;
padding-inline: 1rem;
}
h2.card__title2{
font-size: 0.9rem;
} .card__mail2{ color: #fff;
}
.card__mail2 strong{
color: #fff;
}
.card__article2 {
overflow: hidden;
position: relative;
height: 100%;
}
.card__data2 {
font-size: 0.8rem;
line-height: 1.2;
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
transform: translateY(calc(100% - 4rem)); transition: transform 0.6s ease;
} .card__article2:hover .card__data2 {
transform: translateY(0);
}
} .container__biography{
position: relative;
}
.section_header_biography_titles{ }
.banner_template_bio{
background-color: #21524F; 
height: 80px;
}
.template_header_bio{
display: flex;
padding: 0 5rem;
flex-direction: column;
justify-content: center;
}
.title_template{
padding: 0;
margin: 0;
color: #fff;
font-weight: bold!important;
font-size: 1.6em;
letter-spacing: 0.5px;
}
.title_template{
padding-bottom: 1.5em;
}
.section_about{
background-color: #F3ECDC; 
color: #002F34; 
padding: 1.5rem
}
.section_about_title{
font-weight: bold; 
font-size: 1.2rem;
padding-bottom: 1.5rem;
}
.section_about__biography{
line-height: 1.8em;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content{
border-style: none solid solid;
}
.elementor-widget-tabs .elementor-tab-content {
padding: 20px;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
border-bottom: 3px solid #ccb97d!important;
border-top: 0;
border-right: 0;
border-left: 0;
}
.li_square:hover a {
font-weight: bold;
}  @media screen and (max-width: 767px) {
.template_header_bio{
padding: 0;
}
.card_contact{
margin-top: 40px;
}
.section_header_biography_titles {
line-height: 1;
}
.section_header_biography_titles em{
font-size: 0.9rem;
line-height: 0.1;
}
.elementor-tabs .elementor-tab-title {
font-weight: bold;
background-color: #21524F;
margin-block: 1rem;
}
}
@media screen and (max-width: 1024px) {
.section_header_biography {
padding: 1rem;
text-align: center;
}
.contact_details .mail, .website, .biography_social_media{
font-size: 0.6rem;
}
.contact_details .contact{
font-size: 0.8rem;
}
.title_template{
padding-bottom: 20px;
}
.card__contact__fonction{
line-height: 1.3;
padding-bottom: 20px;
font-size: 0.9rem;
}
.elementor-tabs .elementor-tab-content {
word-break: break-word;
}
}
@media (min-width: 1024px) and (max-width: 1224px) {
.template_header_bio {
padding: 5rem 0;
}
} @media (min-width: 1440px) {
.card_contact{
display: flex;
gap: 50px;
}
.contact-info .mail, .contact_details .mail, .website, .biography_social_media{
font-size: 0.8rem;
}
.contact{
font-size: 0.9rem;
}
.elementor-widget-tabs .elementor-tab-content {
display: none;
padding: 50px;
}
.title_template{
font-size: 1.3em;
padding-bottom: 20px;
}
.template_header_bio{
display: flex;
padding: 0 0 0 5rem;
flex-direction: column;
justify-content: flex-end;
}
.card__contact__fonction{
line-height: 1.3;
padding-bottom: 20px;
font-size: 0.9rem;
}
} @media (min-width: 2560px) {
.elementor-widget-image{
max-width: 80%;
}
.template_header_bio {
padding: 0;
}
}
.header-bar {
background-color: #21524F;
height: 60px;
}
.profile-section {
background-color: #0b2f33;
padding-top: 60px;
padding-left: 150px;
padding-right: 150px;
}
.profile-wrapper {
display: flex;
flex-wrap: wrap;
background-color: #0b2f33;
position: relative;
}
.profile-photo {
width: 150px;
height: 200px;
background-color: #cbd5e1;
overflow: hidden;
position: absolute;
top: -85px;
left: 0;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.profile-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-info {
margin-left: 200px;
flex: 1;
padding-top: 10px;
}
.contact-info, .social-links {
margin-top: 1rem;
}
.info-row {
display: flex;
justify-content: flex-start;
gap: 60px; flex-wrap: wrap;
margin-top: 1.5rem;
}
.contact-info,
.social-links {
min-width: 200px;
}
@media (max-width: 900px) {
.profile-section {
padding-left: 20px;
padding-right: 20px;
}
.profile-wrapper {
flex-direction: column;
align-items: flex-start;
}
.profile-photo {
position: static;
margin-bottom: 20px;
}
.profile-info {
margin-left: 0;
padding-top: 0;
}
.profile-info,
.profile-photo {
align-self: flex-start;
}
.header-bar {
height: 20px;
}
} .div__container3{
display: grid;
place-items: center;
margin-inline: 1.5rem; padding-block: 3rem;
}
.card__container3{
display: grid;
row-gap: 3.5rem;
}
.card__article3{
position: relative; }
.card__img3{
width: 328px;
border-radius : 1.5rem;
}
.card__data3{ width: 100%;
background-color: hsla(176, 43%, 23%, 1);
padding: 1.5rem 1.5rem;
box-shadow: 0 8px 24px hsla(0, 0%, 0%, 20);
position: absolute;
bottom: -2rem;
left: 0 ;  transition: opacity 1s 1s;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card__data3 strong{ font-size: .7rem;
}
.card__description3{
display: block;
color: #fff;
font-weight: 500;
margin-bottom: .1rem; }
h2.card__title3{
font-size: 0.9rem;
font-weight: 500;
color : #fff;
font-weight: bold;  }
.card__button3{
text-decoration: none;
font-weight: 500;
}
.card_button:hover{
text-decoration: underline;
} .card_article3:hover .card__data3{
animation : show-data 1s forwards;
opacity: 1;
transition: opacity .3s;
}  @media screen and (max-width: 767px){
.div__container3{ margin-inline: 0rem;
padding-block: 1rem;
}
.card__data3{
position: relative;
bottom: 3rem;
padding: 1rem;
}
.card__img3 {
width: 100%;}
.card__container3{
row-gap: 0;
}
.card__description3{
font-size: 0.8rem;
line-height: 1.2;
margin-bottom: .5rem;
}
.card__mail3{
line-height: normal;
font-size: 0.7em;
padding-bottom: 10px;
}
h2.card__title3 {
font-size: 0.9rem;
}
.title_template{
font-size: 1.2em;
}
.mail{
font-size: 0.8rem;
}
.card__mail3 p{
padding-bottom: 0.2rem;
}
}
@media (min-width: 768px) and (max-width: 1439px){
.card__container3{
grid-template-columns: repeat(2, 1fr);   column-gap: 1.5rem;
}
.card__data3 {
height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem;
}
.card__img3{
width: 600px;
}
.card__data3 strong{
font-size: .7rem;
}
.card__description3{
font-size: 0.8rem;
line-height: 1.2;
}
.card__mail3 {
font-size: 0.8rem;
line-height: normal; padding: 0.2rem 0;
}
.card__mail3 p{
padding-bottom: 0.2rem;
}
} @media screen and (min-width: 1440px){
.div__container3{
margin-inline: 0;
padding-block-start: 2rem;
padding-block-end: 6rem;
}
.card__container3{
grid-template-columns: repeat(4, 1fr);
column-gap: 2.5rem;
row-gap: 7.5rem;
}
.card__img3{
width: 550px;
}
.card__data3{
font-size: 0.8rem;
line-height: 1.2;
height: 12.5rem;
width: 100%;
bottom: -5rem;
padding: 0.8rem;
}
.card__description3{
font-size: 0.8rem;
}
.card__mail3{
margin-top: 0.9rem;
color: #fff;
}
.card__mail3 strong{
color: #fff;
}
.card__mail3 p{
line-height: normal; padding: 0.2rem 0;
}
} .dac_equipepedagogique_container{
display: flex;
}
.dac_equipepedagogique_container i{
color: #CCB87D;
}
.section_dac_key_figures, .section_direm_key_figures{
display: flex; 
flex-wrap: wrap; 
height: auto;
width: 100%;
padding: 100px;
align-items: center;
justify-content: center; 
gap: 150px;
background: linear-gradient(45deg, #002F34, #21524F);
}
.numbers_dac, .numbers_direm{
color: #ccb97d;
font-weight: bold;
font-size: 2rem;
font-family: "Oree";
}
.text_dac, .text_direm{
display: flex;
flex-direction: column;
}
.elementor-section .elementor-container .section_dac_keysnumbers{
margin: 0;
}
@media (min-width: 320px) and (max-width: 768px){
.section_dac_key_figures, .section_direm_key_figures{
flex-direction: column;
gap: 45px;
align-items: flex-start;
padding: 120px;
align-content: flex-start;
}
}
@media (min-width: 767px) and (max-width: 1024px){
.section_dac_key_figures, .section_direm_key_figures{
gap: 50px;
justify-content: flex-start;
}
}
@media (min-width: 320px) and (max-width: 1024px){
.numbers_dac, .numbers_direm{
font-size: 1rem;
}
.dac_equipepedagogique_container{
flex-direction: column;
}
.section_dac_keysnumbers .elementor-container.elementor-column-gap-default, .section_keysnumbers{
margin-right: 0;
margin-left: 0;	
}
} .pt-cv-wrapper .btn-success {
color: #002F34;;
padding: 10px 15px;
margin: 0px 20px;
border: 1px solid #ccb97d;
background-color: #ccb97d;
}
.pt-cv-wrapper .btn-success:hover{
background-color: #AE9E6C!important;
border: 1px solid #AE9E6C;
color: #002f34;
cursor: pointer;
transition: background .2s;
}
.pt-cv-title {
font-family: 'Inter', sans-serif!important;
font-size: 0.9rem;
padding: 10px; }
.pt-cv-view .pt-cv-ifield {
background-color: #002F34;
}
.pt-cv-field img{
height: 200px;
width: 100%;
object-fit: cover;
}
.pt-cv-view .pt-cv-readmore:not(.pt-cv-textlink) {
background: #CCB87D;
}
.pt-cv-ifield{
height: 460px;
}
.pt-cv-content{
position: absolute;
bottom: 30px;
}
.pt-cv-wrapper .btn{
font-size: 16px;
}
.pt-cv-ifield>*, .pt-cv-view .pt-cv-content-item>*{
margin-bottom: 0;
}
@media all and (min-width: 320px) and (max-width: 1024px){
h3.pt-cv-title {
font-size: 16px;
padding: 15px 15px;
}
.pt-cv-ifield{
height: 350px;
}
}
@media (min-width: 767px){
.pt-cv-ifield{
height: 460px;
}
.exad-post-grid-description{
display: none;
}
}
@media (min-width: 1920px){
.pt-cv-ifield{
height: 470px;
}
}
@media (min-width: 2115px){
.pt-cv-ifield{
height: 470px;
}
} .exad-post-grid-container:not(.recruitment){
display: flex;
}
.exad-post-grid-container.image-position-.exad-post-grid-equal-height-yes{
display: block;
}
.exad-post-grid-container.image-position-left .exad-post-grid-thumbnail{
z-index: 0;
} .title_admission{
font-family: 'Oree';
color: #fff; background-color: rgba(33, 89, 79, 0.9);
height: 150px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 30px;
width: 550px;
left: 25px;
position: absolute;
bottom: 20px; z-index: 10;
}
.title_admission2{
font-family: 'Oree';
color: #fff;
font-size: 18px;
background: rgba(33, 89, 79, 0.9);
height: 150px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 15px;
width: 330px;
position: absolute;
bottom: 20px;
z-index: 10;
}
.title_admission:hover, .title_admission2:hover{
height: 170px;
transition: all 0.2s;
}
h2.bdt-title-tag{
font-size: 40px;
}
@media all and (min-width: 375px) and (max-width: 425px){
.title_admission{
width: 355px;
left: 0px;
}
.title_admission2{
width: 350px;
}
}
@media (min-width: 425px){
.title_admission{
width: 405px;
left: 0px;
}
}
@media only screen and (min-width: 767px){
.title_admission{
width: 308px;
left: 13px;
}
}
@media all and (min-width: 767px) and (max-width: 1023px){
.title_admission2{
width: 500px;
}
}
@media all and (min-width: 767px) and (max-width: 1023px){
.title_admission{
width: 232px;
left: 9px;
}
}
@media screen and (min-width: 1440px){
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-title-tag {
font-size: 40px;
}
}
@media screen and (min-width: 320px) and (max-width: 424px) {
.title_admission2{
width: 280px;
left: 0;
font-size: 16px;
}
}
@media screen and (min-width: 320px) and (max-width: 374px) {
.title_admission{
width: 300px;
left: 0;
}
}
@media screen and (min-width: 360px) and (max-width: 373px)  {
.title_admission2{
width: 340px;
}
}
@media screen and (min-width: 374px) and (max-width: 424px) {
.title_admission2{
width: 335px;
}
}
@media screen and (min-width: 425px) and (max-width: 768px) {
.title_admission2{
width: 385px;
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.title_admission2{
width: 167px;
}
.title_admission2 p a{
font-size: 16px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.title_admission2{
width: 231px;
font-size: 16px;
}
}
@media screen and (min-width: 1440px){
.title_admission{
left: 20px; width:482px;
}
}
@media screen and (min-width: 1620px){
.title_admission{
width: 495px;
left: 20px;
}
}
@media screen and (min-width: 1440px) and (max-width: 1600px){
.title_admission2{
width: 333px;
left: 0px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1919px){
.title_admission2{ width: 370px;
left: 0px;
}
}
@media screen and (min-width: 1920px){
.title_admission{ }
.title_admission2{
width: 443px;
left: 6px;
}	
}
@media screen and (min-width: 2115px){
.title_admission2{
width: 491px;
left: 7px;
}	
}
@media screen and (min-width: 2560px){
.title_admission{ }
.title_admission2{
width: 591px;
left: 12px;
}
}
@media (min-width: 1990px){
.title_admission{
width: 30vw;
left: 29px;
}
} .stats-container {
padding: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 5rem;
max-width: 1200px;
margin: auto;
}
.stat-card {
position: relative;
flex: 1 1 250px; max-width: 300px;
min-height: 100px;
display: flex;
justify-content: center;
}
.stat-box {
background-color: transparent;
border: 2px solid #F3ECDC;
padding: 2.5rem 1rem 2rem 1rem;
text-align: center;
position: relative;
z-index: 1;
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.stat-card:hover .stat-box {
transform: translateY(-5px); }
.icon-wrapper {
position: absolute;
top: 0;
transform: translateY(-50%);
background-color: #002F34;
padding: 0.5rem;
border-radius: 50%;
transition: transform 0.4s ease;
z-index: 2;
}
.icon-wrapper svg {
display: block;
margin: 0 auto;
}
.number {
font-size: 2rem;
font-weight: bold;
color: inherit;
}
.label {
font-size: 1rem;
color: #fff;
margin-top: 0.5rem;
} .stats-container .stat-card:nth-child(1) {
animation-delay: 0.2s;
}
.stats-container .stat-card:nth-child(2) {
animation-delay: 0.4s;
}
.stats-container .stat-card:nth-child(3) {
animation-delay: 0.6s;
}
.stats-container .stat-card:nth-child(4) {
animation-delay: 0.8s;
}
.stats-container .stat-card:nth-child(5) {
animation-delay: 1s;
}
.stats-container .stat-card:nth-child(6) {
animation-delay: 1.2s;
}
.stats-container .stat-card:nth-child(7) {
animation-delay: 1.4s;
}
.stats-container .stat-card:nth-child(8) {
animation-delay: 1.6s;
}
.stats-container .stat-card:nth-child(9) {
animation-delay: 1.8s;
}
.stats-container .stat-card:nth-child(10) {
animation-delay: 2s;
}
.stats-container .stat-card:nth-child(11) {
animation-delay: 2.2s;
}
.stats-container .stat-card:nth-child(12) {
animation-delay: 2.4s;
}
.stats-container .stat-card:nth-child(13) {
animation-delay: 2.6s;
}
.stats-container .stat-card:nth-child(14) {
animation-delay: 2.8s;
}
.stats-container .stat-card:nth-child(15) {
animation-delay: 3s;
}
.stats-container-p{
padding: 2rem; 
max-width: 1200px; 
margin: auto;
}
p.slide-up {
opacity: 0;
transform: translateY(20px);
animation: slideUp 2s ease-out forwards;
}
@keyframes slideUp {
to {
opacity: 1;
transform: translateY(0);
}
} .color1 {
color: #CCB87D;
border-color: #CCB87D;
}
.color2 {
color: #F3ECDC;
border-color: #F3ECDC;
}
.color3 {
color: #ABD1AD;
border-color: #ABD1AD;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.stat-card {
animation: fadeInUp 0.8s ease forwards;
opacity: 0;
}
.stat-card:hover .icon-wrapper {
transform: translateY(-55%);
transition: transform 0.3s ease;
} @media (max-width: 600px) {
.number {
font-size: 2rem;
}
.label {
font-size: 0.95rem;
}
}  .badge{
background: #ABD1AD;
color: #002F34;
font-weight: bold;
padding:6px 12px;
border-radius:5px;
display:inline-block;
margin-bottom:10px;
}
table.candidature { 
width:100%; 
border-collapse:collapse; 
margin-top:15px; 
}
table.candidature, table.candidature th, table.candidature td { 
border:1px solid #d1d5db; 
}
table.candidature th { 
background:#21524F; 
color: #F3ECDC; 
padding:10px; 
}
table.candidature td { 
padding:10px; 
background:#F3ECDC; 
color: #002F34;
} .section_infos{
background-color: #002F34; 
padding: 1.5rem;
} .master-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
max-width: 1200px;
margin: auto;
}
.master-card-wrapper { display: block;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.master-card-wrapper:hover {
transform: translateY(-10px); }
.master-card {
background: #F3ECDC;
padding: 40px 20px;
text-align: center;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
display: flex;
justify-content: center;
align-items: center; opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s forwards;
animation-fill-mode: forwards; min-height: 140px;
} @media (min-width: 768px) {
.master-card {
height: 160px;
}
} .master-card-wrapper:nth-child(1) .card { animation-delay: 0.2s; }
.master-card-wrapper:nth-child(2) .card { animation-delay: 0.4s; }
.master-card-wrapper:nth-child(3) .card { animation-delay: 0.6s; }
.master-card-wrapper:nth-child(4) .card { animation-delay: 0.8s; }
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.master-card h3 {
font-size: 1.2rem;
color: #002F34;
margin: 0;
padding-bottom: 0;
}
.name-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
max-width: 1200px;
margin: auto;
}
.name-card-wrapper {
display: block;
text-decoration: none; color: inherit;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.name-card {
background: #F3ECDC;
border-radius: 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 180px; padding: 20px; opacity: 0;
transform: translateY(30px);
animation: academyFadeInUp 0.8s forwards;
animation-fill-mode: forwards;
} .name-card-wrapper:hover {
transform: translateY(-6px);
} .name-card-wrapper:nth-child(1) .name-card { animation-delay: 0.2s; }
.name-card-wrapper:nth-child(2) .name-card { animation-delay: 0.4s; }
.name-card-wrapper:nth-child(3) .name-card { animation-delay: 0.6s; }
.name-card-wrapper:nth-child(4) .name-card { animation-delay: 0.8s; }
.name-card-wrapper:nth-child(5) .name-card { animation-delay: 1s; }
.name-card-wrapper:nth-child(6) .name-card { animation-delay: 1.2s; }
.name-card-wrapper:nth-child(7) .name-card { animation-delay: 1.4s; }
.name-card-wrapper:nth-child(8) .name-card { animation-delay: 1.6s; }
.name-card-wrapper:nth-child(9) .name-card { animation-delay: 1.8s; }
.name-card-wrapper:nth-child(10) .name-card { animation-delay: 2s; }
.name-card-wrapper:nth-child(11) .name-card { animation-delay: 2.2s; }
.name-card-wrapper:nth-child(12) .name-card { animation-delay: 2.4s; }
@keyframes academyFadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.name-card h3 {
font-size: 1.1rem;
color: #002F34;
margin: 0;
} .image-master-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/PCI.jpg);
}
.image-master-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/firm-handshake1-scaled-1.jpg);
}
.image-master-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/european-union-flag-on-the-blue-background.jpg);
}
.image-master-4{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/05/Rubrique-CY-Formation-5-scaled.jpg);
} .image-master-5{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/UPS-GSSSP-31052022CorinneHameau-165-scaled-1.jpeg);
}
.image-master-6{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/UPS-GSSSP-31052022CorinneHameau-127-scaled-1.jpeg);
}
.image-master-7{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-44-web-1-1.jpg);
}
.image-master-8{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-D1-38-web.jpeg);
}
.image-master-9{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/beautiful-landscape-of-big-tree-in-the-forest-with-low-angel-view2.jpg);
}
.image-master-10{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/high-angle-view-of-the-avenue-champs-elysees-under-cloudy-sky-and-sunlight-in-paris2.jpg);
}
.image-master-11{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-D1-45-web.jpeg);
}
.image-master-12{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-42-web.jpeg);
} .image-master-13{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/UPS-GSSSP-31052022CorinneHameau-122-scaled-1.jpg);
}
.image-master-14{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/vineyard-in-france2-1280x854-1.jpg);
}
.image-master-15{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/top-view-watercolor-paint-background-scaled-1.jpg);
}
.image-master-16{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/narrow-road-in-green-grassy-field-surrounded-by-green-trees-with-the-bright-sun-in-the-background2-1-980x735-1.jpg);
}
.image-master-17{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/dylan-gillis-KdeqA3aTnBY-unsplash-3.jpg);
} .image-master-18{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-60-web.jpg);
}
.image-master-19{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-7-web.jpeg);
}
.image-master-20{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-73-web.jpeg);
}
.image-master-21{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-D1-72-web.jpeg);
}
.image-master-22{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-43-web.jpeg);
}
.image-master-23{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-D1-25-web.jpg);
}
.image-master-24{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-17-web.jpeg);
} .image-cc1A-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo-D2-48-web.jpeg);
}
.image-cc1A-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/SPo-D1-45-web.jpeg);
}
.image-cc1A-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2024/09/Plaquette-Tremplin-IEP-2024-25.jpg);
}
.image-cc1A-3.box-encadre{
background-position: top;
} .image-admissions-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/ScPo_Logosignature_Final-RVB.png);
}
.image-admissions-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo-D2-12-web-1.jpeg);
}
.image-admissions-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo.bis-32-web-e1652258616944.jpeg);
}
.image-admissions-4{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo-D1-76-web-e1652713442878.jpeg);
}
.image-admissions-5{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo-5-web-e1652713718268.jpeg);
}
.image-admissions-6{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/01/SPo.bis-9-ieprepa-1.jpeg);
}
.image-admissions-7{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/SPo-D2-66-web.jpeg);
}
.image-admissions-8{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/04/Artboard-89.png);
}
.image-admissions-9{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo.bis-11-web-1.jpg);
}
.image-admissions-10{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/03/photo-couv-scaled.jpg);
} .section_accommodation {
max-width: 1200px;
padding: 0 1rem;
margin: 0 auto;
}
@media (min-width: 1300px) {
.section_accommodation { }
}
.grid-container-accommodation{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1rem;
}
.card-accommodation {
background-color: #00383c;
padding: 2rem;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
min-height: 300px;
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.6s ease-out forwards;
}
.card:nth-child(1) { animation-delay: 0.1s; }
.card:nth-child(2) { animation-delay: 0.2s; }
.card:nth-child(3) { animation-delay: 0.3s; } @keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.card-accommodation:hover {
background-color: #004044;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}
.card-accommodation h3 {
margin-top: 0;
font-weight: bold;
font-size: 1.1rem;
}
.btn-card-accommodation{
background: #ccb97d;
border: 1px solid #ccb97d;
color: #002f34;
padding: 0.6rem 0.5rem;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: background 0.2s;
display: block;
width: 100%;
margin-top: 15px;
text-decoration: none;
} .image-diplome-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/01/Illustration-1A-1.jpeg);
}
.image-diplome-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/01/Illustration-2A.jpeg);
}
.image-diplome-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/01/Illustration-3A.jpeg);
}
.image-diplome-4{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano-4.jpg);
}
.image-diplome-5{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/09/SPo-43-web.jpg);
}
.image-diplome-6{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/01/Ilustration-5A.jpeg);
} .box-encadre{
width: 100%; 
height: 400px;
background-position:center;
background-repeat: no-repeat; 
background-size: cover;
}
.image-agis{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2024/08/agis.png);
}
.section_student_organisation {
max-width: 1200px;
padding: 0 1rem;
margin: 0 auto;
}
@media (min-width: 1300px) {
.section_student_organisation { }
}
.grid-container-student-organisation{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.card-student-organisation {
background-color: #002F34;
padding: 1.5rem;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
min-height: 300px;
opacity: 0;
transform: scale(0.08) rotate(0deg);
animation: zoomRotateIn 0.6s ease-out forwards;
}
.card-student-organisation:nth-child(1) { animation-delay: 0.1s; }
.card-student-organisation:nth-child(2) { animation-delay: 0.3s; }
.card-student-organisation:nth-child(3) { animation-delay: 0.5s; }
.card-student-organisation:nth-child(4) { animation-delay: 0.7s; }
.card-student-organisation:nth-child(5) { animation-delay: 0.9s; }
.card-student-organisation:nth-child(6) { animation-delay: 1.1s; }
.card-student-organisation:nth-child(7) { animation-delay: 1.3s; }
.card-student-organisation:nth-child(8) { animation-delay: 1.5s; }
.card-student-organisation:nth-child(9) { animation-delay: 1.7s; }
.card-student-organisation:nth-child(10) { animation-delay: 1.9s; }
.card-student-organisation:nth-child(11) { animation-delay: 2.1s; }
.card-student-organisation:nth-child(12) { animation-delay: 2.3s; }
.card-student-organisation:nth-child(13) { animation-delay: 2.5s; }
.card-student-organisation:nth-child(14) { animation-delay: 2.7s; }
.card-student-organisation:nth-child(15) { animation-delay: 2.9s; }
.card-student-organisation:nth-child(16) { animation-delay: 3.1s; }
.card-student-organisation:nth-child(17) { animation-delay: 3.3s; }
.card-student-organisation:nth-child(18) { animation-delay: 3.5s; }
.card-student-organisation:nth-child(19) { animation-delay: 3.7s; } @keyframes zoomRotateIn {
to {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
.card-student-organisation:hover {
background-color: #21524f;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}  .btn-card-student-organisation{
background: #ccb97d;
border: 1px solid #ccb97d;
color: #002f34;
padding: 0.6rem 0.5rem;
border-radius: 3px;
text-align: center;
cursor: pointer;
transition: background 0.2s;
display: block;
margin-top: 15px;
text-decoration: none;
}
.btn-card-student-organisation:hover {
background: #AE9E6C;
border: 1px solid #AE9E6C;
color: #002f34;
transform: scale(1.05);
} .social-networks {
display: flex;
gap: 20px; justify-content: center; align-items: center;
margin: 20px 0;
}
.social-networks i {
color: #F3ECDC; font-size: 24px; text-decoration: none;
transition: color 0.3s, transform 0.3s;
}
.social-networks i:hover {
color: #ABD1AD; transform: translateY(-3px); } @media (max-width: 480px) {
.social-networks i {
font-size: 20px;
}
} .image-transversaux-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/06/chaillot.jpg);
}
.image-transversaux-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/06/5.legende-3-scaled.jpg);
}
.image-transversaux-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/06/SPo.bis-29-web.jpeg);
}
.image-transversaux-4{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano-7.jpg);
}
.image-transversaux-5{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/06/SPo.bis-18-web-1.jpeg);
}
.image-transversaux-6{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/SPo-D1-111-web.jpg);
}
.image-transversaux-7{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2022/08/SPo-D1-69-web-1.jpeg);
} .image-democratisation-1{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano-2.jpg);
}
.image-democratisation-2{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano-2-3.jpg);
}
.image-democratisation-3{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano.jpg);
}
.image-democratisation-4{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/07/Crédits-Luc-Marciano-3.jpg);
}
.image-democratisation-5{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2023/04/Crédits-Eylbe-Photographie-3.jpg);
}
.image-democratisation-6{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2024/10/Vignette-Bilan-PEI.jpg);
} i.fa.fa-check-square-o.bg-color-accent-2, li::marker{
color: #ccb97d;
} .background_linear{
background: linear-gradient(45deg, #002F34, #21524F);
} .contain{
width: 100%;
height: 600px;
margin: 0;
border-radius: 2px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
background-color: #21534f;
max-width: none;
}
.container-onglets{
width: 100%;
height: 15%;
display: flex;
border-bottom: 1px solid #003033;
background-color: #21534f;
}
.onglets{
width: 220px;
display: flex;
text-align: center; 
align-items: center;
font-size: 18px;
font-weight: 700px;
cursor: pointer;	
}
.onglets:not(:nth-child(3)){
border-right: 1px solid #003033;
}
.contenu{
height: 10%;
width: 100%;
position: absolute;
opacity: 0;
padding: 20px;
}
.contenu hr{
width: 20%;
height: 2px;
background-color: #000;
border: none; 
} .active{
background-color: #003033;
transition: all 0.3s ease;
}
.activeContenu{
animation: fade 0.5s forwards;
}
@keyframes fade{
from{
opacity: 0;
}to{
opacity: 1;
}
}
.elementor-15661 .elementor-element.elementor-element-5731cb5 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-4bc441e .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body, .elementor-15661 .elementor-element.elementor-element-fd64b9e .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-3df6eb3 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-3cb3a1a .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-3cb3a1a .exad-row-wrapper .exad-post-grid-container .recruitement, .elementor-15661 .elementor-element.elementor-element-4bc441e .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-ca1333a .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-fd906e9 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-b3fa1c9 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-517e10d .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-83c2be5 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-1122677 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-fd8c323 .exad-row-wrapper .exad-col, .elementor-15661 .elementor-element.elementor-element-6e5f0fd .exad-row-wrapper .exad-col  {
flex: 0 0 100%;
max-width: 100%;
} .accordion{
width: 90%;
max-width: 1000px;
margin: 2.5rem auto;
}
.accordion-item{
background-color: #003033;
margin: 0.5rem 0;
border-radius: 0.5rem;
box-shadow: 0 4px 8px 5px 0 rgba(0,0,0, 0.25);
}
.accordion-item-header{
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.accordion-item-header p{
width: 80%;
}
.accordion-item-header::after{ content: "\25BE";
font-size: 2rem;
position: absolute;
right: 1rem;
transition: transform 0.2s ease-in-out;
}
.accordion-item-header.active::after{ transform: rotate(-180deg);
}
.accordion-item-body{
display: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
padding: 1rem;
line-height: 1.5rem;
}
.accordion-item-body-content li:hover{
text-decoration: underline;
}
.accordion-item-header.active + .accordion-item-body{
display: block;
max-height: auto;
}
.subtitle_accordion{
padding-top: 0!important;
}
.elementor-accordion{
padding: 0!important;
}
#annee1 tbody tr td:nth-last-child(-n+4){ }
@media all and (min-width: 320px) and (max-width: 767px){
td.long{
flex-direction: column!important;
}
#annee1 thead, .annee2 thead, .annee3 thead, .annee4 thead, .annee5 thead, .erasmus thead, .hors_erasmus thead{
display: none;
}
#annee1 td, .annee2 td, .annee3 td, .annee5 td, .erasmus td, .hors_erasmus td{
display: flex;
flex-direction: row;
}
#annee1 tr, .annee2 tr, .annee3 tr, .annee4 tr, .annee5 tr, .erasmus tr, .hors_erasmus tr{
display: flex; 
flex-direction: column;
line-height: 0.8;
}
.two_sides{
flex-direction: column!important;
}
#annee1 tbody tr td, .annee2 tbody tr td, .annee3 tbody tr td, .annee4 tbody tr td, .annee5 tbody tr td, .erasmus tbody tr td, .hors_erasmus tbody tr td{
line-height: 1.2;
}
#annee1 tbody tr td:nth-last-child(-n+4){
text-align: left;
}
#annee1 td:nth-child(2), #annee1 td:last-child, .annee5 td:nth-child(4), .annee5 td:nth-child(5) {
display: none;
}
.elementor-toggle-title{
line-height: 1.2;
}
.thead_cours {
display: flex;
}
.elementor-62890 .elementor-element.elementor-element-750b319 .elementor-tab-content {
padding: 0;
}
.cybercriminalite{
flex-direction: column;
}
.hours{
display: none;
}
}
.erasmus th, .erasmus td, .horserasmus_table th, .horserasmus_table td{
border: solid 0.5px #777; padding: 10px; 
} .accordion_master li:hover{
text-decoration: underline;
}
.elementor-accordion{
padding: 0 50px;
}
.elementor-accordion-item{
margin-top: 20px;
}
.accordion_program .elementor-accordion .elementor-accordion-item {
border: 0;
background-color: #002F34;
} .fas.fa-times::before{
font-size: 25px;
} a.pum-trigger(:not.popup-direm){
text-decoration: underline;
cursor: pointer;
}   @media screen and (max-width: 768px){
.accordeon {
flex-direction: column;
}
}  .stat-card.number{
font-size: 1.8rem; 
} .box_key-figures{
text-align: center; 
height: 270px; 
padding: 20px;     
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: #21534f;
}
.icon_key-figures{
color: #ccb97d; 
font-size: 35px; 
margin-bottom: 20px; 
}  .box-paper{
padding: 20px;
text-align: center; 
height: auto;
background-color: #21534f;
}
@media all and (min-width: 768px) and (max-width: 1024px){
.box-paper{
}
}
.box-paper-2{
padding: 20px;
text-align: center; 
height: 200px; 
background-color: #21534f;
}
.icon_box-paper{
font-size: 25px;
color: #ccb97d;
margin-bottom: 20px;
}  .section_box_strenght{
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
column-gap: 2.5rem;
}
.box-strenght{
text-align: center;
width: 450px;
height: 450px; 
padding: 20px;
background-color: #003033;
border-bottom: 5px solid #CCB87D;
box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
}
.icon_box-strenght{
font-size: 30px; 
padding-bottom: 20px; 
color: #ccb97d;
}
.subtitle_box-strenght{
text-transform : uppercase; 
font-weight: bold;
}
@media screen and (min-width: 768px) {
.section_box_strenght{
grid-template-columns: repeat(2, 1fr);
}
.box-strenght{
width: 100%;
height: 350px;
margin-bottom: 20px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.box-strenght{
width: auto;
height: auto;
}
.section_box_strenght{
flex-direction: column;
gap: 20px;
}
}
@media screen and (min-width: 1440px) {
.section_box_strenght{
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
} .number_strenght{
color: #ccb97d; 
font-family: 'Oree'; 
font-size: 30px;
}
.number_title{
text-align: center;
}
.box_strenght{
background-color: #003033;
padding: 20px;
width: 295px; 
height: 295px;
} .lesson{
background-color: #21534f; padding: 10px 25px;
display: inline-flex;
align-content: center;
border-radius: 5px;
} .multi{display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(7px) translateZ(5);
transform: perspective(7px) translateZ(5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.multi:hover, .multi:focus, .multi:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} .member-info{
height: 200px;
position: absolute;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
bottom: 0px;
transition: .5s ease-in-out;
} .member .member-info{
bottom: -200px;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
}
.member:hover .member-info{
bottom: 0px;
} .inscription_table{
}
.inscription_table td, .inscription_table th, .table_class tr{
padding: 7px 11px;
}
.inscription_table tr:nth-child(even), .table_class tr:nth-child(even){
background-color: #21534f;
}
.underline{
text-decoration: underline;
}
.coeff, .cycle, .semestre, .cours{
display: none;
}
@media (min-width: 320px) and (max-width: 768px) {
.coeff, .cycle, .semestre, .cours{
display: block;
}
} div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{
height: 190px;
}
div.wpforms-container-full .wpforms-form button[type=submit]{
background-color: #ccb97d;
border: 1px solid #ccb97d;
border-radius: 5px;
color: #fff;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{
height: 190px;
border: 1px solid;
border-radius: 5px;
}
div.wpforms-container-full .wpforms-form input[type=email], 
div.wpforms-container-full .wpforms-form input[type=text]{
border: 1px solid;
border-radius: 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label{
text-transform: uppercase;
} table {
border-collapse: collapse;
}
th, td{
padding: 10px;
}   .step {
position: relative;
min-height: 3.2em;
}
.step + .step {
margin-top: 1.5em
}
.step > div:first-child {
position: static;
height: 0;
}
.step > div:not(:first-child) {
margin-left: 4em;
padding-left: 1em;
} .circle {
position: relative;
width: 2em;
height: 2em;
line-height: 1.5em;
border-radius: 100%;
color:  #CCB87D;;
box-shadow: 0 0 0 3px #CCB87D;
background-color: #002F34;
display: flex;
align-items: center;
justify-content: center;
} .circle:after {
content: ' ';
position: absolute;
display: block;
top: 1px;
right: 50%;
bottom: 1px;
left: 50%;
height: 100%;
width: 2px; background-color: #CCB87D;
z-index: -1;
}
.step:last-child .circle:after {
display: none
}
.step:first-child .circle:after {
height: 100%;
z-index: -1;
} .title {
line-height: 2em;
font-weight: bold;
font-size: 1.3rem;
} footer a:hover, .footer_links ul li i:hover, #menu-secondaire li i:hover{
color: #002f34;
}
footer{
background-color: #21524F;
width: 100%;
color: #ffffff;
height: auto;
padding: 80px 100px 30px 100px ;
z-index: 12;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.site_footer {
display: flex;
justify-content: space-between;
}
footer h3 {
margin-top: 0;
color: #ccb87d;;
font-weight: normal;
font-size: 22px;
}
.footer_links ul li i{
color: #ffffff;
}
.partners {
display: flex;
flex-direction: column;
width: 5vw;
min-width: 5vw;
}
.partners img {
width: 100%;
}
footer .cy{
width: 10vw;
}
footer .uvsq{
width: 10vw;
}	
.partners p{
width: 50%;
}
.partners p:first-child{
padding-bottom: 0;
}
.footer_title {
font-family: 'Oree';
}
.logos_section{
display: flex; justify-content: space-around;
align-items: center;	
}
.logos_section hr{
width: 100px; 
height: 2px;
rotate: 90deg;
border-width: 0;
background-color: #fff;
}
.footer_links ul {
padding: 0;
line-height: 2;
}
.footer_links i {
color: var(--white);
font-size: 25px;
}
.footer_links li {
list-style: none;
}
.footer_links.third{
width: 10%;
}
.footer_links.third ul{
display: flex;
gap: 6px;
justify-content: space-between;
padding-top: 10px;
}
.logo_footer{
width: 14vw;
min-width: 14vw;
}
li.website{
line-height: 1.2;
}
.bottom{
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 40px;
}
.infos{
display: flex;
}
.legalnotice, .barre{
padding-right: 10px;
}
.logos_partners{
display: flex;
align-items: center;
gap: 20px;
padding: 0;
width: 100%;   }
@media (min-width: 320px) and (max-width: 767px){
.logos_partners li:first-child {
width: 50%;
}
.logos_partners li:nth-child(2){
width: 40%;
}
.logos_partners li:last-child{
width: 100%;
}		
}
@media screen and (min-width: 768px){
.bottom{
margin-top: 0;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.logos_partners li:first-child {
width: 15%;
}
.logos_partners li:nth-child(2){
width: 13%;
}
.logos_partners li:last-child{
width: 30%;
} }
@media screen and (min-width: 1024px){ .logos_partners li:first-child{
width: 10%;
max-width: 10%;
}
.logos_partners li:nth-child(2){
width: 6%;
max-width: 6%;
}
.logos_partners li:last-child{
width: 20%;
max-width: 20%;
}
} .background-fdm{ background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2025/01/Affiche-Forum-Masters-V3-2.jpg);
background-repeat: no-repeat;
background-position: 0% 55%;
background-size: 100%;
height: 100vh;
}
@media (min-width: 320px) and (max-width: 767px) {
.background-fdm{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2025/01/Affiche-Forum-Masters-V3-2.jpg); background-repeat: no-repeat;
background-position: 100% -20%;
background-size: 110%;
}
}
.h3_fdm{
font-size: 1.3rem;
text-transform: uppercase;
font-weight: bold;
}
.h2_fdm{
font-size: 2.6;
font-family: 'Oree';
font-weight: bold;
color: #fff;
}
.btn-toggle{
padding: 3px;
background-color: #fff;
width: 70%;
height: 43px;
border-radius: 20px;
color: #002F34;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.btn-toggle a{
width: 100%;
border-radius: 20px;
text-align: center;
padding: 5px;
}
.btn-toggle a.active{
background-color: #CCB97D;
}
.btn-toggle a:hover{
background-color: #CCB97D;
}
.flex{
margin-top: 20px;
display: flex;
gap: 20px;
width: 100%;
height: auto;
}
.end{
justify-content: flex-end;
}
.time_encadre{
display: flex;
justify-content: space-between;
height: 160px;
align-items: center;
padding: 10px 20px; 
line-height: 1.3;
background-color: #22534f;
}
.time_encadre_v2{
display: flex;
justify-content: space-between;
height: 180px;
align-items: center;
padding: 10px 20px; 
line-height: 1.3;
background-color: #22534f;
}
.intitules{
width: 65%;
}
.intitules_v2{
width: 75%;
}
.intitules_title, .intitules_subtitle{
font-weight: bold;
color: #fff;
line-height: 1.3;
margin: 0 0 15px 0;
}
.btns_fdm{
display: flex; width: 20%;
flex-direction: column;
gap: 20px;
}
.links{
display: flex; width: 100%;
gap: 40px;
}
.uvsq_fdm{
object-fit: contain; width: 30%;
}
.cyu_fdm{
object-fit: contain; width: 35%;
}
.btns_fdm p:first-child{
background-color: #ccb97d;
border: 1px solid #ccb97d;
color: #002f34;
}
.btns_fdm p:first-child:hover{
background: #AE9E6C;
border: 1px solid #AE9E6C;
color: #22534f; 
}
.btn-secondary-v2{
background-color: rgb(255, 255, 255, 0.5);
border: 1px solid #fff;
color: #002f34;
padding: 12px 77px;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: background .2s;
}
.btn-secondary-v2:hover{
background-color: rgb(255, 255, 255, 0.8);
}
.btns_fdm_homepage{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.information{
display: flex;
}
.cm_content{
background-color: #22534f; 
padding: 40px;
}
.numbers_keys_fdm{
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.numbers_keys_fdm div{
width: 300px;
font-weight: 600;
}
.numbers_keys_fdm div p strong{
color: #ccB87D;
font-family: 'Oree';
font-size: 3rem;
}
.card{
padding: 20px;
width: 50%;
height: 300px;
border-radius: 20px;
background-position: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card:hover{
justify-content: space-between;
}
.subtitle-card{
font-size: 1.1rem;
font-weight: bold;
}
.card.image-fdm{
background-image: url(https://www.sciencespo-saintgermainenlaye.fr/wp-content/uploads/2024/01/SPo-D1-22.jpeg);
filter: brightness(50%);
-webkit-filter: brightness(50%);
transition: .5s;
}
.card.image-fdm:hover{
background-color: #22534f;
background-image: none;
filter: brightness(100%);
-webkit-filter: brightness(100%);
}
.logos_fdm_homepage{
display: flex; 
justify-content: end; 
gap: 30px
} @media screen and (min-width: 320px) and (max-width: 767px){
.h3_fdm{
font-size: 0.8rem;
}
.intitules_v2{
width: 100%;
}
.btns_fdm{
width: 100%;
}
.btn-toggle{
width: 100%;
flex-direction: column;
height: auto;
}
.btn-toggle a{
flex-wrap: wrap;
}
.btn-toggle a:hover, .btn-toggle a.active{
width: 100%;
}
.time_encadre, .time_encadre_v2{
flex-direction: column;
justify-content: space-around;
height: auto;		
}
.rooms{
width: 100%;
}
.intitules{
width: 100%;
}
.card{
width: 100%;
height: auto;}
.card.image-fdm{
background-color: #22534f;
background-image: none;
filter: brightness(100%);
-webkit-filter: brightness(100%);
}
.information{
flex-direction: column;
padding-bottom: 10px;
}
.cm_content{
padding: 20px;
}
.links{	
flex-direction: column;
}
.btns_fdm_homepage{
flex-direction: column;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.btn-toggle{
width: 100%;
flex-direction: column;
height: auto;
}
.card{
width: 70%;
}
.card.image-fdm{
background-color: #22534f;
background-image: none;
filter: brightness(100%);
-webkit-filter: brightness(100%);
}
.links{	
text-align: center;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.flag_footer{
margin-top: -3px;
padding-top: 0px;
}
main{
padding: 0 20px;
}
h2{
font-size: 1.3rem;
line-height: 1.2;
}
h2.title-contact{
font-size: 25px;
} footer{
padding: 20px 30px 20px 30px;
}
footer h3{
font-size: 1rem;
}
.site_footer {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.logos_section{
width: 100%;
margin: auto;
justify-content: center;
} .menu_header{
padding: 20px 20px;
flex-direction: column;
}
.secondary{
display: none; }
.main_logo{
justify-content: center;
}
.partners_header{
margin-left: 10px;
justify-content: center;
flex-direction: column;
}
#menu-secondaire li i{
font-size: 18px;
}
.elementor-shortcode{ }
.ecs-event-list{
flex-direction: column;
}
ul.ecs-event-list li{
width: auto;
padding: 0;
}
.section_header_bis{ height: auto;
max-width: 800px;
}
.section_header{
height: auto;
}
.short{
height: auto;
}/*/*/#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu.mega-menu-item ul.mega-sub-menu:first-child{
height: auto;
}/**/.btns{
transform: none;
display: none;
} .tribe-list-widget{
flex-direction: column;
flex-wrap: wrap;
}
.agenda_content{
width: 100%;
}
.pt-cv-wrapper .btn-success{
margin: 0 15px;
}
.pt-cv-ifield{
height: 440px;
}
#menu-primaire-1{
display: none;
} .contact-div-left {
margin-right: 10px;
} footer{
padding: 20px;
}
.site_footer{
flex-direction: column;
}
.footer_links:first-child{
margin-top: 20px;
}
.footer_links.third ul{
display: flex;
justify-content: flex-start ;
}
.footer_links.third {
width: 100%;
}
.footer_links ul li i{
font-size: 28px;
}
li.icon{
margin-right: 5px;
}
footer.logos{
justify-content: center;
padding-right: 0;
margin-bottom: 50px;
}
div.footer_links{
margin-bottom: 20px;
}
.footer_links{
padding-right: 0;
}
.footer_links li {
line-height: 2;
}
hr .logos_section {
transform: rotate(90deg)!important;
}
.bottom{
margin-top: 0;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.infos{
flex-direction: column;
}
.barre{
display:none;
}
.legalnotice{
padding-right: 2px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.section_header_bis{
height: 100px;
}
.section_header{
height: 200px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.footer_links ul li i{
font-size: 22px;
}
}
@media all and (min-width: 425px) and (max-width: 767px){ main{
padding: 0 20px;
}
.infos{
display: flex; 
flex-direction: column;
}
.barre{
display: none;
}
div.footer_links:first-child{
margin-top: 20px;
}
}
@media (min-width: 320px) and (max-width: 480px) { 
section.menu_header .partners{
width: 38vw;
}
section.menu_header .logo_footer{
width: 50vw;
}
section.menu_header.logos_section hr {
max-height: 66px;
min-height: 48px;
}
footer .logos_section hr {
max-height: 1px;
min-height: 1px;
}
section.menu_header .logos_section hr{
height: 1px;
}
footer .logos_section .partners{
width: 70vw;
}
footer .cy, footer .uvsq{
width: 17vw;
}
footer .logo_footer{
width: 90vw;
} }
@media (min-width: 481px) and (max-width: 767px) { 
section.menu_header .logo_footer{
width: 30vw;
min-width: 25vw;
}
section.menu_header .partners{
width: 23vw;
}
section.menu_header .logos_section hr { }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
main{
padding: 0 20px;
} .menu_header{
padding: 20px 50px;
}
.partners_header{
margin-left: 0;
}
.cergy_logo{
width: 100px
}
.uvsq{
width: 100px;
} .title_admission {
font-size: 16px;
} .logo_footer{
width: 25vw;
}
.partners{
width: 9vw;
max-width: 9vw;
}
footer{
padding: 50px;
display: flex;
flex-direction: column;
}
footer h3{
margin-bottom: 10px;
}
footer .logos{
padding-right: 0;
justify-content: center;
margin-bottom: 40px;
}
.site_footer{
flex-direction: column;
}
.scposgel{
text-align: center;
}
.footer_links:not(:last-child) {
margin-bottom: 20px;
}
.footer_links.third ul {
justify-content: start;
padding-top: 0;
}
.footer_links{
padding-right: 0;
}
.footer_links i{
font-size: 25px;
padding-right: 10px;
line-height: 2;
}
.footer_links.third{
width: 100%;
} .logos_section hr{
height: 1px;
max-height: 65px;
margin-top: 0;
}
.infos {
flex-wrap: wrap;
}
}
@media all and (min-width: 1025px){
.flag_footer{
display: none;
}
}
@media all and (min-width: 1400px){
.bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-title-tag {
font-size: 50px!important;
}
}
@media all and (min-width: 2100px){
.pt-cv-ifield {
margin: 0px 35px;
}
}