/****************************************************************/
/*********************** SLIDES FICHE JEU **********************/
/****************************************************************/


div#slide_fiche_jeu {
  position:relative;
  margin-top:12px;
  left:5px;
}
div#slide_fiche_jeu .slidesPagination li a {
  margin-top:6px;
}

div.bt_jouer {
    display:block;
    position:absolute;
    top:-6px;
    left:492px;
    width:195px;
    height:195px;
    background:url('/../js/slideshow/img/bt_jouer.png') top center no-repeat;
    z-index:500;
}
div.bt_jouer:hover {
    background:url('/../js/slideshow/img/bt_jouer.png') bottom center no-repeat;
}

img.screenshot_680x340 {
  width:680px;
  height:340px;
  display:block;
}
img.screenshot_200x150 {
  width:200px;
  height:150px;
  display:block;
}




/***************** icones next / previous ********************/

#slides_big a.slidesNext, #slides_big a.slidesPrevious, #slides_small a.slidesNext, #slides_small a.slidesPrevious {
  position:absolute;
  top:185px;
  left:0px;
  width:38px;
  height:38px;
  display:block;
  background-repeat:no-repeat;
  display:none;
}
#slides_big a.slidesPrevious, #slides_small a.slidesPrevious {
  margin-left:-14px;
  background-image:url('/../images/fleche_gauche.png');
  background-position:left top;
}
#slides_big a.slidesNext, #slides_small a.slidesNext {
  background-image:url('/../images/fleche_droite.png');
  background-position:left top;
  left:660px;
}

#slides_big a.slidesPrevious:hover, #slides_small a.slidesPrevious:hover, #slides_big a.slidesNext:hover , #slides_small a.slidesNext:hover  {
  background-position:left bottom;
}


/********************************************************************************/
/********************************* SLIDE 680*340 ********************************/
/********************************************************************************/
#slides_big {
  position:relative;
  top:0px;
  left:0px;
  z-index:1;
}
#slides_big .slidesContainer {
  width:680px;
  height:340px;
  overflow:hidden;
  position:relative;
  border:1px solid #2390c1;
  z-index:2;
}

#slide_fiche_jeu .background_big_slide_solo {
  position:absolute;
  top:1px;
  left:1px;
  width:680px;
  height:340px;
  z-index:1;
  background-image:url("/../js/slideshow/img/fd_slideshow.jpg");
  background-position:top center;
  background-repeat:no-repeat;
}

#slides_big .texte {
  position:absolute;
  text-align:center;
  bottom:10px;
  left:9px;
  height:25px;
  line-height: 25px;
  width:660px;
  background:url("/../js/slideshow/img/opa75.png") repeat;
  font-size:12px;
  font-weight:bold;
  color:#0f3c5d;
  border:1px solid #fff;
  text-shadow:none;
  z-index:500;
}




/********************************************************************************/
/********************************* SLIDE 200*150 ********************************/
/********************************************************************************/
#slides_small{
    position:relative;
    top:0px;
    left:0px;
    z-index:1;
}
#slides_small.solo {
    position:relative;
    top:0px;
    left:0px;
    width:680px;
    height:340px;
    overflow:hidden;
    background-image:url('/../js/slideshow/img/fd_slideshow.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    border:1px solid #2390c1;
    z-index:1;
}
#slides_small .slide img{
    float:left;
    margin: 10px 0 0 10px;
    border:1px solid #2390c1;
}
#slides_small .slidesContainer {
    position:relative;
    width:680px;
    height:340px;
    overflow:hidden;
    background-image:url('/../js/slideshow/img/fd_slideshow.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    border:1px solid #2390c1;
}

.texte_small {
    position:absolute;
    top:11px;
    left:223px;
    width:285px;
    height:187px;
    display:block;
    padding:9px;
    text-align:justify;
    background:url('/../js/slideshow/img/opa50.png') repeat;
    font-size:12px;
    z-index:2;
    border:1px solid #2390c1;
    font-weight:bold;
    line-height:17px;
    color:#848484;
}
.note_small {
    position:absolute;
    bottom:36px;
    left:9px;
    width:660px;
    height:100px;
    display:block;
    background:url('/../js/slideshow/img/opa50.png') repeat;
    border:1px solid #2390c1;
    color:#848484;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    z-index:2;
}
.note_small.solo {
  bottom:10px;
}

/* #slides_small .next,#slides_small .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:1;
}
#slides_small .next {
    left:585px;
} */




/******************* SLIDE CATEGORIES HOME *****************/
.slides_rubrique {
    position:absolute;
    top:40px;
    left:32px;
    z-index:100;
}

.slides_rubrique .slidesContainer {
    width:200px;
    height:150px;
    overflow:hidden;
    position:relative;
    border:1px solid #fff;
    background:url("/../js/slideshow/img/fd_slideshow_rubrique.jpg") top center no-repeat;
}
/* pas d'image de fond pr les slides du bloc réseau car fond transparent avec angles arrondis */
div#slide_cat_reseaux .slidesContainer {
    background-image:none;
    border:none;
}

a.slidesNext, a.slidesPrevious {
  position:absolute;
  top:62px;
  left:-30px;
  width:26px;
  height:26px;
  display:block;
  z-index:101;
  background-image:url('/../js/slideshow/img/bt_prev_next.png');
  background-repeat:no-repeat;
}

.slides_rubrique a.slidesNext {
  background-position:-26px -52px;
  left:205px;
}
.slides_rubrique a.slidesNext:hover {
  background-position:-26px -78px;
} 
.slides_rubrique a.slidesPrevious {
  background-position:-26px 0px;
}
.slides_rubrique a.slidesPrevious:hover {
  background-position:-26px -26px;
}

.slides_rubrique .texte {
    z-index:500;
    position:absolute;
    text-align:center;
    bottom:-40px;
    left:4px;
    height:20px;
    background:url("/../js/slideshow/img/opa75.png") repeat;
    width:190px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    color:#0f3c5d;
    border:1px solid #fff;
    text-shadow:none;
}
.slides_rubrique .classement_jeu {
    position: absolute;
    top:0px;
    right:5px;
    display:none;
    background-image:url('/../images/accueil/rangs_jeux.png');
    background-repeat:no-repeat;
    width:30px;
    height:39px;
}
.slides_rubrique .classement_1 {
  background-position:0 0;
}
.slides_rubrique .classement_2 {
  background-position:0px -39px;
}
.slides_rubrique .classement_3 {
  background-position:0px -78px;
}
.slides_rubrique .classement_4 {
  background-position:0px -117px;
}
.slides_rubrique .classement_5 {
  background-position:0px -156px;
}
.blocs_categorie_oranges a.slidesNext {
    background-position:0px -52px;
    left:205px;
}
.blocs_categorie_oranges a.slidesNext:hover {
    background-position:0px -78px ;
}
.blocs_categorie_oranges a.slidesPrevious {
    background-position:0px 0px;
}
.blocs_categorie_oranges a.slidesPrevious:hover {
    background-position:0px -26px;
}

.blocs_categorie_oranges .slidesPagination li.slidesCurrent a {
    background-position:0 -33px;
}
.blocs_categorie_oranges .slidesPagination li a {
  background-position:0 -22px;
}


/*********************** PAGINATION **********************/

/* fond des bt de pagination pour slide big */
.background_pagination { 
  position: relative; 
  height:20px; 
  width:680px; 
  background:#f4f4f4; 
  border:1px solid #2390c1;
  display:block;
}

/* + large pr le bloc réseau  et le bloc nouveaux jeux, qui ont 8 items dans le slide */
div#slide_cat_reseaux .slidesPagination , #slide_cat_new .slidesPagination {
  width:105px;
}

.slidesPagination {
  margin:4px auto 0;
  width: 85px;
  padding:0px;
}
.slidesPagination li {
  float:left;
  margin:0 1px;
  list-style:none;
}
.slidesPagination li a {
  display:block;
  width:11px;
  height:0;
  padding-top:11px;
  background-position:0 0;
  float:left;
  overflow:hidden;
  background:url('/../js/slideshow/img/pagination.png');
}
.slidesPagination li.slidesCurrent a {
  background-position:0 -11px;
}
.slidesPagination li a {
  background-position:0 0;
}