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

	@file:		   fichier.css
	@description:  
	@author:       remi (ixmedia.com)
	@updated:	   

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

/*
 * @section Basic
 ******************************************************************************/

#wrap {
	background: url("images/bg-popup.jpg") no-repeat;
	width: 500px;
	height: 534px;
	position: relative;
	color: #337000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

#wrap_Auberge {
	background: url("images/Concours-Auberge-Dunes.jpg") no-repeat;
	width: 500px;
	height: 534px;
	position: relative;
	color: #337000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

#wrap_Auberge_Inscription {
	background: url("images/Concours-Auberge-Dunes-Inscription.jpg") no-repeat;
	width: 500px;
	height: 534px;
	position: relative;
	color: #337000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

#wrap_Gagnants {
	background: url("images/Pop_up_gagnants.jpg") no-repeat;
	width: 700px;
	height: 850px;
	position: relative;
	color: #337000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

a {
	color: #2c5512;
}

label {
	cursor: pointer;
}


p#fleche {
	margin: 0 !important;
}

p#fleche a {
	cursor: pointer;
	border: none;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 51px;
	right: 24px;
	width: 91px;
	height: 80px;
	background: url(images/bg-fleche.gif) no-repeat bottom left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	text-indent: 8px;
	line-height: 74px;
}

/*Positionne le bouton "fleche". J'ai changé le bottom de 51px à -42 sinon pas positionné correct sur Concours TVA*/
#fleche2 {
	margin: 0 !important;
	cursor: pointer;
	border: none;
	padding: 0;
	display: block;
	position: absolute;
	bottom: -42px;
	right: 24px;
	width: 91px;
	height: 80px;
	/*background: url(images/bg-fleche.gif) no-repeat bottom left;*/
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	text-indent: 8px;
	line-height: 74px;
}

p#fleche3 {
	margin: 0 !important;
}
/*Positionne le bouton "fleche". J'ai changé le bottom de 51px à -42 sinon pas positionné correct sur Concours TVA*/
#fleche3 a {
	margin: 0 !important;
	cursor: pointer;
	border: none;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 96px;
	right: 24px;
	width: 91px;
	height: 80px;
	background: url(images/bg-fleche.gif) no-repeat bottom left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	text-indent: 8px;
	line-height: 74px;
}










p#fermer {
	margin: 0 !important;
}

p#fermer a {
	position: absolute;
	display: block;
	bottom: 72px;
	right: 24px;
	float: right;
	font-size: 8pt;
	background: #eafbc6 url("images/bg-fermer.gif") no-repeat 5px 50%;
	padding: 5px 5px 5px 24px;
	display: block; 
	color: #EF3739;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #c8e291;
}



/*
 * @section Étape 1
 ******************************************************************************/

#etape1 #contenu {
	position: absolute;
	left: 134px;
	top: 184px;
	width: 307px;
}

#etape1 p {
	font-size: 15pt;
	margin-bottom: 10px;
}
#etape1 p.petit {
	margin-top: 10px;
	font-size: 12pt;
}
#etape1 em {
	font-style: normal;
	font-weight: bold;
	font-size: 18pt;
	color: #f00;
}

#etape1 ul li {
	margin-bottom: 6px;
}

#etape1 ul li ul {
	padding-left: 15px;
	padding-top: 4px;
}

#etape1 ul li ul li {
	font-size: 8pt;
	line-height: 1.4;
}



/*
 * @section Étape 2
 ******************************************************************************/

#etape2 #contenu {
	position: absolute;
	top: 135px;
	left: 101px;
	width: 381px;
	height: 310px;
	font-size: 8pt;
}

#etape2 p.intro {
	font-size: 10pt;
	padding-left: 0;
	margin-bottom: 22px;
}

#etape2 p.erreur {
	color: #f00;
}
#etape2 form #texte div {
	width: 100%;
	overflow: hidden;
	margin-bottom: 2px;
}
#etape2 form #texte div#indice {
	margin-top: 15px;
}
#etape2 form #texte div label {
	float: left;
	padding-top: 3px;
	width: 116px;
}

#etape2 form #texte div input, #etape2 form #texte div select {
	border: 1px solid #336600;
	float: left;
}

#etape2 form #texte div select {
	width: 200px;
}

#etape2 form span.erreur {
	display: block;
	color: #f00;
	font-size: 7pt;
	float: left;
	padding: 3px 0 0 5px;
}
#etape2 form span.exemple {
	display: block;
	color: #666666;
	float: left;
	padding: 3px 0 0 5px;
}
#etape2 #boxes ul {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}

#etape2 #boxes ul li {
	font-size: 8pt;
	width: 270px;
	overflow: hidden;
	margin-bottom: 0.8em;
}

#etape2 #boxes ul li input {
	float: left;
}

#etape2 #boxes ul li span.erreur {
	padding-left: 21px;
}
#etape2 #boxes ul li label {
	padding-left: 23px;
	display: block;
	cursor: pointer;
	padding-top: 3px;
}

/*
 * @section Étape 3
 ******************************************************************************/

#etape3 #contenu {
	position: absolute;
	top: 151px;
	left: 119px;
	width: 341px;
	height: 305px;
	font-size: 14pt;
}


#etape3 p {
	margin-bottom: 15px;
}

#etape3 h1 {
	color: #ee3839;
	font-size: 21pt;
	margin-bottom: 15px;
	padding-left: 80px;
}

#etape3 h1.merci {
	padding-left: 60px;
}


/*
 * @section Règlements
 ******************************************************************************/

#reglements #contenu h1 {
	position: absolute;
	top: 135px;
	left: 140px;
	width: 290px;
	font-size: 11pt;
	text-align: center;
}

#reglements #contenu .inner {
	position: absolute;
	top: 191px;
	left: 94px;
	width: 375px;
	height: 210px;
	overflow: auto;
	font-size: 8pt;
	line-height: 1.4;
	padding: 8px 8px 8px 0;
}

#reglements ol {
	margin-left: 25px;	
}

#reglements ol li {
	margin-bottom: 1em;
	list-style: decimal;
}

#reglements ol li ul {
	margin-left: 15px;
	margin-top: 10px;
}

#reglements ol li ul li {
	list-style: square;
	margin-bottom: 0.5em;
}

#reglements ol li ul li li {
	list-style: lower-alpha;
	margin-left: 5px;
}

#reglements h2 {
	font-size: 10pt;
	text-decoration: underline;
	margin-bottom: 1em;
	margin-top: 1.4em;
}



/*
 * @section Gagnants
 ******************************************************************************/

#gagnants #contenu {
	position: absolute;
	top: 131px;
	left: 139px;
	width: 341px;
	height: 285px;
	font-size: 10pt;
}
#gagnants #contenu h1 {
	font-size: 15pt;
	text-align: center;
	color: #ee3839;
	margin: 0 0 30px 30px;
}
#gagnants p {
	line-height: normal;
	margin: 1em 0 .5em;
}
#gagnants ul {
	margin: .5em 0 1em;
	padding: 0;
}
#gagnants li {
	list-style: disc;
	margin: 0 0 0 30px;
	padding: 0 0 2px;
}