body { position:relative;z-index:2; top:20px; left:5px; margin: 10px 0 ; padding: 0 ; font: 0.8em "Trebuchet MS", helvetica, sans-serif ; background: #D0C4B7 ; } div#conteneur { width: 916px; margin: 10auto ; text-align: left ; background: #fff; } h1#header,#header2 { padding-left: 100px; height: 195px ; background: url(logo.jpg) no-repeat; background-color:#D0C4B7; } h1#header a { width: 400px ; height: 83px ; display: block ; background: url(title3.gif) no-repeat ; position: relative ; left: 175px ; top: 100px ; text-indent: -5000px ; } h1#header2 a { width: 290px ; height: 83px ; display: block ; background: url(../squelettes/title2.gif) no-repeat ; position: relative ; left: 125px ; top: 130px ; text-indent: -5000px ; } h1#header a span { display: none; } pre { overflow: auto ; } /* En passant on définit l'overflow de la balise pre à auto pour permettre d'afficher des barres de défilement si le texte contenu dans cette balise est trop grand */ /* On doit donner une largeur au 
 à cause d'Internet Explorer, 
on ne va donc l'appliquer qu'à Internet Explorer en utilisant le 
 commentaire conditionnel suivant, à placer dans la partie HTML, 
 et plus précisément dans l'élément  : */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
div#contenu
{padding: 0 30px 0 35px ;
	}

/* Mise en forme du tableau de présentation des forums */

.textepresentation {font: 1.2em  Georgia, serif;line-height: 23px ; }

.textepresentation a {background :#eed;font-size:1em;color:#B02B2C;text-decoration:none;}
.spipforum {width:850px;font-size:1.1em;line-height: 1.2em;
background: #003399  ;}

.tautvs {color: #fff ;
background:#003399 ;}
.tmsgvs {color: #fff ;
background: #003399 ;}
.row2{background:#9FC2D6  ;}
.tabvs {border: 1px solid #003399 ;}	
.autvs	{border: 1px solid #003399 ;text-align:center;}
.ttitrevs {font-size:1.2em; color: #eed ;}
.ttitrevs a{text-decoration:none;color: #fff ;}
.ttitrevs2 {background:#003399;font-size:1.2em; color: #eed ;}
.txtforum {font-size:1.2em; color: #eed ; margin-left:20%;}
.txtmsg {background:#9FC2D6;font-size: 1.2em ; color: #fff  ; padding-left:20%;}

.tdatevs {font-size:0.8em; color: #fff  ;font-weight: bold;}
.tdatevs2 {background:#003399;font-size:0.8em; color: #fff  ;font-weight: bold; text-align:right;}
.tdatevs2 a{font-size:1.4em;color:#008C00;text-decoration:none;font-weight: bold;}
.tdatevs3 {background:#9FC2D6 ;font-size:0.8em; color: #eed  ;font-weight: bold; text-align:left;}
.tdatevs3 a{font-size:1.3em;color:#B02B2C;text-decoration:none;font-weight: bold;}
.tdatevs a{font-size:1em;color:green;text-decoration:none;font-weight: bold;}
.retourvs a{font-size:1em;color:#008C00;text-decoration:none;font-weight: bold;}
.poster a{font-size:1.2em;color:#B02B2C;text-decoration:none;}	


div#contenu h2
{font-family : Georgia,serif;
	padding-left: 35px ;
	line-height: 30px ;
	font-size: 1.5em ;
	color: #107FC9 ;
	background-color:#eed;
	
	<--border-bottom: 1px solid #003399 ;-->
}
h2 a

{color: #107FC9 ;
text-decoration: none;
}
h2 a:visited

{color: #107FC9 ;
text-decoration: none;
}
/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne un couleur au texte et
  on met une bordure basse */

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #003399 ;
	color: #003399 ;
}
div#contenu h4
{
	margin-left: 15px ;
	padding-left: 20px ;
	line-height: 10px; 
	color: green ;
}
/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */



#contenu .footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: left ;
	color: #003399 ;
}
#contenu .petit
{
	margin: 0 ;
	padding-right: 10px ;
	font-size: 0.8em ;
	line-height: 13px ;
	text-align: right ;
	color: #009933 ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */

#titrepage
{
	width: 250px ;
	height: 83px ;
	display: block ;
	background: url(title2.gif) no-repeat ;
	position: relative ;
	left: 335px ;
	top: 100px ;
	text-indent: -5000px ;
}