/*
 * guide du matos fluofun
 */

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

.loupe{
	background-color:#fff;
	border:5px solid rgba(0, 0, 0, 0.25);
	cursor:none;
	-moz-border-radius:7px;
}

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

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

#contenu h1			{
	margin: 10px 0;
}
#contenu .accueilLink {
    float			: right ;
    margin-right	: 15px ;
    line-height		: 30px ;
}
#contenu .Lettrine	{
    color			: #ffa500 ;
}
#contenu .hidden	{
    display			: none ;
}

#contenu .homeBloc	{
    float			: left ;
    width			: 220px ;
    margin			: 0 10px 5px 20px ;
    padding			: 0 0 5px 0 ;
    display			: inline ;
    border			: 1px solid #ddd ;
    -moz-border-radius: 4px ;
}
#contenu .homeBloc	{
    text-align		: center ;
}
#contenu .homeBloc	img{
    margin			: 0 auto;
	
}
#contenu .homeCat	{
    text-align		: center ;
    margin			: 10px 20px ;
    border-bottom	: 1px solid #ffa500 ;
    height          : 22px;
    font-size		: 170% ;
    padding-bottom: 8px
}
#contenu .homeCat span	{
    float			: right ;
    font-size       : 10pt;
}
#contenu .homeCat a	{
    color			: #666 ;
}

#contenu .col.guide_home h2 {
	border : 0;
	font-size : 24px;
	text-align : right;
	border-bottom : 1px solid #000;
	margin : 10px 0 0 0;
}

#contenu .col.guide_home h2 a {
	color : #444;
}

.guide_home {
    margin-bottom: 25px;
}

.guide_home .description {
	height : 70px;
}

.guide_home .zoom {
	height : 150px;
	text-align : center;
}

.guide_home .categories {
	text-align : center;
	height : 50px;
}


.guide_home .counter_tests {
	font-size : 16px;
	margin : 0 0 8px 0;
}

.guide_home h3 {
	margin : 0;
	padding : 0;
}

.guide_home .family_seasons {
    border-top: 1px solid black;
    height :  50px;
}

.guide_home .family_seasons a {
	font-size : 14px;
	font-weight: bold;
    text-transform : uppercase;
    margin : 0 12px 0 2px;
    color : #000;
}

.guide_home .family_seasons a.more_seasons_link {
    color : #FF0198;
    float : right;
    margin : 0 6px 0 0 ;
   
}

.guide_home .family_seasons .more_seasons {
display : none;
}


/*------------------------------------------------------------------------------- *
 *                                fiche Ski                                       *
 *------------------------------------------------------------------------------- */
#contenu #arrow_previous, #contenu #arrow_next{
    float			: left;
    width 			: 114px;
    height			: 100px;
    text-align 		: right;
    padding-top		: 80px;
}

#contenu #arrow_previous  {
    text-align 		: left;
}

#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 #00ff00 ;*/
    font-size		: 16px ;
/*    padding-left	: 10px ;*/
    color			: #444 ;
}
#contenu #caracteristics_content strong {
  	color			: #000;
    font-size		: 9px;
}
#contenu #constructeur {
    text-align		: justify ;
}

#contenu #cotes #snow	{
    padding			    : 15px 8px 0 0px ;
    background-image    : url(/i/matos/snow-cotes.png) ;
    height              : 27px;
    background-repeat   : no-repeat ;
    background-position : 50px 0px ;
}
#contenu #cotes #ski	{
    padding			    : 4px 0 0 0 ;
    background-image    : url(/i/matos/ski-cotes.png) ;
    height              : 20px;
    background-repeat   : no-repeat ;
    background-position : 25px 0px;
}

#contenu #cotes span {
    padding			: 0 16px ;
    color			: #d00 ;
    font-weight		: bold ;
    font-size		: 107%;
}
#contenu #pavePub .rightBox p, #contenu .rightBox p {
    padding			 : 5px 0 ;
}
#contenu #pavePub .rightBox h2, #contenu .rightBox h2 {
    color			: #555 ;
}

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

/*------------------------------------------------------------------------------- *
 *                          home famille et cat                                   *
 *------------------------------------------------------------------------------- */
 #contenu #product_header_hor #tested_mark {
   position			: absolute;
   margin-left		: -180px;
   margin-top		: 80px;
}
 #contenu #caracteristics_content {
    text-align		: center ;
    margin			: 10px 5px;
    padding			: 6px;
    color			: #444;
    margin-bottom	: 0px;
}
 #contenu #caracteristics_content #center_criterion_block {
    text-align		: center ;
    float 			: left;
    height			: 110px;
    width			: 530px;
    margin-left		: 50px;
}
 #contenu #caracteristics_content .criterion_block {
    text-align		: center ;
    float 			: left;
    display			: inline;
    height			: 110px;
    padding-top		: auto;
    padding-bottom	: auto;
}
 #contenu #caracteristics_content .criterion_block #category_title{
    text-align		: center ;
    font-weight		: bold;
    font-size		: 13pt;
    color			: #FF0198;
}
 #contenu #caracteristics_content .criterion_block #category_name{
    text-align		: center ;
    font-weight		: bold;
    font-size		: 13pt;
    color			: #0F0;
}
 #contenu #caracteristics_content .criterion_block #picos {
    background-image	: url('/i/matos/pico-all.png');
    background-repeat	: no-repeat;
    height				: 100px;
    width				: 170px;
}
 #contenu #caracteristics_content .criterion_block .pico_unique {
    float				: left;
    display				: inline;
    margin-top			: -100px;
	width:170px;
    z-index				: 200;
	font-size : 9px;
	font-weight : bold;
	color:#FF0198;
}

#contenu #caracteristics_content .criterion_block .pico_unique img {
   float				: left;
    display				: inline;
}
 #contenu #caracteristics_content #prices {
    float			: right;
    width			: 200px;
    padding			: 5px;
    padding-top		: 15px;
}

#contenu #caracteristics_content #prices #main_price {
    font-weight 	: bold;
    color			: #FF0198;
    font-size		: 20pt;
    float			: left;
    width			: 170px;
    text-align		: center;
}

#contenu #caracteristics_content #prices #main_price span {
   color			: #000;
    font-size		: 10pt;
	vertical-align : top;
 
}


#contenu #caracteristics_content #prices #other_prices {
    font-weight 	: normal;
    color			: #000;
    font-size		: 8pt;
    text-align		: center;
    float			: left;
    width			: 170px
}
#contenu #searchTestContent {
    margin			: 10px ;
    text-align		: left ;
}
#contenu #searchTestContent img{
    vertical-align	: middle ;
}
#contenu #searchTestContent h3{
    margin			: 5px 10px ;
    vertical-align	: middle ;
    font-size       : 130%;
}
#contenu #searchTestContent h3 a span {
    color			: #aaa ;
}
#contenu #testContent h3{
    border			: 0 ;
    font-size		: 14px ;
    border-bottom:1px solid #0f0;
}
#contenu #testContent .testsCat{
    float			: left ;
    width			: 227px ;
    margin			: 1px ;
    display			: inline ;
    height			: 120px ;
    border			: 1px solid #afa ;
    -moz-border-radius : 8px ;

}

#contenu #testContent .testsCat.product_4{
    height			: 180px ;

}
#contenu #testContent .testsCat h3 {
	font-size 		: 110%;
	overflow 		: hidden;
	width 			: 190px;
    line-height: 18px;
    overflow: hidden;
    margin: 2px auto;
    font-weight: 400;
}

#contenu #testContent #categories_ride .testsCat h3 {
	height 			: auto !important;
}

#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 ;
    text-align		: center ;
}
#contenu #testContent .testsCat h3{
    font-size		: 120% ;
}

#contenu #testContent .testsCat h3 a {
    color			: #000 ;
}
#contenu #testContent .testsCat p{
    text-align		: center ;
    color			: #333 ;
    padding			: 4px ;
}
#contenu #testContent .small{
    height			: auto ;
}
#contenu #testContent .small h3{
    border			: 0 ;
    margin			: 10px ;
}

#the_tests .see_all {
    margin: 0 15px 0;
}

.test-thumb {
    text-align:center;
}
.test-thumb img {
    margin: 8px 0;
    width: 500px;
}
#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 ;
    width			: 326px ;
}
#contenu .commentsBoxFirst {
    border-right	: 1px solid #ddd ;
}
#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;
}

#contenu .homeBloc	{
    float			: left ;
    width			: 220px ;
    margin			: 0 10px 5px 20px ;
    padding			: 0 0 5px 0 ;
    display			: inline ;
    border			: 1px solid #ddd ;
    -moz-border-radius: 4px ;
}
#contenu .homeBloc	{
    text-align		: center ;
}
#contenu .homeCat	{
    text-align		: center ;
    margin			: 10px 20px ;
    border-bottom	: 1px solid #00FF00 ;
    font-size		: 170% ;
}
#contenu .homeCat a	{
    color			: #666 ;
}

#subMenu {
        list-style-type:none;
        border-bottom:1px solid #0f0;
        margin: 0 10px 10px 10px;
        text-align:center;
        padding : 0 0 0px 0;
    }
    #subMenu li 	{
        margin		: 0 12px 0 0 ;
        padding 		: 0 ;
        display		: inline ;
    }
    #subMenu li a 		{
        padding		    : 2px 10px 0 10px ;
        text-decoration : none ;
        border			: 1px solid #0f0 ;
        color 			: #aaa ;
        border-bottom   : 1px solid #0f0 ;
        font-weight	    : bold ;
        background      : #eee ;
    }
    #subMenu li a#actif		{
        background : #fff ;
        color 			: #666 ;
        border-bottom : 1px solid #fff ;
    }
    #subMenu li a:hover 		{
        color		: #FF0198 ;
        background  : #fff ;
        border-left-color : #FF0198;
        border-right-color : #FF0198;
        border-top-color : #FF0198;
    }

	#subMenu li #facebook { 
		background: #3B5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?6:26981) no-repeat 0px 0px; 
		padding-left: 22px; 
		color : #FFF; 
		border-color : #3B5998; 
        border-bottom-color   : #0f0 ;
		width:auto;
	} 

/*------------------------------------------------------------------------------- *
 *                               formulaire                                       *
 *------------------------------------------------------------------------------- */
#contenu #addForm  	{
    margin			: 20px ;
    background		: #f1f1f1 ;
    padding			: 10px ;
    -moz-border-radius: 10px ;
}
#contenu #addForm label {
    float			: left ;
    display			: inline ;
    width			: 200px ;
    margin			: 2px 0 ;
    padding			: 2px 0 ;
}
#contenu #addForm input, #contenu #addForm select, #contenu #addForm textarea {
    margin			: 2px 0 ;
}
#contenu #addForm br{
    clear			: both ;
    line-height		: 6px ;
    margin			: 2px ;
}
#contenu #addForm .language {
    border			: 1px solid #fff ;
    border-width	: 1px 0 ;
    font-style		: italic ;
    color			: #444 ;
}
#contenu #addForm .language input, #contenu #addForm .language textarea {
    background		: #ffd ;
}
#contenu #addForm .english {
    color			: #a00 ;
    float			: right ;
    padding			: 4px ;
}
#contenu #addForm .submit {
    margin			: 0 0 10px 200px ;
    padding			: 5px ;
}
#contenu  .formSpacer {
    color			: #ccc;
    background-color: #ccc;
    height			: 1px;
    border			: 0;
}
#contenu #addForm a.critAdd {
    padding			: 3px ;
    display			: block ;
    margin			: 3px 0 ;
    border-bottom	: 1px solid #ccc ;
}
#contenu #addForm a.critAdd:hover {
    border-color	: #fff ;
}
#contenu #addForm a#rechercheFine {
    font-weight	: bold;
    margin		: 10px 0 0 0;
    display		: block;
    padding		: 5px 0 5px 200px;
    text-transform: uppercase;
}
#contenu #addForm a#rechercheFine:hover {
    background	: #fff;
}

/*------------------------------------------------------------------------------- *
 *                               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;
     float 				: right;
     width				: 300px;
}

#contenu .preview_tests h2 {
	font-size : 200%;
}
#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         : #000;
    display 	  :block ;
    padding-left  : 4px ;
    border-left   : 3px solid #D2D2D2 ;
}
#contenu .preview_tests li a:hover {
    color 		  : #f00 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}


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

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

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


#contenu #listing_tests h3 {
	margin     : 10px 0 ;
	padding    : 5px ;
	background : #bbb ;
}

#contenu #listing_tests h3 span {
	font-size : 310% ;
	color	  : #BBB;
	margin    : -23px 5px 0 0;
	float     : left;
}

#contenu #listing_tests h3 span.rating {
    float:right;
    color: #FFF;
    margin-top: -2px;
    margin-bottom: 25px;
}

#contenu #listing_tests h3 span.dateline {
    clear: both;
    line-height: 34px;
    font-size: 16px;
}

#contenu #listing_tests h3 em {
	font-weight     : normal ;
}

#contenu #listing_tests .colTest {
	float           : left ;
	margin-left     : 15px ;
	margin-right    : 10px ;
	display         : inline ;
	#border-bottom  : 1px solid #ddd ;
}
                
#contenu #listing_tests .pColTest {
	margin-left    : 15px ;
	padding-bottom : 10px;
	width          : 630px ;
	clear          : both ;
	text-align     : justify;
}
                
#contenu #listing_tests .colTest h4 {
	text-transform : uppercase ;
	text-align     : center ;
	border-bottom  : 1px solid #0f0 ;
	margin         : 1px 5px 5px 5px ;
	padding        : 2px ;
}
                
#contenu #listing_tests .colTest h5 {
	margin    : 3px ;
	padding   : 0 0 0 20px;
}
                
#contenu #listing_tests .colTest ul, #contenu .colTest ul li {
	margin     : 0 1px 0 7px ;
	padding    : 0 ;
	list-style : none ;
}
                
#contenu #listing_tests #moyenne {
	border     : 0 ;
	font-size  : 150% ;
	text-align :center ;
}
                
/*------------------------------------------------------------------------------- *
 *                             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: #f00 ;
}


/*------------------------------------------------------------------------------- *
 *                             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			: #000 ;
}
#contenu #testContent .compare p{
    text-align		: left ;
    color			: #333 ;
    margin			: 0px 15px;
    padding			: 0 ;
}

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

.orderBy
{
	float : right;	
}

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

#conteneur #contenu a#roll {
    cursor			: default;
    float			: left;
    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 #FF0198;
    border-bottom : 1px solid #FF0198;
    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         : #FF0198;
}

#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 ;
}



/*-------------------------------*
 *         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 		  : #f00 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}

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

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


/*-------------------------------*
 *         Petites annonces      *
 *-------------------------------*/

.classified	{
    float			: left ;
    width			: 315px;
    border			: 1px solid #CCC ;
    margin			: 2px 0 0 4px ;
    display			: inline ;
}

.classified h3 {
    background		: #FFF url('/c/i/backgrounds.png') repeat-x 0 0;
    margin			: 0;
    padding			: 2px;
    text-align		: left ;
    font-size		: 1.05em;
    height			: 1.15em;
    overflow		: hidden;
}
.classified h3 span {
    float			: right;
    margin-top		: -1.05em;
    color			: #900 ;
}

.classified h3 a {
    color			: #000 ;
}

.classified:hover h3 a {
    color			: #ffa500 ;
}

.classified	div {
    float			: left;
    margin			: 2px;
    display			: inline;
}

.classified	.picto {
    display			: block;
    width			: 60px;
    height			: 45px;
    background		: #F0F0F0;
    overflow		: hidden;
    text-align		: center;
}

.plusDinfos {
    float			: right;
    margin			: 3px 4px 0 0 ;
    display			: inline;
}

/*-------------------------------*
 *         Zone des tests        *
 *-------------------------------*/
#contenu #test_preview {
    margin           : 15px 0px 35px 0px;
}
#contenu #test_preview:hover {
    color            : #E29A13;
    background-color : #f8f8f8;
}

#contenu #test_preview #tested_product h2{
    font-size           : 120%;
    margin              : 0px 0px;
    border-bottom       : none;
    padding             : 5px;
    text-align          : center;
}
#contenu #test_preview span{
    float             : right;
    color             : #999;
    font-weight       : normal;
    font-size         : 90%;
}
#contenu #test_preview #test_content_preview{
    text-align : left;
}
#contenu #test_preview #test_content_preview h2{
    border-bottom-color : #DDD;
    margin     : 5px 0px;
}
#contenu #test_preview #test_content_preview h2 a{
    color : #333;
}
#contenu #test_preview #tested_product{
    float   : left;
    border  : 1px solid #DDD;
    width   : 225px;
    height  : 80px;
    background-color : #FFF;
}
#contenu #test_preview #test_content_preview{
    float : right;
    width : 425px;
}
#contenu #testContent .orderBy{
    padding-top: 10px;
    font-size   : 110%;
}

#contenu .tests_selected_item{
    background-color : #BCFFBC;
}

#contenu .matos_quote{
    float		: left;
    display		: inline;
    margin-top	: 20px;
}
#contenu .matos_quote img{
    float		: left;
}
#contenu .matos_quote #value{
color:#FF0198;
font-size:8pt;
font-weight:normal;
line-height:14px;
margin-left:15px;
padding-top:6px;
}
.title_wide{
    text-align		: center;
    margin			: 10px;
    font-size		: 20pt;
    color			: #FF0198;
    font-weight		: bold;
}

.p_caracteristics th{
    background-color : #C3FBD2;
}
.p_caracteristics td{
    border			:1px solid #0f0;
    padding			: 8px 5px;

}
.p_caracteristics th{
    padding			: 5px;
}
.p_caracteristics{
    #border-spacing		: 0px;
    #border-collapse		: collapse;
    border 				: none !important;
}

/*-------------- Module recherche ----------*/

.search_slider {
    background-image	: url('/i/slider_resize_grey.png');
    background-repeat	: no-repeat;
    height				: 20px;
	width				: 150px;
}

.search_slider_vertical {
    background-image: url('/i/slider-bg-v.png');
    background-repeat:no-repeat;
    height			: 310px;
	width			: 45px;
}

.search_slider_indicator {
    background-color: #FFFFFF;
	border			: 1px solid #FF0198;
	height			: 20px;
	width 			: 10px;
	float			: left;
}

.slider_rail_bg {
    background 		: url(/i/slider-bg-h.gif) 7px 0 no-repeat;
    height 			: 28px;
    width 			: 221px;
    position 		: relative;
}

.slider_rail_bg div {
    position 		: absolute;
    top 			: 0px !important;
}

.v_searchfield{
    float			: left;
    width			: 150px;
    #border-right	: 1px solid #DDD;
    text-align 		: center;
    font-weight		: bold;
    margin			: 5px;
    height			: 34px;
}

.v_searchfield select {
    margin-top		: 4px;
    width			: 130px;
    border-color	: #BBB !important;
}

.v_searchfield input {
    margin-top		: 4px;
    border-color	: #BBB !important;
}

.search_zone input{
    border-color	: #FF0198 !important;
}

.slider_handler{
    cursor : pointer;
}


#search_results .longdesc{
    padding		: 2px 5px;
}

#search_results .shortdesc{
    width		: 317px;
    float		: left;
    height		: 95px;
}

#search_results .shortdesc .matos_visu{
    text-align	: center;
}
#search_results .shortdesc .matos_category{
    display		: none;
}

#search_results .longdesc .matos_visu{
    text-align	: center;
    float		: left;
}
#search_results .longdesc .matos_category{
    display		: inline;
    color		: #AAA;
}
#search_results .shortdesc .matos_description{
    display		: none;
}
#search_results .longdesc .matos_description{
    display		: block;
    float		: left;
    width		: 430px;
    font-weight	: normal;
    font-size	: 9pt;
    margin-left	: 7px;
}

#search_results .listing-choice{
    float			: right;
    margin-top  	: -5px;
    margin-right	: 5px;
}

#search_results .listing-choice #btn-list-on{
    background : transparent url(/i/mozaiqueicons.jpg) no-repeat scroll 0px -24px;
    height:25px;
    width:31px;
}
#search_results .listing-choice #btn-grid-on{
    background : transparent url(/i/mozaiqueicons.jpg) no-repeat scroll -33px 0px;
    height:25px;
    width:32px;
}
#search_results .listing-choice #btn-list-off{
    background : transparent url(/i/mozaiqueicons.jpg) no-repeat scroll 0px 0px;
    height:25px;
    width:31px;
}
#search_results .listing-choice #btn-grid-off{
    background : transparent url(/i/mozaiqueicons.jpg) no-repeat scroll -33px -24px;
    height:25px;
    width:32px;
}

.search_zone{
    background-color: #EFEFEF;
    padding-top		: 15px;
    border			: 2px solid #00FF00 !important;
    border-top		: none !important;
    border-left		: none !important;
    border-bottom	: none !important;
}

.controls .slider
{
    width: 220px;
}


/*************** LOADING ********************/

#searchloader_content{
    background-color 	: #FFF;
    width 				: 300px;
    position			: relative;
    z-index				: 601;
    text-align			: center;
    top 				: 160px;
    margin-left			: 185px;
    padding 			: 10px;
    border				: 2px solid black;
}

#contenu #featured h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:26px;
line-height : 28px;
}

#contenu #featured h2 a {
}

#contenu #featured h2 span {
	width : auto;
	float : none;
	display : inline;
	color : #999;

}
#contenu #featured #icons {
	margin : 30px 0 0 0;	
}

#contenu #featured a.img_link {
    display:block;
    margin: 0 0 0 10px;
    float : right;
	width : 330px;
}

#contenu #featured {
	font-size : 14px;
	line-height : 20px;
    text-align: justify;
}

#featured img.featured {
    width : 330px;
}

#featured #thumbnails img {
	width : 80px;
}

#fast-search .submit
{
	float : right;
}

#years_averages {
font-size:15px;
font-weight:bold;
}

#years_averages {
margin:0 0 25px;
}

#contenu #years_averages li {
border : none;
}

.year_average_mc {
	text-align:center;
}

#years_averages span {
float:none;
font-size:12px;
}

#years_averages .rating {
font-weight:normal;
}

#years_averages .rating {
float:right;
font-size:22px;
padding:0 17px 2px 0;
}

#comment #global_rating, #years_averages .rating {
float:right;
font-size:27px;
}

h3 .rating
{
	float : right;
}


#back_preview, #front_preview
{
	width : 305px;
}

#show_other_visuals	div
{
	border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
	margin : -10px 10px 10px 10px;
	float : right;
	padding : 3px 10px;
	color : #000;
	text-align : center;
	width : 320px;
}

#show_other_visuals	div img
{
	vertical-align : top;
	margin : 0 15px;
}

#show_other_visuals	div h2
{
    text-transform : uppercase;
	font-size : 20px;
	font-weight : bold;
	border : none;
	margin : 0;
}

#other_visuals
{
	border: 1px solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	margin: 5px 10px;
	display:none;
	text-align : center;
}

.other_visual
{
	display : inline-block;
	text-align : center;
	margin : 5px;
	
}

#product_riders
{
	text-align : center;
}

#other_years
{
	text-align : center;
}

#other_guides h2
{
    border-color: #000000;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-size: 24px;
    margin: 10px 0 0;
}

#other_guides .col.guide_home h2
{
    border-style : none;
    font-size : 16px;
    text-align: left;
}

#other_guides .col.guide_home .counter_tests
{
    font-size: 12px;
}


/** AFFICHAGE AUTOCOMPLETION **/


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
    text-align:left;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/i/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
/*	background-color: #00FF00;*/
	color: #FF0198;
}


/** Guide matos - Liste des marques **/


.brands {
    width: 320px;
    height: 345px;
    position: absolute;
    z-index: 10;
    float: left;
    padding-top: 5px;
    border: 2px solid transparent;
}

.brands .brands_title {
    margin: 0 5px 15px 5px;
}

.brands #all_brands{
    display:block;
    float:right;
    margin: 5px 5px 0;
}

.brands .brands_list #close_brands{
    display:block;
    float:right;
    margin: 5px 10px 0;
    color:#FA0012;
}

.brands .brands_list {
    width: 320px;
    height: 380px;
    padding: 10px 0 3px 3px;
    overflow: hidden;
    border: 2px solid transparent;
}

.brands .full_list {
    /*padding: 10px 5px 3px 8px;*/
    border: 1px solid #FFF;
    background-color: #FFFFFF;
    border: 2px solid #D1D7E7;
    box-shadow: 0 2px 4px #D1D7E7;
    -moz-box-shadow:0 2px 4px #D1D7E7; 
    -webkit-box-shadow:0 2px 4px #D1D7E7;
}

.brands .brands_list h3 {
    border:0 none;
    float:left;
    margin:2px 3px;
}

.brands .brands_list h3 a {
    display: block;
    height: 50px;
}

.brands .brands_list h3.not_premium {
    display: none;
}

.brands .brands_bloc {
    width: 320px;
    padding: 0;
    overflow: hidden;
}

#contenu #testContent h3.companies {
    border: 0 none;
    float: left;
    margin: 2px 3px;
}


.mini_ranking h2 .date {
    color: #FF0198;
    font-size: 12px;
    font-weight: bold;
}

#family_weekly_ranking, #family_most_consulted {
    float: left;
    margin: 9px 0 0 335px;
    width: 310px;
    min-height: 345px;
}

.mini_ranking table {
    margin : 10px 0 0 0;
    width : 310px;
}

.mini_ranking table td {
    padding : 2px;
    
}

.mini_ranking table td a {
    color : #000;
}

.mini_ranking table .ranking {
    background : transparent url('/c/i/ranking-arrows.png') 1px 1px no-repeat;
    padding : 2px 2px 2px 24px;
    font-weight : bold;
}

.mini_ranking table .ranking span {
    font-style : italic;
    font-weight: normal;
    font-size : 9px;
}

.mini_ranking table .up .ranking {
    background-position: 1px -21px;
}


.mini_ranking table .stable .ranking {
    background-position: 1px -39px;
}

.mini_ranking table .product {
    font-weight : bold;
}

.mini_ranking table .product span {
    font-weight : normal;
}


/** Guide matos - Liste des Derniers tests **/


.tests_list .test_line {
    margin: 10px 0;
}

.tests_list .test_line .note {
    float: right;
}

h2.add_test a {
    display:block;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    margin: 10px 0 5px;
}

.add_test .button {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    line-height: 14px;
    width: 20px;
    background: none;
    color: #00FF00;
}

table.full_ranking .ranking {
    font-weight : bold;
    font-size : 24px;
    line-height: 16px;
    vertical-align: middle;
}

table.full_ranking .ranking span {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    line-height : 16px;
}

table.full_ranking .ranking div.trend {
    background : transparent url('/c/i/ranking-arrows.png') -2px 2px no-repeat;
    height : 20px;
    width : 20px ;
    float : left;
    margin : 2px 2px 0 0;
}

table.full_ranking .up div.trend {
    background-position: -2px -19px;
}


table.full_ranking .stable div.trend {
    background-position: -2px -39px;
}

.products_table {
    width: 100%;
}

table.products_table td{
    border : none !important;
    border-radius : 0 !important;
    padding: 10px 10px 10px 0;
    vertical-align: top;
    border-bottom: 1px solid #D1D7E7 !important;
}


.products_table.family_1 a, .products_table.family_2 a
{
    height : 55px;
}

.products_table.family_10 a, .products_table.family_11 a, .products_table.family_21 a
{
    height : 100px;
}

.products_table .price_cell, .products_table .product_title{
    font-size: 16px;
    font-weight: bold;
}

.products_table .product_title.selected{
    color : #00A4FF;
}

.products_table .price_cell{
    width : 60px;
    text-align : right;
    padding-right : 15px;
}

.products_table .tests_cell{
    width : 72px;
    font-size: 11px;
    font-weight: bold;
    padding-right: 0px;
    margin: 0 3px 0 0;
}

table.full_ranking .ranking {
    width : 60px;
}

.products_table a {
    color : #000;
}

.products_table .avg_rating {
    color : #000;
    font-size : 16px;
    line-height: 16px;
}

.products_table .avg_rating span {
    font-size : 10px;
    font-weight : normal;
}

#contenu h2.title {
    border : 0;
    font-size : 3.6em;
    color : #ff0198;
    font-weight : bold;
    text-align : center;

}
#thumbnails img {
    border : 2px solid #FFF; 
    margin : 0 0 10px 0; 
    width : 110px;
}
#thumbnails .selected img {
    border-color : #0F0;    
}
#binding_info, #boot_info {
    border			: 1px solid #0F0;
    width			: 400px;
    margin			: 20px 0  0 125px;
    font-size		: 1.2em;
}

#boot_info {
    width			: 500px;
    margin			: 20px 0  0 75px;
}

#binding_info td, #boot_info td  {
    border			: 1px solid #0F0;
    text-align		: center;
    padding			: 2px;

}

.col .crit {
    width			: 160px;
    height			: 140px;
    float			: left;
    text-align		: center;			    	
    color : #ff0198;
    font-weight : bold;
    font-size		: 1.2em;
}

.col .crit.icon {
    font-size		: 0.9em;
}

.col .crit span {
    font-size : 2.2em;
    color : #ff0198;
    font-weight : bold;
}
.col .crit.slider {
    font-size : 1.4em;
    margin-top		: 16px;
    width			: 320px;
    height			: auto;
    background		: url(/i/matos/tags-5/slider-bg.png) center no-repeat;
}
.col .crit.slider span {
    font-size : 0.8em;
    color : #ff0198;
    font-weight : bold;
}
            
#main_photo
{
	float : left;
	text-align : center;
	margin : 0 0 25px 5px;
}

#main_photo.no_thumbs {
    float : none;
}

#thumbnails {
	float : left; 
	width : 135px;
	margin : 10px 0 25px 0;
}
#thumbnails img {
	border : 1px solid #d1d7e7; 
	margin : 0 0 0;
}
#thumbnails .selected img {
	border-color : #0F0;    
}

/*------------------------------------------------------------------------------- *
 *                          Display wear                                          *
 *------------------------------------------------------------------------------- */
#pricing {
    margin-top: 33px;
    float: right;
}
#pricing .main_price {
    border: 0;
    font-size: 3em;
    color: #FF0198;
    font-weight: bold;
    text-align: center;
}

#icons {
    margin-top: 40px;
}

#icons span {
    display: inline-block;
    margin-top: 25px;
    text-align: center;
}
.scale {
    font-size: 20px;
    line-height: 22px;
}
.scale.scale_bar {
    font-size: 1.4em;
    display: block;
    width: 320px;
    height: auto;
    background: url(/i/matos/tags-5/slider-bg.png) 0 3px no-repeat;
}

.scale.scale_bar .content {
    display: none;
}

.scale_max {
    float: right;
    color: #FF0198;
    font-weight: bold;
}

.scale_min {
    float: left;
    color: #FF0198;
    font-weight: bold;
}

.scale .bar {
    display: block;
    border-right: 5px solid #666666;
    border-radius: 2px;
}


/*------------------------------------------------------------------------------- *
 *                          TESTS                                                 *
 *------------------------------------------------------------------------------- */



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

#addForm legend
{
    font-weight: bold;
}