html {
  overflow-y: scroll;
}
*{
  font-family: Helvetica, Arial, Verdana;
}
.illustration{
  text-align:center;
  width:800px;
}
.article{
  max-width:400px;
  max-height:400px;
}
#titre {
  padding:-15px auto;
  height:100px;
}
h1,h2,h3,h4 {
  color:#333333;
}
#missions ul li {
  list-style:circle;
}
a:focus {
  outline:0;
}
body {
  margin: auto;
  text-align: center;
  background-color:#dedede;
}
p {
  /*text-indent: 20px;*/
}
#conteneur {
  border-radius: 5px;
  text-align: left;
  margin: auto;
  width: 1080px;
  -moz-box-shadow: 0px 8px 30px 8px #656565;
  -webkit-box-shadow: 0px 8px 30px 8px #656565;
  -o-box-shadow: 0px 8px 30px 8px #656565;
  box-shadow: 0px 8px 30px 8px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=30);
}
.imageDroite {
    /*border:thin solid black;*/
    float:right;
    margin:0 0 15px 20px;
    padding:15px;
    text-align:center;
    display:block;
    max-width:315px;
    max-height:420px;
}
.imageGauche {
    /*border:thin solid black;*/
    float:left;
    margin:15px 50px 0 0;
    padding:15px;
    text-align:center;
    display:block;
    max-width:315px;
    max-height:420px;
}
.imageMilieu {
    /*border:thin solid black;
    margin:0 300px;*/
    margin:auto;
    padding:15px;
    text-align:center;
    display:block;
    max-width:315px;
    max-height:420px;
}
.imageDroite img {
    max-width:300px;
    max-height:400px;
}
.imageGauche img {
    max-width:300px;
    max-height:400px;
}
.imageMilieu img {
    max-width:300px;
    max-height:400px;
}
div #middle {
  padding: 20px 40px;
  background: #FFFFFF;
  text-align: left;
}
#missions {
  margin:auto;
  width:600px;
}
.menuPaves {
  text-align: center;
  width: 100%;
  border-spacing: 30px;
}
.menuPaves td {
  border-radius: 10px;
  width:70px;
  font-size: 20px;
  font-weight: bold;
  color: #dedede;
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.75);
  background: #AF1644;
  background: -moz-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AF1644), color-stop(100%, #660033));
  background: -webkit-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -o-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -ms-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: linear-gradient(top, #AF1644 0%, #660033 100%);
  padding: 25px;
}
.menuPaves a {
  text-decoration: none;
  color: white;
}
.menu ul,
.menu li,
.menu span,
.menu a {
  margin: 0;
  padding: 0;
  position: relative;
}
.menu {
  margin: auto;
  height: 49px;
  width: auto;
  padding-left:80px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #AF1644;
  background: -moz-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AF1644), color-stop(100%, #660033));
  background: -webkit-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -o-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -ms-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: linear-gradient(top, #AF1644 0%, #660033 100%);
  border-bottom: 2px solid #b3000c;
}
.menu:after,
.menu ul:after {
  content: '';
  display: block;
  clear: both;
}
.menu a {
  background: #AF1644;
  background: -moz-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #AF1644), color-stop(100%, #660033));
  background: -webkit-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -o-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: -ms-linear-gradient(top, #AF1644 0%, #660033 100%);
  background: linear-gradient(top, #AF1644 0%, #660033 100%);
  color: #000;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
.menu ul {
  list-style: none;
}
.menu > ul {
  float: left;
}
.menu > ul > li {
  float: left;
}
.menu > ul > li > a {
  color: #EBC0D1;
  font-size: 14px;
}
.menu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #b3000c;
  margin-left: -10px;
}
.menu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
.menu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #b3000c;
  margin-left: -10px;
}
.menu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #660033;
  background: -moz-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #660033), color-stop(100%, #8F1338 ef));
  background: -webkit-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -o-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -ms-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: linear-gradient(top, #660033 0%, #8F1338 ef 100%);
}
.menu > ul > li:hover > a {
  background: #660033;
  background: -moz-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #660033), color-stop(100%, #8F1338 ef));
  background: -webkit-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -o-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: -ms-linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  background: linear-gradient(top, #660033 0%, #8F1338 ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.menu .has-sub {
  z-index: 1;
}
.menu .has-sub:hover > ul {
  display: block;
}
.menu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
.menu .has-sub ul li {
  margin-bottom: -1px;
}
.menu .has-sub ul li a {
  background: #b3000c;
  border-bottom: 1px dotted #e6000f;
  filter: none;
  font-size: 12px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #EBC0D1;
}
.menu .has-sub ul li:hover a {
  background: #80000a;
}
.menu .has-sub .has-sub:hover > ul {
  display: block;
}
.menu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.menu .has-sub .has-sub ul li a {
  background: #8F1338;
  border-bottom: 1px dotted #e6000f;
}
.menu .has-sub .has-sub ul li a:hover {
  background: #660007;
}
.citation {
  /*width:300px;*/
  font:bold 20px Arial, sans-serif;
  margin:20px auto;
  padding:40px 6px 25px 15px;
  text-align:left;
}
.auteur {
  font:italic 16px Arial, sans-serif;
  text-align:right;
}
ul {
  margin-left:10px;
  list-style-image: url('/css/img/puce.gif');
}
#footer {
  font-size: 12px;
  text-align: center;
  padding: 10px 0 10px 0;
  margin: auto;
}
#contact {
  text-align: center;
  font-size:16px;
}