/* Convention de syntaxte J&K 
 * 
 * Un fichier ne doit correspondre qu'à UNE SEULE page, à l'exception du main.css qui ne doit contenir QUE des éléments communs à toutes les pages
 * 
 * Redéfinition d'élément : MAJUSCULE (IMG, A, SPAN...)
 * Classes et identifiants : minuscule (#menu, .link_hover...)
 * 
 * Indenter en fonction des éléments parents, par exemple :
 * 
 * #menu{
 * 		font-weight:normal;
 * }
 * 
 * 		#menu A{
 * 			font-weight:bold;
 * 		}
 * 
 * Conserver l'indentation pour un div contenu dans le menu.
 * Ainsi, pour le div #le_sous_menu :
 * 
 * 		#le_sous_menu{
 * 			border:solid 1px #FFF;
 * 		}
 * 
 * Mettre des commentaires EN MAJUSCULE pour définir les parents principaux (conteneurs principaux, header, contenu, footer, menu)
 * 
 * Le document doit être ordonnée comme suit :
 * 1- Redefinition d'éléments (BODY, IMG, A, SPAN...)
 * 2- Classe générique (.cursor, .couleur ...)
 * 3- Définition des parents principaux
 * 
 * Une définition doit être ordonnée comme suit :
 * 1- Positionnement
 * 		- float
 * 		- position
 * 			- top/left
 * 
 * 2- Dimensions
 * 		- width/height
 * 
 * 3- Autres définitions
 * 		- Font
 * 		- ...
 * 
 * 4- Margin/Padding (en dernier pour les retrouver facilement)
 */


/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
*{
	/* Correction de la difference de gestion des marges par défaut entre Firefox et IE */
	margin:0;
	padding:0;
}

IMG{
	border:none;
}

/* Définition des liens */
A, A:hover{
	cursor:pointer;
}

BODY{
	overflow-x:hidden;
}


/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */

.curseur{
	cursor:pointer;
}

 
/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * CONTENEUR
 */
#container{
	width:521px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0 auto;
}


/*
 * ENTETE
 */
#header{
	float:left;
	width:521px;
	height:185px;
	background:url("../images/header.jpg") no-repeat;
}

	#produits{
		position:absolute;
		width:130px;
		height:158px;
		margin:42px 0 0 340px;
	}
	
		#flashProduits{
			float:left;
			width:130px;
			height:158px;
		}


/*
 * CONTENU
 */
#wrapper{
	float:left;
	width:521px;
	height:311px;
	background:url("../images/bg_wrapper.jpg") no-repeat bottom;
}

#mainPage{
	position:absolute;
	width:2000px;
	height:311px;
}

#maskPage{
	position:relative;
	left:17px;
	width:485px;
	height:311px;
	overflow:hidden;
	border:none 1px;
}

.contentPage{
	position:absolute;
	float:left;
	width:521px;
	height:311px;
}
	
	#page01{
		left:0px;
	}
	
	#page02{
		left:521px;
	}
	
	#page03{
		left:521px;
	}

	.contentWrap{
		float:left;
		width:521px;
		height:260px;
	}

		.question{
			float:left;
			width:431px;
			padding:15px 45px 0 28px;
		}
		
			.titleQuestion{
				font-weight:bold;
				color:#003c69;
				padding:0 0 10px 0;
			}
			
			.rep{
				float:left;
				width:310px;
			}
			
				.lineRep{
					float:left;
					width:100%;
					padding:0 0 3px 0;
				}
			
				.lineRep span{
					float:left;
					padding:0 10px 0 0;
				}
				
			.btnIndice{
				float:left;
				padding:15px 0 0 0;
			}
			
			.btnSubmit{
				float:left;
				width:486px;
				padding:0 0 0 18px;
			}
			
			.btnNext{
				float:left;
				width:486px;
				padding:0 0 0 18px;
				display:none;
			}
			
				.btnNext img{
					float:left;
				}
			
				.btnSubmit img{
					float:left;
				}
				
				.btnSuivant{
					float:left;
					width:175px;
					height:22px;
					cursor:pointer;
					background:url("../images/btn_suivant.jpg") no-repeat;
					border:none;
				}
						
				.btnEnregistrer{
					float:left;
					width:175px;
					height:22px;
					cursor:pointer;
					background:url("../images/btn_enregistrer.jpg") no-repeat;
					border:none;
				}
						
		.lineForm{
			float:left;
			width:431px;
			margin:0 45px 0 45px;
			padding:4px 0 3px 0;
			background:url("../images/sep_input.jpg") no-repeat left bottom;
		}
		
			.txtLineForm{
				float:left;
				width:192px;
				font-size:12px;
				font-weight:normal;
				color:#000;
			}
			
			.inputTextLineForm{
				float:left;
				width:138px;
				height:15px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:normal;
				color:#000;
				background:#e7eecc;
				border:1px solid #b8ce69;
				padding:1px 3px 0 3px;
			}
			
			.inputTextLineForm.errorInputTextLineForm{
				background:#f3cec8;
				border:1px solid #dc7b6b;
			}
			
			.txtLineFormOptIn{
				float:left;
				width:252px;
				font-size:12px;
				font-weight:normal;
				color:#000;
				padding:0 0 0 20px;
			}
			
			.txtLineFormOptIn.errorTxtLineFormOptIn{
				color:#e13013;
				background:none;
				border:none;
			}
			
				.txtLineFormOptIn a{
					font-size:12px;
					font-weight:normal;
					color:#4D8506;
					text-decoration:underline;
				}
				
				.txtLineFormOptIn.errorTxtLineFormOptIn a{
					font-weight:bold;
					color:#e13013;
				}
			
				.txtLineFormOptIn a:hover{
					font-size:12px;
					font-weight:normal;
					color:#4D8506;
					text-decoration:underline;
				}
				
				.txtLineFormOptIn.errorTxtLineFormOptIn a:hover{
					font-weight:bold;
					color:#e13013;
				}
			
			.checkLineForm{
				float:left;
				width:12px;
				height:12px;
			}
			
	#chpOblig{
		float:left;	
		font-size:11px;
		font-weight:normal;
		font-style:italic;	
		padding:4px 0 0 350px;
	}
			
/*
 * OVERLAY MESSAGE / ERREUR
 */
#boxMsg{
	position:absolute;
	left:521px;
	width:392px;
	margin:30px 0 0 58px;
	z-index:200;
}

	#topBox{
		float:left;
		width:392px;
		height:33px;
	}
	
	#contentBox{
		float:left;
		width:272px;
		background:url("../images/bg_content_box.png") repeat-y;
		padding:0 40px 20px 80px;	
	}
	
		.line{
			float:left;
			width:252px;
			font-size:12px;
			font-weight:bold;
			color:#4D8506;
			text-align:left;
			background:url("../images/bullet_msg.jpg") no-repeat 0 10px;
			padding:5px 0 5px 20px;	
		}
	
		.error .line{
			float:left;
			width:252px;
			font-size:12px;
			font-weight:bold;
			color:#ba0f0f;
			text-align:left;
			background:url("../images/bullet_error.jpg") no-repeat 0 10px;
			padding:5px 0 5px 20px;	
		}
	
	#bottomBox{
		float:left;
		width:392px;
		height:31px;
		text-align:center;
		background:url("../images/bottom_box.png") no-repeat;
	}

#mentions_legales_block{
	position:absolute;
	top:295px;
	width:521px;
	
	font-size:10px;
}

	#mentions_legales_lib{
		padding-right:30px;
		height:20px;
	
		text-align:right;	
		color:#999;
	}
		
		#mentions_legales_lib_content{
			cursor:pointer;			
		}
	
	#mentions_legales_content{
		display:none;
		position:absolute;
		top:-282px;
		left:22px;
		
		border:1px solid #DDD;
		
		padding:15px;
		
		width:445px;
		
		background-color:#FFF;
		
		text-align:justify;
	}

/*
 * PIED DE PAGE
 */
#footer{
	
}