html, body {
  margin:0;
	padding:0;
	height:100%;
	}
	
html>body #global {
  height:100%;
  }
  
#banniere {
	width:100%;
	height:150px;
  }
#piedpage {
	width:100%;
  }

html>body #banniere {
	position:fixed;
	z-index:97;
  background-color:#ffffff; 
  }
  
html>body #contenu-global {
  height:100%;
  }
   
html>body #contenu {
  padding:180 5;
  }

html>body #piedpage {
	position:fixed;
	bottom:0;
	z-index:97;
  background-color:#ffffff;
	background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/background_bas.jpg);
	background-repeat:repeat-x; 	
  }
  
html,
body {
	background:#fff url('bg.gif') fixed;
  }
	
  	
/*conteneur et bloc*/

.flottante {
  background-color: #ffffff;
  border:2px solid #bfd789;
  margin:5px;
  padding:5px;
  float:left;
  width:250px;
  height:167px;
  }
  
.flottante2 {
  background-color:#ffffff;
  border:2px solid #ffffff;
  margin:5px;
  padding:5px;
  float:;
  width:250px;
  height:167px;
  }
    
.conteneur {
  border:4px solid #bfd789;
  width:850px;
  margin:auto;
  padding-top:1%;
  }
  
.spacer {
  clear:both;
  }
	
.conteneurglobal {
  width:100%;
  height:100%;
  position:absolute;
  background-color:#ffffff;
  margin:auto;
  }
  
.conteneurcentre2 {
  border:4px solid #bfd789;
  width:80%;
  background-color:#ffffff;
  margin:auto;
  padding:1%;
  }
  
.bloc {
  border:4px solid #bfd789;
  width:800px;
  height:;
  background-color:#ffffff;
  margin:auto;

  }
  
.bloc2 {
  border:2px solid #bfd789;
  position:relative;
  top:30px;
  width:125px;
  float:right;
  background-color:#ffffff;
  margin:0%;
  padding:4px;
  }
  
/*conteneur et bloc*/
  
/*scrolling defilement non ou oui */
  
.scrollno {
  overflow:hidden;
  }
.scrollyes {
  overflow:auto;
  }
  
/*scrolling defilement non ou oui */  
  
/*zone test*/

.ligne11 {
  background-color:#403b38;
  border-bottom:2px solid #403b38;
  }  

/*zone test*/

/*pour centrer*/

.hcenter {
  font-family:verdana, sans-serif;
  font-size:100%;
  text-decoration:none;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin-left:0%;
  margin-right:0%;
  }
  
.centrage {
  margin:auto;
  text-align:center;
  }
.centrage2 {
  margin:auto;
  text-align:center;
  background-color:#bfd789; 
  border:2px solid #bfd789; 
  width:240px; 
  height:170px;
  }
  
/*pour centrer*/  
  
.imagedroite {
  float:right;
  }
.imagegauche {
  float:left;
  }

/*positionnement de gauche a droite*/

.float {
  float:left;
  width:25%;
  margin:1em 0;
  margin-left:5%;
  }
/*séparation de paragraphe*/
	
.led {
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/led.jpg);
  background-repeat:no-repeat;
  background-position:center;
  margin:auto;                
  padding:1%;
  }
  
/*puce deco*/
  
.puce2 {
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/puce_02.jpg);
  background-repeat:no-repeat;
  background-position:4px;                
  padding-left:16px;
  float:left;
  }
  
.puce3 {
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/puce_03.jpg);
  background-repeat:no-repeat;
  background-position:4px;                
  padding-left:16px;
  float:left;
  }

/*style de paragraphe*/
	
p {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#7e8f59;
  background-color:transparent;
  text-align:left;
  margin-left:2%;
  margin-right:2%;
  }
  
/*style de paragraphe marge gauche droite*/ 
 
.tab {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  line-height:20px;
  margin-left:5%;
  margin-right:5%;
  }
  
/*style de paragraphe small*/
  
.small {
  font-family:verdana, sans-serif;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin:auto;
  }
  
/*style de liste*/

.menu {
  display:block;
  background:#ffffff;
  border:1px solid #403b38;
  padding-left:30px;
  padding-right:6px;
  margin-bottom:1px;
  font-family:verdana, sans-serif;
  font-size:100%;
  color:#7e8f59;
  text-align:left;
  text-decoration:none;
  list-style-type:none;
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/puce.jpg);
  background-repeat:no-repeat;
  background-position:5px;
  }
  
.menu3 {
  background-color:#eeffd2;
  margin-bottom:4px;
  padding-left:25px;
  font-family:verdana, sans-serif;
  color:#7e8f59;
  text-align:left;
  list-style-type:none;
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/puce_03.jpg);
  background-repeat:no-repeat;
  background-position:5px; 
  }

li {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#7e8f59;
  text-align:left;
  list-style-type:none;
  background-image:url(http://constructeur-villa-maison-individuelle.maisonsergeolivier.com/data/deco/puce.jpg);
  background-repeat:no-repeat;
  background-position:5px 20%;
  padding-left:30px; 
  }
  
/*style de liste*/  
  
/*style des titres*/

h1 {
  font-family:Arial, verdana, sans-serif;
  text-decoration:underline;
  font-size:100%;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin-left:0px;
  margin-right:0px;
  }
  
h2 {
  font-family:Arial, verdana, sans-serif;
  font-size:100%;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin-left:0px;
  margin-right:0px;
  }
  
h3 {
  font-family:verdana, sans-serif;
  font-size:85%;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin-left:0px;
  margin-right:0px;
  }
  
h4 {
  font-family:verdana, sans-serif;
  font-size:100%;
  text-decoration:none;
  color:#7e8f59;
  background-color:transparent;
  text-align:center;
  margin-left:0%;
  margin-right:0%;
  }
  
/*style des liens*/

a:link {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#7e8f59;
  background-color:transparent;
  text-decoration:underline;
  }
  
a:visited {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#403b38;
  background-color:transparent;
  text-decoration:underline;
  }
  
a:hover {
  font-family:verdana, sans-serif;
  font-size:80%;
  color:#bfd789;
  background-color:transparent;
  text-decoration:underline;
  }

/*effet menu collection*/

#collec a:visited {
  font-size:90%;
  font-family:Arial, verdana, sans-serif;
  font-weight:bold;
  color:#403b38;
  }

#collec a:link {
  font-size:90%;
  font-family:Arial, verdana, sans-serif;
  font-weight:bold;
  color:#403b38;

  }
  
#collec a:hover {
  font-size:90%;
  font-family:Arial, verdana, sans-serif;
  font-weight:bold;
  color:#eeffd2;
  }
 
.zoom1:hover {
  display:block;
  margin-top:0px 
  }

.zoom1:hover img {
  border-bottom:10px solid #bfd789;
  }

/*effet menu collection*/
  
/*style des liens*/  

.gal {
  margin:auto;
  height:160px;
  padding:0px 2px 0 2px;
  background-color:#ffffff;
  border:2px solid #bfd789;
  }
  
.gal2 {
  margin:auto;
  padding:0px;
  background-color:#ffffff;
  border:4px solid #bfd789;
  text-align:center;
  }

/*Formulaire*/

label {
	display:block;
	width:25%;
	float:left;
	text-align:left;
	font-weight:bold;
  }

input.champ {
	width:400px;
	border:#BFD789 1px solid;
  }

input.champ:hover, input.champ:focus, textarea:hover, textarea:focus {
	border:#7E8F59 1px solid;
	background-color:#DAE8BB;
  }
  
textarea {
	width:400px;
	height:250px;
	border:#BFD789 1px solid;
  font-family:verdana, sans-serif;
  font-size:12px;
  }

input[type="submit"] {
	border:#7E8F59 1px solid;
	background-color:#BFD789;
	width:200px;
  }
span.red {
color:#850400;
  }
  
/*Formulaire*/  

/*transparence*/
  
.identifiant { 
  filter : alpha(opacity=50); 
  -moz-opacity : 0.5; 
  opacity : 0.5;
  }

/*transparence*/