@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-size:80%; font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#666; } 
h1 { font:700 1.23em Georgia, "Times New Roman", Times, serif; text-align:center; font-size:12px; padding-bottom:20px; line-height:18px; }
h2 { font:700 1.17em Georgia, "Times New Roman", Times, serif; text-align:center; padding-bottom:10px; }
h3 { font:700 1em Georgia, "Times New Roman", Times, serif; text-align:left; padding-bottom:10px; }
h4 { font-size:.9em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; border-width:thin; padding:3px; }

/* Elements Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }
.nowrap { white-space:nowrap; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */

/*	Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#666; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

#adresse { position:relative }
#son { position:absolute; top:110px; left:690px; }

/* Image de validation W3C
----------------------------------------------------------*/
#validator a img { background-color:#666; } /*- Activer le CSS si le fond du site est blanc */

/*	Page d'accueil
----------------------------------------------------------*/
/*#chapeau { padding:1em 0 2em; }*/ 
.illustration { float:left; padding:0 2em 1em 0; }
/*#p_accueil { padding-top:.5em; } - Activer pour descendre le 1er paragraphe */

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;	
}


#map, #map2, #map3, #map4 {
	width: 640px;
	height: 480px;
	border: #000000 solid 5px;
}

.infosbulle {
	border: none;
	margin: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #4f0100;
	font-weight: bold;
	margin-bottom: 1em;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:15px;
}

.plan-printer img,
.plan-printer a {
	border: none;
}

.plancenterha
{
width:650px;
margin:0 auto;
}
.ha img
{
	border:solid 5px #00C;
}

.spaceha { word-spacing:15px; }

#table-partenaires{
	border-collapse:collapse;
	width:600px;
	margin:0 auto;
}
#table-partenaires tr{
}
#table-partenaires td{
	padding:4px;
}
.tdpartenaires1{
width:50%;
text-align:center;
}
.tdpartenaires2{
width:50%;
text-align:center;
}

.cadre-affutage {
	float:left;
	width:160px;
	text-align:center;
	margin:0 6em 0 0;
}

.cadre-affutage img {
	margin:0 0 .5em 0;
	border:1px solid #515151;
}

.cadre-affutage a:hover img {
	opacity:0.8;
}
/* ---------------------------- Style Global ----------------------------- */
#formDemande {  margin: auto; width: 500px; } 
.saisi_quantite { width:50px; }
.cadre_tarif { width: 560px; border:1px solid #666; background: none repeat scroll 0 0 #333333; padding:5px; margin: 0 auto 10px; padding: 5px; }
.titre_tarif { border-bottom:1px solid #666; margin:10px 0; font-weight: bold;  }
.cadre_tarif table { border:1px solid #666; margin: auto; width: 540px; }
.cadre_tarif table td, .cadre_tarif table th { border:1px solid #666; padding:4px 6px; background:#202020; }

.contenu_central { width: 580px; margin:auto; }
.marge_left { margin-left:10px; }
.titreArianne { font-weight:bold; color:#FFFFFF; font-size: 14px; padding: 0 0 0 100px; }
.btn { background:#E4E4E4; border:1px solid #000000; color: #010101; padding:4px; text-decoration:none; }
.btn:hover { background:#EFEFEF; cursor:pointer;  }

.label_fix { display: inline-block; width: 95px; }
.label_fix2 { display: inline-block; width: 145px; }
.label_fix3 { display: inline-block; width: 270px; }
.droite { text-align:right; }
.gauche { text-align:left; }
.subField { width: 478px; margin:auto; }
.pagesize { width:35px; }
.message { display:none; font-weight: bold; text-align: center;margin: 0 auto 10px auto; font-style: italic; color: #AA5555; border: 1px dotted #333333; padding: 5px; width: 400px; background: none repeat scroll 0 0 #FAFAFA; }
.pagination { clear:both; text-align:center; padding:5px 0; }
.text_error { color: #330000; font-size: 14px;  margin-left: 11px; }
.remise_err { color: #FE0000; font-weight: bold; display: block; margin-right: 60px; float: right; }

/* -------------------------- Formulaire Global ------------------------------ */
input.input2 { width: 104px; background:#E4E4E4; border:1px solid #000000; color: #010101; }
input.input3 { width: 300px; background:#E4E4E4; border:1px solid #000000; color: #010101; }
input.val_com { background:#E4E4E4; border:1px solid #000000; color: #999; }
label.label3 { float: none;}
label.label4 { float: none; font-size: 13px; }
label.label4 img { vertical-align: middle; border: 1px solid #502F10 }

/* -------------------------- PERSO BUTTON -------------------------------------*/
.ui-button_mini .ui-button-text { padding: 0.1em !important; }
.ui-button_mini .ui-button-icon-primary { margin-top:-9px !important; }

/* -------------------------- Formulaire spécifique  ------------------------------ */
form.formInscription fieldset, form.formModification fieldset { border:1px solid #fff; }
form.formInscription select.select2, form.formModification select.select2 { padding: 3px; height: 22px; }

#montant_total_label { width: 400px; padding: 0; font-weight: bold; height: 24px; line-height: 24px; }
#montant_total_aff { float:right; text-align: right; width: 80px; font-size: 12px; background-color: #EF7F0A; color: #fff; border: 1px solid #502F10; padding: 0 5px 0 0 ;  }


#valideCode span { float: none; padding: 0.1em; }
#code_result { padding-top: 3px; font-weight: bold; display: none; height: 16px; line-height: 16px; }
#code_result span { float: none; padding: 0; }
#code_result img { cursor: pointer; vertical-align: text-bottom; }

#inscription label, #modification label, #login_block label, #login_block2 label, #livraison label, .margeForm { margin:0 0 0 10px; }
#inscription legend, #modification legend, #login_block legend, #login_block2 legend, #livraison legend { padding:0 5px; margin:0 5px;  }
#login_block { width:210px; margin: auto; }
#login_block  p { padding: 0;}
#login_block2 { background: none repeat scroll 0 0 #333; margin: auto; padding: 5px; width: 700px; border: 1px solid #666; text-align: center; }
#login_block2  p { padding: 0;}

#inscription, #modification, #livraison { width:550px; margin: auto; }
form.formInscription select, form.formModification select { width: 124px; background:#E4E4E4; border:1px solid #000000; color: #010101; }
form.formInscription textarea, form.formModification textarea { width: 124px; background:#E4E4E4; border:1px solid #000000; color: #010101; }

form.formInscription legend, form.formModification legend {
    border: 1px dotted #999;
    color: #fff;
    font-size: 1.1em;
    margin: 0 5px;
    padding: 3px 5px;
}

/* -------------------------- Console debug -------------------------- */
#debug {width:918px; margin:0 0 0 -467px; clear: both; position: fixed; _position: absolute; top:0; left:50%; background:#F5EEDA; text-align:left; overflow-x: hidden; border-left: 2px solid #BBBEC0; border-right: 2px solid #BBBEC0; z-index:99999999999999999}
#debug * { color:#000; text-align:left}
#debug h2 { padding:10px 0}
#debug:focus {background:#fff; outline:0}

#texteDebug { padding: 0 20px; height:300px; overflow:auto;}

#divBoutonDebug { text-align:center; background:transparent url('../images/debug/fond-bouton-debug.png') repeat-x; height:7px}
#divBoutonDebug a { display: block; width:48px; height:7px; font: normal 1px/1px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/debug/bouton-debug.png') no-repeat; text-indent:-500000px; margin:0 auto}
#divBoutonDebug a:hover { opacity:0.7}
#divBoutonDebug a.fermer { background-position: 0 top;}
#divBoutonDebug a.ouvert { background-position: 0 bottom;}

/* ----------------------------- Block mon compte -------------------------- */
.mon_compte{ width: 100%; }

.mon_compte_menu { padding: 40px 0 0 12px; color: #fff; }
.mon_compte_menu span { display: block; margin: 10px 0; text-indent: 14px; }
.mon_compte_menu a { display: block; margin: 5px 0; }
.login_error { padding: 9px 9px 9px 29px; border: 1px solid #cd0a0a; background: url("../images/error.png") 9px 9px no-repeat #F6F6F6; 
			  text-align: justify; font-size: 11px; color: #cd0a0a; margin: 0 auto 10px;
              -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
              behavior: url('css/pie/PIE.php'); position: relative;
}

/* ----------------------------- Block catégorie ----------------------------- */

#menuderoulant { font: normal 11px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px 0 15px 0px; clear:both; text-align:left; position:relative; z-index:99; clear:both; width:190px; margin:0 0 0 18px; }
#menuderoulant ul { list-style:none; width:190px; }
#menuderoulant ul li { list-style:none; width:190px; margin:0;  border-bottom: dashed 1px #d4d4d4;  }
#menuderoulant li ul { left:190px; background: #434343; color:#000; border:1px solid #d4d4d4; }
#menuderoulant a { display:block; padding:4px 10px 4px 10px; width:170px; margin:0; text-decoration:none; color:#000; font-weight:bold  }
#menuderoulant a:hover, #menuderoulant .bold { font-weight: bold;  color:#666; background: #d4d4d4}
#menuderoulant li:hover{ font-weight: bold;  color:#fff; background: #d4d4d4}
#menuderoulant li ul a { display:block; padding:4px 10px 4px 10px; width:170px; margin:0; text-decoration:none; color:#000; }
#menuderoulant  li ul a:hover, #menuderoulant  li ul .bold { background: #d4d4d4; color:#666; }

/* ----------------------------- Block panier ----------------------------- */

#affiche_panier { border:1px dotted #999; background:#222;  font: normal 11px/20px Arial, Helvetica, sans-serif; color:#C9945E; /*padding:5px 0 15px 10px;*/ clear:both; text-align:center; position:relative; z-index:99; float:none; margin:auto; width: 300px; }
#affiche_panier ul {list-style:none; width:190px; }
#affiche_panier li ul {  left:-190px; width:190px; }
#affiche_panier ul li {list-style:none; width:190px; margin:0;  }
#affiche_panier li ul { border:1px solid #000; background: #434343; color:#000; }
#affiche_panier a { text-align: center; display:block; padding:4px 10px 4px 10px; width:168px; margin:0 0 0 2px; text-decoration:none; color:#000;  }
#affiche_panier a:hover, #panier .bold { color:#000; background: #D4D4D4}
#affiche_panier li ul a { display:block; padding:4px 10px 4px 10px; width:170px; margin:0; text-decoration:none; color:#000; }
#affiche_panier  li ul a:hover, #panier  li ul .bold { color:#000; background: #D4D4D4;  }
.panier_btn_suppr { float: right; cursor: pointer; }

/* -------------------------- Mot de passe oublié -------------------------- */
#dialogPasseOublie{ display: none; text-align: justify; font-size:12px; }
#dialogPasseOublie input{ width: 200px; height:16px; margin-top: 5px; padding: 2px 3px; }
#dialogPasseOublie img{ display: none; padding-left: 2px; padding: 7px; cursor: pointer; vertical-align: top; }

/* -------------------------- Carnet d'adresse -------------------------- */
.listeAdresse { padding: 0 5px; list-style: none outside none; }
.listeAdresse li { margin: 10px 0 0 0; padding: 0; }
.listeAdresse li div {
    border: 1px solid #777; padding: 3px;  margin: 0; height: 18px; line-height: 18px;  font-size: 1.1em; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #333;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px;
    background: #777; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4F4F4), to(#E1E1E1)); background: -webkit-linear-gradient(#F4F4F4, #E1E1E1);
    background: -moz-linear-gradient(#F4F4F4, #E1E1E1); background: -ms-linear-gradient(#F4F4F4, #E1E1E1); background: -o-linear-gradient(#F4F4F4, #E1E1E1);
    background: linear-gradient(#F4F4F4, #E1E1E1); -pie-background: linear-gradient(#F4F4F4, #E1E1E1); behavior: url('css/pie/PIE.php'); position: relative;
}linear-gradient(#F4F4F4, #E1E1E1); behavior: url('css/pie/PIE.php'); position: relative;
.listeAdresse li div.selected{
    background: #7f4e28; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E3E3), to(#CECECE)); background: -webkit-linear-gradient(#E3E3E3, #CECECE);
    background: -moz-linear-gradient(#E3E3E3, #CECECE); background: -ms-linear-gradient(#E3E3E3, #CECECE); background: -o-linear-gradient(#E3E3E3, #CECECE);
    background: linear-gradient(#E3E3E3, #CECECE); -pie-background: linear-gradient(#E3E3E3, #CECECE); behavior: url('css/pie/PIE.php'); position: relative;
}

.listeAdresse li div img { vertical-align: text-top; margin: 0 3px; }
.listeAdresse li div span.link, .listeAdresse li div span.link2{ display: inline-block; width: 80%; cursor: pointer; }

.contenuencartD { 
	background: #aaa;
	padding:5px 24px 5px 11px;
	padding: 0 24px 0 11;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #333;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px;
    behavior: url('css/pie/PIE.php'); position: relative;
 }
.encartG{ width: 352px; padding-bottom:33px; margin:auto; }
.encartG h4 {
    display: block;
    height: 26px;
    letter-spacing: -0.04em;
    padding: 5px 24px 0 11px;
    text-align: left;
	margin:0;
	color:#fff;
}

/* -------------------------- Paiement -------------------------- */
.cb, .paypal { height: 50px; }

/* -------------------------- Suivi commande -------------------------- */
#listeCommande { width: 95%; margin: auto; padding: 0; vertical-align: top; }
#listeCommande th, #listeCommande td.fake-th { padding: 0.3em 0.5em; border-bottom: 1px solid #fff;	font-weight: bold; text-align: left; vertical-align: top; }
#listeCommande td, #listeCommande th.fake-td { padding: 0.5em; border-top: 1px solid #f1f1f1; vertical-align: top; }
#listeCommande tr.odd th, #listeCommande tr.odd td{ }
#listeCommande tr.even th, #listeCommande tr.even td { background-color: #434343; }
#listeCommande th .title, #listeCommande td .title { margin: 0;	font-size: inherit;	white-space: normal; }
#listeCommande thead tr .header {	background-image: url(../images/icones/bg.gif); background-repeat: no-repeat; background-position: center right; }
#listeCommande thead tr .headerSortUp { background-image: url(../images/icones/asc.gif); }
#listeCommande thead tr .headerSortDown {	background-image: url(../images/desc.gif); }

.pager { margin: 10px auto; text-align: center; }
.pager img { cursor: pointer; vertical-align: text-top; margin: 0 2px; }
.pager label { text-align: center; width: 60px; height: 18px; line-height: 18px; display: inline-block; border: 1px dotted #ccc; cursor: auto; }
.pager select { border: 1px solid #ccc; }
.pager div { height: 18px; line-height: 18px; font-weight: bold; float: right; margin-right: 15px; color: #010101; }

.filter { float: right; } 
.filter input { border: 1px solid #ccc; width: 200px; height: 16px; font-size: 12px; background: url(../images/icones/find.png) 0  1px no-repeat #E4E4E4; padding: 0 0 2px 16px;  color: #010101; }
.filter img { cursor: pointer; }

/* -------------------------- Détail des commandes -------------------------- */
.page_commande { width:640px; margin:auto;  }
.blockCommande, .blockDetailCommande { width: 300px; padding: 0; margin: 15px 8px; display: block; float:left; }
.blockDetailCommande { width: 615px; }
.blockCommande fieldset, .blockDetailCommande fieldset {
            border:1px solid #010101; background-color: #434343; margin: 0; behavior: url('css/pie/PIE.php'); position: relative;
            -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.blockCommande legend, .blockDetailCommande legend { color: #000000; font-size: 1.1em; border:1px dotted #010101; padding:3px 5px; margin:0 5px; background:#aaa;  }
.blockCommande legend img, .blockDetailCommande legend img { margin-right: 5px;}
.blockCommande div { padding: 10px; line-height: 18px; min-height: 95px; _height: 95px; width: 230px; }
.blockCommande div table {  width: 230px; }
.blockDetailCommande div { padding: 10px; line-height: 18px; min-height: 95px; _height: 95px; }
.blockCommande div span { display: inline-block; width: 75px; }
.blockCommande div img { vertical-align: text-bottom; }

.blockCommande table, .blockDetailCommande table { width: 100%; margin: 0; padding: 0; vertical-align: top; border-collapse: collapse; border: 1px solid #aaa; background-color: #999; }
.blockCommande table th, .blockDetailCommande table th{ padding: 0.3em 0.5em; border: 1px dotted #aaa; background: #666; font-weight: bold; text-align: right; vertical-align: top; }
.blockCommande table td, .blockDetailCommande table td{ padding: 0.5em; border: 1px dotted #aaa; vertical-align: top; text-align: right; font-weight: normal; }
.blockDetailCommande table td table { border: 1px dotted #ccc; width: auto; }
.blockDetailCommande table td table td { text-align: left; border: 1px dotted #D1B17F; }
.blockDetailCommande table th.total { font-size: 15px; }
.blockDetailCommande table th.left, .blockDetailCommande table td.left { text-align: left; }
.blockDetailCommande table td img { float:left; margin-right: 0.5em; border: 1px solid #ccc; }
.blockDetailCommande table td span { float:left; }
.blockCommande table th, .blockCommande table td { text-align: left; }
.blockCommande table td { padding: 0.2em 0.5em; font-size: 11px; }
.blockCommande table th.col_entete { width: 120px; }
.blockCommande table td.fake-th { padding: 0.3em 0.5em; font-size: 12px; }

/* -------------------------- Panier -------------------------- */
.affichage_panier table { border:1px solid #000;margin: auto; }
.affichage_panier table th, .affichage_panier .td2 { border:1px solid #000; padding:3px; font-weight:bold; background:#666 ; }
.affichage_panier table td { border:1px dotted #222; padding:3px; }
.affichage_panier table tr  { background:#999; }
.affichage_panier .ui-spinner { margin:0; }

.liste_composition { list-style-type: none;  }

.classe_obligatoire h4:after { content:" *"; }

/* ------------------------------ Affichage des rubriques ------------------------------- */
.listeRubriqueSite li { border:1px solid #000; padding: 0; float: left; margin: 4px; width: 160px; min-height: 200px; _height: 200px; text-align: center; background:#434343;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; behavior: url('css/pie/PIE.php'); position: relative;
}
.listeRubriqueSite li div.niv0 { border-bottom:1px solid #000; padding: 5px; min-height:40px; _height:40px; background:#D8D6D6;  }
.listeRubriqueSite li div.niv0:hover { background:#E5E5E5; cursor:pointer;  }
.listeRubriqueSite li div a { font-weight:bold; text-decoration:none; }
.listeRubriqueSite .rubrique_image { margin:4px 0; }

/* ------------------------------ Affichage des produits de rubrique ------------------------------- */
/* Affichage 3 par ligne */
.cadre_liste_produit { border:1px solid #000; padding: 0; float: left; margin: 4px; width: 160px; min-height: 300px; _height: 300px; text-align: center; background:#434343;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; behavior: url('css/pie/PIE.php'); position: relative; }
.ligne_produit_entete  { border-bottom:1px solid #000; padding: 5px; min-height:40px; _height:40px; background:#D8D6D6;  }
.ligne_produit_entete:hover { background:#E5E5E5; cursor:pointer;  }
.ligne_produit_entete a { font-weight:bold; text-decoration:none; }

.vignette_mini {     background: none repeat scroll 0 0 #8A2D31; border: 1px solid #300F10; color: #FFFFFF; float: left; font-size: 9px; margin: 0 5px 0 0; padding: 0 4px 2px; }
.cadre_vignette { display: inline-block; margin: 0 auto; padding: 4px; min-height: 17px; _height: 17px; }
.produit_image { min-height: 125px; _height: 125px; }
.affichage_produit_prix_rubrique { background: none repeat scroll 0 0 #666666; border:1px solid #000; color: #FFFFFF; font-size: 12px; margin: 4px auto 10px auto; padding: 5px; width: 130px; text-align:center; height:30px; }
.description_courte { min-height:50px; _height:50px; height: 60px; overflow: hidden;  }

/* Affichage 1 par ligne */
.cadre_liste_produit2 { border:1px solid #000; padding: 0; margin: 10px auto; width: 500px; min-height: 200px; _height: 200px; text-align: center; background:#434343;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; behavior: url('css/pie/PIE.php'); position: relative; }
.ligne_produit_entete2  { border-bottom:1px solid #000; padding: 5px; background:#D8D6D6;  }
.ligne_produit_entete2:hover { background:#E5E5E5; cursor:pointer;  }
.ligne_produit_entete2 a { font-weight:bold; text-decoration:none; }
.produit_image2 { min-height: 125px; _height: 125px; float: left; width: 180px; }
.cadre_rubrique_droite { width: 320px; float: right; }
.description_courte2 { min-height:72px; _height:72px; height: 60px; overflow: hidden; margin:10px;  }
/* ------------------------------ Affichage du détail du produits ------------------------------- */
#cadre_produit_detail { width:500px; border:1px solid #000; margin:0 auto 5px auto; behavior: url('css/pie/PIE.php'); position: relative;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; }
#cadre_produit_detail_nom { background:#D1D1D1; padding:4px; border-bottom:1px solid #000; text-align:center; font-weight:bold; }
#cadre_produit_detail_nom a { text-decoration:none; }
#cadre_produit_detail_nom h1 { font-size: 1.2em; padding:5px; } 
#cadre_produit_detail_contenu { background:#e0e0e0; }
#cadre_produit_detail_gauche { padding:5px; float:left; width:164px; }
#cadre_produit_detail_droite { background:#eee; border-left:4px solid #666; min-height:300px; _height:300px;  padding:5px; float:left; width:310px; }

#cadre_produit_detail .image {  }
#cadre_produit_detail .image img { border:3px solid #fff; padding:2px; margin:0 0 5px 0 }
#cadre_produit_detail a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
#cadre_produit_detail a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }
.numimage { min-height:20px; _height:20px; margin:0 auto 5px auto; color:#811F7C  }
#cadre_produit_detail .image img.produit_miniature { display:block; float:left; border:1px solid #fff; margin:0 0 2px 3px; cursor:pointer; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; padding:0; }
#cadre_produit_detail .image img.produit_miniature:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.affichage_produit_prix { background: none repeat scroll 0 0 #666666; border:1px solid #000; color: #FFFFFF; font-size: 12px; margin: 4px auto; padding: 5px; width: 130px; text-align:center; }
.tableDeclinaison { border: 1px solid #000; }
.tableDeclinaison th { padding:4px; border: 1px solid #000; font-weight:bold; background:#D1D1D1; /*E0E0E0*/ }
.tableDeclinaison td { padding:4px; border: 1px solid #000; vertical-align: top; }
.tableDeclinaison .even{ background:#E0E0E0; }

/* ------------------------------ Page Livraison ------------------------------- */
.info_livraison { width:250px; margin:0 auto 10px auto; border:1px solid #000; padding:10px 5px; background:#333;
    -webkit-box-shadow: #666 0px 1px 3px; -moz-box-shadow: #666 0px 1px 3px; box-shadow: #666 0px 1px 3px; behavior: url('css/pie/PIE.php'); position: relative; }

/* ------------------------------ Pagination ------------------------------ */
.pagerRubrique { padding: 10px 0; text-align: center; clear:both; }
.pagerRubrique label { text-align: center; width: 60px; height: 18px; line-height: 18px; display: inline-block; border: 1px dotted #ccc; cursor: auto; }
.pagerRubrique select { border: 1px solid #ccc; }
.pagerRubrique div { height: 18px; line-height: 18px; font-weight: bold; float: right; margin-right: 15px; color: #010101; }

/* ------------------------------ Moteur de recherche ----------------------- */
#slider-txt { font-weight: bold; display: inline-block; margin-left: 5px; }
#slider-range { display: block; width: 171px; margin: 2px 0; }

/* ------------------------------ Les "nettoyeurs" ----------------------- */
.clearb, .clear { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }
br.clear { clear:both; line-height:0; font-size:0; height:0;}
.bouton_ajouter { margin:0 0 -3px 0; }