@charset "utf-8";
/* CSS Commun à toutes les pages */
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:#EFEFEF url(http://www.bijoux-et-montres.com/img/bg_site.jpg) left top repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#000000;
}

/* Partie HAUT */

#haut {
margin:0 auto;
padding:0;
width:1000px;
height:188px;
background-color:#333333;
}

#haut h1 {
margin:0;
padding:3px 20px;
text-align:left;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:16px;
color:#FFFFFF;
letter-spacing:2px;
}

div#publicite {
position:relative;
margin:0;
padding:0;
background:#333333 url(http://www.bijoux-et-montres.com/img/bg_haut.jpg) left center no-repeat;
height:117px;
text-align:right;
}
div#pub_swf {
margin:0;
padding:30px 110px 0 0;
}
img#pub_img {
margin:12px 110px 0 0;
padding:0;
}

div#panier {
position:absolute;
top:-30px;
right:10px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:13px;
letter-spacing:2px;
font-weight:bold;
}
div#panier a:link, div#panier a:visited {
color:#FFFFFF;
text-decoration:underline;
}
div#panier a:hover, div#panier a:active {
color:#FFCC88;
text-decoration:underline;
}

img#img_panier {
position:absolute;
top:-35px;
right:115px;
margin:0;
padding:0;
border:none;
}

ul#menu_haut {
margin:0 auto;
padding:0;
width:1000px;
height:41px;
background-color:#044444;
border-top:4px solid #FFCC88;
border-bottom:2px solid #FFCC88;
list-style:none;
}
ul#menu_haut li {
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu_haut li a:link, ul#menu_haut li a:visited {
display:block;
float:left;
margin:0;
padding:8px 0;
width:198px;
height:25px;
border-right:2px solid #333333;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:18px;
color:#DDDDDD;
text-transform:capitalize;
letter-spacing:2px;
text-decoration:none;
text-align:center;
}
ul#menu_haut li a:hover, ul#menu_haut li a:active {
margin:-10px 0 0 0;
padding:8px 0;
width:198px;
height:35px;
font-size:19px;
background-color:#DDDDDD;
color:#333333;
text-decoration:none;
}

/* Partie MILIEU */

#corps {
position:relative;
margin:0 auto;
padding:5px 5px 20px 5px;
width:986px;
background-color:#FFFFFF;
border-left:2px solid #044444;
border-right:2px solid #044444;
text-align:left;
min-height:1250px;
}

/* MENUS A GAUCHE */
#coll_gauche {
float:left;
margin:0 0 20px 0;
padding:0;
width:160px;
}

#coll_gauche p.entete {
margin:0;
padding:18px 0 5px 5px;
background:#FFCC88 url(http://www.bijoux-et-montres.com/img/bg_coll_haut_ocre.gif) left top no-repeat;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:1px;
}

ul.gauche_menu  {
margin:0;
padding:5px 5px 0 5px;
background-color:#FFCC88;
list-style-position:inside;
list-style-type:disc;
}
ul.gauche_menu li {
margin:0;
padding:5px 1px 3px 3px;
background-color:#FFFFFF;
border-bottom:1px dashed #333333;
}
ul.gauche_menu li a:link, ul.gauche_menu li a:visited {
color:#000000;
text-decoration:none;
}
ul.gauche_menu li a:hover, ul.gauche_menu li a:active {
color:#056363;
text-decoration:underline;
}

div.gauche_bas {
margin:0;
padding:0;
background:#FFFFFF url(http://www.bijoux-et-montres.com/img/bg_coll_bas_ocre.gif) left top no-repeat;
height:25px;
}

p#google_haut {
margin:0;
padding:20px 0 5px 5px;
background:#FFFFFF url(http://www.bijoux-et-montres.com/img/bg_coll_haut_gris.gif) left top no-repeat;
font-size:11px;
font-weight:bold;
text-transform:capitalize;
letter-spacing:1px;
text-align:center;
}
div#gauche_google  {
margin:0;
padding:5px 5px 0 5px;
background-color:#DDDDDD;
width:150px;
}
div#google_bas {
margin:0;
padding:0;
background:#FFFFFF url(http://www.bijoux-et-montres.com/img/bg_coll_bas_gris.gif) left top no-repeat;
height:25px;
}

/* CONTENU DU SITE */
#middle {
clear:right;
margin:0 0 0 160px;
padding:0 10px 10px 10px;
background-color:#FFFFFF;
width:670px;
text-align:justify;
line-height:14px;
}

#middle a:link, #middle a:visited {
color:#056363;
text-decoration:underline;
}
#middle a:hover, #middle a:active {
color:#FFCC88;
text-decoration:underline;
}

#middle h2 {
margin:0 95px 0 0;
padding:3px 10px;
background-color:#E8E8E8;
border-bottom:2px solid #FFCC88;
color:#333333;
font-size:14px;
text-transform:uppercase;
letter-spacing:2px;
word-spacing:3px;
}

p.soush2 {
margin:10px 95px 10px 0;
padding:0;
text-align:justify;
}

#middle h3 {
margin:20px 0 0 0;
padding:0;
border-bottom:1px dashed #FFCC88;
color:#333333;
font-size:12px;
text-transform:capitalize;
letter-spacing:1px;
word-spacing:1px;
}

#middle h4 {
margin:10px 0;
padding:0;
border-bottom:none;
color:#333333;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
word-spacing:1px;
}

p#arbo {
margin:5px 95px 10px 0;
padding:0 5px 2px 5px;
border-bottom:1px solid #333333;
}

img.gauche_paragraphe {
float:left;
margin:5px 10px 0 0;
padding:0;
border:none;
}

p.rhaut {
clear:both;
margin:0 0 10px 0;
padding:10px;
text-align:right;
}

p.note_importante {
margin:30px 20px;
padding:10px;
border:1px solid #990000;
color:#990000;
font-weight:bold;
text-align:center;
line-height:20px;
font-size:11px;
}

/* MENUS A DROITE */
#coll_droite {
position:absolute;
top:160px;
right:0;
margin:0;
padding:0;
width:138px;
text-align:center;
}

div.droite_in {
margin:0;
padding:0;
background-color:#056363;
border-left:2px solid #FFCC88;
}

img.pub_droite {
margin:2px auto 0 auto;
padding:0;
border:1px solid #333333;
}

#coll_droite p.entete {
margin:0;
padding:18px 0 10px 5px;
background:#056363 url(http://www.bijoux-et-montres.com/img/bg_coll_haut_vert.gif) left top no-repeat;
color:#DDDDDD;
font-size:10px;
font-weight:bold;
text-align:left;
text-transform:capitalize;
letter-spacing:1px;
}

div.droite_in p {
margin:0;
padding:5px 2px;
background-color:#FFFFFF;
border-left:3px solid #056363;
border-right:3px solid #056363;
border-bottom:1px solid #056363;
font-size:9px;
text-align:left;
}
div.droite_in p a:link, div.droite_in p a:visited {
color:#000000;
text-decoration:none;
}
div.droite_in p a:hover, div.droite_in p a:active {
color:#056363;
text-decoration:underline;
}

div.droite_bas {
margin:0;
padding:0;
background:#FFFFFF url(http://www.bijoux-et-montres.com/img/bg_coll_bas_vert.gif) left top no-repeat;
height:25px;
}

#zone_recherche {
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
background:url(http://www.bijoux-et-montres.com/img/bg_recherche.gif) right top no-repeat;
width:235px;
height:160px;
}

#zone_recherche p.entete {
margin:0 3px 0 5px;
padding:6px 10px 2px 10px;
border-bottom:1px solid #333333;
color:#DDDDDD;
font-size:12px;
text-align:left;
letter-spacing:2px;
}

form#search_cle {
margin:5px 3px 5px 5px;
padding:4px 0 0 0;
height:27px;
border-bottom:1px solid #333333;
text-align:right;
}
input#keyword {
display:block;
float:left;
margin:-1px 2px 0 0;
padding:2px 5px;
width:172px;
background-color:#DDDDDD;
border:1px solid #333333;
color:#333333;
font-size:12px;
}
input#valid_cle {
display:block;
margin:0;
padding:O;
width:30px;
background-color:#333333;
border:1px solid #DDDDDD;
color:#DDDDDD;
font-size:12px;
}

form#search_chx {
margin:0 3px 0 5px;
padding:O;
text-align:right;
}
select#marque_chx {
display:block;
margin:5px 0 5px 45px;
padding:2px 5px;
width:180px;
background-color:#DDDDDD;
border:1px solid #333333;
color:#333333;
font-size:12px;
}
select#genre_chx {
display:block;
margin:0 0 5px 45px;
padding:2px 5px;
width:180px;
background-color:#DDDDDD;
border:1px solid #333333;
color:#333333;
font-size:12px;
}
input#valid_chx {
margin:0;
padding:O 2px 2px 2px;
background-color:#333333;
border:1px solid #DDDDDD;
color:#DDDDDD;
font-size:12px;
}


/* Partie BAS */

#bas {
clear:both;
margin:0;
padding:0;
text-align:left;
background-color:#4E4E4E;
}

ul#menu_bas {
margin:0;
padding:3px 0 2px 5px;
background-color:#4E4E4E;
border-top:3px solid #FFCC88;
border-bottom:3px solid #FFCC88;
text-align:center;
height:20px;
}
ul#menu_bas li {
display:inline;
margin:0 10px 0 8px;
padding:0;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#DDDDDD;
text-transform:capitalize;
letter-spacing:1px;
}
ul#menu_bas li a:link, ul#menu_bas li a:visited {
color:#DDDDDD;
text-decoration:none;
}
ul#menu_bas li a:hover, ul#menu_bas li a:active {
color:#FFFFFF;
text-decoration:underline;
}

#google_encart {
margin:10px 0;
padding:5px;
text-align:center;
border:none;
}


#google_pub {
margin:10px 0;
padding:5px;
text-align:center;
border:none;
}
#menu_down {
margin:10px auto 0 auto;
padding:5px 5px 20px 5px;
width:970px;
text-align:center;
border:none;
}
#menu_down a:link, #menu_down a:visited {
color:#044444;
text-decoration:none;
}
#menu_down a:hover, #menu_down a:active {
color:#056363;
text-decoration:underline;
}

/* page en transparence */
div#transparent {
display:none;
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
z-index:20;
background-color:#333333;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);
opacity:0.9;
width:100%;
height:100%;
}

div#trans_corps {
display:none;
position:fixed;
-position:absolute;
-top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight + 50);
top:5%;
left:15%;
width:70%;
min-height:200px;
margin:0;
padding:5px;
background-color:#FFFFFF;
border:3px solid #FFCC88;
z-index:30;
}

p.trans_ferme {
margin:5px;
padding:0 10px;
text-align:right;
}
p.trans_ferme a:link, p.trans_ferme a:visited {
color:#044444;
text-decoration:underline;
}
p.trans_ferme a:hover, p.trans_ferme a:active {
color:#990000;
text-decoration:underline;
}

p.trans_titre {
margin:10px 0 2px 0;
padding:5px;
background-color:#FFCC88;
border-bottom:1px solid #044444;
font-size:14px;
letter-spacing:1px;
word-spacing:1px;
font-weight:bold;
text-align:left;
}

p.trans_attente {
margin:30px auto 10px auto;
padding:0;
text-align:center;
}

/* partie Ajout Panier */
div#apan_actuel {
margin:0 0 10px 0;
padding:3px;
border:1px dashed #056363;
}

ul#apan_liste {
margin:0;
padding:0;
list-style:none;
text-align:left;
}
ul#apan_liste li {
margin:5px 0;
padding:2px 5px;
border-bottom:1px dashed #056363;
font-size:11px;
font-weight:bold;
}
ul#apan_liste li p {
margin:2px 0;
padding:0;
font-size:11px;
font-weight:bold;
}

img#apan_foto {
float:left;
margin:10px 10px 10px 15%;
padding:10px;
border:1px solid #044444;
height:140px;
}

div#apan_contenu {
margin:0 0 0 40%;
padding:0;
text-align:left;
}

p#apan_pdt {
margin:20px 0 10px 0;
padding:0;
font-size:12px;
font-weight:bold;
}


p#apan_qte {
margin:20px 0;
padding:0;
font-size:12px;
letter-spacing:1px;
}

img#qteplus {
margin:0 10px 0 3px;
padding:0;
border:none;
width:10px;
height:10px;
} 
img#qtemoins {
margin:0 3px 0 10px;
padding:0;
border:none;
width:10px;
height:10px;
}

span#apan_nb {
font-weight:bold;
}

p#apan_px {
margin:10px 0 30px 0;
padding:5px;
font-size:16px;
letter-spacing:1px;
color:#990000;
font-weight:bold;
}

a.apan_btn:link, a.apan_btn:visited {
margin:0 20px 0 0;
padding:5px;
width:150px;
color:#044444;
background-color:#FFFFFF;
border:none;
font-size:14px;
letter-spacing:1px;
font-weight:bold;
text-decoration:none;
}

a.apan_btn:hover, a.apan_btn:active {
background-color:#E8E8E8;
border:2px solid #FFCC88;
text-decoration:underline;
}

form#ajout_verspan {
display:none;
margin:0;
padding:0;
}

/* partie Zoom Photo */
div#zoom_photo {
margin:30px auto;
padding:10px;
border:1px solid #044444;
text-align:center;
}
div#zoom_photo img {
margin:0;
padding:0;
height:500px;
}