/*****************************************/
/*SITE MySitAndGo 2.0 §
/*****************************************/
/* couleurs utilisees
gris pale       color:#d4d5d6;
gris moyen      color:#999;
gris texte      color:#626567;

SITANDGO
grey 			color:#777a7d;
navy 			color:#1c6099;
brown 			color:#544132;
green 			color:#9ab936;
cream 			color:#f7ebb7;
STARTANDGO
orange 			color:#b55a3d;

*/
#intronav
{
    margin-top:15px;
    height:20px;
    font-size:12px;
}
#navproduits
{ 
    /*margin-top:35px;*/
}
#navproduits LI .courant
{
}
.white-26 .detailproduit .detail,.white-26 .ongletfp A:hover,.white-28 .detailproduit .detail,.white-28 .ongletfp A:hover,#libwhite-26,#libwhite-28,.white-26 #titre,.white-28 #titre,A.orange
{
   color:#b55a3d; /*orange*/
}
.black .detailproduit .detail,.black .ongletfp A:hover,#libblack,.black #titre,A.black
{
    color:black;
}
.green .detailproduit .detail,.green .ongletfp A:hover,#libgreen,.green #titre,A.green
{
    color:#9ab936;
}
.grey .detailproduit,.grey .ongletfp A:hover,#libgrey,.grey #titre,A.grey
{
   color:#777a7d;
}
.navy .detailproduit,.navy .ongletfp A:hover,#libnavy,.navy #titre,A.navy
{
   color:#1c6099;
}
.brown .detailproduit,.brown .ongletfp A:hover,#libbrown,.brown #titre,A.brown
{
   color:#544132;
}
.cream .detailproduit,.cream .ongletfp A:hover,#libcream,.cream #titre,A.cream
{
   color:#b55a3d; /*orange au lieu de cream*/
}


.navproduititem
{
    float:left;
    margin-right:10px;
}
.flecheitem A
{
    display:block;
    width:130px;
    height:14px;
}

#fleche-startandgo A
{
    background:url(../img/navproduits/orange1.png) no-repeat top left;
}
#fleche-black A
{
    background:url(../img/navproduits/black1.png) no-repeat top left;
}
#fleche-black A:hover,#fleche-black A.current
{
    background:url(../img/navproduits/black2.png) no-repeat top left;
}
#fleche-green A
{
    background:url(../img/navproduits/green1.png) no-repeat top left;
}
#fleche-green A:hover,#fleche-green A.current
{
    background:url(../img/navproduits/green2.png) no-repeat top left;
}
#fleche-grey A
{
    background:url(../img/navproduits/grey1.png) no-repeat top left;
}
#fleche-grey A:hover,#fleche-grey A.current
{
    background:url(../img/navproduits/grey2.png) no-repeat top left;
}
#fleche-navy A
{
    background:url(../img/navproduits/navy1.png) no-repeat top left;
}
#fleche-navy A:hover,#fleche-navy A.current
{
    background:url(../img/navproduits/navy2.png) no-repeat top left;
}
#fleche-brown A
{
    background:url(../img/navproduits/brown1.png) no-repeat top left;
}
#fleche-brown A:hover,#fleche-brown A.current
{
    background:url(../img/navproduits/brown2.png) no-repeat top left;
}
#fleche-cream A,#fleche-startandgo A
{
    background:url(../img/navproduits/cream1.png) no-repeat top left;
}
#fleche-cream A:hover,#fleche-cream A.current,#fleche-startandgo A:hover,#fleche-startandgo A.current
{
    background:url(../img/navproduits/orange2.png) no-repeat top left;
}
#photovelo
{
    width:100%;
    height:580px;
}
#specs
{
    position:absolute;
    margin-top:50px;
    margin-left:200px;
}
.white-28 #specs,.black #specs,.green #specs,.brown #specs
{
    margin-left:700px;
}

#geo
{
    position:absolute;
    margin-top:30px;
    margin-left:190px;
}
.white-28 #geo,.black #geo,.green #geo,.brown #geo
{
    margin-left:640px;
}


.detailproduit
{
   font-family: "Courier New";
   font-size:11px;
   letter-spacing:-0.1em;
}

#specs
{

   width:320px;
}
.bloc320-bas
{
   /*background:url(../img/fp/bloc320-b.png) no-repeat bottom left;*/
   background:url(../img/fp/bloc320-b-80.png) no-repeat bottom left;
   width:320px;
   height:14px;
}
.bloc320-haut
{
   /*background:url(../img/fp/bloc320-h.png) no-repeat top left;*/
   background:url(../img/fp/bloc320-h-80.png) no-repeat top left;
   width:320px;
   height:14px;
}
.bloc320-content
{
   width:320px;
   /*background:url(../img/fp/fdbloc320.png) repeat-y;*/
   background:url(../img/fp/fdbloc320-80.png) repeat-y;
}
.bloc403-bas
{
   background:url(../img/fp/bloc403-b.png) no-repeat bottom left;
   width:403px;
   height:14px;
   font-size:0;
   line-height:0;
}
.bloc403-haut
{
   background:url(../img/fp/bloc403-h.png) no-repeat top left;
   width:403px;
   height:14px;
   font-size:0;
   line-height:0;
}
.bloc403-content
{
   width:403px;
   background:url(../img/fp/fdbloc403.png) repeat-y;
}

.pictocat
{
    position:absolute;
    margin-top:-10px;
}
.detailcat
{
    padding-top:15px;
}
.detailproduit LI
{
   line-height:1em;
   padding:0.1em 0;
   margin:0;
}
.detailproduit LI .intitule
{
    text-decoration:underline;
    color:#999;
}
.detailproduit LI .detail
{
    /*font-weight:bold;*/
    text-decoration:none;
}
#lesongletsfp
{
    position:absolute;
    margin-top:10px;
}
.ongletfp
{
    background:url(../img/fp/fd-ongletcatalogue-g.png) no-repeat top left;
    width:130px;
    margin:0 0 5px 10px;
    padding-left:8px;
}
.ongletfp IMG
{
    border:0;
}
.ongletfp A
{
   color:#999;
   display:block;
}
.ongletfp A:hover
{
   text-decoration:none;
}
.ongletfp2
{
    background:url(../img/fp/fd-ongletcatalogue-d.png) no-repeat top right;
    height:20px;
    padding:2px 0;
}

/***********zoom*****************************/
#fermerzoom
{
	position:absolute;
    margin-top:-22px;
    /*margin-left:-1px;*/
    margin-left:781px;
    width:168px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:6px 0 2px 2px;
    background:red;
}
#boutonzoom
{
	position:absolute;
	margin-left:520px;
	margin-top:0px;
}
#zoom-haut
{
    position:absolute;
    z-index:1001;
    margin-top:-1px;
    margin-left:460px;
}
#zoom-bas
{
    position:absolute;
    z-index:1001;
    margin-top:631px;
    margin-left:460px;
}
#zoom-gauche
{
    position:absolute;
    z-index:1001;
    margin-top:315px;
    margin-left:-1px;
}
#zoom-droit
{
    position:absolute;
    z-index:1001;
    margin-top:315px;
    margin-left:931px;
}
#zoomproduit
{
	position:absolute;
	z-index:1000;
	border:1px solid #ccc;
    left:50%;
    margin-left: -380px;
	display:none;
	cursor:pointer;
    width:918px;
    height:578px;
    background-position:0 0;
    background-repeat:no-repeat;
}
.nomproduit
{
    margin-top:4px;
    text-transform:lowercase;
}
.taille
{
    font-size:1.2em;
    font-weight:bold;

}

/***********send to friend*****************************/
#sendfriend
{
  position:absolute;
  width:600px;
  left:50%;
  margin-left:-300px; /* width/2 */
  z-index:20;
  background:white;
  padding: 10px;
}

#fermersendafriend
{
	position:absolute;
    margin-left:-5px;
    margin-left:580px;
    width:168px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:6px 0 2px 2px;
    background: url(../img/onglet-fermer.png) no-repeat scroll right top;
    cursor:pointer;
}