/* Général ********************************************************************/
.page-produit #catalogue,
.page-famille #catalogue,
.page-catalogue-liste #catalogue {
    float: left;
    width: 570px;
}

.page-produit #shortcut,
.page-famille #shortcut,
.page-catalogue-liste #shortcut {
    margin-left: 600px;
    width: 270px;
}

#contenu .ficheSecurite a,
#contenu .breadcrumb a {
    color: #45403C;
}

#contenu .ficheSecurite a:hover,
#contenu .breadcrumb a:hover {
    text-decoration: none;
}

#contenu #catalogue img {
    float: left;
    margin: 0 15px 15px 0;
    width: 210px;
}

#contenu h2 {
    color: #FFC500;
    display: inline;
    font-size: 20px;
	margin-top: 10px;
}

#contenu #catalogue p {
    margin-top: 15px;
}

#contenu #catalogue div strong {
    line-height: 36px;
    display : block;
}

    /* Famille de produits ****************************************************/
	#shortcut ul.famille {
        list-style-type: none;
	    margin: 0 0 20px -15px;
        overflow: auto;
	}
	
	#shortcut ul.famille li {
	    background: url(../images/petites-vignettes-inactives.png) no-repeat left top;
	    float: left;
	    height: 127px;
	    margin-left: 15px;
	    text-indent: -9999em;
	    width: 127px;
	}
	
    #shortcut ul.famille li a {
        display: block;
        height: 127px;
        overflow: hidden;
        width: 127px;
    }

	#shortcut ul.famille #poids-lourd {
	    background-position: -134px 0px;
	}
	
	#shortcut ul.famille #industrie {
	    background-position: -268px 0px;
	}
	
	#shortcut ul.famille #automobile a:hover,
	#shortcut ul.famille #automobile a:active,
	#shortcut ul.famille #poids-lourd a:hover,
	#shortcut ul.famille #poids-lourd a:active,
	#shortcut ul.famille #industrie a:hover,
	#shortcut ul.famille #industrie a:active {
	    background: url(../images/petites-vignettes-actives.png) no-repeat;
	}
	
	#shortcut ul.famille #automobile a:hover,
	#shortcut ul.famille #automobile a:active {
	    background-position: 0 98px;
	}
	
	#shortcut ul.famille #poids-lourd a:hover,
	#shortcut ul.famille #poids-lourd a:active {
	    background-position: -134px 98px;
	}
	
	#shortcut ul.famille #industrie a:hover,
	#shortcut ul.famille #industrie a:active {
	    background-position: -268px 98px;
	}	
    
    /* Liste catégories *******************************************************/
    #contenu #catalogue ul.liste li {
        height: 22px;
        list-style-type: square;
        margin-left: 15px;
        padding: 2px;
    }
    
    #contenu #catalogue ul.famille li a,
    #contenu #catalogue ul.liste li a {
        color: #000;
    }
    
    #contenu #catalogue ul.famille li a:hover,
    #contenu #catalogue ul.liste li a:hover {
        text-decoration: none;
    }
    
/* Navigation secondaire ******************************************************/
.page-catalogue #nav-secondaire {
    margin: 30px 0 350px -17px;
    list-style-type: none;
}

.page-catalogue #nav-secondaire li {
    background: url(../images/grandes-vignettes-inactives.png) no-repeat left top;
    float: left;
    height: 280px;
    margin-left: 17px;
    text-indent: -9999em;
    width: 280px;
}

.page-catalogue #nav-secondaire #poids-lourd {
    background-position: -300px 0px;
}

.page-catalogue #nav-secondaire #industrie {
    background-position: -600px 0px;
}

.page-catalogue #catalogue #nav-secondaire li a {
    display: block;
    height: 280px;
    overflow: hidden;
    width: 280px;
}

.page-catalogue #nav-secondaire #automobile a:hover,
.page-catalogue #nav-secondaire #automobile a:active,
.page-catalogue #nav-secondaire #poids-lourd a:hover,
.page-catalogue #nav-secondaire #poids-lourd a:active,
.page-catalogue #nav-secondaire #industrie a:hover,
.page-catalogue #nav-secondaire #industrie a:active {
    background: url(../images/grandes-vignettes-actives.png) no-repeat;
}

.page-catalogue #nav-secondaire #automobile a:hover,
.page-catalogue #nav-secondaire #automobile a:active {
    background-position: 0 222px;
}

.page-catalogue #nav-secondaire #poids-lourd a:hover,
.page-catalogue #nav-secondaire #poids-lourd a:active {
    background-position: -300px 222px;
}

.page-catalogue #nav-secondaire #industrie a:hover,
.page-catalogue #nav-secondaire #industrie a:active {
    background-position: -600px 222px;
}

/* Animation ******************************************************************/
.page-catalogue #animation {
    clear: both;
    background: url(../images/fond-animation-accueil.png) left top no-repeat;
    height: 447px;
    padding: 10px;
    margin-top: 40px;
    width: 876px;
}

/* Recherche ******************************************************************/
#shortcut #recherche {
    margin-bottom : 10px;
}

#shortcut #recherche dt {
    display : none;
}

#shortcut #recherche dd {
    display : inline;
}

#shortcut #recherche input {
    width : 155px;
}

#shortcut #recherche dd.buttons #submit {
    width : auto;
    display : inline;
    margin-bottom : 10px;
}