.rel_div {
position: relative;
margin: 8px;
/*border: 1px solid lime;*/
}
.rel_div p {
text-align: center;
}
/*.rel_div img {
border: 10px solid #f6f0db; #f2e9ca #a19b86 
border: 2px solid #c8b6a6;
}*/
/*--- type mid content 2 col ------------------------------*/
.col2_left {
float: left;
width: 490px; 
background-color: #776e5b; /* marron clair */
font-size: 1.3em;
font-weight: bold;
text-align:center;
}
.col2_right {
float: right;
width: 490px;
background-color: #776e5b; /* marron clair #a7a28c #6f6653 */
font-size: 1.3em;
font-weight: bold;
text-align:center;
}
.col2b_left {
	float: left;
	width: 680px;
	padding: 6px;
	background-color: #776e5b; /* marron clair */
	font-size: 1.3em;
font-weight: bold;
	text-align: center;
}
.col2s_right {
float: left;
width: 280px;
padding: 6px;
background-color: #776e5b; /* marron clair */
font-size: 1.3em;
font-weight: bold;
text-align:left;
}
.center3 {
   margin:0 auto;
   width:500px;
   border: 1px solid silver;
	padding: 2px;
	text-align: center;
	font-size: 1.1em;
font-weight: bold;
background-color: #847e6b; /* marron clair #a7a28c #6f6653 */
}

/*---- menus ------------------------------------------------*/
.menu-h {
	margin: 1px;
	width: auto;
	padding: 2px;
	background-color: #faf7ed;
font-size: 1.2em;
color: #6C6681;
	text-align: center;
	line-height: 156%;
}
.menu-h a {
	color: Maroon;
	background-color: #f3fff0;
	padding: 2px 10px 2px 10px;
}
.menu-h a:hover {
	background-color: #dddad1;
   text-decoration: none;
   font-weight: bold;
	font-size: larger;
}