/* ------------------------------
 AM Editions - Site e-marketing
 Feuille de styles
 Rubrique Fondamentaux
 Juillet 2005
------------------------------ */

/*---------------------------------
 STYLES COMMUNS À TOUTE LA RUBRIQUE
----------------------------------*/
div.spacer {
  position: relative;
  clear: both;
  font-size: 1px;
}

/*------------------------------------------------------------------
Page Glossaire Liste
-------------------------------------------------------------------*/

/* Bloc Encyclopédie/////////////////////////////*/
.blocencyclo{
  width: 475px;
  margin-top: 10px;
  border: 1px solid #5E5D5D;
  padding-bottom: 20px;
}
/* style de la balise a dans le bloc encyclopedie*/
.blocencyclo a {          
    display: block;
    margin: 0px;
    color: #FF6600;
	font-size: 10px;
}
/* style de la balise img dans le bloc encyclopedie*/
.blocencyclo img {
  position: relative;
  margin-top: -18px;
  margin-left: 150px;
}
/* style du bloc div "bas" dans le bloc encyclopedie*/
.blocencyclo .bas {
  float:left;
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: -30px;
}
*html .blocencyclo .bas {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: -20px;
}
/* style des listes dans le bloc encyclopedie*/
.blocencyclo ul{
  margin: 0px;
  padding: 0px;
}
*html .blocencyclo ul {
 margin-bottom: -20px;
}
/* style du titre et de l'auteur*/
.blocencyclo li {
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  display:list-item;
  list-style-position: -10px;
  list-style-image: url(/Images/EMKG/titre_puce3.gif);
}
.auteur{
  display: block;
  font-weight:normal;
  font-size: 10px;
}
/* style des liens dans le bloc encyclopedie*/
.lienencyclo {
 position: relative;
 top: -22px;
 left: 275px;
}
*html .lienencyclo {
 top: -17px;
}

.bgTabGlossaire1{
	background: #EFEFEF;
}
.bgTabGlossaire2{
	background: #FFFFFF;
}

/* Bloc Alphabet//////////////////////////////////////////*/

/* bloc alphabet*/
.alphabetbg {
	width: 465px; /*V1 EMKG width:475px;*/
	height: 16px;
	padding-left: 3px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	text-align: center;
    background: url(/Images/EMKG/bgalphabet.gif) no-repeat;
}

/* style de la balise a dans le bloc alphabet*/
.alphabetbg a {
	display: block;
	float: left;
	margin-left: 0px;    /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	margin-right: 0px;  /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding: 0px;
	width: 17px;  /* largeur du bloc lettre à modifier suivant le nombre de lettres ou caractères à afficher*/
	/*V1 EMKG modifs width: 18px;*/
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* style de la class "active" à appliquer pour la lettre en cours de l'alphabet*/
.alphabetbg .active {
	position: relative;
	height: 16px;
	color: #FFFFFF;
    background:url(/Images/EMKG/bglettre.gif) repeat-x;
}

/* style de la balise a en roll over dans le bloc alphabet*/
.alphabetbg a:hover {
	color:#000000;
}

/* Bloc Alphabet GENERIQUE//////////////////////////////////////////*/

/* bloc alphabet GENERIQUE*/
.alphabetbgGenerique {
	float: left;
	width: 100%; /* V1 EMKG width: 475px;*/
	height: auto;
	padding-left: 0px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
    background-color:#F0F1F5;
}

/* style de la balise a dans le bloc alphabet GENERIQUE*/
.alphabetbgGenerique a {
	display: block;
	float: left;
	margin-left: 0px;   /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	margin-right: 0px;  /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding: 0px;
	width: 18px;  /* largeur du bloc lettre à modifier suivant le nombre de lettres ou caractères à afficher*/
	height: 16px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* style de la class "active" à appliquer pour la lettre en cours de l'alphabet GENERIQUE*/
.alphabetbgGenerique .active {
	height: 16px;
	color: #FFFFFF;
    background:url(/Images/EMKG/bglettre.gif) repeat-x;
}

/* style de la balise a en roll over dans le bloc alphabet GENERIQUE*/
.alphabetbgGenerique a:hover {
	color:#000000;
	text-decoration:underline;
}

/* Niveau 2 **/
.alphabetNiveau2 {
	width: 475px;
	padding-left: 3px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	text-align: center;
    background: url(/Images/EMKG/bgalphabet.gif) no-repeat;
}

/* style de la balise a dans le bloc alphabet */
.alphabetNiveau2 a {
	display: block;
	float: left;
	margin-left: 10px;   /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	margin-right: 10px;  /* marge à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding: 0px;
	height: 16px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/* style de la balise a dans le bloc alphabet */
.alphabetNiveau2 a:hover {
	text-decoration:underline;
}



/*------------------------------------------------------------------
Page Glossaire Définition
-------------------------------------------------------------------*/

/* style du mot en cours*/
.mot{
	font-size: 12px;
	font-weight: bold;
}
/* style de la définition*/
.definition{
	font-size: 10px;
}
/* style des textes "voir aussi" */
.voir{
	font-weight: bold;
}
/* style des liens vers d'autres mots */
.voirlien{
	display:list-item;
	list-style-type:none;
}
/* navigation vers mots précédents et mots suivants */
.navmots{
    width: 475px;
	margin-top: 30px;
    text-align: right;
	color: #FF6600;
}
.navmots a{
	color: #FF6600;
}
.navgauche{
    float: left;
}


/*------------------------------------------------------------------
Page Liste dossiers thématiques
-------------------------------------------------------------------*/
p.RubriqueIntroPapier a.RubriqueLienPapier { 
	color: #FF6600;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none; 
	padding: 0px 0px 0 0px; 
	margin:0;
	display:block;
	clear:both;
}

p.RubriqueIntroPapier a.RubriqueLienPapier:hover {
	text-decoration:underline
} 

p.RubriqueIntroPapier { padding: 0 10px 0 20px; }


/* bloc dossier type */
.dossier{
    width: auto;
}
.spacerdossier{
  position: relative;
  clear: both;
  font-size: 4px;
}
/* partie haute titre + date */
.dossier .blochaut{
    text-align: left;
	margin: 0px 0px 0px 2px;
}
.dossier .date{
  	float: right;
	font-size: 11px;
	color: #7A85B5;
	margin-left: 10px;
}
.titredossier{

}

.dossier .blochaut .titredossier a{
  	color: #7A85B5;
  	font-size: 14px;
  	font-weight: bold;
	text-decoration:none;
}

.dossier .blochaut .titredossier a:hover{
	text-decoration:underline;
}

/* bloc image + texte + lien */
.dossier .blocmilieu{
	position: relative;
	height: 100%;
	margin: 8px 10px 0px 2px;
}
.dossier img{
  	clear: both;
	display: block;
  	float: left;
  	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 5px;

}
.dossier p.texte {
	margin-bottom: 10px;
}
/* bloc lien qui permet de positionner le lien en partie basse du bloc milieu*/
.dossier .blocbas{
	clear:both;
	text-align: right;
}

.blocbas a{
	text-decoration:none;
}

.blocbas a:hover{
	text-decoration:underline;
}

/* style de la balise a */
.dossier a{
	color: #FF6600;
	text-decoration:none;
}

.dossier a:hover{
	text-decoration:underline;
}

/*------------------------------------------------------------------
Page Focus
-------------------------------------------------------------------*/
#blocFocus {
/* WR 17 09 07 Pb affichage sur IE6 le fond a un z-index plus élevé que le texte*/
/*  background: url(/Images/EMKG/encart_fond.gif);*/
  border: 1px solid #E2E8ED;
  padding: 10px 10px 10px 10px;
  margin: 15px 0 0 0;
}
#blocFocus img{
  border: 1px solid #000;
  float: left;
  margin: 2px 8px 3px 0;
}
#blocFocus p{
  padding: 0;
  margin: 0 0 0px 0;
}
#blocFocus espaceur{
font-size: 1px;
margin: 0;
padding: 0;
clear: both,
}

/* thématique du dossier + date */
.themefocus, .themefocus H1{
    text-align: left;
	font-size: 16px;
  	font-weight: bold;
  	color: #7A85B5;
  	margin-top: 10px;
}
.focusdate{
    float: right;
	padding-top: 5px;
	font-weight: normal;
	color: #7A85B5;
	bottom: 0px
}

/* Liste Focus */
.listefocus{
  margin-left: 10px;
  margin-top: 10px;
  padding: 0px;
}
/* sous-rubrique focus*/
ul.listefocus li {
  	list-style-image: url(/Images/EMKG/listetitres_puce2.gif);
	font-size: 12px;
	color: #7A85B5;
	font-weight: bold;
}
/* sous-rubrique focus*/
.mag {
	font-size: 10px;
	color: #71828A;
	font-weight: normal;
}
.intro {
	font-size: 10px;
	font-weight: normal;
}
.listefocus a {
	color: #FF6600;
	font-weight: normal;
}
.listefocus a.ArticleDossier{
  	list-style-image: url(/Images/EMKG/listetitres_puce2.gif);
	font-size: 12px;
	color: #7A85B5;
	font-weight: bold;
}