@font-face { font-family: 'PNova'; src: url('../fonts/proximanova-regular-webfont.eot'); src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_novaregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PNovaBold'; src: url('../fonts/proximanova-bold-webfont.eot'); src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_novabold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PNovaLight'; src: url('../fonts/proximanova-light-webfont.eot'); src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'philosopher'; src: url('../fonts/philosopher-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'philosopherbold'; src: url('../fonts/philosopher-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }


html { font-family: 'Open Sans'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { font-family: 'Open Sans'; font-size: 15px; color: #000; font-weight: 300; background: #fff; }
h1,h2,h3 { font-family: 'philosopherbold'!important; font-size: 30px; line-height: 40px; color: #d9531e; font-weight: 400; }




/*Color -------------------------
Bleu 1 - 0c6c96
rgba(12,108,150,1)

Noir 2 - 072732
rgba(7,39,50,1)


0C6C96
666666
0C2026
32414B
072732
586069

End Color ----------------------*/

.txt-white { color:#fff!important }
.txt-black { color:#000!important }
.txt-blue { color:#0c6c96!important }
.txt-grey { color:#0c2026!important }

.bg-white { background: #fff;}
.bg-black { background: #000;}
.bg-blue { background: #0c6c96;}
.bg-grey { background: #f5f5f5;}
.bg-body { background: #f8f8f8;}

/* General & Transition
========================================================================== */
*, *:after, *:before { box-sizing: border-box; }
a, .anim, .uk-button { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
a, a img { outline: none!important; border: none; text-decoration: none;}

 a.readmore:hover > i, span.readmore:hover > i, .posts a:hover i, .k2post:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;  }
@-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } }
@-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; }  }
@keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } }

a:hover, a:focus { text-decoration: none!important;}

.br { clear: both; display: block;}

html .louna { color: yellow!important; font-weight: 700!important; border-top: 1px solid #fff;  }
.float-left { float: left;}
.float-right { float: right;}
.float-none { float: none;}
.size-auto { width: 100%; max-width: 100%; height: auto;}

.v-align {  display: table!important;  width: 100%; position: relative;  height: 100%; }
.v-align > .v-align-middle { display: table-cell!important; vertical-align: middle; width: 100%; margin: 0 auto!important; padding: 0!important; }

.uk-cover { background-size: cover; background-repeat: no-repeat; background-position: center; }
.width20 { width:20%; max-width: 20%; }
.width25 { width:25%; max-width: 25%; }
.width30 { width:30%; max-width: 30%; }
.width33 { width:33.333%; max-width: 33.333%; }
.width35 { width:35%; max-width: 35%; }
.width40 { width:40%; max-width: 40%; }
.width50 { width:50%; max-width: 50%;  }
.width60 { width:60%; max-width: 60%; }
.width66 { width:66.667%; max-width: 66.667%; }
.width70 { width:70%; max-width:70%; }
.width75 { width:75%; max-width:75%; }
.width80 { width:80%; max-width: 80%; }
.width100  { width:100%; max-width: 100%; }


.uk-text-small { font-size: 14px; line-height: 25px; }
.uk-text-medium { font-size: 16px!important; line-height: 30px!important; }

.max-width { max-width: 1100px!important; margin: 0 auto; }
.max-content { max-width: 930px!important; margin: 0 auto; background: #fff; }
.max500 { max-width: 500px!important; margin: 0 auto; }
.max560 { max-width: 560px!important; margin: 0 auto; }
.max700 { max-width: 700px!important; margin: 0 auto; }
.max800 { max-width: 800px!important; margin: 0 auto; }


.uk-button { border-radius: 4px; padding: 5px 14px; text-align: center; color: #fff;  text-transform: uppercase; letter-spacing: 0.5px; }
.uk-button-orange { background: #d9531e; color: #fff; }
.uk-button-orange:hover,.uk-button-orange:focus,.uk-button-orange:active { background: #bb481a; color: #fff; }

.uk-button-round { display: inline-block; font-family: "Open Sans"!important; font-weight: normal !important; font-size: 16px !important; line-height: 20px !important; margin: 0; margin-right: 0px; padding: 10px 25px 10px !important; color: #f3f3f5; text-align: center; text-transform: uppercase; background: #000; border-radius: 40px; }
.uk-button-round:hover, .uk-button-round:focus, .uk-button-round:active { background: #0c6c96; color: #fff; }
.uk-button-border-blue { display: inline-block; font-family: "Open Sans"!important; font-weight: normal !important; font-size: 16px !important; line-height: 20px !important; margin: 0; padding: 10px 25px 10px !important; color: #0c6c96; text-align: center; text-transform: none; background: transparent; border-radius: 40px; border: 1px solid #0c6c96; }

#searchForm .uk-grid { padding: 10px;}
#searchForm  .uk-button { background: #0c6c96; border-radius: 0; }
#searchForm  .uk-button:hover { background: #072732; color: #fff; }
#searchForm  .uk-input { line-height: 40px; height: 40px;}
#searchForm  .search-wrapper { padding: 20px 0;}


#search-result { padding: 5px 15px!important;}
#search-result h2.uk-article-title { background: #fff; text-align: left; padding: 8px 5px 8px 0!important; margin-top: 15px!important;}
#search-result h2.uk-article-title a { font-size: 26px!important; line-height: 26px!important; }
#search-result .uk-pagination { margin-top: 20px!important; margin-bottom: 20px!important;}
#search-result .uk-pagination > .uk-active > span { background: #0c6c96;}

#search-result .appblog-liste-item .appblog-categorie,
#search-result .appblog-liste-item .appblog-article-title,
#search-result .appblog-liste-item .appblog-article-created { display: none;}

#search-result .appblog-liste-item.sep-gradient { background: #fff!important;}

div.menu-search { display: inline-block; position: relative; line-height: 90px; color: #fff; margin: 0!important; padding: 0!important; border-left: 1px solid rgba(0, 0, 0, 0.15);}
div.menu-search > * { line-height: 30px!important;}
div.menu-search .uk-search { padding: 0 8px;}
.uk-search::before { top: 2px; left: 5px; }
input.uk-search-field { width: 110px; height: 30px; border: 1px solid transparent; padding: 0 0 0 25px; position: relative; }
input.uk-search-field:focus { width: 210px; border: 1px solid #1a95cf; background: rgba(0, 0, 0, 0); box-shadow: none; }

/* ========================================================================
/* INTERFACE
========================================================================== */

/*  Headerbar
----------------------------------------------------------------------------------------------------*/

#headerbar { padding: 0 !important; }
#headerbar .uk-container { width: 100%; max-width: 100%; }
#headerbar, #headerbar .uk-navbar { background: #fff !important; }
#headerbar a.tm-logo img { max-width: 220px; height: auto; }
#headerbar #social-top a { padding: 0 10px !important; line-height: 90px; display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.15); }
#headerbar #social-top a span { }
#headerbar #social-top .uk-icon-button { width: 25px; height: 25px; line-height: 25px; font-size: 14px; }

#headerbar #links-top { }
#headerbar #links-top >a { display: inline-block; padding: 0 22px; font-size: 14px; color: #0c6c96; line-height: 90px; border-left: 1px solid rgba(0, 0, 0, 0.15); }
#headerbar #links-top >a:hover { color: #072732; }


/*Lang selector*/
div.menu-lang { display: inline-block; line-height: 90px; color: #fff; margin: 0!important; padding: 0!important; border-left: 1px solid rgba(0, 0, 0, 0.15);}
div.menu-lang form { margin: 0!important; position: relative;}
div.advanced-dropdown { padding: 0!important; }
div.advanced-dropdown a.langChoose:link, div.advanced-dropdown a.langChoose:visited { display: inline-block; margin-top: 0!important;  padding: 0 30px!important; color: #0c6c96!important; background: transparent!important; }
div.mod-languages.advanced-dropdown ul { background: #fff; padding: 5px!important;}
div.mod-languages li { padding: 0!important; text-align: center;}
div.mod-languages li a { color: #0C6C96; display: block; padding: 10px!important; }
div.mod-languages li a:hover { background: #0C6C96; color: #fff;}

div.mod-languages.advanced-dropdown ul { position: absolute; z-index: 100; list-style-type: none; width: 100%; top: 80px; }
/*  Menu Bar
----------------------------------------------------------------------------------------------------*/
#menubar, #menubar .uk-navbar { background: #0c6c96; position: relative; }
#menubar .uk-navbar-center { width: 100%; max-width: 100%; text-align: center;}
#menubar .uk-navbar-center:only-child, #menubar .uk-navbar-left, #menubar .uk-navbar-right { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#menubar .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 990; }
#menubar .uk-navbar-center, #menubar .uk-navbar-center-left > *, #menubar .uk-navbar-center-right > *, #menubar .uk-navbar-left, .uk-navbar-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#menubar .uk-navbar-container > .container .uk-navbar-right, #menubar .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; }
#menubar .uk-navbar-center:only-child, #menubar .uk-navbar-left, #menubar .uk-navbar-right { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

#menubar .uk-navbar-center, #menubar .uk-navbar-center-left > *, #menubar .uk-navbar-center-right > *, #menubar .uk-navbar-left, .uk-navbar-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#menubar .uk-navbar-right { margin-left: auto!important;}
#menubar .uk-navbar-container > .container .uk-navbar-right, #menubar .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; }

/*Menu 1st*/
#menubar .uk-navbar-center { }
#menubar .uk-navbar-center > ul { display: inline-block!important; float: none!important; margin: 0 auto!important; width: auto!important; border-left: 1px solid rgba(255,255,255,0.5); }
#menubar .uk-navbar-center > ul li { margin: 0!important; padding: 0!important;  }
#menubar .uk-navbar-center > ul > li > a  { position: relative;  font-family: "PNovaLight"; text-transform: uppercase; font-size: 13px!important; letter-spacing: 0.4px; font-weight: 100!important; padding:0 17px!important; line-height: 38px !important; height: 35px !important; border-right: 1px solid rgba(255,255,255,0.5); cursor: pointer; }
#menubar .uk-navbar-center > ul > li.uk-active > a, #menubar .uk-navbar-center > ul > li > a:hover { background: #0d2026;}

/*Arrow UK-Parent*/
#menubar .uk-navbar-center .uk-navbar-nav > li.uk-parent > a:after { -moz-osx-font-smoothing: grayscale; content: "\f0d7"; display: block; font-family: FontAwesome; font-size: 12px; font-style: normal; font-weight: normal; position: absolute; right: 10px; top: 0; line-height: 38px; }
#menubar .uk-navbar-center .uk-navbar-nav > li.uk-parent > a { padding-right: 25px !important; position: relative; }


/*Dropdown*/
#menubar .uk-dropdown { padding: 0; box-shadow: 1px 4px 8px rgba(0,0,0,0.5); }
#menubar .uk-dropdown .uk-dropdown-grid { margin-left: 0!important; margin-right: 0!important; }
#menubar .uk-dropdown .uk-nav > li > a { font-family: "PNova"; padding: 12px 13px!important; text-align: left; font-size: 14px; border-bottom: 1px solid #f1f1f1; }

#menubar .uk-dropdown .uk-nav > li > a:hover, 
#menubar .uk-dropdown .uk-nav > li > a:focus,
#menubar .uk-dropdown .uk-nav > li > a:active,
#menubar .uk-dropdown .uk-nav > li.uk-active > a { background: #0c6c96!important; color: #fff!important; }

#menubar .uk-dropdown .uk-nav > li:last-child > a { border-bottom: 0px solid #fff;}



.topbar.menubar-sticky { z-index: 1000;}

/*  Mobile Menu
----------------------------------------------------------------------------------------------------*/
.tm-header-bar-wrapper { position: relative; display: block;}
.headerbar-mobile { text-align: center; border-bottom: 1px solid #172935!important; }
.logo-small { letter-spacing: 0!important; margin: 0 auto; padding-top: 5px; position: relative; }
.headerbar-mobile .tm-logo-small { }

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { height: 50px!important; }
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { padding: 0 10px!important;}
a.tm-logo-small img { max-height: 40px!important;}
.offcanvas-logo  { display: block; text-align: center;}
.offcanvas-logo i:before { line-height: 30px!important; padding-top: 10px; padding-bottom: 20px; display: block;}

.uk-navbar-toggle { color: #0c6c96; font-size: 23px; }
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #072732!important; }
.uk-offcanvas-bar { background: #072732;}

/*  OFFCANVAS MENU
----------------------------------------------------------------------------------------------------*/
.uk-nav-offcanvas > li { border-bottom: 1px solid #111!important; padding: 0!important; line-height: 25px!important;}
.uk-nav-offcanvas > li > a { color: #fff!important; font-size: 17px!important; line-height: 17px!important; padding: 10px 0 10px 15px!important; text-align: left; text-transform: uppercase;  }
/*2nd Level*/
.uk-nav-offcanvas .uk-nav-sub li > a { font-size: 14px!important; line-height: 25px!important; padding: 5px 10px 5px 5px!important; text-align: left;   }
.uk-nav-offcanvas > li.uk-active > a,
.uk-nav-offcanvas > .uk-open > a, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #072732!important; color: #f3f3f5!important; }
.uk-nav-offcanvas li.uk-parent > a, .uk-nav-offcanvas > li > a { background-color: #0c6c96; }
.uk-nav-offcanvas li.uk-parent .uk-nav-sub .uk-parent > a { background-color: transparent; }
.uk-nav-offcanvas .uk-parent li.uk-active a, .uk-nav-offcanvas .uk-parent li a:hover  { color: #0c6c96!important; }


.bg-services { background: #fff url('../images/bg-services.jpg') center no-repeat; background-size: cover; }
#bottom-connect { background: #0c6c96; text-align: center; padding: 25px 0; }
#bottom-connect .social-bottom { float: left; width: 40%;}
#bottom-connect .newsletter-bottom { float: left; width: 60%;}

#bottom-connect h3 { color: #fff; font-size: 22px; line-height: 23px!important; margin: 0!important; text-align: left;}
#bottom-connect h4 { color: #fff; font-size: 14px; margin: 0!important; font-weight: normal!important; font-family: "Open Sans"!important; text-align: left; }

#bottom-connect .social-bottom { }
#bottom-connect .social-bottom .social-bottom-links { padding-right: 10px; border-right: 3px solid #0b5573; line-height: 40px; }
#bottom-connect .social-bottom .uk-icon { width: 28px; height: 28px; line-height: 28px; color:#0c6c96; background: #fff; font-size: 14px; margin-right: 5px; }

#bottom-connect .newsletter-form .newsletter-email { max-width: 180px;  height: 35px; border: 1px solid #fff; background: rgba(255,255,255,0.3); border-radius: 16px 0 0 16px; margin: 0!important; padding: 0 0 0 10px!important; color: #fff!important; }
#bottom-connect .newsletter-form .newsletter-button { line-height: 35px; min-height: 35px; background: #fff; border-radius: 0 16px 16px 0; margin: 0!important; padding: 0 9px!important; color: #0c6c96; text-transform: none; }

#bottom-connect .newsletter-form ::placeholder { color: #fff; opacity: 1; /* Firefox */ }
#bottom-connect .newsletter-form :-ms-input-placeholder { color: #fff; }
#bottom-connect .newsletter-form ::-ms-input-placeholder { color: #fff; }

#bottom-connect .newsletter-bottom .block-texte { padding-left: 10px;  }

#bottom-connect .social-text { width: 54%; }
#bottom-connect .social-link { width: 46%; }
#bottom-connect .newsletter-text { width: 54%; }
#bottom-connect .newsletter-link {  width: 46%;}

/*  Module
----------------------------------------------------------------------------------------------------*/
.module-title { font-family: "philosopherbold"; font-size: 18px; line-height: 18px; color: #0c6c96!important;  position: relative; padding: 0 0 15px; margin: 0 0 25px;  }
.module-title::after { content: ""; position: absolute; width: 60px; height: 2px; margin-left: -30px; left: 50%; bottom: 0; background: #0c6c96; }
.module-intro { font-size: 16px!important; line-height: 18px!important; color: #072732!important; margin: 0 auto!important; width: 100%; max-width: 700px!important; }

.module-title { font-weight: 400; color: #d9531e; font-size: 30px; line-height: 32px; }
.module-intro { font-family: "Open Sans"; font-weight: 100; color: #fff; font-size: 13px; line-height: 20px; }


.services-list .module-intro { max-width: 880px!important; line-height: 20px!important; }


.services-list .service-icon { position: relative; max-width: 160px;  margin: 0 auto; overflow: hidden; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.services-list a .service-icon { top: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.services-list .service-row a:hover .service-icon { top: -8px; }



/*.services-list .readmore { border-radius: 40px; background: #0c6c96!important;display: inline-block!important; padding: 2px 20px!important; font-size: 13px!important; line-height: 30px!important; color: #fff!important; }*/
.services-list .readmore,.uk-button-border { border-radius: 40px; background: transparent!important;  border: 1px solid #0c6c96; display: inline-block!important; padding: 2px 20px!important; font-size: 13px!important; line-height: 30px!important; color: #0c6c96!important; font-weight: 400!important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.services-list .readmore:hover, .uk-button-border:hover { background: #0c6c96!important; color: #fff!important; }

#abs-right { display: inline-block;  overflow: visible; position: fixed; top: 50%; right: 0; z-index: 1000; width: 50px; overflow: visible; height: 150px; background: red; }
#abs-right .abs-right-wrapper { position: relative; display: block;}
#abs-right a { position: relative; width: 230px; background: #0C6C96; color: #fff; display: block;  text-align: left; line-height: 50px; height: 50px; }
#abs-right a i { background: rgba(0,0,0,0.4); color: #fff; display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; }
#abs-right a span { display: block; text-align: center!important; padding: 0 10px; font-size: 12px;}
#abs-right a + a { background: #666666;}
#abs-right a + a + a { background: #0C2026;}

#abs-right a:hover { margin-left: -180px;}


#abs-left { display: inline-block;  overflow: visible; position: fixed; top: 60%; left: 0;  margin-left: -25px; z-index: 1000; width: 100px;  height: 50px; line-height: 50px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
#abs-left .abs-left-wrapper { position: relative; display: block; }
#abs-left a { text-transform: uppercase; position: relative; left: 0; background: #072732; color: #fff; display: block; width: 150px; text-align: center; line-height: 18px; height: 50px; margin: 0!important; padding: 0!important; font-size: 13px; padding-top: 6px!important; }
#abs-left a span { display: block; text-align: center!important; padding: 0!important;}
#abs-left a:hover { background:#0C6C96 }
/*  PAGES
----------------------------------------------------------------------------------------------------*/

/*  HOME
----------------------------------------------------------------------------------------------------*/

/* Expertises */
/*div.services-list { margin: 0 auto; padding: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }*/
/*div.service-row { width: 33.3333%; position: relative; overflow: hidden; display: inline-block; height: auto; text-align: center; cursor: pointer; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }*/


.service-row-first { padding: 15px 0 40px 0; }
.service-row-second {  }
div.service-row .service-icon i { font-size: 30px; line-height: 60px; width: 60px; height: 60px; }
div.service-row h2  {  color:#0C6C96; font-family: "philosopherbold", Arial, sans-serif; font-size: 20px; line-height: 22px; font-weight: 400; margin: 0 35px; padding: 10px 25px !important;  }
div.service-row p { color: #32414B!important;}
div.service-row span.readmore { font-size: 12px; line-height: 12px; text-align: center; display: block; text-transform: uppercase; margin-top: 10px!important;}

/* Approche */
#nafs-approche .uk-panel {  margin-bottom: 35px; }
#nafs-approche .iq-feature4 .iq-feature-reverse .iq-Work-box {  }
#nafs-approche .iq-feature4 .Work-icon { padding: 10px; display: inline-block; position: relative; }
#nafs-approche .iq-feature4 .Work-icon i { border-radius: 100px; display: inline-block; height: 90px; width: 90px; line-height: 90px; font-size: 45px; text-align: center; color: #fff; background: #072732; }
#nafs-approche .iq-feature4 .Work-icon:before { position: absolute; content: ""; left: 0; top: 0; border: 2px dashed rgba(12,108,150,1); width: 100%; height: 100%; border-radius: 90px; -moz-animation: rotation 10s infinite linear; -webkit-animation: rotation 10s infinite linear; }
#nafs-approche .iq-feature4 .Work-icon .step { background: #0c6c96; color: #ffffff; font-size: 20px; line-height: 36px; width: 36px; height: 36px; text-align: center; border-radius: 100px; position: absolute; right: 0; top: 0; }
#nafs-approche .iq-feature4 .stap-up:before { position: absolute; left: 87%; top: 20%; background: url(../images/interface/dashed-arrow-blue-one.png) no-repeat 0 0; content: ""; width: 174px; height: 29px; -moz-animation: bounce 4s infinite; -webkit-animation: bounce 4s infinite; animation: bounce 4s infinite;}
#nafs-approche .iq-feature4 .stap-dowen:before { position: absolute; left: 87%; top: 20%; background: url(../images/interface/dashed-arrow-left-blue-one.png) no-repeat 0 0; content: ""; width: 174px; height: 29px; -moz-animation: bounce 4s infinite; -webkit-animation: bounce 4s infinite; animation: bounce 4s infinite; }
/*dashed-arrow-left-blue-one.png*/
#nafs-approche .iq-feature4 h4 { margin-bottom: 10px!important; color: #0c6c96; font-family: "philosopher"; font-size: 22px!important; }
#nafs-approche .iq-feature4 p { margin-bottom: 0; }


#nafs-approche .icn-helmet {  }
#nafs-approche .icn-helmet::before { content: ""; background: transparent url('../images/helmet.svg') center center no-repeat;  display: block;position: absolute; top: 9px; left: -1px; width: 110px; height: 90px; content: ""; background-size: contain; right: 0;bottom: 0; }
#nafs-approche .icn-handshake::before { content: ""; background: transparent url('../images/handshake.svg') center center no-repeat;  display: block;position: absolute; top: 14px; left: -1px; width: 110px; height: 90px; content: ""; background-size: contain; right: 0;bottom: 0; }

#nafs-cta p { font-family: "philosopher"; font-size: 20px; color: #fff; line-height: 25px; font-weight: normal!important; margin: 0!important; padding: 0!important; }

/*  TYPO INNER PAGE
----------------------------------------------------------------------------------------------------*/

#tm-middle { display: block;}

body.innerpage .tm-content-wrapper { background: #f8f8f8!important }
body.innerpage .uk-article .uk-article-title, body.innerpage .uk-article-title { background: #0d2026; text-align: center; color: #fff!important; padding: 20px 0!important; margin: 0 auto!important;}
body.innerpage:not(.nopadding) .uk-article .max-content { background: #fff; padding: 15px 30px 15px;  }

body.innerpage .uk-article .max-content { box-shadow: 0px 0px 9px rgba(0,0,0,0.1); }
body.noboxshadow .uk-article .max-content { box-shadow: 0px 0px 9px rgba(0,0,0,0); }
.box-shadow { box-shadow: 0px 0px 9px rgba(0,0,0,0.1); }
body.innerpage.fullpage .uk-article .max-content { max-width: 100%!important; }
#tm-middle .uk-article { text-align: justify;}
#tm-middle .uk-article ul { margin: 0;}
#tm-middle .uk-article p { font-family: "Open Sans"; font-weight: 300; font-size: 16px!important; line-height: 22px!important; margin: 0 auto 10px!important; padding: 0!important;  }
#tm-middle .uk-article p.uk-h1 { font-size: 25px!important; line-height: 30px!important; color: #0c6c96; margin: 0 auto!important; padding: 25px 0 20px 0!important; }

#tm-middle .uk-article p.uk-h3 { font-weight: 400!important; font-size: 22px!important; line-height: 22px!important; color: #0c6c96; margin: 0 auto!important; padding: 25px 0 30px 0!important; }

#tm-middle .uk-article ul li { font-family: "Open Sans"; font-weight: 300; font-size: 16px!important; line-height: 22px!important; margin: 0 auto 10px!important;  }

#tm-middle .uk-article .txt-blue { color: #0c6c96!important; }
body.innerpage #tm-middle * > h2 { margin-top: 25px;}
body.innerpage #tm-middle h2 { color: #0c6c96!important; font-size: 30px!important;line-height: 30px!important; margin-bottom: 10px; }
body.innerpage #tm-middle h3 {  color: #0C2026!important; font-size: 20px!important; margin-top: 20px!important; margin-bottom: 0!important; padding-bottom: 0!important; }
body.innerpage #tm-middle h3 + * { margin-top: 0!important; padding-top: 0!important;}
#tm-middle .uk-article .uk-block + h3 { margin-top: 0!important;}
body.innerpage #tm-middle h3.puce { position: relative; padding-left: 27px!important;}
body.innerpage #tm-middle h3.puce::before { content: ""; position: absolute; width: 12px; height: 12px; background: #fff; border:2px solid #0C2026; border-radius: 50%; top: 50%; left: 0; margin-top: -6px;  }
body.innerpage #tm-middle h3.puce::after { content: ""; position: absolute; width: 12px; height: 2px; background: #0C2026;  top: 50%; left: 12px; margin-top: -1px;  }
body.innerpage #tm-middle .max-content > h2:first-child { margin-top:15px; }
#tm-middle .uk-article .uk-block.uk-block-primary { background: #f8f8f8; padding: 30px 15px!important; }
#tm-middle .uk-article .uk-block p.intro-text { font-size: 23px!important; line-height: 29px!important; color: #0c6c96!important;  }
#tm-middle .uk-article .uk-block p.intro-text.uk-text-black { color: #072732!important;}

#tm-middle .uk-article .uk-block p.intro-text-medium { font-size: 23px!important; line-height: 29px!important; font-weight: 400!important;}

#tm-middle .ul-grid-border .uk-panel { border: 1px solid #444; margin-bottom: 10px; padding: 10px 5px; border-radius: 4px; text-align: center; }
#tm-middle .ul-grid-border  p { margin: 0!important;padding: 0!important;  line-height: 22px!important; font-size: 16px!important;}
#tm-middle .ul-grid-border-blue .uk-panel { border: 1px solid #0c6c96; background: #fff;  margin-bottom: 0px; padding: 8px 5px; border-radius: 4px; text-align: center; }
#tm-middle .ul-grid-border-blue  p { margin: 0!important;padding: 0!important; color: #0c6c96; line-height: 22px!important; font-size: 16px!important; font-weight: 300;}


#tm-middle .ul-grid-border-blue.ul-hover-blue .uk-panel, #tm-middle .ul-grid-border-blue.ul-hover-blue .uk-panel p { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }

#tm-middle .ul-grid-border-blue.ul-hover-blue .uk-panel:hover { background: #0c6c96; color: #fff!important; }
#tm-middle .ul-grid-border-blue.ul-hover-blue .uk-panel:hover p { color: #fff!important;}

/*  Expertise pages
----------------------------------------------------------------------------------------------------*/
.grid-lr .uk-cover { background-position: center; background-size: cover; background-repeat: no-repeat; }
.grid-lr .uk-service-text { padding: 40px; color: #000; font-weight: normal !important; font-size: 17px !important; line-height: 24px !important; font-family: "Open Sans", sans-serif; }
.grid-lr .uk-service-text p { padding: 0 0 10px 0 !important; }
.grid-lr .uk-service-text p:last-child { padding: 0 !important; }
.grid-lr .uk-service-text h2, 
.grid-lr .uk-service-text h2 a { text-align: left; font-weight: 700!important; color: #0c6c96!important; font-size: 35px!important; line-height: 35px!important; position: relative; margin: 0 0 25px 0!important; padding: 0 0 5px 0!important; font-family: "philosopherbold", sans-serif!important; }
.grid-lr .uk-service-text h3 { text-align: left; font-weight: 700; color: #157D70; font-size: 19px; line-height: 22px; position: relative; margin: 5px 0 0 0 !important; padding: 0 0 2px 0 !important; font-family: "Open Sans", sans-serif; }
.grid-lr .uk-panel-text { background: #fff; }
.grid-lr .uk-service-text a.uk-button-border-blue { margin-top: 15px!important; display: inline-block; font-family: "Open Sans"!important; font-weight: normal !important; font-size: 14px !important; line-height: 20px !important; margin: 0; padding: 5px 25px 5px !important; color: #0c6c96; text-align: center; text-transform: none; background: transparent; border-radius: 40px; border: 1px solid #0c6c96; }
.grid-lr .uk-service-text a.uk-button-border-blue:hover { background: #0c6c96!important; color: #fff!important;  }

/*List Icon Expertise*/
.uk-list-icon { display: block; margin: 0 0 15px 0!important; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }

.uk-list-icon:hover {  box-shadow: 0px 0px 8px rgba(0,0,0,0.55);  }
.uk-article .max-content > .uk-list-icon { background: #fff;}

.uk-article .max-content > .uk-list-icon:nth-child(2n) {   }
.uk-article .max-content > .uk-list-icon:nth-child(2n) .uk-block-icon .uk-panel  { background: #586069;}

.uk-list-icon .uk-block-icon .uk-panel { padding: 40px; background: #0c6c96; text-align: center; }
.uk-list-icon .uk-block-icon  img {    }
.uk-list-icon .uk-block-texte .uk-panel { padding: 10px 20px 10px 20px!important; }
body.innerpage #tm-middle .uk-list-icon h3 { margin-top: 0!important; color: #0c6c96!important; }

.uk-article .max-content > .uk-list-icon:last-child { margin-bottom: 25px!important;}


.block-padding { padding: 25px 30px 25px;}
.block { position: relative;}

body.innerpage #tm-middle h3.title-cta { display: block; font-size: 42px!important; line-height: 42px!important; padding: 0  0 15px 0!important; text-align: center; }
.bg-grey2 { background: #EEF2F3!important;}
body.innerpage #tm-middle h2.title-block-center { text-align: center; font-size: 25px!important; line-height: 25px; margin: 15px auto; }
body.innerpage #tm-middle .block-padding h2.title-block-center { padding-top: 0!important; margin-top: 25px!important;}

body.innerpage #tm-middle .uk-article .uk-text-bold { font-weight: 700!important; }
.block-cta p { font-size: 20px!important;}
div.sep-white { background-image: url('../images/sep-white.png')!important; background-position:top center!important; background-repeat: no-repeat!important; }
div.sep-grey2 { background-image: url('../images/sep-grey2.png')!important; background-position:top center!important; background-repeat: no-repeat!important; }

div.sep-gradient { background-image: url('../images/sep-gradient.png')!important; background-position:top center!important; background-repeat: repeat-x!important; }

body.innerpage #tm-middle .block.sep-white, body.innerpage #tm-middle .block.sep-grey2 { padding-bottom: 15px!important; }


body.innerpage #tm-middle .product-block { display: block; border-bottom: 2px solid #EEF2F3; margin: 0 0 15px 0!important; padding-bottom: 25px!important; }
body.innerpage #tm-middle .product-block:last-child { border-bottom: 0px solid transparent; margin-bottom: 0!important;}

body.innerpage #tm-middle .product-block .uk-button-groupe.uk-button-groupe-small .uk-button-round,
body.innerpage #tm-middle .product-block .uk-button-single .uk-button-round {  display: inline-block; font-family: "Open Sans"!important; font-weight: normal !important; font-size: 12px !important; line-height: 12px !important; margin: 0!important; padding: 8px 15px!important; color: #0c6c96; text-align: center; text-transform: uppercase; background: #fff; border: 1px solid #0c6c96; border-radius: 40px; }

body.innerpage #tm-middle .product-block .uk-button-groupe,body.innerpage #tm-middle .product-block .uk-button-single  { text-align: center!important; padding-top: 10px; }
body.innerpage #tm-middle .product-block .uk-button-groupe .uk-button-round { border-radius: 40px 0 0 40px!important; margin-left: 0!important;}
body.innerpage #tm-middle .product-block .uk-button-groupe .uk-button-round + .uk-button-round { border-radius: 0 40px 40px 0!important; margin-right: 0!important; border-left: 0px solid transparent!important;} 
body.innerpage #tm-middle .product-block .uk-button-round:hover { background: #0c6c96!important; color: #fff!important; }

body.innerpage #tm-middle .product-block .uk-button-single .uk-button-round { border-radius: 40px!important; margin-left: 0!important;}

body.innerpage #tm-middle  h2.product-title { font-size: 22px!important; line-height: 16px; margin: 15px 0 0 0!important; }
body.innerpage #tm-middle .uk-value-title .uk-panel { background: #EEF2F3 ; text-align: center; }
body.innerpage #tm-middle .uk-value-title h3 { position: relative; display: block!important; text-align: center!important; font-size: 40px!important; margin: 0!important; padding: 0!important; color: #0c6c96!important; z-index: 10 }
body.innerpage #tm-middle .uk-value-title .uk-panel .uk-vertical-align-middle { width: 100%;}
body.innerpage #tm-middle .uk-value-title .uk-panel .uk-vertical-align-middle > div { position: relative; width: 100%;}
body.innerpage #tm-middle .uk-value-title span.counter { position: absolute; top:30%;  font-size: 180px; color: #fff; font-weight: 700; left: 10px; text-align: left; width: 100%; z-index: 9; opacity: 0.6; }
body.innerpage #tm-middle .uk-value-content .uk-panel { padding: 80px 25px!important; }
body.innerpage #tm-middle .uk-value-content .quote { font-style: italic!important;}
body.innerpage #tm-middle .uk-value-content .author { font-size: 12px; color: #0c6c96; font-weight: 400; }
body.innerpage #tm-middle ul.list-bulle { display: block; list-style-type: none; margin: 0!important; padding: 0!important;}
body.innerpage #tm-middle ul.list-bulle > li { display: block; position: relative; }
body.innerpage #tm-middle ul.list-bulle > li > span.bulle { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; position: relative; color: #fff; z-index: 1;  }
body.innerpage #tm-middle ul.list-bulle > li > span.bulle::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 1px solid #0c6c96; background-color: #0c6c96;  border-radius: 50%; z-index: -1; }
body.innerpage #tm-middle ul.list-bulle > li > h4 { display: inline-block; color: #072732; font-size:18px; line-height: 30px; padding-left: 5px; }
body.innerpage #tm-middle ul.list-bulle ul { margin: 0 0 20px 55px; padding: 0;  }
body.innerpage #tm-middle ul.list-bulle ul > li { padding: 6px 0!important; margin: 0!important; line-height: 60px; border-bottom: 1px solid #f1f1f1; }
body.innerpage #tm-middle ul.list-bulle ul > li:last-child { border-bottom: none; }
body.innerpage #tm-middle  h3.title-block-line { font-family: "philosopherbold"; font-size: 22px; line-height: 22px; color: #072732!important;  position: relative; padding: 10px 0 15px!important; margin: 0 0 25px!important; text-align: center;  }
body.innerpage #tm-middle  h3.title-block-line::after { content: ""; position: absolute; width: 60px; height: 2px; margin-left: -30px; left: 50%; bottom: 0; background: #0c6c96; }
body.innerpage #tm-middle .column-title .uk-panel {  }
body.innerpage #tm-middle .column-texte .uk-panel { padding: 50px 0;  }
body.innerpage #tm-middle .column-texte .uk-panel p { padding: 5px 0 5px 15px!important; border-left: 3px solid #0c6c96;   }
body.innerpage #tm-middle .column-title h2 { text-align: center!important; display: block; margin: 0!important; padding: 0!important; }
body.innerpage #tm-middle .column-title .uk-vertical-align-middle { width: 100%;}

body.innerpage #tm-middle .uk-value-one .uk-value-title .uk-panel { background: #32414B;  }
body.innerpage #tm-middle .uk-value-two .uk-value-title .uk-panel { background: #0c6c96;  }
body.innerpage #tm-middle .uk-value-three .uk-value-title .uk-panel { background: rgba(70,83,92,0.7);  }
body.innerpage #tm-middle .uk-value-four .uk-value-title .uk-panel { background: #0c6c96;  }
body.innerpage #tm-middle .uk-value-five .uk-value-title .uk-panel { background: #32414B;  }

body.innerpage #tm-middle .uk-value-title span.counter { opacity: 0.1; }
body.innerpage #tm-middle .uk-value-title h3 { color: #fff!important; }


body.innerpage #tm-middle #solutions-grid p.solutions-moto { text-align: center!important; font-size: 22px!important; line-height: 26px!important;  }

#modarticles-list { }
#modarticles-list .article-block .uk-panel { background: #fff; padding: 15px; border: 1px solid #F1F1F1; margin-bottom: 10px; }
#modarticles-list .article-block .article-title { font-size: 22px; line-height: 24px; color: #0c6c96; }
#modarticles-list .article-block .article-description { font-size: 15px; line-height: 19px;}
#modarticles-list .article-block .uk-button-single { text-align: right; padding-top: 10px;}
#modarticles-list .article-block .article-link { border-radius: 40px; background: transparent!important;  border: 1px solid #0c6c96; display: inline-block!important; padding: 2px 20px!important; font-size: 13px!important; line-height: 30px!important; color: #0c6c96!important; font-weight: 400!important; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;}


/*  Contact
----------------------------------------------------------------------------------------------------*/

#contact-infos .contact-icons { padding: 80px 0;}
#contact-infos .uk-one-contact i { display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 40px; margin-bottom: 15px;}
#contact-infos .uk-one-contact span { display: block; font-size: 24px!important; line-height: 24px!important; color: #0c6c96; padding:0!important }

#contact-infos-team span { display: block;}
#contact-infos-team .uk-panel { padding: 25px; border:1px solid #F1F1F1; margin-bottom: 20px;}
#contact-infos-team .uk-one-contact:last-child .uk-panel { margin-bottom: 0;}

#contact-form {  background: #f5f5f5 url('../images/bg-nafs.png') center right no-repeat fixed; }
#contact-form .block-inner { padding: 80px 0!important; }
#contact-form .contact-form-intro p { text-align: center!important; font-size: 17px!important; font-weight: 700; }


#postuler-form {  background: #f5f5f5 url('../images/bg-nafs.png') center right no-repeat fixed; }
#postuler-form .block-inner { padding: 50px 0!important; }


/*Contact Form*/
#userForm .formContainer { margin: 0; padding: 0; width: 99% !important; float: none }
#userForm .formFieldset { border: none }
#userForm  li.rsform-block { display: block; width: 100%; margin: 0; margin: 0 0 15px 0 !important; float: none !important }
#userForm .formCaption2 { display: block; width: 100%; font-size: 13px; line-height: 14px; padding: 0 0 5px 0; color: #343434 !important }
#userForm .formRequired { font-size: 9px; line-height: 13px; color: #aaa }
#userForm .formBody { width: 100% }
#userForm .formBody p { color: #333!important; line-height: 20px; font-size: 14px; text-align: center }
#userForm .formBody .formClr { text-align: left!important; }
#userForm .rsform-input-box { display: block !important; padding: 8px 5px 8px 8px; width: 98% }
#userForm .rsform-text-box { padding: 8px; width: 98%;  }
#userForm .rsform-block-envoyer { display: block; text-align: center !important; width: 100% }
#userForm input.rsform-submit-button, #userForm input.rsform-reset-button { border-radius: 0px; text-decoration: none; padding: 12px 0 !important; margin-top: 22px !important; font-size: 12px!important; line-height: 19px!important; text-transform: uppercase; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; letter-spacing: 3px !important; border: 1px solid #0c6c96 !important; background: #0c6c96!important; color: #fff; display: block !important; width: 100%; transition: all 0.5s ease 0s }
#userForm input.rsform-submit-button:hover { background: #072732 !important; border: 1px solid #072732 !important; color: #FFF !important }
#userForm input.rsform-submit-button:active { margin-top: 23px !important }
#userForm .formCaption2 { display: none }
#userForm .rsform-input-box, #userForm .rsform-text-box { display: block; padding: 10px 5px 10px 5px; width: 100%; margin-bottom: 5px !important; border: none !important; background: none transparent !important; border-bottom: 1px solid #0c6c96 !important; font-family: 'Open Sans'; font-weight: 700 !important; color: #0c6c96 !important; font-size: 15px !important; line-height: 40px !important; height: 40px!important; letter-spacing: 0px !important; transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -webkit-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, border 0.5s ease 0s }
#userForm .rsform-text-box { height: 130px!important; }
#userForm .rsform-input-box:focus, #userForm .rsform-text-box:focus { border-bottom: 1px solid #072732 !important; background: #EFEFEF !important }
/*#userForm .formClr, #rsform_error_1 p { display: none; color: #e63f4a; font-size: 13px !important; line-height: 15px !important; text-align: center; margin: 0 auto !important; padding: 0 5px !important }
#rsform_error_1 p { display: block;}*/
/*#userForm input.rsform-error + .formClr { display: block;}*/
#userForm .rsform-block-captcha .uk-text-center { background: rgba(255,255,255,0.5); border: 1px solid #fff; padding: 15px 0; margin-top: 15px!important; }


#userForm .rsform-select-box { display: block; padding: 12px 5px 12px 5px; width: 100%; margin-bottom: 5px !important; background: none transparent !important; border: 1px solid #0c6c96 !important; font-family: 'Open Sans'; font-weight: 400 !important; color: #0c6c96 !important; font-size: 14px!important; line-height: 45px!important; letter-spacing: 0px !important; transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -webkit-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s, border 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s, border 0.5s ease 0s }


#userForm .rsform-block-captcha .formCaption2,
#userForm .rsform-block-motivation .formCaption2,
#userForm .rsform-block-cv .formCaption2 { display: block;}

#userForm .rsform-block-motivation .formCaption2,
#userForm .rsform-block-cv .formCaption2 { display: block; padding-top: 5px; font-size: 15px!important; font-weight: 700;}


#userForm .rsform-block-cv-description .formBody { text-align: center; padding: 40px 0 15px 0; }
#postuler-form #userForm li.rsform-block { margin-bottom: 0!important; }

/*  Footer
----------------------------------------------------------------------------------------------------*/
#tm-footer { background: #0d2026; padding: 30px 0 40px;}

/*Footer Menu*/
#tm-footer .uk-nav-side { margin-top: 10px; margin-bottom:5px;}
#tm-footer .uk-nav-side > li { display: inline-block!important;}
#tm-footer .uk-nav-side > li > a { background: none; color: #fff; font-size: 13px; line-height: 13px; font-family: "Open Sans";  text-transform: uppercase;}
#tm-footer .uk-nav-side > li.uk-active > a, .uk-nav-side > li > a:hover { background: transparent;color: #0c6c96; }

p.footer-info, p.footer-copyright { color: #fff; font-family: "Open Sans"!important; padding: 0!important; font-size: 14px!important; line-height: 14px!important;}
p.footer-copyright a { color: #fff!important; }
#tm-footer .totop-scroller { position: absolute; top: 50%; right: 0; margin-top: -25px; width: 50px; height: 50px; background: #0c6c96 url('../images/interface/to-top.png') center center no-repeat;  }

/*Newsletter Bottom Module*/
#newsletter-module { padding: 25px 0;}
#newsletter-module .intro-top { display: inline-block!important; text-align: right!important; padding-right: 20px!important; text-transform: uppercase!important; color: #fff!important; font-size: 13px!important; padding-top: 4px!important; font-family: "PNovaLight"!important; }
#newsletter-module .newsletter-block form { display: inline-block!important; }
#newsletter-module #mc_embed_signup_scroll { background: #172935!important; padding: 3px 5px!important; display: inline-block!important; }
#newsletter-module #mc_embed_signup_scroll input.newsletter-email { display: inline-block; border: 0px solid transparent!important; background: transparent!important; color: #fff; min-width: 280px!important; font-family: "PNovaLight"!important;   }
#newsletter-module #mc_embed_signup_scroll input.newsletter-submit { display: inline-block; border: 0px solid transparent!important; border-left: 1px solid #061d28!important; background: transparent!important; color: #fff!important; font-size: 14px!important; font-family: "PNovaLight"!important;  }
#newsletter-module #mc_embed_signup_scroll input.newsletter-submit:hover { color: #d9531e;}


@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }


/*  BLOG APP
----------------------------------------------------------------------------------------------------*/
#appblog .max-content { padding: 0!important;}
#appblog-liste { }
#appblog-liste .appblog-liste-item { padding: 30px!important; border: 1px solid #fff; cursor: pointer;}
#appblog-liste .appblog-categorie { display: block; text-align: center; }
#appblog-liste .appblog-categorie span { display: inline-block; background: #0c6c96; color: #fff; text-align: center; margin: 0 auto!important; padding: 5px 10px; font-size: 12px; line-height: 12px; text-transform: uppercase; }
#appblog-liste .appblog-article-title { display: block; color: #0c6c96; text-align: center; margin: 0 auto!important; padding: 5px 0!important; font-size: 18px!important; line-height: 22px!important;  }
#appblog-liste .appblog-article-created { margin: 0!important; padding: 0!important; text-align: center; display: block; } 
#appblog-liste .appblog-content-wrapper { padding: 15px 0; font-size: 18px; line-height: 24px;}


#appblog-liste .appblog-liste-item a { display: block;}


#appblog-liste .appblog-liste-item:nth-child(2n) { background: #fff;}
#appblog-liste .appblog-liste-item:nth-child(2n+1) { background: #f5f5f5;}
#appblog-liste .appblog-liste-item:hover { background: rgba(12,108,150,0.05)!important;}

#appblog-liste  .appblog-liste-item .appblog-content-wrapper { color: #072732; }
#appblog-item .appblog-content { padding-top: 20px!important;}

#appblog-item .appblog-info { border-bottom: 1px solid #ededed; margin-top: -15px; }
#appblog-item .appblog-info .uk-panel { padding: 15px 0;}
#appblog-item .appblog-item-hit .uk-panel { border-left: 1px solid #ededed; border-right: 1px solid #ededed; }
#appblog-item .appblog-info { font-size: 12px; line-height: 12px; color: #0c6c96;  }


#appblog-item .appblog-gallery { margin-top: 30px;}
#appblog-item .appblog-gallery-wrapper { padding: 30px 15px 15px!important;}

#appblog-item .appblog-video { margin-top: 30px;}
.videoWrapper { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; }

#nafs-who .video-wrapper { max-width: 560px; height: auto; overflow: hidden; margin: 0 auto;  }


#appblog-item .appblog-files { margin-top: 30px; }
#appblog-item .appblog-file { margin-bottom: 5px; position: relative; }
#appblog-item .appblog-file > .uk-panel { padding: 20px; }


#appblog-item .max-content,#appblog.appblog-liste-content
 { background: #fff; padding: 15px 30px 15px!important; width: 100%; margin: 0 auto;  max-width: 930px!important; box-shadow: 0px 0px 9px rgba(0,0,0,0.1); }
#appblog.appblog-liste-content { padding: 0!important; }


#appblog .nafs_blog_noresult { padding: 200px 0; text-align: center;}
#seblod_form { margin-bottom: 0!important; }
#uk-search-blog { display: block; width: 100%; background: #586069; padding: 10px 0;}
#uk-search-blog form { margin: 0!important;}
#uk-search-blog .max-content { background: transparent!important;}
#uk-search-blog .uk-search-blog-input { }
#uk-search-blog .uk-searchtext-blog-wrapper #blog_search { border: 0px solid transparent; border-bottom: 1px solid #fff; color: #fff; font-weight: 300; height: 45px; font-size: 26px; line-height: 45px; width: 100%;  background: transparent; }
#uk-search-blog .uk-categorie-blog-wrapper #blog_categorie { height: 45px; line-height: 45px; border: 1px solid rgba(255,255,255,1); background: transparent; width: 100%; color: #000; }
/*  Offre APP
----------------------------------------------------------------------------------------------------*/
#appoffre .max-content { padding: 0!important;}

#appoffre-liste { }
#appoffre-liste .appoffre-liste-item { padding: 30px!important; border: 1px solid #fff; cursor: pointer;}
#appoffre-liste .appoffre-categorie { display: block; text-align: center; }
#appoffre-liste .appoffre-categorie span { display: inline-block; background: #0c6c96; color: #fff; text-align: center; margin: 0 auto!important; padding: 5px 10px; font-size: 12px; line-height: 12px; text-transform: uppercase; }
#appoffre-liste .appoffre-article-title { display: block; color: #0c6c96; text-align: center; margin: 0 auto!important; padding: 5px 0!important; font-size: 18px!important; line-height: 22px!important;  }
#appoffre-liste .appoffre-article-created { margin: 0!important; padding: 0!important; text-align: center; display: block; } 
#appoffre-liste .appoffre-content-wrapper { padding: 15px 0; font-size: 18px; line-height: 24px;}


.appoffre-liste-item a { display: block;}
#appoffre-liste .appoffre-liste-item:nth-child(2n) { background: #fff;}
#appoffre-liste .appoffre-liste-item:nth-child(2n+1) { background: #f5f5f5;}
#appoffre-liste .appoffre-liste-item:hover { background: rgba(12,108,150,0.05)!important;}

#appoffre-liste .appoffre-liste-item .appoffre-content-wrapper { color: #072732; }
#appoffre-item .appoffre-content { padding-top: 20px!important;}

#appoffre .appoffre-info { border-bottom: 1px solid #ededed; margin-top: 15px  }
#appoffre .appoffre-info .uk-panel { padding: 15px 0;}
#appoffre .appoffre-info { font-size: 12px; line-height: 12px; color: #0c6c96;  }
#appoffre .appoffre-liste-item .appoffre-info { border-top: 1px solid #ededed; }

#appoffre-item .appoffre-info { margin-top: 0!important;}

#appoffre-item .max-content{ box-shadow: none!important;}
#appoffre .appoffre-liste-item .appoffre-info { border-top: 1px solid #ededed; }
#appoffre-item .appoffre-files { margin-top: 30px; }
#appoffre-item .appoffre-file { margin-bottom: 5px; position: relative; }
#appoffre-item .appoffre-file > .uk-panel { padding: 20px; }

body.wrap-title .max-content { padding: 0!important; max-width: 100%!important; background: #f8f8f8!important;}
body.wrap-title .appoffre-wrapper { max-width: 930px!important; margin: 0 auto; background: #fff; padding: 15px 30px 15px; box-shadow: 0px 0px 9px rgba(0,0,0,0.1);  }
body.wrap-title .appoffre-wrapper.no-padding-top { padding-top: 0!important;}
body.wrap-title .appoffre-wrapper.no-padding { padding: 0!important;}


/*  Newsletter & Popup
----------------------------------------------------------------------------------------------------*/
#popup-module.popup-wrapper { margin: 20px auto 0 auto!important; background: #fff; padding: 15px 15px 0; max-width: 460px !important; border: 1px solid #fff; }
#popup-module.popup-wrapper .popup-wrapper-content { padding: 0 !important; }
.popup-zoom-in.mfp-bg { background: rgba(12,108,150,0.8) !important; }
#popup-module.popup-wrapper .mailchimp-popup-wrapper { padding: 20px 20px 0; }
#popup-module .mfp-close { font-size: 40px; color: #fff; border-radius: 50%; background: #072732; top: -13px; right: -22px; }

/*#popup-module h3.popup-header { display: block; font-family: "DTLCondensed"; font-weight: normal; font-size: 37px; line-height: 37px; margin: 0 auto; padding: 0 0 15px; color: #fff; text-align: center; text-transform: uppercase; }*/
#popup-module .mailchimp-popup h3.popup-header { display: block; text-align: center; color: #0c6c96!important; }
#popup-module .mailchimp-popup p.popup-hint { color: #333; font-size: 14px; line-height: 19px; font-weight: 300; font-family: "Open Sans"; letter-spacing: 0.5px; text-align: center; padding: 0 10px !important; margin: 0 auto !important; display: block;  }
#popup-module .mailchimp-popup p.popup-hint small { font-size: 12px; line-height: 12px; font-style: italic; font-weight: 300; text-align: center; display: block; padding-top: 4px; }
#popup-module .mailchimp-popup label { display: block; color: #333; font-size: 15px; line-height: 15px; margin-top: 0px !important; padding-bottom: 5px !important; font-weight: 400; font-family: "Open Sans", 'Arial'; letter-spacing: 0.4px; }
#popup-module .mailchimp-popup input { border: 1px solid #0c6c96; background: #fff; font-size: 15px; color: #072732; height: 35px; margin-bottom: 10px!important; }
#popup-module .mailchimp-popup .uk-button-blue { background: #0c6c96; display: block; width: 100%!important; color: #fff; border: 0px solid transparent; margin-top: 15px; height: auto!important; }
#popup-module .mailchimp-popup .uk-button-blue:hover { background: #072732; }

.my-mfp-zoom-in .zoom-anim-dialog, .popup-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8) }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog, .popup-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog, .popup-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0 }
.my-mfp-zoom-in.mfp-bg, .popup-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out }
.my-mfp-zoom-in.mfp-ready.mfp-bg, .popup-zoom-in.mfp-ready.mfp-bg { opacity: 0.95 }
.my-mfp-zoom-in.mfp-removing.mfp-bg, .popup-zoom-in.mfp-removing.mfp-bg { opacity: 0 }


body.innerpage #tm-middle .feed-items { list-style-type: none; margin: 0!important; padding: 10px 0 0!important}
body.innerpage #tm-middle #rssfeed h3.feed-link { line-height: 22px; font-size: 18px; margin: 0 0 10px 0!important; display: block; }
body.innerpage #tm-middle #rssfeed .feed-item-description { margin-bottom: 20px!important;}
body.innerpage #tm-middle #rssfeed .feed-item-description > img { padding: 10px;}

/*  Back To Top
----------------------------------------------------------------------------------------------------*/
#back-top {position: fixed;right: 0;top: 80%;width: auto;z-index: 6;}
#back-top:hover { -webkit-animation:0; animation:0;  }
#back-top-wrapper { width: 50px; height: 50px; background: rgba(12,108,150,0.5) }
#back-top:hover #back-top-wrapper { background: rgba(12,108,150,0.9); }
#back-top-wrapper a { display: block; position: relative; width: 100%; height: 100%; color: #fff; font-size: 25px; line-height: 45px; text-align: center; }


.ul-list-alternate { display: block; list-style-type: none; padding: 0!important; margin: 0; }
.ul-list-alternate > li { display: block; padding:  15px; border-left: 3px solid #0C6C96; background: #f8f8f8 }
.ul-list-alternate > li:nth-child(2n) { border-left: 3px solid #072732; }
body.innerpage #tm-middle .ul-list-alternate > li > h3 { margin-top: 0!important;}



.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}
.pb5{padding-bottom:5px!important}.pt5{padding-top:5px!important}.pb10{padding-bottom:10px!important}.pt10{padding-top:10px!important}.pb15{padding-bottom:15px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pt30{padding-top:30px!important}.pb35{padding-bottom:35px}.pt35{padding-top:35px!important}.pb40{padding-bottom:40px!important}.pt40{padding-top:40px!important}.pb50{padding-bottom:50px!important}.pt50{padding-top:50px!important}.pb60{padding-bottom:60px!important}.pt60{padding-top:60px!important}.pb70{padding-bottom:70px!important}.pt70{padding-top:70px!important}.pb80{padding-bottom:80px!important}.pt80{padding-top:80px!important}.pb90{padding-bottom:90px!important}.pt90{padding-top:90px!important}.pb100{padding-bottom:100px!important}.pt100{padding-top:100px!important}.pb150{padding-bottom:150px!important}.pt150{padding-top:150px!important}.pb200{padding-bottom:200px!important}.pt200{padding-top:200px!important}.pb300{padding-bottom:300px!important}.pt300{padding-top:300px!important}.mb5{margin-bottom:5px!important}.mt5{margin-top:5px!important}.mb10{margin-bottom:10px!important}.mt10{margin-top:10px!important}.mb15{margin-bottom:15px!important}.mt15{margin-top:15px!important}.mb20{margin-bottom:20px!important}.mt20{margin-top:20px!important}.mb25{margin-bottom:25px!important}.mt25{margin-top:25px!important}.mb30{margin-bottom:30px!important}.mt30{margin-top:30px!important}.mb40{margin-bottom:40px!important}.mt40{margin-top:40px!important}







/* ========================================================================
/* Responsive Media Queries
========================================================================== */



/* Large screen and bigger */
@media (min-width: 1220px) { }

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) { }

/* iPad Mini Portrait */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {  }

/* iPad Mini Landscape */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {  }

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) { }

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) { }

/* Only Phones (Portrait) */
@media (max-width: 479px) {  }

/* Phone landscape and smaller */
@media (max-width: 767px) {

    .width20 ,.width25 ,.width30 ,.width33,.width35 ,.width40 ,.width50,.width60 ,.width66,.width70,.width75,.width80 ,.width100 { width: 100%; max-width: 100%;}
    * > .max-content,* > .max-width  { width: 100%; padding: 0 5px; }

    #abs-left,#abs-right { display: none;}
	#back-top-wrapper { width: 35px; height: 35px; display: none; }
	.services-list .service-row { margin-bottom: 30px;}
	.service-row-first { padding: 0;}
	#nafs-approche .iq-feature4 .stap-up::before { display: none;}
	#nafs-approche .block-inner { padding: 0 15px;}

	#bottom-connect { padding: 25px;}

	#bottom-connect .social-bottom, #bottom-connect .newsletter-bottom { float: none; width: 100%; }
	#bottom-connect .social-text { width: 100%; } 
	#bottom-connect .social-text .block-texte > * { text-align: center!important; } 

	#bottom-connect .social-link { width: 100%; margin-bottom: 25px!important;}
	#bottom-connect .social-bottom .social-bottom-links { padding-right: 0; border-right: 0 solid #0b5573; }

	#bottom-connect .newsletter-text { width: 100%; float: none;}
	#bottom-connect .newsletter-bottom .block-texte { padding-left: 0; margin-bottom: 10px; }
	#bottom-connect .newsletter-bottom .block-texte > * { text-align: center;}

	#bottom-connect .newsletter-link { width: 100%;}
	#bottom-connect .newsletter-form .newsletter-email { border-radius: 0; max-width: none;width: 100%; }
	#bottom-connect .newsletter-form .newsletter-button { border-radius: 0; max-width: none;width: 100%; margin-top: 10px!important; }

	#tm-footer .uk-nav-side { }
	#tm-footer .uk-nav-side > li { display: block!important; border-bottom: 1px solid #cecece;}
	#tm-footer .uk-nav-side > li > a { line-height: 30px; font-size: 17px; }

	p.footer-info, p.footer-copyright { margin-top: 20px; line-height: 20px!important; }

	.block-padding { padding: 10px; }

	#mobile-lang-switcher { float: right; display: inline-block; position: absolute; top: 15px; right: 10px;}
	#mobile-lang-switcher form { margin: 0!important;}
	#mobile-lang-switcher a.langChoose { display: block; text-align: center;}
	#mobile-lang-switcher div.mod-languages.advanced-dropdown ul { width: 90px; right: 0; top: 16px;  }
	#mobile-lang-switcher div.advanced-dropdown a.langChoose:link, #mobile-lang-switcher div.advanced-dropdown a.langChoose:visited { padding: 0!important;}

	.uk-list-icon .uk-block-icon , .uk-list-icon .uk-block-texte { width: 100%; }
	.uk-list-icon .uk-block-icon > div { min-height:0!important;  max-height: 160px;}

	body.innerpage #tm-middle .uk-list-icon h3 { text-align: center; line-height: 24px!important; margin-bottom: 10px!important; }

	body.innerpage:not(.nopadding) .uk-article .max-content { padding: 15px!important; }
	
	#contact-infos .contact-icons { padding: 45px 0 0 0;} 
	#contact-infos  .uk-one-contact { padding-left: 0; margin-bottom: 45px;}
	#contact-infos-team .max800 { padding: 0 15px;}

	#contact-form .block-inner { padding: 80px 15px!important;}

	#uk-search-blog .uk-width-small-3-4 { margin-bottom: 15px;}
	#appblog-item .appblog-info { padding: 10px 0;}
	#appblog-item .appblog-info .uk-panel { padding: 5px 0!important;}




}