/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

.no-space {padding-top:0 !important;padding-bottom:0 !important}

.full-wrapper .no-space,.full-wrapper .uk-container {padding:0 }

.boxed-wrapper .no-space,.boxed-wrapper .uk-container {padding-top:0 !important;padding-bottom:0 !important}




.domaine{
    display: flex;
    width:100%;
    justify-content:center;
    }
    
    .domaine figure{
        margin: 10px;
        }

        .oursons{
            border:1px solid #fff;
            border-radius: 0% 5% 0% 5%;
            margin-top: 20px;
            width: 200px;
            overflow: hidden;
            }
            
            
            .oursons figure{
                margin: 10px;
            }
            .oursons img{
                width:200px;
            }
            
            .oursons figcaption{
                font-size: 0.7rem;
            }



/* RokSprocket

 ========================================================================== */

/* Mosaic Overlay Image effect */

img.sprocket-mosaic-image { 

	-webkit-transition: -webkit-transform 0.5s ease;

	-moz-transition: -moz-transform 0.5s ease;

	transition: transform 0.5s ease;

}

img.sprocket-mosaic-image:hover { 

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	-o-transform: scale(1.5);

	transform: scale(1.5);

}

a.readon {padding:5px 30px;margin:10px 0;border:1px solid #fff;display:inline-block;}

a.readon:hover {padding:5px 30px;margin:10px 0;border:1px solid #ccc;display:inline-block;text-decoration:none}

img.hover-effect { 

	-webkit-transition: -webkit-transform 0.5s ease;

	-moz-transition: -moz-transform 0.5s ease;

	transition: transform 0.5s ease;

}

img.hover-effect:hover { 

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	-o-transform: scale(1.5);

	transform: scale(1.5);

}



/*Icons for Joomlaplates > class = jp-icon

 ------------------------------------------------*/

.jp-icon {

	font-size:400%; 

	border:1px solid #fff;

	padding:20px;

	margin:20px 10px 0 0;

	-webkit-transition: -webkit-transform 0.5s ease;

	-moz-transition: -moz-transform 0.5s ease;

	transition: transform 0.5s ease;

	opacity:0.5;

}

.jp-icon:hover {

	font-size:400%; 

	border:1px solid #fff;

	padding:20px;

	margin:20px 10px 0 0;

	opacity:0.9

}

/*Rewrite the stupid bootstrap

 ------------------------------------------------*/

[class^="icon-"], [class*=" icon-"] {

    height: auto;

    line-height: 1.7!important;

    width: auto;

}

/* Full Size Image Background

 ========================================================================== */

.uk-cover-background {

    background-position: center top;

}



/* Section Images

 ========================================================================== */

#top-a, #top-b, #top-c, #top-d, #top-e,#top-f,#bottom-a, #bottom-b, #bottom-c, #bottom-d, body {

	background-attachment: fixed !important;

    background-position: cover !important; 

}

/* Headline with Border

 ========================================================================== */

span.border {

	border-top:1px dotted #fff;

	border-bottom:1px dotted #fff;

	padding:10px 20px;

}



/* Toolbar Outer 100%

 ========================================================================== */

.toolbar-outer {

	width:100%;

	font-size:12px;

}

.tm-toolbar {

	margin:0!important;

	padding:10px 0;

	color:#fff;

}

.tm-toolbar a {

	color:#fff;

}

.tm-toolbar ul {

	margin:0!important

}

.tm-toolbar ul li{

	border-color:white !important;

}



.tm-toolbar .uk-subnav > * {

    margin-top: 0;

}



/* Logo 

 ========================================================================== */

div.logo-left * {

	margin:0 !important;

}



/* Logo 

 ========================================================================== */

.logo {

	float:none;

	text-align:center;

}

.logo p {

	margin:0!important;

}

a.tm-logo:hover {

	color:none;

	text-decoration:none!important;

}

/* Mobile Logo 

 ========================================================================== */

.tm-logo-small {

    display: inline-block;

	letter-spacing: normal!important;

}



	/* Absolute Module Position

 ========================================================================== */

.absolute {

	position: fixed;

	right:10px;

	top:80px;

	z-index:999;

}

.uk-dotnav li a {border:1px solid rgba(255, 255, 255, 0.5)}



/* Absolut Menu with Icons  

 ========================================================================== */

.absolute .uk-icon-button {

  -webkit-border-radius: 4px; 

  -moz-border-radius: 4px; 

  border-radius: 4px; 

    box-sizing: border-box;

    display: inline-block;

    font-size: 16px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 30px;

	margin:0 !important

}

a.menu-icon i {

  -webkit-border-radius: 4px; 

  -moz-border-radius: 4px; 

  border-radius: 4px; 

}

a.menu-icon:hover {

	color:#000;

}

a.menu-icon {display:inline-block; margin-bottom:4px!important}



.absolute .uk-icon-large {

    vertical-align: 0;

}

/* Mainmenu 

 ========================================================================== */

.uk-dropdown .uk-nav {

    text-align: left;

}

#menu-outer { 

	z-index: 980;

	position:relative;

	float:none;

	text-align:center;

}

.uk-navbar-nav > li > a {

	text-transform:uppercase

	}

.uk-navbar-nav {

    display: inline-block!important;

    float: none!important;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    text-align: center!important;

}

/* Sticky Menu

 ========================================================================== */

@media screen and (max-width: 1024px) {

  #menu-outer {  

	  -webkit-transition: 0.15s ease-in-out;  

	  -ms-transition: 0.15s ease-in-out;  

	  transition: 0.15s ease-in-out;  

	  box-shadow: 0 1px 0 rgba(0,0,0,0.08);  

  }  

}



/* Media Query 1024

 ========================================================================== */

@media screen and (max-width: 1024px) {

	#top-a, #top-b, #top-c, #top-d, #top-e,#top-f,#bottom-a, #bottom-b, #bottom-c, #bottom-d, body {

		background-attachment: scroll !important;

		background-position: cover; }

	.full-wrapper .uk-container {padding:0 10px !important; width:auto !important}

}





.tm-navbar {

	margin:0!important;

	padding:0!important;

}



/*Center the Sub Menu

 ------------------------------------------------*/

.submenu .uk-subnav {

    display: inline-flex!important

}

.submenu .uk-subnav li a {

    color:#999;

	font-size:12px;

}

.submenu .uk-subnav li a:hover {

    color:#444;

	font-size:12px;

}

/* Joomla System Output 

 ========================================================================== */

.main-outer {

    background: #fff!important;

}



/* Footer 

 ========================================================================== */

.footer-outer {

	margin:0!important;

	padding:10px 0;

	font-size:12px;

	line-height:1.6;

}

.footer-outer p {margin:0}



/*Center the Footer Menu

 ------------------------------------------------*/

.footer-outer .uk-subnav {

    display: inline-flex!important

}



/* Article Title

 ========================================================================== */

h3.uk-panel-title{

	position:relative;

}



/* Panel Box Border

 ========================================================================== */



.uk-panel-box-border{

	background:none!important;

	border:1px solid #f2f2f2;



}



/* Modern Font Face

----------------------------------------------------------------------------------------------------*/

span.ico {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	padding:10%;

	display: block;

	font-family: FontAwesome;

	font-size: 60px;

	height: 100px;

	line-height: 100px;

	margin: 0 auto 12px;

	width: 100px;

	text-align:center;

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

}

span.ico:hover {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

}



figure img {

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	background-color: rgba(0,0,0,0) 

}

figure img:hover {

	transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	background-color: rgba(0,0,0,0.5) 

}

.uk-overlay-panel {

	background-color: rgba(0,0,0,0.5) 



}



/* HR Styles

----------------------------------------------------------------------------------------------------*/

/*HR Margin

 ------------------------------------------------*/

.uk-grid-divider:empty {

    margin-bottom: 35px !important;

    margin-top: 35px !important;

}



hr.style1{

	border-top: 1px solid #8c8b8b;

}





hr.style2 {

	border-top: 3px double #8c8b8b;

}



hr.style3 {

	border-top: 1px dashed #8c8b8b;

}



hr.style4 {

	border-top: 1px dotted #8c8b8b;

}



hr.style5 {

	background-color: #fff;

	border-top: 2px dashed #8c8b8b;

}





hr.style6 {

	background-color: #fff;

	border-top: 2px dotted #8c8b8b;

}



hr.style7 {

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}





hr.style8 {

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}

hr.style8:after {

	content: '';

	display: block;

	margin-top: 2px;

	border-top: 1px solid #8c8b8b;

	border-bottom: 1px solid #fff;

}



hr.style9 {

	border-top: 1px dashed #8c8b8b;

	border-bottom: 1px dashed #fff;

}



hr.style10 {

	border-top: 1px dotted #8c8b8b;

	border-bottom: 1px dotted #fff;

}





hr.style13 {

	height: 10px;

	border: 0;

	box-shadow: 0 10px 10px -10px #8c8b8b inset;

}





hr.style14 { 

  border: 0; 

  height: 1px; 

  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 

}





hr.style15 {

	border-top: 4px double #8c8b8b;

	text-align: center;

}

hr.style15:after {

	content: '\002665';

	display: inline-block;

	position: relative;

	top: -15px;

	padding: 0 10px;

	background: #f0f0f0;

	color: #8c8b8b;

	font-size: 18px;

}



hr.style16 { 

  border-top: 1px dashed #8c8b8b; 

} 

hr.style16:after { 

  content: '\002702'; 

  display: inline-block; 

  position: relative; 

  top: -12px; 

  left: 40px; 

  padding: 0 3px; 

  background: #f0f0f0; 

  color: #8c8b8b; 

  font-size: 18px; 

}





hr.style17 {

	border-top: 1px solid #8c8b8b;

	text-align: center;

}

hr.style17:after {

	content: '§';

	display: inline-block;

	position: relative;

	top: -14px;

	padding: 0 10px;

	background: #f0f0f0;

	color: #8c8b8b;

	font-size: 18px;

	-webkit-transform: rotate(60deg);

	-moz-transform: rotate(60deg);

	transform: rotate(60deg);

}





hr.style18 { 

  height: 30px; 

  border-style: solid; 

  border-color: #8c8b8b; 

  border-width: 1px 0 0 0; 

  border-radius: 20px; 

} 

hr.style18:before { 

  display: block; 

  content: ""; 

  height: 30px; 

  margin-top: -31px; 

  border-style: solid; 

  border-color: #8c8b8b; 

  border-width: 0 0 1px 0; 

  border-radius: 20px; 

}



hr.style-one { 

	border: 0; 

	height: 1px; 

	margin:40px 0;

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 

	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));

}



hr.style-two { 

	padding: 0; 

	border: none; 

	border-top: medium double #ededed; 

	color: #ddd;

	text-align: center; 

	margin:40px 0;

} 

hr.style-two:after { 

	content: "v"; 

	display: inline-block; 

	position: relative; 

	top: -0.7em; 

	font-size: 1.5em; 

	padding: 0 0.25em; 

	background: white;

 }

 

hr.style-three {

	padding: 5px 0;

	border:none;

	border-bottom: solid 3px pink;

	font-weight: bold;

	position: relative;

	margin-bottom: 8px;

	width:200px;

	margin:0 auto;

	margin-bottom:50px;

	margin-top:30px;

}



hr.style-three:after {

	content: '';

	border-bottom: solid 3px blue;

	width: 100px;

	position: absolute;

	bottom: -20px;

	left: 0;

	right:0;

	margin:0 auto;

}

/* Image Styles

 ========================================================================== */



.shadow {

	box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);

	border:1px solid #fff;

}

.shadow-img {

	box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);

}

img.border {border:1px solid #222; padding:20px}

img.effect {

	opacity:0.5;

	transition: all 0.4s ease-in-out 0s;



}

img.effect:hover {

	opacity:1;

}



a.top-scroller {

	position:fixed !important;

	right:20px;

	bottom:20px;

	z-index:9999;

	font-size:20px;

	text-align:center;

}

a.top-scroller:hover {

    display: block;

    transition: all 0.2s linear 0s;

}

/* Video Iframe

 ========================================================================== */

.responsive-video iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.responsive-video {

position: relative;

padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/

padding-top: 0px;

height: 0;

overflow: hidden;

margin:20px 0;

}

.sprocket-mosaic-image-container { display: block; padding: 0px; margin: 0px 0px 24px; max-width: 100%; }

.sprocket-mosaic-image-container img { max-width: 100%; }

.sprocket-mosaic-image-container.pull-left { margin-right: 20px; }

.sprocket-mosaic-image-container { display: block; padding: 0px; margin: 0px; overflow: hidden; position: relative; width: 100%; max-width: 100%; }

.sprocket-mosaic-image-container a { width: 100%; height: 100%; }

.sprocket-mosaic-image-container img { transform: scale(1); transform-origin: 50% 50% 0px; transition: all 0.3s ease 0s; }

.sprocket-mosaic-image-container a:hover img { transform: scale(1.5); }

.sprocket-mosaic-image-container .item-image-backdrop { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; background-color: rgb(255, 255, 255); visibility: hidden; opacity: 0; transition: all 0.3s ease 0s; }

.sprocket-mosaic-image-container a:hover .item-image-backdrop { visibility: visible; opacity: 0.8; }

.sprocket-mosaic-image-container .item-image-backdrop::before { content: ""; z-index: 11; display: block; width: 25px; height: 1px; background-color: rgb(0, 0, 0); position: absolute; top: 50%; left: 50%; margin-left: -12px; transition: all 0.3s ease 0s; transform: translateX(-150px); }

.sprocket-mosaic-image-container .item-image-backdrop::after { content: ""; z-index: 12; display: block; width: 1px; height: 25px; background-color: rgb(0, 0, 0); position: absolute; top: 50%; left: 50%; margin-top: -12px; transition: all 0.3s ease 0s; transform: translateY(-150px); }

.sprocket-mosaic-image-container a:hover .item-image-backdrop::before { transform: translateX(0px); }

.sprocket-mosaic-image-container a:hover .item-image-backdrop::after { transform: translateY(0px); }



.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }  



.uk-nav-navbar > .uk-parent > a:after {    

content: "\f107";    

font-family: "FontAwesome";    

display: block;    

float: right;    

}