﻿#WPSearch {width: 200px;
position: relative;
cursor: pointer;
float: right;
margin-top: 5px;
border-right: 1px solid #dddddd;
height: 30px;
}
#WPSearch .txtSearchBox::-webkit-input-placeholder {color: #d74b4b;}
#WPSearch .txtSearchBox :-moz-placeholder          {color: #d74b4b;}
#WPSearch .txtSearchBox::-moz-placeholder          {color: #d74b4b;}
#WPSearch .txtSearchBox :-ms-input-placeholder     {color: #d74b4b;}
#WPSearch .BtnSearch { background: rgba(0, 0, 0, 0) url("/imagesPortal/fr/localisation/32190/images/icon-search.png") no-repeat scroll -10px -5px / 3rem auto;
    float: right;
    height: 40px;
    transition: all 0.3s ease-in 0s;
    width: 30px;}
#WPSearch:hover .BtnSearch, #WPSearch:focus .BtnSearch, #WPSearch:active .BtnSearch {
    /*background-color: #ccc;*/
}
#WPSearch:hover .txtSearchBox, #WPSearch:focus .txtSearchBox, #WPSearch:active .txtSearchBox {
	border: 1px solid #ccc !important;
}

#WPSearch > a {
    color: #555;
    float: right;
    margin-top: 5px;
    text-align: right;
}

#cmcwebusercataloguesearch .contact {
    float: right;
	padding: 7px 10px;
	height: 29px;
	border-right: 1px solid #dddddd;
	margin-top: 6px;
}
#cmcwebusercataloguesearch .contact i {
    color: #e3001b;
    font-size: 16px;
}
.divTextSearch {
    float: left;
    transition: all 500ms ease 0s;
}
#WPSearch .txtSearchBox {
    color: #555;
    font-size: 14px !important;
    height: 28px;
    margin: 0;
    outline: 0 none;
    padding: 0 10px;
    width: 163px;
    text-align: center;
}
/*#WPSearch:hover .divTextSearch input, #WPSearch .divTextSearch input:focus, #WPSearch .divTextSearch input:hover {
    opacity: 1;
}*/
#WPSearch .txtSearchBox::-webkit-input-placeholder {color: #d74b4b;}
#WPSearch .txtSearchBox :-moz-placeholder          {color: #d74b4b;}
#WPSearch .txtSearchBox::-moz-placeholder          {color: #d74b4b;}
#WPSearch .txtSearchBox :-ms-input-placeholder     {color: #d74b4b;}
