@charset "windows-1250";
/* CSS Document */

body {
	background-color:#e5d9bf;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

a {
font-size:10px;
text-align:center;
color:#000000;
}
a:hover {
font-size:10px;
text-align:center;
color:#FFFFFF;
}

ul{
display:block;
}

li{
display:block;
list-style-type:none;
}



#conteneur {

	width: 980px;
	height:auto;
	
	padding-bottom:10px;
	padding-right:0px;
	
	position:absolute;
	
    top:30px;


	border:#003300 solid 1px;
	background-color:#746258;
	
}


/* Navigation */
#navigation {
position:relative;
float:left;
height:auto;
top:0px;
top:-10px!important;
margin-top:20px;
margin-top:10px!important;
left:20px;
left:-40px!important;
}
#navigation li.logo a{
position:relative;
top:0px;
left:0px;
margin-top:-20px;
padding-left:0px;
width:160px;
height:115px;
border:none;
}
#navigation li a{
display:block;
position:relative;
height:40px;
width:160px;
padding-top:20px;
padding-left:20px;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
border-top:#FFFFFF solid 1px;
}
#navigation li.gem a{
display:block;
position:relative;
height:40px;
width:160px;
padding-top:20px;
padding-left:20px;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
border-top:none;
}
#navigation li.gem a:hover{
font-size:18px;
background-image:url(../images/maison-gem-societe.gif);
background-repeat:no-repeat;
border-bottom:none;
}
#navigation li.rea a:hover{
font-size:18px;
background-image:url(../images/maison-gem-realisation.gif);
background-repeat:no-repeat;
}
#navigation li.atouts a:hover{
font-size:18px;
background-image:url(../images/maison-gem-atouts.gif);
background-repeat:no-repeat;
}
#navigation li.contact a:hover{
font-size:18px;
background-image:url(../images/maison-gem-contact.gif);
background-repeat:no-repeat;
}
#navigation li.acces a:hover{
font-size:18px;
background-image:url(../images/maison-gem-acces.gif);
background-repeat:no-repeat;
}
#navigation li.terrain a:hover{
font-size:18px;
background-image:url(../images/maison-gem-terrain.gif);
background-repeat:no-repeat;
}


#smenu1 {
position:relative;
display:block;
float:none;

}
#smenu1 li.ste a{
display:block;
height:20px;
width:140px;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
margin-left:-10px; 
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
border:none;
}
#smenu1 li.ste a:hover{
font-size:12px;
background-image:url(../images/maison-gem-societe.gif);
background-repeat:no-repeat;
}


/* Page societe*/

#page-gem{
position:relative;
width:760px;
height:auto;
min-height:600px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;
 
padding-bottom:20px;
background-image:url(../images/maison-gem-societe.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}

#page-gem li.titre{
position:relative;
margin-top:230px;
margin-left:20px;
color:#01b4dd;
font-size:30px;
font-weight:bold;
}
li.sstitre{
position:relative;
width:500px;
margin-top:20px;
margin-left:20px;
color:#000000;
font-size:14px;
font-weight:bold;
}
li.sstitre2{
position:relative;
width:500px;
margin-top:20px;
margin-left:20px;
color:#01b4dd;
font-size:16px;
font-weight:bold;
}
li.text{
position:relative;
width:500px;
margin-top:20px;
margin-left:20px;
color:#000000;
font-size:12px;
}
.bold{
font-weight:bold;
}
li.text a{
color:#000000;
font-size:10px;
font-weight:bold;
}
li.text a:hover{
color:#999999;
font-size:10px;
font-weight:bold;
}


/* Page acces */
#pageacces{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:500px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

padding-bottom:20px;
background-image:url(../images/maison-gem-acces.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}
#pageacces li.titreacces{
position:relative;
margin-top:230px;
margin-left:20px;
color:#fcc841;
font-size:30px;
font-weight:bold;
}
#plans{
position:relative;
top:20px;
left:0px;
}
.curseur{
cursor:url(../images/loupe.cur);
}

/* Page Realisations */
#page-rea{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:500px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

padding-bottom:20px;
background-image:url(../images/maison-gem-realisations.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}

#page-rea li.titre{
position:relative;
margin-top:230px;
margin-left:20px;
color:#333300;
font-size:30px;
font-weight:bold;
}
#previsu{
position:relative;
top:10px;
left:0px;
width:156px;
float:left;
margin-left:10px;
}
#previsu td{
vertical-align:middle;
}
#previsu td.photo{
vertical-align:middle;
border:#e5d9bf 8px solid;
width:156px;
height:105px;
background-color:#e5d9bf;
}
#previsu td.titre{
font-size:14px;
font-weight:bold;
color:#333300;
}
#previsu td.sstitre {
height:16px;
border-bottom:#009900 1px solid;

}
#previsu td.sstitre a{
font-size:11px;
font-weight:bold;
color:#000000;
padding-left:30px;
}
#previsu td.sstitre a:hover{
font-size:11px;
font-weight:bold;
color:#01b4dd;
border-bottom:#009900 1px solid;
}
/* Page Modele */
#page-modele{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:500px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

margin-bottom:-20px;
background-color:#e5d9bf;
}
#page-modele li.tete{
position:relative;
top:0px;
left:0px;
width:760px;
height:250px;
}
#page-modele li.titre{
position:absolute;
top:170px;
left:200px;
color:#333300;
font-size:30px;
font-weight:bold;
}
.titre2{
color:#333300;
font-size:30px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
font-style:italic;
}
#page-modele li.surface{
position:relative;
float:right;
top:0px;
width:535px;
background-color:#FFFFFF;
font-size:11px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
font-weight:bold;
font-size:14px;
}
#page-modele li.text{
position:relative;
float:right;
top:-20px;
width:535px;
background-color:#FFFFFF;
font-size:11px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
}
#page-modele li.image{
position:relative;
float:right;
top:-20px;
width:555px;
height:300px;
background-color:#FFFFFF;
padding-left:20px;
padding-bottom:20px;
}
#page-modele li.annexe{
position:relative;
float:right;
top:-20px;
width:555px;
background-color:#FFFFFF;
padding-left:20px;
padding-bottom:20px;
}
#ssnav {
position:absolute;
color:#000000;
width:160px;
top:150px;
left:190px;
}

#ssnav li.titre{
display:block;
width:160px;
height:30px;
font-size:17px;
font-weight:bold;
color:#333300;
margin-bottom:5px;
}
#ssnav li.titre a{
font-size:17px;
}
#ssnav li.titre a:hover{
font-size:20px;
}

#ssnav li{
display:block;
width:80px;
height:70px;
float:left;
}

#ssnav a {
font-size:10px;
color:#000000;
}
#ssnav a:hover{
font-weight:bold;
color:#01b4dd;
}

/* Page Atout */
#page-atout{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:500px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

padding-bottom:20px;
background-image:url(../images/maison-gem-atouts.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}
#page-atout li.titre{
position:relative;
margin-top:230px;
margin-left:20px;
color:#ec7030;
font-size:30px;
font-weight:bold;
}
#logos{
position:absolute;
top:350px;
left:750px;
}
/* Page Terrain */
#page-terrain{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:500px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

padding-bottom:20px;
background-image:url(../images/maison-gem-terrains.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}
#page-terrain li.titre{
position:relative;
margin-top:230px;
margin-left:20px;
color:#d7d800;
font-size:30px;
font-weight:bold;
}
#annonces{
position:relative;
top:10px;
left:20px;
}
#annonces td{
vertical-align:top;
}

#annonces2{
position:relative;
}

#annonces2 td.titre{

padding-left:5px;
padding-top:2px;
background-color:#d7d800;
font-size:14px;
color:#000000;
font-weight:bold;
height:20px;
}
#annonces2 td.prix{

padding-left:5px;
padding-top:2px;
font-size:12px;
color:#000000;
height:20px;
}
#annonces2 td.date{

font-size:10px;
color:#666666;
font-style:italic;
padding-left:5px;
height:12px;
padding-bottom:3px;
padding-top:5px;
font-weight:bold;
}
#annonces2 td.texte{
font-size:11px;
font-weight:bold;
padding-left:5px;

border:#E7E3BC solid 1px;
padding-top:5px;
padding-bottom:5px;

}
#annonces2 .phototerrain{
padding-bottom:5px;
height:80px;
}
#annonces2 a{
font-size:10px;
color:#666666;
}
#annonces2 a:hover{
color:#d7d800;
}
#page-terrain .text a{
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}
#page-terrain .text a:hover{
color:#d7d800;
}



/* Page Contact */
#page-contact{
position:relative;
margin-left:20px;
width:760px;
height:auto;
min-height:600px;

float: left;
margin-top:0px;
margin-left:0px;
padding-left:0px;

padding-bottom:20px;
background-image:url(../images/maison-gem-contact.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
}
#page-contact li.titre{
position:relative;
margin-top:230px;
margin-left:20px;
color:#014c69;
font-size:30px;
font-weight:bold;
}
#contact{
position:relative;
top:5px;
left:20px;
}
td {
height:30px;
font-size:11px;
}
.contacttitre{
color:#014c69;
font-size:16px;
font-weight:bold;
}
#page-contact select{
width:175px;
}
.rouge{
color:#CC3300;
}



/* bande maison */
#maison{
position:relative;
background-color:#FFFFFF;
float: left;
margin-top:-11px;
padding-bottom:10px;
margin-left:0px;
padding-left:0px;
}
#maison li.fondmarron{
position:relative;
float:left;
top:0px;
width:220px;
height:71px;
background-color:#746258;
}
#maison li.fondbeige{
position:relative;
float:left;
top:0px;
width:185px;
height:71px;
background-color:#e5d9bf;
}
#maison li.gem{
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.atouts{
float:left;
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem_atouts.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.terrain{
float:left;
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem_terrains.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.acces{
float:left;
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem_acces.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.contact{
float:left;
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem_contact.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.rea{
float:left;
position:relative;
width:760px;
height:71px;
background-image:url(../images/maison_gem_rea.gif);
background-repeat:no-repeat;
background-position:right;
}
#maison li.modele{
float:left;
position:relative;
width:575px;
height:71px;
background-image:url(../images/maison_gem_rea.gif);
background-repeat:no-repeat;
background-position:right;
}


/* phrase constructeur */
#constructeur{
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
float: left;
background-color:#01b4dd;
}
/* phrase constructeur acces */
#constructeuracces{
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
float: left;
background-color:#fcc841;
}
/* phrase constructeur rea */
#constructeurrea{
position:relative;
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#000000;
font-weight:bold;
float: left;
background-color:#e5d9bf;
}
/* phrase constructeur atout */
#constructeuratout{
position:relative;
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
float: left;
background-color:#ec7030;
}
/* phrase constructeur terrain */
#constructeurterrain{
position:relative;
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#000000;
font-weight:bold;
float: left;
background-color:#d7d800;
}
/* phrase constructeur contact */
#constructeurcontact{
position:relative;
position:relative;
width:950px;
height:20px;
top:-20px;
float: left;
margin-top:-1px;
margin-left:0px;
padding-left:30px;
padding-top:3px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
float: left;
background-color:#014c69;
}


/* footer */
#footer{
position:relative;
width:970px;
height:50px;

float: left;
top:0px;

margin-top:-20px;
padding-top:0px;

margin-left:0px;
padding-left:10px;

margin-bottom:-10px;
padding-bottom:10px;

background-color:#FFFFFF;
}

#footer li.fondmarron{
position:relative;
float:left;
top:0px;
left:0px;
margin-left:-10px;
width:220px;
height:60px;
background-color:#746258;
}
#footer li.add{
position:relative;
float:left;
width:300px;
height:60px;
padding-top:10px;
padding-left:30px;
color:#746258;
}

#footer2 {
    width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#746258;
	margin-top:850px;
}

#footer2 li{
	color:#746258;
}

#footer2 li a{
	color:#FFFFFF;
}

#footer2 li a:hover{
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
