/*
Theme Name: franic
Author: Clément Mille
Author URI: https://www.clement-mille.fr
Description: Specific theme for franic.com
Version: 1.0.0 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: uikit 3, start, templates
Text Domain: sfc

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Kalam&family=Roboto:wght@400;700&display=swap');
html, body {background: #fff;color: #222;font:400 18px / 22px "Roboto",sans-serif;line-height:28px;}
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6{color:#44c300;text-align: center;position:relative;font-weight:700;text-transform:uppercase;}
h1{color:#252525;}
em {color: #333;}
.citation{font-family: 'Kalam', cursive;font-size:1.8em;}

.bloccontent ul li{margin-bottom: 10px;padding-left: 10px;}
.bloccontent ul li ul{margin-top: 20px;list-style: disc}
.bloccontent ul{list-style: url('assets/img/ul_list.png');}
#content{margin-top:45px;}
.bloccontent p:last-child{margin-bottom:0;}
.bloccontent{line-height:26px;font-size:16px;}
.bloccontent h3{line-height:30px;}
.bloccontent.uk-padding{padding:20px 35px;}

a{color:#6abf16;-webkit-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;text-decoration:none;}
a:hover{color:#44c300;text-decoration:none;}
p{margin-top:0;}
footer a, header a{text-decoration:none;}
:focus { outline: none; }
.grecaptcha-badge {opacity:0 !important;}
.chevrondown{color: #ffed00;}
.cpointer{cursor:pointer;}
.uk-background-muted{background-color: #eee;}
.bgimg{background-size: cover;}
.bgimgopacity:before{content:"";z-index:0;position:absolute;top:0;bottom:0;right:0;left:0;background: rgba(255,255,255,0.5);}
.bgimgblock{position:absolute;right:0;background:#6abf16;}

.bgwhite{background: rgba(255,255,255,0.8);}

#cookie-notice .uk-button{font-size: 1.2em;padding: 5px 20px;}
.uk-background-primary{background: #6abf16;color:#fff;}
.uk-background-primary a{color:#fff;}
.bluecolor{color:#0076c5;}
.bluebg{background-color: #0076c5;}
.bluebg .uk-button{background-color:#6abf16;}
.bluebg .uk-button.uk-active,.bluebg .uk-button:active,.bluebg .uk-button:focus,.bluebg .uk-button:hover{color:#fff;background-color: #44c300;}
.greydarkcolor{color:#555;}
.greycolor{color:#aaa;}
.uk-card-default .uk-card-title{font-size:1.2em;color:#555;}


/* button */
.uk-button{border-radius:4px;font-size:1.2em;padding:10px 30px;color:#efefef;background-color: #0076c5;}
.uk-button.uk-active,.uk-button:active,.uk-button:focus,.uk-button:hover{color:#fff;background-color: #2889ca;}
input[type="submit"]{height:auto;}


/* ma visiere*/
#visiere .bglosange{z-index:0;background-color:#43a0a8;width:430px;height:430px;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);animation: colorchange 3s infinite;-webkit-animation: colorchange 3s infinite;}
#visiere .bglosange2{z-index:1;color:#fff;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);width:400px;height:400px;background:transparent url('assets/img/v2.jpg') no-repeat center center;z-index:0;}
#visiere .losangetitle{position:absolute;top:-30px;width:100%;z-index:2;color:#de5a4a;line-height:1em;background-color:rgba(255,255,255,0.7);padding-bottom: 5px}
#visiere .losangetitle2{border:1px solid #de5a4a;position:absolute;bottom:20px;left:0;right:0;z-index:2;margin:0 auto;background-color:#de5a4a;}
#visiere .losangetitle2:hover{background-color:#fff;color:#de5a4a;}
#visiere .hoverplus{color:#43a0a8;}
#visiere h2 span{font-size:0.6em;display:block;font-weight: 400;color: #777;}


@keyframes colorchange
{
	0%   {background: #7dcbd2;}
	50%  {background: #02929e;}
	100% {background: #7dcbd2;}
}
@-webkit-keyframes colorchange
{
	0%   {background: #7dcbd2;}
	50%  {background: #02929e;}
	100% {background: #7dcbd2;}
}



.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index:10;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #5aaae0;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #0076c6;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}








/*
.imgborder{border:8px solid #fff;}
#mavisiere2 .btn{bottom: -80px;left: 75px;}
#mavisiere2 .uk-button{background-color:#de5a4a;padding:10px 50px;animation: colorchange 3s infinite;-webkit-animation: colorchange 3s infinite;}
#mavisiere2 .uk-button.uk-active,#mavisiere2 .uk-button:active,#mavisiere2 .uk-button:focus,#mavisiere2 .uk-button:hover{color:#fff;background-color: #e24734;}
#mavisiere2{background:#43a0a8;margin:250px 0;}
#mavisiere2 .logo{top:-100px;right: 20px;}
#mavisiere2 .photo{top:-225px;}
#mavisiere2 .bglosange{background-color:#de5a4a;color:#fff;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width:220px;padding:80px 20px;bottom:-135px;right: 30px;font-size: 2rem;line-height: 1.2;z-index:100;}
.uk-heading-bullet{color:#fff;font-size: 1.2em;    margin-bottom: 8px;}
.uk-heading-bullet::before{border-left: 5px solid #de5a4a;}

.mobile #mavisiere2{margin:100px 0 0 0;}
.mobile #mavisiere2 .photo, .mobile #mavisiere2 .btn, .mobile #mavisiere2 .bglosange{position:relative !important;margin:0 auto;top:auto;right:auto;left:auto;bottom:auto;transform: none;}
.mobile #mavisiere2 .logo{top:-85px;right: auto;left: auto;width: 100%;}
.mobile #mavisiere2 .logo img{width:200px;text-align: center}*/

/* section */
section{position:relative;}
.topbanner p{color:#777;font-weight:700;font-size:1.4em;}


/* navbar */
.uk-logo{z-index:10000;}
.uk-navbar{padding:46px 15px 0 15px;}
.mobile .uk-navbar{padding:0px 15px 0 15px;}
header{height:101px;}
.uk-navbar-nav > li > a {padding:5px 20px;color: #252525;text-transform:none;font-weight:700;text-transform: uppercase;}
.uk-navbar-nav > li > a:hover,.uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li.current-menu-item > a{color: #44c300;}
.uk-navbar-nav > li:last-child {padding-right:140px;}

.uk-offcanvas-bar{background:#404040;padding-top:100px;}
.uk-offcanvas-bar a{color:#efefef !important;font-size:2em;padding:20px 0 !important;}
.uk-offcanvas-bar a:hover{color:#fff;}
#site-navigation{background: #fff;}
.uk-navbar-container>.uk-container .uk-navbar-right{margin-right:0;}
#preheader{z-index:1000;color:#fff;background: #6abf16;-webkit-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;position:absolute;top:0;right:0;left:0;right:0;}
#preheader .uk-button{padding:10px 10px 10px 30px;color:#e9ffe1;line-height:1.2em;background: #6abf16;text-transform:lowercase;}
#preheader .uk-button.uk-active,#preheader .uk-button:active,#preheader .uk-button:focus,#preheader .uk-button:hover{background-color: #44c300;color:#fff;}

#site-navigation.uk-navbar-sticky {border-bottom:1px solid #44c300; }
.uk-navbar-sticky .uk-navbar{padding-top:5px;}
.uk-navbar-sticky #preheader{background: transparent;}
.uk-navbar-sticky #preheader .uk-button{font-size:1em;padding:6px 20px;border-top-left-radius: 0;border-top-right-radius: 0}
.uk-navbar-sticky #preheader .uk-button.contactemail{margin-right:20px;}
.uk-navbar-sticky #preheader .uk-button.uk-active,.uk-navbar-sticky #preheader .uk-button:active,.uk-navbar-sticky #preheader .uk-button:focus,.uk-navbar-sticky #preheader .uk-button:hover{background-color: #44c300;color:#fff;}
.uk-navbar-sticky .uk-navbar-nav > li > a {padding:15px 20px;min-height:auto;}



/* footer */
.tm-footer .greydarkcolor{color:#252525;}
.tm-footer{background: #6abf16;font-size:0.9em;line-height:1.6em;}
.tm-footer a, .tm-footer {color: rgba(255,255,255,0.9);}
.tm-footer-menu a:hover {color: rgba(255,255,255,1);}
.tm-footer-menu ul li {display: inline-block;padding: 0 20px;margin-top: 0 !important;}
.tm-footer-menu ul {list-style: none;margin: 0;padding: 0;}
.bgfootergrey{background:#666;}
.tm-footer-sitemap a {line-height:1em;font-size:2em;text-transform:uppercase;}
.tm-footer-sitemap a:hover {color: rgba(255,255,255,1);}


/* back to top */
.back-to-top{ display: inline-block;}
.back-to-top a {background-color: rgba(0, 0, 0, 0.8);line-height: 1;color:#efefef;}
.back-to-top a:hover {opacity: 0.9;color:#fff;}
#tm-toolbar{z-index:1000;display:none;position: fixed;bottom: 0;right: 0;}


@media only screen and (max-width: 1040px) and (min-width: 640px) {
	.uk-navbar-nav > li:last-child {padding-right:40px;}
}

@media only screen and (max-width: 640px) {
	.uk-navbar-nav > li:last-child {padding-right:0;}
}

@media only screen and (max-width: 400px) {
	#visiere .losangetitle{position:relative;top:auto;width: 100%;}
	#visiere .losangetitle2{position:relative;bottom:auto;width: 100%;margin-top:20px;}
	.bglosange{width:100% !important;height:100% !important;position:relative;}
	.bglosange2{width:300px !important;height:300px !important;}
	footer iframe{width:100%;}
}