/*---------Mise en page GÉNÉRALE-------->*/
html{background-color: #c1d285;}
body{
	background-color: #c1d285;
	margin:0; 
	padding:0; 
	text-align:center;
}
#page{
	padding:0; 
	background-color: #FFFFFF;
	background-image:url(../img/bg.jpg);
	width:839px; 
	margin: auto;
	text-align:center;
}
#header,#contenu,#bas_page{
	margin: auto;
	width:776px; 
}
#header{
	padding-bottom:28px;
	text-align:center;
}
#contenu{
	text-align:left;
	margin-bottom: 2px;
	padding-bottom: 20px;
}
#prog{
	width:183px; 
	background-image:url(../img/cadre.gif); 
	text-align:left;
	padding-left: 9px;
	padding-top: 10px;
}
.imgprog{padding-bottom:5px;}
#droit{width:570px; margin-left:10px;}

#bas_page{
	border: dashed #4B2F19;
	border-width:1px 0 0px 0 ;
	padding:20px 0 20px 0;
	text-align:center;
}
.bas{margin-left:180px}
.texte_bas{text-align:left; margin-left:10px;}

/*---------ALIGNEMENT-------->*/
.gauche{float:left;}
.droit{float:right;}
.clear{clear:both;}

/*---------TYPOGRAPHIE------->*/
html, select, input{
	FONT-SIZE: 14px;
	COLOR: #272727;
	font-family:georgia;
}
.brun{color:#4B2F19}
.petit{FONT-SIZE: 12px;}

h1,h2,.titre{font-family:Century Schoolbook; margin-top:0; color:#4B2F19}
h1{FONT-SIZE: 28px; }
h2{FONT-SIZE: 20px; }
.titre{FONT-SIZE: 20px; font-weight:bold;}
.prix{FONT-SIZE: 16px; line-height:28px}

a{
	FONT-SIZE: 12px;
	line-height:28px;
	font-weight: bold;
	color: #4B2F19;
}
#bas_page a{color: #000000;}
a:link, a:visited{text-decoration:underline}
a:hover, a:active {text-decoration:underline}

#header img{border:none;}
#contenu a img{border: 1px solid #9FB7CF;}
#bouton a img{border:none;}


/*---------MISE EN PAGE MENU------>*/
#logo{
			margin:40px 0 20px 0;
}
#menu,#menu_bt{
	text-align:center;
	height:30px;
}
#menu{
	margin:0 auto;
	width:720px;
	border: solid #336699;
	border-width:1px 0px ;
}
#menu_bt{
	margin:0 0 0 35px;
}