@charset "UTF-8";

/*
 * 	Theme Name: Concours Food Info DEFAULT
 *	Theme URI: 
 *	Description: 
 *	Author: Design: edikom :: Coding: sequencedigitale.com
 *	Version: 1.0
 *	License: 
 *	License URI: 
 *	Tags:
**/ 

html{ background: #282828;  margin: 0; padding: 0; }
body{ background: #fff; margin: 0; padding: 0; width: auto; min-width: 984px;  }
.outer{ margin: 0 auto; position: relative; width: 684px; }

/**
 * STRUCTURE
**/
#wrapper{ padding: 23px 0; }
#header .inner{ height: 307px; overflow: hidden; }
#header img{ display: block; height: auto; max-width: 100%; }
#nav{ height: 50px; margin-top: -50px; position: relative; z-index: 1; }
#nav .inner{ background: rgba(0,0,0,0.25); height: 50px; line-height: 50px; }
#nav ul{ height: 20px; margin: 0; padding: 15px 20px; }
#nav li{ display: inline; list-style: none; margin: 0; padding: 0; }
#nav a{ border-right: 1px solid #fff; color: #fff; display: block; float: left; font-weight: bold; height: 20px; line-height: 20px; padding: 0 1em; text-decoration: none; }
#nav .winner a{ border: 0; }
	#nav a:focus,
	#nav a:hover,
	#tpl-index #nav .index a,
	#tpl-rules #nav .rules a,
	#tpl-form #nav .form a,
	#tpl-partner #nav .partner a,
	#tpl-winner #nav .winner a{ text-decoration: underline; }

#content .inner{ background: #fff; padding: 25px; }
#footer .inner{ background: #fff; padding: 25px; }
#footer .producer{ float: left; margin: 0 30px 0 0; }
#footer .producer h2{ color: #aaa; font-size: 0.7500000000em; font-weight: normal; margin-bottom: 12px; }
#footer .producer p{ margin: 0; }
#footer .partners h2{ color: #aaa; font-size: 0.7500000000em; font-weight: normal; margin-bottom: 12px; }
#footer .partners p{ margin: 0; }
#footer .vote{ bottom: 25px; margin: 0; position: absolute; right: 24px; }
#footer .vote a{ background: #e8972e url(../images/desktop/footer-vote.png?2014); display: block; height: 50px; overflow: hidden; text-indent: -999em; width: 245px; }
#footer .vote a{
	box-shadow: 0 0 15px #aaa;
}
#footer .vote a:focus,
#footer .vote a:hover{ background-position: 0 -60px; }

	#footer .vote a,
	#footer .vote a:focus,
	#footer .vote a:hover{
		transition: background-color 0.2s;
	}

/**
 * SPECIFIC 
**/
#tpl-index h1 em{ color: #657891; font-size: 0.7500000000em; font-style: normal; }
#tpl-index .prize{ border: 1px solid #f87b04; border-width: 1px 0; margin-bottom: 30px; padding: 10px 0; }
#tpl-index .prize h2{ background: #f87b04; color: #fff; float: left; margin: 0 12px 0 0; padding: 5px; }
#tpl-index .prize p{ color: #657891; font-size: 1.1666666667em; margin: 0; }


#tpl-form{}
#tpl-form .fieldset{ border-top: 1px dashed #ccc; padding: 1em 1em 2em 1em; }
#tpl-form .fieldset h2{ background: #ffeacf; color: #f87b04; font-size: 1.25em; margin: 0 0 24px -12px; padding: 6px 12px; width: 100%; }
#tpl-form #photo .preview{ margin: 1em 0; position: relative; }
#tpl-form #photo .preview img{ background: #eee; border: 10px solid #fff; display: block; padding: 1px; }
#tpl-form #photo .preview img{
	box-shadow: 0 0 15px #aaa;
}
#tpl-form #photo .preview .remove{ background: url(../images/desktop/trash@24x24.png) no-repeat; cursor: pointer; display: block; height: 24px; position: absolute; right: -32px; top: 0; width: 24px; }
#tpl-form #ingredients ul{ margin: 0;}
#tpl-form #ingredients li{ list-style: none; margin: 0 0 1.5em 0; padding: 0; position: relative;  width: 500px; }
#tpl-form #ingredients li input{ width: 484px; }
#tpl-form #ingredients li .remove{ background: url(../images/desktop/trash@24x24.png) no-repeat; cursor: pointer; display: block; height: 24px; position: absolute; right: -32px; top: 0; width: 24px; }
#tpl-form #steps ol{ margin: 0; counter-reset: steps; }
#tpl-form #steps li{ list-style: none; margin: 0 0 1em 0; padding: 0; position: relative; width: 500px; }
#tpl-form #steps li::before{ counter-increment: steps; content: "Étape " counter(steps); display: block; height: 1.5em; }
#tpl-form #steps li textarea{ width: 484px; }
#tpl-form #steps li .remove{ background: url(../images/desktop/trash@24x24.png) no-repeat; cursor: pointer; display: block; height: 24px; position: absolute; right: -32px; top: 1.5em; width: 24px; }
#tpl-form #optin{ border: 1px solid #ccc; border-width: 1px 0; }
#tpl-form #optin ul{ margin: 0; padding: 1em 0;  }
#tpl-form #optin li{ display: block; list-style: none; margin: 1em 0; }


/**
 * List
**/
.list h1{ left: -9999em; position: absolute; top: -9999em; }
.list h2{ border-bottom: 1px dashed #ccc; margin: 0 0 1em 0; padding-bottom: 0.25em; }
.contests-blog{}
.contests-blog .contest{ padding-bottom: 2em; position: relative; }
.contests-blog .contest h3{ margin: 0 0 1.25em 0; }
.contests-blog .contest h3 a{ color: #516074; text-decoration: none; }
.contests-blog .contest h3 a:focus,
.contests-blog .contest h3 a:hover{ text-decoration: underline; }
.contests-blog .contest h3 a img{ display: block; margin-bottom: 1.25em; }
.contests-blog .contest .excerpt{ margin: 0 0 1em 0; }
.contests-list{ padding-top: 3em; }
.contests-list .contest{ padding-left: 200px; padding-bottom: 1em; position: relative; }
.contests-list .contest h3{ margin: 0; }
.contests-list .contest h3 a{ color: #516074; text-decoration: none; }
.contests-list .contest h3 a:focus,
.contests-list .contest h3 a:hover{ text-decoration: underline; }
.contests-list .contest h3 a img{ display: block; left: 0; opacity: 0.75; position: absolute; top: 0; }
.contests-list .contest .excerpt{ margin: 1em 0; }