/*****************************
===================================================================
        => Contenu <=
===================================================================
/******************************/


/*LIEN LOGO*/

#lienLogo{
display:block;
width:352px;
height:173px;
position:absolute;
left: 1px;
top: 34px;
z-index:1000;
/*border:1px solid red;*/
}
#lienLogo2{
display:block;
width:470px;
height:30px;
position:absolute;
left: 1px;
top: 2px;
z-index:2000;
background:url(btAccueil.jpg)
/*border:1px solid red;/*/
}

/*VOTRE COMPTE*/

#votreCompte,#votreCompteUs{
display:block;
width:105px;
height:25px;
position:absolute;
*position:relative;
left:705px;
top:40px;
z-index:3000;
/*border:1px solid green;*/
}
#votreCompteUs{
width:99px;
left:652px;
top:40px;
*top:-22px;
/*border:1px solid green;*/
}

/*PANIER*/


/*MAILING*/

#mailing{
display:block;
width:99px;
height:24px;
position:absolute;
left: 1018px;
*left: 1010px;
top: 9px;
z-index:5000;
/*border:1px solid green;*/
}


/*RECHERCHE*/

#recherche{
	position:absolute;
	width:409px;
	height:34px;
	display:block;
	left: 191px;
	top: 1px;
	z-index:6000;	
	/*border:1px solid red;*/
}

/*MARQUES*/

#marques{
	position:absolute;
	width:180px;
	height:32px;
	display:block;
	left: 595px;
	top: 3px;
	z-index:7000;	
}



/*
===========================================================================
         LIENS POSITIONNES
============================================================================
*/

.lienA{
	position:absolute;
	width:95px;
	height:34px;
	display:block;
	left: 850px;
	top: 3px;
}
.lienB{
	position:absolute;
	width:116px;
	height:28px;
	display:block;
	left: 719px;
	top: 8px;
	/*border:1px solid red;*/
	z-index:5000;
	cursor:pointer;
}
.lienC{
	position:absolute;
	width:179px;
	height:33px;
	display:block;
	left: 793px;
	top: 3px;
}

.lienD{
	position:absolute;
	width:47px;
	height:24px;
	display:block;
	left: 932px;
	top: 2px;
}

a#bouton_texte_recherche_avancee2,a#bouton_texte_recherche_avancee2:hover {
display:block;
left:220px;
top:8px;
width:167px;
height:22px;
/*border:1px solid #ccc;*/
background:url(recherche-avancee2.jpg) no-repeat left top;
position:absolute;
}

/*********************
===========================================================================
	HACK IE
===========================================================================  
/************************/
.imgSite,.imgSiteXml,.imgSiteXmlHaut{
display:block;
margin:-2px 0 0 0;
*margin-top:-4px;
margin-top /*\**/:-5px \9;
/*border:1px solid red;*/
}

.imgSiteXml{
margin:-1px 0 10px 3px;
*margin-top:-2px;
margin-top /*\**/:-6px \9;
}

.imgSiteXmlHaut{
margin:0 0 0 3px;
}


/****************************
===========================================================================
          CMS
===========================================================================	  
/***************************/

.fondCms2{
background:#fff url(fond-cms-accueil.gif) no-repeat left bottom;
height:180px;
width:347px;
border:1px solid #E5E5E5;
margin-top:-2px;
}

.bleu, .rose, .vert{
text-decoration:none;
color:#000;
font-weight:bold;
display:block;
margin:2px 0;
background:url(puce-bleu.gif) no-repeat left top;
padding:0 0 0 20px;
}
.fondCms2 a:hover{
text-decoration:underline;
}
.rose{
background:url(puce-rose.gif) no-repeat left top;
}
.vert{
background:url(puce-verte.gif) no-repeat left top;
}



#cms5{
position:relative;
height:452px;
background:url(avantages.jpg) no-repeat left top;
margin-top:-25px;
*margin-top:0;
/*border:1px solid red;*/
}
#lien1,#lien2,#lien3,#lien4,#lien5,#lien6,#lien7,#lien8,#lien9{
display:block;
width:200px;
/*border:1px solid red;*/
}

#lien1{
margin-top:-2px;
height:56px;
}
#lien2{
height:45px;
}
#lien3{
height:44px;
}
#lien4{
height:37px;
}
#lien5{
height:35px;
}
#lien6{
height:34px;
}
#lien7{
height:34px;
}
#lien8{
height:46px;
}
#lien9{
height:91px;
}

#cms8{
background:#F4F4F2 url(fond-marques.jpg) no-repeat left bottom;
margin:-1px 0 0 0;
padding-bottom:5px;
}

#cms8 td{
white-space:nowrap;
}
/****************************
===========================================================================
        Navigation XML
===========================================================================  
/***************************/

#cadreMenu{
margin:0;
padding:0;
overflow:hidden;
list-style-type:none;
background:url(nav-haute.jpg) no-repeat left top;
width:980px;
height:40px;
/*border:1px solid red;*/
}
.cadreMenu2{
background:#F73500;
margin-top:40px;
position:absolute;
width:175px;
opacity:0.85;
filter:alpha(opacity=85);
z-index:20000;
}
.kite,.camera,.bagage,.outdoor,.street,.equipement,.loisirs{
float:left;
height:40px;
}
.kite{
width:121px;
}
.camera{
width:189px;
}
.bagage{
width:113px;
}
.outdoor{
width:101px;
}
.street{
width:129px;
}
.equipement{
width:121px;
}
.loisirs{
width:157px;
}
.cadreMenu2 a.lienRayon{
color:#fff;
font-weight:bold;
display:block;
padding:5px 15px;
text-decoration:none;
font:bold 11px verdana;
background:none;
/*border:1px solid red;*/
}
.cadreMenu2 a.lienRayon:hover{
background:url(puce.gif) no-repeat left top;
color:#000;
}

#cadreMenu2{
margin:-5px 0 0 3px;
padding:10px 0 0 0;
background:#fff url(fond-nav-xml-gauche2.jpg) no-repeat left bottom;
border:1px solid #E5E5E5;
min-height:198px;
border-bottom:none;
width:192px;
}
.cadreMenuGamme{
padding:0;
margin:0 0 15px 0;
color:#ffff;
}
.lienRayon2{
color:#000;
background:url(puce.gif) no-repeat left top;
text-decoration:none;
font:bold 11px verdana;
display:block;
/*border:1px solid red;*/
padding:3px 3px 3px 16px;
margin:0 0 6px 0;
}
.lienRayon2:hover{
color:#E72A02;
background:url(puce2.gif) no-repeat left top;
text-decoration:none;
}
.lienGamme{
display:block;
padding:5px 5px 5px 40px;
font:normal 11px verdana;
text-decoration:none;
color:#000;
width:148px;
_width:140px;
_margin-top:10px;
background:url(puce-rose.gif) no-repeat 16px 4px;
/*border:1px solid #FCAE81;*/
}
.lienGamme:hover{
text-decoration:underline;
color:#E72A02;
}

.imgSiteXmlHaut{
display:block;
}



/*Anim*/

.masque{
	position:relative;
	width:731px;
	min-height:320px;
	overflow:hidden;
	margin:-5px 0 5px 0;
	/*border:1px outset gray;*/
}
#boiteImg{
	position:absolute;
	color:#333333;
}
#boiteImg img{
	display:block;
	float:left;
}

.boiteImg img{
position:absolute;
left:0px;
top:0px;
}

#imageTransition{
position:relative;
}

/*TETE GONDOLE*/

.divTeteBleu, .divTeteOrange, .divTeteVert{
width:719px;
border-top:2px solid #444444;
border-bottom:2px solid #444444;
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:30px 0px 10px 0px;
height:141px;
margin:0px;
display:block;
}

.divTeteBleuPage, .divTeteOrangePage, .divTeteVertPage{
width:742px;
border-top:2px solid #444444;
border-bottom:2px solid #444444;
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:30px 0px 10px 0px;
height:141px;
margin:0px;
display:block;
}

.divTeteBleu{
background:url(fond-tete-bleu.jpg) no-repeat left top;

}

.divTeteOrange{
background:url(fond-tete-orange.jpg) no-repeat left top;
}

.divTeteVert{
background:url(fond-tete-vert.jpg) no-repeat left top;
}

.divTeteBleuPage{
background:url(fond-tete-bleu-page.jpg) no-repeat left top;
}

.divTeteOrangePage{
background:url(fond-tete-orange-page.jpg) no-repeat left top;
}

.divTeteVertPage{
background:url(fond-tete-vert-page.jpg) no-repeat left top;
}