/*@import url('https://fonts.cdnfonts.com/css/sansation?styles=169708,169709');*/

@font-face{font-family:'Sansation';font-style:normal;font-weight:normal;src:local('../fonts/sansation_regular.woff'),url('../fonts/sansation_regular.woff') format('woff')}
@font-face{font-family:'Sansation Light';font-style:normal;font-weight:normal;src:local('../fonts/sansation_light.woff'),url('../fonts/sansation_light.woff') format('woff')}
@font-face{font-family:'Sansation Bold';font-style:normal;font-weight:normal;src:local('../fonts/sansation_bold.woff'),url('../fonts/sansation_bold.woff') format('woff')}
html { font-family: 'Sansation', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { font: normal 15px/21px 'Sansation', sans-serif; -webkit-text-size-adjust: 100%; color: #000; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { font-family: 'Sansation', sans-serif; }
/*
Primary Blue 009bac
Secondary Blue 4ac0dc
007b83
*/

/*  HEADER
----------------------------------------------------------------------------------------------------*/
.tm-header-bar { position: absolute; width: 100%;top: 0; right: 0; left: 0;z-index: 99;  background: transparent url('../images/header-top.png') top left repeat-x; }
.tm-header-bar.menubar-sticky { box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.2); background: #fff; }
.tm-header-bar .tm-header-bar-wrapper { padding: 0 10px; max-width: 1230px; margin: 0 auto; }
.tm-header-bar .tm-navbar { margin-left: -15px; margin-right: -15px;  }
.tm-header-bar .tm-navbar .tm-navbar-wrapper { /*height: 100px;*/ }
/*Center*/
.tm-nav ul > li { margin: 0 !important; padding: 0 !important; }
.tm-nav ul > li > a { font-family: 'Sansation', sans-serif !important; font-weight: 700;  position: relative; text-transform: uppercase; color: #fff; font-size: 15px; letter-spacing: .1em; cursor: pointer; }
.tm-nav ul > li.uk-active > a, .tm-nav ul > li > a:hover { color: #007b83; }
.tm-nav ul.uk-nav a { color: #000;}

.tm-nav .uk-grid.uk-dropdown-grid { margin-left: 0; margin-right: 0;}
.tm-nav .uk-dropdown { width: 220px; padding: 0; margin: 0!important; border-radius: 10px; overflow: hidden; box-shadow: 2px 3px 4px 3px rgba(0, 0, 0, 0.2);  }
.uk-nav-navbar > li > a { padding: 10px 15px;}
.uk-nav-navbar > li > a:hover, 
.uk-nav-navbar > li > a:focus { background: #009bac; color: #fff!important;}

/*Right*/
.header-bar-bottom { padding-top: 0px;}
.header-bar-bottom > div { padding-left: 20px;}
.header-bar-bottom .link-actu a { height: 60px; line-height: 60px; display: block; font-family: 'Sansation', sans-serif !important;  position: relative; text-transform: uppercase; color: #007B83; font-size: 14px; cursor: pointer; font-weight: 600; }
.header-bar-top { position: absolute; right: 10px; top: 5px; left: auto; max-width: 400px; }

nav.tm-navbar .uk-navbar-flip .uk-navbar-content > .uk-panel { display: inline-block;}
div.advanced-dropdown ul a:hover { background: #009eb2; color: #fff; }
div.advanced-dropdown span.caret { border-top-color:#000; }
div.mod-languages.advanced-dropdown ul { left: auto; right: 0; top:26px; width: 120px; text-align: center; box-shadow: 2px 3px 4px 3px rgba(0, 0, 0, 0.2);  }

div.advanced-dropdown a.langChoose { padding-right: 30px!important; }

#vpmsearch { max-width: 150px!important; margin-right: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #fff;background: transparent; color: #fff;}
.searchbar .typeahead-result .uk-grid { width: 100%; margin: 0 !important; }
.searchbar .typeahead-result .typeahead-list { padding: 0 !important; }
.searchbar .typeahead-container { margin-bottom: 0 !important; }
.searchbar .typeahead-container .row .info_item { display: block; }
.searchbar .typeahead-container .row h3 { color: #007b83; font-size: 16px; line-height: 16px; font-weight: normal; font-family: 'Sansation', sans-serif; margin: 0!important; padding: 5px 0 !important; font-style: normal !important; }
.searchbar .typeahead-list > li > a, .typeahead-dropdown > li > a { height: auto !important; }
.searchbar .no-result { padding: 14px 0; text-align: center; }
.typeahead-list > li > a, .typeahead-dropdown > li > a { white-space: normal;}

div.statsbar { padding-left: 10px; }
div.statsbar a { display: block;}
div.statsbar a img { max-width: 110px; height: auto; }


#topbar { padding: 5px 0; background: transparent; display: flex; justify-content: space-between; align-items: stretch; align-content: stretch; width: 100%; /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}
#topbar .topbar-left {  width: 20%; text-align: left; }
#topbar .topbar-middle {  flex-grow:2;  text-align: center; }
#topbar .topbar-right {   width: 20%; text-align: right;  }
#topbar #vpmsearch { max-width: 250px!important; margin-right: 30px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid rgba(255,255,255,0.1);background: transparent; color: #FFF; border-radius: 14px;}


.tm-header-bar.menubar-sticky .tm-nav ul > li > a { color: #000;}
.tm-header-bar.menubar-sticky .tm-nav ul > li.uk-active > a,
.tm-header-bar.menubar-sticky .tm-nav ul > li > a:hover { color: #007b83; }
.tm-header-bar.menubar-sticky #topbar { display: none;}

body.w-topbar .tm-header-bar .tm-navbar .tm-navbar-wrapper { padding: 15px 0 0; height: auto; }
body.w-topbar .tm-header-bar.menubar-sticky .tm-navbar .tm-navbar-wrapper { padding: 5px 0;}


/*  OFFCANVAS
----------------------------------------------------------------------------------------------------*/
.uk-offcanvas-bar { background: #e3e4e5; }
.uk-nav-offcanvas > li { padding: 0 !important;}
.uk-nav-offcanvas > li > a { background-color: #e3e4e5; color: #009bac !important; font-size: 17px !important; line-height: 25px !important; padding: 10px 0 10px 15px !important; text-align: left; text-transform: uppercase; }
.uk-nav-offcanvas > li > a:hover { color: #fff!important; background: #009bac!important; }
.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: #009bac !important; color: #fff !important; }
/*2nd Level*/
.uk-nav-offcanvas .uk-nav-sub li > a { font-size: 14px !important; line-height: 45px !important; padding: 15px 10px 15px 5px !important; text-align: left; }
.uk-nav-offcanvas li.uk-parent > a, .uk-nav-offcanvas > li > a { background-color: #e3e4e5; }
.uk-nav-offcanvas .uk-parent li.uk-active a, .uk-nav-offcanvas .uk-parent li a:hover { color: #fff !important; background: #009bac:; }
.offcanvas-logo { display: block; max-width: 150px;}
.offcanvas-logo img { width: 100%; height: auto; margin: 0 auto;}

/*  BG/TEXT COLOR
----------------------------------------------------------------------------------------------------*/
.txt-white { color: #fff }
.txt-black { color: #000 }
.txt-blue { color: #072732 }
.bg-white { background: #fff !important; }
.bg-black { background: #000; }
.bg-grey { background: #f5f5f5; }
.bg-body { background: #f8f8f8; }
.bg-green { background-color: #007b83; }
.bg-green { background-color: #009BAC; }
.bg-blue { background-color: #072732; }
.bg-blue-light {  background: #f3fafb; }
.bg-gradient { background-image: url('../images/sep-gradient.png') !important; background-position: top center !important; background-repeat: repeat-x !important; }
.bg-logo-small { background-image: url('../images/logo-bg-small.png') !important; background-repeat: no-repeat; }
.bg-logo-medium { background-image: url('../images/logo-bg-medium.png') !important; background-repeat: no-repeat; }

/*  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 { color: #343434; }
a:hover, a:focus { text-decoration: none !important; color: #009bac; }
.br { clear: both; display: block; }
.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; }
.uk-text-small { font-size: 14px; line-height: 25px; }
.uk-text-medium { font-size: 16px; line-height: 30px !important; }
.uk-container { max-width: 100%; }
.max-width { max-width: 1060px !important; margin: 0 auto; }
.max-content { max-width: 930px !important; margin: 0 auto; background: #fff; }
.max500 { max-width: 500px!important; margin: 0 auto; }
.max600 { max-width: 600px!important; margin: 0 auto; }
.max700 { max-width: 700px!important; margin: 0 auto; }
.max800 { max-width: 800px!important; margin: 0 auto; }

.width10{width:10%;max-width:10%}.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%}.width90{width:90%;max-width:90%}.width100{width:100%;max-width:100%}
.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}.mb50{margin-bottom:40px!important}.mt50{margin-top:40px!important}
.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}.pl20{padding-left:20px!important}.pr20{padding-right:20px!important}.pl30{padding-left:30px!important}.pr30{padding-right:30px!important}.pl40{padding-left:40px!important}.pr40{padding-right:40px!important}.pl50{padding-left:50px!important}.pr50{padding-right:50px!important}

.uk-button { background: #009bac; color: #fff; padding: 5px 14px; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; }
.uk-button:hover, .uk-button:focus, .uk-button:active { background: orange; color: #fff; }
.uk-button-border { display: inline-block; font-family: 'Sansation', sans-serif !important; font-weight: normal !important; font-size: 14px !important; line-height: 40px !important; text-align: center; border-radius: 40px; padding-top: 0; padding-bottom: 0; }
.uk-button-small { padding: 0 15px !important; font-size: 12px !important; line-height: 34px !important; min-height: 34px; height: 34px; }
.uk-button-medium { padding-left: 90px !important; padding-right: 90px !important; }
.uk-button-border.uk-button-white { border: 1px solid #fff; color: #fff; background: transparent; text-transform: none; }
.uk-button-border.uk-button-white:hover, .uk-button-border.uk-button-white:focus { border: 1px solid #fff; color: #007b83!important; background: #fff; }
.uk-button-green { background: #009bac; color: #fff; border-radius: 40px; }
.uk-button-green:hover, .uk-button-green:focus, .uk-button-green:active { background: #4ac0dc; }


.section-title { color: #072732; font-weight: 700; font-size: 40px; line-height: 45px; letter-spacing: 0.5px; margin-bottom: 20px; display: block; text-align: center; }
.section-title.with-sep { margin-bottom: 50px; padding-bottom: 50px; position: relative; }
.section-title.with-sep::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 1px; background: #007b83; }
.section-intro { max-width: 900px; margin: 0 auto;}
.section-intro p { color: #010101; font-weight: 400; font-size: 16px; line-height: 22px; display: block; text-align: justify; }
.section-title-block p { font-size: 17px; line-height: 20px; }
/*Space*/
.section-intro .uk-grid .uk-width-1-1 > .uk-panel { margin-bottom: 25px; }
.section-intro .uk-grid { margin-left: -25px; }
.section-intro .uk-grid > * { padding-left: 25px; }
h3.section-title.with-sep { font-size: 30px; line-height: 40px; margin-bottom: 30px; padding-bottom: 30px; }
.bg-green .section-title, .bg-green .section-intro, .bg-blue .section-title, .bg-blue .section-intro { color: #fff; }

/*  HOMEPAGE
----------------------------------------------------------------------------------------------------*/

/*  Slider */
.slick-slider { background: #fff; position: relative; overflow: hidden; border-bottom: 2px solid #007a7d; }
.slick-slider .slick-dots { bottom: 30px !important; }
.slick-slider .slick-dots li, .slick-slider .slick-dots li button, .slick-slider .slick-dots li button::before { width: 15px; height: 15px; }
.slick-dotted.slick-slider { margin-bottom: 0 !important; }
.slick-dots li { margin: 0 4px 0 0 !important; }
.slick-dots li button:before { background: #fff !important; opacity: 1; border: 1px solid #fff !important; border-radius: 50%; }
.slick-dots li.slick-active button:before { opacity: 1; background: #009bac !important; border: 1px solid #fff !important; border-radius: 50%; }
.slick-slider .slider-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); }
.slick-slider .slider-content { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.slick-slider .caption-inner { opacity: 0.0; width: 100%; max-width: 70%; position: absolute; top:50%; left: 100px; z-index: 10; transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.slick-slider .slick-slide.slick-active .caption-inner { opacity: 1.0; }
.slick-slider .slick-slide .caption-inner-wrapper { position: relative; padding-left: 30px; }
.slick-slider .slick-slide .caption-inner-wrapper::before { position: absolute; content: ""; border-left:3px solid #fff; top: 0; left: 0; bottom: 0;}
.slick-slider .caption-inner h2 { position: relative; display: block; text-align: left;  font-family: 'Sansation', sans-serif; word-wrap: break-word !important; font-size: 45px; line-height: 52px; font-style: normal; font-weight: 600; letter-spacing: 0px; text-transform: none; color: #fff !important;}
.slick-slider .caption-inner div.slider-text { margin-top: 50px;  display: block !important; position: relative; text-align: left; color: #fff;word-wrap: break-word !important; font-size: 30px; line-height: 36px; font-style: normal; font-weight: 400;  }
.slick-slider .caption-inner .caption-link { display: block; padding-top: 20px;}
.slick-slider .caption-inner .caption-link span { margin-left: 35px; background: #fff; display: inline-block; color: #000; background: #fff; border-radius: 30px; padding: 8px 17px; font-size: 15px; line-height: 15px;}
.slick-next, .slick-prev { width: 50px; height: 50px; background: transparent; color: #007b83; z-index: 15; display: block; border: 2px solid #007b83; border-radius: 50%; }
.slick-prev { left: 15px !important; }
.slick-next { right: 15px !important; }
.slick-prev::before, .slick-next::before { color: #007b83; font-size: 22px; font-family: "FontAwesome"; content: "\f0da"; }
.slick-prev::before { content: "\f053"; }
.slick-next::before { content: "\f054"; }
/*End Slider*/
.slider-mobile { background: #009bac; }
.slider-mobile .slick-slider { background:#009bac; }
.slider-mobile .slick-slider .caption-inner  { position: relative; width: 100%; max-width: 100%; bottom: 0; left: 0; right: 0; }
.slider-mobile .slick-slider .slick-slide .caption-inner-wrapper { float: none; width: 100%; }
.slider-mobile .slick-slider .caption-inner h2 { position: relative; text-align: center; padding: 15px 10px!important; margin:  0!important; font-family: 'Sansation', sans-serif; word-wrap: break-word !important; font-size: 16px; line-height: 22px; font-style: normal; font-weight: 700; letter-spacing: 0px; text-transform: none; color: #007b83 !important; background: #fff; display: block; border-radius: 0px;float: none;}
.slider-mobile .slick-slider .caption-inner div.slider-text { padding: 20px 20px 40px !important; margin: 0; display: block !important; position: relative; text-align: center; color: #fff; background: #009bac; border-radius: 0px; word-wrap: break-word !important; font-size: 14px; line-height: 16px; font-style: normal; font-weight: 400; float: none; }
.slider-mobile .slick-next, .slider-mobile .slick-prev { width: 24px; height: 24px; line-height: 24px; background: transparent; color: #007b83; z-index: 15; display: block; border: 0px solid #007b83; border-radius: 50%;  }
.slider-mobile .slick-prev { left: 5px !important; margin-top: 25px!important; }
.slider-mobile .slick-next { right: 5px !important;margin-top: 25px!important; }
.slider-mobile .slick-prev::before, .slider-mobile .slick-next::before { font-size: 24px; }

/*Metiers*/
.section-metier-block-title h2 { text-align: left; display: block; font-size: 45px; line-height: 50px; padding-right: 30px;  }

.metiers-items { justify-content: flex-end!important; align-content: stretch!important; }

.metiers-items .metier-item { text-align: center!important; position: relative; }
.metiers-items .metier-item-inner { position: relative; padding: 0px; overflow: hidden; -moz-transition: all 0.3s linear; }
.metiers-items .metier-item-inner::after { opacity: 1.0; content: ""; position: absolute; top:0;right: 0; bottom: 0; height: 100%; width: 3px; background: #397b9d;  }
.metiers-items .metier-item:last-child .metier-item-inner::after { opacity: 0; }
.metiers-items .metier-item-inner:hover { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); z-index: 1; border-radius: 8px }

.metier-item-border { height: 100%; display: flex; justify-content: center; align-items: stretch; width: 100%; flex-wrap: wrap; gap: 10px; }
.metier-item-border::before, .metier-item-border::after { content: ''; position: absolute; border: 2px solid transparent; border-radius: 8px; width: 0; height: 0; }
.metier-item-border::after { bottom: 0; right: 0; }
.metier-item-border::before { top: 0; left: 0; }

.metiers-items .metier-item  a { display: block; text-align: center; padding: 10px 0; }
.metiers-items .metier-item  a img { width: 100%; height: auto;max-width: 100px; margin: 15px 0; position: relative;-webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.metiers-items .metier-item  a span { display: inline-block; border: 1px solid #707070; background: #fff; border-radius: 30px; padding: 8px 17px; margin-bottom: 10px; font-size: 12px; line-height: 12px; -moz-transition: all 0.3s linear; }
.metiers-items a:hover span { background: #397b9d; color: #fff;  border: 1px solid #397b9d;   }

.metiers-items .metier-item  a:hover .metier-item-inner::before { opacity: 0.0;}
.metiers-items:hover .metier-item-inner::after { opacity: 0.0; }
.metiers-items .metier-item  a:hover .metier-item-border::before, .metiers-items .metier-item  a:hover .metier-item-border::after { width: 100%; height: 100%; }
.metiers-items .metier-item  a:hover .metier-item-border::before { border-top-right-radius: 8px; border-top-color: #397b9d; border-right-color: #397b9d; -webkit-transition: width 0.15s ease-out, height 0.15s ease-out 0.15s; transition: width 0.15s ease-out, height 0.15s ease-out 0.15s; }
.metiers-items .metier-item  a:hover .metier-item-border::after { border-top-left-radius: 8px; border-bottom-color: #397b9d; border-left-color: #397b9d; -webkit-transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.35s; transition: border-color 0s ease-out 0.2s, width 0.15s ease-out 0.2s, height 0.15s ease-out 0.35s; }

.metiers-items .metier-item  a:hover img { -webkit-transform: rotate(-4deg) scale(1.1); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */ -moz-transform: rotate(-4deg) scale(1.1); /* Fx 3.5-15 */ -ms-transform: rotate(-4deg) scale(1.1); /* IE 9 */ -o-transform: rotate(-4deg) scale(1.1); /* Op 10.5-12 */ transform: rotate(-4deg) scale(1.1); /* Fx 16+, IE 10+ */ }


/*Actu*/
.actu-content .actu-home-grid-image { border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.actu-content .actu-home-intro { padding-right: 15px;}
.actu-content .actu-home-intro a { margin-top: 10px; padding: 0 16px!important; height: 25px!important; line-height: 22px!important; min-height: 25px!important; }
.actu-all a { background: #4ac0dc!important; border-color: #4ac0dc!important;  }
.actu-all a:hover { background: #fff!important; border-color: #fff!important;  }
.actu-more { border-left: 2px solid #fff; padding: 60px 0; }
.actu-more .actu-more-holder { padding: 0 25px; text-align: center;}
.actu-more .actu-more-holder .actu-more-holder-texte { font-size: 18px; line-height: 22px; }
.actu-more .actu-more-holder .actu-more-holder-icon { padding-top: 30px;}
.actu-more .actu-more-holder .actu-more-holder-icon a { font-size: 23px; padding: 0; width: 60px; height: 60px; line-height: 50px;border: 2px solid #fff; background: transparent;}
.actu-more .actu-more-holder .actu-more-holder-icon a:hover { background: #fff; color: #009bac;}
.actu-all a.uk-button { background: #fff!important; border: 1px solid #fff!important; color: #009BAC; font-weight: 700!important;}
.actu-all a.uk-button:hover { background: #4ac0dc!important; border: 1px solid #4ac0dc!important; color: #fff!important; }
/*Client*/
#home-clients .slick-partners { background: transparent!important; border-bottom: none!important; } 
#home-clients .slick-partners-content { margin: 0 20px; border: 1px solid #ececec; }
/*Partenaires*/
#home-partners .slick-partners { background: transparent!important; border-bottom: none!important; } 
#home-partners .slick-partners-content { margin: 0 20px; border: 1px solid #ececec; }
.img-logo { background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center; }
.image-rounded { border: 10px solid #A6D9E7; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; 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-grid-partenaires { margin-left: -25px; }
.uk-grid-partenaires > * { padding-left: 25px; }
.uk-grid-partenaires { margin: 60px auto; }
.uk-grid-partenaires .uk-panel { padding: 0 10px; margin-bottom: 25px!important;  }*/

/*  InnerPages
----------------------------------------------------------------------------------------------------*/

/*body.fullpage #innerpage > .page-content-wrapper > .max-width { max-width: 100%!important;}*/

.page-cover { background-size: cover; background-repeat: no-repeat; background-position: bottom center; height: 30vh; max-height: 500px;}
.page-title-bar { background: #F5F5F5; padding: 30px 0; text-align: center; color: #009bac; }
.page-title-bar  h1 { color: #009bac; font-size: 50px; line-height: 60px; text-transform: uppercase; font-weight: 700; }
.page-intro p { font-size: 18px; line-height: 30px; }

.page-single .page-title-bar { background: #343434!important;}
.page-single .page-title-bar h1 { color: #fff; }
.page-metiers .page-title-bar { background: #F5F5F5!important; padding: 40px 0 30px!important;text-align: center; color: #009bac!important;}

.page-actus .page-title-bar { /*padding-top: 240px; padding-bottom:50px!important; background: #007b83!important; color: #fff!important; */}
.page-actus .page-title-bar h1 { padding-top: 15px; /*color: #fff;*/}

.page-cover  span.page-cover-overlay { display: block; width: 100%; height: 100%; position: relative;top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); }



.section-content p { color: #010101; font-size: 16px; line-height: 24px; display: block; text-align: justify; }
.section-content .uk-text-center >  p { text-align: center;}
.section-content li  { color: #010101; font-size: 16px; line-height: 30px; text-align: justify; }
.section-content p + p { margin-top: 12px; }
.section-content .page-content p + p { margin-top: 30px; }
.section-content .page-content h3 { font-weight: 700; margin-bottom: 20px!important; margin-top: 0!important}
.section-content .page-content p + h3, .section-content .page-content ul + h3 { margin-bottom: 20px!important; margin-top: 15!important}
.section-content .page-content ul > li > h3 { margin-bottom: 0!important;}
body.fullpage .page-content { padding-bottom: 0!important;}
.section-content .page-content ul { margin-top: 10px; margin-bottom: 20px; color: #010101; font-size: 15px; line-height: 30px !important; display: block; }
h2.title-sep { position: relative; color: #2c3643 !important; line-height: 30px !important; font-size: 30px !important; font-weight: 600 !important; letter-spacing: -.02rem !important; margin-bottom: 40px !important; padding-bottom: 15px; margin-top: 0 !important; text-align: center !important; }
h2.title-sep::after { width: 4rem; border-bottom: .2rem solid #007b83; left: 50%; margin-left: -2rem; bottom: -10px; content: ""; display: block; position: absolute; }
.uk-text-left h2.title-sep { text-align: left !important; }
.uk-text-left h2.title-sep::after { left: 0; margin-left: 0; }
.liste-tag { display: block; list-style-type: none; padding: 0 !important; margin: 0; }
.liste-tag > p { display: block; padding: 45px 40px 45px 100px; background: #f8f8f8 url('../images/vpm-liste.png') 20px 50% no-repeat; border: 1px solid #f8f8f8;  }
.liste-tag > p:nth-child(2n) { border: 1px solid #f1f1f1; background-color: #f1f1f1;  }
.bg { position: relative; overflow: hidden; }
.bg > h4 { display: block !important; text-align: center !important; text-transform: uppercase; width: 100%; font-size: 140px; line-height: 140px; color: rgba(0, 0, 0, 0.6); font-weight: 700; left: 50%; top: 50%; z-index: 1; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#intro .block-texte p { font-size: 16px!important; line-height: 22px;}

#mod-infos h2.section-title { margin-bottom: 45px!important }
#mod-infos h3.title-sep { position: relative; margin: 15px 0 20px!important; padding: 0 0 15px 0!important; color: #2c3643 !important; line-height: 17px !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: -.02rem !important; text-align: center !important; }
#mod-infos h3.title-sep::after { width: 4rem; border-bottom: .1rem solid #007b83; left: 50%; bottom: 0; margin-left: -2rem; content: ""; display: block; position: absolute; }

.block-informations p { font-size: 16px!important; line-height: 24px!important; margin: 0!important; padding: 0!important; }
.block-informations p + p { font-size: 16px!important; line-height: 24px!important; margin-top: 8px!important; }
.block-informations .block-row { padding-bottom: 40px!important;}



/* GROUPE */
.testimonial-quote { font-size: 16px; }
.testimonial-quote blockquote {    border: 0; margin: 0; padding: 0; background: none; color: gray; font-family: "Georgia", serif; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; margin: 0; position: relative; text-shadow: 0 1px white; z-index: 4; }
.testimonial-quote blockquote * { box-sizing: border-box; }
.testimonial-quote blockquote p { color: #007b83; line-height: 1.4 !important; }
.testimonial-quote blockquote p:first-child:before { content: '\201C'; color: #81bedb; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; }
.testimonial-quote img { border: 3px solid #9CC1D3; border-radius: 50%; display: block; width: 120px; height: 120px; position: absolute; top: -.2em; left: 0; }
.testimonial-quote cite { color: gray; display: block; font-size: .8em; margin: 20px 0 0; }
.testimonial-quote cite span { color: #5e5e5e; font-size: 1em; font-style: normal; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px white; }
.testimonial-quote { position: relative; }
.testimonial-quote .quote-container { padding-left: 160px; }

.bg-green .testimonial-quote blockquote {    border: 0; margin: 0; padding: 0; background: none; color: gray; font-family: "Georgia", serif; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; margin: 0; position: relative; text-shadow: none; z-index: 4; }
.bg-green .testimonial-quote blockquote p { color: #fff; line-height: 1.5 !important; font-size: 20px!important;  }
.bg-green .testimonial-quote blockquote p:first-child:before { content: '\201C'; color: #007b83; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; }
.bg-green .testimonial-quote cite { color: #444; display: block; font-size: .8em; margin: 20px 0 0; }
.bg-green .testimonial-quote cite span { color: #fff; font-size: 1em; font-style: normal; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-shadow: none; }

.qsn-valeurs {  display: flex; justify-content:center; align-items: stretch; width: 100%; flex-wrap:wrap; gap:20px; }
.qsn-valeurs .qsn-valeur { min-width: 45%; height: 290px; background: transparent; perspective: 1000px;  }
.qsn-valeurs .qsn-valeur .qsn-valeur-inner { position: relative; width: 100%; height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
.qsn-valeurs .qsn-valeur:hover .qsn-valeur-inner { transform: rotateY(180deg); }

.qsn-valeurs .qsn-valeur .qsn-valeur-front, .qsn-valeurs .qsn-valeur .qsn-valeur-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; }
.qsn-valeurs .qsn-valeur .qsn-valeur-front { text-align: center; padding: 10px; background: #fff; }
.qsn-valeurs .qsn-valeur .qsn-valeur-back { background-color: #009bac; color: white; transform: rotateY(180deg); }
.qsn-valeurs .qsn-valeur .qsn-valeur-front h4 { font-size: 23px; line-height: 25px; margin: 15px auto 20px; display: block; text-align: center; max-width: 90%; text-transform: uppercase; color: #009bac;}
.qsn-valeurs .qsn-valeur .qsn-valeur-front img { width: 100%; height: auto; max-width: 140px;}
.qsn-valeurs .qsn-valeur .qsn-valeur-back div.qsn-valeur-back-text { padding: 5px 40px; color: #fff; font-size: 18px; line-height: 22px; text-align: justify;}
.qsn-valeurs .qsn-valeur .qsn-valeur-back div.qsn-valeur-back-text br { margin-bottom: 10px;}

#valeurs .section-title-left  {  text-transform: uppercase; font-size: 25px; }
.liste-valeurs { padding: 0 0 0 330px!important;   display: block;  margin: 0!important; background-color: #fff; background-position: left center; background-repeat:  no-repeat; background-size: contain;}
.liste-valeurs h4 { color: #007b83; margin: 0!important; padding: 0!important; }
.liste-valeurs > .valeur { display: block; padding: 0!important;  margin: 0 0 20px 0!important;  }
.liste-valeurs > .valeur:nth-child(2n+1) { margin-left: 60px!important; }
.liste-valeurs .valeur p { margin: 0!important; padding: 0!important; font-size: 15px!important; line-height: 22px!important; }


.uk-grid-clients .uk-panel  { margin-bottom: 10px;}
#partenaires .slick-slider { border-bottom: 0!important; }


/*Pages métiers*/
.page-metiers-header { padding: 0;}
.page-metiers-header h1::before {content: ""; position: absolute; width: 2px; height: 70px; left: 50%; top: 0; margin-left: -1px;  bottom: 0px;  background: #009bac;}
.page-metiers-header h1 { font-size: 28px; line-height: 30px; text-align: center; position: relative; padding-top: 80px; }

.page-metiers-header .page-metier-intro { }
.page-metiers-header .page-metier-intro p { text-align: center; font-size: 30px; line-height: 35px; }
.page-metiers-listing { margin: 70px 0 40px; }


.page-metiers-listing .uk-grid-metiers { margin-left: -25px; }
.page-metiers-listing .uk-grid-metiers > * { padding-left: 25px; }
.page-metiers-listing .uk-grid-metiers > * > .uk-panel { margin-bottom: 25px;}

.page-metiers-listing .metier-item a { display: block;}
.page-metiers-listing .metier-item a .metier-item-box { text-align: center; background: #F3FAFB; padding: 20px; overflow: hidden;}
.page-metiers-listing .metier-item a .metier-item-box img { transition: transform .2s; max-width: 200px; margin: 0 auto 20px; display: block;  }
.page-metiers-listing .metier-item a .metier-item-box span {display: inline-block;border: 1px solid #707070;background: #fff;border-radius: 30px;padding: 8px 17px;font-size: 12px;line-height: 12px;-moz-transition: all 0.3s linear;}
.page-metiers-listing .metier-item a .metier-item-title { display: block;}
.page-metiers-listing .metier-item a .metier-item-title h3 { text-align: center; margin: 20px auto 10px!important; font-size: 23px; line-height: 25px; }

.page-metiers-listing .metier-item a:hover .metier-item-box img { transform: scale(1.05); }
.page-metiers-listing .metier-item a:hover .metier-item-box span { color: #fff; background: #009bac; border-color: #009bac; }
.page-metiers-listing .metier-item a:hover .metier-item-title h3 { color: #009bac;}


/*Metier single listing*/
.metiers-list-items-grid { }
.metiers-list-items-grid { margin-left: -25px; }
.metiers-list-items-grid > * { padding-left: 25px; }
.metiers-list-items-grid > * > .uk-panel { margin-bottom: 40px;}

.metier-grid-item > .uk-panel { border: 1px solid rgba(255, 255, 255, 0.13); margin-bottom: 60px; background: #fff; }
.metier-grid-item .metier-grid-item-content-wrapper .uk-panel { padding: 30px 45px; }
.metier-grid-item .metier-grid-item-image-wrapper .uk-panel {  }
.metier-grid-item  .metier-grid-item-content-wrapper .metier-grid-item-text-wrapper {  position: relative;left: -120px; background: #fff ;padding: 30px;box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1); border-radius: 20px;background: #fff; }
.metier-grid-item .metier-grid-item-title { font-size: 30px !important; line-height: 32px !important; font-weight: 600 !important; letter-spacing: 0.4px; color: #009bac; }
.metier-grid-item .metier-grid-item-intro {  margin-top: 10px; margin-bottom: 10px; text-align: left; }
.metier-grid-item .metier-grid-item-intro p { font-size: 16px; line-height: 27px; font-weight: 400 !important; }
.metier-grid-item .metier-grid-item-intro ul { padding-left: 0px!important; list-style: none;}
.metier-grid-item .metier-grid-item-intro ul li {  font-size: 16px; line-height: 20px; font-weight: 400 !important; margin-bottom: 8px!important;  background: transparent url('../images/vpm-liste-small.png') 0 3px no-repeat; padding-left: 30px; }

.metier-grid-item .uk-button-green { margin-top: 20px; font-size: 11px !important; }

.metier-grid-item .metier-grid-item-image-holder { background-size: cover; background-position: center; background-repeat: no-repeat;}
.metiers-list-items-grid .metier-grid-item:nth-child(2n) .metier-grid-item-image-wrapper { order: 99;}
.metiers-list-items-grid .metier-grid-item:nth-child(2n) .metier-grid-item-text-wrapper { z-index: 1;  left: auto; right: -120px;  }


/*Actualite*/
#actualite-listing { padding-top: 60px;}
#actualite-listing .actualite-list { margin-left: -50px; }
#actualite-listing .actualite-list > * { padding-left: 50px; }
#actualite-listing .actualite-list > * > .uk-panel { margin-bottom: 50px;}


#actualite-listing .actualite-title { font-size: 30px !important; line-height: 60px !important; font-weight: 600 !important; letter-spacing: 0.4px; }
#actualite-listing .actualite-intro { margin-bottom: 30px; text-align: justify; }
#actualite-listing .actualite-intro p { font-size: 16px; line-height: 27px; font-weight: 400 !important; }
#actualite-listing .actualite-intro ul li { font-size: 16px; line-height: 20px; font-weight: 400 !important; margin-bottom: 8px!important; }

#actualite-listing .actualite-image-wrapper img { border: 1px solid #efefef; }
#actualite-listing .actualite-title { font-size: 25px!important; line-height: 27px!important; padding: 15px 0 0 ;}
#actualite-listing .actualite-intro a { margin-top: 20px;}


/*Actualité single*/
.page-actus .page-cover { background-position: center; background-size: cover; min-height: 400px;}
.slick-slider-actu .slick-dots { bottom: 10px!important; margin-top: 0!important;margin-bottom: 0!important;}

/*Page produit*/

.page-produit-header { padding: 10px 0 40px;}
.page-produit-header .page-produit-intro { margin-top: 70px;}
.page-produit-header .page-produit-intro p { text-align: center; font-size: 35px; line-height: 40px; }
.page-produit-content .page-produit-label { text-align: center;}
.page-produit-content .page-produit-label p { text-align: center; font-size: 22px; line-height: 32px; }
.page-produit-content .page-produit-label a { display: inline-block; margin-top: 20px;}
.uk-grid-labos .uk-panel  { margin-bottom: 10px;}
.labo-holder { height: 300px; background: transparent; perspective: 1000px;  }
.labo-holder .labo-inner { position: relative; width: 100%; height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
.labo-holder:hover .labo-inner { transform: rotateY(180deg); }
.labo-front,  .labo-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; }
.labo-front { text-align: center;  background: #fff; }
.labo-front .labo-front-inner { padding: 40px; height: 100%; }
.labo-front .labo-logo { max-width: 240px; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat;  }
.labo-front img { width: 100%; height: auto; margin: 0 auto;  }
.labo-back { background-color: #009bac; color: white; transform: rotateY(180deg); }
.labo-back .labo-back-inner { padding: 0 20px; height: 100%; text-align: right; }
.labo-back p { color: #fff; font-size: 18px; line-height: 26px; text-align: left; margin: 0 0 20px 0; padding: 0; }
.labo-back span.uk-button {  background: #fff; color: #000; border-radius: 30px; }



/*Page equipe*/
.page-equipe { background: #f2f9fa;}
.organigrame-equipe { padding: 40px 15px;}


/*Page implantation*/
.page-implantations { background-color:#fff; background-size: cover; background-repeat: no-repeat; background-position: center }
.page-implantations .page-title-bar { background-color: transparent; padding-top: 180px;}
.page-implantations .page-title-bar h1 { color: #fff;}

.map-implantation .uk-panel-box { border: 4px solid #4ac0dc; background: #009bac; padding: 10px; outline: none; }
.wk-popover-toggle, .wk-popover-toggle:focus, .wk-popover-toggle::selection { outline: none; border: 0;}
.map-implantation h3.uk-panel-title { font-weight: bold; margin-bottom: 0px!important; color: #fff; }
.map-implantation h3.uk-panel-title + div { margin-top: 10px; color: #fff;}

.wk-popover-toggle { background: #4AC0DC}
::selection {background: red!important;color: #ffffff;text-shadow: none;}

/*  Footer
----------------------------------------------------------------------------------------------------*/
#tm-footer { background: #0d2026; color: #fff; padding: 55px 0 35px; }
#tm-footer .max-footer { width: 100%; max-width: 980px; margin: 0 auto; }
#tm-footer .footer-block { color: #fff; text-align: left; font-size: 16px; line-height: 22px;  }
#tm-footer .footer-block p { margin: 0 0 10px !important; padding: 0 !important; }
#tm-footer .footer-block .footer-title { font-size: 13px!important; margin-bottom: 4px;}
#tm-footer .footer-block p a { color: #fff;}
#tm-footer ul, #tm-footer ul li { list-style-type: none; color: #fff; }
#tm-footer ul li a { color: #fff; text-transform: uppercase; font-size: 13px; line-height: 22px; }
#tm-footer .footer-copyright { font-size: 12px; line-height: 15px; padding-top: 35px; text-transform: uppercase; }
#tm-footer .footer-copyright p { margin: 0 auto !important; padding: 0 !important; color: #fff; }
#tm-footer .footer-copyright a { color: #fff; }

#tm-footer .social-bottom-links { padding-top: 20px!important; }
#tm-footer .social-bottom-links .uk-icon { width: 45px; height: 45px; line-height: 45px; color: #fff; background: transparent; border-radius: 50%; border: 1px solid #fff; font-size: 14px; margin-right: 9px; }
#tm-footer .social-bottom-links .uk-icon:hover { background:#009bac; border-color:#009bac;  }

/*Contact */
.info-intro p {text-align: center;display: block;font-size: 17px!important;line-height: 24px;font-weight: 400;max-width: 700px;margin: 0 auto; }
.contactform-wrapper { padding-top: 10px;}


/*Contact Form*/
#userForm .formContainer {  border: none; margin: 0 auto; padding: 0; width: 100%!important; float: none; max-width: 700px;  }

#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 .formCaption { display: block; width: 100%; font-size: 16px; line-height: 16px; margin-top: 20px!important; padding: 0 0 10px 0; color: #343434 !important; font-weight: 700; }

#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 .rsform-input-box, #userForm .rsform-select-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 .rsform-submit-button { background: #009bac; padding: 0 50px!important; line-height: 50px!important; height: 50px; width: 100%!important; font-size: 17px!important; display: block;}

#userForm .formError { font-size: 15px;}

#userForm label { display: none }
#userForm .rsform-block-cv label, #userForm  .rsform-block-motivation label { display: block; font-weight: 700 !important; padding: 15px 0 10px; }
#userForm .rsform-input-box, #userForm .rsform-text-box, #userForm .rsform-select-box { display: block; padding: 10px 5px 10px 5px; width: 100%; margin-bottom: 5px !important; border: 1px solid #343434 !important; background: #fff!important;  font-family: 'Sansation', sans-serif; font-weight: 700 !important; color: #343434 !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-select-box { height: 45px!important; line-height: 45px!important;}
#userForm .rsform-input-box:focus, #userForm .rsform-text-box:focus { border-bottom: 1px solid #4ac0dc !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;}
span.formValidation { width: 100%;}
#userForm .rsform-block-captcha label { text-align: center;}
#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-block-captcha .formCaption2 { display: block;}

#userForm .rsform-block-captcha span.formValidation { width: 100%;}
#userForm .rsform-block-captcha .formError { display: block; width: 100%; text-align: center;}
.rsform-block-captcha #g-recaptcha-8 > div,
.rsform-block-captcha #g-recaptcha-21 > div { margin: 0 auto!important;}
#userForm li.rsform-block-captcha, #userForm li.rsform-block-envoyer { margin: 0 auto!important; padding: 0!important;}

.rsform-block-cv, .rsform-block-motivation { background: #efefef!important; padding: 0 10px 10px!important; }


body.contactForm #system-message-container .uk-alert { text-align: center !important; }
body.contactForm #system-message-container .uk-alert h2 { display: none !important; }
body.contactForm #system-message-container .uk-alert { background: #e30550 !important; color: #fff !important; }


.page-details ul:not(.slick-dots), ul.vpm-liste { list-style-type: none; }
.page-details ul:not(.slick-dots) li, ul.vpm-liste li { background: transparent url('../images/vpm-liste-small.png') 0 3px no-repeat; padding-left: 30px; line-height: 22px; margin-bottom: 15px!important; }

#home-actus, #home-actus h2  { color: #fff;}
#home-actus .solutions-intro a { color: #fff;}

.actu-video-frame-wrapper { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; }
.actu-video-frame-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !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) {

	.width10, .width20, .width25, .width30, .width33, .width35, .width40, .width50, .width60, .width66, .width70, .width75, .width80, .width100 { width: 100%; max-width: 100%; }
	
	
	.tm-header-bar { /*position: fixed; top: 0px;*/}
	body.w-topbar .tm-header-bar .tm-navbar .tm-navbar-wrapper { padding: 0;}
	body.w-topbar .tm-header-bar.menubar-sticky .tm-navbar .tm-navbar-wrapper { padding-top: 0;}
	
	.section-title p + p > br { display: none;}
	/*Mobile Menu */
	.tm-header-bar .tm-navbar .uk-flex { height: auto;}
	.tm-navbar, .tm-navbar > div, .tm-navbar .uk-navbar-nav > li > a, .tm-navbar .uk-navbar-content, .tm-navbar .uk-navbar-brand, .tm-navbar .uk-navbar-toggle { height: 60px; }
	.uk-navbar-center { max-width: 80%; }
	.tm-header-bar .tm-navbar { margin-left: 0; margin-right: 0; }
	.tm-header-bar .tm-header-bar-wrapper { padding: 0 10px; margin: 0 auto; }
	.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle  { padding: 0; }
	.uk-navbar-content { margin-left: 10px;}
	.uk-navbar-toggle { padding-left: 15px; padding-right: 15px; }
	/* End Mobile Menu */

	#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; }


	.max-width { padding-left: 20px; padding-right: 20px;}
	/*HOME*/

	.slick-slider .slick-slide .caption-inner-wrapper { padding-left: 0; }
	.slick-slider .slick-slide .caption-inner-wrapper::before { border: 0;}

	.slick-slider .caption-inner { 
		position: relative!important; 
		display: block!important; 
		width: 100%!important; 
		bottom:auto!important; 
		top: auto!important; 
		left: 0!important; 
		right:0!important; 
		margin: 0!important; 
		width: 100%!important; 
		max-width: 100%!important; 
		z-index: 10!important; 
		transition: all 0.5s ease 0.6s; -webkit-transition: all 0.5s ease 0.6s; -moz-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s;
	 -webkit-transform: translate(0%, 0%)!important; ; -ms-transform: translate(0%, 0%)!important; ; transform: translate(0%, 0%)!important; ;
	}


	#home-metiers .section-wrapper { padding-top: 50px!important; padding-bottom: 20px!important;}
	#home-metiers .section-wrapper .max-width { padding-left: 20px; padding-right: 20px;}
	#home-metiers .metier-item { margin-bottom: 20px; }
	.metiers-items .metier-item-inner::after { width: 100%; height: 3px; top: auto;bottom: 0; left: 0; right: 0; }
	#home-metiers .section-metier-holder { display: flex; flex-direction: column!important;}
	#home-metiers .section-metier-holder .section-title { text-align: center; font-size: 40px; line-height: 45px;padding-right: 0px;}
	#home-metiers .section-metier-holder .section-title br { display: none;}
	#home-metiers .metiers-items { display: block!important; }
	#home-metiers .metier-item-border { display: flex; flex-direction:column; flex-wrap: wrap; justify-content:center; align-items: center; align-content: center; width: 100%; gap:0;}
	.metiers-items .metier-item a { padding-bottom: 20px;}
	.metiers-items .metier-item a img { margin: 0 auto; max-width: 60%;}


	#home-actus .actu-holder { display: flex; flex-direction: column!important; }
	#home-actus .actu-home-grid .uk-panel { margin-bottom: 20px;}
	#home-actus .actu-content .actu-home-intro { padding: 0;}
	#home-actus .actu-content .actu-home-intro a {  display: block; margin-top: 15px; height: 40px!important; line-height: 40px!important; padding: 0!important;}
	#home-actus .actu-more { border-left: 0; padding: 40px 0; width: 100%; }
	.actu-all a.uk-button { display: block;} 
	.testimonial-quote { text-align: center; display: block; padding: 15px;} 
	.testimonial-quote img { position: relative; top: auto; left: auto; margin: 0 auto 20px auto!important; }
	.testimonial-quote cite {  }
	.testimonial-quote cite span {  }
	.testimonial-quote { position: relative; }
	.testimonial-quote .quote-container { padding-left: 0; }

	#home-solutions .uk-grid-solutions .uk-grid-item .uk-panel { padding: 0 60px; }
	#home-expertises .uk-grid-expertises .uk-grid-item .uk-panel { padding: 0 60px; }
	
	#tm-footer .max-footer { padding: 0 15px;}
	#tm-footer .max-footer p {  text-align: center; margin-bottom: 20px; }
	#tm-footer  .social-bottom-links { text-align: center;}
	#tm-footer  .footer-block { text-align: center; padding-top: 30px; }
	#tm-footer  .footer-block li { padding: 5px 0;}
	#tm-footer .uk-nav-menu { padding-left: 0; }

	.page-content { padding: 10px 0!important;}
	.page-content-wrapper .max-width .max-width { padding-left: 20px; padding-right: 20px; }

	
	#valeurs { padding: 10px 0 20px!important;}
	.liste-valeurs { padding: 240px 0 0 0 !important; display: block; margin: 0 !important; background: #fff url('../images/bg-valeurs.jpg') top center no-repeat; background-size: auto auto; background-size: 40%; }
	.liste-valeurs > .valeur:nth-child(2n+1) { margin-left: 0!important;}

	#home-solutions .section-content-block { padding-left: 30px; padding-right: 30px;}
	#home-solutions .uk-grid-solutions .uk-panel { padding: 0 30px 30px 30px; margin-bottom: 15px;}



	#home-actus .solutions-content-wrapper .uk-panel { text-align: center; padding-top: 20px; padding-bottom: 20px;}


	#solutions-listing .solutions-list .solutions-item:nth-child(2n) .solutions-inner-grid .solutions-image-wrapper { ms-flex-order: inherit; -webkit-order: inherit; order: inherit; }
	#solutions-listing .solutions-title { line-height: 35px!important; text-align: center!important; margin-bottom: 20px; }
	.solutions-list .solutions-item .solutions-content-wrapper .uk-panel { padding: 0 10px!important;}
	.solutions-list .solutions-item .solutions-intro a.uk-button { display: block;}

	.section-title { font-size: 30px;}
	.page-grid { padding: 20px 20px; }
	.page-grid .uk-panel.pr30 { padding-right: 0!important;}
	.page-grid .page-image-wrapper {  margin-bottom: 30px; padding: 0 40px;  }

	.expertises-list { padding: 0 15px;}
	.expertises-list .expertises-item:nth-child(2n) .expertises-image-wrapper { ms-flex-order: inherit; -webkit-order: inherit; order: inherit; }
	.expertises-list .expertises-item > .uk-panel { margin-bottom: 15px!important;}
	.expertises-list .expertises-item .expertises-content-wrapper .uk-panel { padding: 15px; }

	.contact-page .page-content-wrapper { padding: 0 15px;}
	.contact-page .uk-panel.pb30.pr40 { padding-right: 0!important; }
	.contact-page .uk-panel.pb30.pl40 { padding-left: 0!important; }
	.contact-page .section-map { padding: 0 15px;}


}