.display-card {
     display: flex; 
     align-items: center; 
     max-width: 900px; 
     margin: 30px auto; 
     padding: 20px; 
     background-color: #f7f7f7; 
     border: 1px solid #d8d8d8; 
     border-radius: 8px; 
     box-sizing: border-box; 
    } 
    /* Image */ 
    .display-image {
         flex: 0 0 280px; 
         text-align: center; 
        } 
        
    .display-image img {
         display: block; 
         width: 100%; 
         max-width: 260px; 
         height: auto; 
         margin: auto; 
        }
        /* Informations */ 
        
    .display-info { 
        flex: 1; 
        padding-left: 30px; 
    } 
    
    .display-info h3 { 
        margin: 0; 
        font-size: 1.5em; 
        color: #333; 
    } 
    
    .display-manufacturer {
        margin: 4px 0 18px 0; 
        font-size: 0.9em; color: #666; 
        letter-spacing: 0.05em; 
    }
    
    /* Tableau des caractéristiques */ 
    
    .display-info dl { 
        margin: 0; 
    } 
    
    .display-info dl > div { 
        display: flex; 
        padding: 6px 0; 
        border-bottom: 1px solid #ddd; 
    } 
    .display-info dl > div:last-child { 
        border-bottom: none; 
    } 
    
    .display-info dt { 
        width: 140px; 
        font-weight: 600; 
        color: #555; 
    } 
    
    .display-info dd { 
        margin: 0; color: #222; 
    } 
    
    /* Note sous la fiche */ 
    .display-note { 
        max-width: 900px; 
        margin: 10px auto 30px auto; 
        padding: 10px 15px; 
        font-size: 0.9em; 
        color: #666; 
        text-align: center; 
        border-top: 1px solid #ddd; 
    } 
    
    /* Smartphone */ 
    @media (max-width: 600px) 
    {
         .display-card {
             flex-direction: column; 
             padding: 15px; 
        } 
        
        .display-image {
            flex: none; 
            width: 100%; 
            margin-bottom: 20px; 
        } 
        
        .display-image img { 
            max-width: 220px; 
        } 
        
        .display-info {
             width: 100%; 
             padding-left: 0; 
        } 
        
        .display-info h3 { 
            text-align: center; 
            font-size: 1.3em; 
        } 
        
        .display-manufacturer { 
            text-align: center; 
        } 
        
        .display-info dl > div {
             padding: 7px 0; 
        } 
        
        .display-info dt {
             width: 42%; 
        } 
        .display-info dd {
             width: 58%; 
        } 
        
        .display-note { 
            margin-left: 15px; 
            margin-right: 15px; 
        } 
    }