body {
background-color : black;
text-align: center;
width : 790px;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
#page { 
text-align: left;
background-color : transparent;
width : 790px;
height: 1606px;
}
#page2 { 
text-align: left;
background-color : transparent;
width : 790px;
height: 893px;
}
#page3 { 
text-align: left;
background-color : transparent;
width : 790px;
height: 560px;
}
#page4 { 
text-align: left;
background-color : transparent;
width : 790px;
height: 1168px;
}
/* imagefond*/
.imagefond {
position : absolute;
background-color : transparent;
width : 790px;
height: 1606px;
}
.imagefond2{
position : absolute;
background-color : transparent;
width : 790px;
height: 893px;
}
.imagefond3{
position : absolute;
background-color : transparent;
width : 790px;
height: 560px;
}
.imagefond4{
position : absolute;
background-color : transparent;
width : 790px;
height: 1168px;
}
/* Champs cachés haut de page*/
.hidden {
position : absolute;
width : 1px;
height : 1px;
overflow : hidden;
}
/* dialogue*/
#errors {
position : absolute;
margin-top: 235px;
margin-left: 100px;
}
#errors2{
position : absolute;
margin-top: 330px;
margin-left: 185px;
}
.error {
text-align: center;
width : 440px;
height: 50px;
line-height: 40px;
font-family : verdana, sans-serif;
color : red;
background : #F0E68C;
font-size : 100%;
font-weight: bold;
border : 1px solid red;
padding-bottom : 10px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
.error2 {
text-align: center;
width : 400px;
height: 30px;
line-height: 30px;
font-family : verdana, sans-serif;
color : red;
background : #F0E68C;
font-size : 100%;
font-weight: bold;
border : 1px solid red;
padding-bottom : 10px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
.bienvenue {
text-align: center;
width : 400px;
font-family : verdana, sans-serif;
color: #0F0;
background : transparent;
font-size : 90%;
border : 0px solid #0F0;
padding-bottom : 10px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
/* formulaire */
#formulaire{
position: absolute;
margin-top: 335px;
margin-left: 90px;
font-family : Tahoma;
color : white;
font-weight: bold;
line-height : 220%;
text-align : justify;
float : left;
}
#formulaire2{
position: absolute;
margin-top: 390px;
margin-left: 160px;
font-family : Tahoma;
color: #0F0;
line-height : 200%;
text-align : justify;
float : left;
}
.label {
text-align: right;
padding-right: 8px;
font: 15px Tahoma;
font-weight: bold;
color: #58ef14;
position : relative;
width : 100px;
}
.age{
width : 150px;
vertical-align:middle;
line-height : 110%;
font-size : 80%;
}
input{
margin:0;
vertical-align:middle;
margin-bottom: 5px;
font: 18px Tahoma;
}
select{
margin-bottom: 5px;
font: 18px Tahoma;
}
/* Optin */
#opt {
position: absolute;
margin-top: 665px;
margin-left: 160px;
}
.optintexte {
width : 130px;
position : relative;
color : #ff8400;
font: 18px Tahoma;
font-weight: bold;
}
/* Newsletter */
#partenaire {
position : absolute;
border : 0px solid blue;
height: 550px;
width : 500px;
margin-top: 775px;
margin-left: 90px;
background-color : transparent;
}
#partenaire2 {
position : absolute;
border : 0px solid blue;
height: 550px;
width : 500px;
margin-top: 470px;
margin-left: 100px;
background-color : transparent;
}
.partenairebloc{
position : relative;
border : 0px solid red;
height: 110px;
width : 500px;
}
.partenairelogo {
position : relative;
border : 0px solid orange;
height:60px;
width : 60px;
margin-right: 5px;
}
.partenairetitre {
position : relative;
border : 0px solid yellow;
height:20px;
width : 400px;
font-weight: bold;
font: 16px verdana;
color: #58ef14;
}
.partenaireoptin {
position : relative;
border : 0px solid white;
height: 20px;
width : 110px;
font-weight: bold;
font: 14px verdana;
color : #ff8400;
}
.partenairlien {
position : relative;
border : 0px solid white;
height: 20px;
width : 100px;
font-family : verdana, sans-serif;
color: #0F0;
font-size : 90%;
}
.partenairetexte {
position : relative;
border : 0px solid pink;
height: 50px;
width : 400px;
font: 10px verdana, sans-serif;
vertical-align:top;
color : white;
}
.partenairespan {
position : relative;
border : 0px solid green;
height: 20px;
width : 290px;
}
/* Bouton envoi */
#boutonform{
margin-top: 1360px;
position:absolute;
}
#boutonviral{
margin-top: 650px;
position:absolute;
}
.bouton1{
background-color : transparent;
border : 0px solid transparent;
background-image:url("http://jeu.buzzenville.com/image/bouton/bouton1.png");
font-family:Verdana;
font-size:0px;
cursor:pointer; 
width : 278px;
height: 60px;
margin-left: 255px;
}
.bouton2{
background-color : transparent;
border : 0px solid transparent;
background-image:url("http://jeu.buzzenville.com/image/bouton/bouton2.png");
font-family:Verdana;
font-size:0px;
cursor:pointer; 
width : 303px;
height: 60px;
margin-left: 125px;
}
.bouton3{
background-color : transparent;
border : 0px solid transparent;
background-image:url("http://jeu.buzzenville.com/image/bouton/bouton3.png");
font-family:Verdana;
font-size:0px;
cursor:pointer; 
width : 203px;
height: 59px;
margin-left: 30px;
}
/* divers*/
span {
color : red;
font-family : verdana, sans-serif;
font-size : 70%;
display: none;
}
table {
font-size : 80%;
}
img {
border: none;
display: block; 
}
p{
font-size : 80%;
}
a{
font-size : 90%;
color: #0F0;
}
/* correction bug input ie */
input#civilite {
margin-right:5px;
border :transparent;
background-color : transparent;
}
input#optin {
margin-left:5px;
border : transparent;
background-color : transparent;
}
input#annonceur1 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}
input#annonceur2 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}
input#annonceur3 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}
input#annonceur4 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}
input#annonceur5 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}
input#annonceur6 {
margin-right: 5px;
border : transparent;
background-color : transparent;
}