/**                   **/
/*  Gestion des logos  */
/************************/

body
{
	margin: 0px;
	padding: 0px;
	
	font-family: Georgia, serif;
        font-weight: lighter;
}

a img
{
	border: solid 1px #ff9514;
}

/**
Mise en page de la page d'accueil

Champ de recherche en position centrale verticale
et horizontale
*/

#page_accueil
{
	position: absolute;
	display: inline-block;
	margin: auto;
	width: 100%;
	top: 50%;
	margin-top: -50px;
}

/**
Mise en forme du logo en haut de page

2 types de logo:
 * logo page d'accueil: centré et de taille 3 fois supérieure à celle des menus [class=accueil]
 * logo des autres pages: aligné à gauche et de taille 2 fois supérieure à celle des menus [class=topleft]
*/

h1
{
        font-weight: lighter;
	font-size: 4em;
	margin: 0px;
}

h1[class=accueil]
{
	z-index: -1;
	position: absolute;
	/*top: -40 -60px;*/
	top: -110px;
	width: 100%;
	
	padding: 0px;
	margin: 0px;
		
	font-size: 6em;
	text-align: center;
}

h1 a
{
	display: inline-block;
	position: relative;
	
	color: #ff9514;
	text-decoration: none;
	border: none;
}

h1 a img
{
	z-index: -2;
	position: absolute;
	left: 15%;
	width: 40%;
	height: 35%;
	border: none;
}

/**                                 **/
/*  Barre de recherche et rubriques  */
/*************************************/

input
{
	background-color: #ffffcc;
	border: solid 1px #ffd320;
}

#search_area
{
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.rubriques, #autocompletion
{
	text-align: center;
}

#autocompletion
{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	width: 75%;
	position: relative;
}

#autocompletion_query
{
	margin: 0px;
	width: 100%;
}

#search_results_loading
{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 15px;
}

.rubrique, .rubrique_select
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	
	color: #777777;
	text-decoration: none;
}

.rubrique_select
{
	font-weight: bold;
	text-decoration: underline;
}

.rubrique:hover
{
	text-decoration: underline;
}

/**
Mise en forme de la suggestion de résultats
*/

#autocompletion_field
{
	position: absolute;
	margin: 0px;
	width: 300px;
	padding: 0px;
	color: #666666;
        border: solid 1px #ffd320;
	z-index: 1;
}

#autocompletion_field div
{
	background-color: #ffffff;
	padding-left: 10px;
}

#autocompletion_field .details
{
	font-size: 0.7em;
}

#autocompletion_field .suggest_over
{
	background-color: #ffffaa;
}