@CHARSET "UTF-8";
input[type=radio]{
	display:none;
}
/*PAGE*/
/*exemple site : https://trakt.tv/*/
header#top-nav #top-brand {
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -32.5px;
}
.navbar-brand>img{
	width:50%;
}
header#top-nav .navbar-nav.brand-left {
    position: absolute;
    right: 50%;
    margin-right: 40px;
}
header#top-nav .navbar-nav.brand-right {
    position: absolute;
    left: 51%;
    margin-right: 40px;
}
/*FORM*/
i.fa-leaf,i.fa-question{
	font-size : 30px;
}
@media (min-width: 768px){
.container {
    //max-width: 730px;
    max-width: 100%;
    background: #FFF;
}
i.fa-leaf, i.fa-question{
	font-size : 60px;
}
}
.row{
	padding : 7px;
}
.green{
	color : green;
}
.green:hover{
	color:darkgreen;
}
.orange{
	color : orange;
}
.orange:hover{
	color : #b16907;
}
.yellow{
	color : yellow;
}
.yellow:hover{
	color : #d6d809;
}
.red{
	color : red;
}
.red:hover{
	color:#c60107;
}
i.fa-question{
	color : darkgrey;
}
i.fa-question:hover{
	color : grey;
}
.space{
	margin-top: 30px;
}
label{
	font-weight: normal;
	font-size : 24px;
	font-weight : 400 !important;
}
@media only screen and (min-width: 321px){
label {
    font-size: 19px;
    font-weight : 400 !important;
	}
}
/*PROGRESS BAR*/
.goalProgress {
	background: #68bf83;
	padding: 5px;
	position: fixed;
	bottom: 0px;
	width : 100%;
}
div.progressBar {
	background: #2d643c;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: -1px;
	font-weight: 700;
	padding: 10px;
	display: block;
	width: 20px;
}
span.goalAmount {
	display: none;
	text-indent: -9999px;
}
.no-margin{
	margin : 0px;
}
footer{
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;
	background: #555;
	color : #FFF;
}
.textarea{
	width: 50%;
    height: 25%;
    margin-bottom: 15px;
}
/*phone screen*/
@media only screen and (max-width: 728px){
	.textarea{
	width : 100%;}
#treePanel{
width : 100%;
}
.bourgeon>img{
	height : 40px;
}
}
@media only screen and (min-width: 728px){
#treePanel{
width : 50%;
margin: 0 auto;
}
}
.success {
	color: #25AB30;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.color-box{
	padding: 0px 10px;
}
.custom-select{

}
@media only screen and (min-width: 728px){
.custom-select{
	width: 40% !important;
	margin: 0 auto;
}
}