body {
scrollbar-base-color: #3D6B46;
background-color: #EAF1DF;
 margin: auto;
font-family: Arial, Helvetica, sans-serif;
}
#contenaire{
	background-image: url(images/index.jpg);
   background-repeat: no-repeat;
	width:900px;
	height: 750px;
	margin-left: 80px;
}
#contenairestyle{
	background-image: url(images/index1.jpg);
   background-repeat: no-repeat;
	width:900px;
	height: 750px;
	margin-left: 80px;
}
#contenaireform{
	background-image: url(images/index2.jpg);
   background-repeat: no-repeat;
	width:900px;
	height: 750px;
	margin-left: 80px;
}
#logo{
position: absolute;
top: 3px;
left:2px;
}
/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
}
img{
	border: none;
}
/******pg acc********/
.li{font-size:12px;}
.fvert{
color: #3D6B46;
}
.marron{
	color: #CC8728;
}
.vclaire{
	color: #BFD89E;
}
/*** menuhtgc**/
#renov a:active,#renov a:link,#renov a:visited {
position: absolute;
top: 81px;
left:109px;
width: 75px;
height: 16px;
background-image: url(images/renov.jpg);
background-repeat: no-repeat;
}
#renov a:focus,#renov a:hover {
width: 75px;
height: 16px;
background-image: url(images/renov-hover.jpg);
background-repeat: no-repeat;
}
#rehab a:active,#rehab a:link,#rehab a:visited {
position: absolute;
top: 56px;
left:196px;
width: 74px;
height: 16px;
background-image: url(images/reha.jpg);
background-repeat: no-repeat;
}
#rehab a:focus,#rehab a:hover {
width: 74px;
height: 16px;
background-image: url(images/reha-hover.jpg);
background-repeat: no-repeat;
}
#fab a:active,#fab a:link,#fab a:visited {
position: absolute;
top: 33px;
left:288px;
width: 60px;
height: 13px;
background-image: url(images/fab.jpg);
background-repeat: no-repeat;
}
#fab a:focus,#fab a:hover {
width: 60px;
height: 13px;
background-image: url(images/fab-hover.jpg);
background-repeat: no-repeat;
}
#acc a:active,#acc a:link,#acc a:visited  {
position: absolute;
top: 75px;
left:888px;
width: 49px;
height: 15px;
background-image: url(images/acc.jpg);
background-repeat: no-repeat;
}
#acc a:focus,#acc a:hover {
width: 49px;
height: 15px;
background-image: url(images/acc-hover.jpg);
background-repeat: no-repeat;
}

#cont a:active,#cont a:link,#cont a:visited {
position: absolute;
top: 107px;
left:888px;
width: 53px;
height: 17px;
background-image: url(images/cont.jpg);
background-repeat: no-repeat;
}
#cont a:focus,#cont a:hover {
width: 53px;
height: 17px;
background-image: url(images/cont-hover.jpg);
background-repeat: no-repeat;
}
#etu a:active,#etu a:link,#etu a:visited {
position: absolute;
top: 135px;
left:888px;
width: 79px;
height: 29px;
background-image: url(images/etu.jpg);
background-repeat: no-repeat;
}
#etu a:focus,#etu a:hover {
width: 79px;
height: 29px;
background-image: url(images/etu-hover.jpg);
background-repeat: no-repeat;
}
#foire a:active,#foire a:link,#foire a:visited {
position: absolute;
top: 165px;
left:888px;
width: 79px;
height: 29px;
background-image: url(images/foire.jpg);
background-repeat: no-repeat;
}
#foire a:focus,#foire a:hover {
width: 79px;
height: 29px;
background-image: url(images/foire-hover.jpg);
background-repeat: no-repeat;
}
#spro a:active,#spro a:link,#spro a:visited {
position: absolute;
top: 123px;
left:135px;
width: 90px;
height: 14px;
background-image: url(images/prov.jpg);
background-repeat: no-repeat;
}
#spro a:focus,#spro a:hover {
width: 90px;
height: 14px;
background-image: url(images/prov-hover.jpg);
background-repeat: no-repeat;
}
#smod a:active,#smod a:link,#smod a:visited {
position: absolute;
top: 142px;
left:135px;
width: 85px;
height: 15px;
background-image: url(images/mod.jpg);
background-repeat: no-repeat;
}
#smod a:focus,#smod a:hover {
width: 85px;
height: 15px;
background-image: url(images/mod-hover.jpg);
background-repeat: no-repeat;
}
#srus a:active,#srus a:link,#srus a:visited {
position: absolute;
top: 159px;
left:135px;
width: 84px;
height: 17px;
background-image: url(images/rust.jpg);
background-repeat: no-repeat;
}
#srus a:focus,#srus a:hover {
width: 84px;
height: 17px;
background-image: url(images/rust-hover.jpg);
background-repeat: no-repeat;
}
/*****menubas*********/
#menubas{
position: absolute;
top: 680px;
left: 270px;
font-size:12px;
width:700px;
 letter-spacing: 1px;
 line-height: 18px;
}
#menubas a:active,#menubas a:link,#menubas a:visited {
text-decoration: none;
color: #333333;
font-style: normal;

}
#menubas a:focus,#menubas a:hover {
text-decoration: none;
color: #333333;
font-style:  italic;

}
/**color***/
.vert{
	color: #BFD89E;
}
.maron{
	color: #CC8728;
}
/*** contenu***/
#contenu{
	color: #333333;
	width: 500px;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
}
#titre{
	 font-size: 25px;
	 color: #3D6B46;
	 position: absolute;
	 top: 230px;
	 left: 270px;
	 width: 688px;
	 height: 35px;
}
.titre{
	font-size: 25px;
	 color: #3D6B46;
	 position: absolute;
	 top: -23px;
	 left: 0px;
	 width: 688px;
}
#page{
	position: absolute;
	top: 470px;
	left: 918px;
}
#page1{
	position: absolute;
	top: 470px;
	left: 918px;
}
#page2{
	position: absolute;
	top: 255px;
	left: 918px;
}
#txt1{
position: absolute;
top:240px;
left: 270px;
width: 688px;
}
#txt{
position: absolute;
top:260px;
left: 270px;
width: 688px;
}
.leg{
	font-size: 12px;
	font-style: italic;
	color: #CC8728;
}
#form{
	position: absolute;
top:300px;
left: 300px;
width: 600px;
}
a.suiv{
	position: absolute;
	top: 620px;
	left: 860px;
	border: none;
	text-decoration:  none;
}
a.pre{
	position: absolute;
	top: 620px;
	left: 265px;
	border: none;
	text-decoration:  none;
}
a.suiv3{
	position: absolute;
	top: 620px;
	left: 880px;
	border: none;
	text-decoration:  none;
}
a.pre3{
	position: absolute;
	top: 620px;
	left: 260px;
	border: none;
	text-decoration:  none;
}
#txt11{
position: absolute;
top:235px;
left: 280px;
width: 600px;
font-size: 11px;
}
#txt2{
position: absolute;
top: 452px;
left: 350px;
width: 500px;
}
#txt22{
position: absolute;
top: 450px;
left: 320px;
width: 500px;
}
#txt22a{
position: absolute;
top: 451px;
left: 285px;
width: 500px;
}
#txt21{
position: absolute;
top: 455px;
left: 280px;
width: 680px;
}
#txt3{
	position: absolute;
	top: 455px;
	left: 640px;
	width: 300px;
font-size: 12px;
text-align: justify;
}
#txt31{
	position: absolute;
	top: 450px;
	left: 610px;
	width: 300px;
}
#txt31a{
	position: absolute;
	top: 451px;
	left: 485px;
	width: 300px;
}
#txt31b{
	position: absolute;
	top: 450px;
	left: 685px;
	width: 300px;
}
#txt2 a, #txt3 a{
text-decoration: none;
color: #FEF3E3;
}
 /******contact***/
 .button{
 	background-color: #3D6B46;
	color: White;
	border-style: solid;
	border-color: #CC8728;
 }
/***expo**/
#expo{
position: absolute;
top:260px;
left: 280px;
width: 688px;
line-height:25px;
}
.expo{
	width: 100px;
	vertical-align: middle;
}
/*** adresse***/
#coor{
  text-align: left;
  line-height: 20px;
  position: absolute;
  top: 500px;
  left:100px;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}

/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
color: #333333;
	top: 670px;
	left: 100px;
}
.footer a{
	color: #333333;
}
/*** visioneuse***/