body {
	font-size: 50%;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

.ui-accordion .ui-accordion-content{
overflow:visible !important;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.ui-accordion .ui-accordion-header {
	width: 120px;
	background: white;
	border:none;
}

.ui-accordion .ui-accordion-content {
	width: 120px;
	margin:0;
	padding:0;
	background: white;
	border:none;
}

.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 500px; height: 100%; float: left; }
.scroll-content-item { width: 105px; height: 60px; float: left; margin: 8px; font-size: 3em; line-height: 96px; text-align: center; }
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

#choix {
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
 }

#choix li {
 background: #FFFFFF;
 color : black ;
 margin: 1px;
 padding: 0.5em;
 font-size: 1.5em;
 height: 20px;
 border: 1px solid #000000;
 }

#choix li a {
 background: #FFFFFF;
 color : black ;
 margin: 1px;
 padding: 0.4em;
 font-size: 1.2em;
 height: 18px;
 }

#choix li a:hover {
 background: #FFFF99;
 color : black ;
 margin: 1px;
 padding: 0.4em;
 font-size: 1.2em;
 height: 18px;
 font-weight: bold;
 border: 1px solid #000000;
 }

#tabsJ {
 float:left;
 width:100%;
 background:#F4F4F4;
 font-size:93%;
 line-height:normal;
 border-bottom:1px solid #24618E;
 }

#tabsJ ul {
	margin:0;
	padding:4px 4px 0 4px;
	list-style:none;
 }
#tabsJ li {
 display:inline;
 margin:0;
 padding:0;
 }
#tabsJ a {
 float:left;
 background:url("//norja.net/_MeNu/ImaGes/tableftJ.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 5px;
 text-decoration:none;
 }
#tabsJ a span {
 font-size:115%;
 float:left;
 display:block;
 background:url("//norja.net/_MeNu/ImaGes/tabrightJ.gif") no-repeat right top;
 padding:5px 15px 4px 6px;
 color:#24618E;
 }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
 /* End IE5-Mac hack */
#tabsJ a:hover span {
 color:#FFF;
 }
#tabsJ a:hover {
 background-position:0% -42px;
 }
#tabsJ a:hover span {
 background-position:100% -42px;
 }

#menuhead120 {
	width: 118px;
	margin: 0px;
	display: block;
	background: #E7F1F8;
	border:none;
	padding: 8px 0 0 2px;
        border-bottom:1px solid #24618E;
	}

#menu120 {
	width: 120px;
	margin: 0px;
	}
	
#menu120 ul {
	list-style: none;
 	margin: 0;
	padding: 0;
	}

#menu120 li a {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 9px;
	font-weight: bold; 	
 	voice-family: "\"}\"";
 	voice-family: inherit;
 	height: 34px;
	text-decoration: none;
	}
	
#menu120 li a:link, #menu120 li a:visited {
	color: #4D4D4D;
	display: block;
	background: url(//norja.net/_MeNu/css/menu52/menu120x84.gif);
	padding: 8px 0 0 10px;
	}

#menu120 li a:hover {
	color: #003366;
	background: url(//norja.net/_MeNu/css/menu52/menu120x84.gif) 0 -42px;
	padding: 8px 0 0 10x;
	}

#menuhead140 {
	width: 138px;
	margin: 0px;
	display: block;
	background: #E7F1F8;
	border:none;
	padding: 8px 0 0 2px;
        border-bottom:1px solid #24618E;	
	}

#menu140 {
	width: 140px;
	margin: 0px;
	}

#menu140 ul {
	list-style: none;
 	margin: 0;
	padding: 0;
	}

#menu140 li a {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size: 9px;
	font-weight: bold; 	
 	voice-family: "\"}\"";
 	voice-family: inherit;
 	height: 34px;
	text-decoration: none;
	}
	
#menu140 li a:link, #menu140 li a:visited {
	color: #4D4D4D;
	display: block;
	background: url(//norja.net/_MeNu/css/menu52/menu140x84.gif);
	padding: 8px 0 0 10px;
	}

#menu140 li a:hover {
	color: #003366;
	background: url(//norja.net/_MeNu/css/menu52/menu140x84.gif) 0 -42px;
	padding: 8px 0 0 10x;
	}

#cacher {
 float:left;
 width:100%;
 background:#F4F4F4;
 font-size:0%;
 color:#F4F4F4;
 }

/* Adjust the width of the left reveal menu. */
#nav-panel-droit .ui-panel {
    width: 35em;
}
#nav-panel-droit .ui-panel-closed {
    width: 0;
}
#nav-panel-droit .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 35em;
    right: -35em;
}
#nav-panel-droit .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(35em,0,0);
    -moz-transform: translate3d(35em,0,0);
    transform: translate3d(35em,0,0);
}
#nav-panel-droit .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.35);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.35);
    box-shadow: -5px 0px 5px rgba(0,0,0,.35);
}
#nav-panel-droit .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.35);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.35);
    box-shadow: -5px 0px 5px rgba(0,0,0,.35);
}
#nav-panel-gauche .ui-panel {
    width: 15em;
}
#nav-panel-gauche .ui-panel-closed {
    width: 0;
}
#nav-panel-gauche .ui-panel-page-content-position-left,
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 15em;
    right: -15em;
}
#nav-panel-gauche .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(15em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(15em,0,0);
}
#nav-panel-gauche .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}
#nav-panel-gauche .ui-panel-page-content-position-left {
    -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
    box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}

/* Listview with collapsible list items. */
.ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  border-top: none !important;
}
/* Nested list button colors */
.ui-listview .ui-listview .ui-btn {
    background: #fff;
}
.ui-listview .ui-listview .ui-btn:hover {
    background: #f5f5f5;
}
.ui-listview .ui-listview .ui-btn:active {
    background: #f1f1f1;
}
/* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
#norja-page #nav-panel-droit #nav-panel-gauche .ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Setting a custom background image. */
#norja-page .ui-page-theme-a,
#norja-page .ui-panel-wrapper {
    background-color: #fff;
    background-image: url("../_assets/img/bg-pattern.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
/* Styling of the page contents */
.article p {
    margin: 0 0 1em;
    line-height: 1.5;
}
.article p img {
    max-width: 100%;
}
.article p:first-child {
    text-align: center;
}
.article small {
    display: block;
    font-size: 75%;
    color: #c0c0c0;
}
.article p:last-child {
    text-align: right;
}
.article a.ui-btn {
    margin-right: 2em;
}
@media all and (min-width:769px) {
    .article {
        max-width: 994px;
        margin: 0 auto;
        padding-top: 4em;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
    /* Fix for issue with buttons and form elements
    if CSS columns are used on a page with a panel. */
    .article a.ui-btn {
        -webkit-transform: translate3d(0,0,0);
    }
}