@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 {
		padding-top:80px;
	}
	
	#boutons { border:0px solid; display:inline-block; margin-left:870px; }
	#boutons h1 { position:absolute; left:-9000px; }
	#boutons a {
		display: block;
		height: 100%;
		text-indent: -9000px;
		width: 100%;
	}
	
	
	#boutons #apparence {
		border:0px solid;
		z-index:100;
		float:left;
		background:url('../images/qsn/bouton.jpg') no-repeat;
		width:55px; 
		height:30px;
		cursor:pointer;
	}
	#boutons #retour {
		border: 0px solid;
		float:left;
		z-index: 100;
		margin-left:10px;
		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;
		
		text-align: left;
		border-collapse: separate;
		
	}
	
	#tableau_fiches {
		z-index: 100;
		border:0px solid;
		margin:0px;
		margin-left:30px;
		display:inline-block;
	}

	.fiche {
		z-index: 100;
		border:0px solid;	
		position:relative;
		float:left;
		width: 460px;
		min-height: 220px;
		
		margin:7px;
		
	}
	.colonne_portrait {
		border:0px solid;	
		position:relative;
		float:left;
		text-align:center;
		width:142px;
	}
	.portrait {
		height:150px;
	}
	.colonne_description {
		border:0px solid;	
		position:relative;
		float:left;
		width:280px;
		margin:10px;
		
	}
	.colonne_description p {
		text-align:justify;
	}
	.colonne_description .bold {
		font-weight:bold;
	}
	.colonne_description .titre_rubrique {
		font-weight: bold;
		text-decoration: underline;
	}

	.conteneur_logo_portrait {
		width: 140px;
		min-width: 140px;
		height: 130px;
		min-height: 130px;
		
		text-align: center;
	}

	#mail_commun {
		border: 0px solid;
		z-index: 100;
		margin-top:510px;
		margin-left:896px;
		background:url('../images/qsn/contact.jpg') no-repeat;
		background-position:top left;
		width: 60px; 
		height: 63px;
		cursor:pointer;
	}
	
	#mail_commun a {
		display: block;
		height: 100%;
		text-indent: -9000px;
		width: 100%;
	}
	#mail_commun:hover {
		background-position:top right;
	}


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

	#pied  {
		z-index:100;
		margin:0px auto;
		margin:0px;

		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_wrapper { display:inline-block; }
	#pied #main_wrapper #space { float:left; width:52px; }
	#pied #main {
		float:left;
		border: 0px solid;
		z-index: 200;
		margin:0px auto;
		
		background: url('../images/qsn/lien_pourquoi.jpg') repeat;
		background-position:top left;
		width: 132px; 
		height: 54px;
		cursor:pointer;
	}
	
	#pied #main a {
		display: block;
		height: 100%;
		text-indent: -9000px;
		width: 100%;
	}
	#pied #main:hover {
		background-position:top right;
	}