/*//////////////////////////////////////////////
////////////////////////////////////////////////
//// 	AUTHOR : SARL CREATIVEFABRIK  		////
//// 	[2013] ALL RIGHTS RESERVED 			////
//// 	This source is subject to the 		////
//// 	CREATIVEFABRIK Permissive License	////
////////////////////////////////////////////////
//////////////////////////////////////////////*/

html, body { height: 100% }

body {
	margin:0px;
	padding:0px;
	min-height: 100%;
	background-color:#dadada;
	font-family:arial;
}

h1 {
	text-align:center; 
	text-shadow:1px 1px 1px #FFF;
	font-size:32px;
}

h2 {
	text-align:center; 
	margin: 4px 0px;
	font-size:24px;
}

h3 {
	text-align:left; 
	margin: 4px 0px;
	font-size:16px;
}

.date_form {
	color:white;
	padding:4px;
	margin-bottom:20px;
	font-size:14px;
}

.block_tirage {
	position: relative;
	width:800px;
	padding:10px;
	margin-right:auto; 
	margin-left:auto;
	/*background-color:#DADADA;*/
	background-color:#FFFFFF;
	box-shadow: 0px 0px 25px #888888;
	min-height: 100%;
}

#block_identification {
	width:300px; 
	background-color:#FFF; 
	margin-top:20px; 
	margin-left:auto; 
	margin-right:auto; 
	padding:10px;
	color:black;
	font-size:14px;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	text-align:center;
	border-radius: 4px;
}

#btn_tirage {
	display:block; 
	text-align:center; 
	width:300px; 
	padding:10px; 
	/*background-color:yellow;*/
	color:black;
	text-decoration:none;
	margin-right:auto; 
	margin-left:auto;
	font-size:18px;
	text-shadow: 1px 1px 1px #FFF;
  	background-image:-webkit-linear-gradient(top, #FFE600, #CCB800);
  	background-image:-moz-linear-gradient(top, #FFE600, #CCB800);
  	background-image:linear-gradient(top, #FFE600, #CCB800);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

#btn_deconnexion {
	display:block;
	color:white;
	width:100px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
    padding:4px;
    font-family:helvetica;
  	background-image:-webkit-linear-gradient(top, #ef670c, #a44400);
  	background-image:-moz-linear-gradient(top, #ef670c, #a44400);
  	background-image:linear-gradient(top, #ef670c, #a44400);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}
#btn_deconnexion:active {
	background-color:yellow;
    background-image:-webkit-linear-gradient(top, #FFE600, #CCB800); 
    color:black;
}

#btn_tirage:active {
	background-color:#3a54b8;
	color:white;
	text-shadow: 1px 1px 1px #000;
	background-image:linear-gradient(top, #50ACFF, #0667BF);
	background-image:-moz-linear-gradient(top, #50ACFF, #0667BF);
	background-image:-webkit-linear-gradient(top, #50ACFF, #0667BF);
}
ul.block_ope {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul.block_ope li{
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}
.btn_ope {
	color:white;
	margin:5px auto 0px auto;
	text-align:center;
    text-decoration:none; 
    padding:6px 4px;
    font-size:16px;
    font-family:helvetica;
    background-color: #0067E2;
/*  background-image:-webkit-linear-gradient(top, #0067E2, #02428E);
    background-image:-moz-linear-gradient(top, #0067E2, #02428E);
    background-image:linear-gradient(top, #0067E2, #02428E);
  	background-position:initial initial;
  	background-repeat:initial initial;*/
  	border:1px solid #02428E;
  	/*box-shadow:rgba(255, 255, 255, 0.5) 0 10px 0 inset, rgba(0, 0, 0, 0.5) 0 10px 10px;*/
  	border-radius:4px;
}
.btn_ope:hover, .btn_ope_selected {
	background-color: #02428E;
}
.vote_vignette {
	background-color:black;
	color:white;
	padding: 4px 10px;
	margin-bottom:4px;
}

.btn_add {
	display:block;
	color:white;
	width:80px;
	margin:5px auto 0px auto;
	text-align:center;
    text-decoration:none; 
    padding:4px;
    font-size:12px;
    font-family:helvetica;
    background-image:-webkit-linear-gradient(top, #0067E2, #02428E);
    background-image:-moz-linear-gradient(top, #0067E2, #02428E);
    background-image:linear-gradient(top, #0067E2, #02428E);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}
.btn_add:active{
    background-image:-webkit-linear-gradient(top, #FFE600, #CCB800); 
    color:black;
}
.btn_supp {
	position:absolute; 
	display:block; 
	bottom:0px; 
	right:0px; 
	width:100px; 
	text-align:center;  
    color:white; 
    text-decoration:none; 
    padding:4px;
    font-family:helvetica;
	cursor:pointer;
  	background-image:-webkit-linear-gradient(top, #ef670c, #a44400);
  	background-image:-moz-linear-gradient(top, #ef670c, #a44400);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

.btn_supp:active { 
    background-image:-webkit-linear-gradient(top, white, gray); 
    color:black;
    cursor:pointer;
}

.block_form {
	position:relative; 
	font-size:12px; 
	margin:10px;  
	padding:10px;
	box-shadow: 2px 2px 15px #888888;
	
}

.block_form_users {
	position:relative; 
	font-size:12px; 
	margin:10px;  
	padding:8px;
}

.ajout_gagnant{
	background-color:blue;
	color:white;
	padding:2px; 
	padding-left:6px;
	margin-bottom:10px;
}

.retrait_joueur{
	background-color:red;
	color:white;
	padding:2px; 
	padding-left:6px;
	margin-bottom:10px;
}

.btn
{
	display:block;
	width:200px;
	padding:6px 10px;
	margin: 0 4px;
	font-size:14px;
	text-decoration:none;
	color:black;
	background-color:white;
	text-align:center;
	border:1px solid #9E9E9E;
	border-radius:4px;
}
.btn:hover, btn:active
{
	color:white;
	background-color:#AF0917;
}
.btn_black {
	display:block;
	color:white;
	width:200px;
	text-align:center;
    text-decoration:none; 
    padding:7px;
    font-size:13px;
    font-family:helvetica;
    /*margin:5px auto 0px auto;*/
    background-image:-webkit-linear-gradient(top, gray, black);
    background-image:-moz-linear-gradient(top, gray, black);
    background-image:linear-gradient(top, gray, black);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 1) 0px 0px 4px inset;
}
.btn_black:hover {
	background-image:-webkit-linear-gradient(top, lightGray, black);
    background-image:-moz-linear-gradient(top, lightGray, black);
    background-image:linear-gradient(top, lightGray, black);
}

.btn_sel
{ 
	display:block; 
	width:100px; 
	text-align:center;  
    color:white; 
    text-decoration:none; 
    padding:4px;
    font-family:helvetica;
    margin:5px auto 0px auto;

  	background-image:-webkit-linear-gradient(top, #FF1800, #960E00);
  	background-image:-moz-linear-gradient(top, #FF1800, #960E00);
  	background-image:linear-gradient(top, #FF1800, #960E00);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

.btn_unsel
{ 
	display:block;
	color:white;
	width:100px;
	text-align:center;
    text-decoration:none; 
    padding:4px;
    font-size:12px;
    font-family:helvetica;
    margin:5px auto 0px auto;
    
    background-image:-webkit-linear-gradient(top, #0067E2, #02428E);
    background-image:-moz-linear-gradient(top, #0067E2, #02428E);
    background-image:linear-gradient(top, #0067E2, #02428E);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

.debug {
	position:fixed;
	font-size:10px;
	font-family:verdana; 
	top:20px; 
	left:20px; 
	background-color:white; 
	opacity:0.75; 
	padding:4px;
	color:black;
}

.btn_rotate {
	position:relative;
	display:block;
	float:right;
	width:100px; 
	text-align:center;  
    color:white; 
    text-decoration:none; 
    padding:4px;
    font-family:helvetica;
    margin:5px;

    background-image:-webkit-linear-gradient(top, #0067E2, #02428E);
    background-image:-moz-linear-gradient(top, #0067E2, #02428E);
    background-image:linear-gradient(top, #0067E2, #02428E);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

.btnExportDonnees
{ 
	display:block;
	color:white;
	width:100px;
	text-align:center;
    text-decoration:none; 
    padding:7px;
    font-size:13px;
    font-family:helvetica;
    margin:5px auto 0px auto;
    
    background-image:-webkit-linear-gradient(top, gray, black);
    background-image:-moz-linear-gradient(top, gray, black);
    background-image:linear-gradient(top, gray, black);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 1) 0px 0px 4px inset;
}
.btnExportDonnees :active
{ 

}

.photo_form {
	width:150px;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}

#containerPicture {
	/* fixed position a zero-height full width container */
    position:absolute;
    top:0; /* or whatever position is desired */
    left:0;
    right:0;
    height:0;
    /* center all inline content */
    text-align:center;
    padding:80px;
    z-index:100;
    display:none;
}

#showPicture {
	position:relative;
	display:block;
	width:490px;
	height:370px;
	padding:10px;
	background-color:white;
	box-shadow:rgba(0, 0, 0, 0.6) 2px 2px 10px;
}

#btnCloseImage {
	position:relative;
	top:0px;
	right:10px;
	display:block;
	margin:0 auto;
	cursor:pointer;
	margin-bottom:10px;
	
	color:white;
	width:100px;
	text-align:center;
    text-decoration:none; 
    padding:4px;
    font-size:12px;
    font-family:helvetica;
    
    background-image:-webkit-linear-gradient(top, #0067E2, #02428E);
    background-image:-moz-linear-gradient(top, #0067E2, #02428E);
    background-image:linear-gradient(top, #0067E2, #02428E);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 0.296875) 0 1px 0 inset, rgba(0, 0, 0, 0.199219) 0 1px 1px;
}

#blackBackground {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:100;
	display:none;
}

#suppFormView {
	position:relative;
	padding:10px;
	width:200px;
	height:100px;
	background-color:white;
	box-shadow:rgba(0, 0, 0, 0.6) 2px 2px 10px;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	z-index:200;
}

.btnFormView {
	position:relative;
	display:inline-block;
	cursor:pointer;
	color:white;
	width:80px;
	text-align:center;
    text-decoration:none; 
    padding:4px;
    font-size:12px;
    font-family:helvetica;
    background-image:-webkit-linear-gradient(top, gray, black);
    background-image:-moz-linear-gradient(top, gray, black);
    background-image:linear-gradient(top, gray, black);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #960E00;
  	box-shadow:rgba(255, 255, 255, 1) 0px 0px 4px inset;
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.8;
	text-align:center;
	z-index: 1000;
}
.loader img {
	margin-top: 300px;
	
}

.menu_tab {
	position: relative;
	list-style-type: none;
	padding: 0px;
	margin: 20px 10px 0px 10px;
	z-index: 100;
}

.menu_tab li {
	display: inline;
	margin: 10px 0px;
}

.menu_tab a {
	display: inline-block;
	text-decoration: none;
	color: white;
	/*border: 1px solid black;
	border-width: 1px 1px 1px 1px;*/
	padding: 6px!important;
	border-radius: 4px 4px 0px 0px;
	background-color: gray;
	box-shadow: 0px -2px 5px #888888;
}
.menu_tab a:hover {
	background-color: #CCCCCC;
	color: black;
	/*border-width: 1px 1px 0px 1px;*/
}
.menu_tab_selected {
	color: black !important;
	background-color: white !important;
	/*border-width: 1px 1px 0px 1px;*/
}
.tab_pan {
	position: relative; 
	font-size: 12px; 
	margin: -1px 10px 10px 10px;  
	padding: 10px;
	/*border: 1px solid black;*/
	z-index: 0;
	box-shadow: 2px 2px 15px #888888;	
}

.table_text {
	color: #2E3A7;
	font-weight: bold;
}

.btn_edit_item {
	margin-top: 0;
	float: right;
}


.loader, .background_pop_up {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	text-align:center;
	z-index: 1000;
}

.pop_up, .pop_up_loader {
	display: inline-block;
	min-width: 100px;
	margin: 200px auto 0 auto;
	background-color:white;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 50px;
	padding:20px;
	text-align: left;
	z-index: 1000;
	font-size: 14px;
	border-radius: 6px;
}
.pop_up_loader {
	text-align: center;
}

.input_pop_up {
	width:250px;
}

.image_lot {
	width:80px;
	height:80px;
}
.separator_title_table {
	background-color: #CCCCCC;
	padding:4px;
}
.block_form_title_input {
	position: relative; 
	float: right;
	margin-top: -2px;
}

.pages_number {
	text-decoration: none;
	color: black;
	padding: 2px;
}
.pages_number:hover {
	background-color: #ccc;
}
.pages_number_selected {
	background-color: black;
	color: white;
}

.is_detail_block {
	display: inline-block;
}

.block_red {
	background-color: red;
	color: white;
	padding: 2px;
}