/*  Reset
-------------------------------------------------------*/
@import "reset.css";

/*  Scroll
-------------------------------------------------------*/
html 	{	overflow:auto;	}
* html 	{	overflow:auto;	}

/*  Blocks conteneurs
-------------------------------------------------------*/
body {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 9pt;
  	color: #364ca1;
  	background-color: #e6e6e6;	}
  	
#conteneur {
	width: 960px;
	height: auto;
	margin: auto auto;
	background-color: white;
	padding: 10px;	}
	
	#top {
		position: relative;
		top: 0;
		left: 0;
		width: 960px;
		height: 100px;
		background-image: url(top.png);
		background-repeat: no-repeat;	}
		
		#logos {
			position: absolute;
			top: 18px;
			left: 34px;
			width: 125px;
			height: 55px;	}
			
		#titres	{
			position: absolute;
			top: 30px;	
			left: 190px;	
			width: 685px;
			height: 35px;	}
			
	#main {
		position: relative;
		width: 960px;
		height: auto;
		padding: 0 0 30px 0;	}
		
	body.botpad #main {
		padding-top: 80px;
		padding-bottom: 120px;	}
	
	#bottom {
		position: relative;
		width: 960px;
		height: 145px;
		background-image:url(bottom.png);
		background-repeat: no-repeat; 
		color: white;
		background-color: white;	}
		
		.index #bottom { height: 80px;	}
		
		#le_saviez_vous {
			position: absolute;
			top: 0;
			left: 0;
			width: 285px;
			height: auto;
			background-image: url(fond_le_saviez_vous.png);
			background-repeat: no-repeat;	}
					
       	#progression {
       		position: absolute;
       		top: 15px;
       		left: 250px;
            width: 490px;
            height: auto;   }

            #progression.default { left: 140px;	}	

#cadeaux { /* Ajouté */
	position: absolute;
	top: 120px !important;
	top: 140px;
	left: 0;
	width: 840px;
	height: auto;
	background-color: white;
	margin-left: 30px;
	padding: 10px !important;
	padding: 12px;
	border: 10px solid #C6DFFF;
	z-index: 1;     }
				
/*  Liens
-------------------------------------------------------*/
input.commencer {
    width: 215px;
    height: 35px;
    margin: 0 0 60px 370px;
    border: none;
    cursor: pointer;
    background: url(commencer.png) no-repeat top center;	}

	input.commencer:hover { background-position: bottom	center;	}
	
input.page_suivante { 
	position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 35px;
    border: none;
    cursor: pointer;
    background: url(page_suivante.png) no-repeat top left;   }
	
	input.page_suivante:hover { background-position: bottom	left;	}
		
a.lien_externe 			{ color: #455A9E; text-decoration: underline; }
a.lien_externe:hover 	{ color: #981B7D; }
				
/*  Tableaux
-------------------------------------------------------*/
td.qtext 	{ color: #455A9E;	}
td.qtext b 	{ color: #981B7D;	}

/* Progression */
table.progress {
	width: 490px;
	height: auto;
	font-size: 7pt;
	color: white;	}
	
	table.progress tr.bar td {
		text-align: left; 
		font-size: 1px; 
		background-color: #BAE3F6;	}
	table.progress tr.pourcent td {
		color: white;
		padding-top: 3px;	}
		
/* scorring */
tr.tr_impair td {
	background-color: #E9CADF; 
	color: #981B7D; }
tr.tr_pair td {
	background-color: #C2DAED;
	color: #455A9E;	}

/*  Heading
-------------------------------------------------------*/
.index h1, .index h2, .index h3 { 
	width: 100%;
	height: auto;
	margin: 15px 0;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	color: #455A9E;
	background-color: white;	}
	
.index h2 {
	margin-bottom: 10px;
	text-align: left;
	text-decoration: underline;}	

.index h3 {
	font-size: 9pt;
	margin-bottom: 30px;}
	
	.index #cadeaux h3 { margin-bottom: 10px;}
	
				
/*  Contenus
-------------------------------------------------------*/
.index #main p { margin-bottom: 10px;	}

	p.preview_cadeaux img { 
		margin-top: 10px;
		margin-left: 20px;	}
		p.preview_cadeaux img:first-child { margin-left: 190px;	}
	
#bottom #le_saviez_vous p { 
	width: 220px;
	margin: 40px 10px 10px;
	line-height: 100%;	}
				
#progression p {
	font-size: 8pt;
	text-align: center;
	font-style: italic;	}

#bottom p { margin: 20px 0;	}

.index #bottom p.reglement {
	width: 960px;
	height: auto; 
	font-size: 7pt;
	color: #364ca1;
	margin: 5px 0;	}			
				
	
/* ----- INDEX PAGE ----- */

	.index .bold {
		font-weight: 700;	}
		
	.index .dix {
		font-size: 10pt;	}
		
	.index .droite {
		float: right;	}	
		
		.index .droite img {
			padding-left: 15px;	}
			
			.index img.slimg {
				padding-top: 10px;	}
				
	.index .icon_pause {
		float: right;
		margin-right: 240px;	}
	
	/*
.index ul.liste {
		margin-left: 100px;	}
*/
	
		.index li {
			list-style: none;	}
			
		.index ul.sous_liste {
			margin-bottom: 10px;	}
			

#pause2 {
	padding: 5px;
}
#pause2 fieldset {
		border: 0px;
}
#pause2 p {
 		font-weight: bold;
}
	#valid, #annul, #ok {
		width: 70px;
		height: 20px;
		border: none;
		cursor: pointer;	}
		
	#valid {
		background: url(bt_valider.png) no-repeat top left;	}
		
	#annul {
		background: url(bt_annuler.png) no-repeat top left;	}
		
	#ok {
		background: url(bt_ok.png) no-repeat top left;	}
		
	#valid:hover, #annul:hover, #ok:hover {
		background-position: bottom left;}