/*
╭━━━━━━━━━━━╯ KARIMBA-DESIGN ╰━━━━━━━━━━━╮
	
	Feuille de styles 
	
 _________________________________________________________ 
	Mis à jour le 18/01/2013 à 12:58:22 par Y. Guérin
	© KARIMBA-DESIGN > http://www.karimba-design.fr
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/


@font-face {
    font-family: 'GemelliRegular';
    src: url('../fonts/gemelli/gemelli.eot');
    src: url('../fonts/gemelli/gemelli.eot') format('embedded-opentype'),
         url('../fonts/gemelli/gemelli.woff') format('woff'),
         url('../fonts/gemelli/gemelli.ttf') format('truetype'),
         url('../fonts/gemelli/gemelli.svg#GemelliRegular') format('svg');
}

.ui-widget-content {
	border:none;
}
.ui-widget-header {
	-webkit-border-radius: 0px;
	 -khtml-border-radius: 0px;
	   -moz-border-radius: 0px;
		border-radius: 0px;
	border: none;
	border-bottom:1px solid #AAA;
	background:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F8F8F8');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8F8F8));
	background: -moz-linear-gradient(top, #FFFFFF, #F8F8F8);
}
.ui-tabs .ui-tabs-nav li {
	font-weight: bold;
	font-size:13px;
	margin:0px 10px 1px 0px;
}
.ui-tabs .ui-tabs-nav li:first-child {margin-left:60px;}
.lunchbox .ui-tabs .ui-tabs-nav li:first-child {margin-left:135px;}

.ui-tabs .ui-tabs-nav li a {
	padding:5px 25px;
	color:#AE111D;
}
.ui-tabs .ui-tabs-panel {
	padding:5px 0px;
}

#maincontent h3 {
	font-size: 19px;
	color: #62AD23;
	margin:0px 0px 15px;
}

#tabs div ul li {
	position: relative;
	clear: both;
	padding: 15px 50px 0px;	
}
#tabs div ul li a {
	display: block;
	min-height:95px;
	padding: 5px 8px;
	background: #FFF;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		border-radius: 5px;
}
#tabs div ul li img.photo {
	float:left;
	margin: 0px 10px 0px 0px;
	border:1px solid #FFF;
}
#tabs div ul li img.zoom {
	position: absolute;
	top:68px;
	left:103px;
	opacity: 0;
}
#tabs div ul li h6 {
	font-size:17px;
	color:#AE111D;
	padding:5px 0px;
}
#tabs div ul li p.description {
	color:#666;
	font-style: italic;
	font-size: 14px;
}
#tabs div ul li p.nouveau {
	position: absolute;
	top: 10px;
	left: 5px;
	padding:1px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	background: #D00;
	color: #FFF;
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
	-webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.3);
	   -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.3);
			box-shadow:0px 1px 8px rgba(0,0,0,0.3);
}

#tabs div ul li a:hover {background: #EEE;}

#tabs div ul li a:hover img.zoom {opacity: 1;}
#tabs div ul li a:hover img.photo {
	-webkit-box-shadow:0px 1px 5px #888888;
	   -moz-box-shadow:0px 1px 5px #888888;
		box-shadow:0px 1px 5px #888888;
}
#tabs div ul li a:hover p.description {color:#000;}
#tabs div ul li a:hover h6 {color:#D30E1B;}

#tabs div ul li a:hover,
#tabs div ul li a:hover img.zoom,
#tabs div ul li a:hover img.photo,
#tabs div ul li a:hover p.description,
#tabs div ul li a:hover h6 {
	-webkit-transition:	all 0.2s linear;
	-moz-transition:	all 0.2s linear;
	-ms-transition:		all 0.2s linear;
	-o-transition:		all 0.2s linear;
	transition:		all 0.2s linear;
}


#suggestion {
	position: relative;
	width:606px;
	height:250px;
	margin:50px auto;
}
#suggestion table {
	position: absolute;
	top: 0px;
	left: 103px;
	width: 400px;
	height: 250px;
	overflow: hidden;
}
#suggestion table td {
	vertical-align: middle;
	text-align: center;
}
#suggestion table td p {
	font-family: "GemelliRegular", "Comic Sans MS", cursive;
	font-size: 16px;
	line-height: 18px;
	background: none;
	color: #FFF;
	margin: 10px 0px;
}


#passcommande {
	margin-top:15px;
	text-align: center;
	font-size:15px;
}

/* ╰━┅┉┈  © KARIMBA-DESIGN - www.karimba-design.fr  ┈┉┅━╯ /*