/*font-family:'Roboto', sans-serif;*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('/fonts/fontawesome/font.min.css');
@import url('/css/front/bootstrap.min.css');
@import url('/css/front/menu.css');

@font-face{font-family:Roboto-Regular;src:url(/fonts/roboto/Roboto-Regular-webfont.eot);src:url(/fonts/roboto/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/Roboto-Regular-webfont.woff2) format("woff2"), url(/fonts/roboto/Roboto-Regular-webfont.woff) format("woff"), url(/fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"), url(/fonts/roboto/Roboto-Regular-webfont.svg#robotoRegular) format("svg");font-weight:400}
@font-face{font-family:Roboto-Medium;src:url(/fonts/roboto/Roboto-Medium-webfont.eot);src:url(/fonts/roboto/Roboto-Medium-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/Roboto-Medium-webfont.woff2) format("woff2"), url(/fonts/roboto/Roboto-Medium-webfont.woff) format("woff"), url(/fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype"), url(/fonts/roboto/Roboto-Medium-webfont.svg#robotoMedium) format("svg");font-weight:500}
@font-face{font-family:"caviar_dreamsbold";src:url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.eot");src:url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.woff2") format("woff2"), url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.woff") format("woff"), url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.ttf") format("truetype"), url("/fonts/CaviarDreams/caviar_dreams_bold-webfont.svg#caviar_dreamsbold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"caviar_dreamsregular";src:url("/fonts/CaviarDreams/caviardreams-webfont.eot");src:url("/fonts/CaviarDreams/caviardreams-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/CaviarDreams/caviardreams-webfont.woff") format("woff"), url("/fonts/CaviarDreams/caviardreams-webfont.ttf") format("truetype"), url("/fonts/CaviarDreams/caviardreams-webfont.svg#caviar_dreamsregular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"CenturyGothic";src:url("/fonts/CenturyGothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("/fonts/CenturyGothic/CenturyGothic.woff") format("woff"), url("/fonts/CenturyGothic/CenturyGothic.ttf") format("truetype"), url("/fonts/CenturyGothic/CenturyGothic.svg#CenturyGothic") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"CenturyGothic-Bold";src:url("/fonts/CenturyGothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/CenturyGothic/CenturyGothic-Bold.woff") format("woff"), url("fonts/CenturyGothic/CenturyGothic-Bold.ttf") format("truetype"), url("/fonts/CenturyGothic/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");font-weight:normal;font-style:normal}

*,*::before,*::after{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;transition:all 0.3s ease-in;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
*:hover,*:focus{outline:none;box-shadow:none}
html{overflow-x:hidden}
body{overflow-x:hidden;font-family:'Roboto', sans-serif;color:#555;font-size:14px;line-height:1.6}

article,
aside,
details,
figcaption,
figure,
picture,
footer,
header,
main,
menu,
nav,
section,
summary {
  display:block
}

audio,
canvas,
progress,
video {
  display:inline-block;
  vertical-align:baseline
}

audio:not([controls]) {
  display:none;
  height:0
}

embed,
iframe,
object {
  max-width:100%
}

[hidden],
template {
  display:none
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{position:relative;margin:0 0 15px;line-height:1.4}
a {text-decoration:none;color:#0099d4}
.d-flex {display:flex}







.more,
.more2 {
  position:relative;
  display:inline-block;
  margin:15px 0;
  padding:0 15px;
  border:1px solid #0099d4;
  font-family:"caviar_dreamsbold";
  line-height:38px;
  letter-spacing:1px;
  text-transform:uppercase
}

.more2 {
  width:100%;
  text-align:center
}

.more i,.more2 i {margin:0 15px 0 0}
a:active,a:hover,a:focus{text-decoration:none;color:#03668c;outline:0}
ul, ul li{list-style:outside none none;margin:0;padding:0}
ul.puce{margin:0 0 15px;padding:0 15px}
ul.puce li{position:relative;padding:0 0 0 30px}
ul.puce li::before{position:absolute;left:0;content:"\f30b";font-family:"Font Awesome 5 Free";font-weight:900;color:#03668c}
ul.square li{position:relative;padding:5px 0 0 12px}
ul.square li::before {background:#03668c;content:"";position:absolute;left:0;width:6px;height:6px;top:14px}
ol{list-style:decimal;padding:0 0 0 15px}
ol ol{list-style:lower-alpha}
ol li{padding:0 0 0 5px}
img{max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
figure{position:relative;margin:0 0 15px}
figure img{width:100%}
figure figcaption{background:rgba(0, 0, 0, 0.75);color:#fff;position:relative;left:0;right:0;bottom:0;padding:10px;text-align:center}
p{margin:0 0 15px}

input,
select {
  background:none;
  margin:0 0 15px;
  padding:0 15px;
  width:100%;
  height:38px;
  line-height:38px;
  border:1px solid #ddd;
  border-radius:3px
}

input:focus,
select:focus {
  outline:none
}

textarea {
  background:rgba(247, 247, 247, 0.9);
  margin:0 0 15px;
  padding:15px;
  border:1px solid #ddd;
  width:100%
}

button,
.btn {
  position:relative;
  background:#03668c;
  margin:0 0 15px;
  padding:0 15px;
  border-radius:0;
  vertical-align:top;
  border:1px solid #0099d4;
  font-family:"caviar_dreamsbold";
  line-height:38px;
  color:#fff;
  letter-spacing:1px;
  text-transform:uppercase
}

button:hover,
.btn:hover,
button:focus,
.btn:focus {
  background:#0099d4;
  color:#fff;
  outline:none;
  box-shadow:none
}

/* mobile menu */
.yay-toggle {
  display:none;
  vertical-align:middle;
  font-size:10px;
  color:#03668c;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer
}

.yay-toggle em {
  position:relative;
  margin:0 auto 5px;
  display:block;
  width:30px;
  height:3px;
  background:#03668c
}

.yay-toggle em:last-child {
  margin:0
}

.main-navigation-toggle {
  display:none
}

.yaybar {
  background:#03668c;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:260px;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  z-index:9999
}

.menuSearch {
  width:100%;
  display:flex;
  margin:0 0 10px;
  border-bottom:1px solid rgba(255, 255, 255, .1);
  padding:0 5px 15px
}

input.getSearch2 {
  background:rgba(0, 0, 0, .25);
  border:1px solid rgba(255, 255, 255, .5);
  border-radius:3px 0 0 3px;
  color:#fff;
  line-height:30px;
  padding:0 5px;
  width:calc(100% - 40px);
  border-width:1px 0 1px 1px
}

button.getSearch2 {
  margin:0;
  padding:0;
  height:38px;
  line-height:38px;
  vertical-align:top;
  width:40px;
  border-radius:0 3px 3px 0;
  border:1px solid rgba(255, 255, 255, .5);
  border-left:medium;
  background:#0099d4;
  color:#fff
}

.yaybar.yay-static {
  position:absolute
}

.yaybar .nano-content>ul {
  width:260px;
  transition:width 300ms ease-in-out
}

.yaybar .nano-content ul li {
  position:relative;
  z-index:1
}

.yaybar .nano-content>ul>li:before {
  content:'';
  position:absolute;
  bottom:0;
  left:10px;
  right:10px;
  border-bottom:1px solid rgba(255, 255, 255, .25)
}

.yaybar .nano-content ul li.menu-item-has-children::after {
  position:absolute;
  color:rgba(255, 255, 255, 1);
  content:"\f107";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  top:0;
  right:15px;
  line-height:40px;
  z-index:-1
}

.yaybar .nano-content ul li.menu-item-has-children.open::after {
  -webkit-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  transform:rotate(-180deg)
}

.yaybar .nano-content>ul li>a {
  display:block;
  padding:0 10px;
  font-weight:600;
  color:#fff;
  line-height:40px
}

.yaybar .nano-content>ul li.active>a,
.yaybar .nano-content>ul li.open>a,
.yaybar .nano-content>ul li:hover>a {
  color:#76c9f5
}

.yaybar .nano-content>ul li>ul {
  display:none;
  background:rgba(0, 0, 0, .1)
}

.yaybar .nano-content>ul li.open>ul {
  display:block
}

.yaybar .nano-content>ul>li>ul>li.content,
.yaybar .nano-content>ul>li>ul>li.label,
.yaybar .nano-content>ul>li>ul>li>a,
.yaybar .nano-content>ul>li>ul>li>ul>li>a {
  color:rgba(255, 255, 255, .9);
  padding:0 10px 0 15px
}

.yaybar .nano-content>ul>li>ul>li>ul>li>a {
  padding:0 10px 0 30px
}

.yaybar i {
  font-size:1.1em;
  margin-right:5px;
  vertical-align:middle;
  width:1.4em;
  display:inline-block
}

.yaybar i.fa {
  vertical-align:baseline
}

.yaybar .nano-content>ul li.label {
  font-size:.9em;
  height:30px;
  line-height:40px;
  color:#767CA0;
  text-transform:uppercase;
  font-weight:400;
  display:table;
  margin-bottom:4px
}

.yaybar .nano-content>ul li.content {
  color:#D8D8D8
}

.yaybar .nano-content>ul li.content .progress {
  margin-top:.7em
}

.yaybar .nano-content>ul li>a>.yay-collapse-icon {
  float:right;
  margin-right:5px;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease
}

.yaybar .nano-content>ul li>a>.badge {
  float:right;
  font-weight:400;
  font-size:1rem;
  background-color:#76c9f5
}

.yaybar .nano-content>ul li.open>a>.yay-collapse-icon {
  -webkit-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  transform:rotate(-180deg)
}

.yaybar .nano-content>ul>li>ul>li.active>a,
.yaybar .nano-content>ul>li>ul>li.open>a,
.yaybar .nano-content>ul>li>ul>li>ul {
  background:#242634
}

.yaybar .nano-content>ul>li>ul>li>ul>li.active>a,
.yaybar .nano-content>ul>li>ul>li>ul>li.open>a,
.yaybar .nano-content>ul>li>ul>li>ul>li>ul {
  background:#1c1d28
}

.yay-hide .yaybar {
  left:-260px
}

.yaybar {
  transition:left 300ms ease-in-out, width 300ms ease-in-out
}

.yay-hide .yaybar.yay-hide-to-small {
  position:absolute;
  width:60px;
  left:0
}

.yay-hide .yaybar.yay-hide-to-small,
.yay-hide .yaybar.yay-hide-to-small .nano,
.yay-hide .yaybar.yay-hide-to-small .nano-content {
  overflow:visible
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul {
  width:60px
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul .content,
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul .label {
  display:none
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a {
  text-align:center;
  line-height:1
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>i {
  width:auto;
  font-size:1.7rem
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a,
.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>.yay-collapse-icon {
  font-size:0
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>a>.badge {
  position:absolute;
  right:3px;
  top:3px
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li {
  position:relative
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul>li>ul {
  visibility:hidden;
  width:260px;
  position:absolute;
  top:0;
  left:100%
}

.yay-hide .yaybar.yay-hide-to-small .nano-content>ul li:hover>ul {
  visibility:visible;
  display:block !important
}

.yay-hide .yaybar.yay-hide-to-small~.content-wrap,
.yaybar.yay-overlay.yay-hide-to-small~.content-wrap {
  margin-left:60px
}

.yaybar.yay-push~.content-wrap {
  -webkit-transform:translateX(260px) translateZ(0);
  transform:translateX(260px) translateZ(0);
  transition:-webkit-transform 300ms ease-in-out, margin-left 300ms ease-in-out;
  transition:transform 300ms ease-in-out, margin-left 300ms ease-in-out
}

.yay-hide .yaybar.yay-push~.content-wrap {
  -webkit-transform:translateX(0) translateZ(0);
  transform:translateX(0) translateZ(0)
}

.yaybar.yay-shrink~.content-wrap {
  margin-left:260px;
  transition:margin-left 300ms ease-in-out
}

.yay-hide .yaybar.yay-shrink~.content-wrap {
  margin-left:0
}

.yay-hide .yaybar.yay-shrink.yay-hide-to-small~.content-wrap {
  margin-left:60px
}

.yaybar.yay-overlap-content~.content-wrap:after {
  content:'';
  display:block;
  position:fixed;
  cursor:pointer;
  visibility:visible;
  opacity:1;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:rgba(0, 0, 0, .5);
  z-index:9998
}

.yay-hide .yaybar.yay-overlap-content~.content-wrap:after {
  visibility:hidden;
  opacity:0
}

.yaybar .nano {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden
}

.yaybar .nano>.nano-content {
  position:absolute;
  overflow-x:hidden;
  top:30px;
  right:0;
  bottom:0;
  left:0
}

.yaybar .nano>.nano-content:focus {
  outline:dotted thin
}

.yaybar .nano>.nano-content::-webkit-scrollbar {
  display:none
}

.yaybar .nano.has-scrollbar>.nano-content::-webkit-scrollbar {
  display:block
}

.yaybar .nano>.nano-pane {
  background:rgba(0, 0, 0, .25);
  position:absolute;
  width:5px;
  right:0;
  top:0;
  bottom:0;
  opacity:.01;
  transition:.2s;
  border-radius:5px
}

.yaybar .nano>.nano-pane>.nano-slider {
  background:rgba(255, 255, 255, .85);
  position:relative
}

.yaybar .nano:hover>.nano-pane,
.yaybar .nano>.nano-pane.active,
.yaybar .nano>.nano-pane.flashed {
  opacity:.99
}

/* header */
.headerSite {
  padding:5px 0
}

.headerSite .container {
  display:flex;
  align-items:center
}

.headerSite .logo {
  flex-grow:1
}

.headerSite .logo img {
  width:auto;
  height:50px
}

.headerSite a:not(.logo) {
  position:relative;
  width:48px;
  height:48px;
  line-height:48px;
  color:#012330;
  text-align:center
}

.headerSite a:not(.logo):not(.lang):after {
  content:"";
  position:absolute;
  height:24px;
  right:0;
  top:12px;
  border-right:1px solid #ddd
}

.headerSite a:hover {
  color:#0099d4
}

.headerSite a.fab,
.headerSite a.fas,
.headerSite a.fa {
  font-size:0
}

.headerSite a.fab:before,
.headerSite a.fas:before,
.headerSite a.fa:before {
  font-size:14px
}

.headerSite a.lang {
  color:#0099d4;
  width:auto;
  padding:0 0 0 12px
}





/* main */
.main {
  margin:0 0 30px
}

.pageHeader {
  background:#fff;
  position:relative;
  margin:0 0 15px;
  text-transform:uppercase
}

.pageHeader h1 {
  margin:15px 0;
  font-family:"caviar_dreamsbold";
  font-size:28px;
  color:#03668c;
  line-height:1.5
}

.breadcrumbs {
  display:flex;
  position:relative;
  overflow:hidden;
  border:1px solid #ddd;
  border-width:1px 0 1px 0;
  line-height:40px
}

.breadcrumbs li {
  position:relative;
  padding:0 30px 0 0;
  font-family:"caviar_dreamsregular";
  letter-spacing:1px
}

.breadcrumbs li::before {
  position:absolute;
  top:0;
  right:0;
  width:30px;
  text-align:center;
  content:"/";
  color:#999
}

.breadcrumbs li.active {
  white-space:nowrap;
  text-overflow:ellipsis
}

.breadcrumbs li.active::before,
.breadcrumbs li:last-child::before {
  content:""
}

.breadcrumbs li i {
  margin:0 10px 0 0
}

.breadcrumbs li.shareLinks {
  display:flex;
  position:absolute;
  right:0;
  background:#f9f9f9;
  padding:0 0 0 15px
}

.breadcrumbs li.shareLinks span {
  margin:0 15px 0 0;
  font-family:'Roboto', sans-serif;
  font-weight:700;
  color:#03668c;
  text-transform:capitalize
}

.breadcrumbs li.shareLinks a {
  padding:0 15px;
  font-size:0
}

.breadcrumbs li.shareLinks i {
  margin:0
}

.breadcrumbs li.shareLinks i:before {
  font-size:14px;
  line-height:40px
}

.body {
  border:1px solid #ddd;
  padding:30px;
  text-align:justify;
  overflow:hidden
}

.select {
  position:relative;
  overflow:hidden;
  border:1px solid #ddd;
  border-radius:3px
}

.select::before {
  position:absolute;
  right:10px;
  content:"\f107";
  font-family:"Font Awesome 5 Free";
  line-height:38px;
  font-weight:900;
  color:#03668c;
  z-index:0
}

.select select {
  position:relative;
  width:110%;
  width:calc(100% + 50px);
  border:none;
  background:none;
  z-index:1
}

.reset {
  background:#333;
  border:none
}

.reset:hover {
  background:#0099d4
}

.item {
  position:relative;
  margin:0 0 30px
}

.item time {
  color:#0099d4;
  text-transform:uppercase
}

.item h3 a {
  position:relative;
  display:block;
  font-size:16px;
  color:#000;
  letter-spacing:1px;
  font-weight:500
}

.widget {
  margin:0 0 30px;
  padding:5px;
  border:1px solid #ddd
}

.widget h2 {
  background:#03668c;
  margin:0;
  padding:0 15px;
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:40px
}

.widget .plus {
  display:block;
  padding:5px;
  text-align:right;
  color:#03668c
}

.widget li {
  padding:10px 15px
}

.widget li:not(:last-child) {
  border-bottom:1px dashed #ddd
}

.widget ul.puce {
  margin:0;
  padding:0
}

.widget ul.puce li {
  padding:10px 0 10px 30px
}

.widget li h3 {
  margin:0
}

.widget li a {
  display:block;
  font-size:14px
}

.widget .owl-carousel {
  margin:15px 0 0
}

.widget .owl-carousel .item {
  margin:0
}

.widget .owl-carousel .item h3 a {
  font-size:14px
}

.widget .owl-carousel .owl-controls {
  position:absolute;
  top:-55px;
  right:5px
}

.widget .owl-carousel .owl-nav {
  display:flex
}

.widget .owl-carousel .owl-nav .owl-next,
.widget .owl-carousel .owl-nav .owl-prev {
  color:#fff;
  line-height:40px;
  padding:0 10px;
  font-size:20px
}

.widgetPublications figure {
  width:70%;
  margin:0 auto 15px
}

.widgetPublications h3 {
  text-align:center
}

.list-items .item {
  border-bottom:1px solid #ddd;
  margin:0 0 15px;
  text-align:left
}

.list-items .item:last-child {
  border-bottom:none;
  margin:0
}

.list-items figure img {
  border:1px solid #ddd;
  padding:5px
}

.list-items .desc h3 a {
  font-family:"CenturyGothic-Bold";
  font-size:20px;
  line-height:1;
  color:#252525;
  text-transform:uppercase
}

.list-items .desc .more {
  display:inline-block;
  margin:0 0 15px
}

.grid-items .item {
  padding:0 30px;
  text-align:left
}

.grid-items .item:before {
  position:absolute;
  content:'';
  top:0;
  bottom:0;
  left:15px;
  right:15px;
  box-shadow:0 2px 7px rgba(0, 0, 0, 0.15)
}

.grid-items .item figure {
  margin:0 -15px 15px
}

.grid-items.overlay .item figure {
  margin:0 -15px
}

.grid-items .item figure::after {
  position:absolute;
  content:"";
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.25)
}

.grid-items.overlay .item:hover figure::after {
  background:rgba(0, 0, 0, 0.5)
}

.grid-items .item h3 {
  position:absolute;
  top:30px;
  left:30px;
  right:30px
}

.grid-items .item h3 a {
  padding:15px 0;
  font-family:"Roboto-Regular";
  font-size:20px;
  color:#fff;
  text-shadow:2px 2px #000;
  letter-spacing:1px;
  line-height:1.2
}

.grid-items .item h3 a:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:50px;
  border-top:2px solid #fff
}

.grid-items .item p {
  min-height:75px
}

.grid-items.overlay .item .l-overlay {
  position:absolute;
  bottom:0;
  left:30px;
  right:30px;
  opacity:0;
  visibility:hidden;
  color:#fff
}

.grid-items.overlay .item:hover .l-overlay {
  opacity:1;
  visibility:visible;
  bottom:15px
}

.grid-items.overlay .item .l-overlay .d-flex {
  align-items:center;
  justify-content:space-between;
  color:#fff
}

.grid-items.overlay .item .l-overlay i {
  font-family:'Roboto-Medium', sans-serif;
  font-weight:500
}

.grid-items.overlay .item .l-overlay i::before {
  margin:0 10px 0 0;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size:10px
}

.grid-items.overlay .item .l-overlay .d-flex time {
  color:#fff;
  font-style:italic;
  font-size:12px
}

.publications .item {
  padding:0 30px;
  text-align:left
}

.publications .item:before {
  position:absolute;
  content:'';
  top:0;
  bottom:0;
  left:15px;
  right:15px;
  box-shadow:0 2px 7px rgba(0, 0, 0, 0.15)
}

.publications .item figure {
  margin:15px 50px
}

.publications .item h3 a {
  min-height:60px;
  font-family:"Roboto-Medium";
  font-size:14px;
  text-align:center;
  color:#000;
  text-shadow:2px 2px #fff;
  letter-spacing:1px;
  line-height:1.4
}

.album-container,
.video-container {
  margin:0 auto 30px;
  max-width:800px
}

.album-container {
  padding:5px;
  border:1px solid #e5e5e5
}

.album-container time {
  font-weight:normal;
  font-style:italic;
  font-size:12px
}

.filterForm {
  margin:15px 0 45px;
  background:#f9f9f9;
  padding:15px;
  border:1px solid #03668c
}

.filterForm .field input,
.filterForm .field select,
.filterForm .actions .btn {
  margin:0
}

.daterangepicker .drp-buttons .btn {
  padding:0 15px !important;
  font-weight:400 !important
}

.filterForm .actions .btn {
  position:relative;
  width:100%;
  font-size:14px;
  border-color:#03668c;
  border-radius:3px;
  padding:0 40px 0 0
}

.filterForm .actions .reset {
  position:absolute;
  top:0;
  right:15px;
  border-radius:0 3px 3px 0;
  width:40px;
  font-size:0;
  text-align:center;
  border-left:1px solid rgba(255, 255, 255, .5)
}

.filterForm .actions .reset i {
  font-size:14px;
  line-height:40px;
  color:#fff
}

.pagination {
  margin:30px 0 0;
  border:1px solid #ddd;
  border-width:1px 0 1px 0;
  border-radius:0;
  line-height:38px
}

.pagination a {
  display:inline-block;
  position:relative;
  padding:0 15px
}

.pagination a:before {
  content:'';
  position:absolute;
  top:12px;
  bottom:12px;
  right:0;
  border-left:1px solid #ddd
}

.pagination a:hover,
.pagination a.now,
.pagination a.now:hover {
  color:#03668c
}

.table {
  color:#111;
  text-align:center;
  text-transform:uppercase
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border:1px solid #fff
}

.table thead th {
  background:#ccc;
  border:none medium;
  border-right:1px solid rgba(255, 255, 255, 0.5);
  font-family:Roboto-Regular;
  color:#000;
  letter-spacing:1px
}

.table tbody tr {
  background:#f9f9f9
}

.table tbody tr.link {
  cursor:pointer
}

.table tbody tr:nth-child(2n) {
  background:#f0f0f0
}

.table tbody tr:hover {
  background:#0099d4
}

.table tbody tr:hover th,
.table tbody tr:hover td,
.table tbody tr:hover td a {
  color:#fff
}

.table tbody tr td a:hover {
  text-decoration:underline
}

.table.infos th,
.table.infos td {
  text-align:left
}

.access {
  max-width:600px;
  margin:30px auto;
  border:1px solid #ddd;
  border-radius:4px;
  padding:30px
}

.access .field {
  background:#f5f5f5
}

.access .field input {
  margin:0
}

.access .note {
  margin:15px 0 0;
  color:red
}

/* home */
.about {
  background:#ddd;
  position:relative;
  margin:-80px 50px 30px;
  padding:0 0 50px;
  z-index:9995
}

.aboutHeader {
  position:relative;
  padding:50px 0;
  text-align:center;
  text-transform:uppercase
}

.aboutHeader h1 {
  padding:30px 0 0;
  font-family:"caviar_dreamsregular";
  font-size:38px;
  color:#0099d4
}

.aboutHeader .intro {
  position:relative;
  padding:0 0 30px;
  font-family:"CenturyGothic-Bold";
  font-size:16px;
  color:#000
}

.aboutHeader h1::before,
.aboutHeader h1::after,
.aboutHeader .intro::before,
.aboutHeader .intro::after {
  content:"";
  position:absolute;
  left:50%
}

.aboutHeader h1::before {
  top:0;
  width:230px;
  margin:0 0 0 -150px;
  border-top:1px solid #0099d4
}

.aboutHeader h1::after {
  top:-30px;
  height:50px;
  margin:0 0 0 -110px;
  border-left:3px solid #0099d4
}

.aboutHeader .intro::before {
  bottom:0;
  width:230px;
  margin:0 0 0 -110px;
  border-top:1px solid #0099d4
}

.aboutHeader .intro::after {
  bottom:-30px;
  height:50px;
  margin:0 0 0 80px;
  border-left:3px solid #0099d4
}

.mainAbout {
  text-align:center
}

.aboutBoxes {
  height:555px;
  margin:35px 0 0;
  color:#fff
}

.wedo {
  background-image:url(/images/front/bg-wedo.jpg);
  background-size:cover;
  border:2px solid #fff;
  border-width:4px 2px 4px 4px
}

.wedo .content {
  padding:50px 15px
}

.wedo .content h2 {
  font-family:"caviar_dreamsbold";
  font-size:28px;
  letter-spacing:1px;
  text-transform:uppercase
}

.wedo .content h2 span {
  display:block;
  font-family:"caviar_dreamsregular"
}

.wedo .content ul {
  margin:15px 0 15px 15px
}

.wedo .content ul li:before {
  color:#fff;
  content:"\f068";
  font-family:"Font Awesome 5 Free";
  font-size:8px;
  font-weight:900;
  margin:0 10px 0 0
}

.wedo .content ul li a {
  color:#fff
}

.wedo .content ul li:hover a {
  text-decoration:underline
}

.wedo .content .more {
  position:absolute;
  top:-15px;
  left:0;
  bottom:-15px;
  right:0;
  border:none;
  font-size:0px
}

.aboutBoxes2,
.aboutBoxes2 .row {
  height:100%
}

.projectsBox {
  background-image:url(/images/front/1.jpg);
  background-size:cover;
  height:50%;
  border:2px solid #fff;
  border-width:4px 2px 2px 2px
}

.projectsBox h2 {
  background:rgba(0, 158, 218, 0.8);
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  margin:0;
  padding:10px;
  font-size:24px;
  color:#fff;
  line-height:1;
  text-transform:uppercase
}

.eventsBox {
  background-image:url(/images/front/2.jpg);
  background-size:cover;
  height:50%;
  border:2px solid #fff;
  border-width:4px 2px 2px 2px
}

.eventsBox h2 {
  background:rgba(4, 150, 148, 0.8);
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  margin:0;
  padding:10px;
  font-size:24px;
  color:#fff;
  line-height:1;
  text-transform:uppercase
}

.publicationsBox {
  background-image:url(/images/front/3.jpg);
  background-size:cover;
  height:50%;
  max-height:300px;
  border:2px solid #fff;
  border-width:2px 2px 4px 2px
}

.publicationsBox .content {
  padding:30px
}

.publicationsBox h2 {
  font-family:"caviar_dreamsbold";
  font-size:28px;
  letter-spacing:1px;
  text-transform:uppercase
}

.publicationsBox h2 span {
  display:block;
  font-family:"caviar_dreamsregular"
}

.publicationsBox .more {
  color:#fff;
  border-color:#fff
}

.aboutBoxes .news {
  background:#03668c;
  border:2px solid #fff;
  border-width:4px 4px 4px 2px
}

.aboutBoxes .news .content {
  padding:30px 15px 0;
  line-height:1.4
}

.aboutBoxes .news .item {
  position:relative;
  margin:0 0 15px;
  padding:0 10px 0 20px;
  border-bottom:1px dashed rgba(255, 255, 255, 0.3)
}

.aboutBoxes .news .item:last-child {
  border-bottom:none medium
}

.aboutBoxes .news h2 {
  font-family:"caviar_dreamsregular";
  font-size:28px;
  letter-spacing:1px;
  text-transform:uppercase
}

.aboutBoxes .news .time {
  font-family:"CenturyGothic-Bold";
  color:#0099d4;
  text-transform:uppercase
}

.aboutBoxes .news h3 {
  font-family:"CenturyGothic-Bold";
  font-size:14px;
  line-height:1.2;
  text-transform:uppercase
}

.aboutBoxes .news h3 a {
  font-size:14px;
  color:#fff
}

.platform {
  position:relative;
  margin:0 0 30px;
  padding:50px 0;
  color:#fff;
  background-attachment:inherit !important;
  background-repeat:no-repeat
}

.parallax.platform::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(1, 35, 48, .5);
  z-index:1
}

.platform .container {
  position:relative;
  z-index:2
}

.platform .content {
  width:40%
}

.platform h2 {
  position:relative;
  margin:0 0 50px;
  padding:0 0 45px 45px;
  font-family:"caviar_dreamsbold";
  font-size:34px;
  text-transform:uppercase
}

.platform h2::before,
.platform h2::after {
  content:"";
  position:absolute
}

.platform h2::before {
  top:0;
  left:30px;
  height:100%;
  border-left:1px solid rgba(255, 255, 255, 0.5)
}

.platform h2::after {
  bottom:30px;
  left:0;
  width:100px;
  border-bottom:2px solid rgba(255, 255, 255, 0.5)
}

.platform h2 span {
  display:block;
  font-family:"caviar_dreamsregular"
}

.platform p {
  color:#c2cb9f
}

.boxes .item {
  background:#03668c
}

.boxes .col-lg-6:nth-child(2n) .item {
  background:#049694
}

.boxes .item figure {
  margin:0
}

.boxes .col-lg-6:nth-child(2n+1) .item figure {
  order:1
}

.boxes .item .desc {
  padding:0 30px
}

.boxes h3,
.boxes h3 a {
  margin:0;
  font-family:"caviar_dreamsbold";
  font-size:24px;
  letter-spacing:1px;
  color:#fff;
  text-transform:uppercase
}

.boxes h3 span,
.boxes h3 a span {
  display:block;
  font-family:"caviar_dreamsregular"
}

.platform .more,
.boxes .more {
  color:#fff;
  border-color:#fff
}

/* contact */
.contact .infos {
  margin:30px 0 0
}

.contact h1 {
  font-family:"CenturyGothic";
  font-size:28px;
  color:#000;
  text-transform:uppercase
}

.contact .infos ul {
  margin:30px 0 0;
  line-height:30px
}

.contact .infos ul i {
  margin:0 5px;
  color:#151515
}

.contact .social {
  margin:30px 0
}

.contact .social a {
  width:40px;
  height:40px;
  line-height:40px;
  border:1px solid #ddd;
  border-radius:3px;
  margin:0 5px 0 0;
  color:#151515;
  text-align:center
}

/* footer */
footer {
  background:url(/images/front/bg-footer.jpg);
  background-size:cover;
  padding:30px 0 0;
  color:rgba(255, 255, 255, 0.8)
}

footer h3 {
  font-family:"caviar_dreamsbold";
  font-size:18px;
  color:#fff;
  text-transform:uppercase
}

footer a {
  color:rgba(255, 255, 255, 0.75)
}

footer a:hover {
  color:rgba(255, 255, 255, 1)
}

footer .infoBox h3 {
  padding:0 0 45px 45px;
  font-size:34px
}

footer .infoBox h3::before,
footer .infoBox h3::after {
  content:"";
  position:absolute
}

footer .infoBox h3::before {
  top:0;
  left:30px;
  height:100%;
  border-left:1px solid #0099d4
}

footer .infoBox h3::after {
  bottom:30px;
  left:0;
  width:100px;
  border-bottom:3px solid #0099d4
}

footer .infoBox h3 span {
  display:block;
  font-family:"caviar_dreamsregular"
}

footer .infoBox p {
  font-family:"Roboto-Medium";
  font-size:15px;
  letter-spacing:1px;
  color:#fff
}

footer .infoBox ul li {
  position:relative;
  padding:0 0 0 30px;
  line-height:1.6
}

footer .infoBox ul li span {
  font-family:"Roboto-Regular";
  font-size:15px;
  color:#fff
}

footer .infoBox ul li span i {
  position:absolute;
  top:0;
  left:0;
  color:#0099d4;
  line-height:1.6
}

footer .newsletter {
  margin:45px 0 0
}

footer .newsletter a {
  text-decoration:underline
}

footer .newsletter a:hover {
  text-decoration:none
}

.copy {
  background:#012330;
  margin:30px 0 0;
  line-height:50px
}

.copy a {
  font-family:"caviar_dreamsbold";
  color:#0099d4
}

.copy a:hover {
  color:#fff
}

#to-top {
  position:fixed;
  display:none;
  right:30px;
  bottom:30px;
  height:40px;
  width:40px;
  background:#111;
  color:#fff;
  text-align:center;
  line-height:40px;
  cursor:pointer;
  z-index:99999
}

#to-top:hover {
  background:#0099d4
}

/*
@import url('/css/front/owl.carousel.min.css');
*/




/*ease-in-out*/
/* list */
.list .item {
  border-bottom:1px solid #ddd;
  margin:0 0 15px;
  text-align:left
}

.list .item:last-child {
  border-bottom:none;
  margin:0
}

.list figure {
  border:1px solid #ddd;
  padding:5px
}

.list .desc h3 a {
  font-family:"CenturyGothic-Bold";
  font-size:22px;
  line-height:1;
  color:#252525;
  text-transform:uppercase
}

.list .desc .more {
  display:inline-block;
  margin:0 0 15px
}

/* grid list */
.gridList .item {
  padding:0 15px 30px;
  text-align:left
}

.gridList .content {
  position:relative;
  padding:0 0 60px;
  height:100%
}

.gridList .item:hover .content {
  box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.gridList figure::after {
  position:absolute;
  content:"";
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.25)
}

.gridList .item h3 {
  position:absolute;
  top:30px;
  left:15px;
  right:15px
}

.gridList .item h3 a {
  position:relative;
  display:block;
  padding:15px 0;
  font-family:"Roboto-Regular";
  font-size:22px;
  color:#fff;
  text-shadow:2px 2px #000;
  letter-spacing:1px;
  line-height:1.2
}

.gridList .item h3 a:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:50px;
  border-top:2px solid #fff
}

.gridList .item p {
  padding:0 15px
}

.gridList .item .more {
  position:absolute;
  bottom:15px;
  left:15px;
  right:15px;
  margin:0
}

.caption {
  padding:10px 15px;
  background:#03668c;
  color:#fff;
  text-align:center
}














.menuNews {
  padding:0 50px
}

.menuNews .owl-controls {
  position:absolute;
  top:-50px;
  right:5px
}

.menuNews .owl-carousel .owl-nav {
  display:flex
}

.menuNews .owl-carousel .owl-nav .owl-next,
.menuNews .owl-carousel .owl-nav .owl-prev {
  line-height:40px;
  padding:0 10px;
  font-size:20px
}

.menuPublications {
  padding:20px
}

.menuPublications figure {
  max-width:70%;
  margin:0 auto 15px
}

/*::placeholder{color:#fff;opacity:1}
:-ms-input-placeholder{color:#fff}
::-ms-input-placeholder{color:#fff}*/
.rightBloc {
  background-color:rgba(0, 0, 0, 0.03);
  padding-top:20px
}

.tab {
  display:table;
  width:100%;
  table-layout:fixed
}

.tabCell {
  display:table-cell
}

/* slides */
.slides {
  position:relative;
  z-index:999
}

.slides img {
  width:100%
}

/* pages */
.fixed .main {
  margin:168px 0 30px
}

.body h2 {
  font-family:"CenturyGothic-Bold";
  font-size:20px;
  color:#0099d4;
  text-transform:uppercase
}

.body h3 {
  font-family:"CenturyGothic";
  font-size:18px;
  color:#000;
  text-transform:uppercase
}

.body .intro {
  position:relative;
  font-family:"CenturyGothic";
  font-size:16px;
  color:#000
}

.body>p:last-child {
  margin:0
}

.body .figLeft {
  float:left;
  margin:0 15px 15px 0;
  width:35%;
  border:1px solid #ddd;
  padding:5px
}

.body .figRight {
  width:100%;
  border:1px solid #ddd;
  padding:5px
}

.body .figCenter {
  margin:0 auto 15px;
  width:auto;
  max-width:100%;
  display:table;
  border:1px solid #ddd;
  padding:5px
}

.body .figCenter img {
  width:auto;
  max-width:100%
}

.body .owl-gallery {
  border:1px solid #ddd;
  padding:5px;
  margin:0 0 15px
}

.body .owl-gallery figure {
  margin:0
}

.body .shead {
  background:#03668c;
  display:block;
  margin:0 0 15px;
  padding:5px 10px;
  color:#fff;
  font-size:16px
}

.body .more {
  display:block;
  text-align:center
}

/* news list */
.newsList .item {
  border-bottom:1px solid #ddd;
  margin:0 0 15px;
  text-align:left
}

.newsList .item:last-child {
  border-bottom:none;
  margin:0
}

.newsList figure {
  border:1px solid #ddd;
  padding:5px
}

.newsList .desc {
  padding:0 15px 0 50px
}

.newsList .desc::before {
  position:absolute;
  left:0;
  top:0;
  width:50px;
  height:30px;
  line-height:30px;
  content:"\f073";
  font-family:"Font Awesome 5 Free";
  font-size:28px;
  font-weight:900;
  border-left:2px solid #0099d4;
  text-align:center;
  color:#0099d4
}

.newsList .desc .time {
  font-family:"CenturyGothic-Bold";
  color:#0099d4;
  text-transform:uppercase
}

.newsList .desc h3 a {
  font-family:"CenturyGothic-Bold";
  font-size:22px;
  line-height:1;
  color:#252525;
  text-transform:uppercase
}

.newsList .desc .more {
  display:inline-block;
  margin:0 0 15px
}

/* documents */
.documents .puce li {
  padding:10px 0 10px 30px;
  border-bottom:1px dotted #ddd
}

.documents .puce li:last-child {
  border-bottom:none medium
}

/* publications */
.partenrs {
  background:rgba(0, 153, 212, 0.1)
}

.partners img {
  border:1px solid rgba(0, 0, 0, 0.1);
  padding:4px
}

/* accordion */
.accordion-toggle {
  cursor:pointer;
  position:relative;
  padding:0 40px 0 30px;
  background:#f9f9f9;
  line-height:40px !important;
  font-size:18px
}

.accordion-toggle:before {
  content:"\f107";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  position:absolute;
  right:0;
  top:0;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  transition:all 0.5s ease-in;
  -moz-transition:all 0.5s ease-in;
  -ms-transition:all 0.5s ease-in;
  -o-transition:all 0.5s ease-in;
  -webkit-transition:all 0.5s ease-in
}

.accordion-toggle.active:before {
  content:"\f106"
}

.accordion-toggle.active {
  color:#fff;
  background:#03668c
}

.accordion-content {
  display:none;
  background:rgba(72, 184, 198, 0.04);
  padding:25px;
  margin:0 0 10px
}

.accordion-content span {
  font-weight:bold;
  padding:20px 0 20px 0;
  display:block;
  font-size:20px
}

.TAB_CARASP td {
  padding:20px
}

/* equipe */
.ItemE {
  color:#000;
  border-radius:10px 0;
  border:1px solid rgba(0, 0, 0, 0.2)
}

.ItemE .headBox {
  font-size:21px;
  border-radius:10px 0 0;
  /* background:#012330;*/
  display:block;
  text-align:center;
  padding:6px 0;
  box-shadow:0 16px 38px -12px rgba(0, 0, 0, 0.2), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.ItemE strong {
  font-weight:normal;
  margin-left:12px;
  display:block
}

.ItemE ul.puce {
  padding-top:20px;
  margin-bottom:0;
  padding-bottom:20px
}

.barrD {
  margin:0 auto;
  padding:30px 0
}

.barrD ul {
  background:#0099d4;
  padding:8px 19px
}

.barrD ul li {
  display:inline-block;
  padding-right:62px;
  font-size:27px;
  color:#fff
}

.ItemE ul.puce li {
  position:relative;
  padding:14px 0 0 30px;
  font-weight:bold;
  font-size:15px
}

.barrD ul li:last-child {
  padding-right:0;
  padding-left:68px;
  border-left:1px solid rgba(255, 255, 255, 0.2)
}

.barrD ul li a {
  color:#000
}

/*******************************progress*********************/
.progress {
  width:150px;
  height:150px;
  background:none;
  margin:0 auto;
  box-shadow:none;
  position:relative
}

.progress:after {
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  border:12px solid #fff;
  position:absolute;
  top:0;
  left:0
}

.progress>span {
  width:50%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:1
}

.progress .progress-left {
  left:0
}

.progress .progress-bar {
  width:100%;
  height:100%;
  background:none;
  border-width:12px;
  border-style:solid;
  position:absolute;
  top:0
}

.progress .progress-left .progress-bar {
  left:100%;
  border-top-right-radius:80px;
  border-bottom-right-radius:80px;
  border-left:0;
  -webkit-transform-origin:center left;
  transform-origin:center left
}

.progress .progress-right {
  right:0
}

.progress .progress-right .progress-bar {
  left:-100%;
  border-top-left-radius:80px;
  border-bottom-left-radius:80px;
  border-right:0;
  -webkit-transform-origin:center right;
  transform-origin:center right;
  animation:loading-1 1.8s linear forwards
}

.progress .progress-value {
  width:90%;
  height:90%;
  border-radius:50%;
  background:#44484b;
  font-size:13px;
  color:#fff;
  text-align:center;
  position:absolute;
  top:5%;
  left:5%;
  padding-top:19px
}

.progress.blue .progress-bar {
  border-color:#049dff
}

.progress.blue .progress-left .progress-bar {
  animation:loading-1 1.5s linear forwards 1.8s
}

.progress.yellow .progress-bar {
  border-color:#fdba04
}

.progress.yellow .progress-left .progress-bar {
  animation:loading-3 1s linear forwards 1.8s
}

.progress.pink .progress-bar {
  border-color:#ed687c
}

.progress.pink .progress-left .progress-bar {
  animation:loading-4 0.4s linear forwards 1.8s
}

.progress.green .progress-bar {
  border-color:#1abc9c
}

.progress.green .progress-left .progress-bar {
  animation:loading-5 1.2s linear forwards 1.8s
}

@keyframes loading-1 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100% {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100% {
    -webkit-transform:rotate(144deg);
    transform:rotate(144deg)
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100% {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100% {
    -webkit-transform:rotate(36deg);
    transform:rotate(36deg)
  }
}

@keyframes loading-5 {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100% {
    -webkit-transform:rotate(126deg);
    transform:rotate(126deg)
  }
}

@media only screen and (max-width:990px) {
  .progress {
    margin-bottom:20px
  }
}

.progress-meter {
  min-height:15px;
  border-bottom:2px solid rgb(160, 160, 160)
}

.progress-meter>.meter {
  position:relative;
  float:left;
  min-height:15px;
  border-width:0px;
  border-style:solid;
  border-color:rgb(160, 160, 160)
}

.progress-meter>.meter-right {
  float:right;
  border-right-width:2px
}

.progress-meter>.meter-left {
  border-left-width:2px
}

.progress-meter>.meter>.meter-text {
  position:absolute;
  display:inline-block;
  bottom:-20px;
  width:100%;
  font-weight:700;
  font-size:0.85em;
  color:rgb(160, 160, 160);
  text-align:left
}

.less {
  margin-top:30px;
  margin-bottom:30px
}

.less a {
  font-size:14px;
  color:#fff;
  padding:5px 18px;
  background:#1263a2
}

.less.active .button-read-more,
.button-read-less {
  display:none
}

.less.active .button-read-less {
  display:block
}

.more-text {
  margin-top:10px
}

.more-text p {
  margin:0;
  padding:0
}

/* timeline*/
#my-timeline {
  padding:80px 0
}

.numb {
  font-size:25px;
  color:#0099d4;
  font-weight:bold;
  display:block;
  margin-bottom:21px;
  margin-top:25px;
  background:rgba(0, 0, 0, .1)
}

.circles {
  margin-bottom:-10px
}

.circle {
  margin:6px 6px 20px;
  display:inline-block;
  position:relative;
  text-align:center;
  line-height:1.2
}

.circle canvas {
  vertical-align:top
}

.circle span {
  position:absolute;
  top:49px;
  left:0;
  width:100%;
  text-align:center;
  font-size:35px;
  font-weight:bold
}

.circle strong i {
  font-style:normal;
  font-size:0.6em;
  font-weight:normal
}

@media (max-height:600px),
(max-width:480px) {
  .credits {
    position:inherit
  }
}

.span-canvas {
  display:block;
  font-size:20px;
  padding:20px;
  text-align:center;
  color:#000
}

/**************************** page THE ECOSYSTEM APPROACH (ECAP)********************/
.tracking-detail {
  padding:3rem 0
}

#tracking {
  margin-bottom:1rem
}

[class*=tracking-status-] p {
  margin:0;
  font-size:1.1rem;
  color:#fff;
  text-transform:uppercase;
  text-align:center
}

[class*=tracking-status-] {
  padding:1rem 0
}

.tracking-status-intransit {
  background-color:#0099d4;
  border-radius:15px;
}

.tracking-status-outfordelivery {
  background-color:#f5a551
}

.tracking-status-deliveryoffice {
  background-color:#f7dc6f
}

.tracking-status-delivered {
  background-color:#4cbb87
}

.tracking-status-attemptfail {
  background-color:#b789c7
}

.tracking-status-error,
.tracking-status-exception {
  background-color:#d26759
}

.tracking-status-expired {
  background-color:#616e7d
}

.tracking-status-pending {
  background-color:#ccc
}

.tracking-status-inforeceived {
  background-color:#00b0f0
}

.tracking-list {
  border:1px solid #ddd;
  position:relative
}

.tracking-item {
  border-left:1px solid #ddd;
  position:relative;
  padding:1rem 1.5rem .5rem 2.5rem;
  font-size:.9rem;
  margin-left:3rem;
  min-height:5rem
}

.tracking-item:last-child {
  padding-bottom:4rem
}

.tracking-item .tracking-date {
  margin-bottom:.5rem
}

.tracking-item .tracking-date span {
  color:#888;
  font-size:85%;
  padding-left:.4rem
}

.tracking-item .tracking-content {
  padding:.5rem .8rem;
  background-color:#f4f4f4;
  border-radius:.5rem
}

.tracking-item .tracking-content a {
  font-size:18px
}

.tracking-item .tracking-content span {
  display:block;
  color:#888
}

.tracking-item .tracking-icon {
  line-height:3.6rem;
  position:absolute;
  left:-1.8rem;
  width:3.6rem;
  height:3.6rem;
  text-align:center;
  border-radius:50%;
  font-size:1rem;
  background-color:#fff;
  color:#fff
}

.tracking-item .tracking-icon.status-sponsored {
  background-color:#f68
}

.tracking-item .tracking-icon.status-delivered {
  background-color:#4cbb87
}

.tracking-item .tracking-icon.status-outfordelivery {
  background-color:#f5a551
}

.tracking-item .tracking-icon.status-deliveryoffice {
  background-color:#f7dc6f
}

.tracking-item .tracking-icon.status-attemptfail {
  background-color:#b789c7
}

.tracking-item .tracking-icon.status-exception {
  background-color:#4dc8f5
}

.tracking-item .tracking-icon.status-inforeceived {
  background-color:#00b0f0
}

.tracking-item .tracking-icon.status-intransit {
  color:#ddd;
  border:1px solid #ddd;
  font-size:.6rem
}

.progress-meter-timeline1 {
  height:19%;
  border-right:2px solid rgb(204, 0, 0);
  position:absolute;
  top:27%;
  right:19%;
  font-size:22px
}

.progress-meter-timeline1 span,
.progress-meter-timeline2 span,
.progress-meter-timeline3 span,
.progress-meter-timeline4 span {
  writing-mode:vertical-rl;
  text-orientation:mixed;
  padding-top:31px
}

.progress-meter-timeline2 {
  height:24%;
  border-right:2px solid rgb(204, 0, 0);
  position:absolute;
  top:47%;
  right:19%;
  font-size:20px
}

.progress-meter-timeline3 {
  height:22%;
  border-right:2px solid rgb(204, 0, 0);
  position:absolute;
  bottom:6%;
  right:19%;
  font-size:20px
}

.progress-meter-timeline4 {
  height:17%;
  border-right:2px solid rgb(204, 0, 0);
  position:absolute;
  bottom:22%;
  right:10%;
  font-size:20px
}

.steps {
  text-align:center;
  width:35%
}

.step1,
.step2,
.step3,
.step4 {
  padding:20px 50px;
  border:3px solid #0099d4
}

.step4 {
  border-radius:50%
}

.itemStep:before {
  content:"";
  position:absolute
}

.steps .icon i {
  font-size:49px;
  color:#0099d4
}

.process-box {
  background:#fff;
  padding:10px;
  border-radius:15px;
  position:relative;
  box-shadow:2px 2px 7px 0 #00000057;
  text-align:left
}

.process-left:after {
  content:"";
  border-top:15px solid #ffffff;
  border-bottom:15px solid #ffffff;
  border-left:15px solid #ffffff;
  border-right:15px solid #ffffff;
  display:inline-grid;
  position:absolute;
  bottom:-15px;
  right:48%;
  transform:rotate(134deg);
  box-shadow:3px -2px 3px 0px #00000036;
  z-index:1
}

.process-right:after {
  content:"\f104";
  display:inline-grid;
  position:absolute;
  bottom:37px;
  right:-7px;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  z-index:1;
  font-size:30px
}

.process-right-last:after {
  content:"\f105";
  display:inline-grid;
  position:absolute;
  bottom:34px;
  left:-8px;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  z-index:1;
  font-size:30px
}

.ligne-bottom-process:before {
  content:"";
  border-top:3px solid;
  height:3px;
  width:62%;
  left:0;
  right:0;
  margin:0 auto;
  position:absolute;
  top:38.4%;
  z-index:-1;
}

.ligne-bottom-process:after {
  content:""
}

.process-step {
  background:#00b0f0;
  text-align:center;
  width:80%;
  margin:0 auto;
  color:#fff;
  height:100%;
  padding:8px 0;
  position:relative;
  top:-26px;
  border-radius:0px 0px 10px 10px;
  box-shadow:-6px 8px 0px 0px #00000014;
}

.process-point-right {
  background:#ffffff;
  width:25px;
  height:25px;
  border-radius:50%;
  border:8px solid #00bcd4;
  box-shadow:0 0 0px 4px #5c5c5c;
  margin:auto 0;
  position:absolute;
  bottom:62px;
  left:74px
}

.process-point-right:before {
  content:"";
  height:152px;
  width:3px;
  background:#5c5c5c;
  display:inline-grid;
  transform:rotate(36deg);
  position:relative;
  left:-53px;
  top:2px;
}

.process-point-left {
  background:#ffffff;
  width:25px;
  height:25px;
  border-radius:50%;
  border:8px solid #00bcd4;
  box-shadow:0 0 0px 4px #5c5c5c;
  margin:auto 0;
  position:absolute;
  bottom:26px;
  right:118px
}

.process-point-left2:before {
  height:135px !important
}

.process-point-left:before {
  content:"";
  height:128px;
  width:3px;
  background:#5c5c5c;
  display:inline-grid;
  transform:rotate(-38deg);
  position:relative;
  left:52px;
  top:2px
}

.process-last1 {
  bottom:58px
}

.process-small2 {
  position:absolute;
  border:2px dashed #000;
  margin:0 auto;
  padding:5px 3px;
  text-align:center;
  top:70%;
  left:-3%
}

.process-small {
  position:absolute;
  top:-76px;
  width:41%;
  border:2px dashed #000;
  margin:0 auto;
  left:0;
  right:0;
  padding:5px;
  text-align:center
}

.process-last-box {
  width:65%
}

.cycle-arrow {
  position:relative;
  margin-bottom:100px;
}

.cycle-arrow:before {
  content:"";
  border-top:3px solid;
  height:3px;
  width:62%;
  left:0;
  right:0;
  margin:0 auto;
  position:absolute;
  top:64%
}

.cycle-arrow:after {
  content:""
}

.cycle-arrow2 {
  position:relative;
}

.cycle-arrow2:before {
  content:"";
  border-left:3px solid;
  height:82%;
  width:3px;
  left:19%;
  /* right:0;*/
  margin:0 auto;
  position:absolute;
  top:-95%
}

.cycle-arrow2:after {
  content:"";
  border-left:3px solid;
  height:86%;
  width:3px;
  /* left:19%;*/
  right:18.9%;
  margin:0 auto;
  position:absolute;
  top:-95%
}

/*
.process-small:before{content:"";position:absolute;width:96%;top:18px;right:-153px;background-color:#5c5c5c;height:3px;display:none}
.process-small:after{content:"";position:absolute;height:100%;top:44px;left:56%;background-color:#5c5c5c;width:3px}


.process-small2:before{
    content:"";
    position:absolute;

    width:238px;
    top:18px;
    right:-241px;
    background-color:#5c5c5c;
    height:3px;
    }
.process-small2:after{
    content:"";
    position:absolute;
  
    height:73%;
    top:-31px;
    left:56%;
    background-color:#5c5c5c;
    width:3px;
    }
    */
.meter-textPic {
  position:absolute;
  display:block;
  bottom:-28px;
  width:500px;
  font-weight:700;
  font-size:15px;
  color:rgb(160, 160, 160);
  text-align:left;
  left:-23px
}

.border-arrow-process:before {
  content:"";
  width:3px;
  height:56%;
  background:#5c5c5c;
  position:absolute;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  top:0;
  bottom:0;
  left:30%
}

.border-arrow-process:after {
  content:"";
  width:70%;
  height:3px;
  background:#5c5c5c;
  position:absolute;
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  top:53%;
  right:0
}

.border-arrow-bottom:before {
  bottom:-11px;
  top:inherit
}

.process-small3 {
  position:absolute;
  top:76px;
  border:2px dashed #000;
  padding:10px 10px;
  left:43%;
  right:41%;
  margin:0 auto;
  text-align:center;
}

.process-small4 {
  position:absolute;
  border:2px dashed #000;
  margin:0 auto;
  padding:5px 3px;
  text-align:center;
  top:70%;
  right:0;
  width:16%
}

.arrow-process {
  text-align:center;
  /* background:#fff;*/
}

.icon-process {
  font-size:30px;
  text-align:center
}

.icon-process i {
  position:absolute;
  top:-22%;
  left:-20px;
  bottom:0;
  right:0
}

.icon-process-right {
  position:absolute;
  right:0;
  font-size:30px;
  top:35%;
  z-index:2
}

.icon-process-up {
  position:absolute;
  right:46%;
  font-size:30px;
  top:-14%;
  z-index:2
}

.process-small-inter {
  position:absolute;
  top:35px;
  width:38%;
  border:2px dashed #000;
  /* margin:0 auto;*/
  left:29px;
  right:0;
  padding:5px;
  text-align:center
}

.arrow-process:before {
  content:"";
  /* border:3px solid;*/
  height:100%;
  position:absolute;
  background:#5c5c5c;
  /* left:0;*/
  /* right:0;*/
  width:3px;
}

/*.arrow-process:after{content:"\f0de";font-family:"Font Awesome 5 Free";position:relative;font-weight:900;bottom:38%;font-size:30px;vertical-align:top}*/
.process-last {
  bottom:29px;
  right:-23px
}

.process-last:before {
  display:none
}

.process-box p {
  z-index:9;
  font-size:14px
}

.process-step p {
  font-size:18px;
  display:inline-block
}

.process-step h2 {
  font-size:18px;
  color:#fff;
  display:inline-block
}

.process-box .desc {
  padding:0 20px
}

.process-step:after {
  content:"";
  border-top:8px solid #04889800;
  border-bottom:8px solid #048898;
  border-left:8px solid #04889800;
  border-right:8px solid #048898;
  display:inline-grid;
  position:absolute;
  left:-16px;
  top:0
}

.process-step:before {
  content:"";
  border-top:8px solid #ff000000;
  border-bottom:8px solid #048898;
  border-left:8px solid #048898;
  border-right:8px solid #ff000000;
  display:inline-grid;
  position:absolute;
  right:-16px;
  top:0
}

.process-line-l {
  background:transparent;
  height:4px;
  position:absolute;
  width:136px;
  right:-153px;
  top:64px;
  z-index:9
}

.process-line-r {
  background:transparent;
  height:4px;
  position:absolute;
  width:136px;
  left:-153px;
  top:63px;
  z-index:9
}

@media(min-width:992px) {
  /*.tracking-item{margin-left:5rem}
  .tracking-item .tracking-date{position:absolute;left:-10rem;width:7.5rem;text-align:right}
  .tracking-item .tracking-date span{display:block}
  .tracking-item .tracking-content{padding:0;background-color:transparent}*/
}

@media(max-width:1024px) {
  /*nav .search input{width:187px}*/
}

@media(max-width:992px) {
  /*.tracking-item .tracking-content{padding:0;background-color:transparent}
  .mainMenu li{display:none;line-height:0px;padding:0 0 0 28px}*/
}

@media(max-width:600px) {
  /*
  .org .platform .content{width:100%}
  #tracking{text-align:left}
  .progress-meter-timeline4{right:-15%}
  .progress-meter-timeline3, .progress-meter-timeline2, .progress-meter-timeline1{right:0%}
  .breadcrumbs li.shareLinks{float:initial;display:block}
  .meter-textPic{bottom:-47px;width:217px;font-size:12px;left:-50px}
  .cycle-arrow2:before{content:"";height:100%;width:3px;left:45%;top:-19%}
  .process-small2{margin-top:74px;left:-6%;font-size:12px}
  .process-small4{    width:23%;  margin-top:73%;  right:-8%}
  .cycle-arrow2:after{height:100%;right:47px;top:-159px;z-index:-1}
  .process-small3{top:54%;border:2px dashed #000;padding:10px 10px;left:0;right:72%}
  .process-last-box{margin-top:100px}
  .width-box{width:75%}
  .icon-process i{top:-14%;left:50px}.process-small{display:none}
  .process-right-last:after{   content:"\f107";top:-31%;left:9%}
  .process-right:after{display:none}
  .ligne-bottom-process:before{display:none}
  .wedo::before{    left:0}
  .about{margin:0}
  .publicationsBox{height:68.5%}
  .eventsBox, .publicationsBox, .projectsBox{border-width:4px 0px 4px 0px; border:0px solid transparent;margin-bottom:10px}
  .publicationsBox figcaption{width:100%;padding:27px}
  .aboutBoxes .news:before{right:0}
  .boxes .tab .desc{    padding:10px 13px 0}
  .more, .more2{    margin:5px 0;padding:0 7px; line-height:30px}
  .boxes h3{font-size:16px}
  */
}

/* directory */
.directory .table.infos th {
  width:30%
}

.directory .table.infos td {
  width:70%
}

















/* responsive */
@media screen and (max-width:1199px) {
  .aboutBoxes {
    height:431px
  }

  .aboutBoxes .news p {
    display:none
  }

  .boxes h3,
  .boxes h3 a {
    font-size:20px
  }
}

@media screen and (max-width:991px) {
  .headerSite {
    border-bottom:3px solid #03668c
  }

  .headerSite .logo img {
    height:40px
  }

  .headerSite a.lang {
    padding:0 12px
  }

  .yay-toggle {
    display:inline-block
  }

  .aboutBoxes {
    height:auto
  }

  .wedo {
    border-width:4px 2px 2px 4px
  }

  .projectsBox {
    height:212px
  }

  .eventsBox {
    height:212px;
    border-width:4px 4px 2px 2px
  }

  .publicationsBox {
    height:212px;
    border-width:2px 4px 2px 2px
  }

  .aboutBoxes .news {
    border-width:2px 4px 4px 4px
  }

  .aboutBoxes .news p {
    display:block
  }

  .boxes .item .desc {
    padding:0 10px
  }








  .boxes h3,
  .boxes h3 a {
    font-size:14px
  }

  .boxes .item .desc .more {
    margin:10px 0;
    font-size:12px
  }

  .breadcrumbs {
    flex-wrap:wrap
  }

  .breadcrumbs li.shareLinks {
    position:relative;
    flex:0 0 100%;
    max-width:100%
  }

  .sideBar {
    margin:30px 0 0
  }

  footer .box {
    margin:30px 0 0
  }
}

@media screen and (max-width:767px) {

  .headerSite a.fab,
  .headerSite a.fas,
  .headerSite a.fa {
    display:none
  }

  .about {
    margin:-50px 15px 30px;
    padding:0 0 30px
  }

  .wedo {
    height:255px;
    border-width:4px 4px 2px 4px
  }

  .projectsBox {
    height:255px;
    border-width:2px 2px 2px 4px
  }

  .eventsBox {
    height:255px;
    border-width:2px 4px 2px 2px
  }

  .publicationsBox {
    height:255px;
    border-width:2px 4px 2px 4px
  }

  .aboutBoxes .news {
    border-width:2px 4px 4px 4px
  }

  .boxes .item .desc {
    padding:0 30px
  }

  .boxes h3,
  .boxes h3 a {
    font-size:24px
  }

  .boxes .item .desc .more {
    font-size:14px
  }
}

@media screen and (max-width:575px) {

  .wedo,
  .projectsBox,
  .eventsBox,
  .publicationsBox {
    height:calc(50vw - 30px)
  }


  .platform .content {
    width:60%
  }

  .boxes .item .desc {
    padding:0 10px
  }

  .boxes h3,
  .boxes h3 a {
    font-size:18px
  }

  .boxes .item .desc .more {
    margin:10px 0;
    font-size:12px
  }
}

@media screen and (max-width:479px) {

  .projectsBox h2,
  .eventsBox h2 {
    font-size:18px
  }

  .publicationsBox .more {
    margin:0 0 15px
  }
}



/* partnesr */
.slick-partners .item, .partners2 figure{padding:0 15px}
.flex-partners {display:flex;margin:0 15px 0 0}
.flex-partners img{max-height:100px;width:auto}
@media screen and (max-width:575px){
  .flex-partners img{max-height:70px}
}
@media screen and (max-width:479px) {
  .flex-partners{flex-direction:column;margin:0;text-align:center}
  .flex-partners img{max-height:none;width:80%}
}
/* meeting */
.meeting .tHead{background:#03668c;padding:7.5px 15px;color:#fff;font-size:16px;font-weight:400}
.meeting .item{padding:7.5px 15px;border-bottom:1px dotted #ddd;margin-bottom:0}
/* slick timeline */
.slick-timeline{position:relative;margin:0 0 30px}
.slick-timeline::before{content:'';position:absolute;background:#167ac6;z-index:0}
.slick-timeline .item::after{content:'';position:absolute;width:20px;height:20px;background:#fff;border:4px solid #167ac6;border-radius:50%;z-index:1}
.slick-timeline-content{flex:100%;position:relative;padding:12px;border:1px solid #ccc;border-radius:6px;color:#333;text-align:left}
.slick-timeline-content::before{content:'';position:absolute;width:12px;height:12px;background:#fff;border-left:2px solid #ccc;border-top:2px solid #ccc}
.body .slick-timeline-content h3{font-family:"CenturyGothic-Bold";font-size:20px;color:#0099d4}
.slick-timeline-content .tag{font-weight:500;text-transform:uppercase}
.slick-timeline-content .tag .red{display:block;background:red;color:#fff;text-align:center}
.slick-timeline-content .tag .underline{text-decoration:underline}
@media screen and (min-width:768px){
  .slick-timeline:before{top:50%;left:0;right:0;height:4px;margin:-2px 0 0}
  .slick-timeline .slick-track{display:flex}
  .slick-timeline .slick-prev, .slick-timeline .slick-next{top:50%;height:50px;margin:-25px 0 0;border-radius:100%;background:#167ac6;z-index:999}
  .slick-timeline .slick-prev:hover, .slick-timeline .slick-prev:focus, .slick-timeline .slick-next:hover, .slick-timeline .slick-next:focus{color:#fff;background:#167ac6}
  .slick-timeline .slick-prev::before, .slick-timeline .slick-next::before{display:block;font-family:"Font Awesome 5 Free";font-weight:900;text-align:center}
  .slick-timeline .slick-prev::before{content:"\f104"}
  .slick-timeline .slick-next::before{content:"\f105"}  
  .slick-timeline .item{padding:0 2px}
  .slick-timeline .item:after{bottom:-40px;left:50%;margin:0 0 0 -10px}
  .slick-timeline .item-top{display:inline-flex !important;align-items:end}
  .slick-timeline .item-bottom{align-self:end;margin:30px 0 0}
  .slick-timeline .item-bottom:after{bottom:auto;top:-40px}
  .slick-timeline-content::before{bottom:-8px;left:50%;margin:0 0 0 -8px;transform:rotate(-135deg)}
  .slick-timeline .item-bottom .slick-timeline-content::before{top:-8px;bottom:auto;transform:rotate(45deg)}  
} 
@media screen and (max-width:767px){
  .slick-timeline::before{top:0;left:9px;bottom:0;width:4px}
  .slick-timeline .slick-list, .slick-timeline .slick-track{height:auto !important}
  .slick-timeline .item{padding:0 0 0 45px}
  .slick-timeline .item::after{top:50%;left:0;margin:-10px 0 0 0}
  .slick-timeline-content::before{left:-8px;top:50%;margin:-8px 0 0 0;transform:rotate(-45deg)}
}
/* cookies */
.cookies{display:none;background:#fff;border-top:2px solid #0099d4;color:#000;position:fixed;bottom:0;left:0;right:0;padding:10px 50px;z-index:99999}
.cookies::before{background:rgba(255, 255, 255, .75);content:"";position:fixed;bottom:0;top:0;left:0;right:0;padding:10px 50px;z-index:0}
.cookies p{margin:0}
.cookies .more{cursor:pointer}
.cookies .more:hover{background:#0099d4;color:#fff}
/* page 404 */
.page404{max-width:480px;margin:0 auto;text-align:left}
.page404 p{line-height:1}
.page404 p:first-child{font-size:80px;font-weight:700;color:#03668c}