/*******************************************/
/* GENERAL : body, image, liens            */
/*******************************************/
BODY {
    MARGIN: 0px;
    color : Black;
    background-color : #F6F6F6;
    background-image : url("fond_haut.png");
    background-repeat: no-repeat;
    background-position: top left; 
    font-family : Arial, Helvetica, sans-serif;
	 font-size : 12px;
} 
img {
    vertical-align : baseline;
}
a:link {
    color: #0000BB; /* #30285D; */
    text-decoration: none;
    background-color : transparent;
}
a:visited {
    color : #6600AA; /* #3F357B; */
    text-decoration : none;
    background-color : transparent;
} 
a:hover {
    color : Blue;
    text-decoration : underline;
    background-color : transparent;
} 
a:active {
    color : Blue;
    text-decoration : underline;
    background-color : transparent;
} 
/*******************************************/
/* GENERAL : haut de page                  */
/*******************************************/
div.babel_logo{
   background-image: url("logo1b.gif");
   background-repeat: no-repeat;
   background-position: top left; 
   width: 152px;
   height: 104px;
}
div.babel_hautpage {
   line-height : 20px;
}

/*******************************************/
/* GENERAL : AJAX                          */
/*******************************************/
div.babel_ajax_accueil{
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 0px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   vertical-align: top;
   padding : 5px 2px 2px 5px;
}

/*******************************************/
/* GENERAL : titres                         */
/*******************************************/
h1 {
   font-family: "Times new Roman", Times, Garamond, serif;
   font-style : italic;
   font-size: 20px;
	line-height:25px;
   vertical-align: top;
   margin: 0px 0px 0px 0px;
}
h2 {
   font-family: "Times new Roman", Times, Garamond, serif;
   font-style : italic;
   font-size: 16px;
	line-height:25px;
   vertical-align: top;
   margin: 0px 0px 0px 0px;
}
h3 {
   font-family: "Times new Roman", Times, Garamond, serif;
   font-style : italic;
   font-size: 14px;
	line-height:25px;
   vertical-align: top;
   margin: 0px 0px 0px 0px;
   border-width : 0px 0px 1px 0px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
}
h4 {
   font-style : italic;
	font-weight: bold;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
}
/* Afficher une année après le titre */
span.babel_annee {
    font-family : Arial, Helvetica, sans-serif;
	 font-size : 12px;
    font-weight: normal;
} 

/*******************************************/
/* GENERAL : corps de la page              */
/*******************************************/
/* Zone générale */
div.babel_corps {
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding: 5px 5px 5px 5px;
	/* height:600px; */
}
/* Séparateur */
div.babel_barre {
   border-width : 1px 0px 0px 0px;
   border-style : solid solid solid solid;
   border-color : #CCCCCC #888888 #888888 #888888;
}
/* Séparateur transparent */
div.babel_espace {
   border-width : 0px 0px 0px 0px;
   height: 5px;
}
/* Texte grisé */
span.babel_gris {
   color: #CCCCCC;
}
/* Titre de la page */
span.babel_titre {
   color: #CCCCCC;
   font-style : italic;
}
/* Titre de la page invisible pour l'impression */
@media print {
	span.babel_titre {
		display: none;
	}
}

/*******************************************/
/* GENERAL : pied de page                  */
/*******************************************/
div.babel_piedpage {
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #EEEEEE #AAAAAA; /* #D1D1D1 #727272 #727272 #D1D1D1; /* #E1C893 #887251 #887251 #E1C893; */
   font-size : 12px;
   /* background-color : #C1C1C1; /* #CEC19B; */
   text-align : center;
   line-height : 20px;
}

/*******************************************/
/* GENERAL : menu de gauche                */
/*******************************************/
span.babel_nav {
   background-image: url("fond_onglet.jpg"); /* 01/01/2008 */
   background-color : #DFDFDF;
   border-width : 1px 1px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   font-size : 12px;
   padding : 2px 2px 1px 2px;
   /*line-height : 20px; */
}
/* Cadre du menu de gauche */
div.babel_menu {
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   font-size : 12px;
   padding : 10px 4px 10px 4px;
   /* line-height : 20px; */
}
div.babel_pucemenu {
   background-image: url(pucebabel.gif);
   background-repeat: no-repeat;
   background-position: top left; 
   padding-left: 8px;
   padding-top : 2px;
   line-height : 14px;
}
div.babel_menutrad {
   background-color :  #E2F0FE; /* #E3ECF5;  /* #CEE5FC; */
   padding : 2px 2px 2px 2px;
}

/* Cadre gauche invisible pour l'impression */
@media print {
	td.babel_colgauche {
		display: none;
	}
}


/*******************************************/
/* GENERAL : onglets  alphabétiques et listes          */
/*******************************************/
div.babel_alpha {
	font-weight: bold;
   font-size : 14px;
}
span.babel_selec {
   background-image: url("fond_onglet.jpg"); /* 01/01/2008 */
   background-color : #DFDFDF;
   border-width : 1px 1px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding : 2px 2px 1px 2px;
   /*line-height : 20px; */
}
span.babel_selec2 {
   background-image: url("ajax-loader2c.gif");
   background-repeat: no-repeat;
   background-position: center center; 
   background-color : #DFDFDF;
   border-width : 1px 1px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding : 2px 2px 1px 2px;
   /*line-height : 20px; */
}

span.babel_selec_err {
   background-color : #FACACA;
   border-width : 1px 1px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding : 2px 2px 1px 2px;
   /*line-height : 20px; */
}
span.babel_nonsel {
   background-color : #EEEEEE;
   padding : 2px 2px 0px 2px;
   /*line-height : 20px; */
}
div.babel_liste {
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 0px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   font-size : 12px;
   padding : 10px 4px 10px 4px;
   /* line-height : 20px; */
}
div.babel_puce {
   background-image: url(pucebabel.gif);
   background-repeat: no-repeat;
   background-position: top left; 
   padding-left: 8px;
   padding-bottom : 2px;
   line-height : 20px;
}
div.babel_puce2 {
   /* CREER UNE PUCE PLUS DECALEE VERS LA DROITE
   background-image: url(pucebabel.gif); 
   background-repeat: no-repeat;
   background-position: top left; 
	*/
   padding-left: 16px;
   padding-bottom : 2px;
   line-height : 14px;
}
div.babel_lexique{
   background-color : #E9E9E9;
   border-width : 1px 0px 0px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   font-size : 12px;
   padding : 0px 0px 0px 0px;
   /* line-height : 20px; */
}
/* Zone "SP" Suivant / Précédent */
div.babel_SP {
	text-align:center;
}

/*******************************************/
/* GENERAL : formulaires                   */
/*******************************************/
/* Formulaire de recherche en haut de page invisible pour l'impression */
@media print {
	form.babel_formhaut {
		display: none;
	}
}
div.babel_form {
   background-image: url("fond_corps.jpg");
   background-color : #FFFFFF;
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding: 5px 5px 5px 5px;
}

/*******************************************/
/* GENERAL : images              */
/*******************************************/
img.babel {
	vertical-align:text-top;
}

/*******************************************/
/* ACCUEIL                   */
/*******************************************/
div.babel_cadre {
   border-width : 1px 1px 1px 1px;
   border-style : solid solid solid solid;
   border-color : #AAAAAA #AAAAAA #AAAAAA #AAAAAA;
   padding: 5px 5px 5px 5px;
   width: 160px;
   background-color : #E4EFFF; /* #E4EFFA; /* #E3ECF5; /* #E2F0FE; /* #CEE5FC; */
}
h4.babel_trad {
	background-color:#F8F8FF;
	padding-top:4px;
	padding-bottom:2px;
}

/*******************************************/
/* LIVRE                   */
/*******************************************/
div.babel_fiche_livre {
   padding-top : 2px;
   padding-bottom : 2px;
	font-size: 14px;
}


