body {	
	background-color: #669966;
	background-image: url(pict/fond2.jpg);
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 1 em;
	color: #0066CC;
	margin-top: 1 em;
	margin-bottom: 100px;
	margin-left: auto;
     margin-right: auto;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}

#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width:80%;
	height: auto;
	/* background-image: url(pict/fond3.jpg); */
   	background-color: #FFFF66;
    border: thin groove #FF0000;
	border-bottom-width : 2px;
	top: 20px;
	padding: 20px;
	overflow: auto;
}
.contenu {
	visibility: visible;
	width: 100%;
	bottom:15px;
	overflow: auto;
	position: relative;
	 margin-left: auto;
     margin-right: auto;
	left: auto;
	right: auto;
	top: 10px;
	

}
.bas {
	visibility: visible;
	 margin-left: auto;
     margin-right: auto;
	 margin:15px;
	margin-bottom: 10px;
	padding:6px;
	z-index: 4;
	width: 94%;
	overflow: visible;
	left: auto;
	right: auto;
	vertical-align: middle;
	height: auto;

}

.boite  {
	position:absolut;
	padding :  10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 4;
	float:left;
	left: auto;
	right: auto;
	overflow: visible;
	width: 45%;
}
 .boite2  {
 position:absolut;
 margin-top:0x;
  margin-left: auto;
     margin-right: auto;
 padding :  2px ;
	z-index: 4;
    float:left;
	width: 45%;
	left: auto;
	right: auto;
	overflow: auto;
}


 .boite300  {
 position:absolut;
 margin-top:0x;
  margin-left: auto;
     margin-right: auto;
 padding :  2px ;
	z-index: 4;
    float:left;
	width: 300px;
	left: auto;
	right: auto;
	overflow: auto;
}
 .boite3 {
 position:absolut;
 margin: 10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
  margin-left: auto;
     margin-right: auto;

	z-index: 4;
    float:left;
	width: 45%;
	left: auto;
	right: auto;
	overflow: auto;
}

 .boite25 {
 position:absolut;
 margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
 margin-left: auto;
     margin-right: auto;
	z-index: 4;
    float:left;
	width: 160px;
	left: auto;
	right: auto;
	overflow: auto;
}
 .boite40 {
 position:absolut;
 margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
 margin-left: auto;
     margin-right: auto;
	z-index: 4;
    float:left;
	width: 40%;
	left: auto;
	right: auto;
	overflow: auto;
}
 
 .boite60 {
 position:absolut;
 margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
 margin-left: auto;
     margin-right: auto;
	z-index: 4;
    float:left;
	width: 60%;
	left: auto;
	right: auto;
	overflow: auto;
}
 .boite80 {
 position:absolut;
 margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
 margin-left: auto;
     margin-right: auto;
	z-index: 4;
    float:left;
	width: 80%;
	left: auto;
	right: auto;
	overflow: auto;
}
 .boite90 {
 position:absolut;
 margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
 margin-left: auto;
     margin-right: auto;
	z-index: 4;
    float:left;
	width: 90%;
	left: auto;
	right: auto;
	overflow: auto;
}
 .boite100 {
	position:absolut;
	margin: 5px auto;
	padding: 5px;
	z-index: 4;
	float:left;
	width: 98%;
	left: auto;
	right: auto;
	overflow: auto;
	height: auto;
}


.coorreal  {
	margin: 10px 10px 10px 10px;

  position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width:686px;
	height: auto;
	z-index: 4;
	overflow: visible;
	bottom: 20px;
}
 
 
 
 
  
.adressedevis {
	background-color: #669966;
	margin: 3px;
	padding: 5px;
	height: 108px;
	width:250px;
	border: medium groove #FF3300;
	position: relative;
	text-align: center;
	text-indent: 0pt;
	white-space: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF66;
	display: compact;
	visibility: visible;
	
	float : left;
	z-index: 3;

}

.fondrealisationdroite {
	background-color: #FFCC00;
	margin: 3px;
	padding: 3px;
	height: 100px;
	width:400px;
	border: medium groove #FF3300;
	visibility: visible;
	position: relative;
	overflow: auto;
	color: #990000;
	z-index: 1;
	vertical-align: text-top;
	text-align: left;
	text-indent: 0pt;
	white-space: normal;
	float : right;
}


.imagesdroite {
	margin: 10px;
	padding: 10px;
	float: right;
	vertical-align: bottom;
	border: medium inset #669966;
	background-color: #669966;
	
}
.imagesgauche {
	margin: 10px;
	padding: 10px;
	float: left;
	vertical-align: top;
	border: medium inset #669966;
	background-color: #669966;
	top: 2px;

}
.imagescenter {
	margin: 10px;
	padding: 10px;
	float: center;
	vertical-align: bottom;
	border: medium inset #669966;
	background-color: #669966;
}
hr 
{visibility:hidden;
width:100%;
}

input, textarea, select {

 font-family: Verdana, Helvetica, sans-serif; 
background-color: #FFFF99;
 font-size: 1em;

 border: 1px  groove #FF3333;
	

color:#669966;
}