@charset "utf-8";
/* CSS Document */

html{
	width:100%;
	min-height:100%;
	background-image:url(../images/FR/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ffffff;

	}

body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 12px;	
	}
/*/////////////////////////////////////////////////   CONTENU              /////////////////////////////////////////////*/

.mini{
	position:relative;
	float:left;
	font-size:11px;
	color:#fff;
	width:100px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.minia{
	font-size:11px;
	color:#000;
}
.rose{
	color:#F39;
}
.rose12{
	color:#F39;
	font-size:12px;
}

.roseplats{
	color:#F39;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.blc{
	color:#fff;
}
.black{
	color:#000;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.blacki{
	color:#000;
	font-size:12px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------------- Permet de ------------------------------*/
.douzer{
	font-size:14px;
	color:#F39;
}

/* DIV PRINCIPALE CONTENU centre pour l'ecran//////////////////////////////////////////////////////////////////////////*/
#Conteneur{
	position:relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
	font-size:10px;
	background-image:url(../images/EN/header.jpg);
	background-position:top;
	background-repeat:no-repeat;

}
/* DIV PRINCIPALE CONTENU avec dimension///////////////////////////////////////////////////////////////////////////////*/
#contenu{
	position:relative;
	width: 1033px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;

	}
/* -------------------- DIV HEADER ------------------------------*/
#header_myresto{
	position:relative;
	float:left;
	width: 1033px;
	height: 174px;
	min-height: 174px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
/* -------------------- permet de positionner le logo ------------------------------*/
.head{
	position:relative;
	float:left;
	margin: 0px 0px 0px 292px;/*292px*/
	padding: 0px 0px 0px 0px;
	text-align:left;
}
/* -------------------- permet de positionner le texte pour le panier dans le header  ------------------------------*/
.panier{
	position:relative;
	float:left;
	color:#000;
	margin: 132px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
/* -------------------- DIV CONTENEUR ------------------------------*/
#myresto{
	position:relative;
	float:left;
	width: 1033px;
	height: 620px;
	min-height: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#4d4d4d;
	font-size:14px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------------- DIV CONTENEUR ------------------------------*/
#myresto-index{
	position:relative;
	float:left;
	width: 1033px;
	height: 560px;
	min-height: 560px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#4d4d4d;
	font-size:14px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ----------------- DIV GAUCHE > ETAPE ------------------*/
#etape_myresto{
	position:relative;
	float:left;
	width: 215px;
	height: 600px;
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#333;
	font-size:10px;
}
/* ----------------- DIV CENTRE (head +livraison ...) > ETAPE ------------------*/
#commande_myresto{
	position:relative;
	float:left;
	width: 818px;
	height: 122px;
	min-height: 122px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/myresto_website_04.jpg);
	background-repeat:no-repeat;
}
/* ----------------- DIV CENTRE (condition) > ETAPE ------------------*/
#condition_myresto{
	position:relative;
	float:left;
	width: 602px;
	/*height: 446px;*/
	min-height: 446px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/conditions_01.jpg);
	background-repeat:repeat-y;
}

#condition_myresto table{
/*	position:relative;
	float:left;*/
	width: 450px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#000;
	font-size:14px;
}


#mentions_legales_myresto{
	position:relative;
	float:left;
	width: 602px;
	/*height: 446px;*/
	min-height: 326px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/conditions_01.jpg);
	background-repeat:repeat-y;
}

#mentions_legales_myresto table{
/*	position:relative;
	float:left;*/
	width: 450px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#000;
	font-size:14px;
}



/* ----------------- DIV CENTRE (index) > ETAPE ------------------*/
#f_myresto{
	position:relative;
	float:left;
	width: 602px;
	height: 568px;
	min-height: 568px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/myresto_website_04.jpg);
	background-repeat:no-repeat;
}
#f_myresto table{
/*	position:relative;
	float:left;*/
	width: 450px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#000;
	font-size:14px;
}

/* ----------------- DIV CENTRE (index) > ETAPE ------------------*/
#menu_myresto{
	position:relative;
	float:left;
	width: 602px;
	height: 466px;
	min-height: 466px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/myresto_website_04bb.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#menu_myresto table{
/*	position:relative;
	float:left;*/
	width: 450px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#000;
	font-size:14px;
}
#menu_myresto p{
	width: 450px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#4d4d4d;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu_myresto p a{
	color:#000;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#menu_myresto p a:hover{
	color:#F39;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
.titreI{
	color:#000;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin: 20px 0px 0px 95px;
	padding: 0px 0px 0px 0px;

}
.titreA{
	color:#000;
	font-size:12px;
	margin: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;

}

/* ----------------- DIV CONTACT right centre (index)  ------------------*/
#contact_myresto{
	position:relative;
	float:left;
	width: 216px;
	height: 491px;
	min-height: 491px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/fd_contact.jpg);
	background-repeat:no-repeat;
	background-position:bottom;

}
#contact_myresto p{
	position:relative;
	float:left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	text-align:left;
	color:#fff;
	font-size:12px;
}
/* ----------------- DIV CONTACT right centre (index)  ------------------*/
#contact_myresto2{
	position:relative;
	float:left;
	width: 216px;
	height: 491px;
	min-height: 491px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/fd_contact2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;

}
#contact_myresto2 p{
	position:relative;
	float:left;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	text-align:left;
	color:#fff;
	font-size:12px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* -------------------- DIV CONTENEUR ------------------------------*/
#monresto{
	position:relative;
	float:left;
	width: 1033px;
	/*height: 600px;*/
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#4d4d4d;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/resto_hr.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

/* ----------------- DIV CENTRE  > ETAPE  2------------------*/
#resto_myresto{
	position:relative;
	float:left;
	width: 818px;
	/*height: 446px;*/
	min-height: 446px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;

}
#resto_myresto table{
/*	position:relative;
	float:left;*/
	width: 700px;
	margin: 24px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#333;
	font-size:12px;
}
#resto_myresto p{
	position:relative;
	float:left;
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	text-align:left;
	color:#333;
	font-size:14px;
}
.restos{
	position:relative;
	float:left;
	width: 818px;
	height: 162px;
	min-height: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#333;
	font-size:12px;
	background-image:url(../images/fd_etape2.jpg);
	background-repeat:no-repeat;
}
.roselien{
	
	color:#F39;
}
/* ----------------- DIV CENTRE  > choix plat > ETAPE  3 ------------------*/
#choixplat{
	position:relative;
	float:left;
	width: 570px;
	/*height: 446px;*/
	/*min-height: 446px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/etape3_hr1.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#choixplat table{
	width: 470px;
	/*min-height: 40px;/*-122*/
	/*height: 40px;/*-122*/
	margin: 10px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
}
#nosplats{
	width: 215px;
	position:relative;
	float:left;
	min-height: 200px;/*-122*/
	/*height: 40px;/*-122*/
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif.
}
#nosplats dt{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#666;
	font-size:14px;
	text-decoration:none;
	list-style-type: none;
	line-height:13px;
}
#nosplats dt a{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color:#666;
	font-size:14px;
	text-decoration:none;
}
#nosplats dt a:hover{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	color:#f39;
	font-size:14px;
	text-decoration:none;
}

/* ----------------- DIV CENTRE  > choix plat > ETAPE  3 ------------------*/
#couvert{
	position:relative;
	float:left;
	width: 570px;
	min-height: 63px;/*-122*/
	height: 63px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	background-image:url(../images/couvert.jpg);
	background-repeat:no-repeat;
}
#couvert table{
	width: 470px;
	min-height: 40px;/*-122*/
	height: 40px;/*-122*/
	margin: 10px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
}

/* ----------------- DIV CENTRE  > recapitulatif > ETAPE  3 ------------------*/
#recap{
	position:relative;
	float:left;
	width: 248px;
	/*height: 446px;*/
	min-height: 250px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	background-image:url(../images/etape3_hr2.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#recap p{
	width: 200px;
	position:relative;
	float:left;
	/*height: 446px;*/
	/*min-height: 446px;/*-122*/
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}

#recap table{
	width: 200px;
	/*height: 446px;*/
	/*min-height: 446px;/*-122*/
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
/* ----------------- DIV CENTRE  > mon panier > ETAPE  4 ------------------*/
#etape4{
	position:relative;
	float:left;
	width: 818px;
	/*height: 446px;*/
	min-height: 260px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	background-image:url(../images/hr_15.jpg);
	background-repeat:repeat-y;
	background-position:center;

}
#recapitu{
	width: 400px;
	position:relative;
	float:left;
	/*height: 446px;*/
	min-height: 250px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
#recapitu table{
	width: 260px;
	margin: 0px 0px 0px 130px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
#recapitu p{
	width: 200px;
	margin: 0px 0px 0px 130px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}

#tel{
	width: 418px;
	position:relative;
	float:left;
	/*height: 446px;*/
	/*min-height: 446px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
#tel p{
	width: 300px;
	position:relative;
	float:left;
	/*height: 446px;*/
	/*min-height: 446px;/*-122*/
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
}
/* ----------------- DIV CENTRE  > carte restaurant >  ------------------*/
#listeplat{
	position:relative;
	float:left;
	width: 818px;
	/*height: 446px;*/
	min-height: 250px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
	background-image:url(../images/liste_14.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#listeplat table{
	width: 700px;
	/*min-height: 40px;/*-122*/
	/*height: 40px;/*-122*/
	margin: 10px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
}

/* ----------------- DIV GRAND PIED  ------------------*/
#piedmax{
	position:relative;
	float:left;
	width: 1033px;
	height: 42px;
	min-height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background-image:url(../images/pied.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:11px;
	color:#fff;
}
#piedmax p{
	color:#fff;
	text-decoration:none;
	margin: 5px 0px 0px 295px;
	padding: 0px 0px 0px 0px;
	letter-spacing:-0.2px;
}

#piedmax a{
	color:#fff;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#piedmax a:hover{
	color:#666;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* ----------------- DIV CENTRE (index) > ETAPE ------------------*/
#contact{
	position:relative;
	float:left;
	width: 602px;
	height: 466px;
	min-height: 466px;/*-122*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	color:#333;
	font-size:10px;
	background-image:url(../images/fd_contact_11.jpg);
	background-repeat:no-repeat;
}
#contact table{
/*	position:relative;
	float:left;*/
	width: 350px;
	margin: 20px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#333;
	font-size:14px;
}


/* ----------------- DIV PIED  ------------------*/
#pied{
	position:relative;
	float:left;
	width: 818px;
	height: 42px;
	min-height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	background-image:url(../images/pied.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	color:#fff;
	letter-spacing:-1px;
}
#pied p{
	color:#fff;
	text-decoration:none;
	margin: 5px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	letter-spacing:-0.2px;
}

#pied a{
	color:#fff;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#pied a:hover{
	color:#666;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/*///////////////////////Input formulaire//////////////////////////////////////*/
INPUT.champvide {
	BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; FONT-SIZE: 8pt; BORDER-LEFT: red 2px solid; COLOR: #000000; TEXT-INDENT: 2px; BORDER-BOTTOM: red 2px solid; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; BACKGROUND-COLOR: #F39
}