/* CSS Document */

html, body			{ margin:0; padding:0; }
a img				{ border:none; }
body				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 70%;
						background-repeat:repeat-y; background-position:center; }


#main				{ width:872px; margin: 0 auto; padding:15px 64px; position:relative; }

/********** PERSO ************/

#perso				{ position: absolute; top:0; right:64px; background-position:right top; background-repeat:no-repeat;
						padding-right:22px; font-size:0.9em; }
#infos, #profil, #logout
					{ background-position:left top; background-repeat:no-repeat; padding:4px 10px 6px 0; float:right; }
					
#infos				{ padding-left:52px; }
#profil				{ padding-left:32px; margin:0 2px; }
#logout				{ padding-left:34px; }

#perso span			{ color:#fff; font-weight:bold; }
#perso a			{ color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; }


/********** MENU ************/

#top				{ margin-top:15px; }
#top a				{ color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.9em; margin:0 12px; }
#topMembres, #topEmplois, #topContact
					{ padding: 5px 5px; }
/* Hack IE<6 */					
* html #topMembres, * html #topEmplois, * html #topContact	{ height:1%; }
/* Fin Hack */

#topMembres			{ background-color:#594b68; }
#topMembres a:hover	{ color:#cdc9d1; }
#topEmplois			{ background-color:#bfc022; }
#topEmplois	a:hover	{ color:#ececbc; }
#topContact			{ background-color:#aa5f72; }
#topContact	a:hover	{ color:#e5cfd4; }


/********** CONTENT ************/

#content			{ background-color:#fff; padding: 20px 22px 0 22px; width:828px;
						float:left; }	/* float:left pour avoir la hauteur de son contenu */

/********** DETAILS ***********/

.details			{ padding: 0 40px; width: 100%; padding:5px; }
.details .title		{ width: 150px; font-weight: bold; }
.details tr td		{ vertical-align:top; padding: 5px 0; }
.blanc				{ background-color:#fff; }

#content .details tr td a	{ text-transform: none; }
.details .vig		{  }

	
/********** TIRES ************/
					
h1					{ text-transform:uppercase; margin-top:0; }
h3					{ font-size: 1.1em; }


/********** TEXTES ************/

#content p			{ text-align:justify; }
#content a			{ text-transform:uppercase; font-weight:bold; text-decoration:none; }
#content a:hover	{ text-decoration:underline; }

/********** IMG ************/

.icon				{ margin:0 5px; }


/********** LOGOS ************/
 
div.logos-left { background:#fff; float:left; width:230px; height:60px; padding:15px; margin-top:20px; color:#6e8698; }
div.logos-right { background:#fff; float:right; width:577px; height:60px; padding:15px; margin-top:20px; color:#6e8698; }