body  { color: #666666; font-size: 11px; font-family: Verdana;   background-image:url(../../images/bg1.jpg); background-repeat: repeat-x; margin: 80px 0 0; width: 100%; height: 100%; scrollbar-3dlight-color: #339966; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #339966; scrollbar-face-color: #339966; scrollbar-highlight-color: #339966; scrollbar-track-color: #ffffff;   }
.index  { margin: 0; }
.maquettes  { background-image: none; margin: 0; overflow: auto  }
#menu { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; text-align:center }
#contenu { width: 950px; height: auto; text-align:left;  background-image:url(../../images/contenu-bg1.jpg);   }
#bas { position: absolute; bottom: 2px; width: 100%; }
#droite {background-image:url(../../images/droite-bg1.jpg); background-repeat:no-repeat; padding:50px 0 0 45px; color:#ffffff}

#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }

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

h1 { color: #339966; font-size: 16px; }
h2 { color: #339966; font-size: 13px; margin-bottom: -0.5px }
h3{color:#E13A3E;font-size: 13px;}
h4{color:#339966;font-size: 11px;font-weight: normal;}/* vert*/
h5{color:#e13a3e;font-size: 11px;font-weight: normal;}/*rouge*/

a  { color: #339966; text-decoration: none; text-align: left }
a:hover { color: #cc3333; text-decoration: none }

.small { font-size: 10px;  }
.fin { font-weight: normal; }

.blanc { color: #ffffff }
.blanc:hover    { color: #dcdcdc }
.cadre1 { border: solid 1px #339966 }
.cadre2 { border: solid 1px #cc3333 }
.vert { color: #339966; }
select,input,textarea   { font-size: 10px; font-family: Verdana; border: solid 1px #339966 }
input, select, label{  cursor: pointer;}

.titre1  { color: #339966; font-size: 13px; font-weight: bold; margin-bottom: 15px }


/*****************************************
 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
 *******************************************/
.cadrerouge { border: solid 1px #BE2939 }
.cadregris1 { border: solid 1px #cccccc }
.cadregris2 { border: solid 2px #cccccc }
.margright { margin-right: 10px }



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

p{
	padding:0;
	margin:0;
}

p.Form{
	padding:6px 0;

}

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 #938881;
	margin:10px 0;
	padding:5px
}

fieldset legend{
	color: #339966;
	font-weight:bold;
	font-size:12px;
}


#cadre { /* taille du cadre, à titre d'exemple */
width:330px
}

#cadre img{
	float:left;
	padding: 0;
	border:2px solid #339966
}


/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 11px; width: 11px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../../images/anglblanc1.gif)
}
#hautdroit {
float: right;
background: url(../../images/anglblanc2.gif)
}
#basgauche {
background: url(../../images/anglblanc3.gif)
}
#basdroit {
float: right;
background: url(../../images/anglblanc4.gif)
}

#prod1 { float:left; margin-left:10px; margin-top:10px; }
li.prod2  {
margin-left:0px;
padding-left:0px;
font-size: 100%;
display : list-item;
list-style-image : url(../../images/point1.gif);
list-style-position: outside;
}
.FCK img {border:1px solid #339966}