/*
  RESETCSS.CSS
  (c) HAPPYneuron 2015
*/

/*--------------------------
  GLOBALES
--------------------------*/

html{
	height: 100%;
}

body
{
	height: 100%;
	width: 100%;
	min-width: 640px;
	margin: 0px;
	font-family: Verdana;
	color: black;
	font-size: 14px;
	line-height: 150%;
}

h1, h2, h3, h4, h5{
	color: #84005b;
}

a{
	color: black;
}

a.faq_link{
	display: none;
}



/*-----------------------------------------------------------------------------
	FORMULAIRES
-----------------------------------------------------------------------------*/
input[type=text], input[type=password], input[type=email], select, textarea
{
	border: 1px solid #84005b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 5px;
}
input[type=text]:hover, input[type=password]:hover, 
input[type=email]:hover, select:hover, textarea:hover{ border-color: #1C4F6E; }
input[type=checkbox]{ margin-right: 5px; }
.tableForm p, .tableForm div.row{ display: table-row; }
.tableForm p .label, .tableForm p .field, .tableForm div .label, .tableForm div .field{
  display: table-cell; 
  text-align: left; 
  padding: 1px 0px; 
  *display: inline;
  zoom: 1;
	vertical-align: top;
}
button{
	border-radius: 20px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececec+100 */
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
	color: #84005b;
	-moz-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-webkit-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-o-box-shadow: 3px 3px 5px 0px #cfcfcf;
	box-shadow: 3px 3px 5px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
	border: none;
	font-size: 23px;
	padding: 8px 16px;
	text-transform: uppercase;
}
.tableForm p .field, .tableForm div .field{ padding-bottom: 10px; padding-left: 10px; }
.tableForm p .label, .tableForm div .label{ width: 160px; }
.tableForm p.normal{ display: block; white-space: nowrap; }
.tableForm p.validation, div.validation{ display: block; text-align: center; margin-top: 20px; }
.formError{ text-align: center; font-weight: bold; font-size: 8pt; color: red; padding: 8px; }


/*-----------------------------------------------------------------------------
	FEEDBACKS
-----------------------------------------------------------------------------*/

#success-feedback, #error-feedback, #warning-feedback, #info-feedback,
.successFeedback, .errorFeedback, .warningFeedback, .infoFeedback
{
	border: 1px solid black;
	border-radius: 10px;
	color: #2E3C52;
	padding: 10px 10px 0px 10px;
	margin: 10px 10px 10px 0px;
	height: 1%;
	overflow: hidden;
	zoom: 1;
}
#success-feedback img, #error-feedback img, .successFeedback img, .errorFeedback img{ float: left; margin: 0px 10px 5px 0px; }
#success-feedback div, #error-feedback div, .successFeedback div, .errorFeedback div{ margin-left: 50px; }
#success-feedback ul, #error-feedback ul, .successFeedback ul, .errorFeedback ul{ margin-top: 0px; margin-left: 30px; list-style-type: disc; }
#success-feedback, .successFeedback
{
	border-color: #9ADF8F;
	background-color: #D4FFCD; 
}
#error-feedback, .errorFeedback
{
	border-color: red;
	background-color: #FFD2D3; 
}


/*-----------------------------------------------------------------------------
	LAYOUT GENERAL
-----------------------------------------------------------------------------*/

#root{ 
	height: auto !important;
	min-height: 100%;
	position: relative;
}

#header{
	height: 117px;
	background: url('../img/headerMiddle.jpg') repeat-x;
}

#header .headerRight{
	float: right;
}

#header .headerLeft{
	float: left;
}

#content{
	padding: 5px 5px 60px 5px;
}

#footer{
	position: absolute;
	bottom: 0px;
	min-width: 100%;
	background: url('../img/footer.jpg') top center repeat-x;
	padding: 24px 5px 5px 5px;
	font-size: 10px;
	box-sizing: border-box;
}

#contactUs{
	float: right;
}



/*-----------------------------------------------------------------------------
	FONCTIONALITE INACTIVE
-----------------------------------------------------------------------------*/

.lockedElement{
	background: url('../img/layout/lockedElement.png') center center;
}
.lockedElementPopup{ 
	width: 380px;
	border: 1px solid #5D8199;
	border-radius: 10px 10px;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}
.lockedElementPopup img{ float: left; }
.lockedElementPopup .btns{ margin-top: 25px; }
.lockedElementPopup .btns .orangeBtnMiddle{ padding: 0px 5px; }


/* TOOLTIP RGRAPH */
.graphTooltip{
	font-family: Verdana !important;
	font-size: 10pt !important;
	padding: 5px !important;
	border-color: #9B005C !important;
	background: #FFF2FA !important;
	-moz-box-shadow: 2px 2px 2px #888 !important;
	-webkit-box-shadow: 2px 2px 2px #888 !important;
	box-shadow: 2px 2px 2px #888 !important;
	cursor: default;
}
.graphTooltip span{ color: #9B005C }

.rgraph{ position: relative; }
.rgraph .rgraphPowered
{
	font-size: 10px;
	font-style: italic;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}		
.rgraph .rgraphPowered.stackedBar{ margin-top: -211px; right: -30px; }
.rgraph .rgraphPowered.line{ bottom: 118px; right: -30px; }
.rgraph .rgraphPowered.bibar{ bottom: 191px; right: -40px; }
.rgraph .rgraphPowered a{ text-decoration: none; }
.rgraph .rgraphPowered a:hover{ text-decoration: underline; }


#gamesStats{
	width: 970px;
	margin: 0 auto;
}

#gamesStats a.faq_link{
	display: none;
}