@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100);

body{
	background: url("design/brickwall.png");
	font-family: 'Roboto', sans-serif;
	color: rgb(70,70,70);Je n'étais 
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	height:100%;}
	
html{overflow-x:hidden}

#wrapper{
	min-height:100%;
	position:relative;	}

.section_align_left{
	max-width: 1100px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;}
	
.texte{
	margin: auto;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 1100px;
	text-align: justify;}
	

/*  border: 1px grey solid; --------------------------------------------------- comun --  border: 1px grey solid;*/

.padding10{
	padding: 10px 10px 10px 10px ;
}

.padding15{
	padding: 15px 15px 15px 15px ;	
}

.padding20{
	padding: 20px 20px 20px 20px ;	
}

.padding25{
	padding: 25px 25px 25px 25px ;	
}

.padding30{
	padding: 20px 20px 20px 20px ;	
}

.padding35{
	padding: 35px 35px 35px 35px ;	
}

.floatleft{
	float: left;
	margin: 0 40px 40px 0;}

.floatright{
	float: right;
	margin: 0 0 40px 40px;}

.afterfloat{
	clear: both;}

.textaligncenter{
	text-align: center;
	width: 100%;}

.textalignright{
	text-align: right;
	width: 100%;}

.textalignleft{
	text-align: left;
	width: 100%;}

.vertical_align_middle{
	vertical-align: middle;}
	
.vertical_align_baseline{
	vertical-align: baseline;}
	
.vertical_align_top{
	vertical-align: top;}
	
.vertical_align_text-top{
	vertical-align: text-top;}
	
.vertical_align_bottom{
	vertical-align: bottom;}

.vertical_align_percent{
	vertical-align: 70%;}
	
.vertical_align_textop{
	vertical-align: textp;}
	
.bold{
	font-weight: bold;}

.blue{
	color: rgb(0, 169, 224);}
	
.greyitalic
{
	color: grey;
	font-style: italic;
}

.italic{
	font-style: italic;}

.white{
	color: white}

.underline{
	text-decoration: underline;}

.inline{
	display: inline-block;}
	
.font7{
	font-size: 7px;
}

.border{
	border: 1px red solid ;}

.border_social{
	font-size: 22px;
	padding-top: 25px;
	height: 55px;
	border: 1px grey solid ;}
	
	
a{
	color: rgb(0, 169, 224);
	font-weight: bold;
	text-decoration: none;}
a:hover{
	color: rgb(80,80,80);
	text-decoration: none;}

/*  border: 1px grey solid; --------------------------------------------------- header --  */

#header{
	position: fixed;
	top: 0px;}

#header_div{
	margin-top: -18px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center;
	font-size: 17px;
	height: 90px;
	max-width: 1079px;
	width: 100%;}	

.header_menu{
	width: 100px;
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;
	display: inline-block;
	}

#link_b20 a{
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;}

#link_b20 a:hover{
	color: white;
	text-shadow: 2px 2px 2px black;}
	
#link_b20_grey a{
	color: rgb(139, 139, 139);	
	text-shadow: 2px 2px 2px rgb(160, 160, 160);}

#link_b20_grey a:hover{
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;}

#link_tx a{
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;}

#link_tx a:hover{
	color: white;
	text-shadow: 2px 2px 2px black;}
	
#link_tx_grey a{
	color: rgb(139, 139, 139);	
	text-shadow: 2px 2px 2px rgb(160, 160, 160);}

#link_tx_grey a:hover{
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;}

/*  border: 1px grey solid; --------------------------------------------------- banner --  */

#banner_zone{
	background: linear-gradient(rgba(65, 71, 84, 0.2),rgba(65, 71, 84, 0.2)), url("design/bit20_banner_g2.png");
	/*background: rgba(65, 71, 84, 0.25);*/
	border:1px solid rgb(210, 201, 213);
	color: rgb(70,70,70);
	max-width: 1100px;
	font-weight: normal;
	border-radius:3px;}
	
#banner{
	padding: 5px 0px 15px 0px;}
	
.yellow{
	color: rgb(255, 230, 59);
	text-shadow: 3px 3px 3px rgb(80,80,80);
	letter-spacing: 4px;}
	
.texte_banner{
	text-shadow: none;
}

#banner_zone a{
	color: rgb(41, 128, 185);}

#banner_zone a:hover{
	color: rgb(255, 230, 59);}

/*  border: 1px grey solid; --------------------------------------------------- section --  */
#section_100p{
}

section{
	text-align: center;
	max-width: 1100px;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;	}
	
/*  border: 1px grey solid; --------------------------------------------------- graph homepage --  */ 

/* ----------------------------->>>>> price --  */
#price_container{
	background: rgba(140,140,140, 0.15);
	max-width: 1100px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 15px;
	min-height: 50px;}
	
.price_div{
	margin: 13px 50px 0px 50px;
	text-align: center;
	display: inline-block;
	font-size: 18px;}	
	
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  start of the Media Query */
@media screen and (max-width: 1120px){
.price_div{
	margin: 13px 45px 0px 45px;}
}

@media all and (max-device-width: 480px){
.price_div{
	margin: 13px 45px 0px 45px;}
}/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  end of the Media Query */

/* price <<<< -----------------------------  */

#graph_hp_zone{
	width: 100%;
	max-width: 1096px;}
	
.button_div{width: 100%;text-align: left;margin-top: 0px;margin-bottom: 3px;}
	
.graph_hp_button{
	width: 175px;
	margin-bottom: 5px;
	margin-right: 3px;		
	background: rgba(41, 128, 185, 0.2);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	cursor:pointer;
	color: rgb(70,70,70);
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
	
.graph_hp_button_tx{
	width: 175px;
	margin-bottom: 5px;	
	margin-right: 3px;	
	background: rgba(41, 128, 185, 0.2);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	cursor:pointer;

	color: rgb(70,70,70);
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
	
#graph_n_price{
	background: rgba(140,140,140, 0.1);
	border: 1px rgb(210, 201, 213) solid ;
	border-radius:3px;
	height: 555px}
	
#graph_hp_div{
	width: 100%;
	height: 439px;}
	
.graph_hp_button:hover {
	background-color:#e9e9e9;}
	
.graph_hp_button:active {
	position:relative;
	top:1px;}
	
.graph_hp_button_tx:hover {
	background-color:#e9e9e9;}
	
.graph_hp_button_tx:active {
	position:relative;
	top:1px;}
	
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  start of the Media Query */
/*
@media all and (max-device-width: 480px){

#graph_hp_zone{
	width: 100%;}

#graph_hp_container{
	max-width: 1100px;
	width: 100%;
	margin-top: 30px; 
	margin-bottom: 30px; 
	margin-right: auto;
	margin-left: auto;}

#graph_hp_div{
	background: white;
	border: 1px rgb(210, 201, 213) solid ;
	display: inline-block;
	margin-right: 17px;
	width: 660px;
	height: 400px;}

#graph_hp{
	width: 600px; 
	height: 300px;
	margin-top: 40px;}

#graph_hp_button_container{
	vertical-align: top;
	width: 130px;
	display: inline-block;
	margin-left: 5px;}
	
.graph_hp_button {
	width: 100%;
	margin-bottom: 6px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: white;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	display:inline-block;
	cursor:pointer;
	color: #666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
}
@media screen and (max-width: 1120px){

#graph_hp_zone{
	width: 100%;}

#graph_hp_container{
	max-width: 1100px;
	width: 100%;
	margin-top: 30px; 
	margin-bottom: 30px; 
	margin-right: auto;
	margin-left: auto;}

#graph_hp_div{
	background: white;
	border: 1px rgb(210, 201, 213) solid ;
	display: inline-block;
	margin-right: 17px;
	width: 660px;
	height: 400px;}

#graph_hp{
	width: 600px; 
	height: 300px;
	margin-top: 40px;}

#graph_hp_button_container{
	vertical-align: top;
	width: 130px;
	display: inline-block;
	margin-left: 5px;}
	
.graph_hp_button {
	width: 100%;
	margin-bottom: 6px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: white;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	display:inline-block;
	cursor:pointer;
	color: #666666;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
} 
*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  end of the Media Query */

/*  border: 1px grey solid; --------------------------------------------------- composition --  */

#compo_zone{
	width: 100%;
	max-width: 1096px;}

#compo_container{
	background: rgba(140,140,140, 0.1);
	font-size: 12px;	
	max-width: 1096px;  /*width web 1100px*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px rgb(210, 201, 213) solid;
	border-radius:3px;
	letter-spacing: 2px;}

#compo_table{
	max-width: 1000px;
	margin: 15px 45px 45px 45px;
	border-spacing: 2px;
	text-align: left;
	white-space: nowrap;
	overflow-x:hidden
}

#compo_table th{
	font-size: 16px;
}

#compo_table td{
	width: 25%;
}

#table_header{
	font-size: 14px;
	height: 20px;
	font-weight: bold;
	background: rgba(255, 222, 39, 0.2);}

.compo_table_grey{
	background: rgba(41, 128, 185, 0.2);;
}

.compo_table_grey2{
	background: rgb(220,220,220);
}


/*  border: 1px grey solid; --------------------------------------------------- widgets --  */

#widgets_zone{
	background: rgba(140,140,140, 0.1);
	max-width: 1096px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px rgb(210, 201, 213) solid;
	border-radius:3px;
	text-align: center;
	padding-top:10px;
	padding-bottom:30px;}

.widget{margin-top: 30px;}
	
#widget_space{width:40px;}
	
/*  border: 1px grey solid; --------------------------------------------------- partners HP --  */

#partners_zone{
	background: rgba(140,140,140, 0.1);
	max-width: 1096px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px rgb(210, 201, 213) solid;
	border-radius:3px;
	text-align: center;}	
	
#partners_zone_title{
	width: 1100px;
	margin: auto;
	text-align: center;}

#partners_zone_title_underline{
	width: 700px;
	margin: auto;
	text-align: center;
	border-top: 1px rgb(210, 201, 213) solid;
	margin-bottom: 10px;}


#partners_box{
	height: 120px;
	width: 170px;
	display: inline-block;
	margin: 0px 0px 0px 0px;}
	
#img_partners{
	height: 70px;}
	
/*  border: 1px grey solid; --------------------------------------------------- social HP --  */

#social_zone{
	background: rgba(140,140,140, 0.1);
	max-width: 1096px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px rgb(210, 201, 213) solid;
	border-radius:3px;
	text-align: center;}	
	
#social_zone_title{
	width: 1100px;
	margin: auto;
	text-align: center;}

#social_zone_title_underline{
	width: 700px;
	margin: auto;
	text-align: center;
	border-top: 1px rgb(210, 201, 213) solid;
	margin-bottom: 10px;}


#social_box{
	height: 120px;
	width: 170px;
	display: inline-block;
	margin: 0px 0px 0px 0px;}
	
#img_social{
	height: 70px;}
	

/*  border: 1px grey solid; --------------------------------------------------- footer --  */

footer{
	width:100%;
	max-width: 1096px;
	height: 60px;}

#footer_container{
	max-width: 1096px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;}

#table_footer{
	max-width: 1096px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;}

footer a{
	color: white;
	text-decoration: none;
	font-weight: normal;}

footer a:hover{
	color: rgb(0, 169, 224);
	text-decoration: none;
	font-weight: normal;}
	
footer a:visited{
	color: white;
	text-decoration: none;
	font-weight: normal;}

/* ----------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- other pages ------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */

/*  border: 1px grey solid; --------------------------------------------------- Menu -- */

#menu_zone{
	background: url("design/bannerbck1.png");
	color: rgb(255, 230, 59); 
	font-weight: bold;
	text-shadow: 1px 1px 1px black;
	height: 60px;}

#menu{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 60px;
	font-size: 18px;
	max-width: 1079px;
	width: 100%;}

.learn_more_menu_separator{
	width : 35px;
	text-align: center;
}

#banner{
	text-shadow: 1px 1px 1px black;}

.blue_pale{
	color: rgb(41, 128, 185);
	text-shadow: 2px 2px 2px black;
	letter-spacing: 4px;}
	
.yellow{
	color: rgb(255, 230, 59);
	text-shadow: 2px 2px 2px black;
	letter-spacing: 4px;}

#menu_zone a{
	color: white; font-weight: bold;text-shadow: 1px 1px 1px black;}

#menu_zone a:hover{
	color: rgb(255, 230, 59); font-weight: bold;text-shadow: 1px 1px 1px black;}



/*  border: 1px grey solid; --------------------------------------------------- bit20 / fiat10 -- */

#graph_bit20{
	border: 1px rgb(210, 201, 213) solid;
	border-radius:3px;	
}

.table_data_crypto{
	width: 100%;
}

.table_data_crypto td{
	padding: 5px;
}

.table_hisory{
	width: 100%;
}

.table_hisory td{
	padding: 5px;
}

#bit20_history_box1{
	width: 100%;}

#bit20_history_box2{
	width: 100%;
	min-height: 620px;
	border: 1px rgb(210, 201, 213) solid;}
	
.div_button_history{
	float: left;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
	
.button_history {
	width: 130px;
	margin-right: 5px;
	margin-bottom: 5px;	
	background: rgba(41, 128, 185, 0.2);
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	cursor:pointer;
	color: rgb(70,70,70);
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
.button_history:hover {
	background-color:#e9e9e9;}
.button_history:active {
	position:relative;
	top:1px;}
	
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  start of the Media Query */
/*
@media screen and (max-width: 1120px){	

.table_hisory{
	width: 100%;
	max-width: 680px;	
	margin: 10px 10px 0px 10px;
}

#bit20_history_box1{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-right: 15px;}

#bit20_history_box2{
	display: inline-block;
	width: 100%;
	height: 620px;
	max-width: 700px;	
	vertical-align: top;
	border: 1px rgb(210, 201, 213) solid;}
	
.graph_hp_button_bit20 {
	width: 180px;
	margin-bottom: 6px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: white;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	cursor:pointer;
	color: #666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
}
@media all and (max-device-width: 480px){

.table_hisory{
	width: 100%;
	max-width: 680px;	
	margin: 10px 10px 0px 10px;
}

#bit20_history_box1{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-right: 15px;}

#bit20_history_box2{
	display: inline-block;
	width: 100%;
	max-width: 700px;	
	vertical-align: top;
	border: 1px rgb(210, 201, 213) solid;}
	
.graph_hp_button_bit20 {
	width: 100%;
	margin-bottom: 6px;	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color: rgb(240,242, 243);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:3px;
	border:1px solid rgb(210, 201, 213);
	display:inline-block;
	cursor:pointer;
	color: #666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}
}
*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  end of the Media Query */

.logo_medium_hight{
		vertical-align: -50%;
		margin-right: 15px;
}
	
	
/*  border: 1px grey solid; --------------------------------------------------- exchange -- */

.exchange_title_box{
	width: 100%;
	max-width: 1100px;
	border: 1px rgb(210, 201, 213) solid;
	margin-bottom: 20px;	
	background: white;}

.exchange_box{
	min-height: 380px;
	max-width: 1100px;
	width: 100%;
	border: 1px rgb(210, 201, 213) solid;
	margin-bottom: 20px;
	vertical-align: top;
	background: white;}
	
.exchange_box_in{
	padding: 15px 35px 15px 35px;}


/*  border: 1px grey solid; --------------------------------------------------- mom -- */	
	
#testnet{
	margin: auto;
	text-align: center;
	background: white;}