

/* La barre de recherche */
#moteur_de_recherche
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	/* Espace libre pour le moteur : 254px */
	width: 329px; height: 69px;
	position: relative;
	/* top, right, bottom, left */
	margin-right: -75px; 
	padding: 0px;
	left: 0;
}
.texte_rechercher, a.lien_rechercher
{
	font-weight: normal; font-style: normal; 
	font-family: arial, verdana, tahoma; 
	color: #E8E8E8; /* Couleur gris clair */
	font-size: 22px; 
	text-decoration: none;
}
a.lien_rechercher:hover { color: #FFF; }

#inputs_recherche
{
	position: relative;
	width: 222px; height: 34px;
	margin-bottom: -34px;
	top: -52px; left: 11px;
	padding: 0px;
	margin-right: -75px; 
}

.fond_gris
{
    background-color: #616161;
}
.fond_gris_transparent
{
	background-repeat: repeat;
	width: 100%;
}


/* Barre de recherche avec Quoi et Ou */
input.Rechercher_QUOI 
{
	/*display: block;
	position: relative;
	_position: static;*/
    background-color: #FFFFFF;
    background-image:url(../Images/Recherche/inputs.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px; width: 260px; margin: 0px;
    padding-left: 8px;
    padding-top: 4px;
	margin-right: -8px;
    border: 0px;
    color: #313F3B; 
	font-weight: normal; 
	font-style: normal; 
	font-family: tahoma, verdana, arial; 
	font-size: 10px; 
	text-align: left;
	text-decoration: none;
	z-index: 6;
}


a.Rechercher_OU input, .Rechercher_OU_focus input
{
	display: block;
    background-color: #4991CC; /* Couleur bleu */
    background-image:url(../Images/Recherche/search_OU.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 19px; width: 100%; margin: 0px; 
    border: 0px;
	text-decoration: none;
    cursor: pointer;
}
.Rechercher_OU
{
    background-image:url(../Images/Recherche/search_OU.jpg);
}
a.Rechercher_OU:hover input
{
	background-position: center right;
	text-decoration: none;
	/*padding-right: 28px;*/
    cursor: pointer;
}
a.Rechercher_OU:focus input, .Rechercher_OU_focus input
{
	background-position: bottom right;
	text-decoration: none;
	/*padding-right: 28px;*/
    cursor: pointer;
}
a.Rechercher_OU input.ville, .Rechercher_OU_focus input
{
    padding-left: 8px;
    padding-top: 2px;
	/*padding-right: 28px;*/
    color: #FFFFFF;
	font-weight: normal; 
	font-style: normal; 
	font-family: tahoma, verdana, arial; 
	font-size: 11px; 
	text-align: left;
	text-decoration: none;
    cursor: pointer;
}


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList 
{
	list-style: none;
	margin: 0; 
	margin: 0px; 
	margin-bottom: -100px;
	margin-right: -100px;
	padding: 0; 
	color: #000; width: 230px;
	background-color: #FFF;
	position: absolute;  border: 1px solid #F1EFEF; 
	top: 0px; left: 0px; 
	overflow: auto;
	height: 160px; 
	z-index: 9999;
}
.newListSelected, .newListSelected2 
{
	width: 130px;
	height: 17px;
	_height: 15px;
	background-color: #fff;
	background-image: url(../Images/Recherche/inputs.png);
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	cursor: pointer;
	
    color: #313F3B; 
	font-weight: normal; 
	font-style: normal; 
	font-family: tahoma, verdana, arial; 
	font-size: 10px; 
	text-align: left;
	text-decoration: none;
	z-index: 6;
}
.newListSelected { background-position: bottom left; }
.newListSelected2 { background-position: -149 -17; _background-position: -149 -19; }

.newListSelected span {width:130px;}
ul.newList li a {padding: 3px 8px;}
.selectedTxt 
{
	height:17px;  
	_height: 15px;
	margin: 0px; 
    padding-left: 8px;
    padding-right: 16px;
}
.hiLite {width: 196px; _width: 100%; background:#4D4D4D!important; color:#fff!important;}
.hiLite a {width: 196px; _width: 100%; background:#4D4D4D!important; color:#fff!important;}
.newListHover {width: 196px; _width: 100%; background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {width: 130px; cursor:default;}


#Bouton_rechercher, #Bouton_rechercher:hover, #Bouton_rechercher:focus
{
	display: block;
    background-color: #525252; /* Couleur gris */
    background-image:url(../Images/Recherche/inputs.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 34px; width: 40px; margin: 0px;
    padding: 0px;
    border: 0px;
	text-decoration: none;
    cursor: pointer;
}


#Bouton_lite_TROUVER, #Bouton_lite_TROUVER:hover, #Bouton_lite_TROUVER:focus
{
	display: block;
    background-color: #419CE3; /* Couleur bleu */
    background-image:url(../Images/Recherche/bouton_trouver.png);
	background-repeat: no-repeat;
	background-position: 0px  0px;
	height: 19px; width: 32px; margin: 0px;
    padding: 0px;
    border: 0px;
	text-decoration: none;
    cursor: pointer;
}



/* Autocompletude */
.Autocomplete, .valeur_selectionnee
{
	display: block; 
	width: 100%; height: 14px;
	padding: 0px;
	margin: 0px;
	_margin-bottom: -20px;
}
a.Autocomplete, a.valeur_selectionnee
{
	left: -10px; padding-left: 10px;
	right: -10px; padding-right: 10px;
	font-weight: normal; 
	font-style: normal; 
	font-family: arial; 
	font-size: 11px; 
	text-decoration: none; 
}
a.Autocomplete
{
	color: #C8C8C8;  /* Couleur gris bleu */
}
a.valeur_selectionnee
{
	color: #000000; /* Couleur noir */
}
td.Autocomplete:hover, a.Autocomplete:hover, .valeur_selectionnee
{
    background-image:url(../Images/Recherche/selection_OU.jpg);
	background-repeat: repeat-x;
	background-position: center;
	height: 14px;
	color: #000000; /* Couleur noir */
	text-decoration: none; 
	cursor: pointer;
}



input.submit_recherche, a input.submit_recherche
{
	background-image: url(../Images/Recherche/bouton_chercher.png); background-repeat: no-repeat; 
	border: 0px; 
	background-position: 0px -27px;
	background-color: transparent;
	width: 88px; height: 27px; line-height: 27px; padding: 0px; margin: 0px; 
	display: block; margin-right: 2px;
	cursor: pointer;
}
input.submit_affiner, a input.submit_affiner
{
	background-image: url(../Images/Recherche/bouton_affiner.png); background-repeat: no-repeat; 
	border: 0px; 
	background-position: 0px -25px;
	background-color: transparent;
	width: 30px; height: 25px; line-height: 25px; padding: 0px; margin: 0px; 
	display: block; margin-right: 2px;
	cursor: pointer;
}
input.submit_recherche:hover, a:hover input.submit_recherche, 
input.submit_affiner:hover, a:hover input.submit_affiner { background-position: 0px 0px; }
