/*GLOBAL*/

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	margin:0px auto 0px auto;
	background: url("/images/bg/body.gif") #422827 top left repeat-x;
}

form {
	margin:0px;
}

a:focus, a:active{outline: none;}

.killer {
	clear:both;
	line-height:1px;
	height:1px;
	margin-top:-1px;
}

.erreur {
	color: #F32686;
	border: 1px solid #F32686;
	background-color:#FFECF5;
	margin: 10px auto 5px auto;
	padding: 5px 0px 5px 0px;
	text-align:center;
	width:99%;
}
.erreur a, .erreur a:link, .erreur a:visited {
	color: #F32686 !important;
	text-decoration:underline !important;
}
.erreur a:hover { text-decoration:none !important; }


.ok {
	font-weight:bold;
	margin: 10px auto 10px auto;
	padding: 5px 0px 5px 0px;
	text-align:center;
	border:1px solid #71C566;
	background-color: #F4FFF3;
	color:#339933;
	width:99%;
}

.opacityit:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;
}


.no_bg {
	background:none !important;
}

.no_border {
	border:none !important;
}

.no_width {
	width:auto !important;
}

h1 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#330000;
	text-transform:uppercase;
	background:url("/images/bg/ttl.gif") bottom left no-repeat;
	margin:0px 0px 5px 0px;
	padding:26px 0px 0px 0px;
}



/* SITE */
#header {
	width:950px;
	height:67px;
	margin:0px auto 0px auto;
	background:url("/images/bg/header.jpg") top no-repeat;

}
#header .logo {
	float:left;
}
#header .logo a {
	display:block;
	padding:18px 190px 5px 29px;
}
#header .login {
	float:right;
	width:190px;
	padding:7px 2px 0px 0px;
	color:#FF6600;
}
#header .login .input {
	border:1px solid #99BB00;
	font-size:11px;
	color:#888888;
	width:78px;
}
#header .login form {margin-bottom:3px;}
#header .login a, #header .login a:link, #header .login:visited { font-size:11px; color:#DDDDDD; text-decoration:none;}
#header .login a:hover { text-decoration:underline; }

#header .login .liens {
	color:#FFFFFF;
	padding:1px 0px 0px 2px;
}

#nav {
	width:667px;
	height:30px;
	margin:0px auto 0px auto;
	background:url("/images/bg/nav_g.gif") top left no-repeat;
	padding-left:283px;
}
#nav .accueil a{
	display:block;
	float:left;
	width:91px;
}
#nav .accueil a:link, #nav .accueil a:visited {background: url("/images/nav/accueil.jpg") no-repeat top;}
#nav .accueil a:hover {background: url("/images/nav/accueil.jpg") no-repeat 0 -30px;}

#nav .carte a{
	display:block;
	float:left;
	width:103px;
}
#nav .carte a:link, #nav .carte a:visited {background: url("/images/nav/carte.jpg") no-repeat top;}
#nav .carte a:hover {background: url("/images/nav/carte.jpg") no-repeat 0 -30px;}

#nav .adresses a{
	display:block;
	float:left;
	width:135px;
}
#nav .adresses a:link, #nav .adresses a:visited {background: url("/images/nav/adresses.jpg") no-repeat top;}
#nav .adresses a:hover {background: url("/images/nav/adresses.jpg") no-repeat 0 -30px;}

#nav .traiteur a{
	display:block;
	float:left;
	width:113px;
}
#nav .traiteur a:link, #nav .traiteur a:visited {background: url("/images/nav/traiteur.jpg") no-repeat top;}
#nav .traiteur a:hover {background: url("/images/nav/traiteur.jpg") no-repeat 0 -30px;}

#nav .recrutement a{
	display:block;
	float:left;
	width:137px;
}
#nav .recrutement a:link, #nav .recrutement a:visited {background: url("/images/nav/recrutement.jpg") no-repeat top;}
#nav .recrutement a:hover {background: url("/images/nav/recrutement.jpg") no-repeat 0 -30px;}
#nav .contact a{
	display:block;
	float:left;
	width:88px;
}
#nav .contact a:link, #nav .contact a:visited {background: url("/images/nav/contact.jpg") no-repeat top;}
#nav .contact a:hover {background: url("/images/nav/contact.jpg") no-repeat 0 -30px;}


#footer {
	width:942px;
	height:24px;
	margin:0px auto 0px auto;
	background:url("/images/bg/footer.gif") top repeat-x;
	color:#555555;
	font-size:11px;
	text-align:right;
	padding:4px;
}
#footer a, #footer a:link, #footer a:visited { color:#555555; text-decoration:none; padding:0px 2px; }
#footer a:hover { text-decoration:underline; }

#biskot{
	width:192px;
	font-size:10px;
	color:#D14718;
	margin:5px auto 10px auto ;
	padding:7px 5px;
	background-image:url("/images/bg/biskot.gif");
	background-position:top;
	background-repeat:no-repeat;
}

#biskot a{ font-size:10px;color:#D14718; text-decoration:underline; }
#biskot a:link, #biskot a:visited{ font-size:10px;color:#D14718; text-decoration:underline; }
#biskot a:hover{ font-size:10px;color:#D14718; text-decoration:none; }


/* ACCUEIL */
#home {
	width:950px;
	height:450px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
}
#home .bloc_g {
	float:left;
	width:287px;
	height:450px;
}
#home .bloc_m {
	float:left;
	padding:20px 10px 0px 6px;
	width:400px;
	height:430px;
	background:url("/images/bg/home_bloc_m.gif") top right no-repeat;
}

#home .bloc_m .produit {
	padding:10px 0px 5px 0px;
	font-size:12px;
}
#home .bloc_m .produit .photo {
	float:left;
	padding:0px 10px 0px 0px;
	display:inline;
}
#home .bloc_m .produit .photo  img{
	margin:0px;
}
#home .bloc_m .produit .contenu {
	float:left;
}

#home .bloc_m .produit .description {
	color:#777777;
	padding:4px 0px;
}
#home .bloc_m .produit .prix {
	background:url("/images/bg/home_prix.gif") top left no-repeat;
	height:22px;
	width:106px;
	color:#FF6600;
	padding:6px 0px 0px 12px;
}
#home .bloc_m .produit a, #home .bloc_m .produit a:link, #home .bloc_m .produit a:visited { color:#FF6600; text-decoration:underline; font-weight:bold;}
#home .bloc_m .produit a:hover { text-decoration:none;}


#home .bloc_d {
	float:left;
	padding:0px;
	font-size:1px;
}

/* PAGE (contenu, adresses, contact) */
#page {
	width:950px;
	margin:0px auto 0px auto;
	background:url("/images/bg/adresses.jpg") #FFFFFF 243px 0px  no-repeat;
}
#page .erreur, #page .ok {
	width:800px;
	margin:20px auto -10px auto;
}

#page .titre {
	padding:2px 0px 0px 75px;
}
#page .restaurants {
	height:285px;
	padding:25px 0px 0px 70px;
}
#page .restaurants .restaurant {
	float:left;
	width:220px;
}
#page .restaurants .restaurant .coordonnees {
	color:#996633;
	padding:10px 0px 0px 5px;
}

#page .footer {
	background:url("/images/bg/page-footer.jpg") bottom no-repeat;
	height:115px;
	width:440px;
	padding:0px 0px 0px 510px;
	margin-top:20px;
	
}
#page .footer span {
	color:#FF6600;
}
#page .footer .ttl {
	color:#FF6600;
	text-transform:uppercase;
	float:left;
	padding-right:9px;
	height:50px;
}

#page .contact_g, #page .contact_d {
	float:left;
	border:1px solid #EEEEEE;
	width:340px;
	height:200px;
	color:#996633;
	background-color:#FCFCFC;
	padding:20px;
	text-align:justify;
	display:inline;	
}
#page .contact_g {
	margin:25px 36px 20px 75px;
}

#page .contact_d {
	margin:25px 0px 20px 0px;
}

#page .content {
	border:1px solid #EEEEEE;
	width:760px;
	color:#996633;
	background-color:#FCFCFC;
	padding:20px;
	text-align:justify;
	margin:25px 0px 20px 75px;
}

#page .content h2 {
	font-size:12px;
	text-decoration:underline;
	margin:10px 0px 5px 0px;
	color:#330000;
}
#page .content a, #page .content a:link, #page .content a:visited { color:#996633; text-decoration:underline;}
#page .content a:hover { text-decoration:none;}

#page .content h2 a, #page .content h2 a:link, #page .content h2 a:visited { color:#996633; text-decoration:underline;}
#page .content h2 a:hover { color:#996633; text-decoration:none;}

#formulaire input {
	border:1px solid #E0E0E0;
	font-size:11px;
	width:220px;
	color:#422827;
}
#formulaire select {
	border:1px solid #E0E0E0;
	font-size:11px;
	color:#422827;
}
#formulaire td {
	height:20px;
}
#formulaire textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:220px;
	height:70px;
	color:#422827;
	border:1px solid #E0E0E0;
}

#formulaire .long_text {
	width:400px;
	height:100px;
}


#formulaire .ttl {
	width:87px;
	padding-right:25px;
	text-align:right;
}
#formulaire .legende {
	text-align:right;
	font-size:9px;
}
#formulaire h2 {
	font-size:12px;
	text-decoration:underline;
	margin:10px 0px 5px 0px;
	color:#330000;
}



/* PAGE 2 COLONNES - CARTE, RECRUTEMENT */
#page2 {
	width:950px;
	margin:0px auto 0px auto;
	background:url("/images/bg/carte_nav.gif") #FFFFFF bottom left  repeat-y;
}
#page2 .page_g {
	width:160px;
	float:left;
	background:url("/images/bg/carte_rubriques.gif") #f4f3f3 bottom left  no-repeat;
	padding:28px 0px 30px 0px;
}
#page2 .page_g ul {
	padding:0px;
	margin:10px 0px;
}

#page2 .page_g li {
	list-style:none;
	margin:0px;
}

#page2 .page_g li a {
	color:#000000;
	display:block;
	padding:0px 0px 1px 14px;
	height:13px;
}
#page2 .page_g li a:link, #page2 .page_g li a:visited { text-decoration:none; }
#page2 .page_g li a:hover { color:#00FF00; background:url("/images/bg/carte_li_hover.gif") top  no-repeat; }

#page2 .page_g .postuler a {color:#000000; padding-left:14px; font-weight:bold;}
#page2 .page_g .postuler a:link, #page2 .page_g .postuler a:visited { color:#000000; text-decoration:none; }
#page2 .page_g .postuler a:hover { color:#00FF00; }

#page2 .page_d {
	width:724px;
	float:left;
	padding:0px 33px 30px 33px;
}
#page2 .page_d a, #page2 .page_d a:link, page2 .page_d a:visited { color:#996633; text-decoration:none; }
#page2 .page_d a:hover { color:#996633; text-decoration:underline; }

#page2 .page_d .content {
	border:1px solid #EEEEEE;
	width:682px;
	color:#996633;
	background-color:#FCFCFC;
	padding:20px;
	text-align:justify;
	margin:25px 0px;
}

#page2 .page_d .listing {
	padding:20px 0px !important;
	width:722px !important;
}

#page2 .page_d .legende {
	color:#FF6600;
	margin-bottom:30px;
}
#page2 .page_d .produit {
	float:left;
	width:210px;
	padding:0px 31px 10px 0px;
}

#page2 .page_d .produit a {
	text-align:center;
	width:210px;
	display:block;
}

#page2 .page_d .produit h2 {
	color:#CC6600;
	font-size:11px;
	width:210px;
	border-bottom:1px solid #CC6600;
	text-decoration:none;
	padding:0px;
	margin-bottom:10px;
}
#page2 .page_d .produit h3 {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	clear:both;
}
#page2 .page_d .produit select {
	float:left;
	font-size:11px;
	height:19px;
}
#page2 .page_d .produit .prix {
	font-size:11px;
	color:#FFFFFF;
	background-color:#FF6600;
	padding:2px 8px 3px 8px;
	float:left;
	height:14px;
}
#page2 .page_d .produit .btn {
	float:left;
	padding:0px 8px 3px 8px;
	width:auto !important;
}

#page2 .page_d .panier {
	width:100%;
	font-size:12px;
}

#page2 .page_d .panier th {
	color:#422827;
}
#page2 .page_d .panier td {
	height:18px;
}
#page2 .page_d .panier .total {
	font-weight:bold;
	font-size:15px;
	text-align:right;
	text-transform:uppercase;
	height:23px;
	background-color:#EEEEEE;
	border-bottom:1px dotted #FF6600;
	color:#FF6600;
}
#page2 .page_d .panier .interligne {
	padding-top:10px;
}
#page2 .page_d .panier input {
	border:1px solid #E0E0E0;
	font-size:12px;
	color:#422827;
	text-align:center;
	width:40px;
}
#page2 .page_d .panier a, #page2 .page_d .panier a:link, page2 .page_d .panier a:visited { color:#FF6600; text-decoration:none; }
#page2 .page_d .panier a:hover { color:#FF6600; text-decoration:underline; }

#page2 .page_d .bloc_commande {
	margin:0px 0px 10px 20px;
	float:left;
	height:120px;
	border:1px solid #EEEEEE;
	padding:15px 20px 20px 20px;
	width:289px;
	display:inline;
}

#page2 .page_d .bloc_commande  h2{
	font-size:12px;
	text-decoration:underline;
	margin:0px 0px 10px 0px;
}


#page2 .page_d .bloc_g, #page2 .page_d .bloc_d {
	float:left;
	width:310px;
	border:1px solid #EEEEEE;
	height:120px;
	color:#996633;
	background-color:#FCFCFC;
	padding:15px;
	text-align:justify;
	margin-top:20px;
}
#page2 .page_d .bloc_g {
	margin-right:12px;
}
#page2 .page_d .bloc_g h2, #page2 .page_d .bloc_d h2 {
	margin:0px 0px 10px 0px;
	font-size:12px;
	text-decoration:underline;
	color:#330000;

} 
#page2 .page_d .bloc_g .formulaire, #page2 .page_d .bloc_d .formulaire {
	margin-top:5px;
}

#page2 .page_d .bloc_g td, #page2 .page_d .bloc_d tr {
	height:22px;
}

#page2 .page_d .bloc_g input, #page2 .page_d .bloc_d .formulaire input  {
	border:1px solid #E0E0E0;
	font-size:11px;
	width:220px;
	color:#422827;
} 

#panier {
	background:url("/images/bg/panier.gif") top left  no-repeat;
	width:262px;
	height:38px;
	float:right;
	padding-left:8px;
	display:none;
}
#panier img {
	float:left;
}
#panier_content {
	float:left;
	padding:11px 0px 0px 9px;
}
#panier_content span {
	color:#FF6600;
}
#panier_confirm {
	position:absolute;
	left: 50%;
	top: 40%;
	width: 300px;
	height: 40px;
	margin-left: -70px;
	
	z-index:100;
	border:1px solid #FF6600;
	background-color:#FFDDCC;
	color:#FF6600;
	text-align:center;
	font-weight:bold;
	display:none;
	padding-top:20px;
}