/* $Id: VWA2HOST.css 4281 2016-05-27 11:45:41Z riou $ */
div  {
  margin:0;
  padding:0;
  }
a:hover {
  color: #FFC853;
  font-style: normal;
  text-decoration: underline
}
a {
  color: #006BB1;
  font-style: normal;
  text-decoration: none
}
.container {
  border:0;
  width: 100%;
  }
.head {
  width:100%;
  border:0;
  }
.head .left {
  margin: 1%;
  width: 23%;
  float:left;
  min-width:100px;
  }
.head .left img{
  width:100%;
  }
.bandeau .container {
  min-height:80px;
  height:auto;
  display:inline-block;
  border:none;
  }
.bandeau .container div:first-child img {   /* à reporter dans ADMVWM.css sous réserve de suppression des with et height en dur dans la page */
    padding-left:10px;
/*    width:80%; */
}
.head .right {
  margin: 1%;
  width: 73%;
  text-align:right;
  display:inline-block;
  }
#langFlags {
	width:100%;
	text-align:right;
	}
#langFlags a {
	padding-left:4px;
	}
#langFlags img {
	width:16px;
	}
.Titre {
  color:#ffffff;
  font-size:0.9em;
  }
.Titre span {
  font-weight:bold;
  font-size:1.7em;/* fonctionne en référence à taille de Titre */
  color:#0066CC;
  }
.content {
  clear:both;
  width:90%;
  margin-left:5%;
  margin-right:5%;/* ' cellspacing='10px' cellpadding='0' */
  }
section#main section {
  /*' valign='top' */
  float:left;
  margin:1%;
  padding:0;
  width:48%;
  display:inline-block;
  height:auto;
  min-height:280px;
  }
section#main section  div {
  width:94%;
  margin:3%;
  overflow:auto;
  border-top:1px solid #E8E8E8;
  }
section#main section  div div {
  margin:0;
  border-top:0;
  }
section#main section  div.head{
  width:94%;
  margin:3%;
  border-top:0;
  color:#000000;
  font-weight:bold;
  font-size:1.5em;
  }
section#main section  div div.right{
  width:20%;
  display:inline-block;
  }
section#main section  div div.left{
  width:80%;
  float:left;
  padding-top:2%;
  }
section#main section  div div.left a{
  font-weight:bold;
  font-size:1.1em;
  }
section#main section  div div.left span{
  font-size:0.9em;
  }
section#main section  div div.right{
  width:20%;
  }
.bottom {
  clear:both;
  margin-left:6%;
  margin-right: 6%;
  width: 88%;
  padding-bottom: 1%;
  padding-top: 1%;
  font-size:1em;
  }
.bottom a {
  color:#000000;
  }
.Copyright {
  width:100%;
  text-align:center;
  }

div.bandeau div.container, section#main {
  width:998px;
  }
@media screen and (max-width:64em) {/* 1024px */
  div.bandeau div.container, section#main {width:100%;}
}
@media screen and (max-width:48em) { /* 768px */
}
@media screen and (max-width:25em) { /* 400px */
  div.bandeau div.container, section#main section {
    width:98%;
    }
  .bandeau .container div {
    width:100%;
    }
  .bandeau .container div:nth-child(2) {
    font-size:100%;
    }
  .bandeau .container div:first-child img {
      width:40%;
      }
  body[data-nav='menu'] header, body[data-nav='menu'] section#main section div {
    display:none;
    }
  body[data-nav='menu'] section#main section div.head, body[data-nav='menu'] section#main section div.head * {
    display:inline-block;
    }
  body[data-nav='menu'] section#main section {
    min-height:10px;
    }
  a[data-nav='menu']  {
    background-image:url('bars-black.png');
    display:inline-block;
    width:25px;
    height:25px;
    background-repeat:no-repeat;
    }
  a[data-nav='block'] {
    background-image:url('grid-black.png');
    display:inline;
    width:25px;
    height:25px;
    background-repeat:no-repeat;
    }
}