html {
background-color: #EFEFEF;
background-image: url(../image-calculatrice-amour/degrade.jpg);
background-repeat: repeat-x;
}


body {
background-image: url(../image-offrir-cadeaux/fond.gif);
background-position: top center;
background-repeat: repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 55px 0 0 0;
padding: 0;
scrollbar-face-color: #ff0000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #ffe4eb;
scrollbar-arrow-color: #ffe4eb;
}



.h1 {
text-align: center;
margin:-10px 0 30px 0;
padding:0;
width: 100%;
}

.couple {
color: #000;
text-align: center;
}

.couple a {
color: #000;

}

.couple a:hover {
text-decoration: none;
}

#couple  ul{
margin:20px 0 20px 0;
padding:0;
list-style-type: none;
}

#couple  li {
list-style-type: none;
margin:0;
padding:0;
text-align: justify;
line-height:20px;text-align: center;
}


#couple li a{
color: #ff0000;
text-align: center;
}

#couple li a:hover{
text-decoration: none;
}



p {
margin: 0 0 10px 0;
text-align:justify;
color : #ff0000;
}

#formulaire p {
color:#ffffff;
}


img{
border:none;
}

#header {
height: 90px;
text-align:center;
}

#haut {
height: 30px;
background-color:#ff0000;
}

#hautIntro {
height: 15px;
background-color:#000;
color: #FFFFFF;
margin-bottom: 15px;
clear: both;

}

#conteneur {
border-width: 1px;
border-color: #000;
border-style: solid;
width:750px;
margin: 0 auto;
color: #FFFFFF;
background-color: #FFFFFF;
}

#contenu {
background-image: url();
background-position: bottom right;
background-repeat: no-repeat;
padding-bottom: 10px;
}

#centre {
margin-left: 5px;
margin-right: 5px;
text-align: center;
color: #000000;
background-color:#FFF5F5;
padding-left: 4px;
padding-right: 4px;
padding-top:70px;
overflow:auto;
/*height: 240px;*/
}


#menu_bas {
border:1px solid #bbb;
clear: both;
margin-right:3px;
text-align: center;
margin-left: 3px;
background-color: #F9F9F9;
height:35px;
margin-bottom:10px;
}

#droite {
border:1px solid #bbb;
margin-right: 3px;
float:right;
width: 145px;
text-align: center;
background-color: #F9F9F9;
}

#pied {
border-top-width: 15px;
border-top-color: #000;
border-top-style: solid;
clear:both;
height: 30px;
text-align:center;
padding-top: 4px;
color: #ff0000;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}

#menuhaut li {
display: inline;
}

#menuhaut a {
margin: 0 2px;
color: #ff0000;
text-decoration: underline;
}


#menuhaut a:hover {
text-decoration: none;
}

#menu_ligne{
list-style-type: none;
margin: 0;
padding: 0;
}

#menu_ligne li {
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 12px;
float: left;
}


#menu_ligne a {
float: left;
padding-top: 5px;
margin-left:24px;
font-size: 11px;
color: #ff0000;
text-decoration: underline;
}

#menu_ligne a:hover {
text-decoration: none;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}

#menudroit li {
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 12px;
}


#menudroit a {
padding-top: 5px;
display: block;
font-size: 11px;
color: #ff0000;
text-decoration: underline;
}

#menudroit a:hover {
text-decoration: none;
}

h1 {
display: inline;
float: left;
width: 449px;
color: #D80C0C;
font-size: 28px;
font-weight: bold;
text-transform: capitalize;
margin-top: 20px;
margin-bottom: 0px;
}

h1 a {
text-decoration: none;
color: #D80C0C;
}

h2 {
font-size: 15px;
color: #000;
margin-top:110px;
}

h3 {
font-size: 15px;
color: #000;
}

h4 {
font-size: 15px;
color: #000;
}


#img_gauche {
float: left;
margin-left: 0px;
}

#img_droite {
float: right;
}

#presentation {
text-align:center;
font-style:italic;
font-size: 0.7em;
color: #ff0000;
}

#xiti-logo{
margin-top:200px;
}




#calculatrice {
float:left;
margin:20px auto 25px auto;
background-image:url(../image-calculatrice-amour/calculatrice.jpg);
background-repeat:no-repeat;
background-position:top center;
height:510px;
width:100%;
color:#fff;
font-family:arial;
}


#milieu {
margin:250px 0 0 0;
}

#prenom1, #prenom3 {
color:#ccc;
margin:5px 0 0 0;
}


#prenom2, #prenom4 {
margin:15px 0 0 0px;
color:#ccc;
text-indent: -8px;
}


#bouton {
margin:15px 0 0 0px;
border:0px;
}

.submit-button {
background-image:url(../image-calculatrice-amour/bouton-a.gif);
background-repeat:no-repeat;
height:98px;
width:98px;
border:0px;
margin:9px 0 0 0;
background-color:#BB3239;
}

.submit-button:hover {
background-image:url(../image-calculatrice-amour/bouton-b.gif);
background-repeat:no-repeat;
height:98px;
width:98px;
border:0px;
background-color:#BB3239;
margin:9px 0 0 0;
}


#message {
font-weight:bold;
color:#000;
margin: 90px auto 70px auto;
width:180px;
height:90px;
text-align:justify;
font-size:14px;
}


#texteprenom {
font-weight:bold;
color:#000;
margin:110px 0 5px 0;
height:90px;
width: 404px;
float:left;
text-transform: capitalize;
z-index:10;
}

.prenom{
font-size:16px;
margin:0 0 0 248px;
z-index:10;
color:#000;
}

.plus {
font-size:18px;
margin:0 0 0 265px;
color:#000;
}

#resultat {
margin:40px 0 15px 0;
float:left;
width:89px;
height:57px;
padding:24px 0 0 0;
text-align:center;
font-weight:bold;
background-image:url(../image-calculatrice-amour/coeur.gif);
background-repeat:no-repeat;
z-index:0; 
position:relative;
}

.resultat {
margin:0;
padding:0;
}

.couple {
margin:10px 0 10px 0;
padding:0;
}

#couple  h3 {
margin:10px 0 0 0;
padding:10px 0 0 0;
}


#phrase {
text-align:center;
width:308px;
clear:both;
background-color:#000;
color:#ccc;
margin:5px auto 6px auto;
font-weight: bold;
font-size:18px;
}

#formulaire {
width: 278px;
text-align: center justify;
margin : 0 auto;
padding: 0;
line-height:12px;
position:relative;
}

#formulaire li {
text-align: left;
margin : 8px 0 0 0;
line-height:12px;
}

.formulaire-button {
margin: 12px auto;
/ margin: 10px 0 0 98px; / 
text-align: center;
width: 100px;
}