Cadre1.html

<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- cadre global --> 
<div style=" width:100%; box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.8);">

      <!-- icone à gauche --> 
      <div style=" height:30px; width:30px; position:absolute; margin-top:6px; margin-left:5px; opacity:0.7; max-width:100%; height:auto;">
	  <i class="fa fa-lightbulb-o" style="font-size:20px;color:red"></i>
      </div>
      
      <!-- barre de titre  --> 
      <div align=center style="color:rgba(255,255,255,1); font-size:20px; height:30px; background-color: rgba(100,100,255,0.5); padding-top:0px; font-family:Montserrat, Arial; font-variant: small-caps; font-weight:normal;">
      <strong>Salon</strong>
      </div>
      
      <!-- carré de sélection pour le déplacer  --> 
      <div style="height:300px;  background-color: rgba(255,255,255,0.3);">
      </div>
  
</div>