@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:700);

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* PARTLY DUPLICATED IN globalLayout/css/layout.css */
.CtextSearch_form_view {
	align-self: center;
}

.CtextSearch_form_view .searchBox {
	height: 37px;
	width: 428px;
	border: solid 1px #D7D7D7;
	display: inline-block;
	position: relative;
	background: #fff;
	text-align: left;
}

.CtextSearch_form_view .searchBoxButton {
	display:inline-block;
	vertical-align:middle;
	flex-shrink:0;
	padding:8px 10px;
	cursor: pointer;
	margin:0 -10px;
}

.CtextSearch_form_view #search-card>.card>.header .searchBoxButton {
	margin-right:0;
} 

.CtextSearch_form_view .searchBoxMglass {
	box-sizing: border-box;
	border: none;
	padding: 0;
	background: #fff;
	display: block;
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 30px;
	border: 2px solid #D7D7D7;
	margin:0 6px 4px 0;
}

.CtextSearch_form_view .searchBoxMglass::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 4px;
	background: #D7D7D7;
	top: 10px;
	left: 9px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	animation: none
}

.CtextSearch_form_view .searchBoxButton.searching .searchBoxMglass::after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	border: 2px solid #F3F3F3;
	border-radius: 30px;
	height: 11px;
	width: 11px;
	background: #fff;
	clip: rect(0px, 9px, 9px, 0px);
	-moz-animation: rotate 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation: rotate 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-ms-animation: rotate 2s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
	animation: rotate 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.CtextSearch_form_view .searchBoxInput {
	height: 37px;
	color: #999;
	border: none;
	width: 357px;
	padding: 0 15px 0 15px;
	font: 600 17px Source Sans Pro, sans-serif;
	display: inline-block;
    vertical-align: middle;
}

.CtextSearch_form_view .searchBoxInput:focus, 
.CtextSearch_form_view .searchBoxButton:focus { /* Chrome mais marche pas */
	outline: none
}

.CtextSearch_form_view .searchBoxInput::-ms-clear {
	display: none /* IE remove cross */
}

.CtextSearch_form_view .searchBoxInput::-ms-reveal {
	display: none /* IE remove cross */
}

.CtextSearch_form_view .searchBox input::-webkit-input-placeholder {
	color: #C8C8C8;
	opacity: 1
}

.CtextSearch_form_view .searchBox input::-moz-placeholder {
	color: #C8C8C8;
	opacity: 1 !important
}

.CtextSearch_form_view .searchBox input:-ms-input-placeholder {
	color: #C8C8C8;
	opacity: 1
}

.CtextSearch_form_view .searchBoxResults {
	border: solid 1px #D7D7D7
}

.CtextSearch_form_view .searchBoxResults {
	width: 428px;
	background: #fff;
	position: absolute;
	left: -1px;
	z-index: 10
}

.CtextSearch_form_view .searchBoxNoResults {
	font: 700 16px/1.3em Source Sans Pro, sans-serif;
	color: #999;
	padding: 6px 0 1px 0
}

.CtextSearch_form_view #searchBoxSuggestions a:hover, 
.CtextSearch_form_view #searchBoxSuggestions a:hover * {
	text-decoration: underline
}

.CtextSearch_form_view #searchBoxSuggestions a:hover, 
.CtextSearch_form_view #searchBoxSuggestions a:hover * {
	text-decoration: none;
	color: #FE7438 !important
}

.CtextSearch_form_view .searchBoxSection {
	padding: 5px 15px 2px 15px
}

.CtextSearch_form_view .searchBoxSection:first-child {
	padding-top:20px;
}


.CtextSearch_form_view .searchBoxSectionTitle {
	color: #999 !important;
	font: 700 22px/2em Source Sans Pro, sans-serif;
	padding: 5px 0 20px 0;
	text-decoration: none
}

.CtextSearch_form_view .searchBoxSpaceNoTitle {
	padding: 15px 0 0 0
}

.CtextSearch_form_view .searchBoxItem {
	color: #3290C7 !important;
	font-size:16px;
	line-height:22px;
	display: block;
	text-align: left;
}

.CtextSearch_form_view .searchBoxItem a:hover {
	text-decoration: none;
	color: #FE7438 !important
}

.CtextSearch_form_view .searchBoxCat, 
.CtextSearch_form_view .searchBoxCategory {
	text-align: right;
	color: #999 !important;
	font-size:16px;
	line-height:22px;
	font-family:PT Sans, sans-serif;
	display: block;
}
.CtextSearch_form_view .searchBoxCategory {
	font-weight:normal;
}

.CtextSearch_form_view .searchBoxCat a:hover, .searchBoxCategory a:hover {
	text-decoration: none;
	color: #FE7438 !important
}

.CtextSearch_form_view .searchBoxCategory {
	padding: 3px 0 10px 0
}

.CtextSearch_form_view .searchBoxSep {
	border-bottom: solid 1px #D7D7D7
}

.CtextSearch_form_view .searchBoxSep:last-child {
	display: none
}

.CtextSearch_form_view #searchResults {
	display: none;
	font-weight:600;
	font-family:PT Sans, sans-serif;
}

.CtextSearch_form_view #searchResults::after {
	content: "\007C\00a0\00a0";;
	display: block;
	font-size: 0;
	line-height: 0;
}

.CtextSearch_form_view #searchBoxSuggestions {
	display: none
}
.CtextSearch_form_view #search-card #searchBoxSuggestions {
	display: block;
}

.CtextSearch_form_view #search-card>.card>.header>.title {
	display: none;
}

.CtextSearch_form_view #search-card>.card>.header>.right {
	width: 100%;
	flex-shrink: 1;
	position: relative;
}

.CtextSearch_form_view #search-card>.card>.header>.right>form {
	display: flex;
}

.CtextSearch_form_view #search-card>.card>.header input[name=_q] {
	border: none;
	font-size: 18px;
	color: #999;
	font-weight: 600;
	width: 100%;
}

.CtextSearch_form_view #search-card>.card>.header input[name=_q]::placeholder {
	color: #C8C8C8;
}

.CtextSearch_form_view #search-card .searchBoxSection {
	padding-left:0;
	padding-right:0;
}
.CtextSearch_form_view input[name=_q]{
	outline:none;
	background:#fff;
}

/* SEARCHING LOUPE : METTRE A LA FIN sinon parasite le reste */
@-moz-keyframes rotate { 
	0% {
		-moz-transform: rotate(0deg)
	}
	100% {
		-moz-transform
		:rotate(360deg)
	}
}
@-webkit-keyframes rotate { 
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
	}
}
@-ms-keyframes rotate { 
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform :rotate(360deg);
	}
}
@keyframes rotate { 
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}