/* Général */
body {background-color: black; color: #DEBA80; margin: 0; padding: 0;
  font: bold 12px Verdana, sans-serif;}

#conteneur {position: absolute; width: 1000px; height: 750px;
  left: 50%; top: 0px; margin-left: -500px;}

/* Panneau gauche */
img#logo_apap {width: 100px; height: 100px; margin: 15px 0 15px 0;}
div#nav {position: absolute; top: 0; left: 0; width: 100px; color: black;
         font: bold 10px Verdana, sans-serif;}
div#nav ul {margin: 0; padding: 0; width: 100px; background: #FFEEAA;}
div#nav li {position: relative; list-style: none; margin: 0;
            border-bottom: 1px solid black; border-right: 1px solid black; 
            height: 41px; line-height: 1.25em;}
div#nav li:hover {background: white;}
div#nav li.submenu {padding-left: 0.25em; padding-top: 1.5em; height: 32px;}
div#nav li.submenu:hover {background: white;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.25em;
              text-decoration: none; color: black;}
div#nav ul ul {position: absolute; top: 0; left: 100px; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2 {display: block;}
div#nav ul.level2 li {height: 35px;}

/* Bandeau annonce */
div#bandeau {margin: 0; padding: 5px 0 0 30px; position: absolute;
  bottom: 65px; left: 0; width: 97%; height: 85px;
  background-color: #000; color: #DEBA80;
  text-align: left; 
  font-size: 18px; line-height: 1.4em;
  
  border: 1px solid #DEBA80;}

/* div#bandeau ul {margin: 0; padding: 0;} */
div#bandeau ul {margin: 0; padding: 0; font-size: 18px; line-height: 1.4em;}
div#bandeau a {text-decoration: none; color: #478DD3;}
div#bandeau a:hover {color: red;}

div#lune {float: right; padding: 0 5px 0 5px;}

/* Panneau central */
div#main {position: absolute; top: 0; right: 200px; width: 600px;}
h1, h2 {text-align: center; color: #478DD3;}
h1 {font-size: 3em; margin: 10px 0 0 0;}
h2 {font-size: 26px; margin: 0;}
div#image {position: absolute; top: 134px; left: 0px;}
div#image a {text-decoration: none; color: #478DD3;}
div#image a:hover {color: red;}
figure#figure_centrale {padding: 0; margin: 0;}
img#image_centrale {border: 1px solid #478DD3; width: 600px; height: 400px;}
figcaption.cap {text-align: center; font-size: 11px;}

/* Panneau droit */
div#logos {position: absolute; top: 0; right: 0; width: 100px;}
img#logo_peiresc {width: 100px; height: 100px; margin: 15px 0 5px 0;}
img.logo {margin: 9px 0 0 0; padding: 3px; width: 94px; height: 46px;}
img.logoaix {margin: 9px 0 0 0; padding: 3px; width: 94px; height: 53px;}
img.logosup {margin: 1px 0 0 0; padding: 0px; width: 94px; height: 135px;}
img.logoaplf {margin: 9px 0 0 0; padding: 3px; width: 94px; height: 55px;}

/*Adresse */
div#adresse {margin: 0; padding: 0; position: absolute; bottom: 40px; left: 0;}
div#adresse p {margin: 0; padding: 0; width: 100%; text-align: left; 
  font-size: 10px;}
div#adresse p a {text-decoration: none; color: #478DD3;}
div#adresse p a:hover {color: #DEBA80;}


/* Téléphone */
div#tel {margin: 0; padding: 0; position: absolute; bottom: 40px; left: 450px;}
div#tel p {margin: 0; padding: 0; width: 100%; text-align: center; 
  font-size: 10px;}
div#tel p a {text-decoration: none; color: #478DD3;}
div#tel p a:hover {color: #DEBA80;}


/* Courriel */
div#courriel {margin: 0; padding: 0; position: absolute; 
              bottom: 40px; right: 0;}
div#courriel p {margin: 0; padding: 0; width: 100%; text-align: right; 
  font-size: 10px;}
div#courriel p a {text-decoration: none; color: #478DD3;}
div#courriel p a:hover {color: #DEBA80;}

/* Réseaux sociaux */
div#facebook {margin: 0; padding: 0; position: absolute; 
              bottom: 40px; left: 0;}
div#facebook p {margin: 0; padding: 0; width: 100%; text-align: left; 
  font-size: 10px;}
div#facebook p a {text-decoration: none; color: #478DD3;}