@font-face {
    font-family: toulinfo;
    src: url(toulinfo.ttf);
}


p, div, span
{
	font-family:arial;
	color:#555555;
}


h1
{
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	color:#555555;
}


h2
{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#555555;
}

h3
{
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	color:#555555;
}


img
{
	border:0px;
}


body

{
	font-family: toulinfo;
	margin: auto;
	width:800px;
}



.recette

{

	text-align:justify;

	margin-left:20px;

	margin-right:20px;

}



#ingredient

{

	float: left;

	width: 100%;

	list-style-type: none;

	

}



#ingredient div

{

	float: left;

	width: 50%;

	margin: 0;

	border: 0;	

	line-height: 15px;

	font-size:0.9em;

	display: block;

	text-decoration: none;

}

#ingredients div, img

{

float:right;

}


.titre2

{

	font-family:arial;

	font-size:16px;

	font-weight:bold;

	color:#555555;

	margin-bottom: 4px;

}



.petite_indication

{

	font-family:arial;

	font-size:12px;

	color:#555555;

	margin-bottom: 2px;

}



.erreur

{

	font-family:arial;

	color:red;

	font-weight: bold;

}



.resume_bloc

{

	margin-bottom: 30px;

	text-align: justify;

}



.resume

{

	margin-bottom: 15px;

	text-align: justify;

}



/***********/

/* Les blocs */

/***********/

#corps

{

	float:left;

	z-index:10;

	margin-top: 10px;

	border: 1px solid black;  

	width: 800px;

	background-color: #F5F5F5;

}



#entete
{
	float:left;
	margin-right:auto;
	margin-left:auto;
	z-index: 10;
	width: 800px;
	text-align : center;
} 



#menu_haut

{

	position: relative;

	height : 30px;

	z-index:10;

	width:800px;

}



#principal
{
	font-family: toulinfo;
	position: relative;
	min-height: 400px;
	width: 100%;
	padding-left:5px;
	padding-top:5px;
	text-align: center;
}



#menubas

{

	position: relative;

	clear:both;

	height : auto;

	width :100%;

	text-align : center;

}







/***********************/

/* Mise en forme des liens */

/***********************/

a:link

{

	color: #708090;

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

	border:none ;

}





a:visited

{

	color: #708090;

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

	border:none ;

}



a:hover

{

	color:#B0C4DE;

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

	border:none ;

}



a:active

{

	color:#B0C4DE;

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

	border:none ;

}







/********/
/* Menu */
/********/

#menunav 
{
	float: left;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;	
	list-style-type: none;
	margin-left : 1px;
}



#menunav li 
{
	float: left;
	width: 399px !important; /* largeur de chaque cellule */
	width: 155px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 0.9em;
	display: block;
	text-decoration: none;
	background-color: white;
}



ul,li,#menunav a 

{

	display:block;

	margin:0;

	padding:0;

	border:0;




}

	

li.rubrique>ul 

{ 

	left:140px; 

} /* others */



#menunav a 

{

	font-weight:bold;

	padding:2px;

	font-size:150%;
	text-decoration:none;
	

	color: #0099df; /* couleur de police des menus et sous-menus non survolés */

	/* font-weight:bold; */

	border: 1px solid white;
	



	}

	

li>#menunav a 

{ 

	width:auto; 

} 







li  a.first-rub 

{
	height:25px;


	background-color: #f49600;	/* couleur de fond des rubriques*/


}



li  a.second-rub 

{

	font-size:1em;

	background-color: #333333; /* couleur de fond des sous-menu*/

}



/*

a:hover 

{

	border: 1px solid blue;

}

*/	

li.rubrique a:hover 

{

	color: red; /* couleur des polices  des sous-menu survolés */

	background-color: #666666; /*couleur de fond des sous-menus survolés */

	border: 1px solid gray;

}

	



li a.first-rub:hover 

{

	color: white; /* couleur de police des rubriques survolées  */

	background: #666666;	/* couleur de fond de la rubrique survoléé */

}

	

li.rubrique:hover 

{ 

	z-index:20; 

}

		

ul ul, li:hover ul ul 

{

	display:none;

}



li:hover ul, li:hover li:hover ul 

{

	display:block;

}		









/*************/

/* Formulaire */

/*************/



.tableau_formulaire

{

	border: none;

}



.formulaire

{

	width:600px;

	text-align: center;

	margin-left:auto;

	margin-right:auto;

}





.ligne_saisie

{

	width:600px;

	text-align: left;

	margin-left:auto;

	margin-right:auto;

	margin-top:2px;

	margin-bottom:2px;

}





.formulaire_legendes

{

	float:left;

	width:298px;

	margin-right:2px;

	text-align: right;

	display: inline;

}



/*

.formulaire_controles

{

	float:right;

	width:290px;

	text-align: justify;

	min-height: 20px;	

}



.formulaire_controles

{

	width:290px;

	text-align: left;

	display: inline;

}

*/





.formulaire_boutons

{

	width:600px;

	text-align: center;

	margin-left:auto;

	margin-right:auto;

	padding-top:6px;

	padding-bottom:6px;

	padding-left:6px;

	padding-right:6px;

}





select.long, input.long

{

	width:200px;

	min-width:200px;

	max-width:300px;

	text-align: left;

}





select.moyen, input.moyen

{

	width:120px;

	min-width:120px;

	max-width:300px;

	text-align: left;

}





select.court, input.court

{

	width:50px;

	min-width:50px;

	max-width:300px;

	text-align: left;

}