@charset "utf-8";
/* CSS Document */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; margin:0; padding:0;color:#333333; border-color:#666666;background-color:#877d74; font-size:12px; background-image:url(/portesantiques/objets/fond3.jpg)}
p{margin:5px 0 5px 0; padding:0}
#fond{position:absolute; width:100%; height:100%; min-height:745px;  max-height:950px;}
#bandeau{width:0px; margin:0; height:0px;  position:absolute; overflow:hidden; padding:0;  }
h1{ font-size:1.7em; color:#225f8c; font-weight:600; margin:  0; }
h2{ font-size:1.3em;color:#225f8c; margin: 0; }
h3{ font-size:1em;color:#999999; margin:0; padding:0; line-height:1em; text-align:left}
h4{ font-size:1.5em;color:#225f8c; margin:0; padding:0; }
img.ref_phot{width:0px; height:0px; border:0; }
a.li-texte{text-decoration:none; color: #333333}
li{ list-style-image:none; display:inline; } 
ul{margin:0; padding:0} 

/*************************************   CORPS DE PAGE *************************/
#corps{  position:relative;  width:1000px; overflow:hidden;min-height:745px; height:100%;  margin:auto; margin-top:0; margin-bottom:0; top:0; text-align:left; background-color:#e1d3cb; background-image:url(../objets/bande_ombre.jpg); background-repeat:repeat-y; background-position:right; z-index:1}
#contenu{width:850px; min-height:600px; height:80%; position:relative;left:75px; display:block; display:block; }
#entete{width:915px; min-height:100px; height:15%; position:relative; z-index:3;background-image:url(../objets/logo.jpg); background-repeat:no-repeat; background-position:75px bottom; }
#pied{ width:840px; padding-right:10px; margin:auto; height:23px;height:5%;text-align:right; position:relative; display:block; }
#centrale{ width:850px; position:relative; height:600px; overflow:inherit;  background-image:url(../objets/fond2.jpg); background-repeat:no-repeat}

/*************************************** page statiques **************************/
#photo_princ{position:absolute;  left:5px; top:4px; width:409px; height:587px; padding:0; margin:0;  border-right:1px solid white; background-image:url(../objets/portes-anciennes.jpg); background-repeat:no-repeat; background-position:center;}
#texte_central{position: absolute;left:422px; top: 4px; width:418px; height:587px; }

#centrale h1{height:45px; font-size:1.6em;  margin:10px 0 10px 0; padding-left:30px; line-height:1.3em; color:#333333; background-image:url(../objets/titre_accueil.jpg); background-repeat:no-repeat; background-position:right }
#centrale h2{ color:#225f8c;  padding-left:30px; margin-bottom:10px}
#centrale p{padding:0 30px 0 30px; line-height:1.2em}


/*********************************** MENU CATALOGUE **************************************/
#affich_collections{ width:300px; position:absolute; bottom:448px; left:495px; overflow:hidden; margin:0; padding: 0;  max-height:34px; }
#affich_produits{ width:300px; height:440px; overflow:auto; position:absolute; top:70px; left:495px; overflow:auto; border:1px solid white; background-color:#b89994; color:#FFFFFF}

a.menu_coll{ display:inline-block; margin:0 10px 0 0;  padding:0 0 0 3px; color:white; text-decoration:none; border-left:1px solid white; line-height:1.1em ; font-size:1.1em; vertical-align:bottom;}
a.menu_coll_valid{margin:0 10px 0 0; height:10px; padding:0 0 0 3px;  text-decoration:none;  color:#225f8c;line-height:8px; vertical-align:bottom; line-height:1.1em ; font-size:1.1em; border-left:1px solid #225f8c; }   
a.menu_coll:hover { color:black}
/*  MENU RUBRIQUES SOUS RUB   */
a.rubrique{ display: block; float:left; padding:0 0 10px 10px; color:black; font-size:1.2em;  line-height:1.3em; text-decoration:none; font-weight:600; width:190px; text-transform:lowercase; }
a.rubrique:hover{color:#225f8c;}
a.rubrique_valid{ display: block;float:left; padding:0 0 10px 10px; font-size:1.2em; text-transform:uppercase; line-height:1.5em; text-decoration:none; font-weight:600;  width:190px; color:#225f8c ; }
a.sousrub{ display: block;text-transform:lowercase;  color:black; text-decoration:none;   line-height:1.1em;  max-width:155px; font-size:1.1em }
a.sousrub:hover{color:#225f8c; }
a.sousrub_valid{ display: block;  color:#225f8c; line-height:1.1em; text-decoration:none;  max-width:155px;  font-weight:bold;text-transform:lowercase;  text-transform:capitalize;font-size:1.1em    }
#menu_sousrub{position:relative; float:right;  width:155px;  top:0; padding:0; }
.promotion{position:absolute; top:2px; left:10px; background-color:white;  color:red; font-weight:bold; line-height:1.1em; padding:0 2px 0 2px}

/****************   catalogue *************************/
#catalogue{position: absolute;left:422px; top: 5px; width:412px; height:580px; padding:5px 0 0 5px; overflow:auto; background-color:#877d74;}

.opaque{opacity:0.8;filter:alpha(opacity=80); background-color:#FF0000}

a.diaporama{color:black; text-decoration:none;  }
a.diaporama:hover{color:white; }

.vignette_produit{ position:relative; width:120px; margin:0 ; padding:0px; height:149px; background-repeat:no-repeat; background-position:center;  background-color:#c0b2a6}

.promo{ background-color:#000000; overflow:inherit; color:#03b1fe; font-size:0.9em; text-align:center }
.cartouche{width:100%; position:absolute; background-color:#225f8c;bottom:0; overflow:inherit;   color:#fff; font-size:0.9em; text-align:center; display:none }
.prix{width:98%; text-align:right; margin:0; padding:0; color:#FFFFFF; font-size:1em; font-weight:bold }
.promo{color:#ccc; margin-right:5px; }
.promo_bl{color:#666; font-size:0.8em; text-decoration:line-through  }
.text_prix{font-size:1em; color:black}
.traitpromo{color:red; font-weight:100}
/*a.vignette{border:0; text-decoration: none; float:left;  margin:0 5px 5px 5px;width:120px; height:140px;padding:0; display: block; cursor:pointer}*/
a.vignette{border:0; text-decoration: none; float:left;  margin:0 4px 5px 4px;width:120px; height:149px; padding:0; display: block; cursor:pointer}

/*******************************  ENTETE **************************************/
#langue{display:inline-block; position:absolute;  padding-right:4px;left:0; bottom:27px; border-right:2px solid white; width:62px; text-align:right;}
a.langue { font-weight:600; text-decoration:none; color:#FFFFFF;}
a.langue:hover {text-decoration:underline; color:#000000  }
a.langue_valid{ font-weight:600; text-decoration:none; color:#333333}
.bout_contact{float:right; width:48px; height:100%; display: block; margin-right:25px; background-image:url(../objets/contact_noir.jpg); background-position:bottom; cursor:pointer}
.bout_contact:hover{ background-image:url(../objets/contact_blanc.jpg)}
.bout_contact_inv{float:right; width:48px; height:100%; display: block; margin-right:25px; background-image:url(../objets/contact_blanc.jpg); background-position:bottom; cursor:pointer}
.bout_catalogue{float:right; width:48px; height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/catalogue_noir.jpg); cursor:pointer}
.bout_catalogue:hover{ background-image:url(../objets/catalogue_blanc.jpg)}
.bout_catalogue_inv{float:right; width:48px; height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/catalogue_blanc.jpg); cursor:pointer}

.bout_realisations{float:right; width:48px; height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/realisations_noir.jpg); cursor:pointer}
.bout_realisations:hover{ background-image:url(../objets/realisations_blanc.jpg)}
.bout_realisations_inv{float:right; width:48px; height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/realisations_blanc.jpg); cursor:pointer}

.bout_accueil{float:right; width:48px;  height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/accueil_noir.jpg); background-repeat:no-repeat; cursor:pointer}
.bout_accueil:hover{ background-image:url(../objets/accueil_blanc.jpg)}
.bout_accueil_inv{float:right; width:48px;  height:100%; display: block; margin-right:8px; background-position:bottom; background-image:url(../objets/accueil_blanc.jpg); background-repeat:no-repeat; cursor:pointer}
/*
#menu_entete{ position: absolute; left:343px;  width: 450px;   height:42px; padding-left:5px; z-index:6 }
#menu_entete:hover{z-index:3;}
a.menu_droite{display:inline-block; float:left; margin:5px 0 0 0; width:103px;  color:white; text-decoration:none; text-align:center; font-size:1.2em; text-transform:uppercase;}
a.menu_droite:hover{ font-weight:bold; }
a.menu_droite_valid{display:inline-block; float:left; margin:5px 0; width:100px;  color:white; text-decoration:none; text-align:center; font-size:1.2em; vertical-align:middle; text-transform:uppercase;  font-weight:bold;}
#etirable_ident{position: absolute; top:40px; left:40px; display:none; width:320px; height:auto; z-index:3; overflow:hidden;  border:1px solid white;  padding:3px ; background-color:#e2e2e2; color:#225f8c;opacity:0.9;filter:alpha(opacity=90);opacity:0.9; z-index:7  }
#etirable_actu{position: absolute; top:25px; left:20px; display:none; max-width:300px; max-height:485px;z-index:3; overflow:hidden ;background-color:#e2e2e2; color:#000000; border:1px solid white; padding:3px;opacity:0.9;filter:alpha(opacity=90); z-index:7}
img.actu{border:1px solid white; margin:0 3px 3px 0}
a.menu_entete{margin:0 7px 0 7px ;  padding:0 ;width:auto; color:white; text-decoration:none;}
a.menu_entete:hover{ color:#000000;}
a.menu_entete_valid{margin:0 7px 0 7px ;  padding:0 ; width:auto;  color:#225f8c; font-weight:bold; text-transform:uppercase; text-decoration:none}
#identifiant{ width:100%;text-align:left; line-height:1.2em; margin:0; padding:0;  overflow:hidden; color:#000000; float:left }
.date{ text-transform:lowercase; font-size:0.9em; margin:0 10px 0 10px}
a.lien_fiche{  color:#225f8c; position:absolute; left:0; top:39px; font-size:0.8em}
a.lien_fiche:hover{  color:black;}*/

/************************************Fiche Produit ********************/
/* entete centre */
#entete_f{ position: absolute; width:415px; margin:5px; height:587px;overflow:hidden;}
#entete_photo{ position: absolute; width:415px; margin:5px; height:587px;overflow:hidden}
#entete_photo_produit{ position: absolute; font-size:1em; left:25px; bottom:5px; width:365px; height:510px; overflow:auto; border-left:4px solid #225f8c; background-position:center;  display:none;  background-repeat:repeat-y; background-image:url(../objets/fond-fiche.jpg) }
#entete_photo_produit2{  font-size:1em; left:0; width:361px; height:510px; overflow:auto; background-repeat:no-repeat; background-position:center;}

#entete_fiche{ position: absolute; top:15px; height:50px; width:100%; background-image:url(../objets/bande_titre_catalogue.jpg); background-repeat:no-repeat; background-position:left;  }
#entete_fiche h1{ font-size:1.7em;  margin: 0; padding-left:90px; line-height:1em; color:#225f8c; background-image:none; margin-top:20px ; line-height:0.9em  }
#texte_rub{position: absolute; font-size:1em; left:25px; bottom:5px; width:365px; height:430px; overflow:auto; border-left:4px solid #225f8c; background-position:center; background-repeat:no-repeat; cursor:pointer}
#texte_rub h2{color:black; font-size:1.1em}
#texte_rub p{line-height:1.1em}
#photos_rub{position: absolute; left:0px; top:375px; width:333px; height:125px; text-align:center;}
.vign_rub{max-height:100%; margin-right:5px; border:2px solid white}
.vign_rub2{ max-height:100%; border:2px solid white}
#titre_fiche{ position: absolute; width:400px; top:15px; height:55px;  background-image:url(../objets/bande_titre_catalogue.jpg); background-repeat:no-repeat; background-position:left;  }
#titre_fiche h1{  font-size:1.7em;  margin: 0; padding-left:90px; line-height:0.9em; color:#877d74; background-image:none; margin-top:20px ; }
.ref{color:#225f8c; width:60px;   display:inline-block; font-size:0.8em; position:absolute; left:45px; top:0px;  }

.soustitre{font-size:0.7em; font-weight:100; color:#225f8c; line-height:0.8em}
#detail{float:left; max-width:100px; top:0px;left:0px; height:92px;  overflow:hidden; padding:1px; }
.img_detail{ border:1px solid white ; cursor: url(highslide/graphics/zoomin.cur), pointer;}
.img_detail:hover{ border:1px solid red ; }
a.detail{left:0; text-align:center;  display:block; width:99%; height:99%; border:0; cursor: url(highslide/graphics/zoomin.cur), pointer; text-decoration:none}

#commander{position: absolute; width: 50%;top:270px; left:5%;padding-left:10px; height:30px ; color:white; font-size:1.1em ;}
a.panier{ text-decoration:none; color:black; font-weight:bold;  display:block; float:left; line-height:1em}
a.panier:hover{color:red}
.inactif{color:#cccccc; font-size:0.9em; font-weight:100; display:block}
#produit{ position: relative; width: 350px; top:85px;   left:30px; height:80px; z-index:2;  }
#descriptif { float:left; top:0px; width:270px; height:80px; font-size:1.1em;  overflow:auto; margin:0; padding:0; overflow:auto; padding-left:4px; }
.parag{display:block; max-height:65px; overflow:auto; margin:0; padding:0; }
#descriptif p {margin:3px 5px 5px 5px; padding:0; line-height:0.9em}
#descriptif a{color:#225f8c;  font-size:0.9em; line-height:0.9em; padding: 0 0 0 5px}
#descriptif a:hover{color:black;}
#articles { position:relative; width:100%;  height:17%;   overflow:hidden; margin:0; padding:1% 0 0 0; }
#collection{ position:relative; float:left; position:relative; width:600px; height:31%; overflow:auto;z-index:2}
#titre_collection{float:left; margin-top:-10px;  font-size:0.9em; line-height:1em; color:#000000; z-index:5}
#navigation{float:right;  height:15px; font-weight:bold; font-size:0.9em; line-height:1em; padding-right:2px; border-right:2px solid #666666;}


#stock{width:11%; position: absolute;top:0px; right:0; z-index:10; margin:0 2px 0 0; padding:0; border:1px solid #cccccc; color: black;line-height:1.2em; height:28px;}
.jauge{position:relative;height:100%; background-color:#03b1fe; }
.nombre{position:absolute; width:100%; height:100%;top:0; left:0 ; text-align:center }

/******************************  PANIER ET COMMANDE ******************************************************************/
#panier{position: relative; width:100%; height:90%; overflow:auto; top:6%;}
.panier_vide{ text-align:center; font-size:1.2em; color:black; font-weight:600; margin-top:100px }
.col_titre{background-color:#CCCCCC; color:black; font-weight:bold;}
.nom_prod{color:black; font-weight: bold; padding-left:10px; font-size:0.9em}
.nom_article{color:#333333; padding-left:10px;  font-size:0.8em}
.gris_fonce{color:#333333}
.soustotal{ background-color:#CCCCCC; color:#000000; font-size:0.9em}
.total{color:white;}
.prixtotal{font-weight:bold; font-size:1.1em; color:#03b1fe}
.tva{ color:#cccccc; margin:0 15px 0 15px}
.reduc{color:#03b1fe; font-size:0.9em; font-weight:bold;}
.text_info{  position:absolute; color:#666666; top:17px; left: 10px; width:150px;  z-index:6 ; height:18px; overflow:hidden; display:block; padding:3px 10px 0 10px;}
.text_info:hover{ width:405px; border:1px solid #cccccc; height:auto; max-height:390px; overflow:auto; background-color:#edf5f8  }
.text_port{ position:absolute; color:#666666; top:17px; left: 10px; width:150px;  z-index:6 ; height:18px; overflow:hidden; display:block; padding:3px 10px 0 10px;}
.text_port:hover{ width:405px; border:1px solid #cccccc; height:auto; max-height:330px; overflow:auto; background-color:#edf5f8  }
.info{ background-image:url(..../objets/ico_titre.jpg); background-position:left center; background-repeat:no-repeat; padding-left:20px; color:white; font-weight:bold; font-size:1em; width:330px; cursor:pointer;height:auto; display:block }
.info:hover{color:#225f8c; }
a.retour{float:right;margin-top:3px;  padding-right:10px; text-decoration:none; color:black; font-weight:bold; font-size:0.8em}
a.retour:hover{color:red}
.soustotal2{  color:#000000}
a.commande{margin:2px 0 0 10px; background-image:url(..../objets/ico_titre.jpg); background-position:left center; background-repeat:no-repeat; padding-left:20px; text-decoration:none; color:#225f8c; font-weight:bold; font-size:1em}
a.commande:hover{color:red}
a.annul{margin:2px 0 0 10px; padding-left:7px; text-decoration:none; border-left:2px solid #ff8c2a; color:#ff8c2a; font-weight:bold; font-size:1em}
a.annul:hover{color:red}
.tab_articles{ background-color:#977772}
.confirmgif{border:2px solid black}
.confirmgif:hover{border:2px solid red}

/*******************************************  PIED DE PAGE ************************************/
#patch{width:840px; margin: auto; position:absolute;left:0px; bottom:0;  text-align:center; text-decoration:none; font-size:10px}
.patch {color:white; text-decoration:none; }
.patch:hover {color:white;}
a.menu_bas{display:inline-block; width:120px; color:white; margin:0 0 0 50px; text-decoration:none; font-size:1em;  Float:right}
a.menu_bas:hover{ color:#000000;text-decoration:overline}
a.menu_bas_valid{display:inline-block; width:120px; margin:0 0 0 10px; padding:0; color:white; text-decoration:none; text-align:left; font-size:1em; vertical-align:middle; line-height:1.4em; text-decoration:overline}

/*********************** DIVERS POPUP et Page contact************/
.titre_popup{color:white; font-size:1.3em; margin-top:20px; text-transform:uppercase; }
.tabl_form{ background-color:white; border:2px solid #cccccc; color:#225f8c }
a.lien_form{color:white}
a.lien_form:hover{color:#b89994}
#coordonnees{padding:0 30px 0 30px; font-size:1.1em  }
h5{ font-size:1.3em;color:#333333; margin:5px 0 0 0; padding:0; line-height:1em; border-bottom:1px solid white}
.mail{color:white; text-decoration:none}
.mail:hover{color:black}
iframe{margin:7px 0 0 30px; background-color:#99CC00}



/* ______________champs formulaires, boutons de navigation_______________________*/
.panier{float:right;}
.form_panier{width:95%; border:1px solid #666666; padding:0; margin:auto; position:relative}
.options{float:left; width:85%; display:inline-block}
.login{ width:70%; margin:auto; margin-top:70px; border:2px solid #cccccc }
.contact{  padding:0 30px 0 30px}
.confirm{padding-top:30px; padding-bottom:30px; margin:40px auto; width:60%; border:1px solid #666;}

input.champs {color:#333333; background-color:#ffffff;border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}

input.bouton{padding-left:7px; text-decoration:none; color:#333333; font-weight:bold; font-size:1em; border:0; border-left:2px solid #333333; cursor:pointer; display:inline; background:none}
input.bouton:hover{ color:red;}

input.bouton2{  color:#000000; float:right; position:relative;  text-decoration:none ; text-align:right; border:0; font-size:1em; cursor:pointer; padding:0; margin:0; background:none }
input.bouton2:hover{ color:red;  }

select { color: black; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black; background-color:#ffffff;}
input.fichier {color:black; background-color:#66CCFF; font-size:10px; font-family:arial;}



/*************************************************************/
/*************************************************************/
#tab_commande{position: relative; width:100%; height:98%; overflow:auto;}
.paiement{color:black; text-align:center; display:block; margin-top:30px}
.commande_vide{ text-align:center; font-size:1em; color:black;  margin-top:100px }
/* entete gauche*/
#logo_menu{ position: absolute; width: 100%; height:9%; background-color:black; bottom:8%; left:0}
#logo_identification{ position: absolute; width: 100%; height:8%; background-color:white; bottom:0; left:0; line-height:2.5em; color:#000000; text-align:right}
/* entete droite */
#entete_menu{  position: relative;width: 300px; height:100%; float:left;}
#entete_titre{ position: absolute; width: 100%; min-height:17%; background-color:white; bottom:0; left:0; opacity:0.8;filter:alpha(opacity=80); z-index:2}

#infolegales{ position: absolute; margin:auto; left:32%; top:20%; width: 500px;   height:400px; padding:10px;   border:5px solid black; font-size:1.1em; z-index:6; display:none; background-color:#FFFFFF; overflow:auto; text-align:left}