/* --------------------------------------------------------------------------------------------------------------

* Filename: style.css
* Version: 1.0.0 / 09/03/2009 (dd/mm/yyyy) 
* Website: http://www.guitarherogame.fr/
* Author: Carburant

=== Infos =======================================================================================================

* width: 980px
* columns: 4_home, 2_others

=== Structure ===================================================================================================

* __general

* __easySlider

* __reset

* __blocks

* __tags

* __links

* __spip

-------------------------------------------------------------------------------------------------------------- */


/* __general
-------------------------------------------------------------------------------------------------------------- */

body { margin: 10px 0; padding: 0; font: 12px Arial, Verdana; color: #666; }
#global { width: 980px; margin: 0 auto; }
#header { width: 980px; position: relative; }
	#headertop { background: url(../images/bgheadertop.png) top left no-repeat; width: 103px; height: 23px; }
	#headermenu { background: url(../images/bgheadermenu.png) top left no-repeat; width: 980px; height: 41px; }
	#headermenuspec { background: url(../images/bgheadermenuspec.png) top left no-repeat; width: 980px; height: 41px; }
	#headerbottom { background: url(../images/bgheaderbottom.png) top left no-repeat; width: 103px; height: 36px; }
#contenter { width: 980px; }
	#games { width: 980px; height: 285px; margin-bottom: 10px; }
	#focus {width: 980px; height: 450px; margin-bottom: 10px; }
#footer { background: url(../images/bgfooter.jpg) top left no-repeat; width: 980px; height: 209px; margin-top: 10px; }
	#footertop { height: 58px; position: relative; }
	#footerbottom { font-size: 9px; line-height: 14px; color: #fff; padding: 4px 8px; text-align: justify; }
#tabcontent1,#tabcontent2, #tabcontent3 { width: 920px; height: 417px; margin:0 auto; overflow: hidden; text-align: center; } 


/* __easySlider
-------------------------------------------------------------------------------------------------------------- */
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li { margin: 0; padding: 0; list-style: none; }
#slider li, #slider2 li, #slider3 li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:834px;
		height:410px;
		overflow:hidden; 
		}
p#controls, p#controls2, p#controls3 {
	margin:0;
	position:relative;
	}
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 { 
	display:block;
	margin:0;
	overflow: visible;
	text-indent:-8000px;		
	width:43px;
	height:43px;
	position:absolute;
	left:-43px;
	top:-210px;
	}	
#nextBtn, #nextBtn2, #nextBtn3 { 
	left:834px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a {  
	display:block;
	width:43px;
	height:43px;
	background:url(../images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a, #nextBtn3 a { 
	background:url(../images/btn_next.png) no-repeat 0 0;	
	}


/* __reset
-------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, form, input, p { margin: 0; padding: 0; }
img { border: none; }


/* __blocks
-------------------------------------------------------------------------------------------------------------- */
.block_news { background: url(../images/bgblock_news.jpg) top left no-repeat; width: 240px; height: 288px; padding-top: 37px; }
.block_videos { background: url(../images/bgblock_videos.jpg) top left no-repeat; width: 240px; height: 288px; padding-top: 37px;; }
.block_download { background: url(../images/bgblock_download.jpg) top left no-repeat; width: 240px; height: 288px; padding-top: 37px; }
.block_poll { background: url(../images/bgblock_poll.jpg) top left no-repeat; width: 240px; height: 288px; padding-top: 37px; }

.blockh160 { height: 160px; margin: 0 1px; }
.blockh45 { height: 36px; margin: 0 1px 1px 1px; padding: 4px 2px; line-height: 16px; text-align: center; font-weight: bold; text-transform: uppercase; }
.blockh76 { height: 68px; margin: 0 1px; padding: 4px; font-size: 9px; line-height: 14px; text-transform: uppercase; }
.blockh270 { background: url(../images/bgpollans.jpg) top left no-repeat; height: 270px; margin: 0 1px; overflow-x: hidden; overflow-y: auto; }

.block980 { width: 980px; }
	.col4_first { width: 240px; float: left; margin-right: 7px; }
	.col4_second { width: 240px; float: left; margin-right: 6px; }
	.col4_last { width: 240px; float: left; }
	.col2_first { width: 651px; float: left; margin-right: 7px; }
	.col2_last { width: 322px; float: right; }
.block980head { background: url(../images/bgblock980top.jpg) bottom left no-repeat; width: 980px; height: 6px; line-height: 6px; }
/* _____Tabs */
.tab_block980content { background: url(../images/bgblock3.jpg) top left repeat-x; height: 417px; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
.tab_block980footer { background: url(../images/bgblock980bottom.jpg) top left no-repeat; width: 956px; height: 35px; padding-left: 24px; }
	.tab_block980footer li { display: inline; list-style: none; float: left; }
	.tab_block980footer li a { display: block; padding: 7px 0 0 0; margin-right: 27px; }

.block651 { width: 651px; }
.block651head { background: url(../images/bgblock651top.jpg) top left no-repeat; width: 651px; height: 27px; line-height: 27px; }
.block651content { background: #C5C6C4 url(../images/bgblock.jpg) top left repeat-x; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
.block651footer { background: url(../images/bgblock651bottom.jpg) top left no-repeat; width: 651px; height: 6px; }
.block651greycontent { background: #F8F7F7; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
.block651greyfooter { background: url(../images/bgblock651greybottom.jpg) top left no-repeat; width: 651px; height: 6px; }

.block322 { width: 322px; }
.block322head { background: url(../images/bgblock322top.jpg) top left no-repeat; width: 322px; height: 27px; line-height: 27px; }
.block322content { background: #CDCCCC url(../images/bgblock2.jpg) top left repeat-x; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
.block322footer { background: url(../images/bgblock322bottom.jpg) top left no-repeat; width: 322px; height: 6px; }
.block322contentwhite { border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
.block322footerwhite { background: url(../images/bgblock322whitebottom.jpg) top left no-repeat; width: 322px; height: 6px; }

.blockslider { width: 834px; height: 410px; padding: 0 43px; }

.blockrub { padding: 0 0 20px 0; }
.blockrub:last-child { padding: 0; }


/* __tags
-------------------------------------------------------------------------------------------------------------- */
h1.title { color: #000; font-size: 16px; text-transform: uppercase; padding: 4px 0; }
h1.tracklist { color: #000; font-size: 16px; text-transform: uppercase; line-height: 70px; }
h1.access { color: #000; font-size: 16px; text-transform: uppercase; padding-bottom: 4px; }
h1.titledwn { color: #000; font-size: 18px; text-transform: uppercase; padding: 4px 0 10px 0; }
h1.dwn { background: url(../images/bgh1dwn.gif) top left no-repeat; height: 51; padding: 0 0 0 70px; line-height: 51px; color: #fff; font-size: 14px; font-weight: normal; }
h2.titleblock { color: #fff; padding-left: 20px; font-size: 14px; text-transform: uppercase; }
h2.comment { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; background: #9F9F9F; padding: 10px; border-bottom: 2px solid white; color: white; }
h3.tracklist { font-size: 12px; font-weight: normal; line-height: 30px; }
h4.access { color: #000; font-size: 11px; text-transform: uppercase; padding-bottom: 4px; }

img { behavior: url("win_png.htc"); }

.content { padding: 10px 10px 6px 10px; line-height: 15px; }
.chapo { color: #103f25; font-size: 14px; padding: 0 0 4px; }
.date { color: #999; }
.text { color: #252525; word-spacing: 0.1em; letter-spacing: 0.02em; }
.logo { float:left; margin-right: 5px; }
.logo2 { float:left; margin-right: 5px; }
.logo img { border: 1px solid #9f9f9f; }
.logogh { padding: 0 0 5px 0; }
.spdwn { padding-bottom: 20px; }
.spdwn:last-child { padding: 0; }
.small { font-size: 10px; }
.er404 { font-size: 70px; padding: 50px 0; text-align: center; }

.spaceblocktop { margin-top: 10px; }
.spaceblock { margin-bottom: 10px; }

dl.liststyle dt { padding-bottom: 4px; font-size: 11px; }
dl.liststyle dt:last-child { padding-bottom: 0; }
dl.liststyle dd { padding-top: 10px; }

dl.archives { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
dl.archives:last-child { padding: 0; }
dl.archives dt { padding-bottom: 5px; }
dl.archives dt:last-child { padding-bottom: 0; }
dl.archives dd { padding-top: 10px; }

p { padding-bottom: 10px; }
/* _____Pagination */
.pagination { padding: 20px 0 0 0; float: left; position: relative; left: 50%; margin: 0 auto; }
.pagination ul { list-style: none; position: relative; left: -50%; }
.pagination ul li { display: inline; float: left; }
.pagination ul li a.lien_pagination { display: block; background: url(../images/bgpage.gif) top center no-repeat; color: #A5A5A5; width: 34px; height: 26px; margin-right: 3px; font-size: 11px; text-align: center; padding-top: 8px;  }
.pagination ul li a.lien_pagination:hover { color: white; }
.pagination .on { display: block; float: left; color: white; background: url(../images/bgpage.gif) top center no-repeat; padding-top: 8px; width: 34px; height: 26px; margin-right: 3px; font-size: 11px; text-align: center; }

.clear { clear: both; display: block; height: 0px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }


/* __links
-------------------------------------------------------------------------------------------------------------- */
a { color: #aa4805; text-decoration: none; }
a:hover { color: #252525; }

a.active { color: #aa4805; text-decoration: none; }
a.active:hover { color: #252525; text-decoration: none; }

a.greenlk { color: #008505; text-decoration: none; }
a.greenlk:hover { color: #666; }
a.greeninvlk { color: #666; text-decoration: none; }
a.greeninvlk:hover { color: #008505; }

a.redlk { color: #C50000; text-decoration: none; }
a.redlk:hover { color: #666; }
a.redinvlk { color: #666; text-decoration: none; }
a.redinvlk:hover { color: #C50000; }

a.yellowlk { color: #B9A500; text-decoration: none; }
a.yellowlk:hover { color: #666; }
a.yellowinvlk { color: #666; text-decoration: none; }
a.yellowinvlk:hover { color: #B9A500; }

a.bluelk { color: #17A9E0; text-decoration: none; }
a.bluelk:hover { color: #666; }
a.blueinvlk { color: #666; text-decoration: none; }
a.blueinvlk:hover { color: #17A9E0; }

a.greylk { color: #666; text-decoration: none; }
a.greylk:hover { color: #999; }

a.darkgreylk { color: #252525; text-decoration: none; }
a.darkgreylk:hover { color: #aa4805; }

#footerbottom a { color: #aa4805; text-decoration: none; }
#footerbottom a:hover { color: #aa4805; text-decoration: none; border-bottom: 1px solid #aa4805; }
	
.home { top: 0; left: 5px; width: 100px; height: 99px; position: absolute; }
.homespec { top: 0; left: 5px; width: 100px; height: 63px; position: absolute; }
.activision { top: 14px; left: 519px; width: 84px; height: 38px; position: absolute; }
.redoctane { top: 14px; left: 632px; width: 85px; height: 38px; position: absolute; }
.facebook { top: 26px; left: 743px; width: 88px; height: 26px; position: absolute; }
.myspace { top: 26px; left: 848px; width: 111px; height: 26px; position: absolute; }



/* __spip
-------------------------------------------------------------------------------------------------------------- */

/* Documents
---------------------------------------------- */
.spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; padding: 10px 0; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 0 auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* Commentaires
---------------------------------------------- */
#post {-moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FBFBFB; border: 1px solid #5C5C5C; line-height: 1.6em; padding: 1px 1px 0 1px; }
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-bottom: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FBFBFB; border: 1px solid #9F9F9F; line-height: 1.6em; padding: 1px 1px 0 1px; }
ul ul .forum-message {  margin-top: 10px; }
ul ul ul .forum-message {  margin-top: 10px; }
ul ul ul ul .forum-message {  margin-top: 10px; }
p.name { padding-bottom: 5px; }
p.name span { color: #aa4805; font-weight: bold; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border: 0; border-bottom: 2px solid white; margin: 0; padding: 3px 6px 2px 6px; background: #E6E6E6; }

/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin: 0; padding: 10px; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; margin: 0; padding: 0 4px; font-size: 1.05em; font-weight: bold; background-color: #9F9F9F; color: #fff; border-bottom: 1px solid #9F9F9F; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0; padding: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none;  border-top: 1px solid #9F9F9F; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label {display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 50%; border: 1px solid #9F9F9F; padding: 2px; }
.formulaire_spip textarea { width: 99%; border: 1px solid #9F9F9F; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #E6E6E6; padding: 3px; border: 1px outset #9F9F9F; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #9F9F9F; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }