html, body {
color: #000;
}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;outline: none;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;outline: none;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc;}

.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 */




.margeable h3,
.margeable h4,
.margeable h5{
	margin: 5px 0 10px 0;
}
.margeable p{
	margin: 0 0 5px 0;
}


.smallblack{
	font-size: 11px;
	color: black;
}




body{

	margin: 0;
	padding: 0;
	font-family: helvetica, arial;
}

a:link, a:visited  {
color: #333;
}
a:hover{text-decoration: underline;}



/** Redefinition des styles tabs css*/
.tabs-nav a{
	color: black;
}
.tabs-nav a:hover{
	text-decoration: none;
}

.tabs-nav .tabs-selected a span, 
.tabs-nav a:hover span, 
.tabs-nav a:focus span, 
.tabs-nav a:active span {
	color: red
}
/** End Tabs */


input.searchbox{
	border: 1px solid black;	
	height: 21px;
}

.red{
	color: #e00015;
}

a.red {
	color: #e00015;
}

.errorHolder{
	text-align: center;
	padding: 10px;
	font-weight: bold;
	color: #ff6600;
}

#container{
	width: 1002px;
	margin: 0 auto 0 auto;
}
#header{
	height: 90px;
	background-image: url(../../images/bandeau.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

.snow #header{
	background-image: url(../../images/green/bandeau.gif);
}

#header_nav{     
	width: 400px;
	height: 30px;
	margin: 0 60px 0 0;
	float: right;
   }

#mon_panier{       
	background: url(../../images/panier.gif) no-repeat top left;
	height: 50px;
	width: 108px;
	margin: 0 68px 0 0;
	padding: 5px 0 0 40px; 
	float: right;    
}



#mon_panier h3{    
	font-size: 15px;
}
#mon_panier p{
	margin: 0;
}

#mon_panier a,
#mon_panier p{
	color: #e00015;
	font-size: 11px;

}
  
#header_nav ul{
	list-style-image: none ;
	margin: 0;
}

#header_nav li{
	background: url(../../images/black_star.gif) no-repeat 0 0.5em;
	padding-left: 18px; 
	float: left;         
	margin-right: 20px;   
	line-height: 20px;  
	height: 20px;  
}    
                                               



#header_nav li a{
	color: black;
	text-decoration: none; 
	font-size: 11px;
}

#header_nav li a:hover{
	text-decoration: underline;
}

#menu{
	height: 28px;
	width: 1000px;
	line-height: 28px;
	color: white;
	font-weight: bold;     
	background-color: #E00015;
}


/* Styles for each menu-item. */
#menu a {
	display: block;
	float: left;
    text-decoration: none;
    font: bold 13px arial;
    color: #fff; 
    text-align: center;
    z-index: 10; 
	letter-spacing: 0;
    margin: 3px 0 0 0;
	padding: 5px 11px 0 11px;
	height: 22px;
	line-height: 15px;
	border-right: 2px solid white;
}

#menu a.current,
#menu a:hover{
	background: #fff url(../../images/arrow.gif) no-repeat 50% 21px;
	color: #e00015;
}

#menu a.lastlink:hover,
#menu a.lastlink{
	background: #fff;
}
       
#recherche_block{
	position: relative;
	top: -3px; 
	left: -20px;
	margin: 0;
}          
                
#recherche_block form{
	display: inline;
}          

#recherche_block #searchbt{
	margin-top: -8px;
}


/**Footer**/
#footer{
	text-align: center;
	clear: both;
	margin: 40px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 30px;
}

#footer .in{
	margin: 0 auto 0 auto;
	width: 900px;
	margin-left: 50px;
}

#footer li{ 
	float: left;
	margin: 0 10px 0 40px;
}


#footer li a{
	color: #666;
	text-decoration: none;
}

#footer li a:hover{
	text-decoration: underline;
}

#content {
	min-height: 400px;   
}

/** Growl **/
div#growl{
	background: url(../../images/growl2.png) no-repeat top left;
	width: 180px;
	height: 90px;
	position: absolute;
	color: white;
	z-index: 900000;
	margin-left: 150px;
}

p#growlmsg{
	width: 170px;
	height: 80px;
	margin: 22px 18px 22px 18px;
	text-align: center;
	font-weight: bold;
}

/** COLONNES HOME**/
#col_left{
	width: 204px;
	float: left;
}

#col_right,
#col_left{
	margin-top: 20px;
}

#col_right{
	width: 202px;
	float: right;
}

/** Definition du fond de la colonne de gauche*/
#col_left #top_block_left{
	background: #fff url(../../images/fond_colgauche1.jpg) no-repeat top left;
	padding: 5px;
}
#col_left #bottom_block_left{
	background: #fff url(../../images/bottom_colgauche.jpg) no-repeat top left;
	height: 32px;
}

/**Encars newsletter et skishop*/
#col_left #newsletter{
	color: white;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 30px 5px 0 5px;
}

#col_left #newsletter #yourmail{
	width: 140px;
}
#oknews{
	color: white;
	background-color: black;
	width: 21px;
	height: 21px;
	border: none;
	font-weight: bold;
}

#col_left #newsletter span{
	font-size: 32px;
}
#col_left #newsletter{
	background: transparent url(../../images/newsletter_achat_ski.jpg) no-repeat top left;
	height: 413px;
	width: 204px;
	margin-top: 10px;
}

.snow #col_left #newsletter{
	background: transparent url(../../images/green/newsletter_achat_ski.jpg) no-repeat top left;
}

#col_left #marquessel{
	background: transparent url(../../images/marquessel.jpg) no-repeat top left;
	height: 77px;
	width: 204px;
	margin-top: 10px;
	padding-left: 20px;
}

#col_left #marquessel h3{
	padding-top: 10px;
	display: block;
	color: #666;
}


#col_left #newsletter form{
	margin-top: 95px;
	display: block;
}

#newsletter #space{
	height: 135px;
	_height: 50px;
}

#col_left a.white{
	color: white;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

#col_left #parrainez,
#col_left #fidel{
	margin: 27px 10px;
}
#col_left #paiement{
	background: transparent url(../../images/encart_paiement.jpg) no-repeat top left;
	height: 343px;
	width: 204px;
	margin-top: 0px;
	font-size: 12px;
}

.snow #col_left #paiement{
	background: transparent url(../../images/green/encart_paiement.jpg) no-repeat top left;
	
}

#col_left #paiement h3{
	color: white;
	padding: 12px 0 0 45px;
	font-size: 18px;
}

#col_left #paiement #cb {
	color: #666;
	margin-left: 70px;
	padding: 35px 0;
	display:block;
	text-decoration: none;
}

#col_left #paiement #rp {
	color: #666;
	text-align: center;
	padding: 45px 0;
	display:block;
	text-decoration: none;
}

#col_left #paiement #ch {
	color: #666;
	text-align: center;
	margin-top: 40px;
	font-weight: bold;
	display:block;
	text-decoration: none;
}

#col_left #surfwear{
	background: transparent url(../../images/visu-surfwear.jpg) no-repeat top left;
	width: 202px;
	height: 350px;
	padding: 0;
	margin: 25px 0 0 0;
}

#col_left #surfwear .inner{
	padding: 236px 2px 0 2px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}

#categories_sel {
	margin: 25px 0 0 3px;
}

#categories_sel ul,
#categories_sel li{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-image: url(../../images/square.gif);
}

#categories_sel ul,
#categories_sel li{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-image: url(../../images/square.gif);
}

#categories_sel li ul,
#categories_sel li ul li{
	list-style: none;
	margin: 0px;
	margin-bottom: -0.1em;
}

#categories_sel li a{
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
           
#categories_sel li.hasLink {
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#categories_sel li a:hover{
	text-decoration: underline;
}

#categories_sel li li a{
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
#categories_sel h3{
	margin: 0;
	background: url(../../images/fond_cat_off.gif) no-repeat 0px 0px;
	height: 21px;
	width: 188px;
	font-size: 15px;
	line-height: 21px;
	display: block;
	padding-left: 8px;
}

#categories_sel h3.selected{
	background: url(../../images/fond_cat_on.gif) no-repeat 0px 0px;
	padding-left: 12px;
}

#categories_sel h3 a{
	display: block;
	color: white;
	text-decoration: none;
	margin:0 0 0 10px;
}

/** Reglage de la taille des div de l'accordeon*/
#categories_sel .inner{
	background-color: white;
	padding: 5px;
	width: 176px;
	height: 220px;
	overflow: auto;
}

#categories_sel li a.activeCat {
	color: #e00015;
}

#marques_box,
.blocgauche{
	margin: 20px 0 0 3px;
}

#marques_box h3,
.blocgauche h3{
	margin: 0;
	background: url(../../images/fond_cat_on.gif) no-repeat 0px 0px;
	height: 21px;
	width: 178px;
	font-size: 15px;
	line-height: 21px;
	display: block;
	padding-left: 24px;
	color: white;
	font-size: 15px;
}

#marques_sel {
	width: 184px;
	height: 130px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: white;
	overflow: auto;
}

div#m_selector ul{
	overflow-x:hidden;
}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:8px 0 8px 3px;
	padding:0px;
}

#m_selector li{
	cursor: pointer;
	background-repeat: no-repeat;
	list-style: none;
	margin:3px 0 5px 0;
	font-size: 12px;
}

#m_selector li:hover{
	/*text-decoration:underline !important;*/
}

#m_selector .spacer li:hover{
	text-decoration:none;
}
#m_selector li.spacer{
	padding: 0;
	margin: 0;
}

li.marqueOff, li.marqueOn {
	background-position:0px 0px;
	padding: 1px 0 2px 18px;
	margin: 0 0 0 5px;
}

.marqueOff{
	background: url(../../images/marque_off.gif) no-repeat;
}

.marqueOn{
	background: url(../../images/marque_on.gif) no-repeat;
}

/** methode avec les checkbox**/
li.nmarqueOff, li.nmarqueOn {
	background-position:0px 0px;
	padding: 0px 0 0px 2px;
	margin: 0 0 0 2px;
}

#m_selector li a{
	text-decoration: none;
	font-weight: bold;
}



/** Blocs filtres**/
.blocgauche .inner{
	background-color: white;
	padding: 5px;
	margin: 0 5px 0 0;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.inner .clean {
	text-align: right;
	margin: 0;
}
.inner .clean a{
	color: red;
	font-size: 10px;
}


/** colonne de droite**/
#col_right #promotion{
	margin-top: 10px;
}


/** colonne de droite**/

#col_right #receiveandpay{
	display: block;	
	margin-top: 10px;
}
       
#col_right #aidechoixholder{
	width: 182px;
	height: 90px;    
	color: white;   
	margin: 5px 0; 
	padding: 10px 10px;                   
	background-color: #000;
}                           
#col_right #aidechoixholder h3{
	background: #000 url(../../images/pouce.jpg) no-repeat top left;                  
	font-size: 15px;
	display: block;   
	padding-left: 35px; 
	height: 32px;
	line-height: 32px;
}

#col_right #aidechoixholder a{
	color: white;         
	font-size: 12px;    
	text-align: left; 
	display: block; 
	padding-left: 25px;
	margin: 15px 0;
}        
#col_right a#conseils{
	background:transparent url(../../images/selecteur/bt_conseils_blanc.jpg) no-repeat 0 0;
	color:white;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:31px;
	line-height:31px;
	padding:0 0 0 20px;
	width:179px;         
	margin: 10px 0 10px 0;
}
#col_right #lesplusha{
	background: url(../../images/lesplus.jpg) no-repeat;
	width: 202px;
	height: 268px;
	color: #000;
	padding: 0;
	font-size: 13px;
	padding-left: 60px;
}


.snow #col_right #lesplusha{
	background: url(../../images/green/lesplus.jpg) no-repeat;
	width: 202px;
	height: 223px;
}

#col_right #lesplusha h3{
	color: #FFF;
	margin-left: -10px;
	padding: 15px 0;
	font-size: 18px;
}
#col_right #lesplusha #livraison{
	padding-top: 11px;
}
#col_right #lesplusha a{
	width: 140px;
	padding-top: 23px;
	display: block;
	text-decoration: none;
}

#col_right #engagements,
#col_left #engagements{
	margin-top: 10px;
	background: url(../../images/engagements.jpg) no-repeat;
	width: 202px;
	height: 268px;
	color: #000;
	padding: 0;
	font-size: 13px;
	padding-left: 60px;
}

.snow #col_right #engagements{
	background: url(../../images/green/engagements.jpg) no-repeat;
	width: 202px;
	height: 272px;
}

.snow #col_left #engagements{
	background: url(../../images/green/engagements.jpg) no-repeat;
}

#col_right #engagements h3,
#col_left #engagements h3{
	color: #FFF;
	margin-left: -18px;
	padding: 15px 0;
	font-size: 15px;
}
#col_right #engagements #paiement,
#col_left #engagements #paiements{
	padding-top: 8px;
}
#col_right #engagements a,
#col_left #engagements a{
	width: 140px;
	padding-top: 18px;
	display: block;
	text-decoration: none;
}

#col_right #visite{
	margin-top: 10px;
}
/** elements reutilises **/
#service_client{
	background: url(../../images/serviceclient.jpg) no-repeat;
	width: 202px;
	height: 173px;
	color: white;
	padding: 0;
	font-size: 13px;
	margin-top: 10px;
}

#service_client a#sclient{
	
	display: block;
	height: 50px;
}

.snow #service_client{
	background: url(../../images/green/serviceclient.jpg) no-repeat;
	width: 202px;
	height: 175px;
}

#service_client h3{
	color: #FFF;
	margin-left: 45px;
	padding: 18px 0;
	font-size: 17px;
}


#service_client #conseilpro{
	margin-top: 30px;
}

#service_client #conseilpro a{
	color: white;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 13px;
	margin-left: -20px;
}



#avantages{
	margin-top: 15px;
	border-top: 1px solid #e00015;
}

#avantages div{
	height: 44px;
	background: url(../../images/degrade_ico.jpg) repeat-x top left;
	padding: 5px 0 3px 0;
	border-bottom: 1px solid #e00015;
	font-size: 13px;
}

#avantages div p{
	height: 35px;
	margin: 0;
	padding: 5px 0 0 45px;
}

#fianet{
	text-align: center;
	margin-top: 10px;
	background: url(../../images/fianet.png) no-repeat;
	width: 202px;
	height: 119px;
	padding-top: 40px;
	
}


#fianet p{
	padding-top: 4px;
	font-size: 10px;
}
#fianet p span{
	color: red;
	font-weight: bold;
}

#fianet a{
	display: block;
	float: right;
	margin-right: 35px;
	font-size: 10px;
}

#transport{
	text-align: center;
	margin-top: 10px;
	background: url(../../images/transport.jpg) no-repeat;
	width: 202px;
	height: 298px;
}

.snow #transport{
	background: url(../../images/green/transport.jpg) no-repeat;
	width: 202px;
	height: 267px;
}

#transport h3{
	color: #FFF;
	margin-left: 0;
	padding: 18px 0;
	font-size: 17px;
}
#transport a#coliposte,
#transport a#chrono{
	padding-top: 55px;
}
#transport a{
	color: #666;
	padding-top: 7px;
	font-size: 13px;
	display: block;
	text-decoration: none;
}
#commande-panier #fianet{
	margin-top: 80px;
}

/** Colonne du center **/
#col_center{
	text-align: center;
	margin-left: 205px;
	margin-right: 205px;
	padding-top: 20px;
}

#col_center #banniere{
	margin-bottom: 10px;
}
#col_center #bienvenue{
	color: #666;
}

#col_center #bienvenue h1{
	font-size: 14px;
	font-weight: normal;
}

#col_center #selection_home h2.head{
	margin: 10px;
	font-size: 18px;
	color: white;
	background-color: #b3b3b3;
	height: 26px;
	line-height: 26px;
}


#col_center h2.bottom{visibility: hidden; margin-bottom: 0}

#col_center #bottom {
	width: 566px;
	margin: 15px 0 0 15px;
	padding: 0;
}


/** Vignettes **/
.vignette{
	background: url(../../images/bg_vignette.gif) no-repeat top left;
	width: 179px;
	height: 230px;
	float: left;
	margin: 0 0 12px 12px;
	text-align: left;
}


.vignette div{
	position: relative;
}

.vignette a{
	text-decoration: none;
}


.vignette h2{
	margin: 4px 0 2px 4px;
	font-size: 13px;
	color: white;
}


.vignette img{
	border: none;
}


.vignette .marque a{
    color: red;
}


.vignette .modele a{
    color: black;
}


.vignette .vignette_body{
	width: 167px;
	height: 200px;
	padding: 5px;
}


.vignette .vignette_body .marque{
	color: red;
	font-weight: bold;
	font-size: 16px;
	z-index: 2;
	position: absolute;
	top: 3px;
}


.vignette .vignette_body .modele{
	font-size: 13px;
	z-index: 500;
	color: black;
	min-height: 24px;
	position: absolute;
	top: 20px;
	font-weight: bold;
}


.vignette .vignette_body .imagev{
	top: 2px;
	left: 7px;
	z-index: 0;
}



.vignette .vignette_body .prix_holder{
	top: 155px;
	left: 10px;
	z-index: 2;
	position: absolute;
}


.vignette .vignette_body .prix{
	background: url(../../images/bg_prix.gif) no-repeat top left;
	width: 75px;
	height: 22px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}


.vignette .vignette_body .prix_cat{
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	margin-left: 10px;
}

.vignette div.vignette_offrespe{
	background: url(../../images/vignette_offert.gif) no-repeat top left;
	z-index: 9;
	height: 40px;
	width: 85px;A
	position: absolute!important;
	top: 92px;
	left: -11px;
    margin-bottom:-40px;
}


.vignette .vignette_body .imagev .collection2008{
	background: url(../../images/2008_left.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;
	top: 30px;
	left: -11px;
}


.vignette .vignette_body .imagev .collection2009{
	background: url(../../images/2009_left.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;
	top: 30px;
	left: -11px;
}

.vignette .vignette_body .imagev .collection2010{
	background: url(../../images/2010_left.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;
	top: 30px;
	left: -11px;
}

.vignette .vignette_body .imagev .collection2011{
	background: url(../../images/2011_left.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;
	top: 30px;
	left: -11px;
}


.vignette .vignette_body .imagev .collection2007{
	background: url(../../images/2007_left.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;
	top: 30px;
	left: -11px;
}


/** PAge famille et suivantes**/

.breadspacer{
	color: #e00015;
	font-size: 13px;
}

h3.breadcrumb{
	font-size:13px;
}
h3.breadcrumb a{
    color: black;
    text-decoration: none;
	font-size: 13px;
}

h3.breadcrumb a:hover{
    color: #e00015;
    text-decoration: underline;
}

#col_main{      
	padding-top: 10px;
    margin-left: 210px;
    padding-left: 10px;
}
              
#col_main #topnav{
	margin-bottom: 5px;
}


#produitsList {
    margin: 5px 0 0 0;
}


#catalogue-detail #col_main{
    margin-left: 10px;
    padding-left: 10px;
}


#catalogue-detailpack #col_main{
    margin-left: 10px;
    padding-left: 10px;
}

p.chtaille{
	margin: 5px 0 20px 0;
}
p.chtaille2{
	margin: 18px 0 20px 150px;
}
/** nav familles**/
.innerNav{
    text-align: right;
    margin: 0 15px 5px 0;
}



/** page detail*/

#detailBox{
	margin: 0;
	padding: 10px 0 0 3px ;
	
}


#breadcrumb{
	padding: 0 0 10px 0;
}

#catalogue-detail #topbar{
	text-align: right;
	margin: 0 5px 10px 0;
}

#catalogue-detail #top{
	height: 320px;
	width: 850px;
}


/** TOP DETAIL**/

#cellfondpanier
{
 
  background:transparent  url(../../images/fond_detail_ajoutpanier.gif) no-repeat top right;
  border: none;
}


#infosWrapper{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 12px;
	height: 299px;
}

#infos{
	margin: 10px;
}


#infos dl{
	margin: 0 0 6px 0;
}

#infos dl dd{
	margin: 5px 0 5px 0;
	padding: 5px 0;
	border-top: 1px solid #ccc;
}

#infos dl dd.red{
	color: #e00015;
}                 


#infos div#topAttributes{
	border-bottom: 1px solid #ccc;  
	border-top: 1px solid #ccc;      
	margin: 10px 0;
	padding: 10px 0;
}   
   
#infos div#niveaux{
	border-bottom: 1px solid #ccc;  
}


#infos .tailleradio,
#infos .tailleradioBoard,
#infos .tailleradioFix{
	float: left;
	width: 50px;
	border: 1px solid black;
	margin-right: 2px;
}

#infos h3.marque{
	color: #e00015;
	margin: 0;
	font-size: 15px;
}


#infos h4.model{
	font-size: 14px;
	margin: 0;
}


#addcart{
	margin-left: 10px;
}

#addcart .prix,
#fixSelector .prix, #offert .prix{
	background: url(../../images/bg_prix.gif) no-repeat top left;
	width: 75px;
	height: 22px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 22px;	
}

#addcart h3{
	color: #e00015;
	margin: 15px 0 0 0 ;
}

#addcart .prixCat{
	padding: 10px;
	font-size: 12px;
}



#addcart .datesval{
	padding: 10px;
	font-size: 11px;
}


#addHolder{
	margin-top: 20px;
	text-align: left;
	padding-left: 5px;
}

#qteHolder{
	text-align: left;
	font-size:12px;
}

input.qteinput{
	width: 20px;
	border: 1px solid black;
}

#q1{
	float: left;
}

#qtesignes img{
	border: none;
}

div.tailleSelectorOffFix,
 #infosWrapper div.tailleSelectorOff,
  #infosWrapper div.tailleSelectorOffBoard,
   #infosWrapper div.tailleSelectorOffFix{
 	background: transparent url(../../images/tailleselectoroff.gif) no-repeat 0 0;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	height: 20px;
	width: 35px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
 }
 div.tailleSelectorOnFix,
  #infosWrapper div.tailleSelectorOn,
    #infosWrapper div.tailleSelectorOnFix,
      #infosWrapper div.tailleSelectorOnBoard{
 	background: transparent url(../../images/tailleselectoron.gif) no-repeat 0 0;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	height: 20px;
	width: 35px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
 }
 
#selectedtaille{
	font-weight: bold;
	color: #e00015;
}

#avertissement{
	background: transparent url(../../images/avertissement_detail.gif) no-repeat 0 0 ;
	width: 163px;
	height: 83px;
	position: absolute;
	color: white;
	font-weight: bold;
	padding: 20px 10px 0 10px;
	font-size: 11px;
}

#needMontage label{
	font-size: 11px;
}
/** FIN TOP DETAIL **/

/** GESTION DES IMAGES DETAIL**/


#mainimage{

	width: 280px;
	height: 280px;
	overflow: hidden;
	position: absolute;
	clip: rect(0px, 280px, 280px, 0px);
	background: transparent;
	z-index: 10;
}

#cycler{
	text-align: center;
	margin-top: 281px;
	clear: both;
}

#legend{
	clear: both;
	font-size: 11px;
	color: #666;
	padding-top: 10px;
}

#cycler .minithumb{
	float: left;
	border: 1px solid #666;
	margin-left: 10px;
}


#tile{
	background-color:transparent;
	background-image:url(../../images/tile280.gif);
	height:42px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:absolute;
	visibility:inherit;
	width:42px;
	z-index:1002;border: 1px solid black;
}

#zoomer{
	width: 300px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
}


/*** FIN GESTION IMAGES DETAIL**/



/** Integration Packs Snow **/

#infos #boardinfos,
#infos #fixinfos{
	width: 50%;
	float: left;	
}

.snow #infos h3.marque{
	color: #369F05;
}

#infos div#topAttributes{
	text-align: center;
}

#infos #taillesBoard{
	float: left;
	width: 48%;
	height: 100px;
	border-right: 1px solid #ccc;
	padding: 3px;
}
#infos #taillesBoard.fake{
	border-right:0;
}
#infos #taillesFix{
	margin-left: 3px;
}

#fixSelector{
	border: 1px solid #ccc;
	width: 100%;
	height: 300px;
	padding: 10px;
}
#offert{
	border:1px solid #CCCCCC;
	margin:20px 0;
	padding:10px 0 10px 10px;
	width:940px;
}
.prix_barre{
	background:url('/images/prix_offert.gif') no-repeat 0 0;	
	width:70px;
	height:45px;
	color:#FFF;
	line-height:22px;
	font-size:1.35em;
	font-weight:bold;
	padding:1px 5px 0 4px;
}
#offertLeft{
	float:left;
	background:url('/images/offert.gif') no-repeat right 10px;	
	width:420px;
	border-right:1px solid #ccc;
	margin:0 15px;
	min-height:180px;	
}
.type-snow #offertLeft{
	background:url('/images/offert_green.gif') no-repeat right 10px;	
}	
#offertMore{
	float:left;
	border-right:1px solid #ccc;
	width:270px;
	padding-right:10px;
	color:#2F2F2F;
	margin-right:20px;
	margin-bottom:10px;
	font-size:13px;
	height:180px;
	overflow:auto;	
}
#offertMore p{
	margin:0 0 5px;
}
#offertTaille div.tailleSelectorOffFix, #offertTaille div.tailleSelectorOnFix{
	margin-left:0;
	margin-right:10px;
}
#offertTaille{
	float:left;
	width:180px;
	font-size:12px;
	padding-top:35px;
}
#offertTaille .chtaille2{
	margin:0;
}

#offert .more h3{
	margin:35px 0 8px 0;
	text-align:left;
}
#offert.type-snow h3{
	color:#379E05;
}
#offert .prix{
	text-decoration: line-through;
}
#fixWrapper{
	margin: 10px 0 30px 0;
}

#fixSelector h3,#offert h3{
	font-size: 15px;
	color: #369F05;
	text-align: center;
}
#offert h3{
	color:#E00015;
	margin-bottom:10px;
	margin-left:0;
	font-size:17px;
}
	
#fixSelector h3.marque, #offert h3.marque{
	font-size: 18px;
	text-align: left;
}

#fixSelector #rFix h3.marque{
	font-size: 18px;
	text-align: right;
}

#fixSelector h4.design, #offert h4.design{
	font-size: 14px;
}

#lFix,
#rFix,
#mainFix{
	float: left;
	padding: 5px;
}

#mainfixWrapper{
	margin-top: 90px;
}

#lFix,
#rFix{
	width: 280px;
	height: 90%;
	margin-top: 20px;
	
}

#lFix:hover,
#rFix:hover{
	cursor: pointer;
}


#lFix{
	background: url(../../images/arrowleft.jpg) no-repeat center right;
}
#rFix{
	background: url(../../images/arrowright.jpg) no-repeat center left;
	text-align: right;
}

#rFix .prix {
	margin-left: 205px;
}

#mainFix .prix {
	margin-left: 220px;
}

#mainFix{
	background: url(../../images/fondmainfix.jpg) no-repeat top left;
	width: 380px;
	height: 250px;
}

#mainFix #selectFix {
	text-align: center;
}
/** FIN Integration packs snow **/




/** BOTTOM DETAIL **/
#bottom {
	font-size: 13px;
	margin: 30px 0 10px 1px;
	width: 967px;
}



#dleft,
#dright{
	padding: 5px;
	text-align: justify;
}

#dleft{
	width: 450px;
	float: left;
}

#dright{
	margin-left: 460px;
	width: 450px;
	border-left: 1px solid #666;
}

#dleft .dcol,
#dright .dcol{
	_height: 300px;
	max-height: 300px;
	overflow-y: auto;
	padding: 5px;
}

#dleft h3,
#dright h3{
	color: #666;
	margin: 0 0 5px 0;
}

.innerdetail h2,
.innerdetail h3,
.innerdetail h4{
	color: #666;
	margin: 10px 0 5px 0;
}

.innerdetail h4{
	margin: 0 0 5px 0;
}
.innerdetail p{
	margin: 0 0 5px 0;
}


#attributs{
	margin: 10px 0 0 0 ;
}

#attributs h3{
	background-color: #999;
	color: white;
	padding: 2px;
}

#attributs dl{
	margin: 0;
}

#attributs dl dd{
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #999;
}

#attributs ul{
	margin: 5px 0 0 40px;
}
        

/** bouton aide au choix*/
#catalogue-detail a#conseils{
background:transparent url(../../images/selecteur/bt_conseils_blanc.jpg) no-repeat 0 0;
color:white;
display:block;
float:right;
font-size:13px;
font-weight:bold;
height:31px;
line-height:31px;
margin:0 15px 0 0;
padding:0 0 0 20px;
width:179px; 
position: relative;
top: -10px;
left: 0;
}         


#catalogue-detailpack a#conseils{
	background:transparent url(../../images/selecteur/bt_conseils_green.jpg) no-repeat 0 0;
	color:white;
display:block;
float:right;
font-size:13px;
font-weight:bold;
height:31px;
line-height:31px;
margin:0 15px 0 0;
padding:0 0 0 20px;
width:179px; 
position: relative;
top: -10px;
left: 0;
}

#catalogue-detailpack .type-ski a#conseils
{
	background:transparent url(../../images/selecteur/bt_conseils_blanc.jpg) no-repeat 0 0;	
}

#assoctab,
#lasttab{
	background: transparent url(../../images/bg_prdassoc.gif) no-repeat top left;
	width: 940px;
	height: 311px;
	padding: 0 20px 0 25px;
	margin: 0 auto 0 auto;
	clear: left;
}

#commande-panier #assoctab{
    margin-left:-160px;
}

#lasttab{
	background: transparent url(../../images/bg_lastfive.gif) no-repeat top left;
}

#assoctab h2,
#lasttab h2{
	color: white;
	padding: 12px 0 0 55px;
	margin: 0 0 12px 0;
}





#lasttab .lastf,
#assoctab .lastf{
	float: left;
	margin-right: 8px;
	border: 1px dashed gray;
	padding: 2px;
	height: 230px;
	width: 165px;
}

.lastf div.chapeau{
	border-bottom: 1px solid black;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background-color: #666;
	color: white;
	line-height: 20px;
}

.lastf a.pname{
	display: block;
	z-index: 10;
	padding: 3px;
}

.lastf img{ 
	border: 1px solid red;
	position: relative;
	top: -20px;
	z-index: 2;
}

.lastf .lasfprice{
	font-weight: bold;
	margin: 4px 0 0 3px;
}
/** FIN BOTTOM DETAIL **/





/** nav achat**/
#navAchat {
	height: 70px;
	width: 465px;
	margin: 10px auto 0 auto;
	text-align: center;
	background: transparent url(../../images/fond_navachat.jpg) no-repeat -635px 0;
	padding: 48px 0 0 0 ;
}

#commande-panier #navAchat{
	height: 5px;	
}
#compte-identification #navAchat,
#compte-creation #navAchat{
	background-position: -540px 0;
}

#commande-checkout #navAchat{
	background-position: -410px 0;
}

#commande-checkout #btrelais{
	display:block;
	width: 220px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #999;
	color: black;
	font-size: 13px;
	border: 1px solid black;
	margin: 90px 0 0 170px;
}


#commande-livraisonrelais div#inner{
	padding: 30px;
}

#commande-livraisonrelais div#inner form{
	border: 1px solid black;
	width: 400px;
	margin: 20px 40px 20px 30px;
	padding: 30px;
	float: left;
}

#commande-livraisonrelais div#inner #shopinfos{
	margin: 20px 0 20px 460px;
	padding: 30px;
	font-size: 11px;
}

#commande-livraisonrelais div#inner #shopinfos span{
	font-size: 13px;
	font-weight: bold;
}

#commande-paiement #navAchat,
#commande-bankform #navAchat,
#commande-chequeform #navAchat,
#commande-receiveandpayform #navAchat{
	background-position: -290px 0;
}

#navAchat ul li{
	float: left;
	margin-left: 15px;
}

#navAchat ul li.active{
	color: #e00015;
}


#navAchat li a{
	text-decoration: underline;
}

#navAchat ul li.active a,
#navAchat li a:hover{
	color: #e00015;
	
}

/** Page panier **/
div.pxreduit{
	/*background: url(../../images/prixbarre.gif) no-repeat 8px -1px;*/
	font-size: 14px;
	font-style: italic;
	margin: 5px 0 5px 10px;
	color: #e00015;
}

.bonreduction td{
	font-size: 12px;
	border-top: 1px solid black;
	text-align: left;
	padding: 5px;
}

	
#panierHeader{
	width: 778px;
	height: 48px;
	background: transparent url(../../images/header_panier.jpg) no-repeat 0 0 ;
}

#panierHeader h1{
	font-size: 22px;
	padding: 10px 0 0 25px;
}

.panier th{
	background-color: #e00015;
	color: white;
	text-align: center;
	font-weight: normal;
	height: 25px;
	padding: .1em 0;
	border-right: 1px solid white;
}

.panier td{
	margin: 0;
	height: 30px;
}

.panier td #qteHolder{
	margin-left: 20px;
}

.panier .even td,
.panier .odd td{
	border-bottom: 1px dotted #ccc;
}
.panier .even td{
	background-color: #dddddd;
}

.panier .soustotal td{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.panier .total td{
	border-bottom: 1px solid black;
}

.panier .taille{
	font-size: 11px;
}


/** Page moncompte login**/
#dejaclient{
	width: 420px;
	margin: 10px;
	float: left;
	margin-left: 30px;
}

#nouveauclient{
	width: 420px;
	margin: 10px;
	float: right;
	margin-right: 30px;
}


.redbox p,
.graybox p{
	font-size: 12px;
	padding: 5px;
}

.redbox h6{
	background-color: #e00015;
	color: white;
	font-weight: normal;
	padding: 3px 0 2px 10px;
	
}

.graybox h6{
	background-color: #b3b3b3;
	color: white;
	font-weight: normal;
	padding: 3px 0 2px 10px;
	
}

.graybox .styledform form {
	min-width: 50px;
}

.graybox .styledform .field label{
	width: 100px;
}
.redbox .mid,
.graybox .mid{
	border-bottom: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}

#dejaclient  .mid,
#nouveauclient  .mid{
	height: 100px;
	padding: 40px 0;
}

.mid .submit,
.mid  .submit{
	text-align: right; 
	margin-right: 25px; 
	clear: left;
	margin-top: 20px;
}

div.alert{
	color: red;
	font-size: 12px;
	text-align: center;
	padding: 10px;
}

.redbox .alert{
	color: red;
	font-size: 12px;
}

#livraisonpostale{
	width: 500px;
	margin: 10px;
	float: left;
	margin-left: 10px;
}

#livraisonstation{
	width: 420px;
	margin: 10px;
	float: right;
	margin-left: 10px;
}

#livraisonpostale .mid,
#livraisonstation .mid{
	min-height: 200px;
}


#commande-panier #connect{
	background-color: white;
	padding:10px;
}

#commande-panier #livraisonform{
	margin-top: -40px;	
}

#commande-panier #op{
	margin-top: 20px;	
}
/** Checkout Adresses */

#commande-checkout dl{
	padding-right: 10px;
	border-right: 1px solid  gray;
}

dl.adresseBlock {
	margin-left: 10px;
	float: left;
}

.adresseBlock dt{
	font-weight: bold;
}
.adresseBlock dd{
	margin: 5px;
}
.adresseBlock dd.link{
	text-align: right;
}

#adresseSelect{
	width: 450px;
}

/** Page PAIEMENT **/
h4.paiementtitre{
	background-color: #000;
	color: #FFF;
	width: 250px;
	margin: 50px 0 0 51px;
	padding: 0 0 0 10px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}

#commande-panier #service_client{
	margin-top: 103px;
}

#commande-panier h4.paiementtitre{
	margin-left: 0;
	font-size: 0.9em;
}
#ads td{
	border: 1px solid #ccc;
}
#ads tr.head td{
	height: 30px;
	color: #666;	
}

#commande-paiement .adressefacturationBlock p,
#commande-paiement .adresseBlock p,
#commande-panier .adressefacturationBlock p,
#commande-panier .adresseBlock p{
	margin-bottom: 5px;
}

 #ads td{
	text-align: left;
	padding: 10px;
}


#commande-paiement div#maxdatecommande{
	text-align: left;
	font-size: 12px;
	padding: 30px 0 0 0;
	margin-left: 55px;
	font-weight: bold;
}

#commande-paiement div#maxdatecommande span {
	color: #e00015;
	font-weight: bold;
}

#commande-paiement p.stars{
	text-align: left;
	margin: 10px 0;
	font-weight: normal;
	font-size: 11px;
}
#commande-paiement p.stars p{
	text-align: left;
	margin: 5px;
	font-size: 11px;
}

#treglement{
	margin-top: 20px;
	
}
#treglement td {
	padding: 10px;
}

#treglement td.border{
	
	border-left: 1px solid #ccc;
}

#treglement label{
	display: block;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	margin-bottom: 15px;
	cursor: pointer;
	height: 50px;
}

#treglement label img{
	margin: 10px;
}

#treglement .in{
	text-align: left;
	height: 20px;
	margin: 10px;
}

#commande-paiement .expliq{
	/*margin-top: 20px;*/
	text-align: left;
}

#commande-paiement .modepaiement{
	margin: 20px 0 0 0 ;
}

a.minired{
	font-size: 11px;
	color:#e00015;
}

#commande-bankform p{
	margin: 10px 0 10px 0;
}
/** Pages text au kilometre**/
.km{
	font-size: 12px;
}

.km p{
	font-size: 12px;
	color: #333;
	padding: 3px;
}

.km h1{
	font-size: 1.4em;
	margin: 5px 0 5px 0;
}

.km h2{
	font-size: 1.2em;
	margin: 5px 0 5px 0;
}

.km h3{
	font-size: 1em;
	margin: 5px 0 5px 0;
	font-style: italic;
}

/** col gauches pub **/
.left-ski{
	width: 202px;
	height: 115px;
	margin-top: 20px;
}    
       
.left-ski h2{
	color: white;
	font-size: 18px;        
	padding: 2px; 
	text-align: center;
}   
.left-ski a.in{
	color: black;
	display: block;
	padding: 5px 10px 0 10px;
}

.left-ski h2 a{
	text-decoration: none;
}

.left-ski a:hover,
.left-ski a:visited,
.left-ski a:link{
	color: black;
}
#ross2008{
	background: url(../../images/campagne/ross2008.jpg) no-repeat top left;    
}

#dyn2008{
	background: url(../../images/campagne/dynast2008.jpg) no-repeat top left;    
}
#north2008{
	background: url(../../images/campagne/north2008.jpg) no-repeat top left;    
}
#north2008 h2{ color: black; padding-bottom: 0 }
#north2008 a{ padding: 0 0 0 10px }

/** Campagnes de home*/
             


#campagne {
	width: 560px;
	font-family: arial, helvetica;
}


#campagne img{
	margin-top: 10px;
}

#campagne .homecol{
	float: left;
}
    
#campagne .spacer{
	position: absolute;
	width: 270px;
	height: 200px;
	_margin-left: -140px;
}

#marques {
	margin-top: 20px;
}
#marques a{
	display: block;
	float: left;
	margin: 2px;
}
/** fin campagne 1 de home*/

#miniminots{
	font-size: 20px; 
	font-weight: bold;
	display: block;
	margin: -350px 0 0 0;
	_margin-top: -350px;
	padding: 0 10px 0 20px;
	color: white;
	text-decoration: none;
	text-align: center;
	
}
/** mon compte home**/

#compte-index #cols{
	margin-top: 40px;
}

#compte-index #left,
#compte-index #right{
	width: 450px;
	border-top: 1px dotted gray;
}

#compte-index #left{
	float: left;
}

#compte-index #right{
	margin-left: 500px;
}

#compte-index #left div,
#compte-index #right div{
	padding: 20px;
	margin: 20px 0 20px 0;
	border-bottom: 1px dotted gray;
	height: 50px;
}
#compte-index #cols div  p{
	padding-left: 100px;
}
#compte-index #mescoord{
	background: transparent url(../../images/ico_coord.png) no-repeat 20px 0px;
}
#compte-index #pass{
	background: transparent url(../../images/ico_mdpasse.png) no-repeat 20px 0px;
}
#compte-index #carnet{
	background: transparent url(../../images/ico_carnet.png) no-repeat 20px 0px;
}
#compte-index #commandes{
	background: transparent url(../../images/ico_suivi.png) no-repeat 20px 0px;
}
#compte-index #paniers{
	background: transparent url(../../images/ico_parrainage.png) no-repeat 20px 0px;
}
#compte-index #bons{
	background: transparent url(../../images/ico_bons.png) no-repeat 20px 0px;
}


#compte-adresses h4{
	margin: 0 0 10px 0;
}

#compte-adresses .adresseBlock{
	float: left;
	margin-right: 40px;
	border-right: 1px dotted gray;
	padding: 10px;
}

/**Definition du topcontent*/
#otopcontent{
	position: absolute; 
	top: 3000px;
}
#topcontent {
	clear: both;
	color: #cfcfcf;
	font-size: 11px;
	margin: 10px auto 0 auto;	
}

#topcontent p{
	margin-bottom: 5px;
}

#topcontent h1,#topcontent h2,#topcontent h3{
	margin:3px 0;
	font-size: 1.1em;
	font-weight: normal;
}

#topcontent a{
	color: #cfcfcf;
}

form#fpar label{
	color: #666;

	width: 100px;	
}



/** Affichage des commandes pour les partenaires **/
div#partpane{
	width: 750px;
	border-right: 1px solid black;
	margin-top: 15px;
	
}

#toppane{
	width: 230px;
	float: right;
	padding: 5px;
	border: 1px dotted gray;
	margin-right: 20px;
}

#toppane label{
	display: block;
	width: 80px;
	float: left;
}

/** comparateur dans fiche produit*/ 
#catalogue-comparateur{
	padding: 10px;
}     
#catalogue-comparateur #topbar{
	margin-top: 20px;
}                    

div.compare{
	margin-bottom: 150px;
	padding: 20px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
}

div.compare p{
	margin: 10px;
}
             
table.comparateur{
   
}             
          
.comparateur .imagev{
	
}
.comparateur .imagev .collection2008{
	background: url(../../images/2008-75-cut.gif) no-repeat top left;
	z-index: 10;
height: 65px;
	width: 85px;          
	position: absolute;   
	top: 150px;  
}
.comparateur .imagev .collection2009{
	background: url(../../images/2009-75-cut.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;    
	top: 150px;
}
.comparateur .imagev .collection2010{
	background: url(../../images/2010-75-cut.gif) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;    
	top: 150px;
}
.comparateur .imagev .collection2011{
	background: url(../../images/2011-75-cut.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;    
	top: 150px;
}

.comparateur .imagev .collection2007{
	background: url(../../images/2007-75-cut.png) no-repeat top left;
	z-index: 10;
	height: 65px;
	width: 85px;
	position: absolute;      
	top: 150px;
}



.comparateur .marque{
	color: red;
	font-weight: bold;
	font-size: 16px;
}


.comparateur .modele{
	font-size: 13px;
	z-index: 500;
	color: black;
	min-height: 24px;
	font-weight: bold;
}


.comparateur .topWrapper{
	border-left: 3px solid #E00015; 
	padding-left: 3px;
}



.comparateur  .prix{
	background: url(../../images/bg_prix.gif) no-repeat top left;
	width: 75px;
	height: 22px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 22px;       
	font-size: 15px;
}


.comparateur  .prix_cat{
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	margin-left: 10px;
}



table.comparateur td{
   font-size: 11px;     
 	border: 1px solid #CCC;            
	padding: 5px;
}        
           
table.comparateur td.legend{
   font-size: 15px;
}

table.comparateur tr.odd td{
	background-color: #F2F2F2;
}
table.comparateur td.prod{
	font-weight: bold;    
	vertical-align: bottom;
	padding: 10px 0 0 0 ;
}

table.comparateur td.supp{
	font-size: 10px;
	
}
table.comparateur td.supp a{
color: black;
}

table.comparateur td.legend{
	color: #e00015;
	font-weight: bold;
	padding: 10px;
}
div#videcompar{
	float: right;
	padding: 20px;
}

/** Selecteur **/
div#selecteur {
	color: white;
	margin-bottom: 20px;
}

div#selecteur #seltop{
	width: 750px;
	height: 42px;
	background: url(../../images/selecteur/top.jpg) no-repeat top left;
	overflow: hidden;
}

.snow div#selecteur #seltop{
	background: url(../../images/selecteur/topgreen.jpg) no-repeat top left;
}

div#selecteur #toplinks{
	float: right;
	margin: 15px 10px;
}
div#selecteur #toplinks a{
	color: white;
	display: block;
	margin-right: 30px;
	float: left;
	font-size: 12px;
}

div#selecteur #seltitle{
	padding: 15px 0 0 40px;
}


div#selecteur #selcenter{
	width: 750px;
	height: 190px;
	background: url(../../images/selecteur/center2.jpg) no-repeat top left;
}

div#selecteur #selfilters{
	padding-top: 7px;
	margin-left: 28px;
	height: 105px;
}

div#selecteur #sliders{
	height: 35px;
}
div.blocfilter{
	float: left;
}

.blocfilter h3{
	margin: 0;
	background: url(../../images/selecteur/fond_filter.jpg) no-repeat 0px 0px;
	height: 21px;
	width: 150px;
	font-size: 15px;
	line-height: 21px;
	display: block;
	padding-left: 30px;
	color: white;
}

.blocfilter .inner{
	width: 160px;
	color: black;
	background-color: transparent;
	padding: 0 ;
	margin: 3px 0 0 10px;
	/*border-right: 1px solid #666;*/
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.blocfilter .marque{
	width: 150px;
	height: 73px;
	overflow-y: auto;
	overflow-x: hidden;
}

#selcenter #linkzone{
	height: 31px;
}

#selcenter #linkzone a#conseils{
	float: left;
	display: block;
	width: 179px;
	height: 31px;
	background: url(../../images/selecteur/bt_conseils.jpg) no-repeat 0px 0px;
	margin: 0 15px 0 0 ;
	color: white;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	line-height: 31px;      
	margin-left: 30px;
}
.snow #selcenter #linkzone a#conseils, #catalogue-detail.snow #detailBox a#conseils{
	background: url(/images/selecteur/bt_conseils_green.jpg) no-repeat 0px 0px;
}
#selcenter #linkzone #filterResults{
	color: black;
	padding: 0 0 0 10px;
	font-size: 16px;  
	margin-left: 550px;
}

#filterResults span#innerResult{
	font-weight: bold;
	color: #E00015;
}

.inner .clean {
	text-align: right;
	margin: 0;
}
.inner .clean a{
	color: red;
	font-size: 10px;
}


a.topLink{
	display: block; 
	float: right;
	color: red;
}


div#selecteur #selbottom{
	width: 750px;
	height: 45px;
	background: url(../../images/selecteur/bottom.jpg) no-repeat top left;
}

div#selecteur #selbottom .inner{
	padding: 15px 0 0 10px;
}

#selbottom div#linksholder{
	float: right;
	color: white;
	display: block;
	margin-right: 40px;
	font-size: 12px;
}
#selbottom div#linksholder a{
	color: white;
	font-size: 12px;
}

#selbottom #comparTitle{
	padding: 0 0 0 30px;
}

#sliders div.legend{
	width: 23px;
	height: 30px;
	float: left;
	margin-top: -10px;
	margin-right: 5px;
}

#sliders #tailleHolder div.legend{
	background: url(../../images/selecteur/logo_cm.gif) no-repeat top left;
}

#sliders #priceHolder div.legend{
	background: url(../../images/selecteur/logo_euro.gif) no-repeat top left;
	margin-right: 10px;
}

#sliders #tailleHolder{
	float: left;
	width: 360px;
	margin: 0 0 0 30px;
}

#sliders #priceHolder{
	width: 350px;
	margin: 8px 0 0 370px;
}

#sliders #slidertaille{
	margin-left: 24px;
}

#sliders #sliderprix{
	margin-left: 45px;
}


div#spinner{
	
	z-index: 4000;
	float: right;
	margin-right: 30px;
}
/**ajout de l'indicateur**/
div.waiting{
	background: url(../../images/ajax-loader.gif) no-repeat center center;
}

.myttip{
	font-size: 10px;
	padding: 10px;
	font-weight: normal;
}
            
.aidechoix .imgHolder{
	float: right;
	margin: 0 0 10px 10px;
}               

.aidechoix{
	margin-left: 120px;
	font-size: 11px;
}

.aidechoix p{
	margin: 5px;
	padding: 5px;
	line-height: 1.4;
}

#catalogue-comparateur .aidechoix {
    margin-left: 30px;
}

.aidechoix h1{
	font-size: 20px;
	margin: 10px 0 10px 0;
	background: url(../../images/pouce_up.jpg) no-repeat 0 0; 
	padding: 0 0 5px 35px; 
	display: block;
	height: 35px;
	line-height: 35px;
}

.aidechoix h2{
	font-size: 14px;
	margin: 10px 0 10px 0;
}

.aidechoix h3{
	font-size: 13px;
	margin: 10px 0 10px 0;
}
    
       
table.aide td{
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: center;
}
table.aide tr.even td{
	background-color: #f2f2f2;
}

/** Redefinition des styles tabs css*/

.ui-tabs-nav a:hover{
	text-decoration: none;
}

.ui-tabs-nav .tabs-selected a span, 
.ui-tabs-nav a:hover span, 
.ui-tabs-nav a:focus span, 
.ui-tabs-nav a:active span {
	color: red
}

.ui-tabs-panel {
    border-top: 1px solid gray;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    margin-top: -9px;
}

.ui-tabs-nav a {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    color: black;
    padding: 0 10px;
    background: url(../tab.png) no-repeat;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}


.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
color: black;
}

.ui-tabs-nav .ui-tabs-selected a {
	background-position:100% -23px;
	margin-top:0;
	position:relative;

	z-index:2;
	color: red;
}

#selbox div h3{
	color: red;
}

#niveau  p{
	margin-bottom: 20px;
}

#niveau p img{
	margin-right: 10px;
}

#pratique ul,
#taille ul{
	margin-left: 40px;
}



/** End Tabs */

a.pageBack{
	display: block;
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #e00016;
}








td.fports{
	padding: 10px;
	border-bottom: 1px solid black;
}
span.mini{
	font-size: 10px;
}

/** Univers Snowboard*/
a.green{
	color:#379E05;
}

a.smallgreen{
	color:#379E05;
	font-size: 12px;
	text-decoration: none;
	display: block; 
	float: left;
	margin-right: 10px;
	width: 115px;
}


a.smallred{
	color:#e00015;
	font-size: 12px;
	text-decoration: none;
	display: block; 
	float: left;
	margin-right: 10px;
/*	width: 115px;*/
}

.snow #menu{
	background-color: #379E05;
}


.snow #menu a.current,.snow #menu a:hover {
	color:#379E05;
}
.snow #menu a.current, .snow #menu a:hover {

	background:#FFFFFF url(../../images/arrow_green.gif) no-repeat scroll 50% 21px;
	color:#379E05;
}


/** Vignettes Packages **/

div#services{
	float: right;
	margin-top: -50px;
	margin-right: 15px;
	width: 515px;
}

.vignettepack{
	background: url(../../images/bg_vignettepack.gif) no-repeat top left;
	width: 250px;
	height: 230px;
	float: left;
	margin: 0 0 12px 8px;
	text-align: left;
}

#index-indexsnowboard .vignettepack{
	margin: 0 0 12px 30px;
}


.vignettepack div{
	position: relative;
}

.vignettepack a{
	text-decoration: none;
}


.vignettepack h2{
	margin: 4px 0 2px 4px;
	font-size: 13px;
	color: white;
}


.vignettepack img{
	border: none;
}


.vignettepack .marque a{
    color: red;
}


.vignettepack .modele a{
    color: black;
}


.vignettepack .vignettepack_body{
	width: 167px;
	height: 200px;
	padding: 5px;
}



.vignettepack .vignettepack_body .modele{
	font-size: 13px;
	z-index: 500;
	color: black;
	min-height: 24px;
	position: absolute;
	top: 5px;
	font-weight: bold;
	width: 240px;
	font-size: 0.9em;
}
.vignettepack .vignettepack_body .modele img{
	margin-left: 60px;
}

.vignettepack .vignettepack_body .modele .childdes{
	font-size: .8em;
}

.vignettepack .vignettepack_body .imagev{
	top: 29px;
	left: -4px;
	z-index: 0;
	width: 190px;
	
}

.vignettepack .vignettepack_body .imagev .parent{
	margin-top: -42px;
}

.vignettepack .vignettepack_body .imagev .boot{
	margin-top: -25px;
}

.vignettepack .vignettepack_body .prix_holder{
	top: 149px;
	left: 170px;
	z-index: 2;
	position: absolute;
}


.vignettepack .vignettepack_body .prix{
	background: url(../../images/bg_prix.gif) no-repeat top left;
	width: 75px;
	height: 22px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}


.vignettepack .vignettepack_body .prix_cat{
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	margin-left: 10px;
}

.vignettepack .vignettepack_body .imagev .thereduc{
	width: 81px;
	height: 63px;
	background: url(../../images/etiquette_green1.gif) no-repeat top left;
	margin-left: 90px;
	margin-top: 40px;
	padding: 5px 12px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
}
.vignettepack .vignettepack_body .imagev .collection2008{
	background: url(../../images/2008_right.png) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;
		top: -20px;
	left: 173px;
}
.vignettepack .vignettepack_body .imagev .collection2009{
	background: url(../../images/2009_right.png) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;
	top: -20px;
	left: 173px;
}

.vignettepack .vignettepack_body .imagev .collection2010{
	background: url(../../images/2010_right.png) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;
		top: -20px;
	left: 173px;
}

.vignettepack .vignettepack_body .imagev .collection2011{
	background: url(../../images/2011_right.png) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;
		top: -20px;
	left: 173px;
}

.vignettepack .vignettepack_body .imagev .collection2007{
	background: url(../../images/2007_right.png) no-repeat top left;
	z-index: 10;
	height: 96px;
	width: 85px;
	position: absolute;
	top: 40px;
	left: -11px;
}


/** pages sercices*/
.svc h2{
	color: red;
	margin: 20px 0;
	font-size: 1.2em;
	
}
.svc h3{
	color: red;
	margin: 10px 0 20px 0;
	font-size: 1em;
	font-weight: bold;
}

.svc h3.gray{
	color: #333;
	margin: 10px 0 20px 0;
	font-size: .8em;
	font-weight: bold;
}

.svc .tl,
.svc .tr,
.svc .bl,
.svc .br{
	border-top: 1px solid #ccc;
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	float: left;
	width: 45%;
	padding: 15px;
}

.svc .tl{
	border-right: 1px solid #ccc;
}

.svc .br{
	border-left: 1px solid #ccc;
}
.svc h4{
	color: #333;
	font-size: 0.9em;
	margin: 10px 0;
}
.svc p{
	color: #333;
	font-size: 13px;
	margin-bottom: 5px;
}

.svc ul{
	list-style: disc;
	color: red;
	margin-left: 20px;
}

.svc ul li span{
	color: #333;
	font-size: 13px;
}

.svc ul li span.red{
	color: red;
}

.svc h2 span{
	color: #333;
}
.svc ul li dd{
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin-left: 150px;
}

#faq a span{
	color: red;
}

#conseils ul {
	list-style: none;
	color: #333;
}

.svc #menufaq {
	background: transparent url(../../images/fond_faq.jpg) no-repeat top left;
	width: 241px;
	float: left;
	margin-right: 30px;
	padding: 5px 10px;
}

.svc #menufaq h3{
	color: white;
	font-size: 1.3em;
	font-weight: bold;
}

.svc #menufaq h3 span{
	font-size: 0.8em;
	font-weight: normal;
}

.svc #menucontent{
	width: 225px;
	min-height: 1400px;
}

.svc #menucontent h4{
	color: red;
}
.svc #menufaq ul li{
	color: #333;
}
.svc #menufaq ul li a{
	color: #333;
	font-size: 12px;
}
.svc #contentfaq{
	padding: 20px;
	margin-left: 270px;
}
.svc #contentfaq h2{
	display: block;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
}

.svc #contentfaq h3{
	margin: 20px 0 2px 0;
}


.svc .top{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	padding: 10px 15px;
}

.svc .mr,
.svc .ml{
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	float: left;
	width: 45%;
	padding: 10px 15px;
}

.svc .mr{
	width: 47%;
}

.svc .bottom{
	border-top: 1px solid #ccc;
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	padding-top: 10px;
}
.svc #livraison {height: 190px;}
.svc #livraison #image,
.svc #liv2 #image{
	float: left;
	margin-right: 40px;
}

.svc #montage{
	background: transparent url(../../images/fond_montage.png) no-repeat top right;
	border-right: 1px solid #ccc;
	min-height: 200px;
}

.svc #montage p{
	width: 280px;
}

.svc .topplus{
	border-top: 1px solid #ccc;
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	padding: 15px;
}

.svc .fondplus{
	background: transparent url(../../images/fondplus.png) no-repeat top left;
	padding: 40px 20px 20px 20px;
	
}

.svc ol{
	list-style: decimal;
	margin-left: 20px;
	color: red;
}

.svc ol li span{
	color: #333;
	font-size: 12px;
}

.svc .fondplus strong{
	color: #333;
	font-size: 12px;
}

.svc h3.gray{
	color: #333;
}

.svc h3.gray span{
	color:red;
}

.svc #mp{
	float: left;
	height: 450px;
}

.svc #rp{
	float: left;
}

.svc .btop{
	border-top: 1px solid #ccc;
	background: transparent url(../../images/ombre-old.jpg) repeat-x top left;
	padding: 15px;
}

.svc #ch{
	float: left;
	margin-top: 20px;
	height: 100px;
}

.svc h4.red{
	color: red;
}

.svc .btop .marge{
	float: left;
	margin-right: 20px;
}

.svc .liv p,
.svc .liv h4{
	margin-left: 160px;
}

.svc .table {
	float: right;
	margin-left: 10px;
	
}

.svc .table th {
	background-color: #ddd;
	font-weight: normal;
	height: 35px;
	font-size:13px;
}

.svc .table td {
	text-align: center;
	font-size:13px;
	padding: 5px;
}

.svc .table .even td{
	background-color: #eee;
}

.svc .bplan p{
	margin-left: 190px;
}




strong.longleft{
	display: block;
	width: 140px;
	float: left;
	text-align: right;`
	line-height: 30px;
	height: 30px;
	margin-right: 30px;
}


a.redtriangle{
	display: block;
	font-size: 11px;
	color: #aaa;
	background: transparent url(../../images/redtriangle.png) no-repeat top right;
	width: 260px;
	padding-right: 10px;
	text-align: right;
}

.svc #montage a.redtriangle {
	text-align: right;
}

.svc #liv2 a.redtriangle{
	margin-left: 600px;
}

.svc .liv dd div{
	float: left;
	width: 190px;
	
}

h4.tm {
	text-align: left;
	color: #999;
	padding-left: 20px;
	font-size: 15px;
}

.fondplus h3.gray{
	font-weight: bold;
	font-size: 13px;
}

.mrg p {
	margin-left: 190px;
}




/** menu marques **/
#mmenu{
	border: 2px solid black;
	width: 500px;
	position: absolute;
	background-color: white;
	z-index: 1222222;
	display: none;
	padding: 5px;
}
	
#mmenu div{
	width: 28%;
	float: left;
	padding: 10px;
}

#mmenu div.bordleft {
	border-left: 1px solid black;
}

#menu #mmenuwrap dl{
	display: inline;
}

#menu #mmenuwrap dl dd{
	line-height: 14px;
}
#menu #mmenuwrap #mmenu a{
	color: black;
	display:inline;
	float: none;
	height: 18px;
	font-weight: normal;
	font-size: 11px;
}
#menu #mmenuwrap #mmenu a:hover{
	color: red;
	display:inline;
	float: none;
	height: 18px;
	font-weight: normal;
	font-size: 11px;
}

.snow #menu #mmenuwrap #mmenu a:hover{
	color: #379E05;
}

.svc #shop li {
	line-height: 13px;
	margin-top: 2px;
}

.small {
	font-size: 11px;
	color: #333;
	display: block;
	margin-top: 10px;
}

#selectedtailleBoard,
#selectedtailleFix{
	font-weight: bold;
}


p.accrochenews{
	text-align: center;
	padding: 20px;
	color: #666;
}

#compte-bonsachat #moncredit{
	width: 400px;
	border: none;
	padding: 0px;
	text-align: left;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	font-size: 13px;
	color: #333;
}

table.mouv {
	width: 700px;
	margin: 20px auto;
}	
.mouv th{
	border-bottom: 1px solid black;
	text-align: left;
	font-weight: bold;
	color: #666;
}
.mouv td{
	border-bottom: 1px solid black;
	padding: 5px;
}

#encardsnow{
	margin-top: 10px;
}

table.panier td{
	font-size: 12px;
}
table.panier a{
	font-size: 12px;	
}

.svc a.totop{
	display: block;
	float: right;
	margin: 20px -50px 10px 0;
	font-size: 11px;
	background: url(../../images/redtriangletop.png) no-repeat top right;
	padding-right: 20px;
	font-weight: bold;
}

#aidechoix-snowboard .ui-tabs-panel,
#aidechoix-ski .ui-tabs-panel{
	margin-top: 0px;
}

#fpar .fieldError{
	margin: 20px 0;
	padding: 10px;
	font-size: 13px;
}

#plansite ul{
	margin-bottom: 20px;
}

#plansite ul li{
	font-size: 18px;
	font-variant: small-caps;
	margin: 5px 30px;
}

#plansite ul li a{
	color: #666;
}

#plansite ul li > ul li{
	margin: 2px 30px;
	font-size: 15px;
}

#plansite ul li h3{
	font-size: 15px;
	font-weight: normal;
}
#plansite ul li > ul li a {
	font-size: 12px;
	text-transform:lowercase;
	color: #999;
}

.vignette .vignette_body .thereduc{
	width: 81px;
	height: 63px;
	background: url(../../images/etiquette_green1.gif) no-repeat top left;
	margin-left: 50px;
	margin-top: -80px;
	padding: 5px 12px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
}
.thereduc{
    background:none!important;
    text-indent: -9999em!important;
}