@CHARSET "ISO-8859-1";

/**********************************************************/
/********************* STYLES COMMUNS *********************/
body {
	padding			: 0;
	margin			: 0;
	font-family		: arial;
	_text-align		: center;
}

img {
	border			: none;
}

.logo {
	width			: 149px;
	height			: 600px;
	float			: left;
	z-index			: 999;
	display 		: block;
}

a {
	text-decoration	: none;
}

a, input {
	z-index			: 99999;
}

.page {
	_text-align		: left;
	width			: 800px;
	height			: 600px;
	margin			: 0px auto 0px auto;
	z-index			: 1;
	overflow		: hidden;
}

.contenu {
	float			: right;
	width			: 651px;
	_width			: 647px;
	height			: 600px;
	_margin-top		: -600px;
	_margin-bottom	: -100px;
}

.contenu .text_img {
	position		: relative;
	margin-top		: -80px;
	margin-left		: -30px;
	_padding-left	: 150px;
	z-index			: 99;
	height			: 284px;
}

.contenu .image {
	z-index			: 0;
	position		: relative;
	top				: -253px;
	left			: -110px;
	width			: 200px;
}
/********************* STYLES COMMUNS *********************/
/**********************************************************/


/**********************************************************/
/****************** STYLES PAGE D'ACCUEIL *****************/
.liens_quiz {
	height			: 80px;
	text-align		: right;
	position		: relative;
	z-index			: 100;
	width			: 651px;
	_width			: 647px;
	_margin-left	: 150px;
	margin-top		: 200px;
}

.lien_alimentation {
	position		: relative;
	left			: 7px;
	top				: 0px;
	z-index			: 1;
}

.lien_alimentation2 {
	position		: relative;
	left			: -100px;
	top				: 0px;
	z-index			: 1;
}

.lien_agriculture {
	position		: relative;
	left			: 3px;
	top				: 0px;
	z-index			: 3;
}

.lien_agriculture2 {
	position		: relative;
	left			: -130px;
	z-index			: 3;
}

.lien_environnement {
	position		: relative;
	top				: 0px;
	left			: -1px;
	z-index			: 2;
}

.lien_environnement2 {
	position		: relative;
	top				: -278px;
	left			: 0px;
	z-index			: 2;
}

.btn_entree {
	text-align		: right;
	_margin-left	: 150px;
	width			: 630px;
	z-index			: 9999;
}

.accueil .info {
	padding-top		: 8px;
}

.accueil .spacer {
	height			: 193px;
	width			: 650px;
}
/****************** STYLES PAGE D'ACCUEIL *****************/
/**********************************************************/


/**********************************************************/
/******************* STYLES PAGE SCORE ********************/
.res_contenu { /* style du block de contenu de la page de score */
	padding-left	: 56px;
	_padding-left	: 206px;
	margin-top		: 230px;
	height			: 240px;
}

.res_contenu .score {/* style de la phrase donnant le score */
	font-family		: Verdana;
	font-size		: 36px;
	padding-top		: 26px;
	padding-left	: 1px;
	_padding-top	: 23px;
	_padding-left	: 0px;
	
	/* couleur de texte  modifiable */
	color			: #fff;
}

.res_contenu .apprendre {/* style de la phrase complémentaire ("Pour en savoir plus,...") */
	width			: 553px;
	font-family		: Verdana;
	font-size		: 20px;
	padding-left	: 0px;
	padding-top		: 68px;
	padding-left	: 9px;
	_padding-left	: 8px;
	overflow		: hidden;
	
	/* couleur de texte modifiable */
	color			: #fff;
}

.res_contenu .apprendre a {/* style des liens de la phrase complémentaire ("Pour en savoir plus,...") */
	
	/* couleur de lien modifiable */
	color			: #fff;
}

.recommencer {
	text-align		: left;
	padding			: 34px 0px 0px 214px;
	_padding		: 34px 0px 0px 213px;
}

.resultats .spacer {
	height			: 255px;
	width			: 650px;
}

.resultats .bas_page {
	height			: 131px;
	top				: 421px;
}

.resultats .info {
	padding-top		: 78px;
	_padding-top	: 75px;
}
/******************* STYLES PAGE SCORE ********************/
/**********************************************************/


/**********************************************************/
/************* STYLES PAGE QUESTION / REPONSE *************/
.pagination {/* style de la pagination sur les pages de question et reponse */
	font-family		: verdana;
	font-size		: 12pt;
	text-align		: right;
	margin			: 30px 0px 30px 0px;
	_margin			: 30px -159px 30px 0px;
	padding-right	: 30px;
	height			: 18px;
	overflow		: auto;

	/* couleur de texte modifiable */
	color			: #646464;
}

.question {/* style du block de contenu des questions et reponses */
	z-index			: 2;
	font-family		: Verdana;
	font-size		: 12px;
	width			: 651px;
	_width			: 647px;
	_margin-left	: 153px;
	height			: 470px;
	clear 			: both;	
}

.question_ .spacer {/* style du block utilisé pour les espacements sur les pages de questions et reponses */
	height			: 25px;
	clear			: both;
}

.question .contenu_question {/* style du block definissant la description et l'intitulé de la question */
	width			: 100%;
	min-height		: 110px; 
	height			: 110px; 
	_height			: 110px; 
	overflow		: auto;
	position		: relative;
}

.question .description {/* style du block definissant la description de la question */
	text-align		: left;
	padding-left	: 25px;
	margin-right	: 155px;
	
	/* couleur de texte modifiable */
	color			: #000000;
}

.question .intitule {/* style du block definissant l'intitulé de la question */
	text-align		: right;
	margin-top		: 10px;
	font-weight		: bold;
	
	/* couleur de texte modifiable */
	color			: #000000;
}

.proposition, .reponse {/* style des blocks pour les propositions de reponses */
	text-align		: left;
	min-height		: 288px;
	height			: 294px;
	overflow		: auto;
}

.proposition table, .reponse table {
	margin			: 0px 0px 0px 20px;
	width			: 510px;
}

.proposition td, .reponse td {
	max-height		: 272px;
	padding			: 0px 8px;
	margin			: 0;
	vertical-align	: top;
	overflow		: visible;
}

.proposition img {
	border			: 2px solid white;
}

.btn_valider { /* style bouton valider ou question suivante */
	padding-top		: 20px;
	text-align		: right;
	margin-right	: 25px;
	margin-top		: -17px;
	_margin-top		: -20px;
	z-index			: 999;
	position		: relative;
}

.div_radio {
	position		: relative;
	display			: block;
	z-index			: 99999;
}

.div_radio_false {/* style du label d'une reponse fausse pour la page de reponse */
	text-align		: left;
	font-family		: verdana;
	font-size		: 12px;
	font-weight		: bold;
	z-index			: 9999;
	position		: relative;
	width			: 145px;

	/* couleur de texte modifiable */
	color			: #666666;
}

.div_radio span.contenu_rep_false {/* style du commentaire d'une reponse fausse */
	width			: 100%;
	height			: 85px;
	position		: absolute;
	overflow		: auto;

	/* couleur de texte modifiable */
	color			: #666666;
}

.div_radio_true {/* style du label d'une reponse juste pour la page de reponse */
	text-align		: left;
	font-family		: verdana;
	font-size		: 12px;
	font-weight		: bold;
	z-index			: 9999;
	position		: relative;
	width			: 145px;

	/* couleur de texte modifiable */
	color			: #000000;
}

.div_radio span.contenu_rep_true {/* style du commentaire d'une reponse juste */
	width			: 100%;
	height			: 85px;
	position		: absolute;
	overflow		: auto;

	/* couleur de texte modifiable */
	color			: #000000;
}

.div_radio1 {
	text-align		: left;
	font-family		: verdana;
	font-size		: 12px;
	font-weight		: bold;
	z-index			: 9999;
	position		: relative;
	width			: 145px;
}

.div_radio1 img {
	width			: 125px;
	height			: 140px;
}

.reponse {
	font-family		: arial;
	font-size		: 11px;
}

.quitter {/* style bouton Quitter */
	position		: relative;
	text-align		: left;
	padding-left	: 263px;
	_padding-left	: 259px;
	margin-top		: -6px;
	_margin-top		: -25px;		
	_margin-bottom	: -37px;
}
/************* STYLES PAGE QUESTION / REPONSE *************/
/**********************************************************/


/**********************************************************/
/********************** STYLES BREVE **********************/
.titre_breve { /* style du titre d'une breve */
	clear			: both;
	position		: relative;
	display			: block;
	_text-align		: left;
	margin			: 120px 0px 0px 20px;
	_margin			: 120px 0px 0px 172px;
	font-family		: Verdana;
	font-weight		: bold;

	/* couleur de texte modifiable */
	color			: #666666;
}

.contenu_breve { /* style du contenu d'une breve (chapeau et texte) */
	font-family		: Verdana;
	font-size		: 12px;
	width			: 511px;
	_width			: 507px;
	margin-top		: 10px;
	margin-bottom	: 45px;
	margin-left		: 20px;
	_margin-left	: 173px;
	height			: 350px;
	overflow		: auto;
}

.contenu_breve span.breve_int { /* style du texte d'une breve */
	width			: 95%; 
	height			: 95%;  

	/* couleur de texte modifiable */
	color			: #000000;
}

.contenu_breve span.breve_chapo { /* style du chapeau d'une breve */
	width			: 95%; 
	height			: 95%;  
	font-weight		: bold;

	/* couleur de texte modifiable */
	color			: #000000;
}
/********************** STYLES BREVE **********************/
/**********************************************************/


/**********************************************************/
/******************* STYLES BAS DE PAGE *******************/
.info { /* style communs à tous les bas de page */
	clear			: both;
	font-size		: 12px;
	text-align		: right;
	white-space		: nowrap;
	float			: right;
	position		: relative;
	z-index			: 9999;
	padding-right	: 12px;
	width			: 651px;
	_width			: 647px;
	_margin-left	: 141px;
	
	/* couleur de texte modifiable */
	color			: #823687;
}

.info a { /* style pour les liens dans le bas de page */

	/* couleur de lien modifiable */
	color			: #823687;
}

.bas_page {/* style additionnels pour les bas de pages des : questions, reponses, score, brève */
	z-index:3;
	vertical-align 	: top;
}

.bas_page_accueil {/* style additionnels pour le bas de page de l'accueil */
	z-index			: 3;
	vertical-align 	: top;
	_clear			: both;
}
/******************* STYLES BAS DE PAGE *******************/
/**********************************************************/