/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */

* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
}
body { 
	font: normal 100% Tahoma, sans;
	margin: 0px;
	padding: 0px;
	font-size:11px;
}
img{
	border:0px;
}
p{
	padding-bottom:5px;	
}
.conteneur {
	margin:0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;
}
.contenu{
	width:960px;
	margin:0 20px 0 20px;
}
.contenu2{
	width:960px;
	margin:0 20px 0 20px;
	position:absolute;
	top:320px;
}
#bandeau{
	background:url(../medias/bandeau.jpg) no-repeat center top;
	height:321px;
	top:0;
}
a{
	color:#ec7603;
	text-decoration:underline;
}
a:hover{
	color:#080706;
	text-decoration:underline;
}

#logo{
	padding:40px 0 0 0;
	float:left;
	width:171px;
}

#menu{
	padding:40px 0 0 0;
	float:left;
	width:783px;
}
#menu li{
	float:left;
	list-style-type:none;
	background:url(../medias/puce.gif) no-repeat 0 5px;
	margin:0 0 0 25px;
}
/* hack ie6 */
* html #menu li{
	margin:0 0 0 15px;
}

#menu li ul{
	clear:both;
	padding-top:10px;
}
#menu li ul li{
	list-style-type:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	clear:both;
	margin:0;
	padding:0 0 0 10px;
}
#menu li ul li a{
	color:#FFF;
	text-decoration:none;
}
#menu li ul li a:hover, #menu li ul li a.current{
	color:#ec7603;
	text-decoration:none;
}

.current{
	color:#080706;
	text-decoration:none;
}

#menu-accueil{
	width:57px;
	height:13px;
	background:url(../medias/titre-accueil.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-accueil:hover, #menu-accueil.active{
	width:57px;
	background-position:0 13px;
}
#menu-societe{
	width:55px;
	height:13px;
	background:url(../medias/titre-societe.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-societe:hover, #menu-societe.active{
	width:55px;
	background-position:0 13px;
}
#menu-team{
	width:35px;
	height:13px;
	background:url(../medias/titre-team.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-team:hover, #menu-team.active{
	width:35px;
	background-position:0 13px;
}
#menu-actualites{
	width:79px;
	height:13px;
	background:url(../medias/titre-actualites.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-actualites:hover, #menu-actualites.active{
	width:79px;
	background-position:0 13px;
}
#menu-magasins{
	width:67px;
	height:13px;
	background:url(../medias/titre-magasins.gif);
	display:block;
	float:left;
	margin:0 0 0 13px;
}
#menu-magasins:hover, #menu-magasins.active{
	width:67px;
	background-position:0 13px;
}
#menu-espace-pro{
	width:81px;
	height:13px;
	background:url(../medias/titre-espace-pro.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-espace-pro:hover, #menu-espace-pro.active{
	width:81px;
	background-position:0 13px;
}
#menu-contact{
	width:61px;
	height:13px;
	background:url(../medias/titre-contact.gif);
	display:block;
	float:left;
	margin:0 0 0 10px;
}
#menu-contact:hover, #menu-contact.active{
	width:61px;
	background-position:0 13px;
}

#push-home{
	clear:both;
	width:960px;
}
#chaussures-ski{
	width:230px;
	height:126px;
	background:url(../medias/chaussures-ski.jpg);
	display:block;
	float:left;
	margin:0 13px 0 0;
}
#chaussures-ski:hover{
	background-position:0 126px;
}
#chaussures-outdoor{
	width:230px;
	height:126px;
	background:url(../medias/chaussures-outdoor.jpg);
	display:block;
	float:left;
	margin:0 13px 0 0;
}
#chaussures-outdoor:hover{
	background-position:0 126px;
}
#apres-ski{
	width:230px;
	height:126px;
	background:url(../medias/apres-ski.jpg);
	display:block;
	float:left;
	margin:0 13px 0 0;
}
#apres-ski:hover{
	background-position:0 126px;
}
#moon-boot{
	width:230px;
	height:126px;
	background:url(../medias/moon-boot.jpg);
	display:block;
	float:left;
}
#moon-boot:hover{
	background-position:0 126px;
}
#fixations-marker{
	width:230px;
	height:126px;
	background:url(../medias/fixations-marker.jpg);
	display:block;
	float:left;
	margin:13px 13px 0 0;
}
#fixations-marker:hover{
	background-position:0 126px;
}
#skis-volkl{
	width:230px;
	height:126px;
	background:url(../medias/skis-volkl.jpg);
	display:block;
	float:left;
	margin:13px 13px 0 0;
}
#skis-volkl:hover{
	background-position:0 126px;
}
#raquettes{
	width:230px;
	height:126px;
	background:url(../medias/raquettes.jpg);
	display:block;
	float:left;
	margin:13px 0 0 0;
}
#raquettes:hover{
	background-position:0 126px;
}


#bas-home{
	width:960px;
	padding:20px 0 0 0;
	float:left;
}
#push-blog{
	width:472px;
	height:106px;
	float:left;
}
#newsletter-actu{
	float:left;
	width:450px;
	padding:0 0 0 15px;
}
#formulaire-newsletter{
	background:#e0e0e0;
	width:448px;
	height:16px;
	padding:12px;
	float:left;
}
#titre-newsletter{
	color:#080706;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	float:left;
}
#formulaire-newsletter #champ{
	border:1px solid #cccccc;
	width:245px;
	float:left;
	margin:0px 8px 0 15px;
}

#actu{
	width:472px;
	padding:6px 0 0 0;
	float:left;
}
#actu-image{
	float:left;
}
#actu-texte{
	float:left;
	padding:0 0 0 10px;
	width:395px;
}
#actu-texte h2{
	color:#080706;
	font-weight:bold;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}
#actu-texte p{
	color:#080706;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	
}

#menu-secondaire{
	float:right;
	padding:40px 0 0 0;
}
#menu-secondaire li{
	list-style-type:none;
	float:left;
	padding:0 2px 0 2px;
	color:#999999;
}
#menu-secondaire li a{
	float:left;
	color:#999999;
	text-decoration:none;
}
#menu-secondaire li a:hover, #menu-secondaire li a.current{
	float:left;
	color:#ec7603;
}



/* ------------------------------------------------- PAGES ---------------------------------------------*/
h1{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	text-transform:uppercase;
	padding:0 0 15px 0;
	width:960px;
	float:left;
}
#actus{
	float:left;
}
#actus-texte{
	width:710px;
	float:left;
	padding:0 0 20px 0;
}
#actus-texte h2{
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding:0 0 15px 0;
}
#actus-image{
	float:left;
	padding:0 12px 0 0;
}
#actus-texte p{
	float:left;
	color:#666666;
	width:580px;
}

#actus-menu{
	width:220px;
	background:#e4dddd;
	min-height:280px;
	list-style-type:none;
	float:left;
	padding:10px 0 10px 10px;
	margin:0 20px 0 0;
}
.actu-rubrique{
	background-image:none;
	list-style-type:none;
	background:url(../medias/puce-gris.gif) no-repeat;
	background-position:0 4px;
	padding:0 0 10px 10px;
	font-family:Tahoma, Geneva, sans-serif;
}
.actu-rubrique a{
	color:#282727;
	font-weight:bold;
	text-decoration:none;
	text-transform:none;
	height:10px;
	padding:0;
}
.actu-rubrique a:hover, .actu-rubrique a.active{
	color:#282727;
	font-weight:bold;
	background:#FFF;
	height:10px;
	padding:0;
}
.traits{
	background:url(../medias/trait.gif) repeat-x;
	width:710px;
	float:left;
	height:1px;
	margin:0 0 15px 0;
}


#article{
	float:left;
	padding:0 0 0 120px;
}

#contact{
	float:left;
	padding:0 0 0 88px;
	margin:0;
}
#colonne1{
	float:left;
	width:330px;
	padding:0 150px 0 0;
}
#colonne2{
	float:left;
	width:330px;
	padding:0;
}
#colonne1 p, #colonne2 p{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	clear:both;
}
.error {
	color:#EE7F00;
}
.label{
	color:#666666;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif 11px;
	padding:0;
	margin:0;
	float:left;
}/*
#contact label{
	color:#666666;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif 11px;
	padding:0;
	margin:0;
	float:left;
}*/
.eletter{
	
	color:#666666;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif 11px;
	/*padding:0;*/
	margin:0;
	padding:10px 0px 0px 0px;
	width:100%;
	float:left
}

#contact .champ{
	border:1px solid #cccccc;
	width:245px;
	float:right;
	padding:0;
	margin:0;
}
#contact .champ2{
	border:1px solid #cccccc;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	width:245px;
	height:75px;
	float:right;
}



#envoyer{
	width:240px;
	clear:both;
	padding:0 0 0 760px;
}
#mentions{
	color:#666666;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	padding:10px 0 0 0;
}

.question{
	color:#282727;
	font:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0 0 10px 0;
}
.consigne{
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;	
	padding:0 0 10px 0;
}
select{
	width:240px;
	float:right;
	color:#666666;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
.traits2{
	background:url(../medias/trait.gif) repeat-x;
	width:815px;
	float:left;
	height:1px;
	margin:0 0 15px 0;
}
#formulaire-recherche{
	padding-bottom:15px;
}
#formulaire-recherche label{
	color:#666666;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif 11px;
	padding:0;
	margin:0;
	float:left;
	width:50px;
}
#formulaire-recherche p{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	clear:both;
}
#resultats{
	clear:both;
	padding-top:20px;
}
table{
	color:#666666;
	font-size:11px;
}
.colonne-magasin{
	float:left;
	width:320px;
	padding-right:60px;
}

.colonne-magasin input{
	color:#666666;
	float:right;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:11px;
	width:240px;
}



#magasins{
	float:left;
	padding:0 0 0 125px;
}
#valider{
	width:240px;
	clear:both;
	padding:15px 0 0 654px;
}

#plan{
	padding:15px 0 0 0
	
}
#plan li{
	list-style-type:none;
	background:url(../medias/puce-gris.gif) no-repeat 0 5px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-indent:10px;
	padding:0 0 10px 0;
}
#plan li a{
	text-decoration:none;
	color:#282727;
}
#plan li a:hover{
	text-decoration:none;
	color:#ec7603;
}

#plan li ul{
}
#plan li ul li{
	font-size:11px;
	color:#666666;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	background:none;
	padding:0;
}

#mentions p{
	font-size:11px;	
}

#mentions h2{
	color:#282727;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;	
	padding:15px 0 10px 0;
}