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;
}
.menu2 {
display:block;
background:#ffffff;
border:0px solid #403b38;
padding-left:25px;
padding-right:5px;
margin-bottom:2px;
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*/