* {
  margin:0;
  padding:0;
}
body {
  background:#001d34;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;
  line-height:150%;
}
img {border:0;}
a, input {position:relative;z-index:100;}
a {color:#ffffff;}
a:hover {text-decoration:none;}
li {list-style-type:none;}
/*STUCTURE*/
#global {
  width:1000px;
  margin:0 auto;
  background:#001d34 url(../img/bgGlobal.jpg) no-repeat top left;
}
#global.home {
  background:#001d34 url(../img/bgHome.jpg) no-repeat top left;
}
#global.fin {
  background:#001d34 url(../img/bgFin.jpg) no-repeat top left!important;
}
#header {
  height:100px;
  text-align:center;
}
#main {
  width:336px;
  float:left;
}
#main  h1.titre {
  background:transparent url(../img/titre.png) no-repeat left top;
  font-size:16px;
  height:175px;
  text-indent:-1000em;
  margin-top:40px;
  margin-bottom:65px;
}
#main  p {
  background:transparent url(../img/bgLnkCollection.png) no-repeat left top;
  height:135px;
  padding:60px 0 0 125px;
}
#content {
  width:340px;
  float:left;
  width:654px;
  height:550px;
  position:relative;
}
#encart {
  margin:0 36px 0 105px;
}
#global.home #encart , #global.fin #encart{
  height:500px;
  margin:0 0px 0 280px;
  width:320px;
  padding:20px 0 0 20px ;
}
#footer {
  color:#74c0e4;
  padding:10px 40px;
  clear:both;
}
/*header*/
#header p {
  float:left;
}
#header p.logo {
  background: url(../img/logo.png) no-repeat top left;
  width:337px;
}
#header p.date {
  background: url(../img/date.png) no-repeat top left;
  width:270px;
  margin:0 50px;
}
#header p.logoHoc {
  background: url(../img/logoHOC.png) no-repeat top left;
  width:280px;
}
/*galerie*/
#content .galerie  {
	height:285px;overflow:hidden;
}
#content.collection  h2{
	text-align:center;
	height:100px;
	text-indent:-1000em;
	background:transparent url(../img/titreCollection.png) no-repeat center 20px;
}
/*menu*/
#content  .menu {
  position:absolute;
  bottom:60px;;
}
#content  .menu a {
  font-size:16px;
  height:75px;
  color:#ffffff;
  text-indent:-1000em;overflow:hidden;
  display:block;
  width:125px;
  float:left;
  margin-right:10px;;
}
#content  .menu .lots {
  background:transparent url(../img/btnLots.png) no-repeat left top;
  cursor:pointer;
}
#content  .menu .reglement {
  background:transparent url(../img/btnReglement.png) no-repeat left top;
  cursor:pointer;
}
/*bouton jouer*/
#content  .btn  {
  position:absolute;
  right:60px;
  bottom:50px;
}
#content  .btn a {
  font-size:20px;
  height:110px;
  color:#ffffff;
  text-indent:-1000em;
  overflow:hidden;
  display:block;
  width:170px;
  margin-right:10px;;
}
#content .btn a {
  background:transparent url(../img/btnJouer.png) no-repeat left top;
  cursor:pointer;
}
/*lots*/
#content.lots  h2{
	text-align:center;
	height:65px;
	text-indent:-1000em;
	background:transparent url(../img/titreLots.png) no-repeat center 20px;
}
#content.lots  h3{
	text-align:center;
	height:50px;
	text-indent:-1000em;
	background:transparent url(../img/sstitreLots.png) no-repeat center top;
}
#content.lots #encart p{
	text-align:center;
	color:#fce918;
	margin-top:10px;
	font-weight:bold;
	height:300px;
	width:350px;
	margin:0 86px;
	text-indent:-1000em;
	background:transparent url(../img/lots.png) no-repeat center top;
}
/*reglement*/
#content.reglement  h2{
	text-align:center;
	height:120px;
	text-indent:-1000em;
	background:transparent url(../img/titreReglement.png) no-repeat center 20px;
}
#content.reglement .contenuReglement {
  margin:35px 25px 15px 20px;
  padding-right:10px;
  overflow:auto;
  height:230px;
  text-align:justify;
  line-height:120%;
  position:relative;
}
#content.reglement .contenuReglement  p{
  margin-bottom:8px;
}
/*parrainage*/
#content.parrainage  h2{
	text-align:center;
	height:101px;
	text-indent:-1000em;
	background:transparent url(../img/titreParrainage.png) no-repeat center 20px;
}
#content.parrainage  h3{
	text-align:center;
	height:17px;
	margin:20px 0 30px 0;
	text-indent:-1000em;
	background:transparent url(../img/sstitreParrainage.png) no-repeat center top;
}
#content.parrainage .formViral {
  margin-left:50px;
  position:relative;
  height:300px;
}
#content.parrainage .formViral ul li  {
  margin:5px 0 10px 0; 
}
#content.parrainage .formViral ul li  input.text{
  margin:0 5px;
  border:#57bfdb 1px solid;
  width:150px;
}
#content.parrainage .formViral p span {
  padding-left: 108px;
  font-weight:bold;
}
p.invitation {
  background:transparent url(../img/bgInvitations.jpg) no-repeat center top;
  height:40px;
  width:230px;
  padding:40px 20px 30px 20px;
  position:absolute;
  bottom:2px;
  right:18px;
}
/*formulaire page d'accueil*/
.inscription {
  line-height:130%;
  position:relative;
  height:460px;
}
.inscription  input.text {height:13px;}
.inscription .civilite label,
.inscription .civilite input {
  float:left;
  display:block;
  margin-right:8px;
  height:18px;
  margin-bottom:5px;
}
.inscription .perso p {
  float:left;
  width:150px;
  margin-bottom:5px;
}
.inscription .perso p label {
  display:block;
  font-weight:bold;
}
.inscription .perso p input {
  display:block;
  width:146px;
  color:#57bfdb;
  font-size:11px;
  border:#57bfdb 1px solid;
}
.inscription .naissance  {
  clear:both;
  margin-bottom:5px;
}
.inscription .naissance select {
  margin:0 8px 0 0;
  border:#57bfdb 1px solid;
  font-size:11px;
}
.inscription .naissance select#jourN,
.inscription .naissance select#moisN{
  width:40px;
}
.inscription .naissance select#anneeN{
  width:60px;
}
.inscription .adressebis p {
  float:left;
  width:150px;
  margin-bottom:5px;
}
.inscription .adressebis p label {
  display:block;
  font-weight:bold;
}
.inscription .adressebis p input {
  display:block;
  width:146px;
  color:#57bfdb;
  font-size:11px;
  border:#57bfdb 1px solid;
}
.inscription .adresse {
  margin-bottom:5px;
}
.inscription .adresse label{
  display:block;
  font-weight:bold;
}
.inscription .adresse input{
  display:block;
  border:#57bfdb 1px solid;
  color:#57bfdb;
  font-size:11px;
  width:94%;
  margin-bottom:5px;
}
.inscription .reglement {
  clear:both;line-height:100%;
  height:24px;
  margin-bottom:5px;
}
.inscription .reglement input,
.inscription .reglement label {
  float:left;display:block;
}
.inscription .reglement label {
  width:275px;
  margin-left:5px; 
}
.inscription .offres {
  clear:both;
  line-height:100%;
  position:relative;
  width:300px;
}
.inscription .offres p {
  margin:2px 0;
}
.inscription .offres p.alignR {
  position:relative;top:-5px;
}
#encart .inscription  .note {
  position:absolute;
  bottom:0;
  font-size:10px;
  width:150px;line-height:100%;
}
.inscription .jouer {
  position:absolute;
  bottom:-22px;
  right:22px;
}
.inscription  .bgJouer {
  background:transparent url(../img/bgJouer.png) no-repeat top left;
  height:66px;
  width:158px;
  padding:7px 0 0 5px;

}

.font10px {font-size:10px;}
.margR5{margin-right:5px;}
.alignR {text-align:right}

.error{
	color:red;
	font-weight:bold;
}
/*fin*/
.fin #content #encart p{
	text-align:center;
	height:320px;
	text-indent:-1000em;
	background:transparent url(../img/fin.png) no-repeat left top;
}