/* ************************************************
 * Styles VIGNETTE
 *
 * Ewindsurf
 * Version 1
 * Date: 10/03/2008
 *
 **************************************************/


/****** Menu sélection *******/
div.menu_tri_titre {
	clear:both;
	display:block;
	width:370px;
	height:40px;
	margin:20px 0 0 15px;
	background: url(../images2/bg_menuTri_selectionCentre.jpg) repeat-x left top;
}
	div.menu_tri_titreGauche {
		float:left;
		width: 45px;
		height:40px;
		background: url(../images2/bg_menuTri_selectionGauche.jpg) no-repeat left top;
	}
	div.menu_tri_titreDroite {
		float:right;
		width: 20px;
		height:40px;
		background: url(../images2/bg_menuTri_selectionDroite.jpg) no-repeat left top;
	}
	div.menu_tri_titre p {
		display:block;
		float:left;
		width:300px;
		height:35px;
		line-height:35px;
		margin:0;
		padding:0;
		font-size:15px;
		color:#FFFFFF;
		border:none;
	}
p.menu_tri_description {
	display:block;
	width: 520px;
	height:auto;
	margin-top:10px;
	padding:5px 34px;
}

/* Menu de selection */
div.menu_tri {
	clear:both;
	display:block;
	width: 560px;
	height:50px;
	margin:0 0 0 18px;
	background: url(../images2/bg_menuTri_centre.jpg) repeat-x left top;
}
	div.menu_triGauche {
		float:left;
		width: 20px;
		height:35px;
		background: url(../images2/bg_menuTri_Gauche.jpg) no-repeat left top;
	}
	div.menu_triDroite {
		float:right;
		width: 20px;
		height:35px;
		background: url(../images2/bg_menuTri_Droite.jpg) no-repeat left top;
	}
	div.menu_tri ul {
		display:block;
		float:left;
		width: 420px;
		height:30px;
		line-height:30px;
		margin:0;
		padding:0 0 0 5px;
	}
		
		div.menu_tri ul li {
			display:inline;
			float:left;
			height:32px;
			line-height:32px;
			margin:2px 3px 0 3px;
			font-size:14px;
			font-weight:bold;
			text-transform: uppercase;
			background:none;
		}
		/* Différentes couleur des menus */
		div.menu_tri ul li.select_news {
			color:#333333;
			padding-left:15px;
			background: url(../images/icon_puce1.gif) no-repeat left center;
		}
		div.menu_tri ul li.select_promo {
			color:#CC3300;
			padding-left:15px;
			background: url(../images/icon_puce1.gif) no-repeat left center;
		}
		
		div.menu_tri ul li.select_demo { 
			color:#000066;
			padding-left:15px;
			background: url(../images/icon_puce1.gif) no-repeat left center;
		}
		div.menu_tri ul li.select_occasion {
			color:#339900;
			padding-left:15px;
			background: url(../images/icon_puce1.gif) no-repeat left center;
		}
		
		div.menu_tri ul li a {
			color:#FFFFFF;
			text-transform: uppercase;
		}
				
		div.menu_tri ul li a.lien_news:hover { color:#000000; }
		div.menu_tri ul li a.lien_promo:hover { color:#CC3300; }
		div.menu_tri ul li a.lien_demo:hover { color:#00009F; }
		div.menu_tri ul li a.lien_occasion:hover { color:#339900; }
		
		/* Nombre d'article */
		p.nb_article {
			display:block;
			float:left;
			width:85px;
			height:30px;
			line-height:30px;
			margin:2px 0 0 5px;
			padding:0;
			font-weight:bold;
			font-size:13px;
			text-align:right;
			color:#000000;
		}
		
		
/********* Menu tri archives **********/
fieldset#menu_tri_archives {
	clear:both;
	width: 530px;
	height:45px;
	margin:-5px 0 0 15px;
}
	fieldset#menu_tri_archives label {
		margin:0 0 0 9px;
	}
		select#marque_id { width:110px; }
		select#famille_id { width:115px; }
		select#millesime_id { width:65px; }
		
		input#bt_menu_tri {
			float:right;
		}
	

/******** Sous menu de gauche *********/
div.spacer_menu_gauche{
	width:230px;
	height:25px;
	display:block;
}

/* Flux RSS */
h2#ssmenu_gauche_fluxRSS {
	display:block;
	width:200px;
	height:65px;
	margin:0 0 0 15px;
	padding:0;
	background: no-repeat url(../images2/icon_rssBig.gif) left top;
	border:none;
}
h2#ssmenu_gauche_fluxRSS a {
	display:block;
	width:135px;
	height:55px;
	line-height:55px;
	margin:0;
	padding:0 0 0 60px;
	font-size:22px;
	font-weight:normal;
	font-family:Georgia;
	color:#666666;
}
h2#ssmenu_gauche_fluxRSS a:hover { color:#CCCCCC; }
	
/* Sous menu de navigation */
dl.ssmenu{
	display:block;
	width:226px;
	margin:20px 0 0 5px;
	padding:0;
	background: repeat-x left top url(../images2/bg_titre_ssmenuGauche.jpg);
}
	dl.ssmenu dt{
		width:185px;
		height:33px;
		line-height:30px;
		margin:0 0 0 5px;
		font-size:16px;
		color:#FFFFFF;
	}
		dl.ssmenu dt span{ float:right }
	
	dl.ssmenu dd {
		clear:both;
		margin:0;
		padding:0;
	}
		dl.ssmenu dd ul {
			margin:0;
			padding:0;
		}
		dl.ssmenu dd ul li {
			line-height:28px;
			margin:1px 0 0 5px;
			padding:0 2px;
			background: no-repeat left bottom url(../images2/bg_ssmenu_separateur.jpg);
		}
		
		dl.ssmenu dd ul li a {
			display:block;
			width:180px;
			line-height:24px;
			margin:0;
			padding-left:35px;
			color:#666666;
			background: url(../images/icon_lien_ssmenu.gif) no-repeat 15px center;
		}
		dl.ssmenu dd ul li a:hover{
			display:block;
			width:180px;
			line-height:24px;
			margin:0;
			padding-left:40px;
			color:#0071E1;
			background: url(../images/icon_lien_ssmenu.gif) no-repeat 20px center;
		}
		
		/* Style actus */
		dl.ssmenu dd ul li a.actus {
			display:block;
			width:210px;
			height:70px;
			line-height:24px;
			padding:0;
			margin:0;
			color:#666666;
			font-weight:normal;
			cursor:pointer;
			background: url(../images2/bg_ssmenu_calendrier.jpg) no-repeat left top;
		}
		dl.ssmenu dd ul li a.actus:hover {
			opacity:0.50;
			-moz-opacity:0.50;
			filter:Alpha(opacity=50);
		}
		
		dl.ssmenu dd ul li a.actus span.cal1 {	
			float:left;
			display:block;
			width:40px;
			height:16px;
			line-height:16px;
			margin:9px 0 0 4px;
			text-align:center;
			font-size:14px;
			color:#FFFFFF;
		}
		dl.ssmenu dd ul li a.actus span.cal2 {	
			float:left;
			display:block;
			width:40px;
			height:26px;
			line-height:26px;
			margin:2px 0 0 4px;
			text-align:center;
			font-size:24px;
			font-weight:bold;
			color:#FFFFFF;
		}
		dl.ssmenu dd ul li a.actus strong {	
			float:right;
			display:block;
			width:155px;
			height:55px;
			line-height:14px;
			margin-top:5px;
			font-size:12px;
			color:#333333;
		}
		dl.ssmenu dd ul li a.actus strong i {	
			font-size:11px;
			font-weight:normal;
			color:#666666;
		}


/*********** Sous menu de droite *************/

	div#cadre_droite span.titreGauche {
		clear:both;
		display:block;
		margin:0;
		padding:0 0 0 15px;
		width:137px;
		height:28px;
		line-height:28px;
		font-family:Georgia;
		font-weight:normal;
		font-size:17px;
		color:#FFFFFF;
		background: url(../images2/bg_menu.jpg) repeat-x left top;
		border:none;
	}
	
	
	/**************************
	 * Cadre des pub
	 **************************/
	div.cadre_droite_pub {
		clear:both;
		overflow:hidden;
		width:152px;
		height:240px;
		cursor:pointer;
		background-color:#FFFFFF;
	}
	div.cadre_droite_pub_over {
		clear:both;
		overflow:hidden;
		width:152px;
		height:240px;
		opacity:0.50;
		-moz-opacity:0.50;
		filter:Alpha(opacity=50);
		background-color:#FFFFFF;
		cursor:pointer;
	}
	
	/* Conteneur de scroll */
   div.cadre_droite_pub_scroll {
		clear:both;
		z-index:10;
		width:152px;
		overflow:hidden;
		height:240px;
		margin-top:1px;
		background-color:#FFFFFF;
	}
		/* Image */
		img.cadre_droite_pub_image {
			position:absolute;
			z-index:2;
			overflow:hidden;
			width:114px;
			height:220px;
			margin:10px 0 0 5px;
			text-align:center;
		}
		div.cadre_droite_pub_texte {
			position:absolute;
			z-index:10;
			display:block;
			width:145px;
			height:225px;
			margin:5px 0 0 0;
			background: url(../images2/bg_cadrePromo_prix.gif) no-repeat right 80px;
		}
			
			/* Titre marque, modèle millésime */
			div.cadre_droite_pub_texte p, div.cadre_droite_pub_texte p a {
				display:block;
				width:140px;
				height:60px;
			}
			
			strong.cadre_droite_pub_marque {
				display:block;
				float:right;
				width:120px;
				height:14px;
				line-height:14px;
				text-align:right;
				font-weight:bold;
				font-size:14px;
			}
			strong.cadre_droite_pub_modele {
				display:block;
				float:right;
				overflow:hidden;
				width:120px;
				height:15px;
				line-height:15px;
				text-align:right;
				font-weight:bold;
				font-size:15px;
				color:#333333;
			}
			span.cadre_droite_pub_millesime {
				display:block;
				float:right;
				width:120px;
				height:15px;
				line-height:15px;
				text-align:right;
				font-weight:bold;
				font-size:14px;
				color:#666666;
			}
			
			/* Prix et promo */
			span.cadre_droite_pub_textePrix {
				clear:both;
				display:block;
				float:right;
				width:60px;
				height:30px;
				line-height:30px;
				margin-top:35px;
				text-align:center;
				font-weight:bold;
				font-size:18px;
				font-family:Arial, Helvetica, sans-serif;
				color:#FF0000;
			}
			span.cadre_droite_pub_textePromo {
				clear:both;
				display:block;
				float:right;
				width:50px;
				height:15px;
				line-height:15px;
				margin-top:21px;
				padding-right:5px;
				text-align:center;
				text-decoration: line-through;
				font-weight:bold;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				color:#080000;
			}
	
	/* Newsletter */
	div#cadre_gauche_newsletter {
		clear:both;
		display:block;
		width:140px;
		height:144px;
		margin-top:1px;
		padding: 5px;
		background: url(../images2/bg_newsletter.jpg) no-repeat left bottom;
	}
		div#cadre_gauche_newsletter p {
			clear:both;
			display:block;
			width:138px;
			height:65px;
			margin:5px 0 0 0;
			font-size:10px;
			color:#666666;
		}
		div#cadre_gauche_newsletter p a {
			font-size:10px;
			color:#666666;
		}
		div#cadre_gauche_newsletter p a:hover { color:#CCCCCC; }
		
		div#cadre_gauche_newsletter form {
			display:block;
			width:140px;
			height:65px;
			margin:0;
			padding:0;
		}
		
		div#cadre_gauche_newsletter form input.input_textee {
			display:block;
			width:110px;
			height:16px;
			line-height:16px;
			margin:15px 0 0 5px;
			padding:1px 4px;
			font-size:11px;
			background-color:#E8E8E8;
			border:1px inset #0099FF;
		}
		div#cadre_gauche_newsletter form input.input_texteeFocus {
			display:block;
			width:110px;
			height:16px;
			line-height:16px;
			margin:15px 0 0 5px;
			padding:1px 4px;
			font-size:11px;
			background-color:#FFFFFF;
			border:1px inset #666666;
		}
		div#cadre_gauche_newsletter form input.input_button {
			display:block;
			width:100px;
			height:18px;
			margin:13px 0 0 16px;
			padding:0;
			color:#FFFFFF;
			font-weight:bold;
			cursor:pointer;
			background:none;
			border:none;
		}
		
	/* Arhives */
	div#cadre_gauche_archives {
		clear:both;
		display:block;
		width:140px;
		height:155px;
		margin-top:1px;
		padding:5px;
	}
		
	
	/* Transporteur */
	div#cadre_gauche_transporteur {
		clear:both;
		display:block;
		width:140px;
		height:320px;
		margin-top:1px;
		padding:5px;
		text-align:center;
		background:#FFFFFF;
	}
	
	/* Paiement */
	div#cadre_gauche_paiement {
		clear:both;
		display:block;
		width:140px;
		height:180px;
		margin-top:1px;
		padding:5px;
	}


/******* Contact *******/
div#cadre_contact {
	width:122px;
	height:118px;
	display:block;
	padding-left:10px;
	margin:10px 0 5px 0;
	background: #E6E6E6 url(../images2/bg_ssmenuGauche_contact.jpg) no-repeat 80px 80px;
}
	div#cadre_contact span {
		margin:0;
		padding:0;
		clear:both;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#5A5A5A;
	}
	div#cadre_contact span, div#cadre_contact a { text-align:center; font-size:11px; }
	div#cadre_contact spanp.ouverture { margin-top:14px; }
	div#cadre_contact span.tel { color:#3399FF; font-weight:bold; padding:0 0 1px 0; }
	div#cadre_contact span.tel1 { color:#3399FF; font-weight:bold; padding:5px 0 3px 0; }



/*********** Menu bas *************/
div#menu_bas {
	clear:both;
	width:100%;
	height:267px;
	background:#FEFEFE url(../images2/bg_footer.jpg) repeat-x left bottom;
}
	div#menu_basContenu {
		width:990px;
		height:200px;
		margin: 0;
		margin:auto;
		background:url(../images2/bg_footerImage.jpg) repeat-x left top;
	}
	div#menu_basContenu_transparent {
		width:950px;
		height:195px;
		margin:0 20px;
		opacity:0.65;
		-moz-opacity:0.65;
		filter:Alpha(opacity=65);
		background-color:#FFFFFF;
		border:#666666 1px solid;
	}
		div#menu_basContenu_transparent ul {
			float:left;
			width:120px;
			margin:10px 0 0 0;
			padding:0;
		}
		div#menu_basContenu_transparent ul.menuBas1 { width: 90px; }
		div#menu_basContenu_transparent ul.menuBas2 { width: 120px; }
		div#menu_basContenu_transparent ul.menuBas3 { width: 120px; }
		div#menu_basContenu_transparent ul.menuBas4 { width: 105px; }
		div#menu_basContenu_transparent ul.menuBas5 { width: 104px; }
		div#menu_basContenu_transparent ul.menuBas6 { width: 135px; }
		div#menu_basContenu_transparent ul.menuBas7 { width: 105px; }
		div#menu_basContenu_transparent ul.menuBas8 { width: 170px; }
		
			div#menu_basContenu_transparent ul li {
				line-height: 16px;
				margin:0 0 0 8px;
				padding:0;
				background:none;
			}
			div#menu_basContenu_transparent ul li a {
				padding-left:16px;
				background: url(../images/puce_menu_bas.gif) no-repeat left top;
			}
			div#menu_basContenu_transparent ul li a.titreMenu {
				font-size:13px;
				font-weight:bold;
				color:#333333;
				padding-left:0;
				background-image:none;
			}
	
	/*** Copyright ***/
	div#copyright {
		width:950px;
		height:60px;
		margin:auto;
		padding:0;
	}
		p.copyright {
			clear:both;
			width:945px;
			margin-top:2px;
			color:#FFFFFF;
			text-align:center;
		}
		p.copyright a { 
			margin:0;
			padding:0;
			color:#CCCCCC; 
		}
		p.copyright a:hover { color:#0066FF; }


/* Spacer */
div.spacer_menuTri {
	display:block;
	width:500px;
	height:2px;
	clear:both;
}