body {
	font-family: "century gothic", Helvetica, Arial, Verdana, sans-serif;
	background-color: #F7931E;
	color: white;
	text-align: center;
}

a {
	color: white;
	text-decoration: none;

}
a:hover{
	text-decoration: underline;
}


.wrapper{
	margin: 0 auto;
	width: 800px;
}

.contenu {
	background-image: url(stressant.png);
	height: 600px;
	width: 800px;

}


.contenu_aleatoire {
	width: 375px;
	margin: 0 auto;
	text-align: left;
	font-weight: bold;
	padding-top: 270px;
}

.contenu_aleatoire_bouton {
	text-align: right;
}


.envoyer {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	color: #79cbed;
	background: none;
	border: 0px;
}

a:hover input.envoyer{
	cursor: pointer;
}

#categories {
	padding-right: 20px;
	padding-left: 20px;
}

.contenu_aleatoire_categorie p{
	float: left;
	width: 150px;
	margin-bottom: 5px;
	line-height: 20pt;	
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 30px 0 0;
	background: url(checkbox.gif) no-repeat;	
	clear: left;
	
}

.radio {
	background: url(radio.png) no-repeat;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

.idee_perso {
	padding-top: 50px;
}

.idee_perso a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 1.3em;
}

.idee_perso a:hover{
	text-decoration: underline;
	
}

.credit p{
	font-size: 0.7em;
	padding-top: 45px;
	text-align: center;
	bottom:0;
}