/* références */

/* liste */
.block-ref { position: relative; float: left; margin: 0 19px 20px 0; background:#bbb7b8;
            -webkit-background-size: cover; /* pour Chrome et Safari */
            -moz-background-size: cover; /* pour Firefox */
            -o-background-size: cover; /* pour Opera */
            background-size: cover; /* version standardisée */}
.block-ref a { display: block; width: 100%; height: 100%; }
.ref1 { /*width: 635px;*/ width: 100%; height:374px; }
.ref2 { /*width: 308px;*/ width: 49%; height:374px; margin-right: 0; }

.ref3 { /*width: 308px;*/ width: 49%; height:176px;position: relative;left:2%; }
.ref4 { /*width: 308px;*/ width: 49%; height:176px;position: relative;left:2%; }
.ref5 { /*width: 308px;*/ width: 47%; height:176px; margin-right: 0; position: absolute;top:47.5%;right:51%}

.ref6 { /*width: 635px;*/ width: 100%; height:176px; }
.ref7 { /*width: 308px;*/ width: 49%; height:176px; margin-right: 0; }

.ref8   { /*width: 308px;*/ width: 49%; height:374px;position: relative;left:2%; }
.ref9   { /*width: 308px;*/ width: 49%; height:176px; }
.ref10  { /*width: 308px;*/ width: 49%; height:176px; margin-right: 0; }
.ref11  { /*width: 635px;*/ width: 100%; height:176px; margin-right: 0; }

/*#infoscontent.ref         { width: 255px; height: 130px; padding: 10px; }
#infoscontent.ref h3      { font-size: 30px; }
#infoscontent.ref .infos  { position: relative; height: 100%; }
#infoscontent.ref .infos .btn-gris { position: absolute; width: 148px; bottom: 15px; left: 10px; }*/

.content-ref                { position: absolute; top: auto; left: auto; bottom: 15px; right: 15px; width: 255px; height: 130px; padding: 10px; }
.content-ref .infos h3      { font-size: 25px; }
.content-ref .infos         { position: relative; height: 100%; }
#site-content .content-ref .infos .btn-gris { position: absolute; width: 148px; bottom: 0; left: 0; height: 24px; padding: 3px 0 0 0; }


/* détails */
#site-content .content-page.ref-details { padding: 23px 16px 0 16px; }
#slider-ref                             { width: 965px; height: 395px; margin: 0 auto 35px auto; /*overflow: hidden;*/ position: relative;  }


#site-content .content-page.ref-details .right,
#site-content .content-page.ref-details .left { float: left; margin: 105px 0 0 0; }
#site-content .content-page.ref-details .left { width: 635px; margin-right: 20px; }
#site-content .content-page.ref-details .right { width: 300px;  }

#bloc-infos-ref { font-size: 12px; }
#site-content .content-page.ref-details .right #bloc-infos-ref { padding: 25px 25px; }
#site-content .content-page.ref-details .right #bloc-infos-ref .separ { margin: 8px 0; }

#site-content .content-page.ref-details .ref-colors  { background: url('../../images/site/separ_ombre.png') top center no-repeat;
                                    margin: 32px 0 0 0; min-height: 41px; width: 1000px; padding: 41px 0 0 0; }

#site-bottom-in.ref .left   { width: 275px; margin: 0 15px 0 0; }
#site-bottom-in.ref .right  { width: 658px; }
#site-bottom-in.ref .right td  { padding: 5px; }
#site-bottom-in.ref .right .btn-gris,
#site-bottom-in.ref .right .btn-bleu { margin:0; display: block; width: 150px; color:#FFF; font-weight: normal; text-align: center;  }
/*#slider-ref ul          { height: 24em;  }*/
#slider-ref ul { width: 965px; height: 395px; overflow: hidden; }
#slider-ref .bx-wrapper { margin: 0 }
#slider-ref .bx-wrapper img { display: auto; }
#slider-ref ul li           { background: none; text-align: center; cursor: pointer; padding: 0; }
#slider-ref li.roundabout-in-focus { cursor: default; }
/*#slider-ref li img          { width: auto; height: 24em; text-align: center; }*/
#slider-ref li img          { /*width: 100%;*/ /*height: 395px; text-align: center;*/ }


#slider-ref .nav           { /*min-width: 40%;*/ position: absolute; left; bottom: -110px;  }

/*#slider-ref .nav { margin:0 auto; }*/
#slider-ref #pager a       { padding :3px; height: 17px; width: 17px; font-size:11px; margin-left: 1px; border: 1px solid #bfbfbf; }
#slider-ref #slider-prev a,
#slider-ref #slider-next a { padding:0 3px; height: 23px; width: 17px; font-size: 14px; border: 1px solid #bfbfbf; }
#slider-ref #slider-prev   { margin-right: 3px; }
#slider-ref #slider-next   { margin-left: 3px; }