/**************************************
*	Fichier	:	stytle.css
*	Auteur	:	Varouj (varoujhay@free.fr)
*	Thème	:	GuideJeux
*	Pour		:	GuideJeux.com
*	Date		:	24/09/08
*	Modifé	:	02/10/08
**************************************/

/*************************************************** GENERAL (Début) ***************************************************/
* {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
}

a {color : #781C69; text-decoration : none;}
a:hover {color : #E731CE; text-decoration : underline;}

body {
	width : 1050px;
	margin : 0 auto;
	font : 1em  Verdana, Arial, sans-serif;
	background : #450E47 url(/images/fond.jpg) repeat-x 0 0;
	position : relative;
}

/****** GLOBAL ******/
#global {
	float : left;
	width : 1050px;
	margin : 0 auto;
	background : url(/images/global.jpg) repeat-y center top;
}
/*************************************************** GENERAL (Fin) ***************************************************/

/*************************************************** HAUT DE LA PAGE (Début) ***************************************************/

/****** HEADER ******/
#header {
	float : left;
	padding : 24px 0 0 18px;
	width : 1032px;
	height : 169px;
	background : url(/images/header.jpg) no-repeat 0 0;
}
#header h1 a {
	float : left;
	display : block;
	width : 257px;
	height : 164px;
	text-decoration : none;
}
#header h1 span {
	visibility : hidden;
}
/****** PUB ******/
#header #pub {
	float : left;
	display : inline;
	margin : 22px 0 0 156px;
	width : 468px;
	height : 60px;
}
/*************************************************** HAUT DE LA PAGE (Fin) ***************************************************/

/*************************************************** CORPS (Début) ***************************************************/

/****** CORPS ******/
#corps {
	float : left;
	clear : both;
	width : 1009px;
	padding : 0 22px 0 19px;
	background : url(/images/corps.jpg) no-repeat 0 0;
}

/****** NAVIGATION ******/
#corps #navigation {
	float : left;
	margin-top : 31px;
	width : 187px;
}
/****** ESPACE PUBLICITE ******/
#corps #espace_publicite {
	float : right;
	margin : 31px 0 15px;
	width : 187px;
	background : url(/images/navigation.jpg) repeat-y 10px 0;
}
/****** BLOC ******/
#corps #navigation .bloc {
	margin-bottom : 15px;
	padding-bottom : 47px;
	width : 187px;
	background : url(/images/navigation_bas.jpg) no-repeat 11px 100%;
}
#corps #espace_publicite .bloc {
	padding-bottom : 65px;
	width : 187px;
	text-align : center;
	background : url(/images/espace_publicite_bas.jpg) no-repeat 10px 100%;
}
#corps #navigation .bloc h2, #corps #espace_publicite .bloc h2 {
	font-size : 0;
	width : 187px;
	height : 42px;
}
#corps #espace_publicite .bloc h2 {
	margin-bottom : 15px;
}
#corps #navigation .bloc ul, #corps #navigation .bloc form {
	margin-left : 11px;
	padding : 10px 5px;
	width : 156px;
	background : url(/images/navigation.jpg) repeat-y 0 0;
}
#corps #navigation .bloc form {
	padding-left : 10px;
	width : 151px;
	color : #9A1E81;
}
#corps #navigation .bloc form label {
	float : left;
	margin : 2px 0 5px;
	text-indent : 10px;
	width : 151px;
	font-size : 0.6em;
}
#corps #navigation .bloc form p.champs label {
	background : url(/images/input.gif) no-repeat left bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#corps #navigation .bloc form input {
	padding : 3px 4px 0;
	width : 136px;
	height : 19px;
	background : none;
}
#corps #navigation .bloc form input#connexion {
	padding : 0;
	margin : 10px 0 10px 18px;
	width : 108px;
	height : 23px;
	color : #ffffff;
	cursor : pointer;
	background : #D7B16A;
}
#corps #navigation .bloc form p.traitement label{
	text-indent : 0;
}
#corps #navigation .bloc form p.liens {
	clear : both;
	margin-left : -2px;
	font-size : 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#corps #navigation .bloc form p.liens a {
	padding-left : 13px;
	display : block;
	background : url(/images/puce2.gif) no-repeat left center;
}
#corps #navigation .bloc ul, #corps #espace_publicite .bloc ul {
	padding-bottom : 35px;
	font-size : 0.8em;
	list-style : none;
}
#corps #navigation .bloc ul li, #corps #espace_publicite .bloc ul li {
	margin : 1px 0;
	background : url(/images/puce.gif) no-repeat 8px 2px;
}
#corps #navigation .bloc ul li a, #corps #espace_publicite .bloc ul li a {
	display : block;
	padding : 0 5px 4px 25px;
	width : 126px;
	background : url(/images/li.gif) no-repeat left bottom;	
}
#corps #navigation .bloc ul li a:hover {
	text-decoration : none;
}

/****** CONTENU ******/
#corps #contenu {
	margin : 33px 187px 0;
}

#corps #contenu p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#corps #contenu #presentation .bloc div.infos span {
	float : left;
	}

#corps #contenu #presentation .bloc p.description {
	min-height : 110px;
	height : auto!important;
	height : 110px;
	margin-left: 20px;
	}

/****** PRELUDE ******/
#corps #contenu #prelude {	
	margin : 0 auto 15px;
	padding-bottom : 28px;
	width : 629px;
	font-size : 12px;
	font-family:Verdana, Arial, sans-serif;
	line-height : 1.5em;
	background : #FDD4FF url(/images/bas.jpg) no-repeat left bottom;
}
#corps #contenu #prelude p {
	padding : 10px 15px 0;
}

/****** JEU et TOP ******/
#corps #contenu #jeu {
	display : inline;
	margin : 0 40px 15px 13px;
}
#corps #contenu #jeu, #corps #contenu #top {
	float : left;
	width : 291px;
	font-size : 12px;
	line-height : 1.5em;
	background : url(/images/bloc.gif) repeat-y 1px 0;
	text-align: center;
}
#corps #contenu #jeu h2, #corps #contenu #top h2 {
	height : 140px;
}
#corps #contenu #jeu .contenu, #corps #contenu  #top .contenu {
	margin-top : -75px;
	padding : 0 40px 16px 20px;
	width : 230px;
	background : url(/images/bloc_bas.gif) no-repeat 1px bottom;
}

/****** PRESENTATION ******/
#corps #contenu #presentation {
	float : left;
	display : inline;
	margin : 0 0 15px 4px;
	width : 629px;
	line-height : 1.2em;
}
/****** BLOC ******/
#corps #contenu #presentation .bloc {
	padding-bottom : 5px;
	margin-bottom : 15px;
	position : relative;
	background : #FDD4FF url(/images/bas.jpg) no-repeat left bottom;
}
#corps #contenu #presentation .bloc h3 {
	padding : 10px 0 0 185px;
	width : 444px;
	height : 30px;
	font-size : 1em;
	background : #FDD4FF url(/images/haut.jpg) no-repeat left top;
}
#corps #contenu #presentation .bloc h3 span {
	display : block;
	padding : 2px 0 0 30px;
	height : 21px;
	background : url(/images/etoile.gif) no-repeat left top;
}
#corps #contenu #presentation .bloc p.description, #corps #contenu #presentation .bloc div.infos {
	margin-left : 185px;
	width : 415px;
	font-size : 12px;
}
#corps #contenu #presentation .bloc p.description img {
	position : absolute;
	top : 17px;
	left : 20px;
}
#corps #contenu #presentation .bloc div.infos {
	padding : 10px 0;
	font-size : 1em;
	text-align : right;
	color : #543A55;
	position: relative;
}
#corps #contenu #presentation .bloc div.infos span a {
	float : left;
	display : block;
	padding-top : 1px;
	width : 109px;
	height : 22px;
	font-size : 0.6em;
	text-transform : uppercase;
	text-align : center;
	color : #ffffff;
	background-color : #881B72;
}
#corps #contenu #presentation .bloc div.infos span a:hover {
	color : #000000;
}
/*************************************************** CORPS (fin) ***************************************************/

/*************************************************** BAS DE LA PAGE (Début) ***************************************************/

/****** FOOTER ******/
p#footer {
	clear : both;
	padding : 80px 215px 0 260px;
	width : 575px;
	height : 75px;
	text-align : center;
	color : #ffffff;
	font-size : 12px;
	background : #450E47 url(/images/footer.jpg) no-repeat 19px 0 ;
	font-family:Verdana, Arial, sans-serif;
}
p#footer a {
	color : #ffffff;
	font-weight : bold;
}
/*************************************************** BAS DE LA PAGE (Fin) ***************************************************/
/*********************** FORMULAIRE Ajout ***************************/
.form_color{
	background-color:#881B72;
	color:white;
	padding:2px;
	font-weight:bold;
}
/************************** FIN FORMULAIRE***************************/
.ratingblock{
	top : 0px;
	position: absolute;
	left : 250px;
	width : 150px;
	overflow: hidden;
}
/******************************************************************************************/
#corps #espace_publicite .bloc ul {
	padding-bottom : 35px;
	margin-left : 10px;
	width : 156px;
	padding : 10px 5px;
	font-size : 0.8em;
	list-style : none;
	text-align : left;
}

.pub {

text-align : center;

}
