/* CSS Document */
*{
	font-family: Verdana, Arial,Verdana,  Helvetica, sans-serif;
	margin:0px;
	padding:0px;
    font-weight:normal;
}
a { text-decoration:none; }
a:hover { color:#371185; }
/*a:active { color: #6633CC }
a:link { color: #6633CC }
a:visited { color: #4F4399 }*/

/* STYLE BALISES PRINCIPALES	*/
body {
	font-family: Verdana, Arial,Verdana,  Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
table,tr,td{
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:none;
    font-size:14px;
}
img{
	border:none;
}
li{
	font-size:14px;
	list-style:none;
}
h1{
	font-size: 26px;
	color:#3636A6;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	text-align:center;
    margin-bottom:30px;
    text-align:center;
}
h2{
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align:center;
}
h4{
    margin:10px 0px;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-align:center;
}
p{
	font-size:12px;
	text-align:justify;
	text-indent:10px;
}
label{
	font-size:12px;
    color:#4A2496;
    text-decoration:underline;
}
/* phrase en bas de page pour conseil de page */
cite{
	margin:10px 0px 0px 0px;
	display:block;
	font-style:italic;
    font-weight:bold;
	color:#333;
	font-size:12px;
	text-align:left;
}
/*  CLASSES AFFICHAGE TEXTE */
.fs8{
    font-size:8px;
}
.fs9{
    font-size:9px;
}
.fs10{
    font-size:10px;
}
.fs12{
    font-size:12px;
}
.fs14{
    font-size:14px;
}
.fs16{
    font-size:16px;
}
.fs18{
    font-size:18px;
}
.fs20{
    font-size:20px;
}
.fs28{
    font-size:28px;
}

.fwb{
    font-weight:bold;
}
.fwn{
    font-weight:normal;
}
.tdu{
    text-decoration:underline;
}
.tdt{
    text-decoration:line-through;
}
.tdn{
    text-decoration:none;
}
.fsi{
    font-style:italic;
}

.tal{
    text-align:left;
}
.tac{
    text-align:center;
}
.tar{
    text-align:right;
}
.vam{
    vertical-align:middle;
}
/*  CLASSES AFFICHAGE COULEUR TEXTE */
.fcn{
    color:black;
}
.fcb{
    color:#FFFFFF;
}
.fcr{
    color:red;
}
.fcv{
    color:#38AE38; /*#8EE88E*/
}
.fcg{
    color:silver;
}
.fcgf{
    color:#4F4F4F;
}
.fcj{
    color:#ECFF00;
}
.fco{
    color:#FF9200;
}
/*  CLASSES AFFICHAGE BORDURE */
.bordN{
    border:1px solid #000000;
}
.bordR{
    border:1px solid #FF0000;
}
.bordV{
    border:1px solid #38AE38;
}
.bordG{
    border:1px solid #4F4F4F;
}
.bordJ{
    border:1px solid #ECFF00;
}
.bordO{
    border:1px solid #FF9200;
}
.bordB{
    border:1px solid #FFFFFF;
}
.bordPointilleAnime{
    border:2px dotted #F88196;
}
/*  CLASSES AFFICHAGE BORDURE */
.cPoint{
    cursor:pointer;
}
.centPC{
    display:block;
    height:100%;
    width:100%;
}

/*  Css pour layout general*/
#banniere{  /*table*/
    width:100%;
    min-width:600px;
}
#boiteOutils>td{
    height:24px;
    overflow:hidden;
}
#banniereSup>td.gauche{  /*td*/
    width:210px;
    height:156px;
    background:#B2D9FF url(/img/layout/banniere_g.png) bottom right no-repeat;
    overflow:hidden;
}
#banniereSup>td.milieu{  /*td*/
    width:auto;
    height:156px;
    background:#B2D9FF url(/img/layout/banniere_m.png) bottom left repeat-x;
    font-size:1px;
    overflow:hidden;
    text-align:center;
}
/*#banniereSup>td.milieu div{
    width:100%;
    height:142px;
    margin:2px 0px 12px 0px;
    text-align:center;
}*/
#banniereHaut>td.gauche{  /*td*/
    height:24px;
    background:#B2D9F0 url(/img/layout/haut_g.png) top right no-repeat;
    font-size:1px;
}
#menuNavig{               /* td MENU HAUT */
    height:24px;
    text-align:left;
    background:#B2D9FF;
    background:#B2D9F0 url(/img/layout/haut_m.png) top left repeat-x;
    overflow:hidden;
}
#menuNavig ul{
    font-size:12px;
 	height:18px;
	padding:2px 0px 0px 10px;
	vertical-align:middle;
    overflow:hidden;
}
#menuNavig li{
    margin-left:5px;
    display:inline;
	font-size: 11px;
	font-style:normal;
	list-style:none;
	color: #6633CC;
}
#menuNavig li a{
	font-size: 11px;
	font-style:normal;
	list-style:none;
}
#contenu>td.gauche{  /*td*/
    background:#9EEF7C url(/img/layout/fond_menu.png) top right repeat-y;
    padding-left:24px;
    /*overflow:hidden;*/
 }
#contenu>td.milieu{  /*td*/
    width:auto;
    padding:3px;
    padding-top:15px;
}
#contenu>td.droite{  /*td*/
    width:154px;
    padding:3px;
    text-align:center;
}
#pied>td{
    background:url(/img/layout/fond_pied.png) repeat-x;
    padding-top:10px;
}

#boiteAcheter{
    position: absolute;
    overflow:hidden;
    top:150px;
    left:-180px;
    width:214px;
    height:211px;
    background:url(/img/cb.gif) top right no-repeat;
    z-index:1000;
}
#boiteAcheter>a{
    width:100%;
    height:100%;
    display:block;
}
body>#boiteAcheter {position:fixed}

/*	CLASSES PRINCIPALES	ESPACE SECU */
.menuSuperieur{ width:auto; }
.menuSuperieur li{
    display:inline;padding:0px;margin:1px;
    float:left;width:100px;height:20px;
    vertical-align:middle;
}
.menuSuperieur li a{
    text-align:center;
    display:block;width:100%;height:100%;
}
.menuSuperieur li a img{
     vertical-align:middle;
 }
 
.bouton{
    margin:2px;
    padding:2px 5px;
    position:relative;
    font-size:12px;
    border:#6C3BCE 1px solid;
    text-decoration:underline;
    color:#FFFFFF;
    line-height:22px;
}
.afficheCache{ cursor:pointer; }

.kiddy {
	color:#FF0000;
	font-weight:bold;
}
.erreur{
    background:#FFFFFF;
    color:#FF0000;
}
/* pour le tablesorter*/
.tablePresentation thead,th{
    background:#F6A829;
    background-repeat: no-repeat;
	border: 1px solid #8EE88E;
	padding-top: 5px;
    padding-bottom: 5px;
    font-size:12px;
    cursor:pointer;
    font-weight: bold;
    height:37px;
}
.tablePresentation tbody tr td{
    border-bottom:1px solid #555;
    text-align:center;
}
.even td{
	background-color: #E7F2FF;
    border-right:1px solid #4B74A6;
}
.odd td{
	background-color: #ADF3AD;
    border-right:1px solid #389E38;
}
.header {
	background-image: url(/img/layout/header-norm.png);
	padding-left: 30px;
}
.headerSortUp {
	background-image: url(/img/layout/header-up.png);
}
.headerSortDown {
	background-image: url(/img/layout/header-down.png);
}
/*Bulle volante signalant une erreur dans les formulaires*/
#cadreErreur{
    background:#FFFFFF url(/img/fleche_g.png) left top no-repeat;
    display:none;
    position:absolute;
    padding:5px 5px 5px 15px;
    min-width:150px;
    max-width:400px;
    width:200px;
    min-height:25px;
    color:red;
    font-size:14px;
    border:2px solid red;
    z-index:500;
}
/* Cadre d'attente anime par l'image de fond */
#AttendEnvois{
    display:none;
    margin:1px;
    border:#8EE88E 1px solid;
    width:90%;
    height:10px;
    background:url(/img/chargement.gif) repeat-x;
    text-align:center;
    font-size:10px;
}
/* Cadre d'attente anime par l'image de fond */
.AttendEnvois{
    display:none;
    margin:1px;
    border:#8EE88E 1px solid;
    width:90%;
    background:url(/img/chargement.gif) repeat;
    text-align:center;
    font-size:10px;
    line-height:15px;
    vertical-align:middle;
}

/* MENU VERTICAL */
#menuPrincipal{ /*ul*/
    width:186px;
    color:#FFF;
    display:block;
}
#menuPrincipal li{
    display:block;
    font-size:1px;
    width: 186px;
    height:52px;
    /*overflow:hidden;*/
    line-height:1px;
    text-align:left;
    padding:0px;
    margin:0px;
}
#menuPrincipal li a{
    margin:0px;
    padding:10px 15px 5px 5px;
    display:block;
    width:186px;
    height:37px;    /*on soustrait le padding*/
    background:transparent top left no-repeat;
	line-height: normal;
    font-family: "Comic Sans MS", monospace;
    font-size:18px;
    font-weight:bold;
    color:#000;
    text-align:center;
    vertical-align:middle;
    background-image:url(/img/bouton.png);
}
#menuPrincipal li a:hover{
    background-image:url(/img/bouton-o.png);
    color:#0000FF;
    text-decoration:underline;
}

#menuPrincipal li a.menuActif{
    background-image:url(/img/bouton-o.png);
    color:red;
    text-decoration:underline;
}

/* Cadre droite */
.cadreDroitUl{
    margin:5px;
    float:right;
    text-align:right;
    width:85px;
}
ul > li{
    padding:3px 4px;
    line-height:14px;
}
ul > li > a{  /*texte de bouton */
    line-height:12px;
    font-size:10px;
}
ul > li > a > span{  /*image de bouton */
    margin:0px 2px;
    vertical-align:middle;
    float:right;    
}


/*CALENDRIER*/
td.jourSymb{
    border:#8EE88E 1px solid;
    border-top:none;
    border-right:none;
    font-size:9px;
    text-align:right;
    cursor:pointer;
    width:30px;
    height:10px;
}
td.jour{
    border:#8EE88E 1px solid;
    border-top:none;
    border-left:none;
    text-align:center;
    cursor:pointer;
    font-size:9px;
}

/* texte petit et permetant les liens a l'interieur */
.txtpetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
    font-weight:normal;
	line-height: normal;
}
.txtpetit a {
    color: #000000;
}
.txtpetit a:active {
    color: #0000CC;
}
.txtpetit a:link {
    color: #0000CC;
}
.txtpetit a:visited {
    color: #0000CC;
}
.txtpetit a:hover {
    color: #FF2200;
}

/*Bulle javascript bt() */
.bulle.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}
/* styling for active target elements - usually for background hilighting */
.bulle.bt-active {
    cursor:pointer;
}
/**
 * styling for tip content
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* ======= STAR-RATER ======== */
/*Classe de notation*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
    background: url(/img/form/star.gif) left -1000px repeat-x;
}
.star-rating{
    position:relative;
    width:125px;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0;
    padding:0;
    background-position: left top;
}
.star-rating li{
    display: inline;
}
.star-rating a,
.star-rating .current-rating{
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: left bottom;
}
.star-rating .current-rating{
    z-index:1;
    background-position: left center;
}

.inline-rating{
    /*display:-moz-inline-block;
    display:-moz-inline-box;*/
    display: inline-block;
    vertical-align: middle;
}

.small-star{
    width:50px;
    height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
    background-image: url(/img/form/star_small.gif);
    line-height: 10px;
    height: 10px;
}

/*---------------------------------------------- NICEFORM----------------------*/
fieldset {background:none; padding:10px; border:1px solid #fff; border-color:#fff #F099DA #F099DA #fff; margin-bottom:36px; width:600px;}
fieldset dl dd input, form.niceform fieldset dl dd textarea, form.niceform fieldset dl dd select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
fieldset legend {background:#E175C6; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0px; font-weight:bold; border:1px solid #fff; border-color:#E175C6 #922677 #922677 #E175C6;}
label {font-size:11px; font-weight:bold; color:#444;}
label.opt {font-weight:normal;}
fieldset dl {clear:both;} /*form.niceform */
fieldset dl dt { float:left; text-align:right; width:200px; line-height:25px; margin:0 10px 10px 0;}
fieldset dl dd { float:left;  line-height:25px; margin:0 0 10px 0;}

/*SPIN BOUTON*/
input.spin-button {
    border:1px solid #fff;
    width:25px;
    height:18px;
    font-weight:bold;
	padding-right:20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;		/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
	background-image:url(/img/form/spinbtn_updn.gif);
}
input.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
input.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}
/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/
/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/img/form/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/img/form/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(/img/form/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/img/form/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/img/form/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/img/form/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/img/form/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(/img/form/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(/img/form/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(/img/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft {background:transparent url(/img/form/textarea-tl.png) no-repeat 0 0; width:5px; height:5px;float:left;} /*modifie par guitronic*/
.NFTextareaBottomLeft {background:url(/img/form/textarea-bl.png) no-repeat 0 0; width:5px; height:5px;float:left;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(/img/form/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(/img/form/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(/img/form/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(/img/form/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/img/form/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px;position:absolute;border:1px solid transparent;}
.NFSelectLeft {float:left;width:3px;height:21px; background:url(/img/form/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px;width:auto;background:url(/img/form/select-right.png) no-repeat 100% 0;cursor:pointer;font-size:10px;color:#fff;font-weight:bold;padding-left:3px;margin-left:3px;}
.NFSelectTarget {position:absolute; background:none;margin-left:-10px;margin-top:20px;z-index:3;left:0;top:0;padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#B8F79E;margin-left:16px;margin-top:0;list-style:none;padding:4px 0;color:#fff;font-size:12px;z-index:4;max-height:200px;left:0;top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block;text-decoration:none;color:#555;padding:2px 0px;background:none;}
.NFSelectOptions a.NFOptionActive {background:#4B9B28;color:#fff;font-weight:bold;}
.NFSelectOptions a:hover {background:#4B9B28;color:#fff;font-weight:bold;text-decoration:underline;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(/img/form/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(/img/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(/img/form/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(/img/form/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(/img/form/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(/img/form/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(/img/form/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(/img/form/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}


/*---------------------------------------------- TURN ----------------------*/
#turn_wrapper {
  width: 80px;
  height: 80px;
  display:block;
  position: absolute;
  top:0;
  left:0;
  z-index:1000;
}

#turn_hideme {
  width: 85%;
  height: 85%;
	overflow:hidden;
	display:block;
	position:absolute;
	float:left;
	top:0;
	left: 0;
	z-index:1;
}

#turn_object{
	position: relative;
}

#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
	float: right !important;
}

#turn_wrapper.right #turn_hideme {
	float: right !important;
	right: 0 !important;
	left: auto;
}
#turn_wrapper.right #turn_object {
	right: 0 !important;
	left: auto !important;
}

#turn_wrapper.right {
	position: absolute;
	top: 0;
	width: 100%;
	height: 0;
	right: 0 !important;
}

#turn_wrapper.right #turn_object * {
	position: absolute;
	right: 0 !important;
}

#turn_wrapper #turn_object img#turn_fold {
	display:block;
  width: 100%;
  height:100%;
	z-index:1000;
	right: 0;
	position:absolute;
}

#turn_wrapper .ui-wrapper {
  left: 0 !important;
  top: 0 !important;
}

#turn_wrapper .ui-resizable-handle {
  border: none !important;
  border-width: 0 !important;
	/* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
  background: url(#none) !important;
  width: 100% !important;
  height: 100% !important;
}

.cssform p{
width: 330px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 185px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
text-indent:0px;
text-align:left;
}

.cssform div label{
font-weight: bold;
float: left;
margin-left:0px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
margin-top:5px;
margin-bottom:5px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
margin-top:5px;
margin-bottom:5px;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
margin: 5px 10px;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
}

.cssform textarea{
width: 250px;
height: 150px;
}


/***
bandeau scroll 
***/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 380px;
	height:112px;
	background:url(/img/global/gradient/h300.png) repeat-x;
	margin:15px auto 0px;
	
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#banniereSup > td.milieu .items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	
	background-color:#fff;
	padding:2px;
	width:375px;
	height:108px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}