ul.topics li {
	display: inline-block;
	margin: 10px 5px;
}
input[type="checkbox"] {
	display: none;
}

input[type="radio"] {
	display: none;
}
label[for=proprietaire],
label[for=locataire],
label[for=appartement],
label[for=maison],
label[for=oui],
label[for=non]{
    display: inline;
    font-size: 14px;
    width: 200px;
	height: 200px;
    border-radius: 40px;
    border: 4px solid #bebebe;
    text-transform: none;
    letter-spacing: 0;
    color: #04a1d0;
    cursor: pointer;
    font-weight: 400;
	text-align:center;
	background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
label[for=proprietaire]
{
	background-image: url(../../assets/img/proprietaire.png);
}

label[for=locataire]
{
	background-image: url(../../assets/img/locataire.png);
}

label[for=appartement]
{
	background-image: url(../../assets/img/appartement.png);
}

label[for=maison]
{
	background-image: url(../../assets/img/maison.png);
}

label[for=oui]
{
	background-image: url(../../assets/img/oui.png);
}

label[for=non]
{
	background-image: url(../../assets/img/non.png);
}


input[type="radio"]:checked + label {
	background-color: #155706;
	border-color: #155706;
	color: #fff;
	cursor: pointer;
}

input[type="radio"]:hover + label {
	border-color: #155706;
	color: #fff;
	cursor: pointer;
}



[data-tip] {
    position:relative;

}

 /* Fleche */
[data-tip]:before {
    content:'';
    display:none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position:absolute;
    bottom:30px;
    left:50px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
}


[data-tip]:after {
    display:none;
    content:attr(data-tip);
    position:absolute;
    bottom:45px;
    left:0px;
    padding:10px;
    background:#1a1a1a;
    color:#fff;
    z-index:9;
    font-size: 15px;
	font-weight:500;
	font-family:"Raleway";
    height:35px;
    line-height:18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space:nowrap;
    word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
    display:block;
}