html {
	overflow:auto;
}

body {
	padding:0px;
	margin:16px 0;
	font-family: "verdana",arial,tahoma,helvetica,sans-serif;
	font-size:0.9em;
	color:#000000;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-position:center top;
}

a img {
	border:0;
}

form {
	margin:0;padding:0;
}

/* header */

.header{
	height:85px;
	color:#487600;
	font: bold 1.1em tahoma,arial,sans-serif;
}

.header img {
	float:left;
	margin-left:150px;
}

.header div {
	padding-top:50px;
}

/* menu */

#menu
{
	width:986px;
	margin:auto;
	*padding-top:12px;
	_padding-top:3px;
}

#menu ul
{
	list-style:none;
}


#menu ul li
{
	float:left;
	margin-right:20px;
}

#menu ul li a
{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}

#menu ul li a:hover
{
	text-decoration:underline;
}

/* centre */

#container {
	width:986px;
	color:#000000;
	margin: auto;
	padding:0px;
	font-size:1em;
	padding-top:35px;
	*padding-top:20px;
}

.centre {
	width:766px;
}

.centre .blochaut{
	background-image:url(../images/bloc_haut.png);
	_background-image:url(../images/bloc_haut.gif);
	background-repeat:no-repeat;
	height:39px;
}

.centre .bloccentre{
	background-image:url(../images/bloc_fond.png);
	_background-image:url(../images/bloc_fond.gif);
	background-repeat:repeat-y;
}

.centre div.accueil{
	text-align:center;
	position:relative;
	height:395px;
}

.centre div.accueil img{
	position:absolute;
	top:0px;
	left:6px;
}

.centre .blocbas{
	background-image:url(../images/bloc_bas.png);
	_background-image:url(../images/bloc_bas.gif);
	background-repeat:no-repeat;
	height:38px;
}

.blochaut h1{
	font-size:1.2em;
	margin:0px;
	color:#a9d637;
	margin-left:25px;
	margin-top:5px;
}

.blochaut h1:first-letter{
	/*color:#ff901b;*/
	font-size:1.25em;
}

.bloccentre p {
	margin:0px;
	padding:5px 15px;
	_position:relative;
	font-size:0.9em;
	text-indent:15px;
	text-align:justify;
	clear:left;
}

/* marge */

.droite{
	float:right;
	width:212px;
}

.droite .bloc1{
	background-image:url(../images/bloc-droite1.png);
	_background-image:url(../images/bloc-droite1.gif);
	background-repeat:no-repeat;
	height:131px;
	text-align:center;
	font-size:0.75em;
	padding:15px;
}
.droite .bloc2{
	background-image:url(../images/bloc-droite2.png);
	_background-image:url(../images/bloc-droite2.gif);
	background-repeat:no-repeat;
	height:230px;
	text-align:center;
	font-size:0.55em;
	padding:10px;
}
.droite .bloc3{
	background-image:url(../images/bloc-droite3.png);
	_background-image:url(../images/bloc-droite3.gif);
	background-repeat:no-repeat;
	height:75px;
	font-size:1em;
	padding:15px;
	font-weight:bold;
	padding:25px 10px 10px 75px;
 }
.droite .bloc3 a{
	text-decoration:none;
	color:#000000;
}

.droite .bloc3 a:hover{
	text-decoration:underline;
}

.droite .bloc3:first-letter{
	font-size:1.6em;
}

.footer{
	background-image:url(../images/footer.png);
	_background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	background-position:bottom center;
	height:302px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
}
body>.footer{
	position:fixed;
}


h2{
	font-size:1em;
	margin-top:40px;
	*position:absolute;
	*margin-left:10px;
}

/* OFFRE */

.img_gauche
{
	float:left;
	padding-left:30px;
}

.img_droite
{
	float:right;
	margin-right:10px;
}


/* CONTACT */

#formulairecontact
{
	border:2px solid #ccc;
	width:410px;
	margin:auto;
	font-size:0.9em;
}


#formulairecontact p {
	text-indent:0;
}

#formulairecontact hr {
	height:2px;
	color:#ccc;
	border:0px;
	background:#ccc;

}
#formulairecontact table {
	width:100%;
	padding:0;
}

#formulairecontact caption {
	font-size:0.9em;
	font-style:italic;
}

#formulairecontact td {
	vertical-align:top;
	padding-bottom:3px;
}

#formulairecontact td.sub {
	margin-top:15px;
	text-align:center;
}

/*General styles - NOT really related to the forms*/

.niceform {
	color:#555;
}
/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height:18px;
	background:url(../images/formulaire/input_bg.gif) repeat-x left top;
	border:none;
	padding:3px 0px 2px 0px;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;padding-bottom:2px;}

.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/formulaire/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/formulaire/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/formulaire/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/formulaire/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/formulaire/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/formulaire/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/formulaire/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/formulaire/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#555;
	font-weight:bold;
	padding:2px;
	background:url(../images/formulaire/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;color:#333;}
.buttonImg {vertical-align:bottom;}

span.obli {
	color:red;
	float:right;
	margin-right:5px;
}

span.obli2 {
	color:red;
}
