header{
	border-bottom: 2px solid #e15556;
}
/*////////////////////////////////////////PAGE TITLE//////////////////////////////////////////////*/
.page-title{
	text-align:center;
	text-transform:uppercase;
	padding:20px 0 35px 0;
}
.page-title h1{
	font-family:"Oswald", Helvetica, Arial, sans-serif;
	font-weight:500;
	color:#989898;
	font-size:25px;
}
.page-title h2{
	font-weight:300;
	color:#3c3d48;
	font-size:35px;
	margin-top: 5px;
}
.page-title h2:after{
	content:"";
	display:block;
	width:100px;
	height:4px;
	background:#d20001;
	margin:20px auto 0;
}
/*////////////////////////////////////////SEARCH BOAT FILTER//////////////////////////////////////////////*/
.search-boat-filters{
	background:#e1e1e1;
	padding:30px 0;
}
.search-boat-filters form{
	padding:0 60px 0 75px;
}
.search-boat-filters form .radios{
	font-family:"Oswald", Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size: 20px;
	color:#3c3d48;
	padding-bottom:20px;
}
.search-boat-filters form .radios input[type=radio]{
	margin-right:6px; 
	vertical-align: 2px;
}
.search-boat-filters form .radios label{
	margin-right:30px; 
	display:inline-block;
}
.search-boat-filters form .selects{
	display: flex;
    justify-content: space-between;
}
.search-boat-filters form select{
	height:46px;
	padding-left:13px;
	padding-right:20px;
	color:#262628;
	font-size:15px;
}
.search-boat-filters form button[type=submit]{
	height:44px;
	color:#ffffff;
	font-weight:300;
	background:#d20001;
	border:none;
	font-size: 15px;
	padding:0 25px;
	cursor:pointer;
}
/*////////////////////////////////////////SEARCH BOAT RESULTS//////////////////////////////////////////////*/
.search-boat-results{
	background:#f0f0f0;
}
.search-boat-results .wrapper{
	border-bottom:1px solid #ebebeb;
}
.search-boat-results .top{
	padding:30px 0;
}
.search-boat-results .top .sort{
	font-size:15px;
	float:left;
}
.search-boat-results .top .sort select{
	height: 32px;
    margin-left: 10px;
    padding-left:13px;
}
.search-boat-results .top .pagination{
	float:right;
	font-size:14px;
}
.search-boat-results .top .pagination a{
	font-size:0;
	display:inline-block;
	width:32px;
	height:32px;
	background:#989898;
	vertical-align:top;
}
.search-boat-results .top .pagination a.btn.left{
	margin-right:8px;
	position:relative;
}
.search-boat-results .top .pagination a.btn.left:before{
	font-family: "ceasy";
    content: "\f006";
    color: #ffffff;
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 33px;
    transform:rotate(180deg);
}
.search-boat-results .top .pagination a.btn.right{
	margin-left:8px;
	position:relative;
}
.search-boat-results .top .pagination a.btn.right:before{
	font-family: "ceasy";
    content: "\f006";
    color: #ffffff;
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 33px;
    
}
.search-boat-results .top .pagination span{
	border:1px solid #989898;
	height:32px;
	line-height:32px;
	width:28px;
	text-align:center;
	display:inline-block;
	font-weight:500;
	margin:0 7px 0 13px
}
.search-boat-results .results{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* You can set flex-wrap and
	flex-direction individually */
	flex-direction: row;
	flex-wrap: wrap;
	/* Or do it all in one line
	with flex flow */
	flex-flow: row wrap;
	/* tweak where items line
	up on the row
	valid values are: flex-start,
	flex-end, space-between,
	space-around, stretch */
	align-content: flex-start;
}
.search-boat-results .results .results-block{
	width:360px;
	background:#ffffff;
	text-align:center;
	padding-bottom:18px;
	margin-bottom:35px; 
}
.search-boat-results .results .results-block .contener-img{
	margin-bottom:20px;
}
.search-boat-results .results .results-block img{
	width:100%;
	visibility:hidden;
}
.search-boat-results .results .results-block .boat-name{
	font-family:"Oswald", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:25px;
	color:#3c3d48;
	margin-bottom:20px;
	position:relative;
}
.search-boat-results .results .results-block .boat-name:before{
	content:"";
	display:block;
	width:4px;
	height:46px;
	background:url("../img/picto-occasion-bateau.jpg") no-repeat center center;
	position:absolute;
	top: -30px;
    left: 30px;
}
.search-boat-results .results .results-block .boat-area{
	font-size:18px;
	color:#3c3d48;
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:8px;
}
.search-boat-results .results .results-block .boat-infos{
	font-size:15px;
	margin-bottom:20px;
}
.search-boat-results .results .results-block .boat-infos b{
	font-size:18px;
	color:#3c3d48;
	font-weight:500;
}
.search-boat-results .results .results-block .boat-infos b.cRed{
	color:#d20001;
}
.search-boat-results .results .results-block a{
	font-family:Helvetica, Arial, sans-serif;
	display:inline-block;
	width:140px;
	height:36px;
	text-align:center;
	line-height:34px;
	color:#3c3d48;
	border:1px solid #f5f5f5;
}
.search-boat-results .results .results-block a:after{
	font-family: "ceasy";
    content: "\e805";
    color: #da2e2f;
    margin-left: 25px;
}
.search-boat-results .bottom{
	padding-bottom:35px;
	text-align:center;
	font-size:14px;
}
.search-boat-results .bottom .btn{
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	display:inline-block;
  	font-weight:300;
  	height:32px;
  	line-height:32px;
  	width:115px;
  	text-align:center;
  	color:#ffffff;
  	background:#989898;
}
.search-boat-results .bottom .btn.left{
	float:left;
}
.search-boat-results .bottom .btn.left:before{
	font-family: "ceasy";
    content: "\e805";
    color: #ffffff;
    margin-right: 15px;
    transform: rotate(-180deg);
    display: inline-block;
}
.search-boat-results .bottom .btn.right{
	float:right;
}
.search-boat-results .bottom .btn.right:after{
	font-family: "ceasy";
    content: "\e805";
    color: #ffffff;
    margin-left: 15px;
}
.search-boat-results .bottom .pagination{
	display:inline-block;
}
.search-boat-results .bottom .pagination a{
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	display:inline-block;
  	font-weight:300;
  	height:32px;
  	line-height:32px;
  	width:28px;
  	text-align:center;
  	color:#3c3d48;
  	font-size:14px;
  	font-weight:500;
  	border:1px solid #989898;
}
.search-boat-results .bottom .pagination a.active{
	color:#ffffff;
  	background:#989898;
}
/*////////////////////////////////////////SELL YOURS//////////////////////////////////////////////*/
.sell-yours{
	background:#f0f0f0;
	padding:40px 0 45px 0;
}
.sell-yours .wrapper{
	background:#ffffff;
	position:relative;
	padding:30px;
}
.sell-yours .wrapper div.left{
	float:left;
	width:50%;
	text-align:center;
	padding:20px 20px 25px 20px;
}
.sell-yours .wrapper div.right{
	float:left;
	width:50%;
	text-align:center;
	padding:20px 20px 25px 20px;
}
.sell-yours .wrapper div h3{
	font-family:"Oswald", Helvetica, Arial, sans-serif;
	font-weight:500;
	font-size:35px;
	color:#d20001;
	text-transform: uppercase;
	margin-bottom:25px;
}
.sell-yours .wrapper div h3 span{
	display:block;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:30px;
	color:#3c3d48;
	margin-top: 5px;
}
.sell-yours .wrapper div h3:after{
    content: "";
    display: block;
    width: 77px;
    height: 4px;
    background: #989898;
    margin:15px auto 0;
}
.sell-yours .wrapper div p{
	line-height:1.3;
	color:#3c3d48;
}
.sell-yours .wrapper div a{
	font-family:"Oswald", Helvetica, Arial, sans-serif;
	font-weight:300;
	display:block;
	width:140px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#ffffff;
	background:#3c3d48;
	margin:20px auto 0;
}
.sell-yours .wrapper div a:before{
	content: '\e802';
    font-family: "ceasy";
	display:inline-block;
	margin-right:8px;
	vertical-align: 1px;
}
/*////////////////////////////////////////MEDIA QUERIES//////////////////////////////////////////////*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1220px) {
	.search-boat-filters form{
		padding:0;
	}
	.search-boat-results .results .results-block{
		width:280px;
	}
	.search-boat-results .results .results-block .resp{
		display:block;
	}
	.search-boat-results .results .results-block span{
		display:none;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.search-boat-filters form button[type=submit]{
		padding:0 15px;
	}
	.search-boat-results .results .results-block{
		width: 360px;
	}
	.search-boat-results .results .results-block span{
		display:inline;
	}
	.search-boat-results .results .results-block .resp{
		display:none;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.page-title h2{
		font-size: 30px;
	}
	.search-boat-filters form .selects{
		display:block;
	}
	.search-boat-filters form select{
		width:100%;
		margin-bottom: 10px
	}
	.search-boat-filters form button[type=submit]{
		width:100%;
	}
	.search-boat-results .results .results-block{
		width:260px;
	}
	.search-boat-results .results .results-block .resp{
		display:block;
	}
	.search-boat-results .results .results-block span{
		display:none;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 550px) {
	.search-boat-filters form{
		padding:0 20px;
	}
	.search-boat-results .wrapper{
		padding:0 20px;
	}
	.search-boat-results .results .results-block{
		width:100%;
	}
	.search-boat-results .top .sort{
		float:none;
	}
	.search-boat-results .top .pagination{
		float:none;
		margin-top:20px;
	}
	.sell-yours .wrapper div.left,
	.sell-yours .wrapper div.right{
		float:none;
		width:100%;
	}
	.sell-yours{
		padding:0 20px;
	}
	.search-boat-results .bottom{
		text-align:center;
	}
	.search-boat-results .bottom .btn.left,
	.search-boat-results .bottom .btn.right{
		float:none;
		display:block;
		margin:10px auto;
	}
	.search-boat-results .bottom .pagination{
		display:block;
	}
}