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


/* ========================================================================
   HEADING STYLE
 ========================================================================== */
h1, h1.uk-article-title{
font-size:32px;
line-height:42px;
color:#0A5C74;
/*border-bottom: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;*/
text-transform:uppercase;
} 
 
h2, h3, .box-QDV strong{
font-size:15px;
color:#0d9ac2;
line-height: 22px;
}


div.cs-border{
height:40px;
font-size:14px;
color:#0d9ac2;
line-height: 22px;
text-transform:uppercase;
border-bottom: 1px solid #CFCFCF;
border-left: 1px solid #CFCFCF;
font-weight:bold;
padding-left:10px;
padding-bottom:10px;
margin-bottom:10px;
}

.strong{
font-weight: bold;
font-size:15px;
color:#0d9ac2;
line-height: 22px;
}

.box-QDV .uk-text-right{
display:none;
}


h2.reverse{
font-size:16px;
color:#ffffff;
}

p .title{
color:#0898c1;
}


p .sub-title{
color:#0E527E;
}

.upper{
text-transform:uppercase;
}

.white {
color:#FFFFFF;
}

h1.slider{
font-size:46px;
color:#ffffff;
line-height: 54px;
}

h2.slider{
font-size:24px;
color:#ffffff;
font-weight:normal;
}

.tm-bottom-c h3 {
font-size:18px;
}

.page-header {
border-bottom:none;
}

.cs-menu-standing{
color:#940A28;
}

.tm- h4{
color:#FFFFFF;
}

.tm-footer a:hover  {
    color: #FFFFFF;
	text-decoration:underline;
}

._menu{
    margin-top:12px;
}


/* ========================================================================
   LIST STYLE
 ========================================================================== */
 
 ul {
	/*background-image: url('../grfx/icon-point.png');
	background-repeat: no-repeat;*/
	list-style: none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
 } 
 
 ul.list li{
	background-image: url('../grfx/icon-point.png');
	background-repeat: no-repeat;
	font-size:16px;
	color:#7F8284;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 18px;
 } 
 
  ul.ul-intro li{
	background-image: url('../grfx/icon-point.png');
	background-repeat: no-repeat;
	text-transform:uppercase;
	font-size:16px;
	color:#0d9ac2;
	font-weight:bolder;
	vertical-align:top;
	margin: 0px 0px 22px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 18px;	
	
 } 
 
  ul.footer {
	list-style-image:none;
	list-style:none;
	padding-left: 0px;
 } 
 
   ul.footer li{
	line-height:32px;
 } 
 
  ul.symboles-list {
	list-style-image:none;
	list-style:none;
	padding-left: 0px;
 } 
 
ul.symboles-list li{
   line-height:20px;
   clear:both;
   margin-bottom:10px;
} 

ul.symboles-list li > div{
   width:60px;
   float:left;	
} 
 
ul.symboles-list li > img{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	
} 
 
 ul.symboles-list li > span{
	display: table-cell;
	vertical-align: middle;
	height:50px;
} 
 
 

	 
 


/* ========================================================================
   BUTTON OVERWRITE STYLE
 ========================================================================== */
 
.uk-button {
	border:none;
	border-radius:4px;
}
	
/* ========================================================================
   BOX STYLE
 ========================================================================== */
 
.home-box {
height:200px;
background-color: #EAEAEA;
}

#tm-middle{
margin-top:30px;
margin-bottom:30px;
}


/* ========================================================================
   QUE DÉSIREZ-VOUS BOX STYLE
 ========================================================================== */
 
.box-QDV {
height:250px;
margin-right:20px;
line-height:22px;
}

.box-QDV a{
color: #7C7C7C;
height:250px;
}
	
.box-QDV a:hover{
color: #940A28;
}
			




/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
.formControlLabel {
 	Width:25%;
}

/* ========================================================================
  SUB NAV
  Menu haut à droite du logo
 ========================================================================== */

.tm-toolbar {
    background: none repeat scroll 0 0 #0F97C1;
    padding: 20px 10px;
}

.uk-subnav {
    padding-top: 10px;
}

.uk-subnav > li > a {
    color: #FFFFFF;
	background:#11AAD8;
	padding:4px 20px;
	border-radius:10px;
}

.uk-subnav > li > a:hover {
	color: #FFFFFF;
	background:#0A5C74;
}

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

.uk-nav-navbar > li > a:hover {
    color: #FFFFFF;
	text-decoration:underline;
}


.uk-subnav-line > li:nth-child(n+2):before {
    margin-right: 0px;
}

.uk-subnav-line  {
    margin-right: 10px;
}


/* ========================================================================
  DROP DOWN
  DropDown pour la connexion des membres
 ========================================================================== */

.uk-dropdown .uk-button-primary {
    background-color: #0F97C1;
    border-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
}

.uk-form input[type="text"], .uk-form input[type="password"], #modlgn-username, #modlgn-passwd{
    background-color: #EAEAEA;
    border-color: rgba(0, 0, 0, 0);
    color: #0A5C74;
	border-radius: 5px;
	 padding: 4px 6px;
	 height: 40px;
	width: 100%;
}
.uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, #modlgn-username:focus, #modlgn-passwd:focus{
    background-color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0);
    color: #0A5C74;
}

.login-greeting{
	padding-bottom:20px;
	color:#FFFFFF;
}

.pretext{
	font-size:24px;
	color:#FFFFFF;
}

.posttext a{
	font-size:14px;
	color:#FFFFFF;
}
.posttext a:hover{
	text-decoration:underline;
}


/* ========================================================================
  SIDEBAR NAV  
 ========================================================================== */
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
 .uk-nav-side > li > a {
  background: #E7E7E7;
  padding-left:10px;
  /* 2 */
  outline: none;
}

.uk-nav-side > li{
	margin-bottom:1px;
	padding-right:10px;
}

.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: #940A28;
  color: #FFFFFF;
  outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
	color:#FFFFFF;
	background-color:#940A28;
}

.uk-nav-parent-icon > .uk-parent > a:after {
    margin-right: 0px;
}

.uk-nav-sub > li, .uk-nav-sub > li > ul > li {
	background:#F1F1F1;
	border-bottom:1px solid #F7F7F7;
	
}

.uk-nav-sub > li.uk-parent > a:after {
    content: "ï„„";
    float: right;
    font-family: FontAwesome;
    margin-right:0px;
    text-align: center;
    width: 24px;
}

.uk-nav-sub > li.uk-parent > a.active:after {
    content: "";
} 

.uk-nav-sub a.current{
    color:#940A28;
} 

ul.uk-nav-sub li > a:before {
    font-size: 0px;
	border-left:1px solid #9D9D9D;
}

ul.uk-nav-sub li > a {
	font-size:14px;
    padding-left: 30px;
}

/* Zones bleues */
ul.uk-nav-sub li > a.level3 {font-size:12px; padding-left: 50px;}
a.level2 + ul li { line-height:15px; }


ul.uk-nav-sub li > a:hover {
	color:#940A28;
}


ul.uk-nav-sub li > a.level2 {
    padding-left: 36px;
}

/* ========================================================================
  SIDEBAR B Articles Category 
 ========================================================================== */

.sideb {
	background: #0A5C74;
	margin-bottom:30px !important;
}

.sideb > h3,  .sideb-menu > h3{
	font-size:16px;
	color:#FFFFFF;
	padding:10px;
	padding-left:34px;
 	margin-bottom: 0px;
	background: #0A5C74;
}

.sideb-menu > ul > li {
padding-right: 0px;
}

.icoMenu> h3 {
	background-image: url('../grfx/icon-menu.png');
	background-repeat:no-repeat;
	background-position: 10px 16px;
}



.ico1 > h3 {
	background-image: url('../grfx/icon-ressources.png');
	background-repeat:no-repeat;
	background-position: 10px 16px;
}

.sideb > ul {
 	list-style: none outside none;
    margin: 0;
    padding: 0;
}

.sideb > ul {
 	list-style: none outside none;
    margin: 0;
    padding: 0;
}

.sideb > ul > li {
  	background: none repeat scroll 0 0 #0f97c1;
    border-bottom: 1px solid #0;
    color: #ffffff;
    padding: 12px;
}
.sideb > ul > li:hover {
	background: #1db7e5;
	cursor:pointer;
}

.sideb > ul > li > a {
	color:#FFFFFF;
}




/* ========================================================================
 Répertoire Header
 ========================================================================== */


#tm-top-a{
	margin-top:-15px;
	margin-bottom:35px;
	padding-top:20px;
	background:#EAEAEA;
}

.rep-head-title{
	font-weight:normal;
	color:#4B525C;
}


/* ========================================================================
Répertoire DDL
 ========================================================================== */

.rep-ddl{
 text-align:right;

}
.dropdown-nav-jdoo{
 width:90%;
 color:#ffffff;
}
/* ========================================================================
navbar
 ========================================================================== */
 .uk-dropdown-navbar{
	box-shadow: 0 0 0 1px #A5A5A5;
}
 
/* ========================================================================
Slideshow
 ========================================================================== */

.wk-slideshow {
    margin-top: -15px;
}

/* ========================================================================
Bootstrap Button OVERIDE
 ========================================================================== */
.btn-default{
  color:#ffffff;
}

/* ========================================================================
YOUTHEME ZOO
 ========================================================================== */
.yoo-zoo > .uk-h1  {
	border-bottom: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 6px;
    padding-left: 10px;
}

.yoo-zoo  .uk-h3  {
   font-size: 16px;
   line-height:18px;
}

.yoo-zoo p  {
	font-size: 16px;
	line-height:20px;
}

.uk-list-line  a:hover{
	color:#930C2A;
}


.level0.parent.active a{
	font-weight:700;
	font-size: 16px;
}

.level0.parent.active .level2 a{
	font-weight:lighter;
}

.level0.parent.active > a{
	font-weight:700;
	font-size: 18px;
	color:#930C2A;
}


.business-uikit .tm-content-custom em{
	color:#FFFFFF;
}

.business-uikit p, .business-uikit li, .business-uikit .tm-teaser-custom{
	text-align:justify;
}

.tm-teaser-custom a{
	color:#A6DFE9;
	text-decoration:none;
}

.tm-teaser-custom a:hover{
	color:#FFFFFF;
}


.element-textarea{
	background:#0F97C1;
	color:#FFFFFF;
	padding:20px;
	 margin-bottom: 0px;
}
.element-textarea a{
	color:#FFFFFF;
	text-decoration:underline;

}

.element-checkbox{
	/*background:#0A5C74;*/
	color:#FFFFFF;
	margin-top: 0px;
}

.element-itemlink{
	float:right;
	padding-bottom:10px;
	padding-top:10px;
	
}



.element-checkbox ul.uk-list{

    list-style: none outside none;
	margin-bottom:0px;

}
.element-checkbox ul.uk-list > li, .element-checkbox ul.uk-list > li:before, .element-checkbox ul.uk-list > li:after {
 display: inline; 
 margin-bottom:6px;
}

.element-checkbox ul.uk-list > li > img {
 margin-bottom:6px;
 width:35px;
 height:35px;
}


.business-uikit .tm-teaser-custom{
	background:#0F97C1;
	color:#FFFFFF;
	padding:20px;
}

.business-uikit .tm-teaser-custom em{
	color:#FFFFFF;
}


.business-uikit .tm-teaser-custom h2 > a{
	color:#FFFFFF;
	font-size:18px;
	text-transform:uppercase;
	
}

.business-uikit .tm-teaser-custom-links{
	background:#0A5C74;
	color:#FFFFFF;
	padding-left:10px;
	padding-bottom:2px;
	overflow: hidden;
}

.business-uikit .tm-teaser-custom-links ul{
margin-bottom:0px;
}

.business-uikit .uk-panel-box{
	padding:0px;
	border:none;
}

.business-uikit:not(.business-uikit-frontpage):not(.business-uikit-alphaindex) > .uk-subnav, .business-uikit:not(.business-uikit-frontpage):not(.business-uikit-alphaindex) > hr {
 display:none;
}

business-uikit-frontpage

.uk-panel{
 margin-bottom:6px;
}


.add_to_session {
    color: #FFFFFF;
	background:#0F97C1;
	padding:10px 20px;
	border-radius:10px;
	border: none;
}

.add_to_session:hover {
	color: #FFFFFF;
	background:#0A5C74;
	border: none;
}

.tm-teaser-custom > h2.uk-h3 > span {
	color: #FFFFFF;
	background:#940A28;
	border: none;
	position:absolute;
	right:0px;
	top:0px;
	padding:6px;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}


.zoo-index-a-z .business-uikit .tm-teaser-custom{
	background:none;
	color:#313131;
	padding:20px;
	 border: 1px solid #e5e5e5;
}

.zoo-index-a-z .business-uikit .tm-teaser-custom-links{
	background:#E5E5E5;
	color:#FFFFFF;
	padding-left:10px;
	padding-bottom:2px;
	overflow: hidden;
	border-bottom:1px solid #CECECE;
}

.zoo-index-a-z .business-uikit .tm-teaser-custom h2 > a {
    color: #313131;
}


.zoo-index-a-z .tm-teaser-custom a {
    color: #940A28;
    text-decoration: none;
}


.zoo-index-a-z .business-uikit .tm-teaser-custom em {
    color: #313131;
}

/*
.business-uikit .uk-panel-box{
	background:#1197C1;
	color:#FFFFFF;
}

.business-uikit .uk-panel-box .uk-panel{
	border-bottom:1px solid #ffffff;
	padding-bottom:35px;
}*/


.yoo-zoo-cat > .uk-h1 {margin-top:0px; padding-top:0px;}


/*** DEFAULT COLORS/STYLES ***/
/* Root menu */
.dropdown-menu {
    background: #c4c7c8;
}
/* Root links */
.dropdown-menu a,
.dropdown-menu a:link,
.dropdown-menu a:visited {
    text-decoration: none;
    color: #393939;
    padding: 5px 9px;
}
/* Root link hover */
.dropdown-menu a:hover,
.dropdown-menu li.dropdown-menu-hover > a {
    color: #000;
}
/* Root menu item hover */
.dropdown-menu li:hover,
.dropdown-menu li.dropdown-menu-hover {
    background: #e0e2e2;
}
/* Submenus */
.dropdown-menu ul {
    border: 1px solid #c4c7c8;
    background: #e0e2e2;
}
/* Submenu item hover */
.dropdown-menu ul li:hover,
.dropdown-menu ul li.dropdown-menu-hover {
    background: #c4c7c8;
}

/* Optional submenu drop shadow */
.dropdown-menu-shadow {
    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
}

/*** ESSENTIAL STYLES ***/
.dropdown-menu {
    white-space: nowrap;
    display: inline-block;
    /* IE7 inline-block fix */
    *display: inline;
    *zoom: 1;
}
.dropdown-menu,
.dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.dropdown-menu ul {
    display: none;
    position: absolute;
    z-index: 1000000;
}
.dropdown-menu ul ul {
    top: 0;
    left: 100%;
}
.dropdown-menu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* IE7 inline-block and padding fix */
    *display: inline;
    *zoom: 1;
    *vertical-align: bottom;
}
.dropdown-menu li a {
    display: block;
}
.dropdown-menu ul li {
    position: relative;
    display: block;
}

/* Optional submenu arrows */
span.dropdown-menu-sub-indicator {
    margin-left: .4em;
    display: inline-block;
    vertical-align: baseline;
    /* Image Replacement */
    background-color: transparent;
    background-image: url('arrows-000000.png');
    background-repeat: no-repeat;
    background-position: 0 -100px;
    width: 10px;
    height: 10px;
    border: 0;
    overflow: hidden;
    /* IE7 image replacement fix */
    *text-indent: -9999px;
    /* IE7 inline-block fix */
    *display: inline;
    *zoom: 1;
    *vertical-align: middle;
}
span.dropdown-menu-sub-indicator:before {
    /* Image replacement */
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/* Arrow hovers */
.dropdown-menu li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px -100px;
}
/* Point arrows to the right for anchors in subs */
.dropdown-menu ul span.dropdown-menu-sub-indicator {
    background-position: 0 0;
}
.dropdown-menu ul li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu ul li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px 0;
}

/* Vertical-style menu with default width */
.dropdown-menu-vertical {
    width: 250px;
}
.dropdown-menu-vertical li {
    display: block;
    position: relative;
    /* IE7 fix */
    *float: left;
    *width: 100%;
}
.dropdown-menu-vertical span.dropdown-menu-sub-indicator {
    background-position: 0 0;
}
.dropdown-menu-vertical li:hover > a > span.dropdown-menu-sub-indicator,
.dropdown-menu-vertical li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
    background-position: -10px 0;
}

/* ========================================================================
 JQEURY UI - ACCORDION
 ========================================================================== */
.ui-accordion-header{
    background-color:#EAEAEA;
	border:1px solid #0D9AC2;
	padding:10px;
	cursor:pointer;
}

/* ========================================================================
 FORM OVERWRITE
 ========================================================================== */
/* Footer */
.uk-button, .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
   border-radius:5px;
}

.tm-block-footer .uk-form input, .tm-block-footer .uk-form textarea, .tm-block-footer .uk-form select {
    background: #37CAF6;
	color:#FFFFFF;
	border:none;
	margin-bottom:10px;
	padding: 20px;
	height:auto;
}

.tm-block-footer .uk-form input:focus, .tm-block-footer .uk-form textarea:focus, .tm-block-footer .uk-form select:focus {
    background: #B1EAFB;
	color:#005C76;
}

.tm-block-footer .uk-form input[type="submit"] {
    background: #005C76;

}
.tm-block-footer .uk-form input[type="submit"]:hover {
    background: #37CAF6;
}

.formBody select{
    background: #FFFFFF;
}



/* all */
.tm-block-footer .uk-form *::-moz-placeholder {
    color: #FFFFFF;
}
.tm-block-footer .uk-form *::-webkit-input-placeholder {
    color: #FFFFFF;
}
.tm-block-footer .uk-form *:-ms-input-placeholder {
    color: #FFFFFF;
}
.tm-block-footer .uk-form *input:-moz-placeholder {
    color: #FFFFFF;
}

/* Contact */


.contact-form input, .contact-form textarea, .contact-form  select {
    background: #37CAF6;
	color:#FFFFFF;
	border:none;
	margin-bottom:10px;
	padding: 10px;
	width:auto;
	height:auto;
	 border-radius:5px;
}
.contact-form legend {
	display:none !important;
}

.ui-tooltip{display:none !important;}

/* Other */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius:5px;
	background-color: #FFFFFF;
    border: 1px solid #dddddd;

}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background: #FFFFFF;
    border-color: #aaaaaa;
    box-shadow: none;
    outline: 0 none;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
	background-color: #FFFFFF;
     border-color: #aaaaaa;
    box-shadow: none;
    outline: 0 none;
}

/* ========================================================================
 FORM OVERWRITE ABONNEMENT
 ========================================================================== */
 
#abonnement {
    background-color: #eaeaea;
    border: 1px solid #d2d2d2;
    cursor: pointer;
    padding: 20px;
}
 
 #abonnement .rsform-block {
	margin-bottom:0px;
}
 
 #abonnement.formResponsive textarea,  #abonnement.formResponsive input[type="text"],  #abonnement.formResponsive input[type="password"], #abonnement.formResponsive select{
    background: #FFFFFF;
	color:#0A5C74;
	border:none;
	margin-bottom:10px;
	padding: 10px;
	width:auto;
	height:auto;
	 border-radius:5px;
	 box-shadow:none;
	 border:1px solid #A5A5A5;
	 font-size:16px;
}

#abonnement.formResponsive .formControlLabel {
    width: 200px;
}

#abonnement.formResponsive .formHorizontal .formControls {
    margin-left: 260px;
}

#abonnement.formResponsive input[type="submit"] {
    background: none repeat scroll 0 0 #005c76;
	padding: 20px;
	border: medium none;
    color: #ffffff;
	text-transform:capitalize;
	
}

/* ========================================================================
 FORM OVERWRITE SEARCH
 ========================================================================== */

.search-box {
   border: 1px solid #000000;
   width: 200px;
   float:right;
   position:relative;
   margin-top:-80px;
}
	
/* ========================================================================
 FOOTER DROPDOWN
========================================================================== */
.footer .uk-dropdown-small {
    min-width: 200px;
    padding: 10px;
    white-space: nowrap;
    width: auto;
}

.footer .uk-dropdown {
	background:#D7D7D7;
	color:#7D7D7D;
}

	
	
/*	
li.uk-parent > ul {
display: block; position: absolute; left:-190px; z-index:999; background:#0A5C74; padding:10px; list-style:none; border-radius: 10px; margin-top: 10px;
}
li.uk-parent > ul a{
color:#FFFFFF;
}

li.uk-parent > ul > li{
padding:6px;
border-radius: 4px;
}

li.uk-parent > ul > li:hover{
color:#FFFFFF;
background:#0F97C1;
}

*/

.TextFormContact {
	background-color: #EAEAEA;
	padding: 10px 10px 10px 35px;
	border: 1px solid #D2D2D2;
}

/*
Tool Tips Symboles des membres
*/

a.tooltips {
  position: relative;
  display: inline;
  margin: 0px 0px 0px 0px;
}
a.tooltips span {
  position: absolute;
  /*width:140px;*/
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -28px;
  z-index: 999;
}