.separation{
	background: url(./imgs/spacer.png) no-repeat;
	height: 35px;
}

/* Les elements (X)HTML en general
-------------------------------------------------------- */
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#caca3a; padding:0px; margin:0px;}
body {background:#ffffff url(imgs/bg_contenu.gif) repeat-y top center; color:#caca3a;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.lleft {float:left;}
.lright {float:right;}
.lleftis {float:left;}
.lrightis {float:right;}
.both {clear: both;}

/* Text Style
-------------------------------------------------------- */
h1{color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
h2 {color: #9d7923;}
h3 {color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
h5.news{
	margin: 10px 0 0 40px;
}
h5.news, h5.news a{
	font-size: 10pt;
	color: #000;
	font-weight: bold;
}
h5.news span, h5.news span a{
	color: #B6B6B6;
	font-size: 7pt;
	font-weight: normal;
}
h5.news span a{
	text-decoration: underline;
}
p {color: #666666; font-size: 12px;}
small {color: #ffffff; font-size: 9px;}
a {color: #FFFFFF; text-decoration: none; font-size:11px;}
ul, li {list-style-type: none;}
.verty {color: #bbbb36; font-size: 9px;}
.verty:hover {color: #97972c; font-size: 9px;}

/* Header
-------------------------------------------------------- */
#bg_header {background: #a5bc0b url(imgs/bg_header.gif) repeat-x top center;height: 194px;}
#menu form {
	float: right;
	margin: -4px 70px 0px 0px !important;
	margin: -4px 35px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menu form p {
	margin: 0px;
	padding: 5px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}
#menu form input {
	background: url(imgs/input_1.gif) no-repeat top center;
	width: 121px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	border: none;
	color: #ffffff;
	font-size: 10px;
	text-align: left;
	padding: 4px 0px 4px 13px;
	float: left;
}
#menu form input.ok1 {
	background: url(imgs/submit_1.gif) no-repeat top center;
	width: 27px;
	height: 21px;
	margin: 0px 5px 0px 5px;
	border: none;
	color: #ffffff;
	font-size: 10px;
	text-align: left;
	padding: 0px 0px 0px 5px !important;
	padding: 0px 0px 0px 7px; 
	float: left;
}
#menu form input p {padding: 4px 10px 4px 10px;margin: 5px;}
#header {
	background: #94a90a url(imgs/header.gif) no-repeat top center;
	margin: 0px auto 0px auto;
	width: 962px;
	height: 159px;
}
#menu {
	background: #a5bc0b url(imgs/bg_menu.gif) no-repeat top center;
	height: 27px;
	width: 892px;
	padding-top: 8px;
	margin: 0px auto 0px auto;
}
#menu ul, #menu ul li {
	display: inline;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;	
}
#menu ul {margin-left: 75px;float: left;}
#menu ul li a {	
	background: url(imgs/_.gif) no-repeat center right;
	padding-right: 5px;
	padding: 14px 5px 12px 0px;
	height: 27px;
}
#menu ul li a:hover {color: #d3d3d3;}

/* Contenu
-------------------------------------------------------- */
#contenu {
	width: 774px;
	background: url(imgs/bg_contenu.gif) repeat-y top center;
	margin: 0px auto 50px auto;
}

/* Left
-------------------------------------------------------- */
#left {
	float: left;
	margin: 0px 0px 0px 12px;
	width: 190px;
}
/* Left > Menu
-------------------------------------------------------- */
.meny {
	width: 190px;
	float: left;	
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(imgs/ml.gif) repeat-y top center;
}
.meny ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
.meny ul li {margin: 0px 0px 0px 0px;padding: 0px;}
.meny ul li a span {
	color: #bccf39;
	background: url(imgs/li_1.gif) no-repeat center left;
	padding: 0px 0px 2px 16px;
	font-size: 11px;
}
.meny ul li a {
	color: #bccf39;
}
.meny ul li a:hover span {
	color: #9dad30;
}
#categorie {
	width: 190px;
	height: 260px;
	float: left;
	background: url(imgs/categorie.gif) no-repeat top center;
	padding-top: 45px;
}
#newsletter {
	width: 190px;
	min-height: 101px;
	float: left;
	background: url(imgs/newsletter.gif) no-repeat top center;
	padding-top: 45px;
}
#admin {
	width: 190px;
	min-height: 101px;
	float: left;
	background: url(imgs/admin.gif) no-repeat top center;
	padding-top: 45px;
}
#compt {
	width: 190px;
	min-height: 101px;
	float: left;
	background: url(imgs/compt.gif) no-repeat top center;
	padding-top: 45px;
}
#partenaires {
	width: 190px;
	min-height: 101px;
	float: left;
	background: url(imgs/partenaires.gif) no-repeat top center;
	padding-top: 45px;
}
.menybas {
	width: 190px;
	height: 41px;
	float: left;	
	background: url(imgs/bas.gif) no-repeat bottom center;
}

/* Right 
-------------------------------------------------------- */
#right {float: left;width: 560px;}
#right a {color: #bccf39;}
#right h1 {color: #ffffff;}
#right p {margin: 5px 30px 5px 40px;}

/* Right > Titre
-------------------------------------------------------- */
.titre_h1 {
	width: 494px;
	height: 28px;
	background: #bfd03a url(imgs/h1.gif) no-repeat top center;
	margin: 23px auto 10px auto;
}
.titre_h1 h1 {padding: 5px 0px 0px 15px;}

/* Right > Cadre
-------------------------------------------------------- */
.cadre {
	background: #fff url(imgs/cadre.gif) no-repeat top center;
	width: 141px;
	height: 147px;
	float: left;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	margin-left: 35px !important;
	margin-left: 23px;
}
.cadre img {
	border: none;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px solid #d8dbdb;
	padding: 3px;
}
.jouer {
	background: #fff url(imgs/jouer.gif) no-repeat top center;
	width: 52px;
	height: 21px;
	margin: 3px auto 0px auto;
}
.jouer a {color: #ffffff !important;}
.jouer a:hover {font-weight: bold;}

/* Game
-------------------------------------------------------- */
#conteni {
	width: 450px;
	margin: auto;
}
#conteni p {
	margin: 0px;
}
#conteni a {
	color: #cccccc;
}
p.ccc {
	color: #000000;
	float: left;
	min-width: 400px;
	margin: 20px 0px 10px 0px;
}
#conteni .lleft, #conteni .lright {
	text-align: center;
	width: 115px;
	margin-top: 15px;
	padding: auto;
}
#conteni .lright input, #conteni .lright form, #conteni .lright label, #conteni .lright select {
	margin: 5px;
	padding: 0px;
}
.nulle {margin: 0px; padding: 0px;}
#conteni .lleftis, #conteni .lrightis {
	text-align: center;
	width: 180px;
	margin-top: 15px;
	padding: auto;
}
.verys {
	color: #bbbb36 !important;
	border-bottom: 1px dotted #bbbb36;
}
.cadri {
	background: #fff url(imgs/cadre.gif) no-repeat top center;
	width: 141px;
	height: 147px;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	margin: 0px 0px 0px 40px;
	float: left;
}
.cadri a {
	color: #ffffff !important;
}
.cadri img {
	border: none;
	margin-top: 5px;
	border: 1px solid #d8dbdb;
	padding: 3px;
}

/* Right > Pagen
-------------------------------------------------------- */
#pagen {
	margin: 0px 0px 0px 40px;
	float: left;
	width: 530px;
}
#pagen a {
	border: 3px double #a7bf0a;
	color: #a7bf0a;
	padding: 3px;
	float: left;
	margin: 2px 3px 2px 3px;
}
#pagen a:hover {
	border: 3px solid #a7bf0a;
}

/* Formulaire
-------------------------------------------------------- */
legend { width: 160px; height: 33px; padding: 8px 35px 9px 35px; background: url(imgs/titi.gif) no-repeat; color: #ffffff; margin: 30px;}
fieldset { border: 3px double #b2c74e; padding: 0px; margin: 0px; }
fieldset.stats { border: 3px double #b2c74e; padding: 0px; margin: 0px; width: 500px; margin: auto;}
fieldset.prety { border: 1px dotted #b2c74e; float: left; width: 200px; margin-left: 25px; margin-bottom: 10px; margin-top: -30px;  padding: 0px 5px 5px 5px;}
label {display:block;width:150px;float:left;font-weight: bold;color: #bccf39;margin: 5px 0px 5px 0px;padding: 3px;}
#right input, textarea {margin: 5px 0px 5px 0px; border: 3px double #bccf39; padding: 3px; color: #666;}
#right form {margin: 5px 0px 5px 40px;}
#right select.nulle {width: 40px;}
#right select {padding: 5px;}

/* Top
-------------------------------------------------------- */
.top {
	width: 237px;
	float: left;
	margin: 15px 0px 45px 16px !important;
	margin: 15px 0px 45px 7.5px;
}
.top ul {margin: 10px 0px 0px 15px;float:left;}
.top ul li {
	background: url(imgs/___.gif) no-repeat bottom left;
	padding-bottom: 2px;
	width: 216px;
	font-size: 10px;
}
.top ul li a {
	color: #a9bd31;
	font-size: 14px;
	font-weight: bold;
	background: url(imgs/li_2.gif) no-repeat center left;
	padding: 0px 0px 2px 15px;
}
.top ul li a:hover {color: #8d9e29;}
.titre_h3 {
	width: 237px;
	height: 26px;
	background: #acbe32 url(imgs/top.gif) no-repeat top center;
	float: left;
	margin-right: 10px;
	text-align: center;
	padding-top: 6px;
}

/* Footer
-------------------------------------------------------- */
#bg_footer {height: 39px;background: #7b8826 url(imgs/bg_footer.gif) repeat-x top center;clear: both;}
#footer {
	height: 29px;
	width: 892px;
	margin: 0px auto 0px auto;
	background: #7b8826 url(imgs/footer.gif) repeat-x top center;
	text-align: center;
	padding-top: 10px;
clear: both;
}
#footer p {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#footer a {
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
}
#footer a:hover {
	border-bottom: 1px solid #ffffff;
}



fieldset.formulaire{
	border: 2px solid #cfcfcf;
	padding: 15px;
	margin: 30px;
}
fieldset.formulaire legend{
	background: url(../imgs/legend_f.png) no-repeat top left;
}
fieldset.formulaire legend span{
	color: #666666;
	font-weight:bold;
	font-size: 11pt;
	padding: 0 15px;
	background: transparent url(../imgs/legend_d.png) no-repeat top right;
	line-height: 24px;
	display: block;
}
fieldset.formulaire label{
	width: 180px;
	float: left;
}
fieldset.formulaire input,fieldset select, fieldset textarea{
	border: 1px solid #cfcfcf;
	padding: 2px;
	font-size: 10pt;
	background: url(../imgs/input.png) repeat-x;
}
fieldset.formulaire input:focus,fieldset.formulaire select:focus, fieldset.formulaire textarea:focus{
	border: 1px solid #000;
	background: #fff;
}