* { margin: 0; padding: 0; }

body {
	background-color:#ADCA90;
	background-image:url('../img/background.jpg');	
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	color:#497627;
	margin:20px 0px 10px 20px;
	font-size:22px;


}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	color:#497627;
	margin:30px 10px 10px 30px;
	font-size:22px;
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	color:#497627;
	margin:0px 0px 0px 0px;
	font-size:22px;
}
p
{
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-right: 10px;
	text-align:justify
}
.petitTitre
{
	color:#497627;
	/*margin:10px 10px 10px 10px;*/
	font-size:14px;


}
h1#upTitle span
{
	display:none;
}


div#Container
{
	width:850px;
	margin:15px 0 0 150px;
	/*margin:1% 0% 0% 10%;*/
	position:relative;
}


div#upFrame
{
	position:relative;
}

h1#upTitle span
{
	display:none;
}
div#upFrame div#upLinks
{
	position:absolute;
	top:5px;
	right:92px;
	color:white;
}
a
{
color:white;
text-decoration:none;
}
.ate
{

color:#bcedbc;

}
a:hover
{
text-decoration:underline;
}
h1#upTitle
{
	background-image:url('../img/upBckg.jpg');
	background-repeat:no-repeat;
	width:850px;
	height:144px;
	margin:0;
	color:white;
}


div#upFrame h1#menuTitle
{
	position:absolute;
	top:101px;
	left:2px;
	display:block;
	text-transform:uppercase;
	font-family:Verdana;
	font-weight:normal;	
	font-size:24px;
	line-height:25px;
	margin:0;
	color:white;
}

/* + bouton menu du haut*/

.menuHaut  td{
	valign:top;
	height:31;

}

.menuHaut  a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-image: url(../img/menuHaut.gif);
	background-repeat: no-repeat;
	height: 31px;
	width:146px;
	padding-left: 0px;
	padding-top: 0px;
	display: block;
	font-size: 12px;
	text-align: center;

}
.menuHaut   a:hover, .menuHaut   a:active, .menuHaut  .active {
	background-image: url(../img/menuHautOver.gif);
	background-position: 0px -0px;
	color: #000;

}

.menuHautOn  a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-image: url(../img/menuHautOver.gif);
	background-repeat: no-repeat;
	height: 31px;
	width:146px;
	padding-left: 0px;
	padding-top: 0px;
	display: block;
	font-size: 12px;
	text-align: center;

}
/* - bouton menu du haut*/


/* - CONTENT */


#mainFrame
{
	background-color:#76a847;
	border:1px solid #4A7F17;
	height:500px;
}
.footer
{
	margin:0px 0 0 0px;
	/*margin:1% 0% 0% 10%;*/
	position:absolute;
	top: 629px;
	width:850px;
	left: 0px;
	text-align: right;

}


/* - CONTENT */

/* form */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

height: 1%;
}

.cssform label{
	color: #FFFFFF;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 100px;
}
.contenant {
	position:absolute;
	visibility: hidden;
	display : block;
  	border: 1px solid #000000;
	top:300px;
	left:750px;
		width: 203px; 
}
.intro{
	position:absolute;
	top:280px;
	left:8px;
	width: 350px;
	
}