body {
	margin: 0;
	padding: 0;
	background: #f3f3f3 url('http://www.elbakin.net/___include/images/structure/background/bg-body-v5.jpg') no-repeat top center;
	text-align: left;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 80%;
	color: #222;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #000000;
}

strong {
	color: #000000;
}

p, ul, ol {
	margin-bottom: 1.5em;
}

blockquote, q, cite {
	font-family: 'Hoefler Text','Le Monde Courrier PTF',Garamond,'Palatino Linotype',Georgia,sans-serif;
}

ul {
	margin: 0px;
	padding: 0;
}

a {
	color: #EA7100;
	text-decoration: underline;
}

a:hover {
	color: #EA7100;
	text-decoration: none;
}

a img {
	border:0px;
	text-decoration: none;
}

/***********  WRAPPER **********/ 

.wrap-page {
	background: transparent url(/___include/images/structure/background/bg-footer-v2.jpg) no-repeat bottom center;
}

#page {
	width: 940px;
	margin: 10px auto 0px auto;
	padding: 10px 10px 0px 10px ;
	background: white url(/___include/images/structure/background/bg-header.gif) no-repeat top right;
	border-bottom: 2px solid #323232 ;
}

/***********  HEADER **********/ 

#header {
	width: 940px;
	height: 100px;
	margin: 0 ;
	padding: 0 ;
	text-indent: -180px;
	overflow: hidden;
}
#header h1, #header div.banniere {
	width: 250px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url(http://www.elbakin.net/___include/images/titre.png) no-repeat 5px 3px; 
	color: #FF993F ;
}
#header h1 a, #header div.banniere a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: 0 ;
	color: #FF993F ;
}
#header span {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -360px ;
}

#easy-access {
  display: none;
}


/** RECHERCHE **/
#recherche {
	position: absolute;
	top: 56px;
	right: auto;
	margin-left: 480px;
}
#recherche fieldset{
	text-align: right;
	width: 450px;
	margin: 0px;
	border: 0px;
}
#recherche label{
	display: none;
}
#recherche #q{
	width: 200px;
	background: #fff url('http://www.elbakin.net/___include/images/search.png') no-repeat 2% 50%;
	padding: 2px 20px;
}
input.text, textarea, .field input{
	border: 1px solid #ccc;
	border-bottom-color: #eee;
	border-right-color: #eee;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	}
#recherche .submit {
	background: #BE2700 url(/___include/images/elements/arrow-right.gif) no-repeat center right;
	border: 0;
	color: white;
	font-family: Tahoma, arial, sans-serif;
	padding: 1px 15px 1px 1px;
	cursor: pointer;
		/* nanana */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
#recherche .submit:hover, #recherche form .submit:focus {
	background: orange url(/___include/images/elements/arrow-right.gif) no-repeat center right;	
	color: black;
}
#recherche_page #q{
	width: 200px;
	background: #fff url('http://www.elbakin.net/___include/images/search.png') no-repeat 2% 50%;
	padding: 2px 20px;
}
#recherche_page .submit {
	background: #BE2700 ;
	color: #fff ;
}


/***********  MENU **********/ 

#nav {
	position:relative;
	width: 940px;
	height: 29px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fc6300 ;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif ;
	background: #FF993F url('http://www.elbakin.net/___include/images/barre-menu.gif') repeat-x;
}
#nav a { border: 0px }
#nav .select, #nav .current {
	margin: 0; 
	padding: 0px;
	list-style: none;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
}
#nav .select a, #nav .current a {
	display: block;
	float: left;
	height: 27px;
	background: url(http://www.elbakin.net/___include/images/menu-devider.gif) right top no-repeat;
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 26px;
	white-space: nowrap;
	color: #fff;
}
* html #nav .select a, * html #nav .current a {
	width: 1px;
	height: 26px;
}
#nav .select a:hover, 
#nav .select li:hover a {
	cursor: pointer; 
	color: #222;
}
#nav .sub {
	display: none;
}
/* for IE5.5 and IE6 only */
#nav table {
	position: absolute;
	border-collapse: collapse;
	left: 0;
	top: 0;
}
#nav .current a {
	color: #222;
}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {
	color: #FB7B0D;
}
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {
	color: #FB7B0D;
}
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {
	display: block ;
	position: absolute ;
	top: 26px ;
	left: 0 ;
	width: 940px ;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	margin-top: 0 ;
	padding: 0 ;
	z-index: 100 ;
	color: #222 ;
}
#nav .sub, #nav .sub_active {
	margin: 0px;
	list-style: none;
	border-bottom: 1px solid #ddd;
}
#nav .sub_active {
	display: block;
	position: absolute;
	width: 940px;
	top: 26px;
	left: 0;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	margin-top: 0;
	padding: 0 ;
	z-index: 10;
}
* html #nav .sub_active, * html #nav .select a:hover .sub {
	z-index: -1;
	margin-top: 0;
}
#nav .sub_active a {
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	background: #eee url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	padding: 0px 10px 0px 10px;
	margin: 0;
	white-space: nowrap;
	border: 0;
	text-decoration: none;
	color: #222;
}
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
	display: block;
	background-image: url('http://www.elbakin.net/___include/images/barre-sous-menu.gif');
	padding: 0px 10px 0px 10px;
	margin: 0;
	white-space: nowrap;
	border: 0;
	color: #222;
}

/***********  CONTENT **********/ 
#content {
	width: 950px;
	margin: 10px auto 0 auto ;
	background-color: #FFF;
}

/******  COLONNE DE GAUCHE *****/ 
#gauche {
	float: left;
	width: 620px;
	padding: 30px 0 15px 0;
}
#gauche ul {
	margin: 0 ;
	padding: 0 0 0 18px ;
	list-style: disc;
}
#gauche li {
	padding: 0 ;
	margin: 0 ;
}

div.line { 
	clear: both;
	background: url(http://www.elbakin.net/___include/images/filler2.gif) no-repeat top center;
	height: 15px ;
	margin: 20px 0 0 0 ;
	padding: 0 ;
}
div.line hr	{ 
	display: none ;
}

#gauche ol {
	margin: 0px;
	padding: 15px 0px 0px 40px;
}
#gauche ol li{
	margin: 0px;
	padding: 0px;
	}
#gauche ol li.current a{ 
	color: #FE9E00 ;
	border: 0px;
}

#gauche p.tree {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
}


/******  COLONNE DE DROITE *****/ 
#droite {
	float:left;
	width:300px;
	z-index:5;
	padding:0 10px 0 0;
	margin:10px 0 0 10px;
	color:#888;
	font-style:italic;
	font-size:90%;
}

#droite a {
	color: #222 ;
	font-style: normal ;
	text-decoration: none;
}
#droite a:hover {
	color: #222 ;
	font-style: normal ;
	text-decoration: underline;
	background-color: #eee ;
}
#droite ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/** listes droite **/
#droite ul li {
	padding: 0px 0px 0px 15px;
	margin: 1px 0px 0px 0px;
	background : url('http://www.elbakin.net/___include/images/arrow_mini_right.gif') no-repeat 0px 4px;
}

#droite h2 {
	margin: 25px 0 10px 0;
	padding: 0 0 2px 28px ;
	background: none;
	border-bottom: 1px dashed #ccc ;
	color: #FE9E00;
	font-weight: bold;
	font-size: 18px;
	font-style: normal ;
	}
#droite h2:first-letter {
  color:#BE2700;
}

#droite h2.itw {
	background : url('http://www.elbakin.net/___include/images/itw.gif') no-repeat 0px 0px;
}
#droite h2.article {
	margin: 10px 0;
	background : url('http://www.elbakin.net/___include/images/quill_24.png') no-repeat 0px 0px;
}
#droite h2.critiques {
	background : url('http://www.elbakin.net/___include/images/the-storybook_24.png') no-repeat 0px 0px;
}
#droite h2.heros {
	background : url('http://www.elbakin.net/___include/images/knight_24.png') no-repeat 0px 0px;
}
#droite h2.tournoi {
	background : url('http://www.elbakin.net/___include/images/cup_24.png') no-repeat 0px 0px;
}
#droite h2.rss {
	background : url('http://www.elbakin.net/___include/images/rss.gif') no-repeat 0px 0px;
}
#droite h2.twitter {
	background : url('http://www.elbakin.net/___include/images/twitter.png') no-repeat 0px 0px;
}

/** NON FAIT **/
#droite ul.itw li.detail {
	background : no-repeat 0px 1px;
} 
#droite ul.itw li.saut {
	background : no-repeat 0px 1px;
} 

/** BOX ALCC **/
#droite .alcc h2 {
	background : url('http://www.elbakin.net/___include/images/mysterious-tome_24.png') no-repeat 0px 0px;
}
#droite .alcc .detail .right {
	float: right;
}

/** critiques **/
#droite li.attention {
	background : url('http://www.elbakin.net/___include/images/attention.gif') no-repeat 0px 1px;
}
#droite li.rss {
	background : url('http://www.elbakin.net/___include/images/rss.gif') no-repeat 0px 1px;
}
	

#droite a.plus {
	display: block ;
	float: right ;
	width: 22px ;
	margin: 0 0 5px 0 ;
	padding: 2px 6px 1px 15px ;
	background: #F3F3F3 url(http://www.elbakin.net/___include/images/plus.gif) no-repeat 2px 4px ;
	border: 1px outset #2A2A2A;
	color: #666 ;
	text-transform: uppercase; 
	text-decoration: none ;
	font-size: 90% ;
	font-weight: bold ;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#droite a.plus:hover {
	color: #222;
}

/** heros de la semaine **/
#droite .heros img {
	float: left ;
	margin: 0 10px 0 0 ;
}
#droite .heros ul {
	float: left ;
	padding: 0 ;
	margin: 15px 0 0 0 ;
}
#droite .heros h3 a {
	color:#BE2700;
	font-size: 14px ;
}


/** Sondage **/
#sondage {
	}
#sondage p {
	text-align: center;
}
#sondage fieldset{
	border: 0px;
	text-align: left;
	}
#sondage h2 {
	display: block;
	width:100%;
	}
#sondage h2 a{
	display: block;
	width:100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	text-align: left;
	color: #FE9E00;
	border: 0px;
	border-bottom: 1px dashed #ccc ;
	}
#sondage h2 a:first-letter {
  color: #BE2700;
} 
#sondage dl dt {
	margin: 0px 0px 5px 0px;
}

/** BOUTON HAUT **/

.bouton_haut a:hover, .bouton_haut a:focus {
	background:#BE2700 url(http://www.elbakin.net/___include/images/arrow-up.gif) no-repeat scroll 100% 0;
}
.bouton_haut a {
	display: block;
	margin: 0 0 0 94% ;
	padding: 2px 5px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background: #323232 url(http://www.elbakin.net/___include/images/arrow-up.gif) no-repeat scroll 100% 3px;
	color: white;
	font-family: Georgia,serif;
	font-variant: small-caps;
	text-decoration: none;
	width: 3.5em;
}

/***********  FOOTER **********/ 
#footer {
	clear: both;
	width: 940px ;
	padding: 0 10px;
	margin: 0 auto ;
	font-size: 12px;
	height: 300px;
}

#footer ul {
	list-style: none ;
}
#footer ul li {
	padding: 0px 0px 0px 15px;
	margin: 1px 0px 0px 0px;
	background : url('http://www.elbakin.net/___include/images/arrow_mini_right.gif') no-repeat 0px 4px;
}
#footer ul li.mail {
	background: url(http://www.elbakin.net/___include/images/email.png) no-repeat scroll 0 0;
	padding-left: 20px;
}
#footer ul li.newsletter {
	background: url(http://www.elbakin.net/___include/images/email_go.png) no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.feed {
	background: url(http://www.elbakin.net/___include/images/feed.png) no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.facebook {
	background: url(http://www.elbakin.net/___include/images/facebook.png) no-repeat scroll 0 0;
	padding-left:20px;
}
#footer ul li.twitter {
	background: url(http://www.elbakin.net/___include/images/twitter.png) no-repeat scroll 0 0;
	padding-left:20px;
}
#footer a {
	color: #000 ;
	text-decoration: none ;
}
#footer a:hover, #footer a:focus {
	text-decoration: underline ;
}

#footer h2 {
	padding: 5px 0 3px 30px;
	margin: 5px 0 10px 0;
	border-bottom: 1px dashed #CCCCCC;
	color: #FE9E00;
	font-weight: 900;
	font-size: 18px ;
}
#footer h2:first-letter {
	color: #BE2700 ;
}
#footer div {
	float: left;
}
#footer .forum {
	width: 380px ;
}
#footer .contact-us, #footer .miscellenous {
	width: 280px ;
}

#footer .forum h2 {
	background: url(/___include/images/green-stone_24.png) no-repeat scroll 0 3px;
}
#footer .contact-us h2 {
	background: url(/___include/images/hob-door_24.png) no-repeat scroll 0 3px;
}
#footer .miscellenous h2 {
	background: url(/___include/images/mysterious-tome_24.png) no-repeat scroll 0 3px;
}
#footer p {
	clear: both ;
	padding: 10px 0 ;
}
/*Formulaire par défaut*/
#gauche .default-form {
	background: #f1f1f1;
	border-top: 1px solid #ccc;
	margin: 1em 2em;
	padding: 0 .5em .5em .5em;
}
#gauche .default-form fieldset {
	border: 0;
	margin: 0;
}
#gauche .default-form legend {
	background: white;
	border: 0;
	color: #BE2700;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0 .2em;
}
#gauche .default-form .notice {
	margin: 0 0 1.2em 0;
	padding: 0;
	text-align: right;
}
#gauche .default-form .row {
	float: left;
	margin: 0 auto;
	padding-bottom: 1em;
	width: 100%;
}
#gauche .default-form label {
	display: block;
	float: left;
	padding-right: 3px;
	width: 200px;
	text-align: right;
}
#gauche .default-form input[type=text], #gauche .default-form input[type=password], #gauche .default-form select, #gauche .default-form textarea {
	background: white;
	border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	padding: 1px;
	width: 300px;
}
#gauche .default-form input[type=text]:focus, #gauche .default-form textarea:focus {
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	background: #FFFFEE;
}
#gauche .default-form textarea {font-size: 1.1em;}
#gauche .default-form .bouton {
	display: block;
	margin: 0 auto;
}
#gauche form .bouton {
	background: #BE2700 url(http://www.elbakin.net/___include/images/elements/arrow-right.gif) no-repeat center right;
	border: 0;
	color: white;
	font-family: Tahoma, arial, sans-serif;
	padding: 1px 15px 1px 1px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
#gauche form .bouton:hover, form .bouton:focus {
	background: orange url(http://www.elbakin.net/___include/images/elements/arrow-right.gif) no-repeat center right;	
	color: black;
}

/*Utilisé dans divers contenu de pages */
/*Fiche  */
#gauche .index-page h1 , .article h1, #gauche .news h1, .news h2, .news h3, .news h4, .news h5, .news h6, #gauche .news span.h1 {
	color: #BE2700;
	font-family: Vollkorn, 'Times New Roman', Times, Georgia, serif;
	font-weight: 400;
}
#gauche .news {
	text-align: justify ;
}
#gauche .news h1, #gauche .news span.h1 {
	font-size: 190% ;
	border-bottom: 1px solid #ccc ;
}
#gauche .h2 {
	border-bottom: 1px solid #ccc ;
}

#gauche .news span.h1 {
	display: block ;
}

#gauche .news h5 {
	margin: 10px 0 ;
	font-size: 105% ;
}
#gauche .news .info {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 0.9em;
	text-align: right ;
}

#gauche .news .info span {
	color: #2A2A2A;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 0.95em ;
}
#gauche .news #news-content {
	color: #3A3A3A ;
	font-size: 0.9em;
	padding: 10px 20px ;
}
#gauche .news cite, .news q {
	font-family:Georgia,serif;
	font-size:0.95em;
}
#gauche .news em, .news cite, .news strong, .news q {
	color: black;
}
#gauche .news a em {
	color: #EA7100;
}

#gauche .news a img { /** NON FAIT **/
	border: 1px solid #ddf;
}
#gauche .news a:hover img { /** NON FAIT **/
	border: 1px solid #EF982E;
}