* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, form, p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

p, li { line-height: normal;}

ul { list-style: none; }

img { border: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, button {
  vertical-align: middle;
}
input  {
  border: 1px solid #a6ae94;
  font-family: Arial, sans-serif;
  font-size: 1em;
  padding:2px;
  color: #777e68;
}
select {
  border: 1px solid #a6ae94;
  font-family: Arial, sans-serif;
  font-size: 1em;
  color: #777e68;
  width: 293px;
}

fieldset {
  margin: 0 0 30px 0;
  border: none;
  padding: 0;
}

fieldset legend { display: none; }

.clearfix {
  display: block;
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a {
  color:#35312e;
  text-decoration: none;
}

a:hover { text-decoration:underline; }

.error
{color:#da2900;}


/* *************************** 
 Structure Styles
***************************/

html { font-size: 100%; } 

body {
  font-size: 11px;
	color: #34373c;
  font-family: Arial, Helvetica, sans-serif;
}
#home-container {
  width: 1200px;
  margin: 0 auto;
  background: url(../images/bg_homepage.jpg) no-repeat top left;
}
#global-container {
  width: 1200px;
  margin: 0 auto;
  background: url(../images/bg_main.jpg) no-repeat top left;
}
#main-container {
	width: 983px;
	position:relative;
  margin: 0 auto;
  height:700px;
}
#home-container #footer {
  position:absolute;
  bottom:7px;
  right:18px;
}
#global-container #footer {
  position:absolute;
  bottom:70px;
  left:35px;
}
#home-container #nav {
	position:absolute;
	bottom:20px;
	right:20px;
  width: 350px;
	height:30px;
}
#global-container #nav {
	position:absolute;
	bottom:88px;
	left:35px;
  width: 380px;
	height:30px;
}
#home-content {
  width:580px;
  padding:20px 0;
  position:relative;
}
#home-form {
  position:absolute;
  width:330px;
  padding:10px 0;
  right:10px;
  top:30px;
  height:590px;
}
#header {
  height:155px;
}
#content {
  width:935px;
  position:relative;
  height:420px;
  margin-left:40px;
}
/***************************
 Content Styles
***************************/
/*home-content*/
#home-content p,
#home-content h2,
#home-content a.site-hoc {
  display: block;
  overflow: hidden;
  text-indent: -1000em;
} 
#home-content p {
  background: url(../images/home-newsletter.png) no-repeat right top;
  height:90px;
  width:260px;
  position:absolute;
  top:415px;
  right:20px;
}
#home-content h2{
  background: url(../images/home-title.png) no-repeat left top;
  height:200px;
  margin-top:0px;
}
#home-content a.site-hoc {
  background: url(../images/logo-hoc.png) no-repeat left top;
  width:204px;
  height:52px;
}
/*footer*/
#footer {
  color:#fff;
  font-size:10px;
}
#footer a{
  color:#fff;
  margin-left:45px;
}
/*nav*/
#nav li {
	display:block;
	float:left;
	padding:0 30px;
  border-right:1px solid #fff;
  font-size:12px;
  color:#fff;
}
#nav li.last {
	padding-right:0;
  border-right:none;
}
#nav li a{
	display:block;
	color:#fff;
}
/*header*/
#header  h2{
  background: url(../images/main-title.png) no-repeat left top;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  height:100px;
  width:580px;
  position:absolute;
  top:20px;
  right:10px;
}
#header a.site-hoc {
  background: url(../images/logo-hoc.png) no-repeat left top;
  width:204px;
  height:52px;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  position:absolute;
  top:20px;
  left:0;
}
/*title replace*/
h3 {
  display: block;
  overflow: hidden;
  text-indent: -1000em;
}
#home-form h3 {
  height:55px;
  background: url(../images/title-form.png) no-repeat center center;
}
.parrainage h3 {
  height:40px;
  background: url(../images/title-parrainage.png) no-repeat 15px 2px;
  margin-left:235px;
}
.instant-gagnant h3 {
  height:40px;
  background: url(../images/title-instant-gagnant.png) no-repeat 15px top;
  margin-left:235px;
}
.dotation h3 {
  height:40px;
  background: url(../images/title-dotation.png) no-repeat 15px 10px;
  margin-left:235px;
}
#content .reglement h3 {
  height:40px;
  background: url(../images/title-reglement.png) no-repeat 15px 10px;
  margin-left:235px;
}
/*liens*/
.btn-jouer a {
  position:absolute;
  bottom:20px;
  right:55px;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  background: url(../images/home-btn-jouer.png) no-repeat left top;
  width:169px;
  height:45px;
}
.btn-jouer a:hover {
  background: url(../images/home-btn-jouer_on.png) no-repeat left top;
}
.btn-hoc a {
  position:absolute;
  bottom:-22px;
  right:50px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding-left:15px;
  background: url(../images/puce-btn-hoc.png) no-repeat left center;
}
.btn-suite a {
  position:absolute;
  bottom:20px;
  right:55px;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  background: url(../images/btn-suite.png) no-repeat left top;
  width:169px;
  height:45px;
}
.btn-suite a:hover {
  background: url(../images/btn-suite.png) no-repeat left -45px;
}
/*formulaire inscription*/
#home-form p{margin-top:10px;}
#home-form p.mentions {position: absolute; bottom: 10px; font-size: 10px; font-style: italic;}
#home-form  label { display:block;}
#home-form  .civilite  input{
  margin:0px 4px 0 0;
  border:none;
}
#home-form  .civilite  span{
  margin:2px 18px 0 0;
  color:#565656;
}
#home-form  .nom {
  float:left;
  margin-right:7px;
}
#home-form  .prenom {
  float:left;
}
#home-form  .prenom input,
#home-form  .nom input {
  width:135px;
}
#home-form  .email input{
  width:288px;
}
#home-form  .naissance select {
 width:60px;
}
#home-form  .naissance select#anneeN{
 width:80px;
}
#home-form  .adresse input{
  width:288px;
}
#home-form  .cp {
  float:left;
  margin-right:7px;
}
#home-form  .ville {
  float:left;
}
#home-form  .cp input{
  width:100px;
}
#home-form  .ville input {
  width:170px;
}
#home-form  .nbenfant label,
#home-form  .nbenfant select {
  float:left;
}
#home-form  .nbenfant select {
  width:32px;
  margin-left:10px;
}
#home-form  .client label {
  float:left;
}
#home-form  .client input {
  border:none;margin:0 2px 0 0;
}
#home-form  .optin  {
  padding-top:5px;
  border-top:1px solid #cfc6a8;
}
#home-form  .details-client  {
  padding:6px 0;
  margin-bottom:5px;
  border-top:1px solid #cfc6a8;
  border-bottom:1px solid #cfc6a8;
}
#home-form  .details-client a {
  background: url(../images/puce-details-client.png) no-repeat right center;
  padding:3px 25px 0 0 ;
  height:19px;
  display:inline-block;
  font-weight:bold;
}
#home-form  .conditions label {
  display:inline;
}
#home-form  .valider input {
  border:none;
  position:absolute;
  right:90px;
  top:460px;
}
#home-form  .inscription {position:relative;}
#home-form  p.error.alert {position:absolute;top:-100px;background:#c50347;color:#fff;padding:2px 3px;}
/*lightbox mieux vous connaitre*/
#Login {
  border:none;
  margin-left:340px;
}
#TB_window h3 {
  font-size:16px;
  text-indent:0;
  margin-bottom:25px;
}
#TB_window p{
	padding:0 0px 3px 0;
}
#TB_window .title{
  width:160px;
  float:left;
}
#TB_window .checkbox, #TB_window .radio {
  margin:0 5px; border:none;height:10px;
}
.csp {margin-bottom:20px;}
.csp label {display:inline!important;}
.csp select {width:150px;}
/*formulaire parrainage*/
#module-viral  {
  padding:35px 0 35px 15px;
}
#module-viral p {
  font-size:11px;
  font-weight:bold;
  height:50px;
  margin-top:10px;
}
#module-viral .code,
#module-viral .form-viral,
#module-viral .facebook {
  float:left;
  height:280px;
  padding-right:20px;
  width:235px;
  position:relative;
}
#module-viral .code {
  border-right:1px solid #b9b9b9;
  background: url(../images/bg-code.png) no-repeat top left;
  padding-left:40px;
}
#module-viral .form-viral {
  border-right:1px solid #b9b9b9;
  background: url(../images/bg-form-viral.png) no-repeat top left;
  padding-left:55px;
}
#module-viral .facebook {
  background: url(../images/bg-facebook.png) no-repeat top left;
  padding-left:50px;
}
#module-viral .form-viral .error_saisi {
  bottom:45px;
  position:absolute;
}
#module-viral  label{
  display:block;
  margin-bottom:5px;
}
#module-viral  input.text{
  display:block;
  margin-bottom:8px;
  width:224px;
}
#valid_mail, #valid_code {border:none;position:absolute; bottom:0;}
#module-viral .facebook .btn a {
  position:absolute;
  bottom:0;
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  background: url(../images/btn-facebook.png) no-repeat center top;
  height:30px;
  width:205px;
}
#module-viral .facebook .btn a:hover {
  background: url(../images/btn-facebook.png) no-repeat left -30px;
}
/*instant gagnant*/
.jeu {
  margin:20px auto;
  height:300px;
  width:590px;
}
/*dotation*/
.lot {
  margin-top:25px;
  background: url(../images/bg-dotation.png) no-repeat left top;
  overflow: hidden;
  text-indent: -1000em;
  height:315px;
  width:900px;
}
.lot-mention {
  margin:17px 0 0 50px;
  font-size:12px;
}
/*reglement*/
.page-rules-content {
  height:260px;
  overflow:auto;
  margin-right:10px;
  padding-right:10px;
  font-family:georgia;
  font-size:11px;
  line-height:1.5em;
  margin:35px 65px;
}
.rules-content {
  height:260px;
  overflow:auto;
  margin-right:10px;
  padding-right:10px;
  font-family:georgia;
  font-size:11px;
  line-height:1.5em;
  width:430px;
}
.rules-content p,
.page-rules-content p{
  margin-bottom:15px;
  line-height:1.5em;
}
.rules-content h4,
.page-rules-content h4{
  font-weight:bold;
  margin-bottom:8px;
}