/* Général */
body {
	background: url(../img/logo.jpg) repeat;
}

a {
	color: #ffcc66;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ff4c00;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	color: #ffcc66;
	text-align: center;
}

table {
	margin: 0;
	padding: 0;	
}

tr {
}

td {
}

td.intitule {
	font-weight: 800;
	text-align: center;
}

td.gauche {
	text-align: left;
}

td.droite {
	text-align: right;	
}

td.centre {
	text-align: center;	
}

img.gauche {
	float: left;	
}

img.droite {
	float: right;	
}

img.centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(../img/budget-03.png) no-repeat right top;
}

/* Contenu principal */
#contenu {
	padding: 0;
	margin: 0;
	color: #003333;
	height: 480px; 
	background: url(../img/budget-02.png) no-repeat left top;	
}

/* Page */
body {
	padding-top: 16px;
}
#global {
	width: 900px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* En-tête */
#entete {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../img/budget-01.png) no-repeat left top;
	height: 96px;
}

#entete img {
	width: 128px; 
	height:96px; 
	float: left;	
}

#entete h1 {
	padding: 0;
	margin: 0;
	font-size: 2.3em;
	line-height: 2.3em;
}

#entete h1 a {
	color: #ffffff;
	margin-left: 100px;
}

/* Menu */
#menu {
	position: absolute;
	top: 0px;
	width:700px; 
	height: 50px;
	margin-left: 18px;
	margin-top: 100px;
	background-image: none;
}

#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
 }

#menu li {
	margin-left:2px;
	float:left; /*pour IE*/
 }

#menu ul li a {
	display:block;
	float:left;   
 }
 
/* Bouton */
.bouton {
	top: 16px;
	padding-top: 8px ;
	padding-bottom: 16px ;
	width: 219px;
	height: 12px;
	text-align: center;
	overflow:hidden;
}

.bouton strong {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: 400;
}

.bouton a:hover, a:focus {
	color: #FF4C00;
}

.dummy {
}

.dummy ul {
}

.dummy li {
	padding: 0px 4px 4px 8px;
}

.dummy li a {
	font-size: 13px;
	text-align: left;
	color: #ffff22;
}

.dummy img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	padding: 0;
}

.dummy li a:hover, a:focus {
	color: #ffffff;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
	background: url(../img/budget-03.png) no-repeat right top;
}

/* Droite */
#droite {
	margin-top: -5px;
	margin-right: 20px;
	width: 180px;
	float: right; /* -> 6 */
}

/* Contenu */
#contenu {
	margin-left: 0px; /* -> 8 */
    margin-right:200px;
	padding: 10px 20px;
}

#contenu p, #contenu li {
	line-height: 1.5;
}
	
#cadre {
	top: 34px; 
	height: 470px; 
	padding: 0; 
	margin: 0; 
	border: solid 1px transparent;	
	font-size: 14px;
}

#rubrique {
	position:relative; 
	top: 4px; 
	width:97%; 
	height: 420px; 
	padding: 0; 
	margin: 0px 10px; 
	overflow: auto; 
	border: solid 1px transparent;
	font-size: 0.9em;
	color: #38213e;
}

#rubrique p {
	line-height: 16px;
	margin-right: 15px;	
}

#rubrique table {
	table-layout:fixed; 
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.7em;
}

#rubrique table tr {
	padding: 0;
	margin: 0;
	border: 1px black solid;
}

#rubrique table tr td {
	padding: 4px;
	margin: 0;
	border: 1px black solid;
}

#rubrique h4 {
	font-weight: 800;	
}

#rubrique h5 {
	font-style: italic;
}

#rubrique a {
	color: #38213e;
	font-weight: bold;
}

#rubrique a:hover, a:focus {
	color: #FF4C00;
}

#rubrique ul {
	list-style-image: url(../img/puce-bleue.png);	
}

#rubrique li {
	line-height: 16px;
	margin-top: 0px;
}

#rubrique form {
	color: #38213e;
}

#rubrique fieldset {
	width: 94%; 
}

#rubrique legend {
 	color: black;
 	font-weight: 800;
}

#rubrique label {
	display: block;
}

#rubrique .intro {
	margin-left: 24px;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 575px;
	display: table;
}

#rubrique .intro img {
	float: left;
	padding: 6px;
	display: table-cell; 	
}

#rubrique .intro p {
	margin: 0;
	padding: 4px 4px 0 0;	
	color: #ffffff;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.1em;
}

#rubrique .annotation {
	display: block; 
	margin-left: 4px;
	border-left: solid white 1px; 
	background-color: transparent; 
	float: right; 
	padding: 4px;
	width: 33%;
	font-size: 0.8em;
}

#rubrique .annotation ul {
	list-style-image: none;
	list-style-type: disc;	
}

#rubrique .annotation li {
	vertical-align: middle;
}

#rubrique .annotation img {
	vertical-align: middle;	
}

#rubrique .bulle {
	color: black;
	background-image: url("../img/stabilo.png");	
	cursor: help;
}

#rubrique .bulle a, #rubrique .bulle a:hover, #rubrique .bulle a:focus {
}

/* Accordion */ 
#accordion {
	width:97.3%;
	font-size: 1em;  
}

#accordion a {
	color: #FF6533;
	font-weight: normal;
}

#accordion a:hover, a:focus {
	color: #FF4C00;
}

#accordion ul {
	list-style-image: none;
	list-style-type: disc;
}

#accordion ul li {
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#accordion ul li ul {
	list-style-type: square;
}

#accordion .annotation {
	/* border-color: black; */
	border-style: inset;
	border-width: thin;
	background-color: #eeeeee;
}

#accordion h3 a {
	font-size: 13px;
}
	
#accordion h4 {
	background-image: url("../img/fleche-droite-verte.png");
	background-repeat: no-repeat;
	padding-left: 24px;
	line-height: 22px;
	margin-bottom: 0;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 0;
	font-size: .85em;
	background-attachment: fixed;
	background: url(../img/budget-04.png) no-repeat left bottom;
	height: 78px;
}

/* Références */
#references {
	position: absolute; 
	top: 628px;
	width: 400px; 
	margin-left: 140px; 
	padding-left: 8px; 
	padding-right: 8px; 
	/*border-left: solid #786983 1px;	
	border-right: solid #786983 1px;	
	border-bottom: solid #786983 1px;	
	border-top: 0;*/
	text-align: center;	
	color: #786983;
	font-size: 1.6em;
}

#references a {
	color: #ffcc66;
}

#references a:hover, a:focus {
	color: #ff4c00;
}

/* Copyright */
#copyright {
	position: absolute; 
	top: 670px;
	margin-left: 370px;
	color: #615881;	
	padding: 0;
	font-size: 0.8em;
}

#copyright a {
	color: #615881;	
} 

#copyright a:hover, a:focus {
	color: #FFFFFF;
}

/* Lexique */
#lexique {
 	width:60%; 
	position: absolute; 
	top: 597px;
 	margin-left: 4%;
 	margin-right: 46%;
 }

#lexique ul {
	list-style-type: none;
	display: block;	
}

#lexique ul li {
	display: inline;	
}

#lexique span {
	font-size: 1.6em;
	border: solid 1px white;
	padding-left: 2px;
	padding-right: 2px;
	color: white;
}

#lexique span:hover {
	background-color: #ffcc66;
	color: #ff4c00;
	cursor: pointer;	
}

/* Panel */
.panel {
	margin-top: 6px;
	padding: 8px;
	line-height: 1.2;
	font-size: .85em;
	color: #FFFFFF;
}

.panel ul {
	margin: 0;
	padding: 10px 5px 10px 5px;
	list-style: none;
}
.panel a {
	/*display: block;*/
	height: 1%; /* -> 7 */
}

.panel a.sequentiel {
	font-size: 1.1em;
	margin-left: 2px;
	margin-right: 2px; 	
}

.panel a.sequentiel img {
	vertical-align: middle;
	float: none;
}

#illustration img {
	margin-left: -7px;
	margin-bottom: -11px;
	margin-top: -5px;
	padding: 0;
}

#suggestion {
	text-align: justify;
	text-justify: newspaper;	
}

#suggestion p {
	margin-bottom: 2px;	
}

#suggestion div {
	line-height: 1em;	
}

#suggestion ul {
	padding: 0;
	margin: 0;	
}

#suggestion li {
	padding: 0;
	margin: 0;	
}

#suggestion img {
	float: left;;	
}

#navigation {
	position:absolute; 
	top: 614px;
	margin-left: 2px;
	font-size: 12px;
	font-weight: 600;
}

#navigation a {
	color: #ffffff;
}

#navigation a:hover, a:focus {
	color: #ff4c00;	
}

#navigation a sup {
	font-size: 10px;
	vertical-align: super;
	line-height: 6px;;
	text-decoration: underline;
}

#nav-gauche {
	float: left;
	width: 75px;
	height: 37px;
	text-align: left;
	padding-top: 6px;
	padding-left: 5px;
	text-align: center;
}

#nav-droite {
	margin-left: 80px;
	width: 75px;
	height: 37px;
	text-align: right;
	padding-top: 6px;
	padding-right: 5px;
	text-align: center;
}

/* dialogue */
#dialog {
	font-size: 11px;	
}