/* ------------------------------
 AM Editions - Site Ecommercevad.fr
 Mars 2006
 Feuille de styles
 Rubrique Fondamentaux
------------------------------ */

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


/* Bloc WebFormance */
.blocwebformance{
  display: block;
  width: 498px;
  height: 87px;
  margin-top: 10px;
  margin-bottom: 20px;
  background:url(../../../Images/ECV/bg_encyclo.gif) left top no-repeat;
  text-align: center;
}

/* style de la balise img dans le bloc encyclopedie*/
.blocwebformance img {
	/*float: right;*/
	position:relative;
	top: 5px;
	margin-bottom: 0px;
}
*html .blocwebformance img {
	margin-bottom: 10px;
}
/* style du bloc div "bas" dans le bloc encyclopedie*/
.blocwebformance .bas {
	float: left;
	position:relative;
	left: -20px;
}
*html .blocwebformance .bas {
	left: -60px;
}

/* style des listes dans le bloc encyclopedie*/
.blocwebformance ul{
	float: left;
}


/* style du titre et de l'auteur*/
.blocwebformance li {
	display: block;
	font-size: 12px;
	font-weight: bold;
	list-style-position: -10px;
	list-style-image: url(../../../images/AC/px.gif);
}
.blocwebformance .auteur{
	float: left;
	font-weight:normal;
	font-size: 11px;
}
/* style des liens dans le bloc encyclopedie*/
.lienwebformance {
	display:block;
	margin-left: 40px;
}
*html .lienwebformance{
	position:relative;
	right: -20px;
}
/* style de la balise a dans le bloc encyclopedie*/
.blocwebformance  a {          
    display: block;
	font-weight: bold;
	font-size: 11px;
}



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

/* Bloc Encyclopédie/////////////////////////////*/
.blocencyclo{
  display: block;
  width: 498px;
  height: 87px;
  margin-top: 10px;
  margin-bottom: 20px;
  background:url(../../../Images/ECV/bg_encyclo.gif) left top no-repeat;
  text-align: center;
}

/* style de la balise img dans le bloc encyclopedie*/
.blocencyclo img {
	/*float: right;*/
	position:relative;
	top: 5px;
	margin-bottom: 0px;
}
*html .blocencyclo img {
	margin-bottom: 10px;
}
/* style du bloc div "bas" dans le bloc encyclopedie*/
.blocencyclo .bas {
	float: left;
	position:relative;
	left: -20px;
}
*html .blocencyclo .bas {
	left: -60px;
}

/* style des listes dans le bloc encyclopedie*/
.blocencyclo ul{
	float: left;
}


/* style du titre et de l'auteur*/
.blocencyclo li {
	display: block;
	font-size: 12px;
	font-weight: bold;
	list-style-position: -10px;
	list-style-image: url(../../../images/AC/px.gif);
}
.blocencyclo .auteur{
	float: left;
	font-weight:normal;
	font-size: 11px;
}
/* style des liens dans le bloc encyclopedie*/
.lienencyclo {
	display:block;
	margin-left: 80px;
}
*html .lienencyclo{
	position:relative;
	right: -20px;
}
/* style de la balise a dans le bloc encyclopedie*/
.blocencyclo a {          
    display: block;
	font-weight: bold;
	font-size: 11px;
}

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

/* bloc alphabet*/
.alphabetbg {
	float: left;
	width: 488px;
	height: 18px;
	padding-left: 10px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding-top: 2px;
	text-align: center;
	background:url(../../../Images/ECV/bg_alphabet.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: 18px;  /* largeur du bloc lettre à modifier suivant le nombre de lettres ou caractères à afficher*/
    color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

/* style de la class "active" à appliquer pour la lettre en cours de l'alphabet*/
.alphabetbg .active {
	position: relative;
	top: -1px;
    color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #DDDDDD;
	font-size: 13px;
}

/* style de la balise a en roll over dans le bloc alphabet*/
.alphabetbg a:hover {
	font-weight: bold;
	font-size: 13px;
}


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

/* bloc alphabet GENERIQUE*/
.alphabetbgGenerique {
	float: left;
	width: 488px;
	height: auto;
	padding-left: 10px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background:#8A8A8A;
}

/* style de la balise a dans le bloc alphabetGENERIQUE*/
.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: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #8A8A8A;
}

/* style de la class "active" à appliquer pour la lettre en cours de l'alphabet GENERIQUE*/
.alphabetbgGenerique .active {
	padding: 0px;
    color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #DDDDDD;
	font-size: 13px;
}
/* style de la balise a en roll over dans le bloc alphabet GENERIQUE*/
.alphabetbgGenerique a:hover {
	font-weight: bold;
	font-size: 13px;
	text-decoration:underline;
}

/* Niveau 2 **/
.alphabetNiveau2 {
	float: left;
	width: 488px;
	height: auto;
	padding-left: 10px;    /* padding à modifier suivant le nombre de lettres ou caractères à afficher*/
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background:#8A8A8A;
}

/* 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;
	width: 18px;  /* largeur du bloc lettre à modifier suivant le nombre de lettres ou caractères à afficher*/
    height: 16px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #8A8A8A;
}

/* 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: 13px;
	font-weight: bold;
	color: #008299;
}
/* style de la définition*/
.definition{
	font-size: 11px;
}
/* style des textes "voir aussi" */
.voir{
	font-weight: bold;
}
/* style des liens vers d'autres mots */
.voirlien{
	display:list-item;
	list-style-type:none;
	font-weight: bold;
	color: #808080;
}
/* navigation vers mots précédents et mots suivants */
.navmots{
    width: 488px;
	margin: 20px 0 20px 10px;
    text-align: right;
}
.navmots a{
	display: block;
	color: #808080;
	font-weight: bold;
}
.navgauche{
    float: left;
}
.bgTabGlossaire1{
	background: #F2F9FA;
}
.bgTabGlossaire2{
	background: #FFFFFF;
}

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

div.dossier div.blochaut a.RubriqueLienPapier:hover {
	text-decoration:underline
} 

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

/* bloc dossier type */
.dossier{
	float: left;
    width: 498px;
	height: auto;
	background: url(../../../Images/ECV/dossier/dossier_bghaut.gif) top left no-repeat;
	padding: 16px 0 0 0;
	margin: 10px 0 10px 0;
}
*html .dossier{
	float: none;
	margin: 10px 0 15px 0;
}
/* partie haute titre + date */
.dossier .blochaut{
	float:left;
	background:#EFEFEF url(../../../Images/ECV/dossier/dossier_bg1.gif) top left repeat-y;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 4px 0;
	margin: 0;
}
.dossier .pointilles{
	float: left;
	background: url(../../../Images/ECV/dossier/dossier_bg1.gif) top left repeat-y;
	padding: 0;
	margin: 0;
}

.dossier .date{
	float: right;
	font-size: 11px;
	color: #008299;
	padding: 0;
	margin: 0 8px 0 8px;
}
.titredossier{

}
.dossier .blochaut .titredossier a{
	display: block;
	width:482px;
  	color: #008299;
  	font-size: 12px;
  	font-weight: bold;
	padding: 0;
	margin: 0 8px 0 8px;
}
/* bloc image + texte + lien */
.dossier .blocmilieu{
	float: left;
	width: 498px;
	background: url(../../../Images/ECV/dossier/dossier_bg2.gif) top left repeat-y;
	padding: 0;
	margin: 0;
}

.spacerdossier{
	width: 100%;
	background: url(../../../Images/ECV/dossier/dossier_bg2.gif) top left repeat-y;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
.dossier .blocmilieu img{
	display: block;
  	float: right;
  	border: 1px solid #808080;
	padding: 0;
	margin: 8px 8px 8px 8px;
}
*html .dossier .blocmilieu img{
	margin: 8px 5px 8px 8px;
}
.dossier p.texte {
	padding: 0;
	margin: 0;
}
.dossier .textedossier {
	padding: 0;
	margin: 8px 0 8px 8px;
}
/* bloc lien qui permet de positionner le lien en partie basse du bloc milieu*/
.dossier .blocbas{
	margin: 0;
	padding: 0;
	height: 24px;
	background:url(../../../Images/ECV/dossier/dossier_bgbas.gif) bottom left no-repeat;

}
/* style de la balise a */
.dossier .blocbas a{
	font-size: 11px;
	color: #808080;
	font-weight: bold;
	padding: 0 8px 8px 8px;
}

/*------------------------------------------------------------------
Page Focus
-------------------------------------------------------------------*/
/* thématique du dossier + date */
.themefocus{
	display:block;
	background: url(../../../Images/ECV/dossier/dossier_bghaut2.gif) top left no-repeat;
	padding: 14px 5px 4px 5px;
	margin: 20px 0 0px 0;
    text-align: left;
	font-size: 12px;
  	font-weight: bold;
    color: #008299;
}

.themefocus H1{
	padding: 0;
	margin: 0;
	font-size: 12px;
  	font-weight: bold;
    color: #008299;
}

.focusdate{
	float: right;
	padding:0px;
	color: #008299;
	font-size: 11px;
}
div#blocFocus {
	display: block;
	background: url(../../../Images/ECV/dossier/dossier_bg3.gif) top left repeat-y;
	border-top: 0px;
	margin:0 0 20px 0;
	padding: 6px 0px 0px 0px;
}
#blocFocus .espaceur{
	clear: both;
	height: 4px;
	width: 100%;
	background: #FFFFFF url(../../../Images/ECV/dossier/dossier_bgbas2.gif) top left repeat-y;
	margin:0;
	padding: 0px 0px 0px 0px;
}
#blocFocus img{
	float:left;
	margin: 0 5px 0 5px;
	border: 1px solid #C8DAE3;
}
#blocFocus p{
	margin: 0px 6px 6px 6px;
}
/* Liste Focus */
.listefocus{
  margin-left: 0px;
  padding: 0px;
}
/* sous-rubrique focus*/
ul.listefocus li {
  	list-style-image: url(../../../images/AC/px.gif);
	font-size: 12px;
	color: #008299;
	font-weight: bold;
	margin:0;
	padding: 0;
}
/* sous-rubrique focus*/
.mag {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.listefocus .intro {
	margin-top: 2px;
	font-size: 11px;
	font-weight: normal;
}
.listefocus a {
    display: block;
	color: #808080;
	font-weight: bold;
	margin-top: 2px;
	padding-bottom: 10px;
}
.listefocus a.ArticleDossier{
  	list-style-image: url(../../../images/AC/px.gif);
	font-size: 12px;
	color: #008299;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}