body              { color: #666666; font-size: 11px; font-family: Verdana; margin: 68px 0 0; height: 100%;  scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #BE2939; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #ffffff ; background-image: url(../../images/page1_bg01.jpg); background-position:top center; background-repeat:no-repeat; text-align:center; background-color:#ffffff;   }
.index        { background-image: url("../../images/index_bg01.jpg"); background-repeat: no-repeat; background-position: top center ; margin: 0; overflow: hidden }
.maquettes       { background-image: none; margin: 0; overflow: auto  }
#menu { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; text-align:center;  }
#contenerindex {width:950px; }
#contener {width:900px; text-align:left; margin:auto}
#contenu { width: 700px; height: auto; text-align:left;margin:10px 10px 0px 0px; float:left  }
.produit{float:right; width:540px}
#droite {width:180px; margin:30px 0px 0px 10px; float:right}
#adresse {width:180px; background-image:url(../../images/droite_bg1.gif); background-repeat: no-repeat}

.liendroite {width:170px; height:20px; background-image:url(../../images/droite_bout01.gif); background-repeat: no-repeat; margin-bottom:3px; padding:5px 5px 0px 5px}
.liendroite a  { color: #cccccc}
.liendroite a:hover   { color: #dcdcdc; text-decoration: none }


.liendroitepanier {width:170px; height:20px; background-image:url(../../images/droite_panier01.gif); background-repeat: no-repeat; margin-bottom:3px; padding:5px 5px 0px 35px}
.liendroitepanier a  { color: #cccccc}
.liendroitepanier a:hover   { color: #dcdcdc; text-decoration: none }

#bas { position: absolute; bottom: 2px; left:10px }

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

#menuboutique {width:140px; float:left; height:100%}
#menuboutique ul {list-style: none; margin: 0px; padding: 0px; }
#menuboutique li {background-image: url(../../images/famil_bout1.gif); background-repeat: no-repeat; height:18px; margin:2px 0px 0px 0px; }
#menuboutique a  { color: #fff; text-decoration: none; margin:1px 5px 1px 5px  }
#menuboutique a:hover  { color: #000000; text-decoration: none; margin:1px 5px 1px 30px   }

.boutacc_visite {width:120px; height:120px; background-image: url(../../images/bout1_visite.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutacc_visite:hover {width:120px; height:120px; background-image: url(../../images/bout1_visiteb.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutacc_info {width:120px; height:120px; background-image: url(../../images/bout1_info.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutacc_info:hover {width:120px; height:120px; background-image: url(../../images/bout1_infob.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutacc_boutique {width:120px; height:120px; background-image: url(../../images/bout1_boutique.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutacc_boutique:hover {width:120px; height:120px; background-image: url(../../images/bout1_boutiqueb.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}

.boutmen_visite {width:70px; height:50px; background-image: url(../../images/bout2_visite.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutmen_visite:hover {width:70px; height:50px; background-image: url(../../images/bout2_visiteb.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutmen_info {width:70px; height:50px; background-image: url(../../images/bout2_info.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutmen_info:hover {width:70px; height:50px; background-image: url(../../images/bout2_infob.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutmen_boutique {width:70px; height:50px; background-image: url(../../images/bout2_boutique.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}
.boutmen_boutique:hover {width:70px; height:50px; background-image: url(../../images/bout2_boutiqueb.gif); background-repeat: no-repeat; margin:0px 10px 0px 0px; float:left;}

.bout_panier {width:180px; height:18px; background-repeat:no-repeat; text-align:left; margin:0px 1px; padding:2px 0px 0px 40px; float:left}

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

h1   { color: #ffffff; font-size: 23px; font-family: "Times New Roman"; font-weight:normal }
h2  { color: #D07908; font-size: 13px; margin-bottom: -0.5px; }
h2 a  { margin:0; padding:0;color: #D07908; font-size: 13px; margin-bottom: -0.5px; }
h2 a:hover  {color: #D07908; text-decoration:none;font-size: 13px; margin-bottom: -0.5px; }

h3  { color: #808080; font-size: 13px }
a   { color: #000; text-decoration: none; text-align: left }
a:hover   { color: #000; text-decoration: underline }

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

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

select,input,textarea   { font-size: 10px; font-family: Verdana; border: solid 1px #666666 }
input, select, label{  cursor: pointer;}

.cadre1 {border:1px solid #D07908}
.cadre2 {border:2px solid #D07908}

.droite{
	float:right;
	margin:4px;
}

.gauche{
	float:left;
	margin:4px;
}

/*****************************************
 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
 *******************************************/




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

#contenu p{
	padding:0;
	margin:0;
	text-align: justify;
}

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

fieldset legend{
	color: #D07908;
	font-weight:bold;
	font-size:13px
}

input.envoy  { color: #ffffff; font-weight: bold; background-image: url("../../images/bg_inpu1.gif"); background-repeat: no-repeat; width: 130px; height: 22px; border: solid 0px; font-size: 12px }
input.agend  { color: #ffffff; font-weight: bold; background-image: url("../../images/bg_inpu3.gif"); background-repeat: no-repeat; width: 120px; height: 18px; border: solid 0px; font-size: 11px; background-color:#000000 }
input.prie   { color: #ffffff; font-size: 12px; font-weight: bold; background-color: transparent; background-image: url("../../images/bg_inpu2.gif"); background-repeat: no-repeat; width: 250px; height: 22px; border: solid 0 }
input.bg1 {width:180px; height:18px; background-image: url(../../images/input_bg1.gif); background-repeat: no-repeat; border:0px; padding:0px; text-align:center; color:#ffffff}

.teleplaq   { color: #ffffff; font-size: 11px; font-weight: bold; background-color: transparent; background-image: url("../../images/bout_download.gif"); background-repeat: no-repeat; width: 250px; height: 22px; border: solid 0; padding:2px 3px 3px 25px}