/*ARINI Jean-Michel                                       Site web épices    */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*initialisation des balises*/
*	{ 	margin : 0; padding	: 0;	}

ul	{ 	list-style-type : none; 	}

a	{ 	text-decoration : underline; color : #444444;}
	
img
{
	border-color : #444444;
}	
img.noborder
{
	border : none;
}



body
{
	margin				:	0px;
	padding				:	10px 0px 0px 0px;
	width				:	100%;
	height				:	100%;
	font-family			:	Arial, sans-serif;
	font-size			:	12px;
	color				:	#2D1000;
	font-weight			:	normal;
	font-style			:	normal;
	background-image	:	url('../graph/a1024x768/fond.png');
	background-repeat	:	repeat-x;
	background-color	:	#FFFFFF;
	
	
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*page generale*/
div.page_gene
{
	margin				:	auto;
	padding				:	0px;
	width				:	950px;
	height				:	auto;
	text-align			:	center;
	clear : both;
	
}

/*------------------------------------------------Tete de page------------------------------------------------------------------------------------------------*/
div.tetedp
{
	margin				:	0px;
	padding				:	0px;
	width				:	100%;
	height				:	150px;
	text-align			:	left;
	clear : both;
	
}

div.listpaie
{
	margin				:	1px;
	padding				:	0px;
	width				:	100%;
	height				:	auto;
	text-align			:	right;
	clear : both;
	
}

img.logo
{
	display : block;
	float : left;
	border-style : none;
}

div.esp_com
{
	float : right;
	width				:	750px;
	height				:	140px;
	border-style : solid;
	border-width : 1px 2px 1px 2px;
	border-color : #2D1000;
	background-image	:	url('../graph/a1024x768/esp_com.png');
	background-repeat	: 	repeat-x;
	text-align : center;
	padding-top : 10px;
}

div.player
{
	margin : 15px;
}

/*-----------------------------------------------menu gene------------------------------------------------------------------------------------------------*/
div.menu_gene
{
	clear 				: 	both;
	height : 20px;
	margin : 6px auto 0px auto;
}



ul.menu_gene
{
	position : relative;
}


ul.menu_gene li
{
	float				:	left;	
	background-image	:	url('../graph/a1024x768/bout_m_gene.png');
	background-repeat	: 	repeat-x;
	
	width				:	auto;
	height				:	15px;
	text-align			:	center;
	font-size			:	12px;
	margin-right :  5px;
	padding : 2px;
	font-weight : bold;
	
	border-style : solid solid none solid;
	border-width : 1px;
	border-color : #2D1000;
}

ul.menu_gene li.plus1
{
	background-image	:	url('../graph/a1024x768/bout_m_gene3.png');
	
}

ul.menu_gene li.non_lieng
{
	background-image	:	url('../graph/a1024x768/bout_m_gene2.png');
	color : #2D1000;
}

ul.menu_gene li:hover 
{
	background-image	:	url('../graph/a1024x768/bout_m_gene2.png');
}

ul.menu_gene li:hover ul
{
	visibility:visible;

}

ul.menu_gene li:hover a.lien_menu_gene
{
	color : #2D1000;
}

a.lien_menu_gene
{
	color : #FFFAAD;
	text-decoration : none;
	display : block;
	float 				: 	none;
}

a.lien_menu_gene2
{
	color : #2D1000;
	text-decoration : none;
	display : block;
	float 				: 	none;
}

/*smenu---------------*/

ul.ss_menu
{
	display : block;
	visibility:hidden;

	float 				: 	none;
	clear : both;
	margin				:	0px;
	padding				:	0px;
	width				:	auto;
	height				:	auto;
	
	
	background-color : #FFFAAD;
	border-style : solid;
	border-width : 1px;
	border-color : #2D1000;
	position : absolute;
}



ul.ss_menu li
{
	float				:	none;	
	background-image	:	none;
	width				:	auto;
	height				:	auto;
	text-align			:	left;
	font-size			:	12px;
	margin :  0px;
	margin : 2px 0px 2px 0px;
	padding : 0px 3px 0px 3px;
	font-weight : bold;
	
	border-style : none;
	background-color : #FFFAAD;
}

ul.ss_menu li.non_liensg
{

}


a.ss_menu
{
	color : #2D1000;
	text-decoration : none;
	
	display : block;
	width				:	100%;
	height				:	100%;
	
}


/*------------------------------------------------barre de navigation------------------------------------------------------------------------------------------------*/
div.nav_bar
{
	margin				:	0px;
	padding				:	0px;
	width				:	100%;
	height				:	25px;
	background-image	:	url('../graph/a1024x768/nav.png');
	background-repeat	: 	repeat-x;
	text-align			:	center;
	clear : both;

}
div.c_nav_bar
{
	margin				:	0px auto 0px auto; 
	padding				:	0px;
	padding-top			:	1px;
	width				:	950px;
	height				:	auto;
	clear : both;
	float : none;
}

ul.nav_bar
{
	float 				:	none;
	
	padding				:	0px;
	color : #2D1000;
}

ul.nav_bar li
{
	float 				:	left;
	margin				:	3px 3px 0px 3px; 
	padding				:	0px;
	color : #2D1000;
	
}
ul.nav_bar li.chemin
{
	float 				:	right;
	width				:	auto;
	height				:	15px;
	text-align			:	center;
	border-style : solid;
	border-width : 1px;
	border-color : #8E7C50;
	margin-right			:	0px;
	padding : 0px 4px 0px 4px;
	font-style:italic;
	
}
ul.nav_bar li.precedent
{
	float 				:	right;
	margin-left			:	0px;
	padding			:	0px;
	width				:	73px;
	height				:	15px;
	text-align : center;
	border-style : solid;
	border-width : 1px;
	border-color : #8E7C50;
	color : #2D1000;
	
	
	background-image	:	url('../graph/a1024x768/bout_prec.png');
	background-repeat	: 	no-repeat;
	
	
}

ul.nav_bar li.precedent:hover
{

	font-weight : bold;
	
}

a.bouton
{
	text-decoration : none; color : #2D1000;
}

input.rechercher
{
	margin			:	0px 0px 0px 0px;
	padding				:	0px;
	width				:	120px;
	height				:	15px;
	text-align			:	center;
	border-style : solid;
	border-width : 1px;
	border-color : #8E7C50;
	color : #2D1000;
	display : block;
	float : left;
}

input.rech_ok
{
	margin			:	0px 2px 0px 0px;
	padding			:	0px;
	width				:	30px;
	height				:	17px;
	text-align : center;
	border-style : solid;
	border-width : 1px;
	border-color : #8E7C50;
	color : #2D1000;
	display : block;
	float : left;
	background-image	:	url('../graph/a1024x768/bout_go.png');
	background-repeat	: 	no-repeat;
}

input.rech_ok:hover
{
	font-weight : bold;
}

select.rechercher
{
	margin				:	0px;
	padding				:	0px;
	width				:	100px;
	height				:	18px;
	text-align			:	center;
	font-size	:	12px;

}

input.newsletter
{
	margin				:	0px;
	padding				:	0px;
	width				:	120px;
	height				:	19px;
	text-align			:	center;
	font-size			:	12px;
}





/*-----------------------------------------------menu gauche / droite------------------------------------------------------------------------------------------------*/
div.smenu_g
{
	float 				: 	left;
	margin				:	0px;
	padding				:	0px;
	width				:	150px;
	height				:	auto;
	min-height			:	10px;
	text-align			:	left;

}

div.smenu_d
{
	float 				: 	left;
	margin				:	0px;
	padding				:	0px;
	width				:	150px;
	height				:	auto;
	min-height			:	10px;
	text-align			:	left;

}




ul.ardoise
{
	margin				:	2px 0px 1px 0px;
	padding				:	8px 0px 0px 0px;
	width				:	146px;
	height				:	79px;
	background-image	:	url('../graph/a1024x768/ardoise.png');
	background-repeat	: 	no-repeat;
	color				:	#FFFFFF;
	text-align			:	center;
}

a.ardoise
{
	
	color : #CCCCCC;
}

ul.com
{
	border-style : solid;
	border-width : 1px 1px 3px 1px;
	border-color : #2D1000;
	margin-bottom 				:	10px;
	margin-top 				:	4px;
	width				:	144px;
	background-image	:	url('../graph/a1024x768/com.png');
	background-repeat	: 	repeat-y;
	
}

ul.com li
{
	
	
	margin				:	2px 0px 2px 0px;
	padding				:	0px 5px 0px 5px;

	width				:	137px;
	height				: 	auto;
	text-align			:	left;
	font-weight : bold;
	font-size			:	11px;
}


ul.com li.droite
{
	
	
	margin				:	2px 0px 2px 0px;
	padding				:	0px 5px 0px 5px;

	width				:	130px;
	height				: 	auto;
	text-align			:	right;
	font-weight : bold;
	font-size			:	11px;
}

ul.com li.titrecom
{
	margin				:	0px;
	padding				:	2px 0px 0px 0px;
	width				:	142px;
	height				:	17px;
	background-image	:	url('../graph/a1024x768/bout_m_gene.png');
	background-repeat	: 	repeat-x;
	text-align			:	center;
	color : #FFFAAD;
	font-weight : bold;
	border-style : solid solid none solid;
	border-width : 1px;
	border-color : #2D1000;
	
	
}


ul.comtpanier
{
	border-style : solid;
	border-width : 1px 1px 3px 1px;
	border-color : #002D15;
	margin-bottom 				:	10px;
	margin-top 				:	4px;
	width				:	144px;
	background-image	:	url('../graph/a1024x768/companier.png');
	background-repeat	: 	repeat-y;
	
}

ul.comtpanier li
{
	
	
	margin				:	2px 0px 2px 0px;
	padding				:	0px 5px 0px 5px;

	width				:	137px;
	height				: 	auto;
	text-align			:	left;
	font-weight : bold;
	font-size			:	11px;
}


ul.comtpanier li.droite
{
	
	
	margin				:	2px 0px 2px 0px;
	padding				:	0px 5px 0px 5px;

	width				:	130px;
	height				: 	auto;
	text-align			:	right;
	font-weight : bold;
	font-size			:	11px;
}

ul.comtpanier li.titrecom
{
	margin				:	0px;
	padding				:	2px 0px 0px 0px;
	width				:	142px;
	height				:	17px;
	background-image	:	url('../graph/a1024x768/comtpanier.png');
	background-repeat	: 	repeat-x;
	text-align			:	center;
	color : #FFFAAD;
	font-weight : bold;
	border-style : solid solid none solid;
	border-width : 1px;
	border-color : #2D1000;
	
	
}

table.hasard
{
	margin : 20px auto 20px auto;
	width : 600px;
	border-spacing : 30px;
}

table.hasard td
{
	
	border-style		:	solid;
	border-width		:	1px;
	border-color		:	#FDBE33;
	width : 300px;
}

div.hasard
{
	
}

/*------------------------------------------------corps de page------------------------------------------------------------------------------------------------*/
div.corps
{
	float				:	left;
	
	height				:	auto;
	margin				:	0px;
	padding				:	10px 20px 0px 20px;
	width				:	610px;
	height				:	auto;
	min-height			:	500px;
	text-align			:	left;
}

div.date
{
	clear				:	both;
	margin				:	0px;
	padding				:	35px 0px 5px 0px;0px;
	width				:	100%;
	height				:	auto;
	font-size			:	11px;
}




ul.dire
{
 width				:	100%;
 margin : 0px auto 10px auto;
 border-style		:	outset;
	border-width		:	2px;
	border-color		:	#FDBE33;
	background-color : #FFCF44;
	clear : both;
	font-size			:	13px;
	font-weight : bold;
}
ul.dire li
{
	
	margin				:	0px;
	padding				:	10px;
	
}




/*STYLE GENERAL POUR LE TEXTE*/

h1.mystyle
{
	margin				: 0px 0px 20px 0px;
	padding				: 5px;
	border-style		: none none solid none;
	border-width		: 2px;
	border-color		: #420A02;
	text-align 			: left;
	clear : both;
	font-size			:	30px;
	
}

h2.mystyle
{
	margin				: 0px 0px 20px 0px;
	padding				: 20px 5px 5px 5px;
	border-style		: none none solid none;
	border-width		: 2px;
	border-color		: #420A02;
	text-align 			: left;
	clear : both;
	font-size			:	25px;
	
}

h3.mystyle
{
	text-align 			: left;
	margin				: 10px 0px 5px 0px;
	clear : both;
	font-size			:	20px;
}

p.mystyle
{
	text-align 			: justify;
	width 				: 95%;
	margin		 		: 2px auto 10px auto;
	text-indent			: 1em;
}


p.mystyle:first-letter 
{
	font-size : 15px;
}
/*--------------------- menu image--------------------------*/



ul.menu_image
{
	text-align : center;
	clear : both;
}

ul.menu_image li
{
	float : left;
	display : block;
	width				:	181px;
	height				:	181px;
	margin : 10px;
	margin-bottom : 30px;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #2D1000;
	text-align : center;
	font-size : 12px;
	font-weight:bold;

}

img.menu_image
{

	border-style : none;

}

/*--------------------------------à la une--------------------------------------*/


ul.ala1
{
	width : 280px;
	border-style : solid;
	border-width : 1px;
	border-color : #777777;
	background-color : #FFFFDD;
	float : left;
	margin : 5px 10px 5px 10px;
}


ul.ala1 li
{
	margin : 7px;
	width : 252px;
	text-align : left;
}

ul.ala1 li.nom_1
{
	font-weight : bold;
	font-variant		:	small-caps;
	font-size : 18px;
	text-align : center;
}

ul.ala1 li.small_det_1
{
	font-size			:	12px;
}

img.image_1
{
	display : block;
	
	width		:	170px;
	margin-left : auto;
	margin-right : auto;

}

/*-----------------------formulaires---------------------------------*/
span.formul
{
	font-size			:	12px;
}


div.formul
{
	
	text-align : center;
	padding : 20px;
	width : auto;
}

table.formulaire, table.formulaire td
{
	border-collapse		:	collapse;
	border-style		:	solid;
	vertical-align		:	middle;
	border-color		:	#FFFFFF;
	border-width		:	5px;
	
}



table.formulaire
{
	width	:	70%;
	display : block;
	margin : 0px auto 0px auto;
}

table.formulaire td
{

	width				:	30%;
	
}


table.formulaire td.droite
{
	text-align			:	left;
}

table.formulaire td.gauche
{
	text-align			:	right;
	background-color	:	#EED291;
	
}

table.formulaire td.gauche1
{
	text-align			:	right;
	background-color	:	#88FF88;
	
}

table.formulaire td.gauche0
{
	text-align			:	right;
	background-color	:	#FF8888;
	
}

table.formulaire td.ok
{
	text-align			:	center;
}



/*-----------------------------------Recherche----------------------------------*/

li.azlist
{
	display 	:	inline;
	margin		:	0px 5px 0px 5px;
}

li.azlistnotsel
{
	display 			:	inline;
	font-weight			:	bolder;
	background-color	:	#FDBE33;
	margin				:	0px 5px 0px 5px;
}

li.item_list
{
	border-style		:	solid;
	border-width		:	1px 0px 0px 0px;
	border-color		:	#FDBE33;
	width				:	590px;
	text-align			:	left;
	margin				:	10px auto 10px auto;
	padding				:	15px;
	clear				:	both;
}

ul.detail_item
{
	
}


ul.detail_item li
{
	margin : 7px;
}

ul.detail_item li.nom_item
{
	font-weight : bold;
	font-variant		:	small-caps;
}

ul.detail_item li.small_det
{
	font-size			:	12px;
}

img.image_item
{
	float 				: 	right;
	
	width				:	90px;
}



ul.qrech
{
	display : block;
	float : none;
	clear : both;
	width : 100%;
	height : auto;
}


ul.qrech li
{
	display : block;
	float : left;
	height :auto;
	width : 140px;
	margin : 5px;
	border-style		:	none;
	border-width		:	1px;
	border-color		:	#FDBE33;
	text-align : center;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------nous---------------------*/

div.nous
{
	background-image	:	url('../graph/a1024x768/stand.png');
	width : 610px;
	height :610px;
}

/*----------------------------------plandusite---------------------*/

li.plan1
{
	margin : 0px 0px 0px 0px;
	padding : 2px;
	border-color : #FFFF77;
	border-style:solid;
	border-width : 0px 0px 0px 2px;
	font-size : 25px;
}

li.plan2
{
	margin : 0px 10px 0px 10px;
	padding : 2px;
	border-color : #FFDD55;
	border-style:solid;
	border-width : 0px 0px 0px 2px;
	font-size : 22px;
	
}

li.plan3
{
	margin : 0px 10px 0px 10px;
	padding : 2px;
	border-color : #FFBB33;
	border-style:solid;
	border-width : 0px 0px 0px 2px;
	font-size : 19px;
	
}

li.plan4
{
	margin : 0px 10px 0px 10px;
	padding : 2px;
	border-color : #FF9911;
	border-style:solid;
	border-width : 0px 0px 0px 2px;
	font-size : 10px;
}

/*----------------------------------Services---------------------*/

ul.servban
{
	margin-left : auto;
	margin-right : auto;
	list-style-type : disc;
	width : 400px;
	
}
ul.servban li
{
	margin-left : auto;
	margin-right : auto;
	width : 400px;
}

ul.mservices
{
	float : left;
	margin : 10px;
}

ul.mservices li
{
	
	margin : 1px;
	padding : 3px;
	background-color		:	#FFDE63;
	border-style		:	solid;
	border-width		:	1px;
	border-color		:	#DD9E13;
	font-size : 11px;
	width : 160px;
	font-weight : bold;
	
}

ul.mservices li:hover
{
	
	background-color		:	#DD9E13;
}


ul.mservices li.servniv2
{
	
	
	
	padding-left : 15px;
	width : 148px;
	font-weight : normal;
}

div.servadr
{
	float : left;
	width : 200px;
	margin-bottom:20px;
	text-align : center;
	padding : 2px;
}


h2.sermystyle
{
	margin				: 0px 0px 20px 0px;
	padding				: 20px 5px 5px 5px;
	text-align 			: left;
	clear: both;
	font-style : italic;
}

h3.sermystyle
{
	text-align 			: left;
	margin				: 10px 0px 5px 0px;
	padding				: 0px 5px 5px 5px;
	font-style : italic;
	clear: both;
}

a.h2p
{
	text-decoration : none;
	color : #0000FF;
	font-size : 7px;
	text-transform : uppercase;
	border-style		:	solid;
	border-width		:	1px;
	border-color		:	#0000FF;
	padding : 1px;
	float : right;
}



/*----------------------------------Les marchés---------------------*/

div.agenda
{
	width : 100%;
	text-align : center;
}

div.manif
{
	width : 100%;
}


table.agenda
{
	width : 100%;
}

table.agenda, table.agenda td, table.agenda tr, table.agenda th
{
	text-align : center;
}


table.agenda td.calsel
{
	background-color : #00FF00;
	color : #FFFFFF;
}
/*--------------------- casiers--------------------------*/
table.casier 
{
	margin-left: auto;
	margin-right : auto;
}

table.casier td
{
	width : 90px;
	height : 90px;
	padding : 0px;
}

img.casier
{
	width : 90px;
	height : 90px;
}

/*--------------------------------Produits--------------------------------------*/
span.prix
{
	display : inline;
	font-weight : bold;
	color : #AA0000;
	font-size : 15px;
}


ul.tete_produit
{
	float				:	left;
	
}

ul.tete_produit li
{
	float : left;
	text-align : center;
	background-image	:	url('../graph/a1024x768/list_det.png');
	background-repeat	:	repeat-x;
	width : 89px;
	height : 49px;
	margin : 5px;
	padding : 7px 2px 7px 2px;
	border-style		:	solid;
	border-width		:	1px;
	border-color		:	#000000;
}

ul.tete_produit li.detpoints
{
	
	background-image	:	url('../graph/a1024x768/det_points.png');
	background-repeat	:	repeat-x;
}

ul.tete_produit li.image_produit
{
	width : 280px;
	height : auto;
	border-style		:	none;
	background-image	:	none;
	padding : 0px;
}

ul.tete_produit li.def_produit
{
	width : 285px;
	height : auto;
	border-style		:	none;
	background-image	:	none;
	padding : 0px;
}

ul.tete_produit li.image_produit img
{
	display : block;
	width : 275px;
	height : auto;
	margin-left : auto;
	margin-right : auto;
	
}


ul.defi_produit li
{
	float : none;
	text-align : left;
	background-image	:	none;
	
	width : auto;
	height : auto;
	margin : 1px;
	padding : 2px;
	border-style		:	none;
	
}








select.sel_quant
{
	width				:	50px;
	background-color	:	#444444;
	color				:	#FFFFFF;
}


span.quantite_produit
{
	
	text-decoration		:	none;
	border				:	2px inset #c0c0c0;
	width				:	30px;
	color				:	#FFFFFF;
	background-color	:	#444444;
}

input.ajout_panier
{
	
	margin				:	0px;
	padding				:	1px 3px 1px 3px;
	height				:	22px;
	background-color	:	#008C41;

	text-align			:	center;
	color : #FFFAAD;
	font-weight : bold;
	border-style : outset;
	border-width : 2px;
	border-color : #002D15;

}

input.ajout_panier:hover
{
	
	background-image	:	url('../graph/a1024x768/comtpanier.png');
	background-repeat	: 	repeat-x;

	

}


/*--------------------------*/
/* --------------choix des tubes-------------*/

div.tubes
{
	margin-right : auto;
	margin-left : auto;
	
	height : 450px;
	width : 750px;
	clear : both;
}

div.imagetubes
{
	float : left;
	height : 450px;
	width : 400px;
	background-image	:	url('../graph/a1024x768/tubes.png');
	background-repeat	: 	no-repeat;
}

div.choixtube
{
	float : left;
	padding-top : 100px;
	height : 350px;
	width : 350px;
	text-align :center;
}

div.tube1
{margin-left : 68px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
}

div.tube2
{margin-left : 26px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
	}

div.tube3
{margin-left : 28px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
}

div.tube4
{margin-left : 23px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
}

div.tube5
{margin-left : 28px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
}

div.tube6
{margin-left : 24px;
	float : left;
	height : 138px;
	width : 19px;
	margin-top : 76px;
	background-color	:#FDBE33;
	background-repeat	: 	no-repeat;
	visibility:hidden;
	writing-mode : bt-rl;
	padding-right : 4px;
	font-size : 12px;
	text-align : center;
}

/*-----------------------------*/
/*--------------------------------fiches--------------------------------------*/


img.fiche_image
{
	display : block;
	float : right;
	height : 200px;
	margin : 10px;
}

/*--------------------------------recettes--------------------------------------*/

div.menu_rec
{
	float : left;
	width : 170px;
	height : auto;
	padding : 2px;
	

}

div.corps_rec
{
	float : left;
	width : 560px;
	padding : 2px 2px 2px 10px;
	border-style		:	solid;
	border-width		:	0px 0px 0px 1px;
	border-color		:	#FDBE33;

	
}

ul.image_recette
{
	clear : both;
}

ul.image_recette li
{
	float : left;
	margin : 5px;
	
}

ul.tete_recette
{
	float				:	right;
	clear : both;
	margin-bottom : 20px;
}

ul.tete_recette li
{
	margin-right : 20px;
	margin-bottom : 5px;
	float : left;
	text-align : center;
}

ul.corps_recette
{
	clear : both;
}


ul.corps_recette li.saut_titre
{
	padding-bottom: 5px;
}

ul.corps_recette li.saut_para
{
	padding-bottom: 15px;
}


div.pied_rec
{
	clear : both;
}

div.item_menu_rec
{
	width : 95%;
	height : auto;
	margin : 10px auto 10px auto;
	background-color : #FFFFFF;
	border-width : 1px;
	border-style : solid;
	border-color : #AA0000;
}

table.list_menurec 
{
	margin-left : auto;
	margin-right : auto;
}

table.list_menurec td
{
	width : 110px;
	padding : 5px;
	height : auto;
	text-align : center;
}

/*--------------------------------panier--------------------------------------*/


div.detail_ardoise
{
	padding				:	10px;
	width : 710px;
}


table.tot_ardoise, table.tot_ardoise td, table.tot_ardoise th, table.tot_ardoise tr
{
	border-collapse		:	separate;
	border-style		:	none;
	border-color		:	#00BB00;
	border-width		:	2px;
	vertical-align		:	middle;
	text-align			:	center;
	background			:	none;
	padding				:	5px;
}



table.tot_ardoise
{
	width 				:	700px;
	height				:	auto;
	margin-top			:	10px;
	border-style		:	solid;
	margin-bottom : 40px;
	font-size : 18px;
	
}

table.tot_ardoise th
{
	
	border-style		:	none none solid none;
	
	
}



table.detail_ardoise, table.detail_ardoise td, table.detail_ardoise th, table.detail_ardoise tr
{
	border-collapse		:	separate;
	border-style		:	none;
	border-color		:	#999999;
	border-width		:	1px;
	vertical-align		:	middle;
	text-align			:	center;
	background			:	none;
	padding				:	5px;
}



th.milieu
{
	width 				:	50%;
}


table.detail_ardoise
{
	width 				:	700px;
	height				:	auto;
	margin-top			:	10px;
	border-style		:	solid;
	margin-bottom : 40px;
	
}

table.detail_ardoise th
{
	
	border-style		:	solid none solid none;
	color : #004400;
}


table.detail_ardoise td.titot
{
	font-weight : bold;
}

table.detail_ardoise td.tot
{
	border-style		:	solid;
	border-color		:	#00BB00;
	font-size : 18px;
}

table.detail_ardoise td.tot2
{
	border-style		:	solid;
	border-color		:	#00BB00;
	font-size : 18px;
	text-decoration: line-through;
}


ul.act_ard
{
	height : 40px;
}

ul.act_ard li.gauche
{
	display : inline;
	float : left;
	
}

ul.act_ard li.droite
{
	display : inline;
	float : right;
}


div.condvente
{
	height: 350px;
	width : 99%; 
	overflow-y: scroll;
	border-style : inset;
	border-width : 2px;
	border-color : black;
	background-color : #F1F1F1;
	text-align : center;
}

div.commandeok
{
	background-color : #FFAA00;
	text-align : center;
	width : 30%;
	padding : 3px;
	margin : 10px auto 10px auto;
	font-weight : bold;

}

table.paie
{
	width : 95%;
	margin : 3px;
}

table.paie th
{
	border-style : solid;
	border-width : 1px;
	border-color : #000000;
	
}

table.paie td
{
	width : auto;
	text-align : center;
	vertical-align : middle;
	padding : 2px;
	
}

/*-----------------------------------commande chq--------------------------------*/

div.boncomchq
{
	text-align : center;
	height: auto;
	width : 50%; 
	margin : 10px auto 10px auto;
	padding : 10px;
	border-style : solid;
	border-width : 2px;
	border-color : black;
	background-color : #FFFFFF
}




/*--------------------------------inscription--------------------------------------*/


table.inscr_help, table.inscr_help td, table.inscr_help th, table.inscr_help tr
{
	border-collapse		:	separate;
	border-spacing		:	20px;
	border-style		:	none;
	border-color		:	#000000;
	border-width		:	1px;
	vertical-align		:	top;
	text-align			:	left;
	background			:	none;
	padding				:	5px;
}

table.inscr_help
{
	width 				:	100%;
	height				:	auto;
	margin-top			:	10px;
	
	
	
}

table.inscr_help th
{
	border-style		:	solid;
}

table.inscr_help td
{
	border-style		:	solid;
		width 				:	50%;
		padding				:	20px;
}

li.inscr_help_adr
{
	text-align			:	center;
	margin				:	10px;
}


/*------------------------------------mon--compte------------------------------------------------------------------*/

table.profil
{
	width					:	510px;
	display 				: 	block;
	margin 					: 	1px auto 30px auto;
	padding 				: 	2px;
	border-collapse  		: 	separate;
	border-style			:	solid;
	border-color			:	#420A02;
	border-width			:	1px;
	background-color		:	#FFFFFF;
}

table.profil td
{
	padding 			: 	1px;

	border-color		:	#FFFFFF;
	border-width		:	1px;
}

table.profil td.titre
{
	text-align			:	center;
	padding 			: 	5px 1px 5px 1px;

	background-color		:	#FFFFFF;
	color : #420A02;
	font-variant		:	small-caps;
	font-weight : bold;
	
}

table.profil td.droite
{
	text-align			:	left;
	background-color	:	#FFFFFF;
	width				:	250px;
	padding-left		:	10px;
	
}

table.profil td.gauche
{
	text-align			:	right;
	background-color	:	#EED291;
	width				:	250px;
	padding-right		:	10px;
	
}


table.comcli
{
	text-align			:	center;
	width					:	95%;
	margin 					: 	1px auto 15px auto;
	border-collapse  		: 	collapse;	
}
table.comcli td
{
	padding : 3px;
	border-style			:	solid;
	border-color			:	#FFC600;
	border-width			:	1px;
		
}

table.comcli td.titre
{
	padding : 5px 1px 5px 1px;
	background-color		:	#FFFFFF;
	color : #420A02;
	font-weight : bold;
	font-variant		:	small-caps;
	

}

table.comcli th 
{
	padding : 3px;
	background-color		:	#FFFFFF;
	font-weight : bold;
	border-style			:	solid;
	border-color			:	#FFC600;
	border-width			:	1px;
	font-size : 14px;
}

table.comcli tr.a0
{
	background-color	:	#FFFFDD;
}

table.comcli tr.a1
{
	background-color : #EEEEFF;	
}

table.comcli tr.b0
{
	background-color	:	#FFFFDD;
	font-weight : bold;
}

table.comcli tr.b1
{
	background-color : #EEEEFF;
	font-weight : bold;
}

table.adresse
{
	
	text-align			:	center;
	
	
	
	width					:	99%;
	
	margin 					: 	1px auto 30px auto;
	padding 				: 	2px;
	border-collapse  		: 	separate;
	border-style			:	none;
	background-color		:	#FFFFFF;
	
}
table.adresse td
{
	padding : 1px;
	
		
}

table.adresse td.titre
{
	padding : 5px 1px 5px 1px;

	background-color		:	#FFFFFF;
	color : #420A02;
	font-variant		:	small-caps;
	font-weight : bold;

}

table.adresse tr.a0
{
	
	background-color	:	#FFFBFB;	
}

table.adresse tr.a1
{
	
	background-color	:	#EED291;		
}




input.profil
{
	width : 95%;
}

textarea.profil
{
	width : 95%;
	height : 80px;
}

img.annuler
{
	border : none;
	display : block;
	float : left;
	margin-left : 100px;
}

input.valider
{
	display : block;
	float : right;
	margin-right : 100px;
}


table.tabp 
{
	border-style : solid;
	border-width : 1px;
	border-color : black;
	border-collapse : collapse;
	margin : 10px auto 10px auto;
	text-align : center;
	width : 545px;
}

table.tabp  th
{
	border-style : solid;
	border-width : 1px;
	border-color : black;
	background-color : #EED291;
	padding : 5px;
	
}

table.tabp td
{
	border-style : solid;
	border-width : 1px;
	border-color : black;
	background-color : #FFFBFB;
	padding : 5px;
	
}
div.infocom
{

	font-size : 14px;
	width				:	190px;
	height				:	auto;
	float : left;
	clear : left;
}

div.infocom ul
{
		text-align : center;
		
		padding : 5px;
		margin : 5px;
		width				:	170px;
		height				:	auto;
}

div.infocom li
{
		background-color : #FFFBFB;
}

div.infocom li.titre
{
	font-weight : bold;
	font-variant : small-caps;
	text-align : center;
	margin-bottom : 5px;
	background-color : #EED291;
}

li.titre
{
	font-weight : bold;
	font-variant : small-caps;
	text-align : center;
	margin-bottom : 5px;
	background-color : #EED291;
}



ul.detcom
{
	font-size : 14px;
	padding : 5px;
	margin : 5px;
	width				:	550px;
	height				:	auto;
	float : left;
}

ul.compied
{

	padding : 0px;
	margin : 5px auto 5px auto;
	width				: auto;
	height				:	auto;
	float : none;
	clear : both;
	text-align : center;
}

/*-----espace perso-------*/

h1.my_espcli
{
	margin				: 2px;
	margin-top : 10px;
	padding				: 2px;
	border-style		: outset;
	border-width		: 1px;
	border-color		: #000F3F;
	text-align 			: center;
	width : 480px;
	font-size			:	15px;
	float : left;
	color : #FFFFFF;
	font-weight : bold;
	height : 17px;
	background-image	:	url('../graph/a1024x768/titre_espcli.png');
	background-repeat	: 	repeat-x;
	
}

h2.my_espcli
{
	margin				: 10px 2px 10px 2px;
	margin-top : 3px;
	padding				: 2px;
	text-align 			: center;
	width : 100%;
	font-size			:	16px;
	clear : both;
	color : #333355;
	font-weight : bold;
	
}

img.my_espcli
{
	display : box;
	float : left;
	border-style :  none;
}

div.page_gene_espcli
{
	margin				:	auto;
	padding				:	0px;
	width				:	948px;
	height				:	auto;
	text-align			:	center;
	clear : both;
	background-color : #EEEEFF;
	border-style : solid;
	border-width : 1px;
	border-color : #002087;
	
}

div.corps_espcli
{
	float				:	left;
	
	height				:	auto;
	margin				:	0px;
	padding				:	0px;
	width				:	746px;
	height				:	auto;
	min-height			:	500px;
	text-align			:	left;
}

div.smenu_g_espcli
{
	float 				: 	left;
	margin				:	0px;
	padding				:	0px;
	width				:	200px;
	height				:	auto;
	min-height			:	10px;
	text-align			:	left;
	background-color	:	#FFFFFF;
	border-style : none solid solid none;
	border-width : 1px;
	border-color : #002087;
}

ul.com_espcli
{
	border-style 	: none;
	width			:	200px;
}

ul.com_espcli li
{
	margin				:	2px;
	padding				:	2px;
	padding-left		:	7px;
	width				:	187px;
	text-align			:	left;
	font-weight 		: 	bold;
	font-size			:	11px;
}

ul.com_espcli li:hover
{
	background-color	:	#C0CEFC;
}

ul.com_espcli li.titrecom
{
	padding				:	2px;
	width				:	190px;
	height : 17px;
	
	background-image	:	url('../graph/a1024x768/titre_espcli.png');
	background-repeat	: 	repeat-x;
	color : #FFFFFF;
	text-align			:	center;
	border-style : solid;
	border-width : 1px;
	border-color : #002087;
	font-size			:	13px;
	
}

a.lien_espcli
{
	text-decoration : none;
	color : #000F3F;
}




table.espcli_login,  table.espcli_login th,table.espcli_login tr,table.espcli_login td
{
	border-collapse		:	collapse;
	vertical-align		:	middle;
	text-align			: center;
}

table.espcli_login 
{
	border-style : solid;
	border-width : 1px;
	border-color : #5C0000;
	margin : 20px auto 20px auto;
	clear : both;
}

table.espcli_login th
{
	padding : 1px;
	margin : 2px;
	height : 17px;
	border-style : solid;
	border-width : 1px;
	border-color : #5C0000;
	background-image	:	url('../graph/a1024x768/titre_log_espcli.png');
	background-repeat	: 	repeat-x;
	color : #FFFFFF;
	font-weight : bold;
	font-size			:	15px;
}

table.espcli_login td
{
	padding : 4px;
	font-weight 		: 	bold;
}

table.espcli_login td.dr
{
	padding : 4px;
	text-align : left;
	font-weight 		: 	normal;
}


table.espcli_login td.ga
{
	padding : 4px;
	text-align : right;
	font-weight 		: 	normal;
}


input.login_ok
{
	background-color : #FF6464;
	border-color : #FF6464;
	color : #FFFFFF;
	font-weight 		: 	bold;
	padding : 2px;
}

ul.c_espcli
{
	border-style : solid;
	border-width : 2px;
	border-color : #FFC600;
	width : 700px;
	margin : 15px auto 15px auto;
	padding : 0px;
	float : none;
	clear : both;
	background-color : #FFFFFF;
}

ul.c_espcli li
{
	margin				:	0px;
	padding				:	2px;
	width				:	696px;
	text-align			:	center;
	color : #333355;
	background-color : #FFFFFF;
}

ul.c_espcli li.ti_c_esp
{
	background-color : #FFC600;
	color : #333355;
	font-weight 		: 	bold;
	font-size : 15px;
}


ul.c_espcli li.sti_c_esp
{
	font-weight 		: 	bold;
	font-size : 14px;
}

ul.cahier_espcli
{
	border-style  : none solid solid none;
	border-width : 1px;
	border-color : #888888;
	width : 300px;
	
	margin : 15px;
	margin-bottom : 30px;
	padding : 0px;
	float : left;
	
	
}

ul.cahier_espcli li
{
	margin				:	0px;
	padding				:	2px 15px 2px 40px;
	padding-top			:	12px;
	width				:	245px;
	height 				: 	18px;
	text-align			:	center;
	background-image	:	url('../graph/a1024x768/cahier.png');
	background-repeat	: 	repeat-x;
	font-size : 11px;
	color : #333355;
	
	
}

ul.cahier_espcli li.ti_cahier_esp
{
	
	padding-top			:	7px;
	height 				: 23px;
	font-weight 		: 	bold;
	font-size : 15px;
}

ul.cahier_espcli li.bord_cahier_esp
{
	padding : 2px;
	height 				: 12px;
	width				:	296px;
	color : #333355;
	font-weight 		: 	bold;
	background-image	:	url('../graph/a1024x768/bord_cahier.png');
	font-size : 9px;
	text-align			:	right;
}

a.lien_rec_espcli
{
	text-decoration : none;
	color : #333355;
}

a.lien_rec_espcli:hover
{
	font-style:italic;
	color : #773333;
	font-size : 10px;
	font-weight 		: 	bold;
}

ul.mc_espcli
{
	border-style  : solid;
	border-width : 2px;
	border-color : #FF8A00;
	width : 380px;
	background-color : #FFFFFF;
	margin : 15px;
	margin-bottom : 30px;
	padding : 0px;
	float : left;

}

ul.mc_espcli li
{
	margin				:	0px;
	padding				:	2px;
	width				:	376px;
	text-align			:	center;
	background-color : #FFFFFF;
	color : #333355;
	
	
}

ul.mc_espcli li.ti_mc_esp
{
	height 				: 17px;
	background-color: 	#FF8A00;
	font-weight 		: 	bold;
	font-size : 15px;
}

ul.mc_espcli li.sti_mc_esp
{
	font-weight 		: 	bold;
	font-size : 14px;
}

input.suivi_colis
{
	
	margin				:	0px;
	padding				:	1px 3px 1px 3px;
	height				:	22px;
	background-color	:	#008C41;

	text-align			:	center;
	color : #FFFAAD;
	font-weight : bold;
	border-style : outset;
	border-width : 2px;
	border-color : #002D15;

}

input.suivi_colis:hover
{
	
	background-image	:	url('../graph/a1024x768/comtpanier.png');
	background-repeat	: 	repeat-x;

}



ul.adrl
{
	float : left;
	width : 300px;
	
	margin-left : 30px;
	border-style : solid;
	border-width : 1px;
	border-color : #000055;
	background-color	:	#FFFFDD;
}

ul.adrl li
{
	width : 296px;
	background-color	:	#FFFFDD;
}

ul.adrl li.ti_adrl
{
	font-weight : bold;
	font-size : 14px;
}

ul.adrf
{
	float : right;
	width : 300px;
	
	margin-right : 30px;
	border-style : solid;
	border-width : 1px;
	border-color : #000055;
	background-color : #EEEEFF;
}

ul.adrf li
{
	width : 296px;
	background-color : #EEEEFF;
}

ul.adrf li.ti_adrf
{
	font-weight : bold;
	font-size : 14px;
}