@charset "UTF-8";
/* CSS Document */

/*RESETEO DE NAVEGADORES*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 99%;
	font-family: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	line-height: 1;
	background-color:#352717;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/*FIN RESETEO*/


































#contenedorGral{
	width: 980px;
	height:auto;
	background-color:#FFFFFF;
	margin:0 auto;
}






#cabecera{
height: 260px;
margin-left: 10px;
margin-right: 10px;
margin-top:0px;
}

#barra{
height: 20px;
margin-left: 10px;
margin-right: 10px;
background-image:url(img/barra.png);
}

#caja1{
height: 20px;
margin-left: 20px;
margin-right: 10px;
margin-top:0px;
}

#blanco{
height: 40px;
margin-left: 5px;
margin-right: 5px;
background-color:#FFFFFF
}

#boutiqueespace{
height: 200px;
margin-top: 40px;
margin-left: 50px;
margin-right: 50px;
}

#boutique{
height: 200px;
width: 440px;
margin-top: 0px;
margin-left: 0px;
margin-right: 440px;
background-color:#C3BCA2;
background-repeat:no-repeat;
}

#espace{
height: 200px;
width: 440px;
margin-top: -200px;
margin-left: 440px;
margin-right: 0px;
background-color:#C3BCA2;
background-repeat:no-repeat;
}

#cuerpotexto{
height:auto;
width: 500px;
margin-left: 50px;
margin-top:0px;
}


#numeros{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
line-height: 16px;
color:#514D42;
float:left;
text-align:center;
}

.clase1{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
line-height: 14px;
color:#0252A0;
text-align: center;
}
  
a.clase1:visited {color:#0252A0; text-decoration: none;} 
a.clase1:active {color:#0252A0; text-decoration: none;}
a.clase1:link {color:#0252A0; text-decoration: none;}
a.clase1:hover {color:#0252A0; text-decoration: none;}


.clase2{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
line-height: 14px;
color:#514D42;
text-align: center;
}
  
a.clase2:visited {color:#514D42; text-decoration: none;} 
a.clase2:active {color:#514D42; text-decoration: none;}
a.clase2:link {color:#514D42; text-decoration: none;}
a.clase2:hover {color: #000000; text-decoration: none;}


.clase3{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
line-height: 16px;
color:#514D42;
text-align:left;
}
  
a.clase3:visited {color:#514D42; text-decoration: none;} 
a.clase3:active {color:#514D42; text-decoration: none;}
a.clase3:link {color:#514D42; text-decoration: none;}
a.clase3:hover {color:#514D42; text-decoration: none;}


.clase4{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
line-height: 14px;
color:#44704A;
text-align:left;
}
  
a.clase4:visited {color:#44704A; text-decoration: none;} 
a.clase4:active {color:#44704A; text-decoration: none;}
a.clase4:link {color:#44704A; text-decoration: none;}
a.clase4:hover {color:#2F4930; text-decoration: none;}












/*BOUTIQUE*/

#proceso{
height:49px;
width: 840px;
margin-top:-10px;
margin-right: 10px;
margin-left: 10px;
}

#seleccion{
height:89px;
width: 840px;
margin-top:0px;
margin-right: 10px;
margin-left: 10px;
margin-bottom:0px;
position:relative;
}

#menuseleccion{
height:65px;
width: 500px;
margin-top: 22px;
margin-left: 40px;
}

#valider{
height:40px;
margin-top:0px;
margin-left: 0px;
position:relative;
}

#valider2{
height:40px;
width: 840px;
margin-top:0px;
margin-right: 10px;
margin-left: 10px;
}

#ajouter{
height:40px;
width: 840px;
margin-top:10px;
margin-left: 639px;
float:left;
}

#menulateral1{
height: 51px;
width: 120px;
margin-top: -202px;
margin-right: 10px;
margin-left: 850px;
margin-bottom: -100px;
background-image:url(img/menulateral1.png);
background-repeat:no-repeat;
position:absolute;
}

#menulateral2{
height: 220px;
width: 120px;
margin-top: -151px;
margin-right: 10px;
margin-left: 850px;
margin-bottom: -100px;
background-image:url(img/menulateral2.png);
background-repeat:repeat-y;
background-color:#999999;
position:absolute;
}

#menulateral3{
height: 300px;
width: 120px;
margin-top: 69px;
margin-right: 10px;
margin-left: 850px;
margin-bottom: -100px;
background-image:url(img/menulateral3.png);
background-repeat:repeat-y;
background-color:#CCCCCC;
position:absolute;
}

#menulateral4{
height: 50px;
width: 120px;
margin-top: 369px;
margin-right: 10px;
margin-left: 850px;
margin-bottom: -100px;
background-image:url(img/menulateral4.png);
background-repeat:no-repeat;
position:absolute;
}

#cuerpobusqueda1{
height:auto;
width: 800px;
margin-top: 10px;
margin-left: 38px;
background-color:#dbd5be;
display: inline-block;
min-height: 400px;
empty-cells:show;
padding-bottom:200px;
}

#descripcionproducto{
height: 20px;
width:  500px;
margin-top: -30px;
margin-left: 50px;
margin-right: 0px;
margin-bottom: 0px;
position:absolute;
}

#cuerpobusqueda2{
height:auto;
width: 700px;
margin-top: 50px;
margin-left: 50px;
min-height: 20px;
display:inline-block;
padding-bottom:200px;
position:relative;
}

#encabezadoproducto{
height: 40px;
width:  760px;
margin-top: -10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#cuadroproducto{
height: 40px;
width:  760px;
margin-top: -1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url(img/cuadroproducto.png);
background-color:#ffffff;
}

#cuerporecapitulatif{
height:auto;
width: 800px;
margin-top: 10px;
margin-left: 50px;
min-height: 500px;
display:inline-block;
padding-bottom:100px;
}

#cuerpoidentification{
height:auto;
width: 800px;
margin-top: 10px;
margin-left: 50px;
min-height: 400px;
display:inline-block;
padding-bottom:100px;
}

#cuerpopaiement{
height:auto;
width: 800px;
margin-top: 10px;
margin-left: 50px;
min-height: 400px;
display:inline-block;
padding-bottom:100px;
}

/*BOUTIQUE*/

























#base{
width: 980px;
height: 60px;
margin:0 auto;
background-image:url(img/base1.png);
background-repeat:no-repeat;
position:relative;
}

#tope{
width: 980px;
height: 20px;
margin:0 auto;
background-image:url(img/tope.png);
background-repeat:no-repeat;
}

#cuerpo_base{
width: 980px;
height: 70px;
padding-top: 20px;
margin-left:auto;
margin-right:auto;
background-image:url(img/fondo2.png);
background-repeat:repeat-y;
}

#margen{
width: 980px;
height: 20px;
margin:auto;
}

#espacio10px{
height:10px;
width: 960px;
margin-top:0px;
margin-right: 10px;
margin-left: 10px;
}

#espacio-10px{
height: 0px;
width: 960px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
}





















h2{
margin-left: 20px;
margin-top: 4px;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-weight:Bold;
font-size: 10px;
color:#FFFFFF;
text-decoration: none;
float:left;
}

h3{
margin-left: 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size: 14px;
letter-spacing:-1px;
color:#514D42;
float:left;
text-align:left;
}

h4{
margin-top: 4px;
margin-left: 0px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
line-height: 16px;
color:#514D42;
float:left;
text-align:left;
}

h5{
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
line-height: 12px;
color:#a39676;
float:left;
text-align:left;
}

h6{
margin-left: 0px;
margin-top: 2px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color:#c1b996;
text-decoration:none;
float:left;
text-align:left;
}


h7{
margin-left: 0px;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
line-height: 22px;
color:#826C4E;
float:left;
}

h8{
margin-top: 9px;
margin-left: 2px;
margin-right: 46px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
line-height: 14px;
color:#FFFFFF;
text-align:right;
float:right;
}

h9{
margin-top: 5px;
margin-left: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
line-height: 14px;
color:#330000;
float:left;
}

h10{
margin-top: 5px;
margin-left: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
line-height: 14px;
color:#ffffff;
float:left;
}