/* CSS Document */

body{font: 0.7em Verdana, Arial, Helvetica, sans-serif; color:#000; background:url(../images/bg_body.jpg) repeat-x #e2f2fb;margin-top: 0px;}
h1{color:#023c6d;font-size:2em;margin:0;height:235px;}/*exclusif logo ADP*/
h1#logoHeader{
    margin:0;
    padding:0;
}

h1#logoHeader div{
    height: 100px !important;
    margin:0;
    padding:0;
}

h1#logoHeader div a{
    margin:0;
    padding:0;
    border: 0;    
}

h1#logoHeader div a img{
    margin:0;
    padding:0;
    border: 0;    
}

h2{color:#023c6d;text-transform:uppercase;font-size:1.6em;margin:0;}
h2.titreLivre{color:#124073;font-size:16px;text-transform:uppercase;margin-bottom: 0;}

h3{color:#639333;font-size:1em;}
h3.titreLivre{color:#639333;font-size:1em;margin:0;padding:0;word-wrap:break-word;}
h4{font-weight:bold;font-size:1em;}
h5{}
hr{color:#c0c0c0;background-color:#c0c0c0;height: 1px;border: 0;}

#container{width:933px; margin:auto; background-color:#e2f2fb;margin-top: 0px;padding-top:0px;border-left:1px solid #fff;border-right:1px solid #fff;}
#footer{width:933px;margin:auto; background:url(../images/bg_footer.gif) repeat-x #e6e5dc;height:82px;padding-top:10px;}
#footer p{font-size:0.9em;color:#696b67;text-align:center;margin-top:15px;}
#footer img{margin-left:100px;margin-top:15px;}
#alignRight{text-align:right;padding-top:5px;}
.champs{margin-top:5px;}

#pleinePage{padding:10px;}
#boitePale{background-color:#e2f2fb;width:288px;float:left;padding:10px;}
#boiteFonce{background:#d2e6f1 url(../images/bg_cellBleuFonce.jpg) repeat-x;width:604px;float:left;padding:10px;border-left:1px solid #fff;min-height:350px;}
#boiteFonceACC{background: #d2e6f1 url(../images/bg_cellBleuFonce.jpg) repeat-x;width:604px;float:left;padding:10px;border-left:1px solid #fff;min-height:250px;}
#boitePaleLarge{background-color:#e2f2fb;width:604px;float:left;border-left:1px solid #fff;height:142px;padding:10px 0 0 10px;}
#boiteRecherche{background:#d2e6f1 url(../images/bg_recherche.gif) no-repeat;width:288px;float:left;padding:10px;height:142px;}
#menu {
    background: #b2cbdc;
    height:42px;
    padding: 0px;
    margin: 0px;
}
.colDemi{width:50%;float:left;}
.colDemi #loginButtons{
    margin: 10px 0 0 100px;
}
.colDemi #loginButtons #forgotPass{
    display: block;
    margin-top: 8px;
}

.label {font-weight:bold;width:100px;display:block;float:left;padding-top:5px;}
.label2 {font-weight:bold;width:125px;display:block;float:left;padding-top:3px;}
.sousTit{font-weight:bold;color:#124073;}
.vignette{width:100px;padding-left:20px;/*margin-right:10px;padding-left:20px;height:170px;*/margin-bottom:15px;float:left;height:180px;}
.vignette img{width:85px;border:1px solid #dedede;}


Fieldset{border:1px solid #124073;width:500px;margin:auto;padding:10px;}

input, select {font: 1em Verdana, Arial, Helvetica, sans-serif; }

a:link,a:visited {color:#396d98;}
a:hover, a:active {color:#588b27;}

a.bold:link,a.bold:visited {font-weight:bold;}

a.auteur:link,a.auteur:visited {color:#598c26;text-transform:uppercase;font-size:1.1em;}
#footer a:link,#footer a:visited {text-decoration:none;color:#696b67;}
#footer a:hover, #footer a:active{color:#696b67;}

/*li{list-style-image:url(../images/img_puce.gif);line-height:17px;}*/


.txtremarques{
    font-size: 0.9em;
    color: #484848;
    font-style: italic;
    margin: 8px 0 0 0;
    padding: 0;
    line-height: 1.1em;
}
.txtremarquesrouge{font-size:0.9em;color:#cc0707;font-style:italic;}
.txtErreur {font-size:0.9em;color:#cc0707;font-weight:bold;}

/*TABLEAUX DES DATAGRID
----------------------------------------------
.tableau{border:1px solid #808080;width:100%;background-color:#fff;}
.tableau td {padding:5px;}
.headTab{background-color:#808080;color:#fff;font-weight:bold;text-align:left;}
.alternateCell{background-color:#e7e6e6;}
.principalCell{background-color:#fff;}
.alignRight{text-align:right;}*/

/*PAGING
----------------------------------------------*/
/*#page{margin-left:100px;float:left;width:300px;}
#goToPage{float:right;padding-bottom:10px;}
#tri{float:left;width:300px;}

#page2{padding-left:250px;float:left;width:125px;}
#goToPage2{float:right;padding-bottom:10px;}*/

/*Paging*/

.paging{width:900px;border-top:1px solid #b5cde2;border-bottom:1px solid #b5cde2;padding:5px;}
* html #paging{width:700px;}
.page{margin-left:150px;float:left;/*width:100px;*/}
.pageNouveaute{padding-left:450px;float:left;}
.goToPage{float:left;margin-left:150px;}
.tri{float:left;width:300px;}

.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;}

/*FICHE PRODUIT 
----------------------------------------------*/
#produit{width:230px;float:left;margin-top:10px;}
#produitTxt{
    position: relative;
    width:640px;
    min-height:335px;
    float:left;
    margin-left:15px;
    padding:10px;
    background:#d2e6f1 url("../images/bg_fiche.jpg") repeat-x;
    margin-top:10px;
}
#produit img{border:1px solid #E4E4E4;width:230px}
#outilsFiche{float:right;margin:0 3px 0 0}
#TitreFiche{float:left;width:500px;}
#produitTxt #outilsFiche{
    margin:0;
    padding:0;
    position: absolute;
    right: 0;
    top: 0px;
}
#suggestion{margin-left:250px;}





#logoPrint{
    display: none;
}


a.btflipBook{background: url('../images/bt_feuilleter.gif') no-repeat left top; height:25px; width:232px; display:block;text-align: left; text-indent: -9999px;}
a.btflipBook:hover{background-position: -232px 0;}

#suggestion img{
    padding: 0px;
    margin: 1.5em 0 0 0;
}

#vignettesPlaceHolder{
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin: 10px 0;
}

#suggestion{
  /*background: url(../images/bg_suggestion.jpg) no-repeat;*/
  width:650px;
  height:350px;
  padding: 0;
  border-bottom:1px solid #c0c0c0;
}

#suggestion ul{
  margin: 0 auto;
  padding: 0;
}

#suggestion ul li{
    list-style: none;
    float:left;
    width:100px;
    padding:10px 15px  0 15px;
    height:160px;
    text-align: left;
}

/*éditeur
----------------------------------------------*/
#editeurs{width:150px;float:left;height:125px;background-color:#fff;}
#boxLogo{height:77px;padding-top:7px;}
#txtEditeurs{background-color:#B2CCDD;height:40px;}

/*Abonnement
----------------------------------------------*/
.chkbox{display:block;width:600px;}

/*Office
----------------------------------------------*/
.libelle{font-weight:bold;}
ul#Office {margin:0; padding:0;}
ul#Office li {list-style: none; list-style-image:none;width:300px;float:left;display:block;padding:0;margin:0;  }
ul#Office li div.spect{float:left;width:190px;padding-left:5px;margin:0;}

.bgBleu{background-color:#edf6f7;padding: 10px; min-height:170px; height: auto !important; height: 150px;}
.bgBlanc{padding: 10px; min-height:170px; height: auto !important; height: 150px;}

dl{margin:0;}
dl.ItemSpect dt {clear:left; float:left; font-weight:bold;}
dl.ItemSpect dd{display: block;}

/*Paging*/
.pagingPetit{width:580px;border-top:1px solid #e2f2eb;border-bottom:1px solid #e2f2eb;padding:5px;}
.pagePetit{padding-left:240px;float:left;}
.goToPagePetit{float:left;margin-left:50px;}

/*Promo
----------------------------------------------*/
.promo{float:left;width:150px;padding:10px;}

.border{border-style:solid; border-width:1px; border-color:Gray;}

/*Recherche Résultat
----------------------------------------------*/
#boiteResultat{width:280px;height:190px;padding:10px;border:1px solid #87bfdf;}
.ListItem{background-color:#fff;border:1px solid #fff;}
#imageResultat{float:left;width:90px;height:190px;}

/*Envoyer Ami*/
#exemple {float:left;width:300px;padding-left:10px;background-color:#8cacc3;}
#exemple img{padding-right:5px;}
#envoyerAmi {float:left;width:400px;}

/*Impresssion tous résultat*/
#boiteResultatPrint{padding:5px;border-bottom: 1px dotted black;}
#spec{float:left;}
#resume{font-size:13px;}

#lblCoordonnees{
    display: inline-block;
    font-size: 7pt;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 230px;
}

#lblTitre{
    border-bottom: 1px solid black;
    display: block;
    font-family: Verdana, Arial, Sans-Serif;
    width: 100%;
}

/* PROGRESS
----------------------------------------------*/

#progress{   
   background: white;
   filter:alpha(opacity=70);
   opacity:0.7;
   -moz-opacity:0.7;           /* Mozilla 1.6 and below   */
}

#progress{text-align:center;color:#000;width:930px;height:1300px;
   position:absolute;
     /*top: 277px;
    left: 367px;*/
}


#progress img{margin-top:50px;}

#bgProgressBoiteFonce{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;
}

#progress2{background-color:#fff;text-align:center;color:#000;width:600px;height:1500px;position:absolute;}
#progress2 img{margin-top:50px;}


#UpdateProgressHideSelect{
    z-index: 15000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: inline !important;
}
 
* html #UpdateProgressHideSelect{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + ‘px’);
}


/* Info Librairie (Archives)
----------------------------------------------*/
ul.listArchive
{
    float:left;
    display:inline;    
    list-style-position: outside; 
    margin-left: 0px; 
    padding: 0 40px 0 15px; 
    vertical-align: middle; 
}

ul.listArchive li  
{
    margin: 0px;
    padding: 0px;
} 

.clearAll{
    clear: both;
}


/* PURE-CSS DROP-DOWN MENU
-------------------------------------*/