/***********************************
*           filtres.css       
*           feuille de style pour les filtres de recherche produit dans listeproduit.php
*           + style pagination
*          nicolas rossi
*  
***********************************/ 


/* Tableau de mise en forme pour la pagination */
div.pagination {
    float: left;
    background:url(http://beta.priceconcept.eu/images/box/bg_pager.png) no-repeat 5px 4px;
    margin:10px 0 5px 4px;
    height:60px;
    width:735px;   
}  
.paginationContainer{
 position: relative;
} 
.paginationLeft {
    left:12px;
    position:absolute;  
    top:13px;
    width:88px;
}
.paginationRight{
    position:absolute;
    right:-5px;
    top:13px;
    width:88px;  
}
.paginationLeft span, .paginationLeft span {
width: 30px;
}

div.pagination img {
border:0;
margin:0;
}  
.paginationNbPage {
    left:96px;
    overflow:visible;
    position:absolute;
    text-align:center;
    top:12px;
    width:540px;
}

.paginationNbPage a{
    color:#888;
}

div.pagination p {     
    color:#888888;
    margin:8px 0 4px 6px;
    padding:0 0 0 5px;
    position:absolute;
    right:5px;
    top:33px;
    font-size: 11px;
}
.paginationHautDePage {
left:323px;
position:absolute;
top:40px;  
}


.pager_fleches{
    width: 25px;
    height: 15px;
   /* border: 1px solid #AAA; */ 
    float: left;
}

#flg_end_1{
background: url(http://beta.priceconcept.eu/images/decor/flg_end_1.png) no-repeat 0 0;
}
#flg_end_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/flg_end_2.png) no-repeat 0 0;
}

#flg_10_1{
background: url(http://beta.priceconcept.eu/images/decor/flg_10_1.png) no-repeat 0 0;
}
#flg_10_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/flg_10_2.png) no-repeat 0 0;
}

#flg_next_1{
background: url(http://beta.priceconcept.eu/images/decor/flg_next_1.png) no-repeat 0 0;
}
#flg_next_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/flg_next_2.png) no-repeat 0 0;
}

#fld_end_1{
background: url(http://beta.priceconcept.eu/images/decor/fld_end_1.png) no-repeat 0 0;
}
#fld_end_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/fld_end_2.png) no-repeat 0 0;
}

#fld_10_1{
background: url(http://beta.priceconcept.eu/images/decor/fld_10_1.png) no-repeat 0 0;
}
#fld_10_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/fld_10_2.png) no-repeat 0 0;
}

#fld_next_1{
background: url(http://beta.priceconcept.eu/images/decor/fld_next_1.png) no-repeat 0 0;
}
#fld_next_1:hover{
background: url(http://beta.priceconcept.eu/images/decor/fld_next_2.png) no-repeat 0 0;
}

/*
div.pagination table {
    /*background: #e4d5b6;*/  /*
    font-size: 0.9em;
    margin:-8px 0pt 0pt 0px;
    width: 735px;    
}
div.pagination td {
    padding: 0.2em;
    height: 20px;
}   */

 /*
.tdpage1 {
    width:150px;
    text-align: left;
}
.tdpage2 {
    width:150px;
    text-align: right;
}
.tdcenter{
 width:200px;
}

.tdnumero a {
    text-decoration: underline;
}
.tdpagedroite {
    text-align: right;
}     */


/*** FILTRES ***/

#filtres {
    margin: -15px 0 0 5px;
    overflow: hidden;
    width: 735px; 
    float: left;
}


#filtresPaysLivraison{                                                              
/*height:35px;   */
background:#E4D5B6 none repeat scroll 0%;
height:22px;
left:4px;
margin-bottom:24px;
top:10px;
width:735px;
} 

#filtresPaysLivraison ul{
list-style: none;
margin:7px 0pt 0pt 9px;
padding:0;
} 
#filtresPaysLivraison li{
float: left;
margin-right:15px;
}  
#filtresPaysLivraison h3,h4{
margin:0;
padding:0;
}

#filtresPaysLivraison h3{
color:#6e6042;
}


#listingLivraison{
background:#FFFFC0 none repeat scroll 0%;
display:none;
height:200px;
left:536px;
position:absolute;
top:30px;
width:306px;
z-index:50;
 /*filter:alpha(opacity=80);   /* Internet Explorer 6     */
 /*-moz-opacity:0.8;           /* Mozilla 1.6 et infér.   */
/* opacity: 0.8;               /* CSS3 et Mozilla récents */
 }
 
 #header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
height:250px;
left:0;
overflow:visible;
position:absolute;
top:0;
width:977px;
}

#banner {
background:transparent; 
height:34px;
position:absolute;
z-index:5;
/*top:147px;  */
top:130px;
width:977px;
left:-1px;
}
#bannerCorner {
background:url(http://beta.priceconcept.eu/images/bandeauCorner.gif) no-repeat;  
position: absolute;
width: 19px;
height:16px;
z-index:10;
top: 34px;
left:0; 
}


#SousBandeau {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
left:0;
overflow:hidden;
position:absolute;
top:175px;
width:977px;
}
.rechercherLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://beta.priceconcept.eu/images/box/rechercheLeft.png) no-repeat scroll 0 0;
float:left;
height:40px;
width:13px;
}
.rechercherContent {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://beta.priceconcept.eu/images/box/rechercheBody.png) repeat-x scroll 0 0;
float:left;
height:41px;
width:447px;  
}

.rechercherRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://beta.priceconcept.eu/images/box/rechercheRight.png) no-repeat scroll 0 0;
float:left;
height:40px;
margin:0 -2px 0 0;
width:12px;
 
}

.field_search_friend{ 
    background:transparent url(http://beta.priceconcept.eu/images/box/field_search_friend.png) no-repeat scroll 0 0;
    height:18px;
    left:4px;
    text-align:center;
    width:328px;
    border:0;
    margin-top:10px;
    font-style: italic;
    color:#AAAAAA;
    padding:2px 0;
    font-size: 1.0em;
    margin-left:28px;
}
#boutonGo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://beta.priceconcept.eu/images/bouton/btn_go_down.png) no-repeat scroll 0 50%;
}

#boutonGo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://beta.priceconcept.eu/images/bouton/btn_go_up.png) no-repeat scroll 0 50%;
border:0 none;
cursor:pointer;
height:34px;
width:70px;
float:left;
margin-left:-10px;
margin-top:-3px;
}
.blgposts{
    color:#3333FF;
    cursor:pointer;
 /*   display:none;  */
    font-family:verdana;
    height:20px;
    margin-top:5px;
    width:513px;
}

#home {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
left:0;
position:absolute;
top:250px;
width:977px;
}

#affiner_recherche {
/*background-image:url(../images/bandeau_clair_top_transparant.gif);
background-repeat:no-repeat;    */
background:transparent; 
height:15px;
padding-top:4px;
position:relative;
top:17px;
}

div.tri {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://beta.priceconcept.eu/images/box/bg_head_sort.png) no-repeat scroll 2px 0;
    clear:both;
    height:35px;
    margin:10px 0 0 5px;
    overflow:hidden;
    padding:10px 0;
    width:740px;

}

#filtresBas {
/*background-image:url(../images/filtresBas.gif); */
background:transparent;
clear:both;
height:30px;
padding:0px 0pt 0pt;
position:relative;
text-align:center;
top:-12px;
}

#filtresListe{
/*clear:left;  */ 
height: auto;
margin:0px 0pt 0px 5px;
padding:0pt;
width:725px;
height: 129px;
} 

.blocFiltres { 
/*border:1px solid #D0D0D0;*/
float:left;
text-align: left;
height:auto;
width:19%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#choixFiltres{   
float:left;
height:17px;
margin:10px 10px;
width:100%;
}
.choixFiltresListe{
list-style:none;
float: left;
}

.choixFiltresListe li{
float:left;
margin-right:20px;
}

#affinerRecherche {
color:#000000;
margin:0 0 0 15px;
font-size:12px;
display: block;
font-weight: bold;
}

#retourAffinerRecherche{
color:#000000;
margin:0 10px 0 0;
font-size:12px;
display: none;
text-align: right;
cursor: pointer;
}

.titreFiltres {
background:rgb(205,194,176) none repeat scroll 0 0;
border-bottom:1px dotted #CCCCCC;
    color:#555;
    display:block;
    font-size:11px;
    font-weight:bold;
    height:11px;
    margin:0;
    overflow:hidden;
    padding:1px 2px 4px 0;
    text-align:center;
  /*  text-indent:5px; */
}

.listingFiltres{
font-size:10px;
text-align: left;
list-style: none;
margin:4px 0 0 0;
padding:0;
margin-left:5px;  
}

.filtresListing{
margin:0;
padding:0;
font-size: 11px;
}

.listingFiltresPlus{
margin-left:5px;
color:#000080;
text-decoration:underline;
cursor: pointer;
}

.filtresListeTous{
border-right:1px solid #D0D0D0;
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:4px 0pt 0px 5px;
padding:0pt;
width:136px;
font-size:10px;
}   

.ContainerPagerFiltresTous{
height:18px;
margin-top:4px;
width:100%;
}

.ContainerPagerFiltresTous span{
float:right;
margin-right:20px;
} 

 

#filtresContent{
display:block; 
}

.filtresTous{
border:1px solid #D0D0D0;
display:none;
float:left;
height:auto;
width:732px;
padding-bottom:10px;
}

.filtresLiensPage{
   cursor:pointer;
   text-decoration: underline;
   font-size: 11px;
   color:#0000FF;
}

.filtresCroix{
  margin:0px 0 -2px 4px;
}

/******************************************************/
/*************** Bouton Voir Fiche ********************/
/******************************************************/
.voir_fiche{
background:transparent url(/images/bouton/bouton_fiche_technique.png) no-repeat scroll 0% 0%;
cursor:pointer;
float:right;
/*font-weight:bold;*/
height:25px;
margin-top:-8px;
padding-top:20px;
text-align:center;
text-decoration:underline;
width:35px;
}
.voir_fiche:hover{
   background:transparent url(/images/bouton/bouton_fiche_technique.png) no-repeat scroll 100% 0%;
}

.voir_fiche a{
   text-decoration: none;
}

/******************************************************/
/*************** Bouton Voir Fiche ********************/
/******************************************************/
.voir_comp{
background:transparent url(/images/bouton/bouton_comparer.png) no-repeat scroll 0% 0%;
cursor:pointer;
/*float:right;*/
height:24px;
padding-top:5px;
text-align:center;
text-decoration:none;
width:244px;
}
.voir_comp:hover{
   background:transparent url(/images/bouton/bouton_comparer.png) no-repeat scroll 99% 0%;
}

.voir_comp div{
      width:50%;
      float:left;
}

.voir_comp a{
   text-decoration: none;
}

/******************************************************/
/*************** Bouton Voir Offre ********************/
/******************************************************/
.voir_offre{
    position: relative;
   width: 106px;
   height: 45px;
   cursor:pointer;
   text-decoration:none;
   font-weight:bold;
   margin-top: 20px; 
   cursor:pointer; 
}

      
.voir_offre div{
    color:#ffff00; 
    overflow: visible;
    width:121px;
    margin-left:-9px;
}
.voir_offre span{
    left:-9px;
    position:absolute;
    top:16px;
    color:#000000;
    width:121px;
}


/******************************************************/
/*************** Bouton modifier **********************/
/******************************************************/

#changeProduct
    {
    position: absolute;
    z-index: 5;
    background-color: #008b8b;
    display: none;
    width: 497px;
    height: 157px;
    padding: 5px;
    border: solid 1px;    
    }

#close
	{
	position: absolute;
	left: 483px;
	}


#modifier
	{
	position: absolute;
	top: 132px;
	left: 280px;
	}

#fermer
	{
	position: absolute;
	top: 132px;
	left: 400px;
	}

.bouton
    {
    cursor: pointer;
    }

.centered {
  position: fixed;
  top: 100%;
  left: 50%;
}

.centered {height: 100%; overflow: visible;} 

img#buttonCloseAjaxCompany
{
	position: relative;
	left: 581px;
}

#tableCompanyRules h2
{
	text-align: center;
	font-family:verdana;
    font-size:12px;
    padding-bottom: 15px;
}


/*************************************************************/
/*****   carte europe  ***************************************/


#ContainerMap {
    border:1px dotted #E4D5B6;
    margin-right:6px;
    padding:3px;
}

#MapChoixPays{ 
   float:left;
   overflow:visible;    
   background:#D0D0D0;
   padding:3px;  
}

#Mcadre{ 

/*border: 1px dashed #e4d5b6;*/   
position: relative;
float:left;
background:#8692FD;
overflow:hidden;
}

#Mmap{ 
    margin-top:-20px;
    position: absolute;
    width:100%; 
    height:100%;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    /*filter:alpha(opacity=30);   */
    -moz-opacity:0.1;       
    opacity: 0.1; 
}
#Mimg_map{
    width:100%; 
    height:100%;     
       
}

.Myover{ 
    margin-top:-20px;
    display:none; 
    /*left:118px;*/
    position:absolute;
    /*top:316px; */
}
.Mactif{
    
     /*left:118px;*/
    position:absolute;
    margin-top:-20px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    /*filter:alpha(opacity=50);   */
    -moz-opacity:0.7;       
    opacity: 0.7;
    /*top:316px; */
}  
#Mselected{
  background:#fff;
  padding:2px;
  padding-left:7px;  
  clear :left;
  font-size:11px; 
}
.Mtitle{
  padding:3px;
  color:#fff; 
  /*padding-left:7px;*/
  clear:left; 
  font-size:11px;
  /*background:#BCA87D ;  */
  background:url(../images/bkfltr.png) bottom;
  font-weight: bold;
  cursor:pointer;
}

.MbuttonDown{
 width:100%;
 height:15px;
 background:transparent url(../images/boutonMenuCategoriesPlusHover.png) no-repeat  100% 25%;
}
.MbuttonUp{
 width:100%;
 height:15px;
 background:transparent url(../images/boutonMenuCategoriesMoinsHover.png) no-repeat  100% 25%;
}


#MapChoixMarchand{ 
   overflow:visible;
   background:#D0D0D0;
   
}

#Marchandcadre{ 
 /*padding-left:7px; */
 display:none;
 border:2px solid #D0D0D0;   
 position: relative;
 float:left;
 background:#fff;
 overflow:auto;
 padding-left:5px;
  font-size:11px;
}

