@import 'reset.css';
@import 'global.css';

/**
 * Container
 */
#container { position: relative; width: 955px; background: url(../fr/nav/bg-container.gif) repeat-y; margin: 0 auto; }
	
	/**
	 * Header
	 */
	#header { width: 949px; height: 115px; border-top: 2px solid #898787; margin: 0 auto; }
	
		/* Titre/Logo */
		#header h1 { width: 374px; height: 57px; background: url(../fr/nav/bg-logo.gif); margin: 8px 16px; }
		
		/* Menu */
		#header #nav { width: 949px; height: 28px; margin: 22px 0 0 0; background: url(../fr/nav/bg-nav.gif); }
			#nav li { display: block; float: left; height: 28px; padding: 0; background: 0; }
			#nav a { height: 28px; }
			#nav #nav1 { width: 101px; }
			#nav #nav2 { width: 201px; }
			#nav #nav3 { width: 165px; }
			#nav #nav4 { width: 150px; }
			#nav #nav5 { width: 174px; }
			#nav #nav6 { width: 158px; }

	/**
	 * Content
	 */
	#content { position: relative; width: 949px; margin: 0 auto 50px auto; }
	
		/**
		 * Partie concernant l'IMC
		 */
		#content #imc { width: 876px; margin: 30px auto 0 auto; padding-bottom: 15px; border-bottom: 1px solid #EA63A9; }
		
			/* Partie résultat / graphique de l'IMC */
			#imc #imc-left { float: left; margin: 7px 0 30px 0; }
			
				/* Résultat de l'IMC */
				#imc-left #imc-result { width: 274px; background: url(../fr/nav/lvl2/bg-imc-result.jpg) no-repeat; text-align: center; color: #fff; }
					#imc-result h2 { font-size: 2.14em; }
					#imc-result p { margin: 0px; }
					#imc-result h3 { border: 0; font-size: 1.1em; line-height: 1.9em; padding: 8px; color: #fff; margin: 0; }
					
				/* Graphique de l'IMC */
				#imc-left img { margin-top: 17px; }
				
			/* Texte informatif */
			#imc #imc-text { width: 561px; float: right; }
				#imc-text h2 { color: #EA63A9; margin-bottom: 15px; border-bottom: 1px solid #EA63A9; }
				#imc-text p { margin: 10px 0; }
			
		/**
		 * Partie formulaire
		 */
		#content #part-form { width: 876px; margin: 30px auto 0 auto; color: #5a5a5b; }
			#part-form h3 { border: 0; color: #638AB5; margin: 0 0 21px 4px; font-size: 1.2em; line-height: 1em; }
			
			/* Formulaire */
			#part-form .form-imc { position: relative; width: 569px; float: right; margin-bottom: 20px; background: url(../fr/nav/lvl2/bg-form-middle.gif) repeat-y; }
			#IE6 #part-form .form-imc { margin-right: -9px; }

				#part-form h4 { font-size: 0.987em; color: #EA63A9; border-bottom: 1px solid #EA63A9; margin: 0 0 8px 0; padding: 0; font-weight: bold; }
				#part-form img { margin-bottom: 40px; }
			
				/* Design du formulaire */
				#part-form .form-top { height: 12px; background: url(../fr/nav/lvl2/bg-form-top.gif) no-repeat; line-height: 0; overflow: hidden; }
				#part-form .form-middle { padding: 0 17px; }
				#part-form .form-bottom { height: 15px; background: url(../fr/nav/lvl2/bg-form-bottom.gif) no-repeat; margin-bottom: -3px; line-height: 0; overflow: hidden; }
								
					/* Contenu du formulaire */
					.form-imc .error { margin-left: 118px; white-space: nowrap; }
					.form-imc .error.anniv { position: absolute; top: 20px; }
					.form-imc .message { text-align: center; }
					
					.form-imc p { position: relative; margin: 10px 0 9px 0; }
					#IE6 .form-imc p { margin: 5px 0 6px 0; }
					#IE7 .form-imc p { margin: 5px 0 6px 0; }
					
					.form-imc p.left { float: left; }
					.form-imc p.right { float: left; margin-left: 15px !important; }
					.form-imc p.bottom { margin-bottom: -17px; }
					#IE6 .form-imc p.bottom { margin-bottom: -28px; }
					#IE7 .form-imc p.bottom { margin-bottom: -28px; }
					
					.form-imc label { float: left; width: 118px; font-weight: bold; }
					.form-imc .input-nom { width: 80px; }
					.form-imc #anniv_contact { width: 119px; float: left; margin-right: 5px; }
					
					.form-imc #codepostal_contact { width: 54px; float: left; margin-right: 4px; }
					.form-imc #ville_contact { width: 80px; }
				
				/* Questionnaire */
				#part-form .questions { position: relative; width: 569px; float: right; background: url(../fr/nav/lvl2/bg-form-middle.gif) repeat-y; }
					/* Spécifique aux questions */
					.questions label { float: left; width: 420px; font-weight: bold; }
					.questions p { margin: 10px 0; clear: both; }
					.questions .input-valider { float: right; }
			
			/* confirmation */
			#part-form #confirmation { width: 561px; float: right; }
                #confirmation h2 { color: #EA63A9; margin-bottom: 15px; border-bottom: 1px solid #EA63A9; }
		
		/**
		 * Partie concernant le contenu
		 */
		#content #nv2 { width: 876px; margin: 30px auto 0 auto; padding-bottom: 15px; }
		
			/* Partie gauche du contenu (Image et "à noter") */
			#nv2 #nv2-left { float: left; margin: 20px 0 30px 0; }
			
				/* Partie "à noter" */
				#nv2-left .nv2-note { position: relative; width: 274px; margin-top: 35px; background: url(../fr/nav/lvl2/bg-note-middle.gif) repeat-y; }
					
					/* Design de la partie "à noter" */
					.nv2-note .nv2-note-top { height: 13px; background: url(../fr/nav/lvl2/bg-note-top.gif) no-repeat; }
					.nv2-note .nv2-note-middle { padding: 0 17px; }
					.nv2-note .nv2-note-bottom { height: 13px; background: url(../fr/nav/lvl2/bg-note-bottom.gif) no-repeat; line-height: 0; overflow: hidden; }
					
					.nv2-note h3 { color: #EA63A9; border-bottom: 1px solid #EA63A9; }
					.nv2-note p { margin: 6px 0; }
					
			/* Texte informatif (qui sommes nous) */
			#nv2 #nv2-text { width: 561px; float: right; }
				#nv2-text h2 { color: #EA63A9; margin-bottom: 15px; border-bottom: 1px solid #EA63A9; }
				#nv2-text h3 { color: #638AB5; }
				#nv2-text p { margin: 10px 0; }
				#nv2-text img { margin: 0 0 10px 10px; }
				
			/* Partie basse */
			#content #nv2 .nv2-important { padding: 5px 0; margin: 10px auto; background: url(../fr/nav/lvl2/bg-nv2-important.gif) repeat; border-bottom: 1px solid #EA63A9; border-top: 1px solid #EA63A9; }
			#IE6 #content #nv2 .nv2-important { padding: 0; }
			#IE7 #content #nv2 .nv2-important { padding: 0; }
			
			#contact_rule { width: 876px; margin: 40px auto 0 auto; color: #5a5a5b; background: url(../fr/nav/lvl2/bg-form-dot.gif); border: 1px solid #DF65A5; padding: 10px; font-size: 0.85em; }
			
	/**
	 * Footer
	 */
	#footer { width: 949px; height: 32px; background: url(../fr/nav/bg-footer.gif) repeat-x; margin:0 auto; font-size: 0.9em; line-height: 29px; color: #fff; }
	
		#footer p { margin: 0; }
        #footer a { color: #fff; text-decoration: none; }
		
		/* angle bas gauche */
		#footer #footer-corner-left { position: absolute; width: 3px; height: 5px; overflow: hidden; bottom: 0; left: 0; background: url(../fr/nav/bg-footer-corner-left.gif); }
						
		/* angle bas droit */
		#footer #footer-corner-right { position: absolute; width: 3px; height: 5px; overflow: hidden; bottom: 0; right: 0; background: url(../fr/nav/bg-footer-corner-right.gif); }
		#IE6 #footer #footer-corner-right { right: -1px; bottom: 0; }
		
		/* texte gauche */
		#footer #txt-mention { position: absolute; left: 14px; bottom: 3px; }

		/* texte droite */
		#footer #txt-cgv { position: absolute;  left: 830px; bottom: 3px; }

		/* logo Pyxis */
		#footer #pyxis { position: absolute; width: 52px; height: 21px; right: 14px; bottom: 6px; }