/* General Def */
body { 
	 background: #FFFDEC;
	 padding: 0; 
	 margin: 0; }
pre {
	padding:4px;
	background: #fff; 
    border-top: 5px solid #E5DEC1; 
	border-bottom: #eee solid 1px;
    border-right: #eee solid 1px;
    border-left: #eee solid 1px;}
body, td, div, pre, form, input, textarea, a {
	font: 11px tahoma, arial, sans-serif; 
	letter-spacing: 0.5px;
	line-height: 150%; 
	color: #717171;}
a { 
	color:#3D619E;
	text-decoration: none; }
a:hover {
	font-weight:bold;}
a.drt {
	float:right;
	margin:3px;}
ul { 
   	 margin: 0; 
	 padding : 0; }
h1, h2, h3, h4, h5, form, img { 
	margin: 0;  
	padding: 0; 
	font-size: 11px; }
p {
   	margin: 5px 2px 5px 2px; }
input { 
	  border: 1px solid #c0c0c0; 
	  color: #454545;}
/* Def header */
#header {
	padding:0;
	margin:0;}
#logo { 
	  width:455px;
	  height:63px;
	  background: url('/templat/Image/goldentrade/tunisia_trade/logo_tunisia_trade.jpg') 0 0 no-repeat;}
#langue { 
	  width:150px;
	  height:40px;
	  text-align:center;
	  float: right;
	  padding-left:20px;
	  margin-right:2px;
	  border-left:2px dotted #3D619E;
	  margin-top:20px; }
/* Bar de menu */
#menu_bar {
		height:22px;
		clear:both;
		background:#d6dde6;
		border-top: 1px solid #3D619E;
		border-right: 4px solid #3D619E;
		border-bottom: 1px solid #3D619E;
		border-left: 4px solid #3D619E;}
#menu_bar ul {list-style : none; }
#menu_bar li { 
		margin: 0;  
		padding: 3px 10px 4px 10px;  
		border-right: 1px solid #3D619E; 
		float: left; }
#menu_bar li.encours { 
		background: #3D619E; 
		color: #fff; 
		padding-bottom: 4px;}
#menu_bar li.encours a{ 
		color: #fff;
		font-weight:normal;}
#menu_bar a {
		font:bold 11px tahoma, arial, sans-serif; }
#menu_bar li:hover, #menu_bar a:hover { 
		background: #3D619E; 
		color: #fff; }
/* Def slogan */
#slogan {
		height: 50px; 
		clear: both;
		background: #3D619E url('/templat/Image/goldentrade/tunisia_trade/banniere_new.jpg') 0 0 no-repeat;}
#slogan h2{
		font-size:13px;
		color:#ffffff;
		text-align:center;
		padding:2px;
		margin: auto 8px auto 360px;}
/* Def contenu */
#contenu { 
	clear:both;
	padding: 0;
	margin: 0;
	border-top: 5px solid #E5DEC1; }

	/* Def contenu */
div.contenu_cnt {
	width: 628px;
    padding:2px;
	margin-bottom:5px;}	
h1.titre {
	font: bold 20px tahoma,arial, verdana;
	text-align:center;
	color:#3D619E;
	margin:4px;
	text-align:center;
	border-bottom: 5px solid #E5DEC1;
	padding: 0 5px 0 4px;
}

h4.titre {
	width:220px;
	text-align:center;
	background:#ffffff;
	border-top: 1px dotted #3D619E;
	border-right: 3px solid #3D619E;
	border-bottom: 1px dotted #3D619E;
	border-left: 3px solid #3D619E;
	padding:2px;
	margin-bottom:2px;}
h5.titre {
	width:200px;
	font-size: 11px;
	border-top: 1px dotted #E5DEC1;
	border-right: 2px dashed #E5DEC1;
	border-bottom: 1px dotted #E5DEC1;
	border-left: 2px dashed #E5DEC1;
	padding:2px;
	padding-left:10px;
	margin-bottom:2px;}
div.titre {
    font-weight:bold;
	background: url('/templat/Image/goldentrade/site_design/cercl_flech.gif') 98% center no-repeat;
	border-top: 1px dotted #E5DEC1;
	border-right: 3px dotted #E5DEC1;
	border-bottom: 2px dashed #E5DEC1;
	border-left: 1px dashed #E5DEC1;
    padding:3px;
	margin:10px 0 5px 0;}
div.desc {
    background: #fff; 
	border-top: 1px dotted #E5DEC1;
	border-right: 1px dashed #E5DEC1;
	border-bottom: 1px dotted #E5DEC1;
	border-left: 1px dashed #E5DEC1;
    padding:3px;
	margin-bottom:5px;}
div.desc ul{
    padding:2px;
	padding-left:25px;
	margin:2px;}

	/* Def nav */
div.contenu_nav {
    width: 165px;
	float:right;
    padding: 0;
	margin: 0 0 5px 0;}
div.nav_bar {
	border-bottom: 1px solid #3D619E;
    border-left: 3px solid #3D619E;
    background: #B6C2DD;
    margin-bottom: 5px;
	padding:0;}
div.nav_bar h3 {
	font-size: 11px;
	text-align:center;
	margin:0px;
	padding:1px;
	background: #d6dde6;
	border-top: 1px dotted #3D619E;
	border-right: 1px solid #3D619E;
	border-bottom: 1px dotted #3D619E;}

	ul.nav li {
		display:block;
		cursor:pointer;
		padding:2px;
		padding-left:10px;
		border-bottom:1px solid #3D619E;}
	ul.nav ul {
		display:none;
		list-style : none;
		padding-left:2px;}
	ul.nav .lihover, ul.nav li:hover, ul.nav li:active {
		background: #d6dde6 url('/images/golden-trade/design_site/flechen.gif') 1px 7px no-repeat;
		padding-left:10px;}
	ul.nav ul li {
		border-top:1px solid #3D619E;
		border-bottom:none;}
	ul.nav ul .lihover, ul.nav ul li:hover, ul.nav ul li:active {
		background:#d6dde6;}

div.pub{
	text-align:center;
    color: #777;
	border-bottom: 1px solid #3D619E;
	border-left: 3px solid #3D619E;
    background: #ffffff;
    margin-bottom:5px;
	padding:0;	}
div.pub h3 {
	font-size: 11px;
	text-align:center;
	margin:0px;
	padding:1px;
	border: 1px solid #3D619E;
	border-left:0;}
div.pub p {
	padding:4px;}
/* services associés*/
div.serv_assos{text-align:center;font:bold 11px tahoma,arial;width:85px;padding:4px;border:1px solid #4E4E00; background-color:#E6D6CA;}
	
/* Def Footer */
#sponsor{clear:both;text-align: center;border-top: 1px solid #3D619E;border-top:1px solid #3D619E;border-bottom:1px solid #3D619E;padding-bottom:8px;}
#sponsor h3{text-align:left;font-weight: bold;border-bottom:1px solid #3D619E;}
#sponsor a:hover {background-color: #F5F5F5;border-bottom: 3px solid #CBE6F6;margin-bottom:3px}

#footer { 
	height:15px;
	font-size:9px;
	text-align:center;
	color:#fff;
	background: #3D619E;
	clear: both; 
	padding: 0; }
