/* jssor slider arrow Navigator Skin 04 css */
 /*
 .jssora04l              (normal)
 .jssora04r              (normal)
 .jssora04l:hover        (normal mouseover)
 .jssora04r:hover        (normal mouseover)
 .jssora04ldn            (mousedown)
 .jssora04rdn            (mousedown)
 */
 .jssora04l, .jssora04r, .jssora04ldn, .jssora04rdn
 {
 	position: absolute;
 	cursor: pointer;
 	display: block;
     background: url(../images/jssor/a04.png) no-repeat;
     overflow:hidden;
 }
 .jssora04l { background-position: -16px -39px; }
 .jssora04r { background-position: -76px -39px; }
 .jssora04l:hover { background-position: -136px -39px; }
 .jssora04r:hover { background-position: -196px -39px; }
 .jssora04ldn { background-position: -256px -39px; }
 .jssora04rdn { background-position: -316px -39px; }

  /* jssor slider bullet navigator skin 20 css */
   /*
   .jssorb20 div           (normal)
   .jssorb20 div:hover     (normal mouseover)
   .jssorb20 .av           (active)
   .jssorb20 .av:hover     (active mouseover)
   .jssorb20 .dn           (mousedown)
   */
   .jssorb20 div, .jssorb20 div:hover, .jssorb20 .av
   {
       background: url(../images/jssor/b20.png) no-repeat;
       overflow:hidden;
       cursor: pointer;
   }
   .jssorb20 div { background-position: -5px -5px; }
   .jssorb20 div:hover, .jssorb20 .av:hover { background-position: -35px -5px; }
   .jssorb20 .av { background-position: -65px -5px; }
   .jssorb20 .dn, .jssorb20 .dn:hover { background-position: -95px -5px; }


/* jssor slider thumbnail navigator skin 07 css */
 /*
 .jssort07 .p            (normal)
 .jssort07 .p:hover      (normal mouseover)
 .jssort07 .pav          (active)
 .jssort07 .pav:hover    (active mouseover)
 .jssort07 .pdn          (mousedown)
 */
 .ssort07 {
 	position: absolute;
 	overflow: hidden; 
 }
 
 .jssort07 .i {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 99px;
     height: 66px;
     /* filter: alpha(opacity=80); */ /* Passe pas la validation CSS3 */
     opacity: .8;
 }

 .jssort07 .p:hover .i, .jssort07 .pav .i {
     /* filter: alpha(opacity=100); */ /* Passe pas la validation CSS3 */
     opacity: 1;
 }

 .jssort07 .o {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 97px;
     height: 64px;
     border: 1px solid #000;
     transition: border-color .6s;
     -moz-transition: border-color .6s;
     -webkit-transition: border-color .6s;
     -o-transition: border-color .6s;
 }

 * html .jssort07 .o {
     /* ie quirks mode adjust */
     width /**/: 99px;
     height /**/: 66px;
 }

 .jssort07 .pav .o, .jssort07 .p:hover .o {
     border-color: #fff;
 }

 .jssort07 .pav:hover .o {
     border-color: #0099FF;
 }

 .jssort07 .p:hover .o {
     transition: none;
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
 }
 
 /* jssor slider arrow navigator skin 11 css */
     /*
 .jssora11l              (normal)
 .jssora11r              (normal)
 .jssora11l:hover        (normal mouseover)
 .jssora11r:hover        (normal mouseover)
 .jssora11ldn            (mousedown)
 .jssora11rdn            (mousedown)
 */
 .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
     position: absolute;
     cursor: pointer;
     display: block;
     background: url(../images/jssor/a11.png) no-repeat;
     overflow: hidden;
 }

 .jssora11l {
     background-position: -11px -41px;
 }

 .jssora11r {
     background-position: -71px -41px;
 }

 .jssora11l:hover {
     background-position: -131px -41px;
 }

 .jssora11r:hover {
     background-position: -191px -41px;
 }

 .jssora11ldn {
     background-position: -251px -41px;
 }

 .jssora11rdn {
     background-position: -311px -41px;
 }
 
 
 
/*  jssor slider bullet navigator skin 01 */
 /*
 .jssorb01 div           (normal)
 .jssorb01 div:hover     (normal mouseover)
 .jssorb01 .av           (active)
 .jssorb01 .av:hover     (active mouseover)
 .jssorb01 .dn           (mousedown)
 */
 .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
 {
     /* filter: alpha(opacity=70); */ /* Passe pas la validation CSS3 */
     opacity: .7;
     overflow:hidden;
     cursor: pointer;
     border: #000 1px solid;
 }
 .jssorb01 div { background-color: gray; }
 .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
 .jssorb01 .av { background-color: #fff; }
 .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
 
 /* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../images/jssor/a17.png) no-repeat;
    overflow:hidden;
}
.black .jssora05l, .black .jssora05r, .black .jssora05ldn, .black .jssora05rdn { 	background-image: url(../images/jssor/a17black.png); }
 
.jssora05l { background-position: -10px -40px;  }
.jssora05r { background-position: -71px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -191px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
            
 /* titre orange et noir */  
 .caption
 {
 	font-size:12px;
	font-family: Arial;
    line-height: 20px;
    vertical-align: middle;
 }

          
.captionOrange, .captionBlack
{
    color: #fff;
    text-align: center;
   /* border-radius: 4px;*/
}
.captionOrange
{
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}

 /* jssor slider bullet navigator skin 03 css */
 /*
 .jssorb03 div           (normal)
 .jssorb03 div:hover     (normal mouseover)
 .jssorb03 .av           (active)
 .jssorb03 .av:hover     (active mouseover)
 .jssorb03 .dn           (mousedown)
 */
 .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
 {
     background: url(../images/jssor/b03.png) no-repeat;
     overflow:hidden;
     cursor: pointer;
 }
 .black .jssorb03  div, .black .jssorb03 div:hover, .black .jssorb03 .av { 	background-image: url(../images/jssor/b03black.png); }
 .jssorb03 div { background-position: -5px -4px; }
 .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
 .jssorb03 .av { background-position: -65px -4px; }
 .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
 
 /* jssor slider arrow navigator skin 03 css */
 /*
 .jssora03l              (normal)
 .jssora03r              (normal)
 .jssora03l:hover        (normal mouseover)
 .jssora03r:hover        (normal mouseover)
 .jssora03ldn            (mousedown)
 .jssora03rdn            (mousedown)
 */
 .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
 {
 	position: absolute;
 	cursor: pointer;
 	display: block;
     background: url(../images/jssor/a03.png) no-repeat;
     overflow:hidden;
 }
 .black .jssora03l, .black .jssora03r, .black .jssora03ldn, .black .jssora03rdn { 	background-image: url(../images/jssor/a03black.png); }
 .jssora03l { background-position: -3px -33px; }
 .jssora03r { background-position: -63px -33px; }
 .jssora03l:hover { background-position: -123px -33px; }
 .jssora03r:hover { background-position: -183px -33px; }
 .jssora03ldn { background-position: -243px -33px; }
 .jssora03rdn { background-position: -303px -33px; }

/* jssor slider bullet navigator skin 13 css */
/*
.jssorb13 div           (normal)
.jssorb13 div:hover     (normal mouseover)
.jssorb13 .av           (active)
.jssorb13 .av:hover     (active mouseover)
.jssorb13 .dn           (mousedown)
*/
.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
    background: url(../images/jssor/b13.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb13 div {
    background-position: -5px -5px;
}

.jssorb13 div:hover, .jssorb13 .av:hover {
    background-position: -35px -5px;
}

.jssorb13 .av {
    background-position: -65px -5px;
}

.jssorb13 .dn, .jssorb13 .dn:hover {
    background-position: -95px -5px;
}

 /* jssor slider bullet navigator skin 21 css */
 /*
 .jssorb21 div           (normal)
 .jssorb21 div:hover     (normal mouseover)
 .jssorb21 .av           (active)
 .jssorb21 .av:hover     (active mouseover)
 .jssorb21 .dn           (mousedown)
 */
 .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
 {
     background: url(../images/jssor/b21.png) no-repeat;
     overflow:hidden;
     cursor: pointer;
 }
 .jssorb21 div { background-position: -5px -5px; }
 .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
 .jssorb21 .av { background-position: -65px -5px; }
 .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
 
 /* jssor slider arrow navigator skin 21 css */
 /*
 .jssora21l              (normal)
 .jssora21r              (normal)
 .jssora21l:hover        (normal mouseover)
 .jssora21r:hover        (normal mouseover)
 .jssora21ldn            (mousedown)
 .jssora21rdn            (mousedown)
 */
 .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
 {
 	position: absolute;
 	cursor: pointer;
 	display: block;
   	background: url(../images/jssor/a21.png) center center no-repeat;
    overflow: hidden;
 }
 .black .jssora21l, .black .jssora21r, .black .jssora21ldn, .black .jssora21rdn { 	background-image: url(../images/jssor/a21black.png); }
 .jssora21l { background-position: -3px -33px; }
 .jssora21r { background-position: -63px -33px; }
 .jssora21l:hover { background-position: -123px -33px; }
 .jssora21r:hover { background-position: -183px -33px; }
 .jssora21ldn { background-position: -243px -33px; }
 .jssora21rdn { background-position: -303px -33px; }
 
 
 /* jssor slider thumbnail navigator skin 02 css */
 /*
 .jssort02 .p            (normal)
 .jssort02 .p:hover      (normal mouseover)
 .jssort02 .pav          (active)
 .jssort02 .pav:hover    (active mouseover)
 .jssort02 .pdn          (mousedown)
 */
 .jssort02 .w
 {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
 }
 .jssort02 .c
 {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 95px;
     height: 62px;
     border: #000 2px solid;
 }
 .jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
 {
 	background: url(../images/jssor/t01.png) center center;
 	border-width: 0px;
     top: 2px;
     left: 2px;
     width: 95px;
     height: 62px;
 }
 .jssort02 .p:hover .c, .jssort02 .pav:hover .c
 {
     top: 0px;
     left: 0px;
     width: 97px;
     height: 64px;
     border: #fff 1px solid;
 }
 
 /* jssor slider bullet navigator skin 16 css */
 /*
 .jssorb16 div           (normal)
 .jssorb16 div:hover     (normal mouseover)
 .jssorb16 .av           (active)
 .jssorb16 .av:hover     (active mouseover)
 .jssorb16 .dn           (mousedown)
 */
 .jssorb16 div, .jssorb16 div:hover, .jssorb16 .av
 {
     background: url(../images/jssor/b16.png) no-repeat;
     overflow:hidden;
     cursor: pointer;
 }
 .black .jssorb16 div, .black .jssorb16 div:hover, .black .jssorb16 .av { 	background-image: url(../images/jssor/b16black.png); }
 .jssorb16 div { background-position: -5px -5px; }
 .jssorb16 div:hover, .jssorb16 .av:hover { background-position: -35px -5px; }
 .jssorb16 .av { background-position: -65px -5px; }
 .jssorb16 .dn, .jssorb16 .dn:hover { background-position: -95px -5px; }
 
 
 /* jssor slider bullet navigator skin 14 css */
 /*
 .jssorb14 div           (normal)
 .jssorb14 div:hover     (normal mouseover)
 .jssorb14 .av           (active)
 .jssorb14 .av:hover     (active mouseover)
 .jssorb14 .dn           (mousedown)
 */
 .jssorb14 div, .jssorb14 div:hover, .jssorb14 .av
 {
     background: url(../images/jssor/b14.png) no-repeat;
     overflow:hidden;
     cursor: pointer;
 }
 .black .jssorb14  div, .black .jssorb14 div:hover, .black .jssorb14 .av { 	background-image: url(../images/jssor/b14black.png); }
 .jssorb14 div { background-position: -9px -9px; }
 .jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; }
 .jssorb14 .av { background-position: -69px -9px; }
 .jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; }
 
  /* jssor slider bullet navigator skin 17 css */
 /*
 .jssorb17 div           (normal)
 .jssorb17 div:hover     (normal mouseover)
 .jssorb17 .av           (active)
 .jssorb17 .av:hover     (active mouseover)
 .jssorb17 .dn           (mousedown)
 */
 .jssorb17 div, .jssorb17 div:hover, .jssorb17 .av
 {
     background: url(../images/jssor/b17.png) no-repeat;
     overflow:hidden;
     cursor: pointer;
 }
 .black .jssorb17 div, .black .jssorb17 div:hover, .black .jssorb17 .av { 	background-image: url(../images/jssor/b17black.png); }
 .jssorb17 div { background-position: -7px -7px; }
 .jssorb17 div:hover, .jssorb17 .av:hover { background-position: -37px -7px; }
 .jssorb17 .av { background-position: -67px -7px; }
 .jssorb17 .dn, .jssorb17 .dn:hover { background-position: -97px -7px; }