/* ------ Balises HTML ------------------------------------------- */    

* {
margin:0;
padding:0;
}

html, body {
font-size:62.5%;
height:100%;
}

body {
font-size:1em;
background:#000041;
color:#006;
}

h2 {
font:1.3em normal Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:30px;
}

h3 {
font:1.2em normal Arial, Helvetica, sans-serif;
font-weight:bold;
}

p {
margin:10px 0;
}

a {
color:#006;
text-decoration:none;
font-weight:bold;
outline:none;
}

a:hover{
color:#069;
}

li a{
font-weight:normal;
}

img {
border:none;
}

ul, li{
list-style-type:none;
display:inline;
}

th{
background:url('images/categories.jpg') repeat-x;
color:#006;
height:28px;
font-size:1.1em;
}

table, tr, td{
border-collapse:collapse;
}

fieldset{
margin:10px;
padding:10px;
border:1px solid #006;
}

textarea {
font:1.2em normal Arial, Helvetica, sans-serif;
}

/* ------ Class ------------------------------------------- */ 
.invisible{
display:none;
}

.text{
width:300px;
}

.impair{
background:#d8e9fb;
}

.titre{
font-weight:bold;
}

select.note {
width:35px;
}

.annuleboth{
clear:both;
}

.annulefloat{
clear:left;
padding:1px 0;
}

.actuel{
color:#F90;
font-weight:bold;
}

.erreur {
color:red;
}

.flottegauche {
float:left;
}

.flottedroite {
float:right;
}

.voirplus {
background: #588de4 url('images/voirplus.jpg') repeat-x;
height:26px;
text-align:center;
border-bottom:1px solid #000041;
margin:0;
padding:0;
}

.desinscription {
height:500px;
}

.etoiles{
float:right;
}

/* --- Mise en page gloable -------------------------------------------------------  */

#conteneur{
position: relative;
font:1.2em normal Arial, Helvetica, sans-serif;
width:955px;
margin:0 auto;
background:#000041;
min-height:100%;
}

* html #conteneur{
height:100%;
}

/* -- HEADER -------------------------------------------------*/         

#pubhorizontale{
float:right;
margin:-100px 10px 10px 0;
}

* html #pubhorizontale{ /* hack pour IE */
margin:-100px 5px 20px 0;
}

#fonctionnalites{
height:30px;
margin:0 0 0 10px;
width:800px;
}

* html #fonctionnalites{ /* hack pour IE */
margin:-10px 0 0 10px;
}

#fonctionnalites form {
float:right;
color:#FC0;
}

input.bouton {
cursor: pointer;
width: 80px;
height: 20px;
background: #FC0;
border: none;
padding:1px 0 5px 0 !important;
padding:0;
}

input.bouton:hover {
background:#FF9900;
}

#recommanderpage label{
color:#000041;
}

#recommanderpage h2 {
color:#000041;
padding:15px 0 0 20px;
}

#recommanderpage input.bouton {
margin:10px;
background:#FF9900;
border:1px solid #CC9933;
color: #000041;
}

#recommanderpage  {
background: url('images/recommanderPopup.gif') no-repeat;
width:265px; height:179px;
margin:45px auto;
font:1.2em normal Arial, Helvetica, sans-serif;
}

#recommanderpage  form{
margin:10px 0 0 20px;
}

#fonctionnalites li{
float:left;
color:#FFCC33;
}

#fonctionnalites li a{
color:#FFCC33;
}

#recommander {
margin:4px 3px 0 10px;
}

#recommander a:hover {
color:#FF9900;
}

#pagedaccueil{
margin:5px 0 0 5px;
display:block;
width:18px;
height:14px;
background:url(images/pagedaccueil.gif);
}

*:first-child+html #pagedaccueil{ /* hack pour IE7 */
margin:0;}

* html #pagedaccueil{ /* hack pour IE */
margin:5px 0 0 5px;
}

#favoris{
margin:5px 0 0 5px;
display:block;
width:18px;
height:17px;
background:url(images/favoris.gif);
}

*:first-child+html #favoris{ /* hack pour IE7 */
margin:-2px 0 0 5px;
}

* html #favoris{ /* hack pour IE */
margin:3px 0 0 5px;
}

#francais{
margin:5px 0 0 5px;
display:block;
width:18px;
height:13px;
background:url(images/francais.gif);
}

*:first-child+html #francais{ /* hack pour IE7 */
margin:2px 0 0 5px;
}

* html #francais{ /* hack pour IE */
margin:7px 0 0 5px;
}

#anglais{
margin:5px 0 0 5px;
display:block;
width:18px;
height:13px;
background:url(images/anglais.gif);
}

*:first-child+html #anglais{ /* hack pour IE7 */
margin:2px 0 0 5px;
}

* html #anglais{ /* hack pour IE */
margin:7px 0 0 5px;
}

/* ------ FIN DU HEADER --------------------------------------------*/ 
#pubverticale{
float:right;
margin:0 8px 0 0;
width:120px;
}

/* ------ ONGLETS DE NAVIGATION ---------------------------------------------------------------------------------------*/
#onglet{
float:left;
margin: 0 0 0 10px;
}

#onglet li{
float:left;
}

#onglet a{
display:block;
height:29px;
line-height:29px;
text-align:center;
width:134px;
}

#onglet a:hover, #onglet a.actif{
background: url('images/onglet2.gif') right  repeat-x;
color:#006;
}

#onglet a:hover.inactif, #onglet a{
background: url('images/onglet_inactif2.gif') right  repeat-x;
color:#111;
}

#defaut{
width:803px;
margin:29px 0 0 10px !important;
margin:0 0 0 10px;
background:#FFF;
}

#promomiseajour{
background:#ff8f00;
height:35px !important;
height:25px;
line-height:35px !important;
line-height:25px ;
font-size:1.3em;
text-align:center;
font-weight:bold;
}

#promomiseajour h2 {
font-size:1.1em;
}

/* --------- COLONNES DE L'ACCUEIL des jeux FLASH --------------------------------------------------------*/  
#nouveautes , #classementVote ,#classementClic , #categories {
float:left;
background:#FFF;
border-right:1px solid #000041;
border-top:1px solid #000041;
}

#nouveautes{
width:240px;
}

#classementVote{
width:300px;

}
#classementClic{
width:252px;
}

#categories{
width:252px;
}

#categories td, #categories th{
border-left:1px solid #000041;
}

#categories td {
background: #588de4 url('images/bloc_categories.jpg') repeat-x;
border-bottom:1px solid #000041;
width:500px;
}

#nouveautes td, #classementClic td, #classementVote td, #categories td{
padding:5px;
border-top:1px solid #000041;
}

.vignettes {
border:1px solid #000041;
float:left;
margin:3px 5px 3px 0;
}

.vignetteCategorie {
border:1px solid #000041;
float:right;
margin:-15px 0 0 0;
}

.envoirplus {
color:#FFF;
float:left;
margin:10px 0 0 3px;
font-size:1em;
}

.nomCategorie {
font-size:1.2em;
font-weight:bold;
}

/* ------ BLOCS DU BAS ---------------------------------------------------------------------------------------*/  
#bas{
margin:10px 10px 0 10px;
padding-bottom:25px;
}

#codegagnant{
float:left;
background:#FFF;
height:150px;
width:396px;
}

#autopromoGauche, #autopromoDroite {
float:left;
background:#FFF;
height:250px;
width:241px;
margin:0 8px 0 0 ;
}

#earthnet{
float:left;
margin:0 0 0 11px;
background:#FFF;
height:150px;
width:396px;
}

#imgearthnet{
width:350px;
margin:0 auto;
}

#earthnet p, #codegagnant p{
margin:15px;
}



/* ------ FOOTER ---------------------------------------------------------------------------------------*/  

#footer{
text-align:right;
height:20px;
line-height:20px;
color:#FFF;
width:813px;
margin:-20px 0 0 0;
}

#footer a{
color:#FFF;
}

#footer a:hover{
color:#fc3;
}

/* ------ PAGES SECONDAIRES -------------------------------------------------------------------------------------------*/

#milieu{
width:803px;
margin:29px 0 0 10px !important;
margin:0 0 0 10px;
background:#FFF;
}

#contenu{
padding:20px 0;
width:600px;
margin:0 auto;
}

.centre {
text-align:center;
}

#logoearthnet{
width:605px;
margin:0 auto;
}

#blocscodegagnant {
padding:20px 0 10px 0 !important;
padding:0;
margin:10px;
text-align:center;
}

#blocboutique {
margin:29px 0 0 10px !important;
margin:0 0 0 10px;
}

/* -- Listes de jeux ------------------------------------------------------ */

#listes{
background:#FFF;
width:600px;
margin:10px auto 0px auto;
}

#listes, #listes td, #listes tr{
border:1px solid #000041;
border-collapse:collapse;
}

#listes td.texte{
padding:4px;
}

#pagination{
width:600px;
margin:0 auto;
padding:5px 10px;
text-align:center;
}

/* -- Fiches de jeux --------------------------------------------------------------- */

#flash{
float:left;
margin:10px !important;
margin:10px 10px 10px 5px;
}

#fiche {
height:400px;
}

*:first-child+html #fiche{ /* hack pour IE7 */
height:auto;
}

#pubfiche {
float:left;
margin:0 10px 0 0;	
}

#fiche p{
padding:6px !important;
padding:0 6px;
}

#vote {
background: url('images/voter.jpg') right no-repeat;
width:170px;
height:76px;
float:right;
margin:0 10px 0 0 !important;
margin:0 5px 0 0;
}

#vote legend {
margin:5px 0;
}

#vote fieldset {
border:none;
padding:0;
margin:5px 0 0 7px;
}

.radio {
margin:0 !important;
margin:-2px;
}

*:first-child+html .radio{ /* hack pour IE7 */
margin:-4px;
}


#voterSubmit {
background:#FF9900;
border:1px solid #f48e00;
margin:5px 10px;
float:right;
}

#recommanderJeu {
float:right;
margin:35px 5px 0 0 ;
display:block;
background:url('images/recommanderJeu.jpg') no-repeat;
width:170px;
height:20px;
text-align:center;
line-height:20px;
}

/* ------ Soumission ---------------------------------------------------------------------------------------*/ 

#soumission fieldset p {
clear: both;
}

#soumission fieldset p.submit {
margin:0 0 0 260px;
}

#soumission label {
display:block; float: left;
width:250px;
text-align:right;
margin-right:10px;
font-weight:bold;
}

#soumission textarea {
width:270px;
height:130px;
}

/* -- Contact ----------------------------------------------------- */

#contacteznous fieldset p {
clear: both;
}

#contacteznous fieldset p.submit {
margin:0 0 0 210px;
}

#contacteznous label {
display:block; float: left;
width:200px;
text-align:right;
margin-right:10px;
font-weight:bold;
}

#contacteznous textarea {
width:300px;
height:150px;
}