#barreNav ol li a{
	display:block;
 	width:162px; height:92px;
 	margin-bottom:1px;
	margin-left:-15px;
	border:0;
}
#barreNav #r1{
background-image:url(/imports%20nav/btnsolmaison_off.gif);
background-repeat:no-repeat;}

#barreNav a#r1:hover {
	background-image:url(../imports%20nav/btnsolmaison_on.gif);
	background-repeat: no-repeat;
}



#barreNav #r2{
	background-image:url(../imports%20nav/btnsolpublic_off.gif);
	background-repeat: no-repeat;
}
#barreNav a#r2:hover{
	background-image:url(../imports%20nav/btnsolpublic_on.gif);
	background-repeat: no-repeat;
}
#barreNav #r3{
	background-image:url(../imports%20nav/btnsolpro_off.gif);
	background-repeat: no-repeat;
}
#barreNav a#r3:hover{
	background-image:url(../imports%20nav/btnsolpro_on.gif);
	background-repeat: no-repeat;
}
#barreNav #r4{
	background-image:url(../imports%20nav/btncontact_off.gif);
	background-repeat: no-repeat;
}
#barreNav a#r4:hover{
	background-image:url(../imports%20nav/btncontact_on.gif);
	background-repeat: no-repeat;
}
#barreNav ol li a span{ display:none;}
#barreNav ol li {list-style-type: none;}

#logo {
	width:154px;
	height:149px;
	background-image:url(../imports%20nav/logo.jpg);
	background-repeat: no-repeat;
				}

#logo a{
	display:block;
	width:154px;
	height:149px;
	background-image:url(../imports%20nav/logo.jpg);
	background-repeat: no-repeat;
				}
				
#logo span {display:none}

#container  {
	position: relative; 
	width: 900px;
	height:570pX;
	margin: 0 auto; 
	text-align: left;
	background-color: #B3D67D;
    } 
	
#header{
	height: 75px;
	width: 730px;
	margin-left: 170px;
	position:absolute;
	background-image:url(../imports%20nav/tetiere.gif);
	}


#barretitre{
	position: absolute;
	top: 76px;
	width: 690px;
	height: 40;
	margin-left: 210px;
	}
	
#barretitre h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#A12A21;
	float:left;
	margin-top: 8px;
	}
	
#barretitre img{
	display:inline;
	width:65px;
	height:40px;
	float:right;
	border:0;
}
#barretitre a span {display:none}
#header span {
	display:none;
	text-indent: -2000px;
}
#illustration  {
	margin-top: 135px;
	height: 400px;
	width: 680px;
	top: 0px;
	position: absolute;
	left: 210px;
	background-image:url(/importsdessin/maisondef.jpg);
	background-repeat: no-repeat;
   }
  
  
#illustration2  {
	margin-top: 135px;
	height: 400px;
	width: 680px;
	top: 0px;
	position: absolute;
	left: 205px;
	background-image:url(/importsdessin/immeubledef.jpg);
	background-repeat: no-repeat;
   } 
   
    #illustration2 #E1 a  {
	height: 95px;
	width: 150px;
	top: 305px;
	position: absolute;
	left: 120px;
   }

   #illustration2 #E1 a:hover  {
	height: 95px;
	width: 150px;
	top: 305px;
	position: absolute;
	left: 120px;
	background-image:url(../importsdessin/boutique.png);
	background-repeat: no-repeat;
   }

  #illustration2 #E2 a  {
	height: 90px;
	width: 100px;
	top: 300px;
	position: absolute;
	left: 565px;
	padding:0px;
   }

   #illustration2 #E2 a:hover  {
	height: 90px;
	width: 100px;
	top: 300px;
	position: absolute;
	left: 565px;
	background-image:url(../importsdessin/lp_ville.gif);
	background-repeat: no-repeat;
   }
  #illustration2 #E3 a  {
	height: 120px;
	width: 100px;
	top: 220px;
	position: absolute;
	left: 275px;
   }

   #illustration2 #E3 a:hover  {
	height: 120px;
	width: 100px;
	top: 220px;
	position: absolute;
	left: 275px;
	background-image:url(../importsdessin/cama_ville.png);
	background-repeat: no-repeat;
   }
 #illustration2 #E4 a  {
	height: 120px;
	width: 60px;
	top: 180px;
	position: absolute;
	left: 385px;
   }

   #illustration2 #E4 a:hover  {
	height: 120px;
	width: 60px;
	top: 180px;
	position: absolute;
	left: 385px;
	background-image:url(../importsdessin/elevateur_ville.png);
	background-repeat: no-repeat;
   } 
 
 
   
.probis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	text-align: center;
	height: 40px;
	width: 300px;
	margin-top: 330px;
	text-decoration: none;
	padding-left: 27px;
}
#contact  {
	margin-top: 125px;
	height:auto;
	width: 630px;
	position: absolute;
	left: 215px;
	background-image: url(/imports%20nav/_pixfondvert.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 2px inset #FFFFFF;
	top: 0px;
	right: 0px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
   } 
#photo {
	margin-top: 135px;
	height: 400px;
	width: 680px;
	top: 0px;
	position: absolute;
	left: 210px;
   } 
#photo img {
	border: 3px outset #FFFFFF;
	float: none;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

  #illustration #D1 a  {
	height: 125px;
	width: 125px;
	top: 220px;
	position: absolute;
	left: 50px;
   }

   #illustration #D1 a:hover  {
	height: 125px;
	width: 125px;
	top: 220px;
	position: absolute;
	left: 50px;
	background-image:url(../importsdessin/escalierhaut_ext.gif);
	background-repeat: no-repeat;
   }


   #illustration #D2 a  {
	height: 90px;
	width: 150px;
	top: 270px;
	position: absolute;
	left: 340px;
   }
   
      #illustration #D2 a:hover {
	height: 90px;
	width: 150px;
	top: 270px;
	position: absolute;
	left: 340px;
	background-image:url(../importsdessin/voiture.gif);
	background-repeat: no-repeat;
   }
   
   
 #illustration #D3 a  {
	height: 55px;
	width: 95px;
	top: 240px;
	position: absolute;
	left: 200px;
   }
   
    #illustration #D3 a:hover  {
	height: 55px;
	width: 95px;
	top: 240px;
	position: absolute;
	left: 200px;
	background-image:url(../importsdessin/balcon.png);
	background-repeat: no-repeat;
   }
   
   
   
    #illustration #D4 a  {
	height: 30px;
	width: 81px;
	top: 295px;
	position: absolute;
	left: 220px;
   }
   
       #illustration #D4 a:hover  {
	height: 30px;
	width: 81px;
	top: 295px;
	position: absolute;
	left: 220px;
	background-image:url(../importsdessin/seuilRouge.png);
	background-repeat: no-repeat;
   }
   
   
    #illustration #D5 a  {
	height: 70px;
	width: 55px;
	top: 180px;
	position: absolute;
	left: 360px;
   }
   
      #illustration #D5 a:hover  {
	height: 70px;
	width: 55px;
	top: 180px;
	position: absolute;
	left: 360px;
	background-image:url(../importsdessin/douche.png);
	background-repeat: no-repeat;
   }
   
   
       #illustration #D6 a  {
	height: 75px;
	width: 60px;
	top:190px;
	position: absolute;
	left:420px;
   }
   
       #illustration #D6 a:hover  {
	height: 75px;
	width: 60px;
	top:190px;
	position: absolute;
	left:420px;
	background-image:url(../importsdessin/jardin.png);
	background-repeat: no-repeat;
   }
   
   
    #illustration #D7 a  {
	height: 80px;
	width: 110px;
	top: 150px;
	position: absolute;
	left:160px;
   }
   
     #illustration #D7 a:hover  {
	height: 80px;
	width: 110px;
	top: 150px;
	position: absolute;
	left:160px;
	background-image:url(../importsdessin/escalierInt.gif);
	background-repeat: no-repeat;
   }
   
      #illustration #D8 a  {
	height: 95px;
	width: 50px;
	top: 70px;
	position: absolute;
	left:250px;
   }
   
     #illustration #D8 a:hover  {
	height: 95px;
	width: 50px;
	top: 70px;
	position: absolute;
	left:250px;
	background-image:url(../importsdessin/elevateur.png);
	background-repeat: no-repeat;
   }
   
    #illustration #D9 a  {
	height: 75px;
	width: 70px;
	top:210px;
	position: absolute;
	left:485px;
   }
   
       #illustration #D9 a:hover  {
	height: 75px;
	width: 160px;
	top:210px;
	position: absolute;
	left:485px;
	background-image:url(../importsdessin/lpJardin.png);
	background-repeat: no-repeat;
   }
   
#text h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #A32A22;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #A22A22;
	float: none;
}
#login #form1 #utilisateur {
	margin-left: 110px;
}
#login #form1 #pass {
	margin-left: 110px;
}
#intro h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: normal;
}

#intro  {
	margin-top: 0;
	height: 400px;
	width: 640px;
	top: 135px;
	position: absolute;
	left: 210px;
	float: none;
   }
#intro img {
	float: left;
	padding-right: 20px;
}


#login {
	height: 115px;
	width: 310px;
	top: 260px;
	position: absolute;
	left: 345px;
	background-image: url(/imports%20nav/_pixfondvert.jpg);
	background-repeat: repeat-x;
	background-position: -50px;
	border: 2px inset #FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
   }
   
#confirmation {
	height: 100px;
	width: 480px;
	top: 270px;
	position: absolute;
	left: 300px;
	background-image: url(/imports%20nav/_pixfondvert.jpg);
	background-repeat: repeat-x;
	background-position: -50px;
	border: 2px inset #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
   }
   
#acces {
	height: 405px;
	width: 650px;
	top:125px;
	position: absolute;
	left: 200px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	background-repeat: repeat-x;
	background-position: 0px -600px;
	border: 0px inset #FFFFFF;
	background-image: url(/imports nav/_pixfondvert.jpg);
   }
   #ml {
	height: 405px;
	width: 650px;
	top:125px;
	position: absolute;
	left: 200px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 7px;

	
	overflow:auto;
	background-color: #e2f5c5;	
	
   }
#acces p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62%;
	color: #000000;

}
   
#erreur  {
	height: 170px;
	width: 500px;
	top: 220px;
	position: absolute;
	left: 270px;
	padding: 10px;
	border: 2px inset #FFFFFF;
	background-image: url(/imports%20nav/_pixfondvert.jpg);
	background-repeat: repeat-x;
	background-position: -40px;
   }
#erreur p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #A32922;
}


#visuel  {
	height: 400px;
	width: 352px;
	top: 135px;
	position: absolute;
	left: 210px;
}
	
	
	
   
#text  {
	margin-top: 0px;
	height: 305px;
	width: 295px;
	top: 130px;
	position: absolute;
	left: 575px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 79%;
	color: #333333;
    }
	
#text  span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#A12A21;
			 }



.invisible {display:none}



#erreur a {
	text-decoration: none;
	color: #000000;
}
.span cp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#A12A21;
	vertical-align: bottom;
			}
	
	
#choixpage  {
	margin-top: 0;
	height: 75px;
	width: 315px;
	top: 475px;
	position: absolute;
	left: 570px;
    }
	
#choixpage a span {display:none;}

#footer  {
	height:25px;
	width: 690px;
	margin-left: 210px;
	top: 545px;
	position:absolute;
    } 


#footer ul {
	display:inline;
	margin: 0px;
	padding: 0px;


}	
	
#footer ul li {
	display:inline;
	margin: 0px;
	padding: 0px;
}
				

	
#footer ul li a {
	text-decoration: none;
 	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 18px;
	}
	
#footer ul li a span {
	margin-left:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:64%;
	color:#FFFFFF;

}


#footer ul li a:hover span {
	margin-left:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:64%;
	color:#A12A21;

}

#visuelprosante {
	height: 400px;
	width: 320px;
	top: 135px;
	position: absolute;
	left: 210px;
	
}
#visuelprosante a {
	text-decoration: none;
}

#visuelprosante a :hover {
	color: #FFFFFF;
	text-decoration: none;
}

#visuelprobat {
	height: 400px;
	width: 320px;
	top: 135px;
	position: absolute;
	left: 550px;
}
#visuelprobat a {
	text-decoration: none;
}

#visuelprobat a :hover {
	color: #FFFFFF;
	text-decoration: none;
}

.couleur {
	color: #A22A22;
	font-weight: normal;
}
#intro h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
.lettrine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #A32A22;
}
label  {
	float: left;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	width: 100px;
	font-weight: normal;
	padding-top: 2px;
}

input {
	display:block;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	width: 180px;
	margin-bottom:5px;
	margin-top:3px;
	background-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: groove;
	border-bottom-style: groove;
	border-bottom-width: 2px;
	border-left-width: 3px;
}


textarea { float:right
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	background-color: #FFFFFF;
	width: 280px;
	height: 265px;
	padding: 10px;
	margin-right:10px;
	text-indent:2px;
	float: right;
}


.envoyer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F0F0F0;
	background-color: #A22A22;
	height: 30px;
	width: 100px;
	margin-left: 140px;
	
}
.labeldroite {
	margin-left:120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;	

	
}

.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	float: left;
	margin-left:8px;
	margin-top: 4px;
}

.left {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	text-indent: 150px;
}
#info {
	float: left;
	width: 15px;
	background-color: #DCF3B8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#login p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
	text-align: center;
}
#login  p {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.formulairelien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62%;
	color: #A32A22;
	font-weight: bold;
}
#login a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
}
 
#intro h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color:#333333;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
	font-weight: lighter;
}
#text a {
	color: #A32A22;
	text-decoration: underline;
	font-weight: bold;
}
.textegros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #9B2820;
	font-weight: bold;
	margin-left: 25px;
}
.floatright {
	float: right;
}
#confirmation p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #A32A22;
}
.textetroit {
	letter-spacing: 0.05em;
	word-spacing: 0.3em;
}
#barretitre p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #A32A22;
	text-align: center;
}
.mlformulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40%;
	color: #666666;
}
img {
	border:0px;
	outline:0px;
}
a  {
	border:0px;
	outline:0px;
}
body {
	background-attachment: fixed;
	background-image: url(/imports%20nav/_pixfond.jpg);
	background-repeat: repeat-x;
	margin-top:25px;
	
}
#gif {
	height: 65px;
	width: 250px;
	background-color: #982922;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	left: 230px;
	top: 457px;
}
#gif h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	margin-top: 2px;
}
#gif p a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFF;
}
#gif p {
	text-align: center;
	margin-top: -20px;
}