html { text-indent: 5px; font-family:sans-serif; text-align: center; margin: 5px;}#fixedTop { bottom: 0; left: 0; position: fixed; background-color: blanchedalmond; border: solid 2px #ffd800; border-radius: 8px; opacity: 0.5;}a { text-decoration: none;}div { margin:2px;}.heder { text-align: right;}#idprudact{width:100%;}.first { width: 22%; display: inline-block; border: solid 1px #e8e8ec; border-radius: 5px; padding: 1px; text-align: center;}.first #divimg{width:100%} img { width: 200px; height: 160px; float: none; display: inline-block;}.button { display: inline-block; background-color: #ffd800; border: solid 2px blanchedalmond; border-radius: 5px;}.footer { text-align: right; background-color: #abbaba; color: #000;}.saerch { text-align: right; }.classAccepte { background-color: #2f850a; color: white; border: solid 2px #285414; border-radius: 5px; display: inline-block;}.second { width: 22%; display: inline-block; text-align: right; text-overflow: unset; padding-top: 0; margin-top: 0; border: solid 2px #e8e8ec; border-radius: 5px; text-align: right;}ul { font-size: large;}.span { float: left; font-size: xx-large; text-indent: 19px;}@media screen and (max-width:850px) { .first , .second { width:40%; } img { width: 95%; height:150px; } .first .button { width: 95%; }