﻿@charset "utf-8";
/* CSS Document */

/* Mise en forme du body */
body{
background:url(theme/fond.jpg) repeat-x #ffffff;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Mise en forme de la page en DIV  */
/*  Haut de page */
#header{
height:318px;
background:url(theme/header.png) no-repeat top center;
margin:20px 0 0px 0px;
}

#publicite{
height:94px;
width: 788px;
background:url(theme/pub.png) no-repeat center;
margin: -142px auto;
padding: 4px 0px 0px 4px;
}


/*  MILIEU DE PAGE */
/*  contenu qui englobe le site avec les 3 autres contenus */

#contenu{
height:auto;
width:1030px;
margin: -140px auto;
background:url(theme/fondsite.png) repeat-y center ;
}

#haut{
height:7px;
width:1030px;
margin: 140px auto;
background:url(theme/haut.png) no-repeat center ;
}

/*  NAVIGATION GAUCHE DU SITE */
#contenugauche{
height:auto;
width:205px;
float:left;
}
#espacemembre{
height:31px;
width:193px;
display:block;
margin: 13px auto;
background:url(theme/espacemembre.png) no-repeat;

}
#fondespacemembre{
height:auto;
width:193px;
display:block;
margin: -16px auto;
background:url(theme/fondespacemembre.png) repeat-y ;
font-size:12px;
font-family:"Tahoma";
font-weight:bold;
color:#C0C0C0;
}

#fondespacemembre a{
color:#969696;
text-decoration: none;
}



/*  Les catégories */

#site{
height:auto;
width:212px;
display:block;
background:url(theme/menusite.png) no-repeat;
margin: -40px 0px 0px 21px;
padding:0px 0 0 15px;
position: relative;
}
#gagner{
height:auto;
width:205px;
display:block;
background:url(theme/menugagner.png) no-repeat;
margin: 62px 0px 0px 21px;
padding:0px 0 0 15px;
position: relative;
}
#jeux{
height:auto;
width:205px;
display:block;
background:url(theme/menujeux.png) no-repeat;
margin: 53px 0px 0px 21px;
padding:0px 0 0 15px;
position: relative;
}
#partenaires{
height:auto;
width:205px;
display:block;
background:url(theme/menupartenaires.png) no-repeat;
margin: 53px 0px 0px 21px;
padding:1px 0 0 15px;
}
#blocpartenaires{
height:175px;
width:191px;
background:url(theme/partenaires.png) no-repeat;
margin: 50px 0px 0px 6px;
}
#blocgauche{
margin:8px 0px 0px 7px;
height:161px;
width:89px;
float:left;
}
#blocdroite{
margin:8px 0 0px 0;
height:161px;
width:89px;
float:left;
}
.partenaires{
height:32px;
width:89px;
margin:0px;
}

/*  Le menu */

#menu{
height:auto;
width:191px;
float:left;
margin: 0px 0 0 -35px;
}
#menu ul li{
list-style:none;
padding:62px 0 0 0;
}
#menu ul li a{
height:30px;
width:166px;
display:block;
background:url(theme/boutonmenu.png) no-repeat;
margin:0px 0 -62px -34px;
font-size:12px;
text-decoration:none;
font-family: Tahoma, Helvetica, sans-serif  ; 
padding:0px 0px 0px 25px;
line-height:32px;
color:#646464;
font-weight:bold;
}
#menu ul li a:hover{
background-position:bottom left;
color:#CC0000;
}


#menu2{
height:auto;
margin: -19px 0 0 0px;
padding:0 0 0 0;
}
#menu2 ul li{
list-style:none;
padding:53px 0 0 0;
}
#menu2 ul li a{
height:30px;
width:166px;
display:block;
background:url(theme/boutonmenu.png) no-repeat;
margin:0px 0 -53px -34px;
font-size:12px;
text-decoration:none;
font-family: Tahoma, Helvetica, sans-serif  ; 
padding: 0px 0px 0px 25px;
line-height:32px;
color:#646464;
font-weight:bold;
}
#menu2 ul li a:hover{
background-position:bottom left;
color:#CC0000;
}




/*  NAVIGATION MILIEU DU SITE */
#contenumilieu{
height:auto;
width:647px;
float:left;
}

#dernierenews{
height:51px;
width:628px;
margin: 5px 0px 0px 8px ;
background:url(theme/news.png) no-repeat top center;
font-size:13px;
text-decoration:none;
font-family:"Kronika";
line-height:75px;
color:#000000;
}
#dernierenews a{
text-decoration:none;
color:#808080;
}

#hautboitetexte{
height:61px;
width:628px;
margin: 25px 0px 0px 8px ;
background:url(theme/hautcontenu.png) no-repeat top center;
}
#boitetexte{
height:auto;
width:588px;
display:block;
margin: 0px 0px 0px 8px ;
background:url(theme/contenu.png) repeat-y ;
padding: 1px 20px 20px 20px;
font-size:12px;
font-family:"Tahoma";
}
#boitetexte a{
text-decoration:none;
color:#CC0000;
}
#basboitetexte{
height:19px;
width:628px;
margin: -12px 0px 0px 8px ;
background:url(theme/bascontenu.png) no-repeat;
}


/*  Les balises "h" utilisées */
h1{
height:25px;
font-size:16px;
text-decoration:none;
font-family: Trebuchet MS  ;  
font-weight:bold;
line-height:19px;
color:#1a5a0e;
background:url(theme/h1.png) no-repeat;
padding: 0 80px 0 20px;
text-transform:uppercase;
}
h3{
height:25px;
font-size:16px;
text-decoration:none;
font-family: Trebuchet MS  ; 
font-weight:bold;
color:#4b933d;
line-height:19px;
background:url(theme/h1.png) no-repeat;
padding: 0px 90px 0px 20px;
}
h4{
font-size:14px;
}



div.space{
	clear: both;
	font-size: 0pt;
	height: 10px;
}

/*  Intérieur de la boite texte nouveautés, coup de coeur */
#contenunews{
height:auto;
width:259px;
float:left;
margin: 0px 10px 0px 20px ;
}
#nouveautes{
height:56px;
width:259px;
display:block;
background:url(theme/hautnouveautes.png) no-repeat center;
}
#fondn{
height:auto;
width:259px;
margin: 0 auto;
background:url(theme/fondnc.png) repeat-y;
padding: 0;
text-align: center;
}


#contenucoeur{
height:auto;
width:259px;
display:block;
margin: 0px 10px 0px 15px ;
float:left;
}
#coupdecoeur{
height:56px;
width:259px;
display:block;
background:url(theme/coup-de-coeur.png) no-repeat center;
}
#fondc{
height:auto;
width:259px;
margin: 0 auto;
background:url(theme/fondnc.png) repeat-y;
padding: 0;
text-align: center;
}


.fiche{
height:24px;
width:93px;
float:left;
margin: -22px 20px 0px -45px;
}
.lien{
height:24px;
width:93px;
float:left;
margin:-22px 0 0 0;
}

#basn{
height:17px;
width:259px;
margin: -12px 10px 0px 0px ;
background:url(theme/basnc.png) no-repeat;
}
#basc{
height:17px;
width:259px;
margin: -12px 10px 0px 0px ;
background:url(theme/basnc.png) no-repeat;
}



/*  NAVIGATION DROITE DU SITE */
#contenudroit{
height:auto;
width:178px;
float:left;
}
.separationdroite{
height:3px;
width:173px;
margin: 0px 0px 0px 2px;
}
#pubverticale{
height:606px;
width:126px;
background:url(theme/pubverticale.png) no-repeat center;
margin: 0px 0px 0px 25px;
padding: 6px 0px 0px 6px;
}



/*  Pierre sur les cotés */

#contenupierre{
height:203px;
width:1021px;
display:block;
margin: -120px 0 0 0;
padding: 1px 0px 0px 0;
}

#pierredroite{
height:203px;
width:91px;
display:block;
margin: -198px 0px 0px 1030px;
background:url(theme/pierredroite.png) no-repeat;
}
#pierregauche{
height:203px;
width:91px;
display:block;
margin: -120px 0px 0px -91px;
background:url(theme/pierregauche.png) no-repeat;
}

/*  FOOTER */

#footer{
height:auto;
width:auto;
min-height: 137px;
display:block;
background:url(theme/footer.png) repeat-x #2B4CA5;
margin: 0px 0 0 0 ;
font-family:"Tahoma";
font-size:11px;
text-align:center;
font-weight:bold;
color:#090909;
padding: 4px 0 0 0;
}
#footer a{
font-family:Arial;
font-size:9px;
text-align:center;
color: #bebec0;
text-decoration:none;
}

/*  Css servant à la mise en page des scripts */

#links_title {
cursor:pointer;
font-size:small;
text-align:center;
}
#f1 label {
float : left;
width : 40%;
text-align : right;
padding-right : .3em;
}
.f2 {
text-align:center;
font-family:Tahoma, "Trebuchet MS";
font-weight:bold;
}
form {
padding:0 5px;
}
form p {
margin: 0 auto;
}
label {
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #CCCCCC;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #CCCCCC;
color:#777;
}
img {
border:0px;
}
.ta { 
border-collapse:collapse; 
margin:10px auto; 
font-family:Tahoma, "Trebuchet MS";
color:#000000; 
width: 80%;
}
.ta th { 
padding:3px; 
background-color: #FFFFFF;
border: 1px dotted #000000;
}
.ta td {	
padding:3px; 
background-color: #FFFFFF;
border: 1px dotted #000000;
}
.c2{	
text-align:center;	
}
.ta1 { 
border-collapse:collapse; 
margin:10px auto; 
font-family:Tahoma, "Trebuchet MS";
color:#000000; 
width: 95%;
font-size:9px;
}
