h4{
font-variant:small-caps;
font-size:14px;
font-weight:100;
color:#942800;
padding-bottom:0px;
padding-top:0;
background:url(fond_h4.gif) no-repeat center;
margin:10px 20px 5px 0;
}
h5{
color:#666;
font-size:12px;
}
/*MODULE*/
#ufoDemo{

margin-left:572px;
width:288px;
height:430px;
}
/*MENU*/
#menu_construction{
list-style-type:none;
background:url(selec_menu.png) no-repeat;
width:123px;
position:absolute;
top:170px;
margin-left:0px;
padding-top:10px;
z-index:7;
}
#menu_construction li{
height:22px;
cursor:pointer;
font-size:12px;
color:#666;
font-weight:900;
padding-left:10px;
}
#menu_construction li:hover{
color:#942800;
}
/* CARRE DE CONSTRUCTION */
#liste{
width:459px;
height:389px;
background:url(cote_menu.png) no-repeat 0px 0px;
overflow:auto;
position:absolute;
top:120px;
margin-left:118px;
z-index:4;
}
#bloc_tissus{
margin:10px 10px 0 20px;
}
#liste_interne{
height:240px;
overflow:auto;
}
/*BLOC TISSU*/

.bloc_tissus_element{float:left;width:61px;margin-right:4px;margin-bottom:4px;border:1px solid #fff;cursor:pointer;}
.bloc_tissus_element img{padding:1px;}

/*CARRE DE TISSU*/
.carre_tissu{float:left;width:75px;margin-right:6px;margin-bottom:10px;}
.carre_tissu img{cursor:pointer;margin-bottom:1px;width:65px;height:65px;margin-left:5px;}
.carre_tissu p{text-align:center;line-height:85%;padding-bottom:2px;}
#exemple_tissu{border:1px solid #666;background:#fff;padding:5px;position:absolute;z-index:9;display:none;}
#exemple_tissu p{text-align:center;}

#exemple{position:absolute;top:410px;margin-left:590px;width:300px;height:95px;}
#exemple p{background:#fff;}
#zoom1{position:absolute;top:435px;margin-left:720px;width:50px;height:17px;background:url(zoom1.gif) no-repeat;cursor:pointer;}
#zoom2{position:absolute;top:435px;margin-left:650px;width:50px;height:17px;background:url(zoom2.gif) no-repeat;cursor:pointer;}

/*BANDEAU DU HAUT*/
#patientez{position:absolute;top:90px;width:200px;margin-left:380px;height:50px;display:block;border:1px dotted #666;display:none;}
#patientez p{color:#f60;text-align:center;font-weight:900;line-height:170%;font-size:12px;}
#affichage{position:absolute;margin-left:630px;top:500px;}
#p_livraison{position:absolute;margin-left:570px;top:467px;width:288px;text-align:center;line-height:160%;}

/*COLONNE GAUCHE*/
#menu_tissus{position:absolute;top:122px;margin-left:294px;width:121px;background:#fff;border:1px solid #54401f;border-top:0;z-index:5;}
#plusdoptions{display:block;position:absolute;top:100px;margin-left:270px;width:145px;height:25px;background:url(option.gif) no-repeat;text-align:center;padding-top:5px;z-index:4;cursor:default;color:#fff;}

/*conseil*/
.conseil{background:url(conseil.gif) no-repeat;padding:35px 10px 10px 30px;font-size:13px;}

select{font-size:10px;}

.img_color{border:1px solid #fff;border-color:#ffffff;margin:1px;cursor:pointer;}
#indic_couleur{position:absolute;margin-left:84px;margin-top:0px;}

/*POPUP TISSU*/
#h1_princip{
position:relative;
height:20px;
margin-bottom:-20px;
top:15px;
left:137px;
font-weight:900;
font-size:12px;
color:#666;
}
h1{
color:#942800;
font-size:18px;
font-weight:100;
margin-bottom:20px;
margin-top:3px;
font-family:tahoma;
}
h3{
margin-top:15px;
margin-bottom:15px;
font-family:tahoma;
font-size:18px;
}

#menu_tissu{
width:132px;
float:left;
margin-bottom:20px;
margin-top:6px;
}
#menu_tissu div{
width:130px;
border:1px solid #ece0cc;
padding-left:3px;
padding-bottom:10px;
}
#menu_tissu .soustitre{
text-align:left;
color:#ae3000;
font-weight:100;
font-size:11px;
margin:10px 0 5px 0;
}
#menu_tissu .img_color{
display:block;
border:1px solid #f3eee2;
float:left;
width:15px;
margin-right:3px;
margin-bottom:3px;
}
#menu_tissu .img_color:hover{
border:1px solid #942800;
}
#menu_tissu .img_color img{
border:0;
margin:1px;
padding:0;
}
#menu_tissu  ul{
list-style-type:square;
color:#999;
margin-left:15px;
}
#menu_tissu li p{
font-size:11px;
}
#catalogue{
width:705px;
margin-left:20px;
float:left;
}
#phrase_intro{
margin-bottom:20px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding:5px 0 5px 0;
font-size:11px;
line-height:140%;
}
#phrase_intro img{
border:1px solid #ccc;
padding:2px;
float:left;
margin-right:15px;
}
#phrase_intro span{
font-weight:900;
font-size:12px;
}
.blocc{
float:left;
width:96px;
margin-right:21px;
}
.blocc img{
border-right:1px solid #999;
border-bottom:1px solid #999;
width:95px;height:95px;
}
.blocc p{
text-align:center;
border-bottom:1px solid #bea97c;
margin-bottom:10px;
padding:2px 0 2px 0;
line-height:90%;
font-size:11px;
}
#popup_tissu{
width:860px;
height:468px;
background:#fff;
position:absolute;
margin-left:0px;
display:none;
text-align:left;
z-index:9;
border:1px solid #666;
}
#popup_tissu h1{
margin-top:45px;
margin-bottom:0px;
border:0;
}
td p{
font-size:11px;
}
input{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
textarea{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
border-right:1px solid #999;
font-family:tahoma;
font-size:12px;
}
select{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
label{
font-size:11px;
}