* {
    padding: 0;
    margin: 0;
} 

html  { font-size: 100%; } /* IE hack */

body {
background: #4c320d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 1.6em;
color: #333333;
width: 98%;  /* auto ou % */
margin: 0 auto;
}

table, th, td, input, select { font-size: 100%; } /* IE hack */

img { border: none; }
a { color: #4c320d;  }
a:hover { text-decoration: none; color : #000; }

/* LARGEUR FENETRE */
#wrap {
background-color: #4B4B4B;
margin: 2em auto 1em auto;
min-width: 800px;  /* largeur mini du site (sauf IE) */
width: auto;  /* auto ou % */
}

/* LARGEUR FENETRE POUR IE, largeur minimum */
* html #wrap_minwidth_IE {  /* largeur mini du site pour IE */
padding-left: 800px;  /* valeur largeur mini pour IE */
}

* html #wrap_container_IE {  /* complément à .minwidth pour IE */
margin-left: -800px;  /* négatif valeur largeur mini pour IE */
position: relative;
}

* html #wrap_minwidth_IE, * html #wrap_container_IE, * html #wrap_layout_IE  { /* complément à .minwidth pour IE */
height: 1px;
}
/* FIN LARGEUR FENETRE */


#header { 
padding:0.5em;
height:7em;
background: #996633;
}
#header_promote { 
padding:0.5em;
height:4em;
background: #4B4B4B;
}
#header h1, #header_promote h1{
font-size: 2.6em;
font-weight: 200;
padding: 0.2em 0 0.5em 1em;
}
#header h1 a , #header_promote h1 a{
color: #fff;
text-decoration: none;
}
#header h1 a:hover , #header_promote h1 a:hover{
color: #111;
text-decoration: none;
}
#header h2 , #header_promote h2{
color: #cccccc;
font-size: 1.5em;
font-weight: 100;
padding: 0 0 0 1.1em;
letter-spacing: -0.1em;
line-height: 1.5em;
}
#header-links {
position: absolute;
top: 1em; right: 1.5em;	
color: #ffffff;
font: bold 1.2em "Trebuchet MS", Tahoma, Sans-serif;
line-height:1em;
text-align:center;	
}

#menu {
height: 3.0em;
line-height: 3.0em;
background-color: #996633;
}
#menu ul {
padding-left: 1em;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eeeeee;
padding: 0 1em;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
#menu ul li#current{
background-color: #330000;
}

#content {
background-color: #ffffff;
padding: 1em 2em;
}

.left {
width: 68%;
float: left;
text-align: justify;
}
.left h2 {
color: #FF4800;
font-size: 2.4em;
letter-spacing: -0.1em;
font-weight: 100;
padding : 1em 0 1.5em 0;
}

.right {
width: 22%;
float: right;
padding: 1em;
border-left: 0.1em solid #bbb;
font-size: 1.2em;
}
.right ul {
list-style-type: none;
padding: 0.5em 1em 1em 1em;
}
.right h2 {
/*height: 3em;*/
font-size: 1.2em;
color: #666;
margin: 0.6em 0 0.3em 0;
}
.right h3 {
/*height: 3em;*/
font-size: 1.1em;
color: #666;
margin: 0.6em 0 0.3em 0;
}
.right a { text-decoration: none }

#top {
background-color: #996633 ;
padding: 0.5em 0;
}
#bottom {
background-color: #996633;
padding: 1em 0;
}

#footer {
background: #996633;
text-align: center;
color: #eeeeee;
font-size: 1em;
padding: 0 0 1em 0;
}

/* footer columns */
#footer-columns {
	color: #CC0000;
	margin: 0 auto; 
	padding: 0;	
	width: 90%;	
}
#footer-columns ul {
	list-style: none;
	margin: 1em 0 0 0; 
	padding: 0;	
}
#footer-columns li {
text-align: left;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 29%;
}
#footer-columns .col3-center { 
	margin: 0 1em; 
}
/* bottom */
#footer-bottom {
	clear: both;
	color: #E8F4FF;	
	margin: 0.8em auto; 
	padding: 0.5em 0;
	text-align: center;
	font-size:0.7em;
}
#footer-bottom h3 {
font-size: 1.4em;
color: #666;
margin: 0.6em 0 0.1em 0;
}

/* start - table */
table {
	margin: 1em 1.5em; 
	border-collapse: separate;			
}
th {
	background: #993300;
	height: 3em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	color: #FFF;
	text-align: left;
	border: 0.1em solid #993300;
}
tr {
	color: #707070;
	height: 2.5em;	
	border: 0.1em solid #993300;
}
td {
	padding-left: 1.2em;
	padding-right: 1.2em;
	border: 0.1em solid #FE7F0E;
}
td.first,th.first {
}
/* end - table */

/* form elements */
form {
	margin: 1em 1.5em; 
	padding: 1em;
	border: 0.1em solid #ffffff; 
	background-color: #ffffff; 
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label {
	display:block;
	font-weight:bold;
	margin: .4em 0;	
}
input {
	padding: .3em;
	border: 0.1em solid #eee;
	font: normal 1em Verdana, sans-serif;
	background: #FFFF99;
	color:#777;
}
textarea {
	width: 100%;
	padding: .3em;
	font: normal 1em/1.5em Verdana, sans-serif;
	border: 0.1em solid #eee;
	height: 10em;
	display:block;
	background: #FFFF99;
	color:#777;
}
input.button { 
	font: bold 1em Arial, Sans-serif; 
	margin: 0;
	padding: .25em .3em;
	color: #fff;
	background: #993300;
	border: 0.2em solid #993300;
}