@charset "utf-8";

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote::before, blockquote::after,q::before, q::after {content:'';content:none;}
a {background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline;cursor:pointer;text-decoration:none;color:inherit;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0;}
input, select {vertical-align:middle;outline:none;}
* {box-sizing:border-box;text-rendering:optimizeLegibility;}
*::before,*::after {margin:0;}
ul {list-style:none;}
main {display:block;}/* ie fix: main compris comme inline */


/* fonts */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v8-latin-regular.woff2') format('woff2'),
       url('../fonts/noto-serif-v8-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v8-latin-700.woff2') format('woff2'),
       url('../fonts/noto-serif-v8-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v7-latin-regular.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/work-sans-v7-latin-italic.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-italic.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/work-sans-v7-latin-500.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-500.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/work-sans-v7-latin-500italic.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-500italic.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/work-sans-v7-latin-600.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-600.woff') format('woff');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/work-sans-v7-latin-600italic.woff2') format('woff2'),
       url('../fonts/work-sans-v7-latin-600italic.woff') format('woff');
}
/* font icons */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoone171.woff?uw8p98') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* mobile nav */
.icon-ic_rss_feed::before {content:"\e906";}
.icon-ic_institut::before {content:"\e902";}
.icon-ic_services::before {content:"\e909";}
.icon-ic_recherche::before {content:"\e905";}
.icon-ic_school::before {content:"\e907";}
.icon-ic_publications::before {content:"\e904";}

/* hidden elements */
#main-nav li ul, .in-page-nav, .active-section, .active-sous-section,
.home .b1, .footer-nav a br, #top {display:none;}

#main-nav li ul.visible, .cache.visible {display: block;}
.cache.cache-opacity {
  opacity: .65;
}
.header-opacity {
  opacity: .35;
}
.header-bgColor {
  background-color: hsl(210,55%,10%);
}
/*#main-nav ul li.active .item1, #main-nav ul li.active span::before {
  color: var(--orange);
}*/

.no-transition, body > header.no-transition, .inner-header a.logo.no-transition,
.inner-header button.no-transition, #main-nav.no-transition,
#main-nav.show.no-transition, .inner-main.no-transition, .page.no-transition,
.in-page-nav.no-transition, #top.no-transition, p.last-update.no-transition,
.home.no-transition {
  transition: none;
}
.video-frame-container {
  display: block;
  position: relative;
  width: 100%;
  margin: 2rem auto;
  padding-bottom: calc(100% / (16/9));
}
.video-frame-container_4-3 {
  display: block;
  position: relative;
  width: 100%;
  margin: 2rem auto;
  padding-bottom: calc(100% / (4/3));
}
figure .video-frame-container, figure .video-frame-container_4-3 {
  margin: 0 auto;
}
.video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------- formatage texte ---------- */
sup, sub {
  font-size: 70%;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
.caps {
  text-transform: uppercase;
}
.scaps {
  font-variant: small-caps;
}
.semibold {
  font-weight: 500;
}
.bold {
  font-weight: 600;
}

pre {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 1rem 0;
}

.encadre {
  display: inline-block;
  padding: 1.25rem 1.5rem 1.5rem;
  border: 1px solid hsl(0,0%,85%);
}

/* root */
:root {
  --deepBlue: hsl(215,40%,27%);
  --blue: hsl(215,40%,35%);
  --lightBlue: hsl(215,40%,43%);
  --lighterBlue: hsl(215,40%,55%);
  --lightestBlue: hsl(215,55%,75%);
  --linkBlue: hsl(210,85%,55%);
  --orange: hsl(16,100%,65%);
  /* home */
  --bluebox: hsl(215, 40%, 48%);
  --redbox: hsl(0, 75%, 58%);
  --orangebox: hsl(16, 88%, 58%);
  --fushiabox: hsl(340, 60%, 54%);
  --purplebox: hsl(290, 28%, 54%);
  --green: hsl(180,50%,40%);
}

html {
  font-size: 100%;
  height: 100vh;
}
body {
	position: relative;
	min-height: 100%;
	font-size: 1rem;
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	line-height: 1;
  margin: 0;
  background-color: hsl(215,10%,92%);
}
.inner-header, .inner-main, .inner-footer {
  width: 100%;
 }
.inner-main {
  background-color: #fff;
}
body.body-home .inner-main {
  background-color: transparent;
}
body > header {
	z-index: 1;
	position: fixed;
	top: 0;
	width: 100%;
	height: 3rem;
	transition: background-color .5s;
	font-weight: 500;
  background-color: var(--deepBlue);
}
.inner-header {
  position: relative;
}
.first-row {
  display: flex;
  justify-content: space-between;
}
.inner-header .logo {
	display: block;
  width: 100%;
	background: url('../img/logo_IMCCE_OBS-PSL_fullwidth.svg') no-repeat center;
  background-size: 12rem;
}
@media (min-width: 360px) {
  .inner-header .logo {
    background-size: 14rem;
  }
}
.inner-header form {
  display: flex;
  align-items: center;
 }
.inner-header button {
	height: 3rem;
	border: none;
	font-family: 'Work Sans', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	padding: 0 1.25rem;
	cursor: pointer;
  background-color: transparent;
	transition: background-color .2s linear, opacity .2s linear;
  color: #fff;
}
#main-nav {
	z-index: 3;
	position: fixed;
  visibility: hidden;
	height: 100%;
	top: 0;
	transform: translate3d(-18.5rem,0,0);
	line-height: 2.5rem;
	width: 18.5rem;
	transition: transform .5s;
	font-size: .875rem;
	overflow-y: scroll;
  background-color:#fff;
}
#main-nav.show {
  visibility: visible;
  transition: transform .35s cubic-bezier(0.645, 0, 0.355, 1);
}
#main-nav.active {
	transform: translate3d(0,0,0);
}
#main-nav.shadow {
  box-shadow: 0px 0px 15px hsla(0,0%,0%,.8);
}
.chapeau {
	padding: 1.5rem;
  background-color: var(--blue);
}
.chapeau img {
  display: block;
	height: 5rem;
}
.cache {
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
  left: 0;
	width: 100vw;
	height: 100vh;
  background-color: #000;
	opacity: 0;
	transition: opacity .5s;
	overflow: hidden;
}
#burger, #cross {
	cursor: pointer;
  height: 3rem;
  width: 3.5rem;
  padding: .75rem 1rem;
}
#cross {
  position: absolute;
  top: 0;
  right: 0;
}
#cross .span1, #cross .span2 {
  transform-origin: center;
}
#cross .span1 {
  transform: rotate(45deg);
}
#cross .span2 {
  transform: rotate(-45deg);
}
.nav-icon {
	position: relative;
	top: .3125rem;
	margin-right: 1rem;
	font-size: 1.5rem;
  color: var(--lightBlue);
}
.icon-ic_institut, .icon-ic_publications {
	top: .25rem;
}
.icon-ic_rss_feed::before {
  color: #fff;
}
#main-nav li.news {
  background-color: var(--lighterBlue);
}
#main-nav li.news a {
  color: #fff;
}
#main-nav a {
	display: block;
	outline: none;
  color: var(--lightBlue);
}
#main-nav a.item1 {
	padding: .375rem 1rem .5rem 1.25rem;
}
#main-nav a.item2 {
	padding: .125rem .5rem;
	margin-left: 3.25rem;
}
#main-nav li ul {
  background-color: hsl(0,0%,94%);
}
#main-nav li li:first-of-type {
	padding-top: .5rem;
}
#main-nav li li:last-of-type {
	padding-bottom: .75rem;
}





/*---------------------------------------------------------------------------------------------------------------------*/
/* home */
.home {
	width: 100%;
  display: grid;
  grid-gap: .5rem;
	padding: 3.5rem .5rem .5rem;
}

.home .b2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: .5rem;
}
.home .b2 a {
  position: relative;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 6rem;
	text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .0125rem;
}
.home .b2 a img {
  width: 2.5rem;
  margin-bottom: .75rem;
}
.home .b2 a::after {
  position: absolute;
  content:'';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.home .b2 li:nth-child(1) a::after { background-color: var(--bluebox); }
.home .b2 li:nth-child(2) a::after { background-color: var(--redbox); }
.home .b2 li:nth-child(3) a::after { background-color: var(--purplebox); }
.home .b2 li:nth-child(4) a::after { background-color: var(--orangebox); }

.home .b3-b4-b5, .home .b4-b5 {
  display: grid;
  grid-gap: .5rem;
}
.home .b3, .home .b4, .home .b5 {
  background-color: #fff;
}
.home .box-title {
  height: 3rem;
}
.home .box-title a {
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  z-index: 0;
}
.home .box-title a::after {
  position: absolute;
  content:'';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.home .b3 .box-title a::after { background-color: var(--fushiabox); }
.home .b4 .box-title a::after { background-color: var(--lightBlue); }
.home .b5 .box-title a::after { background-color: var(--green); }

.home .box-title img {
  height: 1.5rem;
  align-self: flex-end;
}
.home h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  align-self: center;
  margin-left: .75rem;
}
.b3 .box-title img {
  margin-bottom: .875rem;
}
.b4 .box-title img {
  margin-bottom: .75rem;
}
.b5 .box-title img {
  margin-bottom: .75rem;
}

.home .box-content > ul > li {
  padding: 1.375rem 1.125rem 0;
}
.home .box-content > ul > li + li {
  border-top: 1px solid hsl(0, 0%, 85%);
}
.home .box-content li ul {
  padding: .875rem 1rem 1rem .625rem;
}
.home .b3 ul, .home .b4 ul, .home .b5 ul {
	line-height: 1.5;
}
.home .newsletter-section, .home .forms-section, .home .seminary-section {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  font-size: .9375rem;
  padding: .4375rem .6875rem;
  letter-spacing: .01rem;
  position: relative;
  z-index: 0;
}
.home .box-content span::after {
  position: absolute;
  content:'';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.home .newsletter-section::after { background-color: var(--fushiabox); }
.home .forms-section::after { background-color: var(--lightBlue); }
.home .b5 span.seminary-section::after { background-color: var(--green); }

.home .newsletter-item, .home .forms-item, .home .seminary-item {
  position: relative;
  padding-left: 1.25rem;
}
.home .seminary-item span {
  display: block;
	width: 100%;
}
.home .b5 .seminary-item + .seminary-item {
  margin-top: 1rem;
}

.home .newsletter-item::before, .home .forms-item::before, .home .seminary-item::before {
  position: absolute;
  left: .0625rem;
  top: .6rem;
  content:'';
  width: .3125rem;
  height: .3125rem;
  border-radius: 50%;
}
.home .newsletter-item::before {
  border: .7px solid var(--fushiabox);
  background-color: hsla(340, 60%, 54%, .25);
}
.home .forms-item::before {
  border: .7px solid var(--lightBlue);
  background-color: hsla(215, 40%, 43%, .25);
}
.home .seminary-item::before {
  border: .7px solid var(--green);
  background-color: hsla(180,75%,40%,.25);
}
.home .b5 .seminary-item + .seminary-item::after {
  position: absolute;
  left: 0;
  top: -.75rem;
  content:'';
  width: 100%;
  border-top: 1px solid hsl(0, 0%, 85%);
}
.seminary-title {
  margin: .125rem 0 .25rem;
  color: hsl(0,0%,15%);
}
.seminary-author, .seminary-date, .seminary-place {
  position: relative;
  font-size: .875rem;
  font-weight: 500;
  color: var(--green);
  padding-left: 1.5rem;
  margin-top: .125rem;
  margin-left: .75rem;
}
.seminary-author::before {
  content: url("../img/author(--green).svg");
  position: absolute;
  top: .0875rem;
  left: 0;
  width: .875rem;
  opacity: .65;
}
.seminary-date::before {
  content: url("../img/date(--green).svg");
  position: absolute;
  top: .08125rem;
  left: 0;
  width: .875rem;
  opacity: .65;
}
.seminary-place::before {
  content: url("../img/place(--green).svg");
  position: absolute;
  top: 0.125rem;
  left: .0625rem;
  width: .75rem;
  opacity: .65;
}
.box-btn {
  display: flex;
  padding: 1.125rem;
}

a {
  transition: all .1s linear;
}
a.no-transition {
  transition: none;
}
.page a {
  color: var(--linkBlue);
}
.page a.archives-btn {
	margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
a.flat-btn {
	text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  padding: .5rem .875rem .5625rem;
  color: var(--orange);
  border: 2px solid var(--orange);
}
.page a.flat-btn {
	display: inline-block;
}
.page a:not(.flat-btn):not(.newsLink):not(.news-archive-item):not(.img-link) {
	border-bottom: 1px solid hsla(0, 0%, 0%, 0);
}
a.img-link img {
  vertical-align: middle;
  margin: 0 .25rem;
}
.home a.flat-btn.newsletter span {
    display: block;
  }
@media (min-width: 720px) {
  .home .b2 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 960px) {
  .home {
    padding: 3.5rem 0 .5rem;
	}
  .home .b1 {
		display: block;
		z-index: 0;
	}
  .home .b3-b4-b5 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
  }
  .home .b3, .home .b4, .home .b5 {
    display: grid;
    grid-template-rows: 3rem auto auto;
  }

  .home .box-title {
    justify-content: center;
  }
  .box-btn {
    align-self: flex-end;
    padding: 2rem 1.125rem 1.125rem;
    justify-content: center;
  }

}

@media (min-width: 1200px) {
  .home {
    padding: 9.5rem 0 .5rem;
    grid-template-columns: 14.5rem 60rem;
    grid-template-rows: auto;
    grid-gap: .5rem;
	}
  .home .b1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
	}
  .home .b2 {
    grid-template-columns: 1fr;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
	}
  .b3-b4-b5 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  .home .b2 a::after, .home .box-title a::after, .home .box-content > ul > li a span::after {
		transition: all .2s linear;
	}
  .home .b2 a {
    backface-visibility: hidden;
    height: 100%;
	}
  .home .b2 a:hover::after, .home .box-title a:hover::after, .home .box-content > ul > li a:hover span::after {
    filter: brightness(1.2) saturate(.9);
	}
  .home .box-content li ul li a {
    border-bottom: 1px solid hsla(0,0%,0%,0);
  }
  .home .box-content li ul li a:hover {
    color: var(--linkBlue);
    border-bottom: 1px solid hsla(210,85%,55%,.75);
  }
  .page a:hover:not(.flat-btn):not(.newsLink):not(.news-archive-item):not(.img-link) {
  	border-bottom: 1px solid var(--linkBlue);
  }
  a.flat-btn:hover, .page .ui-form button:hover {
    color: #fff;
    background-color: var(--orange);
  }
}


/* page */
.page {
	position: relative;
	width: 100%;
	padding: 4.5rem 1rem 1rem;
}
.page .ui-img-right, .page .ui-img-left, .page .ui-img-center {
	display: block;
	width: 100%;
	margin: 1.625rem 0 1.375rem;
}
.page .ui-img-center, .page .ui-img-center.medium {
	max-width: 100%;
}
.page .ui-img-right, .page .ui-img-left {
	max-width: 16rem;
}
.page h1, .page h2, .page h3 {
  font-family: 'Noto Serif';
}
.page h1, .page h2 {
  font-weight: 700;
}
.page h1, .page h2, .page h3, .page h4 {
  line-height: 1.25;
}
.page h1 {
  position: relative;
	font-size: 2.125rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  color: var(--orange);
}
.page h1::after {
  content:'';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4rem;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.page h2 {
	font-size: 1.625rem;
  color: var(--lighterBlue);
}
.page h3 {
	font-size: 1.25rem;
  color: hsl(0, 0%, 35%);
  font-weight: 600;
}
.page h2, .page h3 {
  margin: 2.5rem 0 1rem;
}
.page h1 + h2, .page h2 + h3 {
  margin-top: 2rem;
}
.page h4 {
	font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-top: 1.25rem;
}
.page h4 + p {
	margin-top: .5rem;
}

@media (min-width: 600px) {
  .page .ui-img-center.medium {
  	max-width: 50%;
  }
  .page .ui-img-left {
    float: left;
    margin: .375rem 2rem 1.375rem 0;
  }
  .page .ui-img-right {
    float: right;
    margin: .375rem 0 1.375rem 2rem;
  }
}


.page p, .page ul, .page ol {
	line-height: 1.5;
}
.page p, .page div.encadre {
  margin: 1.25rem 0 .75rem;
}
.page div.encadre *:first-of-type {
  margin-top: 0;
}
.page div.encadre *:last-of-type {
  margin-bottom: 0;
}
.page ul, .page ol {
	margin: 1.25rem 0;
}
.page p + ul, .page p + ol, .page ul li ul, .page ul li ol, .page ol li ol, .page ol li ul {
	margin-top: .5rem;
}
.page > ul, .page article > ul {
  padding-left: .75rem;
}
.page ul li, .page ol li ul li {
	position: relative;
	padding-left: 1.5rem;
}
.page li {
  margin-top: .5rem;
}
.page li p {
  margin: .5rem 0;
}
.page li ul, .page li ol {
  margin-bottom: .5rem;
}
.page li ul li, .page li ol li {
  margin-top: .0625rem;
}
.page ul li::before {
  position: absolute;
  left: .0625rem;
  top: .625rem;
  content:'';
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.page > ul li::before, .page article > ul li:before {
  background-color: hsl(0,0%,25%);
}
.page li ul li::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: 1px solid hsl(0,0%,25%);
  background-color: transparent;
}
.page > ol, .page article > ol {
  padding-left: 1.625rem;
}
.page ol li {
  padding-left: .5rem;
}
.page li ol {
  padding-left: 1.125rem;
}

/* page table */
.page .ui-table-container {
  overflow-y: hidden;
  overflow-x: auto;
}
.page .ui-table {
	margin: 1rem auto;
	caption-side: bottom;
	width: 100%;
  border: 1px solid hsl(0, 0%, 85%);
}
.page .ui-table caption {
	margin: 1rem 0;
}
.page .ui-table th, .page .ui-table td {
	padding: 1rem;
	text-align: center;
  vertical-align: middle;
}
.page .ui-table th {
	font-family:'Work Sans', sans-serif;
	font-weight: 500;
  background-color: var(--lightBlue);
  color: #fff;
}
.page .ui-table tr {
	border-bottom: 1px solid hsl(0, 0%, 85%);
  margin: 0 1rem;
}
.page .ui-table td img {
  display: block;
  margin: .25rem auto;
}

/* page article seminar */
.page article.ui-seminar {
	margin: 1.375rem 0;
	padding: .75rem 1rem;
  border: 1px solid hsl(0, 0%, 85%);
}
.page article.ui-seminar h1,
.page article.ui-seminar h2,
.page article.ui-seminar h3 {
  position: relative;
  font-size: 1.5rem;
  margin-top: 0;
	margin-bottom: .5rem;
  padding-bottom: 1.5rem;
	color: var(--lighterBlue);
}
.page article.ui-seminar h1::after,
.page article.ui-seminar h2::after,
.page article.ui-seminar h3::after {
  content:'';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4rem;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.page article.ui-seminar h1 + p ,
.page article.ui-seminar h2 + p,
.page article.ui-seminar h3 + p {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 2rem 0 1.375rem;
  color: var(--lighterBlue);
}
.page article.ui-seminar li::before {
	display: none;
}
.page article.ui-seminar ul li {
  padding-left: 0;
  color: hsl(0,0%,60%);
}
.page article.ui-seminar ul li + li {
  margin-top: 0;
}
.page article.ui-seminar p {
	margin-bottom: 0;
}

/* page article publication */
.page article.ui-publication  {
	margin: 1.375rem 0;
	padding-bottom: .75rem;
  border: 1px solid hsl(0, 0%, 85%);
}
.page article.ui-publication ul {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0;
  padding-left: 0;
  font-size: .875rem;
}
.page article.ui-publication ul.top-list,
.page article.ui-publication p.year {
  padding: .75rem 1rem .625rem;
  border-bottom: 1px solid hsl(0, 0%, 85%);
  background-color: hsl(0, 0%, 96%);
}
.page article.ui-publication p.year {
  margin: 0;
}
.page article.ui-publication ul.bottom-list {
  margin: 2rem 1rem 0;
  padding-top: .625rem;
  border-top: 1px solid hsl(0, 0%, 85%);
}
@media (min-width: 720px) {
  .page article.ui-publication ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 1rem;
  }
}
.page article.ui-publication li {
	padding-left: 0;
  margin: 0;
}
.page article.ui-publication li::before {
	display: none;
}
.page article.ui-publication h1 {
  position: relative;
  font-size: 1.5rem;
  margin: 1.5rem 1rem .5rem;
  padding-bottom: 1.5rem;
	color: var(--lighterBlue);
}
.page article.ui-seminar h1::after {
  content:'';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4rem;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.page article.ui-publication .author {
  font-weight: 500;
  margin: 2rem 1rem 0;
  color: var(--lighterBlue);
}
@media (min-width: 1200px) {
  .page article.ui-publication  {
    padding-bottom: 1.125rem;
  }
  .page article.ui-publication ul.top-list,
  .page article.ui-publication p.year {
    padding: 1rem 1.5rem;
  }
  .page article.ui-publication ul.bottom-list {
    margin: 2rem 1.5rem 0;
    padding-top: 1rem;
  }
  .page article.ui-publication h1 {
    margin: 1.5rem 1.5rem .5rem;
  }
  .page article.ui-publication .author {
    margin: 2rem 1.5rem 0;
  }
}

/*---------------------------------------------------------------------------------------------------------------------*/
/*news*/
.page ul.news-archive-container {
  padding: 0;
  display: grid;
  grid-gap: 1rem;
}
.page ul li.news-archive {
	display: inline-block;
	width: 100%;
	padding: 0;
  margin: 0;
	cursor: pointer;
	transition: all .2s linear;
  box-shadow: 0px 0px 0px 1px hsl(0, 0%, 85%) inset;
  transition: box-shadow .2s ease, transform .1s linear;
  will-change: transform;

}
.page ul li.news-archive::before {
	display: none;
}
.page ul li a.news-archive-item {
	display: block;

}
.page ul li a.news-archive-item img {
  display: block;
	width: 100%;
}
.page .news-date {
	display: block;
	padding: .625rem 1rem .25rem;
  color: hsl(0,0%,50%);
}
.page .news-title {
	display: block;
	padding: 0 1rem .75rem;
  line-height: 1.375;
}
time {
  color: hsl(0,0%,60%);
  text-transform: uppercase;
  font-weight: 500;
  font-size: .875rem;
}
@media (min-width: 600px) {
  .page ul.news-archive-container {
    grid-template-columns: 1fr 1fr;
  }
}


/* page figure */
.page .ui-figure {
	line-height: 1.375;
  margin: 1.625rem 0 1.375rem;
  max-width: 47rem;/* 752px */
}
.page .ui-figure.small {
	max-width: 23.5rem;/* 752*0.5 = 376px */
}
.page .ui-figure.medium {
	max-width: 35.25rem;/* 752*0.75 = 564px */
}
.page .ui-figure.left, .page .ui-figure.right {
  max-width: 16rem;
}
.page .ui-figure.first,
.page .ui-figure.small.first,
.page .ui-figure.medium.first,
.page .ui-figure.medium.to-left.first {
  margin-top: 0;
}
.page .ui-figure img {
	display: block;
	width: 100%;
  margin: 0 auto;
}
.page .ui-figure figcaption {
  font-size: .875rem;
  color: hsl(0,0%,50%);
  margin-top: .5rem;
}
.page .ui-figure video {
  width: 100%;
}
@media (min-width: 600px) {
  .page .ui-figure {
  	text-align: center;
    margin: 1.625rem auto 1.375rem;
  }
  .page .ui-figure.left {
    float: left;
    margin: .625rem 2rem 1.375rem 0;
  }
  .page .ui-figure.right {
    float: right;
    margin: .625rem 0 1.375rem 2rem;
  }
  .page .ui-figure.medium.to-left  {
   margin: 1.625rem 0 1.375rem;
 }
}
@media (min-width: 1200px) {
  .page .ui-figure {
    margin: 2.25rem auto 1.75rem;
  }
  .page .ui-figure.left, .page .ui-figure.right {
    margin-top: .375rem;
  }
  .page .ui-figure.medium.to-left  {
   margin: 2.25rem 0 1.75rem;
 }
  .page .ui-figure figcaption span {
    display: block;
  }
}

/* page form */
.page .ui-form {
	margin: 1.375rem 0;
}
.page .ui-form input, .page .ui-form select, .page .ui-form button {
	display: inline-block;
	padding: 0 1rem;
	vertical-align: middle;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	border: none;
	width: 50%;
  height: 3rem;
}
.page .ui-form input {
	padding-left: 1rem;
}
.ui-form input, .ui-form select {
  color: hsl(0, 0%, 25%);
  background-color: hsla(16,100%,62%,.15);
  opacity: 1;
}
.ui-form input::placeholder {
  color: var(--orange);
  opacity: .8;
}
.page .ui-form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
  cursor: pointer;
}
.page .ui-form button {
  text-transform: uppercase;
  line-height: 1;
  background-color: #fff;
	cursor: pointer;
	transition: all .1s linear;
  margin-top: .5rem;
  color: var(--orange);
  border: 2px solid var(--orange);
}
#formNewsletter input, #formNewsletter button {
	width: 100%;
}

/* cancel float */
.cancel-float {
	clear:both;
}

/* cas archives newsletter */
.page ul.ui-list-newsletter li::before {
	display: none;
}
.page ul.ui-list-newsletter {
	padding-left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.page ul.ui-list-newsletter li {
	margin: -1px -1px 0 0;
  padding-left: 0;
}
a.newsLink {
  display: flex;
  height: 3rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
	margin: 0;
  padding-bottom: .0625rem;
  transition: all .05s linear;
  font-weight: 500;
  border: 1px solid var(--lightestBlue);
  color: var(--linkBlue);
}
a.newsLink:hover {
  background-color: var(--lighterBlue);
  color: #fff;
}
a.current {
  width: calc(100% / 2);
}
@media (min-width: 420px) {
  .page ul.ui-list-newsletter {
    grid-template-columns: repeat(3, 1fr);
  }
  a.current {
    width: calc(100% / 3);
  }
}
@media (min-width: 600px) {
  .page ul.ui-list-newsletter {
    grid-template-columns: repeat(4, 1fr);
  }
  a.current {
    width: calc(100% / 4);
  }
}
@media (min-width: 720px) {
  .page ul.ui-list-newsletter {
    grid-template-columns: repeat(6, 1fr);
  }
  a.current {
    width: calc(100% / 6);
  }
}
@media (min-width: 960px) {
  .page ul.ui-list-newsletter {
    grid-template-columns: repeat(7, 1fr);
  }
  a.current {
    width: calc(100% / 7);
  }
}
@media (min-width: 1200px) {
  .page ul.ui-list-newsletter {
    grid-template-columns: repeat(6, 1fr);
  }
  a.current {
    width: calc(100% / 6);
  }
}

/*contacts*/
a.flat-btn.contacts {
  margin-right: 1rem;
}
a.flat-btn.contacts span {
  display: block;
}
.page ul.contacts-list {
  padding: 0;
  margin: 1.625rem 0;
}
.page ul li.contacts {
	padding: 0;
  margin-top: 1rem;
	transition: all .1s linear;
}
.page ul li.contacts::before {
	display: none;
}

@media (min-width: 374px) {
  a.flat-btn.contacts span {
    display: inline;
  }
}


/* annuaire */
.annuaire-call {
  font-weight: 500;
  position: relative;
  padding-left: 1.75rem;
}
.annuaire-call::before {
  position: absolute;
  content: '';
  top: .125rem;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  background: url('../img/call-blue.svg') no-repeat center;
  background-size: 1.125rem;
}
.page ul.annuaire {
	padding: 0;
  border: 1px solid hsl(0, 0%, 85%);
  max-width: 20rem;
}
.page li.annuaire-item::before {
	display: none;
}
.page li.annuaire-item {
  display: grid;
  grid-template-columns: 80% 20%;
	margin: 0;
  padding: .75rem .125rem;
	border-bottom: 1px solid hsl(0, 0%, 85%);
  margin: 0 .75rem;
}
li.annuaire-item:last-of-type {
  border: none;
}
li.annuaire-item:not(.adjoints):not(.secretariat) {
  grid-template-rows: repeat(2, 1fr);
}
li.annuaire-item.adjoints {
  grid-template-rows: repeat(3, 1fr);
}
span.annuaire-dir-fonction {
	display: flex;
	font-weight: 500;
}
li.annuaire-item:not(.secretariat) span.annuaire-dir-fonction {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
li.annuaire-item.secretariat span.annuaire-dir-fonction {
  grid-column: 1 / 2;
}
span.annuaire-dir-nom {
  display: flex;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
span.annuaire-dir-tel {
  display: flex;
	justify-content: flex-end;
  grid-column: 2 / 3;
}
li.annuaire-item:not(.secretariat) span.annuaire-dir-tel {
  grid-row: 2 / 3;
}
li.annuaire-item.adjoints span.annuaire-dir-nom.second,
li.annuaire-item.adjoints span.annuaire-dir-tel.second {
  grid-row: 3 / 4;
}

/* ---------- table ---------- */
.responsive-table {
  margin: .875rem 0 1.25rem 0;
  font-size: 1rem;
  cursor: default;
  width: 100%;
  max-width: 20rem;
}
.responsive-table thead {
  display: none;
}
.responsive-table tbody {
  display: grid;
  grid-gap: .5rem;
}
.responsive-table tbody tr {
  display: flex;
  flex-direction: column;
  border: 1px solid hsl(0, 0%, 85%);
}
.responsive-table tbody th, .responsive-table tbody td {
  display: flex;
  height: 2.75rem;
  align-items: center;
}
.responsive-table tbody th[scope="row"] {
  font-weight: 500;
  background-color: var(--lightBlue);
  margin: -1px -1px 0 -1px;
  justify-content: center;
}
.responsive-table tbody th[scope="row"] a {
  color: #fff;
}
.responsive-table tbody td {
  position: relative;
  margin: 0 .75rem;
  padding: 0 .125rem;
  justify-content: flex-end;
  text-align: right;
}
.responsive-table tbody td:not(:first-of-type) {
  border-top: 1px solid hsl(0, 0%, 85%);
}
.responsive-table tbody td[data-title]::before {
  position: absolute;
  left: .125rem;
  content: attr(data-title);
  font-weight: 500;
  color: hsl(0, 0%, 50%);
}

@media (min-width: 680px) {
  .page ul.annuaire, .responsive-table {
    max-width: 40.5rem;
  }
  .page ul.annuaire {
    padding: 0;
    border: 1px solid hsl(0, 0%, 85%);
  }
  li.annuaire-item:not(.secretariat) {
    grid-template-columns: 50% 30% 20%;
  }
  li.annuaire-item:not(.adjoints) {
    grid-template-rows: none;
  }
  li.annuaire-item.adjoints {
    grid-template-rows: repeat(2, 1fr);
  }
  li.annuaire-item:not(.secretariat) span.annuaire-dir-fonction {
    grid-column: 1 / 2;
    grid-row: none;
  }
  span.annuaire-dir-nom {
    grid-column: 2 / 3;
  }
  li.annuaire-item:not(.adjoints) span.annuaire-dir-nom {
    grid-row: none;
  }
  li.annuaire-item.adjoints span.annuaire-dir-fonction,
  li.annuaire-item.adjoints span.annuaire-dir-nom,
  li.annuaire-item.adjoints span.annuaire-dir-tel {
    grid-row: 1 / 2;
  }
  li.annuaire-item:not(.secretariat) span.annuaire-dir-tel {
    grid-column: 3 / 4;
  }
  li.annuaire-item:not(.adjoints):not(.secretariat) span.annuaire-dir-tel {
    grid-row: none;
  }
  li.annuaire-item.adjoints span.annuaire-dir-nom.second,
  li.annuaire-item.adjoints span.annuaire-dir-tel.second {
    grid-row: 2 / 3;
  }
  .responsive-table tbody {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media (min-width: 960px) {
  .page ul.annuaire, .responsive-table {
    max-width: 100%;
  }
  /* ---------- responsive table ---------- */
  .responsive-table {
    margin: 1.625rem auto;
  }
  .responsive-table thead, .responsive-table tbody {
    display: table-row-group;
  }
  .responsive-table thead tr, .responsive-table tbody tr {
    display: table-row;
  }
  .responsive-table thead tr {
    border: 1px solid var(--lightBlue);
  }
  .responsive-table thead th {
    background-color: var(--lightBlue);
    font-weight: 500;
    text-align: center;
    color: #fff;
    letter-spacing: .025rem;
    height: 3rem;
    vertical-align: middle;
    padding: 0 .75rem;
  }
  .responsive-table thead th:first-of-type {
    text-align: left;
  }
  .responsive-table tbody th, .responsive-table tbody td {
    display: table-cell;
    height: 3rem;
    vertical-align: middle;
  }
  .responsive-table tbody th[scope="row"] {
    background-color: transparent;
    color: hsl(0, 0%, 25%);
    text-align: left;
    padding-left: .75rem;
    font-weight: 400;
    margin: 0;
  }
  .responsive-table tbody th[scope="row"] a {
    color: var(--linkBlue);
  }
  .responsive-table tbody td {
    text-align: center;
  }
  .responsive-table tbody td:not(:first-of-type) {
    border: none;
  }
  .responsive-table tbody td[data-title]::before {
    content: none;
  }
  .responsive-table tbody tr:hover {
    background-color: var(--lighterBlue);
    border: 1px solid var(--lighterBlue);
    color: #fff;
  }
  .page .responsive-table tbody tr a {
    transition: border-bottom .1s linear;
  }
  .page .responsive-table tbody tr:hover a {
    color: #fff;
  }
  .page .responsive-table tbody tr a:hover:not(.flat-btn):not(.newsLink):not(.news-archive-item):not(.img-link) {/*not ajoutés pour réécrire le style*/
    border-bottom-color: #fff;
  }
}

/* last update */
p.last-update {
	text-align: right;
  padding: 1rem;
  transition: all .2s linear;
  color: hsl(0,0%,70%);
}
/* footer */
footer {
	width: 100%;
  background-color: var(--deepBlue);
}
.inner-footer {
  font-size: .875rem;
}
.footer-nav li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3rem;
  background-color: var(--blue);
  margin-bottom: .125rem;
}
.footer-nav a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1.1875;
  padding: 0 1rem;
  color: #fff;
}
.footer-nav li:nth-child(1) a img {
  margin: 0 1.125rem 0 .125rem;
}
.footer-nav li:nth-child(2) a img {
  margin: 0 1.25rem 0 .25rem;
}
.footer-nav li:nth-child(3) a img,
.footer-nav li:nth-child(4) a img {
  margin: 0 1rem 0 0;
}
.footer-nav li:nth-child(5) a img,
.footer-nav li:nth-child(6) a img {
  margin: 0 1.0625rem 0 .0625rem;
}
.ui-list-partners {
  display: flex;
  flex-wrap: wrap;
	padding: 1rem;
  background-color: var(--blue);
}
.ui-list-partners li {
  display: inline-flex;
  margin-right: 2rem;
}
.ui-list-partners li:last-of-type {
  margin-right: 0;
}
.ui-list-partners a {
	padding: .5rem 0;
}
.ui-list-partners li.break {
  display: none;
}
footer ul.ui-list-partners img {
	height: 3rem;
}
/* Legal mention */
.legalmention {
	height: 140px;
	width: 100%;
  border: 2px solid hsl(0,0%,35%);
  padding: .5rem .75rem;
  background-color: hsl(0,0%,94%);
}


@media (min-width: 480px) {
	.footer-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .125rem;
    margin-bottom: .125rem;
	}
  .footer-nav li {
    margin: 0;
  }
  .footer-nav a {
    justify-content: center;
  }
  .footer-nav li:nth-child(1) a img,
  .footer-nav li:nth-child(2) a img,
  .footer-nav li:nth-child(3) a img,
  .footer-nav li:nth-child(4) a img,
  .footer-nav li:nth-child(5) a img,
  .footer-nav li:nth-child(6) a img {
    margin: 0 .75rem 0 0;
  }
  .ui-list-partners {
    justify-content: center;
    text-align: center;
    padding: .5rem 1rem;
  }
  .ui-list-partners li:nth-of-type(2) {
    margin-right: 0;
  }
	/* newletter */
	#formNewsletter input {
		width: 100%;
	}
	#formNewsletter button {
    display: inline-block;
		width: calc(50% - .25rem);
	}
  #formNewsletter button:last-of-type {
    margin-left: .5rem;
	}
}

@media (min-width: 491px) {
  .ui-list-partners li:nth-of-type(2) {
    margin-right: 2rem;
  }
  .ui-list-partners li:nth-of-type(3) {
    margin-right: 0;
  }
  .ui-list-partners li:nth-of-type(4) {
    margin-left: 17vw;
  }
  .ui-list-partners li:nth-of-type(5) {
    margin-right: 17vw;
  }
}
@media (min-width: 720px) {
  .ui-list-partners li:nth-of-type(4) {
    margin-left: 25vw;
  }
  .ui-list-partners li:nth-of-type(5) {
    margin-right: 25vw;
  }
}

@media (min-width: 810px) {
  .ui-list-partners {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    height: 5rem;
  }
  .ui-list-partners li:nth-of-type(3) {
    margin-right: 2rem;
  }
  .ui-list-partners li:nth-of-type(4) {
    margin-left: 0;
    margin-right: 2rem;
  }
  .ui-list-partners li:nth-of-type(5) {
    margin-right: 0;
  }
}


@media (min-width: 720px) {
	.footer-nav {
		grid-template-columns: repeat(3, 1fr);
	}
	/* newletter */
	#formNewsletter input {
		width: 20rem;
	}
	#formNewsletter button {
		margin-top: 0;
    margin-left: .5rem;
		width: 11rem;
	}
}
@media (min-width: 960px) {
  .inner-main, .inner-footer {
		width: 60rem;/*960px*/
    margin: 0 auto;
	}
  .page {
		padding: 5rem 3rem;
	}
  .footer-nav {
    grid-template-columns: repeat(6, 1fr);
  }
  .footer-nav li {
    height: 3.375rem;
  }
  .footer-nav a br {
    display: block;
  }
}




@media (min-width: 1200px) {
  #burger, .chapeau, .cache, .nav-icon, #main-nav li.news {
	  display: none;
	}

/* header */
	body > header {
    height: auto;
	}
	.inner-header, .inner-main, .inner-footer {
		width: 75rem;/*1200px*/
	}
  .inner-main {
    position: relative;
    background-color: transparent;
    min-height: calc(100vh - 136px); /* 136 footer height*/
  }
  body:not(.body-home) .inner-main {
    display: grid;
    grid-template-columns: 18rem 57rem;
    padding: 12rem 0 1rem;
    background-image: linear-gradient(to right, transparent 20%, #fff 20%);
  }
  .inner-header {
    margin: 0 auto;
    overflow: hidden;
	}
  .inner-header .logo {
    position: absolute;
		top: 1.625rem;
    left: 1rem;
		height: 6rem;
    width: 12.5rem;
  	background: url('../img/logo_IMCCE_OBS-PSL.svg') no-repeat top center;
    background-size: 94%;
    transition: all .2s linear;
  }
  .inner-header .logo.small {
    top: .5625rem;
    left: .5rem;
    width: 13.5rem;
    background: url('../img/logo_IMCCE_OBS-PSL_fullwidth.svg') no-repeat top center;
    background-size: 100%;
	}
  .inner-header .logo.small.hovered {
    top: 1rem;
    background: url('../img/logo_IMCCE_OBS-PSL.svg') no-repeat top center;
    background-size: 62%;
	}
  .inner-header button {
    position: absolute;
    top: 0;
    right: 0;
  	z-index: 1;
    background-color: var(--blue);
    width: 3rem;
    font-weight: 400;
    font-size: .875rem;
    padding: 0;
    border-bottom: 2px solid #fff;
  }
  .inner-header button:hover {
    background-color: var(--lightBlue);
  }

/* main-nav */
	#main-nav {
    visibility: visible;
    z-index: initial;
    position: relative;
    transform: translate(0);
		background: none;
		width: 80%;
		font-size: 1rem;
		margin-left: 20%;
		transition: all .2s linear;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
    line-height: 1;
	}
  #main-nav.small {
    padding: 0;
  }
  #main-nav.small.hovered {
    padding-bottom: 3rem;
  }
  #main-nav.shadow {
    box-shadow: none;
  }
  #main-nav li {
    display: inline-flex;
  }
  #main-nav a {
    color: #fff;
  }
	#main-nav a.item1 {
    display: flex;
    position: relative;
    align-items: center;
    height: 3rem;
    padding: 0 1.5rem;
    cursor: default;
	}
  #main-nav ul li.active a.item1::after {
    position: absolute;
    content:"";
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #fff;
  }
  #main-nav a.item2 {
    display: flex;
    align-items: center;
    height: 3rem;
		padding: 0 1rem;
    margin-left: 0;
  }
  #main-nav li li:first-of-type, #main-nav li li:last-of-type {
		padding: 0;
	}
	#main-nav li ul {
		position: absolute;
		left: 0;
    transform: translateY(3rem);
		width: 100%;
    background-color: var(--blue);
	}
	#main-nav li li {
		transition: background-color .2s linear;
	}
  #main-nav li li:hover {
    background-color: var(--lightBlue);
  }
/* in-page-nav */
  .in-page-nav-column {
    grid-column: 1 / 2;
  }
	.in-page-nav {
		display: flex;
    flex-direction: column;
		position: sticky;
		width: 18rem;
		top: 12rem;
    transition: all .2s linear;
    margin-left: 1rem;
	}
  .in-page-nav.small.hovered {
    top: 9rem;
  }
  .in-page-nav.small {
    top: 6rem;
  }
	.in-page-nav ul {
		padding-top: .5rem;
    background-color: var(--deepBlue);
	}
	.in-page-nav li {
    display: flex;
    justify-content: flex-end;
		line-height: 1.125;
	}
  .in-page-nav li:last-of-type:not(.in-page-nav--extra) {
    margin-bottom: .875rem;
	}
	.in-page-nav a {
    display: inline-flex;
    align-items: center;
    text-align: right;
    position: relative;
    min-height: 3.25rem;
		padding: .75rem 3.5rem .75rem 1.5rem;
    transition: all .2s linear;
    color: #fff;
	}
  .in-page-nav a.highlighted {
    color: var(--lightestBlue);
  }
	.in-page-nav a::after {
		position: absolute;
		right: 1.5rem;
		content:'\25cf';
		top: 50%;
    transform: translateY(-50%);
		transition: color .2s linear;
    color: var(--lighterBlue);
	}
  .in-page-nav a.active::after {
    color: var(--orange);
  }
	.in-page-nav--extra {
		margin: .5rem 0 0;
    background-color: var(--blue);
    text-transform: uppercase;
    font-weight: 500;
	}
  .in-page-nav--extra a {
    color: var(--lightestBlue);
  }
  .in-page-nav--extra a:hover {
    color: #fff;
  }
  .in-page-nav--extra a::after {
    display: none;
  }
  .active-section, .active-sous-section {
		display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
		font-size: 2.25rem;
		min-height: 6rem;
    line-height: 1.5;
		padding: 0 .5rem;
	}
	.active-section {
		font-size: 2.25rem;
		min-height: 6rem;
    color: #fff;
    background-color: var(--lightBlue);
	}
  .active-sous-section {
		font-size: 1.25rem;
		min-height: 3rem;
    color: var(--lightestBlue);
    background-color: var(--blue);
	}
	/*2 lignes*/
  .active-section-2l, .active-sous-section-2l {
    line-height: 1.0625;
  }
	.active-section-2l {
    height: 8rem;
	}
	.active-sous-section-2l {
    height: 5rem;
	}

	/* page */
	.page {
    grid-column: 2 / 3;
		padding: 0 5rem 6rem;
    transition: all .2s linear;
	}
  .page.paddingTop {
    transform: translateY(3rem);
  }
  .page.long-transition {
    transition: all .6s ease-in;
  }
	.page h1 {
		font-size: 3.125rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
	}
  .page h1 span:not(.bold),
  .page h2 span:not(.bold),
  .page h3 span:not(.bold),
  .page h4 span:not(.bold) {
    display: block;
  }
  .page h1::after {
    width: 6rem;
  }
  .page h2 {
  	font-size: 2rem;
  }
  .page h3 {
  	font-size: 1.5rem;
  }
  .page h2, .page h3 {
    margin: 3.5rem 0 1.5rem;
  }
  .page h1 + h2, .page h2 + h3 {
    margin-top: 2.5rem;
  }
  .page h4 {
    line-height: 1.625rem;
    margin-top: 1.625rem;
  }
  .page h4 + p {
  	margin-top: .625rem;
  }
  .page p, .page ul, .page ol {
    line-height: 1.625;
  }
  .page p, .page div.encadre {
    margin: 1.625rem 0 1.125rem;
  }
  .page ul, .page ol {
    margin: 1.625rem 0;
  }
  .page p + ul, .page p + ol, .page ul li ul, .page ul li ol, .page ol li ol, .page ol li ul {
  	margin-top: .625rem;
  }
  .page > ul, .page article > ul {
    padding-left: 1rem;
  }
  .page li {
    margin-top: .625rem;
  }
  .page li p {
    margin: .625rem 0;
  }
  .page li ul, .page li ol {
    margin-bottom: .625rem;
  }
  .page ul li {
  	padding-left: 1.75rem;
  }
  .page > ol, .page article > ol {
    padding-left: 2rem;
  }
  .page ol li {
    padding-left: .75rem;
  }
  .page li ol {
    padding-left: 1rem;
  }

  #formNewsletter input {
    width: 22rem;
  }
  .page ul.annuaire {
    max-width: 100%;
  }
  .page li.annuaire-item {
    padding: 1rem .25rem;
  }
  span.annuaire-dir-nom {
    font-weight: 400;
  }

  p.last-update {
    position: absolute;
    bottom: 0;
    right: 3rem;
    font-size: .875rem;
  }

  .page article.ui-seminar {
  	padding: 1rem 1.5rem 1.125rem;
  }
  .page ul li.news-archive .news-archive-img-container {
    overflow: hidden;
    height: 11.25rem;
  }
  .page ul li a.news-archive-item img {
    filter: brightness(.9) saturate(.9);
    transition: all .3s linear;
    backface-visibility: hidden;
  }
  .page ul li a.news-archive-item:hover img {
    filter: brightness(1.1) saturate(1.1);
    transform: scale(1.05);
  }

/* topButton */
#top {
  grid-column: 2 / 3;
  position: sticky;
  display: block;
  visibility: hidden;
  opacity: 0;
  bottom: 1rem;
  transition: all .2s linear;
  background-color: var(--deepBlue);
  height: 2rem;
  width: 2rem;
  margin-left: 100%;
  transform: translateX(-3rem);
  cursor: pointer;
}
#top.show {
  visibility: visible;
  opacity: 1;
}
#topButton {
  height: 100%;
  width: 100%;
  fill: none;
  stroke: #fff;
  stroke-width: 1.5;
  transition: all .2s linear;
}
#top:hover, #top.hovered {
  background-color: var(--lightBlue);
}



/* footer */
body:not(.body-home) .inner-footer {
  padding-left: 15rem;
}
.footer-nav li, .ui-list-partners li {
  transition: all .2s linear;
}
.footer-nav li:hover {
  background-color: var(--lightBlue);
}
.ui-list-partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
body.body-home .inner-footer .ui-list-partners {
  padding: 0 6rem;
}
body.body-home .inner-footer .footer-nav li:nth-child(5) br {
  display: none;
}
.ui-list-partners li {
  opacity: .75;
  padding: 0 .5rem;
}
.ui-list-partners a {
  margin-bottom: 0;
}
.ui-list-partners li:hover {
  opacity: 1;
}


}/* end of 1200px */

@media (min-width: 1328px) {
  .in-page-nav {
    margin-left: 0;
  }
  #top {
    transform: translateX(1rem);
  }
  p.last-update {
    right: 1rem;
  }
}