/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 /* Personnalisation Global News */

.gn_static_1 {background:rgba(26, 26, 26, 0); color:none; border: 0;height: auto;}

/* Personnalisation taille texte des titres */
h2{
	font-size: 25px;
  	line-height: 20px;
}

/* Puces pour les liens */
ul.no_bullet {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li.arrow {
	background: url("http://www.oneaim.lu/images/icones/arrow.png") no-repeat left center;
	height: 29px;
	padding-left: 20px;
	padding-top: 3px;
}

/* Reduction affichage site */

@media (min-width: 960px){
	.tm-page {
	max-width: 75%;
	}
}

@media (min-width: 1700px){
	.tm-page, .tm-toolbar {
	max-width: 60%;
	}
}

/* Responsive page contact bloc */

ul.contact {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin: 0; padding: 0;
	list-style: none;
}
li.puce_contact {padding: 10px; list-style: none; 
	-webkit-flex: 1 150px;
	flex: 1 150px;
}



/* Responsive image */

img {
	max-width: 100%;
	height: auto;
}

/* Background image */

@media (min-width: 960px){
	body {
		background: url(../custom/background/kart_blur.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/kart_blur.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../background/kart_blur.jpg', sizingMethod='scale')";
	}

}

/* Breadcrumb */

ul.uk-breadcrumb{padding-top:20px;}

/* Personnalisation Footer */

.tm-bottom .uk-panel:not([class*="uk-panel-box"]), .tm-bottom .uk-panel:not([class*="uk-panel-box"]) li a {
  color:#ccc;
}

/* Menu responsive couleur blanc */

.uk-nav-offcanvas .uk-nav-sub li a {
color: #ffffff;
}

/* Enlever soulignement H1 des articles */

h1, .uk-h1, .uk-article-title{font-size:30px; line-height:35px; margin-bottom: 15px; color:#303030; text-decoration: none;}

h1.uk-article-title>a:link, h1.uk-article-title>a:visited, h1.uk-article-title>a:active {text-decoration: none;}
h1.uk-article-title>a:hover {text-decoration: underline;}


/* Centrer logo menu */

nav.tm-navbar{vertical-align:middle;}

/* Bordure autour des images */

 .uk-thumbnail {border:2px solid rgba(0, 0, 0, 0.870588);}

/* Autre solution colonne responsive */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/* alignement colonne responsive */

  #container {
width: 100%;
  }

  #leftcol {
float:left;
width:30%;
   }


  #rightcol {
float:right;
width:100%;
  }

  #midcol {

  }


  @media screen and (max-width:680px) {
#container {
width: 100%;
height: auto;
  }

  #leftcol {
width:100%;
height: auto;
  }


  #rightcol {
width:100%;
height: auto;
  }

  #midcol {
height: auto;

  }
 }

/* Personnalisation du bouton menu responsive */

.uk-navbar-toggle {
  color:#EEEEEE;
  font-size:25px;
}

.uk-navbar-toggle:after {
  color:#ffffff;
}

/* Personnalisation des liens généraux */

a:active, a:visited, a:link {text-decoration:underline;}
a:hover {text-decoration:none;}
a.tm-logo{text-decoration:none;}


/* Personnalisation page contact */
#map{ 
	float: left;
	width: 80%;
}

#heure{
 margin-left: 74%;
}

.tm-page {  
    margin-top: 0px;  
}  
.tm-block {  
    padding-bottom: 10px;  
}


/* Enlever espace au dessus du content */

.tm-navbar + .tm-block, .tm-block-padding + .tm-block {
padding-top: 0px;
}

.uk-article-title{padding-top: 15px;}


/*.tm-navbar + .tm-block{padding-top: 10px;}*/



/* Personnalisation barre navigation */

.uk-navbar, .uk-navbar-brand {
	/*background-image: url("../background/nav.png");
	background-position: bottom;
	background-repeat:repeat-x;
	border-bottom:#86D1F1 solid 2px;*/
}


/* Correction transparence logo */

.uk-navbar-brand{background: transparent;}

/* Empecher soulignement menu responsive */
a.uk-navbar-toggle{text-decoration: none;}

/* Correction hauteur du menu déroulant */
.uk-dropdown-navbar{margin-top: 0px;}

.uk-navbar-nav > li.uk-active > a {  
    color: #084694;  
    background-color: rgba(255, 255, 255, 0.6);
    font-weight:normal;
}

li.uk-active{padding: 0%;}


.uk-navbar-nav > li > a {
	color:#ffffff;
}

.uk-nav-navbar > li > a {
  color:#ffffff;
}

.uk-nav-navbar > li > a:hover, .uk-navbar-nav > li > a:hover {
  color:#86D1F1; 
}

.uk-navbar-nav > li > div  {
	color:#ffffff;
}

input.uk-search-field{
	color:#ffffff;
}

.uk-search-close, .uk-navbar{
	color:#ffffff;
}


.menu-sidebar li.active .level1 {  
    background-color: #FFCC33;  
}  
.menu-sidebar a.level1:hover, .menu-sidebar span.level1:hover {  
    background-color: #eb7800;  
}


/* Personnalisation menu /*

html {color:#333333;}

/* Personnalisation Pied de page */
.margin-bottom{color:#86D1F1;}
#title-bottom{color:#86D1F1; padding-top: 20px;font-weight: bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);}
table, tr, td {border:0; vertical-align:top;}
#day{padding-right:15px;}

#sponsors{padding:5px; text-align: center;}

.tm-block-black {color:#ffffff;}
.uk-list > li{color:#ffffff;}

/*.tm-bottom .uk-panel:not([class*="uk-panel-box"]), .tm-bottom .uk-panel:not([class*="uk-panel-box"]) li a {color:#eeeeee;}*/


/* Personnalisation actualités */

h1.uk-article-title {
	font-size:30px;
	line-height:35px;
}

/* Lien avec cadre sur les images */

a:active#img_menu img, a:visited#img_menu img, a:link#img_menu img {border:0px; padding-bottom: 5px;}
a:hover#img_menu img{border: 1px solid #666; padding-bottom: 5px;}


/* Bouton réactif */

#img_reactive {
font-size: 22px;
font-weight:bold;
background-color:#ccc;
color:#000;
margin-left:35px;<!--facultatif-->
margin-right:35px;<!--facultatif-->
padding:10px 30px;
border-radius: 12px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
}

#img_reactive:hover {
background-color:#666;
color: #eee;
}

h1.uk-heading-large{padding: 10px 0 10px 0; font-weight: bold;}