/* tooltip design */
.ToolTips_product { display:block; position:absolute; width:180px; clear:both; top:0px;left:0px;}
.ToolTips_product .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(/images/tooltips/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips_product .message { display:block; position:relative; background:url(/images/tooltips/tip_body.png) center repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips_product .dockBottomHeader, 
.ToolTips_product .dockTopFooter { display:block; position:relative; background:url(/images/tooltips/dockBottomHeader.png) no-repeat bottom; height:24px;  }
.ToolTips_product .dockTopFooter { background:url(/images/tooltips/dockTopFooter.png) no-repeat bottom; height:24px; }

.ToolTips_product .dockBottomFooter,
.ToolTips_product .dockTopHeader { display:block; position:relative; background:url(/images/tooltips/dockBottomFooter.png); height:11px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips_product .dockTopHeader { background:url(/images/tooltips/dockTopHeader.png) bottom center no-repeat; height:13px; line-height:13px; font-size:0px; }

* html .ToolTips_product .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockBottomHeader.png'); }
* html .ToolTips_product .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockBottomFooter.png'); }
* html .ToolTips_product .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockTopHeader.png'); }
* html .ToolTips_product .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockTopFooter.png'); }
* html .ToolTips_product .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(/images/tooltips/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips_product .message { font-size:12px; text-align:justify; }
.ToolTips_product .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips_product .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

.tipper_product{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A3639;
	text-decoration:none;
}

.tipper_accessoire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A3639;
	text-decoration:none;
	float:left;
}.photo_qui_sommes_nous {
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #999999;
	margin-right: 10px;
}
.logo_certification {
	float: right;
	margin-right: 3px;
	margin-left: 3px;
}
.btn_lire_la_suite_index {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	line-height: 30px;
	color: #333333;
}

