/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	line-height: 1.20;
}

/* Paragraphes */
p {
	margin: 0 0 0.5em 0;
}

/* Liens */
a {
	text-decoration: none;
}

a img {
	border: none;
	padding:0; 
	margin:0;
}

/* --- COULEURS --- */

/* Général */
body {
	background: #ffffff; 
	color: #636363;
}
a {
	color: #7b8f79;
}
a:hover, a:focus {
	color: #7b8f79;
}

/* --- POSITIONNEMENT --- */

.clear {clear:both;}
.right {float: right;}

/* Page */

td.bg_left {background: url(../img/bg_left.jpg) no-repeat top right; }
td.bg_right {background: url(../img/bg_right.jpg) no-repeat top left; }

#global {
	width:980px;
	height:700px;
	margin:0 auto;
}

/* En-tête */
#header {
	width: 980px;
	height: 140px;
	background: url(../img/bg_header.gif) repeat-x top;
}

/* Contenu */

#contenu {
	width: 980px;
	height: 530px;
	position:relative;
}

.content_fin{
	background:url(../img/content_end.jpg) top left no-repeat;
}

#content_left{
	width: 660px;
	height: 530px;
	position:absolute;
	left:0;
}

#content_left_alt{
	width: 340px;
	height: 530px;
	position:absolute;
	left:0;
	background:url(../img/content_left_alt.jpg) top left no-repeat;
}

.content_left_home{
	background:url(../img/content_left_home.jpg) top left no-repeat;
}

.content_left_viral{
	background:url(../img/content_left_viral.jpg) top left no-repeat;
}

#content_right{
	width: 320px;
	height: 530px;
	margin-left:660px;
	background:url(../img/content_right.jpg) top left no-repeat;
}

#content_right_alt{
	width: 640px;
	height: 530px;
	margin-left:340px;
	background:url(../img/content_right_alt.jpg) top left no-repeat;
}

#content_right_wrap{
	padding: 0 20px 0 20px;
}



/* Contenu Home */

.cadre_jaune{
	width:260px;
	height:50px;
	float:left;
	background:url(../img/cadre_jaune.png) top left no-repeat;
	margin:10px 0 0 0;
	padding:10px;
	text-align: center;
}

/* Contenu Quiz */
#content_right_alt_wrap{
	padding: 5px 20px 0 20px;
}

h2{
	font-size: 12px;
	font-weight:bold;
	color: #e86430;
	margin: 8px 0 0 0;
}

#content_right_alt_wrap a{
	color: #e96330;
	text-decoration: underline;
}

/* Contenu Ticket */
#flashcontent_ticket{
	margin:20px 0 0 20px;
}

/* Contenu Viral */

#left_viral_wrap{
	margin: 205px 0 0 15px;
}

.gain{
	margin-bottom:20px;
}

/* Contenu Fin */
#right_end_wrap{
	float:right;
	margin: 93px 25px 0 0;
	text-align:right;
}

* html #right_end_wrap{
	margin: 93px 13px 0 0;
}

.catalogue {
	margin:0 20px 0 0;
	float:right;
}
* html .catalogue { margin:0 10px 0 0; }

.catalogue a {float:left; }

.catalogue a.visitez{
	margin:24px 0 0 20px;
}



/* pied de page */
#footer{
	width: 980px;
	height: 30px;
	background: #edeae5; 
	font-size:11px;
}

#share_this{
	margin:8px 0 0 2px;
	float:left;
	cursor:pointer;
}

#share_this img{
	vertical-align:middle;
	margin:0 0 0 6px;
}

#link{
	margin:5px 0 0 0;
	float:right;
}

#link a{
	color: #ffffff;
	background:url(../img/bt_footer.gif) top left no-repeat;
	width:80px;
	height:17px;
	float: left;
	margin-right:5px;
	padding:3px 0 0 0;
	text-align: center;
}

#link a:hover{
	text-decoration: underline;
}

/* Element Formulaire */

input { width: 140px; margin: 1px 0 1px 0; height:12px; font-size:11px; margin:0\9 }

* html input { margin:0; }

#inscription label {float:left; width: 130px; padding-top:2px; font-weight: bold;  }

.civ {width: auto; height: auto; padding-top: -3px\9}
* html .civ { padding-top: -3px;}

#day { width:35px; }
#month { width:35px; }
#year { width:52px; }

select{ width:260px; color: #636466; }

#quiz input { 	position: relative; width:auto; height: auto; margin:5px 0 0 0; * margin:0; margin:0\9 }

#quiz label {	margin:0 10px 0 4px; }

#viral label { float:left; width:70px; font-weight: bold; padding-top:3px; }

#viral input { float:left; width: 175px; margin:3px 10px 3px 0; }

#viral a { float:left; padding-top:3px; }

#viral p { text-align:right; font-size:11px; margin:10px 0 10px 0; }

.bt_valider{
	position:absolute;
	background:url(../img/bt_valider.gif) top left  no-repeat; 
	width:140px;
	height:40px;
	border:none;
	font-size:0;
	color: #ffffff;
	text-indent:-9999em;
	cursor:pointer;
	padding-left:200px;
	top: 369px;
	left:820px;
	top: 370px\9
}

* html .bt_valider{
	position:relative;
	top: 0;
	left:140px;
	margin-top:1px;
}

#quiz input.bt_valider{
	position:absolute;
	width:140px;
	height:40px;
	margin:0;
	top: 370px;
}

* html #quiz input.bt_valider{
	position:absolute;
	top: 370px;
	left:820px;
}

#viral .bt_valider2{
	float: right;
	background:url(../img/bt_valider2.gif) top left  no-repeat; 
	width:140px;
	height:40px;
	border:none;
	font-size:0;
	color: #ffffff;
	text-indent:-9999em;
	cursor:pointer;
	margin: 10px 0 10px 0 ;
	
}

#viral .bt_passer{
	float:right;
	width:140px;
	height:40px;
	margin: 0 ;
}