/* 
reset.css
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }

/*main
 -------------------------------------------------------------- */
html{text-align:center}
body{
    color:#575757;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #d6cdc9;
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/background.png");
    background-repeat: repeat-x;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
}

/*utils
 -------------------------------------------------------------- */
.centered{
    margin: 0 auto;
}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #47CF4D; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 { font-size: 2em; margin-bottom: 0.75em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.underline  {text-decoration:underline;}

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.colored{
    color:#8EBD00;
}


/*layout
 -------------------------------------------------------------- */
#main-container-merci{
    overflow:hidden;
    height:490px;
    width:800px;
    margin:0;
    position: relative;
}

#main-container{
    overflow:hidden;
    height:700px;
    width:800px;
    margin:0;
    position: relative;
}

#top-block{
    height:115px;
    width:800px;
    position: relative;
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/header.jpg");
    background-repeat: no-repeat;
}

#left-block{
    height:540px;
    width:395px;
    float:left;
}

#right-block{
    height:540px;
    width:405px;
    float:right;
}

#middle-block{
    height:230px;
    width:800px;
    padding: 10px 0 0;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    display: table-cell;
}

#bottom-block{
    height:45px;
    clear: both;
}

/*  Background classes
-------------------------------------------------------------- */
.bg-formulaire{
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/formulaire_inscription.png");
    background-repeat: no-repeat;
}

.bg-parrainage-gagnant{
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/parrainage_gagnant.png");
    background-repeat: no-repeat;
}

.bg-parrainage-perdant{
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/parrainage_perdant.png");
    background-repeat: no-repeat;
}

.bg-merci{
    background-image: url("http://static.p-comme-performance.com/jeux/cactuelle_edbm_zeplan/images/merci.png");
    background-repeat: no-repeat;
}

/* Header
-------------------------------------------------------------- */
#logo-cactuelle
{
    position: absolute;
    height: 115px;
    width: 340px;
    top:0;
    left:5px;
}

#logo-edbm
{
    position: absolute;
    height: 115px;
    width: 110px;
    top:0;
    left:510px;
}

#logo-zeplan
{
    position: absolute;
    height: 115px;
    width: 115px;
    top:0;
    left:650px;
}

/* Form
-------------------------------------------------------------- */
.tbl-form{
    margin: 0;
    padding: 0;
}

input[type=radio]{
    margin-right:5px;
}

input,select{
  margin-bottom:8px;
}

input.error {
    background: #FBE3E4;
    border: 2px solid red;
    border-collapse: collapse;
}

/* Form insc
-------------------------------------------------------------- */
form#insc{
    margin:130px 45px 0 25px;
}


#insc .td-label{
    width: 130px;
    text-align: left;
}

#insc .td-input{
    width: auto;
    text-align: center;
}

#insc input[type=text]{
    width:180px;
}

#insc label.error{
    color:red;
    display:none;
}

#insc label{
    font-size: 12px;
}

#accept{
    text-align:left;
}

#abo_newsletter{
    text-align:right;
}

#accept_news{
    margin:15px 0 10px 0;
    font-size: .8em;
    text-align:justify;
}

#accept_button{
    width: 245px;
    height: 75px;
    margin: 0 0 0 40px;
}

#messages{
    color: red;
    position: absolute;
    width: 370px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
}

/* Form godfather
-------------------------------------------------------------- */
form#godfather{
    margin:180px 65px 0 45px;
}

#godfather .td-label{
    width: 80px;
    text-align: left;
    padding: 0 0 20px 0;
}

#godfather .td-input{
    width: auto;
    padding: 0 0 20px 0;
}

#godfather input[type=text]{
    width:200px;
    margin: 0;
}

#godfather label{
    font-weight: normal;
}

#godfather_button{
    width: 245px;
    height: 75px;
    margin: 35px 0 0 20px;
}

/* Footer
-------------------------------------------------------------- */
#mentions{
    margin:0;
    padding:20px 0 0 0;
    text-align: left;
}
#mentions li{
    display:inline;
    list-style-type:none;
    margin-right:0.2em;
    margin-left:0.2em;
    color: #ffffff;
}
#mentions a{
    text-decoration:none;
    color:#ffffff;
}
#mentions a:hover{
    text-decoration:underline;
    color:#ffffff;
}

/* Footer Thanks
-------------------------------------------------------------- */
#mentions-merci{
    margin:0;
    padding:10px 0 0 0;
    text-align: left;
}
#mentions-merci li{
    display:inline;
    list-style-type:none;
    margin-right:0.2em;
    margin-left:0.2em;
    color: #d6cdc9;
}
#mentions-merci a{
    text-decoration:none;
    color:#d6cdc9;
}
#mentions-merci a:hover{
    text-decoration:underline;
    color:#d6cdc9;
}

/* Others
-------------------------------------------------------------- */
#middle-block p{
    vertical-align: middle;
    color: #afa9a4;
}

#middle-block a{
    text-decoration:none;
    color:#d6cdc9;
}

#middle-block a:hover{
    text-decoration:underline;
    color:#d6cdc9;
}