body {
 margin:0;
 padding:0;
 background:#ffffff;

}
#body { 
 /**
  * sous IE, on ne peut pas styler l'élément html, donc il faut
  * ajouter un niveau factice supplémentaire :-/
  */
 margin:0;
 padding:28px;
 background: url(autres_habillages/sauvage/fond.gif) ;
}

hr.clear {
 height:1px;
 margin:0;
 clear:both;
 visibility:hidden;
}

/* --------------------- IMAGES ---------------------- */

img.image-avec-bordure { 
 border:solid 2px black;
 background:#FFFFFF;
 padding:2px;
 margin: 0 5px 10px 0;
}
img.image-sans-bordure { 
 border:none;
 margin-bottom:2px;
}
img.drapeau { 
 border:solid 1px #000000;
 background:#FFFFFF;
 padding:1px;
 margin: 0px;
}
img.vignette { 
 border:solid 2px #000000;
 background:#FFFFFF;
 float:left;
 margin: 0 4px 0 0;
 padding: 2px;
} 

acronym, abbr {
 cursor: help ;
}

a {
 color:#000000;
 TEXT-DECORATION: none;
 padding-bottom:3px;
 background: transparent url(autres_habillages/sauvage/soulignement.gif) repeat-x 100% 100%;
}
a:hover {
 /* color:inherit; */
 color:#FF0000;
 background: transparent url(autres_habillages/sauvage/soulignement_hover.gif) repeat-x 100% 100%;
}

html>body #extra2 {
	background-image: url(autres_habillages/sauvage/bord_bas.gif);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0;
	left: 100%;
	width: 100%;
	height: 20px;
	margin-left: -100%;
}
html>body #extra3 {
	background-image: url(autres_habillages/sauvage/bord_haut.gif);
	background-repeat: repeat-x;
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 20px;
	margin-left: -100%;
}
html>body #extra4 {
	background-image: url(autres_habillages/sauvage/bord_gauche.gif);
	background-repeat: repeat-y;
	position: fixed;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	margin: 0;
}
html>body #extra5 {
	background-image: url(autres_habillages/sauvage/bord_droite.gif);
	background-repeat: repeat-y;
	position: fixed;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	margin: 0;
}

/* --------------------- COLORISATION SYNTAXIQUE ---------------------- */

span.numero-de-ligne {
 color:#000000;
}

/* --------------------- NUMEROS DE LIGNES ---------------------- */

.contenu div.numeros {
 display:block;
 width:30px;
 height:auto;
 float: left;
 top: 40px; 
}
.contenu div.code {
 float: left;
 overflow:auto;
 width: 95%;
}

/* --------------------- GRAPHIQUES ---------------------- */

img.graphique { 
 border:none;
 vertical-align: middle;
 padding-bottom:5px;
 margin: 0;
}

#publicite {
 display:none;
}












.construction-avatar1, .construction-avatar2, .construction-avatar3 {
 position: relative;
 float:right;
 display:inline;
}
.construction-avatar2 { padding-right:60px; }
.construction-avatar3 { padding-right:118px; }

.avatar-planche01 , .avatar-planche02, .avatar-planche03, .avatar-planche04, .avatar-planche05 { position: absolute }
.avatar-planche01 { z-index: 1 }
.avatar-planche02 { z-index: 2 }
.avatar-planche03 { z-index: 3 }
.avatar-planche04 { z-index: 4 }
.avatar-planche05 { z-index: 5 }


.contenu p.multipage-haut, .contenu p.multipage-bas {
 text-align:center;
}