/* 
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;
}

body {
  line-height: 1.5;
}

/* 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%; }
body {
  font-size: 75%;
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/*main
 -------------------------------------------------------------- */
html{text-align:center}
body{
    color:white;
    background-color: #454545;
    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;
}

/* Form fields
-------------------------------------------------------------- */
label{
    font-weight: bold;
    width:140px;
    float:left;
    text-align:left;
}
input[type=text]{
    width:160px;  
}
input[type=radio]{
    margin-right:5px;
    /*border:1px solid blue;*/
}
input,select{
  margin-bottom:0.5em;
}

/*layout
 -------------------------------------------------------------- */
#main-container{
    overflow:hidden;
    height:703px;
    width:800px;
    border:2px solid #8EBD00;
    margin:100px 0 100px 0;
}
form#insc{
    /*height:350px;*/
    width:310px;
    /*background-image:url("../images/formulaireImages/Formulaire.jpg");
    background-repeat:no-repeat;
    background-position:top center;*/

    /*margin:0 auto;*/
    margin-left:45px;
    margin-top:200px;
}
.bordered{
    border:2px solid #8EBD00;
}

#bottom-result{
    background-image:url("http://static.p-comme-performance.com/jeux/geohotels/img/bottom.jpg");
    width:800px;
    height:15px;
}
#topResult{
    background-image:url("http://static.p-comme-performance.com/jeux/geohotels/img/top.jpg");
    height:20px;
}
#resultat{
    background-image:url("http://static.p-comme-performance.com/jeux/geohotels/img/pixfil.jpg");
    background-repeat: repeat-y;
    overflow:hidden;
}
#left-block{
    background-image:url("http://static.p-comme-performance.com/jeux/geohotels/img/Formulaire_01.jpg");
    height:700px;
    width:380px;
    float:left;
}
#right-block{
    background-image:url("http://static.p-comme-performance.com/jeux/geohotels/img/Formulaire_02.jpg");
    height:700px;
    width:420px;
    float: right;
}
#accept_button{
    
}
#accept_button:hover{
    cursor:pointer;
}

/*
#completeBarLeft, #completeBarRight {
    border-top:1px solid white;
    float:left;
    margin-top:10px;
    margin-left:8px;
    width:23px;
}
#completeBarText{
    float:left;
    line-height:1;
    
}
*/
#completeBarText{
    margin-bottom:1.5em;
    
}

#accept_news{
    margin-top:1.5em;
    font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em;
    text-align:justify;
}
#accept_news a{
    text-decoration:underline;
    color:#FFF;
}
.mtop{
    margin-top:680px;
}
#mentions{
    width:250px;
    text-align:left;
}
#mentions li{
    display:inline;
    list-style-type:none;
    margin-right:0.2em;
    margin-left:0.2em;
}
#mentions a{
    text-decoration:none;
    color:#fff;
}
#mentions a:hover{
    text-decoration:underline;
    color:#fff;
}

/*result page*/
.textbox {
    text-align:center;
    margin-left:40px;
    height:184px;
    float:left;
    width:293px;
}
#getmyfriends{
    color:#59CA37;
    margin-top:15px;
    font-size:19px;

}
#trytoinvite{
    margin-top:20px;
    font-size:17px;
}

#contact{
    margin-top:8px;
    font-size:12px;
}
#godfather{
  width:420px;
  float:left;
  overflow:hidden;
}
#godfather label {
    width:100px;
    margin-left:50px;
}
#godfather input[type=text]{
    width:230px;
    
    
}
#godfather tr{
    margin-bottom:0.5em;
}
#havelost{
    color:#59CA37;
    font-size:19px;
}

#coregs{
  margin:0 auto;
  width:650px;
}

#subscribeCoregs:hover{
    cursor:pointer;  
}

input.error { background: #FBE3E4; border: 2px solid red; }
label.error{ color:red; display:none;}

#messages li{
    list-style-type:none;
    margin-bottom:1.5em;
}

#messages li {
    color:red;
    font-weight:bold;
}