/* Created by Movingis */

#slider1_container 
{
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
    -webkit-filter: drop-shadow( 2px 2px 4px #08214B );
            filter: drop-shadow( 2px 2px 4px #08214B ); /* Same syntax as box-shadow */
/* for IE 8 & 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	/* For IE 5.5 - 7 */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";

/*-moz-box-shadow: 4px 4px 9px 0px rgba(0, 4, 68, 0.7);*/
/*-webkit-box-shadow: 4px 4px 9px 0px rgba(0, 4, 68, 0.7);*/
/*-o-box-shadow: 4px 4px 9px 0px rgba(0, 4, 68, 0.7);*/
/*box-shadow: 4px 4px 9px 0px rgba(18, 25, 25, 0.7);*/
/*	background-image: url(images/slider/fondSliderDegrade5.png);*/
/*	background-repeat: no-repeat;*/

}
.loading
{
position: absolute;
 top: 0px;
 left: 0px;
}

.load1
{
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	display: block;
	background-color: #000000;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}

.load2
{
position: absolute;
 display: block;
 background: url(images_HP/slider/loading.gif) no-repeat center center;
 top: 0px;
 left: 0px;
width: 100%;
height:100%;
}

.slides-container
{
cursor: move;
 position: absolute;
 left: 0px;
 top: 0px;
/* width: 1920px;*/
/* height: 384px;*/
 width: 675px;
 height: 135px;
 overflow: hidden;
}
.jssorb05 {
position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
position: absolute;
/* size of bullet elment */
width: 16px;
height: 16px;
background: url(images_HP/slider/b05n.png) no-repeat;
overflow: hidden;
cursor: pointer;
            }
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora12l, .jssora12r {
display: block;
position: absolute;
/* size of arrow element */
width: 30px;
height: 46px;
cursor: pointer;
background: url(images_HP/slider/a16n.png) no-repeat;
overflow: hidden;
            }
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }

.captionOrange, .captionBlack
        {
   font-family: "OpenSansLight",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	padding: 5px;
        }
.captionOrange
        {
/*            background: #EB5100;*/
            background-color: rgba(80, 157, 52, 0.6);
        }
   
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);
        }

.captionBlack
        {
        	font-size:35px;
/*            background: #000;*/
            background-color: rgba(13, 66, 91, 0.4);
        }

.captionVert
        {
	font-family: "OpenSansLight",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	text-align: left;
	border-radius: 4px;
	background-color: rgba(80, 157, 52, 0.6);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
        }

.captionVert2
        {
   font-family: "OpenSansLight",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	color: #fff;
	font-size: 28px;
	line-height: 35px;
	text-align: left;
	border-radius: 4px;
	padding: 5px;
            background-color: rgba(80, 157, 52, 0.6);
        }

.captionBleu
        {
   font-family: "OpenSansBold",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	text-align: left;
	border-radius: 4px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
    background-color: rgba(13, 66, 91, 0.4);
        }

.captionBleu2
        {
font-family: "Courgette",Arial,"Arial Unicode MS",Helvetica,sans-serif;
color: #fff;
	font-size: 28px;
	line-height: 35px;
	text-align: left;
	border-radius: 4px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
    background-color: rgba(13, 66, 91, 0.4);
        }

.captionOpenLight {
   font-family: "OpenSansLight",Arial,"Arial Unicode MS",Helvetica,sans-serif;
}


.bricon
        {
            background: url(images_HP/slider/browser-icons.png);
        }

.captionImage1 {
	border: 5px solid #FFF;
    -webkit-filter: drop-shadow( 2px 2px 4px #08214B );
            filter: drop-shadow( 2px 2px 4px #08214B );
/* for IE 8 & 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	/* For IE 5.5 - 7 */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.captionImage2 {
    -webkit-filter: drop-shadow( 2px 2px 4px #08214B );
            filter: drop-shadow( 2px 2px 4px #08214B );
/* for IE 8 & 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
	/* For IE 5.5 - 7 */
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
