body
{
	background			:	url(../../img/fond.png) repeat-x  #E50605;
}
#header
{
	width				:	100%;
	margin-bottom		:	0.3em;
}
#logo
{
	position			:	relative;				
	margin				:	1.3em 0 0 3.5em;
}
#fumee_haut,
#fumee_bas
{
	display				:	block;
	position			:	absolute;
}
#fumee_haut
{
	width				:	172px;
	height				:	130px;
	top					:	0;
	left				:	0;
	background			:	url(../../img/fumee_haut.png) left top no-repeat;
}
#fumee_bas
{
	width				:	209px;
	height				:	92px;
	right				:	0;
	bottom				:	0;
	background			:	url(../../img/fumee_bas.png) right bottom no-repeat;
}

#navbar, #onglets, #conteneur
{
	float				:	right;
	width				:	70%;
}
#navbar
{
	margin-right		:	2.4em;
	height				: 	82px;
}
#onglets, #conteneur
{
	margin-right		:	2em;
}

#conteneur
{
	height				:	310px;
	background			:	url(../../img/background.png) repeat;
}

#footer
{
	clear				:	both;
	float				:	right;
	width				:	70%;
	height				:	15px;
	color				:	#fff;
	margin-right		:	2em;
	margin-top			:	1em;
	font-size			:	0.6em;
	text-align			:	center;
}
#footer p a,
#footer p a:visited
{
	color				:	#fff;
}



/*-------------------
		MENU
----------------*/
#navbar li, #onglets li	
{
	float				:	left;
}
#navbar li .button, #onglets li .lien
{
	display				:	block;
	width				:	80px;
}
#navbar li .button
{
	margin-right		:	19px;
}
#onglets li a, #onglets li .lien		
{
	margin-right		:	9px;
}

/*--------------------------------
	Boutons et onglets					
-------------*/
.button												/* pictos */
{
	height				:	82px;
}
.lien
{
	float				:	left;
	height				:	38px;
	width				:	98px;
}	
span#menu_menu											/* ajustement menu */
{
	margin-left			:	5px;
}

/*  -------- Boutons  ------------- */
#navbar li.accueil span.button
{
	background	:	url(../../img/accueil.png) center no-repeat;
}
#navbar li.accueil:hover span.button
{
	background	:	url(../../img/accueil_hover.png) center no-repeat;
}

#navbar li.resto span.button
{
	background	:	url(../../img/resto.png) center no-repeat;
}
#navbar li.resto:hover span.button
{
	background	:	url(../../img/resto_hover.png) center no-repeat;
}
	
#navbar li.sandwicherie span.button
{
	background	:	url(../../img/sandwiches.png) center no-repeat;
}
#navbar li.sandwicherie:hover span.button
{
	background	:	url(../../img/sandwiches_hover.png) center no-repeat;
}
	
#navbar li.bar span.button
{
	background	:	url(../../img/bar.png) center no-repeat;
}
#navbar li.bar:hover span.button
{
	background	:	url(../../img/bar_hover.png) center no-repeat;
}
	
#navbar li.menus_sur_mesure span.button
{
	background	:	url(../../img/sur_mesure.png) center no-repeat;
}
#navbar li.menus_sur_mesure:hover span.button
{
	background	:	url(../../img/sur_mesure_hover.png) center no-repeat;
}

#navbar li.venir span.button
{
	background	:	url(../../img/venir.png) center no-repeat;
}
#navbar li.venir:hover span.button
{
	background	:	url(../../img/venir_hover.png) center no-repeat;
}



#onglets li.accueil a span.lien
{
	background	:	url(../../img/accueil_txt.png) top center no-repeat;
}
#onglets li.accueil a span.actif
{
	background	:	url(../../img/onglet_accueil.png)  bottom left no-repeat;
}
	
#onglets li.resto a span.lien
{
	background	:	url(../../img/resto_txt.png) top center no-repeat;
}
#onglets li.resto a span.actif
{
	background	:	url(../../img/onglet_resto.png) bottom left no-repeat;
}

#onglets li.sandwicherie a span.lien
{
	background	:	url(../../img/sandwiches_txt.png) top center no-repeat;
}
#onglets li.sandwicherie a span.actif
{
	background	:	url(../../img/onglet_sandwiches.png) bottom left no-repeat;
}	

#onglets li.bar span.lien
{
	background	:	url(../../img/bar_txt.png) top center no-repeat;
}
#onglets li.bar a span.actif
{
	background	:	url(../../img/onglet_bar.png) bottom left no-repeat;
}
	
#onglets li.menus_sur_mesure a span.lien
{
	background	:	url(../../img/sur_mesure_txt.png) top left no-repeat;
}
#onglets li.menus_sur_mesure a span.actif
{
	background	:	url(../../img/onglet_sur_mesure.png) bottom left no-repeat;
}
	
#onglets li.venir a span.lien
{
	background	:	url(../../img/venir_txt.png) top left no-repeat;
}
#onglets li.venir a span.actif
{
	background	:	url(../../img/onglet_venir.png) bottom left no-repeat;
}


/* ---------------------------------
 * 		ACCUEIL
 -----------------------*/
#accueil, #resto, #sandwicherie, #bar, #sur_mesure, #venir, #contact
{
	position			:	relative;
	width				:	100%;
	padding				:	15px 5px 5px 5px;
	font-size			:	0.8em;
	font-family			:	Helvetica, Geneva, Garamond, Arial,verdana, sans-serif;
	color				:	#fff;
}
#accueil #gauche
{
	float				:	left;
	width				:	40%;
	height				:	230px;
	margin-top			:	0.3em;
	text-align			:	center;
}
#droit 
{
	float				:	right;
	width				:	56%;
	margin				:	0.5em 1em 0 0;
}
	
#accueil #droit img
{	
	margin				:	-0.5em 0 -0.3em -2.5em;	
}
#accueil #droit p
{
	width				:	95%;
	line-height			:	1.2em;
	margin				:	1.1em 0 0.75em 0;
}
			#accueil #droit p a:hover span
			{
				color	:	#900080;	
			}
			
#accueil #contenu_bas
{
	float				:	right;
	width				:	64%;
	margin-top			:	-0.3em;
	font-size			:	0.8em;
	font-family			:	sans-serif;
}
#accueil #contenu_bas p span.titre_horaires
{
	display				:	block;
	margin-bottom		:	-0.8em;
	font-size			:	1.12em;
	font-family			:	Helvetica, Geneva, Garamond, Arial,verdana, sans-serif;
}
	
#accueil #contenu_bas p.left
{
	float				:	left;
	width				:	45%;			
}







/* -------------------------
 * 			RESTAURANT
 --------------------*/	
#resto																/* surcharge pour placer le coin violet */
{
	padding-top			:	10px;			
	padding-bottom		:	0;
}
#liberte, #liberte_plus, #enfant,  #buffets, #chaud
{
	float				:	left;
	width				:	31%;
	min-height			:	160px;
	font-size			:	0.9em;
	margin				:	0 0.5em 0.3em 0.5em;
}
#buffets, #chaud
{
	min-height			:	70px;
}

	
#resto span.titre, #resto span.prix										/* titres de menu et prix */
{
	display				:	block;
}
#resto span.prix
{
	width				:	100px;
	float				:	right;
}
	
	/* --- Affichage des prix ----- */
	#liberte span.prix		{	margin	:	30px -20px 0 0;}
	#liberte_plus span.prix	        {	margin	:	25px 0 0 0;}
	#enfant span.prix		{	margin	:	-60px 5px 0 0;}
	#buffets span.prix		{	margin	:	-42px -30px 0 0;}
	#chaud	span.prix		{	margin	:	-50px -15px 0 0;}
	
#liberte ul, #liberte_plus ul, #enfant ul, #buffets ul, #chaud ul
{
	margin-top			:	0.5em;
}

#liberte ul li, #liberte_plus ul li, #enfant  ul li, #buffets ul li, #chaud ul li
{
	margin-bottom		:	0.20em;
	line-height			:	1em;
	list-style-type		:	disc;
	list-style-position : 	inside;
} 
#chaud ul li{
	line-height: 22px;
}
#liberte ul li span.italic
{
	display				:	block;

}
#resto #contenu_bas
{
	width				:	100%;
	margin-left			:	-0.3em;
	min-height			:	300px;
	margin-top			:	-35px;
	background			:	url(../../img/coin_violet.png) right bottom no-repeat;
}

#tarifs
{
	visibility			: 	block;
	padding-top         :   250px;
	width				:	350px;
	text-align			:	center;
}
#tarifs a
{
	margin-left			:	10px;
	margin-right		:	5px;
}
	
#reservation
{
	float				:	right;
	margin				:	3.8em 5.7em 0 0;
}	

	#reservation span.titre, #reservation p
	{
		text-align		:	center;
	}
	#reservation p
	{
		margin-top		:	0.3em;
		font-size		:	0.9em;
	}
	#reservation p a
	{
		line-height		:	1.20em;
		text-transform	:	uppercase;
		font-weight		:	bold;
		color			:	#fff;
	}
	
#contenu_bas p.asterisque
{
	padding				:	1.8em 0 0.3em 0;
	text-align			:	center;
}



/* ------------------------
 * 	SANDWICHERIE / SUR_MESURE
 ------------------*/
#sandwicherie, #sur_mesure			
{
	padding				:	5px 0 0 0; 
}
#sandwicherie #gauche, #sandwicherie #droite
{
	width				:	48%;
	float				:	left;
	margin				:	0 0 0 1em;
}
#sandwicherie .titre1, #sandwicherie .titre2
{
	display				:	block;
	margin-bottom		:	1em;
}


#sandwicherie .illu
{
	float				:	left;
}
	#sandwicherie #gauche .illu
	{
		margin-top		:	1em;
	}
	#sandwicherie #droite .illu
	{
		margin-top		:	-3.5em;
		margin-bottom	:	0.3em;
	}
	
	
#sandwicherie #gauche p, #sandwicherie #droite p
{
	float				:	right;	
	line-height			:	1.2em;
	width				:	56%;
	margin-left			:	1em;
}
#sandwicherie #droite p
{
	margin-top			:	1em;
}
#sandwicherie #gauche a, #sandwicherie #droite a
{
	display				:	block;
	clear				:	both;
	padding-top			:	0.5em;
	text-align			:	center;
}


#sandwicherie #contenu_bas
{
	clear				:	both;
	min-height			:	140px;
	background			:	url(../../img/coin_violet_snack.png) right bottom no-repeat;
}	
#service_entreprise
{
	float				:	right;
	width				:	40%;
	margin-top			:	3em;
}
#service_entreprise .titre
{
	margin-left			:	-3em;
}
	
/* -----------------------------
 * 		MENUS SUR MESURE
 ---------------*/
#sur_mesure #gauche, #sur_mesure #droite
{
	float 				:	left;
	width				:	48%;
}
#sur_mesure #gauche
{
	text-align			:	center;
}	
#sur_mesure #droite
{
	margin-top			:	4em;
}
#sur_mesure p
{
	line-height			:	1.2em;	
}

#sur_mesure .titre, #venir .titre, #contact .titre
{
	display				:	block;
	margin-left			:	1em;
}
#sur_mesure #gauche .illu
{
	margin-top			:	.5em;
}
#sur_mesure #gauche a, #venir a
{
	display				:	block;
	margin-top			:	1em;
}

#sur_mesure #contenu_bas
{
	float				:	right;
	width				:	40%;
	min-height			:	83px;
	margin-top			:	4.8em;
	background			:	url(../../img/menus_coin_violet.png) right bottom no-repeat;
}	
#sur_mesure #contenu_bas p
{
	float				:	right;
	margin				:	2.5em 1.2em 0 0;
	width				:	75%;
	line-height			:	1.3em;
	text-align			:	center;
}


/* ---------------------
 * 		Venir
 --------------*/
#venir
{
	padding				:	5px 0 0 0;
}

#venir #droite, #venir #gauche
{
	float				:	left;
	text-align			:	center;
}
#venir #gauche
{
	width				:	60%;
	margin-bottom		:	1em;
}
#venir #droite
{
	width				:	35%;
	margin-top			:	1.5em;
	margin-left			:	1.5em;
}

#venir #droite .logo, #venir #droite p
{
	margin-bottom		:	1em;
}
#venir p
{
	line-height			:	1.2em;	
}
#venir a.itineraire
{
	width				:	40%;
	font-size			:	1em;
	margin				:	-3em 0 0 16em;
}
#venir a.itineraire span
{
	display				:	block;
	margin-bottom		:	0.3em;
	color				:	#fff;
}
#venir a.itineraire img
{
	float				:	right;
}

/* --------------------
 * 		CONTACT
 ------------*/
#contact   
{
	font-size			:	0.8em;
	padding				:	5px 5px 0px 5px;
}

#contact ul li input,#contact ul li textarea
{
	color				:	#fff;
	background-color	:	transparent;
	border				:	1px solid #940084;	
	overflow			:	hidden;
	font-size			:	0.9em;
	font-family			:	sans-serif;
}
#contact p
{
	text-align			:	center;
	font-size			:	0.8em;
	margin				:	0.2em 0;
}
#contact ul
{
	margin				:	0.5em auto 0;
}
#contact ul li
{
	width				:	49%;
	margin				:	0.25em 0;
}
#contact ul li label
{
	float				:	left;
	width				:	130px;
	margin-right		:	1em;
	text-align			:	right;
}

ul li#votre_demande
{
	width				:	90%;
	margin				:	0.5em auto 0;
}


#contact ul li.li_submit
{
	float				:	right;
	margin				:	-3em 2.5em 0 0;
	width				:	100px;
	text-align			:	right;
}
#contact ul li.li_submit input
{
	border				:	none;
	background			:	none;
}

input#nom, input#sujet, input#ville, input#email
{
	width				:	180px;
}
#update_contact
{
	text-align			:	center;
}

/* --------------------
 * 		BAR
 ------------*/
#bar
{
	padding				:	25px 5px 5px 5px;
}
#bar #gauche
{
	float				:	left;
	margin-bottom		:	2em;
	margin-left			:	1em;
	margin-top			:	0.5em;
	width				:	50%;
	text-align			:	center;
}
#bar #droite
{
	float				:	right;
	margin-right		:	3em;
	margin-bottom		:	1em;
	width				:	40%;
}
#bar #droite span.titre1
{
	margin-top			:	1.2em;
}
#bar ul
{
	margin				:	0.5em 0 1.5em 0.5em;
}
#bar ul li
{
	line-height			:	1.3em;
	margin-bottom		:	0.5em;
}
#bar p
{
	clear				:	both;
	bottom				:	0;
	color				:	#fff;
	text-align			:	center;
	font-size			:	0.8em;
	margin-bottom		:	0.2em;
}



/* --------------------
 * 		CLASS
 ------------*/
.left
{
	float			:	left;
}
.left2
{
	clear			:	left;
}
.droite, .right
{
	float			:	right;
}
.important
{
	font-weight		:	bold;
	color			:	#E50004;
}
.italic
{
	/*font-size		:	0.9em;*/
	font-family		:	sans-serif;
	color				:	#93117e;
	font-size			:	9px;
}
.italic img {
	margin-top : -30px;
	margin-right: 70px;
	float:right;	
}
.titre_horaires
{
	font-weight		:	bold;
	color			:	#940084;
}
.asterisque
{	
	padding-top:5px;
	margin-top:-20px;
	font-size		:	0.75em;
}
#carte_du_jour{
	float:right;
	margin-top:-55px;
	padding:0;
	margin-right:15px;
}	

#menu-tarif{

    float:left;
    margin-left:-236px;
	margin-top:-10px;
    height:320px;
    width:230px;
    text-align:vertical;
}
#menu-tarif a {
    display:block;
    height:50px;
    width:230px;
}
#menu-tarif a.tarif_semaine:hover{
    background-position:0px -50px;
}

#menu-tarif a.tarif_dimanche:hover{
    background-position:0px -50px;
}
#menu-tarif a.tarif_semaine {
    background:url(../../img/tarif_semaine.png) no-repeat;
}
#menu-tarif a.tarif_dimanche{
    background:url(../../img/tarif_dimanche.png) no-repeat;
}

#enfant span.titre { float:right;margin-right:50px;}
#enfant ul { float:right;}
#enfant span.span_titre_enfant {float:right;margin-left:150px;}

#enfant {
       background: url(../../img/menu_enfant_petite_fille.png) -15px -13px no-repeat;
}