* {
	border: 0;
	margin: 0;
	outline: none;
	padding: 0;
}

html, body {
	background: #f6fbfd url(/images/frontend/background-repeat.jpg) repeat-x 0 0;
	font-family: Verdana, Arial, sans-serif;
	height: 100%;
	width: 100%;
}

html {
	font-size: 100%;
}

body {
	background: transparent url(/images/frontend/background.jpg) no-repeat 50% 0;
	font-size: 0.8em;
}

.clear { clear: both; display:block; line-height: 0; height: 0px; width: 0px; overflow: hidden; visibility: hidden;}

a, a:link, a:visited, a:active {
	color: #ff0000;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline
}

.italic {font-style: italic}
.capitalize {text-transform: capitalize}
.uppercase {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.underline {text-decoration: underline}

.bold,strong,.strong {font-weight: bold}
.no-bold {font-weight: normal}

.noLink, .noLink a{cursor: default}

.nowrap{white-space: nowrap}

.forPrint{
	display: none;
}

div.hr{
	background: transparent url(/images/frontend/hr.gif) left top repeat-x;
	height: 2px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}
div.hr hr,{
	display:none
}

div.hr2{
	background: transparent url(/images/frontend/hr2.gif) left top repeat-x;
	height: 2px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}
div.hr2 hr,{
	display:none
}

.c-hide{display:none}
.c-hidden{visibility:hidden}
.c-visible{visibility:visible}

.noMarginTop{margin-top:0!important}
.noMarginRight{margin-right:0!important}
.noMarginBottom{margin-bottom:0!important}
.noMarginLeft{margin-left:0!important}

.fl-left{float: left}
.fl-right{float: right}

.frameClass{
	border: 1px dotted #999;
}

.red1{color:#ff0000}
.red2{color:#ed3016}
.grey{color:#939393}
.green1{color:#b3d234}
.green2{color:#9eb00d}
.grey1{color:#8f9084}

.fontSize12{font-size: 12px;}
/***********************/


/***********************/
/* WRAPPER */
#wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 862px;
}
/***********************/


/***********************/
/* HEADER */
#header {
	height: 106px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 862px;
}

#header #logo {
	background: transparent url(/images/frontend/logo-allegro.png) top left no-repeat;
	display: block;
	height: 105px;
	overflow: hidden;
	
	/* Center floating logo */
	position: relative;
	left: 50%;
	margin-left: -93px;
	
	text-indent: -9999px;
	width: 186px;
}


#header a.home{
	background: transparent url(/images/frontend/menu_top.png) no-repeat -2px -4px;
	display: block;
	height: 8px;
	left: 9px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 11px;
	width: 45px;
}

#header.en a.home{
	background: transparent url(/images/frontend/menu_top_en.png) no-repeat -2px -4px;
}

#header a.home:focus,
#header a.home:hover{
	background-position: -2px -20px;
}

#header ul{
	display: block;
	position: absolute;
	right: 9px;
	top: 11px;
}

#header ul li{
	display: block;
	float: left;
	list-style: none;
}

#header ul li a{
	background: transparent url(/images/frontend/menu_top.png) no-repeat -110px -4px;
	display: block;
	float: left;
	height: 8px;
	text-indent: -9999px;
	width: 25px;
}

#header.en ul li a{
	background: transparent url(/images/frontend/menu_top_en.png) no-repeat -110px -4px;
}

#header ul li a:focus,
#header ul li a:hover,
#header ul li a.selected{
	background-position: -110px -20px;
}

#header ul li a.selected{
	cursor: default;
}

#header ul li.product a {
	background-position: -58px -4px;
	width: 53px;
}

#header ul li.product a:focus,
#header ul li.product a:hover,
#header ul li.product a.selected {
	background-position: -58px -20px;
}


#header ul li.outlets a{
	background-position: -135px -4px;
	width: 86px;
}

#header ul li.outlets a:focus,
#header ul li.outlets a:hover,
#header ul li.outlets a.selected{
	background-position: -135px -20px;
}

#header.en ul li.outlets a{
	background-position: -134px -4px;
	width: 81px;
}

#header.en ul li.outlets a:focus,
#header.en ul li.outlets a:hover,
#header.en ul li.outlets a.selected{
	background-position: -134px -20px;
}

#header ul li.contact a{
	background-position: -220px -4px;
	width: 49px;
}

#header.en ul li.contact a{
	background-position: -214px -4px;
	width: 49px;
}

#header.en ul li.contact a:focus,
#header.en ul li.contact a:hover,
#header.en ul li.contact a.selected{
	background-position: -214px -20px;
}

#header ul li.medias a{
	background-position: -270px -4px;
	width: 43px;
}

#header ul li.medias a:focus,
#header ul li.medias a:hover,
#header ul li.medias a.selected{
	background-position: -270px -20px;
}

#header.en ul li.medias a{
	background-position: -263px -4px;
	width: 63px;
}

#header.en ul li.medias a:focus,
#header.en ul li.medias a:hover,
#header.en ul li.medias a.selected{
	background-position: -263px -20px;
}

#header ul li.en a{
	background-position: -313px -4px;
	width: 45px;
}

#header ul li.en a:focus,
#header ul li.en a:hover,
#header ul li.en a.selected{
	background-position: -313px -20px;
}

#header.en ul li.en a{
	background-position: -328px -4px;
	width: 55px;
}

#header.en ul li.en a:focus,
#header.en ul li.en a:hover,
#header.en ul li.en a.selected{
	background-position: -328px -20px;
}
/***********************/


/***********************/
.allez {
	background:url(/images/frontend/icon-allez-y.gif) no-repeat scroll 0 0 transparent;
	display: block;
	height: 18px;
	text-indent: -9999px;
	width: 63px;
}

#wrapper.en .allez {
background: transparent url(/images/frontend/icon-allez-y_en.gif) 0 0 no-repeat;
}
/***********************/


/***********************/
#mainmenu{
	margin: 7px 0 10px 0;
}

#mainmenu li,
#mainmenu li a{
	display: block;
	float: left;
	overflow: hidden;
}

#mainmenu li a {
	background: transparent url(/images/frontend/menu_en.gif) no-repeat 0 0;
	height: 20px;
	text-indent: -9999px;
	width: 64px;
}

#wrapper.fr #mainmenu li a{
	background-image: url(/images/frontend/menu_fr.gif)
}

#mainmenu li.on a{
	cursor: default;
}

#mainmenu li a.creation {
	background-position: 0 0;
	height: 20px;
	text-indent: -9999px;
	width: 64px;
}

#mainmenu li a.creation:focus,
#mainmenu li a.creation:hover,
#mainmenu li.on a.creation{
	background-position: 0 -20px;
}
/***/
#mainmenu li a.integration{
	background-position: -64px 0;
	width: 82px;
}
#mainmenu li a.integration:focus,
#mainmenu li a.integration:hover,
#mainmenu li.on a.integration{
	background-position: -64px -20px;
}
/***/
/***/
#mainmenu li a.media{
	background-position: -146px 0;
	width: 49px;
}
#mainmenu li a.media:focus,
#mainmenu li a.media:hover,
#mainmenu li.on a.media{
	background-position: -146px -20px;
}
/***/
/***/
#mainmenu li a.technology{
	background-position: -195px 0;
	width: 113px;
}
#mainmenu li a.technology:focus,
#mainmenu li a.technology:hover,
#mainmenu li.on a.technology{
	background-position: -195px -20px;
}
/***/
/***/
#mainmenu li a.about{
	background-position: -308px 0;
	width: 154px;
}
#mainmenu li a.about:focus,
#mainmenu li a.about:hover,
#mainmenu li.on a.about{
	background-position: -308px -20px;
}
/***/
/***/
#mainmenu li a.press{
	background-position: -462px 0;
	width: 154px;
}
#mainmenu li a.press:focus,
#mainmenu li a.press:hover,
#mainmenu li.on a.press{
	background-position: -462px -20px;
}
/***/
/***/
#mainmenu li a.client{
	background-position: -616px 0;
	width: 154px;
}
#mainmenu li a.client:focus,
#mainmenu li a.client:hover,
#mainmenu li.on a.client{
	background-position: -616px -20px;
}
/***/
/***/
#mainmenu li a.contact{
	width: 124px;
	background-position: -770px 0;
}
#mainmenu li a.contact:focus,
#mainmenu li a.contact:hover,
#mainmenu li.on a.contact{
	background-position: -770px -20px;
}
/***/
/***/
#mainmenu li a.lang{
	background-position: -894px 0;
	width: 30px;
}
#mainmenu li a.lang:focus,
#mainmenu li a.lang:hover,
#mainmenu li.on a.lang{
	background-position: -894px -20px;
}
/***/
/***********************/


/***********************/
/* MENU */

#menu {
	width: 150px;
	float: left;
	background: #eee;
	padding-left: 6px;
}

#menu h2 {
	padding: 4px 0;
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#menu h2 a {
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#menu ul {
	list-style-type: none;
	text-align: left;
}

#menu ul li a {
	background: transparent url(/images/list-off.gif) left center no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #999;
}

#menu ul li a:hover {
	background: transparent url(/images/list-on.gif) left center no-repeat;
	color: black;
}

#menu ul li a#current {
	background: transparent url(/images/list-active.gif) left center no-repeat;
	color: #666;
}
/***********************/


/***********************/
/* CONTAINER */

#container {
	width: 924px
}
#container .projectnav {
	color: #000;
	font: normal 12px "Arial", "Verdana", sans-serif;
	height: 18px;
	padding-top: 38px;
}
#container .projectnav a {
	color: #000;
}
#container .projectnav .previous {
	float: left;
	background: transparent url(/images/frontend/project-nav-previous.gif) no-repeat left 50%;
	padding-left: 10px;
}
#container .projectnav .next {
	float: right;
	background: transparent url(/images/frontend/project-nav-next.gif) no-repeat right 50%;
	padding-right: 10px;
}
#container #flashcontent.project {
	height: 345px;
	width: 924px;
}
#container #flashcontent.featured {
	height: 370px;
	padding-top: 56px;
	width: 924px;
}

#container h2 {
	color: #000;
	font: bold 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	padding: 4px 0 6px;
}
/***********************/


/***********************/
/* home container */
.container {
	width: 862px;
}

.sw-container{
	float: left;
	overflow: hidden;
	width: 580px;
}

.sw-container .container-top{
	background: transparent url(/images/frontend/content-top.png) no-repeat 0 0;
	height: 11px;
	overflow: hidden;
	text-indent: -9999px;
	width: 580px;
}

.sw-container .container-bottom{
	background: transparent url(/images/frontend/content-bottom.png) no-repeat 0 0;
	height: 9px;
	overflow: hidden;
	text-indent: -9999px;
	width: 580px;
}

.sw-container .container-content{
	background: transparent url(/images/frontend/content-bg.png) repeat-y 0 0;
	overflow: hidden;
	width: 580px;
	overflow: visible;
}
/***********************/


/***********************/
/* capsules */
.cont-capsules{
	float: left;
	margin: 2px 0 0 12px;
	width: 266px;
}

.capsule {
	background: url(/images/frontend/navigation/button-container-bg.jpg) left center no-repeat;
	height: 191px;
	padding: 0 24px 0 0;
	width: 271px;
}

.capsule-last{
	padding-right: 0;
}

.capsule .container {
	/* background: #000; */
	/* height: 191px; */
}
.capsule h2 {
	/* text-align: center; */
	/* display: block; */
	/* float: left; */
	height: 191px;
	overflow: hidden;
	position: relative;
	left: 12px;
	top: 12px;
	width: 248px;
}
.capsule h2 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	width: 100%;
}

.capsule h2.toscana a {
	background: transparent url(/images/frontend/navigation/contest.gif) 0 0 no-repeat;
}
#wrapper.en .capsule h2.toscana a {
	background: transparent url(/images/frontend/navigation/contest_eng.gif) 0 0 no-repeat;
}

.capsule h2.fromages a {
	background: transparent url(/images/frontend/navigation/decouvrez-fromages.gif) 0 0 no-repeat;
}
#wrapper.en .capsule h2.fromages a {
	background: transparent url(/images/frontend/navigation/new-cheese-en.gif) 0 0 no-repeat;
}

.capsule h2.recettes a {
	/* 	background: transparent url(/images/frontend/navigation/Allegro_vignette_recettes_FR.jpg) -13px -8px no-repeat;	*/
	background: transparent url(/images/frontend/navigation/saltimbocca_fr.jpg) -13px -8px no-repeat;
	height: 171px;
}
#wrapper.en .capsule h2.recettes a {
	/*	background: transparent url(/images/frontend/navigation/Allegro_vignette_recettes_EN.jpg) -12px -9px no-repeat;	*/
	background: transparent url(/images/frontend/navigation/saltimbocca_en.jpg) -12px -9px no-repeat;
	height: 171px;
}

.capsule h2.raisons {
	width: 252px;
	top: 9px;
	left: 11px;
}
.capsule h2.raisons a {
	background: transparent url(/images/frontend/navigation/img-raisons.png) 0 0 no-repeat; /* 252 x 169 */
}
#wrapper.en .capsule h2.raisons a {
	background: transparent url(/images/frontend/navigation/img-raisons_en.png) 0 0 no-repeat; /* 252 x 169 */
}

.capsule h2.flex {
	width: 252px;
	top: 9px;
	left: 11px;
}
.capsule h2.flex a {
	background: transparent url(/images/frontend/navigation/flex.jpg) 0 0 no-repeat; /* 252 x 169 */
}
#wrapper.en .capsule h2.flex a {
	background: transparent url(/images/frontend/navigation/flex-en.jpg) 0 0 no-repeat; /* 252 x 169 */
}

/*
.capsule h2.toscana a:hover,
.capsule h2.fromages a:hover,
.capsule h2.recettes a:hover,
.capsule h2.raisons a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
*/

#footer{
	color: #839fb5;
	font-size: 0.8em;
	margin: 70px 0 0 0;
}

#footer li {
	list-style-type: none;
}

#footer li.copy {
	float: left;
}

#footer li.copy a{
	color: #839fb5;
	text-decoration: underline;
}

#footer li.copy a:focus,
#footer li.copy a:hover{
	text-decoration: none;
}

#footer li.newsletter {
	float: right;
	margin-top: -2px;
}

#footer li.newsletter div {
	display: inline;
}

#footer li.newsletter label {
	color: #604010;
	font-weight: bold;
	display: inline;
}

#footer li.newsletter input.field {
	background-color: #f6fbfd;
	border: 1px solid #aea28c;
	font-size: 11px;
	width: 13em;
	padding: 0 2px;
	color: #7c97a8;
}

#footer li.newsletter input.image {
	margin-bottom: -3px;
}

/***********************/