form#ficheForm
{
	
}

#ficheForm .table
{
	display: table;
	margin: 0 auto;
	width: 100%;
}


#ficheForm .tr
{
	display: table-row;
}

#ficheForm .td
{
	display: table-cell;
	padding: 3px 10px;
	vertical-align: middle;
}

#ficheForm .tr .td:first-child
{
	text-align: right;
}

#ficheForm input[type=text],
#ficheForm input[type=password]
{
width: 250px;
display: inline-block;
margin: 0 0 5px 0;
border: solid 1px #ccc;
padding: 5px;
border-radius: 4px;
background: #f6f6f6;
font-size: 15px;
font-size: 1.5rem;
}

#ficheForm textarea
{
width: 100%;
margin: 0 1% 0px 1%;
height: 90px;
border: solid 1px #ccc;
padding: 5px;
border-radius: 8px;
background: #f6f6f6;
font-size: 15px;
font-size: 1.5rem;
}

#ficheForm input[type=submit]
{
width: 200px;
margin: 15px auto 0 auto;
display: block;
background: #ff3d32;
border: none;
padding: 10px;
border-radius: 12px;
color: #fff;
font-weight: 600;
cursor: pointer;
font-size: 16px;
font-size: 1.6rem;
}

#ficheForm input[type=submit]:hover
{
	background: #d13229;
}

.catsCheckboxes
{
	-webkit-columns: 6;
	-moz-columns: 6;
	columns: 6;
	width: 100%;
	margin-top: 15px;
}

/* ------------------------------------ Map --------------------------*/

#map
{
margin: 0;
width: 100%;
height: 0;
padding-top: 60%;
}

#map h1
{
margin: 0 0 10px 0;
padding: 0;
text-align: center;
font-size: 22px;
font-size: 2.2rem;
}

#map a.continue
{
text-align: center;
font-weight: bolder;
display: block;
margin: 10px auto 0 auto;
background: #76b82a;
color: #fff;
width: 100px;
padding: 5px 0;
border-radius: 4px;
}

#map a.continue:hover
{
background: #ab6219;
}
/*################################ < 767 ###################################*/

@media screen and (min-width: 1px) and (max-width: 767px)
{

.catsCheckboxes
{
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}

}
/*################################ < 350 ###################################*/

@media screen and (min-width: 1px) and (max-width: 450px)
{

.catsCheckboxes
{
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

}