/*
design.css
----------		Par thierry

Créé le 12 Décembre 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, Helvetica;
	font-size:0.8em;
	list-style-type: circle;
	margin:0px;
	background: black url("images/.png") repeat-y;
	color: white;
}

/* En-tête */

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

#banniere
{
    margin: 0px;
    height: 160px;
    width: 100%;
    background: url("images/logo_sdz_fr") repeat-x;
}

/* Speedbarre */

#speedbarre
{
	list-style-type: none;
	position: absolute;
	right: 0px;
	border-right: none;
	top: 170px;
	min-height: 28px;
	width: auto;
	background-color: black;
	border: 1px solid #3b5677;
}

html>body #speedbarre
{
	left: 0px;
	top: 155px;
	right: 0px;
	background:  url('images/sous_entete.png') repeat-x;
}
#speedbarre li
{
	min-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;
}

.speeddroite
{
	float: right;
	border-left: 1px solid #3b5677;
}
.speedgauche
{
	float: left;
	border-right: 1px solid #3b5677;	
}

#speedbarre a
{
	font-style: normal;
	font-weight:bold;
	color: white;
}
#corps,#menu
{
	margin-top: 60px;
}

/* Menu */

#menu
{
	float:left;
	width: 140px;
	margin-left: 20px;
}
html>body #menu
{
	margin-left: 40px;
	margin-right:25px;
}

#menu h5
{
	margin: 0;
	min-height: 30px;
	padding-top: 6px;
	padding-left: 0;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom:0px;
	vertical-align: bottom;
   background:url('images/appage.png') repeat-x black;
	border:1px solid black;
}


#menu ul
{
	list-style-position: inside;
	padding: 0;
	margin-left: 5px;
}

#menu ul ul
{
	padding: 0;
	margin-left: 20px;	
}
#menu .corpsmenu 
{
	background: url('images/appage.png');
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid black;
}

#nbre_amis_connectes
{
	text-align:center;
}

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

#menu_livredor, #menu_recherche, #menu_pub
{	
	width:100%;
	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: #001b3b url("images/appage.png") repeat-y;
	border: 1px solid #3b5677;
	padding: 5px;
 	width: auto;
	padding-bottom:25px;
 	overflow:hidden;
   margin-left: 200px;
	margin-right: 20px;
}
/* Sur IE en 800x600, la largeur maximale du corps est de 83% (sinon le design est bousillé)
Sur les navigateurs autres que IE, on peut gagner 1% de largeur alors on en profite ;) */
html>body #corps
{
	width: auto;
	margin-left: 0px;
	
	margin-right: 20px;
}


#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;
}


/* Pied de page */

#pied_de_page
{
	clear: both;
	background: #3b5677 url("images/sous_entete.png") repeat-x;
	padding: 10px;
	padding-bottom: 0px;
	text-align: center;
	margin-top: 10px;
}

#copyright_impression
{
	font-size:0.9em;
	background: url("images/appage.png") repeat-x bottom center;
   height: 40px;
   padding-bottom: 20px;
   margin-bottom: 0px;
   margin-right: -10px; 
   margin-left: -40px;
}

/*       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
{
}