/********************
* Éléments généraux *
********************/
	body { background: #BF7A40; color: #FFFFFF; font-size: 12px; font-family: "Bitstream Vera Sans", "Arial", sans-serif; text-align: center; }
	table { font-size: 12px; font-family: "Bitstream Vera Sans", "Arial", sans-serif; color: #84512C; }
	img { border: 0px none #000000; }
	div.separator { height: 15px; background-color: #BF7A40; }
	div.separator2 { height: 15px; background-color: #FEFEC3; }
	div.button { margin-right: 11px; clear: both; }
	div.infos { color: #000000; }
	fieldset { border: 1px solid #C68D2F; padding: 5px; }
	ol li { margin: 0.5em 0px 0.5em 0px; }
	h1 { font-family: Georgia, "Times New Roman"; font-size: 18px; font-weight: bold; }
	dt { clear: both; float: left; width: 100px; text-align: right; margin: 0.5em 0 0.5em 0; font-style: italic; }
	dd { float: left; margin-top: 0.25em; margin-left: 0.5em; }
	dt.small { width: 62px; }
	ul { list-style-type: square; margin-left: 0px; margin-bottom: 1.0em; padding-left: 0px; list-style-position: inside; font-weight: bold; }
	li ul { list-style-type: disc; margin-left: 0px; padding: 0.5em 0 0 2.0em; font-weight: normal; }
	ul li { margin-top: 0.25em; }

	#global { width: 770px; margin: 0 auto; color: #5C8D54; min-height: 650px; background-color: #FFFEC3; text-align: left; }
	
	.clear { clear: both; font-size: 1px; height: 0px; }
	.liste { float: right; font-style: italic; font-size: 11px }
	
/**************************************************
* Gestion des messages d'erreur et d'informations *
**************************************************/
	.msg_error, .msg_no_error { left: 0px; top: 0px; padding: 0px; position: absolute; background-color: #FFFFFF; opacity: 0.85; }
	.msg_error { border: 2px ridge #84512C; color: #000000; }
	.msg_button { margin-top: 5px; padding: 3px; }
	.msg_content { padding: 3px; }
	.msg_title { text-align: left; background: url("../pictures/msg_header_background.gif"); padding: 3px; font-weight: bold; letter-spacing: 2px; }
	
/**************************
* Éléments de formulaires *
**************************/
	input, textarea, select { border: 1px solid #84512C; background-color: #FEFEE0; font-family: "Bitstream Vera Sans", "Arial", sans-serif; font-size: 12px; color: #B8713D; }
	input.number { text-align: right; }
	input[type=button], input[type=submit] { border: 2px ridge #84512C; font-weight: bold; }
	input.radio { border: 0px none #000000; background-color: #E3C289; padding: 0px; }
	legend { font-weight: bold; }
	label.checkbox { vertical-align: 2px; }
	.radiobox { vertical-align: 3px; }
	
	/* Traitement personnalisé des uploads de fichier: */
	.upload { position: relative; margin-top: 0px; }
	.fake_file { position: absolute; top: 0px; left: 0px; z-index: 1; }
	.fake_file div { float: left; }
	.fake_file div img { margin-left: 3px; }
	input.file { position: relative; opacity: 0.0; z-index: 2; }

/***********************************************************
* Gestion du header de la page: c'est la zone qui contient *
* le menu principal, le contrôle de recherche, etc.		   *
***********************************************************/
	#header 		{ width: 770px; background: #84512C url("../pictures/banniere.jpg") no-repeat top right; background-position: 75% 100%; color: #FEFEC3; }
	#header_content { height: 80px; }
	#header_top_right, #header_top_left, #header_bottom_right, #header_bottom_left {
		height: 10px; 
		width: 10px;
		background-repeat: no-repeat;
		font-size: 1px;
	}
	#header_top_right 	 { background: url("../pictures/corner_brown_top_right.gif"); float: right; }
	#header_top_left 	 { background: url("../pictures/corner_brown_top_left.gif"); }
	#header_bottom_right { background: url("../pictures/corner_brown_bottom_right.gif"); float: right; }
	#header_bottom_left  { background: url("../pictures/corner_brown_bottom_left.gif"); }
	#subtitle			 { font-style: italic; padding-left: 50px; }
	#searchbox			 { float: right; font-size: 11px; margin-top: 7px; }
	#searchbox input	 { font-size: 11px; border: 1px solid #000000; background-color: #FEFEE0; font-family: "Bitstream Vera Sans", "Arial", sans-serif; }
	
/********************************
* Les onglets du menu principal *
********************************/
	#header2 			 		{ background-color: #84512C; color: #FEFEC3; }
	#header_menu		 		{ margin-left: 5px; }
	.onglet_left div, .onglet_left, .onglet_right div, .onglet_right, .onglet_center {
		height: 10px;
		width: 100%;
		font-size: 1px;
	}
	.onglet_right 		 		{ background: url("../pictures/corner_black_top_right.gif") no-repeat top right; }
	.onglet_left 		 		{ background: url("../pictures/corner_black_top_left.gif") no-repeat top left; }
	.onglet_outline 	 		{ background-color: #5E3A20; color: #FEFEC3; width: 110px; float: left; text-align: center; }
	.onglet_content_left	 	{ padding-left: 5px; padding-right: 5px; margin-bottom: 8px; overflow: hidden; border-right: 1px solid #000000; }
	.onglet_content_center	 	{ padding-left: 5px; padding-right: 5px; margin-bottom: 8px; overflow: hidden; border-left: 1px solid #84512C; border-right: 1px solid #000000; }
	.onglet_content_right	 	{ padding-left: 5px; padding-right: 5px; margin-bottom: 8px; overflow: hidden; border-left: 1px solid #84512C; }
	.onglet_courant				{ font-weight: bold; color: #FEFEC3; letter-spacing: 1px; }

/************************************************
* Petits onglets utilisés pour les autres pages *
************************************************/
	.small_onglet_left div, .small_onglet_left, .small_onglet_right div, .small_onglet_right, .small_onglet_center,
	.small_onglet_left_current, .small_onglet_right_current, .small_onglet_center_current {
		height: 8px;
		width: 100%;
		font-size: 1px;
	}
	
	.small_onglet_outline_current	{ background-color: #E3C289; width: 100px; float: left; text-align: center; font-size: 11px; border-bottom: 1px solid #DAAD63; font-weight: bold; color: #84512C; }
	.small_onglet_left_current		{ background: url("../pictures/corner_brown2_top_left.gif") no-repeat top left; }
	.small_onglet_right_current	 	{ background: url("../pictures/corner_brown2_top_right.gif") no-repeat top right; }
	.small_onglet_outline 	 		{ background-color: #84512C; color: #FEFEC3; width: 100px; float: left; cursor: pointer; text-align: center; font-size: 11px; border-bottom: 2px solid #5E3A20; }
	.small_onglet_right 		 	{ background: url("../pictures/corner_onglet_top_right.gif") no-repeat top right; }
	.small_onglet_left 		 		{ background: url("../pictures/corner_onglet_top_left.gif") no-repeat top left; }
	.small_onglet_content_left	 	{ padding-left: 3px; padding-right: 3px; margin-bottom: 4px; overflow: hidden; border-right: 1px solid #000000; }
	.small_onglet_content_center	{ padding-left: 3px; padding-right: 3px; margin-bottom: 4px; overflow: hidden; border-left: 1px solid #DAAD63; border-right: 1px solid #000000; }
	.small_onglet_content_right	 	{ padding-left: 3px; padding-right: 3px; margin-bottom: 4px; overflow: hidden; border-left: 1px solid #DAAD63; }
	.small_onglet_courant			{ font-weight: bold; color: #FEFEC3; letter-spacing: 1px; }
	.small_onglets 					{ margin-left: 8px; }

/************************************
* Zone de texte centrale de la page *
************************************/
	.main_top div, .main_top, .main_bottom div, .main_bottom { height: 10px; width: 100%; font-size: 1px; }
	.main_top 		 { background: url("../pictures/corner_white_top_right.gif") no-repeat top right; }
	.main_top div 	 { background: url("../pictures/corner_white_top_left.gif") no-repeat top left; }
	.main_bottom 	 { background: url("../pictures/corner_white_bottom_right.gif") no-repeat top right; }
	.main_bottom div { background: url("../pictures/corner_white_bottom_left.gif") no-repeat top left; }
	#main 			 { width: 770px; }
	.main_content 	 { min-height: 480px; }

/******************************************
* Gestion du pied de page qui contient le *
* copyright et deux trois autres trucs    *
******************************************/
	#footer { margin: auto; text-align: center; width: 770px; background-color: #FFFEC3; font-size: 12px; }
	#footer_box { background-color: #E3C289; color: #84512C; padding-top: 5px; margin: 0px 8px 0px 8px; }
	
/*****************************************
* Une boîte de texte arrondie quelconque *
*****************************************/
	.box_bottom div, .box_bottom, .box_top div, .box_top { height: 10px;  width: 100%; font-size: 1px; }
	.box_top 		{ background: url("../pictures/corner_brown2_top_right.gif") no-repeat top right; }
	.box_top div 	{ background: url("../pictures/corner_brown2_top_left.gif") no-repeat top left; }
	.box_bottom 	{ background: url("../pictures/corner_brown2_bottom_right.gif") no-repeat bottom right; }
	.box_bottom div { background: url("../pictures/corner_brown2_bottom_left.gif") no-repeat bottom left; }
	.box 			{ background-color: #E3C289; margin: 8px; color: #84512C; }
	.box_content 	{ margin: 5px; }
	
/********************************
* Contenu des différentes pages *
********************************/
	/* -- Page d'accueil -- */
	#accueil_last, #accueil_last_header { float: left; width: 365px; } /* @ 365px à la place de tous les 361px */
	#accueil_best, #accueil_best_header { float: left; width: 365px; }
	#accueil_profile { float: left; width: 365px; }
	#accueil_best_header { margin-left: 16px; }
	#accueil_last_header { margin-left: 8px; }
	#accueil_last { clear: left; }
	#accueil_login { float: left; width: 365px; }
	#activation { margin: auto; width: 365px; }
	#historique { margin: auto; width: 530px; }

	/* -- Page d'ajout d'une nouvelle critique -- */
	#critique_form { float: left; width: 450px; }
	#critique_title { margin-left: 8px; float: left; width: 424px}
	#critique_help, #critique_intro { float: right; width: 288px; }
	#critique_paiement, #critique_paiement_commentaires { float: left; }
	#critique_paiement_commentaires { margin-left: 8px; }
	div.days { float: left; width: 75px; margin-top: 3px; text-align: right; font-style: italic; }
	div.days2 { float: left; }
	fieldset.critics { width: 408px; }
	#notes_service label { vertical-align: 3px; }
	#notes_cuisine label { vertical-align: 3px; }
	#notes_ambiance label { vertical-align: 3px; }
	#notes_service { width: 185px; }
	#notes_cuisine { width: 185px; }
	#notes_ambiance { width: 185px; }
	#critique_links { float: left; width: 25px; margin-top: 15px; text-align: right; margin-right: 0px; }
	#contextual_help { text-align: left; }
	
	/* -- Profil utilisateur -- */
	#userprofile { float: left; width: 630px; }
	#user_fiches { float: left; width: 630px; }
	#user_profile_header, #user_fiches_header { float: left; width: 555px; margin-left: 8px; }
	#user_profile_links { float: left; width: 75px; margin-top: 15px; text-align: right; margin-right: 0px; }
	dl.profile dt { clear: both; float: left; width: 150px; text-align: right; margin: 0.25em 0 0.25em 0; font-style: italic; }
	dl.profile dd { margin-top: 0.25em; color: #000000; width: 364px; }
	
	/* -- Consultation des restaurants -- */
	#list_title { float: left; margin-left: 8px; width: 404px; }
	#list_title_large { float: left; margin-left: 8px; width: 505px; }
	#list_title_xlarge { float: left; margin-left: 8px; width: 630px; }
	#liste { float: left; margin-left: 8px; width: 530px; }
	#liste_large { float: left; margin-left: 8px; width: 630px; }
	#liste_xlarge { float: left; margin-left: 8px; width: 755px; }
	dl.fiche dt { clear: both; float: left; width: 100px; text-align: right; margin: 0.25em 0 0.25em 0; font-style: italic; }
	dl.fiche dd { margin-top: 0.25em; color: #000000; width: 414px; }
	table { border: 1px none #000000; padding: 0px; margin-top: -0.25em; }
	td { text-align: center; border-right: 1px solid #DBAC63; border-bottom: 1px solid #DBAC63; }
	th, th.row_header { text-align: center; font-weight: bold; border-bottom: 1px solid #DBAC63; border-right: 1px solid #DBAC63; border-top: 1px solid #DBAC63; }
	th.row_header { border-left: 1px solid #DBAC63; border-top: 0px none #DBAC63; text-align: left; }
	th.col_header { border-top: 1px solid #DBAC63; }
	#opening td, #opening th { width: 30px; }
	#payments td, #payments th { width: 60px; }
	#consulter_content ul { list-style-type: none; margin-left: 0px; padding-left: 0px; list-style-position: inside; font-weight: bold; }
	#consulter_content ul li { margin-top: 0.5em; }
	#consulter_links { float: left; width: 125px; margin-top: 15px; text-align: right; margin-right: 0px; }
	#photos { float: right; width: 200px; }
	
	/* -- Messagerie -- */
	#messagerie_title { float: left; margin-left: 8px; width: 404px; }
	
	/* -- Historique -- */
	dl.historique dt { clear: both; width: 100px; text-align: right; margin: 0.25em 0em 0.25em 0; font-style: italic; }
	dl.historique dd { clear: both; margin-bottom: 0.25em; color: #000000; width: 510px; }
	dl.historique ul { margin-bottom: 1.0em; font-weight: normal; }
	
	div.tooltip { background-color: #FFFFFF; color: #000000; text-align: left; padding: 3px; opacity: 0.85; display: none; border: 1px solid #444444; cursor: pointer; }
	div.tooltip_title { font-weight: bold; }
	div.tooltip_address { margin-top: 3px; }
	
/********************
* Gestion des liens *
********************/
	a { color: #444444; border-bottom: 1px solid #D8A756; text-decoration: none; }
	a:hover { color: #000000; border-bottom: 1px solid #84512C; text-decoration: none; }
	a.onglet { color: #C5B989; text-decoration: none; border-bottom: 0px none #000000; }
	a.onglet:hover { color: #FEFEC3; text-decoration: underline; border-bottom: 0px none #000000; }
	a.image { border-bottom: 0px none #000000; }
	a.image:hover { border-bottom: 0px none #000000; }
	a img { border: 1px solid #D8A756; opacity: 0.5; padding: 1px 2px 2px 1px; }
	a:hover img { border: 1px solid #84512C; opacity: 1.0; padding: 2px 1px 1px 2px; }
	a.anchor { border-bottom: 0px none #000000; }