/* DEB STYLE GENERAL */
html { background:url(site/fond-html.png);width:100%;height:100%}
body { margin:0;padding:0;width:100%;height:100%; font-family:"Times New Roman", Verdana, Geneva, Arial, Helvetica, sans-serif}
a:link { text-decoration:none}
a:vlink { text-decoration:none}
a:hover { color:#F18D1F;text-decoration: none;}
a:visited { text-decoration: none}
a:active { text-decoration: none}
img { border:none}
.clear { clear:both}
/* Menu haut */
#menu-haut { background:#047B48 url(site/header.jpg) ;width:800px;height:144px;}
#menu-haut ul { padding:0;margin:0;height:30px}
#menu-haut li { display:block;float:left;list-style:none;padding:0;margin:0;}
#menu-haut a { color:#fff;text-decoration:none;text-align:center}
#barre-haut { width:353px;padding-left:15px!important;height:30px}
#barre-haut li { width:auto; margin:0 5px 0 5px;height:30px}
#barre-haut a { color:#fff;text-align:center;display:block;width:auto;font: bold italic 12px/26px Arial;padding-right:5px}
#barre-haut a:hover { color:#FDCA11}
#barre-haut img { margin-right:2px;}
#menu-haut-valign { width:100%;height:144px;}
#menu-rubrique { background:#007B42;color:#fff;width:800px;font:bold 14px/30px Arial;height:30px;margin:0!important;line-height:30px}
#menu-rubrique li { height:30px;width:auto;padding-left: 55px}
#menu-rubrique a { display:block;width:auto;height:30px;text-align:center}
#menu-rubrique a:hover { color:#FDCA11}
.menuACTIF { color:#F18D1F!important}
#cadre { margin: 0 auto 0 auto;width:800px;height:auto;padding: 0px 22px 0px 22px;background:url(site/fond-cadre.png);border-bottom:1px solid #E76214}
#page { background:url(site/fond-v2.jpg);margin:0 1px 0 1px}
div #page { clear:both;height:500px;padding:5px} /* IE uniquement */
#cadre>#page { height:auto;min-height:500px;} /* tout le monde sauf IE */
#pied-page { position:relative;top:-8px;margin:0;padding:0;font:10px/40px Arial;position:relative;bottom:0;width:800px;height:auto;background:url(site/pied-page.png) repeat-x;}
#pied-page p { text-align:justify;font:8px/10px Arial;color:#fff;background:#047B48;margin:0;padding:5px}
#pied-page a { color:#fff}
#pied-page div { text-align:center;background:#047B48;color:#fff;font:9px/29px verdana;}
/* FIN STYLE GENERAL */
/* Mise en forme special */
.style1 { color:#007B42;font:italic bold 15px "Times New Roman"; width:90%;height:100%;margin:0 auto 0 auto;padding:0 5% 0 5%;text-align:justify}
.style2 { color:#007B42;font:italic bold 15px "Times New Roman"; width:auto;height:100%;margin:0 auto 0 auto;padding:0 1% 0 1%;text-align:justify}
.style1 ul.intro { padding:5px;margin:10px;width:100%;text-indent:1px;list-style:none}
.clean { clear:both;}
/* Menu de navigation déu catalogue */
#menu-collection { position:relative;background:#fff;border:1px solid #00985F;margin:0 0 5px 0;padding:1px;height:20px;list-style:none}
#menu-collection li { float:left;height:auto;}
#menu-collection li img { float:left;border: medium none;margin-right:2px}
#menu-collection li a { display:block;width:auto;font: 10px/16px Verdana;padding:1px 5px 1px 5px;border-right:1px inset gray}
/* Style du catalogue */
#page-collection { padding:0;margin:0;}
.collection-selectionner { text-align:center}
.collection-selectionner h1 { font:bold italic 18px/15px "Times New Roman";}
.livre-apercu { float:left;margin: 0px 10px 40px 0px;}
.livre-prix { text-align:center}
.livre-prix,
.fiche-pdf,
.fiche-details { font:13px/13px Verdana;display:block;width:46px;height:41px;padding-top:5px;background: url(site/fond_prix.gif);color:#00985F;font-size:11px;}
.fiche-pdf { background: url(site/fond_pdf.gif);}
.fiche-details { background: url(site/fond_details.gif);}
.ajout-panier { margin-right:2px;}
.ajout-panier img { border:medium none;}
/* Affichage des collections */
.cadre-collection { background:#fff;border:1px solid #00985F;padding: 10px;margin:10px;float:left;text-align:center}
.cadre-collection img { margin-right:15px;float:left}
.cadre-collection h1 { font:bold italic 18px "Times New Roman"}
.cadre-collection p { text-align:left;display:block}
/* Affichage des livre par catégorie */
.col-livre { position:relative;float:left;width:340px; padding:5px;height:115px;margin:2px}
.col-livre .gauche { width:80px;float:left;}
.col-livre .milieu { width:auto;padding:0px}
.col-livre span { font:bold italic 13px/22px "Times New Roman";margin:0;border-bottom:1px solid #fff;margin-bottom:10px}
.col-livre ul { list-style:none;margin: 0px 0px 0px 5px;font-size:70%;padding:0;font:9pt "Times New Roman"}
.col-livre .col-outil { position:absolute;bottom:5px;right:5px;width:46px;height: 115px}
.col-livre form { padding:0;margin:0}
.col-livre a .apercu { display:block}
.col-livre .apercu img { border:1px solid #fff}
/* Affichage livre */
.info-perso { font:100% Verdana;}
.info-perso img { }
#info-perso-table { border-collapse:colspace;border-width:0px;width:100%}
#info-perso-table tr { padding:0;margin:0}
#info-perso-table td { padding:3px;margin:0}
#info-perso-table td td { vertical-align:top;background:#F3BF2B;width:25%;text-align:center}
#info-perso-table .l1 { background:#F3BF2B;color:#BC1120}
#info-perso-table .l2 { background:#EEDF4E;color:#BC1120}
.cadre-livre { padding:0px;margin:10px;font:13px/26px Verdana;width: 90%}
.cadre-livre .description { clear:both;text-align:justify;margin-top:10px;display:block}
.cadre-livre h2 { font:bold italic 150% "Times New Roman";text-align:center;border-bottom: 1px solid }
.tbl_bord { height: 100px;border:1px solid;background:#F4F7E6;text-align:center}
.tbl_bord td .titre { font-weight:bold;width:25%;height:20px;text-align:center}
.tbl_bord td { width:25%;height:50px;text-align:center}
/* Point de vente */
.pntvnt-info { padding: 1%;border:1px solid #F18D1F;background:#fff }
.pntvnt-info li { padding: 1% 2% 1% 2%;list-style:none}
.vignette-gauche { float:left;width:40%;}
.vignette-droite { float:right;width:40%;}
.vignette { text-align:center;font:12px Verdana;width:100%;margin-bottom:5px}
.vignette h1 { color:#F18D1F;font-size:16px;border-bottom:1px solid #F18D1F}
.vignette h2 { font-size:13px;margin-bottom:2px}
/* Rencontre */
#table-rencontre { width: 100%}
#table-rencontre #entete { font:12px Verdana;width:100%;color:#E75921}
#table-rencontre #entete td { border-bottom:1px solid #E75921;margin-bottom:5px;background:#fdf2ed;text-align:center;}
#table-rencontre .ancien { color:gray}
#table-rencontre .encours { color:#F18D1F}
#table-rencontre .avenir { color:#047B48}
/* Contact */
#contact label { display:block;float:left;width:180px;margin-left:20px}
#contact input { border:1px solid #047B48;margin-bottom:5px}
#contact textarea { border:1px solid #047B48;margin-bottom:5px}
/* Bon de commande */
#bdc { border-collapse:colspace;background : #fff;font: 9pt Arial;color: #000}
#bdc td { text-align:center;padding:1px;height:18px}
#bdc .thead td { font-weight:bold;text-align:center;border:1px solid; }
table #adresse-facturation { width:300px;border: 1px solid #000;padding: 5px;text-align:left}
table #adresse-livraison { width:300px;border: 1px solid #000;padding: 5px;text-align:left}
table h2 { border-bottom: 1px solid #608F58;text-align:center;margin:2px;}
table h3 { text-align:center;margin:2px;}
#bdc .isbn { width:120px;height:20px}
#bdc .titre { text-align:left!important;width:400px}
#bdc .prix { font-weight:bold}
#bdc .quantite {}
#bdc .montant {}
#bdc tr.l-1 { background:#F4F7E6;margin 1px}
#bdc tr.l-1 td { background:#F4F7E6;border-bottom:1px solid #608F58;border-top:1px solid #608F58}
#bdc table td { height:20px}
#bdc .piedLigne td { border-top:1px solid red}
#bdc .adresse-info { float:left;display:block;border-right:1px solid gray; width:80px;margin: 1px 5px 1px 1px}
#bdc #total_ttc { border:3px double }