/* -*- coding: utf-8 -*-
 Time-stamp: "2015-07-05 17:25:39 novatux" 
 Début du fichier : 2005-12-30T16:51:24  
 mise en page à l'écran du corps de la page html  
 les trois divisions physiques de l'écran 
 reprise pour le site yvon-henel.fr
 version 2
*/

@import url(./droite.css);
@import url(./gauche.css);

body{
  display: block;
  margin: 0%; 
  color: black; 
  background-color: #FFFAFA; /* snow */
}

div.gauche {
  background-color: white;
  background-image: url(background01.jpg);
  background-repeat: repeat;
  border: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #D0D0D0;
  position: fixed;
  width: 24%;
  height: auto;
  top: 0%;
  bottom: 0%;
  right: auto;
  left: 0%;}

div.principal {
  border: none;
  position: relative;
  width: 50%;
  height: auto;
  top: 0%;
  bottom: 0%;
  right: 25%;
  left: 25%;
}

nav {
  background-color: white;
  background-image: url(background01.jpg);
  background-repeat: repeat;
  border: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #D0D0D0;
  position: fixed;
  width: 24%;
  height: auto;
  top: 0%;
  bottom: 0%;
  right: 0%;
  left: auto;
}

#bnd { 
  display: block;
  text-align: center;
  background-color: #F0F8FF; 
  margin: 12pt 0pt 24pt 0pt;
} 

#enseigne {
  font-size: 140%;
  font-weight: bold;
}

h1 {
  display: block;
  margin: 12pt 0;
}

div.date {
  display: block;
  margin: 24pt 3pt;
  text-align: right;
}

p.chapo {  
  display: block;
  margin: 18pt 0 18pt 0;
  color: Black; 
  font-weight: bold;
  border: solid;
  border-width: 3px 0;
  border-color: Navy;
  padding: 3pt 0;
}