@import "page_layout.css";
@import "cssMenu.v3.5.css";
@import "searchResults_displayResult.v3.0.css";
@import "paginator.css";

/*----------------------------------------*
** Menu Navigation
**----------------------------------------*/
/* bug bizarre :  lorsque la page est rafraîchi, la mise en page est "cassée" : la partie content se retrouve sous le menu. 
la cause en est la présence d'<option> dans les balises <select> d'un <form> en corrélation avec le display:table de la partie content, mais POURQUOI ???? */
#menu h3#menuTitle {
	display				: block;
	width				: 225px;
	height				: 40px;
	background      	: transparent url('graphics/t_explorer_collection.png') no-repeat 8px bottom;
	text-indent			: -5000px;
	}
#searchByYear h4,
#loadIssue h4,
#browseSubject h4,
#browseIndex h4 {
	display				: block;
	margin-bottom		: 2px;
	width				: 205px;
	height				: 16px;
	border-bottom		: 1px #5EA4B3 solid;
	text-indent			: -5000px;
	}
#searchByYear h4 {
	background      	: transparent url('graphics/n_recherche_annee.gif') no-repeat right top;
	}
#loadIssue h4 {
	background			: transparent url('graphics/n_acces_numero.gif') no-repeat right top;
	}
#browseSubject h4 {
	margin-left			: 5px;
	background			: transparent url('graphics/n_parcours_thema.gif') no-repeat right top;
	}
#browseIndex h4 {
	background			: transparent url('graphics/n_index_nomscites.gif') no-repeat right top;
	}

#searchByYear,
#loadIssue,
#browseIndex {
	margin-top			: 1em;
	padding-right		: 1px;
	margin-left			: 5px;
	width				: 205px;
	height				: 44px;
	text-align			: left;
	}

#searchByYear select,
#loadIssue select {
	float				: left;
	width				: 135px;
	height				: 18px; /* tient compte ou pas (firefox) de la bordure */
	line-height			: 14px;
	font-size			: 10px;
	vertical-align		: middle;
	color				: #5EA4B3;
	border-width		: 1px; /* évite décalage height sous firefox */
	}
#searchByYear input.searchstring,
#loadIssue input.searchstring {
	display				: block;
	float				: left;
	margin				: 0 0px;
	padding				: 0 2px;
	width				: 38px;
	height          	: 18px;
	text-align			: right;
	color				: #5EA4B3;
	border-width		: 0;
	background			: transparent url('graphics/searchN_input_green.png') no-repeat left center;
	z-index				: 1;
	}
#searchByYear input.searchbutton,
#loadIssue input.searchbutton {
	display				: block;
	float				: left;
	width           	: 22px;
	height				: 18px;
	border-width		: 0px;
	background			: transparent url('graphics/searchN_button_green.png') no-repeat left top;
	z-index				: 1;
	padding-top			: 20px; /* cacher le texte du boutton; text-indent ne marche pas sur les boutons sous tous les navigateurs */
	overflow			: hidden;
	}
#searchByYear input.searchbutton:hover,
#loadIssue input.searchbutton:hover {
	background			: transparent url('graphics/searchN_button_green.png') no-repeat right top;
	cursor				: pointer;
	}

#browseIndex{
	/* background      : transparent url('graphics.v2/index_slice.png') repeat-y left -19px; */
}
#browseIndex select {
	display				: block;
	float				: left;
	width				: 95px;
	height				: 18px;
	line-height			: 16px;
	font-size			: 10px;
	color				: #5EA4B3;
	border-width		: 1px; /* évite décalage height sous firefox */
	}
#browseIndex input.searchstring {
	display				: block;
	float				: left;
	padding				: 0 2px;
	width				: 100px;
	height          	: 18px;
	color				: #5EA4B3;
	border-width		: 0;
	background			: #EFF6F7 url('graphics/index_input.png') no-repeat left top;
	}
#browseResults {
	margin-top			: 22px;
	margin-right		: 25px;
	margin-left			: auto;
	padding				: 2px;
	width				: 80%;
	font-size			: 11px;
	border				: 1px #5EA4B3 solid;
	}
#browseResults .result a {
	display				: block;
    width				: auto;
	text-align			: right;
	overflow			: hidden;
	}
#browseResults .result a, 
#browseResults .result a:link,
#browseResults .result a:visited {
	height				: 1.3em;
	line-height			: 1.3em;
	color				: #5EA4B3;
	text-decoration		: none;
	}
#browseResults .result a:hover {
	color				: #500C2B;
}

/*----------------------------------------*
**  définition générale : affichage des images dans la zone de résultat (concerne les images illustrant le texte de présentation)
**----------------------------------------*/	
#content #introduction {
	padding-top			: 2em;
	padding-bottom		: 3em;
	margin				: auto;
	width				: 70%; /* msie : 100% plante */
	max-width			: 450px;
	}
#content #introduction h2 {
	display				: none;
	margin				: 0;
	height				: 23px;
	text-indent			: -5000px;
	background      	: transparent url('graphics/titre_main.png') no-repeat left bottom;
	}
#content #introduction h3 {
	display				: block;
	margin-top			: 2em;
	width				: 100%;
	height				: 53px;
	text-indent			: -5000px;
	}
#content #introduction h3#presse {
	margin-top			: 0;
	background      	: transparent url('graphics/t_presse_regio_ill_19e.png') no-repeat left bottom;
	}
#content #introduction h3#progres {
	background      	: transparent url('graphics/t_progres.png') no-repeat left bottom;
	}
#content #introduction h3#illustre {
	background      	: transparent url('graphics/t_supp_illustre.png') no-repeat left bottom;
	}
#content #introduction img.thumb {
	margin				: 0.5em 1em;
	padding				: 3px 3px 6px 3px;
	border-width		: 0;
	border-left			: 1px solid #dcd7c8;
	border-right		: 1px solid #dcd7c8;
	border-bottom		: 1px solid #dcd7c8;
	}

/*----------------------------------------*
**  affichage des resultats
**----------------------------------------*/
#content .searchResults h2#resultats {
	display				: block;
	margin-top			: 2em;
	height				: 23px;
	text-indent			: -5000px;
	background      	: transparent url('graphics/t_resultats.png') no-repeat left bottom;
	}
#content .searchResults {
	margin				: auto;
	width				: 95%;
    text-align			: center;
	}
#content .searchResults .error { /* formatage de l'affichage des messages d'erreurs, le cas échéant */
	display				: block;
	padding				: 10px;
	text-align			: center;
	font-size			: 1.1em;
	font-weight			: bold;
	color				: red;
	}
#content .searchResults .note { /* formatage de l'affichage de l'avertissement */
	margin-top			: 1em;
	display				: block;
	padding				: 4px 8px;
	text-align			: left;
	font-size			: 0.9em;
	color				: #5EA4B3;
	border				: 1px #5EA4B3 solid;
	}
/* #content .searchResults #timeline {
	margin-top			: 1em;
	width				: 100%;
	border				: 1px #dcd7c8 solid;
} */
#content .searchResults .Paginator { /* repositionnement du navigateur de pages (définition dans paginator.css)*/
	margin				: 2em 0 0;
	}
	
/*----------------------------------------*
**  affichage des résultats sous la forme miniature seulement
**----------------------------------------*/
#content .searchResults .displayThumb { /* cas où les résultats s'affiche sopus forme d'image */
	display				: inline;
    margin				: 5px; /* ou 2% pour 16/8 */
    float				: left;
	}
#content .searchResults .displayThumb a { /* nécessaire pour éviter un décalage induit par le bloc <a> entre thum et legend */
	display				: block;
	width				: 156px;
	height				: 227px;
	font-size			: 0;
	}
#content .searchResults .displayThumb a .thumb {
	padding				: 3px 3px 6px 3px;
	width				: 150px;
	height				: 218px;
	border-width		: 0;
	border-left			: 1px solid #dcd7c8;
	border-right		: 1px solid #dcd7c8;
	border-bottom		: 1px solid #dcd7c8;
	}
#content .searchResults .displayThumb .legend {
	display				: block;
	width 				: 156px; /* 150 + 3*2 */
	height				: 3em;
	padding-top			: 1em;
	font-family			: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 1em;
	color				: #5EA4B3;
	background			: transparent url(graphics/upShadow_2.png) repeat-x top left;
	overflow			: hidden;
	}