/*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}*: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;transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}







.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}
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;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
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;margin:0 0 0 30px;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;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.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;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.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:10px 0}
.headerSite .container{display:flex;align-items:center}
.headerSite .links{flex-grow:1;text-align:right}
.headerSite .links a{position:relative;display:inline-block;margin:10px 0;width:30px;height:30px;line-height:30px;color:#012330;text-align:center}
.headerSite .links a::after{content:"";position:absolute;height:20px;right:0;top:5px;border-right:1px solid #ddd}
.headerSite .links a:hover{color:#0099d4}
.headerSite .links a.fab, .headerSite .links a.fas, .headerSite .links a.fa{font-size:0}
.headerSite .links a.fab:before, .headerSite .links a.fas:before, .headerSite .links a.fa:before{font-size:14px}
.headerSite .links .lang{color:#0099d4;width:auto;padding:0 0 0 5px}
.headerSite .links .lang::after{border:none}
/* 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 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);transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.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.overlay .item .l-overlay{position:absolute;bottom:0;left:30px;right:30px;opacity:0;visibility:hidden;color:#fff;transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.grid-items.overlay .item:hover .l-overlay{opacity:1;visibility:visible;bottom:15px}
.grid-items.overlay .item .l-overlay i{display:block;margin:10px 0 0;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}
.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);transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.publications .item figure{margin:15px 50px}
.publications .item h3 a{min-height:60px;font-family:"Roboto-Regular";font-size:16px;text-align:center;color:#000;text-shadow:2px 2px #fff;letter-spacing:1px;line-height:1.2}
.album-container, .video-container{max-width:768px;margin:0 auto 30px;padding:5px;border:1px solid #e5e5e5}
.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}
/* 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:100vh;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}
.projectsBox{background-image:url(/images/front/1.jpg);background-size:cover;height:50vh;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}
.projectsBox .more{position:absolute;top:0;left:0;bottom:0;right:0;border:none;font-size:0px}
.eventsBox{background-image:url(/images/front/2.jpg);background-size:cover;height:50vh;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}
.eventsBox .more{position:absolute;top:0;left:0;bottom:0;right:0;border:none;font-size:0px}
.publicationsBox{background-image:url(/images/front/3.jpg);background-size:cover;height:50vh;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 15px 0 30px;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{color:#fff}
.platform{margin:0 0 30px;padding:50px 0;color:#fff;background-attachment:inherit !important;background-repeat:no-repeat}
.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}
.platform .more{color:#fff;border-color:#fff}
.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"}
.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}
/*.headerSite .logo img{width:auto}*/














.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 */

.contact .social a:hover{}
.partenrs{background:rgba(0, 153, 212, 0.1)}
.partners img{border:1px solid rgba(0, 0, 0, 0.1);padding:4px}
.partners a{}
/* accordion */

.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;-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}
.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{}
.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{}
.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;/* display:none;*/}
.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;/* display:none;*/}
.process-point-left2{/* bottom:35px;*/}
.process-point-left2:before{height:135px !important}
.process-first{/* bottom:68px;*/}
.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-last:before{}
.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{/* text-align:center;*/
	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{}
.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;/* background:#fff;*/
	left:43%;/* width:36%;*/
	right:41%;margin:0 auto}
.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; position: relative;}
.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 .news p{display:none}
.boxes h3, .boxes h3 a{font-size:20px}}
@media screen and (max-width:991px){
.yay-toggle{display:inline-block}
.headerSite{border-bottom:3px solid #03668c}
.headerSite .logo img{height:34px;width:auto}
.aboutBoxes{height:auto}
.wedo{border-width:4px 2px 2px 4px}
.eventsBox{border-width:4px 4px 2px 2px}
.publicationsBox{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){
.yay-toggle{flex-grow:1;order:-1;margin:0;text-align:left}
.yay-toggle em{margin:0 0 5px}
.headerSite .container{flex-wrap:wrap}
.headerSite .logo{flex:0 0 100%;max-width:100%;margin:0 0 10px;text-align:center}
.headerSite .links{display:flex;align-items:center}
.wedo{height:50vw;border-width:4px 4px 2px 4px}
.projectsBox{height:50vw;border-width:2px 2px 2px 4px}
.eventsBox{height:50vw;border-width:2px 4px 2px 2px}
.publicationsBox{height:50vw;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){
.about{margin:-60px 30px 30px;padding:0 0 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){
.about{margin:-40px 15px 15px;padding:0 0 15px}
.projectsBox h2, .eventsBox h2{font-size:18px}
}

.process-box .desc{position: relative;}