body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#004695;
	font-family:Arial, Verdana;
	font-size: 0.8em;
}

/* POLICE & ELEMENTS COURANTS
_____________ */
h1, h2 {
	color:#FFF;
}
h1 {
	margin:0 0 10px 0;
	font-size: 1.9em;
}
h2 {
	font-size:1.3em;
	margin:8px 0;

}
a, a:focus, a:visited {
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}
a img {
	border:none;
	text-decoration:none;
}
.clear {
	clear:both;
	height:0px; 
	line-height:0px;
}


/* LAYOUT
_____________ */

/* Container 
_____________ */
#all {
	width:996px;
	margin:0 auto;
	text-align:justify;
	background-image: url(../images/all-bg.jpg);
	background-repeat: no-repeat;
	background-position: left 36px;	
	background-color: #497DBA;
}

/* Bandeau
_____________ */
#bandeau {
	color: #FFFFFF;
	font-size:1.3em;
	margin:0;	
	height: 28px;
	background-color: #004695;
	padding-top: 8px;
}

/* Header 
_____________ */
#header {
	height:190px;
	/*background:url(../images/header-bg.jpg) no-repeat;*/
	position:relative;
}
	#box-logo {
		margin:19px 0 0 25px;
		float:left;
	}
		/* boutons de navigation */
		#box-navigation {
			margin:9px 0 0 55px;
			float:left;
		}
			.btn-nav {
				padding:100px 0 0 0;
				float:left;
				text-align:center;
			}
			.pense-bete {
				background:url(../images/btn-pense-bete.png) no-repeat center 20px;
				width:107px;
			}
			.liens {
				background:url(../images/btn-liens.png) no-repeat center 15px;
				width:92px;
				margin-left:50px;
			}
			.ecards {
				background:url(../images/btn-ecards.png) no-repeat center 10px;
				width:76px;
				margin-left:50px;
			}
			.pense-bete:hover {
				background:url(../images/btn-pense-bete-hover.png) no-repeat center 15px;
			}
			.liens:hover{
				background:url(../images/btn-liens-hover.png) no-repeat center 15px;
			}
			.ecards:hover {
				background:url(../images/btn-ecards-hover.png) no-repeat center 10px;
			}	
		#box-navigation a {
			text-decoration:none;
		}
		
		/* Galère de déménagement */
		#box-galere {
			position:absolute;
			right:16px;
			margin-top:-14px;
		}


/* Footer 
_____________ */
#footer {
	clear: both;
	background:#014694 url(../images/footer-bg.gif) no-repeat left -5px;
	text-align:right;
	padding:12px 0 8px 0 ;
	color:#FFF;	
}
	#footer span {
		background:#FEED00 url(../images/footer-puce-jaune.gif) no-repeat 0px center;
		padding:2px 3px 2px 25px;
		color:#005598;
		font-size:1em;
		margin-left:5px;
	}
	#footer span a {
		text-decoration:none;
		color:#005598;
		font-weight:normal;
	}
	#box-footer a,#box-footer a:focus,#box-footer a:visited {
		color:#FFF;
		font-weight:normal;
		font-size:0.85em;
		text-decoration:none !important;
	}
	#box-footer a:hover {
		text-decoration:underline !important;
	}
	#box-footer  {
		margin:6px  0 0 0;
	}


	
/* bouton standard (vert)
_________________ */
.btn {
	height:26px;
	line-height:26px;
	min-height:26px;
	max-height:26px;
	padding: 3px 0 3px 20px;
	/padding:0 0 0 20px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/btn-l.jpg) no-repeat left top;
	text-align:center;
	display:inline;
	text-decoration:none !important;
	color:#FFF;
	font-weight:bold;
}
	.btn span {
		padding:3px 20px 3px 0;
		color:#FFF;
		font-weight:bold;
		background:url(../images/btn-r.jpg) no-repeat right top;
	}

	.btn:hover {
		background:url(../images/btn-l-hover.jpg) no-repeat left top;
	}
	.btn:hover span {
		background:url(../images/btn-r-hover.jpg) no-repeat right top;
	}


/* bouton annuler
_________________ */
.cancel {
	background:url(../images/btn-wrong-l.jpg) no-repeat left top;
}
	.cancel span {
		padding:3px 20px 3px 0;
		color:#FFF;
		font-weight:bold;
		background:url(../images/btn-wrong-r.jpg) no-repeat right top;
	}

	.cancel:hover {
		background:url(../images/btn-wrong-l-hover.jpg) no-repeat left top;
	}
	.cancel:hover span {
		background:url(../images/btn-wrong-r-hover.jpg) no-repeat right top;
	}