/*
design.css
----------		Par Almaju

Modifié le 4 Mai 2006


Description : feuille de style de la page d'index contenant la mise
en forme du site (menus, en-têtes, pied de page...).

*/

body
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	width:100%;
	background-color:#175c98;
	color:#FFF;
}

/* En-tête */

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
	display:none;
}

#banniere
{
	text-align:center;
	margin-top:5px;
}

/* Speedbarre */

#speedbarre
{
	height:23px;
	background:url('../../images/designs/1/speedbarre/background.png') repeat-x;
	margin:0;
	margin-bottom:15px;
	width:100%;/* Pour IE */
	width:auto;!important
}
#speedbarre ul
{
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	height:23px;
}

#speedbarre li
{
	background:right top url('../../images/designs/1/speedbarre/lien_cote.png') no-repeat;
	height: 28px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-top: 1px;
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	font-size:0.9em;
	list-style-type:none;
}

.speeddroite
{
	float: right;
}
.speedgauche
{
	float: left;
}

#speedbarre a
{
	color:#FFF;
	font-style: normal;
	text-decoration: none;
	font-weight:bold;
}

#speedbarre a:hover
{
	background-color:#b8d890;
	text-decoration:none;
}

/* Menu */

#menu
{
	background:#78b050 url('../../images/designs/1/menu/background.png') no-repeat;
	width:150px;
	padding-bottom:20px;
	position:absolute;
	top:158px;
	left: 0;
	margin: 0;
}

#menu h5
{
	height: 25px;
	margin: 0;
	padding-top: 0px;
	padding-left:10px;
	padding-bottom:0px;
	vertical-align: bottom;
	color:#FFF;
	background:url('../../images/designs/1/menu/header.png') repeat-x;
	margin: 0;
	font-size:15px;
	margin-top:23px;
}

#menu ul
{
	list-style-image: url('../../images/designs/1/menu/puce1.gif');
	padding: 0;
	margin-left: 23px;
}

#menu ul ul
{
	list-style-image: url('../../images/designs/1/menu/puce2.gif');
	padding: 0;
	margin-left: 20px;	
}

#menu .corpsmenu 
{
	padding: 0;
	margin: 0;
	margin-bottom:10px;
}

#nbre_amis_connectes
{
	text-align:center;
}

#liste_amis li
{
	margin-left: 20px;
}

#menu_livredor, #menu_recherche, #menu_pub
{	
	width:90%;
	overflow:hidden;
}

#menu_livredor
{
	margin:2px;
}

#menu_recherche, #menu_pub
{
	text-align:center;
	padding-top:10px;
}

#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}

/* Corps */

#corps
{
	background-color:#4884b9;
	border:2px solid #2f7b98;
	border-right:0;
	margin: 0px 0px 0px 160px;
	padding: 5px 10px 25px 5px;
	overflow: hidden;
}


#corps ul
{
	list-style-image: url('../../images/designs/1/menu/puce1.gif');
	padding: 0;
	margin-left: 23px;
}

#arbre
{
	font-family: 'Trebuchet MS', Verdana, Arial, "Times New Roman", Times, serif;
	font-size:0.85em;
}

h1 /* Tous les titres des pages du site (en haut) */
{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #FFF;
}


/* Pied de page */

#pied_de_page
{
	background-color:#78b050;
	border:1px solid #c0daad;
	border-right:0;
	padding: 5px;
	margin: 20px 0px 8px 160px;
}

#copyright_impression
{
	color:#444444;
	text-align:center;
	font-size:0.9em;
}

/*       Extradivs

3 <div> vides supplémentaires sont mis à votre disposition si vous voulez afficher d'autres éléments sur la page.
Généralement, vous utiliserez des position:absolue ou encore position:fixed pour positionner une image à un
endroit précis de la page */

#extradiv1
{
}

#extradiv2
{
}

#extradiv3
{
}