/*
 *
 * matos.css
 *
 * 20/04/06 - tonio@skipass.com
 *
 */

/*------------------------------------------------------------------------------- *
 *                          declarations globales                                 *
 *------------------------------------------------------------------------------- */

#contenu p			{
    margin 			:5px 15px ;
    padding			: 0 ;
}

#contenu input, #contenu select, #contenu textarea	{
    border			: 1px solid #FFE3B1 ;
    font			: 11px Verdana,Arial,sans-serif ;
    color			: #444 ;
    display			: inline ;
    z-index			: 5 ;
}
#contenu input:hover, #contenu textarea:hover	{
    border			: 1px solid #E7BC6E;
}
#contenu input:focus, #contenu textarea:focus	{
    border			: 1px solid #EB7D32;
}

#contenu h1			{
    text-align		: center ;
    margin			: 0 5px ;
    background		: transparent url(/c/i/backgrounds.png) 0 -26px repeat-x ;
    border			: 1px solid #f9f9f9 ;
    border-width	: 0 0 1px 0 ;
    border-bottom-color : #eee ;
    font-size		: 15px ;
    padding			: 5px ;
    line-height     : 22px;
}
#contenu .accueilLink {
    float			: right ;
    margin-right	: 15px ;
    line-height		: 20px ;
    color			: #3366FF ;
}
#contenu .Lettrine	{
    color			: #ffa500 ;
}
#contenu .hidden	{
    display			: none ;
}

/*------------------------------------------------------------------------------- *
 *                                fiche Ski                                       *
 *------------------------------------------------------------------------------- */

#contenu #familyIntro #precedent, #contenu #familyIntro #suivant {
    background-repeat: no-repeat;
}
#contenu #familyIntro #precedent{
    float			: left;
    background-position: 0 50%;
    background-image: url(/i/icons/control_rewind.gif) ;
}
#contenu #familyIntro #precedent a {
    padding-left	: 19px ;
}

#contenu #familyIntro #suivant {
    float			: right;
    background-position: right 50% ;
    background-image: url(/i/icons/control_fastforward.gif) ;
}
#contenu #familyIntro #suivant a{
    padding-right	: 19px ;
}

#contenu #photoEntete {
    border			:0;
    margin			:0 0 0 10px;
}
#contenu h2	{
    border-bottom   : 1px solid #ffa500 ;
    font-size		: 113% ;
    #padding-left	: 10px ;
    color			: #444 ;
}
#contenu #familyIntro	strong {
    color				: #d00 ;
}
#contenu #constructeur {
    text-align		: justify ;
}

#contenu #pavePub .rightBox p {
    padding			 : 5px 0 ;
}
#contenu #pavePub .rightBox h2 {
    color			: #555 ;
}

#contenu #pavePub	{
    text-align		: center ;
}
#contenu #pavePub h2{
    font-size		: 107%;
    margin			: 0 10px ;
    color			: #aaa ;
    border			: 0 ;
}

#contenu #pavePub .box1 h2 {
    margin			: 0;
	font-size		: 118%;
}
#contenu #pavePub .box1 img {
    border			: 2px solid #AAA;;
}


#contenu #pavePub .rightBox {
    border			: 1px solid #ddd ;
    display			: block ;
    padding			: 5px 10px 5px 10px ;
    margin			: 5px 10px ;
    -moz-border-radius : 5px ;
}
#contenu #pavePub .rightBox span {
    padding			: 0 23px ;
    height			: 20px ;
    color			: #d00 ;
    font-weight		: bold ;
    font-size		: 107%;
}
#contenu #pavePub .rightBox span.snow {
    line-height		: 37px ;
    padding			: 0 20px ;
}
#contenu #pavePub h3{
    font-size		: 87% ;
    margin			: 0 ;
    padding			: 0 ;
    font-weight		: normal ;
}
#contenu #pavePub h3 a{
    color			: #999 ;
}

/*------------------------------------------------------------------------------- *
 *                          home famille et cat                                   *
 *------------------------------------------------------------------------------- */
 #contenu #familyIntro {
    text-align		: center ;
    margin			: 10px 20px;
    padding			: 6px;
    border			: 1px solid #eee;
    color				: #444;
    -moz-border-radius:8px;
}
#contenu #testContent {
    margin			: 3px ;
    text-align		: center ;
}
#contenu #searchTestContent {
    margin			: 10px ;
    text-align		: left ;
}
#contenu #searchTestContent img{
    vertical-align	: middle ;
}
#contenu #searchTestContent h3{
    margin			: 5px 10px ;
    vertical-align	: middle ;
}
#contenu #searchTestContent h3 a span {
    color			: #aaa ;
}
#contenu #testContent h3{
    border			: 0 ;
    margin 			: 10px 10px 2px 10px ;
    font-size		: 140% ;
    border-bottom:1px solid #e00;
}
#contenu #testContent .testsCat{
    float			: left ;
    width			: 227px ;
    margin			: 1px ;
    display			: inline ;
    height			: 92px ;
    border			: 1px solid #ddd ;
    -moz-border-radius : 8px ;

}
#contenu #testContent .moreComments {
    height			: 248px ;
    float			: right ;
    border			: 1px solid #e00 ;
}
#contenu #testContent .moreComments ul{
    margin			: 0 5px ;
    list-style		: none ;
    padding			: 10px ;
    text-align		: left ;
}
#contenu #testContent .moreComments ul li{
    vertical-align	: middle ;
    border-bottom	: 1px dotted #ddd ;
    padding         : 2px 0px;
}
#contenu #testContent #moreComments ul li img{
    vertical-align	: middle ;
}
#contenu #testContent .testsCat {
    width			: 211px ;
}
#contenu #testContent .testsCat h3{
    font-size		: 120% ;
}

#contenu #testContent .testsCat h3 a {
    color			: #231F20 ;
}
#contenu #testContent .testsCat p{
    text-align		: center ;
    color			: #333 ;
    padding			: 4px ;
}
#contenu #testContent .small{
    height			: auto ;
}
#contenu #testContent .small h3{
    border			: 0 ;
    margin			: 10px ;
}
#contenu #compareTitle {
    text-align		: center ;
    background		: #f1f1f1 ;
    border			: 0px solid #f9f9f9 ;
    border-bottom   : 1px solid #ccc ;
    font-size		: 15px ;
    padding			: 5px ;
}
#contenu a.transparency {
    opacity			: .75;
    filter			: alpha(opacity=75);
    -moz-opacity	: 0.75;
}
#contenu a.transparency:hover {
    opacity			: 1 ;
    filter			: alpha(opacity=100);
    -moz-opacity	: 1 ;
}
#contenu #testContent h3.companies {
    float			: left ;
    border			: 0 ;
    margin          : 2px 4px;
}
#contenu #testContent h3.companies a {
    border			: 0 ;
}

#contenu .commentsBox {
    float			: left ;
}

#contenu .LastComment {
    margin			: 5px 15px 0 15px ;
    padding			: 0 0 15px ;
    text-align		: justify ;
}
#contenu .CommentDetails {
    text-align		: left ;
    color			: #888 ;
    margin			: 1px 0px 3px 0px ;
    border-bottom   : 1px solid #DDD;
}

#contenu .CommentContent {
    margin     : 0;
    font-style : italic;
}

#contenu .CommentContent a {
    float : right;
}


/**************************************************/
 *                 Pagination                    *
**************************************************/
.page_navigator {
    border-bottom		: 1px solid #CCC;
    border-top			: 1px solid #CCC;
    text-align			: center;
    height				: 16px;
    margin				: 2px 5px;
}
.page_navigator span.prev {
    float				: left;
}
.page_navigator span.next {
    float				: right;
}



/*------------------------------------------------------------------------------- *
 *                               commentaires  et tests                           *
 *------------------------------------------------------------------------------- */
 #contenu .prod_comments {
    font-size      : 80%;
    display		   : inline;
    color		   : #777;
    text-align     : center;
    padding		   : 0px 0px 0 10px;
    vertical-align : 5%;
 }

 #contenu #test .prod_comments {
    font-size    : 110%;
    font-style   : italic;
    color		 : #777;
    position     : absolute;
    margin       : 2px 60px 0 20px;

    font-weight		: normal ;
 }

 #contenu #test:hover .prod_comments {
    color		 : #e29a13;
 }

  #contenu #test .search_result {
    font-size    : 85%;
    font-weight  : 200;
    color		 : #888;
    text-align   : right;
 }
  #contenu #test:hover .search_result {
    color		 : #e29a13;
 }

 #contenu .preview_tests {
     padding            : 2px 0px 5px 0px;
     margin             : 10px 15px;
     -moz-border-radius : 0px 0px 10px 10px;
     background-color   : #FFFFEE;
     text-align         : center;
}

#contenu .preview_tests ul{
    margin 		        : 0 ;
    padding 	        : 0px 0px 0px 1px;
    list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}
#contenu .preview_tests li{
    margin  	        : 0px 5px;
    border-top          : 1px solid #D2D2D2;
    text-align          : left;
}
#contenu .preview_tests ul a{
    color         : #231F20;
    display 	  :block ;
    padding-left  : 4px ;
    border-left   : 3px solid #D2D2D2 ;
}
#contenu .preview_tests li a:hover {
    color 		  : #FA0012 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}


#contenu .prod_comments img {
    vertical-align : -30%;
    margin			: 0px 4px;
}

#contenu h4		{
    margin		: 0 0 0 15px ;
    padding		: 2px ;
}

#contenu #comments{
    #margin  : 0px 2px;
    #padding : 0px 7px;
}

/*------------------------------------------------------------------------------- *
 *                             admin commentaires                                 *
 *------------------------------------------------------------------------------- */

/* admin des commentaires */
#contenu #comment .commentsauthor .adminBox {
    display		: none ;
}

#contenu #comment .commentsauthor:hover .adminBox {
    display		: block ;
}

#contenu #comment .commentsauthor .adminBox {
    text-align	: center ;
    border		: 1px solid #ccc ;
    width			: 100px ;
    padding		    : 5px ;
    position		: absolute ;
    margin-left     : 320px ;
    margin-top      : 2px ;
    background      : #aaa ;
    -moz-opacity    : 0.5 ;
    -moz-border-radius: 10px ;
}
#contenu #comment .commentsauthor .adminBox:hover {
    -moz-opacity: 0.9 ;
    background	: #ffa500 ;
    border-color: #FA0012 ;
}


/*------------------------------------------------------------------------------- *
 *                             comparaison fiches                                 *
 *------------------------------------------------------------------------------- */

#contenu #testContent .compare{
    float			: left ;
    margin			: 3px ;
    width			: 247px ;
    display			: inline ;
    border			: 1px solid #ddd ;
    padding         : 0px 0px 10px 0px;
    -moz-border-radius : 8px ;
}

#contenu #testContent .compare .season {
    font-size		: 113% ;
    color			: #999 ;
    padding			: 3px 0 0 0;
    font-weight		: bold;
}

#contenu #testContent .resultSearch{
   text-align       : left;
   height           : 330px;
   overflow         : auto;
}

#contenu #testContent .vignette{
    height			: 50px;
}

html>body #contenu #testContent .compare {
    width			: 315px ;
}
#contenu #testContent .compare select {
    width			: 220px ;
    margin-bottom	: 10px ;
    height			: 1.6em ;
}
#contenu #testContent .compare h3 {
    margin			: 0 ;
}
#contenu #testContent .compare h3 a {
    color			: #231F20 ;
}
#contenu #testContent .compare p{
    text-align		: left ;
    color			: #333 ;
    margin			: 0px 15px;
    padding			: 0 ;
}

#contenu #testContent h4	{
    text-align		: left;
}

#contenu #testContent h2	{
    text-align		: left;
    border-bottom   : 1px solid #ffa500 ;
    font-size		: 113% ;
    margin			: 14px 20px 8px 4px;
    padding-left	: 10px ;
    color			: #444 ;
}

#conteneur #contenu a#roll {
    cursor			: default;
    margin-left 	: 10px;
    display			: block ;
    background-repeat: no-repeat;
    background-position: 50% ;
    text-indent		: -5000px;
}

.info {
    color			: #999;
    font-size		: 90%;
}

/*-------------------------------------*
 *           Matos Favoris             *
 *-------------------------------------*/

#contenu .favoris_thumb li .product:hover{
    border-top    : 1px solid #E00;
    border-bottom : 1px solid #E00;
    color         : #e29a13;
}
#contenu .favoris_thumb li .product{
    padding       : 5px 0px;
    min-height    : 60px;
    border-top    : 1px solid #DDD;
    border-bottom : 1px solid #DDD;
}
#contenu #favoris_thumb .product h2{
    color         : #333;
}
#contenu #favoris_thumb .product h2:hover{
    color         : #e29a13;
}

#contenu .favoris_thumb li .del_product{
    float         : left;
    opacity       : 0.6;
    margin        : 0px 0px 0px 0px;
}

#contenu .favoris_thumb li span:hover{
    opacity       :1;
}

/*-------------------------------*
 *         Contexte              *
 *-------------------------------*/
#contenu #contexte {
    border 			: 1px solid #eee ;
    border-width    : 0 1px 2px 1px ;
    margin			: 0px 20px 0px 20px;
    -moz-border-radius: 0 0 8px 8px  ;
}
#contenu #contexte a {
    margin			: 4px  0 4px 4px ;
    padding			: 2px ;
    float			: left ;
    display			: inline ;
}
#contenu #contexte span {
    margin			: 4px ;
    padding			: 2px ;
    float			: left ;
    display			: inline ;
    color			: #666 ;
}
#contenu #contexte a span {
    float			: none ;
    color			: #666 ;
    margin			: 0 4px 0 0 ;
    padding			: 0 ;
}
#contenu #contexte a span.cat {
    color			 : #bbb ;
}

#contenu #contexte #specialLink {
    float			 : right ;
    margin			 : 0 5px 0 0 ;
    padding			 : 5px ;
    display			 : inline ;
}
#contenu #contexte .femme {
    background-color : #f9d6e0 ;
}

#rating_wrapper {
	float : left; 
	display: inline; 
	width: 340px;
	color			: #FAA500;
}




/*-------------------------------*
 *         Bloc listing          *
 *-------------------------------*/

#contenu .listing ul ,#contenu .listing li,#contenu .listing_article li{
    margin 		        : 0 ;
    padding 	        : 0px 0px 0px 1px;
    list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#contenu .listing_article li {
    padding 	        : 10px 0px 5px 0px;
}

#contenu .col .listing ul {
    margin 		: 5px 0 5px 3px;
}
#contenu .listing li,#contenu .listing_article li {
    border-top	: 1px solid #D2D2D2 ;
}
#contenu .listing .first {
    border		  : 0 ;
}
#contenu .listing li a {
    display 	  :block ;
    padding-left  : 4px ;
    border-left   : 3px solid #D2D2D2 ;
    height        : 17px;
}
#contenu .listing li a span {
    color         : #999999;
    float         : right;
    font-size     :10px;
    padding-right :2px;
}
#contenu .listing li a:hover {
    color 		  : #FA0012 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}

#contenu .demi ul{
    padding : 5px 0px 0px 0px;
}

#contenu .demi li{
    width  : 140px;
    float : left;
    margin : 0px 5px 0px 0px;
}