/*********************************************************
 * 
 * index.css
 * 
 ********************************************************/










/*********************************************************
 * 
 * CSS style guide %= topmenu
 * 
 *********************************************************
 
	%= Master
		%= Reset
		%= Global
		%= Links

	%= Common
	
	%= Header
		%= logo
		%= logo text
		%= navigation

	%= Content
		%= main
		%= sidebar
		
	%= Footer
		%= menu
		%= address
	
 ********************************************************/










/*********************************************************
 * 
 * %= Master
 * 
 ********************************************************/



	/* %= Reset
	-------------------------------------------------------*/
	html, body, div, span, button, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
	:focus{outline:0;}
	body{background:white; color:black; line-height:1.0em;}
	ol, ul{list-style:none;}
	table{border-collapse:collapse; border-spacing:0;}
	caption, th, td{text-align:left; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after{content:"";}



	/* %= Global
	-------------------------------------------------------*/
	html,
	input,
	select,
	textarea{font-size:100%;}
	body{background:#111; color:#666; font:0.625em/1em Verdana, Helvetica, Arial, sans-serif; text-align:center;}
	button{background:none; cursor:pointer;}
	.inner{margin:0 auto; text-align:left; width:765px;}



	/* %= Links
	-------------------------------------------------------*/
	a img {border:0;}
	a:link,a:visited{color:#fca200; font-weight:bold; text-decoration:underline;}
	a:hover{color:#fca200; text-decoration:none;}
	a:active{}











/*********************************************************
 * 
 * %= Header
 * 
 ********************************************************/



	#header{background:#fff; border-bottom:1px solid #bbb;}
	#header .inner{background:url(img/bg_header.png) no-repeat 401px 0;}
	
	
	
	/* %= logo
	-------------------------------------------------------*/
	#logo{background:url(img/prodilog.png) no-repeat; float:left; height:70px; margin:20px 0 0 0; text-indent:-4000px; width:162px;}



	/* %= logo text
	-------------------------------------------------------*/
	#logo_text{color:#f8b323; float:right; font-size:1.9em; line-height:1.0em; margin:25px 0 0 0;}
	#logo_text strong{color:#666;}



	/* %= navigation
	-------------------------------------------------------*/
	#navigation{clear:both; float:right; font-size:1.2em;}
	#navigation li{display:inline; float:left;}
	#navigation li a{background:url(img/nav_left.png) no-repeat top left; color:#666; cursor:pointer; float:left; font-weight:bold; margin:0 0 0 1px; padding:0 0 0 3px; text-decoration:none;}
	#navigation li a span{background:url(img/nav_right.png) no-repeat top right; display:inline; float:left; height:26px; line-height:26px; padding:0 15px 0 9px;}
	#navigation li a:hover{background-position:0 -26px; color:#fff;}
	#navigation li a:hover span{background-position:100% -26px;}
	#navigation li.selected a, #navigation .hover{background-position:0 -26px; color:#fff;}
	#navigation li.selected a span, #navigation .hover span{background-position:100% -26px;}
	
	#navigation .sub_category{background:#efa409; clear:left; display:none; margin:26px 0 0 1px; position:absolute; z-index:90;}
	.ie6 #navigation .sub_category,
	.ie7 #navigation .sub_category{display:none; margin:0;}
	.ie6 #navigation .sub_category{width:120px;}
	#navigation .sub_category li{border-bottom:1px solid #fff; display:list-item; float:none;}
	#navigation .sub_category a{background:none; border:0; color:#fff; display:block; float:none; font-weight:normal; margin:0; padding:6px 50px 6px 12px;}
	.ie6 #navigation .sub_category a{width:100%;}
	#navigation .sub_category a:hover{background:#a86c00; color:#fff;}










/*********************************************************
 * 
 * %= Highlight
 * 
 ********************************************************/



	#highlight{background:url(img/bg_highlight.png) repeat-x #ddd; height:116px;}










/*********************************************************
 * 
 * %= Content
 * 
 ********************************************************/



	#content{background:url(img/bg_content.png) repeat-x #fff; padding:10px 0 20px 0;}
	
	
	
	
	
	
	
	/*********************************************************
	 * 
	 * %= Main
	 * 
	 ********************************************************/
	
	
	
		#content .main{float:left; width:610px;}
		
		
		
		/* %= colonnes
		-------------------------------------------------------*/
		#content .main .left{float:left; width:300px; overflow:hidden;}
		#content .main .right{float:right; width:300px;}
		
		
		
		/* %= article
		-------------------------------------------------------*/
		#content .article{background:#f7f7f7; margin:0 0 10px 0;}
		#content .article h1,
		#content .main h2{background:url(img/bg_title.png) repeat-x; color:#fff; font-size:1.5em; font-weight:bold; height:34px; line-height:34px; padding:0 0 0 12px;}
		#content .article h1 span{float:left; height:34px; overflow:hidden; width:580px;}
		#content .main h2 span{float:left; height:34px; overflow:hidden; width:270px;}
		#content .article h1 img,
		#content .main h2 img{float:right;}
		
		#content .article .text{border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; font-size:1.1em; line-height:1.5em; padding:10px;}
		#content .article .text strong,
		#content .article .text b{font-weight:bold;}
		#content .article .text .image{background:#fff; border:1px solid #ccc; float:left; margin:0 20px 10px 0; padding:5px;}
		
		
		
		/* %= google map
		-------------------------------------------------------*/
		#content #map_prodilog{border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; height:400px; width:298px;}
		#content #map_prodilog div span{display:block;}
		
		#map_infobulle{font-size:1.1em; list-style:none; padding:14px 0 0 85px;}
		#map_infobulle li{margin:0 0 4px 0;}
		#map_infobulle li.img{position:absolute; margin:-14px 0 0 -90px;}
		.ie7 #map_infobulle li.img{position:absolute; margin:-14px 0 0 -45px;}
		.ie6 #map_infobulle li.img{position:absolute; margin:-14px 0 0 -45px;}
		#map_infobulle .titre{color:#fca200; font-weight:bold;}
		
		
		
		/* %= screenshots
		-------------------------------------------------------*/
		#content .article .screenshots{border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; padding:14px 0 0 1px;}
		#content .article .screenshots li{display:inline;}
		#content .article .screenshots li a{border:1px solid #f7f7f7;float:left; margin:0 0 13px 13px;}
		#content .article .screenshots li a:hover{border-color:#fca200;}
		
		
		
		/* %= rdv
		-------------------------------------------------------*/
		#content .article .rdv{border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; padding:10px;}
		#content .article .rdv p{font-size:1.1em; margin:0 0 6px 0; line-height:1.2em;}
		#content .article .rdv p.instructions{line-height:1.4em; margin:0 0 20px 0;}
		#content .article .rdv label{line-height:2.0em; float:left; padding:0 10px 0 0; text-align:right; width:100px;}
		#content .article .rdv input{border:1px solid #ccc; color:#666;font:1.2em Arial, Helvetica, sans-serif; padding:3px 5px;}
		#content .article .rdv textarea{border:1px solid #ccc; color:#666; font:1.2em Arial, Helvetica, sans-serif; padding:3px 5px; width:460px;}
		#content .article .rdv .bt_submit{border:none; padding:5px 0 0 0;}
		#content .article .rdv .feedback{color:#B00; font-size:1.2em; font-weight:bold; margin:10px 0 5px 110px;}
		
		
		
		
	
	
	
	
	
	
	
	/*********************************************************
	 * 
	 * %= Sidebar
	 * 
	 ********************************************************/
	
	
	
		#content .sidebar{float:right; width:145px;}
		#content .sidebar .block{background:#f7f7f7; margin:0 0 10px 0;}
		#content .sidebar .text{border-color:#ddd; border-style:solid; border-width:0 1px 1px 1px; font-size:1.1em; line-height:1.4em; padding:10px;}
		#content .sidebar .text a{color:#666; font-weight:normal; text-decoration:none;}
		
		








/*********************************************************
 * 
 * %= Footer
 * 
 ********************************************************/



	#footer{background:url(img/bg_footer.jpg) repeat-x #111; font-size:1.1em; padding:20px 0 100px 0;}
	
	
	/* %= menu
	-------------------------------------------------------*/
	#footer .inner ul{margin:10px 80px; text-align:center;}
	#footer .inner ul li{color:#999; display:inline; line-height:2.0em;}
	#footer .inner ul li a{color:#fff; text-decoration:none;}
	#footer .inner ul li a:hover{text-decoration:underline;}



	/* %= address
	-------------------------------------------------------*/
	#footer .inner div{border-top:1px solid #666; color:#fff; margin:0 50px; padding:10px 0 0 0; text-align:center;}
	#footer .inner div p{margin:0 0 15px 0;}
	#footer .inner div a{color:#fff;}











/*********************************************************
 * 
 * %= Divers
 * 
 ********************************************************/



	/* Clearfix
	-------------------------------------------------------*/
	.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
	/* End hide from IE-mac */