/*-------------------------------------------------------------------+
//| BANNIERE                                                         |
//+-----------------------------------------------------------------*/
#banniere
	{
	display: table;
	zoom: 1;
	position: relative;
	width: 100%;
	max-width: 1500px;
	max-height: 250px;
	margin: 0px auto 0px;
	z-index: 90;
	text-align: left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */
	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
#banniere .banniere_images ul
	{
	position: relative;
	width: 10000%;
	height: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	overflow: visible;
	/*table-layout:fixed;*/
	}
#banniere .banniere_images ul li
	{
	position: relative;
	width: 1%;
	height: 100%;
	line-height: 0; /*opera*/
	overflow: hidden;
	float: left;
	/*font-size:0;*/
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	}
#banniere .banniere_images ul a
	{
	width: 100%;
	height: 100%;
	max-height: 250px;
	display: block;
	color: transparent;
	}
#banniere .banniere_images
	{
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	max-height: 250px;
	max-width: 1500px;
	vertical-align: top;
	border: none;
	overflow: hidden;
	}
#banniere img
	{
	max-width: none !important;
	}
#banniere .banniere_images .diaporama_list img, #banniere .banniere_images > div > img
	{
	width: 100%;
	border: none 0;
	max-width: none;
	padding: 0;
	margin: 0;
	}
#banniere .banniere_images > div > img
	{
	max-height: 250px;
	}
#banniere .banniere_images iframe
	{
	position: absolute;
	z-index: -1;
	}
#banniere .banniere-title > div
	{
	display: inline-block !important;
	}
#banniere a
	{
	text-decoration: none;
	outline: none;
	border: none;
	}
/*-------------------------------------------------------------------+
//| MINIATURES                                                       |
//+-----------------------------------------------------------------*/
#banniere .banniere_miniatures /* 1ere Div qui contient les liens des miniatures */
	{
	float: left;
	position: absolute;
	z-index: 70;
	padding: 10px;
/* bottom center */
    bottom: 0px;
	left: 50%;
	}
#banniere .banniere_miniatures div /* 2eme div qui contient les liens des miniatures */
	{
	position: relative;
	float: left;
	font-size: 0px;
	left: -50%;
	}
#banniere .banniere_miniatures a /* Liens des miniatures */
	{
	margin-left: 5px;
	width: 14px;
	height: 13px;
	background: url(../images/banniere/bullet.png) left top;
	float: left;
	text-indent: -4000px;
	position: relative;
	color: transparent;
/* compatibility with Joomla styles */
	line-height: 0;
	}
#banniere .banniere_miniatures a:hover /* Liens des miniatures au survol de la souris */
	{
	background-position: 0 50%;
	}
#banniere .banniere_miniatures a.diaporama_selbull /* Liens des miniatures actif */
	{
	background-position: 0 100%;
	}
#banniere .banniere_miniatures .diaporama_bulframe
	{
	display: none;
	overflow: visible;
	position: absolute;
	cursor: pointer;
    border: 2px solid #ffffff;
	border-radius: 0px;
	bottom: 20px;
	}
#banniere .banniere_miniatures  a img
	{
	text-indent: 0;
	display: block;
	bottom: 15px;
	left: -144px;
	visibility: hidden;
	position: absolute;
    border: 2px solid #ffffff;
	border-radius: 0px;
	max-width: none;
	}
#banniere .banniere_miniatures a:hover img
	{
	visibility: visible;
	}
#banniere .diaporama_bulframe div div
	{
	height: 48px;
	overflow: visible;
	position: relative;
	}
#banniere .diaporama_bulframe div
	{
	left: 0;
	overflow: hidden;
	position: relative;
	width: 287px;
	background-color: #ffffff;
	}
#banniere .diaporama_bulframe span
	{
	display: block;
	position: absolute;
	bottom: -9px;
	margin-left: -2px;
	left: 144px;
	background: url(../images/banniere/triangle.png);
	width: 15px;
	height: 8px;
	}
/*-------------------------------------------------------------------+
//| BOUTONS                                                          |
//+-----------------------------------------------------------------*/
#banniere .diaporama_playpause.diaporama_hide
	{
	display: none !important;
	}
#banniere a.diaporama_next, #banniere a.diaporama_prev
	{
	position: absolute;
	top: 50%;
	margin-top: -2.6em;
	z-index: 60;
	width: 5.3em;
	height: 5.3em;
	background-image: url(../images/banniere/arrows.png);
	background-size: 200%;
	}
#banniere a.diaporama_next
	{
	background-position: 100% 0;
	right: 15px;
	}
#banniere a.diaporama_prev
	{
	left: 15px;
	background-position: 0 0;
	}
#banniere a.diaporama_next:hover
	{
	background-position: 100% 100%;
	}
#banniere a.diaporama_prev:hover
	{
	background-position: 0 100%;
	}
/*playpause*/
#banniere .diaporama_playpause
	{
    width: 5.3em;
    height: 5.3em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.6em;
    margin-top: -2.6em;
    z-index: 59;
	background-size: 100%;
	}
#banniere .diaporama_pause
	{
    background-image: url(../images/banniere/pause.png);
	}
#banniere .diaporama_play
	{
    background-image: url(../images/banniere/play.png);
	}
#banniere .diaporama_pause:hover, #banniere .diaporama_play:hover
	{
    background-position: 100% 100% !important;
	}
/*-------------------------------------------------------------------+
//| TITRES                                                           |
//+-----------------------------------------------------------------*/
#banniere .banniere-title
	{
	position: absolute;
	bottom: 1.5em;
	left: 1.5em;
    font-size: 2em;
	font-style: Tahoma, Arial, Times New Roman, sans-serif;
	margin: 0.6em;
	z-index: 50;
	color: #ffffff;
	text-shadow: 0px 2px 5px rgba(0,0,0,1);
	}
#banniere .banniere-title div, #banniere .banniere-title span
	{
	display: inline-block;
	padding: 0.7em;
	background: rgba(255,255,255,0.4);
	border: 1px solid #ffffff;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	}
#banniere .banniere-title div
	{
	display: block;
	margin-top: 0.5em;
	font-size: 0.5em;
	line-height: 1.6em;
    font-weight: normal;
	}
/*-------------------------------------------------------------------+
//| BORDURE                                                          |
//+-----------------------------------------------------------------*/
#banniere .diaporama_cover /* Bordure du banniere */
	{
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 7px solid #ffffff;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	opacity: 0.4 !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	}
* html #banniere .diaporama_cover
	{
	width: $FrameW$px;
	height: $FrameH$px;
	}
/*-------------------------------------------------------------------+
//| DIVERS                                                           |
//+-----------------------------------------------------------------*/
#banniere  .diaporama_script
	{
	display: none;
	}
#banniere sound, #banniere object
	{
	position: absolute;
	}
/* prevent some of users reset styles */
#banniere .diaporama_effect
	{
	position: static;
	width: 100%;
	height: 100%;
	}
#banniere .diaporama_photoItem 
	{
	border: 2em solid #ffffff;
	margin-left: -2em;
	margin-top: -2em;
	}
#banniere .diaporama_cube_side
	{
	background: #A6A5A9;
	}
#banniere.diaporama_gestures
	{
	cursor: pointer;
	}
#banniere.diaporama_gestures.diaporama_grabbing
	{
	cursor: pointer;
	}
/*-------------------------------------------------------------------+
//| LARGEUR D'ECRAN DE 800 A 1023 PIXELS                             |
//+-----------------------------------------------------------------*/
@media only all and (max-width: 1023px)
	{
	#banniere { display: none; }
	}