html {
 height: 100%;
 }  

body {
 margin: 70px 0px 40px 0px;
 padding: 0px 0px 40px 0px; 
 background: url("textureLin7.jpg") fixed #5E8584 ; 
 font-family: Arial, Times new roman;
 font-size: 12px;
 font-weight: bold;
 font-style: normal;
 color: #4D2B0C;
} 

img { 
 border:none;
 margin:0;
 padding:0;
}
 
.annonce {
 font-family: Arial, Times new roman;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
 color: #4D2B0C;
 line-height:130%;
 text-align:justify;
} 

.rubrique {
 font-family: Arial, Times new roman;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
 color: #F7941D;
 text-shadow:1px 1px 1px #000000;
} 
.srubrique {
 font-family: Arial, Times new roman;
 font-size: 13px;
 font-weight: bold;
 font-style: normal;
 color: #F7941D;
 text-shadow:1px 1px 1px #000000;
} 
.srubriquelk {
 font-family: Arial, Times new roman;
 font-size: 13px;
 font-weight: bold;
 font-style: normal;
 color: #F7941D;
 text-shadow:1px 1px 1px #000000;
 cursor: pointer;
} 
.srubriquelk:hover {
 color: #F7BC1D;
} 
.legende {
 font-family: Arial, Times new roman;
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
 color: #4D2B0C;
} 
.travaux {
 font-family: Arial, Times new roman;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 color: #F7BC1D;
} 


.lieu1 {
 font-family: Arial, Times new roman;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
 color: #ffffff;
 text-shadow: 0 0 2px black, 0 0 2px black, 0 0 7px white, 0 0 10px white, 0 0 7px white, 0 0 7px white;
 text-align:center;
 line-height: 100%;
} 
.lieu2 {
 font-family: Arial, Times new roman;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
 color: #F7941D;
 text-align:center;
 line-height: 100%;
 cursor: pointer; 
 text-shadow: 0 0 2px black, 0 0 2px black, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
} 
.lieu2:hover {
 color: #F7BC1D;
} 


.panneau {
 background: url("textureLin8.jpg") #7CA4A5; 
 border: none;
 border-radius: 15px;
 box-shadow: 7px 7px 10px #222222;
}

.surfaces {
 background: #86B2B3; 
 font-family: Arial, Times new roman;
 font-size: 12px;
 font-weight: bold;
 font-style: normal;
 color: #4D2B0C;
}

 img.zoomEffect {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
cursor:url(loupeplus.cur), pointer;
}
img.zoomEffect:hover {
-moz-transform: scale(1.01);
-webkit-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
box-shadow: 2px 2px 3px #202020;
}

 img.zoomEffect0 {
cursor:url(loupeplus.cur), pointer;
}
img.zoomEffect0:hover {
}

.texte-bulle {
 background: white;
 color: rgb(50,50,50);
 font-family: Arial, Times new roman;
 font-size: 10px;
 font-weight: normal;
 font-style: normal; 
 border-width: 1px;
 border-color: rgb(210,210,210);
 border-style: solid;
 border-radius: 5px; 
 box-shadow: 2px 2px 3px #111111;
 padding: 2px 5px; 
}

INPUT { 
background:white; border:none; border-radius: 5px;
color:#4D2B0C; font-family:Arial; font-size:10pt; font-weight:bold; text-align:left; 
}
TEXTAREA { 
background:white; border:none; border-radius: 7px; 
color:#4D2B0C; font-family:Arial; font-size:10pt; font-weight:bold; 
}
.errKO { background:transparent; border-style:none; color:rgb(255,0,0); font-family:Arial; font-size:10pt; font-weight:bold; } 
.errOK { background:transparent; border-style:none; color:rgb(0,200,0); font-family:Arial; font-size:10pt; font-weight:bold; } 
.errOK1 { background:transparent; border-style:none; color:rgb(255,126,0); font-family:Arial; font-size:10pt; font-weight:bold; }

.boutons { /* texte sur 1 ligne */
 cursor: pointer;  
 background:url(c1.gif) no-repeat left top, url(c3.gif) no-repeat right top, url(c6.gif) no-repeat left bottom, url(c8.gif) no-repeat right bottom, url(c2.gif) repeat-x left top, url(c4.gif) repeat-y left top, url(c5.gif) repeat-y right top, url(c7.gif) repeat-x left bottom;
 background-color: #5E8584; 
 color:#F7941D; 
 font-family: Arial, verdana;
 font-size:9pt; 
 font-weight:bold; 
 font-style: italic;
 line-height: 100%;
 border-radius: 10px; 
 padding:6px 15px 5px 15px;
}

.boutons:hover { 
 background:url(ca1.gif) no-repeat left top, url(ca3.gif) no-repeat right top, url(ca6.gif) no-repeat left bottom, url(ca8.gif) no-repeat right bottom, url(ca2.gif) repeat-x left top, url(ca4.gif) repeat-y left top, url(ca5.gif) repeat-y right top, url(ca7.gif) repeat-x left bottom;
 background-color: #5E8584; 
 line-height: 100%;
 border-radius: 10px; 
}

.popdiv7  {
background: url("textureLin7.jpg") fixed #5E8584 ; 
border-radius: 10px; 
box-shadow: 7px 7px 10px #222222; 
}

.popdiv8  {
background: url("textureLin8.jpg") #7CA4A5; 
border: 0px solid #183d4f;
border-radius: 10px; 
box-shadow: 7px 7px 10px #222222; 
}