/*
    Document   : page.search
    Created on : 21 juin 2010, 09:53:34
    Author     : fguerin
    Description:
        Purpose of the stylesheet follows.
*/
#panel {
    display: none;
}
a:focus {
    outline: none;
}
.slide {
    background: url('../images/btn_menu_other.gif') no-repeat center;
}
.btn-slide {
    background: url('../images/icons/icn_arrow_down.gif') no-repeat;
    background-position: 140px 10px;
    text-align: center;
    width: 162px;
    height: 29px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    color: #444444;
    text-decoration: none;
}
.active {
    background: url('../images/icons/icn_arrow_up.gif') no-repeat;
    background-position: 140px 10px;
}
/*  ___________________________________________________________________________
    DIV : PANNEAU DE CONTROL SEARCH  */
.div-Arrow-Top {
    width                 : 25px;
    height                : 14px;
    margin-left           : 200px;
}
.div-Categorie {
    width                 : auto;
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 0px 10px 0px 10px; /* Top Right Bottom left */
    border-radius         : 0px 0px 0px 0px;  /* TopLeft TopRight BottomRight BottomLeft */
    -moz-border-radius    : 0px 0px 0px 0px;  /* TopLeft TopRight BottomRight BottomLeft */
    -webkit-border-radius : 0px 0px 0px 0px;  /* TopLeft TopRight BottomRight BottomLeft */
    line-height           : 30px;
}
/*  ___________________________________________________________________________
    DIV : centrale - Texte presentation categorie   */

#txt-cat{
	height				  : 90px;
	width				  : 960px;
	padding				  : 15px;	
	background-color	  : #EFE8E1; 
}
#titre-txt-cat{
	margin		  		  :10px 0px 10px 0px;
}
/*
#txt-cat{
	height				  : 120px;
	width				  : 650px;
	padding				  : 15px;	
	background-color	  : #EFE8E1; 
}
#titre-txt-cat{
	margin		  		  :10px 0px 10px 0px;
}
*/
/*  ___________________________________________________________________________
    DIV : Gauche - Pagination x 2  */
.div-Pagination {
    width                 : auto;
    margin                : 20px 0px 0px 0px; /* Top Right Bottom left */
}
/* Pagination */
.div-Pagination ul {
    float                 : right;
    list-style            : none;
    padding               : 0px 0px 0px 0px; /* Top Right Bottom left */
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
}
.div-Pagination li { float:left; display:block; }
.div-Pagination li span, .div-Pagination li a {
    width                 : auto;
    text-align            : center;
    display               : block;
    padding               : 5px 5px 5px 5px; /* Top Right Bottom left */
    margin                : 0px 5px 0px 0px; /* Top Right Bottom left */
    border                : 1px solid #e3e3e3;
    font-weight           : bold;
}
.div-Pagination li span, .div-Pagination li a {
    color                 : #777777;
}
.div-Pagination li span[rel=current] {
    background            : #e7e8f7;
    border                : 1px solid #999999;
    color                 : #000000;
}
.div-Pagination li a:hover {
    background            : #fff4aa;
    border                : 1px solid #333333;
}
/*  ___________________________________________________________________________
    DIV : Gauche - Result Thumbnail  */
#div-Result-Thumb {
    width                 : auto;
    margin                : 20px 0px 0px 0px; /* Top Right Bottom left */
}
.div-Thumbnail {
    position : relative;
    float                 : left;
    width                 : 218px;
    height                : 143px;
    border-right          : 1px dotted #e4e4e4;
    border-bottom         : 1px dotted #e4e4e4;
    margin                : 0px 2px 10px 2px; /* Top Right Bottom left */
    text-align            : center;
    background            : #ffffff url('/images/bg_thumb.gif') bottom right no-repeat;
}

.div-NoOpacityHolder {
    position              : absolute;
    overflow              : hidden;
    clear                 : both;
    top                   : 0px;
    left                  : 0px;
    margin                : 8px 8px 8px 8px; /* Top Right Bottom left */
    color                 : #ffffff;
    text-align            : right;
}
.div-NoOpacityHolder img {
    padding               : 1px 1px 1px 1px; /* Top Right Bottom left */
    background-color      : #ffffff;
    border                : 1px solid #000000;
}
.div-NoOpacityHolder a { color : #ffffff; }
.div-NoOpacityHolder a:hover{ color : #7f9fde; font-weight: bold;}

.div-ThumbnailBig {
    position              : absolute;
    width                 : 270px;
    height                : 226px;
    z-index               : 10;
}
.div-OpacityContainer {
    float                 : left;
    border-radius         : 8px 8px 8px 8px;  /* TopLeft TopRight BottomRight BottomLeft */
    -moz-border-radius    : 8px 8px 8px 8px;  /* TopLeft TopRight BottomRight BottomLeft */
    -webkit-border-radius : 8px 8px 8px 8px;  /* TopLeft TopRight BottomRight BottomLeft */
    background            : #000000;
    width                 : 270px;
    height                : 226px;
    filter                : alpha(opacity=85);
    -moz-opacity          : 0.85;
    -khtml-opacity        : 0.85;
    opacity               : 0.85;
    z-index               : 10;
}
.a-SendEmail{
    background-image      : url('/images/icons/icn_email.png');
    background-position   : bottom right;
    background-repeat     : no-repeat;
    padding-right         : 20px;
}
.a-AddFavorite{
    background-image      : url('/images/icons/icn_heart.png');
    background-position   : bottom right;
    background-repeat     : no-repeat;
	font-size			  : 10px;
    padding-right         : 20px;
}
.clearboth { clear: both; }
/*  ___________________________________________________________________________
    DIV : Droite - PUB  */
#div-Advertising-Search {
    width                 : auto;
    margin                : 10px 0px 0px 0px; /* Top Right Bottom left */
}
/*  ___________________________________________________________________________
    DIV : Droite - NB CARTES  */
#div-Search-Nb{
    width                 : auto;
    background-color      : #f4f4f4;
    border-bottom         : 1px solid #dedede;
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 10px 10px 10px 10px; /* Top Right Bottom left */
}
/*  ___________________________________________________________________________
    DIV : Droite - SEARCH AFFINAGE  */
#div-Search-Affiner{
    width                 : auto;
    background-color      : #fff; /*TEST valeur defaut #ededed*/
    border                : 1px solid #cbcbcb;
    margin                : 10px 0px 0px 0px; /* Top Right Bottom left */
}
#marge-block{
	padding				  : 10px;
}
.right-title{
	background-color	  :#DED1C7;
	height                :20px;
	padding               :15px;
}
.hr-Single {
    margin-top: 10px;
}
.ul-Search-Cat {
    list-style-type       : none;
    list-style            : none;
    margin                : 0px 0px 0px 0px; /* Top Right Bottom left */
    padding               : 0px 0px 10px 0px; /* Top Right Bottom left */
    overflow              : hidden;
}
.ul-Search-Cat li {
    height                : 22px;
    line-height           : 22px;
    border-top            : 1px dotted #999999;
}
.ul-Search-Cat a {
    margin                : 0px 0px 0px 10px; /* Top Right Bottom left */
    display               : block;
}
.ul-Search-Cat a:before{ content : "\000bb \0020"; }

.ul-Search-Cat li:last-child {
    border-bottom            : 1px dotted #999999;
}

/*  ___________________________________________________________________________
    DIV : Droite - SEARCH HELP  */

.span-tips-ex {
    color                 : #3366cc;
}
.span-tips-desc {
    color                 : #5d62aa;
}
/*  ___________________________________________________________________________
    DIV : Droite - TAGCLOUDS  */
.txt-SearchCloudsList {
    padding: 5px;
    text-align: justify;
    display: block;
}

.txt-SearchCloudsList a {
    margin-left: 3px;
    margin-right: 3px;
    line-height: 15px;
    text-transform: lowercase;
}
.txt-SearchCloudsList a:hover {
    text-decoration: underline;
}
/*  ___________________________________________________________________________
    DIV : Droite - Facebook */
#div-Search-Tip{
    width                 : auto;
    margin                : 10px 0px 0px 0px; /* Top Right Bottom left */
}