/* Chargement des polices de caractères */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/fonts/roboto-condensed-bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/fonts/roboto-condensed-bold.woff') format('woff'); /* Modern Browsers */
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/fonts/maven-pro-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/fonts/maven-pro-regular.woff') format('woff'); /* Modern Browsers */
}

@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/fonts/maven-pro-bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('/wp-content/fonts/maven-pro-bold.woff') format('woff'); /* Modern Browsers */
}


/* General */

.widget ul.wp-block-social-links li {
margin-bottom: 0;
}

body:not(.home) .site-main a:not(.gb-button), body:not(.home) .is-right-sidebar a {
font-weight: 700;
text-decoration: underline;
}

body:not(.home) a.gb-button {
    background-color: var(--accent);
border-radius: 25px;
font-weight: 700;
margin-bottom: 10px;
}

a.gb-button:hover, body:not(.home) .site-main .page-alternance a:not(.gb-button)  {
text-decoration: none;
}

body:not(.home) .page-alternance a  {
    background-color: var(--accent);
color: #fff;
border-radius: 25px;
font-weight: 700;
margin-bottom: 10px;
padding: 10px 20px 10px 20px;
}

body:not(.home) .page-alternance a:hover {
background-color: #000;
} 

.page-hero {
background-size: contain !important;
}

h1.titre-entete {
padding: 50px 0;
background-color: var(--accent);
}

.wp-block-tiptip-hyperlink-group-block {
width: 100%;
}

:root {
    --gp-slideout-width: 300px;
}

ul.wp-block-social-links {
margin: 0;
}

.gb-headline-text {
overflow-wrap: anywhere;
line-height: 1.2em;
}

#generate-slideout-menu {
--gp-slideout-width: 85vw;
}


/* colonne gauche */

.is-left-sidebar ul {
list-style-type: none;
margin: 0;
font-size: 15px;
}
.is-left-sidebar ul.sub-menu {
margin-top: 10px;
    margin-left: 5px;
}
.is-left-sidebar ul li {
line-height: 1.1em;
    margin-bottom: 10px;
    padding-left: 10px;
}

.is-left-sidebar ul li.current_page_item, .is-left-sidebar ul li.current-menu-parent {
border-left: 2px solid var(--accent);
font-weight: 700;
}

#menu-formations ul ul {
display: none;
}


/* colonne droite */

.wp-block-file {
margin-bottom: 0!important;
}
.wp-block-file a {
color: var(--accent);
text-decoration: underline;
font-weight: 700;
}


/* slider */

.arrondi {
clip-path: circle(90% at -90% 50%);
}


/* evenements */

.evenement >.gb-container:after {
background-color: var(--accent);
width: 75px;
min-height: 75px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 60px 0 25px 0;
align-self: flex-end;
position: absolute;
padding: 25px 5px 10px 10px;
}

.categorie_evenement-atelier >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/atelier.png");
}

.categorie_evenement-ceremonie >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/ceremonie.png");
}

.categorie_evenement-collecte >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/collecte.png");
}

.categorie_evenement-conference >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/conf.png");
}

.categorie_evenement-exposition >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/expo.png");
}

.categorie_evenement-festival >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/festival.png");
}

.categorie_evenement-egalite-diversite-inclusion >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/inclusion.png");
}

.categorie_evenement-journee-detudes >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/journee-etude.png");
}

.categorie_evenement-journee-portes-ouvertes >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/jpo.png");
}

.categorie_evenement-table-ronde-rencontre >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/rencontre.png");
}

.categorie_evenement-rentree >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/rentree.png");
}

.categorie_evenement-salon >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/salon.png");
}

.categorie_evenement-colloque-seminaire >.gb-container:after {
content: url("/wp-content/uploads/sites/12/2023/07/seminaire.png");
}

.date-fin .gb-icon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.date-fin .gb-icon:before {
    content: "|";
    margin-top: -8px;
    margin-bottom: 8px;
}

body .event a.gb-button {
    padding: 8px 20px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    column-gap: 0.5em;
    font-size: 16px;
margin-bottom: 20px;
}
.event .gb-icon {
line-height: 0;
}
.event a.gb-button .gb-icon {
color: #fff;
}
.event .gb-icon {
color: var(--accent);
padding-right: 0.5em;
}
.event .date-debut .gb-icon svg, .event .date-fin .gb-icon svg {
    width: 0.7em;
    height: 0.7em;
}
.event .date-fin {
    display: flex;
    align-items: center;
}

.event .categorie, .event .lieu {
font-weight: 700;
margin: 10px 0;
}

.event .infos {
    display: flex;
    justify-content: space-between;
}

.event .right .gb-container:after {
    background-color: var(--accent);
    padding: 10px 15px;
    display: inline-flex;
    border-radius: 100%;
}


/* pagination */

body:not(.home) .gb-query-loop-pagination a.gb-button {
background-color: inherit;
    border-radius: 0;
    font-weight: 700;
    margin-bottom: 0;
}
.gb-query-loop-pagination .gb-block-is-current {
font-weight: 700;
border-bottom-width: 0;
}



/* actus */

.blog .inside-article {
background-color: var(--accent-2);
}

.blog h2 a {
text-transform: none;
color: var(--accent); 
}

.post-image-above-header .inside-article .post-image {
    margin-bottom: 1em;
}
.blog .post-image img {
    height: 71px;
    object-fit: cover;
}
.blog .entry-summary:not(:first-child) {
margin: 0;
}

footer.entry-meta {
    margin-top: 1em;
}


/* disciplines */

body:not(.home) .site-main .dept-list a:not(.gb-button) {
text-decoration: none;
}



/* formations */


.formation .entry-content {
display: flex;
gap: 30px;
}

.formation .entry-content .col-droite {
min-width: 200px;
}

.formation .infos {
background-color: #fff;
margin-bottom: 1em;
}

.formation .infos .infos-content {
padding: 20px;
font-size: 14px;
}
.formation .infos .infos-content strong {
line-height:1.1em;
    display: inline-block;
}

.formation .infos .infos-content ul {
margin-left: 0;
list-style-type: none;
}
.formation .infos .infos-content ul li {
padding: 5px 0;
}
.formation .infos .infos-content ul li:before {
content: "";
    display: inline-flex;
    background-color: var(--accent-2);
    width: 0.7em;
    height: 0.7em;
    margin-right: 10px;
}

.formation .infos h2 {
background-color: var(--accent-2);
    padding: 15px;
    text-transform: none;
    font-size: 18px;
    line-height: 1.1em;
    color: var(--accent);
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.formation .infos h2:before {
    display: block;
    height: 40px;
    min-width: 38px;    
    margin-right: 10px;
    background-color: #fff;
    border-radius: 100%;
    padding: 8px 10px;
}

.savoir-plus h2:before, .modalites-controle h2:before {
content:url("/wp-content/svg/file-regular.svg");
}

.contacts h2:before {
content:url("/wp-content/svg/envelope-regular.svg");
}

.labos-associes h2:before {
content:url("/wp-content/svg/building-regular.svg");
}

.en-bref h2:before {
content:url("/wp-content/svg/eye-regular.svg");
}


.en-bref .logos {
display: flex;
gap: 30px;
margin-top: 20px;
}

p.video {
	text-align: center;
}

.page-alternance {
margin: 15px 0;
display: flex;
flex-wrap: wrap;
    gap: 10px;
}
.page-alternance div {
    width: 100%;
}
.page-alternance a {
display: inline-block;
}


.formation.discipline-geographie-et-amenagement:before, .formation.discipline-cartographie-topographie-et-systemes-dinformation-geographique:before, .formation.discipline-geographie-amenagement-environnement-et-developpement:before, .formation.discipline-geographie-amenagement-environnement-et-developpement:before, .formation.discipline-urbanisme-et-amenagement:before, .formation.discipline-sciences-de-la-terre-et-des-planetes-environnement:before {
content:url("/wp-content/uploads/sites/27/2023/12/008-globe.png");
}
.formation.discipline-histoire:before, .formation.discipline-epistemologie-histoire-des-sciences-et-des-techniques:before, .formation.discipline-histoire-civilisations-patrimoine:before {
content:url("/wp-content/uploads/sites/27/2023/12/009-helmet.png");
}
.formation.discipline-information-communication:before, .formation.discipline-audiovisuel-medias-interactifs-numeriques-jeux:before {
content:url("/wp-content/uploads/sites/27/2023/12/002-video-marketing.png");
}

.formation.discipline-humanites:before {
content:url("/wp-content/uploads/sites/27/2023/12/006-philosophy.png");
}

.formation.discipline-psychologie:before, .formation.discipline-psychologie-clinique-psychopathologie-et-psychologie-de-la-sante:before, .formation.discipline-psychologie-sociale-du-travail-et-des-organisations:before {
content:url("/wp-content/uploads/sites/27/2023/12/005-brain.png");
}

.formation.discipline-sciences-de-leducation:before, .formation.discipline-metiers-de-la-grh-formation-competences-et-emploi:before {
content:url("/wp-content/uploads/sites/27/2023/12/010-presentation.png");
}

.formation.discipline-sciences-du-langage:before, .formation.discipline-francais-langue-etrangere:before {
content:url("/wp-content/uploads/sites/27/2023/12/003-translate.png");
}

.formation.discipline-sociologie:before, .formation.discipline-sciences-sociales:before {
content:url("/wp-content/uploads/sites/27/2023/12/001-group.png");
}
.formation.discipline-theologie:before, .formation.discipline-theologie-catholique:before {
content:url("/wp-content/uploads/sites/27/2023/12/coexistence.png");
}
.formation.discipline-journalisme:before {
content:url("/wp-content/uploads/sites/27/2024/03/001-journalisme.png");
}
.formation.discipline-ergonomie:before {
content:url("/wp-content/uploads/sites/27/2024/03/ergonomie.png");
}

article.formation:before {
    text-align: center;
    display: block;
    margin: -60px auto 0 auto;
    background-color: #f7f8f9;
    max-width: 250px;
    transform: scale(0.5);
}
article.formation {
    border-top: 3px solid var(--accent);
    margin-top: 80px;
}

.gb-query-loop-item.formation {
    display: flex;
    align-items: center;
}
.gb-query-loop-item.formation:before {
  transform: scale(0.3);
    margin: -40px -20px;
}


/* footer */

.footer-widgets .widget, .footer-widgets .widget:last-child, .sidebar .widget:last-child {
    margin-bottom: 20px;
}

.inside-footer-widgets {
    flex-wrap: wrap;
}

.site-footer form {
font-size: 14px;
}
.site-footer form input[type="email"] {
max-width: 300px;
background: none;
border: none;
border-bottom: 3px solid var(--base-3);
color: var(--base-3);
}
.site-footer form input[type="submit"] {
background-color: var(--base-3);
color: var(--accent);
border-radius: 25px;
font-weight: 700;
font-size: 14px;
}

.site-info {
border-top: 1px solid #fff;
}

/*********************
 Accordéons
**********************/

.tabs input {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.tabs {
  overflow: hidden;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
margin-bottom: 1em;
}

.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 0;
  background: #fff;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 10px 20px;
}

.tab-label:hover {
  background: #fff;
  color: black;
}

.tab-label:after {
  content: "+";
  height: 0.9em;
  transition: all .1s;
  color: var(--accent);
    font-size: 30px;
    display: flex;
    align-items: center;
}
.formation input:checked + .tab-label::after {
      content: "-";
  }


.tab-content {
  max-height: 0;
  height: 100%;
  padding: 0;
  color: #444;
  background: white;
  transition: all .1s;
  overflow: hidden;
  ul {
    margin: 0 0 1.5em 0;
    li {
      ul {
        margin: 0 0 0 1em;
        list-style: circle;
      }
    }
  }
}

.tab-close {
  display: flex;
  justify-content: flex-end;
  background: #fff;
  cursor: pointer;
}

.tab-close:hover {
  background: #fff;
  color: #006197;
}

input:checked+.tab-label {
  background: #fff;
}

input:checked+.tab-label::before {
  transform: rotate(90deg);
  margin-top: 8px;
  color: #ffc803;

}

input:checked~.tab-content {
  max-height: 100%;
  padding: 0 1em 0 2em;
}

/* media queries */


@media screen and (min-width:767px) {
.en-bref .infos-content {
    display: grid;
    grid-template-columns: 75% 25%;
}
.en-bref .logos {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: span 3;
    justify-content: flex-end;
}
}

@media screen and (max-width:919px) {
.arrondi {
    clip-path: circle(100% at 50% -95%);
    height: 260px;
}
body .page-hero {
height: 250px;
background-position: center bottom;
}
h1.titre-entete {
text-align:center;
    font-size: 35px;
}
.formation .entry-content {
flex-direction: column;
}
}

@media screen and (min-width:920px) {
h1.titre-entete {
    border-radius: 100% 5% 5% 100% / 0 50% 50% 0;
    border: 3px solid var(--accent);
width: 760px;
}
}

@media screen and (max-width:1024px) {
.is-left-sidebar {
display: none;
}
}