@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
html { font-family: 'Open Sans'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { font: normal 15px/21px 'Open Sans'; -webkit-text-size-adjust: 100%; color: #000; }

/*  BG/TEXT COLOR
----------------------------------------------------------------------------------------------------*/
/* ORange: f57f20 */
/* ORange F: dd5d26 */
/* Vert:   019f61 */
em { color: #000!important;}
.txt-white { color: #fff }
.txt-black { color: #000 }
.txt-grey { color: #9d9d9d; }
.txt-orange { color: #f57f20; }
.txt-green { color: #019f61; }
.bg-white { background: #fff !important; }
.bg-black { background: #000; }
.bg-grey { background: #f5f7f7 !important; }
.bg-orange { background: #f57f20; }
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat" !important; color: #008cc8; }

.uk-navbar-nav > li > a[href="#"] { cursor: pointer; }
/*  GENERAL
----------------------------------------------------------------------------------------------------*/
*, *: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: #542e91; }
a:hover, a:focus { text-decoration: none !important; color: #855acb; }
.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; }
.max-width { max-width: 1130px !important; margin: 0 auto; padding: 0 15px; }
.max-content { max-width: 930px !important; margin: 0 auto; }
.max500 { max-width: 500px !important; margin: 0 auto; }
.max600 { max-width: 600px !important; margin: 0 auto; }
.max650 { max-width: 650px !important; margin: 0 auto; }
.max700 { max-width: 700px !important; margin: 0 auto; }
.max800 { max-width: 800px !important; margin: 0 auto; }
.uk-button { color: #fff; padding-left: 35px !important; padding-right: 35px !important; text-align: center; text-transform: uppercase; border-radius: 40px; }
.uk-button:hover, .uk-button:focus, .uk-button:active { background: #dd5d26 !important; color: #fff; }
.uk-button-small { padding-left: 35px !important; padding-right: 35px !important; background: #f57f20 !important; background: linear-gradient(90deg, rgba(245, 127, 32, 1) 0%, rgba(221, 93, 38, 1) 100%) !important; }
.uk-button-small:hover, .uk-button-small:focus { background: #dd5d26 !important; }
.uk-button-large { padding-left: 55px !important; padding-right: 55px !important; background: #f57f20; background: linear-gradient(90deg, rgba(245, 127, 32, 1) 0%, rgba(221, 93, 38, 1) 100%); }
.uk-button-large:hover, .uk-button-large:focus { background: #dd5d26 !important; }
.uk-button-round { display: inline-block; border-radius: 40px; background: transparent; border: 1px solid #019f61; color: #019f61; padding: 0 70px !important; font-size: 12px; }
.uk-button-round:hover, .uk-button-round:focus, .uk-button-round:active { background: #019f61 !important; color: #fff !important; }
.uk-button-round-white { display: inline-block; border-radius: 40px; background: transparent; border: 1px solid #fff; color: #fff; padding: 0 70px !important; font-size: 12px; }
.uk-button-round-white:hover, .uk-button-round-white:focus, .uk-button-round-white:active { background: #019f61 !important; color: #fff !important; border: 1px solid #019f61; }

.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 }

/*Hero page Cover*/
#hero-page { }
#hero-page .block-wrapper { padding: 150px 0 150px 0; position: relative; }
#hero-page span.hero-overlay { z-index: 1; opacity: 0.9; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0, 0, 0, 0.55); }
#hero-page .hero-content { z-index: 2; }
#hero-page .hero-content h1 { max-width: 95%; margin: 0 auto; font-size: 80px; line-height: 85px; text-align: center; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 1px #000; }

span.bande-orange { position: absolute; width: 190%; bottom: 0; background: #f57f20; height: 35px; transform: rotate(-1deg) }
span.bande-verte { position: absolute; width: 190%; bottom: -25px; background: #019f61; height: 35px; transform: rotate(1deg) }
.triange { width: 0; height: 0; border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; margin-left: 25px; position: relative; margin-top: 15px; }
.bg-monde { padding: 80px 0; background: #f5f7f7 url('../images/bg-monde.png') center -100px no-repeat; }
.block .block-wrapper { overflow: hidden; }

/*  MENUBAR
----------------------------------------------------------------------------------------------------*/
.tm-toolbar { z-index: 2; background: rgb(245, 127, 32); background: linear-gradient(90deg, rgba(245, 127, 32, 1) 0%, rgba(243, 114, 33, 1) 100%); }
.tm-toolbar-wrapper { display: flex; position: relative; }
.toolbar-left, .toolbar-right { position: relative; z-index: 5 !important; }
.toolbar-left, .toolbar-right { display: flex; align-items: center; }
.toolbar-left, .toolbar-right { flex-wrap: wrap; }
.toolbar-left .toolbar-socials, .toolbar-center .toolbar-menu, .toolbar-right .toolbar-section { display: flex; align-items: center; vertical-align: middle; }
.toolbar-right { margin-left: auto; padding-left: 10px; }

.search-widget { margin-right: 5px;}
.search-widget .uk-search::before { line-height: 35px;}
.uk-search-field { border: 1px solid #fff; border-bottom: 1px solid #fff; width: 180px; border-radius: 30px; height: 35px; line-height: 35px; min-height: 35px; }
.uk-search-field:focus, .uk-search.uk-active .uk-search-field { width: 190px;}

.toolbar-socials a.rs-link { position: relative; top: 3px; margin-left: 3px; text-align: center; display: inline-block; color: #fff !important; font-size: 18px; line-height: 34px; width: 38px; height: 38px; border: 1px solid #fff; border-radius: 50%; }
.toolbar-socials a.rs-link:hover { color: #f57f20 !important; background: #fff; }
.toolbar-socials a.armoiries-top { display: inline-block; border-radius: 0; border: 0; width: 60px; height: auto; height: auto; margin-left: 15px; margin-top: 0; }

#menubar { border-bottom: 1px solid rgb(0, 0, 0, 0.1); background: #fff; }
#menubar .uk-container { width: 100%; max-width: 100%; margin: 0 auto; }
#menubar .uk-navbar-nav > li.uk-active > a, #menubar .uk-navbar-nav > li > a:hover { color: #f57f20; }
#menubar .uk-navbar-nav > li > a { display: block; height: 55px; line-height: 55px; padding: 0 20px; color: #000; font-size: 13px; text-align: center; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; }
#menubar .uk-navbar-nav > li > a { border-right: 1px solid #e9e9e9; }
#menubar .uk-navbar-nav > li:last-child > a { border-right: 0px; }
#menubar .uk-navbar-nav .uk-dropdown { padding: 0; }
#menubar .uk-dropdown .uk-nav { margin: 0; }
#menubar .uk-nav li > a { padding: 15px 0; }
#menubar .uk-nav li.uk-active > a, #menubar .uk-nav li > a:hover { color: #fff; background: #f57f20; }

#menubar.menubar-sticky { position: fixed; z-index: 1000;}

.logo-sticky { position: absolute; width: 90px; height: auto; line-height: 50px; left: 15px; opacity: 0.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; }
.logo-sticky img { position: relative; width: 100%; height: auto;}

#menubar.menubar-sticky .logo-sticky { opacity: 1.0;}

/*  FOOTER
----------------------------------------------------------------------------------------------------*/
.footer-newsletter .uk-form-row + .uk-form-row { margin-top: 0; }
.footer-newsletter #newsletter-module .uk-grid { margin-top: 0; }
.footer-newsletter { background: #019f61; }
.footer-newsletter .newsletter-introtext { float: left; width: 42%; }
.footer-newsletter .newsletter-introtext p { display: inline-block; color: #fff; font-size: 16px !important; font-weight: 500; line-height: 22px; padding: 0; margin: 0; text-align: left; }
.footer-newsletter .newsletter-form-wrapper { float: left; width: 58%; }
.footer-newsletter .field-email { width: 85%; }
.footer-newsletter .field-btn { width: 35%; margin-left: -20%; }
.footer-newsletter .field-email input { height: 50px !important; line-height: 50px !important; border: 0px; border-radius: 50px; background: #fff; color: #000 !important; padding-left: 25px; }
.footer-newsletter .field-email input::placeholder { color: #9d9d9d; font-weight: 300; font-size: 14px; letter-spacing: 1.4px; }
.footer-newsletter .field-email label.error { color: #fff; display: block; text-align: left; padding: 5px 0; font-weight: 300 }
.footer-newsletter .field-btn a { line-height: 50px !important; height: 50px !important; min-height: 50px !important; border-radius: 50px; background: #f57f20 !important; color: #fff; }
.footer-newsletter .field-btn a:hover { background: #dd5d26 !important; color: #fff; }
.footer-top { background: #fff; }
.footer-top .uk-panel { }
.footer-top .uk-panel img { max-width: 250px !important; height: auto !important; }
.footer-top-left .uk-panel { text-align: left; }
.footer-bottom { background: #fff; }
.footer-bottom .max-width { padding: 60px 0; }
.footer-bottom .uk-panel { padding: 0 5px; }
.footer-bottom .footer-bottom-left .uk-panel { padding-left: 0px; text-align: left; }
.footer-bottom .footer-bottom-right .uk-panel { padding-right: 0px; text-align: right; }
.footer-bottom-rs { margin-top: 15px; }
.footer-bottom-rs a { margin-left: 5px; background: transparent; color: #000; border: 1px solid #000; display: inline-block; text-align: center; font-size: 20px; width: 35px; height: 35px; line-height: 30px; border-radius: 50%; }
.footer-bottom-rs a:hover { border: 1px solid #f57f20; background: #f57f20; color: #fff; }
.footer-bottom-middle { display: flex; align-items: center; }
.footer-bottom-middle .footer-menu { display: block; }
.footer-bottom-middle .footer-menu ul { margin: 0 !important; padding: 0 !important; }
.footer-bottom-middle .footer-menu li { display: inline-block; margin: 0; }
.footer-bottom-middle .footer-menu li a { text-align: center; display: block; color: #000; font-weight: 600 !important; font-size: 14px; line-height: 20px; padding: 5px 15px; text-align: center; text-transform: uppercase; }
.footer-bottom-middle .footer-menu li a:hover { color: #f15e22; }
.footer-bottom-middle .footer-copyright p { margin: 0; font-size: 11px; line-height: 18px; text-transform: uppercase; }
.footer-bottom-middle .footer-copyright p .visitorcounter { margin: 0; font-size: 11px; line-height: 12px; }
.footer-bottom-right { text-align: right; display: flex; align-items: center; }
.footer-bottom-right img { max-height: 30px !important; width: auto; }
.grid-footer { margin-top: 40px; }
.grid-footer .footer-bottom-right { width: 24%; }
.grid-footer .footer-bottom-left { width: 24%; }
.grid-footer .footer-bottom-middle { width: 52%; }
.tm-totop-scroller { width: 30px !important; height: 30px !important; line-height: 24px !important; font-size: 24px !important; top: auto; bottom: 15px; left: 50%; margin-left: -15px; }

#tm-feed .tm-feed-wrapper { padding: 30px 0 30px }
#tm-feed .feed-title a { display: block; text-align: center; color: #fff; padding: 10px 5px; }
#tm-feed .feed-title a i { margin-right: 4px;}

#tm-feed .feed-youtube .feed-title a { background:#E64A41; }
#tm-feed .feed-tweet .feed-title a { background:#29AAE1; }
#tm-feed .feed-fb .feed-title a { background:#3561A2; }

.ytf-grid .ytfBlock .ytfTitle { color: #019f61;}
.uk-grid-feed .uk-panel { margin-bottom: 30px;}
.uk-grid-feed .uk-panel .feed-title {}
.uk-grid-feed .uk-panel .feed-content { border: 1px solid #ececec;  }
.ytf-grid .ytf-sidebar { padding: 0 12px;}



/*  SEARCH
----------------------------------------------------------------------------------------------------*/
#search-modal { padding: 50px 20px 10px; background: #f57f20; position: fixed; visibility: hidden; top: 50%; left: 50%; z-index: 1000; width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; opacity: 0; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#search-modal.modal-open { visibility: visible; opacity: 1.0 }
#livesearch { display: block; margin: 0; }
#livesearch .input-search { display: block; }
#livesearch .input-search input { color: #fff; margin-bottom: 15px; height: 40px; line-height: 40px; background: #f57f20; border: 0px; font-size: 22px; letter-spacing: 0.6px; font-weight: 300 !important; display: block; width: 100%; }
#livesearch .input-search input::placeholder { color: #fff; font-weight: 300 !important; font-size: 22px; letter-spacing: 1.4px; }
#livesearch .products-grid .uk-grid-products > * > .uk-panel { margin-bottom: 55px !important; }
span.search-close { position: absolute; right: 15px; top: 50px; width: 42px; height: 42px; opacity: 0.4; cursor: pointer; }
span.search-close:hover { opacity: 1; }
span.search-close:before, span.search-close:after { position: absolute; left: 15px; content: ' '; height: 43px; width: 2px; background-color: #fff; }
span.search-close:before { transform: rotate(45deg); }
span.search-close:after { transform: rotate(-45deg); }

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

/*  Home Slider */
#home-slider { padding: 0!important;}
#home-slider .slick-slider { background: #fff; position: relative; overflow: hidden; visibility: hidden; }
#home-slider .slick-slider.slick-initialized { visibility: visible; }
#home-slider .slick-slider.slick-dotted { margin-bottom: 0 !important; }
#home-slider .slick-slider .slick-dots { display: inline-block; top: auto; bottom: 20px; left: auto; right: 55px; width: 100px;   align-self: center; list-style: none; text-align: right; }
#home-slider .slick-slider .slick-dots li { margin: 0 5px; display: inline-block; }
#home-slider .slick-slider .slick-dots li button { margin: 0 1px !important; display: inline-block; }
#home-slider .slick-slider .slick-dots li button::before { content: ''; height: 15px !important; width: 15px !important; display: inline-block !important; background: #f2f2f2 !important; border: 0px solid #fff !important; border-radius: 50% !important; cursor: pointer !important; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; }
#home-slider .slick-slider .slick-dots li.slick-active button::before { background: #f15e22 !important; }
#home-slider .slick-slider .slider-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); }
#home-slider .slick-slider .slider-content { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0; }
#home-slider .slick-slider .caption-inner {  text-align: left; opacity: 0.0; width: 100%; max-width: 55%; padding: 0; position: absolute; bottom: 20px; left: 50px; right: 0; 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; }
#home-slider .slick-slider .slick-slide .caption-inner .slide-intro { position: relative; text-align: left; color: #fff !important; font-family: "Open Sans"; font-size: 16px; line-height: 21px !important; word-wrap: break-word !important; padding: 10px 15px !important; display: block !important; margin: 0px; font-weight: bold !important; }

#home-slider .mask-up { overflow: hidden; }
#home-slider .slick-slider .slick-slide.slick-active .caption-inner { opacity: 1.0; margin-bottom: 0; }
#home-slider .slick-slider .slick-slide.slick-active h2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s; }
#home-slider .slick-slider .slick-slide.slick-active h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s; }
#home-slider .slick-slider .slider-content img.size-auto { width: 100% !important; height: auto !important; }
#home-slider .slick-slider .slick-prev, #home-slider .slick-slider .slick-next { z-index: 10; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 35px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; 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; }
#home-slider .slick-slider .slick-prev { background: transparent url('../images/arrow-left.png') center; background-size: cover; opacity: 1 }
#home-slider .slick-slider .slick-next { background: transparent url('../images/arrow-right.png') center; background-size: cover; opacity: 1; }
#home-slider .slick-slider .slick-prev:hover, #home-slider .slick-slider .slick-prev:focus { opacity: 1.0 !important; margin-left: -10px; }
#home-slider .slick-slider .slick-next:hover, #home-slider .slick-slider .slick-next:focus { opacity: 1.0 !important; margin-right: -10px; }
#home-slider .slick-slider .slick-prev { left: 55px; }
#home-slider .slick-slider .slick-prev:before { content: ''; }
#home-slider .slick-slider .slick-next { right: 55px; }
#home-slider .slick-slider .slick-next:before { content: ''; }
/*V3*/
#home-slider .slick-slider .caption-inner.caption-inner-single { width: 100%; max-width: 80%; bottom: 35px; background: transparent!important;   }
#home-slider .slick-slider .caption-inner.caption-inner-single .caption-inner-wrapper { padding: 0!important;}
#home-slider .slick-slider .caption-inner.caption-inner-single h2 { 
	position: relative; text-align: left; color: #fff; font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 1px !important; 
	background: rgba(0, 0, 0, 0.4); display: inline-block!important; padding: 15px 20px!important; margin: 0 !important; font-size: 15px!important; font-weight: 600 !important; line-height: 25px!important; 
}
#home-slider .slick-slider .caption-inner.caption-inner-single .slide-intro { display: none!important;}
#home-slider.max-width,#nt .max-width { max-width: 100%!important; padding: 0!important;}


.flip-card { 
	background-color: transparent; 
	width: 100%; height: 200px;  
	perspective: 1000px;  
}
.flip-card-inner {  
	position: relative; 
	width: 100%; 
	height: 100%; 
	border: 1px solid #cecece; 
	text-align: center;  
	transition: transform 0.8s; 
	transform-style: preserve-3d;   
}

.flip-card:hover .flip-card-inner { 
	transform: rotateY(180deg); 
	/*-webkit-backface-visibility: hidden;   backface-visibility: hidden; */
}

.flip-card .flip-card-inner a { display: block; }

.flip-card-front, .flip-card-back {
	position: absolute; 
	width: 100%; 
	height: 100%;  
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
}

.flip-card-front .v-align, .flip-card-front .v-align-middle {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 	
}
.flip-card-front { 
	background-color: #fff; 
	color: black; 
	
}
.flip-card-back { 
	background-color: #019f61; 
	color: white; 
	transform: rotateY(180deg); 
}

.flip-card-back  {  padding: 15px;  }
.flip-card-back  p { margin: 0!important; font-size: 15px; line-height: 20px; font-weight: 400; color: #fff;}
.flip-card-back  .uk-inline { 
	display: inline-block; color: #fff; background: #f57f20; margin: 12px auto 0;  
	padding: 10px 25px; border-radius: 30px; font-size: 12px; line-height: 12px; text-transform: uppercase;
}



#home-about .home-about-wrapper { background-color: #fff; background-position: top right; background-repeat:  no-repeat; position: relative; overflow: hidden; }
#home-about .home-about-wrapper.top-right { background-position: top right}
#home-about .home-about-wrapper.top-left { background-position: top left}
#home-about .home-about-wrapper.top-center { background-position: top center}
#home-about .home-about-wrapper.bottom-right { background-position: bottom right; }
#home-about .grid-about h3 { text-transform: uppercase; color: #f57f20; font-size: 16px; font-weight: 400; margin-bottom: 10px !important; }
#home-about .grid-about h2 { text-transform: uppercase; color: #019f61; font-weight: 600; margin-top: 0; margin-bottom: 0px; }
#home-about .grid-about .about-texte p { font-size: 18px; line-height: 30px; padding: 30px 0; }
#home-about .grid-about .block-image img { max-width: 250px; }
#home-about .grid-about-mot h3 { text-transform: uppercase; color: #f57f20; font-size: 18px; font-weight: 400; margin-bottom: 10px !important; }
#home-about .grid-about-mot .about-texte p { font-size: 16px; line-height: 22px; padding: 0 0 10px 0; }
#home-about .grid-about-mot .block-image img { max-width: 250px; }
#home-about .grid-about { margin-top: 0 !important; padding-bottom: 40px; }

#home-about .home-about-wrapper { background: #fff url('../images/bg-about.jpg') top right no-repeat; padding: 0; position: relative; overflow: hidden; }
#home-about .grid-about h3 { text-transform: uppercase; color: #f57f20; font-size: 16px; font-weight: 400; margin-bottom: 10px !important; }
#home-about .grid-about h2 { text-transform: uppercase; color: #019f61; font-weight: 600; margin-top: 0; margin-bottom: 0px; }
#home-about .grid-about .about-texte p { font-size: 18px; line-height: 30px; padding: 30px 0; }
#home-about .grid-about .block-image img { max-width: 250px; }

#home-about .grid-about .about-texte.block-text-full {text-align: center;}
#home-about .grid-about .block-text-full h2 { font-size: 28px!important; text-align: center;}
#home-about .grid-about .block-text-full .about-texte { text-align: center;}
#home-about .grid-about .block-text-full .about-texte p { margin-top: 0px!important; padding-top: 10px!important;}

#home-about .section-logo .grid-about { margin: 0 !important; padding: 90px 0 90px 0; }
#home-about .section-about .grid-about {  margin: 0 !important; padding: 10px 0 170px 0; }
#home-about .section-mot .grid-about-mot { margin: 0 !important;  padding: 120px 0 140px 0!important; }

#home-about .section-logo span.new { display: inline-block; position: absolute; background: red; color: #fff; padding: 5px 10px; top: 10px; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-animation: blinker 1s linear infinite; animation: blinker 1s linear infinite; }
@-webkit-keyframes blinker { 50% { opacity: 0; } }
@keyframes blinker { 50% { opacity: 0; } }

.module-title { padding: 0; text-align: center; }
.module-title h4 { display: inline-block; margin: 0 auto; position: relative; color: #f57f20; text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: 0.7px !important; text-align: center; }
.module-title h4::before { content: ""; position: absolute; width: 70px; top: 50%; left: -75px; height: 2px; margin-top: 0px; background: #f57f20; }
.module-title h4::after { content: ""; position: absolute; width: 70px; top: 50%; right: -75px; height: 2px; margin-top: 0px; background: #f57f20; }
.module-title h2 { display: block; margin: 15px 0 0; position: relative; color: #000; font-size: 30px; line-height: 40px; font-weight: 100 !important; text-align: center; }
.module-title h2.title-big { font-size: 54px !important; line-height: 60px !important; }
.module-title.module-title-left { text-align: left; }
.module-title.module-title-left h4 { display: inline-block; padding-left: 80px; margin: 0 auto; position: relative; color: #f57f20; text-transform: uppercase; font-size: 18px; line-height: 20px; font-weight: 400; text-align: left; }
.module-title.module-title-left h4::before { content: ""; position: absolute; width: 70px; top: 50%; left: 0; height: 2px; margin-top: 0px; background: #f57f20; }
.module-title.module-title-left h4::after { content: ""; display: none; }
.module-title.module-title-left h2 { font-size: 35px; line-height: 42px; font-weight: 100 !important; text-align: left; }
.module-title-top h2 { display: block; text-align: center; text-transform: uppercase; color: #f57f20; font-weight: 400; position: relative; padding-top: 70px; }
.module-title-top h2::before { content: ""; background: #f57f20; width: 2px; height: 60px; position: absolute; top: 0; left: 50%; margin-left: -1px; }
.module-content { position: relative; padding: 25px 0 0; }
.module-more { padding: 60px 0 0; text-align: center; }

#home-pt .pt-grid .pt-item {}
#home-pt .pt-grid .pt-item .uk-panel { position: relative; overflow: hidden;  border-radius: 20px;}
#home-pt .pt-grid .pt-item a { display: block;  padding: 110px 0; }
#home-pt .pt-grid .pt-item .pt-image { 
	background-size: cover; background-repeat: no-repeat; background-position: center;
	width: 600px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -300px; 
	z-index: 1; 
	transition: all 0.5s ease ; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
	/*-webkit-transform: scale(1.0) translate(-50%, -50%); -ms-transform: scale(1.0) translate(-50%, -50%); transform: scale(1.0) translate(-50%, -50%);*/
}
#home-pt .pt-grid .pt-item span.overlay { 
	z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background:rgb(0,0,0); 
	opacity: 0.5;
	transition: all 0.5s ease ; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
}
#home-pt .pt-grid .pt-item h2 { text-align: center; font-size: 24px; line-height: 26px; z-index: 10; position: relative; color: #fff; font-weight: 300; margin: 0; padding: 0; }

#home-pt .pt-grid .pt-item a:hover span.overlay { opacity: 0.8; } 
#home-pt .pt-grid .pt-item a:hover .pt-image { 
	-webkit-transform: scale(1.5) ; 
	-ms-transform: scale(1.5) ; 
	transform: scale(1.5) ;
}

#home-partners .block { padding: 60px 0; background: #fff; position: relative; overflow: hidden; }
#home-partners .module-content { padding-top: 60px; padding-bottom: 30px; max-width: 900px; margin: 0 auto; }
.partners-logos .partner-logo { text-align: center; outline: none; }
.partners-logos .partner-image { background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; padding: 10px; max-width: 140px; border: 1px solid #e5e5e5; }
.partners-logos .partner-logo h4 { color: #9da1a3; font-size: 16px; line-height: 18px; text-align: center; font-weight: 300; }
.slick-partners .slick-prev, .slick-partners .slick-next { z-index: 10; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 25px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; 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; }
.slick-partners .slick-prev { background: transparent url('../images/arrow-left-black.png') center; background-size: cover; opacity: 1 }
.slick-partners .slick-next { background: transparent url('../images/arrow-right-black.png') center; background-size: cover; opacity: 1; }
.slick-partners .slick-prev:hover, .slick-partners .slick-prev:focus { opacity: 1.0 !important; margin-left: 10px; }
.slick-partners .slick-next:hover, .slick-partners .slick-next:focus { opacity: 1.0 !important; margin-right: -10px; }
.slick-partners .slick-prev { left: -20px; }
.slick-partners .slick-prev:before { content: ''; }
.slick-partners .slick-next { right: -20px; }
.slick-partners .slick-next:before { content: ''; }

#home-temoignages h2.title-big { color: #fff; }
#home-temoignages .block { background-size: cover; background-repeat: no-repeat; background-position: center; }
#home-temoignages .block-wrapper { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%); }
.temoignages .temoignage { margin-left: 40px; outline: none; }
.temoignages .slick-list { margin-left: -40px; }
.temoignages .temoignage-holder { padding: 0; }
.temoignages .temoignage-holder .temoignage-author { margin-top: 0;}
.temoignages .temoignage-content { background: #fff; }
.temoignages .temoignage-content p { font-size: 16px; line-height: 25px; font-weight: 300; color: #6d6d6d; padding: 40px 70px 40px 70px; margin: 0; background: transparent url('../images/blockquote.png') 20px 45px no-repeat; }
.temoignages .temoignage-image { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; max-width: 100px; }
.temoignages .temoignage-image img { }
.temoignages .temoignage-name h4 { text-align: left; margin: 0; color: #fff; font-weight: 300; }
.temoignages-arrow { position: absolute; top: 30px; right: 0; }
.temoignages-arrow a { width: 60px; height: 60px; padding: 0px; border: 1px solid #fff; display: inline-block; margin-left: 10px; }
.temoignages-arrow a:hover { background-color: #019f61; }
.temoignages-arrow .temoignage-prev { background: transparent url('../images/arrow-left.png') center no-repeat; background-size: 50%; opacity: 1 }
.temoignages-arrow .temoignage-next { background: transparent url('../images/arrow-right.png') center no-repeat; background-size: 50%; opacity: 1 }

/*  PARTNER PAGE
----------------------------------------------------------------------------------------------------*/
.block-list-holder { padding: 20px 0 40px; }
.block-list-holder .module-title h4 { margin-bottom: 30px; margin-top: 40px; }
.partners-page .block-wrapper { background: #f5f7f7; }
.block-list { max-width: 930px !important; margin: 0 auto; }
.block-list .block-item { background: #fff; border: 1px solid #efefef; margin-bottom: 15px; }
.block-list .block-item .uk-grid { margin: 0; padding: 0; }
.block-list .block-item .uk-grid .uk-panel { padding: 15px 10px; }
.block-list .block-item .block-list-texte h4 { font-size: 16px; line-height: 18px; margin: 0 0 5px 0; padding: 0; color: #019f61; }
.block-list .block-item .block-list-texte p { font-size: 12px; line-height: 19px; margin: 0; padding: 0; }
.block-list .block-item .block-links { border-top: 1px solid #ececec; margin: 10px 0 0 0; padding-top: 10px; }
.block-list .block-item .block-list-links p { font-size: 11px; line-height: 18px; margin: 0; padding: 0; }
.block-list .block-item  .block-list-image { width: 25% }
.block-list .block-item  .block-list-texte { width: 75%; }
.block-list .block-item  .block-list-links { width: 39.333%; }
.block-list .block-item  .block-list-texte .uk-panel { padding-right: 15px; }
.block-list .block-item .uk-grid .block-list-image .uk-panel { padding: 5px; }
.block-list .block-item  .block-list-image .block-image .partner-name { text-align: center; }
.block-list .block-item  .block-list-image .block-image .partner-name h4 { text-align: center; color: #000; font-size: 22px; }

/*Ministere*/
.ministere-page .block-wrapper { background: #f5f7f7; }
.ministere-page .block-list .block-item  .block-list-texte { width: 100% }

.block-list .block-item.block-ministere { border: 1px solid #f57f20; margin-top: 50px;}
.block-list .block-item.block-ministere .uk-grid .uk-panel { padding: 35px 10px!important;  }
.block-ministere h4 { color: #f57f20; display:  block; text-align: center;}
.block-ministere p { text-align: center; }
.block-tutelles { padding: 0 40px;}
/*  ACTUALITE LISTING
----------------------------------------------------------------------------------------------------*/
.actu-grid .uk-panel { background: #fff; border-radius: 25px; overflow: hidden; margin-bottom: 30px; }
.actu-grid .actu-item .actu-image { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.actu-grid .actu-item .actu-tags { padding: 6px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; color: #000000; }
.actu-grid .actu-item .actu-tags i { color: #019f61; }
.actu-grid .actu-item .actu-tags .actu-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.actu-grid .actu-item .actu-title { padding: 15px 20px 0; text-align: center; }
.actu-grid .actu-item .actu-title h3 { margin: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.actu-grid .actu-item .actu-texte { position: static; padding: 15px 20px; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.actu-grid .actu-item .actu-texte p { width: 100%; display: flex; margin: 0; padding: 0 0 60px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; flex-grow: 1; }
.actu-grid .actu-item .actu-texte span { margin: 20px auto 10px; position: absolute; bottom: 10px; left: 50%; display: inline-block; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#appblog .block-wrapper { padding: 0; }
#appblog .appblog-filter { padding: 30px 0; display: block; text-align: center; background: #fff; }
#appblog .appblog-filter ul#blog-filter { margin: 0; padding: 0; }
#appblog .appblog-filter ul#blog-filter li { display: inline-block; margin: 0 5px 0 0; }
#appblog .appblog-filter ul#blog-filter li a { font-size: 13px; display: block; border: 1px solid transparent; border-radius: 40px; line-height: 35px; padding: 0 20px; color: #7b7b7b; background: transparent; text-transform: uppercase; }
#appblog .appblog-filter ul#blog-filter li.uk-active a, #appblog .appblog-filter ul#blog-filter li a:hover { color: #fff; border: 1px solid #019f61; background: #019f61; }
#appblog-liste { padding: 80px 0; background: #f5f7f7; }
#appblog-liste .blog-listing { display: block; padding: 0 15px; }
#appblog-liste .blog-listing .actu-grid { margin-top: 0; }
#appblog-liste .actus-grid-listing { margin-left: -15px !important; }
#appblog-liste .actus-grid-listing > * { padding-left: 15px !important; }
#appblog-liste .actus-grid-listing > *  .uk-panel { background: #fff; margin-bottom: 15px !important; }

/*Actualite Single*/
#appblog-item .block-wrapper { padding: 0 !important; }
.appblog-item-cover-holder .cover-wrapper { margin: 50px auto 30px; max-width: 1180px; padding: 0 40px; }
.appblog-item-cover-holder .blog-cover { background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 20px; display: block; width: 100%; height: 400px; }
#appblog-item .max-content { max-width: 800px !important; padding: 40px 0 !important; }
#appblog-item h1 { padding: 20px 0 10px; margin: 0; font-weight: 700; text-align: left !important; text-transform: none; display: block; font-size: 42px; line-height: 48px; color: #019f61; }
#appblog-item .appblog-info { color: #9d9d9d; font-size: 15px; line-height: 15px; text-align: left; padding: 0 0 15px; }
#appblog-item .appblog-content { background: #fff; font-size: 16px; line-height: 24px; }
#appblog-item .appblog-content .max-content { padding: 0; background: transparent; }
#appblog-item .appblog-content p, #appblog-item .appblog-content ul, #appblog-item .appblog-content ol { color: #626262; margin-bottom: 30px; text-align: justify; font-weight: 400; }
#appblog-item .appblog-content li + li { margin-top: 15px; }
#appblog-item .appblog-content p + p { margin-bottom: 30px; }
#appblog-item .appblog-content h2 { margin-bottom: 30px; color: #019f61; }
#appblog-item .appblog-content h3 { color: #f57f20; margin-bottom: 15px; }
#appblog-item .appblog-video-wrapper { padding: 80px 0; background: #F0F0F0; }
#appblog-item .appblog-video { margin: 0 auto; }
#appblog-item .appblog-video .max-content { padding-bottom: 0 !important; padding-top: 0!important; }
#appblog-item .videoWrapper { position: relative; overflow: hidden !important; padding-bottom: 56.25%; padding-top: 25px; height: 0; z-index: 1 !important; }
#appblog-item .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 !important; }
#appblog-more { display: block; background-color: #f5f7f7; }
#appblog-more .module-title-top h3 { display: block; text-align: center; text-transform: uppercase; color: #f57f20; font-weight: 400; position: relative; padding-top: 70px; }
#appblog-more .module-title-top h3::before { content: ""; background: #f57f20; width: 2px; height: 60px; position: absolute; top: 0; left: 50%; margin-left: -1px; }

.mfp-with-zoom .mfp-container { background: rgb(0, 0, 0); background: rgba(0,0,0,0.6); }
.mfp-with-zoom .mfp-container { padding: 30px; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.5; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
.mfp-arrow { width: 50px; height: 60px;}
.mfp-arrow-left { left: 20px;}
.mfp-arrow-right { right: 20px;}
.mfp-with-zoom .mfp-arrow-left { background: transparent url('../images/arrow-left.png') center; background-size: cover; opacity: 1 }
.mfp-with-zoom .mfp-arrow-right { background: transparent url('../images/arrow-right.png') center; background-size: cover; opacity: 1; }

/*  VIDEO APP
----------------------------------------------------------------------------------------------------*/
/*Home module*/
#home-video .module-more { padding: 20px 0 50px; text-align: center; }
#home-video .module-title-top h2 { color: #fff; font-size: 45px; }
#home-video .module-title-top h2::before { content: ""; background: #fff; width: 2px; height: 60px; position: absolute; top: 0; left: 50%; margin-left: -1px; }
#home-video .module-title-top h4 { font-weight: 300; }
/*Grid listing*/
.video-grid .uk-panel { background: #fff; border-radius: 20px; overflow: hidden; margin-bottom: 30px; }
.video-grid .video-item .video-image { position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; }
.video-grid .video-item .video-tags { padding: 6px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; color: #000000; }
.video-grid .video-item .video-tags i { color: #019f61; }
.video-grid .video-item .video-tags .video-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.video-grid .video-item .video-title { padding: 15px 20px 0; text-align: center; }
.video-grid .video-item .video-title h3 { margin: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.video-grid .video-item .video-texte { position: static; padding: 15px 20px; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.video-grid .video-item .video-texte p { width: 100%; display: flex; margin: 0; padding: 0 0 60px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; flex-grow: 1; }
.video-grid .video-item .video-texte span { margin: 20px auto 10px; position: absolute; bottom: 10px; left: 50%; display: inline-block; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/*  PHOTOTHEQUE
----------------------------------------------------------------------------------------------------*/
.photos-grid .uk-panel { background: #fff; border-radius: 20px; overflow: hidden; margin-bottom: 30px; }
.photos-grid .photo-item .photo-image { position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; }
.photos-grid .photo-item .photo-tags { padding: 6px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; color: #000000; }
.photos-grid .photo-item .photo-tags i { color: #019f61; }
.photos-grid .photo-item .photo-tags .photo-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.photos-grid .photo-item .photo-title { padding: 15px 20px 0; text-align: center; }
.photos-grid .photo-item .photo-title h3 { margin: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.photos-grid .photo-item .photo-texte { position: static; padding: 15px 20px; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.photos-grid .photo-item .photo-texte p { width: 100%; display: flex; margin: 0; padding: 0 0 60px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; flex-grow: 1; }
.photos-grid .photo-item .photo-texte span { margin: 20px auto 10px; position: absolute; bottom: 10px; left: 50%; display: inline-block; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.popup-image { position: relative; display: block; }
.popup-image .zoom-icn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4) url('../images/zoom-plus.png') center no-repeat;  opacity: 0.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; }
.popup-image:hover .zoom-icn { opacity: 1.0 }
.photo-single .phototheque-gallery-wrapper { padding: 80px 0; background: #f0f0f0; }
.photo-single .phototheque-gallery-wrapper .max-content { background: transparent; padding: 0 !important; }
.photo-single .phototheque-slider .phototheque-content { background-size: cover; background-repeat: no-repeat; background-position: center; }
.phototheque-gallery .max-content { padding: 0 !important; }
.slick-phototheque { background: transparent; position: relative; margin-bottom: 0 !important; padding-bottom: 25px; }
.phototheque-slider.slick-dotted { }
.phototheque-slider .slick-dots { bottom: -5px !important; align-self: center; list-style: none; }
.phototheque-slider .slick-dots li { margin: 0 5px; }
.phototheque-slider .slick-dots li button { margin: 0 1px !important; }
.phototheque-slider .slick-dots li button::before { content: ''; height: 15px !important; width: 15px !important; display: inline-block !important; background: #a0a0a0 !important; border: 0px solid #fff !important; border-radius: 50% !important; cursor: pointer !important; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; }
.phototheque-slider .slick-dots li.slick-active button::before { background: #f15e22 !important; }
.phototheque-slider .slider-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); }
.phototheque-slider .slider-content { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0; }
.phototheque-slider .caption-inner { text-align: center; opacity: 0.0; width: 100%; max-width: 80%; position: absolute; top: 50%; right: 50%; 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(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.phototheque-slider .slick-slide .caption-inner h2 { position: relative; text-align: center; margin: 0 0 15px 0 !important; padding: 0 !important; color: #fff; font-family: "Montserrat"; font-size: 36px; font-weight: 900 !important; line-height: 39px; text-transform: uppercase; word-wrap: break-word !important; letter-spacing: 1px !important; }
.phototheque-slider .slick-slide .caption-inner .slide-intro { position: relative; text-align: center; color: #fff !important; font-family: "Open Sans"; font-weight: 300 !important; font-size: 26px; line-height: 29px !important; word-wrap: break-word !important; padding: 5px 0 !important; margin: 0 0 15px 0; display: block !important; }
.phototheque-slider .slick-slide .slide-button { display: inline-block; padding: 7px 30px 0; border-radius: 50px; color: #fff; font-size: 14px; height: 30px; line-height: 30px; font-weight: 400; margin-bottom: 15px; background: rgb(0, 140, 200); background: linear-gradient(90deg, rgba(0, 140, 200, 1) 0%, rgba(0, 79, 149, 1) 100%); }
.phototheque-slider .slick-slide.slick-active .caption-inner { opacity: 1.0; margin-bottom: 0; }
.phototheque-slider .slick-slide.slick-active h2 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s; }
.phototheque-slider .slick-slide.slick-active h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s 0.1s; -moz-transition: all 1.5s 0.1s; -ms-transition: all 1.5s 0.1s; -o-transition: all 1.5s 0.1s; transition: all 1.5s 0.1s; }
.phototheque-slider .slider-content img.size-auto { width: 100% !important; height: auto !important; }
.phototheque-slider .slick-prev, .phototheque-slider .slick-next { z-index: 10; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; 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; }
.phototheque-slider .slick-prev { background: transparent url('../images/arrow-left-black.png') center; background-size: cover; opacity: 1 }
.phototheque-slider .slick-next { background: transparent url('../images/arrow-right-black.png') center; background-size: cover; opacity: 1; }
.phototheque-slider .slick-prev:hover, .phototheque-slider .slick-prev:focus { opacity: 1.0 !important; margin-left: 10px; }
.phototheque-slider .slick-next:hover, .phototheque-slider .slick-next:focus { opacity: 1.0 !important; margin-right: -10px; }
.phototheque-slider .slick-prev { left: -55px; }
.phototheque-slider .slick-prev:before { content: ''; }
.phototheque-slider .slick-next { right: -55px; }
.phototheque-slider .slick-next:before { content: ''; }

/*  Presse
----------------------------------------------------------------------------------------------------*/
#appblog-liste .blog-listing .presse-grid { margin-top: 0; }
#appblog-liste .presse-grid { margin-left: -15px !important; }
#appblog-liste .presse-grid > * { padding-left: 15px !important; }
#appblog-liste .presse-grid > *  .uk-panel { background: #fff; margin-bottom: 15px !important; }

.presse-grid .uk-panel { background: #fff; border-radius: 25px; overflow: hidden; margin-bottom: 30px; }
.presse-grid .presse-item .presse-image { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.presse-grid .presse-item .presse-tags { padding: 6px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; color: #000000; }
.presse-grid .presse-item .presse-tags i { color: #019f61; }
.presse-grid .presse-item .presse-tags .presse-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.presse-grid .presse-item .presse-title { padding: 15px 20px 0; text-align: center; }
.presse-grid .presse-item .presse-title h3 { margin: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.presse-grid .presse-item .presse-texte { position: static; padding: 15px 20px; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.presse-grid .presse-item .presse-texte p { width: 100%; display: flex; margin: 0; padding: 0 0 60px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; flex-grow: 1; }
.presse-grid .presse-item .presse-texte span { margin: 20px auto 10px; position: absolute; bottom: 10px; left: 50%; display: inline-block; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.appblog-files h3 { color: #019f61; margin-bottom: 30px; font-weight: 300; font-size: 26px; }
.appblog-files .appblog-files-wrapper { padding: 0 0 40px; }
.appblog-files .appblog-file-title { color: #333; 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; }
.appblog-files .appblog-file-info { font-size: 14px; font-style: italic; }
.appblog-files .appblog-file > .uk-panel { padding: 20px 25px; background: #9d9d9d; }
.appblog-files .uk-icon-download { background: #019f61; color: #fff; }
.appblog-files a:hover .uk-icon-download { background: #f57f20; color: #fff; }
.appblog-files a:hover .appblog-file-title { color: #f57f20; }

/*  PUB APP
----------------------------------------------------------------------------------------------------*/

/*Home module*/
#home-publications .module-more { padding: 20px 0 50px; text-align: center; }
#home-publications .module-title-top h2 { color: #fff; font-size: 45px; }
#home-publications .module-title-top h2::before { content: ""; background: #fff; width: 2px; height: 60px; position: absolute; top: 0; left: 50%; margin-left: -1px; }
#home-publications .module-title-top h4 { font-weight: 300; }
/*Pub Listing*/
.pub-grid-home .pub-item-home > .uk-panel { background: #fff; overflow: hidden; margin-bottom: 30px; }
.pub-grid-home .pub-item-home .pub-image { position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; }
.pub-grid-home .pub-item-home .pub-image img { height: 100%; }
.pub-grid-home .pub-item-home  .uk-panel-content { border-left: 1px solid #ececec; }
.pub-grid-home .pub-item-home .pub-content { padding: 15px; }
.pub-grid-home .pub-item-home .pub-title { padding: 0; text-align: left; }
.pub-grid-home .pub-item-home .pub-title h3 { margin: 0; padding: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.pub-grid-home .pub-item-home .pub-tags { padding: 6px 0; text-align: left; color: #000000; }
.pub-grid-home .pub-item-home .pub-tags i { color: #019f61; }
.pub-grid-home .pub-item-home .pub-tags .pub-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.pub-grid-home .pub-item-home .pub-texte { padding: 0; text-align: left; }
.pub-grid-home .pub-item-home .pub-texte p { width: 100%; margin: 0; padding: 0 0 15px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; }
.pub-grid-home .pub-item-home .pub-texte span { margin: 0; display: block; text-align: left; color: #019f61; }
.pub-grid .uk-panel { background: #fff; border-radius: 25px; overflow: hidden; margin-bottom: 30px; }
.pub-grid .pub-item .pub-image { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.pub-grid .pub-item .pub-tags { padding: 6px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; color: #000000; }
.pub-grid .pub-item .pub-tags i { color: #019f61; }
.pub-grid .pub-item .pub-tags .pub-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0 5px; }
.pub-grid .pub-item .pub-title { padding: 15px 20px 0; text-align: center; }
.pub-grid .pub-item .pub-title h3 { margin: 0; color: #000000; font-size: 18px; line-height: 22px; font-weight: 500; display: block; text-align: left; }
.pub-grid .pub-item .pub-texte { position: static; padding: 15px 20px; text-align: center; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.pub-grid .pub-item .pub-texte p { width: 100%; display: flex; margin: 0; padding: 0 0 60px; color: #9d9d9d; text-align: left; font-size: 13px; line-height: 20px; flex-grow: 1; }
.pub-grid .pub-item .pub-texte span { margin: 20px auto 10px; position: absolute; bottom: 10px; left: 50%; display: inline-block; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }


/*Projets*/
div.projets-grid { margin-top: 0;}
div.projets-grid .flip-card { background-color: transparent; width: 100%; perspective: 1000px;  }
div.projets-grid .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
div.projets-grid .flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
div.projets-grid .flip-card-front, div.projets-grid .flip-card-back { position: absolute; width: 100%; height: 230px; min-height: 200px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
div.projets-grid .flip-card-front { background-color: #fff; }
div.projets-grid .flip-card-front h3 { position: relative; margin: 0; padding: 15px 5px; text-align: center; color: #019f61; font-size: 15px; line-height: 18px; font-weight: 400;  }
div.projets-grid .flip-card-back { background-color: #019f61; transform: rotateY(180deg); }
div.projets-grid .flip-card-back .flip-card-back-inner { padding: 0; height: 100%;}
div.projets-grid .flip-card-back .flip-card-back-inner p { margin: 0!important; padding: 0 10px; font-size: 14px; line-height: 22px;}
div.projets-grid .flip-card-back .flip-card-back-inner .uk-inline { display: inline-block; color: #fff; background: #f57f20; margin: 12px auto 0;  padding: 10px 25px; border-radius: 30px; font-size: 12px; line-height: 12px; text-transform: uppercase;}


/*Blog Listing*/
.bl-wrapper { max-width: 760px; width: 100%; margin: 0 auto; padding: 0 30px; }
.bl-grid { margin-top: 0;}
.bl-grid .uk-panel {  margin-bottom: 80px; }
.bl-grid .bl-item .bl-image { margin-bottom: 20px; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.bl-grid .bl-item .bl-image img { max-height: 260px;}
.bl-grid .bl-item .bl-title h3 { padding: 0; margin: 15px 0; color: #019f61; font-size: 23px; line-height: 26px; font-weight: 500; display: block; text-align: left; }
.bl-grid .bl-item .bl-tags { padding: 4px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: left; color: #000000; }
.bl-grid .bl-item .bl-tags i { color: #019f61; }
.bl-grid .bl-item .bl-tags .bl-tag { font-size: 11px !important; line-height: 20px !important; font-weight: 400; text-transform: uppercase; display: inline-block; margin: 0; }
.bl-grid .bl-item .bl-texte { position: relative; padding: 15px 0 0; text-align: left; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.bl-grid .bl-item .bl-texte p { margin: 0; padding: 0 0 30px; color: #343434; text-align: left; font-size: 16px; line-height: 25px; flex-grow: 1; }
.bl-grid .bl-item .bl-texte span { width: 200px; }


.blog_date_groupe_wrapper { display: block; text-align: center; }
.uk-grid + .blog_date_groupe_wrapper { margin-top: 40px;}
h3.blog_date_group { text-align: center; font-size: 50px; line-height: 50px; color: #019f61; position: relative; display: inline-block; text-align: center; margin: 0 auto;}
h3.blog_date_group::before { content: ""; position: absolute; width: 40px; top: 50%; left: -50px; height: 3px; margin-top: 0px; background: #019f61; }
h3.blog_date_group::after { content: ""; position: absolute; width: 40px; top: 50%; right: -50px; height: 3px; margin-top: 0px; background: #019f61; }
/*  Page Content Single
----------------------------------------------------------------------------------------------------*/
#page-single .page-max { max-width: 1000px; margin: 0 auto; padding: 0 30px 30px; }
#page-single .block-page-title { padding: 0; text-align: center; }
#page-single .block-page-title h2 { display: block; text-align: center; text-transform: uppercase; color: #f57f20; font-weight: 400; position: relative; padding-top: 70px; margin-bottom: 15px; }
#page-single .block-page-title h2::before { content: ""; background: #f57f20; width: 2px; height: 60px; position: absolute; top: 0; left: 50%; margin-left: -1px; }
#page-single .block-page-content h3 { text-align: left; }
#page-single .block-page-content h3 { display: block; padding-left: 55px; margin: 50px auto 20px; position: relative; color: #019f61; text-transform: uppercase; font-size: 22px; line-height: 26px; font-weight: 400; text-align: left; }
#page-single .block-page-content h3::before { content: ""; position: absolute; width: 40px; top: 50%; left: 0; height: 3px; margin-top: 0px; background: #019f61; }
#page-single .block-page-content h3::after { content: ""; display: none; }
#page-single .block-page-content h4 { color: #343434; margin-top: 35px !important; }
#page-single ul { margin: 20px 0; padding: 0; list-style-type: none; }
#page-single ul li { background: #fff; border: 1px solid #f0f0f0; padding: 18px 18px; margin: 9px 0; list-style-type: none; }
#page-single .bg-white  ul li { background: #f8f8f8; border: 1px solid #f8f8f8; }
#page-single ul li { font-size: 16px; line-height: 25px; }
#page-single p { font-size: 16px; line-height: 25px; color: #000; }
#page-single p.medium { font-size: 19px; line-height: 24px; text-align: center; margin: 40px 0 !important; }
#page-single .grid-about-mot h3.about-subtitle { display: block !important; padding: 0 !important; margin: 0 0 20px 0 !important; color: #019f61 !important; font-weight: 500 !important; font-size: 30px !important; line-height: 35px !important; text-transform: none; }
#page-single .grid-about-mot h3.about-subtitle::before { display: none; }
#page-single .grid-about-mot h3.about-subtitle::after { content: ""; display: none; }
#page-single .grid-about-mot .about-texte p { margin-bottom: 15px; }



/*  CONTACT
----------------------------------------------------------------------------------------------------*/
#page-contacts .logo-contact { max-width: 400px; margin: 0 auto; padding: 0;}
#page-contacts .logo-contact img { max-width: 200px; height: auto}
#page-contacts .adress-text { text-align: center; font-size: 16px; line-height: 22px; padding: 50px 0; }

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

#form-contacts .module-title-top p { font-size: 22px; line-height: 24px; text-align: center; margin: 10px auto 30px; }
#form-contacts .form-wrapper { padding-bottom: 50px;}

.slogan { margin: 15px 0 0!important; color: #019f61; font-style: italic; }
#page-contacts .slogan { margin-bottom: 40px!important; margin-top: 5px!important; }

/*  Form
----------------------------------------------------------------------------------------------------*/
.swForm .formContainer { margin: 0 auto !important; padding: 0!important; width: 100% !important; float: none; max-width: 700px; }
.swForm fieldset { border: none !important }
.swForm .uk-grid { margin-left: -20px; }
.swForm .uk-grid > * { padding-left: 20px; }
.swForm .rsform-block { display: block; width: 100%; margin: 0 0 10px 0 !important; float: none !important; padding: 0 !important; }
.swForm .uk-form-label { display: block; width: 100%; font-size: 18px; line-height: 18px; margin-top: 20px !important; padding: 0 0 4px 10px; color: #7b7b7b; font-weight: 400; }
.swForm .formRequired { font-size: 14px; line-height: 15px; color: #CF4D4D }
.swForm .formBody { width: 100%; }
.swForm .formBody p { color: #7b7b7b !important; line-height: 20px; font-size: 14px; text-align: center }
.swForm .rsform-input-box, .swForm .rsform-text-box, .swForm .rsform-select-box { display: block; padding: 20px 5px 20px 15px !important; width: 100%; border-radius: 40px; margin-bottom: 5px !important; border: 1px solid #019f61 !important; background: #fff !important; font-family: 'Open Sans' !important; font-weight: 400 !important; color: #7b7b7b !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 }
.swForm .rsform-text-box { padding: 10px 5px 10px 15px !important; border-radius: 10px; }
.swForm .rsform-text-box { padding: 8px; width: 100%; height: 130px !important; }
.swForm .rsform-select-box { padding: 0 0 0 15px !important; height: 45px !important; line-height: 45px !important; }
.swForm .rsform-input-box:focus, .swForm .rsform-text-box:focus { border-color: #f15e22 !important; }
.swForm .rsform-block.rsform-block-cv, .swForm .rsform-block.rsform-block-motivation { padding: 0px 15px 15px !important; }
.swForm .rsform-block-send label { display: none; }
.swForm .rsform-block-send .rsform-submit-button { display: block; color: #fff; text-align: center; border-radius: 40px; text-align: center !important; width: 100%; font-size: 14px; line-height: 60px; height: 60px; max-width: none; margin: 20px 0; background: #f57f20; background: linear-gradient(90deg, rgba(245, 127, 32, 1) 0%, rgba(221, 93, 38, 1) 100%) !important;}
.swForm .rsform-block-send .rsform-submit-button:hover { background: linear-gradient(90deg, rgba(0, 79, 149, 1) 0%, rgba(0, 140, 200, 1) 100%); color: #fff; }
.swForm .uk-form-label.rsform-error { color: #CF4D4D !important; background: transparent !important; }
.swForm input.rsform-error { border: 1px solid #e63f4a !important; }
.swForm input.rsform-error + .formClr { display: block; }
.swForm input.rsform-error + .formClr { display: block; }
.swForm textarea.rsform-error + .formClr { display: block; }
.rsform-block-recaptcha .formControls > div > div { margin: 0 auto !important; }
.swForm .rsform-block-recaptcha { margin: 20px auto !important; padding: 0 !important; }
.swForm .rsform-block-recaptcha .uk-form-label { text-align: center; }
.rsform-block-recaptcha .formError { text-align: center; width: 100%; display: inline-block; }
.swForm .page-form-max { max-width: 800px; width: 100%; margin: 0 auto; padding: 40px 15px; }
.swForm .uk-form::placeholder { color: #999; font-weight: 400; }
.swForm .uk-form-controls .formValidation > span { padding-left: 20px; }
.swForm > div > p  { text-align: center; color: #CF4D4D !important; }



/*  search page
----------------------------------------------------------------------------------------------------*/

#page-search .search-form .search-form-wrapper { padding: 0;}
#page-search .search-form .uk-form { text-align: center; }
#page-search .search-form .uk-form .uk-form-row { background: #efefef; padding: 25px 0; }
#page-search .search-form .uk-form .uk-form-row .inputbox {  padding-left: 20px!important; height: 40px; line-height: 40px; }
#page-search .search-form .uk-form .uk-form-row .uk-button { border-radius: 0; }
#page-search .search-form .search-result-count { padding: 30px 0; text-align: center; font-size: 26px; line-height: 26px; border-bottom: 1px solid #efefef;}
#page-search .search-form .search-result-count .uk-badge { font-size: 17px; line-height: 26px; width: 26px; border-radius: 50%; text-align: center;}
#page-search .search-result-wrapper { max-width: 1000px; margin: 0 auto; padding: 60px 0 30px; }
#page-search .result-text { padding: 0; margin: 0;}
#page-search .item-search .uk-grid { margin: 0!important; margin-bottom: 45px!important; padding-bottom: 45px; border-bottom: 1px solid #efefef; }
#page-search .item-search .uk-grid { margin-left: 0;}
#page-search .item-search .uk-grid > * { padding-left: 0;}
#page-search .item-search .actu-image { background-size: cover; background-repeat: no-repeat; background-position: center; border: 1px solid #ececec; }
#page-search .item-search .uk-width-small-2-3 .uk-panel { padding: 20px;}
#page-search .item-search h3 { color: #019f61; margin-bottom: 0!important; padding-bottom: 0!important;}
#page-search .item-search h4 { color: #333; margin-top: 5px!important; margin-bottom: 0!important; padding-bottom: 0!important; font-weight: 400;}
#page-search .item-search h4 + p { color: #333; margin-top: 15px;}
#page-search .item-search .uk-button {  margin-top: 15px;}
#page-search .search-label-empty { text-align: center; color: #333; font-size: 17px; line-height: 19px; padding: 100px 0; display: block;}



.uk-notify{position:fixed;top:60px;left:10px;z-index:1040;box-sizing:border-box;width:350px}
.uk-notify-bottom-right,.uk-notify-top-right{left:auto;right:10px}
.uk-notify-bottom-center,.uk-notify-top-center{left:50%;margin-left:-175px}
.uk-notify-bottom-center,.uk-notify-bottom-left,.uk-notify-bottom-right{top:auto;bottom:10px}
@media (max-width:479px){ .uk-notify{left:10px;right:10px;width:auto;margin:0} }
.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}
.uk-notify-message>.uk-close{visibility:hidden;float:right}
.uk-notify-message:hover>.uk-close{visibility:visible}
.uk-notify-message-primary{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}
.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}
.uk-notify-message-warning{background:#fff1f0;color:#d85030;border-color:rgba(226,131,39,.3)}
.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}


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

/* Large screen and bigger */
@media (min-width:1400px) { 
	#home-slider.max-width,#nt .max-width { max-width: 1100px!important;}
}

/* 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%; }
	.block .block-wrapper { padding-left: 30px; padding-right: 30px; }
	a.tm-logo-small img { padding: 5px; }
	.tm-headerbar-mobile { display: block !important; }
	.tm-headerbar-mobile a.tm-logo-small img { height: 45px !important; width: auto !important; }
	.uk-navbar-toggle { color: #019f61; position: absolute; }
	.uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #f57f20; }
	#offcanvas-logo { display: block; text-align: center !important; }
	#offcanvas-logo img { max-width: 200px; margin: 0 auto; }
	.uk-offcanvas-bar { background: #f5f7f7; width: 320px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); }
	.uk-nav-offcanvas > li { border-bottom: 1px solid #ececec !important; padding: 0 !important; line-height: 25px !important; }
	.uk-nav-offcanvas  li  a { margin-bottom: 0px; background: #fff !important; color: #000 !important; font-size: 17px !important; line-height: 17px !important; padding: 20px 0 20px 30px !important; text-align: left; text-transform: uppercase; }
	.uk-nav-offcanvas  li  a:hover, .uk-nav-offcanvas  li  a:active, .uk-nav-offcanvas  li  a:focus { background: #f15e22 !important; color: #fff !important; }
	.uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #f15e22 !important; color: #fff !important; }
	.uk-nav.uk-nav-offcanvas .uk-nav-sub li.uk-active a { color: #f57f20 !important; }
	.uk-nav-offcanvas ul.uk-nav-sub { padding-left: 0 !important; }
	.uk-nav-offcanvas ul.uk-nav-sub > li > a { font-size: 14px !important; line-height: 18px !important; padding: 10px 10px 10px 30px !important; }
	.uk-nav-offcanvas ul.uk-nav-sub ul { padding-left: 0 !important; }
	.uk-nav-offcanvas ul.uk-nav-sub ul > li > a { font-size: 14px !important; line-height: 18px !important; padding: 10px 20px 10px 50px !important; }
	

	#home-slider .slick-slider .caption-inner { position: relative;max-width: 100%;bottom: 0!important; top: auto!important; left: 0!important; right: 0!important; text-align: center;opacity: 1.0 !important;  -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }

	#home-slider .slick-slider .caption-inner.caption-inner-single { max-width: 100%; background: rgba(1, 159, 97, 1)!important;}
	#home-slider .slick-slider .slick-slide .caption-inner h2 { background: rgba(1, 159, 97, 1)!important; display: block!important; padding: 15px 5px!important; margin: 0 !important; font-size: 16px!important; font-weight: 600 !important; line-height: 25px!important;text-align: center;}
	#home-slider .slick-slider .slick-slide .caption-inner .slide-intro { font-size: 16px; line-height: 22px !important; padding: 5px 0 20px !important; }

	#home-slider .slick-slider .slick-prev, #home-slider .slick-slider .slick-next { top: 25%; width: 30px; height: 40px; }
	#home-slider .slick-slider .slick-prev { left: 10px; }
	#home-slider .slick-slider .slick-next { right: 10px; }
	#home-slider .slick-slider .slick-dots { display: none!important; }
	
	.flip-card-front { overflow: hidden;}
	#home-about .home-about-wrapper { padding: 40px 20px; }
	#home-about .grid-about .block-texte { order: 99 !important; }
	#home-about .grid-about .block-image { order: 0 !important; }
	
	#home-about .grid-about .block-texte .uk-panel { text-align: center; padding-top: 50px; }
	#home-about .section-about .grid-about { padding: 0 0 40px!important;}
	#home-about .section-mot .grid-about-mot { padding: 40px 0!important;}

	#home-about .grid-about-mot .block-texte .uk-panel { text-align: center; padding-top: 50px; }
	#home-about .uk-grid > * { padding-left: 0}
	span.bande-orange { left: 0; height: 15px; display: none; }
	span.bande-verte { left: 0; display: none; }
	#home-actu .module-more { padding-top: 20px !important; }
	.video-grid .video-item .video-image { background-size: cover; }
	.module-title.module-title-left h2 { font-size: 42px; line-height: 52px; }
	#home-temoignages .temoignages-arrow { position: relative; top: auto; right: auto; text-align: center; padding-top: 20px; }
	/*#home-temoignages .temoignages .temoignage { width: 100%!important; margin-bottom: 20px;}*/
	.footer-newsletter .newsletter-wrapper { padding-left: 20px; padding-right: 20px; }
	.footer-newsletter .newsletter-introtext { width: 100%; float: none; text-align: center; }
	.footer-newsletter .newsletter-introtext p { text-align: center !important; margin-bottom: 15px; }
	.footer-newsletter .newsletter-form-wrapper { width: 100%; float: none; text-align: center; }
	.footer-newsletter .field-email { width: 100%; }
	.footer-newsletter .field-btn { width: 100%; margin-left: 0; margin-top: 15px !important; }
	.grid-footer .footer-bottom-left, .grid-footer .footer-bottom-middle, .grid-footer .footer-bottom-right { width: 100%; text-align: center; }
	.grid-footer .footer-bottom-left .uk-panel { text-align: center; padding-bottom: 20px; }
	.footer-bottom-middle .footer-menu { text-align: center; margin: 15px auto 50px; }
	.footer-bottom-middle .footer-menu ul { border-top: 1px solid #ececec; }
	.footer-bottom-middle .footer-menu li { display: block; margin: 0; }
	.footer-bottom-middle .footer-menu li a { text-align: center; display: block; color: #000; font-weight: 600 !important; font-size: 14px; line-height: 20px; padding: 15px 15px; border-bottom: 1px solid #ececec; text-align: center; text-transform: uppercase; }
	.footer-bottom-middle .footer-copyright p { text-align: center; }
	.footer-bottom .footer-bottom-right .uk-panel { text-align: center !important; }
	#hero-page .block-wrapper { padding: 90px 20px; }
	#hero-page .hero-content h1 { font-size: 30px; line-height: 35px; transform: translate3d(0px, 0, 0px) !important; -webkit-transform: translate3d(0px, 0, 0px) !important; -moz-transform: translate3d(0px, 0, 0px) !important; }
	.grid-about-mot .block-texte .uk-panel { padding-top: 40px !important; }
	.block-list .block-item .block-list-image, .block-list .block-item .block-list-texte { width: 100%; padding-right: 15px; padding-left: 15px; }
	.block-list .block-item .block-list-texte .uk-panel { padding-right: 0; }
	#appblog .appblog-filter { padding: 40px 0 40px 15px; }
	ul#blog-filter { min-width: 100%; display: flex !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
	ul#blog-filter::-webkit-scrollbar { display: none !important; }
	ul#blog-filter li { width: auto; min-width: 180px; margin-left: 10px; }
	#appblog .appblog-filter ul#blog-filter li a { background: #f8f8f8; font-size: 12px !important; }
	#appblog-liste { padding: 30px 0; }
	.photos-grid .photo-item .photo-image { background-size: cover !important; }
	#page-contacts .block-wrapper { padding: 0; }
	#page-contacts .block-wrapper .max-width, #form-contacts .form-title, #form-contacts .form-wrapper { padding-left: 30px; padding-right: 30px; }
	#page-contacts .contact-icons { padding: 20px 0; }
	#page-contacts .contact-icons .uk-one-contact .uk-panel { padding: 30px 0; }
	.appblog-item-cover-holder .blog-cover { height: 240px; }
	#appblog-item .appblog-content .max-content, #appblog-more .max-width, .appblog-gallery .appblog-gallery-wrapper { padding-left: 30px !important; padding-right: 30px !important; }
	#appblog-item .appblog-video-wrapper { padding: 0 !important; }
	#appblog-item .appblog-video-wrapper .max-content { padding: 30px !important; }
	.photo-single .phototheque-gallery-wrapper { padding: 0; }
	#appblog-item .max-content { padding: 30px !important; }
	.grid-flip .uk-panel { margin-bottom: 30px;}
	#home-about .section-logo .grid-flip { padding: 30px 0!important;}

	#home-pt .pt-grid .pt-item .uk-panel { margin-bottom: 30px;}
	#tm-feed .feed { padding: 0 25px;}
	.uk-button-round { font-size: 10px; }

	#page-search .search-form .uk-form .uk-form-row .uk-button { border-radius: 0; display: block; margin: 0 auto; margin-top: 15px; }
	#page-search .search-form .search-result-count { font-size: 20px; line-height: 20px;}
	#page-search .search-form .search-result-count .uk-badge { font-size: 16px; line-height: 20px; width: 20px;}
	#page-search .search-result-wrapper { max-width: 1000px; margin: 0 auto; padding: 30px 30px; }

	.logo-sticky { display: none!important;}
	#home-temoignages h2.title-big { text-align: center;}

	div.projets-grid .flip-card { height: auto!important; margin-bottom: 30px!important; }
	div.projets-grid .flip-card-front { position: relative; }
	div.projets-grid .flip-card-back {  display: none; }
	div.projets-grid .flip-card:hover .flip-card-inner { transform: rotateY(0deg); }
	
	#home-video .module-title-top h2 { font-size: 32px;}
	.uk-button-round { padding: 0 40px!important;}
	.actu-grid .actu-item .actu-texte span { padding-left: 10px!important; padding-right: 10px!important;}
	.uk-button-small { padding-left: 10px!important; padding-right: 10px!important;}
}