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

@font-face { 
   font-family: "Antipasto"; 
   src: url(/statics/fonts/antipasto.eot); /* IE */ 
   src: local("Antipasto"), url(/statics/fonts/antipasto.ttf) format("truetype"); /* autres navigateurs */ 
} 

/* Vous pouvez maintenant utiliser votre police */ 
h1, h2, h3 {
   font-family:"Antipasto", verdana, helvetica, sans-serif;
} 

body {
	font-family: Verdana, Arial, sans-serif;
	background:url(/statics/img/tiles_bg.gif);
}

a {
	color:#738400;
	text-decoration:none;
}

h1 {
	margin:20px 0 30px 0;	
	font-size:36px;
}

h1 a, h2 a, h3 a, h4 a {
	color:#000;
}

.p {
	margin:10px 0;	
}

.box-white { background:#fff; padding:25px; margin:10px; }

#header {
	padding:0!important;
	border-bottom:solid 6px #c7d571;
	margin:0!important;
	height:150px;
	background:url(/statics/img/header_bg3.jpg) repeat center bottom #eee;

}
#header-outer {
	border-bottom:solid 2px #dde66c;
}

.hr { border-color:#c1d231; border-style:dotted; }

#header .inner {
	width:960px;
	margin:0 auto;
	position:relative;
	height:150px;
	padding:0;
}

#logo {
	float:left;
	position:relative;
	top:0px;
	left:40px;
	height:130px;
}

#loucam {
	font-size:12px;	
	position:absolute;
	top:10px;
	right:10px;
}

ul#menu {
	list-style:none;
	text-align:right;
	padding:5px 0;
	position:absolute;
	bottom:0px;
	right:0;
	margin:0;
}
ul#menu li {
	display:inline;
	margin:0 5px 0 0;}
ul#menu li a {
	position:relative;
	top:5px;
	display:block;
	padding:6px 10px;
	font-size:14px;
	color:#000;
	height:18px;
	float:left;
}
ul#menu li a:hover, ul#menu li a.hover {
	background:url(/statics/img/menu_bg.png) no-repeat center top;}
ul#menu li.small a:hover, ul#menu li.small a.hover {
	background:url(/statics/img/menu_bg_small.png) no-repeat center top;}
ul#menu li.selected a, ul#menu li.selected a:hover {
	background:#c7d571;
	color:#000;
	font-weight:bold;}
	
ul#menu li .submenu {
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	padding-bottom:20px;
	z-index:100;
	/*background:#dde66c;*/
	background:#a7a8a3;
	border-right:solid 1px #777;
	border-bottom:solid 1px #777;}
ul#menu li .submenu ul li {
	display:block;
	font-size:1.025em;
	clear:both;
	text-align:left;
	list-style:none;}
ul#menu li .submenu ul li a {
	display:block;
	float:none;
	clear:both;
	color:#000 !important;
	background:transparent;
	font-weight:normal;
	text-decoration:none;
	padding:0;
	padding-left:5px;
	height:auto;
	text-align:left;
	font-size:12px;}
ul#menu li .submenu ul li a:hover {
	color:#000 !important;
	background:#c7d571;
	font-weight:normal;}
ul#menu li .submenu ul li ul  {
	margin-left: 10px;}
ul#menu li .submenu ul li ul  li {
	clear:none;
	float:left;
	margin-right:3px;
	background:transparent !important;}


#content-outer {
	clear:both;}
#content {
	width:960px;
	margin:0 auto;
	padding:0 0;}

#breadcrumb {
	font-size:12px;
	margin:10px 0 20px 0;}
#breadcrumb a.current {
	color:#000;
	font-weight:bold;}
	
#footer {
	border-top:solid 6px #c7d571;
	background:#eee;
	padding:0;
	margin-top:20px;
}

#footer .inner {
	width:960px;
	margin:0 auto;
	position:relative;
}

#footer .loucam {
	font-size:12px;
	float:left;
	width:275px;
	margin-right:20px;
	margin-left:20px;
	margin-top:20px;
}
#footer .loucam p {
	margin-bottom:10px;
}
#footer ul.links {
	font-size:12px;
	float:left;
	list-style:none;
	margin-top:20px;
	margin-right:20px;
}
#footer ul.links a {
	color:#000;
}

.category {
	margin:20px 0;
	float:left;
	background:#fff;
	padding:20px 0;}
.category .photo {
	width:300px;
	float:left;
	display:block;
	display:table;}
.category .photo .inner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:300px;
	height:200px;
	position:relative;
	overflow:hidden;}
.category .photo .slide {
	width:300px;
	height:175px;
	background:#fff;}
.category .description {
	width:650px;
	float:left;
	margin-top:10px;
	margin-left:10px;}
.category .description p {
	font-size:12px;}
.category .description .links {
	font-size:12px;
	margin-top:10px;}
	
#breadcrumb {
	font-size:12px;
	margin:10px 0 20px 0;}
#breadcrumb a.current {
	color:#000;
	font-weight:bold;}

.item {
	margin:20px 0;
	background:#fff;
	padding:20px 0;}
.item h2 {
	font-size:30px;}
.item .photo {
	width:300px;
	float:left;
	display:block;
	display:table;}
.item .photo .inner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:300px;
	height:200px;
	position:relative;
	overflow:hidden;}
.item .photo .slide {
	width:275px;
	height:175px;
	background:#fff;}
.item .description {
	width:630px;
	float:left;
	margin-top:10px;
	margin-left:10px;}
.item .description p {
	font-size:12px;}
.item .description .links {
	font-size:12px;
	margin-top:10px;}
.item .description .prices {
	font-size:12px;
	margin:10px 0;}
.item .description .prices h4 {
	font-size:16px;
	color:#333;}
.item .description .prices table {
	margin:5px 0;
	border:solid 1px #ccc;
	border-right:none;}
.item .description .prices td, .item .description .prices th {
	width:60px;
	text-align:center;
	padding:5px 2px;}
.item .description .prices th {
	background:#ddd;
	color:#666;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}
.item .description .prices td {
	background:#eee;
	border-right:solid 1px #ccc;}
	
	
table.prices {
	margin:5px 0;
	border:solid 1px #ccc;
	border-right:none;
	border-bottom:none;
	font-size:12px;}
table.prices td, table.prices .header th {
	width:50px;
	text-align:center;
	padding:5px 2px;}
table.prices .name {
	width:300px;
	text-align:left;
	color:#000;}
table.prices th {
	background:#ddd;
	border-right:solid 1px #ccc;
	border-bottom:solid 2px #999;
	border-top:solid 2px #eee;
	color:#666;
	font-weight:bold;
	text-align:center;}
table.prices td {
	background:#eee;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}
table.prices tr.alt td {
	background:#fff;}
table.prices tr.alt th {
	background:#e6e6e6 !important;}
table.prices th.title {
	text-align:left;
	padding:5px 2px;}
table.prices tr:hover td, table.prices td.hover  {
	background:#ffc!important;}
	
table.horizontal td {
	width:auto;
	text-align:left;
	padding-left:20px;
}
table.horizontal th {
	width:250px;
	text-align:right;
	padding-right:10px;
}


	
ul.categories {
	list-style:none;
	display:block;
	clear:both;
}	
ul.categories li {
	display:block;
	clear:both;
	height:100px;
}
ul.categories li a {
	display:block;
	clear:both;
	font-size:20px;
	font-weight:bold;
	position:relative;
	font-family:"Antipasto", verdana, helvetica, sans-serif;
	height:100px;
}
ul.categories li a .table {
	display:table;
	height:100px;
	z-index:1000;
	position:relative;
}
ul.categories li a .cell {
	display:table-cell;
	vertical-align:middle;
	height:100px;
	float:left;
}
ul.categories li a .photo {
	width:120px;
	text-align:center;
	position:absolute;
	z-index:2;
	height:100px;
	top:-10px;
	left:20px;
}
ul.categories li:hover a .photo {
	top:-20px!important;
}
ul.categories li a .photo * {
	display:block;
	z-index:3;
}

ul.categories li:hover a .photo img {
}
ul.categories li a .text {
	position:absolute;
	left:0;
	width:120px;
	text-align:left;
	margin-left:5px;
	padding:5px;
	padding-bottom:0;
	padding-left:130px;
	/*margin-left:150px;*/
	display:table-cell;
	vertical-align:middle;
	height:auto;
	margin-top:15px;
	/*border-bottom: solid 2px #c7d571;*/
	color:#000;
	font-size:24px;
	z-index:1;
	background:url(/statics/img/category_bg.png) no-repeat;
}

ul.categories li a .text .but {
	padding-left:20px;
	padding-bottom:5px;
}
ul.categories li a:hover .text .but {
	background:url(/statics/img/menu_bg.png) no-repeat left bottom;
}

/*ul.categories li a:hover .text {
	background:#738400;
	color:#fff;
}*/
	
	
	

.version1 #header {
	border-color:#00D647;}
.version1 ul#menu li.selected a, .version1 ul#menu li.selected a:hover {
	background:#00D647;
	color:#fff;}
.version1 #footer {
	border-color:#00D647;}


.version2 #header {
	border-color:#3366ff;}
.version2 ul#menu li.selected a, .version2 ul#menu li.selected a:hover {
	background:#3366ff;
	color:#fff;}
.version2 #footer {
	border-color:#3366ff;}


.version3 #header {
	width:960px;
	margin:0 auto;
	border-right:solid 1px #ddd;
	border-left:solid 1px #ddd;}
.version3 #header .inner {
	width:100%;
	margin:0;}
.version3 #footer {
	width:960px;
	margin:0 auto;
	border-right:solid 1px #ddd;
	border-left:solid 1px #ddd;}
.version3 #footer .inner {
	width:100%;
	margin:0 10px;}