/*STYLE GENERAL DE LA PAGE  ---------------------------------------------------------*/

body
{
	width: 480px;
	height: 450px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffe2c0;
	color: #795327;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	border-left: 3px solid #e88c24;
	border-right: 3px solid #e88c24;
	/*border-bottom: 1px dotted red;
	border-top: 1px dotted red;*/
}


/* LES BLOCS  --------------------------------------------------------------------------

style de l'en-tête   ------------------------------------------------------------------------*/

#en_tete
{
	height:50px;
	background: url("../images/logo_bandi.png") no-repeat left;
	text-indent: 385px;
	/*border: 1px dotted yellow;*/
}

h2
{
	text-align: left;
	text-indent: -50000px; 
}


/* style des menus ------------------------------------------------------------------------*/

#menu
{
	width: 160px;
	height: 350px;
	float: left;
	border-right: 3px solid #e88c24;
	text-align: left;
	/*border: 1px dotted gray;*/
}


/* style du corps --------------------------------------------------------------------------*/

#corps
{
	margin-left: 190px;
	font-size: 12px;
	height: 350px;
	width: 263px;
	/* la bordure permet d'éviter un décalage du pied-de-page entre les pages texte et image */
	border: 1px dotted #ffe2c0;
}


/* style du pieds-de-page --------------------------------------------------------------------*/

#pied_de_page
{
	height: 30px;
	font-size: 10px;
	text-indent: 12px;
	/*border: 1px dotted yellow;*/
}


/* DESIGN DES PAGES  --------------------------------------------------------------------------

les tableaux -----------------------------------------------------------------------------------*/

td
{
	padding-right: 20px;
}


/* les Liens -----------------------------------------------------------------------------------*/

a 
{
	text-decoration: none;
	color: #cf7612;
}

a:hover
{
	text-decoration: none;
	color: #f5aa55;
}

a:active, a:focus
{
	background-color: #fbecda;
}

a:visited
{
	font-style: italic;
	color: #795327;
}

.lien_souligner
{
	text-decoration: underline;
}

/* les listes à puces -----------------------------------------------------------------------------*/

ul
{
	text-indent: 15px;
	list-style-position: outside;
	font-size: 14px;
	list-style-type: none;
	line-height: 28px;
}


/* les diverses balises génériques et leurs identificateurs -------------------------------------*/

.voir
{
	font-size: 12px;
	text-decoration: blink;
	/*border: 1px dotted purple;*/
}
.fleche_gauche
{
	font-size: 20px;
	/*border: 1px dotted orange;*/
}

.fleche_droite
{
	font-size: 20px;
	/*border: 1px dotted purple;*/
}

.centrer
{
	text-align: center;
}

.portrait_01
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.image_valid_xhtml
{
	border-style: none;
	position: absolute;
	top: 410px;
	padding-left: 10px;
}

.image_valid_css
{
	border-style:none;
	position: absolute;
	top: 434px;
	padding-left: 10px;
}