@font-face {
	font-family: HelveticaNeueLt;
	font-weight: lighter;
	font-style: normal;
	src: url("../fonts/HelveticaNeueLTStd-Lt.otf") format("opentype");
}
div.puzzle{
	color: white;
	position: relative;
/*
	min-height: 200px;
*/
}
div.puzzle a{
	color: white;
}
.puzzle-title-container{
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
div.puzzle.sales,
div.puzzle.retail,
div.puzzle.marketing{
	background: #66a7c5;
	background-image: linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -o-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -moz-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -webkit-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -ms-linear-gradient(top, #66a7c5 0, #305160 100%);
}
div.puzzle.it,
div.puzzle.digital{
	background: #ee3233;
	background-image: linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -o-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -moz-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -webkit-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -ms-linear-gradient(top, #ee3233 0, #751616 100%);
}
div.zone_sales{
	background: #66a7c5;
	background-image: linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -o-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -moz-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -webkit-linear-gradient(top, #66a7c5 0, #305160 100%);
	background-image: -ms-linear-gradient(top, #66a7c5 0, #305160 100%);
	border-right: solid 1px white;
}
div.zone_it{
	background: #ee3233;
	background-image: linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -o-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -moz-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -webkit-linear-gradient(top, #ee3233 0, #751616 100%);
	background-image: -ms-linear-gradient(top, #ee3233 0, #751616 100%);
	border-left: solid 1px white;
}
h1 > .puzzle-title-1{
	font-size: 70%;
	margin-bottom: 3px;
}
h1 > .puzzle-title-2{
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
}
h1 > .puzzle-title-2-responsive{
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.puzzle-search-row li,
ul.puzzle-popular-search-listing > li{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.puzzle-form-container{
	margin-bottom: 15px;
}
.puzzle-form{
	background-color: #e9e9e9;
	border-radius: 3px;
	box-shadow: 0 0 10px 1px #656565;
}
.puzzle-form .glyphicon-search{
	float: none;
	line-height: 1;
}

.puzzle-form-group{
	padding: 0 2px;
}
#formPopupFormPuzzleSearchOffer .puzzle-form-group{
	padding: 0 15px;
	margin-bottom: 15px;
}

.puzzle-popup-form-container{
	display: none;
}
div.puzzle-piece-container{
}

div.puzzle-form-row{
	padding: 10px;
}
@media(max-width: 767px){
	div.puzzle-form-row{
		padding-left: 0;
		padding-right: 0;
	}
}
.puzzle-piece-title{
	text-align: center;
	font-size: 180%;
	text-transform: uppercase;
	padding: 20px 0;
	margin-bottom: 105px;
}
@media(max-width: 767px){
	.puzzle-piece-title{
		margin-bottom: 75px;
		line-height: 1em;
	}
	.puzzle-piece-title-line{
		padding-top: 0;
	}
}
.puzzle-piece-title-bottom{
	margin-bottom: 0;
}
.puzzle-piece-title-line{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	font-weight: bold;
	padding-top: 10px;
}
.puzzle-piece-title-line > a{
	text-decoration: underline;
}

.puzzle-search-col-title,
.puzzle-popular-search-title{
	text-transform: uppercase;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
}
.puzzle-popular-search-title-line{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.row.puzzle-popular-search-listing{
	padding-left: 10px;
	padding-right: 10px;
}
.puzzle-piece-container > div > .row.puzzle-popular-search-listing{
	font-size: 70%;
}
.row.puzzle-popular-search-listing{
	margin-bottom: 30px;
}
.zone_sales > .row.puzzle-popular-search-title{
	padding-left: 15px;
}
.zone_sales > .row.puzzle-popular-search-listing{
	padding-left: 25px;
}

.zone_it > .row.puzzle-popular-search-title{
	padding-right: 15px;
}
.zone_it > .row.puzzle-popular-search-listing{
	padding-right: 25px;
}

.row.puzzle-popular-search-listing > li{
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.5em;
}
.row.puzzle-popular-search-listing > li > a{
	text-decoration: underline;
}
.row.puzzle-popular-search-listing > li > a:focus,
.row.puzzle-popular-search-listing > li > a:hover{
	text-decoration: none;
}
.puzzle-search-row{
	margin-bottom: 15px;
	font-size: 70%;
}
.puzzle-search-col{
	border-right: solid 1px white;
}
.puzzle-search-col:last-child{
	border-right: none;
}
/*
.puzzle-search-col-title{
	font-size: 120%;
	font-weight: bold;
}
.puzzle-search-col-title::first-letter{
	text-transform: uppercase;
}
*/
.puzzle-form-static-select{
	color: #555555;
	height: 57px;
	line-height: 57px;
	font-size: 18px;
	border-radius: 6px;
	border: 1px solid #cccccc;
	background-color: #dcdcdc;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: capitalize;
}
#puzzleFormSelectTypeContract{
	display: block;
}
#puzzleFormSelectType > option,
#puzzleFormSelectTypeContract > option{
	text-transform: capitalize;
}
/*****************************************
		2 col puzzle
******************************************/
.puzzle-2-col > div.puzzle-form-container{
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	z-index: 10;
	margin-left: 30px;
	margin-right: 30px;
}
@media(max-width: 767px){
	.puzzle-2-col > div.puzzle-form-container{
		top: 80px;
	}
}
/*****************************************
		Frequently search puzzle
******************************************/
.puzzle-frequently-search{
	padding-top: 10px;
	padding-bottom: 15px;
}
.puzzle-frequently-search > .puzzle-form-container{
	padding-left: 30px;
	padding-right: 30px;
}
.puzzle-frequently-search > .puzzle-search-row{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
}
.puzzle-search-row > .puzzle-search-col > ul{
	margin-bottom: 0;
}
.puzzle-search-row ul{
}
.puzzle-search-row li{
	line-height: 1.5em;
}
.puzzle-search-row a{
	text-decoration: underline;
}
.puzzle-search-row a:focus,
.puzzle-search-row a:hover{
	text-decoration: none;
}
img.buttonPopupFormPuzzleSearchOfferImage{
	vertical-align: middle;
	margin-right: 5px;
	width: 34px; height: 35px;
}
span.buttonPopupFormPuzzleSearchOfferText{
	font-family: HelveticaNeueLt;
	font-weight: lighter;
	font-style: normal;
	vertical-align: middle;
	line-height: 35px;
	font-size: 20px;
	opacity: 0.8;
	text-transform: capitalize;
}
select.puzzleFormSelectTypeContract,
select.puzzleFormSelectType{
	height: 57px;
	line-height: 57px;
	text-transform: capitalize;
}
select.puzzleFormSelectTypeContract > option,
select.puzzleFormSelectType > option{
	text-transform: capitalize;
}
.puzzle_input_filter_title,
.puzzle_input_filter_workplace{
	height: 57px;
}
/*******************************************
********************************************/
.puzzle-NL{
	padding-top: 10px;
	padding-bottom: 15px;
}
.puzzle-NL > .puzzle-title-container > h1{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.puzzle-NL > .puzzle-title-container > h1 > a{
	text-decoration: underline;
}
.puzzle-NL > .puzzle-form-container{
	padding-left: 30px;
	padding-right: 30px;
}
.puzzle-NL > .puzzle-search-row{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
}