/* =========================================================================================		layout */
body {
	margin:0px; margin-top:20px;
	background-color:#ABABAB;
	background-color:#DDEFFF;
	background-image:url(../pics/background.gif);
	font-family:arial, sans-serif;
	font-size:12px;
	text-align:center;
}

#container {
	position:relative;
	width:760px; height:auto;
	margin-left:auto; margin-right:auto;
	text-align:left;
}

#banniere {
	position:relative;
	width:760px; height:179px;
	background-image:url(../pics/banniere.gif);
}

#page_top{
	position:relative;
	width:760px; height:20px;
	background-image:url(../pics/page_top.gif);
}

#page_body {
	position:relative;
	width:760px;
	margin-top:0px; padding-bottom:15px;
	color:rgb(96,43,0);
	background-color:rgb(255,243,225);
	background-image:url(../pics/page_background.gif);
}

#page_footer {
	position:relative;
	width:760px; height:45px;
	background-image:url(../pics/page_footer.gif);
}

#credits{
	position:absolute; top:6px; left:170px;
	width:590px;
	margin:auto;
	font-size:10px;
	text-align:center;
	color:rgb(96,43,0);
}

/* ========================================================================================			menu interface */

#interface {
	position:absolute; bottom:-3px; right:1px;
	width:124px; height:21px;
}

/* ========================================================================================			tableau infos */

.infos {
	width:560px;
	margin-left:170px; margin-bottom:10px;
	background-color:rgb(252,247,242);
	border:1px solid rgb(146,83,0);
	color:rgb(146,83,0);
	font-size:12px;
	text-align:left
}

.infos td {border-top: 1px solid rgb(220,220,220)}

/* ========================================================================================			images */

.img_gauche, .img_gauche_bord, .img_droite, .img_droite_bord {
	position:relative;
	float:left;
	margin-right:20px; margin-left:0px;
	margin-bottom:9px; margin-top:5px;
}

.img_droite, .img_droite_bord {
	float:right;
	margin-left:20px;
}

.img_centre, .img_centre_bord {
	position:relative;
	margin-left:auto; margin-right:auto;
	margin-top:20px; margin-bottom:15px;
}

.img_gauche_bord, .img_droite_bord, .img_centre_bord {
	position:relative;
	border:1px solid rgb(156,93,0)
}

/* ========================================================================================			entetes */

h1, h2, h3 {
	margin-top:0px;
	margin-left:170px;
	margin-bottom:1em;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color: rgb(156,93,0);
}
h2 {margin-top:2em; margin-bottom:1em; font-size:16px;}
h3 {margin-top:2em; font-size:12px}

/* ========================================================================================			liens */

a{color:rgb(156,93,0); font-weight:bold; text-decoration:none}
a:hover {color:rgb(156,93,0); text-decoration:none}

ul a:hover, ol a:hover {text-decoration:underline}

.menu_li a:hover, .menu_li_on a:hover {text-decoration:none}

.prog_li a, .prog_li a:hover, .prog_rubrique a, .prog_rubrique a:hover,
.prog_rubrique_h1 a, .prog_rubrique_h1 a:hover {font-weight:normal; color:rgb(136,83,40)}

.prog_rubrique a:hover, .prog_rubrique_h1 a:hover {text-decoration:underline; color:rgb(106,23,0)}

/* ========================================================================================			listes */

ul {
	margin:0px; padding-left:190px;
	list-style-type:square;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:1.7em;
	text-align:left;
	color:rgb(96,43,0);
	list-style-type:square
}

#credits ul {
	display:inline;
	list-style-type:none;
	margin-left:0px; margin-top:1em; margin-bottom:1em;
	padding:0px;
	font-size:9px;
	text-align:center
}

.menu {
	position:relative; left:1px;
	width:139px; float:left;
	margin:0; padding:0;
	font-size:11px;
	font-weight:bold; text-align:right;
}

.menu_li, .menu_li_on {
	list-style-type:none;
	line-height:22px;
	margin:0; padding-right:8px
}

.prog_li, .prog_li_on, .prog_rubrique, .prog_rubrique_h1 {
	list-style-type:none;
	line-height:16px;
	font-size:11px;
	margin:0; padding-right:8px
}

.prog_rubrique, .prog_rubrique_h1 {
	background-color:#FFF0DF;
	background-image:url(../pics/prog_background.gif);
}

.prog_rubrique_h1 {
	line-height:22px;
	background-image:url(../pics/prog_h1.gif)
}

.menu_li_on {
	background-color:#FEE0AA;
	background-image:url(../pics/rubrique_on.gif);
	cursor:pointer
}

.infos ul {padding-left:10px; margin-left:0px; margin-top:1em; margin-bottom:1.5em}
.puces_light {margin-right:50px; font-size: 12px}
.puces_light li, .infos li {list-style-type:none; list-style-image:url(../pics/puce_light.gif)}

/* ========================================================================================			formulaire */

#postcard {
	position:relative; top:15px;
	margin-bottom:20px;
	width:504px; height:304px;
	margin-left:200px; margin-right:auto;
	background-image:url(../pics/form_carte_postale.gif)
}

fieldset {border:none}

.message, .email {
	position:absolute; top:120px; left:70px;
	width:210px; height:100px;
	background:transparent;
	color:rgb(96,43,0);
	font-family:"Courier New", arial, sans-serif; font-size:12px;
	border:none; border-right:1px dotted rgb(96,43,0);
	overflow:auto
}
.email {
	top:250px;
	height:16px;
	overflow:hidden
}

.erase_off, .ok_off {
	position:absolute; bottom:50px; right:105px;
	width:40px; height:40px;
	background-image:url(../pics/form_erase_off.gif);
	cursor:pointer
}

.ok_off {
	bottom:50px; right:55px;
	background-image:url(../pics/form_ok_off.gif);
}

/* ========================================================================================			divers */

hr	{clear:both; visibility:hidden}
p	{margin-top:1.5em; margin-left:170px; margin-right:50px; line-height:1.6em; text-align:left}

.centrage {width:560px; margin:0px; margin-left:170px; text-align:center}
.prix {background-color: rgb(255,214,141); color: rgb(116,53,0)}
.bold {font-size:11px; font-weight:bold}