* {margin:0; padding:0;}
body {text-align:center;color:black;background:#e4e3df;}
table, div, input, body, textarea, select {font: 11px Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a img {border:none;}
hr {display:none;}

/*  SOMMAIRE
	1. Structure
	2. Page d'Accueil
	3. Page Programme
	4. Page Annexe
	5. Page Attestation
	6. Page Hotline
	7. Page Reporting
*/

/*------------  1. STRUCTURE             */
#bando, #pied {width:917px;margin:0 auto;}

#bando {height:115px;background:url(images/fond-bando.jpg) no-repeat;position:relative;}
	#bando h1 {height:33px;text-align:right;color:#f5ebde;font-size:2em;padding:82px 10px 0 0;font-weight:normal;}
		#bando h1 span {font-weight:bold;}
		
#deconnexion {position:absolute;z-index:2;top:5px;right:0;text-align:right;color:#635d55;}
	#deconnexion p {padding:0 0 0 10px;line-height:1.6em;}
	#deconnexion span {font-weight:bold;font-size:1.4em;}
	#deconnexion label {font-weight:bold;font-size:0.8em;}
	#deconnexion a {color:#978e81;}
	#deconnexion a:hover {color:#1c3765;}
	
#menu {width:916px;margin:0 auto;height:43px;text-align:left;border-style:solid;border-width:0 1px 0 0;}
	#menu ul {list-style:none;}
	#menu li {display:inline;}
	#menu li a {width:115px;height:39px;display:block;float:left;font-size:1.3em;padding:4px 0 0 10px;}
	#menu li a img {float:left;margin:0 5px 0 0;}

#contenu {width:915px;margin:0 auto;background:url(images/fond-contenu.jpg) repeat-y #FEF0DB;text-align:left;}
#bla {background:url(images/fond-bla.jpg) no-repeat right bottom;padding:25px 20px 60px 20px;}
	#bla h2 {color:#635D55;font-size:1.6em;text-transform:uppercase;font-weight:normal;margin:0 0 20px 0;}
	#bla h3 {font-size:1.6em;}
		#bla h3 img {vertical-align:middle;}
	#bla h4, .soustitre {font-size:1.2em;margin:20px 0 5px 0;padding:5px 5px 5px 10px;}
	#bla table {border-style:solid;border-width:4px;background:#fff;}
	#bla caption {text-align:left;padding:10px;font-size:1.6em;text-transform:uppercase;}
	#bla th {font-size:1.4em;padding:5px 0;border-right:1px solid #fff;text-align:center;}
	#bla td {padding:4px 2px;}

#pied {background:#006eb6;}
	#pied a {color:#A7711F;}

#cale {clear:both;}

#login {width:400px;margin:200px auto 0 auto;text-align:left;border-bottom:4px solid #006eb6;}
	#login h1 {color:#1c3765;font-size:2em;}
	#login form {background:url(images/logo-Unpactom.jpg) no-repeat right center #fff;padding:20px 150px 20px 20px;text-align:right;}
		#login form p {margin:0 0 5px 0;}
			#login form p input {border:1px solid #978e81;width:140px;}
			#login form p label {font-weight:bold;color:#635d55;float:left;}
			#login form #bt_envoyer {background:#1c3765;color:#fff;font-weight:bold;border:0;cursor:pointer;}
			
			
/*------------  2. PAGE D'ACCUEIL             */
#fiche {font-size:1.4em;width:350px;}
#fiche h3 {font-size:1.8em;border-width:0 0 1px 0;border-style:solid;font-weight:normal;margin:0 0 10px 0;}
#fiche span {font-weight:bold;}

#entreprises {float:right;}
#entreprises td {padding:10px;}
#entreprises td h3 {font-size:1.4em;background:url(images/icone_engrenage.gif) no-repeat;height:21px;padding:10px 0 0 35px;margin:0 0 10px 0;}
#entreprises span {font-weight:bold;}
#entreprises p {margin:0 0 10px 0;}

/*------------  3. PAGE PROGRAMME             */
#programme td {border-style:solid;border-width:0 1px 0 0;}
#programme td span {font-size:1.2em;font-weight:bold;}
#synthese {padding:8px 10px;font-size:1.4em;font-weight:bold;width:600px;}
#synthese span {background:#fff;border-style:solid;border-width:2px;padding:0 2px;}

/*------------  4. PAGE ANNEXE             */
#list_sequences {margin:0 0 0 20px;font-size:1.2em;font-weight:bold;}
#sequence {float:right;width:700px;}
	#sequence p {margin:0 0 10px 0;}
	#sequence ul {margin:0 0 0 15px;}

/*------------  5. PAGE ATTESTATION            */
#attestation td {font-size:1.4em;padding:10px 20px;background:url(images/fond-attestation.jpg) no-repeat center top;}
#attestation td p {margin:0 0 10px 0;}
#attestation span {font-weight:bold;}

#attestation table {border:0;}
#attestation table td {font-size:1.4em;padding:5px 0px;background:none;border:none;}

/*------------  6. PAGE HOTLINE             */
#hotline {margin:0 0 0 100px;}
	#hotline p {margin:0 0 5px 0;}
	#hotline input {border:1px solid #978e81;width:370px;}
	#hotline textarea {overflow:auto;border:1px solid #978e81;width:403px;}
	#hotline #bt_envoyer {background:#1c3765;color:#fff;font-weight:bold;width:80px;margin:0 0 0 150px;}

/*------------  7. PAGE REPORTING             */
#onglets {list-style:none;height:22px;}
	#onglets li {display:inline;font-weight:bold;}
	#onglets li a {display:block;float:left;padding:4px 10px;border-left:1px solid #A5362A;color:#635D55;}
	#onglets li a:hover {color:#A5362A;background:#F1E5D3;}
	#onglets #indic {background:url(images/indic.gif) no-repeat bottom center #EAD7BC;color:#A5362A;}
	
	#report {clear:both;}
	#report input {border:1px solid #978e81;}
	#report .coche {border:none;}
	#report #bt_envoyer {background:#1c3765;color:#fff;font-weight:bold;width:80px;}