﻿body {background:#343434 url('../images/bg_body.gif') repeat-x;margin:0;}


#logoImpression{display:none;}
.label {font-weight:bold;width:100px;display:block;float:left;padding-top:5px;}

/* --------------------------
Master Page
----------------------------*/
.pageVert{width:953px;background:url('../images/bg_containerVert.gif') repeat-y #fff;}
.pageOrange{width:953px;background:url('../images/bg_containerOrange.gif') repeat-y;}
.pageBleu{width:953px;background:url('../images/bg_containerBleu.gif') repeat-y;}

#entete{width:953px;}

/*Menu*/
ul#menu{width:237px; padding:0; margin:20px 0 0 0;float:left; }
ul#menu li{ list-style:square url('../images/ico_puceMenu.gif')  ;  background-color:#000; width:200px;  padding:10px; margin:10px 0 0 0; }

#Contenu{width:694px;padding:10px;margin: 2px 0 0 0;min-height:600px;background:url('../images/bg_content2.gif') no-repeat; float:left; }

#footer{width:715px;padding:0 0 20px 0;margin:0 0 0 235px;text-align:center;}


/* --------------------------
Accueil
----------------------------*/

.vignette{width:100px;padding-left:20px;margin-bottom:15px;float:left;height:180px;}
.vignette img{width:85px;border:1px solid #dedede;}

#col1{width:460px;float:left;margin-top:10px;}
#col2{width:213px;float:left;margin-top:20px;margin-left:5px;}

/*Nouveauté*/
#nouveautesAccContent{background:url('../images/box_nouveautes_acc_repeat.gif') repeat-y;float:left;width:440px;padding-left:20px;}
#nouveautesAccFooter{background:url('../images/box_nouveautes_acc_footer.gif') no-repeat;height:61px;text-align:right;padding:23px 20px 0 0;}

/*Videos*/
.teaserVideo{width:210px;float:left; padding:5px;min-height:250px;}
#videos{margin-left:10px;}

/*Vedette*/
#voirAussiContent{background:url('../images/box_voirAussi_repeat.gif') repeat-y;padding:0 15px 0 14px;}
#voirAussiFooter{background:url('../images/box_voirAussi_bottom.gif') no-repeat;height:53px;text-align:center;margin-left:-14px;}
a.savoirPlusVedette{background: url('../images/bt_savoirPlus.gif') no-repeat left top; height:24px; width:116px; margin:0 0 0 50px; display:block;text-align: left; text-indent: -9999px;}
a.savoirPlusVedette:hover{background-position: -116px 0;}

/*Recherche rapide*/
#rechercheRapide2{background-color:#4c4c4c;color:#fff;padding:10px;margin-top:22px;}


/* -------------------------------------------
	RECHERCHE
----------------------------------------------*/
#recherche{background:url('../images/box_recherche.gif') no-repeat;margin: 20px 0 0 150px;}
#saisieRecherche{margin-left:90px;width:257px;margin-bottom:40px;margin-top:25px;}
#msgErreurs{margin-left:280px;margin-top:30px;width:400px;font-weight:bold;text-transform:uppercase;text-align:center;}
#rechercheContent{margin:0 0 75px 50px;}
ul.listArchive{width:150px;float:left;}


/* -------------------------------------------
	NOUVEAUTÉ
----------------------------------------------*/
a.lnkRss{color:#457ca6;float:right;text-decoration:none;}
a.lnkRss:hover{font-weight:bold;}
#rssBox{background-color:#edead8;padding:10px;}
#rssBox img {float:left; padding-right:10px;}

/*-----------------------------------------------------------
Produit Numerique
-----------------------------------------------------------*/
#resultatRecherche{margin:0;padding:0;}
#resultatRecherche li{width:125px;float:left;list-style: none; list-style-image:none;height:200px;}
#resultatRecherche li img{clear:both;}


/* -------------------------------------------
	RECHERCHE Résultat
----------------------------------------------*/
/*Paging*/
.paging{width:690px;}
* html #paging{width:700px;}
.page{float:left;}
.pageNouveaute{padding-left:280px;float:left;}
.goToPage{float:left;margin-left:120px;}
.tri{float:left;width:325px;}

.btOk{background: url('../images/bt_ok.gif') no-repeat left top; height:17px; width:36px; border:none; text-indent:-9999px;}
.btOk:hover{background-position: -36px 0;}

.btNext{background: url('../images/bt_next.gif') no-repeat left top; height:15px; width:20px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -20px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -40px 0; height:15px; width:20px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:15px; width:20px; border:none;}
.btPrev:hover{background-position: -20px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -40px; height:15px; width:20px; border:none;}

#printRecherche{float:right;}

.motcle{font-weight:bold;}

/* Progress */
#bgProgress{background-color:#fff;
   filter:alpha(opacity=70);   /* Internet Explorer       */
   -moz-opacity:0.7;           /* Mozilla 1.6 and below   */
   opacity: 0.7;               /* newer Mozilla and CSS-3 */
   width:600px;}

#progress{background-color:#fff;text-align:center;color:#000;position:absolute;left:240px;top:250px;width:715px;height:800px;}

#progress img{margin-top:90px;}

/*-----------------------------------------------------------
Envoyer Ami
-----------------------------------------------------------*/
#exemple {float:left;width:300px;padding:0 10px 10px 10px;background-color:#e7ebb0;}
#exemple img{padding-right:5px;}
#envoyerAmi {float:left;width:370px;}

a:hover.envoyerAmi, a.envoyerAmi{background: url('../images/ico_envoyer.gif') no-repeat 0 2px;padding-left:20px;float:left;}


/* -------------------------------------------
	FICHE PRODUIT
----------------------------------------------*/
#produit{width:230px;float:left;margin-top:10px;}
#produitTxt{width:430px;float:left;margin-left:15px;}
.produitImg{border:1px solid #E4E4E4;width:230px}
#print {padding:10px;border:1px solid #a5b7d1;background-color:#f0f3f7;}

/*Suggestion*/
ul#suggestion { margin: 0 auto; padding: 0;width:400px; height:200px; text-align:center;}
ul#suggestion  li{list-style:none; float:left; width:100px; padding:10px 15px  0 15px; height:160px; text-align: left;}

/*Item*/
dl#ItemSpect {width:250px; }
dl#ItemSpect dt {clear:left; float:left; font-weight:bold;}
dl#ItemSpect dd{display: block;}

#BoxTitrePage{float:left;width:390px;}

/*Ajouter Panier*/
#btAjouterPanier{float:right;text-align:center;}
.boxBtnFormat{border:1px solid #a5b7b1;background-color:#f0f3f7;padding:3px 4px 3px 4px;margin:5px;text-align:left;}
a.btnAjouterPanier:link, a.btnAjouterPanier:visited{font-weight:bold;text-decoration:none;}
a.btnAjouterPanier:hover, a.btnAjouterPanier:active {color:#fff;background-color:#a4ab4d;} 
.boxPrixFormat{font-weight:bold;width:50px;float:left;text-align:right;}
.boxFormat{width:60px;float:left;text-align:center;}

a.imprimerFiche:link, a.imprimerFiche:visited  {background: url('../images/bt_print.gif') no-repeat left top; height:34px; width:78px; display:inline-block;  text-indent: -9999px;}
a.imprimerFiche:hover, a.imprimerFiche:active {background-position: -78px 0;} 

/*PopUpAvertissementNumerique*/
.popAvertNumerique { background-color:#f1f7fb;border:1px solid #bbbbbb;width:360px;}
.popAvertNumerique #popupWrapper{margin: 10px;color:#000;}
.bgPopup {background-color:#000;filter:alpha(opacity=70);opacity:0.7;}


/* -------------------------------------------
	NOUVEAUTÉ
----------------------------------------------*/
#nouveautesContent{background:url('../images/box_nouveautes_repeat.gif') repeat-y;width:670px;padding-left:20px;}
#nouveautesFooter{background:url('../images/box_nouveautes_footer.gif') no-repeat;height:61px;text-align:right;padding:0 20px 0 0;}


/* -------------------------------------------
	CONTACT
----------------------------------------------*/
#formEnvoyer{float:left;width:350px;}
#contactEditionsQuebecor{background:url('../images/bg_contact.gif') no-repeat;width:650px;height:200px;margin-left:15px;padding:10px 0 25px 20px;}

/* Formaulaire */
input[type=text],select {background-color:#fff;font-size:1em;margin-top:5px;width:190px;border:1px #000 solid;}
input.text,select {background-color:#fff;font-size:1em;margin-top:5px;width:190px;border:1px #000 solid;} /*IE 6*/
.libelleForm{font-weight:bold;display:block; width:100px;float:left;}
.btSubmit{margin:15px 0 0 100px;width:100px;}

input[type=text] .blanc,select .blanc {background-color:#eaeaea;font-size:1em;margin-top:5px;width:190px;border:1px #000 solid;}

/*-----------------------------------------------------------
MISC
-----------------------------------------------------------*/

.btAlignRight{text-align:right;margin-top:10px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}
