
/* - myjquery.css - */
@media screen {
/**** REGIONAL SITES ****/
#browsableregionalsites {

	/* required settings */
	position:relative;
	overflow:hidden;
	height:150px;
    width: 370px;
	float:left;
}

#collage #browsableregionalsites {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 470px;
	height:150px;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
#browsableregionalsites .lisitelink {
	/* this cannot be too large */
	width:571px;
	position:absolute;
	clear:both;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.lisitelink div {
	float:left;
}



/* prev, next, prevPage and nextPage buttons */
.regionalsites a.browse {
	display:block;
	width:25px;
	height:65px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.regionalsites a.right 			{background:url(hp_slider_right_on.jpg) no-repeat;}
.regionalsites a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.regionalsites a.right:active 	{ background:url(hp_slider_right_on.jpg) no-repeat;} 
.regionalsites a.right.disabled 	{ height:0; visibility:hidden;} 


/* left */
.regionalsites a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; } 
.regionalsites a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.regionalsites a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.regionalsites a.left.disabled 	{ height:0; visibility:hidden;} 

/* right
.regionalsites a.right 			{background:url(hp_slider_right_on.jpg) no-repeat;}
.regionalsites a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.regionalsites a.right:active 	{ background:url(hp_slider_right_on.jpg) no-repeat;} 
.regionalsites a.right.disabled 	{ background:url(droite.jpg) no-repeat;} 
 */

/* left 
.regionalsites a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; } 
.regionalsites a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.regionalsites a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.regionalsites a.left.disabled 	{ background:url(gauche.jpg) no-repeat;} 
*/

/**********************************************************************************************/
/***** BruInImage *****/

#contenertheme {
	position:relative;
	overflow:hidden;
	padding:0;
}

/* override single pane */
#contenertheme div {
	float:left;
	display:block;
	margin-top:10px;
}
/* our additional wrapper element for the items */
#contenertheme .listetheme {
	width:100%;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


.bxlenimages .disable {
	visibility:hidden;
}
	
/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}

#content .bxlenimages .navi li {
    background: None;
    padding-left: 0!important;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(bxl_img.jpg) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background:url(bxl_img_active.jpg) 0 0 no-repeat;       
}

/* active state (current page state) */
.navi a.active {
	background:url(bxl_img_active.jpg) 0 0 no-repeat;    
}

.navi a.current{
	background:url(bxl_img_active.jpg) 0 0 no-repeat;  
}


#tabs {
	width:200px;
	height:20px;
	margin:0; 
	padding:0;	
	float:left;
}

#tabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

#tabs li a {
	background: url(bxl_img.jpg) no-repeat;
	display:block;
	height: 20px;   
	width: 20px; 	
	padding:0px;
	margin:0px;	
	border:none;
}

/* adjust the background image position on each tab */
/*
#tabs #t1 			{background: url(bxl_img.jpg) no-repeat;}
#tabs #t2 			{background: url(bxl_img.jpg) no-repeat;}
#tabs #t3 			{background: url(bxl_img.jpg) no-repeat;}
#tabs #t4 			{background: url(bxl_img.jpg) no-repeat;}
*/
 
/* mouseover state */
/*
#tabs a:hover 		{ color:#fff;	 }
#tabs #t1:hover 	{background: url(bxl_img.jpg) no-repeat;}
#tabs #t2:hover 	{background: url(bxl_img.jpg) no-repeat;}
#tabs #t3:hover 	{background: url(bxl_img.jpg) no-repeat;}
#tabs #t4:hover 	{background: url(bxl_img.jpg) no-repeat;}
*/
/* currently selected tabs */
/*
#tabs a.active		{ cursor:default; color:#fff; line-height:34px; }
#tabs #t1.active {background: url(bxl_img_active.jpg) no-repeat; }
#tabs #t2.active {background: url(bxl_img_active.jpg) no-repeat; }
#tabs #t3.active {background: url(bxl_img_active.jpg) no-repeat;}
#tabs #t4.active {background: url(bxl_img_active.jpg) no-repeat;}
*/

/**********************************************************************************************/
/***** Agenda *****/


.cat_events {
	height: 180px;
	padding: 5px;
	width: 440px;
}
/* root element for horizontal scrollables */
.cat_scrollable {
	position:relative;
	overflow:hidden;
	width: 610px;
	height: 190px;
	float:left;
}

/* root element for scrollable items */
.cat_scrollable .cat_events {
	width:571px;
	position:absolute;
	clear:both;
	height: 190px;
}

.cat_event{
	float:left;
	width: 180px;
	height: 150px;
}

/* prev, next, prevPage and nextPage buttons */
.agenda a.browse {
	display:block;
	width:25px;
	height:75px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.agenda a.right 		{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right:active 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right.disabled { height:0; visibility:hidden; }


/* left */
.agenda a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; }
.agenda a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.agenda a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.agenda a.left.disabled 	{ height:0; visibility:hidden; }

/* right 
.agenda a.right 		{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right:active 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agenda a.right.disabled { background:url(droite.jpg) no-repeat;}
*/

/* left 
.agenda a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; }
.agenda a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.agenda a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.agenda a.left.disabled 	{ background:url(gauche.jpg) no-repeat;} 
*/


/**********************************************************************************************/
/***** Prb News *****/

#contenerprbnews {
	position:relative;
	overflow:hidden;
    width:365px;
	height:165px;
	padding:0px;
	float: left;
}

/* our additional wrapper element for the items */
#contenerprbnews .listeprbnews {
	width:571px;
	height: 140px;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
#contenerprbnews .listehomeprbnews {
	width:571px;
	height: 140px;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


/* prev, next, prevPage and negedixtPage buttons */
.prbnews a.browse {
	display:block;
	width:25px;
	height:65px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
}
/* right */
.prbnews a.right 			{background:url(hp_slider_right_on.jpg) no-repeat;}
.prbnews a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.prbnews a.right:active 	{ background:url(hp_slider_right_on.jpg) no-repeat;} 
.prbnews a.right.disabled 	{ height:0; visibility:hidden;} 


/* left */
.prbnews a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; } 
.prbnews a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.prbnews a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.prbnews a.left.disabled 	{ height:0;visibility:hidden;} 


/* right 
.prbnews a.right 			{background:url(hp_slider_right_on.jpg) no-repeat;}
.prbnews a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.prbnews a.right:active 	{ background:url(hp_slider_right_on.jpg) no-repeat;} 
.prbnews a.right.disabled 	{ background:url(droite.jpg) no-repeat;} 
*/

/* left 
.prbnews a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; } 
.prbnews a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.prbnews a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.prbnews a.left.disabled 	{ background:url(gauche.jpg) no-repeat;} 
*/



/* OVERLAY GIS
/* use a semi-transparent image for the overlay */
#overlay {
    background-image:url('https://jquerytools.org/media/img/overlay/transparent.png');
    color:#efefef;
    height:450px;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
    height:441px;
    overflow-y:auto;
}

/**********************************************************************************************/
/***** AgendaBe *****/


.uleventsagendabe {
	height: 180px;
	padding: 5px;
    padding-left:0;
	width: 635px;
}
/* root element for horizontal scrollables */
#events_scrollable {
	position:relative;
	overflow:hidden;
	/*width: 600px;*/
	height: 180px;
	float:left;
}

/* root element for scrollable items */
#events_scrollable ul.uleventsagendabe {
	width:571px;
	position:absolute;
	clear:both;
	height: 190px;
}

.li_event{
	float:left;
	width: 180px;
	height: 150px;
}

/* prev, next, prevPage and nextPage buttons */
.agendabe a.browse {
	display:block;
	width:25px;
	height:75px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.agendabe a.right 		{background:url(hp_slider_right_on.jpg) no-repeat;}
.agendabe a.right:hover 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agendabe a.right:active 	{background:url(hp_slider_right_on.jpg) no-repeat;}
.agendabe a.right.disabled { height:0; visibility:hidden; }


/* left */
.agendabe a.left			{ margin-left: 0px; background:url(hp_slider_left_on.jpg) no-repeat; }
.agendabe a.left:hover  	{background:url(hp_slider_left_on.jpg) no-repeat;  }
.agendabe a.left:active  	{ background:url(hp_slider_left_on.jpg) no-repeat; }
.agendabe a.left.disabled 	{ height:0; visibility:hidden; }

}

