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

body {
	margin: 0;
	background: #000 url(../img/frontend/top_bgrd.jpg) top center no-repeat;
}

#container{
	width: 980px;
	margin: 0 auto;	
}

#mainContainer {
	width: 980px;
	background: transparent url(../img/frontend/bottom_bgrd.jpg) bottom right no-repeat;
	float: left;
}

#wrapper {
	width: 980px;
	float: left;
}

#header {
	width: 980px;
	height: 178px;
	float: left;	
	padding-top: 34px;
}

#banner {
	width: 728px;
	height: 90px;
	float: right;
	background: transparent url(../img/frontend/bannerBrdr.gif) center center no-repeat;
	padding: 5px;
}

/*********************** left column start ***********************/
/*********************** top menu start ***********************/

ul#topMenu {
	float: left;
	width: 980px;
	height: 45px;
	padding: 0;
	margin: 23px 0 0 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff9a16;
	font-weight: bold;
}


ul#topMenu li {
	height: 45px;
	float: left;
	display: block;
	background: transparent url(../img/frontend/menuBgrd.gif) top left repeat-x;	
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
}

ul#topMenu li.topMenu-accueil {
	background: transparent url(../img/frontend/leftMenuBgrd.gif) top left no-repeat;
	border-left: none;
	border-right: none;
	border-right: 1px #000 solid;
}

ul#topMenu li.langBtn, ul#topMenu li.topMenu- {
	background: transparent url(../img/frontend/rightMenuBgrd.gif) top right no-repeat;
	width: 144px;
	height: 45px;
	border-left: 1px #000 solid;
	border-right: none;
	text-align: right;
}

ul#topMenu li a {
	display: block;
	float: left;
	height: 21px;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff9a16;
	text-decoration: none;
}

 
ul#topMenu li.topMenu-accueil a.current, ul#topMenu li.topMenu-accueil a:hover {
	background: transparent url(../img/frontend/leftMenuBgrdHover.gif) top left no-repeat !important;
	color: #ffdfb8 !important;
}

ul#topMenu li a:hover, ul#topMenu li a.current {
	background: transparent url(../img/frontend/menuBgrdHover.gif) top left repeat-x;		
	color: #ffdfb8;
}
/*********************** top menu end ***********************/

#contentWrapper {
	width: 980px;
	float: left;
}

#leftContainer{
	width: 660px;
	float: left;
	padding-bottom: 41px;
}

#rightContainer{
	width: 310px;	
	float: left;
	padding-left: 10px;
}

#banner_top {
	width: 728px;
	height: 90px;
	background-color: #e1e1e1;
	float: left;
}

#topMenu {
	width: 975px;
	height: 45px;
	float: left;
}

#slideshow {
	width: 650px;
	height: 330px;
	background: transparent url(../img/frontend/slideshowBgrd2.gif) top left no-repeat;
	padding: 5px;
}

#recettes {
	width: 650px;
	height: 304px;
	background: transparent url(../img/frontend/recettesBgrd.gif) top left no-repeat;
	padding: 14px 5px 5px 5px;	
	margin: 10px 0 10px 0;
}

.recettesBox {
	width: 211px;
	height: 180px;
	border: #323232 1px solid;
	border-bottom: none;
	background: transparent url(../img/frontend/recettesBoxBgrdTop.gif) top left repeat-x;	
	float: left;
}

.recettesBoxTxt {
	width: 199px;
	height: 46px;
	border: #323232 1px solid;
	border-top: none;
	background: transparent url(../img/frontend/recettesBoxBgrdBtm.gif) top left repeat-x;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff9a16;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;	
}
.txtH3Lnk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.txtH3Lnk:hover {
	color: #FFDFB8;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffdfb8;
	margin: 0;	
	display: block;
	
}

.titles, .titles h2 {
	float: left;		
}



h2.titles {
	height: 23px;
	width: 320px;
	float: left;
	padding: 8px 0 10px 5px;
	background: transparent url(../img/frontend/vertFeatBgrd.gif) top left no-repeat;	
}

a.titlesLnk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffdfb8;
	text-decoration: none;
}

a.titlesLnk:hover {
	color: #FF9900;	
}

.btmFeatArticles {
	float:  left;
	background: transparent url(../img/frontend/horizFeatBgrdMiddle.gif) top left repeat-y;
	width: 649px;
	padding-right: 5px;
	padding-left: 6px;
}

h2.tFirst, .tFirst {
	margin-right: 10px;	
}

.buttons {
	float: left;	
}

.recettesBox img {
	border: 2px solid #FFF;
	margin: 13px 29px;
}

.recettesContainer {
	float: left;
	width: 213px;
	height: 233px;
	padding-right: 5px;
}

.rLast {
	padding-right: 0;	
}

.oneLine {
	display: block;
	padding-top: 10px;	
}

#header h1 {
	display: none;	
}

.feature {	
	width: 325px;
	float: left;
	padding: 0;
}



#recettes h2, #btmFeature h2 {
	background: none;	
	padding-bottom: 12px;
}

#btmFeature h2 {
	padding-left: 5px;
	padding-bottom: 0px;
	height: 36px;
	display: block;
}


.fArticle {
	background: #0d0d0d url(../img/frontend/vertFeatArticleBgrd.gif) top left repeat-x;	
	width: 303px;
	border: #323232 1px solid;
	float: left;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.btmArticle, .rubriqueBtmArticle {
	width: 309px;
	border-top: #323232 1px solid;
	float: right;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 9px;

	background: transparent url(../img/frontend/vertFeatArticleBgrdSmall.gif) top left repeat-x;		
}

.btmFirst, .rubriqueBtmFirst {
	padding-left: 10px;
	padding-right: 0;
	width: 308px;
	float: left;
	margin-right: 0;
}


.fArticleSmall {
	background: #0d0d0d url(../img/frontend/vertFeatArticleBgrdSmall.gif) top left repeat-x;	
	margin-top: 5px;
}

.fArticle p, .btmArticle p, .rubriqueBtmArticle p {
	color: #c7c7c7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 214px;
}

.fArticle span, .btmArticle span, .rubriqueBtmArticle span {
	float: left;	
	height: 20px;
	padding-top: 6px;
}

.fArticle img, .btmArticle img, .rubriqueBtmArticle img {
	border: 2px solid #FFF;
	margin: 0 15px 15px 0;
	text-align: left;
	float: left;
}

.partnersOrgFrame img {
	margin-right: 0;	
}

h3 {
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	width: 214px;
	margin: 0;
}

.auteur {
	color: #5f5e5e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.artcleBtn {
	padding-right: 10px;	
	margin-top: 10px;
	display: block;
	float: right;
	width: 134px;
	height: 27px;
}

#btmFeature {
	width: 660px;	
	background: transparent url(../img/frontend/horizFeatBgrd.gif) top left no-repeat;	
	float: left;
	margin-top: 10px;
	padding: 5px 0 5px 0;
}

.rubrique #btmFeature {
	background: transparent url(../img/frontend/rubriqueTop.gif) top left no-repeat;		
}

.btnFooter {
	background: transparent url(../img/frontend/vertFeatBgrdBtm.gif) top left no-repeat;	
	width: 325px;
	height: 46px;
	float: left;
}

#btmFeatBtnFooter {
	background: transparent url(../img/frontend/horizFeatBgrdBtm.gif) bottom left no-repeat;		
	width: 660px;
	height: 44px;
	float: left;
}


.twoBlocsBgrd {
	background: transparent url(../img/frontend/featuresBgrd.gif) repeat-y scroll left top;  
	float: left;	
}

.margin5Btm {
	margin-bottom: 5px;	
}

.margin5Lft {
	margin-left: 5px !important;	
}

.padding5LftFlt5 {
	padding-left: 5px;
	float: left;
}

.width330FltLft {
	width: 330px; 
	float: left;	
}



/*********************** left side end *************************/

#pubRight {
	width: 310px;
	height: 43px;
	float: left;
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: right;
}

#rightBanner {
	width: 300px;
	height: 250px;
	float: left;
	background: transparent url(../img/frontend/rightBannerBgrd.gif) top left no-repeat;	
	padding: 5px 5px 10px 5px;
}

#rightContest {
	height: 150px;
	width: 300px;
	float: left;
	background: transparent url(../img/frontend/rightContestBgrd.gif) top left no-repeat;	
	padding: 5px 5px 10px 5px;
}

#rightPartners {
	width: 300px;
	/*height: 220px;*/
	height: 1px;
	float: left;
	background: transparent url(../img/frontend/rightPartnersBgrd.gif) top left no-repeat;	
	padding: 5px 5px 10px 5px;
	visibility: hidden;
	overflow: hidden;
	padding: 0;
}

#rightPartners h2 {
	padding-bottom: 10px;	
	padding-top: 2px;
}

#rightPartners img {
	padding-bottom: 5px;	
	float: left;
}

ul#rightLiens {
	width: 300px;
	height: 105px;
	float: left;
	background: transparent url(../img/frontend/liensBgrd.gif) top left no-repeat;
	padding: 5px 5px 0 5px;
	margin: 0;
}

ul#rightLiens li {
	width: 300px;
	height: 30px;
	background: transparent url(../img/frontend/rightLinksBgrd.gif) top left no-repeat;
	padding-bottom: 5px;
	display: block;
	float: left;
}

ul#rightLiens li a.rightLiensLnks{
	color: #FF9900;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 270px;
	height: 25px;
	padding: 5px 15px 0 15px;
}

ul#rightLiens li a.rightLiensLnks:hover {
	color: #FFDFB8;
}

#footer {
	height: 204px;
	width: 100%;
	float: left;
	background: transparent url(../img/frontend/footerBgrd.gif) top left repeat-x;
}

#footerLogos {
	width: 980px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#transAddress {
	height: 89px;
	width: 980px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-top: 46px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
}

#transAddress img {
	padding-left: 20px;	
}

.partnersOrgFrame {
	width: 71px;
	height: 87px;
	float: left;
	background: transparent url(../img/frontend/partnersOrgFrame.gif) top left no-repeat;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 10px;
}

.featureTopWrapper {
	background: transparent url(../img/frontend/featuresBgrd.gif) top left repeat-y; 
	float: left;	
}

.featureWrapper {
	float: left; 
	width: 325px;	
}

.margin10right {
	margin-right: 10px !important;	
}

.margin7right {
	margin-right: 7px !important;	
}

.margin10top {
	margin-top: 10px !important;	
}

.fArticleWrapperLeft {
	padding-left: 5px; 
	float: left; 
	background-color: #242424; 
	width: 320px;	
}

.fArticleWrapperRight {
	padding-left: 5px; 
	float: left; 
	width: 320px;
}

.floatLeft {
	float: left;	
}

/************************** rubrique **********************************/

.rubriqueBtm {
	background: transparent url(../img/frontend/rubriqueBtm.gif) bottom left no-repeat;
	width: 660px;	
	padding-bottom: 5px;
	float: left;
}

#btmFeatFooter {
	background: #FF0000 url(../img/frontend/rubriqueBtm.gif) top left no-repeat;		
	width: 660px;
	height: 5px;
	float: left;	
}



.rubrique .btmFeature {
	background: none;	
}

.rubrique .btmFirst {
	margin-top: 0px !important;;	
}

.rubrique .btmFeatArticlesFirst {
	margin-bottom: 5px;
}

.rubrique #leftContainer h2, .recettes #leftContainer h2.headerh2 {
	color: #ffdfb8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 10px;
}

/*********************** recettes page ********************************/

.recettes .btnFooter {
	background:transparent url(../img/frontend/vertFeatBgrdBtmSmall.gif) no-repeat scroll left top;
	height:5px;
}

.recettes .accueil .btnFooter {
	background: transparent url(../img/frontend/vertFeatBgrdBtm.gif) top left no-repeat;	
	width: 325px;
	height: 46px;
	float: left;
}

.recettes ul.recettesList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff9a16;	
	padding: 0;
	margin: 0;
	float: left;
	width: 320px;	
}

.recettes ul.recettesList li {
	background:transparent url(../img/frontend/recettesBltsBgrd.gif) repeat-x scroll left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff9a16;	
	padding: 0;
	margin: 0;
	float: left;
	height: 27px;
	width: 315px;
	list-style-type: none;
	line-height: 25px;
}

.recettes ul.width320 li {
	width: 320px !important;	
}

.recettes ul.recettesList li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff9a16;	
	text-decoration: none;
	display: block;
	height: 25px;
	width: 295px;
	padding-left: 20px;
}

.recettes ul.recettesList li a:hover {
	color: #FFDFB8;
}

.recettes .titles {
	margin-top: 10px;	
}

.recettesBtm {
	background: transparent url(../img/frontend/vertFeatBgrdBtmSmall.gif) bottom left no-repeat;
	width: 325px;	
	padding-bottom: 5px;
	float: left;
}

.recettes .featureTopWrapper {
	background: none;	
	width: 325px;
}

.recetteFeatureWrapper {
	width: 325px;
	float: left;
	background-color: #242424;
}

.feature {
	background-color:#242424;		
	float:left;
	padding-left:5px;
	width:320px;
}

.recettes .titles h2 {
	margin-right: 0px;	
}

/*********************** recettes plats *********************************/

/*.plats {
	background: none;
	padding-bottom: 0;
	float: left;
	width: 325px;
}

.plats ul.recettesList {
	padding-bottom: 5px;
	background: transparent url(../img/frontend/vertFeatBgrdBtmSmall.gif) bottom left no-repeat;
}
*/
#slideshow.platsSlide{
	margin-bottom: 10px;	
}
/*
.plats h2.titles {
	margin-top: 0;	
}

ul.platsList li{
	background:#242424 url(../img/frontend/recettesBltsBgrd.gif) no-repeat scroll center top !important;
	width: 325px !important;
}

ul.platsList {
	width: 325px !important;	
}*/

.plats {
	margin-top: 0 !important;	
}

.platsBtm {
	background: transparent url(../img/frontend/horizFeatBgrdBtmDblSmall.gif) bottom left no-repeat; 
	padding-bottom: 5px; 
	float: left;	
}

.fltLft1ColPdBt5 {
	float:left;
	padding-bottom:5px;
	width:325px;	
}

.rubBgClFlt {
	background-color: #242424; 
	float: left;	
}

/**************************** citrouille folie************************/

.folie .feature {
	padding-left: 0 !important;	
	width: 319px;
}

.folie .fArticle {
	width: 307px;	
}

.folie .btmFeatArticles {
	background-image: none;	
	background-color: #242424;
}

/*************************** Admin bar ***************************/

#admin_bar {
    font: 10px/16px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background: #f6dbbe;
    color: #c3c3c3;
    font-size: 10px;
    overflow: hidden;
    padding: 0 32px;
}

    #admin_bar a {
        color: #1a160d;
        display: block;
        float: left;
        padding: 3px 6px;
        text-decoration: none;
    }
    
    #admin_bar a:hover {
        color: #af9274;
        background-color: transparent;
    }