body {
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	background: #BBB8B1;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
}

.logo {
	width: 200px;
	float: left;
}

.site {
	width: 544px;
	height: 100%;
	padding-left: 20px;
	padding-top: 10px;
	background-image: url(images/pointille.gif);
	background-repeat: repeat-y;
	float: left;
}

.deco {
	width: 250px;
	height: 100%;
	float: right;
	background-repeat: no-repeat;
}

.crea_perso {
	width: 531px;
	height: 60px;
}

.crea_perso a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/crea_perso.gif) top;
	text-decoration: none;
}

.crea_perso a:hover {
	background: url(images/crea_perso.gif) bottom;
}

.crea_pro {
	width: 531px;
	height: 60px;
}

.crea_pro a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/crea_pro.gif) top;
	text-decoration: none;
}

.crea_pro a:hover {
	background: url(images/crea_pro.gif) bottom;
}

.crea_perso a p {
	margin: 0;
	padding-top: 12px;
	padding-left: 15px;
}

.crea_perso a span.titre {
	font-size: 11px;
	font-weight: bold;
	color: #446B72;
}

.crea_perso a span.texte {
	font-size: 11px;
	color: #1A130C;
}

.crea_perso a span.autre {
	font-size: 9px;
	color: #444;
}

.crea_perso a:hover span.titre {
	color: #BDD3D6;
	text-decoration: underline;
}

.crea_perso a:hover span.texte {
	font-size: 11px;
	color: #E4E0D5;
	text-decoration: underline;
}

.crea_perso a:hover span.autre {
	color: #D5D3AD;
}

.crea_pro a p {
	margin: 0;
	padding-top: 12px;
	padding-left: 15px;
}

.crea_pro a span.titre {
	font-size: 11px;
	font-weight: bold;
	color: #446B72;
}

.crea_pro a span.texte {
	font-size: 11px;
	color: #1A130C;
}

.crea_pro a span.autre {
	font-size: 9px;
	color: #444;
}

.crea_pro a:hover span.titre {
	color: #BDD3D6;
	text-decoration: underline;
}

.crea_pro a:hover span.texte {
	font-size: 11px;
	color: #E4E0D5;
	text-decoration: underline;
}

.crea_pro a:hover span.autre {
	color: #D5D3AD;
}