#zone{
margin-top:30px;
}

#container_colonne{
padding-right:20px;
}


#cadre
{
position:relative;
	font-size: 20px;
	width: 780px;
	height: 770px;
	font-family: Arial, Helvetica, sans-serif;
	margin:auto;
}

#cadre_patrimoine
{
position:relative;
	font-size: 20px;
	width: 780px;
	height: 770px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/squelettes/images/fond_patrimoine.jpg);
	margin:auto;
}


H1{
color: white;
}

LABEL{
	font-size: 18px;
	
}

INPUT{
position:relative;
width:200px;
height:50px;
font-size: 20px;
color:white;
padding:0 30px 0 0;
background:#4070db;
margin:0;
border: 2px solid white;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
}
#salaire{
background:url(/squelettes/images/euros.png) no-repeat 98% 50% #4070db;
margin-top:15px;
text-align:right;
}
INPUT:hover{
background:#4070db;
}

#partager{
background:url(/squelettes/images/partage.png) no-repeat 30% center #ec7120;
width:100%;
margin:20px 0;
}
INPUT[type=button]{
background:#ec7120;
width:auto;color:white;padding:0 20px;margin:15px 10px 0 10px;height:50px;
border:0 none;
}
INPUT[type=button]:hover{
background:#026594;
}
INPUT[type=button]:active{
background:#026594;
border:0 none;
border-bottom: 5px solid #006797;
}
INPUT[type="text"]{
padding: 0px 34px 0 0;
}

.billet{
list-style:none;
background:url(/squelettes/images/billets.png) no-repeat left 5px;
padding:10px 15px 10px 65px;
font-size:1.4rem;
font-weight:bold;
}

.petitgris{
color:#A0A0A0;
padding:10px 15px 10px 15px;
}
.legende{
position:absolute;
right: 36px;
top: -12px;
}
.autobr{
display:none;
}





#formulaire p{
font-weight:bold;max-width:400px;width:100%;display:inline-block;position: relative;top: 10px;line-height: 1.2;
}
#result{
position: absolute;
top: 150px;
right: calc(50% - 100px);
width: 220px;
color: black;
font-size: 1.6rem;
text-align: center;
line-height: 150%;
font-weight: bold;
}
#result p{
color:#4070db;
font-size: 2rem;
}
#conteneurbarre{
display:none;
position:relative;
height:20px;
width:100%;
background:#D0D0D0;
margin:10px 50px;
}
#barre{

height:20px;
width:0;
background: rgb(210,185,230);
background: linear-gradient(90deg, rgba(210,185,230,1) 0%, rgba(151,78,214,1) 100%);
}
#graphe{
width:100%;
margin:15px auto;
height:500px;
}
.pourcentage{
	font-size: 30px;
	font-weight: bold;
	color: #7d007e;
}
#info{
display:none;
background:url(/squelettes/images/triangleblue.png) no-repeat top center #f5f5f5;
padding:40px 30px;
}
#fenetre_partage{
position:relative;left:0;
text-align:center;
display:none;
}
#fenetre_partage .titre{
background:url(/squelettes/images/partage.png) no-repeat 30px center #ec7120;
padding:10px 70px;
margin:0 0 20px 0;
color:white;
text-align:left;
}
#fenetre_partage img{
margin:10px;
}
.montre_url{
height: 26px;
width: 230px;
display: inline-block;
border: 1px solid #edecec;
padding: 1px;
margin: 10px 0 0 0;
position: relative;
overflow:hidden;
}

.bouton_patrimoine {
display:inline-block;
border:1px solid #D0D0D0;
border-left:10px solid #4070db;
padding:10px 15px;
font-weight:bold;
width:calc(50% - 17px);
margin:20px 0;
color:black;
}
.bouton_patrimoine:first-of-type {
margin:20px 30px 20px 0;
}
a{
border:0 none;
text-decoration:none;
}
@media screen and (max-width: 800px) {
	#salaire
	{width:55%;
	}
	#formulaire p{
	max-width:800px;width:100%;
	top: 0;
	margin-bottom:20px;
	}
	#zone{
	float:none;
	width:100%;
	}
	#container_colonne{
	padding:0;
	float:none;
	width:100%;
	}	
}