@charset "UTF-8";
/* CSS Document */
html {
  height: 100%;
  	font-family: HelveticaNeueLtCn, 'HelveticaNeueW01-47LtCn 692686', Helvetica, sans-serif;

}
body
{
	width:100%;
	text-align:center;
}

.languageSquare
{
	display:inline-block;
	width:500px;
	height:300px;
	background-color: #fafafa;
	background-image: linear-gradient(to right,rgba(0,0,0,0.005),rgba(0,0,0,0.025),rgba(0,0,0,0.005));
	-webkit-box-shadow: 0px 2px 5px #888888;
	-moz-box-shadow: 0px 2px 5px #888888;
	box-shadow: 0px 2px 5px #888888;
	text-align:center;
	margin-top:15%;	
}
h1
{
	font-family: HelveticaNeueLtCn, 'HelveticaNeueW01-47LtCn 692686', Helvetica, sans-serif;
    color: #666;
	font-size:1.5em;
	font-weight:100;

}
.content
{
	display:inline-block;
	margin-top:6%;
}
.boutonDevis
{
	display:inline-block;
	margin-right:30px;
	width:100px;
	height:40px;
	text-align:center;
	background:#c2292e;
	cursor:pointer;
	border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;

}
.content a
{
	line-height:40px;
	text-decoration:none;
	color:#ffffff;
}

.boutonDevis:hover

{
	background:#DDD;
}

#boutonfr
{
	display:inline-block;
	margin-right:30px;
	width:100px;
	height:40px;
	text-align:center;
	background:#c2292e;
	cursor:pointer;
	border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;

}
#boutonfr:hover

{
	background:#DDD;
}

@media screen and (max-width: 501px) {

.languageSquare
{
	width:80%;
	height:auto;
}

}