﻿/*----------------------------------------------------------------------

	Feuille de styles pour les pages rubriques
	
	Compatible avec :
	
	PC	//	Internet Explorer 7 et +, Firefox 3.0 et +, Chrome
	MAC //	Safari, Firefox, Chrome
	
	Auteur : Benoit Renaud (base de Inpix)

-----------------------------------------------------------------------*/

#col_primaire h6 { padding-top: 10px; padding-bottom: 5px; }
#col_primaire div.section_image h3 { padding: 0 0 0 0; }
#col_primaire div.section_image div.cadreimage { position: relative; padding-bottom: 1px; text-align: right; margin-left: 5px; margin-right: 0px; }
#col_primaire div.boite h4 { margin-bottom:0px; }

#player_video { margin: 5px 0 0; padding-bottom:0px; }
.section_video h3 { padding-bottom: 6px!important;}

/* New style Nov 2010 */
#col_primaire div.separation { border:0px; background:none; margin-bottom:0; }
#col_primaire div.section_image { background:#FFF; border:1px dotted #ababab; padding:5px; margin:0px; }
#col_primaire div.contenu { padding:0px; background:none; border:0px; }
#col_primaire div.section_image h2 { font-size: 1.125em; line-height:1.2em; padding-bottom:4px; overflow:visible; }
#col_primaire div.section_image h2 span { float:none; padding:0; }
#col_primaire div.bas_rubrique { margin-top:10px; }

/* Diverses sections de la colonne de contenu primaire */
#col_primaire div.section_2col { width: inherit; overflow: hidden;  background:#FFFFFF; border: 1px dotted #ABABAB; padding: 5px; }
	#col_primaire div.section_2col div.colonne { float: right; width: 285px; border-top:1px dotted #c6c6c6; padding:5px 0 3px; }
	#col_primaire div.section_2col div.premier { float: left !important; }
	#col_primaire div.section_2col div.top { border-top:0px !important; padding-top:0px !important; }
	#col_primaire div.section_2col div.conteneur { position: relative; }
	#col_primaire div.section_2col div.float { margin-bottom: 8px; margin-right: 5px; }
		#col_primaire div.section_2col p { font-size: 0.69em; line-height: 1.2em; padding-top: 5px;}
		#col_primaire div.section_2col p.comment { border:0px; margin:0; }

/* Alignement image float */
#col_primaire div.img_moyenne { padding-left:225px !important; }
	#col_primaire div.img_moyenne div.float { margin-left:-220px !important; }
	
#col_primaire div.img_petite { padding-left:145px !important; }
	#col_primaire div.img_petite div.float { margin-left:-140px !important; }
	
#col_primaire div.img_petite_altern { padding-right:145px !important; }
	#col_primaire div.img_petite_altern div.float_altern { margin-right:-140px !important; }

/* Bloc Vox Conso */
#VoxConsoShareBox { padding:6px; background-color:#FFF; border:1px solid #c80808;  width:598px; }
	#VoxConsoShareBox div.entete { border-bottom:1px solid #ddd; margin-bottom:1px; overflow:hidden; width:598px; }
		#VoxConsoShareBox div.entete img { float:left; display:block; }
		#VoxConsoShareBox div.entete h4 { float:left; font-size:10px; font-weight:normal; color:#333; width:140px; padding:8px 0 0 20px; }
		#VoxConsoShareBox div.entete div { float:right; text-align:right; width:230px; padding-top:8px; }
			#VoxConsoShareBox div.entete div a { display:block; font-size:10px; }
			
	#VoxConsoShareBox div.conteneur { overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding-left:5px; width:593px; }
	#VoxConsoShareBox div.bas { border-top:1px solid #ddd; margin-top:1px; padding-top:12px; font-size:11px; overflow:hidden; width:598px; }
		#VoxConsoShareBox div.bas a { float:right; }
	#VoxConsoShareBox a:hover { text-decoration:underline!important; }
	#VoxConsoShareBox div.conteneur p { width:231px; float:left; position:relative; padding:10px 15px 5px 50px; overflow:hidden; margin:0px; font-size:11px; color:#404040; }

#VoxConsoShareBox .MiseAuPoint { border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin-bottom:1px; padding:0 0 10px 10px; }
	#VoxConsoShareBox .MiseAuPoint h3 { overflow:hidden; text-indent:-9999px; background:url(/images/refonte-2011/ti-voxconso-miseaupoint2.png) no-repeat top left; width:667px; height:70px; margin-left:-24px; }
	#VoxConsoShareBox .MiseAuPoint h5 { margin-bottom:3px; padding:0; }
		#VoxConsoShareBox .MiseAuPoint h5 a { font-size:18px; font-weight:bold; color:#C80808; }
	#VoxConsoShareBox .MiseAuPoint p { font-size:12px; line-height:1.4; color:#404040; margin-bottom:12px; }
	#VoxConsoShareBox .MiseAuPoint a { font-size:10px; }

/* Bloc Boutique */
#bloc_boutique .titre { padding:10px 10px 0; }
#bloc_boutique .menu { padding:10px 0 0 10px; list-style:none; overflow:hidden; }
#bloc_boutique .menu li { float:left; font-size:11px; padding:10px 0 10px 43px; overflow:hidden; margin-right:10px; width:92px; border-top:1px dotted #c84608; }
	#bloc_boutique .menu li.top { border-top:0px !important; padding-top:0px !important; }
#bloc_boutique .menu img { float:left; margin-left:-43px; padding:1px; background-color:#FFF; border:1px solid #e2e2e2; }
#bloc_boutique p.tous { margin:0 5px !important; }

/* Menu Tabulaire */
.tab_menu { width:600px; overflow:hidden; list-style:none !important; }
.tab_menu li { height:21px; padding:0 15px; float:left; margin-right:2px; color:#5788ba; font-weight:bold; font-size:11px; background-color:#f1f1f1; border:1px solid #d7d7d7; border-width:1px 1px 0 1px; border-bottom:1px dotted #d7d7d7; }
.tab_menu li a { padding-top:3px; display:block; }
.tab_menu li.actif { border-color:#FFF; border-bottom-color:#c84608; background-color:#FFF; }
	.tab_menu li.actif a{ color:#666; }
	
.tab_contenu { background-color:#FFF; margin-bottom:10px; display:none; padding:10px 0 10px 10px; }
	.tab_contenu.actif { display:block; }
	
	
/* Boite de recherche guide auto */
.tab_auto p { font-size:11px; margin-bottom:12px; padding-right:10px; zoom:1; }
.tab_auto h3 { margin-bottom:5px; }
	.tab_auto div.box_recherche { float:left; width:150px; }
		.tab_auto div.box_recherche select {  width:130px; margin-bottom:12px; border: 1px solid #D4D4D4; }
	
	.tab_auto div.box_categorie { float:left; width:450px; overflow:hidden; border-left:1px dotted #C6C6C6; }
		.tab_auto div.box_categorie img { display:block; float:left; }
			.tab_auto div.box_categorie img.cat_img_marge { margin-right:20px; }
		
		.tab_auto div.box_categorie h3 { padding-left:16px; }
		.tab_auto p.tous { border:none !important; padding:0 10px 0 0 !important; }
		
#tab_auto_occasion div.box_categorie img:first-child { height:62px; }

/* Bloc RoadTest */
.titre_roadtest { text-transform:uppercase; font-size:14px !important; border-bottom:1px dotted #C6C6C6; margin-bottom:10px; padding-bottom:8px !important; }
.wrap_roadtest div.sep { margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #C6C6C6; }
.wrap_roadtest p.tous { border:none !important; padding:0 10px 0 0 !important; }
.wrap_roadtest div.col_video { width:400px; float:left; }
	.wrap_roadtest div.col_video .section1 { margin-bottom:10px; }

#col_primaire div.boite .wrap_roadtest p.comment { border:0; padding-top:0; margin-top:0; }

.wrap_roadtest div.col_videolist { width:180px; float:right; border-left:1px dotted #C6C6C6; padding:0 0 0 10px; }
	.wrap_roadtest div.item_list {  }
	.wrap_roadtest div.item_list img { border:1px solid #A6A6A6; padding:1px; margin-bottom:3px; height:68px; }
	.wrap_roadtest div.item_list p.comment { border:0px !important; margin:0 !important; }
