@charset "UTF-8";
/* CSS Document */

*{ margin:0px; padding:0px; border:0px;}

body{
	margin:0px; padding:0px; border:0px;
	font:normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#b3d35a;
	background: #1a171b url(../images/templaltes/body-bg.jpg) repeat-x;
}

p { margin: 0 0 2em 0; }


#container {
	 width:960px; height:400px;
	 margin:0px auto 0px auto;
	 position:relative;
}

	#absolute-box {
		position:absolute;
		width:700px; height:420px;
		margin:80px 0 0 0px;
		top:0;
		left:0;
	}
	
	#container-left {
		/*float:left;*/
		width:480px;
		position:absolute;
		top:0;
		left:0;
	}
	
		#language {
			float:right; 
			padding-top:62px; 
			padding-right:10px;
		}
		
			#language a {
				color:#b3d35a;
				text-decoration:none;
			}
			
			#language a:hover {
				text-decoration:underline;
			}
	
		#container-left #space{
			width:480px; height:420px;
		}
		
		#info{
			margin:0 30px 0 0; padding:5px;
			color:#eee;
			text-align:center;
			letter-spacing:1px;
			background:#000;
		}
		
		#webmade{
			margin:1px 30px 0 0; padding:5px 0 5px 0; border-top:1px #000 solid;
			font:normal normal 10px/16px Arial, Helvetica, sans-serif;
			color:#444;
			text-align:center;
		}
		
			#webmade a:link, #webmade a:visited{ color:#555; text-decoration:none;}
			#webmade a:hover{ color:#777; }
			#webmade a:active{ color:#555; }
			#webmade a:focus{ color:#777; }
	
	
	#container-right {
		width:480px;
		position:absolute;
		top:0;
		left:480px;
	}
	
		#header{
			width:450px; height:35px;
			padding:60px 0 0 30px;
			background: #999 url(../images/templaltes/header-bg.jpg) bottom no-repeat;
		}
		
			#header a { text-decoration:none;}
			#header a img{ padding:2px; vertical-align:middle;}
		
		
		ul#main-menu {
				width:261px; height:247px;
				padding:2px 0 0 220px;
				list-style:none;
				letter-spacing:1px;
				background: #b3d35a;
			}
			
				ul#main-menu li { margin:0 0 1px 0;}
				
				ul#main-menu li a:link, ul#main-menu li a:visited{
					display:block;
					width:240px; height:30px;
					padding:10px 0 0 20px;
					text-decoration:none;
					letter-spacing:3px;
					color:#fff;
					background: #b3d35a url(../images/templaltes/rubrique-bg.jpg) no-repeat;
				}
				
				ul#main-menu li a:hover{ color:#304817; background: url(../images/templaltes/rubrique-bg-hover.jpg) no-repeat;}
				ul#main-menu li a:active{ color:#fff; background: url(../images/templaltes/rubrique-bg.jpg)  no-repeat;}
				ul#main-menu li a:focus{ color:#304817; background: url(../images/templaltes/rubrique-bg-hover.jpg)  no-repeat;}
		
				
		#container-right #space{
			width:480px; height:50px;
			background: url(../images/templaltes/contents-space-top-bg.jpg) top no-repeat;
		}
		
		#contents{
			/*float:right;*/
			float: left;
			width:420px;
			margin:0; padding:10px 30px 30px 30px;
			background:#989898;
		}
		
			#contents p{
				text-align:justify;
				color:#222;
				letter-spacing:1px;
			}
			
		#secondary-menu{
			float: left;
			clear: both;
			width:100%;
			padding:10px 0px 10px 0px;
			font:normal normal 9px/18px Verdana, Arial, Helvetica, sans-serif;
			list-style:none;
			letter-spacing:0px;
			text-align:center;
			background:#000000;
		}
		
			#secondary-menu a{ padding:5px; }
			#secondary-menu a:link, #secondary-menu a:visited{ color:#b3d35a;}
			#secondary-menu a:hover, #secondary-menu a:active, #secondary-menu a:focus{ color:#666; text-decoration:none; }


/*defaut value*/

h1{ font:normal normal 16px/24px Verdana, Arial, Helvetica, sans-serif; color:#b3d35a; margin:0 0 20px 0px; letter-spacing:3px;}
h2{ font:normal normal 14px/20px Verdana, Arial, Helvetica, sans-serif; color:#b3d35a; margin:0 0 20px 0px; letter-spacing:2px;}

a{ letter-spacing:1px; outline: none; }
a:link, a:visited { color:#fff;}
a:hover, a:active, a:focus { color:#b3d35a;}

ul, ol { margin: 0 0 1em 0; padding: 0; }
ul li, ol li { margin: 0 0 0 2em; padding: 0; }
ul li ul, ol li ol { margin: 0;}
ul li ol, ol li ul { margin: 0; }

.txtNormal { font-weight: normal; }
.txtBold { font-weight: bold; }
.txtItalic { font-style: italic; }
.txtUnderline { text-decoration: underline; }

.styleP  {
	font:normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#b3d35a;
	margin: 0 0 2em 0;
}
