/*TYPOGRAPHIE*/
@font-face {
    font-family: 'Roboto Condensed Light';
    src: url('../Fonts/RobotoCondensed-Light.ttf') format('truetype');
	font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed Light Italic';
    src: url('../Fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
	font-weight: lighter;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../Fonts/RobotoCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('../Fonts/RobotoCondensed-Bold.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('../Fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
	font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Light';
    src: url('../Fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Light Italic';
    src: url('../Fonts/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: lighter;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('../Fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Regular Italic';
    src: url('../Fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Medium';
    src: url('../Fonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: medium;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Medium Italic';
    src: url('../Fonts/OpenSans-MediumItalic.ttf') format('truetype');
	font-weight: medium;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans SemiBold';
    src: url('../Fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans SemiBold Italic';
    src: url('../Fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../Fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Bold Italic';
    src: url('../Fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
    font-style: italic;
}

/*GENERAL*/
body {
	box-sizing: border-box;
}
.main, .main-show {
    max-width: 1550px;
}
.main p, .main span, .main-show p, .main-show span {
    font-family: "Open Sans Regular";
    color:#2A2A2A;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Condensed Bold";
    color: #2A2A2A;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.3rem;
}
h5 {
    font-size: 1.1rem;
}
h6 {
    font-size: 1rem;
}
.semi-bold {
    font-weight: 600;
}
/*--HEADER--*/
#header {
    background-image: url('../Images/passerelle.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 270px;
}
#nav-fixed {
    display: flex;
    justify-content: space-between;
    background-color: #95A5A6;
    top: 0;
    position: fixed;
    z-index: 9000;
    width: 100%;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    -webkit-transition: height .3s;
    transition: height .3s;
    height: 0;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
}
#nav-fixed a {
    color: #ffffff;
    text-decoration: none;
}
#nav-fixed p {
    margin: 0;
    padding: 5px 0 5px 0;
    font-family: "Roboto Condensed";
    font-size: 18px;
}
/*---Navigation general---*/
nav ul {
    list-style-type: none;
}
.nav-item {
    font-size: 22px;
}
.sub-nav {
    font-size: 18px;
}
nav ul li a {
    text-decoration: none;
}
/*--sub-line--*/
#sub-line {
    width: 100%;
    background-color: #F3F1EF;
}
/*---Breadcrumb---*/
.breadcrumb li:first-child, .breadcrumb li:nth-child(2), .breadcrumb li:last-child {
    display: none;
}
.breadcrumb {
    font-family: 'Roboto Condensed Bold';
    color: #2A2A2A;
    font-size: 14px;
    height: 100%;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 8px;
}
.breadcrumb a {
    text-decoration: none;
    color: #2A2A2A;
}
/*--MAIN--*/
.main iframe, .main img {
    max-width: 100%;
}
.bodytext p:first-child {
    display: none;
}
.frame li {
    font-size: 14px;
    font-family: 'Open Sans Regular';
    color: #2A2A2A;
}
.frame a {
    color: #95A5A6!important;
    text-decoration: none!important;
}
.chapeau {
    font-family: 'Open Sans SemiBold'!important;
    font-size: 18px!important;
}
.chapeau .link {
    font-family: 'Open Sans SemiBold'!important;
    font-size: 18px!important;
    color: #95A5A6!important;
    text-decoration: none!important;
}
.filet {
    border-bottom: 1px dashed lightgrey;
    padding: 5px 0 5px;
}
.frame-20 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    height: 100%;
}
.frame-20 p {
    font-family: 'Roboto Condensed';
    font-size: 20px;
}
.frame-20 p a {
    font-style: italic;
}
/*---NEWS---*/
#news p {
    margin: 0!important;
}
#news .news-title {
    color: #2A2A2A;
    background-color: #F3F1EF;
}
#news .news-title p {
    color: #2A2A2A;
    font-style: italic;
    font-family: 'Roboto Condensed';
}
#news article:hover .news-title {
    background-color: #95A5A6;
    color: #ffffff;
}
#news article:hover .news-title p {
    color: #ffffff;
}
#news .news-description {
    height: 100%;
    display: none;
}
#news .news-description p {
    color: #ffffff;
}
#news article:hover .news-description {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5); 
}
.frame-21 .carousel-item img {
    height: auto;
    width: 100%;
}
.legend {
    font-family: "Open Sans Regular";
    color:#2A2A2A;
    font-size: 10px!important;
    margin-bottom: 0!important;
}
figcaption {
    font-size: 10px!important;
    margin-bottom: 0!important;
}
/*---frame-space---*/
/*---frame-space-before---*/
.frame-space-before-extra-small {
    margin-top: 20px;
}
.frame-space-before-small {
    margin-top: 30px;
}
.frame-space-before-medium {
    margin-top: 40px;
}
.frame-space-before-large {
    margin-top: 50px;
}
.frame-space-before-extra-large {
    margin-top: 60px;
}
/*---frame-space-after---*/
.frame-space-after-small {
    margin-bottom: 20px;
}
.frame-space-after-small {
    margin-bottom: 30px;
}
.frame-space-after-medium {
    margin-bottom: 40px;
}
.frame-space-after-large {
    margin-bottom: 50px;
}
.frame-space-after-extra-large {
    margin-bottom: 60px;
}
/*---frame-layout---*/
/*----Bloc information grey----*/
.frame-layout-10 {
    background-color: lightgrey;
    padding: 20px;
}
/*----Bloc information grey green----*/
.frame-layout-11 {
    background-color: #95A5A6;
    padding: 20px;
}
/*----Bloc information grey beige----*/
.frame-layout-12 {
    background-color: #F3F1EF;
    padding: 20px;
}
/*----Bloc information Tasma----*/
.frame-layout-13 {
    background-color: #b7c1ac;
    padding: 20px;
}
/*----Bloc information Stark White----*/
.frame-layout-14 {
    background-color: #ddd4b3;
    padding: 20px;
}
/*----Bloc information yellow----*/
.frame-layout-15 {
    background-color: #f0ff00;
    padding: 20px;
}
/*----Bloc information Lime Splash----*/
.frame-layout-16 {
    background-color: #d0da8e;
    padding: 20px;
}
/*---header_layout---*/
/*----Button grey-green----*/
.btn-grey-green-10 {
    background-color: #95A5A6;
    font-family: 'RobotoCondensed';
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.btn-grey-green-10 h5 {
    color: #ffffff !important;
}
.link-10 a {
    text-decoration: none;
}
.bodytext img {
    max-width: 100%!important;
    height: auto !important;
}
/*---people---*/
#searchButton {
    background-color: #95A5A6;
    color: #ffffff;
    transition: 0.2s;
}
#searchButton:hover {
    background-color: #738687;
    transition: 0.2s;
}
#people thead tr th {
    border-style: hidden!important;
}
.people-line {
    cursor: pointer;
}
#people .odd, #publications .odd, #working-papers .odd, #group-publications .odd, #group-working-papers .odd, #oped .odd, #media .odd {
    background-color: #F3F1EF;
}
#people tbody tr {
    transition: 0.4s;
}
#people tr p {
    transition: 0.4s;
}
#people tr:hover {
    background-color: #95A5A6;
    transition: 0.4s;
}
#people tr:hover p {
    color: #ffffff;
    transition: 0.4s;
}
.picture .photo {
    border-radius: 100%;
}
.picture i {
    color:#2A2A2A;
}
.show-link {
    text-align: end;
}
.show-link i {
    color: #2A2A2A;
}
.show-link i:hover {
    color: #000000;
}
.contact-information {
    background-color: #95A5A6;
    padding: 10px;
    margin-bottom: 50px;
    margin-right: 0;
}
.contact-information h5 {
    margin: 0;
}
.contact-information i {
    color: #ffffff;
}
.contact-information .information p, .contact-information .information h2 {
    color: #ffffff;
}
.contact-information .information {
    padding-top: 20px;
}
.contact-information .information a {
    color: #F3F1EF;
    text-decoration: none;
}
.contact-information .office-information p, .contact-information .office-information a {
    margin: 0;
    font-size: 14px;
}
.contact-information .office-information a {
    color: #ffffff!important;
}
.contact-information .office-information span {
    font-style: normal;
}
.contact-information li {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    color: #2A2A2A;
}
.person-email, .person-group, .person-phone, .person-office, .person-director {
    color: #2A2A2A;
    font-family: "Open Sans SemiBold" !important;
}
.person-start, .person-end {
    color: #ffffff !important;
}
.publication-working-paper #publications, .publication-working-paper #oped, .publication-working-paper #working-papers, .publication-working-paper #media {
    overflow-y: scroll;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed lightgrey;
}
.publication-working-paper .people, #informations .people, .seminar-person .people, .lecture-person .people {
    margin: 0;
}
.publication-working-paper .people span, #informations .people span {
    font-size: 17px;
}
#publications .one-publication, #working-papers .one-working-paper, #group-publications .one-publication, #group-working-papers .one-working-paper, #oped .one-oped, #media .one-media {
    padding: 10px;
    transition: 0.4s;
}
.one-publication .category, .one-working-paper .category, .one-publication .datetime, .one-working-paper .datetime, .one-publication .journal, .one-oped .category, .one-media .category, .one-oped .datetime, .one-media .datetime, .one-oped .journal, .one-media .journal {
    font-size: 17px;
}
.one-publication .title, .one-working-paper .title, .one-oped .title, .one-media .title {
    font-size: 25px;
}
#publications .category, #working-papers .category, #group-publications .category {
    font-style: italic;
    margin: 0;
    transition: 0.4s;
}
#group-working-papers .category {
    margin: 0;
    transition: 0.4s; 
}

#publications .title, #working-papers .title, #group-publications .title, #group-working-papers .title {
    margin: 0;
    transition: 0.4s;
}
#publications .journal, .group-publication .journal {
    transition: 0.4s;
}
#publications .datetime, #working-papers .datetime, #group-publications .datetime, #group-working-papers .datetime, #oped .datetime, #media .datetime {
    color: #95A5A6;
    transition: 0.4s;
}
#publications .one-publication:hover, #working-papers .one-working-paper:hover, #group-publications .one-publication:hover, #group-working-papers .one-working-paper:hover, #oped .one-oped:hover, #media .one-media:hover {
    background-color: #95A5A6;
    transition: 0.4s;
}
#publications .one-publication:hover .datetime, #working-papers .one-working-paper:hover .datetime, #group-publications .one-publication:hover .datetime, #group-working-papers .one-working-paper:hover .datetime, #oped .one-oped:hover .datetime, #media .one-media:hover .datetime {
    color: #ffffff;
    transition: 0.4s;
}
#switch-events {
    margin: 0;
}
#switch-events div {
    text-align: center;
    padding: 5px 0 5px 0;
    cursor: pointer;
}
#switch-events div h4 {
    margin: 0;
    border-left: 1px solid #2A2A2A;
}
#switch-events div:first-child h4 {
    border-left: none!important;
}
#show-publications, #show-group-overview {
    border-bottom: 5px solid #95A5A6;
}
#show-working-papers, #show-group-seminars, #show-group-workshopsConferences, #show-group-publications, #show-group-working-papers, #show-oped, #show-media {
    border-bottom: 1px dashed lightgray;
}
.publication-working-paper #working-papers, .publication-working-paper #oped, .publication-working-paper #media {
    display: none;
}
/*---Study / Job Market Candidates - Study / Previous Placement---*/
.one-candidate {
    border-bottom: 1px dashed lightgrey;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.one-candidate .btn-grey-green {
    background-color: #95A5A6;
    color: #ffffff;
    font-family: 'RobotoCondensed';
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.one-candidate li {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    color: #2A2A2A;
}
/*---Research Group---*/
#one-group #title {
    background-color: #95A5A6;
    margin: 0 0 30px 0;
}
#one-group #title h2 {
    color: #ffffff;
    padding: 50px 30px 50px 30px;
}
.one-group {
    padding: 10px;
}
.one-group:hover .group-title {
    transition: 0.2s;
    background-color: #95A5A6;
    color: #ffffff;
}
.one-group img {
    width: 100%!important;
}
.group-title {
    padding: 10px 15px 10px 15px;
    background-color: #F3F1EF;
    transition: 0.2s;
}
#group-seminars, #group-workshopsConferences, #group-publications, #group-working-papers {
    display: none;
    margin-top: 10px;
}
#group-overview {
    margin-top: 10px;
}
.bloc-right {
    background-color: #F3F1EF;
    padding: 10px;
}
#informations #switch-events {
    margin-bottom: 30px;
}
/*---Publications / working papers---*/
#news-list {
    margin-top: 20px;
}
#news-list .odd {
    background-color: #F3F1EF;
}
#news-list .publication-line, #news-list .workingPaper-line {
    padding: 10px;
    transition: 0.4s;
}
#news-list .publication-line h4, #news-list .workingPaper-line h4 {
    font-size: 25px;
}
#news-list .publication-line p, #news-list .workingPaper-line p, #news-list .publication-line span, #news-list .workingPaper-line span {
    font-size: 17px!important;
}
#news-list .publication-line p, #news-list .workingPaper-line p {
    margin: 0;
}
.publication-line .category, .publication-line .peoples, .workingPaper-line .peoples, .publication-line h4, .workingPaper-line h4, .workingPaper-line .research-group {
    margin: 0;
}
.publication-line:hover, .workingPaper-line:hover {
    transition: 0.4s;
    background-color: #95A5A6!important;
}
#news-list .datetime {
    color: #95A5A6;
    transition: 0.4s;
}
.publication-line:hover .datetime, .workingPaper-line:hover .datetime {
    transition: 0.4s;
    color: #ffffff!important;
}
.publication-information, .workingPaper-information {
    background-color: #95A5A6;
    padding: 30px;
    margin-bottom: 50px;
    margin-right: 0;
}
#actualite .actualite-title {
    background-color: #95A5A6;
    padding: 50px 30px 50px 30px;
    margin-bottom: 50px;
    margin-right: 0;
}
.publication-information a, .workingPaper-information a, .publication-information h2, .workingPaper-information h2, .publication-information .category, .workingPaper-information .working-paper-number, #actualite .actualite-title h2 {
    color: #ffffff!important;
    margin: 0;
}
.publication-information .people {
    color: #ffffff;
}
.publication-information a {
    font-size: 14px;
}
.publication-information .institution {
    color: #ffffff;
}
.publication-link, .workingPaper-link {
    margin: 0;
    padding: 7px 10px 7px 0;
}
.bibtex .btn-grey-green {
    background-color: #95A5A6;
    color: #ffffff;
    margin-bottom: 5px;
}
#collapseBibtex div {
    background-color: #F3F1EF;
    margin-bottom: 10px;
}
#list-research-group {
    margin-bottom: 0;
}
/*---Events / Agenda---*/
#show-seminars, #show-workshopsConferences, #show-lectures {
    cursor: pointer;
}
#agenda #seminars, #agenda #workshopsConferences, #agenda #lectures {
    overflow-y: scroll;
}
#agenda #workshopsConferences, #agenda #lectures {
    display: none;
}
.title-agenda {
    padding: 0;
    border-bottom: 1px dashed lightgrey;
    margin-left: 0;
    margin-bottom: 5px;
}
#show-seminars {
    border-bottom: 5px solid #95A5A6;
}
#switch-agenda {
    margin-bottom: -1px;
}
#switch-agenda div {
    text-align: center;
    padding: 5px 0 5px 0;
}
#switch-agenda div h4 {
    margin: 0;
}
#show-workshopsConferences h4 {
    border-left: 1px solid #2A2A2A;
    border-right: 1px solid #2A2A2A;
}
#seminars .odd, #workshopsConferences .odd, #lectures .odd, #group-seminars .odd, #group-workshopsConferences .odd {
    background-color: #F3F1EF;
}
.one-seminar, .one-workshopConference, .one-lecture {
    transition: 0.4s;
    padding: 10px;
    margin: 10px 0 10px 0;
}
.one-seminar:hover, .one-workshopConference:hover, .one-lecture:hover {
    transition: 0.4s;
    background-color: #95A5A6!important;
}
.one-seminar div, .one-workshopConference div, .one-lecture div {
    padding: 0;
}
#seminars .datetime, #seminars .title-description, #workshopsConferences .datetime, #workshopsConferences .title-description, #lectures .datetime, #lectures .title-description, #group-seminars .datetime, #group-seminars .title-description, #group-workshopsConferences .datetime, #group-workshopsConferences .title-description {
    border-right: 1px solid #2A2A2A;
}
#seminars .datetime, #seminars .datetime-end, #workshopsConferences .datetime, #workshopsConferences .datetime-end, #lectures .datetime, #lectures .datetime-end, #group-seminars .datetime, #group-seminars .datetime-end, #group-workshopsConferences .datetime, #group-workshopsConferences .datetime-end {
    text-align: center;
    height: 100%;
}
#seminars .day, #workshopsConferences .day, #lectures .day, #group-seminars .day, #group-workshopsConferences .day {
    transition: 0.4s;
    font-size: 30px!important;
    color: #95A5A6;
    margin-bottom: 0;
    height: 25px;
}
#seminars .month-year, #workshopsConferences .month-year, #lectures .month-year, #group-seminars .month-year, #group-workshopsConferences .month-year {
    margin: 0;
}
.one-seminar:hover .day, .one-workshopConference:hover .day, .one-lecture:hover .day {
    transition: 0.4s;
    color: #ffffff!important;
}
.one-seminar:hover .seminar-type a, .one-workshopConference:hover .workshopConference-type a, .one-lecture:hover .lecture-type a, .one-seminar:hover .seminar-person a, .one-workshopConference:hover .workshopConference-person a, .one-lecture:hover .lecture-person a {
    transition: 0.4s;
    color: #ffffff!important;
}
.workshopConference-person .people {
    margin-bottom: 0!important;
}
.one-seminar .seminar-type-person a, .one-workshopConference .workshopConference-type-person a, .one-lecture .lecture-type-person a {
    transition: 0.4s;
}
#seminars .title-description, #workshopsConferences .title-description, #lecture .title-description, #group-seminars .title-description, #group-workshopsConferences .title-description {
    margin-left: 15px;
}
#seminars .title-description .title, #workshopsConferences .title-description .title, #lectures .title-description .title, #group-seminars .title-description .title, #group-workshopsConferences .title-description .title {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 0;
}
#seminars .title-description ul, #workshopsConferences .title-description ul, #lectures .title-description ul, #group-seminars .title-description ul, #group-workshopsConferences .title-description ul {
    list-style-type: none;
    padding-left: 0;
}
#seminars .title-description ul li, #workshopsConferences .title-description ul li, #lectures .title-description ul li, #seminars .title-description ul li span, #workshopsConferences .title-description ul li span, #lectures .title-description ul li span, #group-seminars .title-description ul li, #group-workshopsConferences .title-description ul li, #group-seminars .title-description ul li span, #group-workshopsConferences .title-description ul li span {
    font-family: 'Open Sans Regular'!important;
    color: #2A2A2A;
    font-size: 17px!important;
}
#seminars .title-description ul .type, #workshopsConferences .title-description ul .type, #lectures .title-description ul .type, #group-seminars .title-description ul .type, #group-workshopsConferences .title-description ul .type {
    font-style: italic;
    font-size: 17px!important;
}
#seminars .add-calendar, #workshopsConferences .add-calendar, #lectures .add-calendar, #group-seminars .add-calendar, #group-workshopsConferences .add-calendar {
    padding-left: 50px;
    padding-top: 40px;
}
#seminars .add-calendar i, #workshopsConferences .add-calendar i, #lectures .add-calendar i, #group-seminars .add-calendar i, #group-workshopsConferences .add-calendar i {
    color: #2A2A2A;
}
#show-event .informations {
    background-color: #95A5A6;
    padding: 30px;
    margin: 0 0 30px 0;
}
#show-event .informations .category {
    color: #ffffff;
    margin: 0;
}
#show-event .informations h2 {
    color: #ffffff;
}
#show-event .people {
    color: #ffffff;
}
#show-event .people a {
    color: #ffffff !important;
}
#show-event .datetime, #show-event .datetimeEnd, #show-event .teaser {
    font-family: 'Open Sans SemiBold'!important;
    font-size: 18px!important;
}
/*---ToolBar---*/
#choice-list {
    position: absolute;
    z-index: 9999;
    width: 25%;
    padding: 0;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
}
#choice-list li {
    list-style-type: none;
    padding: 10px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid lightgrey;
    cursor: pointer;
}
/*--FORM--*/
.job-market-paper .row {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    background-color: #F3F1EF;
}
.job-market-paper input[type=file] {
    width: 100%;
}
.job-market-paper button[type=submit] {
    background-color: #95A5A6;
    border-color: #95A5A6;
    transition: 0.2s;
}
.job-market-paper button[type=submit]:hover {
    background-color: #738687;
    border-color: #738687;
    transition: 0.2s;
}
/*--FOOTER--*/
#footer {
    background-color: #95A5A6;
}
/*---Contacts---*/
#contacts {
    background-color: #F3F1EF;
    padding: 15px;
}
#contacts_links {
    padding-top: 10px;
}
#contacts_links h1 {
    font-family: "Roboto Condensed Bold";
    font-size: 20px;
    color: #2A2A2A;
    margin: 0;
}
#title-email {
    position: relative;
}
#title-email, #logo-dots-color {
    width: 50%;
}
#title-email a {
    text-decoration: none;
    color: #95A5A6;
    font-size: 14px;
}
#title-email p {
    position: absolute;
    bottom: 0;
    margin-bottom: -5px!important;
}
#title-email span {
    font-size: 14px;
}
#contacts_address {
    font-family: "Open Sans Regular";
    color: #2A2A2A;
    font-size: 14px;
}
#contacts_address p {
    margin: 0;
}
#contact_ens, #contact_evry {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 50%;
}
#contacts_address a {
    text-decoration: none;
    color: #95A5A6;
}
.roboto-bold {
    font-family: "Roboto Condensed Bold"!important;
}
.map {
    color: #95A5A6;
}
.map:hover {
    color: #95A5A6;
}
/*---Footer Nav---*/
#links {
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#list-links {
    list-style-type: none;
    padding-left: 0;
}
#list-links p a {
    text-decoration: none;
    font-family: "Roboto Condensed Bold";
    font-size: 20px;
    color: #ffffff;
}
.bluesky, .youtube {
    color: #ffffff;
}
.bluesky:hover, .youtube:hover {
    color: #ffffff;
}
.youtube {
    padding-left: 10px;
}
#footer-line {
    border-top: 5px solid #ffffff;
}
.notice {
    margin-bottom: 0!important;
    font-size: 14px;
    color:#ffffff;
    padding-top: 10px;
    padding-left: 10px;
}
.notice a {
    color:#ffffff;
    text-decoration: none;
}
/*---Logos partners---*/
#logos a {
    text-decoration: none;
}
.logos-partners {
    width: 50%;
}
.logos-partners a {
    width: 50%;
}
#logos div {
    padding: 0!important;
}
/*--COOKIE--*/
.tx-om-cookie-consent .om-cookie-panel {
    width: 100%;
    padding: 10px!important;
    margin: 0!important;
}
.cookie-panel__description p {
    padding: 0!important;
    font-size: 14px!important;
}
.cookie-panel__selection {
    padding-top: 10px!important;
}
.cookie-panel__control {
    padding-top: 7px!important;
}
.cookie-panel__button {
    font-size: 14px!important;
    text-transform: capitalize!important;
    height: 30px!important;
}
.cookie-panel__link {
    padding-top: 10px!important;
    padding-left: 0!important;
    padding-right: 0!important;
}
.cookie-link {
    font-family: 'Open Sans SemiBold'!important;
    font-size: 14px!important;
    color: #95A5A6!important;
    text-decoration: none!important;
}

/* PHONE */
@media (max-width: 450px) {
    /*--MAIN--*/
    /*---Study / Job Market Candidates - Study / Previous Placement---*/
    .picture-button {
        flex-direction: column;
    }
}

/* PHONE */
@media (min-width: 451px) and (max-width: 767px) {
    /*--MAIN--*/
    /*---Study / Job Market Candidates - Study / Previous Placement---*/
    .picture-button {
        flex-direction: row;
        justify-content: space-around;
    }
}

/* PHONE */
@media (max-width: 767px) {
    /*--HEADER--*/
    #header {
        height: 150px;
    }
    /*---Logo CEPS---*/
    #logo-ceps {
        position: relative;
        text-align: center;
    }
    #logo-ceps img {
        width: 40%;
        height: auto;
        margin-top: 50px;
    }
    /*---Navigation Burger---*/
    .offcanvas-header, .offcanvas-body {
        background-color: #95A5A6;
        font-family: "Roboto Condensed";
    }
    .offcanvas-body ul li a {
        color: #ffffff;
    }
    .navbar-toggler {
        background-color: #F3F1EF;
        margin-top: 20px;
        margin-right: 20px;
    }
    /*---sub-line---*/
    #sub-line {
        height: 40px;
    }
    /*--MAIN--*/
    .main, .main-show {
        margin: 20px 10px 20px 10px;
    }
    /*---News---*/
    #news #other-news {
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
        margin-top: 10px;
    }
    #news #other-news #small-news {
        display: flex;
        flex-direction: row;
    }
    #news #first-news .news-image {
        width: 100%!important;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 300px;
    }
    #news #other-news .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 250px;
        width: 300px!important;
    }
    #news #first-news .news-title {
        padding: 10px 15px 10px 15px;
    }
    #news #other-news .news-title {
        padding: 5px;
    }
    #news #first-news .news-title p {
        font-size: 20px;
        line-height: 24px;
    }
    #news #other-news .news-title p {
        font-size: 15px;
        line-height: 18px;
    }
    #news #news3 {
        margin-left: 10px;
        margin-right: 10px;
    }
    /*---Carousel---*/
    .frame-21 .carousel-item img {
        max-height: 300px;
    }
    /*---People---*/
    .picture {
        text-align: center;
    }
    .contact-information .information {
        text-align: center;
    }
    .display-xs {
        display: none;
    }
    /*---Agenda / Events---*/
    #seminars .add-calendar, #workshopsConferences .add-calendar, #lectures .add-calendar, #seminars .datetime-end, #workshopsConferences .datetime-end, #lectures .datetime-end, #group-seminars .add-calendar, #group-workshopsConferences .add-calendar, #group-seminars .datetime-end, #group-workshopsConferences .datetime-end {
        display: none;
    }
    #seminars .datetime, #workshopsConferences .datetime, #lectures .datetime, #seminars .title-description, #workshopsConferences .title-description, #lectures .title-description, #group-seminars .datetime, #group-workshopsConferences .datetime, #group-seminars .title-description, #group-workshopsConferences .title-description {
        border-right: none;
    }
    #agenda #seminars, #agenda #workshopsConferences, #agenda #lectures {
        height: 250px;
    }

    /*---Research Group---*/
    .officer_administrator {
        margin-top: 20px;
    }
    /*--FOOTER--*/
    #logo-dots-color img {
        max-width: 95%;
        width: 100%;
        height: auto;
    }
    #contacts_links {
        margin: 0;
    }
    #links {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*---Logo Partners---*/
    #logos {
        width: 100%;
    }
    .logos-first, .logos-last {
        display: flex;
        flex-direction: column;
        width: 55%;
        margin: auto;
    }
    .logos-middle {
        display: flex;
        flex-direction: column;
        width: 55%;
        margin: auto;
    }
    .logo-ens {
        width: 100%;
        height: auto;
    }
    .logo-evry {
        width: 100%;
        height: auto;
    }
    .logo-ups {
        width: 100%;
        height: auto;
    }
    .logo-msh {
        width: 100%;
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .logo-graduateSchool {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    .logos-partners a {
        display: flex;
        align-items: center;
    }
}

/* TABLET AND MORE */
@media (min-width: 768px) {
    /*--HEADER--*/
    #header {
        transition: 0.4s;
    }
    /*---Logo CEPS---*/
    #logo-ceps {
        position: absolute;
        width: 100%;
        height: 270px;
    }
    #logo {
        height: 225px;
        display: flex;
        align-items: flex-end;
        transition: 0.4s;
    }
    #home-link {
        position: relative;
        z-index: 9999;
        display: flex;
        align-items: flex-end;
        width: 20%;
        height: 100%;
        transition: 0.4s;
    }
    #logo-ceps img {
        width: 100%;
        height: auto;
    }
    /*---Navigation---*/
    .navbar-expand-md, .navbar-expand-md .container-fluid {
        padding: 0;
    }
    .navbar-collapse .navbar-nav {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-around;
        height: 270px;
    }
    .navbar-collapse .navbar-nav .nav-item {
        flex: 1 1 auto;
        text-align: center;
        margin-top: 200px;
        transition: 0.4s;
    }
    .navbar-collapse .navbar-nav li a {
        color: #ffffff;
    }
    .navbar-collapse .navbar-nav .nav-item:first-child {
        margin-left: 25%;
    }
    .navbar-collapse .navbar-nav .nav-item:first-child div {
        border-left: none;
    }
    .navbar-collapse .navbar-nav .nav-item div {
        border-left: 1px solid #ffffff;
    }
    .navbar-collapse .navbar-nav .nav-item.active {
        font-family: "Roboto Condensed Bold";
    }
    .navbar-collapse .navbar-nav .nav-item.active hr {
        width: 60%;
        float: left;
        margin: 5px;
        margin-left: 30%;
        background-color: #ffffff;
        opacity: 1;
    }
    .navbar-collapse .navbar-nav .nav-item.hidden-sub-nav hr {
        transition: width 0.5s ease-out;
        width: 0%;
        float: left;
        margin: 5px;
        margin-left: 30%;
        background-color: #ffffff;
        opacity: 1;
    }
    .navbar-collapse .navbar-nav .nav-item.hidden-sub-nav div:hover + hr {
        width: 60%;
        float: left;
        margin: 5px;
        margin-left: 30%;
        background-color: #ffffff;
        opacity: 1;
    }
    .navbar-collapse .sub-nav {
        display: flex;
        justify-content: space-around!important;
        background-color: #F3F1EF;
        height: 60px;
        position: absolute;
        width: 100%;
        top: 270px;
        left: 0;
        transition: top 0.4s;
    }
    .navbar-nav .nav-item {
        font-family: "Roboto Condensed";
    }
    .navbar-collapse .sub-nav li a {
        font-family: "Roboto Condensed Bold";
        color: #2A2A2A;
    }
    .navbar-collapse .hidden-sub-nav + .list-sub-nav {
        display: none;
    }
    .navbar-collapse .sub-nav {
        padding: 0;
    }
    .navbar-collapse .sub-nav li {
        display: flex;
        flex: 1 1 auto;
        text-align: center;
    }
    .navbar-collapse .sub-nav li span {
        flex: 1 1 auto;
        height: 40px;
        margin-top: auto;
        margin-bottom: auto;
        border-right: 1px solid #2A2A2A;
    }
    .navbar-collapse .sub-nav li span a {
        vertical-align: middle;
    }
    .navbar-collapse .sub-nav .active {
        background-color: #ffffff!important;
    }
    /*---sub-line---*/
    #sub-line {
        height: 60px;
        transition: 0.6s
    }
    .breadcrumb {
        display: none;
    }
    /*--MAIN--*/
    /*---Carousel---*/
    .frame-21 .carousel-item {
        max-height: 500px;
    }
    /*---People---*/
    #people .people-line .picture {
        width: 23%;
    }
    #people .name p, #people .institution-position p, #people .research-group p {
        font-size: 20px!important;
        font-family: "Open Sans Medium"!important;
    }
    .publication-working-paper {
        border-left:1px dashed lightgrey;
    }
    /*---Study / Job Market Candidates - Study / Previous Placement---*/
    .picture-button {
        flex-direction: column;
    }
    .picture-button i {
        padding-left: 25px;
    }
    /*---Publications / Working Papers---*/
    .publication-links, .workingPaper-links, .actualite .column-right {
        border-left: 1px dashed lightgray;
        padding: 0 20px 0 20px;
    }
    /*---Agenda---*/
    #agenda #seminars, #agenda #workshopsConferences, #agenda #lectures {
        height: 500px;
    }
    #show-event .event-links {
        border-left:1px dashed lightgrey;
        padding: 0 20px 0 20px;
    }
    /*--FOOTER--*/
    #links {
        padding-top: 57px;
        padding-left: 20px;
    }
    /*---Logos partner---*/
    #logos a {
        text-decoration: none;
    }
    .logos-first {
        display: flex;
        justify-content: flex-start;
    }
    .logos-last {
        display: flex;
        justify-content: flex-start;
    }
    .logos-middle {
        display: flex;
        justify-content: center;
    }
    .logo-ens {
        height: 127px;
        width: auto;
        margin-left: -25px;
    }
    .logo-evry {
        height: 127px;
        width: auto;
    }
    .logo-ups {
        height: 100px;
        width: auto;
        margin-top: 18px;
    }
    .logo-msh {
        height: 70px;
        width: auto;
        margin-top: 30px;
    }
    .logo-graduateSchool {
        width: 100%;
        height: auto;
        padding-top: 22px;
    }
}

/* ONLY TABLET */
@media (min-width: 768px) and (max-width: 1030px) {
    /*---Navigation Fixed---*/
    #nav-fixed {
        padding-left: 40px;
        padding-right: 40px;
    }
    /*---Logo CEPS---*/
    #logo-ceps img {
        margin-left: 20px;
    }
    /*--MAIN--*/
    .main, .main-show {
        margin: 20px 20px 20px 20px;
    }
    /*---News---*/
    #news {
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-direction: row;
    }
    #news #news2, #news #news3, #news #news4 {
        margin-left: 20px;
    }
    #news #other-news {
        display: flex;
        flex-direction: row;
    }
    #news #other-news #small-news {
        display: flex;
        flex-direction: row;
    }
    #news .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 400px;
        width: 600px!important;
    }
    #news .news-title {
        padding: 10px 15px 10px 15px;
    }
    #news .news-title p {
        font-size: 20px;
    }
    #news .news-description {
        height: 100%;
        padding: 25px;
    }
    /*--FOOTER--*/
    #logo-dots-color img {
        max-width: 95%;
        width: 100%;
        height: auto;
    }
    #contacts_links {
        padding-left: 20px;
        width: 100%;
    }
    #logos {
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1325px) {
    .office-information {
        padding-left:90px;
    }
    .information h2 {
        padding-left: 90px;
    }
}
@media (min-width: 768px) and (max-width: 1250px) {
    .one-candidate .informations {
        padding-left: 60px;
    }
}
/* ONLY DESKTOP */
@media (min-width: 1030px) {
    /*--HEADER--*/
    /*---Navigation Fixed---*/
    #nav-fixed {
        padding-left: 100px;
        padding-right: 100px;
    }
    /*---Sub pages---*/
    .column-right {
        padding-left: 0;
    }
    /*--MAIN--*/
    /*---News---*/
    #news {
        display: flex;
        flex-direction: row;
    }
    #news #other-news {
        display: flex;
        flex-direction: row;
    }
    #news #news2 {
        margin-left: 20px;
        margin-right: 20px;
    }
    #news #news4 {
        margin-top: 20px;
    }
    #news #news1 .news-description, #news #news2 .news-description {
        padding: 25px;
    }
    #news #news3 .news-description, #news #news4 .news-description {
        padding: 5px;
    }
    #news #news1 .news-title, #news #news2 .news-title {
        padding: 10px 15px 10px 15px;
    }
    #news #news3 .news-title, #news #news4 .news-title {
        padding: 5px;
    }
    #news #news1 .news-title p, #news #news2 .news-title p {
        font-size: 20px;
        line-height: 24px;
    }
    #news #news3 .news-title p, #news #news4 .news-title p {
        font-size: 15px;
        line-height: 18px;
    }
    /*---Logo CEPS---*/
    #logo-ceps img {
        margin-left: 80px;
    }
    /*--FOOTER--*/
    #logo-dots-color img {
        max-width: 95%;
        width: 270px;
        height: auto;
        margin-top: -10px;
    }
    #contacts_links {
        margin-left: 80px;
        margin-right: 10px;
    }
    #logos {
        margin-right: 80px;
        margin-left: 80px;
    }
}

@media (min-width: 1030px) and (max-width:1550px) {
    /*--MAIN--*/
    .main {
        margin: 50px 80px 50px 80px;
    }
    .main-show {
        margin: 50px 10px 50px 80px;
    }
    /*---News---*/
    #news {
        overflow-y: hidden;
        overflow-x: scroll!important;
    }
    #news, #other-news, #news, #small-news {
        width: 100%;
    }
    #news #first-news, #news #news2 {
        width: 480px;
        min-width: 480px;
    }
    #news #news1 .news-image, #news #news2 .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 480px;
    }
    #news #small-news {
        min-width: 230px;
    }
    #news #news3 .news-image, #news #news4 .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 230px;
    }
}

/* ONLY HUGE DESKTOP */
@media (min-width: 1550px) {
    .main, .main-show {
        margin: 50px auto 50px auto;
    }
    /*---News---*/
    #news #first-news, #news #news2 {
        width: 600px;
    }
    #news #news1 .news-image, #news #news2 .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 600px;
    }
    #news #small-news {
        width: 350px;
    }
    #news #news3 .news-image, #news #news4 .news-image {
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #738687;
        background-size: auto 100%;
        height: 290px;
    }
}