body{
	color:#fff;
	font-size:12px;
	background-color:#fff;
	background-position:center top;
	font-family:trebuchet MS, Arial, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	/*background-color:#333;*/
	/*background-image:url(elements/tram.gif);*/
	background-color:#000;
	background-image:url(elements/gui/themes/cosmic/cosmic.jpg);
	background-repeat:repeat-y;
}
div{
	margin:0;
	padding:0;
}
td{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:1.5em;
	font-family:trebuchet MS, Arial, sans-serif;
}
a{
	text-decoration:none;
	outline:none;
}
img{
	border:none;
}
.clear,.clearSmall{
	clear:both;
	visibility:hidden;
}
.clearSmall{
	overflow:hidden;
	height:1px!important;
}
input, textarea, select{
	border-style:solid;
	border-width:1px;
}
embed,object{
	margin:0 !important;
}
ol.reponses li{
	list-style-type:upper-latin;
}
.inline{
	zoom:1;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
}
#layout{
	zoom:1;
	margin:0 auto;
	text-align:left;
	width:990px;
}

/**## HEADER ##**/
#header{
	height:112px;
	position:absolute;
	width:990px;
	top:0;
}
.logo{
	display:block;
	border:none;
}
/** searchbox **/
#searchBox{
	position:absolute;
	top:0px;
	right:0px;
	width:290px;
	height:112px;
	background:url(elements/gui/bg_search.png) left 0px repeat-y;
}
#searchForm{
	position:absolute;
	top:52px;
	width:280px;
}
#searchBox input, #searchBox a{
	zoom:1;
	font-size:1em;
	position:absolute;
	display:block;
}

#searchBox .loginBox{
	position:absolute;
	top:-6px;
	left:10px;
}
#searchBox .loginBox label{
	display:block;
	width:130px;
	float:left;
}
#searchBox .loginBox input{
	border:none;
	width:130px;
}
#inputSearch{
	left:10px;
	width:230px;
	height:16px;
	border:solid #fff 1px;
	border-right:none;
	background:#000;
	color:#fff;
}
#inputGo{
	left:240px;
	border:none;
}
#buttonLogin{
	background:url(elements/gui/bt_login.png) no-repeat;
	border:none;
	width:138px;
	text-indent:10px;
	color:#333;
}
.leftButton{
	font-weight:bold;
	top:30px;
	left:10px;
	color:#ffffff;
	line-height:20px;
	font-size:1.2em!important;
}
.rightButton{
	font-weight:bold;
	color:#fff;
	top:30px;
	right:3px;
	text-align:center;
}
#buttonInscription{
	border:solid #333 1px;
	background:url(elements/gui/bg_bt1.png) repeat-x;
	line-height:18px;
	width:100px;
}
.loginDropBox{
	display:block;
	background:#333333 url(elements/tram.gif);
	position:absolute;
	left:0;
	top:52px;
	width:285px;
	zoom:1;
	z-index:150;
	color:#ffffff;
	padding-bottom:.5em;
	opacity:.95;
}
.loginDropBox a{
	color:#ffffff;
	font-weight:bold;
	padding:0 .8em;
}
.loginDropBox label,.loginDropBox input{
	position:static !important;
}
.loginDropBox label{
	display:block;
	clear:both;
	font-weight:bold;
	padding:.4em .8em;
}
.loginDropBox label input{
	width:145px;
	display:inline!important;
	float:right;
}
/**## CONTENT ##**/
#content{
	margin-top:112px;
	background:url(elements/gui/bg_black.png) repeat-y;
	padding-top:10px;
}
.bloc{
	margin-bottom:15px !important;
	position:relative;
}
.bloc h2{
	margin:0;
	padding:0 0;
}
.bloc img{
	display:block;
}
.content{
	background:#fff url(elements/tram_grey.gif);
	color:#000;
	font-size:14px;
	line-height:1.5em;
	padding: 0.5em;
}

/* breadcrumbs */
#breadcrumbs{
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#fff;
	padding:4px 0 0 25px;
	margin-bottom:5px;
}
#breadcrumbs a{
	color:#666666;
	text-decoration:none;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}


/* menu */
#topMenu{
	font-family:Impact,Arial,sans-serif;
	line-height:42px;
	margin:0px 0 0px 22px;
}
#topMenu ul{
	margin:0;
	padding:0 0 0px 0;
}
#topMenu li{
	zoom:1;
	display:inline;
}
#topMenu li a{
	zoom:1;
	display:-moz-inline-stack;
	display:inline-block;
	min-height:42px;
	background:url(elements/gui/menufull.png) no-repeat;
}
#topMenu span{
	color:transparent;
	text-indent:-9999px;
	visibility:hidden;
}
#topMenu li a:hover{
	background:url(elements/gui/menufull.png) no-repeat;
}
#topMenu .first a{
	width:201px ;
	background-position:0 0;
}
#topMenu .first a:hover, #topMenu .first a.active {
	background-position:0 -42px;
}
#topMenu .second a{
	width:266px;
	background-position:-202px 0!important;
}
#topMenu .second a:hover,
#topMenu .second a.active{
	background-position:-202px -42px!important;
}
#topMenu .third a{
	width:123px;
	background-position:-469px 0!important;
}
#topMenu .third a:hover,
#topMenu .third a.active{
	background-position:-469px -42px!important;
}
#topMenu .fourth a{
	width:134px;
	background-position:-595px 0!important;
}
#topMenu .fourth a:hover,
#topMenu .fourth a.active{
	background-position:-595px -42px!important;
}
#topMenu .fifth a{
	width:129px;
	background-position:-729px 0!important;
}
#topMenu .fifth a:hover,
#topMenu .fifth a.active{
	background-position:-729px -42px !important;
}

#topMenu .last a{
	width:84px;
	background-position:-858px 0 !important;
}
#topMenu .last a:hover,
#topMenu .last a.active{
	background-position:-858px -42px !important;
}

#topMenu .pannel{
	position:absolute;
	width:628px;
	background:#333;
	display:none;
	color:#fff;
	z-index:10;
	vertical-align:top;
	font-family:trebuchet MS, Arial, sans-serif;
}
#topMenu .pannel ul, #topMenu .pannel li {
	margin:0;
	padding:0;
	border:none;
	display:block;
	float:none;
}
#topMenu .pannel.first{ background: #0096DB url(elements/gui/menuPanels/first.jpg) bottom left repeat-x; }
#topMenu .pannel.second{ background: #FFCC00 url(elements/gui/menuPanels/second.jpg) bottom left repeat-x; }
#topMenu .pannel.third{ background: #FE0000 url(elements/gui/menuPanels/third.jpg) bottom left repeat-x; }

#topMenu .pannel a {
	display:block;
	color:#fff;
	margin:0 10px 0 10px;
	padding:0.4em 0.4em;
	width:auto;
	font-size:14px;
	line-height:1em;
	/*margin-bottom:0.4em;*/
}
#topMenu .pannel.first a:hover{
	background:#007DB7;
}
#topMenu .pannel.second a{
	color:#000;
}
#topMenu .pannel.second a:hover{
	background:#C79F01;
}
#topMenu .pannel.third a:hover{
	background:#CD0000;
}
#topMenu .pannel.third a#btArchives {
	background:none;
	margin:20px 0 50px 80px;
}
#topMenu .pannel .col{
	zoom:1;
	padding:0;
	margin:10px 0;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	width:290px;
	vertical-align:top;
}
#topMenu .pannel .col.left{ border-right:solid #007DB7 1px; }
#topMenu .pannel .col.right{ border-left: solid #0096DB 1px; }

#topMenu .pannel.second .col.left{ border-right:solid #FFCC00 1px; }
#topMenu .pannel.second .col.right{ border-left: solid #C79F01 1px; }
#topMenu .pannel.second .title{ background:#C79F01;-moz-border-radius:0;border-radius:0;display:inline;padding:0.4em .2em;}
#topMenu .pannel.second .spacer{ border-bottom:solid #C79F01 1px; margin-left:1em;width:310px;}

#topMenu .pannel.third .col.left{ border-color:#CD0000; }
#topMenu .pannel.third .col.right{ border-color:#FF3333; }

/* leftcol */
#leftCol{
	width:628px;
	margin:0 20px 0 22px;
	float:left;
}
#rightCol{
	width:295px;
	float:right;
	margin:0 25px 0 0;
}
#video-play{
	position:absolute;
	top:160px;
	left:110px;
}
/** headers */
h1{
	font-family:trebuchet MS;
	background:#666;
	color:#fff;
	font-size:22px;
	margin:0;
	padding:.2em;
}
h2, h3{
	font-family:trebuchet MS;
	font-size:16px;
	margin:1px 0;
	padding:.2em;
}
#layout.section-actus h1{ background:#f00; color:#fff; }

#layout.section-essentiels h1{ background:#0096DB; color:#fff; }
#layout.section-essentiels .detail h2{ background:#0096DB; color:#fff; font-weight:normal;}
#layout.section-viande h1, #layout.section-viande h2{ background:#FFCC01; color:#fff; }
#layout.section-inscription h1, #layout.section-inscription h2{ background:#7ABFFF; color:#fff; }

#layout.section-bonus h1{ background:#FF7D01; color:#fff; }
#layout.section-bonus h2{ color:#FF7D01; }
#layout.section-bonus h2 span{ color:#333;font-weight:normal; }


#layout.section-recettes .imgHeader{display:block;}
#layout.section-recettes .content{ border-top:solid #333 1px;font-size:12px;}
#layout.section-recettes .intro {font-size:12px;font-weight:bold;}
#layout.section-recettes .label{margin:1em .5em; white-space:nowrap; line-height:32px; color:#000000;font-weight:bold;}
#layout.section-recettes h1,#layout.section-recettes h2{ background:#D801A4; color:#fff; }
#layout.section-recettes h3{ color:#D801A4; margin-bottom:0 !important;}
#layout.section-recettes h1.picto{
	background-position:570px center;
	background-repeat:no-repeat;
	padding-right:58px;
}

#focus{
	margin-bottom:15px;
}
/* img with effect and side blocs */
div.imgEffectContainer{
	position:relative;
	margin:auto;
}
div.imgEffectContainer .effect{
	zoom:1;
	background:url(elements/tram.gif);
	position:absolute;
	top:0;
	left:0;
	opacity:0.25;
	filter:alpha(opacity=25);
	height:100%;
	width:100%;
}
div.imgEffectContainer .title{
	zoom:1;
	position:absolute;
	width:96%;
	background:#000;
	color:#fff;
	opacity:0.65;
	filter:alpha(opacity=65);
	font-size:1.5em;
	bottom:0;
	left:0;
	padding:.5em 2%;
}
div.imgEffectContainer .title a{
	color:#fff;
	display:block;
}
div.imgEffectContainer.big{
	width:628px;
	height:233px;
}
div.imgEffectContainer.small{
	width:295px;
}
.focus-sidebox a.focus {
	font-size:12px;
	line-height:12px;
	display:block;
}
.focus-sidebox .focus strong{
	display:block;
	margin:0;
	font-size:16px;
}
a.focus-1 strong { color:#0098FE }
a.focus-2 strong { color:#FF009A }
a.focus-3 strong { color:#FD9A00 }


/** recettes */
.picto-convives{
	zoom:1;
	display:inline-block;
	height:32px;
	background:url(elements/gui/pictos/couverts_notes.png) left top no-repeat;
	vertical-align:middle;
}
.picto-notes{
	zoom:1;
	display:inline-block;
	height:32px;
	background:url(elements/gui/pictos/couverts_notes.png) left -32px no-repeat;
	vertical-align:middle;
}
.nb-1{ width:16px; }
.nb-2{ width:32px; }
.nb-3{ width:48px; }
.nb-4{ width:64px; }
.nb-5{ width:80px; }
.audio{vertical-align:bottom;}

.en-avant-recette{ color:#D600A4; font-weight:bold; }
.stageNb { color:#D600A4; font-weight:bold; font-size:2em; vertical-align:baseline; }
#ingredients-list{margin-left:200px;}
#ingredients-list ul{ margin:0 .4em; padding:0; list-style: disc; list-style-position:inside; }
#ingredients-list ul li{ color:#D600A4; margin:0; padding:0; }
#moment_conso_list{
	margin: 0 -1px;
}
#moment_conso_list td{
	padding: 0 .8em;
	text-align:left;
	font-family:Trebuchet MS;
	font-size:1.5em;
	font-weight:bold;
	vertical-align:middle;
	line-height:34px;
	height:34px;
}
#moment_conso_list td.picto{ padding:1px 0 0 0 !important; width:34px; }
#moment_conso_list td a{ color:#D700A5; display:block; padding:0!important; margin:0!important;}
#moment_conso_list td img{ display:block;}

/** sections */
.section-intro{
	margin:20px 0;
	color:#fff;
}
.section-intro p{
	font-size:14px;
	display:inline;
	background:#666;
}
.listItem{
	background:#fff url(elements/tram_grey.gif);
	color:#000;
	font-size:12px;
	margin-bottom:10px;
}
.listItem h2{
	color:#fff !important;
	font-size:14px;
	margin:0 0 .5em 180px;
	padding:.4em;
}
.listItem .vignette{
	display:block;
	width:180px;
	height:135px;
	float:left;
}
.listItem .readmore{
	text-decoration:none;
	display:block;
	text-align:right;
}
.listItem .content{
	padding:0 .5em;
	margin-left:180px;
}
.reallyBig{ font-size:2.6em; vertical-align:middle;}
.quotation-big{ font-size:1.3em;}

#pageNav { text-align:center; font-size:16px; font-weight:bold;}
#pageNav a,#pageNav .curpage{ color:#fff; margin:0 .5em;}
#pageNav a.nav { font-size:0.8em;	font-weight:normal; }


.section-inscription .vignette{ width:414px; height:100px;}
.section-inscription .listItem h2{ margin-left:414px;}
.section-inscription .listItem { height:100px;}

#layout.section-bonus .section-intro p{ background:#FF7D01; }
#layout.section-inscription .section-intro p{ background:#7ABFFF; }

#layout.section-recettes .section-intro p{ background:#D801A4; }
#layout.section-recettes .listItem.conso { width:202px;float:left;margin-right:11px;padding:0;}
#layout.section-recettes .listItem.recette { margin-top:4em;padding:0;}
#layout.section-recettes .listItem img{ display:block;margin:0;}
#layout.section-recettes .listItem h2{ background:#D801A4; margin:0;}
#layout.section-recettes #pageNav .curpage { color:#D801A4; }

#layout.section-essentiels .section-intro p{ background:#0098FE; }
#layout.section-essentiels .list-item h2{ color:#0098FE; }
#layout.section-essentiels .list-item .picto{ margin:0em; }
#layout.section-essentiels .quotation-big{ color:#0098FE; }
#layout.section-essentiels h2.more{ background:#0098FE;color:#fff;width:9.8em; clear:left; margin-top:30px; }
#layout.section-essentiels .more ul{ margin:0; padding:0; }
#layout.section-essentiels .more li{ padding:0; margin:0 0 0 1em; }
#layout.section-essentiels .more li a{ font-weight:bold;color:#0098FE; }
.en-avant-essentiel{ color:#0098FE; font-weight:bold; }

#layout.section-actus .section-intro p{ background:#f00; }
#layout.section-actus .listItem h2{ background:#f00; }
#layout.section-actus .listItem { height:135px; }
#layout.section-actus .listItem .readmore{ color:#f00; text-decoration:underline; }
#layout.section-actus #pageNav .curpage { color:#f00;}

#layout.section-viande .section-intro p{ background:#FFCC01; }
#layout.section-viande .list-item h3{ color:#FFCC01; }
#layout.section-viande #pageNav .curpage { color:#FFCC01;}

#layout .box { background:transparent;}
#layout .box h2{ margin:0; color:#ffffff;}
#layout .box img{ margin:0;display:block; }

.pages_jeux .section-intro p{ background:#01CC34; }
.pages_jeux h1{ background:#01CC34; }

.box.left, .box .left{ float:left;}
.box.right,.box .right{ float:right;}

table.list-item{width:628px;margin-bottom:0.5em;padding:0;}
table.list-item td.picto{
	width:80px;
	text-align:center;
	vertical-align:middle;
}
table.list-item td.more{
	text-align:right;
	vertical-align:bottom;
	padding:10px
}
/** page jeux **/
.pages_jeux .bloc h3{
	text-align:left;
}
.pages_jeux .bloc img{
	display:inline;
	border:none;
}
.pages_jeux .bloc{
	margin: 0 .8em !important;
	line-height:2em;
}
/** page ami */
.pages_ami h1,.pages_ami h2{ background:#0098FE; }
.pages_ami h2{ margin-top:2em; }
.pages_ami label.grey{ margin-left:0;}
.pages_ami td { vertical-align:bottom;text-align:left;}
.pages_ami textarea { border:solid black 1px;border-bottom-width:2px; width:450px;}
.pages_ami .content { margin:1px;}
form.ami {display:inline;}
form.ami button{border:none; background:none; font-weight:bold;font-size:.8em;cursor:pointer;}
form.ami button img {vertical-align:middle;}

/*
#layout.section-essentiels .list-item h2{ color:#0098FE; }
#layout.section-essentiels .list-item .picto{ margin:0em; }
#layout.section-essentiels .quotation-big{ color:#0098FE; }
#layout.section-essentiels h2.more{ background:#0098FE;color:#fff;width:9.8em; clear:left; margin-top:30px; }
#layout.section-essentiels .more ul{ margin:0; padding:0; }
#layout.section-essentiels .more li{ padding:0; margin:0 0 0 1em; }
#layout.section-essentiels .more li a{ font-weight:bold;color:#0098FE; }
/**inscription*/
label.grey, label.blue{
	margin:10px 0px 10px 10px;
	padding:0 .4em;
	line-height:26px;
	height:26px;
	background:#333333;
	color:#ffffff;
	text-align:right;
	width:100px;
	vertical-align:middle;
}
label.blue{
	background:#0066CB;
}
input.grey{
	margin:10px 10px 10px 0;
	line-height:24px;
	height:24px;
	padding:0 .2em;
	border:solid #333333 1px;
	border-left-color:#888888;
	vertical-align:middle;
	width:158px;
	font-size:16px;
}

/** sondages */
img.sondage{ display:block;cursor:pointer;}
.sondageContent{
	color:#000;
	padding:.8em;
	font-size:.9em;
}
.sondageContent .title{
	font-weight:bold;
	margin-bottom:1em;
}
.sondageContent ul{
	margin:0!important;
	padding:O!important;
	-moz-padding-start:0;
	padding-start:0;
	list-style-type:disc;
}
.sondageContent li{
	margin:0;
	margin-left:1.2em;
	padding:0;
	padding-bottom:.5em;
}
.sondageContent li a{
	display:block;
	color:#000000;
	font-weight:normal;
	margin:0!important;
	padding:O!important;
}
/**## FOOTER ##**/
.block_separator{
	background:url(elements/gui/block_separator.png) no-repeat top left;
	height:9px;
	line-height:9px;
	width:100%
}

#footer{
	clear:both;
	background:url(elements/gui/bg_black.png) repeat-y;
	padding:20px 0 10px 0;
}
#footer .col{
	float:left;
	width:145px;
	margin:0 5px;
	font-weight:bolder;

}
.col ul{
	margin:1em 0 0 0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}
.col li{
	font-size:.8em;
	font-weight:normal;
	margin:0;
	padding:0;

}
#footer .first.col{
	margin-left:25px;
}
#footer a{
	color:#fff;
	line-height:1.5em;
}

.ui-state-error, .tk-state-error{
	background:#fee !important;
	color:red !important;
}

/** mvc */
#adminTopMenu{
	margin:0em;
}
#adminContent{
	margin:1em;
	padding:0.5em;
	background:#fff url(elements/tram_grey.gif);
	color:#333;
}
table.adminList{
	margin:1em auto;
	border:solid #333 1px;
	width:98%;
	border-radius:.5em;
	-moz-border-radius:.5em;
	padding:.5em;
}
.adminList th{
	background:#999 url(elements/tram_grey.gif);
	padding:0.5em !important;
}
.adminList td, .adminList th,
.adminForm td, .adminForm th{
	padding:0.2em;
	vertical-align:top;
}
.adminList .row td{
	background:#ddd url(elements/tram_grey.gif);
}
.adminList tbody tr:hover td{
	background:#bbb url(elements/tram_grey.gif);
}
.msgbox .error, .msgbox .success, .msgbox .info, .tk-notify{
	padding:.2em .8em;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:1.1em;
}

.tk-notify{
	padding:.8em;
}
.tk-notify-wrapper{
	-moz-border-radius:0!important;
	border-radius:0!important;
}
.tk-state-success{
	border-color:#050;
	color:#050;
	background:#efe;
}
.tk-state-info{
	border-color:#008;
	color:#008;
	background:#ddf;
}
.adminForm .ui-buttonset{
	margin:0em;
}
.ui-state-success .ui-icon, .tk-state-success .ui-icon{
	background-image:url(js/css/civ/images/ui-icons_4ca300_256x240.png) !important;
}
.tk-notify-wrapper .tk-icon-close,
.tk-notify-wrapper{
	background:#f0f0f0 !important;
	color:#333!important;
}