/* CSS Document */

	* {padding:0; margin:0}

	a img {border:none}

	ul, li {list-style-type:none;}

	input, select, textarea {font:normal 1em Arial;}

	body {font:normal 11px Verdana; color:#47433f; background-color:#EFE6D7}


/* grands conteneurs */	

	#global {width:589px; margin:15px auto; display:table; background-color:#fff}
	#global object {width:635px; height:397px; position:absolute; top:0; left:50%; margin-left:-326px; z-index:15}
	* html #global object {margin-left:-325px;}

	#footer {width:589px; clear:both;}
	#footer a {float:left}
	#footer.lot a, #footer.reglement a {float:none; margin:0 auto; display:block; width:64px; padding-bottom:10px}

	#footer small {display:block; float:right; text-align:right; padding-right:15px}
	#footer small tt {font-weight:bold; font-size:11px}


/* accueil */	

	#accueil_entete {width:589px; height:375px; clear:both; background:url(../img/accueil_entete.gif) no-repeat}

	#inscription form {margin:5px auto 5px auto; display:block; width:340px;}
	#inscription form label {float:left; font-weight:bold; padding:11px 5px 0 0}
	#inscription form input {float:left; width:120px; margin:7px 0 0 5px}
	#inscription form input#valide {width:auto; float:right; display:block; margin:0}

	div.clear {clear:both; font-size:.1em; height:2px}

	p.bottom {text-align:center; font-size:.8em; width:590px; margin:0 auto; color:#47433f}
	p.bottom a {color:#e85a02}


/* pages internes */	

	#intern_entete {width:588px; height:55px; clear:both; background:url(http://www.kiabi.com/Kiabi-data/020_CONCOURS/bandeauformulaire.gif) no-repeat}

	#formulaire, #parrainage, #coregistration, #confirmation, #reglement, #temoignage {width:570px; clear:both; margin:0 auto 30px auto;}
	#formulaire h2, #parrainage h2, #coregistration h2, #confirmation h2, #reglement h2, #temoignage h2 {
		width:555px;	/* 570 - 15pad */
		padding:7px 0 5px 15px;
		margin-top:15px;
		font-size:1.4em;
		color:#e85a02;
		float:left;
		clear:both;
		background:url(../img/bg_h2.gif) 0 7px no-repeat
	}

	* html #formulaire h2, 
	* html #parrainage h2, 
	* html #coregistration h2, 
	* html #confirmation h2, 
	* html #reglement h2, 
	* html #temoignage h2 {float:none;}

	#formulaire h2 {margin-top:5px;}
	#formulaire input#valide, #parrainage input#valide, #coregistration input#valide {margin:0 auto; float:none; display:block; clear:both; width:auto}


	/* specifique formulaire d'information participant */	

	#formulaire p {text-align:center; padding:7px 0}	
	#formulaire ul{width:260px; float:left}
	#formulaire ul li {clear:both; padding:3px 0}
	#formulaire label {float:left; width:120px; padding:3px 5px 0 0; text-align:left}
	#formulaire label.radio {float:left; width:auto; padding-right:0}
	#formulaire label.right {padding-left:20px; width:100px}
	#formulaire tt {font-weight:bold}
	#formulaire select {float:left; margin:0 2px}
	#formulaire input {float:left; margin:0 2px; width:120px;}
	#formulaire input.radio {width:auto; margin:0 4px 0 0}
	#formulaire input.petit {width:20px; text-align:center}
	#formulaire input.moyen {width:40px; text-align:center}

	#formulaire table#prenom_enfant {clear:both; display:none; float:left; width:510px; margin:5px 0 0 30px;}
	* html #formulaire table#prenom_enfant {margin-left:10px}

	#formulaire table#recordsList {width:500px}
	#formulaire table#recordsList td {text-align:center; background-color:#ebe7d7}

	#formulaire table a {font-weight:bold; color:#e85a02; text-decoration:none}
	#formulaire table td {text-align:center}
	#formulaire table td.sup {width:20px}
	#formulaire table#prenom_enfant td.prenom-cel {width:155px; padding-left:5px}
	#formulaire table td.sexe {width:120px}
	#formulaire table td.date-naissance {width:220px}
	#formulaire table label, #formulaire table input {width:100px}
	#formulaire table thead {font-weight:bold; color:#e85a02}
	#formulaire table thead th {text-align:center}
	#formulaire table input, #formulaire table select {display:inline; float:none}
	#formulaire table select#lstjour {width:45px}
	#formulaire table select#lstmois {width:60px}
	#formulaire table select#lstannee {width:60px}
	#formulaire table tfoot td {text-align:right; padding:3px 15px 3px 0}

	#formulaire #recevoir_plans_partenaires {clear:both; width:520px; padding:5px; margin:0 auto 10px auto;}
	#formulaire #recevoir_plans_partenaires label, #formulaire #recevoir_plans_partenaires input {display:inline; float:none; width:auto}
	#formulaire #recevoir_plans_partenaires label {padding:0 2px 0 8px}

	#formulaire span.rayon_pref {clear:both; display:block; padding:3px 0 0 15px}
	* html #formulaire span.rayon_pref {padding-left:28px}
	#formulaire ul.rayon_pref {padding:3px 0 0 35px; width:520px; margin:0 auto}
	#formulaire ul.rayon_pref li {float:left; width:120px; clear:none; padding:0;}
	#formulaire ul.rayon_pref li label, #formulaire ul.rayon_pref li input {width:auto;}


	/* specifique parrainage */		

	#parrainage ul{width:400px; margin:0 auto}
	#parrainage ul li {clear:both; margin-bottom:3px}
	#parrainage ul li label {width:50px; padding-top:2px; font-weight:bold; text-align:center; color:#e85a02; float:left}
	#parrainage ul li input {width:145px; margin-right:15px}
	#parrainage ul li span {width:150px; margin:0 15px 5px 0; display:block; float:left; padding-top:2px; font-weight:bold; color:#e85a02;}
	#parrainage textarea {width:400px; height:50px; margin:0 auto 20px auto; padding:2px; display:block}
	#parrainage label.textarea {font-weight:bold; text-align:center; color:#e85a02; display:block; padding-bottom:5px}
	#parrainage p {text-align:center; padding:10px 0 20px 0; clear:both}

	#coregistration p, #confirmation p {text-align:center; padding:30px 0; clear:both}


	/* specifique co-registration */		

	#coregistration dl {clear:both; width:450px; margin:5px auto; padding-bottom:10px; display:table; border-bottom:1px dotted #e85a02}
	#coregistration dl img {float:left; margin-right:10px}
	#coregistration dl dt {color:#e85a02; font-weight:bold; font-size:1.2em}
	#coregistration dl dt a {color:#e85a02;}
	#coregistration dl dd {float:left; width:300px;}

	#coregistration label {padding-left:10px}
	#coregistration input#valide {margin-top:15px}


	/* message de confirmation */

	#confirmation ul {margin:0 auto; width:552px}
	#confirmation ul li {float:left}
	#confirmation ul li a {color:#e85a02; text-decoration:none}
	#confirmation ul li a:hover {text-decoration:underline}
	#confirmation p {padding:15px 0}

	#confirmation a#close img {display:block; margin:10px auto}

	#reglement h1, #parrainage h1  {font-size:1.6em; text-align:center; color:#e85a02; margin-top:10px}
	#reglement ul {margin-left:30px}
	#reglement ul li {padding-left:10px; background:url(../img/puce.gif) 0 6px no-repeat}

	td.taillemodtit {
		font-family:verdana;
		font-size:10px;
		font-weight:normal;
		color:#ffffff;
		background-color:#e85a02;
		border-bottom:1px solid black;
		text-align:center;
		padding-top:1px 0 2px 0;
	}

	td.taillemodla {
		font-family:verdana;
		font-size:10px;
		font-weight:normal;
		color:#A8A286;
		border-bottom:1px solid black;
		text-align:center;
		padding-top:1px 0 2px 0;
	}

	td.taillemodlb {
		font-family:verdana;
		font-size:10px;
		font-weight:normal;
		color:#000000;
		background-color:#EBE7D7;
		border-bottom:1px solid black;
		text-align:center;
		padding-top:1px 0 2px 0;
	}