/* ============================================================================================== */
/*                                       general                                                  */
/* ============================================================================================== */

/*  Le corps de la page  */
body{background-color: #b1c0d3; font-family: Book Antiqua; font-size: 14px; margin: 0px; padding: 0px;}

/* Les titres */

h1{font-size: 24px; font-weight: normal; text-align: center; color: #ffffff; background-color: #758dae;	padding-bottom: 4px; margin: 0px; margin-bottom: 25px;}
h2{font-size: 20px; font-weight: normal; text-align: center; color: #1e4066; background-color: #b1c0d3;}
h3{font-size: 18px;	font-weight: bolder; text-decoration: underline; text-align: align-left; color: #1e4066; padding-top: 0px;}
h4{font-size: 18px;	font-weight: bolder; text-align: align-left; color: #1e4066; padding: 0px; margin: 0px;}
.title_list{font-size: 18px;	font-weight: normal; text-align: align-left; color: #1e4066; padding: 0px; margin: 0px;}

/* Les liens */
a img{border: none;}

/* Les listes */
ul{list-style-type: none; padding: 0px;	margin: 0px; margin-left: 25px;}

.no_bullet li{background-image: none;}
.blue_item li{background-image: url('../images/img/item_blue.png'); background-repeat: no-repeat;	background-position: 0 3px;	padding-left: 20px;}
	.blue_item a{text-decoration: none; color: #000000;}
		.blue_item a:hover{color: #758dae;}
	.blue_item ul li {background-image: none;}
.blue_bullet li{background-image: url('../images/icons/bullet_blue.png'); background-repeat: no-repeat;	background-position: 0 3px;	padding-left: 20px;}
.red_bullet li{background-image: url('../images/icons/bullet_red.png'); background-repeat: no-repeat;	background-position: 0 3px;	padding-left: 20px;}

/* Les éléments de formulaire */
label{display: block; float: left;}

textarea{width: 300px; height: 90px;}

/* Les tableaux */
table{cell-spacing: 0px;	border: 0px; border-collapse: collapse;	width: 100%;}
	table tr td{padding: 0px 10px; vertical-align: top;	font-size: 13px; padding: 5px;}
	table tr th{background-color: #758dae; color: #ffffff; font-weight: bold; padding: 2px 10px; }
	table li{background-image: url('../images/icons/bullet_blue.png'); background-repeat: no-repeat;	background-position: 0 3px;	padding-left: 20px;}

.table_auto{width: auto; margin: auto;}

/* Coloration des lignes */
.table_pair{background-color: #b1c0d3;}
.table_impair{background-color: #dde3ec;}
.th{background-color: #758dae; font-weight: bolder;	color: ##0f1f31; padding: 2px 10px;}
/* Tableau de résultats */	
.prot_line{background-color: #b1c0d3; font-weight: bold;  border-top:solid #ffffff;}
	.prot_line td p{vertical-align: middle; font-weight: bolder; color: #1e4066;}

	
/* les cadres */
.frame{padding: 15px; border-style: ridge; border-color: #6d8aad; background-color: #b1c0d3; overflow:auto}

/* ============================================================================================== */
/*                         Les classes d'alignement / Position                                    */
/* ============================================================================================== */

/* les div */
.left{float: left; width: 50%;}
.right{float: right;}
.center{margin: auto;}
.clear{clear: both;}

/* le texte */
.align_left{text-align: left;}
.align_right{text-align: right;}
.align_center{text-align: center;}
.justify{text-align: justify;}

/* type du texte */
.bold{font-weight: bolder;	color: #1e4066;} 
.color_red{color: #ff0000;}
.newdata{font-weight: bolder; color: #6dba70}
.update{font-weight: bolder; color: #0080ff;}
.blink{text-decoration: blink;}
.inactive{color: blink;}
.underline{text-decoration: underline;}



/* ============================================================================================== */
/*                                       Header                                                   */
/* ============================================================================================== */
#page_header {height: 94px;	width: 100%; min-width: 1000px; color: #1e4066; background-image:url(../images/img/header_blue.gif);}
	/* Les liens du header */
	#page_header a{text-decoration: none; color: #1e4066;}
	#page_header a:hover{color: #5d718b;}

/* Les div du header */
#header_top{height: 58px; width: 1000px; margin: auto;}
#header_left{width: 500px;float: left;}
#header_right{width: 500px; text-align: right; float: right;}



/* ============================================================================================== */
/*                                    Menu horizontal                                             */
/* ============================================================================================== */
#page_menu{height: 30px; width: 1000px;	margin: auto;}
	/* la liste de liens */
	#page_menu ul {margin: 0px; padding: 0px;}
	#page_menu  li{display: inline;}
		#page_menu ul li a{	display:block; float: left;	color: #1e4066;	padding: 4px 12px; text-decoration: none; font-weight : bolder;	font-size: 16px;}
			#page_menu ul li a:hover{color: #ffffff; background-color: #758dae;}
			#page_menu ul li a:active{color: white;	background-color: #5d718b;}



/* ============================================================================================== */
/*                                 Page centrale                                                  */
/* ============================================================================================== */
#page{background-color: #e5e5e5; min-height: 500px;	min-width: 1000px; padding: 10px;}
#content{ width: 1000px; margin: auto;}



/* ============================================================================================== */
/*                                       Footer                                                   */
/* ============================================================================================== */
#page_footer{height: 137px; width: 100%; min-width: 1000px; background-image:url(../images/img/footer_blue.gif); padding: 0;}
	#page_footer  ul{text-align: center;}
		#page_footer  li{display: inline; margin: auto;}

/* Les contacts */
#contacts{height: 30px;	width: 1000px; margin: auto; margin-bottom: 35px; padding-top: 12px;}
	#contacts a{text-decoration: none; color: #1e4066; font-weight : normal;}
			#contacts a:hover{color: #5d718b;}
			#contacts a:active{color: white;	background-color: #5d718b;}
			
/* Les logos  */
#logos{width: 1000px; height: 45px; margin: auto; clear: both;}
	#logos a{display:inline; margin: 0 45px;}

#user_help{vertical-align:middle;}



/* ============================================================================================== */
/*                            Formulaire de recherche                                             */
/* ============================================================================================== */

/* Partie Proteins features */ 
#prot_left{width: 300px; border-right: 1px solid #b1c0d3;}
	#prot_left select {width: 150px;}
	#prot_left input {width: 270px;}
	#prot_left label{	width: 30px; text-align: center;}
#prot_right{width: 670px; padding-bottom: 10px;}
	#prot_right select{width: 510px;}

/* Partie Papers */
#papers_query{clear: both;}
#paper_left{width: 550px; border-right: 1px solid #b1c0d3;}
	#paper_left  select {width: 400px;}
	#paper_left  input{width: 400px;}
	#paper_left  label{width: 70px;}
#paper_right{width: 400px; padding-bottom: 20px;}
	#paper_right label{width: 50px;}
	#paper_right   input{width: 50px;}

/* Partie Pathologies / Modulation nutritionnelle */
#patho_query{clear: both; margin-bottom: 10px;}
#patho_left{width: 200px;}
#patho_right{width: 800px;}

/* ============================================================================================== */
/*                                 Tableau de résultats                                           */
/* ============================================================================================== */

/* Navigation de page en pages */
#pages_link  ul{text-align: center;}
	#pages_link  li{display: inline; margin: auto;}


/* ============================================================================================== */
/*                            Formulaire d'ajout de données                                       */
/* ============================================================================================== */
#addprot_form{clear: both;}

/* Classes de formulaires */
.blue_frame{border: 1px solid #758dae; background-color: #b1c0d3; width: 100%; margin: auto;}
.add_data{}
	.add_data input{width: 250px;}
	
/* Les tailles des labels */
.w_0  input{width: 0px;}
.w_120  label{width: 120px; text-align: center;}
.w_150  label{width: 150px; margin: auto;}
.w_200  label{width: 200px; margin: auto;}

/* Les tailles des div */
.center_300{margin: auto; width: 300px;}
.left_500{width: 500px;	float: left; text-align: left;}
.right_500{width: 500px; float: right; text-align: left;}
.left_250{width: 25%; float: left;}
.left_300{width: 33%; float: left;}

/* Les classes pour les input spéciaux */
.next_step{text-align: right; clear: both;}
.year{width: 50px;}
.full_size{width: 100%;}



/* ============================================================================================== */
/*                                    Messages d'erreur                                           */
/* ============================================================================================== */
legend {position:relative;top: -15px;}

fieldset{margin: 10px; 0px;}
fieldset.information{border: 1px dotted #758dae; color: #000000; background-color: #cbd6e2; margin-bottom: 10px;}
fieldset.warning{border: 1px dotted #ff8282; color: #000000; background-color: #f8c7c8; margin-bottom: 10px;}