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 {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
     	margin: 0; /* pour éviter les marges */
        line-height: 1;
        color: black;
        background: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
}

ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
body {
background: url(../gfx/bg_general.jpg) repeat-x #fff;}

body#interieure {
background: url(../gfx/bg_galerie2.jpg) repeat-x #fff;
height:930px;}

body#expo {
background:  url(../gfx/bg_expo2.jpg) repeat-x #fff;
height:1229px;}

body#marque {
background: url(../gfx/bg_marque2.jpg) repeat-x #fff;
height:1440px;}

body#marquebis {
background: url(../gfx/bg_marque.jpg) repeat-x #fff;
height:1440px;}

body#marquebisbis {
background: url(../gfx/bg_marque3.jpg) repeat-x #fff;
height:1835px;}

body#ethic {
background: url(../gfx/bg_ethic.jpg) repeat-x #fff;
height:1022px;}

body#philo{
background: url(../gfx/bg_philo.jpg) repeat-x #fff;
height:1643px;}

body#new{
background: url(../gfx/bg_new.jpg) repeat-x #fff;
height:1426px;}


#conteneur, #conteneur2 {
width:1008px;
height:767px;
margin-right:auto;
margin-left:auto;}

#conteneur2 {
width:1008px;
height:980px;
margin-right:auto;
margin-left:auto;}

#absolute {
position:absolute;}

#header {
	width:1008px;
	height:250px;
	position:absolute;
	text-align:left;
	left: -1px;
	top: 2px;
}

#header a.active {
color:#d8cc08;}

#logo {
position:absolute;
left:0px;
top:0px;}

#header ul {
position:absolute;
left:300px;
top:127px;
z-index:3;
width:700px;
height:40px;
padding:0;}

#header ul li {
display:inline;
list-style-type:none;
margin:0 15px 0 0;
height:40px;
padding:0;}

#header ul li a{
text-decoration:none;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
height:40px;
padding:0;}

#header ul li a:hover{
color:#d8cc08;
}

a#blog {
position:absolute;
right:15px;
top:20px;
z-index:1;
}



#contenu {
width:1008px;
height:auto;
position:absolute;
text-align:left;}


h2#h2_index {
font-size:33px;
font-family:"Times New Roman", Times, serif;
color:#c3c661;
text-align:left;
position:absolute;
top:215px;
left:0px;
}



h2#h2_index span {
font-size:25px;
}


#contenu p.centre{
width:517px;
height:auto;
position:absolute;
text-align: justify;
font-size:12px;
top:200px;
line-height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7c7979;
}

#contenu p {
width:426px;
height:auto;
position:absolute;
text-align: justify;
font-size:12px;
top:290px;
line-height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7c7979;}


#contenu p span {
color:#e66d08;
font-weight:bold;}

#anim_index {
background:url(../gfx/ecran.png) no-repeat;
width:530px;
height:468px;
position:absolute;
top:180px;
right:17px;}

#galerie {
width:580px;
height:508px;
position:absolute;
top:240px;
right:77px;
margin:0px;
padding:0px;
}

#bordure {
width:10px;
height:454px;
position:absolute;
top:228px;
left:350px;
background:url(../gfx/bordure.png) no-repeat;
z-index:300;
}

#galerie ul {
position:relative;
width:580px;
z-index:6;}

#galerie ul li {
width:580px;
margin:0px;
padding:0px;
display:inline;
}

#anim_index ul {
position:absolute;
top:44px;
left:51px;}

a#bt_expo{
position:absolute;
top:510px;
left:0px;
z-index:1;
}

a#bt_gambetta {
position:absolute;
top:503px;
left:160px;
z-index:1;
}


a#bt_peyrolieres {
position:absolute;
top:510px;
left:290px;
z-index:0;}


#footer {
width:1080px;
position:absolute;
text-align: left;
}


#footer ul {
position:absolute;
width:413px;
height:auto;
top:576px;
text-align:left;
color:#fff;}

#footer ul li{
display:inline;
font-size:11px;

}
#footer ul li a{
display:inline;
font-size:11px;
color:#fff;
text-decoration:none;
margin:0 7px 0 0;

}

#footer ul li a:hover{
color:#e66d08;
}

a#bt_chaussures, a#bt_chaussures2, a#bt_chaussures3, a#bt_chaussures4, a#bt_chaussures5, a#bt_chaussures6 {
	width:136px;
	height:136px;
	position:absolute;
	left:400px;
	top:580px;
	background:url(../gfx/bt-chaussures.png);
	z-index:40;
}
a#bt_chaussures2 {
	position:absolute;
	top:820px;
}

a#bt_chaussures3 {
	position:absolute;
	top:1248px;
}

a#bt_chaussures4 {
	position:absolute;
	top:835px;
}

a#bt_chaussures5 {
	position:absolute;
	top:1500px;
}

a#bt_chaussures6 {
	position:absolute;
	top:1045px;
}

a:hover#bt_chaussures, a:hover#bt_chaussures2, a:hover#bt_chaussures3, a:hover#bt_chaussures4, a:hover#bt_chaussures5, a:hover#bt_chaussures6 {
background:url(../gfx/bt-chaussures_hover.png);
z-index:1;}

#footer p {
font-size:11px;
color:#FFF;
width:500px;
position:absolute;
text-align: left;
top:645px;
left:588px;
}

#footer p a {
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#footer p a:hover {
text-decoration:underline;
}

#grenouille, #grenouille2, #grenouille3, #grenouille4, #grenouille5, #grenouille6{
position:absolute;
top:599px;
left:99px;
z-index:10;
}

#grenouille2 {
top:840px;
left:99px;
}

#grenouille3 {
top:1266px;
left:99px;
}
#grenouille4 {
top:853px;
left:99px;

}

#grenouille5 {
top:1520px;
left:99px;

}
#grenouille6 {
top:1060px;
left:99px;

}


#ma_liste-menu {
position:absolute;
top:60px;
left:-350px;
height:100px;
width:300px;}



#ma_liste-menu a img {
width:50px;
height:50px;

margin:0 8px 8px 0;
border:4px solid #EEEEDD;
}

#ma_liste-menu a:hover img {
  
    
  }
  
  
.jqzoom, .jqzoom#chaussu{
border:1px solid #CCCCCC;
float:left;
position:relative;
padding:0px;
cursor:pointer;
margin-right:20px;
z-index:10;

}
.jqzoom#chaussu{
width:629px;
height:400px;
border:0px solid #fff;
z-index:10;



}

#couture {
width:18px;
height:476px;
position:absolute;
top:282px;
left:310px;
background:url(../gfx/couture2.jpg) no-repeat;}

.jqzoom img{
float:left;
z-index:10;
}


div.zoomdiv {
z-index                 : 400;
position: static;
top:0px;
left:0px;
width                   : 200px;
height                  : 350px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;
margin:14px 0 0 39px;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  :200px;
border: 1px solid #aaa;
background: #ffffff url(../images/zoom.gif) 50% top  no-repeat;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

h4 {
float:left;
width:300px;}

#img_zoom, #img_zoom.chauss {
float:left;
position:absolute;
top:240px;
left:681px;
height:429px;
width:302px;
z-index:5;
border:solid;
border-width:3px;
border-color: #CCCCCC;}

.fla {
z-index:0;
position:absolute;
left:320px;}

#img_zoom.chauss {
top:539px;
left:20px;
height:151px;
width:602px;
z-index:5;
border:3px solid #CCCCCC;}


a#bt_g_int {
position:absolute;
top:160px;
left:500px;
z-index:404;}



a#bt_p_int {
position:absolute;
top:160px;
left:620px;
z-index:403;}


a#bt_c_int {
position:absolute;
top:160px;
left:750px;
z-index:405;}


#contenu p.info {
	position:absolute;
	top:419px;
	left:30px;
	margin-top:10px;
	color: #e66d08;
	width:550px;
	font-weight:bold;
	font-size:18px;
	z-index:0
}



#contenu p.info span {
color: #c3c661;
font-weight:bold;
font-size:15px;
}



#footer.footer ul {
position:absolute;
width:413px;
height:auto;
top:816px;
text-align:left;
color:#fff;}

#footer.footer p {
top:818px;
}

#carte {
margin:44px 0 0 51px;
}

h5.peyro, h5.peyro2 {
font-size:16px;
font-weight:bold;
color:#FF6600;
position:absolute;
top:260px;
width:200px;}

h6 {
font-size:12px;
font-weight:bold;
color:#FF6600;
float:left;
}





#contenu #mentions p.pment {
position: static;
float:left;
width:990px;
margin-top:5px;
font-size:12px;
margin-bottom:10px;
line-height:15px;
}

#contenu p.pment2 {
position: static;
float:left;
width:520px;
margin-top:5px;
font-size:12px;
margin-bottom:20px;
line-height:18px;
}

#ethic_texte p.pment2 a.roll {
font-size:12px;
color:#c3c661;
font-family:verdana;
text-decoration:underline;
}


#ethic_texte p.pment2 a:hover.roll {
font-size:12px;
color: #666666;
font-family:verdana;
text-decoration:underline;
}




#contenu p.adresse,#contenu p.adresse2 {
width:200px;
top:280px;
}

#contenu h5.peyro2 {
left:250px;
}


#contenu p.adresse2 {
left:250px;}

a.mail {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-align:left;
position:absolute;
top:57px;
text-decoration:none;
}

a:hover.mail {
color:#999999;
}

#mentions, #ethic_texte {
width:990px;
height:430px;
position:absolute;
top:270px;
left:0px;}

#ethic_texte {
width:550px;
height:430px;
position:absolute;
top:266px;
left:1px;}

#ethic_texte a {
text-decoration:none;
color:#FF6600;}

#ethic_texte a:hover {
text-decoration:underline;
color:#c3c661;}


#photo {
width:427px;
height:372px;
position:absolute;
top:275px;
right:13px;
background: url(../gfx/img_boutique.jpg) no-repeat;
border:6px solid #eceadc;
}

#photo2 {
width:427px;
height:372px;
position:absolute;
top:275px;
right:13px;
background: url(../gfx/1.jpg) no-repeat;
border:6px solid #eceadc;

}

#photo3 {
width:390px;
height:520px;
position:absolute;
top:265px;
right:24px;
background: url(../gfx/photo_expo.jpg) no-repeat;
border:6px solid #eceadc;

}

#solviolette {
width:402px;
height:660px;
position:absolute;
top:817px;
left:582px;}

#solviolette p{
width:402px;
top:78px;
text-align: justify;
font-size:12px;
line-height:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7c7979;}

#solviolette p span {
color:#e66d08;
font-weight:bold;}

#solviolette a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#C3C661;
font-weight:bold;
text-decoration:none;
}

#solviolette a:hover{
color:#7C7979;
text-decoration:underline;
}

.solviolette{
margin-left:410px;
margin-top:450px;
}
margin-left:280px;


span.orange {
font-size:14px;
text-align:left;}

h3.sous_titre {
font-size:23px;
font-weight:bold;
color:#e66d08;
font-family:"Times New Roman", Times, serif;}

  
p.info_bandeau {
position:absolute;
z-index:3;
top:30px;
left:270px;
width:417px;
background:url(file:///C|/Documents%20and%20Settings/Lumeau/Bureau/Subimeo/Sites/Copie%20de%20Ethicetchic/html/gfx/couture_bandeau.jpg);
height:55px;
padding:23px 30px 0 105px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding:23px 30px 0 105px;
font-size:12px;
color:#e66d08;
line-height:15px;
}

#bandeau_sol{
position:absolute;
z-index:3;
top:25px;
left:270px;
width:417px;
height:55px;
}

#boutique{
position:absolute;
z-index:4;
height:89px;
width:188px;
margin-left:820px;
margin-top:23px;
}

#boutique a{
height:89px;
width:188px;
padding-top:74px;
background:url(../../../Ethicetchic/html/bt_boutique.png) no-repeat;
}

#boutique a:hover{
background:url(../../../Ethicetchic/html/bt_boutiqye_hover.png) no-repeat;
}

.hidden{
visibility:hidden;
}

p.titre_news {
font-size:26px;
color:#c3c661;
position:absolute;
top:50px;
left:290px;
font-family: "Times New Roman", Times, serif;
font-weight:bold;
z-index:4;

}

a.lien_news {
color:#c3c661;
}

a:hover.lien_news {
color:#e66d08;
}

a.facebook {
position:absolute;
top:610px;
left:0px;
}



a.co2 {
position:absolute;
z-index:100;
top:615px;
left:70px;
}



a.validator {
position:absolute;
top:620px;
left:70px;
z-index:20;
}

#expo_ventes{
position:absolute;
top:3px;
left:330px;

}



img.bandeau_el {
position:absolute;
top:1157px;
left:0px;
}

.soldes {
position:absolute;
top:10px;
left:400px;
height:90px;}

a:hover.contact {
	text-decoration:underline;}

