@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: #fff;
	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;
}

	/* Champs newsletter */
	#frm-newsletter {
		display: none;
		position: absolute;
		right: 0px;
		top: 345px;
		width: 460px;
		margin: 0; 
		padding: 30px 20px 10px 0px; 
		border: 0;
		background: #888;
		z-index: 9998;
	}
		#frm-newsletter > div {
			float: right;
		}
			#frm-newsletter h2 {
				float: left;
				padding-right: 5px;
				letter-spacing: 0;
				line-height: 30px;
				text-transform: uppercase;
			}
			#frm-newsletter p {
				float: right;
				margin: 0; 
			}
				#frm-newsletter p input {
					float: left;
					width: 180px;
					height: 30px;
					padding: 0 10px;
					border: 1px #888 solid;
					font: normal normal 11px/23px Verdana, Geneva, sans-serif;
					color: #fff;
					background: #666;
				}
				#frm-newsletter p a {
					display: block;
					float: right;
					padding: 0 2px;
					width: 25px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					text-decoration: none;
					border: 1px #888 solid;
					font-size: 10px;
				}
				#frm-newsletter p a:link, #frm-newsletter p a:visited { background: #96AD4C;color: #fff; }
				#frm-newsletter p a:hover, #frm-newsletter p a:active, #frm-newsletter p a:focus { background: #C2E261; color: #fff; }

	#absolute-box {
		position:absolute;
		width:700px; height:420px;
		margin:80px 0 0 0px;
		top:0;
		left:0;
		z-index: 9999;
	}
	
	#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:26px;*/ height:32px;
					padding: 8px 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: 50px 30px 30px 30px;
			background:#989898;
		}
		
			#contents p{
				text-align:justify;
				letter-spacing:1px;
			}
			
		#secondary-menu{
			float: left;
			clear: both;
			width:100%;
			padding:10px 0px 10px 0px;
			font:normal normal 9px/18px 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 18px/24px Verdana, Arial, Helvetica, sans-serif; color:#DAFF6D; margin:0 0 15px 0px; letter-spacing: 1px;}
h2{ font:normal normal 14px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0 0 8px 0px; letter-spacing:1px;}

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:#222222;
	margin: 0 0 2em 0;
}


/*  TABLE  */
table { 
	margin: 0 0 20px 0; 
	line-height: 16px;
}
	tfoot {
	}
	tbody {
	}
	thead {
	}
	th {
		background: #666; 
		border: 1px solid #777;
	  	color: #fff;
		padding: 5px;
	}	
	table, td, tr {  }
	td {
		border-collapse: collapse;
		padding: 5px; 
		border: 1px solid #999;
		outline: none;
		font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
		background: #888;
	}
	tr { 
		padding: 0px; 
	}