/* Pour la zone de chargement */
.overlay 
{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 )
				url('http://i.stack.imgur.com/FhHRx.gif')
				50% 50%
				no-repeat;
}

body.loading {
overflow: hidden;
}

body.loading .overlay {
display: block;
}

div.jqcloud span.r1 {
        -webkit-writing-mode: vertical-rl;
        writing-mode: tb-rl;
      }

.disabled{
    pointer-events:none;
    opacity:0.4;
}

.downhill
{
	-webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
	
	
}

.downhill-1
{
	 -ms-transform:rotate(10deg); /* IE 9 */
	-moz-transform:rotate(10deg); /* Firefox */
	-webkit-transform:rotate(10deg); /* Safari and Chrome */
	-o-transform:rotate(10deg); /* Opera */
	
	margin:30px;
	padding:40px;
}

.uphill
{
	 -webkit-writing-mode: vertical-rl;
    writing-mode: tb-lr;
}


.uphill-1
{
	-ms-transform:rotate(-10deg); /* IE 9 */
	-moz-transform:rotate(-10deg); /* Firefox */
	-webkit-transform:rotate(-10deg); /* Safari and Chrome */
	-o-transform:rotate(-10deg); /* Opera */
	
}

.full-width
{
	width:100%;
}

.container-no-result {
  width: 360px;
  padding-top:30px;
  margin: 0 auto; 
  color:red;
  font-weight:bold;
  font-size:16px;
  text-align:center;
}

#container-ng-view
{
	margin-left:10%;
}

#container-img-linechart
{
	background-color:#FFF;
}

#content
{
	margin-top:10px;
	width:90%;
}
#navbar-menu
{
	/*position: fixed;
	bottom: 0;
	left: 7%;
	width:93%;
	z-index: 100; 
	height:30px;*/
	left: 7%;
	width:93%;
}
#container-nav-path
{
	position: fixed;
	bottom: 50px;
	z-index: 100; 
	/*left: 0;
	height:30px;*/
}
#nav-path {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#container-nav-path h6{
    font-size:12px;
	font-weight:bold;
}

#nav-path li {
   display: inline;
   font-size:12px;
}
#nav-path li.key {
   font-weight:bold;
}

#nav-path li.value {
   margin-right:5px;
   font-weight:bold;
   color:#05C0C4;
}

.radio-inactive
{
	background-color:#E6E6E6;
	padding-top:15px;
	
}


.radio-active
{
	background-color:#02DCDE;
	padding-top:15px;
	margin-right:2px;
	font-size:12px;
}

.error
{
	color:red;
	text-transform:underline;
}

.theme-background
{
	background-color:#02DCDE;
}

.pager li a
{
	color:#02DCDE;
	font-weight:bold;
}

navbar-nav li a
{
	color:#FFF;
}

#container-nav-buttons button
{
	height:30px;
	width:120px;
	padding:5px;
	margin-top:10px;
}
/*#container-wordcloud
{
	width:400px;
	height:300px;
}


#container-subMenu
{
	position: fixed;
	bottom: 100px;
	width: 100%;
	z-index: 100; 
	left: 0;
	width: 100%;
}
*/


.btn-menu
{
	background-color:#02DCDE;
	color:#FFF;
	border : 1px solid #E6E6E6;
	white-space: normal;
	height:55px;
}

.btn-menu-active
{
	background-color:#E6E6E6;
	color:#01B2B5;
	border : 1px solid #FFF;
	height:55px;
}

#container-subMenu
{
	width:60%;
	margin-top:30px;
	margin-left:20%;
}

/*#container-video-games img
{
	width:100%;
	height:100%;
}*/
.container-chart img
{
	width:100%;
	height:100%;
}

#container-wordcloud
{
	width:200px;
	height:200px;
	margin:auto;
}

#container-wordcloud span
{
	cursor: pointer; cursor: hand;
}

#container-imagesLink
{
	margin-left:1%;
	margin-right:1%;
}

#container-barchart
{
	/*max-height:500px;*/
	overflow-y:auto;
	overflow-x:hidden;
}

.container-img-links
{
	box-shadow: 10px 10px 5px #888888;
	height:180px;
}

.container-img-links img
{
	width:100%;
	height:100%;
}

#page-options
{
	padding:0px;
}
#videoGameModal .modal-body
{
	max-height:70vh;
	overflow-y: auto;
}

#videoGameModal .modal-header
{
	background-color:#02DCDE;
	color:#FFF;
}