* {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
}

html, body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #DDDDDD;
	overflow: none;	
}

#hg {
	background: url('../img/haut-gauche.png') no-repeat left top;
	height: 100%;
	
}

#hd {
	background: url('../img/haut-droite.png') no-repeat right top;
	height: 100%;
	
}

#bg {
	background: url('../img/bas-gauche.png') no-repeat left bottom;
	height: 100%;
	
}

#bd {
	background: url('../img/bas-droite.png') no-repeat right bottom;
	height: 100%;
	text-align: center;
}

#bandeau {
	text-align: center;	
}

h2 {
	font-size: 12pt;	
}

#contenu {
	height: 90%;
  	padding-top: 20px;
  	overflow: auto;
}

#principal {
	width: 600px;
	margin-left: auto;
  	margin-right: auto;	
  	text-align: left;
}

h3 {
	text-decoration: underline;
	font-size: 12pt;	
}

h4 {
	font-size: 11pt;
	color: #c07432;	
}

h5 {
	font-size: 11pt;
	font-weight: normal;
	color: #e36c25;	
}

table {
	width: 600px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url('../img/fond-table.png') repeat-y;
}

th {
	background: url('../img/fond-titre.png') repeat-x;
	font-size:10pt;
	padding: 0px;
}

p.titre {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}

th.vide {
	background-color: #000000;
	background-image: none;
	font-size:12pt;
}

tr.titre {
	background: url('../img/fond-ligne.png') repeat-y;
	padding: 0px;
}

td {
	margin: 1px;
	padding: 5px;
	font-size:10pt;	
	text-align: left;
}

td.droite {
	text-align: right;	
}

td.titre {
	text-align: center;
	font-weight: bold;
}

td.extremeg {
	width: 10px;	
	padding-right: 15px;
}

td.extremed {
	width: 40px;	
}

td.choix {
	width: 20px;
}

p.centre {
	display: table;
	margin-left: auto;
	margin-right: auto;	
}

input,option,select {	
	background-color: #eeeeee;
}

input.bouton {
	border: 3px outset #d03211; /* rouge sang */
	background-color: #c07432; /* terrebattue */
	color: #FFFFFF;
	height: 30px;
	font-size: 12pt;
}


/* Inset 3D Raised */
.raised {background: transparent; width:700px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:10pt; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}
 
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#e36c25; }
.raised .b3 {background:#e36c25; }
.raised .b4 {background:#e36c25; }
.raised .b4b {background:#e36c25; }
.raised .b3b {background:#e36c25; }
.raised .b2b {background:#e36c25; }
 
.raised .b1 {margin:0 5px; background:#e36c25;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#e36c25;}
.raised .boxcontent {display:block;  background:#e36c25;}

ul {
	margin: 0px;
	margin-bottom: 15px;	
}

li {
	 color:#e36c25;	
	 list-style-type: circle inside;
	 margin-bottom: 10px;
}

dt {
	 color:#e36c25;	
}


span.blanc {
	color: #DDDDDD;	
}

#bas {	
	position: absolute;
	clear: both;
	bottom:0px;
	width: 600px;
	margin-left: auto;
  	margin-right: auto;	
}

#bas ul {	
	width: 100%;
}

li.bas {
	font-size: 10pt;
	bottom: 5px;
	display: inline;
	padding-left: 25px;
	background: url('../img/puce.png') left no-repeat;
	margin: 0px;
}

a:link { color: #DDDDDD; text-decoration: underline; } /* lien non-visité */ 
a:visited { color: #DDDDDD; text-decoration: underline; } /* lien visité */ 
a:hover { color: #e36c25; text-decoration: underline; } /* lien survolé */ 
a:active { color: #DDDDDD; text-decoration: underline;} /* lien activé */ 

a.ancre { color:#e36c25;	text-decoration: none;}

select.limitee {
	width: 200px;
	max-width: 200px;
}

.obligatoire {
	font-weight: bold;
	color: #ffffff;
}

p.erreur {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #d03211;
}

img.image {
	margin: 10px;	
}