:root {
  --main: #6DC4C4;
  --mainDark: #232844;
  --mainDark2: #383E6D;
  --border:#a5a5a5;
  --grey:#eee;
  --borderSize: 70px;
}
body { 
  font-family: 'Libre Franklin', sans-serif;
  font-size: 14px;
  margin:0;
  padding:0;
}
ul {
    margin: 0 0 0 15px;
    padding: 2px 2px 0px 2px !important;
}
p { margin:0; padding:0; }
strong { font-weight: 600; }
.verticalCenter {
 display: -webkit-flex;
  display: flex;
  align-items: center; 
}
#NavigArrow {
  display:none;
  position:fixed;
  bottom:20px;
  right:0px;
  text-align:right;
  padding:0px 20px 0px 0px;
  margin-top:-120px;
}
.downloads ul { margin:0; padding:0; }
.downloads li { list-style-type: none;  margin-bottom:8px; font-size:15px;}
.downloads svg { margin-right: 8px }


.tag { line-height:19px; }

/***************************
   MATERIALIZE
****************************/
.materialize {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0 !important;
  outline: none;
  font-size: 1rem;
  width: 100%;
  margin: 7px 0 0;
  padding: 0 0 5px;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all .3s;
  height: inherit;
  }

  input.materialize:disabled, input.materialize[readonly="readonly"]{
/*  color: rgba(0, 0, 0, 0.26);*/
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  input.materialize:disabled + label, input.materialize[readonly="readonly"] + label{
    color: rgba(0, 0, 0, 0.26); }
  input.materialize:focus:not([readonly]){
    border-bottom: 1px solid var(--main);
    box-shadow: 0 1px 0 0 var(--main); }
  input.materialize:focus:not([readonly]) + label{
    color: #ff4081; }
  input.materialize.valid, input:focus.materialize.valid {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50; }
  input.materialize.valid + label:after, input:focus.materialize.valid + label:after {
    content: attr(data-success);
    color: #4CAF50;
    opacity: 1; }
  input.materialize.invalid, input:focus.materialize.invalid, input.materialize.error, input:focus.materialize.error {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336; }
  input.materialize.invalid + label:after, input:focus.materialize.invalid + label:after, input.materialize.error + label:after, input:focus.materialize.error + label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1; }
  input.materialize + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out; }


/***************************
   EDITINLINE
****************************/
.editArea {
  padding:1px;
  display:inline-block;
}
.btn_editText {
  background: url('../../img/edit.png') 0px 0px no-repeat ;
  height:16px;
  width:16px;
  margin-left:7px;
  display:inline-block;
  background-size: contain;
}

a.btnDownload {
    background: #ffffff;
    /*border: solid 1px #e6e6e6;*/
    border-radius: 2px;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    margin: 5px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    float:left;
    clear:both;
}

a.btnDownload:hover span {
    background: var(--main);;
}


a.btnDownload span {
    background: var(--mainDark);
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

a.btnDownload span:last-child {
    margin-left: -20px;
}

a.btnDownload:before,
a.btnDownload:after {
    background: #ffffff;
    border: solid 3px #9fb4cc;
    border-radius: 4px;
    content: '';
    display: block;
    height: 35px;
    left: 50%;
    margin: -17px 0 0 -12px;
    position: absolute;
    top: 50%;
    /*transform:translate(-50%,-50%);*/
    
    width: 25px;
}

a.btnDownload:hover:before,
a.btnDownload:hover:after {
    background: #e2e8f0;
}
/*a:before{transform:translate(-30%,-60%);}*/

a.btnDownload:before {
    margin: -23px 0 0 -5px;
}

a.btnDownload:active {
    background: #dae0e8;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .25);
}

a.btnDownload span:first-child {
    display: none;
}

a.btnDownload:hover span:first-child {
    display: inline-block;
}

a.btnDownload:hover span:last-child {
    display: none;
}
/* custom code for the demo */
.ui-widget { font-family: inherit; font-size: 1.1em/*{fsDefault}*/;}
.ui-state-default .ui-icon { display:inline-block; margin-right: 7px }
.ui-accordion-header { color:var(--main); line-height: 45px; border:0; border-bottom: 1px solid var(--mainDark); font-weight: 800; font-size:24px; background: none; border-radius: 0; margin-bottom:20px;}
.ui-state-active { color:var(--main);}
.ui-widget-content { border:0; }


/***************************
   BUTTONS
****************************/
.button, .btn, .btnSmall, .btnXS, .pdfDownload {
    font-size: 12px;
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    display: inline-block;
    outline: 0;
    padding: 0 2em;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    font-weight: 600;
    margin-bottom: 8px;
    margin-right: 3px;
    border-radius:10px;
    background-color: var(--main);
}
.btn.dark {
    background-color: var(--mainDark);  
}
.btnSmall { height:25px; line-height: 25px; border-radius: 8px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);}
.button, .btn, .pdfDownload {
    height: 36px;
    line-height: 36px;
    margin:10px auto 0;
}
.pdfDownload::before { 
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f019";
      margin-right: 7px;
}

.darkBtn {background-color: var(--mainDark);}
/***************************
   LOGIN BOX
****************************/
#loginBox {
  max-width:280px;
  width:100%;
  margin-top:20px;
  padding-top: 175px !important;
  padding-bottom:30px;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); 
    border-radius: 2px;
  background-position: 50% 35px !important;
  background-size: 200px 126px !important;
  
}
#loginBox input {
  width:210px;
  height:30px;
  margin:5px 0;
  font-size:14px;
  padding:0px 5px;
  background-color:#fff;
}
#loginBox ul {
  margin-left:2px;
} 
#loginBox li {
  list-style:none;
  margin:0;
  padding:0;
}
#loginBox a {
  color:#FFFFFF;
  width:188px;
  letter-spacing: -0.05px;
}
#loginBox input[type="submit"] {
  width:105px;
  background-color:#202246;
  font-weight:bold;
  color:#FFFFFF;
  border:0;
    transition: background 0.15s linear;
} 
#loginBox input[type="submit"]:hover, #loginBox li a:hover {
  background-color:#6dc4c4;
}

#loginBox input[type="submit"]:active, #loginBox li a:active {
  position:relative;
  top:1px;
  left:1px;
}

/***************************
   MATERIALIZE
****************************/
.materialize {
  /* background-color: transparent; */
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  /* height: 3rem; */
  width: 100%;
  /* font-size: 1rem; */
  margin: 0 0 15px 0;
  padding: 0;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all .3s;
  }
  input.materialize:disabled, input.materialize[readonly="readonly"]{
    color: rgba(0, 0, 0, 0.26);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  input.materialize:disabled + label, input.materialize[readonly="readonly"] + label{
    color: rgba(0, 0, 0, 0.26); }
  input.materialize:focus:not([readonly]){
    border-bottom: 1px solid var(--main);
    box-shadow: 0 1px 0 0 var(--main); }
  input.materialize:focus:not([readonly]) + label{
    color: #ff4081; }
  input.materialize.valid, input:focus.materialize.valid {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50; }
  input.materialize.valid + label:after, input:focus.materialize.valid + label:after {
    content: attr(data-success);
    color: #4CAF50;
    opacity: 1; }
  input.materialize.invalid, input:focus.materialize.invalid {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336; }
  input.materialize.invalid + label:after, input:focus.materialize.invalid + label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1; }
  input.materialize + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out; }



/***********/
/* CROPIT  */
/***********/
.cropit-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
}
/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
  cursor: move;
}
/* Hide default file input button if you want to use a custom button */
input.cropit-image-input {
  visibility: hidden;
  position:absolute;
  width:1px;
}
.croplabel {
  display: inline-block;
  padding: 6px 12px !important;
  cursor: pointer;
  border-radius: 3px;
  color:#fff;
  margin-top:6px;
  border:initial;
  font-size:12px;
  line-height: 19px;
}

/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
  opacity: .2;
}
.image-size-label {
  margin-top: 10px;
}
.image-editor button[type="submit"] {
  margin-top: 10px;
}

span.image-empty {
  display:none;
  color:red !important;
} 
span.image-empty.error {
  display:block;
  background:inherit;
  margin-left:0;
}


/***********/
/* SWITCH  */
/***********/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:1px solid #aaa;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 3px;
  background-color: #aaa;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: lightgrey;
}

input:focus + .slider {
  box-shadow: 0 0 1px lightgrey;
}

input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

header { 
    height: 220px;
    /*width:calc(100% - 50px);*/
    background: linear-gradient(50deg, var(--mainDark) 50%,var(--main) 50%);
    padding: 25px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
    position: relative;
    z-index: 3;
}
header::after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: var(--borderSize) solid #fff;
    border-left: var(--borderSize) solid transparent;
    right: 0;
    left: auto;
    background: 0 0;
    position:absolute;
    top:0;
}

.navbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; 
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 3;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--mainDark);
  box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
}

.navbar ul { margin:0 !important; padding:0 !important; }
.menu {
  display: flex;
  flex-direction: row;
  padding: 0 !important;
}

.menu li {
  list-style: none;
}
header ul a.menu-link {
  text-transform: uppercase;
}
header ul.submenu a.menu-link {
  text-transform: initial;
}

.menu li a {
  display: block;
  text-decoration: none;
  color: var(--mainDark);
  padding: 1em 1.2em;
  font-size: 0.9rem;
}
.menu li a.active {
  color: var(--main);
  
}

/* Styling submenu */
.has-dropdown {
  position: relative;
}
.submenu {
  position: absolute;
  left: 0;
  background-color: var(--mainDark);
  white-space: nowrap;
  padding: 1.5em 0;
  min-width: 180px;
  /* hide submenus */
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  box-shadow: 0px 1px 3px #ccc;
  margin-top: 1px !important;
}
header.fixed .submenu {  
  margin-top: 0px !important;
}
.lang .submenu { margin-top:0px !important; margin-left:0px;}
.submenu > li > a {
  padding: 0.8em 1.5em;
}
.submenu .submenu {
  left: -100%;
  top: 0;
}
.submenu .submenu .submenu {
  left: -100%;
  top: 0;
}

.menu > li:hover > a,
.submenu > li:hover > a {
  background-color: hsla(0, 0%, 100%, 0.05);
  color: var(--main);
}

/* Arrows */
.arrow {
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.15em solid currentColor;
  border-bottom: 0.15em solid currentColor;
  transform: rotate(-45deg);
  margin-top: -0.35em;
  transition: transform 100ms ease-in-out;
  margin-left: 9px;
}

/* Reveal  */
.menu > li:hover > a + .submenu,
.submenu > li:hover > a + .submenu {
  opacity: 1;
  transform: scaleY(1);
}

/* ANIMATE aRROWS */
.menu > li:hover > a > .arrow,
.submenu > li:hover > a > .arrow {
  transform: rotate(225deg);
}

/* Fin menu  */
header .logos {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.menu li.socialDesktop a { 
	position:relative; 
	top:-7px; 
	font-size:19px; 
	color:var(--mainDark) !important;
	padding:1em 1.4em 0em;
 }
.menu .socials {
	display:none;
    position: fixed;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: auto;
    width: auto;
  }

.menu .socials a { font-size:40px; color:#0e76a8; }
#footer .socials a { font-size:40px; color:#0e76a8; display:flex;}
#footer .cols.colBaseline { width:260px; float:right; text-align: right }

#header img#logo { width:100%; max-width: 640px; margin:65px auto 0; display:block }
#logo_afmd { position:relative; max-height: 37px; margin-left: 364px}
#logo_medef { position:relative; max-height: 37px; margin-left: 40px}
/*#preFooter { height: 10px; box-shadow: 0 2px 5px rgb(0 0 0 / 25%);}*/
#footer { padding:0 10px; }
#footerIn { position:relative; margin: 40px auto; display: flex; justify-content: center; }
#footer .cols { float:left; margin-right:50px;  text-align:left ;}
#footer .cols:nth-of-type(3) { margin-right:0px; margin-left:15px; margin-right:15px;}
#footer .cols li { list-style-type: none; margin-bottom: 8px; margin-right:0;}
#footer .cols svg { margin-right:7px; }
#footer a { color: #666; font-size: 14px; text-decoration: none;}
#footer a.btn { color: #fff; font-size: 12px !important;}
#footer a.socials { font-size: 36px;}
#footer a.active { color:var(--main);}
#footer > .socials { display:none; }

.grey {
    background:var(--grey);
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
}

section {  
    display:block;
    width:100%;
    overflow: hidden;
    position:relative;
    font-size: 16px;
    padding: 60px 0;
    min-height: 120px;
}
.light::after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: var(--borderSize) solid var(--main);
    border-left: var(--borderSize) solid transparent;
    right: 0;
    left: auto;
    background: 0 0;
    position:absolute;
    top:0;
}
.light::before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-bottom: var(--borderSize) solid var(--mainDark);
    border-right: var(--borderSize) solid transparent;
    right: auto;
    left: 0;
    background: 0 0;
    position:absolute;
    bottom:0;
}
.dark::after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: var(--borderSize) solid var(--mainDark);
    border-left: var(--borderSize) solid transparent;
    right: 0;
    left: auto;
    background: 0 0;
    position:absolute;
    top:0;
}
.dark::before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-bottom: var(--borderSize) solid var(--main);
    border-right: var(--borderSize) solid transparent;
    right: auto;
    left: 0;
    background: 0 0;
    position:absolute;
    bottom:0;
}
section.big::after {
  border-top-width: 280px;
  border-left-width: 280px;
}
.boxIn { max-width:1050px; margin:0 auto; padding:0 20px; line-height: 21px}
#tinymce { line-height: 21px}
section .boxIn a, #tinymce a { text-decoration: none; color:var(--main); }
section.shadow { box-shadow: 0 2px 5px rgb(0 0 0 / 25%); }
h1 { font-size: 42px;font-weight:800; color:var(--mainDark); margin:0 0 30px; letter-spacing: -0.25px;}
h2 { font-size: 34px;font-weight:800; color:var(--mainDark); margin:0 0 30px; letter-spacing: -0.25px;  line-height: 30px}
h3 { font-size: 26px;font-weight:800; color:var(--mainDark); margin:0 0 12px; padding: 0}
h4 { font-size: 18px;font-weight:700; color:#000; margin:0 0 4px; padding: 0}
h5 { font-size: 18px;font-weight:400; color:#000; margin:0; padding:0 }
h6 { font-size: 22px;font-weight:700; color:#000; margin:5px 0 6px; padding: 0}

/*section .boxIn .presD br, section .boxIn .aproposG br  { content: ""; margin: 2em; display: block; font-size: 55%; }*/
section .boxIn .presD strong, section .boxIn .presD b, section .boxIn .aproposG strong, section .boxIn .aproposG b { font-weight:800; }
section .boxIn .aproposD { text-align: left }
section .boxIn .aproposD li { margin:12px 0;}
section .boxIn .aproposD b, section .boxIn .aproposD strong { font-weight:800; font-size:20px;  color:var(--mainDark);}
section .boxIn .infosG { width:calc(45% - 20px); padding-right:20px; border-right:2px solid var(--border); }
.map { margin-top:20px; max-width: 100%; }

input, textarea { font-size:16px; line-height:24px; border-radius:4px;  border:1px solid #aaa; padding:2px 10px;  font-family: 'rubik', arial; }

input[type=checkbox], input[type=radio] {
    border: 0px;
    width: 1em;
    height: 1em;
    margin-right: 10px;
}

.photos .photo .legende { color:#03a9f4; margin-top:10px; }
.photos .photo {
  margin: 4px 4px 30px 4px;
  width:220px;
  float: left;
  padding:0px 10px 20px;
  text-align: center;
  color:#03a9f4;
  font-size: 15px; 
  font-weight: 200; 
  line-height:16px; color:#000;
  letter-spacing:-0.15px;
}
section#partners .boxIn a { color:#454545; }
.photos .photo .signataires {
  background-color:#fff;
  display:block;
  box-shadow: 0px 1px 3px #ccc;
  padding:20px 10px;
  margin-bottom:5px;
  transition: box-shadow 0.3s ease-in-out;

}
.photos .photo a.signataires:hover {
    box-shadow: 0 3px 15px rgba(0,0,0,0.3);

}
.photos .photo img {
  display: block;
  width: 100%;
  border:0;
}
.jcarousel li { padding:0 5px 5px 0; }

section#partners .in { max-width:1120px !important;}
section#partners .cols { width:15%; }
section#partners .legende { margin:10px 0 15px; /*height:60px; */color:#03a9f4; }
section#partners .social { margin-top:10px; }
section#partners .social a { color:#666;}
section#partners .social a:hover { margin-top:10px; color:#03a9f4;}
section#partners .social svg { padding:0 5px;}
section #gallery, section #galleryFiche {
  overflow:hidden;
  position:relative;
}

section .col2 { float:left; width:calc(50%); }

section .col3 {
    flex: 0 1 calc(33.333% - 40px);
}
.videoContent {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; 
}
.videoIt {
    width: 100%; 
    font-size:14px; 
}
.videoIt h3 { font-size:18px; margin:7px 0 6px;}

  /* Intervenants */
  #intervenants .slick-prev, #intervenants .slick-next { top:175px; }
  .intervenantsSlide {
	    display: none;
	}

  .cards { 
    font-size:15px; 
    margin-bottom:40px; 
    line-height: 21px !important; 
    margin-left:-20px;
  }

  .card { 
    float:left;
    width:calc(25% - 42px);
    margin:40px 5px 0px;
    padding: 87px 1px 1px 1px;
    margin-top:43px;
    background-color:var(--grey);
    transition: all 0.3s linear 0s;
  }

  .cardIn {  
    height:  130px;
    background-color:#fff; 
    margin:0px 8px 8px 8px; 
    text-align: center; 
    padding: 0px 5px 55px 5px; 
    z-index: 1; 
  }
  
  .card .name { display: block; font-size: 17px; font-weight: 600; line-height:18px; margin-top:15px }
  .card .function, .card .organisation  { display: block; font-size: 13px; line-height:15px; margin-top:6px;}
  .card .function  { color:var(--main); }
  .card::after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 33px solid #fff;
    border-left: 33px solid transparent;
    right: 0;
    left: auto;
    background: 0 0;
    position:absolute;
    top:0;
}
.card:hover::after {
  border-top: 33px solid var(--main);
}
.card:hover .circular--portrait img {
      transform: scale(1.10);
}

.card .circular--portrait img {
  width: 100%;
  height: auto;
  margin-top:-10px;
  max-width: inherit !important;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;

}
.card .circular--portrait {
    width:135px;
    text-align:center;
    margin:00px auto 0;
    position: relative;
    height: 135px;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid white;
    top: 10px;
    z-index: 2;
}
.card .userPortrait { position:relative; top:-88px }
.presG { width:calc(55% - 20px) !important; padding-right:20px;  border-right:2px solid var(--border);  }

/*.aproposG { width:calc(45% - 52px); padding-left:40px; font-size: 18px; line-height: 24px; padding-top:40px !important}
.aproposD { width:calc(55% - 20px) !important; padding-right:20px;  border-right:2px solid var(--border);  }*/
.justify {  text-align: justify; }
.aproposG { float:left; width:calc(50% - 42px) !important; padding-right:40px; font-size:18px; line-height:27px; padding-top:10px;  border-right:2px solid var(--border); }
.aproposD { float:left; width:calc(50% - 41px) !important; padding-left:40px;}
.intervenantD { border-right:2px solid var(--border);  }
.intervenantG { width:calc(100% - 492px) !important; padding-left:40px; padding-top:10px;  }
.uneG { float:left; width:calc(100% - 353px) !important; padding-right:40px; font-size:18px; line-height:27px; padding-top:10px; }
.uneD { float:left;  }
.uneG .imgMobile { display: none }

/* Fin intervenants  */
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

.pagesNum a, .pagesNum strong, .liresuite a, .liresuite strong {
  color:#fff !important;
  text-decoration:none;
  font-size:13px;
  height:17px;
  padding:4px 12px;
  border-radius: 8px;
  -moz-border-radius: 3px;
  background-color:var(--mainDark);
  line-height: 16px;
  text-transform:uppercase;
  font-weight: 600;
  margin-bottom:3px;
  display:inline-block;

}
.pagesNum a:active, .liresuite a:active {
  position:relative;
  top:1px;
  left:1px;
}
.pagesNum strong, .liresuite strong {
  color:#ffffff;
  background-color:var(--main);

}
.pagesNum img, .liresuite img {
  padding-left:0px;
  padding-bottom:4px;
  margin-left:0px;
  margin-right:0px;

}
.pagesNum li, .liresuite li {
  display:inline;
  margin:0 4px;
}
.pagesNum td strong{
  _border:0;
}

.pagesNum td a{
  _border:0;
}

  #inscriptionForm { max-width:680px; }
  .col { float:left; width:274px; margin-right: 30px}
  .question { margin-top:20px;}
  input[type=text], input[type=url], input[type=email],input[type=email], input[type=tel], textarea { width:calc(100% - 20px); max-width: 600px }
  label {     
    display: block;
    font-weight: 700;
    font-size: 16px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
  }
  .rgpd { margin-top:15px; font-size:14px; }
  .parallax-window div:not(.editArea) { background: rgba(0, 0, 0, 0.25) !important;}
  .photoSpeakerDiv {  position:relative; width:225px; float:right; margin-bottom:30px}
  .filterTitleMobile { display:none; }


/************
 *  NEWS  *
 ************/
.post-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Espaces entre les colonnes et les lignes */
}
.post-container .column {
    flex: 0 0 calc(33% - 20px); /* Chaque colonne prend environ 33% de la largeur */
    box-sizing: border-box;
}

/*.post-module .thumbnail img { width:100%; }*/
.post-module {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    cursor: pointer;
    height: 244px;
    transition: all 0.3s linear 0s;
}

.post-module .thumbnail {
    background: #000000;
    height: 245px;
    overflow: hidden;
}

.post-module .thumbnail img {
    display: block;
    width: 100%;
    transition: all 0.3s linear 0s;
}

.post-module:hover .thumbnail img, .hover .thumbnail img {
    transform: scale(1.1);
    opacity: .6;
}

.post-module .post-content {
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 20px 20px 14px;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.post-module .post-content p {
    margin: 0;
    padding: 0;
}

.post-module .post-category {
    position: absolute;
    top: 0;
    left: 30px;
    background: #000;
    padding: 0 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 140px;
    line-height: 18px;
    letter-spacing: -0.3px;
    height: 80px;
}

.post-module .post-content .title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    min-height: 60px;
    text-align: left;
    line-height: 20px;
}

.post-module .post-content .desc {
    display: none;
    color: #666666;
    font-size: 14px;
    line-height: 1.25em;
}

.post-module .post-content .category {
    line-height: 1.0em;
    position: absolute;
    top: -34px;
    left: 0;
    background: var(--mainDark2);
    padding: 10px 12px;
    color: #Fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 1120px) {
  .slick-prev { left: -15px !important; }
  .slick-next { right: -15px !important; }
}

@media only screen and (max-width: 1000px) {
  .cardIn { height: 90px; }
  .uneG { float:none; width:100% !important; padding: 0 0px 0 0 !important; font-size:18px; }
  .uneD { display:none; }
  .uneG .imgMobile { display:inline-block; float:right; width:42%; max-width: 220px; padding-left:15px;  padding-bottom:10px; padding-top:6px;}
  /*#footer .cols { float:inherit !important; margin-bottom: 20px;}*/
  #footer { margin-top:20px; border-bottom:1px solid #e0e0e0; }
  #footerIn .cols { min-height:inherit !important; }
  #footerIn { display:inline-block; }
  #footer .colLogo { float: none; width: 100% !important; text-align:center !important; margin-bottom:25px; }
  #footer .colBaseline { float: none; width:100% !important; text-align:center !important; margin-top:20px; margin-right: 0 !important}
  #footer a.socials { margin-right:20px !important; margin-bottom: 15px; display: inline-block;}
  #footer .cols li { margin-bottom:13px; width:inherit;}

  .clearSmall { clear:both; }
  #header .cta { display:none; }
  #header img#logo { width:75% !important; margin-top: 60px}
  header .logos { text-align:right; }
  header {
    position: inherit;
  /*  padding: 0;*/
  }
  #logo_afmd { margin: 0; max-height: 34px; }
  #logo_medef { margin:0 45px 0 15px; max-height: 34px;   }

  nav.fixed .menu li:first-child {
    padding-top: 63px;
  }
  .menu > li:hover > a {
    background-color: var(--main);
    color: #FFF;
  }
  /*nav:not(.fixed) .menu { top: -146px; }*/
  .menu {
    flex-flow: column;
    position: absolute;
    background: #f5f5f5;
    top: 0px;
    left: 0;
    right: 0;
    height: calc(100vh - 43vw);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top center;
    transition: 200ms transform cubic-bezier(0.36, 0.4, 0.42, 1.48) 100ms, 100ms opacity ease-in-out;
    overflow-y: none;
    z-index: 2;
    
  }
  .menu > li > a {
    font-size: 1rem;
    /*color: var(--dark);*/
  }
  .submenu > li > a {
    font-size: 1rem;
  }

  .submenu {
    top: 0;
    padding-left: 1.5em;
    border-left: 0.12em dotted #54a9ee;
  }
  .submenu .submenu {
    left: 0;
    top: 0;
  }
  .submenu .submenu .submenu {
    left: 0;
    top: 0;
  }

  .menu > li:hover > a + .submenu,
  .submenu > li:hover > a + .submenu {
    position: relative;
  }

.hamb {
	padding: 14px 6px 8px;
	background-color: var(--main);
	top: 14px;
	left: 14px;
	position: fixed;
	display: block;
	width: 26px;
	height: 11px;
	border-radius: 6px;
	z-index: 3;
}

.hamburger {
	position: absolute;
	width: 1.6em;
	height: 0.25em;
	display: block;
	background: #FFF;
	cursor: pointer;
	transition: 0.2s transform ease-in-out;
}

.hamburger::after,
.hamburger::before {
	content: "";
	position: absolute;
	left: 0;
	background: inherit;
	width: inherit;
	height: inherit;
	transition: 0.2s transform ease-in-out;
}

.hamburger::after {
	top: 0.5em;
}

.hamburger::before {
	bottom: 0.5em;
}


  .close::after,
  .close::before {
    top: 0;
    transition: 0.2s transform ease-in-out;
  }
  .close::before {
    display: none;
  }
  .close {
    transform: rotate(45deg);
    transition: 0.2s transform ease-in-out;
  }
  .close::after {
    transform: rotate(-90deg);
  }

  /* reveal menu */
  input[type="checkbox"]:checked + .menu {
    position: absolute;
    opacity: 1;
    transform: scaleY(1);
  }
  .cols .col2:first-of-type { margin-bottom:50px; }
  .col2 { float:inherit !important; width:100% !important; padding:0 !important;  border-left:0 !important; border-right:0 !important; text-align: left !important; }
  .boxIn { padding:0 20px;}
  .cards { margin-left: -12px; }
  .card {
    width:calc(25% - 26px);
    margin:24px 12px 0px;
  }
  .card .circular--portrait {
    width:100px;
    height: 100px;
  }

  #footerIn { margin-bottom:0px; }
  .col2.presG h3 { font-size: 38px; font-weight: 800; margin: 0 0 30px; letter-spacing: -0.25px; }
  .textRight {  text-align: left !important; }
  .photoSpeakerDiv {  float:inherit;}
  .searchProg { width:calc(100% - 30px) !important}
  .post-container .column {     flex: 0 0 calc(50% - 30px); }
  nav.fixed ul.menu { height:100vh !important; }
  nav .socialDesktop { display:none; }
  .menu .socials { display:block; }
}

@media (max-width:768px)  {
  .select2-container { max-width:100%; }
  .searchProgDiv { width:100% !important}
  .justify {  text-align: left !important; }
  .col { float:none !important; width:100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom:20px !important;}
  .question { width: 96% !important;}
  section#partners .legende { height:40px; }
  #tags ul { font-size:13px !important; }
  #tags li { margin-bottom:6px !important; }
  section .col2 { float:inherit; width:calc(100% - 20px); padding: 0 10px}

  .card {
    width:calc(50% - 26px);
  }
  .card .circular--portrait {
    width:120px;
    height: 120px;
  }
  .card .name { font-size:15px; }
  .card .function, .card .organisation { font-size:12px; line-height: 17px;}
  .cardIn { height: 110px; }
  :root {
    --borderSize: 60px;
  }
  section#une { padding-top:30px; }
  /*body { font-size:13px }*/
  h1 { font-size: 38px; }
  h2 { font-size: 30px; line-height: 30px}
  h3 { font-size: 22px; }
  h4, h5 { font-size:16px }
  .uneG { font-size: 16px; line-height: 24px; text-align: left}
  .sericest { font-size:16px; }
  #header { height:30vw; }  
  #header img#logo { width:90% !important; max-width:600px !important; margin-top: 10vw}
  section { padding:40px 0; }
  #footer .cols.socials { display:none; }
  #footer .cols:nth-of-type(2) { margin-bottom:50px;}
  #footer .socials {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: auto;
    width: auto;
  }
  #footer > .socials { display:block !important; }  
  #footer #footerIn { width:240px; }
  #footer .socials a, .menu .socials a { font-size:40px; color:#0e76a8; }
  #gallery { width:100%; }
  #footer .cols.colBaseline a { top:-65px !important }
  
}
@media (max-width:690px)  {
    .question { margin-top: 12px; }
    .col { margin: 10px 0 !important; }
    .thislabel { margin:10px 0 20px !important; }
  	.post-container .column {     flex: 0 0 calc(100%); }
}


@media (max-width:468px)  {
  .boxIn { padding:0 13px;}
  .agenda .heures { width:90px !important; }
  .cards { margin-left: -9px; }
  .card { width:calc(50% - 21px); margin:18px 9px 0}
  .cardIn { margin:0px 5px 5px 5px !important; height: 84px}
  .card .name { line-height:16px; margin-bottom: 4px}
  .card .function, .card .organisation { line-height: 14px; }
    :root {
    --borderSize: 50px;
  }
  #logo_afmd { max-height: 30px; }
  #logo_medef { max-height: 30px; margin-right:28px }
  .pdfDownload { padding: 0 1em !important; }  
  .map { margin-top:0px;}
  input.materialize.search { width:calc(100% - 80px) !important; max-width: 225px !important; font-size:15px !important;}
  #header img#logo { width:95% !important; margin-top:12vw; }
  .editions a.btn { margin:0 4px !important; padding:0 1.1em;}
  .question.nobold { width:calc(100% - 25px) !important; padding:0 10px !important; }
  .question.nobold:last-of-type { padding-top: 13px !important; }
  .nobold label { font-size:15px !important; }
  .cols.colBaseline { bottom  }

}