/*header{height: 113px;}*/

#top_banner{
	background-color: #f3da09;
	height: 395px;
	width: 100%;
}

.bg_top_banner{
	background-image: url(image/img_top_banner.png);
	width: 982px;
	height: 395px;
	margin-left: auto;
	margin-right: auto;
}

.title{
	font-size: 28px;
	font-weight: 900;
	text-align: center;
	padding-top: 15px;
	text-transform: uppercase;
}

.txt_top_banner{
	font-weight: 600;
	text-align: center;
	
}

.top_cote{
	font-style: italic;
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	padding-top: 20px;
}

a.button{
	margin-top: 15px;
	display:block;
	background-color: #b69600;
	border: solid;
	color: white;
	font-size: 18px;
	font-weight:bold;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:230px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a:hover.button{
	color:#000000;
	background-color: #ffffff;
}

#range{
	margin-left: auto;
	margin-right: auto;
	width: 1130px;
}

.float{
	float: left;
}

#creativity,#office,#translation,#utility{
	width: 200px;
	text-align: center;
	margin-left: 25px;
}

#archi{
	width: 200px;
	text-align: center;
}
.title_range{
	font-weight: 600;
	font-size: 20px;
}

a.button_range{
	margin-top: 30px;
	display:block;
	background-color: #ffffff;
	border: solid;
	color: black;
	/*font-size: 18px;*/
	font-weight:bold;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:410px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding:6px;
}

a:hover.button_range{
	color:#ffffff;
	background-color: #000000;
}

#best_sell{
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}
#newsletter{
	width: 100%;
	height: 74px;
	background-color: #373737;
}
.img_newletter{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}
footer{
	width: 100%;
	background-color: #ededed;
}

.img_footer{
	margin-left: auto;
	margin-right: auto;
	width: 1074px;
}

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

body{padding-top:144px !important;}

#range,#best_sell,.bg_top_banner{width:100%;}

#top_banner{height:auto;}
.bg_top_banner{background-size:contain;background-position:center bottom;background-repeat:no-repeat;height:auto;}

#range div a .float{width:20%;}
#creativity, #office, #translation, #utility{margin-left:0;padding-left:10px;}

}

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

body{padding-top:56px !important;}

#range div a .float{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #ccc;}
#creativity, #office, #translation, #utility{padding-left:0;}
#range div a #creativity{border-bottom:0;margin-bottom:0;padding-bottom:0;}
a.button_range{width:90%;max-width:400px;}

.bg_top_banner{padding:0 20px 60px;}

}