#barregauche {
  height: 100%;
  float: left;
  width: 15%;
  border-left-style: none;
  margin:0;
  margin-top:  2px;
  margin-right: 4px;
  text-align:justify;
  font-size:85%;
}

#barremilieu{
  border-left: 1px solid #0197f0;
  overflow: hidden;
  position: relative;
  width:63%;
  min-height:500px;
  float:left;
  margin-top:  2px;  
  text-align:justify;
     font-size:85%;
}

#barredroite {
  border-left: 1px solid #0197f0;
  margin:0;
  margin-top:  2px;
  position: relative;
  float: right;
  width: 20%;
  height: 100%;
  min-height:500px;
  visibility: visible;
  text-align:center;
   font-size:85%;
}

#barremilieu p, #barredroite p,#barregauche p{
  margin-right: 4px;
  margin-left: 4px;
}

#barremilieu h3, #barredroite h3,#barregauche h3{
 text-align:center;
 border-top: 1px solid;
 margin-top:  2px;
 margin-left: 6px;
}
#barremilieu h7, #barredroite h7,#barregauche h7{
 /*font-weight:bold;
 font-style:italic;*/
 font-size:80%;
}
#barregauche img{
 margin-top:2px;
 margin-right:2px;
}

#barremilieu a{
margin-left:2%;
color: #003779;
text-decoration: none;
}

#barremilieu a:hover {
  color: #f19e7b;
}

.classTop {
 height: 150px;
 font-size:120%;
}

#barredroite ul{
 margin:0;
padding:0;
}