/*
 * jquery.mb.components
 * Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
 * email: mbicocchi@open-lab.com
 * site: http://pupunzi.com
 *
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */
span {margin:5px;
padding-right:2px;
 /*background:url("../images/rond.png") no-repeat scroll 50% 0% ;*/
}
span img {width:170px; height:220px;border: #BFBABA 5px solid;padding:2px;}
#wrapper{
 /* margin-top:80px;*/
  display:none;
  margin:auto;
  /*width:1000px;*/
}

#myScroll{
/*display:none;*/
}


#myScroll1 .scrollEl{
  display:none;
  height:245px;
  width:800px;
    margin:auto;
 /* padding:10px;*/
  color:white;
 /* background:url("../elements/elBgnd.png") repeat-x;*/
  background-color: #fff;
 /* border:8px solid #ddd;*/
  /*font-family:sans-serif;
  font-size:180%;
  
  padding-top:40%;
  color:white;
  height:100%;
  text-shadow:#999 1px 1px 1px;
  text-align:center;*/
  /*CSS3 properties
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;*/
}
#myScroll1{
 /* float:left;
  margin-right:20px;*/
}
#elemcata{margin:5px;padding-right:2px;}

/*#elemcata img{
width:170px; 
height:220px;
border: #BFBABA 5px solid;
padding:2px;}*/

/*---------- les boutons ------------*/
#controlp div{
/*bouton prev en haut*/
float:middle;
clear:both;
position: relative;
 background:url("../images/boutonprev.jpg") no-repeat scroll 50% 0% ;
  display:inline-block;
  cursor:pointer;
  /*
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow:#999 2px 2px 2px;
  -webkit-box-shadow:#999 2px 2px 2px;*/
  width:800px;
  height:50px;
 
}
#controln div{
/*bouton next en bas*/
  float:middle;
  background:url("../images/boutonext.jpg") no-repeat scroll 50% 0% ;
  display:inline-block;
  width:800px;
  height:50px;
  cursor:pointer;
   margin-top:10px;
   margin-right:50%;
   text-align:center;
 /* -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow:#999 2px 2px 2px;
  -webkit-box-shadow:#999 2px 2px 2px;*/
}
#controlp div.positiondisplay{
	color:#fff;
	cursor:default;
}

#controlp .sel, #controln .sel{
  color:black !important;
  font-weight:bold;
}
#controlp .disabled{/* pas celui la ? si ca yé le blanc est important devant le point*/
 /* color:gray;*/
  background:url("../images/1x1.gif") no-repeat scroll 50% 0% ;
}
#controln .disabled{
 /* color:gray;*/
 /*background:url("../images/boutonprev.jpg") no-repeat scroll 50% 0% ; celui la marche*/
  background:url("../images/1x1.gif") no-repeat scroll 50% 0% ;
}
#controlp.page, #controln .page{
  padding:5px;
  color:gray;
}
/*prev.disabled{
 /* color:gray;*/
/*  background:url("../images/boutonext.jpg") no-repeat scroll 50% 0% ;
/*background-color: gray; /* L'opacite se regle ici */
}
/*next .disabled{
 /* color:gray;*/
/* background:url("../images/boutonprev.jpg") no-repeat scroll 50% 0% ;
/*background-color: gray; /* L'opacite se regle ici */
}