/* CSS Document 
 *	le catalogue 
 *	comprend :
 *		-	catalogue.php
 *		-	article.php
 *		-	detailsarticle.php
 */

/* GLOBAL */
#conteneur_catalogue img, #catalogue img, .popup_art img, #conteneur_catalogue a.img, #catalogue a.img, .popup_art a.img { border:0; }
.barre { text-decoration:line-through; font-size:smaller; }
#article div.infoart, td.maitre, td.option, td.cellule { background-color:#F7F4F4; }
hr { clear: both; 	visibility: hidden;}
/* Recherche */

#recherche, #recherche_grand { width:417px; position:relative; float:left; margin-right:3px;}
#recherche { background:url(../images/images_cata/rechercher_fond.jpg) no-repeat center; height:44px; }
#recherche_grand { background:url(../images/images_cata/rechercher_fond_grand.jpg) no-repeat center; height:63px; }
#recherche .typecata, #recherche_grand .typecata  { position: absolute; top: 0px; left: 10px;}

#recherche .champ_rech { position:absolute; top: 20px; left: 25px; }
#recherche .champ_rech input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#recherche .champ_rech .rech { float:left; width: 200px; border: #999596 solid 1px; margin-top:1px; }
#recherche .champ_rech .bout { float:left; margin-left: 20px; border: none; }

#recherche_grand .champ_rech { position:absolute; top: 38px; left: 25px; }
#recherche_grand .champ_rech input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#recherche_grand .champ_rech .rech { float:left; width: 200px; border: #999596 solid 1px; margin-top:1px; }
#recherche_grand .champ_rech .bout { float:left; margin-left: 20px; border: none; }

#selection_titre { float:left; margin:5px 10px 3px 0; font-size:15px; }
#selection_titre span { font-weight:bold; }





/* colonne droite catalogue */
#col_droite { float: right; width:210px; display:block; }

/* Info panier */
#info_panier 		{ width:188px; height:41px; background:url(../images/images_cata/theme_monpanier.gif) no-repeat center; position:relative; margin: 0 auto 3px auto; display:block; }
#info_panier:hover 	{ cursor:pointer; }
#info_panier .texte { position:absolute; top: 25px; left: 50px; text-align:center; font-weight:bold; color:#333; }
/* FIN GLOBAL */

/* CATALOGUE : GENERAL */
#catalogue { background:#FFF; border-collapse:collapse; font:10px Verdana, Arial, Helvetica, sans-serif; margin:0 auto; padding:0; width:630px; }
.navigation { width:100%; display:block; }
.navigation SELECT, .navigation OPTION, #article DIV.infoart DIV.encart SELECT, #article DIV.infoart DIV.encart OPTION { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.navigation SELECT { float:left; margin-top: 5px; margin-right:5px; border: 1px solid #A5ACB2; }
/* FIN CATALOGUE : GENERAL */

/* DEBUT DU CATALOGUE PAR THEMES */
a.boutique { float: left; }
a.boutique:hover { background:none; }
.box { min-height:80px; text-align:left; width:200px; float:left; margin: 10px 10px 0 0; display:block; }
.liste_soustheme { margin:3px; padding:0; }
.liste_soustheme li { padding-left: 12px; list-style:none; background: URL(../images/images_cata/puce.gif) 0 4px no-repeat; }
/* FIN DU CATALOGUE PAR THEMES */

/* DEBUT DE ARTICLE */
.article_box, .article_box_assoc { background:#F7F4F4; float:left; margin: 10px 10px 0 0; padding:0; display:block; width:200px; height:100px; text-align:left; border-bottom: 1px solid #c8c6c6; position:relative; }
.article_box_assoc { height:124px; border:none; }
.article_box h1, .article_box_assoc h1 { padding:0; margin:0; display:block; width:100%; height:15px; display:block; font-size:10px; font-weight:bold; text-align:center; }
.article_box img.art, .article_box_assoc img.art { float:left; width:85px; height:85px; margin-right:7px; }
.article_box .en_savoir_plus { position:absolute; bottom:0; right:0; width:107px; height:21px; }
.article_box_assoc .en_savoir_plus { position:absolute; bottom:18px; right:0; width:107px; height:21px; }
.article_box ul, .article_box_assoc ul { margin:3px; padding:0; }
.article_box li, .article_box_assoc li { padding-left: 12px; list-style:none; background: URL(../images/images_cata/puce_fonce.gif) 0 4px no-repeat; }
.article_box li.eco, .article_box_assoc li.eco { font-size:smaller; }
.article_box_assoc .associer { position:absolute; left:0; bottom:0; width:100%; height:17px; text-align:center; font-weight:bold; background-color:#DDD; color:#666; border-top: 1px solid #c8c6c6; }

.browser { margin: 15px auto 0 auto; }
.browser div.normal, .browser div.selected { float:left; font-weight:bold; text-align:center; width:22px; height:20px; vertical-align:middle; margin-left: 7px; line-height:20px; display:block; }
.browser div.bouton { border: none; background-color: #FFFFFF; width: 137px; float:left; height:22px; margin-left: 7px; display:block;}
.sousflash { margin-top:0 !important; margin-top:7px; }
/* FIN DE ARTICLE */

/* DEBUT DE DETAILS ARTICLE */
#article { margin-top: 10px; }
#article div.entete { margin:0; padding:2px 7px 2px 7px; display:block; height:15px; font-size:10px; font-weight:bold; text-align:left; } 
#article div.entete h1 { padding:0; margin:0; font-size:12px; font-weight:bold; text-align:left; float:left; }
#article div.entete a { float:right; text-decoration:none; }
#article div.entete a:hover { float:right; text-decoration:underline; }

#article div.image { float:right; width:250px; margin-left:7px; position:relative; }
#article div.image img.art { width:250px; height:250px; float:right; }
#article div.imessage { position:absolute; top: 20px; right:0px; width:250px; height:25px; text-align:center; font-weight:bold; font-size:16px;}

#article div.image a { float:right; }
#article div.image a.roll img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; -khtml-opacity: 0.5;  margin: 2px 2px 2px 2px; height: 56px; width:56px; }
#article div.image a:hover.roll img	{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; -khtml-opacity: 1.0; }

#article div.infoart { padding:7px; width:353px;text-align:left; }
#article div.infoart .infosup { height: 50px; line-height: 15px; text-align:left; }
#article div.infoart .infosup h2 { text-align:left; font-weight:normal; margin:0; padding:0 0 0 15px;  font-size: 10px; color:#666666; background:URL(../images/images_cata/puce_fonce.gif) no-repeat center left; }
#article div.infoart .infosup h2 span, .mon_panier h2 span { font-weight:bold; }
#article div.infoart div.encart { background-color:#FFFFFF; padding-bottom:5px; }
#article div.infoart div.encart h3 { color: #666666; font-size:12px; height:16px; line-height:16px; background:url(../images/images_cata/detailart_degrade.gif); text-transform:capitalize; text-align:center; }
#article div.infoart div.encart .ligne_elt { background:url(../images_cata/pointille.gif) center repeat-x; height:20px; }
#article div.infoart div.encart .garantie_elt { float:left; font-weight:bold; padding-right:5px; padding-left:5px; text-align:right; }
#article div.infoart div.encart .garantie_value { font:10px Verdana, Arial, Helvetica, sans-serif; float:right; padding-right:5px; text-align:right; }
.sous_entete { padding: 3px 9px 3px 0; text-align:right; font-weight:bold;}

.infoprix { float:right; width:150px; height:50px; background-color:#FFFFFF; padding: 1px; text-align:center; }
.infoprix h2 {  margin:0; padding:0; font-weight:normal; font-size:16px; }
.infoprix h2 span, .pan_infoprix .eco span { font-weight:bold; }
.infoprix .eco { color: #666; font-style:italic; font-size:11px; }

#article .desc_article { text-align:justify; font-size:11px; color:#666666; padding:4px 5px 15px 3px; }

#article div.infoart div.encart option { font-size: 10px; }
#article div.infoart div.encart select { margin-bottom:5px; font-size: 10px; }


/* DEBUT DE PANIER - CONFCOMMANDE */
.mon_panier { width:100%; border-collapse:collapse; }
.mon_panier h1 { padding:0; margin:0; color:#666; font-weight:bold; font-size:12px; text-align:left; }
.mon_panier img.panart { border: 1px solid #666; width:85px; height:85px; float:left; }
.mon_panier th { height:15px; }
.mon_panier h2 { font-weight:normal; margin:0; padding:0 0 0 15px; font-size: 10px; color:#666666; padding-left:10px; background:URL(../images/images_cata/puce_fonce.gif) no-repeat center left; }
.maitre { color:#666; }
td.bd { border-right: 1px #666 solid; }
th.bd { border-right: 1px solid #FFF; }
.mon_panier .option { padding-bottom: 7px; }
.mon_panier .option .info_option { background-color: #FFF; float:left; line-height:22px; text-align:right; width:88%; }
.plus { margin: 1px 5px 1px 15px; float:left; width:19px; height:19px; }
.mon_panier .option .info_option div { background-color: #666; color: #FFF; height: 22px; width: 66px; text-align:center; line-height:22px; font-size: 11px; font-weight:bold; float:left; margin-right:4px; }
.mon_panier .option .info_option h1, .mon_panier .option .info_option h2 { padding:0; margin:0; background:none; display:inline; font-size:10px; float:right; font-weight:normal; }

.pan_infoprix { float:right; display:block; padding:5px; background-color:#FFF; width:75%; height:30px; }
.pan_infoprix h2 { background-image:none; padding:0; margin:0; text-align:center;}
.pan_infoprix .eco { font-style:italic; color: #666; font-style:italic; font-size:11px; }

.cellule { padding: 7px 7px 0 7px; color:#666; border-bottom: 3px solid #FFF;  }
.adr { text-align:left; height: 75px; padding:1px 1px 1px 15px; background: URL(../images/images_cata/puce_fonce.gif) 0 4px no-repeat;}
td.cgv a { font-weight:bold; color: #FFF; }
.cellule .inner_cellule { background: #FFF; width: 100%; margin-bottom:7px; }

.cellule input, .cellule textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.cellule textarea { width:95%; height:95%; }
#bouton_final { display:none; text-align:center; }

.article_box_assoc select, .article_box_assoc option {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}

/* PAR PALIER */
.palier_box { width:100%; }
.palier_box table { border-collapse:collapse; margin:15% auto 0 auto; width:100%; }
.palier_box table td { height:40px; text-align:center; vertical-align:middle; width:50%; }
.palier_box a { color:#0B5A90; text-decoration:underline; }
/* FIN PAR PALIER */

/* Zones spéciales */
div.egardy { color: #FFF; font-weight:800; padding:125px 0 0 5px; text-align:left }
div.egardy a { color: #FFF }
div.egardy input.saisie { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin: 3px }
#egardy_cata_roll { position: absolute; top: 68px; left: 126px; }
#egardy_cata_lien { position: absolute; bottom: 2px; right: 10px; }