/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:99%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
	background:#FFFFFF;
	font-family:Arial,sans-serif;
	height:99%;
}
/* Style pour afficher les résultats dans chaque page */
#resultat{
	background:#EFD80A;
	font-size:25px;
	font-family:Giddyup Std, Comic Sans MS;
	font-weight:bolder;
	width:500px;
	height:400px;
}

#td_resultat{
	background:#EFD80A;
	font-size:25px;
	font-family:Giddyup Std, Comic Sans MS;
	font-weight:bolder;
	text-align:center;
	}
	
#resultat_bottom{
	background:#EFD80A;
	font-size:20px;
	font-family:Giddyup Std, Comic Sans MS;
	font-style:italic;
	width:500px;
	height:20px;
}

#main{
	position:relative;
	left:50%;
	width:1024px;
	margin:0;
	padding:0;
	margin-left:-500px;
	top:0px;
}



#header {
		position:relative;
		padding: 0;
		width:1024px;
		height:130px;
		background-image:url(/public/images/header.png);
		background-repeat:no-repeat;
}
#header:hover {
		cursor: pointer;
}


#body1 {
		position:relative;
		padding: 0;
		height:50%;
		width:78%;
		background-color:#F00;
		float:left;
}


/******************************************/
/***************MENU***********************/
/******************************************/
#menu {
	height:100%;
	background-color:#F00;
	width:22%;
	top:0px;
	font-weight:bolder;
	font-size:13px;
	float:left;
}
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu ul li {
	padding:0;
	text-align:left;
	margin-left:25px;
	padding-top:15px;
	list-style-type:none;
}

#menudiv:hover{
margin-left:10px;
}





#esperance {
		position:absolute;
		top:20px;
		left:75px;
		height:320px;
		width:298px;
		background:transparent url(public/images/ton-esperance-de-vie.png) no-repeat;
		background-position:0px 0px;
		z-index:1;
		cursor:pointer;
}
#esperance:hover {
		position:absolute;
		top:20px;
		left:75px;
		height:320px;
		width:298px;
		background:transparent url(public/images/ton-esperance-de-vie.png) no-repeat;
		background-position:0px -320px;
		z-index:10;
		cursor:pointer;
}
#compatibilite {
		position:absolute;
		top:20px;
		left:325px;
		height:328px;
		width:309px;
		background:transparent url(public/images/compatibilite-amoureuse.png) no-repeat;
		background-position:0px 0px;
		z-index:1;
		cursor:pointer;
}
#compatibilite:hover {
		position:absolute;
		top:20px;
		left:325px;
		height:328px;
		width:309px;
		background:transparent url(public/images/compatibilite-amoureuse.png) no-repeat;
		background-position:0px -328px;
		z-index:10;
		cursor:pointer;
}
#amouroscope {
		position:absolute;
		top:300px;
		left:50px;
		height:293px;
		width:260px;
		background:transparent url(public/images/amouroscope.png) no-repeat;
		background-position:0px 0px;
		z-index:1;
		cursor:pointer;
}
#amouroscope:hover {
		position:absolute;
		top:300px;
		left:50px;
		height:293px;
		width:260px;
		background:transparent url(public/images/amouroscope.png) no-repeat;
		background-position:0px -293px;
		z-index:10;
		cursor:pointer;
}
#nbenfant {
		position:absolute;
		top:300px;
		left:250px;
		height:294px;
		width:257px;
		background:transparent url(public/images/combien-d-enfant.png) no-repeat;
		background-position:0px 0px;
		z-index:1;
		cursor:pointer;
}
#nbenfant:hover {
		position:absolute;
		top:300px;
		left:250px;
		height:294px;
		width:257px;
		background:transparent url(public/images/combien-d-enfant.png) no-repeat;
		background-position:0px -294px;
		z-index:10;
		cursor:pointer;
}
#exlove {
		position:absolute;
		top:300px;
		left:450px;
		height:258px;
		width:219px;
		background:transparent url(public/images/ton-ex-t-aime-t-il-toujours.png) no-repeat;
		background-position:0px 0px;
		z-index:1;
		cursor:pointer;
}
#exlove:hover {
		position:absolute;
		top:300px;
		left:450px;
		height:258px;
		width:219px;
		background:transparent url(public/images/ton-ex-t-aime-t-il-toujours.png) no-repeat;
		background-position:0px -258px;
		z-index:10;
		cursor:pointer;
}



#footer {
		position:relative;
		top:5px;
		text-align:right;
		position:relative;
		margin: 0 0 0 0%;
		padding-top:5px;
		width:1024px;
		height:20px;
		font-size:14px;
		text-align:center;
		background-color:#F00;
}

#footer a{
		color:#3C1C09;
		text-decoration:none;
}

.retab {
		clear:both;
}

/************************
         TABLES
************************/
TD.TDentete{
	text-align:right;	
	font-weight:bolder;
}
TD.TDValeur{
	text-align:left;
}
TD.submit{
	text-align:left;	
}




/************************
		INPUT
************************/
/*input[type=text] {
	background:transparent url(public/images/inputText.png) no-repeat;
	height:25px;
	width:175px;
	border:none;
	vertical-align:middle;
	font-size:18px;
	font-weight:bolder;
}*/

input[type=submit] {
	background:transparent url(public/images/btn-valider-rouge.png) no-repeat;
	height:40px;
	width:200px;
	border:none;
	vertical-align:middle;
	font-size:18px;
	font-weight:bolder;
	cursor:pointer;
	margin-left:35%;
}



/************************
       LIENS             
************************/
A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none; color: black;}
A:hover {text-decoration: none; color: black;}

/************************
          H1             
************************/
H1 {
		font-size:18px;
}

.worldwrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
}