/*
	CSS pour Québec maritime - Concours
	Emilie - egzakt.com
	2010/03/06
*/

#concours #section_intro {
	margin-bottom:0;
}


/* LISTE
-----------------------------------------*/
ul#concours_liste {
/*	width:764px;*/
    width:450px;
	margin:0 15px;
}

ul#concours_liste li {
	padding-top:20px;
}

ul#concours_liste img.photo {
	float:left;
	width:100px;
}

ul#concours_liste .detail {
	float:right;
/*	width:649px;*/
	width:335px;
}
ul#concours_liste .detail_sans_photo {
	float:none;
/*	width:764px;*/
	width:450px;
}

ul#concours_liste h2 {
	font-size:1.33em;
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 2px 0;
}

ul#concours_liste h2 a {
	color:#122335;
	text-decoration:none;
}

ul#concours_liste h2 a:hover {
	text-decoration:underline;
}

ul#concours_liste .valeur {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	color:#2D90C1;
	margin-bottom:2px;
}

ul#concours_liste a.plus {
	font-size:0.92em;
	line-height:1.1em;
	color:#2D90C1;
	text-decoration:none;
}

ul#concours_liste a.plus span {
	text-decoration:underline;
}

ul#concours_liste a.plus:hover {
	color:#264F90;
}


/* DÉTAIL
-----------------------------------------*/
#concours_detail #avertissement_termine {
	width:450px;
	padding:8px 14px;
	border:1px solid #c0deeb;
	background-color:#ecf5fa;
	margin-bottom:6px;
	color:#2D90C1;
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
}

#concours_detail #gagnant {
	background-color:#ecf5fa;
	padding:8px 15px;
	margin-bottom:15px;
}

#concours_detail #gagnant h3 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	color:#122335;
	margin:0 0 5px 0;
}

#concours_detail #gagnant h4 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	color:#2D90C1;
	margin:0 0 2px 0;
}


/* POPUP
-----------------------------------------*/

/* Formulaire de participation */
#popup #concours_participer form {
	margin-top:15px;
}

#popup #concours_participer form ul.gauche {
	float:left;
	width:262px;
	margin-bottom:10px;
}

#popup #concours_participer form ul.droite {
	float:right;
	width:262px;
	margin-bottom:10px;
}

#popup #concours_participer form li {
	margin-bottom:9px;
}

#popup #concours_participer input.text {
	width:254px;
}

#popup #concours_participer input.autre {
	width:200px;
}

#popup #concours_participer select {
	width:258px;
}

#popup #concours_participer div.autre {
	margin-top:3px;
}

#popup #concours_participer div.autre label {
	font-weight:normal;
}

#popup #concours_participer li .note {
	margin-top:2px;
}

#popup #concours_participer #infolettres label {
	font-weight:normal;
}

#popup #concours_participer #infolettres td {
	vertical-align:top;
}

#popup #concours_participer .bouton,
#popup #concours_inviter .bouton {
	float:right;
}

#popup #concours_participer .bouton a,
#popup #concours_inviter .bouton a {
	display:none; /* Sinon, en inline-block */
}

#popup #concours_participer .bouton input,
#popup #concours_inviter .bouton input {
	border:0;
	padding:0;
}

#popup #concours_participer #succes a.referer,
#popup #concours_inviter #succes a.referer {
	text-decoration:none;
}

#popup #concours_participer #succes a.referer span,
#popup #concours_inviter #succes a.referer span {
	text-decoration:underline;
}


/* Formulaire d'invitation */
#popup #concours_inviter form table {
	width:100%;
	margin:0;
	padding:0;
}

#popup #concours_inviter form th {
	text-align:left;
	padding:0;
}

#popup #concours_inviter form td {
	padding:2px 0;
}

#popup #concours_inviter form td.text {
	width:148px;
	padding-left:2px;
}

#popup #concours_inviter form td.text input {
	width:138px;
}

#popup #concours_inviter form textarea {
	width:540px;
	margin-bottom:15px;
}


/* BANNIÈRES
-----------------------------------------*/
#concours_bannieres li {
	width:300px; /* Important pour IE6 */
	padding-bottom:20px; /* Padding au lieu de margin à cause de IE6 */
}

#concours_bannieres li img {
	display:block; /* Pour IE6 */
}