/* CSS Document */
body {margin:0; padding:0;	background-image: url(images/fond-editions-buissonnieres.gif); background-position:top; background-repeat:repeat-x; background:#e3e1d0; font:12px Verdana, Arial, Helvetica, sans-serif; text-align:center; behavior:url(csshover.htc);}
a, a:visited {text-decoration:none;}
a:hover, 
/*a:active {text-decoration:underline;}*/
div,table,tr,th,td {margin:0; padding:0; border:solid 0px #FFF;}
table {empty-cells:show;}
img {border:1px none #000;}
hidden,
input[type=hidden] {display:none; visibility:hidden;}

.imgOFF {border:1px solid #363; cursor:pointer; margin:0; padding:0;}
.imgON {border:1px solid #F60; cursor:pointer; margin:0; padding:0;}

/* Cale le site au centre de la page */
div#conteneur {display:block; position:relative; margin:auto; padding:0; width:797px; height:auto; background:#1C5485 url(images/fond.gif) repeat-y; color:#FFF; text-align:left;}

/* Bandeau */
div#bandeau {display:block; position:relative; left:0; top:0; width:797px; height:131px; font-family:"Times New Roman",Times,serif; color:#FFFFFF; background:url(images/bandeau.jpg) repeat 0px 0px; clear:none; float:none; text-align:left;}
div#bandeau img{display:block; position:absolute; top:35px; left:70px; margin:10px; padding:0; float:left;}
div#bandeau h1{display:block; position:absolute; top:60px; left:180px; margin:0; padding:0; color:#083c6d; font-size:35px; font-weight:normal;}
div#bandeau h2{display:block; position:absolute; top:100px; left:185px; margin:0; padding:0; color:#083c6d; font: italic bold 14px Verdana, Geneva, sans-serif;}
div#bandeau div#flash {display:none; position:absolute; left:0; top:116px; width:617px; height:25; visibility:hidden; overflow:invisible; z-index:2; clear:none;}
/*div#bandeau a, */
div#bandeau a:visited,
div#bandeau a:active,
div#bandeau a:hover {color:#FFFFFF; text-decoration:underline;}
div#bandeau h1 a:hover{text-decoration:underline;}
div#bandeau div#home {display:block; position:absolute; left:-80px; top:30px; width:61px; height:54px; margin:0; padding:0; text-align:center;}
div#bandeau div#home img {border:solid 0 #000; background:none; width:61px; height:54px;}
div#bandeau div#home a:hover img {width:57px; height:51px;}

/* Menu et sous-menus du catalogue */
div#menu {display:block; position:absolute; left:0; top:131px; width:180px; height:auto; margin:0; padding:0; background:#9FC138; z-index:10; float:left; clear:both;}
div#menu ul {display:block; position:relative; left:0; top:0; width:180px; height:auto; margin:0; padding:0; text-align:left; color:#050550; background:#9fc138; float:none;}
div#menu ul li {display:block; position:relative; margin:0; padding:0; list-style:url(none) none outside; background:#9fc138; border:solid 0px #000; border-bottom:solid 1px #d1e19b; text-align:left;; white-space:nowrap; float:none; clear:both;}
div#menu ul li ul {display:block; position:absolute; top:0; left:180px; width:auto; height:auto; margin:0; padding:5px 0; list-style:url(none) none outside; border:solid 0px #000; z-index:13; background:#ffdb6c; visibility:hidden;}
div#menu ul li ul li {display:block; position:relative; width:auto; min-width:250px; height:auto; margin:0; padding:0; list-style:url(none) none outside; color:#002355; background:#ffdb6c; border-bottom:solid 1px #f29f00;font:normal 11px/normal Verdana, Geneva, sans-serif; text-align:left; white-space:nowrap; float:none; clear:both;}
div#menu ul li:hover ul, 
div#menu ul li ul:hover {visibility:visible; cursor:pointer;}
div#menu ul li:hover {color:#002355; background:#fcd55f;}
div#menu ul li ul li:hover {color:#050550; background:#f29f00;}
div#menu ul li ul li:hover a {color:#050550; background:#f29f00 url(none);}
div#menu h3 {margin:0; padding:3px; font:bold 12px/normal Verdana, Geneva, sans-serif; text-decoration: none; cursor:pointer; color:#002355;}
div#menu a,
div#menu a:visited {display:block; margin:0; padding:2px 10px; color:#050550; text-decoration:none; cursor:pointer; clear:both;}
div#menu a.nouveau {background: url(images/nouveau.gif) no-repeat right bottom;}

/* Bloc de la recherche dans le catalogue */
div#rechercher {display:block; position:relative; left:0; top:0; width:172px; height:auto; color:#050550; padding:30px 3px 5px 3px; margin:0; font-size:11px; text-align:left; float:left; clear:both; background-color:#bcd46f;}
div#rechercher input, 
div#rechercher input[type=text],
div#rechercher textarea, 
div#rechercher text,
div#rechercher button {margin:0; padding:2px; font-size:10px; color:#050550; border:1px solid #000066; background-color:#e4f3b4; cursor:pointer;}
div#rechercher input[type=text],
div#rechercher text {width:130px;} 

/* Affaichages des résultats de la recherche ci-dessus */
div#resultat {display:block; position:relative; left:0; width:180px; height:auto; background: #bcd46f; margin:0; padding:0; float:left; clear:both;}
div#resultat h3 {display:block; width:180px; height:auto; margin:0; padding:5px 5px 10px 5px; font:italic 12px Verdana, Geneva, sans-serif; text-decoration: none; text-align:left; background:url(images/fleche_menu_bas.gif) no-repeat 145px center; }
div#resultat ul,
div#resultat li {display:block; position:relative; left:0; top:0; width:180px; margin:0; padding:0; list-style:url(none) none outside; border:0 solid #000;}
div#resultat a {display:block; width:172px;padding:3px 3px 3px 5px; font-size:11px; text-decoration:none; white-space:normal; text-align:left; color:#DDD; border:0 solid #000; border-bottom:1px solid #5788f7; cursor:pointer; color:#000066; background:#8ab409;} 
div#resultat a:visited {color:#000066; background:#8ab409;}
div#resultat a:hover, 
div#resultat a:active, 
div#resultat a.choisi {color:#FFFFFF; background:#9fc138;}

/* Blocs d'affichage dans toutes les pages centrales */
div#page {display:block; position:relative; top:0; left:180px; width:617px; height:auto; min-height:420px; margin:0; padding:0; background:#efeee4; font:11px Arial, Helvetica, sans-serif; color:#000; text-align:left; z-index:1; clear:none; float:none;}
div#bloc {display:block; position:relative; left:0; top:0; width:597px; height:auto; margin:0; padding:10px 10px 30px 10px; background:none; clear:both; float:none;}
div#bloc h1 {display:block; position:relative; top:-10px; left:-10px; width:100%; color:#FFF; background:#E88F0F;  font-size:16px; font-weight:bold; margin:0 0 10px; padding:10px;}
div#bloc h2 {color:#e17314; font-size:14px; font-weight:bold; margin:0; padding:0 10px 10px 0;}
div#bloc h3 {color:#b44d15; font-size:11px; font-weight:bold; margin:0; padding:0; display:inline;}
div#bloc ul, 
div#bloc ol {display:block; margin:0 0 0 10px; padding:0; background:none;}
div#bloc li { list-style:disc url(images/puce3.gif) outside; margin:0 5px 0 10px; padding:0; background:none; }
div#bloc a, 
div#bloc a:visited {color:#08398D; text-decoration:none;}
div#bloc a:hover, 
div#bloc a:active {text-decoration:underline;}
div#bloc p {margin:0; padding:0; text-align:justify; clear:none; background:none;}
div#bloc img,
div#bloc a img {border:1px solid #363;}
div#bloc a:hover img{border:1px solid #F60;}

/* Nouveautés de la page d'accueil */
div#bloc.nouveautes {display:block; clear:both; float:none;}
div#bloc.nouveautes h1.technique {margin:10px 0px 10px; padding:3px 0px; font-size:18px; font-weight:bold; text-align:center; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/nouveautes_fond.gif) no-repeat center; }
div#bloc.nouveautes h1.technique a:hover {text-decoration:underline;color:white;}
div#bloc.nouveautes ul.texte {display:block; margin:0 0 30px 10px; padding:0; list-style:disc outside; }
div#bloc.nouveautes ul.texte li {padding:0; margin:0 0 0 10px; text-align:left; float:none; list-style:disc url(images/nouveautes_puce.gif) outside; }
div#bloc.nouveautes ul.texte li h2 {display:block; padding:0; margin:0 5px 0 0; text-align:left; color:#e00; font:normal 12px Verdana, Arial, Helvetica, sans-serif; background:none;}
div#bloc.nouveautes ul.images {display:block; margin:0; padding:0; width:100%; font:bold small Arial, Verdana, sans-serif; list-style: url(none) none outside; }
div#bloc.nouveautes ul.images li {display:block; width:118px; height:200px; min-height:200px; padding:0; margin:0; list-style: url(none) none outside; text-align:center; float:left;}
div#bloc.nouveautes ul.images li img {border:1px solid #444; margin:0; padding:0;}
div#bloc.nouveautes ul.images li h4 { display:block; width:108px; padding:5px; margin:0 0 20px 0; text-align:center; font:normal 11px Verdana, Geneva, sans-serif; text-decoration: none; float:none; clear:both;}
div#bloc.nouveautes ul.images li a {display:block; margin:0 0 0; padding:0; color:#369; text-align:center;  cursor:pointer;}
div#bloc.nouveautes ul.images li a:hover {background:none; text-decoration:none; color:#F60;}
div#bloc.nouveautes ul.images li a:hover img {border:1px solid #F60;}

/* Pages des livres */
div#couverture {display:block; position:relative; top:0; left:0; margin:0; padding:0 15px 15px 0; background:none; float:left; z-index:10;}
div#intro {display:block; position:relative; top:0; left:0; margin:0; padding:0 0 20px 0; background:none; color:#000;}
div#descriptif {display:inline-block; position:relative; top:0; left:0;  margin:0; padding:0 15px 15px 0; background:none; color:#000; float:left; clear:both;}
div#options {display:inline-block; position:relative; top:0; left:0; margin:0; padding:0 15px 15px 0;vertical-align:top; text-align:left; float:left;}
div#options input,
div#options select {display:block; width:100%; height:auto; margin:5px 0; padding:0; color:#000; background:#FFF; border:solid 1px #336; font:12px Arial, Helvetica, sans-serif; cursor:pointer;}
div#options option {display:block; width:100%; height:auto; margin:0; padding:3px 5px 3px 5px; color:#000; background:#FFF; border:none 0px #000; font:12px Arial, Helvetica, sans-serif; cursor:pointer; vertical-align:middle; text-align:left;}
dl#prix {display:inline-block; position:relative; top:0; left:0; margin:0; padding:0 15px 15px 0; float:left; clear:both;}
dl#prix dt {display:block; float:left; font-weight:bold;}
dl#prix dd {display:block; clear:none;}
dl#exemples {display:block; position:relative; top:0px; margin:0; padding:0 10px 20px 10px; text-align:center; width:120px; height:140px; float:left;}
dl#exemples dt {display:block; font-weight:bold; width:100%; margin:0; padding:0; text-align:center; white-space:normal; clear:both;}
dl#exemples dd {display:block; font-weight:normal; width:100%; margin:0; padding:0; text-align:center; clear:both;}
dl#exemples img {float:none; margin:5px; padding:0; clear:both;}
dl#exemples a {display:block;  margin:0; padding:0; white-space:nowrap;}
div#extraits {display:block; position:relative; top:0; left:0; width:100%; height:auto; margin:0; padding:0 10px 30px 10px; background:none; float:left;}
div#extraits h3 {display:block; padding:0 10px 5px 5px;}
div#extraits ul {display:block; margin:0; padding:0; list-style: url(none) none outside;}
div#extraits ul li { display:block; margin:0; padding:2px 5px 2px 20px; list-style: url(none) none outside; background: url(images/icone_note.gif) no-repeat left center; }
div#fichiers {display:block; position:relative; top:0; left:0; width:100%; height:auto; margin:0; padding:0 10px 30px 10px; background:none; float:left;}
div#fichiers h3 {display:block; padding:0 10px 5px 5px;}
div#fichiers ul { display:inline; margin:0; padding:0; list-style: url(none) none outside; }
div#fichiers ul li {display:block; margin:0; padding:2px 5px 2px 20px; list-style: url(none) none outside; background: url(images/icone_doc.gif) no-repeat left center; }
.legende {font-weight:bold;}
.pdf {font-weight:bold; color:#039; margin:0; padding:0;}
.fichiers {padding:5px 20px 5px 5px;}
.piedpage {display:block; font-size:9px; text-align:center;}

/* Menu de navigation dans les pages livres */
div#nav {display:block; height:25px; margin:20px 0 0 0; padding:0 0 0 20px; background:url(images/flechebleuefond.gif) no-repeat left center; clear:both; float:none; z-index:20; }
div#nav ul { margin:0; padding:0; list-style: url(none) none outside; background: url(images/flechebleuedrt.gif) repeat; }
div#nav li {display:block; margin:0; padding:0; float:left;}
div#nav a,
div#nav a:visited {display:block; margin:0; padding:5px 10px; background:none; border:solid 0px #000; border-right:solid 1px #039;}
div#nav a:hover,
div#nav a:active {text-decoration:none; color:#FFF; background:#236CE5;}

/* Menu du caddie sur les pages livre */
div#menuCommander {display:block; position:relative; top:0; right:0; width:auto; height:auto; margin:0; padding:10px 10px 10px 0; clear:both; vertical-align:top; text-align:left;}
div#menuCommander ul {display:block; margin:0; padding:0; list-style: url(none) none outside; background:none;}
div#menuCommander li {display:block; width:300px; margin:0; padding:0 0 0 20px; list-style: url(none) none outside; background:url(images/flecheorangedrt.gif) no-repeat 5px center; text-align:left; vertical-align:middle;}
div#menuCommander li:hover {background:#FFBB84 url(images/flecheorangedrt.gif) no-repeat 5px center;}
div#menuCommander li a,
div#menuCommander li a:visited {display:block; margin:2px 0; padding:5px 0 5px 10px; color:#EF7C00; cursor:pointer; text-decoration:none;}
div#menuCommander li a:hover {text-decoration:none;}
div#menuCommander input,
div#menuCommander input[type=text],
div#menuCommander input[type=button],
div#menuCommander button {display:block; margin:0; height:30px; padding:5px; border:solid 0px #000; color:#EF7C00; background:none; cursor:pointer; text-align:left; white-space:nowrap;}
div#menuCommander hidden,
div#menuCommander input[type=hidden] {display:none; visibility:hidden;}

/* Styles des pages concernant les commander : mentions légales, comment commander etc. */
div#commander,
.commander {display:block; position:relative; top:0; left:0; width:597px; height:auto; margin:0; padding:0 10px 30px 10px; font:12px Arial, Helvetica, sans-serif; background-color:#FFDFBF; color:#000; text-align:left;}
div#commander .titre {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #003399; background-color:#FFBB84; padding:5px;}
div#commander .texte {color: #000; padding:5px;}
div#commander h1 {color: #039; font-weight:bold; font-size:14px; padding:10px; margin:0; display:block;}
div#commander h2 {color: #039; font-weight:bold; font-size:13px; padding:0; margin:0; display:block;}
div#commander h3 {font-weight:bold; font-size:12px; font-style:normal;	padding:0; margin:0; display:block;}
div#commander h4 {background-color:#FC7; border:1px solid #039; font:12px Arial, Helvetica, sans-serif; color:#039; padding:10px; margin:10px;}
div#commander .tablo {border-top:1px solid #039; border-left:1px solid #039; margin:5px 0; padding:0;}
div#commander .pair, 
div#commander .impair {border-right:1px solid #039; border-bottom:1px solid #039; margin:0; padding:3px;}
div#commander a, 
div#commander a:visited {color:#000; text-decoration:none;}
div#commander a:hover, 
div#commander a:active {text-decoration:underline;}

/* Contenu du caddie */
div#caddie input, 
div#caddie select, 
div#caddie text {color:#000; font:11px Arial, Helvetica, sans-serif; vertical-align:middle; margin:0; padding:0; cursor:pointer;}
div#caddie a, 
div#caddie a:visited {color:#000; border: 1px solid #A9B0CA;}
div#caddie a:hover, 
div#caddie a:active {border: 1px solid #FEF9C7;}
div#caddie table {font: 11px Arial, Helvetica, sans-serif; margin:5px; padding:0; border-top: 1px solid #000; border-left: 1px solid #000;}
div#caddie th, 
div#caddie td {color:#000; padding:3px 10px 3px 3px; margin:0; vertical-align:middle;}
div#caddie th {font-weight:bold; background:#FFBB84; border-bottom:1px solid #000; border-right:1px solid #000;}
div#caddie td.pair {background:#FFBB84; border-bottom:1px solid #000; border-right:1px solid #000;}
div#caddie td.impair {background:#FFDFBF; border-bottom:1px solid #000; border-right:1px solid #000;}
div#caddie input.pair, 
div#caddie input.impair {vertical-align:middle; text-align:right; margin:0; padding:0 5px 0 0;}

/* Formulaire des coordonnées client */
#formcoord, 
#modepaiement,
#formcoord input, 
#formvalid input, 
#modepaiement input,
#formcoord select, 
#formvalid select,
#formcoord textarea, 
#formvalid textarea {font:11px Arial, Helvetica, sans-serif; color:#000;}
#formcoord input, 
#modepaiement input, 
#formcoord select,
#formcoord textarea {background:#FFBB84; border:1px solid #336; padding:3px;}
#formvalid input, 
#modepaiement input {cursor:pointer;}
#formcoord td {padding:5px 5px; vertical-align:top;}
#formcoord td.texte {text-align:right; padding-top:3px; padding-bottom:3px;}
#formcoord td.champ {text-align:left; font-weight:bold; background:#FFBB84; padding:3px 20px;}

/* Tableau des tarifs postaux dans la pages des informations légales */
#tarifspostaux {font:9px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#tarifspostaux table {font:9px Arial, Helvetica, sans-serif; margin:0 0 30px 0; padding:0; border-top:1px solid #000; border-left:1px solid #000;}
#tarifspostaux th,
#tarifspostaux td {color:#000; padding:0; margin:0; vertical-align:middle;}
#tarifspostaux th {font-weight:bold;}
#tarifspostaux td.pair, 
#tarifspostaux th.pair {background:#FFBB84; border-bottom:1px solid #000; border-right:1px solid #000;}
#tarifspostaux td.impair, 
#tarifspostaux th.impair {background:#FFDFBF; border-bottom:1px solid #000; border-right:1px solid #000;}

 /* affichage du tableau des  moyens de paiements (carte bancaires) */
#modepaiement table {margin:0; padding:0;}
#modepaiement td {margin:0; padding:0 0 20px; text-align:center; vertical-align:middle;}