/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*
 * This CSS file is for customization purpose only
 *
 * To make it easier to update a YOOtheme template to the latest version use
 * this custom.css file for small CSS modifications.
 *
 * How it works:
 * For example if you want to change a color which is applied in layout.css
 * just copy the original styling into this file right after the commented
 * section. Do this for all CSS modifications.
 *
 * In case you have to update the template save the custom.css file on your computer.
 * De-install and re-install the updated template version. And copy your saved
 * custom.css file back in place. Now compare your modification with the new CSS
 * files and make sure they are working.
 *
 * To load this file when Gzip is enabled in the template parameters do the following:
 * Open css/template.css.php and take a look at the last line. Uncomment follwing line:
 * // include(PATH_ROOT . 'custom.css');
 *
 * To load this file when Gzip is disabled in the template parameters do the following:
 * Open lib/php/yootools.php and take a look at line 100. Uncomment follwing line:
 * // $document->addStyleSheet($baseurl.'/css/custom.css');
 *
 */ 

/*
 * tooltips
 * TODO: change .tip box and remove fix
 */
.tip-wrap {
	display: none;
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
	z-index: 50;
}

.tip-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(../../../../../system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;
	
}

/* template related fix for tooltips */
.tip-wrap .tip {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
}

/* */
 .tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
/* */


/*
 * layout.css
 */


/*
 * general.css
 */



/*
 * menus.css
 */



/*
 * modules.css
 */
/*
 * module qualité
 * created by be
 */
div.customstyle-blank div.qualite {
	width:113px;
	margin-left:auto;
	margin-right:auto;
}
div.customstyle-blank div.qualite a{
	height:115px;
	width:113px;
	display:block;
	background: url(../../../images/stories/logo/logo-qualite-left-nb.png) no-repeat;
}
div.customstyle-blank div.qualite a:hover{
	background: url(../../../images/stories/logo/logo-qualite-left-color.png) no-repeat;
}

/*
 * joomla.css
 */



/*
 * extensions.css
 */



/*
 * [color]-[specific].css
 * Place here your color specific CSS changes depending on your choosen color variation
 */



/*
 * ie7hacks.css
 * use IE7 browser hacks to apply the styling only to IE7
 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }
 */



/*
 * ie6hacks.css
 * Use IE6 browser hacks to apply the styling only to IE6
 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }
 */