.headerbase
{
  /* border-top:1px #E3A244 solid; */
  /* border-bottom:1px #E3A244 solid; */
  background-color:#E1DDDC;
  position:fixed;
  top:0px;
  z-index:10;
}
.headerbasesub
{
  height:105px;
}
@media only screen and (max-width:700px)
{
  .headerbase
  {
    /* border-top:1px #E3A244 solid; */
    /* border-bottom:1px #E3A244 solid; */
    background-color:#E1DDDC;
    position:static;
    top:0px;
    z-index:10;
  }
  .headerbasesub
  {
    height:0px;
    display:none;
  }
}
.headerlogo0
{
  margin-left:50px;
  margin-right:24px;
  height:120px;
  width:589px;
  background-color:transparent;
  background-image:url(../img/logogrisheader.png);
  background-repeat:no-repeat;
  background-position:center center;
  display: inline-block;
  cursor:pointer;
}

.footerbase
{
  border:0px #000000 solid;
  background-color:#E1DDDC;
  height:120px;
  /* width: 100%; */
  /* position:fixed; */
  bottom:0px;
  /* background-color:transparent; */
  background-image:url(../img/logogris.png);
  background-repeat:no-repeat;
  background-position:center left;
}
.titreconnect
{
  height:28px;
  width:160px;
  border-radius:14px;
  margin:20px;
  padding-top:3px;
  font-size:18px;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  color:#E3A244;
  border:1px #E3A244 solid;
  background-color:#f8f8f8;
  cursor:pointer;
  display: inline-block;
  text-align:center;
  vertical-align:middle;
}
.titreconnect:hover
{
  color:#832228;
  border:1px #832228 solid;
}
.titreconnectactif
{
  color:#832228;
  border:1px #832228 solid;
}