body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif ; 
  font-style: normal ;
  font-size: 15px ; 
  font-weight: normal;
  color : #bbbbbb ;
  background-color: #000000 ; 
  overflow: hidden; 
}

body.paroles {
  background-image: url('images/macha_head.png') ; 
  background-repeat: no-repeat ;
  background-attachment: fixed ;
  background-position: center center ; 
  background-color: #000000 ; 
}

body.lettres {
  background-image: none ; 
  background-color: #000000 ; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Internet Explorer specific */

html {
  overflow: hidden; 
}

* html body {
  padding:80px 0 40px 0; 
}

* html #contents {
  height:85%; 
  width:92%; 
  padding-right:45px;
}

* html #footer {
  background-color: #000000 ; 
  margin-top: 20px ;
  overflow: hidden; 
}

* html #header {
  background-color: #000000 ; 
  overflow: hidden; 
}

* html .paroles {
  margin-left: 1.2em ; 
}

* html .lettres {
  margin-left: 0.5em ; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:80px; 
  overflow:hidden; 
}

#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:40px; 
  overflow:auto; 
  text-align:right; 
  font-size: 13px  ; 
  color : #bdbdbd ;
}

#contents {
  position:fixed; 
  top:70px;
  bottom:50px; 
  right:0; 
  left:0;
  overflow:auto; 
  overflow-x:hidden;
  overflow-y:auto;
  margin-right: 1em ; 
  font-size: 15px ; 
  line-height: 20px ;
  font-weight: normal;
}

.paroles {
  margin-left: 40px ; 
  padding-right:10px;
  font-style: oblique ;
  color : #ffffff ;
}

.lettres{
  margin-left: 60px ; 
  padding-right:70px;
  padding-left:50px;
  color : #000000 ;
  background-color: #ffffff ; 
  /* background-image: url('images/g11line22.gif') ; */
}

.liste {
  left:0;
  margin-left: 2.5em ; 
}

h1 {
	font-weight: bold;
  	font-size: 32px ;
	color : #9c9c9c ;
	padding-left: 1.2em ;
	margin-top: 20px ;
	margin-bottom: auto ;
}

div.petition {
	width: 85% ;
	height: 510px ;
	margin-left: auto ; 
	margin-right: auto ; 
	margin-top: 0px ; 
	background-color : #fffada ;
	color : #000000 ;
	font-size: 15px ;
	line-height: 20px ;
	font-weight: normal;
}

table { 
	border : none ; 
	width: 97% ;
	margin-left: auto ;
	margin-right: auto ; 
}

table.foot { 
	border : none ; 
	width: 60% ;
	text-align: center ;
  	font-size: 13px  ; 
	color : #bdbdbd ;
}

table.petition {
	margin-top: 60px ;
	margin-bottom: 50px ;
	background-color: #fffada ; 
	border : none ; 
	width: 80% ;
	margin-left: 5em ; 
	color : #000000 ;
}

table.nav
{
	margin-left: 1em ;
	text-align: right ;
}

td {
	padding-left: 10px ;
	padding-right: 10px ;
	white-space: nowrap ; 
	font-style: normal ;
}

td.petition {
	padding: 30px ;
	padding-top: 10px ;
}

td.nav
{
	padding-left: 12px ;
	padding-right: 12px ;
	color: #555555;
	font-size : 13px ; 
}

td.date
{
	padding-left: 15px ;
	padding-right: 15px ;
	color: #ddd565;
	font-size: 13px  ; 
	font-weight: bold ;
	text-align: center ;
}

td.macha {
	font-weight: bold;
	font-style: normal ;
	font-size: 32px ;
	color : #9c9c9c ;
	padding-left: 0.7em ;
}

p { padding-left: 10px ; }

p.date { 
	padding-top: 30px ;
	text-align: right ;
}

p.signature {
	text-align: right ;
	padding-right: 10em ;
	padding-bottom: 30px ;
}

p.notice { font-style: normal ; }

p.petition { 
	padding-top: 10pt  ;
	padding-left: 40px ;
	padding-right: 40px ;
}

span.count { color: #ff0000 }

a:link { color: #6393c6; text-decoration:none ; }
a:visited { color: #6393c6; text-decoration:none ; }
a:hover { color: #e8af36; text-decoration:none ; }
a:active { color: #6393c6; text-decoration:none ; } 

/*a:link { color: #da1e33 ; text-decoration:none }
a:visited { color: #da1e33 ; text-decoration:none }
a:hover { color: #335c21 ; text-decoration:none }
a:active { color: #da1e33 ; text-decoration:none }*/

h1 a:link { color: #f9ffb1;text-decoration:none ; }
h1 a:visited { color: #f9ffb1;text-decoration:none ; }
h1 a:hover { color: #e8af36;text-decoration:none ; }
h1 a:active { color: #f9ffb1;text-decoration:none ; }

td a:link { color: #6393c6; text-decoration:none ; }
td a:visited { color: #6393c6; text-decoration:none ; }
td a:hover { color: #e8af36; text-decoration:none ; }
td a:active { color: #6393c6; text-decoration:none ; } 

p.notice a:link { color: #6393c6; text-decoration:none ; }
p.notice a:visited { color: #6393c6; text-decoration:none ; }
p.notice a:hover { color: #e8af36; text-decoration:none ; }
p.notice a:active { color: #6393c6; text-decoration:none ; }