*{
margin:0;
padding:0;
}

html, body {
background: #e8f8e8;
font-family: 'Gill sans', 'Trebuchet MS', Trebuchet, Arial, sans-serif;
color: #2B5D30; 
font-size: 1em;
text-align: center;
}

.cartitre {
font-size: .9em;
font-weight: bold;
}

.petit { color: #2B5D30; font-size: 8pt}

#content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  border: 1px solid #000;
  background: #FFFFFF;
  width: 770px;
  position:relative;
  clear: both;
}

#content a:img {
  background-color:#FFFFFF;
}

#content a:hover, a:active {
  background-position: 0 0;
  padding-left: 1px;
}

#content p {
  padding-left: 1em;
  padding-right: 1em;
}  

#intro {
text-align: justify;
background: url(images/banniere.png) no-repeat;
width: 770px;
height: 105px;
}

#corps {
  position:absolute;
  float:left;
  display:block;
  width: 770px;
  height:1090px;
  top:148px;
  background: #FFFFFF;
  border: 1px solid #000;
}

#corps #colonne1 {
  position:relative;
  width:190px;
  float:left;
  border-right: 1px solid #206020;
  text-align:center;
  font-size: .9em;
  }
  
#corps #colonne2 {
  position:relative;
  width:570px; 
  float:left;
  text-align:center;
  }
  
#corps #colonne1 .titre {
background-color:#00CC00;
color:#FFFFFF;
margin-top: 0.2em;
margin-bottom: 0.4em;
padding-top: 0.2em;
padding-bottom: 0.2em;
}

#corps #colonne1 .soustitre {
margin-top: 0.2em;
padding-top: 0.2em;
padding-bottom: 0.2em;
}

#corps a:link, a:visited {
  color: #0E3691;
  background-color: 0;
}
#corps a:hover, a:active {
  background-position: 0 0;
  padding-left: 1px;
}
#corps a:hover img, a:active img {
  border: 1px solid; /* #1244B5;  */
  background-color: 0;
}

#corps #footer {
  position: relative;
  float: left;
  border-top: 1px solid #000;
  font-size: .9em;
}
#corps #footer p {
margin: 0;
height: 16px;
padding: 5px 2px 2px 5px;
font-size: .9em;
width: 764px;
}

.encart, .infoBlock {
border:1px solid #D0DAF0;
margin: 1em 0 0.4em 0.4em;
padding: .3em;
width: 548px;
/* background: transparent url("../images/trans.png"); */
}
.infoBlock {
margin: 0 0 1em 1em;
}

.conteneur {
	background-color: linen;  
	padding:2px 2px 2px 2px;  
	width:766px;
	float:left;	
	height:auto;
	border: solid 1px black;	 
}


.pagedonne {
FONT-SIZE: 12px;
color: #990000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
min-height:600px;
height:auto;
}	
.freq {
display:block;
float:left;
width:250px;
font-size: 0.9em; 
position:relative;
min-height: 600px;
height:auto;
}	

#content .boutique {
display:block;
width:250px;
min-height: 100px;
}
.donne {
	float:left;
	padding-left: 4px;
	width:508px;
	display:block;
	position:relative;
	top:4px;
	height:auto;
	left: 4px;
}
.entame {
  float:left; 
  padding:0;
  width:400px;
  display:block;
  position:relative;
  top:6px;
  height:auto;
  text-align:center;
}
.bids {
  float:left;
  padding:0;
  width:260px;
  display:block;
  position:relative;
  top:10px;
  left:100px;
  height:auto;
}		
.comments {
  float:left;
  padding-top:8px;
  padding-left:2px;
  width:490px;
  top: 20px;
  left: 4px;
  display:block;
  position:relative;
  height: auto;
  font-size:11px; 
}

.paragraphe {
margin:4px;
height:auto;
text-align:left;
} 	

.reduit2 { 
font-size: 9px;
color: #FF0000;
}
.reduit {
font-size: 9px;
color: #202020;
}	
	
.vert20 {
font-size: 20px;
}

#wrapContent {
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #99999A;
border-bottom: 1px solid #99999A;
height: auto;
min-height: 33em;
text-align: left;
line-height: 1.5em;
}

#wrapContent img {
border: 1px solid #FFF;
padding: 2px;
}
#illusText {
margin: 0 0 0 14em;
padding: 0 1em 0 0;
text-align: justify;
width: 530px;
vertical-align:top;
}
#fullText {
margin: 5px 2em;
padding: 0 1.5em 0 0;
text-align: justify;
}
#fullText img {
float: left;
margin: 0 1.5em 1em 0;
}

img a:hover {
background-color:#FFFFFF;
}

a:link {
color: #0E3691;
font-weight:bold;
text-decoration: none;
/* border-bottom: 1px solid #4169C4; */
}
a:visited {
color: #0E3691;
font-weight:bold;
text-decoration: none;
/* border-bottom: 1px solid #99999A; */
}
a:hover, a:active {
color: #000000;
background-color:#e8f8e8;
font-weight:bold;
}
h1, h2, h3 {
font-family: Verdana, 'Trebuchet MS', Trebuchet, Arial, sans-serif;
}
h1 {
text-indent: -100em;
overflow: hidden;
background: transparent;
margin: 0;
padding: 0;
height: 2.5em;
}
h2 {
color: #2B5D30;
font-size: 1.2em;
margin: 0 0 .6em 0;
}
h3 {
color: #2B5D30;
font-size: 1em;
margin: 0 .2em .2em;
}
h2 span {
font-size: .7em;
font-weight: normal;
color: #333435;
vertical-align: super;
padding: 0 0 0 .5em;
}

.marron {
  color: #6d281c;
}

.vertsombre {
  color: #104018;
}

form {
border:0 solid;
padding:0;
padding-left: 0.8em;
margin:0;
font-family: 'Gill sans', 'Trebuchet MS', Trebuchet, Arial, sans-serif;
color: #2B5D30; 
font-size: 1em;
}

fieldset {
/* border:solid; */
border:thin;
border-style:solid;
border-bottom-color:#006600;
width: 730px;
padding-top: 4px;
padding-bottom: 4px;
margin:0;
}

.formLabel {
/* font-weight: bold; */
display: block;
float: left;
clear: left;
width: 9em;
text-align:right;
}
.formInput {
display: block;
margin: 0 0 1em 9.5em;
}
form input, form textarea {
border: 1px solid #88A1DA;

}
form input#submit {
font-weight: bold;
border: 1px solid #88A1DA;
cursor: pointer;
color: #333435;
width: 9em;
}
form input#submit:hover {
margin-left: 4px;
border-color: #1244B5;
color: #1244B5;
}