@charset "UTF-8";
/*******************  DEFAULT VARIABLES ***************/
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;1,400&display=swap");
/*******************  SITE VARIABLES ******************/
/*******************  IMAGES *******************/
/*******************  NORMALIZE ***********************/
html {
  margin: 0;
  padding: 0;
  font: normal 10px "Work Sans", sans-serif, Arial, Verdana, Helvetica, sans-serif;
  color: #4a4a4a;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 1.3em;
  font-family: "Work Sans", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  width: 100%;
  color: #4a4a4a;
  height: 100%;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, span, strong, em, u, small, div, table, tbody, tr, td, form, input, select, textarea, fieldset, label, option {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-decoration: none;
  box-sizing: border-box;
}

b, strong {
  font-weight: 700;
}

u {
  text-decoration: underline;
}

a {
  color: #4a4a4a;
  cursor: pointer;
  transition: all 0.2s ease;
}

a:focus,
a:hover a:active {
  outline: 0;
}

figure {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
}

img.imgLeft {
  float: left;
  margin: 0 5px 5px 0;
}

img.imgRight {
  float: right;
  margin: 0 5px 5px 0;
}

textarea {
  resize: vertical;
}

input[type=submit] {
  cursor: pointer;
}

select, input:not([type='checkbox']), textarea {
  font-family: "Work Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: inherit;
}

input.form-radio {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  display: block;
  height: 2px;
  background-color: #afaeaf;
  border: 0;
  margin: 14% 0;
  clear: both;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/*******************  HELPER CLASSES ******************/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visually-hidden, .element-hidden, .element-invisible {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

body.preload * {
  transition: none !important;
}

.no-touch a:hover {
  color: #061987;
}

.no-touch a:hover.no-link {
  color: inherit;
}

.no-touch header.header .top a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.no-touch header nav li ul li a:hover .icon {
  color: #061987;
}

.no-touch section a.scale:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.no-touch section a.scale:hover figure img {
  transform: scale(1.1);
}

.no-touch section a.scale:hover figure::before,
.no-touch section a.scale:hover figure .icon-play {
  color: #061987;
}

.no-touch section .related a.scale:hover {
  box-shadow: none;
}

.no-touch section .related a.scale:hover > * {
  color: #061987;
}

.no-touch section .view-media .view-header .focus a.scale:hover .focus-content {
  background-color: #061987;
  color: #ffffff;
}

.no-touch section .view-media .view-header .focus.media-photos a.scale:hover .focus-content {
  background-color: #ffffff;
  color: #061987;
}

.no-touch section .quicktabs-wrapper li a:hover {
  background-color: #ffffff;
  color: #061987;
}

.no-touch section .quicktabs-wrapper .col li a:hover {
  background-color: transparent;
  color: #061987;
}

.no-touch section .menu-interne li:hover {
  background-color: #ffffff;
  color: #061987;
}

.no-touch section .menu-event ul li a:hover {
  color: #ffffff;
}

.no-touch section .menu-event ul li a:hover.active:hover {
  color: #061987;
}

.no-touch section a.line:hover {
  background-color: #d06345;
  color: #ffffff;
}

.no-touch section a.line:hover .icon-next::before {
  color: #ffffff;
}

.no-touch section a.line:hover .icon-avatar {
  border-color: #ffffff;
}

.no-touch section a.line:hover .cell.date p span.day,
.no-touch section a.line:hover .cell.date p span.month,
.no-touch section a.line:hover .cell.date p span.year {
  color: #ffffff;
}

.no-touch section a.line:hover .cell {
  color: #ffffff;
}

.no-touch section a.line:hover .cell p {
  color: #ffffff;
}

.no-touch section .social-networks .icon:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28);
}

.no-touch section a.block-link:hover h2,
.no-touch section a.block-link:hover p,
.no-touch section a.block-link:hover p.cat {
  color: #061987;
}

.no-touch section a.pdf:hover,
.no-touch section .b-infos a.pdf:hover,
.no-touch section .data-onglet .upload a.pdf:hover,
.no-touch section .quicktabs-wrapper .col li a.pdf:hover {
  color: #ff2b46;
}

.no-touch section a.link:hover,
.no-touch section .b-infos a.link:hover,
.no-touch section .data-onglet .upload a.link:hover,
.no-touch section .quicktabs-wrapper .col li a.link:hover {
  color: #061987;
}

.no-touch section a.sd:hover,
.no-touch section .b-infos a.sd:hover,
.no-touch section .data-onglet .upload a.sd:hover,
.no-touch section .quicktabs-wrapper .col li a.sd:hover {
  color: #e9711c;
}

.no-touch section p.bt-blue a:hover {
  color: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.no-touch section .pagination a:hover {
  border-color: #061987;
}

.no-touch section .view-push-simple .push:hover::after {
  opacity: 1;
}

.no-touch .btn:hover {
  background-color: #061987;
  transition: 0.3s;
  color: #ffffff;
}

.no-touch .footer-social a:hover {
  color: #061987;
  transition: 0.3s;
}

.no-touch .front .diapo-home .icon:hover {
  color: #061987;
}

.no-touch .front .diapo-home .swiper-slide div a:hover {
  box-shadow: inset 0 -0.05em 0 #ffffff;
}

.no-touch .front .diapo-home .pager-slider .swiper-active-switch:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.no-touch .front .pager-diapo-home li:hover {
  border-bottom-color: #061987;
  color: #061987;
}

.no-touch .front .b-who .quicktabs-wrapper li a:hover {
  color: #d06345;
}

.no-touch .front .b-who .quicktabs_main a.button:hover {
  background-color: #ffffff;
  color: #061987;
}

.no-touch .front .b-who .quicktabs_main a.button:hover::after {
  color: #061987;
}

/* Styles Génériques */
.icon {
  transition: all 0.3s ease;
}

.img-left {
  float: left;
  margin: 0 10px 10px 0;
}

.img-right {
  float: right;
  margin: 0 0 10px 10px;
}

.img-full {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 10px 0;
}

a.scale figure img {
  transition: all 0.8s ease;
  transform: scale(1);
  transform-origin: 50% 50%;
}

.center-wrap {
  margin: 20px auto 40px auto;
  max-width: 1140px;
  width: 100%;
}

@media only screen and (max-width: 1245px) {
  .center-wrap {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .center-wrap {
    padding: 0 10px;
  }
}

.titre1 {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 46px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .titre1 {
    font-size: 2.6rem;
  }
}

.titre2, section .groupby-wrapper .groupby-header {
  font-size: 4rem;
  font-weight: 300;
  line-height: 44px;
  color: #4a4a4a;
  margin-bottom: 13px;
}

.titre3 {
  color: #061987;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 13px;
}

.titre4, section article h4 {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 27px;
  padding: 5px 0;
}

.titre-cat, section .view-focus .focus .focus-content .cat, section .view-actualites .focus .focus-content .cat, section .view-display-id-vue_publications .line .cell .cat, section .view-media .line .cell .cat, section .col .view-references-objets-oai .line .cell .cat, section .node-groupe-de-recherche .view-references-objets-oai .line .cell .cat {
  text-transform: uppercase;
  color: #afaeaf;
  position: relative;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 1.22rem;
}

.upload-pdf, section article .col:nth-of-type(2) .b-infos li a.pdf, section .view-display-id-vue_publications .line .cell.upload .pdf, section .view-media .line .cell.upload .pdf, section .col .view-references-objets-oai .line .cell.upload .pdf, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .pdf, .upload-link, section article .col:nth-of-type(2) .b-infos li a.link, section .view-display-id-vue_publications .line .cell.upload .link, section .view-media .line .cell.upload .link, section .col .view-references-objets-oai .line .cell.upload .link, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .link, .upload-sd, section article .col:nth-of-type(2) .b-infos li a.sd, section .view-display-id-vue_publications .line .cell.upload .sd, section .view-media .line .cell.upload .sd, section .col .view-references-objets-oai .line .cell.upload .sd, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .sd {
  position: relative;
  padding-right: 20px;
}

.upload-pdf::after, section article .col:nth-of-type(2) .b-infos li a.pdf::after, section .view-display-id-vue_publications .line .cell.upload .pdf::after, section .view-media .line .cell.upload .pdf::after, section .col .view-references-objets-oai .line .cell.upload .pdf::after, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .pdf::after, .upload-link::after, section article .col:nth-of-type(2) .b-infos li a.link::after, section .view-display-id-vue_publications .line .cell.upload .link::after, section .view-media .line .cell.upload .link::after, section .col .view-references-objets-oai .line .cell.upload .link::after, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .link::after, .upload-sd::after, section article .col:nth-of-type(2) .b-infos li a.sd::after, section .view-display-id-vue_publications .line .cell.upload .sd::after, section .view-media .line .cell.upload .sd::after, section .col .view-references-objets-oai .line .cell.upload .sd::after, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .sd::after {
  font-family: 'tse';
  content: "\e915";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ff2b46;
  font-size: 1.15rem;
}

.upload-link::after, section article .col:nth-of-type(2) .b-infos li a.link::after, section .view-display-id-vue_publications .line .cell.upload .link::after, section .view-media .line .cell.upload .link::after, section .col .view-references-objets-oai .line .cell.upload .link::after, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .link::after {
  content: "\e911";
  transform: translateY(-50%) rotate(-90deg);
  color: #061987;
}

a.no-link {
  cursor: inherit;
  color: #4a4a4a;
}

.upload-sd::after, section article .col:nth-of-type(2) .b-infos li a.sd::after, section .view-display-id-vue_publications .line .cell.upload .sd::after, section .view-media .line .cell.upload .sd::after, section .col .view-references-objets-oai .line .cell.upload .sd::after, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload .sd::after {
  content: "\e90a";
  color: #e9711c;
}

.line {
  display: table;
  width: 100%;
  position: relative;
}

.line:nth-child(even) {
  background: #f7f7f7;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .line {
    display: block;
    border-bottom: 8px solid #ffffff;
    border-top: none;
  }
  .line:first-child {
    border-bottom: 8px solid #ffffff;
  }
}

.line:first-child {
  border-top: none;
}

.line .row {
  display: table-row;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .line .row {
    display: block;
  }
}

.line .cell {
  display: table-cell;
  border-collapse: collapse;
  vertical-align: middle;
  font-size: 2.0rem;
  font-weight: 300;
  padding: 30px;
  width: 64%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .line .cell {
    display: block;
    width: 100%;
    padding: 10px 20px 10px 10px;
  }
}

.line .cell p {
  margin: 0;
}

.line .cell p.host-title, .line .cell p.responsable {
  font-size: 1.4rem;
  font-weight: 300;
}

.line .cell.date {
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
  width: 26%;
  padding-left: 3%;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .line .cell.date {
    width: 40%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .line .cell.date {
    width: 100%;
    border-bottom: 2px solid #ffffff;
  }
}

.line .cell.date p {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 15px;
  line-height: normal;
}

.line .cell.date p span {
  display: block;
}

.line .cell.date p span.day {
  color: #061987;
  font-size: 2.3rem;
}

.line .cell.date p span.icon {
  display: none;
}

.line .cell.date figure {
  position: relative;
}

.line .cell.date figure img {
  display: block;
  width: 100%;
  height: auto;
}

.line .cell.date figure .icon-play {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4.0rem;
  color: #ffffff;
}

.line .cell.more {
  font-size: 0.6rem;
  width: 10%;
  color: #ffffff;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .line .cell.more {
    position: absolute;
    right: 0;
    top: 80%;
    transform: translateY(-80%);
    padding: 10px 0;
    width: 6%;
    text-align: center;
  }
}

.menu-interne {
  background-color: #ffffff;
}

.menu-interne ul {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  font-size: 0;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .menu-interne ul {
    padding: 0 20px;
  }
}

.menu-interne ul li {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  position: relative;
  width: auto;
  white-space: normal;
  transition: 0.3s;
  text-align: center;
  padding: 0;
  list-style-type: none;
}

.menu-interne ul li::before {
  display: none;
}

.menu-interne ul li::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 50%;
  width: 2px;
  background-color: rgba(74, 74, 74, 0.5);
}

.menu-interne ul li a {
  padding: 15px 20px;
  display: block;
  background-color: transparent;
  font-size: 1.4rem;
  text-transform: none;
  line-height: 20px;
  font-weight: 500;
  color: #4a4a4a;
  transition: 0.3s;
  text-align: center;
  cursor: pointer;
}

.menu-interne ul li.active {
  background-color: #ffffff;
}

.menu-interne ul li.active::after {
  background-color: #ffffff;
}

.menu-interne ul li.active a {
  background-color: #ffffff;
  color: #061987;
}

.menu-interne ul li.active.poll a {
  background-color: transparent;
}

.menu-interne ul li.poll {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/site/picto-poll.png") no-repeat left center;
}

.menu-interne.fd-blanc {
  background-color: #ffffff;
}

.menu-interne.fd-blanc ul li {
  border-left: 1px solid rgba(175, 174, 175, 0.2);
}

.menu-interne.fd-blanc ul li:first-child {
  border-left: none;
}

.menu-interne.fd-blanc ul li::after {
  display: none;
}

.menu-interne.fd-blanc ul li:nth-of-type(1) a {
  padding-left: 0;
}

.menu-interne.fd-blanc ul li.poll {
  border: none;
}

.menu-interne.onglets-large ul {
  display: table;
}

.menu-interne.onglets-large ul li {
  display: table-cell;
}

.menu-interne.onglets-large ul li a {
  width: 100%;
  height: 100%;
  padding: 15px 10px;
}

.menu-interne.onglets-large ul li.poll a {
  padding: 15px 10px 15px 20px;
}

.menu-interne .quicktabs_main {
  background-color: #ffffff;
}

.menu-interne .quicktabs-tabpage {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .menu-interne {
    display: none;
    width: 96%;
    margin: 0 auto;
    border: 1px solid #afaeaf;
    border-top: none;
    background-color: #ffffff;
  }
  .menu-interne ul, .menu-interne.onglets-large ul, .menu-interne.fd-blanc ul {
    display: block;
  }
  .menu-interne ul li, .menu-interne.onglets-large ul li, .menu-interne.fd-blanc ul li {
    display: block;
    border-top: 1px solid rgba(175, 174, 175, 0.4);
    border-left: none;
  }
  .menu-interne ul li:nth-of-type(1), .menu-interne.onglets-large ul li:nth-of-type(1), .menu-interne.fd-blanc ul li:nth-of-type(1) {
    border: none;
  }
  .menu-interne ul li::after, .menu-interne.onglets-large ul li::after, .menu-interne.fd-blanc ul li::after {
    display: none;
  }
  .menu-interne ul li.poll, .menu-interne.onglets-large ul li.poll, .menu-interne.fd-blanc ul li.poll {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    border-top: 1px solid rgba(175, 174, 175, 0.4);
    background-position: 40% center;
  }
}

.select-menu-interne {
  display: block;
  width: 96%;
  margin: 20px auto 0 auto;
  padding: 15px 50px 15px 20px;
  background-color: #ffffff;
  border: 1px solid #afaeaf;
  color: #061987;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
}

.select-menu-interne::after {
  position: absolute;
  font-family: 'tse';
  content: "\e907";
  color: #061987;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8rem;
}

.word-detect {
  color: #061987;
}

/* Formulaires*/
article .col div.left, article .col div.right {
  padding-top: 20px;
  display: inline-block;
  vertical-align: top;
  width: 48%;
}

article .col .webform-client-form {
  max-width: 456px;
  width: 100%;
}

.form-item, article .col .form-actions {
  margin: 30px 12px 30px 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .form-item, article .col .form-actions {
    margin: 10px 0;
    display: block;
    width: 100%;
  }
}

.form-item.form-type-radio input, .form-item.form-type-checkbox input, article .col .form-actions.form-type-radio input, article .col .form-actions.form-type-checkbox input {
  width: auto;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}

.form-item.form-type-radio label, .form-item.form-type-checkbox label, article .col .form-actions.form-type-radio label, article .col .form-actions.form-type-checkbox label {
  max-width: 90%;
  vertical-align: top;
}

.webform-client-form .selectric .label {
  height: 68px;
  padding: 15px;
}

.webform-client-form input, .webform-client-form textarea {
  padding: 20px;
}

.webform-client-form input.form-submit, .webform-client-form textarea.form-submit {
  padding: 16px;
  font-size: 1.2rem;
  font-weight: 500;
}

.webform-client-form input.form-submit:hover, .webform-client-form textarea.form-submit:hover {
  background-color: rgba(6, 25, 135, 0.6);
}

.webform-client-form.webform-paypal-form .webform-previous {
  padding: 8px 16px;
  display: inline-block;
  width: auto;
  margin-bottom: 30px;
}

.webform-client-form.webform-paypal-form div.paypal-buttons {
  display: block !important;
  margin: auto;
}

.webform-client-form .webform-progressbar {
  display: none;
}

.date-padding .form-item {
  margin-right: 12px;
}

.container-inline-date .form-type-date-select {
  margin-right: 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .container-inline-date div, .container-inline-date .date-padding, .container-inline-date .form-item {
    float: none;
    width: 100%;
  }
  .container-inline-date .form-item {
    margin-right: 0;
    display: block;
    float: none;
  }
  .container-inline-date .form-item .form-item {
    float: none;
  }
}

label {
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
}

input {
  border: 1px solid rgba(175, 174, 175, 0.5);
  padding: 10px 10px 11px 10px;
  color: #4a4a4a;
  width: 100%;
}

input.form-submit {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-color: #061987;
  padding: 10px 30px;
}

textarea {
  border: 1px solid rgba(175, 174, 175, 0.5);
  padding: 10px 10px 11px 10px;
  color: #4a4a4a;
  width: 100%;
}

#user-login {
  max-width: 1140px;
  width: 100%;
  margin: 20px auto;
  font-size: 1.6rem;
}

#user-login .form-item {
  padding: 10px 0;
}

#user-login .form-item input {
  margin: 5px 0;
}

#user-login .description {
  font-style: italic;
  font-size: 1.4rem;
  padding-bottom: 15px;
}

fieldset {
  padding: 1.5% 1.5% 1.5% 2.5%;
  margin-bottom: 40px;
  border: 2px solid #061987;
}

fieldset legend {
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 500;
  background: #ffffff;
}

/* HEADER */
header.header {
  background-color: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  text-align: right;
}

header.header .center-wrap {
  margin: 0 auto;
}

header.header .top {
  background-color: #061987;
  color: #ffffff;
  padding: 0 10px;
  font-size: 1.0rem;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

header.header .top ul {
  display: inline-block;
  vertical-align: middle;
}

header.header .top ul:first-child {
  float: left;
  margin-top: 2px;
}

header.header .top ul:first-child li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
}

header.header .top ul:first-child li:first-child {
  margin-left: 10px;
}

header.header .top ul:first-child ul {
  display: none;
}

header.header .top ul.social-networks {
  font-size: 1.3rem;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

header.header .top ul.social-networks li {
  padding-top: 10px;
}

header.header .top ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 8px 10px;
}

header.header .top ul li.small {
  font-size: 0.9rem;
}

header.header .logo {
  display: block;
  float: left;
  transform: translate(0, -35%);
  width: 14%;
  width: 209px;
}

header.header .logo img {
  display: block;
  height: auto;
}

@media only screen and (min-width: 0px) and (max-width: 1400px) {
  header.header .logo {
    margin: 0;
    width: 12%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header.header .logo {
    transform: none;
  }
}

header.header .main-menu {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 1%;
}

header.header .main-menu > ul > li:last-child {
  margin: 0 0 0 10px;
}

header.header .main-menu > ul > li > a {
  padding: 30px 0;
}

header.header .main-menu li {
  display: inline-block;
  margin: 0 10px;
  font-weight: 300;
  letter-spacing: 1.08px;
  font-size: 1.65rem;
  cursor: pointer;
}

header.header .main-menu li a {
  padding: 5px;
  color: #061987;
  font-weight: 300;
  display: block;
}

header.header .main-menu li .icon {
  font-size: 0.4rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 2px;
}

header.header .main-menu li > :hover > a, header.header .main-menu li.actif > a {
  color: #061987;
}

header.header .main-menu li > :hover > a .icon, header.header .main-menu li.actif > a .icon {
  transform: rotate(180deg);
}

header.header .main-menu li div {
  position: absolute;
  top: 90%;
  right: 0;
  width: 75%;
  background-color: #ffffff;
  text-align: left;
  padding: 56px 0 0 40px;
  display: none;
}

@media only screen and (min-width: 1140px) and (max-width: 1300px) {
  header.header .main-menu li div {
    width: 85%;
  }
}

header.header .main-menu li div h2 {
  font-size: 4.0rem;
  text-transform: none;
  font-weight: 300;
  padding-bottom: 15px;
}

header.header .main-menu li div h2::first-letter {
  text-transform: uppercase;
}

header.header .main-menu li div img {
  float: right;
  display: block;
  margin-left: 20px;
}

header.header .main-menu li div ul {
  width: calc(100% - 438px);
  font-size: 0;
  column-count: 2;
}

header.header .main-menu li div li {
  width: 100%;
  margin: 8px 0;
  padding: 0;
  text-transform: none;
  vertical-align: top;
  letter-spacing: normal;
  font-weight: 500;
  font-size: 1.4rem;
  padding-left: 12px;
  position: relative;
}

header.header .main-menu li div li .icon {
  font-size: 0.95rem;
  color: #ff2b46;
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0;
}

header.header .language-switcher-locale-url {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 20px;
}

header.header .language-switcher-locale-url li {
  display: inline-block;
}

header.header .language-switcher-locale-url li:last-child a {
  padding: 10px 0 10px 20px;
}

header.header .language-switcher-locale-url li a {
  color: #061987;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  padding: 10px 20px;
}

header.header .language-switcher-locale-url li a.language-link.active {
  text-decoration: underline;
}

header.header .search-block-form {
  display: inline-block;
  padding: 15px 0;
}

header.header .search-block-form .form-item {
  margin: 0;
}

header.header .search-block-form h2, header.header .search-block-form label {
  display: none;
}

header.header .search-block-form .container-inline {
  position: relative;
  border: 1px solid #061987;
  width: calc(100vw / 12 * 1.5);
  font-size: 0;
  background: #ffffff;
}

header.header .search-block-form .container-inline div {
  display: inline-block;
  width: calc(100% - 34px);
  font-size: 13px;
}

header.header .search-block-form .container-inline div.form-actions {
  position: relative;
  width: 30px;
}

header.header .search-block-form .container-inline div.form-actions::after {
  font-family: 'tse';
  content: "\e909";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  color: #061987;
}

header.header .search-block-form .container-inline div.form-actions .form-submit {
  margin-top: 0;
}

header.header .search-block-form .container-inline input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding: 12px;
  color: #061987;
  font-weight: 300;
  width: 100%;
  font-size: 13px;
}

header.header .search-block-form .container-inline input:-ms-input-placeholder {
  color: #061987;
}

header.header .search-block-form .container-inline input::placeholder {
  color: #061987;
}

header.header .search-block-form .container-inline input:focus {
  outline: none;
}

header.header .search-block-form .container-inline input.form-submit {
  background: none;
  font-size: 0;
  position: relative;
  cursor: pointer;
  padding: 19px 15px;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  header.header .search-block-form .form-item {
    width: auto;
  }
}

header.header.search-open::after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.8);
}

header.header.search-open .search-block-form {
  position: relative;
  z-index: 200;
  border-radius: 3px;
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header.header.search-open .search-block-form {
    position: absolute;
  }
}

header .menu-mobile {
  display: none;
  transition: all ease 0.3s;
  position: relative;
  padding: 20px 0;
  margin: 8px 10px;
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header .menu-mobile {
    display: inline-block;
  }
}

header .menu-mobile span {
  display: block;
  width: 30px;
  height: 2px;
  background-color: #061987;
  transition: all 0.3s ease;
}

header .menu-mobile::before, header .menu-mobile::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #061987;
  left: 0;
  top: 50%;
  transform: translateY(-600%);
  transition: transform 0.3s ease;
  transform-origin: center;
}

header .menu-mobile::after {
  transform: translateY(500%);
}

header .menu-mobile.actif span {
  background-color: #fff;
}

header .menu-mobile.actif::before {
  transform: translateY(-50%) rotate(45deg);
}

header .menu-mobile.actif::after {
  transform: translateY(-50%) rotate(-45deg);
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header.header {
    padding-top: 0;
  }
  header.header .logo {
    position: absolute;
    width: 126px;
    height: 43px;
    left: 10px;
    top: 27px;
    background: url("../images/site/logo-tse-mini.svg") no-repeat;
    margin: 0;
  }
  header.header .logo img {
    display: none;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) and (min-width: 0px) and (max-width: 767px) {
  header.header .logo {
    width: 80px;
    background-size: contain;
    background-position: center 5px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) and (min-width: 0px) and (max-width: 321px) {
  header.header .logo {
    width: 65px;
    background-position: center 8px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header.header .top {
    display: none;
    position: relative;
    top: inherit;
    left: inherit;
    text-align: left;
    padding: 0;
    background-color: #ffffff;
    border-bottom: 2px solid #afaeaf;
    font-size: 1.2rem;
  }
  header.header .top ul {
    margin: 0;
    padding: 10px 0;
    color: #4a4a4a;
  }
  header.header .top ul:first-child {
    float: none;
    display: block;
    float: none;
    border-top: 2px solid #afaeaf;
    border-bottom: 2px solid #afaeaf;
    margin-top: 15px;
  }
  header.header .top ul:first-child li {
    margin: 0 10px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) and (min-width: 0px) and (max-width: 767px) {
  header.header .top ul:first-child li {
    margin: 0;
    width: 48%;
  }
  header.header .top ul:first-child li:first-child {
    margin: 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1139px) {
  header.header .top ul.social-networks {
    margin: 0;
    border-left: 2px solid #afaeaf;
  }
  header.header .top ul a {
    color: #4a4a4a;
  }
  header.header .top ul .icon::before {
    color: #4a4a4a;
  }
  header.header .main-menu {
    display: none;
    width: 100%;
    margin: 0;
    font-size: 1.8rem;
  }
  header.header .main-menu li {
    display: block;
    text-align: left;
    margin: 10px;
  }
  header.header .main-menu li a {
    display: block;
    position: relative;
  }
  header.header .main-menu li a .icon-arrow-bottom {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
  }
  header.header .main-menu li a .icon-arrow-bottom::before {
    content: "\e918";
    color: #061987;
  }
  header.header .main-menu li.actif a .icon-arrow-bottom::before {
    content: "\e90e";
    font-size: 0.8rem;
  }
  header.header .main-menu li div {
    position: relative;
    top: inherit;
    right: inherit;
    padding: 15px 0;
    width: 100%;
  }
  header.header .main-menu li div h2, header.header .main-menu li div img {
    display: none;
  }
  header.header .main-menu li div ul {
    width: 100%;
    column-count: 1;
  }
  header.header .main-menu li div li {
    width: 100%;
    font-size: 1.6rem;
    margin: 10px 0;
  }
  header.header .main-menu li div li .icon {
    left: -10px;
  }
  header.header .search-block-form {
    position: absolute;
    top: 35px;
    right: 90px;
    margin: 0;
  }
  header.header .search-block-form .container-inline {
    width: calc(100vw / 12 * 2);
  }
  header.header .search-block-form .container-inline input {
    padding: 5px 10px;
  }
  header.header .search-block-form .container-inline input.form-submit {
    padding: 10px 15px;
  }
}

/* SECTION */
section h1 {
  font-size: 3.6rem;
  line-height: 46px;
}

section h1 span {
  font-size: 1.4rem;
  font-weight: normal;
}

section article {
  background-color: #ffffff;
  display: table;
  width: 100%;
}

section article .headband {
  background-color: #ffffff;
}

section article .headband .center-wrap {
  padding: 10px 0;
}

section article .headband p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.0rem;
  margin: 0;
  padding: 0 20px;
  display: inline-block;
  letter-spacing: 1.36px;
  border-right: 1px solid rgba(74, 74, 74, 0.3);
}

section article .headband p:nth-of-type(1) {
  padding-left: 0;
}

section article.node-accueil-rubrique, section article.node-groupe-de-recherche {
  background-color: #ffffff;
}

section article.node-accueil-rubrique a, section article.node-groupe-de-recherche a {
  color: #4a4a4a;
}

section article.node-accueil-rubrique h2 {
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 40px;
  position: relative;
}

section article.node-accueil-rubrique h2::after {
  content: "\e90e";
  font-family: 'tse';
  font-size: 0.5rem;
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
}

section article .center-wrap {
  margin: 0 auto;
  padding: 30px 0;
  font-size: 1.6rem;
}

@media only screen and (max-width: 1245px) {
  section article .center-wrap {
    padding: 2%;
  }
}

section article h2 {
  font-size: 4.0rem;
  font-weight: 300;
  line-height: 44px;
  padding: 20px 0 5px 0;
}

section article h3 {
  font-size: 2.0rem;
  line-height: 27px;
  font-weight: 500;
  color: #061987;
  padding: 20px 0 5px 0;
}

section article p {
  line-height: 28px;
  padding: 6px 0;
  font-size: 1.6rem;
}

section article p.chapeau {
  font-weight: 500;
}

section article p .mods-unquoted-title .mods-title {
  cursor: inherit;
  color: inherit;
}

section article p a.mods-link-item {
  color: #061987;
}

section article p a.mods-link-item.no-link {
  color: #4a4a4a;
}

@media only screen and (max-width: 1023px) {
  section article p img {
    display: block;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 !important;
  }
}

@media only screen and (max-width: 1023px) {
  section article iframe {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  section article figure img {
    display: block;
    width: 100%;
    height: auto;
  }
}

section article ul {
  padding: 6px 0 6px 10px;
  font-size: 1.6rem;
}

section article ul li {
  padding: 3px 0;
  list-style-type: none;
  position: relative;
  padding-left: 18px;
}

section article ul li::before {
  font-family: 'tse';
  content: "\e902";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #061987;
  font-size: 0.5rem;
  font-weight: 500;
}

section article ol {
  padding: 6px 0 6px 10px;
}

section article ol li {
  padding: 3px 0;
  position: relative;
  margin-left: 18px;
}

section article a {
  color: #061987;
}

section article table {
  width: 100% !important;
  margin: 10px 0;
}

section article table td, section article table th {
  border-collapse: collapse;
  padding: 5px 10px;
  border: 1px solid rgba(175, 174, 175, 0.5);
  vertical-align: top;
}

section article table td h2, section article table td h3, section article table td h4, section article table th h2, section article table th h3, section article table th h4 {
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 1023px) {
  section article table td img, section article table th img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}

section article table th {
  padding: 20px 10px;
}

section article table th > * {
  text-transform: uppercase;
  color: #061987;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.75px;
}

section article hr {
  display: block;
  width: 100%;
  clear: both;
  margin: 40px 0;
  height: 1px;
  background-color: #afaeaf;
}

section article fieldset legend a {
  color: #4a4a4a;
}

section article .selectric-items li:before {
  display: none;
}

section article div.row {
  display: block;
  width: 100%;
  font-size: 0;
}

section article div.row .col2 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 1.6rem;
  padding: 0 0 0 2%;
}

section article div.row .col2:first-child {
  padding: 0 2% 0 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section article div.row .col2 {
    display: block;
    width: 100%;
    padding: 0;
  }
  section article div.row .col2:first-child {
    padding: 0;
  }
}

section article p.bt-blue {
  margin: 5px 0 20px 0;
  background-color: #061987;
  border-radius: 3px;
  padding: 0;
}

section article p.bt-blue a {
  display: block;
  padding: 20px 15% 20px 5%;
  color: #ffffff;
  position: relative;
}

section article p.bt-blue a::before {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  content: "\e90e";
  font-family: 'tse';
  color: #ffffff;
  font-size: 0.7rem;
}

section article p.bt-blue.inscription {
  display: inline-block;
  margin-left: 50%;
  transform: translate(-50%, 0);
  margin-top: 25px;
}

section article p.bt-blue.inscription a {
  padding: 20px 40px 20px 25px;
  font-weight: bold;
}

section article p.bt-blue.inscription a::before {
  right: 8%;
}

section article p.bt-blue.blue1 {
  background-color: rgba(6, 25, 135, 0.4);
}

section article p.bt-blue.blue2 {
  background-color: rgba(6, 25, 135, 0.55);
}

section article p.bt-blue.blue3 {
  background-color: rgba(6, 25, 135, 0.75);
}

section article p.bt-blue.blue4 {
  background-color: #061987;
}

section article p.bt-blue.blue5 {
  background-color: #0076ad;
}

section article .col {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  padding: 0 20px;
}

section article .col:nth-of-type(2) {
  width: 28%;
  margin-left: 1.5%;
  background-color: #ffffff;
  padding: 0;
}

section article .col:nth-of-type(2) .b-infos {
  margin: 20px;
}

section article .col:nth-of-type(2) .b-infos h2 {
  font-size: 2.0rem;
  padding: 0 0 0 30px;
  background: url("../images/site/picto-more.svg") no-repeat left center;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
  text-transform: none;
}

section article .col:nth-of-type(2) .b-infos h2::after {
  content: "";
}

section article .col:nth-of-type(2) .b-infos.doc h2 {
  background: none;
  padding: 0;
}

section article .col:nth-of-type(2) .b-infos.bloc {
  margin: 30px 0 0 0;
}

section article .col:nth-of-type(2) .b-infos.bloc figure {
  position: relative;
}

section article .col:nth-of-type(2) .b-infos.bloc figure img {
  width: 100%;
}

section article .col:nth-of-type(2) .b-infos.bloc figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.4);
}

section article .col:nth-of-type(2) .b-infos.bloc figure::before {
  position: absolute;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '\e900';
  font-family: 'tse';
  color: #ffffff;
  z-index: 10;
  font-size: 5.4rem;
}

section article .col:nth-of-type(2) .b-infos.bloc a {
  color: #4a4a4a;
}

section article .col:nth-of-type(2) .b-infos.bloc h2 {
  background: none;
  padding: 0 0 0 20px;
}

section article .col:nth-of-type(2) .b-infos.bloc p {
  padding: 20px;
  text-align: justify;
}

section article .col:nth-of-type(2) .b-infos.bloc img {
  width: 100%;
}

section article .col:nth-of-type(2) .b-infos li {
  padding-left: 0;
  border-bottom: 2px solid rgba(175, 174, 175, 0.2);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

section article .col:nth-of-type(2) .b-infos li::before {
  display: none;
  padding-left: 0;
}

section article .col:nth-of-type(2) .b-infos li a {
  display: block;
  color: #4a4a4a;
  font-size: 1.5rem;
  font-weight: 500;
}

section article .col:nth-of-type(2) .b-infos li a.pdf {
  padding-right: 40%;
}

section article .col:nth-of-type(2) .b-infos li a.pdf::after {
  content: "\e91f";
}

section article .col:nth-of-type(2) .b-infos li a.link {
  padding-right: 40%;
}

section article .col:nth-of-type(2) .b-infos li a.sd {
  padding-right: 40%;
}

section article .col:nth-of-type(2) .b-infos.social h2 {
  background: url("../images/site/picto-share.svg") no-repeat left center;
}

section article .col:nth-of-type(2) .b-infos.social ul {
  font-size: 0;
}

section article .col:nth-of-type(2) .b-infos.social li {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  min-height: 71px;
  border: 1px solid rgba(175, 174, 175, 0.2);
  border-left: none;
  text-align: center;
}

section article .col:nth-of-type(2) .b-infos.social li.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  section article .col:nth-of-type(2) .b-infos.social li.mobile {
    display: inline-block;
  }
}

section article .col:nth-of-type(2) .b-infos.social li:first-child {
  border-left: 1px solid rgba(175, 174, 175, 0.2);
}

section article .col:nth-of-type(2) .b-infos.social li:hover {
  background-color: #ffffff;
}

section article .col:nth-of-type(2) .b-infos.social li a {
  font-size: 0.9rem;
  font-weight: 300;
  padding: 20px 0 5px 0;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(4) {
  border-left: 1px solid rgba(175, 174, 175, 0.2);
  background: url("../images/site/icon-outlook.png") center center no-repeat;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(5) {
  border-left: 1px solid rgba(175, 174, 175, 0.2);
  background: url("../images/site/icon-google.png") center center no-repeat;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(n+4) a {
  padding: 10px 0 0 0;
  position: relative;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(4), section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(5) {
  background-size: 32px 32px;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(4) a, section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(5) a {
  font-size: 4rem;
}

section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(4) a span:before, section article .col:nth-of-type(2) .b-infos.social li:nth-of-type(5) a span:before {
  content: "";
}

section article .col:nth-of-type(2) .b-infos.social li .icon {
  font-size: 2.0rem;
}

section article .col:nth-of-type(2) .b-infos.social li .icon-facebook {
  color: #4e6ba0;
}

section article .col:nth-of-type(2) .b-infos.social li .icon-twitter {
  color: #5aaeeb;
}

section article .col:nth-of-type(2) .b-infos.social li .icon-linkedin {
  color: #1379b3;
}

section article .col:nth-of-type(2) .b-infos.social li .icon-plus {
  position: absolute;
  right: 15px;
  top: 8px;
  color: #ffffff;
  background-color: #ff2b46;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  padding-top: 1px;
  font-size: 0.6rem;
}

section article .col:nth-of-type(2) .b-infos.social .colors li {
  border: none;
  margin: 10px 3%;
  width: 27%;
  min-height: inherit;
  padding: 0;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a {
  display: block;
  padding: 0;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i {
  padding: 36px 0;
  display: block;
  color: #ffffff;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i.icon-facebook {
  background-color: #4e6ba0;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i.icon-twitter {
  background-color: #5aaeeb;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i.icon-linkedin {
  background-color: #1379b3;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i.icon-flickr {
  background-color: #ffffff;
  color: #4a4a4a;
}

section article .col:nth-of-type(2) .b-infos.social .colors li a i.icon-youtube {
  background-color: #ff2b46;
}

section article .col:nth-of-type(2) .b-infos.people, section article .col:nth-of-type(2) .b-infos.contact {
  margin: 0;
  padding: 20px;
  background-image: linear-gradient(134deg, #061987 0%, rgba(6, 25, 135, 0.7) 100%);
  color: #ffffff;
}

section article .col:nth-of-type(2) .b-infos.people a, section article .col:nth-of-type(2) .b-infos.contact a {
  color: #ffffff;
}

section article .col:nth-of-type(2) .b-infos.people h2, section article .col:nth-of-type(2) .b-infos.contact h2 {
  background: url("../images/site/picto-stars.svg") no-repeat left center;
}

section article .col:nth-of-type(2) .b-infos.people li, section article .col:nth-of-type(2) .b-infos.contact li {
  border: none;
  clear: both;
  display: block;
  min-height: 68px;
}

section article .col:nth-of-type(2) .b-infos.people li figure, section article .col:nth-of-type(2) .b-infos.people li .icon-avatar, section article .col:nth-of-type(2) .b-infos.contact li figure, section article .col:nth-of-type(2) .b-infos.contact li .icon-avatar {
  border-radius: 50%;
  width: 68px;
  height: 68px;
  margin: 0 10px 10px 0;
  float: left;
}

section article .col:nth-of-type(2) .b-infos.people li figure img, section article .col:nth-of-type(2) .b-infos.people li .icon-avatar img, section article .col:nth-of-type(2) .b-infos.contact li figure img, section article .col:nth-of-type(2) .b-infos.contact li .icon-avatar img {
  display: block;
  width: 100%;
  height: auto;
}

section article .col:nth-of-type(2) .b-infos.people li .icon-avatar, section article .col:nth-of-type(2) .b-infos.contact li .icon-avatar {
  background-color: #ffffff;
  color: #061987;
  font-size: 3.5rem;
  position: relative;
}

section article .col:nth-of-type(2) .b-infos.people li .icon-avatar::before, section article .col:nth-of-type(2) .b-infos.contact li .icon-avatar::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section article .col:nth-of-type(2) .b-infos.people li span, section article .col:nth-of-type(2) .b-infos.contact li span {
  display: block;
  padding-bottom: 3px;
}

section article .col:nth-of-type(2) .b-infos.people li span.function, section article .col:nth-of-type(2) .b-infos.contact li span.function {
  font-weight: 300;
  font-size: 1.2rem;
}

section article .col:nth-of-type(2) .b-infos.contact p {
  font-size: 1.3rem;
  line-height: inherit;
  padding: 3px 0;
}

section article .col:nth-of-type(2) .b-infos.contact h2 {
  background: url("../images/site/picto-email.svg") no-repeat left center;
  margin-bottom: 5px;
}

section article .col:nth-of-type(2) .b-infos.related .view-actualites, section article .col:nth-of-type(2) .b-infos.related .view-debate {
  margin: 0;
  padding: 0;
}

section article .col:nth-of-type(2) .b-infos.related h2 {
  background: url("../images/site/picto-same.svg") no-repeat left center;
}

section article .col:nth-of-type(2) .b-infos.related a.scale {
  color: #4a4a4a;
  display: block;
  margin-bottom: 20px;
}

section article .col:nth-of-type(2) .b-infos.related figure img {
  display: block;
  width: 100%;
  height: auto;
}

section article .col:nth-of-type(2) .b-infos.related p {
  font-weight: 500;
  line-height: normal;
}

section article .col:nth-of-type(2) .b-infos.related p.date {
  font-weight: 300;
  line-height: normal;
  font-size: 1.1rem;
  padding-bottom: 0;
}

section article .col:nth-of-type(2) .b-infos.related p.date i {
  margin-right: 6px;
}

section article .col .view-focus {
  padding: 0;
}

section article .col .view-focus .focus {
  width: 48.5%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

section article .col .view-focus .focus:nth-of-type(3n) {
  margin: 12px 1%;
}

section article .col .view-focus .focus:nth-of-type(1), section article .col .view-focus .focus:nth-of-type(3n+1) {
  margin: 12px 1%;
}

section article .col .view-focus .focus:nth-of-type(odd) {
  margin: 12px 1% 12px 0;
}

section article .col .view-focus .focus:nth-of-type(even) {
  margin: 12px 0 12px 1%;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
  section article .col .view-focus .focus {
    padding-bottom: 56%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section article .col .view-focus .focus:nth-of-type(3n), section article .col .view-focus .focus:nth-of-type(1), section article .col .view-focus .focus:nth-of-type(3n+1) {
    margin: 12px 1%;
  }
  section article .col .view-focus .focus:nth-of-type(odd) {
    margin: 12px 1% 12px 0;
  }
  section article .col .view-focus .focus:nth-of-type(even) {
    margin: 12px 0 12px 1%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section article .col .view-focus .focus {
    width: 100%;
  }
  section article .col .view-focus .focus:nth-of-type(odd) {
    margin: 20px 0;
  }
  section article .col .view-focus .focus:nth-of-type(even) {
    margin: 20px 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section article .col {
    width: 100%;
    display: block;
    padding: 0;
  }
  section article .col:nth-of-type(2) {
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 0;
  }
}

section article .cv table td {
  border: none;
}

section article .cv table td:nth-of-type(1) {
  width: 20%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section article .cv table td:nth-of-type(1) {
    width: auto;
  }
}

section article.node-groupe-de-recherche {
  background-color: #ffffff;
}

section article.node-groupe-de-recherche .center-wrap a {
  color: #061987;
}

section article.node-groupe-de-recherche .center-wrap a.no-link {
  cursor: inherit;
  color: #4a4a4a;
}

section article.node-groupe-de-recherche .center-wrap .view-membres .line {
  color: #4a4a4a;
}

section article.node-groupe-de-recherche .center-wrap .view-membres .line:hover {
  color: #ffffff;
}

section article.node-groupe-de-recherche .b-presentation .chapeau img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

section #global-inscription-form .col .b-infos li {
  min-height: initial;
  padding-bottom: 0;
  margin-bottom: 0;
}

section .view-push-simple {
  margin-top: 40px;
}

section .view-push-simple .push {
  display: inline-block;
  vertical-align: top;
  width: 31.7%;
  margin: 0px 1% 40px 1%;
  position: relative;
  z-index: 2;
  font-size: 2.0rem;
}

section .view-push-simple .push:nth-of-type(1), section .view-push-simple .push:nth-of-type(3n+1) {
  margin: 0 1% 20px 0;
}

section .view-push-simple .push:nth-of-type(3n+2) h2 {
  border-top-color: #d06345;
  color: #d06345;
}

section .view-push-simple .push:nth-of-type(3n) {
  margin: 0 0 20px 1%;
}

section .view-push-simple .push::after {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: 0;
  left: 2%;
  width: 96%;
  height: 113px;
  box-shadow: 0px 5px 15px 0px rgba(106, 106, 106, 0.5);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  section .view-push-simple .push {
    margin: 0 0 40px 0;
  }
}

section .view-push-simple .push a {
  color: #ffffff;
}

section .view-push-simple .push figure img {
  display: block;
  width: 100%;
  height: auto;
}

section .view-push-simple .push h2 {
  border-top: 1px solid #061987;
  padding: 20px 0 30px;
  font-weight: 300;
  color: #061987;
  font-size: 1.2em;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-push-simple .push {
    width: 100%;
    margin: 0 0 40px 0;
  }
  section .view-push-simple .push:nth-of-type(1), section .view-push-simple .push:nth-of-type(3n+1) {
    margin: 0 0 40px 0;
  }
  section .view-push-simple .push:nth-of-type(3n) {
    margin: 0 0 40px 0;
  }
}

section .view-focus, section .view-actualites {
  padding-bottom: 20px;
  font-size: 0;
}

section .view-focus .focus, section .view-actualites .focus {
  display: inline-block;
  vertical-align: top;
  width: 32.3%;
  margin: 60px 1% 0 0;
  font-size: 1.2rem;
  position: relative;
  padding: 20px 0 0 0;
  border-top: 1px solid #d06345;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-focus .focus, section .view-actualites .focus {
    width: 49%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-focus .focus, section .view-actualites .focus {
    width: 98%;
  }
}

section .view-focus .focus a.scale, section .view-actualites .focus a.scale {
  box-shadow: none !important;
  display: -ms-flexbox;
  display: flex;
  height: 321px;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-focus .focus a.scale, section .view-actualites .focus a.scale {
    height: 361px;
  }
}

section .view-focus .focus a.scale .cat, section .view-actualites .focus a.scale .cat {
  border-bottom: 1px solid #d06345;
  padding: 0 0 10px 0;
  color: #d06345;
  margin: 0 0 20px 0;
  line-height: 2.08em;
  letter-spacing: 2.77px;
  text-transform: uppercase;
  font-weight: 400;
}

section .view-focus .focus figure, section .view-actualites .focus figure {
  position: relative;
  width: 45%;
}

section .view-focus .focus figure::before, section .view-actualites .focus figure::before {
  content: '';
  display: block;
  padding-top: 40%;
}

section .view-focus .focus img, section .view-actualites .focus img {
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

section .view-focus .focus .focus-content, section .view-actualites .focus .focus-content {
  position: relative;
  width: 55%;
  padding: 0 3% 39px 3%;
}

section .view-focus .focus .focus-content .cat, section .view-actualites .focus .focus-content .cat {
  padding: 12px 0;
  margin-bottom: 12px;
}

section .view-focus .focus .focus-content .cat::after, section .view-actualites .focus .focus-content .cat::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8%;
  height: 1px;
  background-color: #061987;
}

section .view-focus .focus .focus-content h2, section .view-actualites .focus .focus-content h2 {
  font-size: 2.5rem;
  line-height: 23px;
  padding-bottom: 5px;
  margin: 15px 0;
  font-weight: 300;
  text-transform: initial;
}

section .view-focus .focus .focus-content p, section .view-actualites .focus .focus-content p {
  font-weight: 300;
}

section .view-focus .focus span.more, section .view-actualites .focus span.more {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #061987;
  font-weight: 500;
}

section .view-focus .focus span.more .icon, section .view-actualites .focus span.more .icon {
  font-size: 0.6rem;
  padding-left: 10px;
}

section .view-focus .focus.only .focus-content, section .view-actualites .focus.only .focus-content {
  width: 100%;
  padding: 0 5%;
}

section .view-focus .focus.video figure, section .view-focus .focus.video .focus-content, section .view-actualites .focus.video figure, section .view-actualites .focus.video .focus-content {
  width: 100%;
  min-height: inherit;
  display: block;
}

section .view-focus .focus.video figure::after, section .view-actualites .focus.video figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.4);
}

section .view-focus .focus.video figure::before, section .view-actualites .focus.video figure::before {
  position: absolute;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '\e900';
  font-family: 'tse';
  color: #ffffff;
  z-index: 10;
  font-size: 5.4rem;
}

section .view-focus .focus.video figure img, section .view-actualites .focus.video figure img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

section .view-focus .focus.video .focus-content, section .view-actualites .focus.video .focus-content {
  padding: 0 5%;
}

section .view-focus .focus.media-photos, section .view-actualites .focus.media-photos {
  border: none;
  width: 23.5%;
  padding-bottom: 34%;
}

section .view-focus .focus.media-photos:nth-of-type(3n), section .view-focus .focus.media-photos:nth-of-type(3n+1), section .view-actualites .focus.media-photos:nth-of-type(3n), section .view-actualites .focus.media-photos:nth-of-type(3n+1) {
  margin: 12px 1%;
}

section .view-focus .focus.media-photos:nth-of-type(4n), section .view-actualites .focus.media-photos:nth-of-type(4n) {
  margin: 12px 0 12px 1%;
}

section .view-focus .focus.media-photos:nth-of-type(1), section .view-focus .focus.media-photos:nth-of-type(4n+1), section .view-actualites .focus.media-photos:nth-of-type(1), section .view-actualites .focus.media-photos:nth-of-type(4n+1) {
  margin: 12px 1% 12px 0;
}

section .view-focus .focus.media-photos figure, section .view-focus .focus.media-photos .focus-content, section .view-actualites .focus.media-photos figure, section .view-actualites .focus.media-photos .focus-content {
  width: 100%;
  min-height: inherit;
  display: block;
}

section .view-focus .focus.media-photos figure img, section .view-actualites .focus.media-photos figure img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-focus .focus.hub, section .view-focus .focus.media-photos, section .view-actualites .focus.hub, section .view-actualites .focus.media-photos {
    width: 48.55%;
  }
  section .view-focus .focus.hub:nth-of-type(3n), section .view-focus .focus.hub:nth-of-type(3n+1), section .view-focus .focus.media-photos:nth-of-type(3n), section .view-focus .focus.media-photos:nth-of-type(3n+1), section .view-actualites .focus.hub:nth-of-type(3n), section .view-actualites .focus.hub:nth-of-type(3n+1), section .view-actualites .focus.media-photos:nth-of-type(3n), section .view-actualites .focus.media-photos:nth-of-type(3n+1) {
    margin: 20px 1% 20px 0;
  }
  section .view-focus .focus.hub:nth-of-type(2n), section .view-focus .focus.media-photos:nth-of-type(2n), section .view-actualites .focus.hub:nth-of-type(2n), section .view-actualites .focus.media-photos:nth-of-type(2n) {
    margin: 20px 0 20px 1%;
  }
  section .view-focus .focus.media-photos, section .view-actualites .focus.media-photos {
    padding-bottom: 40%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
  section .view-focus .focus.hub, section .view-focus .focus.media-photos, section .view-actualites .focus.hub, section .view-actualites .focus.media-photos {
    width: 100%;
    margin: 20px 0;
  }
  section .view-focus .focus.hub:nth-of-type(1), section .view-focus .focus.hub:nth-of-type(2n), section .view-focus .focus.hub:nth-of-type(3n), section .view-focus .focus.hub:nth-of-type(4n), section .view-focus .focus.hub:nth-of-type(4n+1), section .view-focus .focus.media-photos:nth-of-type(1), section .view-focus .focus.media-photos:nth-of-type(2n), section .view-focus .focus.media-photos:nth-of-type(3n), section .view-focus .focus.media-photos:nth-of-type(4n), section .view-focus .focus.media-photos:nth-of-type(4n+1), section .view-actualites .focus.hub:nth-of-type(1), section .view-actualites .focus.hub:nth-of-type(2n), section .view-actualites .focus.hub:nth-of-type(3n), section .view-actualites .focus.hub:nth-of-type(4n), section .view-actualites .focus.hub:nth-of-type(4n+1), section .view-actualites .focus.media-photos:nth-of-type(1), section .view-actualites .focus.media-photos:nth-of-type(2n), section .view-actualites .focus.media-photos:nth-of-type(3n), section .view-actualites .focus.media-photos:nth-of-type(4n), section .view-actualites .focus.media-photos:nth-of-type(4n+1) {
    margin: 20px 0;
  }
  section .view-focus .focus.media-photos, section .view-actualites .focus.media-photos {
    padding-bottom: 90%;
  }
}

section .b-infos-col-right {
  padding: 0px 20px;
}

section .b-infos-col-right .view-focus .focus.hub {
  width: 100%;
  height: 350px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

section .b-infos-col-right .view-focus .focus.hub a.scale {
  position: relative;
  display: block;
  height: auto;
  box-shadow: none;
}

section .menu-event ul {
  margin: 0 auto 0 auto;
  max-width: 1140px;
  width: 100%;
  padding: 20px 0 0 0;
  font-size: 0;
  font-weight: 500;
}

section .menu-event ul li {
  display: inline-block;
  width: 20%;
  font-size: 1.4rem;
  text-align: center;
  padding: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .menu-event ul li {
    width: 50%;
  }
}

section .menu-event ul li a {
  display: block;
  padding: 20px 0;
  width: 100%;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #061987;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 20px;
}

section .menu-event ul li a.active {
  color: #061987;
  background-color: #ffffff;
}

section .view-references-objets-oai {
  margin: 0 auto 40px auto;
  max-width: 1140px;
  width: 100%;
  background-color: #ffffff;
  padding: 20px 0 0 0;
}

section .view-references-objets-oai .views-exposed-widget {
  padding: 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-references-objets-oai .views-exposed-widget {
    float: none;
    width: 100%;
  }
  section .view-references-objets-oai .views-exposed-widget .form-submit {
    width: 100%;
  }
  section .view-references-objets-oai .views-exposed-widget .form-item {
    margin: 10px 0;
  }
}

section .view-references-objets-oai .view-filters {
  padding: 10px 0;
}

section .view-references-objets-oai .view-filters .selectric, section .view-references-objets-oai .view-filters select {
  min-width: 200px;
}

section .view-references-objets-oai .view-filters .views-submit-button {
  background-color: #061987;
  color: #ffffff;
  position: relative;
}

section .view-references-objets-oai .view-filters .views-submit-button input {
  margin: 0;
  font-size: 0;
  padding: 0 20px;
  height: 40px;
  z-index: 2;
  position: relative;
  background: transparent;
  border: none;
}

section .view-references-objets-oai .view-filters .views-submit-button::after {
  font-family: 'tse';
  content: "\e909";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
}

section .view-references-objets-oai .view-empty {
  padding: 20px;
}

section .groupby-wrapper .groupby-header {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

section .groupby-wrapper .groupby-content {
  display: inline-block;
  vertical-align: top;
  width: 78%;
}

section .pagination {
  clear: both;
  width: 100%;
  margin: 40px 0;
  font-size: 0;
  padding: 0;
}

section .pagination li {
  display: inline-block;
  width: 48.5%;
  margin: 0 1.5% 0 0;
  vertical-align: top;
  text-align: left;
  font-size: 2.0rem;
  padding: 0;
}

section .pagination li::before {
  display: none;
}

section .pagination li a {
  display: block;
  border-top: 4px solid rgba(175, 174, 175, 0.2);
  padding: 10px 10%;
  font-weight: 500;
  line-height: 27px;
  position: relative;
  color: #4a4a4a;
  transition: all ease 0.3s;
}

section .pagination li a span {
  display: block;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 20px;
}

section .pagination li a i {
  position: absolute;
  top: 17px;
  left: 0;
  font-size: 0.7rem;
  color: #061987;
  font-weight: 300;
  transform: rotate(-180deg);
}

section .pagination li:nth-of-type(2) {
  text-align: right;
  margin: 0 0 0 1.5%;
}

section .pagination li:nth-of-type(2) a i {
  left: inherit;
  right: 0;
  transform: none;
}

section #comments, section .comment, section .comment-form {
  background-color: #ffffff;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  section #comments, section .comment, section .comment-form {
    padding: 20px 2%;
  }
}

section #comments h2, section .comment h2, section .comment-form h2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
  padding: 0 0 5px 0;
}

section #comments article, section .comment article, section .comment-form article {
  background-color: #ffffff;
  margin: 10px 0;
  border-top: 2px solid rgba(175, 174, 175, 0.2);
}

section #comments article:nth-of-type(1), section .comment article:nth-of-type(1), section .comment-form article:nth-of-type(1) {
  border: none;
}

section #comments .indented, section .comment .indented, section .comment-form .indented {
  padding-left: 20px;
}

section #comments .indented article, section .comment .indented article, section .comment-form .indented article {
  border-top: 1px dotted rgba(175, 174, 175, 0.5);
}

section #comments p, section .comment p, section .comment-form p {
  font-size: 1.1rem;
  line-height: 20px;
  padding: 3px 0;
}

section #comments h3, section .comment h3, section .comment-form h3 {
  padding: 5px 0;
  font-size: 2.0rem;
  color: #4a4a4a;
}

section #comments h3 a, section .comment h3 a, section .comment-form h3 a {
  color: #4a4a4a;
}

section #comments ul.links, section .comment ul.links, section .comment-form ul.links {
  font-size: 1.1rem;
}

section #comments ul.links li, section .comment ul.links li, section .comment-form ul.links li {
  display: inline-block;
  margin-left: 15px;
}

section #comments .form-item, section .comment .form-item, section .comment-form .form-item {
  margin-bottom: 20px;
}

section #comments .form-item label, section .comment .form-item label, section .comment-form .form-item label {
  font-size: 1.4rem;
  padding-bottom: 5px;
  display: inline-block;
}

section #comments .form-item input, section #comments .form-item textarea, section .comment .form-item input, section .comment .form-item textarea, section .comment-form .form-item input, section .comment-form .form-item textarea {
  font-size: 1.4rem;
}

section #comments .form-item .description, section .comment .form-item .description, section .comment-form .form-item .description {
  font-size: 1.2rem;
  font-style: italic;
  padding: 5px 0 0 0;
}

section .comment, section .comment-form {
  margin: 0 auto;
  max-width: 1140px;
  width: 100%;
}

.views_infinite_scroll-ajax-loader {
  text-align: center;
  padding: 30px 10px;
}

.page-events section .view-references-objets-oai .view-filters {
  padding-left: 20px;
  padding-right: 20px;
}

.page-debate section .menu-interne ul {
  padding-right: 110px;
}

/* FOOTER */
.btn {
  background-color: #061987;
  text-transform: uppercase;
  color: #ffffff;
  padding: 12px 50px 12px 20px;
  display: inline-block;
  font-weight: 500;
  font-size: 1.1rem;
  vertical-align: middle;
  border-radius: 2px;
}

.btn:after {
  content: "\e90e";
  font-family: 'tse';
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 21px;
}

.webform-submit,
.form-submit {
  width: auto;
  padding-left: 25px !important;
  padding-right: 25px !important;
  display: block;
  margin-top: 60px;
}

.view-bloc-partenaires {
  text-align: center;
  padding: 20px 0 40px;
}

.view-bloc-partenaires li {
  display: inline-block;
  margin: 0 18px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .view-bloc-partenaires li {
    margin: 0 0 20px 0;
    width: 25%;
  }
}

footer {
  padding: 20px 0;
}

footer .footer-menu {
  display: table;
  margin: 0 auto;
  padding: 53px 0 15px;
  max-width: 1140px;
  width: 100%;
  border-top: 1px solid #061987;
}

@media only screen and (max-width: 768px) {
  footer .footer-menu {
    display: block;
    background: none;
  }
}

footer .footer-menu .col-left {
  width: 25%;
  float: left;
  line-height: 24px;
}

footer .footer-menu .col-left img {
  margin-bottom: 23px;
}

footer .footer-menu .col-left h2 {
  margin-bottom: 7px;
  font-size: 1.22rem;
}

footer .footer-menu .col-left i {
  margin-right: 17px;
}

footer .footer-menu .col-left .map {
  margin: 18px 0 11px;
}

footer .footer-menu .col-left .map i {
  color: #ff2b46;
  margin-right: 8px;
}

footer .footer-menu .col-left .btn {
  margin-top: 21px;
}

@media only screen and (max-width: 768px) {
  footer .footer-menu .col-left {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
  }
  footer .footer-menu .col-left .map {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #afaeaf;
    border-bottom: 1px solid #afaeaf;
  }
}

footer .footer-menu .col-right {
  width: 75%;
  float: right;
}

@media only screen and (max-width: 768px) {
  footer .footer-menu .col-right {
    width: 100%;
  }
}

footer .footer-menu .col-right .menu-tree-menu,
footer .footer-menu .col-right .menu-header-secondaire-menu {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 0;
}

footer .footer-menu .col-right .menu-tree-menu li,
footer .footer-menu .col-right .menu-header-secondaire-menu li {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3);
  line-height: 20px;
  margin: 0 0 30px 0;
  font-size: 1.22rem;
}

@media only screen and (max-width: 768px) {
  footer .footer-menu .col-right .menu-tree-menu li,
  footer .footer-menu .col-right .menu-header-secondaire-menu li {
    width: 47%;
    margin: 0 3% 30px 0;
  }
}

footer .footer-menu .col-right .menu-tree-menu li a,
footer .footer-menu .col-right .menu-header-secondaire-menu li a {
  font-weight: 300;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 20px;
  color: #061987;
}

footer .footer-menu .col-right .menu-tree-menu li li,
footer .footer-menu .col-right .menu-header-secondaire-menu li li {
  display: block;
  width: 100%;
  margin: 0;
}

footer .footer-menu .col-right .menu-tree-menu li li a,
footer .footer-menu .col-right .menu-header-secondaire-menu li li a {
  font-size: 14px;
  line-height: 1.79em;
  margin: 0;
}

footer .footer-menu .col-right .menu-header-secondaire-menu {
  margin-top: 20px;
}

footer .footer-menu .col-right .menu-header-secondaire-menu li {
  width: calc((100% - 166px) / 5);
}

footer .footer-menu .footer-mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  footer .footer-menu .footer-mobile {
    display: block;
  }
}

footer .footer-menu .footer-mobile .footer-front-menu {
  width: 100%;
  border-top: 2px solid #d3d3d3;
  margin-top: 30px;
  padding-top: 22px;
  text-align: center;
}

footer .footer-menu .footer-mobile .footer-front-menu li {
  display: inline-block;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 1.2rem;
}

footer .footer-menu .footer-mobile .footer-front-menu li:after {
  content: '/';
  margin: 0 15px;
  font-size: 1rem;
}

footer .footer-menu .footer-mobile .footer-front-menu li:last-child:after {
  display: none;
}

footer .social-link {
  margin: 0 auto;
  max-width: 1140px;
  padding: 15px 0;
  border-top: 1px solid #061987;
}

@media only screen and (max-width: 1023px) {
  footer .social-link {
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  footer .social-link {
    float: none;
    width: 100%;
    text-align: center;
  }
}

footer .social-link li {
  display: inline-block;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  footer .social-link li {
    margin: 5px;
  }
}

footer .social-link li:first-child a {
  padding: 15px 15px 15px 0;
}

footer .social-link li a {
  color: #061987;
  display: inline-block;
  padding: 15px;
  font-size: 12px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  footer .social-link li a {
    padding: 10px;
  }
}

footer .social-link li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin: -2px 5px 0 0;
}

footer .social-link li a i.icon-flickr {
  font-size: 1rem;
}

footer .content {
  margin: 0 auto;
  max-width: 1140px;
  font-size: 0;
}

footer .content h3 {
  font-size: 20px;
  color: #061987;
  font-weight: 300;
  line-height: 0;
  margin: 0 0 35px 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #061987;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  footer .content h3 {
    padding: 30px 20px 0;
  }
}

footer .content .col {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3);
  font-size: 14px;
  color: #061987;
  font-weight: 300;
}

footer .content .col.double {
  width: 66%;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  footer .content .col {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  footer .content .col {
    width: 100% !important;
    margin: 0 0 20px 0;
  }
}

footer .content .col p {
  margin: 0 0 10px 0;
}

footer .content .col p a {
  color: #061987;
  font-weight: 500;
}

footer .content .btn {
  font-size: 13px;
  color: #061987;
  line-height: 1.54em;
  border: 1px solid #061987;
  padding: 10px 30px 10px 30px;
  text-transform: uppercase;
  background: transparent;
  font-weight: 300;
  border-radius: 0;
  margin: 0 0 60px 0;
}

footer .content .footer-front-menu {
  width: 100%;
  border-top: 1px solid #061987;
  padding: 30px 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  footer .content .footer-front-menu {
    padding: 30px 20px;
  }
}

footer .content .footer-front-menu li {
  display: inline-block;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 1.2rem;
}

footer .content .footer-front-menu li:after {
  content: '/';
  margin: 0 15px;
  font-size: 1rem;
}

footer .content .footer-front-menu li:last-child:after {
  display: none;
}

footer .content .footer-front-menu li a {
  color: #061987;
  text-transform: none;
  font-weight: 300;
  font-size: 15px;
}

.footer-social {
  background-color: #252525;
  padding: 22px 0;
}

.footer-social .center-wrap {
  display: table;
  margin-top: 0;
  margin-bottom: 0;
}

.footer-social .mention-link {
  float: right;
}

@media only screen and (max-width: 768px) {
  .footer-social .mention-link {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
}

.footer-social .mention-link li {
  display: inline-block;
  color: #afaeaf;
  line-height: 24px;
  font-size: 1.2rem;
}

.footer-social .mention-link li a {
  color: #afaeaf;
}

.footer-social .mention-link li:after {
  content: '/';
  margin: 0 15px;
  font-size: 1rem;
}

.footer-social .mention-link li:last-child:after {
  display: none;
}

/* BREADCRUMB */
.breadcrumb {
  display: inline-block;
  margin-bottom: 6px;
}

.breadcrumb h2 {
  display: none;
}

.breadcrumb li {
  display: inline-block;
  color: #ffffff;
}

.breadcrumb li a {
  color: #ffffff;
  font-weight: 700;
  line-height: 26px;
  font-size: 1.2rem;
}

.breadcrumb li a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.breadcrumb li .breadcrumb__separator {
  margin: 0 20px;
  color: #ffffff;
}

/* BLOC TITRE */
.bloc-titre {
  background-image: linear-gradient(to right, #061987 0%, rgba(6, 25, 135, 0.7) 100%);
  display: table;
  width: 100%;
  padding: 0px calc((100% - 1140px) / 2);
  color: #ffffff;
}

.bloc-titre .center-wrap {
  min-height: 185px;
  vertical-align: middle;
  display: table-cell;
  padding: 40px 0;
}

@media only screen and (max-width: 1245px) {
  .bloc-titre .center-wrap {
    padding: 2%;
  }
}

.bloc-titre .type {
  text-transform: uppercase;
  border: 1px solid #ffffff;
  padding: 5px 25px;
  display: inline-block;
  font-weight: 500;
  font-size: 1.25rem;
  margin: 10px 0;
}

.bloc-titre p {
  margin: 5px 0;
}

.bloc-titre p a {
  color: #ffffff;
  font-weight: 500;
}

.bloc-titre p a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.bloc-titre p a.no-link {
  cursor: inherit;
  color: #ffffff;
  font-weight: 300;
}

.bloc-titre p a.no-link:hover {
  text-decoration: none;
}

.bloc-titre .sstitre {
  font-size: 1.6rem;
  margin-bottom: 12px;
}

.bloc-titre .authors i {
  font-size: 1.4rem;
}

.bloc-titre .authors i:nth-of-type(2) {
  font-size: 1.2rem;
  margin-right: 15px;
}

.bloc-titre .view-content {
  padding-top: 25px;
}

.bloc-titre figure {
  border-radius: 50%;
  float: left;
  width: 116px;
  height: 116px;
  margin: 0 20px 20px 0;
}

.bloc-titre figure img {
  width: 100%;
  height: auto;
  display: block;
}

.bloc-titre figure i {
  border-radius: 50%;
  border: 1px solid #ffffff;
  width: 90px;
  height: 90px;
  position: relative;
  display: block;
  font-size: 2.8rem;
  margin: 5px 0 0 18px;
}

.bloc-titre figure i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bloc-titre figure i {
  display: block;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  position: relative;
}

.bloc-titre figure i::before {
  position: absolute;
  font-size: 6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bloc-titre .view-actualites, .bloc-titre .view-debate {
  padding: 0;
  margin: 0;
}

.bloc-titre .view-actualites .icon-calendar, .bloc-titre .view-debate .icon-calendar {
  margin-right: 7px;
}

.bloc-titre .view-actualites span.cat, .bloc-titre .view-debate span.cat {
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 10px;
  color: #50e3c2;
  letter-spacing: 2px;
}

.view-debate .views-exposed-widget {
  font-size: 1.6rem;
  margin-bottom: 30px;
}

.view-debate .views-exposed-widget .form-type-select {
  position: relative;
}

.view-debate .views-exposed-widget .form-type-select > div {
  position: absolute;
  top: -0.8rem;
  right: -21rem;
  width: 20rem;
}

.view-debate .views-submit-button {
  display: none;
}

/* Menu mobile scroll */
@media only screen and (min-width: 0px) and (max-width: 767px) {
  body.open {
    overflow: hidden;
  }
  body.open header.header {
    height: 100%;
    overflow-y: auto;
  }
}

/* FILTER HOVER */
.filter-hover {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.filter-hover.actif {
  z-index: 10;
  opacity: 1;
}

/* Autocomplete */
#autocomplete {
  position: absolute;
  z-index: 8;
  background-color: #ffffff;
  font-size: 1.3rem;
  box-shadow: 0px 0px 6px 0px #cfcfcf;
}

#autocomplete li {
  list-style-type: none;
  padding: 10px;
  color: #4a4a4a;
  font-weight: 500;
  cursor: pointer;
}

#autocomplete li:hover {
  background-color: #f0f0f0;
  color: #061987;
}

/* Partie messages */
.messages {
  font-size: 1.6rem;
  margin: 40px;
  padding: 2% 6% 2% 3%;
  border: 2px solid #061987;
  position: relative;
}

.messages .messages__icon {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.messages .messages__icon path {
  fill: #061987;
}

.messages h4 {
  padding-bottom: 10px;
}

.messages p, .messages li {
  padding: 6px 0;
}

.messages a {
  color: #4a4a4a;
}

.messages.messages--warning, .messages.messages--error {
  border-color: #ff2b46;
}

.messages.messages--warning .messages__icon path, .messages.messages--error .messages__icon path {
  fill: #ff2b46;
}

/* Cookies */
#sliding-popup {
  font-size: 1.2rem;
  padding: 10px 0;
  border-top: 4px solid #061987;
}

#sliding-popup .popup-content #popup-text {
  font-size: 13px;
  line-height: 1.1em;
  font-weight: normal;
}

#sliding-popup .popup-content #popup-buttons button {
  background: #4a4a4a;
  box-shadow: none;
  border: none;
  color: #fff;
  text-shadow: none;
}

#sliding-popup .popup-content #popup-buttons button.find-more-button {
  display: none;
}

#sliding-popup .popup-content #popup-buttons button:hover {
  background: #061987;
  color: #ffffff;
}

#sliding-popup .popup-content #popup-buttons button.agree-button {
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  color: white !important;
  border-radius: 6px;
}

/* Partie admin */
#admin-menu {
  z-index: 10000;
}

.tabs {
  position: fixed;
  z-index: 800;
  right: 20px;
  top: 250px;
  background-color: #fff;
  color: #000;
  padding: 10px 10px 10px 20px;
  border-radius: 9px;
  box-shadow: 1px 1px 5px 1px #4d4346;
  font-family: 'Verdana';
  font-size: 10px;
  text-transform: uppercase;
}

.tabs li {
  list-style-type: disc;
  padding: 5px 0;
}

.tabs li::before {
  content: none;
}

.tabs li a {
  color: #000;
}

.tabs li a:hover {
  color: #e02729;
}

body.logged-in header.header {
  top: 29px;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  body {
    padding-top: 58px;
  }
}

/* Style for throbber */
.ajax-progress {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.2);
}

.ajax-progress .ajax-throbber {
  top: 50%;
}

/* PARTIE TARTEAUCITRON */
body #tarteaucitronRoot #tarteaucitronAlertBig {
  background-color: #fff !important;
  border-top: 3px solid darkblue;
}

body #tarteaucitronRoot #tarteaucitronAlertBig button {
  background-color: #4a4a4a;
  border: 1px solid #4a4a4a;
  color: #fff;
  border-radius: 6px;
}

body #tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
  margin-left: 20px;
  font-size: 0.8em;
  border: none;
  background: none;
  color: #30a7d5;
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: #30a7d5;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #061987 !important;
  background-color: #061987;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background-color: #061987;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  background-color: #30a7d5;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices ul .tarteaucitronLine {
  background-color: #eee;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  background-color: #061987;
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
  border-color: #061987 !important;
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background-color: #061987;
}

body #tarteaucitronRoot .tarteaucitronLine .tarteaucitronAllow, body #tarteaucitronRoot .tarteaucitronLine .tarteaucitronDeny {
  opacity: 0.6;
}

.front .diapo-home {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front .diapo-home {
    margin-bottom: -20px;
    background: #061987;
  }
}

.front .diapo-home .icon {
  position: absolute;
  top: 50%;
  left: 2%;
  color: #ffffff;
  font-size: 6.0rem;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease;
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .diapo-home .icon {
    font-size: 3.0rem;
  }
}

.front .diapo-home .icon.icon-next2 {
  left: inherit;
  right: 2%;
  display: block;
}

.front .diapo-home .swiper-slide {
  position: relative;
}

.front .diapo-home .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.front .diapo-home .swiper-slide div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 35%;
  background: #061987;
  font-size: 1.6rem;
  font-weight: 500;
  z-index: 100;
  padding: 80px calc(100vw / 24) 60px;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front .diapo-home .swiper-slide div {
    padding: 20px calc(100vw / 24) 40px;
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
  }
}

.front .diapo-home .swiper-slide div a {
  color: #ffffff;
  font-weight: 200;
}

.front .diapo-home .swiper-slide div p {
  line-height: 1.8em;
}

.front .diapo-home .swiper-slide div h2 {
  font-size: 4.2rem;
  line-height: 1.23em;
  padding-bottom: 17px;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front .diapo-home .swiper-slide div h2 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .diapo-home .swiper-slide div p {
    display: none;
  }
  .front .diapo-home .swiper-slide div h2 {
    font-size: 2.0rem;
    padding-bottom: 10px;
  }
}

.front .diapo-home .pager-slider {
  position: absolute;
  left: calc(100vw / 24);
  bottom: 60px;
  counter-reset: pagination;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front .diapo-home .pager-slider {
    right: calc(100vw / 24);
    bottom: 20px;
    transform: none;
  }
}

.front .diapo-home .pager-slider .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  background: rgba(255, 255, 255, 0.3);
  transition: background .3s ease-out;
}

.front .diapo-home .pager-slider .swiper-pagination-switch:hover {
  background: white;
}

.front .diapo-home .pager-slider .swiper-active-switch {
  background: white;
}

.front .diapo-home a.all {
  display: inline-block;
  position: absolute;
  left: calc(100vw / 12);
  bottom: 60px;
  padding: 10px 75px 10px 25px;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.3s ease;
}

.front .diapo-home a.all:hover {
  background: #ffffff;
  color: #061987;
}

.front .diapo-home a.all:hover .icon {
  color: #061987;
}

.front .diapo-home a.all .icon {
  left: auto;
  right: 25px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 10px;
  font-size: inherit;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front .diapo-home a.all {
    left: calc(100vw / 24);
    bottom: 20px;
    right: auto;
    transform: none;
    position: relative;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .diapo-home a.all {
    left: 20px;
    width: calc(100% - 40px);
  }
}

.front .pager-diapo-home {
  background: #ffffff;
  padding: 30px 0;
  font-weight: 500;
}

.front .pager-diapo-home .center-wrap {
  margin: 0 auto;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .pager-diapo-home {
    text-align: center;
    padding: 15px 0 0 0;
  }
}

.front .pager-diapo-home li {
  display: inline-block;
  vertical-align: top;
  width: 23.25%;
  min-height: 60px;
  margin: 0 1%;
  padding-bottom: 20px;
  border-bottom: 2px solid #4a4a4a;
  cursor: pointer;
  line-height: 19px;
}

.front .pager-diapo-home li:nth-child(1) {
  margin: 0 1% 0 0;
}

.front .pager-diapo-home li:nth-child(4) {
  margin: 0 0 0 1%;
}

.front .pager-diapo-home li.actif {
  border-bottom-color: rgba(74, 74, 74, 0.3);
  color: rgba(74, 74, 74, 0.3);
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .front .pager-diapo-home li {
    width: 47.5%;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .pager-diapo-home li {
    width: auto;
    font-size: 0;
    background-color: #4a4a4a;
    border-radius: 50%;
    border: none;
    height: 10px;
    width: 10px;
    min-height: 10px;
    padding: 0;
  }
  .front .pager-diapo-home li.actif {
    background-color: #061987;
  }
}

.front .pager-diapo-home p {
  margin: 20px 0 0 0;
  text-align: right;
  text-transform: uppercase;
  font-size: 1.0rem;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front .pager-diapo-home p {
    display: none;
  }
}

.front .pager-diapo-home p a {
  display: inline-block;
  color: #061987;
  font-size: 1.4rem;
}

.front .pager-diapo-home p a .icon {
  font-size: 0.8rem;
  padding-left: 15px;
}

.front section .view-focus .focus-content p {
  line-height: 20px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .front section .view-focus .focus {
    font-size: 1.4rem;
  }
}

.front section h2.rubrique {
  font-size: 50px;
  font-weight: 200;
  position: relative;
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #061987;
  color: #061987;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section h2.rubrique {
    margin-left: 0;
    font-size: 2.8rem;
  }
}

.front section h2.rubrique:first-letter {
  text-transform: uppercase;
}

.front section h2.rubrique::after {
  content: none;
}

.front section h2.rubrique a {
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #061987;
  font-weight: 500;
  display: inline-block;
  padding: 0 20px 0 40px;
  vertical-align: middle;
  position: relative;
  float: right;
  margin-top: 82px;
}

.front section h2.rubrique a::after {
  font-family: 'tse';
  content: "\e90e";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #061987;
  font-size: 0.6rem;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section h2.rubrique a {
    margin-top: 10px;
  }
}

.front section p.sous-titre {
  font-size: 1.6rem;
  padding-bottom: 20px;
  font-weight: 300;
  width: 50%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section p.sous-titre {
    width: auto;
  }
}

.front section .view-references-objets-oai {
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #f7f7f7;
}

.front section .b-video {
  position: relative;
  font-size: 1.4rem;
  margin: 0 auto;
  max-width: 1140px;
  width: 100%;
}

.front section .b-video .embedded-video {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  z-index: -1;
}

.front section .b-video .embedded-video .player {
  height: 100%;
}

.front section .b-video .embedded-video .player iframe {
  height: 100%;
}

.front section .b-video a {
  cursor: initial;
}

.front section .b-video a > * {
  transition: opacity 1.5s ease;
}

.front section .b-video a.hide > * {
  opacity: 0;
}

.front section .b-video figure {
  position: relative;
}

.front section .b-video figure::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background: #061987;
  opacity: .6;
  z-index: 1;
  pointer-events: none;
}

.front section .b-video figure img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}

.front section .b-video figure figcaption {
  width: 50%;
  z-index: 10;
  color: #061987;
  padding: 80px 30px;
}

.front section .b-video figure figcaption h2 {
  font-size: 40px;
  line-height: 44px;
  padding-bottom: 60px;
  font-weight: 200;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front section .b-video figure figcaption h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-video figure figcaption h2 {
    line-height: normal;
    font-size: 1.4rem;
    padding-bottom: 10px;
  }
}

.front section .b-video figure figcaption p {
  color: #061987;
  line-height: 22px;
  margin: 30px 0;
  position: relative;
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-style: italic;
}

.front section .b-video figure figcaption p::before {
  position: absolute;
  top: -50px;
  left: 20px;
  content: '';
  width: 1px;
  height: 30px;
  border-radius: 5px;
  background-color: #061987;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-video figure figcaption p::before {
    left: 50%;
    top: -30px;
    height: 20px;
    transform: translateX(-50%);
  }
}

.front section .b-video figure figcaption .icon {
  font-size: 7.1rem;
  position: absolute;
  left: 75%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  z-index: 1;
  pointer-events: none;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-video figure figcaption .icon {
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front section .b-video .embedded-video {
    width: 100%;
    height: 321px;
  }
  .front section .b-video figure::before {
    content: none;
  }
  .front section .b-video figure img {
    position: relative;
    width: 100%;
    height: 321px;
  }
  .front section .b-video figure figcaption {
    width: 100%;
    padding: 80px;
  }
  .front section .b-video figure figcaption .icon {
    left: 50%;
    top: 160px;
  }
}

.front section .b-numbers {
  position: relative;
  margin: 0 auto 80px;
  max-width: 1140px;
  width: 100%;
  background: #d06345;
}

.front section .b-numbers::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background: url("../images/site/fd-numbers.png") no-repeat;
  background-position: center center;
  background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  .front section .b-numbers::after {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
}

.front section .b-numbers .numbers {
  width: 50%;
  display: inline-block;
  padding: 40px 0 0 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .front section .b-numbers .numbers {
    width: 90%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-numbers .numbers {
    width: 100%;
  }
}

.front section .b-numbers .numbers .rubrique {
  color: #ffffff;
  margin-left: 30px;
  border-top: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-numbers .numbers .rubrique::after {
    display: none;
  }
}

.front section .b-numbers .numbers .rubrique::after {
  background: url("../images/site/picto-tse-white.png") no-repeat;
}

.front section .b-numbers .numbers ul {
  margin: 20px 0 40px 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-numbers .numbers ul {
    margin: 10px 0 10px 10px;
  }
}

.front section .b-numbers .numbers ul li {
  list-style-type: none;
  border-top: 1px solid #ffffff;
}

.front section .b-numbers .numbers ul li:first-child {
  border-top: 0;
}

.front section .b-numbers .numbers ul li p {
  display: inline-block;
  vertical-align: middle;
  padding: 7% 1%;
  font-weight: 200;
  min-width: 20%;
  font-size: 46px;
  color: #ffffff;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-numbers .numbers ul li p {
    min-width: 10.25%;
  }
}

.front section .b-numbers .numbers ul li p:nth-child(2) {
  font-size: 20px;
  max-width: 72%;
  text-align: left;
}

.front section .b-numbers .numbers img {
  display: block;
  width: 100%;
  height: auto;
}

.front section .social-networks {
  text-align: center;
  padding: 80px 0;
  background-color: #ffffff;
}

.front section .social-networks li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.front section .social-networks li span {
  display: block;
  background-color: #3b5998;
  color: #ffffff;
  font-size: 2.0rem;
  padding: 20px 0;
  border-radius: 50%;
  width: 60px;
}

.front section .social-networks li span.icon-twitter {
  background-color: #1db6d6;
}

.front section .social-networks li span.icon-linkedin {
  background-color: #0077b5;
}

.front section .social-networks li span.icon-youtube {
  background-color: #e62117;
}

.front section .social-networks li span.icon-flickr {
  font-size: 1.0rem;
  padding: 25px 0;
  background-color: #fafafa;
  color: #fe0087;
}

.front section .social-networks li span.icon-instagram {
  background-color: #e4405f;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .social-networks li {
    margin: 0 0 20px 0;
    width: 25%;
  }
  .front section .social-networks li a span {
    margin: 0 auto;
  }
}

.front section .b-white {
  background-color: #ffffff;
}

.front section .b-who {
  background: #061987;
  position: relative;
  margin: 0 auto 100px auto;
  padding: 80px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who {
    padding: 20px;
  }
}

.front section .b-who h2 {
  color: #ffffff;
  font-size: 50px;
  position: relative;
  padding: 40px 0 30px 0;
  border-top: 1px solid #ffffff;
  font-weight: 200;
}

.front section .b-who .quicktabs-wrapper {
  position: relative;
  font-size: 0;
  margin: 0;
}

.front section .b-who .quicktabs-wrapper .item-list {
  display: inline-block;
  vertical-align: top;
  width: 60%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs-wrapper .item-list {
    width: 100%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs-wrapper {
    width: 100%;
  }
}

.front section .b-who .quicktabs-tabs li {
  width: calc(50% - 15px);
  margin: 30px 0 0 0;
}

.front section .b-who .quicktabs-tabs li:nth-child(even) {
  margin: 30px 0 0 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs-tabs li:nth-child(even) {
    margin: 5px 0;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs-tabs li {
    display: block;
    width: 100%;
    margin: 5px 0;
  }
}

.front section .b-who .quicktabs-tabs li a {
  color: #ffffff;
  border: 1px solid #ffffff;
  font-size: 13px;
  text-align: center;
  padding: 23px;
  opacity: 1;
  text-transform: uppercase;
}

.front section .b-who .quicktabs-tabs li.active a {
  background: #ffffff;
  color: #061987;
  border: 1px solid #ffffff;
}

.front section .b-who .quicktabs-tabs li::after {
  display: none;
}

.front section .b-who .quicktabs-tabs li:nth-child(1) {
  padding-left: 0;
}

.front section .b-who .quicktabs-tabs li:nth-child(4) {
  padding-right: 0;
}

.front section .b-who .quicktabs_main {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 30px 0 0 10%;
  color: #ffffff;
  background: transparent;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs_main {
    margin: 5px 0 0 0;
    width: 100%;
  }
}

.front section .b-who .quicktabs_main p {
  margin: 0;
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 300;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .front section .b-who .quicktabs_main p {
    font-size: 2.0rem;
  }
}

.front section .b-who .quicktabs_main a.button {
  display: inline-block;
  margin: 20px 0 0 0;
  background-color: #ffffff;
  color: #061987;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.54em;
  padding: 10px 45px 10px 30px;
  position: relative;
  transition: all 0.3s ease;
  font-weight: 400;
}

.front section .b-who .quicktabs_main a.button::after {
  font-family: 'tse';
  content: "\e90e";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #4a4a4a;
  font-size: 0.6rem;
  transition: all 0.3s ease;
}

.front .quicktabs-wrapper {
  margin-top: 20px;
}

.front .quicktabs-wrapper .quicktabs-tabs {
  font-size: 0;
}

.front .quicktabs-wrapper .quicktabs-tabs li {
  display: inline-block;
  width: 20%;
  font-size: 1.4rem;
  text-align: center;
  padding: 0;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .front .quicktabs-wrapper .quicktabs-tabs li {
    width: 50%;
  }
}

.front .quicktabs-wrapper .quicktabs-tabs li a {
  display: block;
  padding: 20px 0;
  width: 100%;
  color: #061987;
  font-weight: 300;
  font-size: 25px;
  line-height: 1.4em;
  opacity: .3;
}

.front .quicktabs-wrapper .quicktabs-tabs li.active a {
  opacity: 1;
  border-bottom: 2px solid #061987;
}

.front .quicktabs-wrapper .quicktabs-tabs li.more-tabs {
  display: none;
}

.front .quicktabs-wrapper .quicktabs_main {
  background-color: #ffffff;
  padding: 0 0;
}

.page-news .menu-interne li a {
  position: relative;
}

.page-news .menu-interne li a::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #30a7d5;
  border-radius: 50%;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
}

.page-news .menu-interne li::after {
  display: none;
}

.page-news .menu-interne li:first-child a::before {
  display: none;
}

.page-news .menu-interne li.color-blue a::before {
  background-color: #30a7d5;
}

.page-news .menu-interne li.color-red a::before {
  background-color: #ff2b46;
}

.page-news .menu-interne li.color-green a::before {
  background-color: #7ad03d;
}

.page-news .menu-interne li.color-turquoise a::before {
  background-color: #50e3c2;
}

.page-news .menu-interne li.color-yellow a::before {
  background-color: #fbc735;
}

section .view-actualites {
  margin: 30px auto;
  width: 100%;
  max-width: 1140px;
}

@media only screen and (max-width: 1245px) {
  section .view-actualites {
    padding: 0 20px;
  }
}

section .view-actualites .focus {
  border-top: 3px solid #30a7d5;
  font-family: "Montserrat", sans-serif;
}

section .view-actualites .focus.color-blue {
  border-color: #30a7d5;
}

section .view-actualites .focus.color-blue .cat {
  color: #30a7d5;
}

section .view-actualites .focus.color-red {
  border-color: #ff2b46;
}

section .view-actualites .focus.color-red .cat {
  color: #ff2b46;
}

section .view-actualites .focus.color-green {
  border-color: #7ad03d;
}

section .view-actualites .focus.color-green .cat {
  color: #7ad03d;
}

section .view-actualites .focus.color-turquoise {
  border-color: #50e3c2;
}

section .view-actualites .focus.color-turquoise .cat {
  color: #50e3c2;
}

section .view-actualites .focus.color-yellow {
  border-color: #fbc735;
}

section .view-actualites .focus.color-yellow .cat {
  color: #fbc735;
}

section .view-actualites .focus figure, section .view-actualites .focus .focus-content {
  width: 100%;
  min-height: inherit;
  display: block;
}

section .view-actualites .focus figure {
  position: relative;
}

section .view-actualites .focus figure img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

section .view-actualites .focus figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 20px;
  font-size: 1.1rem;
  color: #ffffff;
  font-family: "Work Sans", sans-serif;
}

section .view-actualites .focus figure figcaption i {
  margin-right: 10px;
}

section .view-actualites .focus .focus-content {
  padding: 10px 20px;
}

section .view-actualites .focus .focus-content .cat {
  margin-bottom: 0;
  padding: 0 0 5px 0;
}

section .view-actualites .focus .focus-content .cat::after {
  display: none;
}

section .view-actualites .focus .focus-content h2 {
  font-size: 2.0rem;
  font-weight: 500;
  font-family: "Work Sans", sans-serif;
  line-height: 27px;
}

section .view-actualites .line {
  background-color: #ffffff;
  border: none;
  margin-bottom: 3px;
}

section .view-actualites .line .head {
  font-size: 1.2rem;
  padding-bottom: 15px;
}

section .view-actualites .line .head > span {
  padding: 0 20px;
  position: relative;
}

section .view-actualites .line .head .date {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
}

section .view-actualites .line .head .date::before {
  font-family: 'tse';
  content: "\e920";
  position: absolute;
  left: 0;
  top: 0;
}

section .view-actualites .line .head .author {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
}

section .view-actualites .line .head .author::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #afaeaf;
}

section .view-actualites .line .head .category {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 2px;
  font-weight: 500;
}

section .view-actualites .line .head .category::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #afaeaf;
}

section .view-actualites .line .head .debate {
  color: #afaeaf;
}

section .view-actualites .line.color-blue .category {
  color: #30a7d5;
}

section .view-actualites .line.color-red .category {
  color: #ff2b46;
}

section .view-actualites .line.color-green .category {
  color: #7ad03d;
}

section .view-actualites .line.color-turquoise .category {
  color: #50e3c2;
}

section .view-actualites .line.color-yellow .category {
  color: #fbc735;
}

section .node-oai-member .view-actualites {
  margin: 0;
}

section .node-oai-member .view-actualites .line {
  margin-bottom: 0;
  width: 90%;
  border-bottom: 1px solid #afaeaf;
  padding-right: 10px;
}

section .node-oai-member .view-actualites .line .row {
  color: #4a4a4a;
}

section .node-oai-member .view-actualites .line .row .cell.date {
  width: 38%;
}

section .node-oai-member .view-actualites .line .row .cell.more {
  font-size: 1.1rem;
  text-align: right;
  text-transform: uppercase;
  color: #4a4a4a;
}

section .node-oai-member .view-actualites .line .row .cell.more .icon {
  font-size: 0.6rem;
  color: #ff2b46;
  position: absolute;
  right: 10px;
}

section .node-oai-member .view-actualites .line .row:hover {
  color: #ffffff;
}

section .node-oai-member .view-actualites .line .row:hover .cell.more {
  color: #ffffff;
}

section .view-poll {
  margin: 30px auto;
  width: 100%;
  max-width: 1140px;
}

@media only screen and (max-width: 1245px) {
  section .view-poll {
    padding: 0 20px;
  }
}

section .b-poll {
  margin-bottom: 15px;
  border: none;
  background-color: #ffffff;
}

section .b-poll .cell {
  width: 40%;
  font-size: 1.3rem;
  font-weight: 300;
}

section .b-poll .cell:first-child {
  width: 60%;
  background-color: #061987;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
}

section .b-poll .cell .picto-poll {
  background: url("../images/site/picto-poll.svg") no-repeat left center;
  font-weight: 500;
  padding-left: 20px;
}

section .b-poll .cell h2 {
  font-size: 3.6rem;
  line-height: 46px;
}

section .b-poll .vote-form {
  text-align: left;
}

section .b-poll .vote-form .choices {
  width: 100%;
}

section .b-poll form .form-item {
  padding: 5px 0;
}

section .b-poll form .form-submit {
  border: none;
  background-color: #fbc735;
  text-transform: uppercase;
  padding: 5px 20px;
  position: relative;
  font-weight: 500;
}

section .b-poll .bar {
  height: 2px;
  margin-bottom: 10px;
  background-color: rgba(175, 174, 175, 0.1);
}

section .b-poll .bar .foreground {
  height: 2px;
  background-color: #50e3c2;
}

section .b-poll .closed {
  margin-top: 15px;
  font-size: 1.1rem;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  section .b-poll .cell {
    width: 100%;
  }
  section .b-poll .cell:first-child {
    width: 100%;
  }
}

section .view-display-id-vue_publications, section .view-media, section .col .view-references-objets-oai, section .node-groupe-de-recherche .view-references-objets-oai {
  background-color: transparent;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  section .view-display-id-vue_publications, section .view-media, section .col .view-references-objets-oai, section .node-groupe-de-recherche .view-references-objets-oai {
    padding: 20px;
  }
}

section .view-display-id-vue_publications.communications .line .cell, section .view-media.communications .line .cell, section .col .view-references-objets-oai.communications .line .cell, section .node-groupe-de-recherche .view-references-objets-oai.communications .line .cell {
  padding: 10px 30px;
}

section .view-display-id-vue_publications.communications .line .cell.upload, section .view-media.communications .line .cell.upload, section .col .view-references-objets-oai.communications .line .cell.upload, section .node-groupe-de-recherche .view-references-objets-oai.communications .line .cell.upload {
  padding-bottom: 10px;
}

section .view-display-id-vue_publications .line, section .view-media .line, section .col .view-references-objets-oai .line, section .node-groupe-de-recherche .view-references-objets-oai .line {
  background-color: #ffffff;
  border: none;
  margin-bottom: 4px;
}

section .view-display-id-vue_publications .line .cell, section .view-media .line .cell, section .col .view-references-objets-oai .line .cell, section .node-groupe-de-recherche .view-references-objets-oai .line .cell {
  font-size: 1.6rem;
  font-weight: 300;
}

section .view-display-id-vue_publications .line .cell p, section .view-media .line .cell p, section .col .view-references-objets-oai .line .cell p, section .node-groupe-de-recherche .view-references-objets-oai .line .cell p {
  padding: 5px 0;
}

section .view-display-id-vue_publications .line .cell h2, section .view-media .line .cell h2, section .col .view-references-objets-oai .line .cell h2, section .node-groupe-de-recherche .view-references-objets-oai .line .cell h2 {
  font-size: 2.0rem;
  padding: 5px 0;
}

section .view-display-id-vue_publications .line .cell .authors, section .view-media .line .cell .authors, section .col .view-references-objets-oai .line .cell .authors, section .node-groupe-de-recherche .view-references-objets-oai .line .cell .authors {
  font-size: 1.3rem;
  color: #4a4a4a;
}

section .view-display-id-vue_publications .line .cell .authors .icon, section .view-media .line .cell .authors .icon, section .col .view-references-objets-oai .line .cell .authors .icon, section .node-groupe-de-recherche .view-references-objets-oai .line .cell .authors .icon {
  font-size: 1.4rem;
}

section .view-display-id-vue_publications .line .cell .authors .icon:nth-of-type(2), section .view-media .line .cell .authors .icon:nth-of-type(2), section .col .view-references-objets-oai .line .cell .authors .icon:nth-of-type(2), section .node-groupe-de-recherche .view-references-objets-oai .line .cell .authors .icon:nth-of-type(2) {
  font-size: 1.2rem;
}

section .view-display-id-vue_publications .line .cell .authors a, section .view-media .line .cell .authors a, section .col .view-references-objets-oai .line .cell .authors a, section .node-groupe-de-recherche .view-references-objets-oai .line .cell .authors a {
  color: #061987;
}

section .view-display-id-vue_publications .line .cell .authors a.no-link, section .view-media .line .cell .authors a.no-link, section .col .view-references-objets-oai .line .cell .authors a.no-link, section .node-groupe-de-recherche .view-references-objets-oai .line .cell .authors a.no-link {
  cursor: inherit;
  color: #4a4a4a;
}

section .view-display-id-vue_publications .line .cell.upload, section .view-media .line .cell.upload, section .col .view-references-objets-oai .line .cell.upload, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.0rem;
  vertical-align: top;
  padding-top: 10px;
  width: 10%;
  letter-spacing: 1.36px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-display-id-vue_publications .line .cell.upload, section .view-media .line .cell.upload, section .col .view-references-objets-oai .line .cell.upload, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload {
    width: 100%;
  }
}

section .view-display-id-vue_publications .line .cell.upload a, section .view-media .line .cell.upload a, section .col .view-references-objets-oai .line .cell.upload a, section .node-groupe-de-recherche .view-references-objets-oai .line .cell.upload a {
  display: block;
  text-align: right;
  margin: 10px 0;
  padding: 5px 0;
}

@media only screen and (min-width: 0px) and (max-width: 1140px) {
  section .col .view-references-objets-oai, section .node-groupe-de-recherche .view-references-objets-oai {
    padding: 20px 0;
  }
}

section .col .view-references-objets-oai .line, section .node-groupe-de-recherche .view-references-objets-oai .line {
  border-bottom: 2px solid #ffffff;
}

section .col .view-references-objets-oai .line .cell, section .node-groupe-de-recherche .view-references-objets-oai .line .cell {
  width: 80%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .col .view-references-objets-oai .line .cell, section .node-groupe-de-recherche .view-references-objets-oai .line .cell {
    width: 100%;
  }
}

section .col .view-references-objets-oai .line .upload, section .node-groupe-de-recherche .view-references-objets-oai .line .upload {
  width: 20%;
}

section .col .view-references-objets-oai .line .upload a, section .node-groupe-de-recherche .view-references-objets-oai .line .upload a {
  color: #4a4a4a;
}

.view-membres {
  margin: 0 auto 0 auto;
  max-width: 1140px;
  width: 100%;
  padding-top: 20px;
}

@media only screen and (max-width: 1245px) {
  .view-membres {
    padding: 20px 2% 0 2%;
  }
}

.view-membres .line {
  color: #4a4a4a;
}

.view-membres .line .cell {
  font-size: 1.4rem;
  font-weight: 300;
  width: 30%;
}

.view-membres .line .cell.photo {
  width: 5%;
  padding: 20px 10px;
}

.view-membres .line .cell.photo i {
  border-radius: 50%;
  border: 1px solid #4a4a4a;
  width: 60px;
  height: 60px;
  position: relative;
  display: block;
  font-size: 1.8rem;
}

.view-membres .line .cell.photo i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.view-membres .line .cell.name {
  font-size: 1.5rem;
  font-weight: 500;
}

.view-membres .line .cell.more {
  font-size: 0.6rem;
  width: 5%;
}

.view-membres .line .cell img {
  border-radius: 50%;
  height: 60px;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .view-membres .line {
    border: none;
    margin-bottom: 20px;
    min-height: 90px;
  }
  .view-membres .line .cell {
    width: 100%;
    padding: 5px 10px;
  }
  .view-membres .line .cell.photo {
    float: left;
    width: 30%;
    max-width: 90px;
    margin-right: 10px;
    padding: 0 10px 20px 10px;
  }
  .view-membres .line .cell.photo img {
    width: 100%;
    height: auto;
  }
  .view-membres .line .cell.photo i {
    width: 100%;
    height: 70px;
  }
  .view-membres .line .cell.more {
    display: none;
  }
}

.view-membres .groupby-wrapper {
  background-color: #ffffff;
  padding-top: 30px;
  margin-bottom: 20px;
}

.view-membres .groupby-wrapper .groupby-header {
  width: 15%;
  padding-top: 15px;
  text-align: center;
}

.view-membres .groupby-wrapper .groupby-content {
  width: 83%;
}

.view-membres .groupby-wrapper .groupby-content .line {
  border-top: 1px solid rgba(175, 174, 175, 0.2);
}

.view-membres .groupby-wrapper .groupby-content .views-row:nth-of-type(1) .line {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .view-membres .groupby-wrapper {
    padding-top: 0;
  }
  .view-membres .groupby-wrapper .groupby-header, .view-membres .groupby-wrapper .groupby-content {
    width: 100%;
  }
  .view-membres .groupby-wrapper .groupby-header .line, .view-membres .groupby-wrapper .groupby-content .line {
    border: none;
  }
}

#block-global-members-filter-block {
  width: 100%;
  margin: 20px auto 0 auto;
  max-width: 1140px;
}

@media only screen and (max-width: 1245px) {
  #block-global-members-filter-block {
    padding: 0 2%;
  }
}

#block-global-members-filter-block .form-item {
  display: inline-block;
  vertical-align: top;
}

#block-global-members-filter-block input {
  font-family: "Work Sans", sans-serif;
  color: #4a4a4a;
}

.page-media section {
  background-color: #ffffff;
}

.page-media .menu-interne {
  background-color: #f1f1f0;
}

.page-media .menu-interne li a {
  font-weight: 700;
}

section #block-views-media-documents-header {
  background-color: #ffffff;
}

section .view-media {
  margin: 0 auto 0 auto;
  max-width: 1140px;
  width: 100%;
}

@media only screen and (max-width: 1245px) {
  section .view-media {
    padding: 0 2%;
  }
}

section .view-media .sub-sub-title, section .view-media .sub-title {
  font-weight: 500;
  font-size: 2.0rem;
  padding: 20px 0;
}

section .view-media .focus {
  display: inline-block;
  vertical-align: top;
  width: 29%;
  font-size: 1.2rem;
  position: relative;
  padding: 20px 0 0 0;
  margin: 0 2% 0 2%;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-media .focus {
    width: 49%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-media .focus {
    width: 98%;
  }
}

section .view-media .focus a.scale {
  box-shadow: none !important;
  height: 321px;
  position: relative;
}

section .view-media .focus .focus-content {
  display: block;
  width: 100%;
  padding: 20px;
  position: relative;
  background: url("../images/site/fd-cadrillage.png") no-repeat top center;
  background-size: 100% auto;
  font-size: 1.3rem;
  line-height: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-media .focus .focus-content {
    font-size: 1.6rem;
  }
}

section .view-media .focus .focus-content figure {
  position: absolute;
  right: 8%;
  top: 8%;
  width: 26%;
  height: auto;
  min-height: inherit;
}

section .view-media .focus .focus-content figure img {
  position: relative;
}

section .view-media .focus .focus-content h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 2.0rem;
  line-height: 27px;
  font-family: "Work Sans", sans-serif;
  min-height: 150px;
  padding: 2% 35% 0 0;
}

section .view-media .focus.media-photos figure {
  width: 100%;
  margin: 5% auto;
  box-shadow: 1px 1px 5px 0px #cfcfcf;
}

section .view-media .focus.media-photos figure img {
  width: 100%;
}

section .view-media .focus.media-photos .focus-content {
  background: none;
}

section .view-media .focus.media-photos .focus-content h2 {
  min-height: inherit;
  color: #4a4a4a;
  padding-bottom: 5px;
  position: relative;
}

section .view-media .focus.media-photos .focus-content h2::after {
  content: "\e90e";
  font-family: 'tse';
  font-size: 0.5rem;
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
}

section .view-media .groupby-wrapper .line {
  border-bottom: 2px solid rgba(175, 174, 175, 0.3);
}

section .view-media .groupby-wrapper .line .cell {
  width: auto;
}

section .view-media .groupby-wrapper .line .cell:nth-of-type(1) {
  width: 18%;
}

section .view-media .groupby-wrapper .line .cell:nth-of-type(1) img {
  width: 100%;
  height: auto;
}

section .view-media .groupby-wrapper .line .cell.upload {
  width: 20%;
  text-align: right;
}

section .view-media .groupby-wrapper .line .cell p a {
  color: #061987;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  section .view-media .groupby-wrapper .groupby-header, section .view-media .groupby-wrapper .groupby-content {
    display: block;
    width: 100%;
  }
  section .view-media .groupby-wrapper .groupby-header {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  section .view-media .groupby-wrapper .line {
    margin-bottom: 20px;
  }
  section .view-media .groupby-wrapper .line .cell {
    padding: 10px 0;
  }
  section .view-media .groupby-wrapper .line .cell:nth-of-type(1) {
    width: auto;
  }
  section .view-media .groupby-wrapper .line .cell.upload {
    width: auto;
  }
}

section .video-chaine {
  background-color: #252525;
  text-align: center;
  padding: 5% 2%;
}

.inscription-form-wrapper .fd-image {
  background: url("../images/site/fd-inscription.jpg") no-repeat;
  background-size: cover;
  padding: 40px 5px;
}

.inscription-form-wrapper .center-wrap {
  margin: 0 auto;
}

.inscription-form-wrapper .form-item {
  margin: 15px 0;
}

.inscription-form-wrapper .form-item label, .inscription-form-wrapper .form-item div.selectric-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.inscription-form-wrapper .form-item label {
  font-size: 3.6rem;
  font-weight: 300;
}

.inscription-form-wrapper .form-item .selectric {
  min-width: 200px;
}

.inscription-form-wrapper .fd-result {
  background-color: #ffffff;
  padding: 20px 0 40px 0;
}

.search-form-adv {
  font-size: 0;
}

.search-form-adv .tse-search-ctn .form-wrapper {
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 40px;
}

.search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield {
  margin: 0;
  font-size: 1.6rem;
}

.search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield label,
.search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield input {
  display: block;
  margin: 0;
}

.search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield label {
  width: 15%;
  float: left;
  padding-top: 10px;
  font-weight: 500;
  text-align: right;
  padding-right: 2.5%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield label {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
    padding-bottom: 10px;
  }
}

.search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield input {
  width: 85%;
  border: none;
  box-shadow: inset 0 -1px 0 #d3d3d3;
  font-weight: 500;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .search-form-adv .tse-search-ctn .form-wrapper .form-type-textfield input {
    width: 100%;
  }
}

.search-form-adv .tse-search-ctn .form-wrapper input.form-submit {
  position: absolute;
  font-size: 0;
  right: 0;
  top: 0;
  padding: 0;
  width: 50px;
  height: 100%;
  margin-top: 0;
  background: #061987 url("../images/site/picto-loupe.svg") no-repeat center center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .search-form-adv .tse-search-ctn .form-wrapper input.form-submit {
    margin-top: 10px;
    position: relative;
    top: inherit;
    left: inherit;
    height: 40px;
    width: 100%;
  }
}

.search-form-adv .no-results {
  font-size: 1.6rem;
  background-color: #ffffff;
  padding: 20px;
}

.search-form-adv .no-results p {
  font-weight: 500;
  padding-bottom: 10px;
}

.search-form-adv .no-results ul {
  margin: 5px 0 5px 15px;
}

.search-form-adv .result-tabs,
.search-form-adv .result-content {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
}

.search-form-adv .result-tabs {
  width: 15%;
  padding-right: 2.5%;
  font-weight: 500;
}

.search-form-adv .result-tabs ul {
  text-align: right;
}

.search-form-adv .result-tabs ul li {
  list-style-type: none;
  padding: 5px 0 10px 0;
}

.search-form-adv .result-tabs ul li.selected a {
  color: #061987;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .search-form-adv .result-tabs {
    width: 100%;
    padding-right: 0;
  }
  .search-form-adv .result-tabs ul {
    text-align: left;
  }
  .search-form-adv .result-tabs ul li {
    display: inline-block;
    padding: 10px;
  }
}

.search-form-adv .result-content {
  width: 85%;
}

@media only screen and (min-width: 0px) and (max-width: 1023px) {
  .search-form-adv .result-content {
    width: 100%;
  }
}

.search-form-adv .result-content .view-filters {
  display: none;
}

.search-form-adv .result-content .line {
  background-color: #ffffff;
  border-width: 2px;
}

.search-form-adv .result-content .line .cell {
  font-weight: 300;
  font-size: 1.6rem;
  width: 85%;
  padding: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .search-form-adv .result-content .line .cell {
    width: 100%;
  }
}

.search-form-adv .result-content .line .cell h2 {
  font-size: 2.0rem;
  padding-bottom: 5px;
}

.search-form-adv .result-content .line .cell strong {
  color: #061987;
  font-weight: 300;
}

.search-form-adv .result-content .line .cell.name {
  font-size: 1.1rem;
  text-align: right;
  vertical-align: top;
  padding-top: 30px;
  position: relative;
}

.search-form-adv .result-content .line .cell.name .icon {
  position: absolute;
  right: 30px;
  top: 61px;
  transform: translateY(-60%);
  font-size: 0.8rem;
  color: #ffffff;
}

/*# sourceMappingURL=styles.css.map */