@charset "utf-8";

/* ************************************************************
//      STYLES DES DIFFERENTS ELEMENTS - VERSION MOZILLA
// ************************************************************
// DESCRIPTION :
// Cette  page  determine  le style des elements composants les 
// pages du site. Elle ne comporte QUE des classes.
// ************************************************************
// AUTEUR  : ................ Matthieu WERNER (pour GeneralWeb)
// FICHIER : ................ style/css/adminClass_mozilla.css 
// VERSION : ................ 0.1
// DERNIERE MODIFICATION : .. 06/11/08
// COPYRIGHT : .............. Matthieu Werner & GeneralWeb
// SUPPORT : ................ matthieu.generalweb@gmail.com
// ***********************************************************/

/* ************************************************************
//
//                CLASSES DE SECTIONS COMMUNES
//
// ************************************************************/

/* ************************************************************
//                 INFOS-LIENS (SOUS MENU)
// ************************************************************/

div.infos-liens li 
	{
	background-color:#887C6B;
	list-style-type:none;
	height:15px;
	padding:2px 2px 2px 10px;
	margin-top:10px;
	color:white;
	opacity:0.6;
	font-weight:bold;
	}

div.infos-liens li:hover 
	{
	background-color:#FFAA53;
	cursor:pointer !important;
	cursor:hand;
	color:#000;
	}

div.infos-liens a 
	{
	display:block;
	color:white;
	text-decoration:none;
	}

div.infos-liens a:hover 
	{
	color:black;
	}


/* ************************************************************
//                     CONTENUS DE PAGE
// ************************************************************/
/*
.content-txt {
	/*font-size:13px;*//*
	padding:20px;
	text-align:center;
}

.content-txt li 
	{
	margin:10px;
	margin-left:40px;
	color:#838383;
	list-style-image: url(../images/puce.jpg);
	}
*/

div.confirmation
	{
	width:103%;
	margin-left:-10px;
	background-color:lightyellow;
	color:#444;
	padding:5px;
	text-alogn:center;	
	}
	
/* ************************************************************
//                     ACCUEIL PAR PARTIES
// ************************************************************/

div.indexChamp1 
	{

	}
	
	
div.indexChamp2
	{
	text-align:center;
	font-weight:bold;
	}
	
div.indexChamp2 h1
	{
	font-size:12px;
	color:#555;
	margin:0;
	text-transform:uppercase;
	border:0;
	margin-top:-3px;
	}

div.indexChamp2 table
	{
	margin:0px auto auto auto;
	}
	
div.indexChamp2 img
	{
	width:150px;
	border:2px solid #999;
	}

div.indexChamp2 td
	{
	font-size:10px;
	width:200px;
	font-weight:normal;
	}

div.indexChamp3 h1
	{
	text-align:center;
	font-size:12px;
	color:#555;
	margin:0;
	text-transform:uppercase;
	border:0;
	margin-top:-3px;
	}

div.indexChamp4 
	{

	}
	
div.indexChamp4 h1
	{
	text-align:center;
	font-size:12px;
	color:#555;
	margin:0;
	text-transform:uppercase;
	border:0;
	margin-top:-3px;
	}
/*
.cadre-1 
	{
	background-image:url(../images/cadre_1.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:102px;
	padding:15px;
	padding-top:15px;
	text-align:center;
	}

.cadre-2 
	{
	background-image:url(../images/cadre_1.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:102px;
	padding:15px;
	padding-top:25px;
	text-align:center;
	}

.cadre-3 
	{
	background-image:url(../images/3_bckgd.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:102px;
	padding:15px;
	padding-top:25px;
	text-align:center;
	}

.cadre-4 
	{
	background-image:url(../images/4_bckgd.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:102px;
	padding:15px;
	padding-top:25px;
	text-align:center;
	}
*/
/* ************************************************************
//                          INFOS LIENS
// ************************************************************/
/*
.tab-infos-liens td{
	padding:0;
	text-align:center;
	width:250px;
	height:25px;
}

.tab-infos-liens-entoure{
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
}
*/
/* ************************************************************
//                       MENU PRINCIPAL
// ************************************************************/

div.menuPrincipal
	{
	font-weight:bold;
	color:black;
	font-size:11px;
	margin:auto;
	
	}
	
div.menuPrincipal table 
	{
	padding:0;
	margin:0;
	border:0;
	border-spacing: 0px;
	border-collapse: collapse;
	background:url(../images/menu_bckgd.jpg) no-repeat;
	
	}
	
div.menuPrincipal td 
	{
	height:33px;
	width:154px;
	text-align:center;
	background:url(../images/trait_orange.jpg) no-repeat right;
	}

div.menuPrincipal a 
	{
	display:block;
	color:#000;
	}

div.menuPrincipal a:hover 
	{
	color:#808080;
	}

/* ************************************************************
//                       PARTIE CONTENUS
// ************************************************************/

div.partieContenus
	{
	background-color:white;
	}

/* ************************************************************
//                       PARTIE CENTRALE
// ************************************************************/

div.partieCentrale
	{
	text-align:justify;
	}

/* ************************************************************
//                           BANNIERE
// ************************************************************/

div.banniere 
	{
	border:0;
	}

div.banniere table 
	{
	
	}

div.banniere td
	{
	font-weight:normal;
	padding:5px;
	}
	
div.banniere a
	{
	font-weight:bold;
	text-transform:uppercase;
	color:#888;
	}

div.banniere a:hover
	{
	color:#444;
	}
	
/* ************************************************************
//                        LIENS FOOTER
// ************************************************************/

div.footer
	{
	
	}

div.liensFooter p
	{
	color:#ccc;
	font-size:10px;
	text-align:center;
	}
	
div.liensFooter a
	{
	color:#ccc;
	}

div.liensFooter a:hover
	{
	color:#333;
	}
	
/* ************************************************************
//                        ADSENSE LIKES
// ************************************************************/

div.adsenselikes td
	{
	width:220px;
	}

div.adsenselikes span
	{
	color:#008000;
	}
	
div.adsenselikes a
	{
	color:blue;
	text-decoration:underline;
	}
	
/* ************************************************************
//
//               CLASSES DE SECTIONS PARTICULIERES
//
// ************************************************************/

/* ************************************************************
//                        SEPARATEUR INDEX
// ************************************************************/
	
.separateurIndex
	{
	height:1px;
	width:90%;
	margin:8px auto 5px auto;
	color:orange;
	}

.separateurInfosLMP
	{
	height:1px;
	width:90%;
	color:green;
	}
	
/* ************************************************************
//                          LOTS TABLE
// ************************************************************/

td.lotsTable 
	{ 
	border-top:1px solid #808080;
	text-align:center;
	}
	
th.lotsTable 
	{ 
	text-align:center;
	width:100px;
	}

/* ************************************************************
//                       SIMULATION TABLE
// ************************************************************/

table.simulationTable
	{
	border:1px solid #bbb;
	width:500px;
	}
	
th.simulationTable
	{
	font-weight:bold;
	color:black;
	font-size:12px;
	height:30px;
	text-transform:uppercase;
	background-image:url(../images/fond_titre.gif);
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}

td.simulationTable 
	{
	font-weight:bold;
	font-size:12px;
	text-align:right;
	vertical-align:top;
	padding:3px;
	}

input.simulationTable
	{

	width:150px;
	border:1px solid #808080;
	background-color:white;
	}

select.simulationTable
	{

	width:152px;
	border:1px solid #808080;
	background-color:white;
	}

img.tableSimulation
	{
	vertical-align:bottom;
	}

strong.tableSimulation 
	{
	color:#555;
	}

ul.tableSimulation
	{
	padding-left:15px;
	}

/* ************************************************************
//                  TABLEAU SIMULATION EXPRESS
// ************************************************************/

table.resultatsSimulationExpress 
	{
	width:600px;
	}
	
table.resultatsSimulationExpress th 
	{
	padding:15px;
	font-weight:normal;
	}

table.resultatsSimulationExpress td 
	{
	padding:15px;
	width:100px;
	text-align:right;
	font-weight:bold;
	}
	
/* ************************************************************
//                       SIMULATION ERREUR
// ************************************************************/

p.simulationErreur {
	color:red;
	font-weight:bold;
	font-size:12px;
}

/* ************************************************************
//                         INFOBULLE
// ************************************************************/

a.infoBulleSimu
	{
    position:relative; 
    z-index:24;
    text-decoration:none;

    }

a.infoBulleSimu:hover
	{
	z-index:35;
	/* background:0; / /*inutile*/
	border:0; /* Indispensable pour IE6- */

	}

a.infoBulleSimu span
	{
	display: none;
	position:absolute;
	z-index:25;
	width:400px;
	color:black;
	top:20px; 
	left:20px;
	border:1px solid #ccc;
	text-align: justify;
	font-weight:normal;
	padding:1px;
	background-color:#FFF2BD;
	}

a.infoBulleSimu:hover span
	{ 
	display:block; 
	cursor:default;
	}
	
/* ************************************************************
//                    INFOBULLES SIMULATION
// ************************************************************/

a.tooltip
	{
    position:relative; 
    z-index:24;
    text-decoration:none;
    }

a.tooltip:hover
	{
	z-index:25;
	}

a.tooltip em
	{
	display: none
	}

a.tooltip:hover em
	{ 
	display:block; 
	position:absolute;
	cursor:default;
	width:250px;
	color:black;
	top:2px; 
	left:10px;
	border:1px solid #ccc;
	text-align: justify;
	font-weight:normal;
	padding:1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    }

/* ************************************************************
//                     INFOBULLES DES LOTS
// ************************************************************/

a.infoBulleLots
	{
   position:relative; 
   z-index:24;
   text-decoration:none;
   }

a.infoBulleLots:hover
	{
	z-index:25;
	background: none;
	}

a.infoBulleLots span
	{
	display:none
	}

a.infoBulleLots:hover span
	{ 
	display:inline; 
	position:absolute;
	cursor:default;
	color:black;
	bottom:1em; 
	left:10px;
	border:1px solid #ccc;
	background-color:#fafafa;
	text-align: justify;
	font-weight:normal;
	padding:1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  }

input.infoBulleLots,
textarea.infoBulleLots
	{
	width:500px;
	border:1px solid black;
	color:#3f3f3f;
	}

textarea.infoBulleLots
	{
	height:100px;
	}

/* ************************************************************
//                     INFOBULLES DES FLUX RSS
// ************************************************************/

a.infoBulleRSS
	{
   position:relative; 
   z-index:24;
   text-decoration:none;
   }
	
a.infoBulleRSS:hover
	{
	z-index:25;
	background: none;
	}

a.infoBulleRSS span
	{
	display:none;
		position:absolute;
	cursor:default;
	color:black;
	border:1px solid #ccc;
	background-color:#fafafa;
	text-align: justify;
	font-weight:normal;
	padding:1px;
	border:0;
	}

a.infoBulleRSS:hover span
	{ 
	display:inline; 

  }

a.infoBulleRSS span img
	{
	width:91px;
	height:17px
	}

a.infoBulleRSS span a 
	{
	display:none;
	}
/* ************************************************************
//                    POPUP NEWSLETTER
// ************************************************************/

li.newsletter
	{
    position:relative; 
    z-index:24;
    text-decoration:none;
    cursor:pointer !important;
    cursor:hand;
    }

li.newsletter:hover
	{
	z-index:25;
	color:
	}

li.newsletter div
	{
	display: none;
	position:absolute;
	cursor:default;
	width:270px;
	color:black;
	top:-10px; 
	left:100px;
	border:1px solid #ccc;
	text-align: justify;
	font-weight:normal;
	padding:3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image:url(../images/75p_white.png);
	}
	
/* ************************************************************
//                    VIGNETTE PROGRAMME
// ************************************************************/

h1.vignetteProgramme
	{
	font-size:12px;
	font-weight:bold;
	color:black;
	border:0;
	padding:0;
	margin:0;
	}

h2.vignetteProgramme
	{
	font-size:11px;
	color:#808080;
	font-weight:normal;
	padding:0;
	margin:0;
	}
	
img.vignetteProgramme
	{
	width:220px;
	border:2px solid #808080;
	}

img.vignetteProgramme:hover
	{
	opacity:0.7;
	border:2px solid black;
	}

/* ************************************************************
//                        VIGNETTE TOP
// ************************************************************/

img.vignetteTop
	{
	width:120px;
	}

/* ************************************************************
//                   TABLEAU APERCUS ARTICLES
// ************************************************************/

table.tableArticles 
	{
	width:100%;
	}

table.tableArchives 
	{
	width:100%;
	}
	
td.tableSimulationTitre
	{
	font-weight:bold;
	color:#808080;
	}

td.tableSimulationTitre strong
	{
	color:orange;
	}

a.tableSimulationTitreLien
	{
	color:orange;
	}

a.tableSimulationTitreLien:hover
	{
	color:#808080;
	}
	 
td.tableSimulationDate
	{
	font-style:italic;
	}

table.listeArticles
	{
	margin:auto;
	text-align:left;
	width:100%;
	}
	
table.listeArticles th
	{
	text-decoration:underline;
	text-transform:uppercase;
	color:orange;
	}
	
table.listeArticles td
	{
	padding:5px;
	width:350px;
	}
	
table.listeArticles td a
	{
	color:#777
	}

table.listeArticles2
	{
	margin-left:0;
	text-align:left;
	width:660px;
	}
	
table.listeArticles2 th
	{
	color:#808080;
	text-decoration:none;
	font-size:9px;
	text-align:left;
	}
	
table.listeArticles2 th a
	{
	color:orange;
	font-size:12px;
	background-image:url(../images/fond_titre.gif);
	display:block;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
table.listeArticles2 td
	{
	width:100%;
	border-right:0;
	}
	
table.listeArticles2 ul
	{
	margin:0;
	}
	
table.listeArticles2 li
	{
	list-style-type:none;
	margin-left:10px;
	padding-left:15px;
	background-image: url('../images/playGreen.png');
  background-repeat: no-repeat;
  background-position: 0px 2px;
	}

table.listeArticles2 li:hover
	{
	background-image:url('../images/play2.png');
	}
	
table.tableauArticleCategorie
	{
	width:670px;
	height:100px;
	padding:5px 15px 10px 20px;
	}
	
table.tableauArticleCategorie th
	{
	font-size:9px;
	text-align:left;
	}
	
table.tableauArticleCategorie th a
	{
	font-size:12px;
	color:orange;
	text-transform:uppercase;
	background-image:url(../images/fond_titre.gif);
	display:block;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
table.tableauArticleCategorie td
	{
	vertical-align:top;
	text-align:justify;
	}
	
/* ************************************************************
//                    LISTE ARCHIVES
// ************************************************************/

table.listeArchives
	{
	margin:auto;
	text-align:left;
	}
	
table.listeArchives th
	{
	text-decoration:underline;
	text-transform:uppercase;
	color:orange;
	}
	
table.listeArchives td
	{
	padding:5px;
	width:350px;
	border-right:1px dotted orange;
	}	

table.tableauArchiveCategorie
	{
	width:670px;
	height:100px;
	padding:5px 15px 10px 20px;
	background:url(../images/first_bckgd2.jpg) no-repeat;
	}
	
table.tableauArchiveCategorie th
	{
	font-size:9px;
	text-align:left;
	height:25px;
	padding:8px 15px 5px 20px;
	}
	
table.tableauArchiveCategorie th a
	{
	font-size:12px;
	color:orange;
	}
	
table.tableauArchiveCategorie td
	{
	vertical-align:top;
	text-align:justify;
	padding:0px 15px 10px 20px;
	}

	
table.listeArchives2
	{
	margin-left:0;
	text-align:left;
	}
	
table.listeArchives2 th
	{
	color:#808080;
	text-decoration:none;
	font-size:9px;
	}
	
table.listeArchives2 th a
	{
	color:orange;
	text-decoration:underline;
	font-size:12px;
	}
	
table.listeArchives2 td
	{
	width:100%;
	border-right:0;
	}
	
table.listeArchives2 ul
	{
	margin:0;
	}
	
table.listeArchives2 li
	{
	list-style-type:none;
	margin-left:10px;
	padding-left:15px;
	background-image: url('../images/play.png');
  background-repeat: no-repeat;
  background-position: 0px 2px;
	}

table.listeArchives2 li:hover
	{
	background-image:url('../images/play2.png');
	}

/* ************************************************************
//                    CLASSE indexMotLexique
// ***********************************************************/

td.indexMotLexique
	{
	border-bottom:1px solid #ccc;
	}
	
/* ************************************************************
//                    CLASSE listeSujets
// ************************************************************/

td.listeSujets
	{
	text-align:left;
	font-size:11px;
	background-image:url(../images/forum_tiny.png);
	background-repeat:no-repeat;
    background-position: 1px 2px;
	padding-left:20px
	}


table.listeMessages
	{
	margin:auto;
	text-align:justify;
	}

table.listeMessages span
	{
	font-size:9px;
	}
	
table.listeMessages a
	{
	color:orange;
	}

table.listeMessages th
	{
	font-size:9px;
	color:grey;
	}

table.listeMessages th a
	{
	font-size:12px;
	color:orange;
	text-transform:uppercase;
	background-image:url(../images/fond_titre.gif);
	display:block;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
table.listeMessages td
	{
	padding:5px;
	width:700px;
	}

table.listeMessages li
	{
	list-style-type:none;
	margin-left:10px;
	padding-left:15px;
	background-image: url('../images/play.png');
  background-repeat: no-repeat;
  background-position: 0px 2px;
	}

table.listeMessages li:hover
	{
	background-image:url('../images/play2.png');
	}
	
table.listeMessages2
	{
	margin-left:0;
	text-align:left;
	}
	
table.listeMessages2 th
	{
	color:#808080;
	text-decoration:none;
	font-size:9px;
	}
	
table.listeMessages2 th a
	{
	color:orange;
	text-decoration:underline;
	font-size:12px;
	}
	
table.listeMessages2 td
	{
	width:100%;
	border-right:0;
	}
	
table.listeMessages2 ul
	{
	margin:0;
	}
	
table.listeMessages2 li
	{
	list-style-type:square;
	margin-left:-30px;
	}
	
/* ************************************************************
//                    taleauAmortissement
// ************************************************************/
	
table.taleauAmortissement
	{
	width:750px;
	border:1px solid grey;
	}

th.taleauAmortissement
	{
	text-align:center;
	background-color:#ddd;
	border-bottom:1px solid #808080;
	border-top:1px solid #808080;
	background-color:#f3f3f3;
	}
	
td.taleauAmortissement
	{
	text-align:center;
	border-bottom:1px dotted #808080;
	}
	
/* ************************************************************
//                   TABLEAU APERCUS ARTICLES
// ************************************************************/
	
table.tableArticle
	{
	width:800px;
	}

/* ************************************************************
//                   TABLEAU ALPHABET
// ************************************************************/

table.tableauAlphabet td
	{
	display:inline;
	border:1px solid #000;
	padding:5px;
	width:10px;
	height:10px;
	margin:2px;
	}

table.tableauAlphabet td:hover
	{
	background-color:#fc3;
	}
	
/* ************************************************************
//                    CLASSE forum
// ************************************************************/

table.forum
	{
	width:100%;	
	}

th.forum
	{
	text-align:justify;
	text-transform:uppercase;
	background-color:#ddd;
	}

td.forum
	{
	text-align:justify;
	}

td.forumDetails
	{
	font-size:10px;
	}

textarea.forum,
input.forum,
select.forum
	{
	width:100%;
	}

textarea.forum
	{
	height:100px;
	}

/* ************************************************************
//                     NUAGES DE MOTS CLEFS
// ************************************************************/

div.nuageMotsClefs
	{
	text-align:center;
	width:880px;
	padding:10px;
	}
	
.nuageMotsClefsN1
	{
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
	
.nuageMotsClefsN2
	{
	font-size:14px;
	font-weight:bold;
	color:#ddd;
	}

	
.liensUtiles,
.liensUtiles a
	{
	}

.liensUtiles a:hover
	{
	text-decoration:underline;
	}
	
.liensUtiles li,
.liensUtiles li a
	{
	list-style-type: none;
	color:#ccc;
	font-size:10px;
	}
	
.liensUtiles h1
	{
	text-decoration:none;
	color:#bbb;	
	font-size:11px;
	border:0;
	}

.liensUtiles td
	{
	border-bottom:1px dotted #ddd;	
	border-left:1px dotted #ddd;
	padding:5px;
	}
	
/* ************************************************************
//                        BLOC SIMULATION
// ************************************************************/

div.formulaireSimulationExpress
	{
	text-align:left;
	}
	
div.formulaireSimulationExpress input,
div.formulaireSimulationExpress select
	{
	width:143px;
	text-align:center;
	color:#808080;
	}

div.simu2
	{
	text-align:left;
	color:#808080;
	}
	
div.simu2 a
	{
	font-weight:bold;
	}

p.titre strong
	{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	}

p.titre
	{
	font-size:12px;
	font-weight:bold;
	color:#f70;
	}
	
div.formulaireSimulationExpress em
	{
	color:red;
	}
	
/* ************************************************************
//                        BLOC PROGRAMMES
// ************************************************************/

div.formulaireProgrammes
	{
	text-align:left;
	}

div.formulaireProgrammes input,
div.formulaireProgrammes select
	{
	width:165px;
	text-align:center;
	color:#808080;
	}


div.formulaireProgrammes h1
	{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	border:0;
	margin:0 0 -10px 0;
	}

/* ************************************************************
//                        BLOC ACTUALITES
// ************************************************************/

div.actualites
	{
	text-align:left;
	}

div.actualites h1
	{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#000;
	border:0;
	margin:0;
	padding:10px;
	}
	
	
.indexBanniere img
	{
	margin-top:3px;
	}
	
a.textePromo
	{
	font-size:20px;
	color:darkorange;
	font-weight:bold;
	}

div.indexChamp2 table
	{
	margin:15px 0 0 15px;
	}
	
div.programmeSemaineVignette
	{
	padding:0;
	margin-left:-3px;
	text-align:center;
	width:160px;
	}
	
div.programmeSemaineDescription
	{
	height:29px;
	width:146px;
	padding:3px;
	}

/* ************************************************************
//
//                       CLASSES DE TYPES
//
// ************************************************************/

/* ************************************************************
//                          INLINE
// ************************************************************/
	
#infos-liens .inline
	{
	display:inline;
	}
	
/* ************************************************************
//                             CLEAR
// ************************************************************/

div.clear
	{
	clear:both;
	}

/* ************************************************************
//                             ICONES
// ************************************************************/

.icone 
	{
	width:15px;
	height:15px;
	opacity:0.6;
	border:0;
	}

.icone:hover
	{
	opacity:1;
	cursor:pointer !important;
	cursor:hand;
	}
	
/* ************************************************************
//                         TITRES
// ************************************************************/
/*
.t1 
	{
	font-size:15px;
	font-weight:bold;
	}

.t2 
	{
	font-size:12px;
	}
*/

/* ************************************************************
//                     COULEURS DE TEXTE
// ************************************************************/

.texteNoir
	{
	color:#000000;
	}
	
.texteOrange
	{
	color:orange;
	}
	
.texteGris
	{
	color:#808080;
	}

/* ************************************************************
//                   ALIGNEMENTS DE TEXTE
// ************************************************************/

.texteCentre
	{
	text-align:center;
	}
	
.texteDroite
	{
	text-align:right;
	}

.texteGauche
	{
	text-align:left;
	}
	
.texteJustifie
	{
	text-align:justify;
	}

/* ************************************************************
//                     TAILLES DE TEXTE
// ************************************************************/

.tiny
    {
    font-size:10px;
    }
    
/* ************************************************************
//                         BORDURES
// ************************************************************/

.bordureBas 
	{
	border-bottom:1px solid #808080;
	}

/* ************************************************************
//                         PAGINATION
// ************************************************************/

p.pagination
	{
	margin:10px;
	text-align:center;
	}

p.pagination a
	{
	display:inline;
	width:15px;
	height:10px;
	padding:5px;
	border:1px solid #777;
	}

p.pagination a:hover
	{
	border:1px solid #000;
	color:#000;
	background-color:#fc3;
	}
	
/* ************************************************************
//                         NUMEROTATION
// ************************************************************/

a.numerotation,
span.numerotation
	{
	display:block;
	float:left;
	width:15px;
	height:15px;
	border:1px solid #808080;
	margin:2px 2px 0 0;
	text-align:center;
	}

a.numerotation:hover,
span.numerotation:hover
	{
	background-color:#ddd;
	color:black;
	}

/* ************************************************************
// CLASSE bouton (transforme divers elements en boutons cliquable)
// ************************************************************/

img.bouton
	{
	cursor:pointer;
	}
	
/* ************************************************************
//                         INFOBULLE
// ************************************************************/

a.infoBulle
	{
   position:relative; 
   z-index:24;
   text-decoration:none;
   }

a.infoBulle:hover
	{
	z-index:25;
	background: none;
	}

a.infoBulle span
	{
	display:none
	}

a.infoBulle:hover span
	{ 
	display:inline; 
	position:absolute;
	cursor:default;
	color:black;
	width:120px;
	left:0;
	top:0;
	border:1px solid #ccc;
	background-color:#fafafa;
	text-align: justify;
	font-weight:normal;
	padding:1px;
  }


/*
a.infoBulle
	{
    position:relative; 
    z-index:24;
    text-decoration:none;
    }
    
a.infobulle img
	{
	    
	}

a.infoBulle:hover
	{
	/* z-index:25; */ /*inutile */
	/*border:0; /* Indis pensable pour IE6- */
	/*}

a.infoBulle span
	{
	display:none;
	position:absolute;
	z-index:25;
	width:130px;
	color:black;
	top:20px; 
	left:20px;
	border:1px solid #ccc;
	text-align: justify;
	font-weight:normal;
	padding:1px;
	background-color:#FFF2BD;
	}

a.infoBulle:hover span
	{ 
	display:block; 
	cursor:default;
	}
	*/
	
img.png {
     behavior: url(png.htc);
}

div.contenuRubrique ul
	{
	margin-left:25px;
	}