body              { color: #cccccc; font-size: 11px; font-family: Verdana; background-image: url("../../images/index-bg1.jpg"); background-repeat: no-repeat; text-align: left; margin: 73px 0 0; width: 100%; height: 100%; scrollbar-3dlight-color: #8F8985; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #8F8985; scrollbar-face-color: #8F8985; scrollbar-highlight-color: #8F8985; scrollbar-track-color: #8F8985   }
.index        { text-align: left; margin: 0; overflow: hidden }
.maquettes       { background-image: none; margin: 0; overflow: auto  }
#menu { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; }
#contenu  { text-align: center; margin-top: 0; padding: 0px; width: 100%; height: auto }
#contenu2  { text-align: left; margin-top: 0; padding: 0px; width: 950px; height: auto }

#droite    { color: #666666; font-size: 11px; background-image: url("../../images/droite-bg1.jpg"); background-repeat: no-repeat; margin-top: 25px; padding: 25px 5px 5px 25px; width:180px; height:350px }

#bas { position: absolute; bottom: 2px; width: 100% }
#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }

td  { color: #cccccc; font-size: 11px; font-family: Verdana; text-align: left }

h1 { color: #ffffff; font-size: 16px; }
h2 { color: #ffffff; font-size: 13px; margin-bottom: -0.5px }

a   { color: #fff; text-decoration: none; text-align: left }
a:hover  { color: #cccccc; text-decoration: none }

.small { font-size: 10px;  }
.fin { font-weight: normal; }
.bleu { color: #333399 }

.blanc { color: #ffffff }
.blanc:hover    { color: #dcdcdc }

legend { color: #ffffff; font-size: 12px; font-weight:bold}
fieldset {border:1px solid #999999; padding:5px}
select,input,textarea   { font-size: 10px; font-family: Verdana; border: solid 1px #cccccc; }
input, select, label { cursor: pointer; }
.menu { color:#AFA49E; font-weight:bold; font-size:12px}
.menu:hover { color:#394CA0; font-weight:bold; font-size:12px}
.gamme { color:#938881; font-weight:bold; font-size:12px }
.gamme:hover  { color: #cccccc; font-size: 12px; font-weight: bold }
.gamme2 { color:#938881; font-weight:normal; font-size:10px }
.gamme2:hover { color:#cccccc; font-weight:normal; font-size:10px }
.cadreethnique {  border:4px solid #895D42  }
.cadreethnique:hover  { border: solid 4px #cccccc }
.cadrecharme { border:4px solid #ACA59E }
.cadrecharme:hover  { border: solid 4px #cccccc }
.cadreclassique { border: solid 4px #C9C3C1 }
.cadreclassique:hover  { border: solid 4px #cccccc }
.cadrecontemporain { border: solid 4px #C7C4C2 }
.cadrecontemporain:hover  { border: solid 4px #cccccc }
.cadredesign { border: solid 4px #C1BCAE }
.cadredesign:hover  { border: solid 4px #cccccc }

#gamme table, #gamme1 table {}

.clear{
	clear:both;
}
/*****************************************
 FORMULAIRE CONTACT
*******************************************/

p { text-align: justify; }

p.Form{
	padding:4px 0; margin: 0px;

}

p.Form label{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
	height: 1%;
}

label.deux_elements{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 0.1em;
}

fieldset{
	border: 1px solid #999999;
	margin:10px 0;
	padding:5px;
}

legend{
	color: #ffffff;
	font-weight:bold;
}
/*****************************************
 DEBUT ACCESSIBILITE
*******************************************/
/*
menu links accesskeys
*/
span.accesskey {
   text-decoration:none;
}

/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/*****************************************
 FIN ACCESSIBILITE
 *******************************************/