@charset "iso-8859-1";

body {
	width:1000px;
	background-color: #000;
	margin:0px auto;	
	color: #cdc;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	
}

::-moz-selection {	color: #74b3d4; }

::selection { color: #74b3d4; }

a, a:link, a:visited { text-decoration: none; color: #71B669; outline:0px solid #000; }
a:hover { color: #cdc; }


/***********************/
/* Partie Tête de page */
/***********************/

	#tete {
		height:155px;
		background:url('../images/qsn/pourquoi_header.jpg') no-repeat;
	}
	
	#boutons { border:0px solid; display:inline-block; margin-left:952px; margin-top:80px; }
	#boutons h1 { position:absolute; left:-9000px; }
	#boutons a {
		display: block;
		height: 100%;
		text-indent: -9000px;
		width: 100%;
	}
	
	#boutons #retour {
		border: 0px solid;
		float:left;
		z-index: 100;
		background:url('../images/qsn/retour.jpg') no-repeat;
		background-position:top left;
		width: 30px; 
		height: 30px;
		cursor:pointer;
	}
	
	#boutons #retour:active {	background-position:top right; }
	

/***********************/
/* Partie Corps */
/***********************/

	#principale {
		z-index: 50;
		background:url('../images/qsn/pourquoi_body.jpg') repeat-y;
		
		text-align: left;
		border-collapse: separate;
		
	}
	
	#strips_wrapper {
		border:0px solid;
		width:820px;
		margin:0px auto;
		
	}
	
	.strip {
		
	}



/***********************/
/* Partie Pied de page */
/***********************/

	#pied  {
		z-index:100;
		background:url('../images/qsn/pourquoi_footer.png') repeat-y;
		height:122px;

		text-align: center;
		font-size: 10px;
		color:#004400;
	}
	#pied p {	margin:1px;	padding:0; }
	#pied a:link, #pied a:visited {	text-decoration: none;	color: #005500;	}
	#pied a:hover, #pied a:active {	text-decoration: none;	color: #007700;	}

	#pied #main {
		border: 0px solid;
		z-index: 200;
		margin:0px auto;
		margin-top:20px;
		
		background: url('../images/qsn/lien_qsn.jpg') repeat;
		background-position:top left;
		width: 92px; 
		height: 38px;
		cursor:pointer;
	}
	
	#pied #main a {
		display: block;
		height: 100%;
		text-indent: -9000px;
		width: 100%;
	}
	#pied #main:hover {
		background-position:top right;
	}