/* RESET STYLE 
	/////////////////////////////////////////////////*/
	*			{margin:0; padding:0; border:none; outline:none; list-style:none; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size:11px; color:#464646}
	body		{background:url(../images/bgd_site.gif) repeat-x #2f85a0; text-align:center}
	a			{text-decoration:none}
	a:hover	{text-decoration:underline}
	.clear	{clear:both; height:0; line-height:0}

	/* COMMON CLASSES
	/////////////////////////////////////////////////*/
	#container {width:960px; overflow:hidden; text-align:left; margin:0 auto}
	
		/* LEV 1
		/////////////////////////////////////////////////*/
		#header {width:960px; overflow:hidden}
		#header * {float:left}
		#header h2 {width:129px; height:84px; background:url(../images/logo_2.gif) no-repeat; }
		#header h2 span {margin:50px 0 0 24px; color:#FFF; text-align:right; text-transform:uppercase}
		#header .mainNav {display:block; width:600px; overflow:hidden; height:84px}
		#header .mainNav li {text-align:center}
		#header .mainNav a {dispay:block; height:34px; padding:50px 0 0 0; background-position:top; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#5c6a74}
		#header .mainNav a:hover ,  #header .mainNav .current a {background-position:bottom; color:#FFF}
		
		#header .mainNav .btnVoiture {background:url(../images/bgd_nav_voiture.gif); width:139px}
		#header .mainNav .btnGuide {background:url(../images/bgd_nav_guide.gif); width:94px}
		#header .mainNav .btnInfo {background:url(../images/bgd_nav_infos.gif); width:124px}
		#header .mainNav .btnAccessories {background:url(../images/bgd_nav_access.gif); width:103px}
		#header .mainNav .btnAnnuaire {background:url(../images/bgd_nav_annuaire.gif); width:86px}
		#header .mainNav .btnAide {background:url(../images/bgd_nav_aide.gif); width:54px}
		
		#header .navSub {margin:2px 0 0 7px}
		#header .navSub a {display:block; padding:3px 15px; background:#FFF; text-decoration:none}
		#header .navSub a:hover , #header .navSub .current {background:#2f85a0; color:#FFF}
	
		/* CONTENT
		/////////////////////////////////////////////////*/
		#content {background:url(../images/bgd_content.gif) 0 100% no-repeat; padding:0 3px 12px 3px; margin:5px 0 0 0; width:954px; overflow:hidden}
		
			/* MAIN HIGHLIGHT
			/////////////////////////////////////////////////*/
			.mainHighlight {width:194px; overflow:hidden; float:left}
			.mainHighlight h3 { text-transform:uppercase; height:37px; background:url(../images/bgd_h3.gif) 0 0 no-repeat; width:194px}
			.mainHighlight h3 img {float:left; margin:0 0 0 4px}
			.mainHighlight h3 strong {display:block; padding:12px 0 0 0; float:left; color:#FFF; text-align:center}
			.mainHighlightContainer {background:url(../images/bgd_highlight_bottom.gif) 0 100% no-repeat; padding:0 0 12px 0}
			.mainHighlightContainer img {display:block}
			.mainHighlightContainer div {padding:0 10px; background:url(../images/bgd_highlight_content.gif) repeat-y}
			.mainHighlightContainer div li {background:url(../images/ico_highlight_link.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 6px 0}
			.mainHighlightContainer div ul {display:block; overflow:hidden; width:180px}
			.mainHighlightContainer .accessories {text-align:center}
			.mainHighlightContainer .accessories img {display:inline; margin:0 0 15px 0}
			.mainHighlightContainer .accessories strong {color:#388198}
			.mainHighlightAdvertise {background:url(../images/bgd_highlight_ad.gif) no-repeat; text-align:center; padding:6px 0 0 0; margin:6px 0 0 0}
			
			.mainHighlightGuide strong {width:104px}
			.mainHighlightPractique strong {width:81px}
			.mainHighlightAccess strong {width:102px}
			.mainHighlightAnnuaire strong {width:106px}
				
			/* MAIN CONTENT
			/////////////////////////////////////////////////*/
			.mainContent {width:545px; overflow:hidden; float:left; padding:3px 0 3px 10px; margin:0 5px 0 6px; background:#FFF url(../images/bgd_content_main.gif) no-repeat}
			
			/* BREAD CRUMB
			/////////////////////////////////////////////////*/
			.breadcrumb {padding:4px 6px}
			.breadcrumb * {font-size:10px; font-weight:bold; margin:0 5px 0 0}
			.breadcrumb a {color:#48869a}
			.breadcrumb li {display:inline; color:#6e7477}
			
			/* MAIN CONTEXT
			/////////////////////////////////////////////////*/
			.mainContext {width:194px; overflow:hidden; float:left}
			.mainContext img {display:block}
			.mainContext .vendre {width:194px; height:157px; overflow:hidden; background:url(../images/bgd_context_vendre.gif) no-repeat}
			.mainContext .vendre h3 {margin:5px 0 0 80px; text-transform:uppercase; color:#FFF; font-size:10px}
			.mainContext .vendre p {display:block; width:190px; overflow:hidden}
			.mainContext .vendre p img {float:right; margin:34px 8px 0 0; display:inline}
			.mainContext .vendre p a {background:url(../images/ico_highlight_link.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:40px 0 0 5px; display:block;}
			
			.mainContext .mainHighlightAdvertise img {display:inline; margin:30px 0 0 0}
			
			.mainContextContainer {background:url(../images/bgd_highlight_bottom.gif) 0 100% no-repeat; padding:0 0 12px 0}
			.mainContextContainer div {padding:5px 10px; background:url(../images/bgd_highlight_content.gif) repeat-y}
			.mainContextContainer div li {background:url(../images/ico_highlight_link.gif) 0 4px no-repeat; padding:0 0 0 10px}
			
			.mainContextAccess {width:194px; overflow:hidden}
			.mainContextAccess h3 {text-transform:uppercase; height:36px; background:url(../images/bgd_h3.gif) no-repeat}
			.mainContextAccess h3 img {float:left; margin:0 0 0 4px; display:inline}
			.mainContextAccess h3 strong {display:block; padding:12px 0 0 0; float:left; color:#FFF; text-align:center; width:111px}
						
			.mainContextLogin {background:url(../images/bgd_context_mon_bottom.gif) 0 100% no-repeat; padding:0 0 5px 0; margin:5px 0 0 0}
			.mainContextLogin div {padding:4px 10px; background:url(../images/bgd_context_mon_content.gif) no-repeat}
			.mainContextLogin div li {background:url(../images/ico_highlight_link.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 4px 0}
			.mainContextLogin div a {background:url(../images/ico_context_link.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 0 53px; color:#FFF}
			.mainContextLogin div p {width:180px; overflow:hidden; padding:2px 5px}
			.mainContextLogin label {width:40px; display:block; float:left}
			.mainContextLogin .textField {width:120px; float:left; border:1px solid #948683}
			.mainContextLogin .frmConnecter {float:right; margin:0 18px 0 0}
			
			/* FORM SEARCH on HOMEPAGE
			/////////////////////////////////////////////////*/
			.homeFrmSearch {width:535px; overflow:hidden; background:url(../images/bgd_frm_search.gif) no-repeat; display:block}
			.homeFrmSearch h3 {display:block; height:29px; text-align:center}
			.homeFrmSearch fieldset {width:340px; height:234px; overflow:hidden; background:url(../images/visu_home_search.jpg) no-repeat; padding:10px 0 0 192px; display:block}
			.homeFrmSearch fieldset p {display:block; overflow:hidden}
			.homeFrmSearch fieldset input {float:left}
			
			.homeFrmSearch .columnSingle {width:150px; padding:2px 0 2px 182px; clear:both}
			.homeFrmSearch .columnDouble {width:154px; float:left; padding:2px 0 2px 14px}
			.homeFrmSearch .columnTriple {width:90px; float:left; padding:5px 10px}
			.homeFrmSearch .controlOption {width:340px; clear:both; padding:5px 10px}
			.homeFrmSearch .controlOption * {float:left; margin:0 4px 0 0; height:14px}
			.homeFrmSearch .controlOption input {width:15px}
			.homeFrmSearch .controlOption .frmSubmit {float:right; width:114px; height:20px; margin:0 20px 0 0}
			.homeFrmSearch .textField_1 {width:142px; border:1px solid #948683; padding:1px}
			.homeFrmSearch .textField_2 {width:94px; border:1px solid #948683; padding:1px}
			.homeFrmSearch .subControl {padding:39px 0 0 0}
			.homeFrmSearch .subControl .balance {margin:0 88px 0 15px}
			
			/* HOME SLIDESHOW
			/////////////////////////////////////////////////*/
			.homeCarSlide {background:url(../images/bgd_home_slideshow.gif) no-repeat; width:505px; height:129px; overflow:hidden; padding:10px 15px 0 15px; margin:15px 0; text-align:center}
			.homeCarSlide div {background:url(../images/bgd_home_thumbnail.gif) no-repeat; width:118px; height:106px; overflow:hidden; float:left; margin:0 4px 1px 4px; display:inline}
			.homeCarSlide div a {color:#388198; font-weight:bold}
			.homeCarSlide .carThumb {height:120px}
			
				/* L'ACTUALITE
			/////////////////////////////////////////////////*/
			.l_actualite {width:535px; overflow:hidden; margin:0 0 20px 0}
			.l_actualite h3 {display:block; border-bottom:2px solid #88bd48; margin:0 0 5px 0}
			.l_actualite h3 strong {background:url(../images/tit_h3_l_actualite.gif) no-repeat; width:101px; height:20px; padding:7px 0 0 0; text-align:center; display:block; color:#FFF; text-transform:uppercase}
			.l_actualite a {color:#88bd48; font-weight:bold; line-height:2em; background:url(../images/ico_plus.gif) 0 3px no-repeat; padding:0 0 0 16px}
			.l_actualite .content {padding:0 0 0 16px}
			.l_actualite .content a {background:none; color:#388198; padding:0}
			.l_actualite .current a {background:url(../images/ico_minus.gif) 0 3px no-repeat}
			
			.leTop10 {width:175px; float:left; overflow:hidden; margin:0 30px 0 0}
			.leTop10 a {color:#388198}
			.leTop10 h3 {display:block; border-bottom:2px solid #88bd48; margin:0 0 15px 0}
			.leTop10 h3 strong {background:url(../images/tit_h3_top.gif) no-repeat; width:160px; height:20px; padding:7px 0 0 0; text-align:center; display:block; color:#FFF; text-transform:uppercase}
			.leTop10 strong {color:#a2a2a2}

			.leTop20 {float:left}
			.leTop20 a {color:#388198}
			.leTop20 h3 {display:block; border-bottom:2px solid #88bd48; margin:0 0 15px 0}
			.leTop20 h3 strong {background:url(../images/tit_h3_top.gif) no-repeat; width:160px; height:20px; padding:7px 0 0 0; text-align:center; display:block; color:#FFF; text-transform:uppercase}
			.leTop20 strong {color:#a2a2a2}
			.leTop20Container {background:url(../images/bgd_home_top20.gif) 165px 50px repeat-y; overflow:hidden; width:330px}
			.leTop20Container div {width:165px; float:left; overflow:hidden}
			.leTop20Container .balance {padding:0 0 0 12px; width:153px}
		
		/* FOOTER
		/////////////////////////////////////////////////*/
		#footer {width:954px; overflow:hidden; padding:0 0 15px 0}
		#footer .columnDouble {width:460px; overflow:hidden; float:left}
		#footer .columnDouble h3 {display:block; background:url(../images/bgd_footer_dotted.gif) 0 100% repeat-x; padding:5px 0; margin:0 0 10px 0; text-transform:uppercase; color:#bad6df}
		#footer .columnDouble a {color:#91becd; text-decoration:underline}
		#footer .columnDouble a:hover {text-decoration:none}
		#footer .balance {padding:0 0 0 34px}
		#footer .balance h3 {margin:0}
		
		#footer .information {background:url(../images/bgd_footer_dotted.gif) repeat-x; padding:8px 0; text-align:center; clear:both; line-height:20px}
		#footer .information p {color:#91becd}
		#footer .information li {display:inline; background:url(../images/bgd_footer_sep.gif) 100% 3px no-repeat; padding:0 8px 0 0; margin:0 10px 0 0}
		#footer .information a , #footer .information strong {color:#FFF}
		#footer .information .balance {padding:0; background:none}