/*---------------------------------------
CSS Design : Stéphane Sigur - 10/07/2007
---------------------------------------*/

*{
	margin:0;
	padding:0;
	outline:0;
}

body{
	background : url(../img/interface/fd_body.gif) repeat-x  left 111px;
	font:14px "Trebuchet MS";
}
h2{
	font:bold 12px "Trebuchet MS", Arial, sans-serif;
	text-transform:uppercase;
	margin:30px 0 5px 0;
}
img{
	border:0;
}


.clear { clear: both; line-height: 0px; font-size:0px;}

/*** Logo Neway ***/
.logo{
	display:block;
	width:361px;
	height:128px;
	text-indent:-500px;
	background : url(../img/interface/logo.gif) no-repeat right top ;
}

/*** MENU PRINCIPAL ***/
#ddmmenu{
	margin:0 0 0 54px;
	height:44px;
}

	#ddmmenu ul {
		font: bold 12px verdana;
		list-style: none;
	}

	#ddmmenu li{
		display: inline;
		text-transform:uppercase;
	}

	#ddmmenu a {
		float: left;
		display: block;
		width:104px;
		height:38px;
		color: #fff;
		/*margin: 0 1px 0 0;
		padding: 3px 8px;*/
		text-decoration: none;
		background : url(../img/interface/onglet_noir.gif) no-repeat left 6px;
		margin: 0 4px 0 0;
		text-indent:-500px;
		overflow:hidden;
	}
		/* Liste des menus */
		#ddmmenu a.accueil {
			background : url(../img/interface/menu_accueil.gif) no-repeat left 6px;
			margin: 0 10px 0 0;
		}
		#ddmmenu a.Windsurf {background : url(../img/interface/menu_windsurf.gif) no-repeat left 6px;}
		#ddmmenu a.Kite {background : url(../img/interface/menu_kite.gif) no-repeat left 6px;}
		#ddmmenu a.Equipement_personnel {background : url(../img/interface/menu_equipement_personnel.gif) no-repeat left 6px;}
		#ddmmenu a.Surf_body {background : url(../img/interface/menu_surf_body.gif) no-repeat left 6px;}
		#ddmmenu a.La_boutique {background : url(../img/interface/menu_la_boutique.gif) no-repeat left 6px;}
		#ddmmenu a.promos {background : url(../img/interface/menu_promos.gif) no-repeat left 6px;}
		#ddmmenu a.occases {background : url(../img/interface/menu_occases.gif) no-repeat left 6px;}

	#ddmmenu a:hover {
		background-position : right 1px;
		cursor:pointer;
	}

	#ddmmenu #current a { /*tab selectionné*/
		background-position : right 1px;
	}

/*** CHEMIN DE CONSULTATION **/
#filarianne{
	color:#D64121;
	font-weight:bold;
}
	#filarianne a{
		text-decoration:none;
		color:#333;
		font-weight:normal;
	}
		#filarianne a:hover{
			text-decoration:underline;
			color:#D64121;
		}


/*** COLONNE GAUCHE  (en + du layout) ***/
#smenu{
	width:170px;
	background: url(../img/interface/fd_titre.gif) no-repeat  top right;
	margin:0 0 30px 0;
	padding:8px 2px;
}
#smenu_promos{
	width:170px;
	background: url(../img/interface/fd_titre_promos.gif) no-repeat  top right;
	margin:0 0 30px 0;
	padding:8px 2px;
}
	#smenu a, #smenu_promos a{
		width:154px;
		display:block;
		/*height:30px; 36px - 6 de padding top */
		border-top:1px solid #ccc;
		font:bold 14px "Trebuchet MS";
		color:#222;
		text-decoration:none;
		/*text-indent:8px;*/
		padding:6px 8px;
	}

	#smenu a.current, #smenu a:hover, #smenu_promos a.current, #smenu_promos a:hover{
		background:url(../img/interface/fd_smenu.gif) no-repeat  0 0;
		color:#C3442C;
		background-color:#FBECE8;
	}
	#smenu a.ssmenu, #smenu_promos a.ssmenu{font-size:12px; font-weight:normal;}

#leftcolumn .contenu p, #rightcolumn .contenu p{
	text-align:right;
	font-size:11px;
	color:#333;
	line-height:13px;
}
#rightcolumn .contenu p.rightcolumn{
	text-align:left;
}
#actus, #garanties{
	width:156px;
	min-height:280px;
	background:#EDD3C2 url(../img/interface/fd_titre.gif) no-repeat  top right;
	padding:0 7px;
}
#garanties{
	margin-top:20px;
	background-color:#FAF2ED;
	background-image:none;
	overflow:hidden;
}
	#garanties b{
		color:#e04126;
	}
	#garanties span{font-size:10px;}


	#leftcolumn .contenu #actus p{
		margin:10px 0;
		font:bold 11px "Trebuchet MS";
		text-align:left;
	}
		#actus p img{
			margin-bottom:4px;
		}
		#actus p a{
			color:#D64121;
			text-decoration:none;
		}
			#actus p a:hover{
				color:#f00;
			}
		#actus p a i{
			font-weight:normal;
			font-style:normal;
			color:#666;
		}
		#actus p a b{
			font-weight:normal;
			color:#000;
		}

#newslettre{
	width:156px;
	min-height:122px;
	background:#CDCFD1 url(../img/interface/fd_titre.gif) no-repeat  top right;
	padding:0 7px;
	margin-top:10px;
}
	#newslettre form input{
		width:150px;
		height:18px;
	}
	#newslettre form img{
		margin:4px 0 2px 86px;
	}

div.separateur{
	background:url(../img/interface/fd_separateur.gif) repeat-x  bottom right;
	height:24px;
}


/*** COLONNE Droite (en + du layout) ***/
#compte{
	background:url(../img/interface/caddie.gif) no-repeat  -2px 2px;
	font-size:11px;
	height:30px;
}
	#compte p{
		margin:0 0 0 20px;
		width:65px;
		float:left;
		font-size:11px;
	}
		#compte p a{
			color:#f00;
			text-decoration:none;
		}
			#compte p a:hover{
				text-decoration:underline;
			}
	#compte a.moncompte{
		display:block;
		width:76px;
		height:36px;
		background:url(../img/interface/btn_compte.gif) no-repeat  0 0;
		float:right;
		text-indent:-500px;
		overflow:hidden;
	}
		#compte a.moncompte:hover{
			background-position: 0 -36px;
		}

#recherche{
	height:36px;
	background-color:#E04126;
}
	#recherche form input{
		width:108px;
		height:12px;
		border:0;
		margin: 9px 2px 0 10px;
		float:left;
		font-size:10px;
		padding:3px;
	}

	#recherche .bouton{
		float:right;
		width:19px;
		height:19px;
		padding:0 6px 0 0;
		/*background:url(../img/interface/btn_loupe.gif) no-repeat left top ;
		*/
	}

#meteo{
	height:116px;
	width:auto;
	background:#FAF2ED url(../img/interface/meteo.gif) no-repeat 60px 60px ;
	margin:10px 0;
	padding:10px 6px;
	font-size:9px;
	color:#666;
}
	#meteo a{
		color:#E04126;
		text-decoration:none;
	}
		#meteo a:hover{
			text-decoration:underline;
		}

	#meteo ul{
		font-size:10px;
		list-style:none;
		color:#333;
		margin:10px 0;
		line-height:20px;
	}
		#meteo ul li, #garanties ul li{
			padding-left:12px;
			background: url(../img/interface/puce.gif) no-repeat 0 5px;
		}
		#garanties ul li{padding-bottom:10px;}
/* ajout  meteo*/
#meteoNeway{
	margin:0px ;
	background-color:#F0F0F0;
	
}

#stationMeteoNeway{
	background-image:url("/images/pages/meteo/plan-meteo.gif");
	background-position:6px 25px;
	background-repeat:no-repeat;
	margin:0px ;
	background-color:#E4E4E4;
        width:100%;
}

#stationMeteoNeway ul{
	padding-left:180px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left:146px;
        width:70%;
}
html>body #stationMeteoNeway ul {
	padding-left:10px;
}

#meteoNeway p, #stationMeteoNeway p{
	margin-left:0px;
	padding-bottom:10px;
	color:#444;
}
/* fin ajout  meteo*/
/* liens outils */
#rightcolumn .contenu #liensoutils div.separateur{
	background:url(../img/interface/fd_separateur.gif) repeat-x  right 1px;
	height:14px;
}

a.liensoutils{
	display:block;
	/*height:22px;*/
	padding:2px 0;
	text-indent:-500px;
	overflow:hidden;
	background-position:-5px 0;
	background-repeat:no-repeat;
}
	a.liensoutils:hover, a.liensoutils_actif{
		background-position: 5px -22px;
		/*background-color:#FBF1EC;*/
		cursor:pointer;
	}
	a.Challenge{ background-image: url(../img/interface/outil_challenge.gif);}
	a.Location{ background-image: url(../img/interface/outil_location.gif) ;}
	a.News{ background-image: url(../img/interface/outil_news.gif);}
	a.Liens{ background-image: url(../img/interface/outil_liens.gif);}
	a.Spots{ background-image: url(../img/interface/outil_spots.gif);}
	a.Contact{ background-image: url(../img/interface/outil_contact.gif);}


/*** Pied de page  (en + du layout) ***/

#footer .conditions a{
	color:#EFEFEE;
	text-decoration:none;
	line-height:16px;
}
	#footer .conditions a:hover{
		color:#fff;
	}
#footer .mentions a{
	color:#666;
	/*text-decoration:none;*/
	line-height:16px;
}
	#footer .mentions a:hover{
		color:#E97300;
	}



/*** COLONNE Centre (en + du layout) ***/
#contentcolumn a{
	display:block;
}
.contenu p{font-size:12px;}

/* separteur ---------- */
#contentcolumn div.lignerouge{
	width:100%;
	margin:8px 0;
	height:1px;
	border-bottom:1px solid #D64121;
	clear:both;
	line-height:1px;
}

/* Pagination */
#contentcolumn .pagination{
	display:block;
	width:100%;
	height:20px;
	text-align:right;
	clear:both;
	line-height:28px;
	margin:20px 0 10px 0;
	float:left;
}
	#contentcolumn .pagination a img{
		vertical-align:middle;
	}
	#contentcolumn .pagination a{
		display:inline;
		vertical-align:top;
		color:#D64121;
		/*border:1px solid #00f;*/
	}

/* Items page acc */
#contentcolumn .item{
	border:8px solid #ECEEEF;
	width:170px;
	float:left;
	height:170px;
	margin-bottom:8px;
	margin-right:10px;
}
		#contentcolumn .item:hover{
			border:8px solid #ccc;
		}
	#contentcolumn .rouge{
		border:8px solid #D64121;
	}
		#contentcolumn .rouge:hover{
			border:8px solid #da0000;
		}


/* Articles sélection */
#contentcolumn .titreselection {
	text-indent:-1500px;
	overflow:hidden;
	background: url(../img/interface/titre_selection.gif) no-repeat 0 10px;
	width:100%;
	border-top:1px solid #D64121;
}

#contentcolumn .selection, #contentcolumn .article{
	width:186px;
	height:270px;
	float:left;
	background: url(../img/interface/fd_selection.gif) no-repeat 0 0;
	margin-bottom:8px;
	margin-right:10px;
	color:#fff;
}

#contentcolumn .selection_promo{background: url(../img/interface/fd_selection_promo.gif) no-repeat 0 0;color:#E04126;}
	#contentcolumn .selection .photoprod{
		margin:7px;
		width:170px;
		height:170px;
		text-align:center;
		display:block;
	}

		#contentcolumn .selection .focuspromos, #contentcolumn .selection .article{
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			margin-top:-78px;
			margin-left:106px;
		}
	#contentcolumn .selection h1, #contentcolumn .article h1{
		font:bold 11px "Trebuchet MS";
		margin:2px 0 0 8px;
	}
	#contentcolumn .selection p, #contentcolumn .article p{
		font:normal 11px "Trebuchet MS";
		margin-left:8px;
		line-height:14px;
	}
	#contentcolumn .selection .prix, #contentcolumn .article .prix{
		font: 18px Impact;
		text-align:right;
		width:170px;
	}


	#contentcolumn .contenu .selection p a{
		color:#F7CDC4;
		text-decoration:none;
	}
	#contentcolumn .contenu .selection_promo p a{color:#E04126;}
		#contentcolumn .contenu .selection p a:hover{
			color:#fff;
		}
		#contentcolumn .selection_promo a:hover{color:#D58E70;}

/* Articles */
#contentcolumn .article{
	background: none;
	color:#6B6B6B;
}
	#contentcolumn  .article .photoprod{
		display:block;
		width:170px;
		height:170px;
		text-align:center;
		border:8px solid #F8EDE7;
		vertical-align:baseline;
	}
	#contentcolumn  .article_promo .photoprod{
		border:8px solid #FFED00;
	}
		#contentcolumn  .article .photoprod:hover{
			border-color:#FCDED0;
		}
		#contentcolumn  .article_promo .photoprod:hover{
			border-color:#FFF9C6;
		}
	#contentcolumn .article h1{
		color:#D64121;
	}

	#contentcolumn .article .prix{
		color:#D64121;
	}
		#contentcolumn .article .prix a{
			display:inline;
		}

	#contentcolumn .article a{
		color:#6B6B6B;
		text-decoration:none;
	}

#contentcolumn .article .prixbarre{
	color:#96969A;
	text-decoration:line-through;
	margin-right:10px;
}



/* pas de marges pour le dernier d'une ligne  (item, selection,...)*/
#contentcolumn .pasdemarges, #contentcolumn .pasdemarge{
	margin:0;
}

/* Signaletique (Promo, New...)*/
.focuspromos{
	position:relative;
	width:70px;
	height:70px;
	margin-top:-80px;
	margin-bottom:8px;
	margin-left:106px;
	display:block;
}
#accueil .focuspromos{
	position:relative;
	width:70px;
	height:70px;
	margin-top:-70px;
	margin-bottom:8px;
	margin-left:100px;
	display:block;
}
/* Filtre produits */
#filtres{
	width:100%;
	height:36px;
	margin-top:-1px;
}
	#filtres select{
		margin-right:4px;
	}

/* Fiche produit */
#contentcolumn div.ficheproduit{
	width:100%;
	background:#F8EDE7 url(../img/interface/fd_fichprod.gif) no-repeat top right;
}
	#contentcolumn div.piedficheproduit{
		width:100%;
		background: url(../img/interface/fd_fichprod2.gif) no-repeat bottom left;
	}

#contentcolumn div.contenu_fp{ /* pour la marge */
	margin:0 10px;
	padding:10px 0;
}
	#contentcolumn div.contenu_fp a{
		color:#D64121;
		text-decoration:none;
		display:inline;
	}
		#contentcolumn div.contenu_fp a:hover{
			text-decoration:underline;
		}
		#contentcolumn .colphoto .photoprod{
			text-align:center;
		}

/* colone texte */
#contentcolumn div.ficheproduit .coltxt{
	width:305px;
	float:left;
	font-size:12px;
}
	#contentcolumn div.ficheproduit h1{
		color:#D64121;
		font-size:24px;
		margin:8px 0;
	}

	#contentcolumn  div.ficheproduit .plusproduit{
		display:block;
		margin:14px 0;
		width:260px;
		background:#F0DCCF url(../img/interface/titre_plusproduit.gif) no-repeat top left;
		color:#D64121;
	}

	#contentcolumn  div.ficheproduit ul{
		margin:10px 0;
		padding:35px 20px 20px 40px;
	}

	#contentcolumn  div.ficheproduit .telechargements{
		border-top:1px dashed #D64121;
		border-bottom:1px dashed #D64121;
		padding:8px 0;
	}
		#contentcolumn  div.ficheproduit .telechargements img{
			float:left;margin-right:10px;
		}
	#contentcolumn  div.ficheproduit .commander{
		margin:20px 0 20px 0;
		text-align:right;
	}
		#contentcolumn  div.ficheproduit .commander b{
			font-weight:normal;
			color:#D64121;
		}
		#contentcolumn  div.ficheproduit .commander img{
			margin:5px 0;
		}

		#contentcolumn  div.ficheproduit .prix{
			font:32px Impact;
			color:#D64121;
		}

		#contentcolumn  div.ficheproduit .prixbarre{
			color:#96969A;
			text-decoration:line-through;
			margin-right:10px;
			font-size:18px;
		}
		#contentcolumn div.ficheproduit table tbody{font-size:11px; line-height:18px;}
		#contentcolumn div.ficheproduit table thead td{
			background-color:#E04126;
			font-size:10px;
			color:white;
			line-height:18px;
		}
		#contentcolumn div.ficheproduit table thead td a{color:white;display:inline;}
		#contentcolumn div.ficheproduit table tbody tr td{background-color:#FBEEE7;height:26px;}
		#contentcolumn div.ficheproduit table tbody tr.rouge td{background-color:#F8DDCF;}
		#contentcolumn table tbody tr.rouge td{background-color:#F9EBE3;}
		#contentcolumn div.ficheproduit table tbody tr td .prix{font-size:18px;}

/* colone photo */
#contentcolumn div.ficheproduit .colphoto{
	width:228px;
	min-height:280px;
	margin: 30px 0 0 0;
	float:right;
}
	#contentcolumn div.ficheproduit .vignettes{
		height:60px;
		margin-top:10px;
	}
	#contentcolumn div.ficheproduit .vignettes a img{
		border:1px solid #CE8D73;
		margin:10px 2px 0 0;
		width:48px;
		height:48px;
	}
		#contentcolumn div.ficheproduit .vignettes a:hover img{
			border:1px solid #D64121;
		}

#contentcolumn  div.ficheproduit a.photoprod {
	display:block;
	width:208px;
	height:208px;
	border:10px solid #F5DCCE;
	padding:0;margin:0;
	background-color:white;
}

	/* Signaletique (Promo, New...) pour la fiche produit */
	#contentcolumn  div.ficheproduit .focuspromos{
		position:relative;
		width:70px;
		height:70px;
		margin-top:-278px;
		margin-left:10px;
		display:block;
	}
	/* Zoom */
	#contentcolumn  div.ficheproduit .zoom{
		position:relative;
		margin-top:-36px;
		margin-left:156px;
		/*margin-top:102px;
		margin-left:156px;*/
		display:block;
		padding:0;
	}
	
/* Panier */

#contentcolumn  div.ficheproduit .vider{
	display:block;
	width:126px;
	height:25px;
	background:transparent url("../img/interface/btn_vider.gif") no-repeat right top;
}
#contentcolumn  div.ficheproduit .recalculer{
	display:block;
	width:126px;
	height:25px;
	background:transparent url("../img/interface/btn_recalculer.gif") no-repeat right top;
}
#contentcolumn  div.ficheproduit .fraisPort td{
	color:#E04126;
	font-size:12px;
	border-top:1px solid #E04126;
}
#contentcolumn  div.ficheproduit .fraisPort td .prix{font-size:14px;}
#contentcolumn  div.ficheproduit .total td{
	border-top:1px solid #E04126;
}


/* Actus */

.actuDateTxt{
	font:normal 11px "Trebuchet MS", sans-serif;
	color:#96969A;
}
.actuTitre, .actuTitre a{
	font:bold 21px "Trebuchet MS", sans-serif;
	color:#E04126;
	text-decoration:none;
}
.actualites{width:100%;}
.actualites td, .actualites .actuTexte{
	font:normal 11px "Trebuchet MS", sans-serif;
	color:#212125;
	padding:10px;
}
.actualites td .actuTexte a{
	color:#E04126;
	text-decoration:none
}

/* Recherche : résultats */
.table_recherche tr td{
	padding:5px 0;
}
.entete{background-color:#999999;color:white;}
.entete a{
	color:white;
	text-decoration:none;
	padding: 0 5px;
}

/* Bon de commande */ 
#bloc_print{
	display:none;
}

/* pages statiques */
#contentcolumn .contenu p a, #contentcolumn a{
	display:inline;
	color:#e04126;
}