/* -- base -- */
.hovercontent
{
    display:none;
    position:absolute;
	color:gray;
	width:200px;
	margin-left:2.5em;
	margin-top:2ex;
	background-color:#eee;
	border:1px solid gray;
	padding:1em;
	text-align:left;
}

.hovercontainer:hover
{
	color:blue;
}

.hovercontainer:hover .hovercontent
{
    display:block;
}

table
{
	font-family:Arial;
	border:2px; 
	text-align:center; 
}

label
{
	display:inline-block;
	width:130px;
	float:left;
}

input, textarea
{
	font-family:"Arial", serif; /*texte tapé l'intér des champs */
	background-color:white;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
	background-color:#FFFF99;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-family:Arial;
}
 
fieldset
{
	margin-bottom:10px;
	padding:10px;
}

html
{
	background:rgb(51,0,51);
}
/* -- /base -- */


/* -- corps -- */
body {border:solid 1px white;
	font-family:Arial;
	background:url('../images/fond.png') fixed repeat-x;
	background-color:#B24D85;
	padding:0px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
/* -- /corps -- */


/* -- en tête -- */
#en_tete
{  
	width:950px;
	height:130px;
	background:url('../images/22.jpg');
}
/* -- /en tête -- */


blockquote, h3, p, li
{
	padding-right:0px;
	padding-left:0px;
	font-size:0.9em;
	line-height:1.6em;
}

blockquote
{
	margin-right:20px;
	margin-left:20px;
}

h1, h2
{
	padding:0px;
	font-weight:normal;
	font-family:Arial;
	font-size:1.2em; 
	text-align:center;
}

hr
{
	width:400px;
	height:1px;
	color:black;
	background-color:silver;
}

small, .small
{
	font-size:0.9em;
}


/* -- liens -- */
a, a:visited
{
	text-decoration:none;
	color:blue;
	/*border-bottom:1px #000 solid;*/
}

a:hover
{
	text-decoration:underline;
	color:blue;
	/*border-bottom:1px #000 solid;*/
}

a img
{
	border:none;
}

h1 a, h2 a, h3 a
{
	border:none;
}

h3 a
{
	font:1.5em Arial, Times, serif;
}

#site-name a
{
	border:none;
}

#sidebar-2 a, #sidebar-1 a
{
	color:blue;
	border:none;
}
/* -- /liens -- */


/* -- layout -- */
#accessibility
{
	position:absolute;
	top:-10000px;
}
/* -- /layout -- */


/* -- contenu -- */
#container
{
	margin-left:300px;
	padding:10px;
}

#head
{
	/*text-align:center;*/
	background-color:rgb(100,0,100);
	height:18px;
	width:100%;
}
/* -- /contenu -- */


/* -- coté gauche -- */
#sidebar-1
{
	float:left;
	text-align:justify;
	/*width:200px; */
}
/* -- /coté gauche -- */


/* -- coté droit -- */
#sidebar-2
{
	float:right; 
	text-align:right;
	/*padding-left:20px;*/
}

.section_list
{
	margin:10px;
	padding:0;
	list-style-type:none;
}

.section_list ul
{
	list-style-type:none;
}

.section_list li
{
	margin:10px;
	padding:0;
}

#content
{
	/*margin-left:20px;
	margin-right:180px;
	padding-top:10px;*/
	width:440px;
	text-align:justify;
}

#content img
{
	border:4px solid white;
}
/* -- /coté droit -- */


/* -- pied page -- */
#foot
{
	clear:both;
	background-image:url(txp_img/b4.gif); /*L'im du pied */
	width:950px;
	height:130px;
}

#footcontent
{
	padding:20px;
}
/* -- /pied page -- */


/* -- box model hacks http://archivist.incutio.com/viewlist/css-discuss/48386 -- */
#sidebar-1/*, #sidebar-2*/
{
	padding:10px;
}
/* -- /box model hacks http://archivist.incutio.com/viewlist/css-discuss/48386 -- */


/* -- overrides -- */
#sidebar-2 p, #sidebar-1 p
{
	font-size:0.9em;
	line-height:1.5em;
}

.caps
{
	/*font-size:0.9em;*/
	letter-spacing:0.1em;
}

div.divider
{
	margin:2em 0;
	text-align:center;
}
/* -- /overrides -- */


/* -- articles -- */
.directory
{
	list-style-type:circle;
}

.author
{
	font-style:normal;
	font-size:0.8em;
}

.published
{
	font-size:0.8em;
	margin-left:10px;
}
/* -- /articles -- */


/* -- comments -- */
.comments_error
{
	color:#000;
	background-color:#fff4f4;
}

ul.comments_error
{
	padding:0.3em;
	list-style-type:circle;
	list-style-position:inside;
	border:2px solid #fdd;
}

div#cpreview
{
	color:#000;
	background-color:#f1f1f1;
	border:2px solid #ddd;
}

form#txpCommentInputForm td
{
	vertical-align:top;
}

#comments-help
{
	margin:2px 0 15px 0;
	font-size:0.7em;
}
/* -- /comments -- */


/* -- error page -- */
.error-status
{
	margin-top:150px;
	font:1.3em Arial, Times, serif;
}
/* -- /error page -- */


/* -- menu -- */
#menu /* Ensemble du menu */
{
	padding:0;  /*pas de marge intérieure */
	margin:0 2px 0 3px;
	font-weight:bold; /* on met le texte en gras */
	font-family:Arial; /* on utilise Arial */
	font-size:12px; /* hauteur du texte:12 pixels */
	/*line-height:21px;  on définit 1e hauteur pour chaque élément */
}

#menu li /* Elements des listes */      
{
	float:left;    /*pour IE qui ne reconnaît pas "transparent" */
	border-left:1px solid #fff; /* on met une bordure blanch */
	list-style:none; /* on supprime le style par défaut de la liste*/
	text-align:center; /* on centre le text ki se trouv ds la list */
	width:134px;
}

#menu li:first-child
{
	border-left:0px solid transparent;
}

#menu li ul /* Sous-listes */
{ 
	position:absolute; /* Position absolue */
	width:128px; /* Largeur des sous-listes */
	left:-999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li /* Éléments de sous-listes */
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédmt) */
	border-top:1px solid #fff; /* on met une bordure blanche en o */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
	border-top:1px solid transparent; /* */
}

#menu li ul ul 
{
	margin:-22px 0 0 128px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour IE qui ne reconnaît pa */
	border-left:1px solid #fff ; /* Pte bordure pr n pascoller*/      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
	border-left:1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color:blue; /* On passe le texte en noir... */
	background:white; /* et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes */
{
	left:-999em; /*les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left:auto; /* Repositionnement normal */
	min-height:0; /* Corrige un bug sous IE */
}

#menu li ul 
{ 
	position:absolute; 
	width:128px; /* <<<<<< ET ICI */
	visibility:hidden; 
}

#menu li ul ul 
{
	margin   :-22px 0 0 128px ; 
	border-left:1px solid #fff ; /* <<<<<< sans oublier ICI */
}

#menu a 
{
	display:block; 
	padding:0; 
	background-color:rgb(100,0,100); /* Couleur du fond, actmt=verte */
	color:#fff; /* Couleur du texte, actuellement = blanc */
	text-decoration:none; 
}
/* -- /menu -- */