@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body{
	background: #fff url(/images/bgBody.jpg);
}

a:link {color:#0070ba;}
a:visited {color:#0070ba;}
a:hover {color:#0070ba;text-decoration:none;}
a:active {color:#0070ba;}

#website2, #email2{
	display:none;
}

h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#4094cb;
font-weight:bold;
font-style:italic;
position:absolute;
top:8px;
left:660px;
}

h1 a{
color:#beac6c;
text-decoration:none;
}

h1 a:hover{
color:#4094cb;
text-decoration:underline;
}


h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px;
color:#0070ba;
font-style:italic;
margin-bottom:25px;
}


h3 {
font-family:Verdana, Geneva, sans-serif;
color:#0070ba;
font-size:16px;
margin-bottom:15px;
text-align:justify;
font-weight:bold;
line-height:21px;
}

h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:30px;
color:#0070ba;
font-style:italic;
margin-bottom:10px;	
margin-top:27px;
}

h5 {
font-family:Verdana, Geneva, sans-serif;
color:#0070ba;
font-size:14px;
margin-bottom:15px;
text-align:justify;
font-weight:bold;
line-height:21px;
}

h6 {
font-family:Verdana, Geneva, sans-serif;
color:#091f2d;
font-size:14px;
margin-bottom:15px;
text-align:justify;
font-weight:bold;
line-height:21px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#654900;
margin-bottom:14px;
text-align:justify;
line-height:17px;
}

p span{
color:#a1886a;	
}

ol {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#004979;
margin-bottom:15px;
margin-left:24px;
list-style:decimal;
}


ul {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#004979;
margin-bottom:15px;
margin-left:24px;
list-style:disc;
}

li {
margin-bottom:5px;
}


th{
padding:8px;
background:#4583ac;
color:#fff;
font-size:12px;
font-weight:bold;
}
td{
padding:5px;
background:#fff;
border:1px solid #ddd;
font-size:12px;
color:#654900;
}





#bodyTop{
background:url(/images/bgBodyTop.jpg) repeat-x;	
}
#bodyTopHeader{
background:url(/images/bgTopHeader.gif) top center no-repeat;	
}



#page {
width: 950px;
margin: 0 auto;
background:url(/images/bgPage.jpg);
}

/* Header
--------------------------------------------------------------------------------------- */

#header {
width: 950px;	
height:309px;
background:url(/images/bgHeader.jpg);	
position:relative;
}

#header span{
display:block;
position:absolute;
top:247px;
left:0px;
}

#header span a{
float:left;
color:#604106;
text-decoration:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
display:block;
background:url(/images/sepMenu.jpg) left no-repeat;
padding-left:28px;
height:25px;
padding-top:10px;
padding-right:8px;
}

#header span a.selected{
color:#8d783d;	
}

#header span.menuEn a{
padding-left:30px;	
padding-right:10px;
}


#header span a.menufirst{
padding-left:17px;
background:none;

}
#header span a:hover{
color:#8d783d;	
}




/* Content
--------------------------------------------------------------------------------------- */

#content {
width:950px;
background:url(/images/bgContent.jpg) no-repeat;
float:right;
}

#logos{
width:950px;
background:url(/images/bgLogos.jpg);
}


#supercontentRight{
float:right;
width:302px;	
}

#contentRight{
background:url(/images/bgRight.jpg) top;
width:262px;
text-align:left;
padding:20px;
padding-top:6px;
}

#contentRight h2{
color:#fff;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:25px;
margin-bottom:25px;
text-align:left;
}

#contentRight span{
font-size:40px;
font-weight:bold;
font-style:italic;
text-align:left;
}

#contentRight h3{
color:#0f5889;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:bold;
margin:10px 0 8px 0;
text-align:left;
}

#contentRight p{
color:#0f5889;	
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-bottom:8px;
text-align:left;
}

#imgPromo{
width:258px;
height:186px;
}

#buttons img{
float:left;	
margin-top:10px; 
}

#mailingList{
margin-top:10px;
background:url(/images/bgRight.jpg) left top;
border-bottom:10px solid #9ac7e6;
width:298px;
padding-bottom:10px;
margin-bottom:20px;
}

#mailingList div{
margin-left:20px;
color:#0070ba;
font-weight:bold;
font-size:12px;	
}

#mailingList h2{
padding:10px;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:25px;
margin-bottom:25px;
text-align:left;
padding-left:20px;
padding-top:15px;
}


#contentLeft{
float:right;
width:584px;
padding:20px;
padding-top:10px;
}

/* Produits et accessoires
--------------------------------------------------------------------------------------- */

.pa_nav{
clear:left;
padding:5px;
background:#eae7de;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#0070ba;
margin-top:10px;

width:584px;
font-weight:bold;
}

.pa_nav a{
color:#55a1d3;
text-decoration:none;
font-size:10px;
font-weight:normal;
}

.pa_nav a:hover{
color:#0070ba;
text-decoration:none;
}


.pa_produit{
background:url(/images/pa_produit.gif) no-repeat left top;
padding:24px;
float:left;
width:536px;
padding-bottom:0px;
min-height:125px;
}

.paAlt{
background:#f6f4ee url(/images/pa_produit.gif) no-repeat left top;
padding-bottom:8px;
}

.pa_produit img{
float:left;
margin:0 25px 0 0 ;
}

.pa_descriptif{
width:410px;	
float:left;
position:relative;
top:-10px;
}

.pa_descriptif h2{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#0070ba;
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	font-style:normal;
}

.pa_descriptif h2 a{
	color:#0070ba;
	text-decoration:none;
}

.pa_descriptif p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#654900;
	margin:0px;
	padding:0px;
	padding-bottom:4px;
}

.pa_descriptif h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#810b10;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-bottom:4px;
}

.pa_descriptif h3 sup{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	position:relative;
	top:4px;
	left:4px;
	
}

.pa_descriptif p a{
	font-familY:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#0070ba;
	text-decoration:underline;
}
.pa_descriptif p a{
	text-decoration:none;
}

.pa_separateur{
background:url(/images/pa_separateur.jpg) repeat-x;
height:25px;
clear:left;
}



#piece{
background:url(/images/bgPiece.jpg) no-repeat;
	
}


#produit{
background:url(/images/bgProduit.jpg) no-repeat;	
padding:24px 20px 20px 24px;
float:left;
width:584px;
min-height:300px;
height:auto !important;
height:300px;
}

#produit2{
background:url(/images/bgProduit2.jpg) no-repeat;	
padding:24px 20px 20px 24px;
float:left;
width:562px;
min-height:300px;
height:auto !important;
height:300px;
}

#produitLeft{
float:left;
width:178px;
margin-right:42px;
}

#produitLeft h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:40px;
font-weight:bold;
color:#810b10;
margin-top:25px;
text-align:center;
margin-bottom:4px;
padding-bottom:10px;
}
#produitLeft h3 sup{
font-size:20px;
}

#produitLeft p{
text-align:center;
font-weight:bold;
color:#0070ba;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-style:italic;
}
#produitLeft p a{
color:#0070ba;
}

#produitRight{
float:left;
width:320px;
text-align:justify;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#654900;
margin-bottom:10px;
}

#produitRight h3{
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
color:#0070ba;
text-align:left;
}


#demande div{
	font-size:12px;
color:#635643;
float:left;
width:565px;
padding:6px;
}

#demande div.formalt{
background:#f6f6f6;
border:1px solid #ddd;
}

#demande label{
display:block;
float:left;
width:190px;
clear:left;
}
#demande select{
float:left;
width:160px;
}


#demande input{
float:left;
width:200px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
}

#demande textarea{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
}

#btnSend{
clear:left;margin-top:15px;margin-bottom:15px;margin-left:190px;width:160px;

}

.btnNouveaute{
padding-right:2px;
position:relative;
top:5px;
}




/* Panier
--------------------------------------------------------------------------------------- */


#cartcontent {
	width: 584px;
	margin: 0px 0px 20px 0px;	
	padding: 0 0px;
	clear:right;
	font-size:11px;
}

#cartcontent table{
margin-bottom:15px;	
}

#cartcontent th {font-size:11px;background: #99c4e4 repeat-x bottom; color: #fff; text-align: left;border-bottom:1px solid #fff;font-weight:bold;}
#cartcontent td, #cartcontent th {font-size:11px;border:0px;border-bottom: 1px solid #cbd1d4; padding: 8px;}
#cartcontent .alt {background: #f0f0f0;}
#cartcontent .pic {width: 64px;}
#cartcontent img {border: 1px solid #003352;}
#cartcontent .product {width: 250px;}
#cartcontent .price {width: 50px; text-align: right;}
#cartcontent .stotal {width: 80px; text-align: right;}
#cartcontent .add {width: 40px; text-align: right;}
#cartcontent .add img {border: none;}
#cartcontent .images {margin: 0 10px 5px 0;}
#cartcontent p.images  {width: 120px; margin: 0 0 5px 0; text-align: center;}
#cartcontent .prix {color: #e47e00;font-size: 16px; font-weight: bold; margin: 0 0 5px 0;}

#cartcontent #info {
	width: 250px;
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4; 
	margin: 0 0 10px 0; 
	padding: 10px 10px 0 10px;
	float: left;
}

#cart p,#search p,#submitpic p {
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4;
	padding: 5px;}
#search p .txt {
	width:100px;
}
input, textarea {border: 1px solid #cbd1d4; padding: 3px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #003352;}

select {border: 1px solid #cbd1d4; padding: 3px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif;color: #003352;}
#shopcontent th {background: url(images/bg-th.gif) repeat-x bottom; color: #fff; text-align: left;}
#shopcontent td, #shopcontent th {border-bottom: 1px solid #cbd1d4; padding: 8px;}
#shopcontent .alt {background: #f2f2f2;}
#shopcontent .pic {width: 64px;}
#shopcontent img {border: 1px solid #003352;}
#shopcontent #albumview img { border: 1px solid #b0ada3; }
#albumview div { padding-left:14px; }
#shopcontent .product {width: 200px;}
#shopcontent .price {width: 100px; text-align: right;}
#shopcontent .add {width: 40px; text-align: right;}
#shopcontent .add img {border: none;}
#shopcontent .images {margin: 0 10px 5px 0;}
#shopcontent p.images  {width: 120px; margin: 0 0 5px 0; text-align: center;}
#shopcontent .prix {color: #e47e00; font-size: 16px; font-weight: bold; margin: 0 0 5px 0;}
#shopcontent #info {
	width: 250px;
	background-color : #eff1f2; 
	border: 1px solid #cbd1d4; 
	margin: 0 0 10px 0; 
	padding: 10px 10px 0 10px;
	float: left;
}







/* Le Footer
--------------------------------------------------------------------------------------- */

#padding-tablePartner {padding:0 11px;width:928px;}

#tablePartner th{
padding:0px;
background:none;
}
#tablePartner td{
padding:0px;
background:none;
border:0px;
}

#tablePartner a.logo {background-position:top left;background-repeat:no-repeat;display:block;}
#tablePartner a.logo:hover {background-position:bottom left;}
#tablePartner a.logo span {display:none;}
#tablePartner a.logo-aztec {background-image:url(/images/logos/logo-aztec-sprite.gif);height:24px;width:97px;}
#tablePartner a.logo-canyon {background-image:url(/images/logos/logo-canyontrail-sprite.jpg);height:31px;width:94px;}
#tablePartner a.logo-encounter {background-image:url(/images/logos/logo-encounter-sprite.gif);height:15px;width:90px;}
#tablePartner a.logo-jamboree {background-image:url(/images/logos/logo-jamboree-sprite.jpg);height:21px;width:94px;}
#tablePartner a.logo-southwind {background-image:url(/images/logos/logo-southwind-sprite.jpg);height:16px;width:112px;}







#footer {
clear: both;
background:#0054a9 url(/images/bgFooter.jpg) repeat-x;
height:150px;


}

#footer2{
width: 950px;
margin: 0 auto;
height:56px;
background:url(/images/bgFooter2.jpg);
text-align:center;
color:#fff;
padding-top:40px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}

#footer2 a{
color:#fff;
text-decoration:none;
}

#footer2 a:hover{
text-decoration:underline;
}

#footer2 p{
padding-top:8px;	
color:#fff;
text-align:center;
}



/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	padding:2px;
	border:1px solid #ddd;
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	padding:2px;
	border:1px solid #ddd;
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f6f4ee;}

div.halte-vrgo {padding:0 0 20px 66px;text-align:center;}
div.halte-vrgo a {text-decoration:none;}
div.halte-vrgo img {display:block;}