#tool_haut { width:100%; height:27px; background:#333; top:0; position:fixed; z-index:10; float:left; }
#content_tool_haut { clear:both; margin:auto; max-width:1200px; font-size:15px; padding-top:3px; }
#livraison { color:#cfcfcf; float:left; padding-left:5px; font-weight:200; padding-top:3px; font-size:1em;}
#comptepanier { color:#cfcfcf; float:right; padding-right:37px; font-weight:200; display:flex;}
#comptepanier a { color:#cfcfcf;}
#comptepanier a:hover { color:#ffc600;}
.tool_total_panier {color:#ffc600; font-size:17px;  font-weight:200;}
#comptepanier img {padding-right:5px; padding-top:1px;}



#tete { width:100%; top:27px; position:fixed; z-index:10; border:0px solid red; height:160px; background:#fff; }
#content_tete { margin:auto; max-width:1200px; background:#FFF; display: flex;    justify-content: space-between;}
#content_logo { padding:5px 5px; display:flex;}
#content_accroche {  display:flex; flex-direction: column; font-size: 25px; color:#717171; padding-right:5px;  font-weight:200; padding-top : 34px;}

@media only screen and (max-width:1071px) {
  #tete { height:80px; }
  #content_logo IMG { max-height:70px; }
  #content_accroche { float:right; padding-top:0px; font-size: 25px; color:#717171; padding-right:5px;  font-weight:200;}
}

@media only screen and (max-width:870px) {
  #livraison { display: none; }
  #content_accroche { display:none; }
  #content_logo { border:0px solid red; padding:0px; clear:both; width:100%; margin:0px; text-align:center; }
  #content_logo IMG { max-height:60px;  margin: auto; }
  #tete { height:60px; border-bottom:1px solid #333; }
}