/* feuille de style pour ma page perso
   dernière modification : 20070507 - JpVDB
*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #005500; /* vert très foncé, proche du noir */
  text-align: justify;
  background-color: white;
  background-image: url(http://www.enic.fr/people/vandeborre/images/green_border.png);
  background-attachment: fixed;
  background-repeat: repeat-y;
}

div#menuleft {
  overflow: auto; position: fixed; float: left;
  width: 10em;
  margin-left: 1em; margin-top: 0.5em;
  left: 1em; right: auto; top: 1em;
  padding: 2px;
  color: #000;
  border: 1px solid #000;
  line-height: 2em;
}

div#content {
  margin-left: 120px;
  margin-right: 30px;
  /* width: 680px; */
}

/* styles des liens hypertextes */
a, a:visited {
	color: #00C000; /* vert un peu plus clair que le texte */
	text-decoration: none; /* font-weight: bolder; */
}
a[title] {
  cursor: help
}
a:active, a:hover {
  color: lime; text-decoration: underline;
}
/* fin des styles des liens hypertextes */

acronym[title], abbr[title] {
  cursor: help
}

/* titre de la page */
p#titrepage {
  font-size: x-large;
  text-align: right;
  font-weight: bold;
  margin-bottom: 45px;
  letter-spacing: 5px;
}
p#soustitrepage {
  font-size: large;
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: thin dashed #005500;
}
div#portrait img {
  float: left;
  border: 0px
}
div#illustration img {
  padding-left: 25px;
  padding-right: 25px;
  border: 0px
}
.logogauche img{
	float: left;
	border: 0px;
	padding-right: 25px;
}
.logodroite img{
	float: right;
	border: 0px;
	padding-left: 25px;
}
div#langversion img {
  float: left;
  border: 0px;
  margin-right: 1ex;
}
div#news {
  padding: 10px 10px 10px 10px;
  margin: 30px 80px 30px 80px;
  text-align: center;
  font-size: larger;
  border: thin dotted #005500;
}

/* menu en haut de page */
#menutop{
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: thin dashed #005500;
}

/* les niveaux de titres de paragraphes h1...h6 */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  font-variant: small-caps;
}
h1 {
  font-size: x-large;
  margin-top: 3ex;
  letter-spacing: 7px;
  border-bottom: thin dotted #005500;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
h2, h3, h4, h5, h6 {
  font-style: italic;
  letter-spacing: 2px;
}
h2 { font-size: medium }
h3, h4, h5, h6 { font-size: small; letter-spacing: 1px; }

/* les niveaux de textes (pour correspondre aux niveaux de titres)
   attention : ces niveaux s'imbriquent obligatoirement pour donner
   l'effet de décalage classique des différentes sections d'un texte */
div.niveau1 { margin-left: +1em }
div.niveau2 { margin-left: +1em }
div.niveau3 { margin-left: +1em }

/* coordonnées */
p#coordgauche {
  float: left;
  text-align: left;
  width: 59%;
  clear: none;
}
p#coorddroite {
  float: right;
  text-align: right;
  width: 39%;
  clear: none;
}

/* listes */
ul.publilist>li { margin-bottom: 1ex }
/* le style suivant fonctionne avec FireFox 1.5, mais pas avec IE6.0 */
/* ul { margin-left: -2em } */

/* pied de page */
div#footer {
	font-size: x-small;
	font-style: italic;
	margin-top: 10ex
}
div#footer p#citation {
  text-align: center;
  border-bottom: thin dotted silver;
  padding-bottom: 5px;
}
div#footer p#copyright {
  text-align: right
}
div#footer p#lienhome {
  float: left;
  font-weight: bold;
  text-align: left;
  clear: left;
  width: 30%;
}

/* pour le code (encadré) */
pre {
	border: thin dotted black;
	background: #D3EDD6 none repeat;
	margin-left: 2em;
	margin-right: 5em;
	padding: 1ex;
}

/* syles divers */
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}
.center {
  text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.strike {
	text-decoration: line-through;
}

/* ------------ DROPSHADOW --------------*/
.shadow {
    float: right;
	 margin-left: 25px;
    background: url('../images/shadow.gif') no-repeat bottom right;
}

.shadow div {
    background: url('../images/shadow-tr.gif') no-repeat right top;
}

.shadow div div {
    background: url('../images/shadow-bl.gif') no-repeat left bottom;
    padding: 0 6px 6px 0;
}

.shadow img {
    background-color: #000;
    color: #fff;
    vertical-align: bottom;
}